@font-face{font-family:'Inter Tight';src:url('assets/inter-tight.woff2') format('woff2');font-weight:400 500;font-display:swap}@font-face{font-family:Geist;src:url('assets/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:'Geist Mono';src:url('assets/geist-mono.woff2') format('woff2');font-weight:100 900;font-display:swap}
/* Stand-ins sized to the real fonts (widths measured against Arial in Chromium and WebKit), so text
   wraps the same before and after the fonts arrive and nothing reflows. */
@font-face{font-family:'Inter Tight Fallback';src:local('Arial'),local('Helvetica Neue'),local('Helvetica');size-adjust:96%;ascent-override:100.9%;descent-override:25.1%;line-gap-override:0%}@font-face{font-family:'Geist Fallback';src:local('Arial'),local('Helvetica Neue'),local('Helvetica');size-adjust:103%;ascent-override:97.6%;descent-override:28.6%;line-gap-override:0%}@font-face{font-family:'Geist Mono Fallback';src:local('Courier New'),local('Menlo');size-adjust:100%;ascent-override:100.5%;descent-override:29.5%;line-gap-override:0%}
:root{--ink:#37352f;--paper:#fff;--blue:#315cff;--line:#e8e7e4;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--duration-scene:600ms;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font-family:Geist,'Geist Fallback',system-ui,sans-serif;background:#e8eff7;color:var(--ink);-webkit-font-smoothing:antialiased}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #93baf2;outline-offset:5px}::selection{background:#d4e3ff;color:#163a65}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:12px;z-index:100;background:white;color:#163a65;padding:12px;transform:translateY(-200%)}.skip:focus{transform:none}
.study-bar{height:44px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;background:#123251;color:#dce9f8}.study-bar a{text-decoration:underline;text-underline-offset:4px}.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,oklab(35.7% -.024 -.083) 0%,oklab(57.7% -.034 -.078) 46%,oklab(87.6% -.014 -.034) 100%);padding-bottom:100px;color:white}.sky-planes{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.cloud{position:absolute;width:1200px;height:800px}.cloud img{width:100%;height:100%;object-fit:contain;animation:none}.far-left{left:calc(50% - 1470px);top:100px;opacity:.34}.far-right{left:calc(50% + 300px);top:100px;opacity:.55}.near-left{left:calc(50% - 1350px);top:740px;width:1250px;height:833px;opacity:.9}.near-right{left:calc(50% + 540px);top:700px;width:1000px;height:667px;opacity:.9}.far-right img{animation-direction:alternate-reverse}.near-left img{animation-duration:32s}.near-right img{animation-duration:28s;animation-direction:alternate-reverse}@keyframes cloud-drift{from{transform:translateX(-12px)}to{transform:translateX(16px)}}
.navbar{display:flex;align-items:center;gap:36px;max-width:1440px;padding:32px 56px 0;margin:auto;min-height:96px}.wordmark{font-family:'Inter Tight','Inter Tight Fallback',sans-serif;font-size:28px;letter-spacing:-.025em;min-width:230px;flex:1}.nav-links{display:flex;gap:32px;align-items:center}.nav-actions{display:flex;gap:36px;align-items:center;margin-left:auto}.nav-signup{padding:13px 22px;background:white;color:var(--ink);border-radius:8px}.menu-button{display:none;background:none;color:white;padding:12px}.hero-copy{position:relative;z-index:2;text-align:center;padding:64px 24px 50px}.hero-copy h1{font-family:'Inter Tight','Inter Tight Fallback',sans-serif;font-size:80px;line-height:84px;letter-spacing:-.03em;font-weight:400;margin:0 0 32px}.support{font-size:20px;line-height:30px;margin:0 0 8px}.native-link{display:inline-flex;align-items:center;gap:6px;background:#dce9f8;color:#173c65;border-radius:3px;padding:1px 6px;vertical-align:baseline;text-decoration:underline;text-underline-offset:4px}.native-link svg{width:18px;height:18px}.term-window{position:relative;display:inline-block;width:127px;height:30px;vertical-align:bottom;overflow:hidden}.native-term{display:block;white-space:nowrap;text-align:center}.client-copy{font-size:17px;color:#e2edf9}.hero-actions{display:flex;justify-content:center;gap:24px;align-items:center;padding-top:28px}.primary{background:white;color:var(--ink);padding:17px 25px;border-radius:8px;font-size:16px;line-height:24px}
.product-scene{position:relative;max-width:1328px;width:calc(100% - 112px);margin:0 auto;z-index:1;padding-bottom:0;aspect-ratio:1328/930}.desktop-window{position:relative;width:90%;overflow:hidden;border-radius:16px;background:white;box-shadow:0 32px 90px #09243f3d}.window-bar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#677387;font-size:12px}.play-control{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;min-width:76px;background:transparent;color:#38465b;border-radius:5px;font-size:12px}.play-control svg{width:14px;height:14px}.play-icon{display:none}.is-paused .play-icon{display:block}.is-paused .pause-icon{display:none}.app-scale-slot{position:relative;width:100%;overflow:hidden;aspect-ratio:1280/820}.app{width:1280px;height:820px;display:flex;background:linear-gradient(125deg,#dceafa,#e9e4f7);transform-origin:top left;color:var(--ink);font-family:Geist,'Geist Fallback',sans-serif;font-size:16px;line-height:24px}.app-sidebar{width:196px;padding:24px 16px;flex-shrink:0}.app-brand{display:flex;gap:10px;padding:8px;align-items:center;font-size:16px}.app-brand svg{width:20px;height:20px}.app-nav{display:flex;flex-direction:column;gap:3px;margin-top:20px}.app-nav>span{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px;font-size:16px}.app-nav svg{width:18px;height:18px}.adviser{display:flex;gap:14px;align-items:center;font-size:12px;margin:24px 8px;color:#66645e}.adviser>span{background:#e5daf0;border-radius:50%;font-size:10px;padding:7px 4px}.case-workspace{position:relative;flex:1;min-width:0;border-radius:10px;background:white;margin:8px 8px 8px 0;overflow:hidden}.case-header{padding:24px 24px 0}.breadcrumb{color:#66645e;font-size:14px;line-height:22px}.case-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 20px}.case-title h2{font-family:'Inter Tight','Inter Tight Fallback',sans-serif;font-size:28px;line-height:35px;letter-spacing:-.02em;font-weight:500;margin:0}.ask-label{display:flex;align-items:center;gap:8px;font-size:14px}.ask-label svg{width:15px;height:15px}.case-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);color:#66645e;height:44px;align-items:start;font-size:16px}.case-tabs [data-tab].active{color:var(--ink);font-weight:600;border-bottom:2px solid var(--ink);padding-bottom:18px}.working-pane{position:relative;height:626px;overflow:hidden}.product-view{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateX(25px);transition:opacity var(--duration-scene) var(--ease-out),transform var(--duration-scene) var(--ease-out);pointer-events:none}.product-view.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.product-view.is-leaving{visibility:visible;opacity:0;transform:translateX(-18px)}.recording-view{padding:24px 28px}.view-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.view-title h3{font-size:24px;line-height:32px;letter-spacing:-.015em;margin:0;font-weight:600}.view-title>span{font-size:13px;border:1px solid #e0e2e5;padding:3px 9px;border-radius:7px}.recording-bar{display:flex;align-items:center;gap:12px;background:#f7f8f9;border-radius:12px;padding:12px;margin-bottom:22px;font-size:14px}.record-state{display:flex;align-items:center;gap:8px;font-weight:500}.record-state i,.record-tabs i{display:inline-block;width:8px;height:8px;background:#c63c30;border-radius:50%}.record-state small{font-weight:400;color:#62656b;font-size:14px;font-variant-numeric:tabular-nums}.waveform{display:flex;align-items:center;justify-content:center;gap:3px}.desktop-wave{margin-left:auto;width:132px;height:28px}.waveform i{width:2px;flex-shrink:0;background:#385b88;border-radius:2px;animation:wave 700ms ease-in-out infinite alternate;transform-origin:center}.waveform i:nth-child(3n){animation-duration:450ms}.waveform i:nth-child(4n){animation-duration:950ms}@keyframes wave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}.app-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:8px;background:white;border:1px solid #e0e2e5;font-size:13px;color:var(--ink);white-space:nowrap}.app-button.stop{background:#fbece6;color:#a63025;border-color:transparent}.record-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);height:40px;align-items:start;font-size:14px;color:#62656b}.record-tabs strong{font-weight:600;color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:16px}.record-tabs i{width:5px;height:5px}.transcript-meta{background:#f7f8f9;border-radius:10px;padding:10px 14px;max-width:700px;color:#62656b;font-size:12px;margin:18px 0}.transcript-line{margin:14px 0;transition:opacity 260ms var(--ease-out),transform 260ms var(--ease-out)}.transcript-line h4{font-size:14px;line-height:20px;font-weight:500;color:#62656b;margin:0 0 8px}.transcript-line:first-child h4{color:#385b88}.transcript-line p{display:table;background:#f4f5f7;border-radius:14px;padding:8px 14px;margin:0;max-width:780px;font-size:16px;line-height:24px}.transcript-line.not-yet{opacity:0;transform:translateY(6px)}
.information-view{display:flex;padding:30px 24px}.fact-nav{display:flex;flex-direction:column;gap:0;width:174px;flex-shrink:0;font-size:14px;padding-right:16px}.fact-nav>span,.fact-nav>strong{min-height:43px;padding:10px;font-weight:400}.fact-nav strong{background:#f6f6f4;border-radius:9px;font-weight:500}.fact-nav small{color:#90621b;font-size:14px}.fact-content{flex:1;position:relative;padding:0 4px 0 10px}.proposal-bar{display:flex;align-items:center;justify-content:space-between;color:#875607;font-size:14px;gap:12px;min-height:40px}.blue{background:var(--blue);color:white;border-color:transparent}.fact-content h3{font-size:22px;line-height:30px;margin:18px 0 24px}.income-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.income-grid h4{font-size:16px;margin:0;padding-bottom:14px;border-bottom:1px solid var(--line);font-weight:500}.income-grid dl{margin:0}.income-grid dt{font-size:14px;line-height:22px;color:#66645e;padding-top:18px;margin-bottom:6px}.income-grid dd{font-size:16px;line-height:25px;margin:0;padding-bottom:18px;border-bottom:1px solid var(--line)}.proposed-value{color:#875607;display:flex;align-items:center;justify-content:space-between;gap:8px}.source-panel{position:absolute;right:0;bottom:30px;max-width:520px;background:white;box-shadow:0 14px 60px #15385b3d;border-radius:12px;padding:24px;z-index:5}.source-panel>div{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px}.source-panel button{display:flex;align-items:center;justify-content:center;background:#f6f7f9;border-radius:8px;min-width:36px;min-height:36px}.source-panel blockquote{margin:18px 0;font-size:22px;line-height:30px}.source-panel p{margin:0;font-size:14px;line-height:22px;color:#62656b}
.draft-view{display:flex;padding:24px 24px 0;gap:28px}.letter{width:61%;font-family:Georgia,serif;font-size:16px;line-height:25px}.draft-status{font-family:Geist,'Geist Fallback',sans-serif;font-size:12px;line-height:18px;color:#875607;background:#fff6e7;display:inline-block;padding:3px 8px;border-radius:4px;margin-bottom:16px}.letter h3{font-size:24px;line-height:30px;font-weight:400;margin:0 0 24px}.letter h4{font-size:16px;line-height:24px;margin:20px 0 10px}.letter p{margin:0 0 15px}.edited-paragraph{transition:background-color 200ms ease}.draft-view.editing .edited-paragraph{background:#edf2ff}.ask-pane{flex:1;border-left:1px solid var(--line);padding-left:20px;font-size:16px;line-height:25px}.ask-pane h4{font-size:16px;margin:0 0 24px}.user-request{align-self:flex-end;background:#315cff;color:white;padding:10px 16px;border-radius:20px;font-size:14px;line-height:21px;margin:0 0 24px}.agent-response{transition:opacity 260ms var(--ease-out);margin:0 0 22px}.draft-preview{background:#f7f8fa;border-radius:10px;padding:16px;font-size:14px;line-height:22px}.draft-preview strong{font-weight:500}.draft-preview p{margin:8px 0 0}.composer{display:flex;align-items:center;justify-content:space-between;border:1px solid #dddee0;border-radius:12px;gap:12px;padding:16px;font-size:14px;margin-top:22px}.composer span{background:var(--blue);color:white;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:22px}
.phone-composition{container-type:inline-size;position:absolute;right:0;bottom:0;width:20%;max-width:270px;z-index:4}.mobile-badge{display:table;white-space:nowrap;color:#fff;background:#183d68;border-radius:99px;font-size:13px;line-height:20px;padding:8px 13px;margin:0 auto 14px}.iphone{position:relative;padding:1.92cqw;border-radius:16.2cqw;background:linear-gradient(100deg,#66686c,#1c1d20 10%,#141518 80%,#767980);box-shadow:0 24px 65px #09243f59}.phone-display{position:relative;width:100%;aspect-ratio:402/874;overflow:hidden;border-radius:14.28cqw;background:white}.phone-content{position:absolute;width:402px;height:874px;transform-origin:top left;background:white;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.phone-poster{display:block;width:402px;height:874px}.dynamic-island{position:absolute;top:11px;left:139px;width:124px;height:37px;border-radius:22px;background:#050506;display:flex;align-items:center;justify-content:flex-end;padding-right:11px}.dynamic-island span{width:10px;height:10px;border-radius:50%;background:#07111b;box-shadow:inset 0 0 2px #28354b}.home-indicator{position:absolute;bottom:8px;left:134px;width:134px;height:5px;border-radius:3px;background:#111}.phone-buttons{position:absolute;width:.72cqw;height:8.15cqw;left:-.48cqw;top:22%;background:#60636b;border-radius:.48cqw;box-shadow:0 12cqw #60636b}.iphone:after{content:'';position:absolute;right:-.48cqw;top:27%;width:.72cqw;height:14.35cqw;background:#60636b;border-radius:.48cqw}.phone-live-time{position:absolute;top:246px;left:0;width:402px;height:58px;background:#f6f7f9;text-align:center;font-size:48px;line-height:58px;color:#000;letter-spacing:0;font-weight:400;font-variant-numeric:tabular-nums}.phone-wave{position:absolute;top:320px;left:79px;width:244px;height:44px;background:#f6f7f9;gap:5px}.phone-wave i{width:3px}.phone-wave.is-captured i{opacity:.35}.scene-caption{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1328px;width:calc(100% - 112px);margin:22px auto 0;color:#163a62;font-size:15px;line-height:24px}.demo-label{font-size:12px;white-space:nowrap}.study-notes{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:64px 56px;max-width:1440px;margin:auto;background:#e8eff7}.study-notes h2{font-family:'Inter Tight','Inter Tight Fallback',sans-serif;font-size:36px;line-height:42px;font-weight:400;letter-spacing:-.02em;margin:0 0 20px;color:#163a62}.study-notes p{font-size:15px;line-height:24px;margin:0;color:#385b7c;max-width:580px}.review-tools label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:12px;color:#163a62}.review-tools output{font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#315cff;min-height:30px}.review-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.review-buttons button,.review-buttons a{min-height:40px;padding:10px 14px;border-radius:8px;font-size:13px;background:white;color:#163a62}.review-buttons [aria-pressed=true]{background:#163a62;color:white}
.is-paused .waveform i,.is-paused .cloud img{animation-play-state:paused}.reduced .cloud img,.reduced .waveform i{animation:none}.reduced .product-view{transform:none;transition:opacity 150ms ease}.reduced .transcript-line{transform:none;transition:opacity 150ms ease}.embed .study-bar{display:none}.embed .study-notes{display:none}.focus-phone .hero-copy,.focus-phone .navbar,.focus-phone .desktop-window,.focus-phone .scene-caption{display:none}.focus-phone .product-scene{width:min(740px,100%);height:800px}.focus-phone .phone-composition{width:270px;left:calc(50% - 135px);right:auto;bottom:50px}.focus-phone .hero{min-height:900px}.focus-clouds .navbar,.focus-clouds .hero-copy,.focus-clouds .product-scene{visibility:hidden}.focus-clouds .hero{min-height:1100px}.focus-navbar .hero-copy,.focus-navbar .product-scene,.focus-navbar .scene-caption{display:none}.focus-navbar .hero{min-height:640px}.focus-product .navbar,.focus-product .hero-copy{display:none}.focus-product .product-scene{padding-top:60px}.focus-product .hero{padding-bottom:60px}.embed.focus-product .scene-caption{margin-top:16px}
@media(hover:hover) and (pointer:fine){.navbar a:hover{text-decoration:underline;text-underline-offset:5px}.primary:hover{background:#eaf1fa}.play-control:hover{background:#edf2f8}.native-link:hover{background:#fff}.review-buttons button:hover,.review-buttons a:hover{background:#d1e2f8}}
@media(max-width:1050px){.navbar{padding:24px 32px 0;gap:24px}.wordmark{min-width:150px}.nav-links{gap:20px;font-size:14px}.nav-actions{gap:20px;font-size:14px}.hero-copy h1{font-size:68px;line-height:72px}.product-scene,.scene-caption{width:calc(100% - 64px)}.mobile-badge{font-size:11px;padding:6px 9px}.study-notes{gap:36px;padding:48px 32px}}
@media(max-width:760px){.study-bar{padding:0 16px;height:42px;font-size:11px}.study-bar>span{display:none}.navbar{padding:20px 24px 0;min-height:78px;gap:12px}.wordmark{font-size:26px;min-width:0}.nav-links,.nav-actions{display:none}.menu-button{display:flex}.hero-copy{padding:42px 20px 40px}.hero-copy h1{font-size:52px;line-height:56px;margin-bottom:24px}.support{font-size:16px;line-height:26px}.native-link{padding:0 4px;gap:3px}.native-link svg{width:14px;height:14px}.term-window{width:105px;height:26px}.secondary{margin-top:12px;max-width:460px;margin-left:auto;margin-right:auto}.client-copy{font-size:14px;line-height:23px;display:block;padding-top:8px}.hero-actions{padding-top:22px;gap:18px}.primary{font-size:14px;padding:14px 18px}.product-scene{width:calc(100% - 32px)}.desktop-window{border-radius:10px}.window-bar{padding:0 12px;height:36px;font-size:10px}.play-control{font-size:11px;min-width:64px}.mobile-badge{font-size:11px;line-height:18px;padding:6px 10px}.scene-caption{width:calc(100% - 40px);flex-direction:column;align-items:flex-start;gap:6px;margin-top:20px;font-size:14px}.hero{padding-bottom:44px}.study-notes{grid-template-columns:1fr;gap:32px;padding:36px 24px}.study-notes h2{font-size:30px;line-height:36px}#mobile-nav{position:relative;z-index:7;margin:12px 24px 0;padding:18px;display:flex;flex-direction:column;gap:18px;background:#15385d;border-radius:12px}.focus-phone .product-scene{height:720px;padding-bottom:0}.focus-phone .phone-composition{width:240px;left:calc(50% - 120px);bottom:80px}.focus-phone .hero{min-height:740px}.focus-product .product-scene{padding-top:30px}.focus-clouds .hero{min-height:1000px}.far-left{left:-1040px;top:60px}.far-right{left:0;top:120px}.near-left{left:-980px;top:780px}.near-right{left:120px;top:700px}}
@media(max-width:360px){.hero-copy h1{font-size:45px;line-height:49px}.hero-copy{padding-left:12px;padding-right:12px}.support{font-size:14px;line-height:24px}.term-window{width:91px;height:24px}.hero-actions{gap:12px}.client-copy{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cloud img,.waveform i{animation:none}.product-view{transform:none;transition:opacity 150ms ease}.transcript-line{transform:none;transition:opacity 150ms ease}}
@media(min-width:761px) and (max-height:900px){.hero-copy{padding-top:38px;padding-bottom:36px}.hero-copy h1{font-size:64px;line-height:68px;margin-bottom:24px}.support{font-size:18px;line-height:28px}.term-window{height:28px;width:115px}.client-copy{font-size:15px}.hero-actions{padding-top:22px}.navbar{padding-top:24px;min-height:84px}}
@media(min-width:761px){.product-scene{padding-bottom:0}.source-panel{right:140px}}
button:disabled{opacity:.55}
.embed .study-notes{display:grid}
body:not([data-chapter=recording]) .desktop-wave i{animation-play-state:paused}

/* Refined product shell: selected Recorder sidebar, peer Ask pane, Mac chrome. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.support{max-width:820px;margin:0 auto;font-size:18px;line-height:29px;color:#edf3fc}.native-term{display:inline}.hero-copy{padding-top:46px;padding-bottom:42px}.hero-copy h1{margin-bottom:24px}.hero-actions{padding-top:26px}
.window-bar{height:38px;background:#f7f7f8;padding:0 16px}.traffic-lights{display:flex;gap:8px}.traffic-lights i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000012;background:#ff6058}.traffic-lights i:nth-child(2){background:#febc2e}.traffic-lights i:nth-child(3){background:#28c840}.play-control{min-width:36px}
.app-sidebar{width:224px;padding:16px 12px;display:flex;flex-direction:column;justify-content:space-between}.app-brand{font-size:15px;line-height:20px;padding:0 4px 0 10px;justify-content:space-between;gap:8px}.app-brand strong{font-weight:650}.app-brand button{display:flex;align-items:center;justify-content:center;background:transparent;width:36px;height:36px;color:#66645e;border-radius:7px}.app-brand svg{width:18px;height:18px}.app-nav{margin-top:12px;gap:2px}.app-nav>span,.app-nav>button{display:flex;align-items:center;gap:10px;height:36px;min-height:36px;padding:9px 10px;border-radius:7px;background:transparent;color:var(--ink);font-size:14px;line-height:18px;font-weight:500;text-align:left}.app-nav>span.selected{background:#ffffffdf;box-shadow:0 1px 2px #27344e0a,inset 0 0 0 1px #ffffff70}.app-nav svg{width:18px;height:18px}.adviser{margin:0;padding:8px 10px;gap:10px;font-size:14px;line-height:18px;color:var(--ink)}.adviser>span.avatar{display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;width:26px;height:26px;font-size:11px;line-height:12px;background:#fff;border:1px solid #e7e7e3}.adviser>.profile-name{background:none;padding:0;border-radius:0;font-size:14px}.adviser>svg{margin-left:auto;width:14px;height:14px}
.app.sidebar-collapsed .app-sidebar{width:56px;padding-left:6px;padding-right:6px}.sidebar-collapsed .app-brand{padding:0;justify-content:center}.sidebar-collapsed .app-brand strong,.sidebar-collapsed .app-nav>*>span,.sidebar-collapsed .profile-name,.sidebar-collapsed .adviser>svg{display:none}.sidebar-collapsed .app-nav>span,.sidebar-collapsed .app-nav>button{justify-content:center;padding:9px}.sidebar-collapsed .adviser{justify-content:center;padding:8px 0}
.ask-label{background:#f6f7f9;padding:7px 10px;border-radius:7px;white-space:nowrap;color:var(--ink)}.case-title h2{font-size:28px;line-height:35px;letter-spacing:-.02em}.case-tabs{font-size:14px;gap:22px}.case-ask-pane{width:340px;flex-shrink:0;margin:8px 8px 8px 0;border-radius:10px;background:white;display:flex;flex-direction:column;overflow:hidden;font-size:14px;line-height:22px}.case-ask-pane>header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 20px 18px;border-bottom:1px solid var(--line);gap:8px}.case-ask-pane h3{font-size:16px;line-height:22px;font-weight:600;margin:0 0 5px}.case-ask-pane header p{margin:0;color:#74736e;font-size:12px;line-height:18px}.case-ask-pane header button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#f7f8fa;color:#777}.case-ask-pane header svg{width:16px;height:16px}.ask-conversation{padding:22px 20px;flex:1}.case-ask-pane .user-request{font-size:14px;line-height:21px;padding:10px 16px;margin-bottom:22px}.case-ask-pane .composer{margin:0 14px 14px;font-size:12px;line-height:18px;padding:12px}.case-ask-pane .composer svg{width:18px;height:18px}.draft-view .letter{width:100%}.app.ask-open .information-view{padding:24px 18px}.app.ask-open .fact-nav{width:138px;padding-right:10px;font-size:13px}.app.ask-open .fact-content{min-width:0;padding-left:6px}.app.ask-open .income-grid{gap:16px}.app.ask-open .income-grid dd{font-size:14px;line-height:22px}.app.ask-open .proposed-value{flex-wrap:wrap}.app.ask-open .proposal-bar{font-size:12px}.app.ask-open .proposal-bar .app-button{font-size:11px;padding:5px 7px}.app.ask-open .case-title{gap:12px}.app.ask-open .source-panel{right:0;max-width:100%;bottom:20px}.source-panel blockquote{font-size:19px;line-height:27px}
.mobile-badge{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 150ms ease}.phone-composition:focus-visible{outline:3px solid #93baf2;outline-offset:8px;border-radius:44px}.phone-composition:focus .mobile-badge,.phone-composition:focus-within .mobile-badge{opacity:1;visibility:visible}
@media(hover:hover) and (pointer:fine){.phone-composition:hover .mobile-badge{opacity:1;visibility:visible}.app-nav>button:hover,.app-brand button:hover{background:#ffffff70}.ask-label:hover{background:#eceff5}}
@media(min-width:761px) and (max-height:900px){.hero-copy{padding-top:32px;padding-bottom:34px}.support{font-size:17px;line-height:27px}.hero-actions{padding-top:22px}}
@media(max-width:760px){.hero-copy{padding-top:34px;padding-bottom:34px}.support{font-size:16px;line-height:26px;max-width:440px}.window-bar{height:32px;padding:0 12px}.traffic-lights{gap:6px}.traffic-lights i{width:9px;height:9px}.play-control{min-height:28px;min-width:28px}}
@media(max-width:360px){.support{font-size:14px;line-height:24px}}
@media(prefers-reduced-motion:reduce){.mobile-badge{transition:none}}

/* Sky dissolves into the review section; product frames retain their contrast. */
.hero{overflow:visible;background:linear-gradient(180deg,oklab(35.7% -.024 -.083) 0%,oklab(57.7% -.034 -.078) 46%,#c5d9ec 80%,#e8eff7 100%)}
.sky-planes{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 340px),#000c calc(100% - 230px),#0005 calc(100% - 90px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 340px),#000c calc(100% - 230px),#0005 calc(100% - 90px),transparent 100%)}
.mobile-badge{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;padding:9px 13px;margin:0 auto 12px;background:#f5f9ffeb;color:#173c65;border-radius:15px;box-shadow:0 8px 24px #0e315c25;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:12px;line-height:17px;text-align:left;white-space:normal}
.mobile-badge>svg{width:19px;height:23px;stroke-width:1.5}.mobile-badge-copy{display:block}.mobile-badge strong{display:block;font-size:12px;line-height:17px;font-weight:550}.mobile-badge small{display:block;font-size:11px;line-height:16px;color:#496482}.mobile-badge small:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#638bb4;margin-right:5px;vertical-align:1px}

/* Three distances and distinct silhouettes, with clear space for the headline. */
.far-left{left:calc(50% - 1440px);top:80px;width:1400px;height:467px;opacity:.32}.far-right{left:calc(50% + 240px);top:100px;width:1300px;height:433px;opacity:.38}
.mid-left{left:calc(50% - 1160px);top:400px;width:880px;height:440px;opacity:.56}.mid-right{left:calc(50% + 270px);top:450px;width:950px;height:633px;opacity:.62}.near-right{left:calc(50% + 440px);top:780px;width:1100px;height:550px;opacity:.9}
.cloud-debug{position:fixed;left:12px;bottom:12px;z-index:30;width:min(370px,calc(100% - 24px));max-height:70vh;overflow:auto;background:#f7fafff5;color:#173c65;border-radius:12px;padding:16px;box-shadow:0 12px 40px #08244740;font-size:12px;line-height:18px;backdrop-filter:blur(14px)}.cloud-debug header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cloud-debug header strong{font-size:15px}.cloud-debug button{padding:7px 10px;background:#e5edf8;color:#173c65;border-radius:6px;font-size:12px}.cloud-debug p{margin:10px 0;color:#496482}.cloud-debug output{font-variant-numeric:tabular-nums}.cloud-debug-row{border-top:1px solid #dce5f0;padding:10px 0}.cloud-debug-row>label{display:flex;align-items:center;gap:7px;font-weight:550}.cloud-debug-row>label input{accent-color:#315cff}.cloud-debug-row input[type=range]{min-height:26px;margin:4px 0 0}.cloud-debug-row>output{display:block;font-size:11px;line-height:17px}.debug-clouds .cloud:not([hidden]){outline:1px dashed #edf6ffb3}.debug-clouds .cloud:after{content:attr(data-layer);position:absolute;left:50%;top:50%;padding:4px 7px;background:#123251;color:white;border-radius:4px;font-size:12px;line-height:18px;white-space:nowrap}.debug-clouds .sky-planes{z-index:3;opacity:.65;mask-image:none;-webkit-mask-image:none}
@media(max-width:760px){.far-left{left:-1050px;top:80px;opacity:.28}.far-right{left:130px;top:160px;opacity:.24}.mid-left{left:-700px;top:480px;width:800px;height:400px}.mid-right{left:260px;top:640px;width:700px;height:467px}.near-right{left:120px;top:850px;width:950px;height:475px}.cloud-debug{max-height:55vh}}

/* One product composition, scaled from the same coordinates at every width. */
.product-model{position:absolute;left:0;top:0;width:1328px;height:930px;transform-origin:top left}
.product-model .desktop-window{width:90%;border-radius:16px}
.product-model .window-bar{height:38px;padding:0 16px}
.product-model .traffic-lights{gap:8px}
.product-model .traffic-lights i{width:12px;height:12px}
.product-model .play-control{min-width:36px;min-height:36px}
.product-model .phone-composition{width:20%;max-width:none;right:0;bottom:0}
.product-model .mobile-badge{position:absolute;right:0;bottom:calc(100% + 12px);margin:0;max-width:none;transform:scale(var(--inverse-scene-scale,1));transform-origin:bottom right}
body.focus-phone .product-model{position:relative;width:100%;height:100%;transform:none!important;--inverse-scene-scale:1!important}
body.focus-phone .product-model .phone-composition{width:270px;left:calc(50% - 135px);right:auto;bottom:50px}
@media(max-width:760px){body.focus-phone .product-model .phone-composition{width:240px;left:calc(50% - 120px);bottom:80px}}

@media(max-width:760px){
  .sky-planes{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 220px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 220px),transparent 100%)}
  .sky-planes .near-left{top:380px}
  .sky-planes .near-right{top:390px}
}
