:root{--ink:#172239;--muted:#647087;--blue:#2962ff;--pale:#f4f7ff;--line:#e8ecf3;--shadow:0 22px 65px #1b376d0d;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled{opacity:.3;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7ba1ff;outline-offset:5px}.skip{position:fixed;top:-100px;background:var(--blue);color:white;padding:15px;z-index:100}.skip:focus{top:10px}.wrap{width:min(1280px,100%);margin:0 auto;padding-left:52px;padding-right:52px}.icon{width:19px;height:19px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.site-header{height:90px;position:relative;z-index:20;background:#ffffffed}.header-inner{max-width:1360px;height:100%;padding:0 48px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:22px;letter-spacing:-.8px;font-weight:700}.logo-mark{width:37px;height:37px;flex-shrink:0}.brand-os{font-size:9px;letter-spacing:0;margin-left:4px;vertical-align:top;display:inline-block;margin-top:3px;color:#8a93a4}nav{display:flex;gap:27px;font-size:12px;color:#5d677b;font-weight:500}nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:100px;min-height:54px;padding:17px 25px;font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:#fff;box-shadow:0 6px 15px #2962ff18}.primary:hover{background:#1e51de;box-shadow:0 9px 22px #2962ff26}.compact{min-height:43px;padding:13px 18px;font-size:11px;gap:12px}.text-button{padding-left:10px;padding-right:10px;color:#536077}.text-button:hover{color:var(--blue)}.hero{text-align:center;padding-top:43px}.preview-badge{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:500;border:1px solid #e2e8f7;background:#fafbff;border-radius:100px;padding:8px 13px;color:#63718c}.preview-badge>span{width:6px;height:6px;border-radius:50%;background:#608aff}.preview-badge b{font-weight:400;color:#bec7d8}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#6e7f9b;margin:0 0 22px;line-height:1.6}.hero-eyebrow{margin-top:29px;margin-bottom:17px;color:#8290a6;font-size:8px}h1{font-size:clamp(48px,5.7vw,76px);font-weight:500;line-height:1.07;letter-spacing:-3.6px;max-width:1030px;margin:0 auto 25px;text-wrap:balance}h1>span{color:var(--blue)}.hero-description{max-width:650px;margin:0 auto;font-size:15px;line-height:1.8;color:#6d7890}.hero-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:28px}.hero-product{position:relative;max-width:1070px;margin:48px auto 0;padding:32px 65px 0}.hero-halo{position:absolute;inset:45px -35px 0;background:linear-gradient(125deg,#f0f7ff,#f5f2ff 65%,#f6fbff);border-radius:60px 60px 35px 35px;z-index:-1}.hero-flow{display:flex;justify-content:center;align-items:center;gap:11px;background:#fff;box-shadow:0 5px 25px #3156970c;border:1px solid #e3e9f6;border-radius:100px;width:max-content;max-width:95%;margin:-35px auto 25px;padding:12px 20px;font-size:10px;color:#8190a8;position:relative}.hero-flow>span:not(.flow-dot){color:#4e6181}.flow-dot{width:6px;height:6px;background:#5180ff;border-radius:50%}.hero-flow i{width:17px;height:1px;background:#d0daf0}.hero-flow strong{font-size:10px;font-weight:500;color:#3162e6;margin-left:4px}.screen-button{display:block;border:0;padding:0;background:none;text-align:inherit;width:100%;position:relative;border-radius:18px}.screen-button img{width:100%;height:auto;display:block;border-radius:18px}.hero-screen{box-shadow:0 18px 65px #33529420;border:1px solid #dce4f2;overflow:hidden;max-height:510px}.hero-screen img{border-radius:16px 16px 0 0}.zoom-label{position:absolute;bottom:14px;right:14px;padding:9px 12px;border-radius:100px;background:#ffffffed;box-shadow:0 3px 15px #16366c18;color:#445d87;font-size:9px;display:flex;gap:8px;align-items:center;border:1px solid #dde5f5}.zoom-label .icon{width:12px;height:12px}.floating-note{position:absolute;bottom:45px;left:0;display:flex;align-items:center;gap:13px;background:#fff;padding:17px 20px;border:1px solid #e4eaf5;border-radius:18px;box-shadow:0 14px 38px #33529417;text-align:left;transform:rotate(-3deg)}.note-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e9e2ff;color:#8060bc;font-size:11px}.floating-note strong{font-size:11px;font-weight:500;display:block;margin-bottom:5px}.floating-note div>span{font-size:9px;color:#8390a6}.note-check{width:22px;height:22px;border-radius:50%;background:#e3f6ef;color:#318570;font-size:11px;display:grid;place-items:center;margin-left:5px}.product-caption{font-size:9px;color:#939eaf;margin-top:20px}.audience-line{display:flex;justify-content:center;gap:25px;align-items:center;flex-wrap:wrap;font-size:11px;margin:37px 0 0;padding:22px 0 30px;border-bottom:1px solid var(--line);color:#5b6980}.audience-line>span{color:#9ba5b5;font-size:10px;margin-right:9px}.audience-line b{font-weight:500}.problem{padding-top:110px;padding-bottom:112px;display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.problem h2,h2{font-size:48px;line-height:1.12;font-weight:500;letter-spacing:-2px;margin:0;text-wrap:balance}.problem h2{font-size:53px}.problem-copy>p{font-size:15px;line-height:1.9;color:#77849a;margin:0 0 22px}.problem-copy .problem-punch{color:#596982;font-size:16px}.problem-copy strong{font-weight:500;color:#1e3358}.problem-copy .problem-bridge{font-size:13px;line-height:1.8;max-width:455px;margin-bottom:0;color:#6a7f9c;border-left:2px solid #bad0ff;padding-left:20px}.workflow-intro{text-align:center;padding-top:35px;padding-bottom:28px;scroll-margin-top:30px}.workflow-intro h2{font-size:50px}.workflow-intro h2 span{color:#7f8ba2}.workflow-intro>p:not(.eyebrow){max-width:520px;margin:23px auto 0;color:#7a879d;font-size:14px;line-height:1.8}.tour-options{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:32px;color:#8a97ad;font-size:10px}.scroll-hint{display:flex;gap:7px;align-items:center;color:#4773cd}.scroll-hint .icon{width:13px;height:13px}.tour-options button{border:0;background:none;color:#6b7b95;font-size:10px;padding:9px 11px;border-radius:100px}.tour-options button:hover{background:#f0f5ff}.tour-options a:hover{color:var(--blue)}.story{position:relative;padding-bottom:30px}.story-navigation{display:flex;justify-content:center;gap:5px;position:sticky;top:12px;z-index:10;background:#ffffffef;backdrop-filter:blur(15px);border:1px solid #e7ecf6;border-radius:100px;box-shadow:0 6px 25px #2f4a7808;padding:7px;width:max-content;max-width:100%;margin:0 auto 20px}.story-navigation button{display:flex;align-items:center;gap:7px;border:0;background:transparent;border-radius:100px;padding:12px 13px;font-size:10px;color:#8591a7;transition:background .2s,color .2s}.story-navigation button>span{font-size:8px;color:#adb6c5}.story-navigation button[aria-pressed=true]{background:#edf3ff;color:#2d61ca}.story-navigation button[aria-pressed=true]>span{color:#799de6}.story-navigation button:hover{background:#f7f9fc}.story-grid{display:grid;grid-template-columns:31% 69%;gap:0;position:relative}.chapter{min-height:85vh;display:flex;align-items:center;scroll-margin-top:130px;padding:65px 26px 65px 0}.chapter-count{font-size:9px;color:#b4bdd0;letter-spacing:2px;margin-bottom:32px}.chapter-count>span{font-size:16px;color:#7d9dd8;letter-spacing:0}.chapter .eyebrow{font-size:7px;letter-spacing:1.2px;color:#5d83c4;margin-bottom:16px}.chapter h3{font-weight:500;font-size:34px;line-height:1.15;letter-spacing:-1.2px;margin:0 0 22px;text-wrap:balance}.chapter-body{font-size:12px;line-height:1.9;color:#79879e;margin:0 0 25px}.feature-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px}.feature-points li{font-size:10px;color:#627590;display:flex;gap:10px;align-items:center}.feature-points li:before{content:'';width:5px;height:5px;flex-shrink:0;background:#9ab9f2;border-radius:50%}.story-visual{position:relative;min-width:0}.visual-sticky{position:sticky;top:110px;padding-top:40px;margin-left:18px}.screen-stage{aspect-ratio:1.39;position:relative;border-radius:30px;background:#edf4ff;overflow:hidden;isolation:isolate;transition:background .6s;box-shadow:0 12px 45px #385e9d08;max-height:65vh}.screen-stage[data-tone="1"]{background:#f2efff}.screen-stage[data-tone="2"]{background:#eef8f5}.screen-stage[data-tone="3"]{background:#fff5ec}.screen-stage[data-tone="4"]{background:#f0f3ff}.screen-stage[data-tone="5"]{background:#edf6ff}.screen-slide{position:absolute;inset:26px 22px;display:flex;align-items:center;opacity:0;transform:translateX(60px) scale(.97);transition:opacity .5s ease,transform .65s cubic-bezier(.2,.7,.2,1);pointer-events:none;will-change:transform,opacity}.screen-slide.active{opacity:1;transform:translateX(0) scale(1);z-index:2}.screen-slide.leaving{transform:translateX(-45px) scale(.97)}.screen-slide img{width:100%;height:auto;border-radius:15px;box-shadow:0 18px 38px #37588c18;border:1px solid #d8e3f0;background:white}.stage-enlarge{position:absolute;right:17px;bottom:16px;border:1px solid #dae3f2;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#fff;z-index:3;box-shadow:0 3px 12px #3155950c}.stage-enlarge .icon{width:14px;height:14px}.stage-enlarge:hover{color:var(--blue)}.visual-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 7px 0;font-size:10px;color:#7183a0;min-height:32px}.visual-caption>span:first-child{max-width:380px;line-height:1.6}.visual-controls{display:flex;align-items:center;gap:12px;white-space:nowrap}.visual-controls button{width:31px;height:31px;border:1px solid #e1e8f5;border-radius:50%;background:white;display:grid;place-items:center}.visual-controls button:hover:not(:disabled){background:#edf3ff;color:var(--blue)}.visual-controls .icon{width:13px;height:13px}.visual-controls button:first-child .icon{transform:rotate(180deg)}#chapter-position{font-size:8px;letter-spacing:1px}.screen-disclosure{text-align:center;font-size:8px;color:#a3afc2;margin:19px 0 0}.story-progress{height:2px;background:#f0f3f8;width:110px;margin:19px auto 0;border-radius:2px;overflow:hidden}.story-progress>span{display:block;width:16.666%;height:100%;background:#83a8f8;transition:width .5s}.inline-screen{display:none}.starting{padding-top:100px;padding-bottom:100px}.section-heading{text-align:center}.section-heading>p:last-child:not(.eyebrow){font-size:14px;color:#8490a5;line-height:1.8;margin:23px 0 0}.starting-shell{max-width:1000px;margin:38px auto 0;border:1px solid #e4eaf6;border-radius:30px;background:#fbfcff;overflow:hidden}.start-tabs{display:flex;gap:6px;padding:9px;border-bottom:1px solid #e6ecf7;background:white}.start-tabs button{border:0;border-radius:100px;background:white;flex:1;font-size:12px;color:#8a96ac;padding:17px 10px}.start-tabs button.selected{background:#edf3ff;color:#3262c2}.start-tabs button:hover{background:#f4f7fd}.start-content{padding:48px 55px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;min-height:300px}.start-label{font-size:8px;letter-spacing:1px;color:#7794c3}.start-content h3{font-size:31px;line-height:1.17;letter-spacing:-1px;font-weight:500;margin:16px 0}.start-content p{font-size:12px;line-height:1.8;color:#7b8ba3;max-width:330px}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:500;color:#4b70b7;padding:8px 0}.text-link .icon{width:14px;height:14px}.text-link:hover{color:#2455bd}.start-content ol{padding:0;margin:0;list-style:none}.start-content li{display:flex;gap:15px;align-items:center;font-size:11px;color:#637998;padding:17px 0}.start-content li+li{border-top:1px solid #e5ebf5}.start-content li>span{display:grid;place-items:center;width:34px;height:34px;background:white;border:1px solid #dce7f9;color:#7299db;border-radius:50%;font-size:9px;flex-shrink:0}.blank-note{text-align:center;font-size:10px;color:#8b9bb2;border-top:1px solid #e6ecf7;padding:18px}.ai-section{padding-top:30px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.ai-copy h2{font-size:43px;line-height:1.17}.ai-copy h2>span{color:#8173bf}.ai-copy>p:not(.eyebrow){font-size:13px;color:#7f8ba0;line-height:1.9;max-width:350px;margin-top:23px}.ai-copy .text-link{color:#8370b7}.ai-conversation{border:1px solid #e8e5f6;border-radius:30px;padding:27px;background:#faf9ff;box-shadow:0 15px 50px #6a4ca408;transform:rotate(1deg)}.ai-window-top{display:flex;align-items:center;gap:9px;font-size:9px;color:#7b7497}.ai-spark{font-size:18px;color:#9b85c3}.draft-pill{font-size:7px;border:1px solid #e6dff3;background:white;border-radius:100px;padding:5px 8px;margin-left:auto;color:#a297b4}.chat-user{margin:26px 0 24px 28px;padding:18px 20px;background:#eeebfb;border:1px solid #e6e0f6;border-radius:18px 18px 5px 18px;font-size:12px;line-height:1.7;color:#71668d}.chat-response{display:flex;gap:12px}.ai-avatar{width:28px;height:28px;background:#8b77bb;color:white;display:grid;place-items:center;flex-shrink:0;border-radius:10px;font-size:13px}.chat-response>div{flex:1;min-width:0}.chat-response strong{font-size:13px;font-weight:500;color:#5f527c;display:block;margin-top:6px}.chat-response p{font-size:9px;color:#9a8eaf;margin:8px 0 20px}.proposal-row{display:flex;gap:12px;align-items:center;background:white;border:1px solid #ebe6f6;border-radius:12px;padding:12px;margin-top:8px;font-size:10px;color:#786b90}.proposal-row>span{font-size:8px;color:#b3a7c6}.proposal-row small{display:block;font-size:8px;color:#a69ab8;margin-top:5px}.proposal-row b{font-size:7px;font-weight:400;color:#a28ac5;margin-left:auto;padding:5px;border-radius:5px;background:#faf8ff}.approval-note{display:flex;gap:11px;align-items:center;padding-top:20px;margin-top:15px;border-top:1px solid #e9e3f4}.approval-note .icon{color:#a695c2;width:18px;height:18px}.approval-note p{font-size:9px;line-height:1.7;color:#9180a9;margin:0}.ai-disclosure{font-size:7px;line-height:1.7;color:#a99db8;margin:16px 0 0}.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding-top:50px;padding-bottom:95px;border-top:1px solid var(--line)}.questions .section-heading{text-align:left}.questions h2{font-size:40px}.faq details{border-bottom:1px solid #e7ecf4}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:#5a6c87;padding:22px 0;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.plus{position:relative;width:12px;height:12px;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;background:#99aac6;top:5px;left:0;width:12px;height:1px}.plus:after{transform:rotate(90deg);transition:transform .2s}details[open] .plus:after{transform:rotate(0)}.faq details>p{font-size:12px;line-height:1.9;color:#8392a9;margin:0;padding:0 20px 22px 0}.closing{padding-bottom:70px}.closing-inner{background:#f5f8ff;border:1px solid #edf1fa;border-radius:40px;text-align:center;padding:65px 25px;position:relative;overflow:hidden}.closing h2{font-size:64px;line-height:1.08;letter-spacing:-2.8px}.closing h2>span{color:var(--blue)}.closing-inner>p:not(.eyebrow){font-size:13px;color:#8495b0;line-height:1.8;margin-top:25px}.closing-note{display:block;margin-top:25px;font-size:9px;color:#9aabc5}.closing .hero-actions{gap:30px}footer{display:flex;align-items:center;gap:35px;flex-wrap:wrap;padding-top:5px;padding-bottom:30px}footer .brand{font-size:19px}footer .logo-mark{width:31px;height:31px}footer>p{font-size:10px;color:#9aa7bb;margin-right:auto}footer>a:last-of-type{font-size:10px;color:#6d85aa;display:flex;gap:9px;align-items:center}footer .icon{width:13px;height:13px}.footer-bottom{width:100%;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:30px;font-size:8px;color:#a3aec0;line-height:1.6}dialog{border:1px solid #dae3f3;border-radius:24px;padding:0;width:min(1180px,95vw);max-height:92vh;box-shadow:0 30px 100px #132c6938;background:white;color:var(--ink)}dialog::backdrop{background:#13284d66;backdrop-filter:blur(6px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:19px 23px;border-bottom:1px solid var(--line);gap:20px}.dialog-header h2{font-size:15px;font-weight:500;letter-spacing:0}.dialog-header button{display:flex;align-items:center;gap:10px;background:#f0f5ff;border:0;border-radius:100px;padding:9px 14px;font-size:11px;color:#617a9f}.dialog-header button span{font-size:18px}.dialog-scroll{overflow:auto;max-height:72vh;background:#f6f8fd}.dialog-scroll img{display:block;width:1100px;max-width:none;height:750px;margin:auto}.dialog-note{font-size:9px;line-height:1.6;padding:13px 22px;margin:0;color:#8b9ab0}
/* Progressive enhancement: content remains complete without JavaScript. */
body:not(.enhanced) .story-visual,body.static-view .story-visual{display:none}body:not(.enhanced) .story-grid,body.static-view .story-grid{display:block}body:not(.enhanced) .chapter,body.static-view .chapter{min-height:0;display:grid;grid-template-columns:1fr 1.6fr;gap:60px;padding:65px 0}body:not(.enhanced) .inline-screen,body.static-view .inline-screen{display:block;margin:0;padding:20px;background:#f3f7ff;border-radius:24px}body:not(.enhanced) .inline-screen figcaption,body.static-view .inline-screen figcaption{font-size:10px;color:#7c8ea9;line-height:1.6;margin-top:15px}body:not(.enhanced) .story-navigation{display:none}body.static-view .story-navigation{position:relative;top:0}body.static-view .scroll-hint{display:none}
@media(min-width:1500px){.wrap{width:1400px;padding-left:65px;padding-right:65px}.chapter h3{font-size:38px}.chapter-body{font-size:14px}.feature-points li{font-size:11px}.visual-sticky{top:130px}.screen-stage{max-height:68vh}.hero{padding-top:65px}}
@media(max-width:1050px){.wrap{padding-left:35px;padding-right:35px}.header-inner{padding:0 30px}nav{gap:20px;font-size:10px}.brand{font-size:20px}.compact{font-size:10px;padding:12px 14px}.hero{padding-top:32px}h1{font-size:61px;letter-spacing:-3px}.hero-product{padding-left:45px;padding-right:45px}.problem{gap:50px}.problem h2{font-size:46px}.problem-copy>p{font-size:13px}.story-grid{grid-template-columns:33% 67%}.chapter{padding-right:17px}.chapter h3{font-size:29px}.chapter-body{font-size:11px}.feature-points li{font-size:9px}.story-navigation button{font-size:9px;padding:11px 10px;gap:5px}.visual-sticky{margin-left:10px;top:110px}.screen-stage{aspect-ratio:1.3;border-radius:24px}.screen-slide{inset:24px 13px}.visual-caption{font-size:9px}.visual-controls{gap:7px}.ai-section{gap:45px}.ai-copy h2{font-size:36px}.ai-conversation{padding:22px}.questions{gap:45px}.questions h2{font-size:34px}.start-content{padding:40px;gap:45px}.starting{padding-top:70px}.hero-screen{max-height:450px}}
@media(max-width:760px){html{scroll-padding-top:30px}.wrap{padding-left:24px;padding-right:24px}.site-header{height:76px}.header-inner{padding:0 22px;gap:15px}.brand{font-size:19px;gap:8px}.logo-mark{width:32px;height:32px}.brand-os{font-size:8px}nav{display:none}.compact{font-size:9px;min-height:39px;padding:12px 14px;gap:8px}.compact .icon{width:13px;height:13px}.hero{padding-top:30px}.preview-badge{font-size:8px;padding:7px 11px}.hero-eyebrow{font-size:6px;letter-spacing:1.1px;margin-top:26px;margin-bottom:15px}h1{font-size:46px;line-height:1.1;letter-spacing:-2.3px;max-width:600px}.hero-description{font-size:12px;line-height:1.9;max-width:480px}.hero-actions{gap:15px;margin-top:24px}.button{font-size:11px;min-height:48px;padding:15px 19px;gap:10px}.button .icon{width:15px;height:15px}.text-button{font-size:10px;padding:12px 0}.hero-product{padding:25px 10px 0;margin-top:38px}.hero-halo{inset:24px -13px 0;border-radius:30px}.hero-flow{padding:9px 12px;gap:7px;font-size:7px;margin-top:-25px;margin-bottom:17px}.hero-flow strong{font-size:7px}.hero-flow i{width:9px}.hero-flow .flow-dot{width:4px;height:4px}.hero-screen{max-height:350px;border-radius:13px}.hero-screen img{border-radius:12px}.floating-note{bottom:16px;left:-5px;padding:11px;gap:8px;border-radius:12px}.note-avatar{width:25px;height:25px;font-size:8px}.floating-note strong{font-size:8px;margin-bottom:4px}.floating-note div>span{font-size:6px}.note-check{width:16px;height:16px;font-size:8px;margin-left:0}.hero-screen .zoom-label{bottom:10px;right:10px;font-size:7px;padding:7px}.product-caption{font-size:7px;margin-top:16px}.audience-line{font-size:9px;gap:15px;margin-top:25px;padding:12px 0 24px}.audience-line>span{width:100%;font-size:8px;margin:0}.problem{display:block;padding-top:65px;padding-bottom:60px}.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:17px}.problem h2{font-size:42px}.problem-copy{margin-top:25px}.problem-copy>p{font-size:13px;line-height:1.9}.problem-copy .problem-punch{font-size:14px}.problem-copy .problem-bridge{font-size:12px}.workflow-intro{padding-top:20px;padding-bottom:26px}.workflow-intro h2,h2{font-size:37px;letter-spacing:-1.7px}.workflow-intro>p:not(.eyebrow){font-size:12px;line-height:1.8;margin-top:20px}.tour-options{gap:15px;margin-top:20px;font-size:8px}.tour-options button{font-size:8px}.scroll-hint{display:none}.story-navigation{position:relative;top:0;justify-content:flex-start;overflow-x:auto;max-width:100%;width:100%;padding:6px;border-radius:18px;gap:1px;scrollbar-width:none;margin-bottom:0}.story-navigation::-webkit-scrollbar{display:none}.story-navigation button{font-size:8px;padding:11px 12px;white-space:nowrap}.story-navigation button>span{display:none}.story-grid{display:block}.story-visual{display:none}.chapter,body.static-view .chapter,body:not(.enhanced) .chapter{display:block;min-height:0;padding:38px 0 24px;scroll-margin-top:20px}.chapter-copy{max-width:550px}.chapter-count{margin-bottom:20px;font-size:7px}.chapter-count>span{font-size:13px}.chapter .eyebrow{font-size:6px;margin-bottom:12px;letter-spacing:1px}.chapter h3{font-size:32px;letter-spacing:-1.3px;margin-bottom:17px;max-width:450px}.chapter-body{font-size:12px;line-height:1.85;margin-bottom:19px}.feature-points{flex-direction:row;flex-wrap:wrap;gap:8px 15px;margin-bottom:23px}.feature-points li{font-size:8px;gap:6px}.feature-points li:before{width:4px;height:4px}.inline-screen,body.static-view .inline-screen,body:not(.enhanced) .inline-screen{display:block;margin:0;padding:14px;background:#f0f5ff;border-radius:22px}.chapter:nth-child(2) .inline-screen{background:#f5f1ff}.chapter:nth-child(3) .inline-screen{background:#edf8f5}.chapter:nth-child(4) .inline-screen{background:#fff5ed}.chapter:nth-child(5) .inline-screen{background:#f0f3ff}.inline-screen img{border-radius:9px;border:1px solid #dfe7f4;box-shadow:0 8px 20px #4164960d}.inline-screen figcaption,body.static-view .inline-screen figcaption,body:not(.enhanced) .inline-screen figcaption{font-size:8px;color:#7e91ae;margin:13px 2px 1px;line-height:1.6}.inline-screen .zoom-label{font-size:7px;bottom:9px;right:9px;padding:7px 9px}.zoom-label .icon{width:10px;height:10px}.starting{padding-top:65px;padding-bottom:65px}.section-heading>p:last-child:not(.eyebrow){font-size:12px;margin-top:18px}.starting-shell{margin-top:26px;border-radius:24px}.start-tabs{padding:7px;gap:2px}.start-tabs button{font-size:9px;line-height:1.4;padding:13px 7px}.start-content{grid-template-columns:1fr;padding:29px 25px;gap:19px;min-height:0}.start-label{font-size:6px}.start-content h3{font-size:29px}.start-content p{font-size:11px;max-width:none}.start-content li{font-size:10px;padding:13px 0}.start-content li>span{width:29px;height:29px;font-size:8px}.text-link{font-size:10px}.blank-note{font-size:8px;line-height:1.6;padding:14px 20px}.ai-section{display:block;padding-top:5px;padding-bottom:65px}.ai-copy h2{font-size:36px}.ai-copy>p:not(.eyebrow){font-size:12px;max-width:100%;margin-top:20px}.ai-conversation{margin-top:28px;padding:21px 18px;transform:none;border-radius:24px}.ai-window-top{font-size:8px;gap:7px}.draft-pill{font-size:6px;padding:5px 6px}.chat-user{font-size:11px;margin-left:20px;padding:16px}.chat-response{gap:9px}.ai-avatar{width:24px;height:24px;border-radius:8px;font-size:11px}.chat-response strong{font-size:12px}.chat-response p{font-size:8px}.proposal-row{font-size:9px;gap:9px;padding:11px 9px}.proposal-row small{font-size:7px}.proposal-row b{font-size:6px;padding:4px}.approval-note p{font-size:8px}.ai-disclosure{font-size:6px}.questions{display:block;padding-top:45px;padding-bottom:60px}.questions .section-heading{text-align:center}.questions h2{font-size:34px}.faq{margin-top:27px}.faq summary{font-size:12px;padding:20px 0}.faq details>p{font-size:11px;line-height:1.8}.closing{padding-bottom:45px}.closing-inner{padding:45px 22px;border-radius:29px}.closing h2{font-size:45px;letter-spacing:-2px}.closing-inner>p:not(.eyebrow){font-size:11px}.closing .hero-actions{flex-direction:column;gap:9px}.closing-note{font-size:8px;margin-top:18px}.desktop{display:none}footer{gap:20px;padding-top:0;padding-bottom:25px}footer .brand{font-size:17px}footer .logo-mark{width:29px;height:29px}footer>p{width:100%;order:2;font-size:9px;margin:0}footer>a:last-of-type{margin-left:auto;font-size:8px;gap:5px}footer>a:last-of-type .icon{width:11px;height:11px}.footer-bottom{order:3;display:block;font-size:7px;padding-top:18px}.footer-bottom>span{display:block}.footer-bottom>span+span{margin-top:10px}dialog{width:95vw;border-radius:18px}.dialog-header{padding:14px;gap:12px}.dialog-header h2{font-size:11px;line-height:1.5}.dialog-header button{font-size:9px;padding:7px 10px}.dialog-scroll{max-height:68vh}.dialog-note{font-size:8px;padding:12px 15px}}
@media(max-width:420px){.wrap{padding-left:20px;padding-right:20px}.header-inner{padding:0 19px}.brand{font-size:17px}.logo-mark{width:29px;height:29px}.compact{font-size:8px;padding:11px 12px;gap:7px}.hero{padding-top:24px}h1{font-size:39px;letter-spacing:-1.8px;line-height:1.1}.hero-description{font-size:11px}.hero-eyebrow{font-size:5.7px;letter-spacing:.8px}.hero-actions{gap:9px}.hero-actions .primary{font-size:9px;padding:15px 16px;gap:9px}.hero-actions .text-button{font-size:8px;gap:5px}.hero-flow{font-size:6px;gap:5px;padding:8px 9px}.hero-flow strong{font-size:6px}.hero-flow i{width:7px}.floating-note{bottom:14px;padding:9px;gap:6px}.floating-note strong{font-size:7px}.floating-note div>span{font-size:5px}.note-avatar{width:22px;height:22px;font-size:7px}.note-check{width:14px;height:14px}.hero-screen .zoom-label{font-size:6px;padding:6px;bottom:9px;right:8px}.hero-screen .zoom-label .icon{width:9px}.product-caption{font-size:6px}.audience-line{font-size:8px;gap:14px}.problem h2{font-size:39px}.workflow-intro h2{font-size:32px}.chapter h3{font-size:30px}.chapter-body{font-size:11px}.feature-points li{font-size:7px}.start-tabs button{font-size:8px}.ai-window-top{font-size:7px}.ai-conversation{padding:19px 15px}.chat-user{font-size:10px}.draft-pill{font-size:5px}.proposal-row{font-size:8px}.proposal-row small{font-size:6px}.closing h2{font-size:40px}footer>a:last-of-type{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.floating-note,.ai-conversation{transform:none}}
body.static-view{scroll-behavior:auto}body.static-view *,body.static-view *:before,body.static-view *:after{transition:none!important;animation:none!important}
/* Readability pass: keep the quiet palette without sacrificing body contrast. */
.hero-description{color:#647087}.problem-copy>p{color:#617087}.problem-copy .problem-punch{color:#52627b}.workflow-intro>p:not(.eyebrow){color:#63748e}.chapter-body{font-size:13px;color:#5f708c}.feature-points li{color:#536984}.chapter .eyebrow{color:#496da8}.visual-caption{color:#5e7394}.section-heading>p:last-child:not(.eyebrow){color:#667994}.start-content p{color:#61758f}.ai-copy>p:not(.eyebrow){color:#64748f}.faq details>p{color:#61738e}.closing-inner>p:not(.eyebrow){color:#657b9c}.start-tabs button{color:#667a99}.eyebrow{color:#637b9e}
@media(max-width:760px){.chapter-body{font-size:12px}}@media(max-width:420px){.chapter-body{font-size:12px}}
@media(max-width:420px){.compact{font-size:10px}.hero>.hero-actions{flex-direction:column;gap:5px}.hero>.hero-actions .primary{font-size:12px;padding:17px 23px;gap:16px}.hero>.hero-actions .text-button{font-size:11px;padding:12px 8px;gap:8px}}
.eyebrow,.hero-eyebrow,.product-caption,.audience-line>span,.screen-disclosure,.tour-options,.tour-options button,.tour-options a,.story-navigation button,.story-navigation button>span,.chapter-count,.start-label,.blank-note,.closing-note,footer>p,.footer-bottom,.dialog-note{color:#61738e}.floating-note div>span{color:#65758e}.hero-flow{color:#61738e}.ai-window-top,.draft-pill,.chat-response p,.proposal-row small,.proposal-row>span,.proposal-row b,.approval-note p,.ai-disclosure{color:#78638f}.inline-screen figcaption,body.static-view .inline-screen figcaption,body:not(.enhanced) .inline-screen figcaption{color:#61738e}html:has(body.static-view){scroll-behavior:auto}
/* Essential status labels remain readable on phone layouts. */
@media(max-width:760px){.preview-badge,.product-caption,.screen-disclosure,.inline-screen figcaption,body.static-view .inline-screen figcaption,body:not(.enhanced) .inline-screen figcaption,.ai-disclosure,.blank-note,.closing-note,.dialog-note{font-size:10px;line-height:1.65}.hero-eyebrow{font-size:8px;letter-spacing:1px}.draft-pill{font-size:8px}.proposal-row small{font-size:8px}.start-tabs button{font-size:10px;min-height:44px}.story-navigation button{font-size:10px;min-height:42px}.footer-bottom{font-size:9px}.hero-flow{margin-top:-25px}.ai-window-top{font-size:9px;flex-wrap:wrap}.draft-pill{margin-left:auto}.ai-disclosure{margin-top:18px}.closing-note{max-width:250px;margin-left:auto;margin-right:auto}}