:root{color-scheme:light;--paper:#fff;--ink:#151c24;--muted:#687583;--rule:#d9e1e9;--accent:#184fe6;--switcher-height:72px;--gutter:32px;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;padding-top:var(--switcher-height);background:var(--paper);color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border-radius:0;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
.design-switcher{position:fixed;z-index:100;inset:0 0 auto;height:var(--switcher-height);display:flex;align-items:center;gap:20px;padding:8px 22px;background:#fff;border-bottom:1px solid var(--rule)}.switcher-heading{width:142px;flex:0 0 auto;line-height:1.2}.switcher-heading>span{display:block;font:8px/1.4 'Courier New',monospace;letter-spacing:.08em;color:#6c7887}.switcher-heading strong{font-size:12px;display:block;margin-top:4px}.design-tabs{display:grid;grid-template-columns:repeat(5,minmax(74px,1fr));gap:5px;flex:1;align-self:stretch}.design-tabs button{border:1px solid #d9e1e9;background:#f6f8fa;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;white-space:nowrap}.design-tabs strong{font-weight:400;font-size:19px;color:#8993a1}.design-tabs span{font-size:11px;font-weight:600}.design-tabs button[aria-selected=true]{background:#162535;color:#fff;border-color:#162535}.design-tabs button[aria-selected=true] strong{color:#fff}.switcher-tools{display:flex;align-items:center;gap:15px;flex:0 0 auto}.switcher-tools button,.switcher-tools a{font-size:10px;border:0;border-bottom:1px solid #8a96a5;background:none;padding:5px 0}
.story{height:620svh;position:relative}.story-sticky{--stage-x:25%;--stage-top:16%;--stage-w:65%;--stage-h:70%;position:sticky;top:var(--switcher-height);height:calc(100svh - var(--switcher-height));min-height:550px;overflow:hidden;background:#fff;isolation:isolate}.site-header{position:absolute;z-index:5;top:0;left:0;right:0;height:60px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.brand{font-size:19px;font-weight:700;letter-spacing:-.05em;line-height:1.1}.brand span{display:block;font-size:6px;letter-spacing:.1em;font-weight:400;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:24px;font-size:10px}.site-header nav button{background:none;border:0;border-bottom:1px solid var(--rule);padding:5px 0;font-size:10px}.model-stage{position:absolute;inset:0;z-index:1;pointer-events:none}#scene-host{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#scene-host>div,#scene-host canvas{width:100%;height:100%;display:block}.layout-rail{display:none}.story-copy{display:contents}.story-copy>*{position:absolute;z-index:2}.story-kicker{top:84px;left:32px;font:9px/1.6 'Courier New',monospace;letter-spacing:.08em;margin:0;max-width:260px}.story-copy h1{top:126px;left:32px;font-size:60px;line-height:1.02;letter-spacing:-.055em;font-weight:400;margin:0}.story-copy h1 span{display:block}#headline-accent{color:#6a7888}.story-description{left:32px;bottom:140px;width:280px;max-width:34%;font-size:12px;line-height:1.6;margin:0;color:#5b6a7c}.hero-actions{left:32px;bottom:75px;display:flex;align-items:center;gap:20px}.button-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;padding:12px 16px;background:var(--ink);color:#fff;border:1px solid var(--ink);font-size:11px;line-height:1.3}.button-primary span{font-size:16px}.button-primary:hover{background:#244be4;border-color:#244be4}.text-action{border:0;border-bottom:1px solid #9ba5b2;background:none;padding:7px 0;font-size:10px;line-height:1.4}.feature-labels{display:none}.feature-labels p{margin:0}.feature-labels strong{display:block;font-size:11px;font-weight:500}.feature-labels small{display:block;color:#7a8898;font-size:9px;margin-top:3px}.motion-button{position:absolute;top:76px;right:32px;z-index:5;border:0;border-bottom:1px solid var(--rule);background:none;padding:4px 0;font-size:8px;color:#758292}.scene-footer{position:absolute;left:32px;right:32px;bottom:12px;z-index:4;border-top:1px solid var(--rule);padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:20px}.stage-caption{display:flex;align-items:center;gap:12px;color:#657183;font-size:9px;max-width:300px;line-height:1.4}.stage-caption p{margin:0}#stage-number{white-space:nowrap;font-size:8px;letter-spacing:.06em}.chapter-nav{display:flex;gap:4px}.chapter-nav button{padding:5px 8px;border:0;border-bottom:1px solid transparent;background:none;color:#8793a3;font-size:9px}.chapter-nav button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.scroll-cue{font-size:8px;color:#8b97a5;margin:0}.scroll-cue span{font-size:16px;margin-left:10px}.story-progress{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:5;background:#e4eaf0}#progress-fill{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}body.reduced-motion .story{height:calc(100svh - var(--switcher-height))}body.reduced-motion .story-sticky{position:relative;top:0}body.reduced-motion .scroll-cue{display:none}
.section{padding:100px max(32px,6vw);border-top:1px solid var(--rule);background:#fff}.kicker{font:9px/1.5 'Courier New',monospace;letter-spacing:.07em;color:#738091;margin:0 0 25px}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:start;margin-bottom:55px}.section h2,.consultation-content h2{font-size:clamp(36px,4.3vw,66px);font-weight:400;letter-spacing:-.055em;line-height:1.05;margin:0 0 26px}.section-heading>p:last-child,.maker-copy>p{font-size:13px;line-height:1.8;color:#68778a;margin:0}.situation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-block:1px solid var(--rule)}.situation{position:relative;text-align:left;border:0;background:none;padding:30px 28px;min-height:180px}.situation+.situation{border-left:1px solid var(--rule)}.situation[aria-pressed=true]{background:#f0f4f9}.situation>span{font:11px 'Courier New',monospace;color:#7f8a98}.situation h3{font-size:23px;font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:20px 0 12px}.situation p{font-size:12px;color:#6b788a;max-width:260px;line-height:1.7;margin:0}.situation b{position:absolute;right:24px;top:24px;font-weight:400}.selection-detail{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:25px;font-size:13px;color:#647187}.selection-detail p{max-width:700px;margin:0}.maker-section{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;background:#f5f7fa;align-items:center}.maker-portrait{margin:0}.maker-portrait img{width:100%;height:auto;max-height:530px;object-fit:cover;object-position:50% 30%;display:block}.maker-portrait figcaption{font-size:10px;margin-top:12px;color:#778498}.maker-copy p+p{margin-top:15px}.maker-facts{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;margin-block:28px;color:#778498}.maker-copy .text-action{margin-top:12px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.process-grid article{border-top:1px solid var(--rule);padding-top:25px}.process-grid article>span{font:28px 'Courier New',monospace;color:#9aa5b3}.process-grid h3{font-size:24px;font-weight:400;letter-spacing:-.04em;margin:20px 0 14px}.process-grid p{font-size:13px;color:#758196;line-height:1.7;max-width:300px}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.faq-section .section-heading{display:block}.faq-list details{border-top:1px solid var(--rule)}.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:22px 30px 22px 0;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{position:absolute;right:0;top:19px;font-size:22px}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:#6b788a;line-height:1.8;padding:0 25px 22px 0;margin:0}.contact-section{background:#f0f4f9;padding-block:110px}.contact-section>p{max-width:410px;font-size:14px;color:#68778a;line-height:1.8;margin-bottom:30px}.contact-section small{display:block;margin-top:16px;font-size:10px;color:#7c8797}.footer{padding:26px max(32px,6vw);border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px;color:#7b8797}.footer p{margin:0}
dialog{border:1px solid #dce2ea;background:#fff;color:#1a2430;padding:0;width:min(600px,calc(100% - 32px));max-height:calc(100svh - 32px)}dialog::backdrop{background:#0f21365e;backdrop-filter:blur(5px)}.dialog-header{padding:20px 24px;border-bottom:1px solid #dce2ea;display:flex;justify-content:space-between;gap:20px;align-items:center}.dialog-header .kicker{margin:0 0 6px}.dialog-header h2{font-size:25px;letter-spacing:-.04em;margin:0;font-weight:400}.dialog-header>button{font-size:22px;width:34px;height:34px;border:1px solid #dce2ea;background:none}.comparison-dialog{width:min(1180px,calc(100% - 40px))}.compare-views{padding:12px 22px;display:flex;gap:10px}.compare-views button{padding:8px 14px;border:1px solid #dce2ea;background:none;font-size:11px}.compare-views button[aria-pressed=true]{color:#fff;background:#162535;border-color:#162535}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 22px 16px}.compare-grid a{min-width:0;border-bottom:1px solid #dce2ea;padding-bottom:12px}.compare-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#f5f7fa;border:1px solid #e2e7ed}.compare-grid strong{display:block;font-size:13px;font-weight:500;margin-top:9px}.compare-grid span{display:block;font-size:10px;color:#7b8797;margin-top:5px}.comparison-note{margin:0;padding:0 22px 20px;font-size:11px;color:#7b8797}.consultation-content{padding:28px}.consultation-content>p{font-size:13px;line-height:1.7;color:#6c788b}.consultation-content form{display:grid;gap:16px}.consultation-content label{display:grid;gap:7px;font-size:12px}.consultation-content input,.consultation-content textarea{width:100%;background:#fff;border:1px solid #d6dee8;border-radius:0;font-size:14px;padding:12px}.form-note{font-size:11px!important;color:#7a8798}.consultation-content #form-result{padding:15px;background:#eff4fa;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px}
@media(max-width:1000px) and (min-width:761px){.design-switcher{gap:10px;padding-inline:14px}.switcher-heading{width:115px}.design-tabs span{font-size:9px}.design-tabs button{gap:4px;padding:5px}.switcher-tools{gap:8px}.switcher-tools a,.switcher-tools button{font-size:9px}.site-header nav{gap:18px}.scene-footer{gap:12px}.scroll-cue{display:none}}
@media(max-width:760px){:root{--switcher-height:100px;--gutter:22px}.design-switcher{height:100px;padding:8px 12px;display:grid;grid-template-columns:1fr auto;grid-template-rows:24px 49px;gap:7px 10px}.switcher-heading{width:auto;display:flex;align-items:center;gap:8px}.switcher-heading>span{font-size:7px}.switcher-heading strong{font-size:9px;margin:0}.design-tabs{grid-column:1/-1;grid-row:2;gap:4px;grid-template-columns:repeat(5,1fr)}.design-tabs button{padding:4px;display:flex;flex-direction:column;gap:3px}.design-tabs strong{font-size:15px}.design-tabs span{font-size:8px}.switcher-tools{gap:12px}.switcher-tools a,.switcher-tools button{font-size:9px}.story{height:560svh}.story-sticky{height:calc(100svh - 100px);min-height:min(610px,calc(100svh - 100px))}.site-header{height:48px;padding-inline:22px}.brand{font-size:15px}.brand span{font-size:5px}.site-header nav{gap:14px;font-size:8px}.site-header nav a:first-child{display:none}.site-header nav button{font-size:8px}.motion-button{top:53px;right:22px;font-size:6px}.story-copy h1{font-size:32px}.story-kicker{font-size:7px}.story-description{font-size:11px;line-height:1.5}.button-primary{font-size:11px;min-height:40px;padding:10px 12px;gap:10px}.text-action{font-size:10px}.scene-footer{left:22px;right:22px;bottom:10px;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding-top:7px}.stage-caption{max-width:none;justify-content:space-between;font-size:7px;line-height:1.2}.stage-caption p{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#stage-number{font-size:7px}.chapter-nav{justify-content:space-between;width:100%;gap:0}.chapter-nav button{font-size:9px;padding:4px 5px}.scroll-cue{display:none}.section{padding:65px 22px}.section-heading{display:block;margin-bottom:30px}.section h2,.consultation-content h2{font-size:34px}.section-heading>p:last-child{margin-top:20px;font-size:12px}.kicker{font-size:8px;margin-bottom:18px}.situation-grid{display:block}.situation{width:100%;min-height:0;padding:24px 0}.situation+.situation{border-left:0;border-top:1px solid var(--rule)}.situation[aria-pressed=true]{padding-left:14px;padding-right:14px}.situation h3{margin:12px 0 10px;font-size:23px}.situation p{max-width:100%}.selection-detail{display:block;font-size:12px}.selection-detail .text-action{margin-top:18px}.maker-section{grid-template-columns:1fr;gap:30px}.maker-portrait img{max-height:400px}.process-grid{grid-template-columns:1fr;gap:20px}.process-grid article{padding-top:20px}.process-grid h3{margin-top:12px}.faq-section{display:block}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.contact-section{padding-block:75px}.footer{padding:22px;flex-wrap:wrap;font-size:8px;gap:15px}.comparison-dialog{width:calc(100% - 20px)}.dialog-header{padding:16px}.dialog-header h2{font-size:20px}.compare-grid{grid-template-columns:1fr;padding-inline:16px}.compare-views{padding-inline:16px}.compare-views button{font-size:10px;padding:8px 10px}.comparison-note{padding-inline:16px}.consultation-content{padding:22px}}
@media(min-width:761px) and (max-height:780px){.compare-grid img{height:150px;aspect-ratio:auto}.compare-grid{gap:12px}.dialog-header{padding-block:12px}.compare-grid a{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}