:root{--ink:#102828;--muted:#546565;--paper:#f7faf8;--white:#fff;--line:#d8e1dc;--accent:#e0a33c;--accent-dark:#b87514;--teal:#0e4d4b;--teal-2:#153a39;--mint:#e7f1ed;--danger:#8a4037;--max:1160px;--radius:18px;--shadow:0 18px 50px #1028281a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif;font-size:16px;line-height:1.8}a{color:inherit}img{max-width:100%;height:auto}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip-link{z-index:100;background:#fff;padding:10px 16px;position:fixed;top:-80px;left:12px}.skip-link:focus{top:12px}.site-header{z-index:20;backdrop-filter:blur(12px);background:#f7faf8f0;border-bottom:1px solid #d8e1dccc;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:78px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{object-fit:contain;width:48px;height:48px}.brand span{flex-direction:column;line-height:1.25;display:flex}.brand strong{letter-spacing:.03em;font-size:1.02rem}.brand small{color:var(--muted);font-size:.72rem}.site-header nav,.footer-inner nav{gap:28px;display:flex}.site-header nav a,.footer-inner nav a{font-size:.9rem;font-weight:700;text-decoration:none}.site-header nav a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}.hero{background:var(--teal-2);color:#fff;padding:96px 0 90px;position:relative;overflow:hidden}.hero:after{content:"";border:90px solid #e0a33c1a;border-radius:50%;width:480px;height:480px;position:absolute;top:-150px;right:-100px}.hero-grid{z-index:1;grid-template-columns:1.3fr .8fr;align-items:center;gap:90px;display:grid;position:relative}.eyebrow{color:var(--accent-dark);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:800}.hero .eyebrow,.product-hero .eyebrow{color:#f1bd64}.hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(3rem,7vw,6.4rem);line-height:1.03}.hero h1 span{color:#f2b74e}.hero-copy{color:#d9e5e2;max-width:660px;margin:30px 0;font-size:1.12rem}.button-row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:11px 22px;font-weight:800;text-decoration:none;display:inline-flex}.button.primary{background:var(--accent);color:#182b2a}.button.primary:hover{background:#efb750}.button.secondary{background:0 0;border-color:currentColor}.hero .button.secondary{color:#fff}.principles{border-left:1px solid #ffffff38}.principles div{border-bottom:1px solid #ffffff2e;grid-template-columns:45px 1fr;gap:0 18px;padding:24px 0 24px 28px;display:grid}.principles strong{color:#efb750;grid-row:1/3}.principles span{font-size:1.1rem;font-weight:800}.principles small{color:#bcd0cb}.section{padding:88px 0}.section.compact{border-top:1px solid var(--line);padding:60px 0}.section.tinted{background:var(--mint)}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.section h2,.page-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.25}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.product-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:30px;box-shadow:0 8px 30px #1028280d}.product-card h3{margin:2px 0 12px;font-size:1.45rem;line-height:1.4}.product-card h3 a{text-decoration:none}.product-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--accent)}.product-card p{color:var(--muted)}.card-meta{border-top:1px solid var(--line);gap:16px;padding:15px 0;font-size:.9rem;font-weight:800;display:flex}.card-meta span+span{color:var(--teal)}.text-link{text-underline-offset:5px;font-weight:800;text-decoration-thickness:1px}.split-heading{grid-template-columns:.9fr 1.1fr;align-items:start;gap:90px;display:grid}.pain-links{gap:12px;display:grid}.pain-links a{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;gap:16px;padding:20px 22px;font-weight:800;text-decoration:none;display:flex}.page-shell{padding:30px 0 100px}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:8px;margin:0 0 55px;padding:0;font-size:.82rem;list-style:none;display:flex}.breadcrumbs li{gap:8px;display:flex}.page-header{max-width:850px;margin-bottom:60px}.page-header.narrow{max-width:760px}.page-header>p:last-child{color:var(--muted);font-size:1.08rem}.product-hero{background:var(--teal-2);color:#fff;box-shadow:var(--shadow);border-radius:28px;grid-template-columns:1fr 1fr;align-items:center;gap:55px;margin-bottom:80px;padding:56px;display:grid}.product-hero h1{margin:0;font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.15}.lede{color:#d8e3e0;font-size:1.05rem}.price{align-items:baseline;gap:12px;margin-top:24px;display:flex}.price strong{font-size:2rem}.price span,.microcopy{color:#bdd0cc;font-size:.83rem}.screenshot-frame{box-shadow:var(--shadow);background:#fff;border-radius:14px;margin:0;padding:10px}.screenshot-frame img{border-radius:8px;display:block}.screenshot-frame figcaption{color:var(--muted);padding:6px 4px 0;font-size:.72rem}.before-after,.detail-grid,.scope-grid,.info-strip{grid-template-columns:1fr 1fr;gap:24px;display:grid}.before-after>div{border-radius:var(--radius);border:1px solid var(--line);background:#fff;padding:30px}.before-after>div:last-child{background:var(--mint)}.before-after h2,.detail-grid h2,.scope h2,.prose-section h2{font-size:1.6rem}.detail-grid>div{padding-right:25px}.scope{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:34px}.scope.unsupported{background:#fff8f7;border-color:#dfc5c1}.scope.unsupported .eyebrow{color:var(--danger)}li+li{margin-top:7px}.info-strip>div{background:var(--ink);color:#fff;border-radius:var(--radius);padding:28px}.info-strip small{color:#efb750;font-weight:800}.info-strip p{margin:.4rem 0}.screenshot-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.pain-index{gap:18px;display:grid}.pain-index article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:34px}.pain-index h2{margin:0;font-size:1.45rem}.pain-index h2 a{text-decoration:none}.prose-section{max-width:800px}.prose-section>p:last-child{font-size:1.1rem}.principles-copy{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.principles-copy article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:30px}.principles-copy span{color:var(--accent-dark);font-weight:900}.principles-copy h2{margin:.3rem 0;font-size:1.35rem}.legal-page section{max-width:800px;padding:20px 0}.legal-page section h2{font-size:1.3rem}.site-footer{color:#fff;background:#0d2928;padding:52px 0}.footer-inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-inner p{margin:0}.footer-inner span{color:#afc4c0;font-size:.82rem}@media (width<=800px){.container{width:min(calc(100% - 28px),var(--max))}.header-inner{min-height:68px}.brand img{width:42px;height:42px}.brand small{display:none}.site-header nav{gap:13px}.site-header nav a{font-size:.79rem}.site-header nav a:last-child{display:none}.hero{padding:68px 0}.hero-grid,.split-heading,.product-hero,.before-after,.detail-grid,.scope-grid,.info-strip{grid-template-columns:1fr;gap:28px}.hero-grid{gap:48px}.hero h1{font-size:clamp(2.9rem,15vw,4.5rem)}.principles{border-top:1px solid #ffffff38;border-left:0}.principles div{padding-left:0}.section{padding:62px 0}.section-heading{flex-direction:column;align-items:start}.card-grid,.principles-copy,.screenshot-grid{grid-template-columns:1fr}.product-hero{border-radius:20px;margin-bottom:50px;padding:30px 22px}.product-hero h1{font-size:2.6rem}.button-row{flex-direction:column}.button{width:100%}.breadcrumbs{overflow:hidden}.breadcrumbs ol{white-space:nowrap;margin-bottom:38px;overflow-x:auto}.page-shell{padding-top:20px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-inner nav{flex-wrap:wrap;gap:14px 22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hero{background:radial-gradient(circle at 88% 12%,#f1b74e21,#0000 30%),linear-gradient(135deg,#102d2c 0%,#153f3d 70%,#0d302f 100%);padding:100px 0 96px}.hero:after{border-color:#e0a33c14;width:580px;height:580px;top:-255px;right:-175px}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(36px,7vw,100px)}.hero h1{letter-spacing:-.055em;font-size:clamp(2.75rem,5.9vw,5.5rem);line-height:1.16}.hero-copy{max-width:570px;margin:28px 0 0;font-size:1.08rem}.hero-note{color:#adc9c2;margin:20px 0 0;font-size:.82rem}.hero-guide{background:#ffffff12;border:1px solid #ffffff3d;border-radius:24px;padding:32px;box-shadow:0 30px 70px #0000001f}.hero-guide h2{margin:0 0 22px;font-size:1.65rem;line-height:1.35}.hero-guide a{color:var(--ink);background:#f8faf6;border-radius:13px;grid-template-columns:30px 1fr auto;align-items:center;gap:14px;margin-top:12px;padding:19px 17px;text-decoration:none;transition:transform .18s,background .18s;display:grid}.hero-guide a:hover,.hero-guide a:focus-visible{background:#fff2d8;transform:translateY(-2px)}.hero-guide a>span:nth-child(2){gap:2px;display:grid}.hero-guide strong{font-size:1.05rem}.hero-guide small{color:var(--muted);font-size:.76rem}.guide-number{color:var(--accent-dark);font-size:.8rem;font-weight:900}.section-intro{color:var(--muted);margin:12px 0 0}.problem-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.problem-preview{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;min-height:305px;padding:32px;display:flex;box-shadow:0 8px 30px #1028280a}.problem-index{color:var(--accent-dark);letter-spacing:.13em;font-size:.75rem;font-weight:900}.problem-preview h3{margin:17px 0 10px;font-size:1.55rem;line-height:1.45}.problem-preview h3 a{text-decoration:none}.problem-preview h3 a:hover{text-underline-offset:5px;text-decoration:underline}.problem-preview>p{color:var(--muted);margin:0}.problem-preview-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:23px;font-size:.85rem;display:flex}.problem-preview-footer>span{color:var(--teal);font-weight:800}.selection-grid{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.selection-grid h2{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.3}.selection-grid p:last-child{color:var(--muted);max-width:520px}.selection-steps{gap:12px;display:grid}.selection-steps div{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:18px;padding:18px 22px;font-weight:700;display:flex}.selection-steps strong{color:var(--accent-dark);font-size:.8rem}.product-card{flex-direction:column;min-height:290px;display:flex}.product-card .card-meta{flex-wrap:wrap;align-items:baseline;margin-top:auto}.card-meta span:first-child{font-size:1.15rem}.card-meta small{color:var(--muted);font-size:.72rem;font-weight:500}.product-card>.text-link{margin-top:7px}.catalog-intro{background:var(--mint);border-radius:22px;grid-template-columns:.75fr 1.25fr;align-items:center;gap:46px;margin-bottom:76px;padding:32px;display:grid}.catalog-intro h2{margin:0;font-size:1.65rem}.catalog-intro p:last-child{color:var(--muted);margin:5px 0 0}.catalog-task-links{gap:10px;display:grid}.catalog-task-links a{border:1px solid var(--line);background:#fff;border-radius:11px;justify-content:space-between;gap:14px;padding:15px 18px;font-weight:800;text-decoration:none;display:flex}.catalog-task-links a:hover,.pain-links a:hover{border-color:var(--accent-dark)}.catalog-list .section-heading{margin-bottom:25px}.catalog-list h2{font-size:2rem}.result-count{color:var(--muted);font-weight:800}.catalog-footnote{border-top:1px solid var(--line);color:var(--muted);align-items:baseline;gap:20px;margin-top:44px;padding-top:22px;font-size:.87rem;display:flex}.catalog-footnote strong{white-space:nowrap;color:var(--ink)}.catalog-footnote p{margin:0}.problem-index-intro{flex-wrap:wrap;gap:10px;margin:-22px 0 35px;display:flex}.problem-index-intro span{background:var(--mint);color:var(--accent-dark);border-radius:999px;padding:9px 14px;font-size:.76rem;font-weight:900}.problem-index-intro strong{color:var(--ink);margin-left:6px}.pain-index-card{grid-template-columns:1.2fr .8fr;align-items:start;gap:42px;display:grid}.pain-index-main h2{margin:6px 0 13px;line-height:1.45}.pain-index-main>p:not(.eyebrow){color:var(--muted);margin:0 0 22px}.pain-index-context{border-left:1px solid var(--line);padding-left:32px}.context-label{letter-spacing:.1em;color:var(--teal);font-size:.75rem;font-weight:900}.pain-index-context ul{margin:9px 0 20px;padding-left:19px;font-size:.9rem}.context-count{color:var(--accent-dark);font-size:.8rem;font-weight:800}.problem-index-bottom{background:var(--teal-2);color:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-top:50px;padding:25px 30px;display:flex}.problem-index-bottom p{margin:0;font-weight:800}@media (width<=800px){.hero{padding:68px 0 76px}.hero-grid,.selection-grid,.catalog-intro,.pain-index-card{grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(2.5rem,10vw,4rem)}.hero-guide{padding:22px}.problem-preview-grid{grid-template-columns:1fr}.problem-preview{min-height:0}.catalog-intro{margin-bottom:55px;padding:25px}.pain-index-context{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.problem-index-bottom{flex-direction:column;align-items:stretch}.catalog-footnote{display:block}.catalog-footnote p{margin-top:5px}}@media (width<=480px){.hero h1{font-size:2.45rem}.hero-guide h2{font-size:1.4rem}.problem-preview{padding:24px}.problem-preview h3{font-size:1.35rem}.pain-index article{padding:24px}.problem-index-intro{grid-template-columns:1fr;display:grid}.card-meta{gap:5px 15px}}@media (prefers-reduced-motion:reduce){.hero-guide a{transition:none}}