:root{--ground:#F5F4EE;--surface:#FFFFFF;--surface-2:#F3F1E9;--ink:#1A1A17;--slate:#5A5852;--muted:#8A887E;--faint:#B5B2A6;--line:#E2E0D8;--line-strong:#CCC9BE;--accent:#15407A;--accent-hover:#0F2F5C;--accent-light:#E8EFF7;--accent-soft:#F3F7FB;--on-accent:#FFFFFF;--band:#0F1B2E;--band-ink:#F5F4EE;--band-muted:rgba(245,244,238,.62);--font-sans:'DM Sans',Helvetica,Arial,"Segoe UI",sans-serif;--font-serif:'Fraunces',Georgia,"Times New Roman",serif;--maxw:1200px;--radius:10px;--shadow:0 1px 2px rgba(26,26,23,.04),0 10px 30px rgba(26,26,23,.06);--shadow-lg:0 26px 60px rgba(26,26,23,.13),0 6px 16px rgba(26,26,23,.07)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--slate);background:var(--ground)}.page{background:var(--ground);color:var(--slate);font-family:var(--font-sans);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}h1,h2,h3{font-family:var(--font-serif);color:var(--accent);margin:0;line-height:1.12;letter-spacing:-.005em;text-wrap:balance;font-weight:600}h1{font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.06}h2{font-size:clamp(1.65rem,3.2vw,2.5rem)}h3{font-size:1.16rem}p{margin:0}a{color:inherit;text-decoration:none}.eyebrow{font-family:var(--font-sans);font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:500}.rule{width:34px;height:0;border-bottom:2px solid var(--accent);margin:14px 0 0}.lead{font-size:clamp(1.05rem,1.5vw,1.24rem);color:var(--slate);max-width:60ch;line-height:1.6}.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-sans);font-size:.98rem;font-weight:500;padding:.82em 1.4em;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,background .15s,border-color .15s,color .15s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 8px 20px -8px var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-arrow svg{transition:transform .15s ease}.btn-arrow:hover svg{transform:translateX(3px)}.logo-full{height:44px;width:auto;display:block}header.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--ground) 85%,transparent);backdrop-filter:saturate(1.3) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}header.nav.scrolled{border-color:var(--line);box-shadow:var(--shadow)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:74px}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a.link{font-size:.96rem;color:var(--slate);font-weight:500;transition:color .15s}.nav-links a.link:hover{color:var(--accent)}.nav-drop{position:relative;display:flex;align-items:center}.drop-toggle{display:inline-flex;align-items:center;gap:4px}.drop-chev{transition:transform .2s}.drop-menu{position:absolute;top:100%;left:-14px;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;display:none;flex-direction:column;gap:2px;z-index:60}.drop-menu a{font-size:.93rem;color:var(--slate);font-weight:500;padding:9px 12px;border-radius:8px;transition:background .12s,color .12s}.drop-menu a:hover{background:var(--accent-light);color:var(--accent)}.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{display:flex}.nav-drop:hover .drop-chev{transform:rotate(180deg)}a.mod{text-decoration:none;transition:transform .12s ease,box-shadow .15s,border-color .15s}a.mod:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-strong)}.mod-go{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--accent);font-weight:500;font-size:.9rem}.feat h3 a{color:inherit;text-decoration:none}.feat h3 a:hover{color:var(--accent-hover);text-decoration:underline}.nav-cta{display:flex;align-items:center;gap:12px}.langswitch{display:flex;gap:1px;align-items:center}.langswitch a{font-size:.76rem;font-weight:600;color:var(--muted);padding:4px 6px;border-radius:6px;letter-spacing:.03em;transition:color .15s,background .15s}.langswitch a:hover{color:var(--accent)}.langswitch a.on{color:var(--accent);background:var(--accent-light)}.burger{display:none;background:none;border:1px solid var(--line-strong);border-radius:8px;width:42px;height:42px;color:var(--ink);cursor:pointer;align-items:center;justify-content:center}section{position:relative}.sec-pad{padding:clamp(4rem,8vw,7rem) 0}.hero{padding:clamp(3rem,6vw,5.5rem) 0 clamp(3.5rem,6vw,6rem)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero h1{margin:.7rem 0 0}.hero .lead{margin-top:1.5rem}.hero-actions{display:flex;gap:14px;margin-top:2rem;flex-wrap:wrap}.hero-note{margin-top:1.6rem;font-size:.86rem;color:var(--muted);display:flex;align-items:center;gap:10px}.hero-note .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero-art{position:relative}.plan-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:22px;position:relative;overflow:hidden}.plan-card .cap{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.plan-card .cap .t{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:500}.plan-card .cap .m2{font-family:var(--font-serif);font-size:1.15rem;color:var(--accent);font-weight:600}.float-pill{position:absolute;font-size:.74rem;font-weight:500;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 13px;box-shadow:var(--shadow);color:var(--ink);display:flex;align-items:center;gap:8px}.float-pill .g{width:7px;height:7px;border-radius:50%}.fp1{top:-14px;right:24px}.fp1 .g{background:var(--accent)}.fp2{bottom:-16px;left:16px}.fp2 .g{background:#3B6D11}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:36px 0}.stat .n{font-family:var(--font-serif);font-size:clamp(1.9rem,2.8vw,2.5rem);font-weight:600;color:var(--accent);letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1}.stat .l{font-size:.9rem;color:var(--muted);margin-top:8px}.stat + .stat{border-left:1px solid var(--line);padding-left:24px}.sec-head{max-width:60ch}.sec-head h2{margin:.8rem 0 0}.sec-head .rule{margin-top:16px}.sec-head p{margin-top:1.1rem}.aud-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:2.8rem}.aud{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:34px;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.aud:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--line-strong)}.aud .ic{width:48px;height:48px;border-radius:11px;background:var(--accent-light);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:20px}.aud h3{margin-bottom:12px;font-size:1.4rem}.aud p{font-size:1rem}.aud .tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tag{font-size:.78rem;color:var(--accent);background:var(--accent-soft);border:1px solid var(--line);border-radius:6px;padding:4px 10px}.aud .more{display:inline-flex;align-items:center;gap:6px;margin-top:22px;color:var(--accent);font-weight:500;font-size:.94rem}.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:2.8rem}.mod-grid.cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:680px){.mod-grid.cols-2{grid-template-columns:1fr}}h3[id]{scroll-margin-top:100px}.mod{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.mod:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-strong)}.mod .ic{width:42px;height:42px;border-radius:10px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.mod h3{font-size:1.18rem;margin-bottom:9px}.mod p{font-size:.98rem}.band{background:var(--surface-2);color:var(--slate);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.band .eyebrow{color:var(--accent)}.band .rule{border-color:var(--accent)}.band h2{color:var(--accent)}.band p{color:var(--slate)}.band-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}.big-stat{font-family:var(--font-serif);font-size:clamp(3.4rem,9vw,6rem);font-weight:600;color:var(--accent);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.big-stat b{color:var(--accent);font-weight:600;opacity:.5}.band-list{display:flex;flex-direction:column;gap:20px}.band-list .row{display:flex;gap:16px;align-items:flex-start}.band-list .k{color:var(--accent);font-size:.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;min-width:74px;padding-top:3px}.band-list .v strong{color:var(--ink);display:block;font-size:1.04rem;font-weight:500}.band-list .v span{color:var(--muted);font-size:.95rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:2.8rem}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;position:relative;overflow:hidden}.step .num{font-family:var(--font-serif);font-size:2rem;color:var(--accent-light);font-weight:600;line-height:1}.step h3{margin:12px 0 8px;font-size:1.24rem}.step p{font-size:.98rem}.step .bar{position:absolute;left:0;top:0;height:3px;width:40%;background:var(--accent)}.faq{max-width:820px;margin:2.6rem auto 0}.qa{border-bottom:1px solid var(--line)}.qa button{width:100%;background:none;border:none;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-family:var(--font-serif);font-size:1.2rem;font-weight:600;color:var(--accent)}.qa .ans{max-height:0;overflow:hidden;transition:max-height .3s ease}.qa .ans p{padding:0 4px 22px;color:var(--slate);max-width:66ch}.qa .chev{color:var(--accent);transition:transform .25s ease;flex-shrink:0}.qa.open .chev{transform:rotate(180deg)}.cta-band{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(2.6rem,5vw,4rem);text-align:center;box-shadow:var(--shadow);margin:clamp(3rem,6vw,5rem) 0}.cta-band h2{margin-bottom:1.1rem}.cta-band p{margin:0 auto;max-width:52ch}.cta-band .hero-actions{justify-content:center;margin-top:2rem}.cta-mail{margin-top:1.3rem;font-size:.92rem;color:var(--muted)}.cta-mail a{color:var(--accent);font-weight:500}footer{background:var(--surface);color:var(--muted);border-top:1px solid var(--line);padding:66px 0 40px}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}.foot-logo{display:inline-block;margin-bottom:16px}.foot-logo .logo-full{height:34px}footer .about{font-size:.93rem;color:var(--slate);max-width:34ch}.foot-col h4{color:var(--ink);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:500;margin:0 0 16px}.foot-col a{display:block;color:var(--slate);font-size:.95rem;padding:5px 0;transition:color .15s}.foot-col a:hover{color:var(--accent)}.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:48px;padding-top:24px;font-size:.86rem}.foot-bottom .addr{color:var(--muted)}.cookie{position:sticky;bottom:16px;z-index:60;margin:0 auto;max-width:650px;width:calc(100% - 32px);background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow-lg);padding:16px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between}.cookie p{font-size:.86rem;color:var(--slate)}.cookie a{color:var(--accent);font-weight:500}.cookie .btn-primary{color:var(--on-accent)}.cookie .acts{display:flex;gap:8px;flex-shrink:0}.cookie .btn{padding:.55em 1.05em;font-size:.85rem}.cookie.hide{display:none}.reveal.in{animation:revealin .6s ease both}@keyframes revealin{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal.in{animation:none}.draw rect,.draw line{stroke-dashoffset:0 !important}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-art{order:-1;max-width:460px}.band-grid{grid-template-columns:1fr;gap:30px}.mod-grid{grid-template-columns:1fr 1fr}.foot-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:74px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:4px;background:var(--surface);border-bottom:1px solid var(--line);padding:16px 24px;box-shadow:var(--shadow)}.nav-links.open a.link{padding:9px 0;width:100%}.nav-drop{width:100%;flex-direction:column;align-items:flex-start}.drop-toggle{width:100%;padding:9px 0}.drop-chev{display:none}.drop-menu{position:static;display:flex;box-shadow:none;border:none;background:transparent;padding:0 0 6px 14px;min-width:0;margin:0;gap:0}.drop-menu a{padding:7px 0;font-size:.95rem}.burger{display:flex}.nav-cta .btn-ghost{display:none}.trust-in{grid-template-columns:1fr 1fr;gap:22px 24px}.stat:nth-child(3){border-left:none;padding-left:0}.aud-grid,.mod-grid,.steps{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.cta-band .hero-actions{flex-direction:column}.cta-band .btn{width:100%;justify-content:center}}.subhero{padding-top:clamp(2.6rem,5vw,4.4rem);padding-bottom:clamp(1.4rem,3vw,2.2rem)}.subhero h1{margin:.7rem 0 0;max-width:22ch}.subhero .lead{margin-top:1.3rem}.subhero.center{text-align:center}.subhero.center h1{max-width:26ch;margin-left:auto;margin-right:auto}.subhero.center .lead,.subhero.center .rule{margin-left:auto;margin-right:auto}.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:2.6rem}.feat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px}.feat .ic{width:46px;height:46px;border-radius:11px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.feat h3{font-size:1.32rem;margin-bottom:10px}.feat p{font-size:1rem}ul.ticks{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}ul.ticks li{position:relative;padding-left:27px;font-size:.96rem;color:var(--slate)}ul.ticks li svg{position:absolute;left:0;top:3px;color:var(--accent)}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.usecases{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin-top:1.6rem;list-style:none;padding:0}.usecases li{display:flex;gap:11px;align-items:flex-start;font-size:.98rem;color:var(--slate)}.usecases li b{color:var(--ink);font-weight:500;display:block}.uc-ic{color:var(--accent);flex-shrink:0;margin-top:1px}.prose{max-width:70ch;margin-top:1.6rem}.prose h2{font-size:1.4rem;margin:2.1rem 0 .6rem}.prose h3{font-size:1.08rem;margin:1.5rem 0 .4rem;color:var(--ink);font-family:var(--font-sans);font-weight:500}.prose p{margin:0 0 1rem}.prose ul{margin:0 0 1rem;padding-left:1.15rem}.prose li{margin-bottom:.45rem}.prose a{color:var(--accent);font-weight:500}.prose .muted{color:var(--muted);font-size:.9rem}.contact-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:40px;margin-top:2.4rem;align-items:start}.form-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:34px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}.field label{display:block;font-size:.86rem;font-weight:500;color:var(--ink);margin-bottom:6px}.field input,.field textarea{width:100%;font-family:var(--font-sans);font-size:1rem;color:var(--ink);background:var(--ground);border:1px solid var(--line-strong);border-radius:8px;padding:11px 13px}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.field textarea{resize:vertical;min-height:130px}.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}.consent{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--slate);margin:4px 0 20px}.consent input{margin-top:3px;flex-shrink:0}.consent a{color:var(--accent);font-weight:500}.contact-aside{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.contact-aside h3{font-size:1.14rem;margin-bottom:6px}.contact-aside .row{margin-top:18px}.contact-aside .k{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}.contact-aside a{color:var(--accent);font-weight:500}@media (max-width:900px){.feat-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:28px}.contact-grid{grid-template-columns:1fr;gap:24px}}@media (max-width:680px){.usecases{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}.blog-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:2.6rem}.post{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:transform .18s,box-shadow .18s,border-color .18s}.post:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-strong)}.post .cat{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:12px}.post h3{font-size:1.22rem;margin-bottom:10px;line-height:1.22}.post p{font-size:.95rem;flex:1}.post .more{margin-top:16px;color:var(--accent);font-weight:500;font-size:.92rem;display:inline-flex;gap:6px;align-items:center}.article{max-width:72ch;margin:0 auto}.article .meta{color:var(--muted);font-size:.85rem;margin-top:14px}.article .prose{margin-top:1.8rem}.article .prose>p:first-of-type{font-size:1.14rem;color:var(--slate);line-height:1.6}.article .backlink{display:inline-flex;gap:7px;align-items:center;color:var(--accent);font-weight:500;font-size:.92rem;margin-top:2.4rem}@media (max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.blog-grid{grid-template-columns:1fr}}a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,textarea:focus-visible,.qa button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:var(--accent);color:#fff;padding:10px 16px;border-radius:8px;font-weight:500;font-size:.92rem;transition:top .15s ease}.skip-link:focus{top:12px;outline:2px solid #fff;outline-offset:2px}.crumbs{border-bottom:1px solid var(--line);background:var(--surface)}.crumbs .wrap{display:flex;gap:8px;align-items:center;padding:12px 24px;font-size:.82rem;color:var(--muted);flex-wrap:wrap}.crumbs a{color:var(--slate)}.crumbs a:hover{color:var(--accent)}.crumbs .sep{color:var(--faint)}.crumbs .cur{color:var(--ink)}.related{border-top:1px solid var(--line);background:var(--surface-2)}.related .wrap{padding:clamp(2.6rem,5vw,4rem) 24px}.related h2{font-size:1.5rem;margin-bottom:1.4rem}.glossary{margin-top:1.6rem}.gl-term{border-top:1px solid var(--line);padding:20px 0}.gl-term dt{font-family:var(--font-serif);font-size:1.22rem;color:var(--accent);font-weight:600;margin-bottom:6px}.gl-term dd{margin:0;color:var(--slate);max-width:72ch}.gl-term dd a{color:var(--accent);font-weight:500}@media print{.skip-link,header.nav,.crumbs,.cookie,.hero-art,.float-pill,.burger,.nav-cta{display:none !important}body,.page{background:#fff}h1,h2,h3{color:#0F1B2E}a{color:#000}*{box-shadow:none !important}.cta-band,.related,.mod,.feat,.aud,.post{border:1px solid #ccc;background:#fff}}.draw-in{stroke-dasharray:1;stroke-dashoffset:0}.in .draw-in{animation:drawin 1.1s ease both}@keyframes drawin{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}.pop{transform-box:fill-box;transform-origin:center}.in .pop{animation:pop .5s cubic-bezier(.2,.8,.3,1.2) both}@keyframes pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.grow{transform-box:fill-box;transform-origin:bottom}.in .grow{animation:grow .9s cubic-bezier(.2,.7,.3,1) both}@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}.pulse{transform-box:fill-box;transform-origin:center;opacity:.7}.in .pulse{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.in .draw-in,.in .pop,.in .grow,.in .pulse{animation:none}}.gfx-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:16px;position:relative;overflow:hidden}.gfx-card svg{display:block;width:100%;height:auto}.explain{background:var(--surface)}.explain-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.explain .lead{margin-top:1.2rem}.explain .plainlist{list-style:none;padding:0;margin:1.6rem 0 0;display:flex;flex-direction:column;gap:12px}.explain .plainlist li{display:flex;gap:12px;align-items:flex-start;font-size:1.02rem;color:var(--slate)}.explain .plainlist .n{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--accent-light);color:var(--accent);font-family:var(--font-serif);font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:center;margin-top:1px}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:2.8rem}.how-step .gfx-card{margin-bottom:16px;aspect-ratio:1/.78;display:flex;align-items:center;justify-content:center}.how-step .num{font-family:var(--font-serif);color:var(--accent);font-size:.82rem;font-weight:600;letter-spacing:.08em}.how-step h3{font-size:1.12rem;margin:6px 0 6px}.how-step p{font-size:.95rem}.examples-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:2.8rem}.example{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.example:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--line-strong)}.example .scene{width:150px;height:120px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;overflow:hidden}.example .scene svg{display:block;width:100%;height:100%}.example .who{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:500}.example h3{font-size:1.16rem;margin:6px 0 8px}.example p{font-size:.96rem}.example .win{display:inline-flex;gap:7px;align-items:center;margin-top:12px;font-size:.9rem;color:var(--ink);font-weight:500}.example .win svg{color:var(--accent);flex-shrink:0}@media (max-width:900px){.explain-grid{grid-template-columns:1fr;gap:36px}.explain .gfx-card{order:-1;max-width:460px}.how-grid{grid-template-columns:1fr 1fr}.examples-grid{grid-template-columns:1fr}}@media (max-width:560px){.how-grid{grid-template-columns:1fr}.example{grid-template-columns:1fr}.example .scene{width:100%;height:130px}}.grow-x{transform-box:fill-box;transform-origin:left}.in .grow-x{animation:growx .9s cubic-bezier(.2,.7,.3,1) both}@keyframes growx{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.in .grow-x{animation:none}}.subhero-2{padding:clamp(2.4rem,5vw,4rem) 0 clamp(1.6rem,3vw,2.4rem)}.subhero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center}.subhero-grid h1{margin:.7rem 0 0}.subhero-grid .lead{margin-top:1.2rem}@media (max-width:900px){.subhero-grid{grid-template-columns:1fr;gap:34px}.subhero-grid .hero-art{order:-1;max-width:440px;margin:0 auto}}.hero-story .task .box .empty{transition:opacity .25s}.hero-story .task.on .box .empty{opacity:0}.hero-story .task .box .check{opacity:0;transform:scale(.4);transform-box:fill-box;transform-origin:center;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.3,1.4)}.hero-story .task.on .box .check{opacity:1;transform:scale(1)}.hero-story .task .hrs{opacity:0;transform:translateX(6px);transform-box:fill-box;transition:opacity .3s,transform .3s}.hero-story .task.on .hrs{opacity:1;transform:none}.hero-story #calc{opacity:0;transition:opacity .3s}.hero-story #calc.on{opacity:1}.hero-story #report{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}.hero-story #report.on{opacity:1;transform:none}.hero-story #pcursor{opacity:0;transition:transform .55s cubic-bezier(.4,.1,.2,1),opacity .25s}.hero-story #pcursor.show{opacity:1}.hero-story #ripple{opacity:0;transform-box:fill-box;transform-origin:center}.hero-story #ripple.go{animation:heroripple .55s ease-out}@keyframes heroripple{0%{opacity:.5;transform:scale(.25)}100%{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hero-story #pcursor,.hero-story #ripple,.hero-story #calc{display:none}}.feat-gfx{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:20px}.feat-gfx svg{display:block;width:100%;height:auto}