@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#f1f3f6;--paper:#fff;--ink:#151a23;--muted:#616976;--line:#d6dce5;--accent:#3468a5;--accentText:#fff;--soft:#e5edf8;--danger:#a5303e;--radius:16px;--font:Manrope,'Segoe UI',Arial,sans-serif;color-scheme:light;font-family:var(--font)}
body.dark{--bg:#030405;--paper:#0b0e12;--ink:#e8edf5;--muted:#91959e;--line:#232831;--accent:#aeccea;--accentText:#0a1019;--soft:#141e2c;--danger:#f4a6b3;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}button{color:inherit}::selection{background:#c4deff;color:#07111e}:focus-visible{outline:2px solid #a8d2ff;outline-offset:5px}.container{width:84%;max-width:1190px;margin-inline:auto}.hidden{display:none!important}.icon{width:17px;height:17px;object-fit:contain;flex:none;filter:invert(1);opacity:.94}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;padding:10px 25px;border:1px solid #586575;border-radius:999px;background:transparent;color:var(--ink);font-size:12px;font-weight:500;white-space:nowrap;transition:transform .3s,border-color .3s,box-shadow .3s,background .3s}.btn:hover{border-color:#c3defa;background:#7bb8ff0a;transform:translateY(-2px)}.btn.small{min-height:35px;padding:7px 24px;font-size:11px}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn.primary .icon{filter:none}.btn.danger{color:var(--danger)}.glow-button{border:1px solid #d3e7fd;box-shadow:inset 0 0 0 1px #738499,0 0 5px #d5eaff99,0 0 24px #6fb5ff38,0 8px 32px #1c7bc322;min-width:193px}.glow-button:hover{box-shadow:inset 0 0 0 1px #a8c7e5,0 0 6px #d5eaffcc,0 0 34px #6fb5ff66}.full-width{width:100%}.muted,.note{color:var(--muted)}.note{font-size:12px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted);margin:0 0 27px}.eyebrow:before{content:'';width:42px;height:1px;background:#d0e2f3;box-shadow:0 0 5px #a7ccf966}.brand{font-size:23px;font-weight:600;line-height:1;letter-spacing:-1.2px}.brand-mark{color:var(--accent)}
/* Reference composition: navigation 84px, hero 570px, 130px cards. */
.landing-page{background:#010203}.nav{position:relative;z-index:10;border-bottom:1px solid var(--line);background:var(--bg)}.landing-page .nav{border:0;background:transparent}.nav-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.links{display:flex;align-items:center;gap:32px;margin-left:95px}.links a,.links button{background:none;border:0;padding:4px 0;color:#999fa9;font-size:11px;line-height:1.6}.links a:hover,.links button:hover{color:#e9f1fc}.header-start{gap:19px}.header-start .icon{width:14px;height:14px}
.hero{position:relative;isolation:isolate;height:570px;overflow:hidden;border-bottom:1px solid #181b20}.hero-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.hero-scene img{position:absolute;width:min(1000px,88vw);max-width:none;height:auto;right:4%;top:-55px;transform-origin:70% 50%;mix-blend-mode:screen;will-change:transform}.hero-content{position:relative;height:100%;padding-top:66px}.hero-copy{position:relative;z-index:1;width:460px;max-width:52%}.hero-copy .eyebrow{margin-bottom:21px}.hero h1{font-weight:600;font-size:88px;line-height:1;letter-spacing:-6.5px;margin:0 0 5px;color:#edf3fc;text-shadow:0 0 25px #bbd6ff0b}.hero-subtitle{font-size:37px;line-height:1.16;font-weight:400;letter-spacing:-1.45px;color:#bfc4cd;margin-bottom:28px}.hero-description{font-size:13px;line-height:1.8;color:#9499a2;margin-bottom:33px}.hero-actions{display:flex;align-items:center;gap:39px}.text-button{display:inline-flex;align-items:center;gap:14px;border:0;padding:8px 0;background:transparent;font-size:10px;white-space:nowrap}.play-dot{width:14px;height:14px;background:#1c2734;border-radius:50%;display:grid;place-items:center}.play-dot .icon{width:7px;height:7px}.start-note{display:flex;align-items:center;margin-top:64px;gap:0}.note-icons{display:flex;align-items:center}.note-icons>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #344456;border-radius:50%;background:#0c121b;box-shadow:inset 0 0 8px #8eb0d31a}.note-icons>span+span{margin-left:-9px}.note-icons .icon{width:14px;height:14px;opacity:.8}.free-label{display:inline-flex;align-items:center;justify-content:center;border:1px solid #2a3039;background:#04070a;padding:7px 12px;border-radius:30px;font-size:10px;margin-left:-3px;height:33px}.start-note p{font-size:10px;line-height:1.45;color:#949aa4;margin:0 0 0 13px}.hero-side{position:absolute;right:-26px;top:164px;display:flex;align-items:center;flex-direction:column;gap:12px;font-size:11px;color:#c4c7cd}.hero-side i{height:103px;width:1px;background:#7c828a;display:block}.hero-side span:last-child{color:#8f949c}.hero-aside{position:absolute;right:0;bottom:44px;text-align:right;font-size:11px;color:#a0a5ae;line-height:1.45}.motion-toggle{position:absolute;right:100px;bottom:46px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #303946;border-radius:50%;background:#070b11b3;opacity:.6}.motion-toggle:hover{opacity:1}.motion-toggle .icon{width:11px;height:11px}
.features{display:grid;grid-template-columns:1.06fr 1fr 1.06fr;gap:10px;padding:30px 0 0}.feature-card{position:relative;display:flex;align-items:center;gap:20px;text-align:left;padding:22px 18px 22px 22px;border:1px solid #1e2228;border-radius:15px;background:#030507;min-height:133px;overflow:hidden;transition:border-color .35s,transform .35s,box-shadow .35s}.feature-card:hover,.feature-card:focus-visible{transform:translateY(-4px);border-color:#687e9b;box-shadow:0 7px 25px #051b3633}.feature-card.featured{background:#070c12;border-color:#2a3541;box-shadow:0 12px 20px -20px #83c8ff,inset 0 -1px 0 #739bc252}.feature-asset{width:78px;height:78px;object-fit:contain;flex:none;mix-blend-mode:screen;transition:transform .5s}.feature-card:hover .feature-asset{transform:translateY(-3px) rotate(-7deg) scale(1.04)}.feature-copy{display:block;flex:1;min-width:0}.feature-copy strong{display:block;font-size:14px;font-weight:600;color:#e9eef6;margin-bottom:6px}.feature-copy>span{display:block;font-size:10.5px;color:#959ca7;line-height:1.8}.circle-arrow{width:33px;height:33px;flex:none;display:grid;place-items:center;border:1px solid #242c37;border-radius:50%;margin-left:auto}.circle-arrow .icon{width:13px;height:13px}
.about-section{display:grid;grid-template-columns:1.25fr 1fr .67fr;gap:43px;align-items:start;padding:64px 0 65px}.about-copy{padding-top:10px}.about-copy .eyebrow{margin-bottom:23px}.about-copy h2{font-size:35px;line-height:1.19;letter-spacing:-1.05px;font-weight:400;color:#c9ced8;margin-bottom:20px}.about-description{max-width:350px;font-size:13px;line-height:1.8;color:#9b9fa8;margin-bottom:26px}.about-button{font-size:10px;min-height:38px;gap:22px;padding:7px 27px;border-color:#8299b2;box-shadow:inset 0 0 0 1px #35414f}.about-button .icon{width:13px;height:13px}.story-art{position:relative;aspect-ratio:.885;width:100%;border:1px solid #26323e;border-radius:19px;background:#05080c;padding:0;overflow:hidden;text-align:left}.story-art>img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.story-art:hover>img{transform:scale(1.05)}.story-action{position:absolute;bottom:26px;right:24px;display:flex;align-items:center;gap:14px;font-size:10px;color:#c3cad5;line-height:1.5}.play-circle{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#1d2732cf;box-shadow:inset 0 0 10px #99c4ef17}.play-circle .icon{width:16px;height:16px;filter:invert(1) drop-shadow(0 0 4px #acd7ff)}.product-facts{border-left:1px solid #22282f;padding-left:32px;display:flex;flex-direction:column;align-self:stretch;justify-content:space-between;padding-bottom:13px}.product-facts>div{position:relative}.product-facts>div+div{padding-top:20px}.product-facts>div+div:before{content:'';position:absolute;width:40px;height:1px;background:#525e6c;top:0;left:0}.product-facts strong{display:block;font-size:45px;line-height:1.1;font-weight:400;letter-spacing:-1.4px;color:#c8d0dd;margin:7px 0 7px}.product-facts span{font-size:11px;line-height:1.65;color:#8c929d}
.footer{padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #1c222a;color:var(--muted);font-size:10px}.footer .brand{color:#dce4ef;font-size:20px}.footer p{margin:9px 0 0;font-size:10px}.footer-links{display:flex;gap:23px}.footer-links a:hover{color:#ddeaff}
.skip-link{position:fixed;top:-80px;left:20px;padding:12px 18px;background:#d8eaff;color:#07101b;z-index:100}.skip-link:focus{top:15px}.cursor-halo{position:fixed;left:0;top:0;width:25px;height:25px;border:1px solid #b9d9ff66;border-radius:50%;pointer-events:none;z-index:20;opacity:0;transition:opacity .25s,background .25s;will-change:transform}.cursor-halo.visible{opacity:1}.cursor-halo.over-link{background:#9fcfff15;border-color:#b9d9ffcc}.reveal-ready{opacity:0;transform:translateY(18px);transition:transform .7s,opacity .7s}.reveal-ready.revealed{opacity:1;transform:none}
/* Product dialogs use the same material and typographic system. */
.experience-dialog{width:min(610px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:32px;border:1px solid #405369;border-radius:20px;background:#080d14;color:#e8edf5;box-shadow:0 30px 120px #000b}.experience-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.dialog-heading .eyebrow{font-size:10px;margin-bottom:12px}.dialog-heading h2{font-size:27px;font-weight:400;letter-spacing:-1px;margin:0}.icon-button{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #303e50;border-radius:50%;background:transparent}.icon-button:hover{background:#152030}.icon-button .icon{width:15px;height:15px}.demo-progress{display:flex;gap:6px;margin-bottom:25px}.demo-progress button{flex:1;border:1px solid #26303e;background:transparent;color:#8e9cab;font-size:11px;border-radius:8px;padding:10px}.demo-progress button.active{border-color:#94bbdf;color:#d6e9ff;background:#122132}.demo-progress button span{margin-left:6px}.demo-document{background:#0e151f;border:1px solid #2a3544;border-radius:14px;padding:23px}.demo-document-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;margin-bottom:20px}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;background:var(--soft);color:var(--accent);font-size:10px;letter-spacing:0}.demo-document h3{font-size:21px;font-weight:500;letter-spacing:-.6px;margin-bottom:5px}.demo-document>p{font-size:11px;margin-bottom:22px}.demo-line{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #26303d;padding:14px 0;font-size:12px;font-weight:400;margin:0}.demo-line>span{display:flex;align-items:center;gap:10px}.demo-line input{width:15px;height:15px;accent-color:#b3d7ff}.demo-line b{font-size:11px;white-space:nowrap;font-weight:500}.demo-total{display:flex;align-items:center;justify-content:space-between;margin:25px 0}.demo-total span{font-size:12px;color:#94a4b8}.demo-total output{font-size:28px;letter-spacing:-1px}.demo-response{padding:12px;border:1px solid #486683;background:#16293b;display:flex;gap:10px;align-items:center;border-radius:8px;font-size:11px;margin-bottom:22px}.demo-help{font-size:10px;color:#95a1b0;margin:17px 0 0;text-align:center}.demo-document .btn{font-size:12px}.pricing-dialog{width:min(760px,calc(100% - 32px))}
.pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}.card{border:1px solid var(--line);background:var(--paper);padding:26px;border-radius:var(--radius)}.card h3{font-size:20px;font-weight:500}.card p{font-size:12px;line-height:1.9}.pricing .card{display:flex;flex-direction:column}.pricing .btn{margin-top:auto}.price{font-size:39px;letter-spacing:-1.5px;line-height:1.3;margin:14px 0 20px}.price small{font-size:12px;letter-spacing:0}.pro-card{border-color:#536b83}.list{color:var(--muted);padding-left:18px}.list li{margin:7px 0}
/* Existing working app and public proposals. */
.app-shell{display:grid;grid-template-columns:225px 1fr;min-height:calc(100dvh - 84px)}.sidebar{background:var(--bg);border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column;gap:5px}.sidebar button{background:transparent;text-align:left;border:1px solid transparent;padding:13px 14px;border-radius:9px;color:var(--muted);font-size:12px}.sidebar button:hover,.sidebar button.active{background:var(--soft);color:var(--ink);border-color:var(--line)}.sidebar .bottom{margin-top:auto}.main{padding:38px;max-width:1200px;width:100%;margin:0 auto}.main h1{font-size:36px;font-weight:500;line-height:1.2;letter-spacing:-1.4px;margin:12px 0}.main .eyebrow{margin:0}.topline{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:26px}.topline p{color:var(--muted);font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.stat strong{display:block;font-weight:400;font-size:32px;line-height:1.2;letter-spacing:-1px}.stat span{display:block;color:var(--muted);font-size:11px;margin-top:10px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:26px;margin-bottom:22px}.panel h3{font-size:17px;font-weight:500}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:10px}.toolbar h3{margin:0}.search-input{max-width:300px}input,textarea,select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-size:13px;outline:none}input:focus,textarea:focus,select:focus{border-color:#86acd6;box-shadow:0 0 0 3px #7ea8de12}input::placeholder,textarea::placeholder{color:var(--muted)}label{display:block;font-size:12px;font-weight:500;margin-bottom:7px}.field{margin-bottom:18px}.field small{color:var(--muted);font-size:10px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quote{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.quote:last-child{border:0}.quote strong{display:block;font-weight:500;font-size:13px}.quote small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.quote-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quote-actions b{font-size:13px;font-weight:500}.quote-actions .btn{padding:7px 12px;font-size:10px}.empty{padding:42px 20px;text-align:center;color:var(--muted);font-size:13px}.auth-wrap{width:min(470px,calc(100% - 32px));margin:70px auto}.auth-wrap .panel{padding:38px}.auth-wrap h1{font-size:42px;line-height:1.2;font-weight:500;letter-spacing:-1.7px;margin:16px 0}.auth-wrap .eyebrow{margin-bottom:10px}.auth-wrap .muted{font-size:13px;margin-bottom:30px}.auth-wrap .btn.small{font-size:10px;padding:7px 13px}.toast{position:fixed;bottom:24px;right:24px;max-width:400px;background:var(--ink);color:var(--bg);font-size:13px;padding:15px 20px;border-radius:12px;z-index:100;box-shadow:0 10px 40px #0005}.error{color:var(--danger);font-size:12px}.doc{max-width:780px;padding:55px 0}.doc h1{font-size:44px;line-height:1.2;font-weight:500;letter-spacing:-1.7px}.doc h2{font-weight:500}.doc p{color:var(--muted)}.preserve-lines{white-space:pre-wrap}.support-panel{max-width:620px}.editor-panel{max-width:750px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:500;color:var(--muted)}body:not(.dark) .icon{filter:none}.auth-wrap~.app-shell.hidden{display:none}
@media(min-width:1450px){.hero-scene img{right:calc((100vw - 1380px)/2);width:1100px;top:-90px}.hero h1{font-size:96px}.hero-subtitle{font-size:40px}}
@media(max-width:1100px){.container{width:88%}.links{margin-left:30px;gap:25px}.hero h1{font-size:80px}.hero-subtitle{font-size:33px}.hero-copy{max-width:52%}.hero-scene img{right:-6%;width:950px;top:-25px}.hero-description{font-size:12px;max-width:365px}.hero-actions{gap:25px}.feature-card{gap:12px;padding:18px 12px;min-height:128px}.feature-asset{width:62px;height:62px}.feature-copy strong{font-size:13px}.feature-copy>span{font-size:10px}.circle-arrow{width:27px;height:27px}.about-section{gap:30px}.about-copy h2{font-size:31px}.about-description{font-size:12px}.product-facts{padding-left:24px}.product-facts strong{font-size:39px}.product-facts span{font-size:10px}.footer-links{gap:15px}}
@media(max-width:800px){.container{width:90%}.nav-inner{min-height:75px}.links{gap:17px;margin:0}.links a,.links button{font-size:10px}.header-start{padding:6px 17px!important}.hero{height:590px}.hero-content{padding-top:57px}.hero-copy{max-width:62%}.hero h1{font-size:74px}.hero-subtitle{font-size:31px}.hero-description{max-width:310px}.desktop-break{display:none}.hero-scene img{width:880px;right:-29%;top:5px;opacity:.77}.hero-side{display:none}.hero-aside{bottom:35px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.start-note{margin-top:35px}.features{gap:10px}.feature-card{flex-wrap:wrap;align-content:flex-start;padding:15px;gap:9px}.feature-asset{width:55px;height:55px}.feature-copy{flex-basis:100%;order:3}.feature-copy>span{font-size:10px}.circle-arrow{margin-left:auto}.about-section{grid-template-columns:1fr 1fr;gap:30px;padding-top:50px}.about-copy h2{font-size:32px}.product-facts{grid-column:1/-1;flex-direction:row;border-left:0;border-top:1px solid var(--line);padding:25px 0 0;gap:25px}.product-facts>div{flex:1}.product-facts>div+div{padding-top:0}.product-facts>div+div:before{display:none}.product-facts strong{font-size:38px}.footer{flex-wrap:wrap}.footer-links{margin-left:auto}.app-shell{grid-template-columns:1fr;min-height:calc(100dvh - 75px)}.sidebar{flex-direction:row;overflow:auto;position:sticky;top:0;z-index:9;border-right:0;border-bottom:1px solid var(--line);padding:8px}.sidebar button{white-space:nowrap;font-size:11px;padding:10px}.sidebar .bottom{margin:0}.main{padding:25px 20px}.stats{gap:10px}.stat{padding:20px}.main h1{font-size:30px}.cursor-halo{display:none}}
@media(max-width:540px){.nav-inner{min-height:72px;gap:10px}.brand{font-size:23px}.links{display:none}.header-start{min-height:34px!important}.hero{height:795px}.hero-content{padding-top:42px}.hero-copy{max-width:100%;width:100%}.hero-copy .eyebrow{font-size:10px;margin-bottom:20px}.hero h1{font-size:77px;letter-spacing:-5px}.hero-subtitle{font-size:31px;line-height:1.19;margin-bottom:22px}.hero-description{font-size:12px;max-width:320px;line-height:1.8;margin-bottom:25px}.hero-actions{flex-direction:row;align-items:center;gap:22px}.hero-actions .btn{min-width:165px;padding:10px 18px;font-size:11px;gap:19px}.text-button{font-size:9px;gap:9px}.hero-scene img{width:730px;right:-134px;top:303px;opacity:.95}.hero-aside{bottom:37px;font-size:10px}.motion-toggle{bottom:39px;right:80px}.start-note{margin-top:33px}.start-note p{font-size:9px}.free-label{font-size:9px}.features{grid-template-columns:1fr;padding-top:23px;gap:10px}.feature-card{flex-wrap:nowrap;align-items:center;padding:15px 20px;min-height:100px;gap:20px}.feature-asset{width:65px;height:65px}.feature-copy{order:initial;flex-basis:auto}.feature-copy strong{font-size:14px}.feature-copy>span{font-size:11px}.circle-arrow{width:32px;height:32px}.about-section{grid-template-columns:1fr;padding:45px 0;gap:33px}.about-copy h2{font-size:34px}.about-description{max-width:100%;font-size:13px}.story-art{aspect-ratio:1.05;max-height:390px}.product-facts{gap:16px}.product-facts strong{font-size:36px}.product-facts span{font-size:9px}.footer{gap:20px;align-items:flex-start}.footer-links{margin:0;width:100%;gap:18px;flex-wrap:wrap}.experience-dialog{padding:23px;max-height:calc(100dvh - 28px)}.dialog-heading h2{font-size:23px}.demo-progress button{font-size:10px;padding:9px 5px}.demo-progress button span{margin-left:3px}.demo-document{padding:18px}.demo-document h3{font-size:20px}.demo-line{font-size:10px;gap:6px}.demo-line>span{gap:7px}.demo-line b{font-size:10px}.demo-total output{font-size:26px}.pricing{grid-template-columns:1fr}.pricing-dialog .card{padding:22px}.pricing-dialog .price{margin:8px 0 15px}.form-grid{grid-template-columns:1fr}.main{padding:22px 16px}.topline{flex-wrap:wrap}.main h1{font-size:29px}.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:span 2}.stat strong{font-size:27px}.quote{flex-direction:column;align-items:flex-start;gap:13px}.quote-actions{width:100%}.quote-actions b{margin-right:auto}.auth-wrap{margin:35px auto}.auth-wrap .panel{padding:27px}.toast{left:16px;right:16px;max-width:none}.doc h1{font-size:35px}.nav .row{gap:8px}#header-user{font-size:11px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.panel{padding:21px}}
@media(max-width:360px){.hero h1{font-size:68px}.hero-subtitle{font-size:29px}.hero-actions{gap:14px}.hero-actions .btn{min-width:155px;padding-inline:14px}.text-button{gap:5px;font-size:8px}.feature-card{gap:13px}.feature-copy>span{font-size:10px}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.motion-paused .cursor-halo{display:none}body.motion-paused [data-reveal]{opacity:1;transform:none}body.motion-paused .hero-scene img,body.motion-paused .feature-card:hover .feature-asset{transform:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.cursor-halo{display:none}.hero-scene img,.feature-card:hover .feature-asset{transform:none!important}}
@media(pointer:coarse){.cursor-halo{display:none}}
/* Full-width layout requested by the user. */
.container{width:calc(100% - 112px);max-width:none}
.hero{height:clamp(570px,44vw,800px)}
.hero-scene img{width:82vw;max-width:none;right:0;top:-6vw}
.hero-content{padding-top:clamp(66px,5.4vw,110px)}
.hero h1{font-size:clamp(88px,7.15vw,138px)}
.hero-subtitle{font-size:clamp(37px,3vw,56px)}
.hero-copy{width:45%;max-width:640px}
.hero-description{font-size:clamp(13px,1.05vw,18px)}
.hero-side{right:0}
.features{gap:14px}
.about-section{grid-template-columns:1.25fr 1fr .65fr;gap:clamp(35px,4vw,80px)}
.about-copy h2{font-size:clamp(35px,2.85vw,54px)}
.about-description{font-size:clamp(13px,1.05vw,17px);max-width:480px}
@media(min-width:1500px){.hero-copy .eyebrow{font-size:13px}.hero-actions{margin-top:40px}.hero-actions .btn{min-height:49px;font-size:14px;padding-inline:32px}.hero-actions .text-button{font-size:12px}.start-note{margin-top:70px}.start-note p{font-size:12px}.feature-card{min-height:150px;padding-inline:30px;gap:25px}.feature-asset{width:90px;height:90px}.feature-copy strong{font-size:18px}.feature-copy>span{font-size:13px}.circle-arrow{width:39px;height:39px}.about-section{padding-top:75px}.product-facts strong{font-size:60px}.product-facts span{font-size:14px}.about-copy .eyebrow{font-size:13px}.about-copy h2{margin-bottom:28px}.about-description{margin-bottom:35px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-copy{width:52%;max-width:52%}.hero-scene img{width:950px;right:-8%;top:-25px}.hero h1{font-size:80px}.hero-subtitle{font-size:33px}.about-section{gap:30px}.about-copy h2{font-size:31px}}
@media(max-width:800px){.container{width:90%}.hero{height:590px}.hero-content{padding-top:57px}.hero-copy{width:62%;max-width:62%}.hero h1{font-size:74px}.hero-subtitle{font-size:31px}.hero-scene img{width:880px;right:-29%;top:5px}.about-section{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.container{width:calc(100% - 36px)}.hero{height:795px}.hero-content{padding-top:42px}.hero-copy{width:100%;max-width:100%}.hero h1{font-size:77px}.hero-subtitle{font-size:31px}.hero-description{font-size:12px}.hero-scene img{width:730px;right:-134px;top:303px}.about-section{grid-template-columns:1fr}.about-copy h2{font-size:34px}}
@media(max-width:360px){.hero h1{font-size:68px}.hero-subtitle{font-size:29px}}
.hero-scene img{mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 94%,transparent 100%)}
@media(max-width:540px){.start-note p{padding:4px 7px;border-radius:6px;background:#010203b3}}
.quote-page .links{display:none}

/* Modal choreography: entry 480ms, exit 220ms; native dialogs retain focus trapping. */
html{scrollbar-gutter:stable}
body.modal-open{overflow:hidden}
.experience-dialog{--modal-border:#35475c;width:min(880px,calc(100% - 40px));padding:26px 34px 20px;border:1px solid var(--modal-border);border-radius:25px;background:#080d14;box-shadow:0 0 0 5px #a9d1ff05,0 0 80px #40689713,0 35px 140px #000c,inset 0 1px 0 #d5e8ff14;transform-origin:50% 48%;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#3b4b5d transparent}
.experience-dialog[open]{animation:modal-enter .48s cubic-bezier(.16,1,.3,1) both}
.experience-dialog[open]::backdrop{background:#01040bbd;backdrop-filter:blur(12px);animation:backdrop-enter .38s ease-out both}
.experience-dialog.is-closing[open]{animation:modal-exit .22s cubic-bezier(.4,0,1,1) both;pointer-events:none}
.experience-dialog.is-closing[open]::backdrop{animation:backdrop-exit .22s ease-in both}
.modal-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}
.modal-topbar>span{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.3px;color:#97a9bd}
.modal-topbar>span>.icon{width:14px;height:14px;opacity:.65}
.modal-topbar .icon-button{width:32px;height:32px;border-color:#354252;background:#111a26;transition:transform .3s,background .3s,border-color .3s}
.modal-topbar .icon-button:hover{transform:rotate(90deg);background:#223146;border-color:#7795b6}
.dialog-heading{margin-bottom:27px}.dialog-heading h2{font-size:30px;line-height:1.3;letter-spacing:-1.2px;font-weight:400}.dialog-heading h2>span{color:#aebdd0}.dialog-heading p{font-size:11px;line-height:1.7;color:#8b9aaf;margin:10px 0 0}
.demo-progress{gap:0;border:1px solid #293646;border-radius:11px;padding:5px;background:#050a10;margin-bottom:20px}
.demo-progress button{display:flex;justify-content:center;align-items:center;gap:9px;border:0;color:#8a9bb0;border-radius:7px;padding:10px 7px;background:transparent;font-size:10px;transition:background .3s,color .3s,box-shadow .3s}
.demo-progress button>span{margin:0}.demo-progress button .step-counter{font-size:9px;color:#72879e}
.demo-progress button.active{color:#edf5ff;background:#19283b;box-shadow:inset 0 1px 0 #a2cdfb25,0 2px 5px #0004}
.demo-progress button.active .step-counter{color:#b0d1f5}
.demo-progress button:hover:not(.active){background:#101a27;color:#e0ebf9}
.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px}
.demo-document{padding:24px;border:1px solid #2d3c4f;border-radius:15px;background:#0c131d;box-shadow:inset 0 1px 0 #9bbfe70b}
.demo-document-head{font-size:8px;letter-spacing:1px;color:#99a9bd;margin-bottom:19px}
.demo-document .pill{font-size:9px;padding:4px 10px;background:#1c2b3e;color:#b3ceed;transition:color .3s,background .3s}
.demo-document h3{font-size:22px;line-height:1.3;letter-spacing:-.7px;margin-bottom:6px}.demo-document>p{font-size:10px;margin-bottom:14px}
.demo-line{padding:13px 0;transition:opacity .25s,background .25s;color:#c6d2e2;font-size:11px}
.demo-line small{display:block;font-size:9px;font-weight:400;color:#758aa3;margin-top:3px}
.demo-line:has(input:not(:checked)){opacity:.45}.demo-line:has(input:disabled){cursor:default}
.demo-line input{border-radius:4px;flex:none;cursor:pointer}
.demo-line input:disabled{cursor:default}
.demo-total{margin:23px 0}.demo-total span{font-size:10px}.demo-total output{font-size:29px;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}
.demo-document .glow-button{min-height:45px;border-color:#9abfe4;box-shadow:inset 0 1px 0 #c5e3ff33,0 0 20px #489bee16;transition:box-shadow .35s,background .35s,transform .35s}
.demo-document .glow-button:hover{background:#16263a;box-shadow:0 0 25px #69b0ff35,inset 0 1px 0 #c5e3ff55}
.demo-insight{position:relative;min-width:0;overflow:hidden;border:1px solid #233346;border-radius:15px;background:#070b11;display:flex;flex-direction:column}
.insight-art{height:177px;overflow:hidden;position:relative}.insight-art img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;opacity:.85;mask-image:linear-gradient(#000 60%,transparent)}
.insight-content{position:relative;padding:0 20px 23px;flex:1;display:flex;flex-direction:column}
.insight-label{font-size:8px;letter-spacing:1.15px;color:#8cafd7;margin-bottom:11px}
.insight-content h3{font-size:19px;font-weight:400;line-height:1.35;letter-spacing:-.55px;color:#dce8f9;margin-bottom:12px}
.insight-content p{font-size:10px;line-height:1.8;color:#879ab2;margin-bottom:23px}
.insight-note{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #223044;padding-top:14px;margin-top:auto;color:#b2c6de;font-size:9px;line-height:1.6}
.insight-note .icon{width:13px;height:13px;margin-top:2px;opacity:.6}
.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:17px}
.dialog-footer .demo-help{margin:0;text-align:left;font-size:9px;line-height:1.6;max-width:590px}
.escape-hint{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:9px;color:#667c98}
.escape-hint kbd{font-family:inherit;font-size:8px;padding:1px 5px;border:1px solid #2a394b;border-radius:4px;box-shadow:0 1px 0 #354860}
.demo-response{gap:12px;padding:13px;background:#152b42;border-color:#507493;border-radius:10px}
.demo-response .success-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #759bbc;border-radius:50%;flex:none;box-shadow:0 0 13px #9ad0ff1a}
.success-icon .icon{width:16px;height:16px}
.demo-response strong{font-weight:500;font-size:12px;display:block;color:#dfedff}
.demo-response small{display:block;font-size:9px;margin-top:3px;color:#a1bcd8}
.demo-modal[data-stage=accept] .demo-document{border-color:#6586a8;box-shadow:inset 0 1px 0 #d7eaff25,0 0 30px #3b91d50b}
.demo-modal[data-stage=accept] .demo-document .pill{background:#25425c;color:#d7edff}
.demo-modal[data-stage=accept] .demo-services{opacity:.65}
.demo-document.state-enter{animation:state-enter .4s cubic-bezier(.2,.8,.2,1) both}
.insight-content.state-enter{animation:state-enter .45s cubic-bezier(.2,.8,.2,1) both}
.demo-response:not(.hidden){animation:success-enter .45s cubic-bezier(.16,1,.3,1) both}
.experience-dialog[open]:not(.is-closing) .dialog-heading{animation:content-enter .5s .045s both}
.experience-dialog[open]:not(.is-closing) .demo-layout,.experience-dialog[open]:not(.is-closing) .pricing{animation:content-enter .5s .08s both}
.pricing-dialog{width:min(820px,calc(100% - 40px))}
.pricing-dialog .pricing{gap:18px;margin-bottom:0}
.pricing-dialog .card{padding:27px;background:#0c121b;border:1px solid #29384a;border-radius:17px}
.plan-heading h3{font-size:21px;font-weight:500;margin:0 0 5px}
.plan-caption{font-size:10px;color:#8899af}
.plan-tag{display:inline-flex;border:1px solid #385674;border-radius:20px;color:#aac9ed;font-size:8px;letter-spacing:.25px;padding:3px 9px}
.pricing-dialog .price{font-size:48px;letter-spacing:-2px;margin:24px 0 20px;line-height:1.15}
.pricing-dialog .price small{display:block;font-size:10px;color:#8294ad;letter-spacing:0;margin-top:11px;line-height:1.6}
.plan-benefits{list-style:none;padding:18px 0 24px;margin:0;border-top:1px solid #273446}
.plan-benefits li{display:flex;align-items:center;gap:10px;font-size:11px;color:#aebed2;margin-bottom:12px}
.plan-benefits li:last-child{margin-bottom:0}.plan-benefits .icon{width:13px;height:13px;opacity:.7}
.pricing-dialog .pro-card{border-color:#527397;background:#101b29;box-shadow:inset 0 1px 0 #d6eaff22,0 0 35px #2d76b70c}
.pricing-dialog .btn{min-height:43px;justify-content:space-between;font-size:11px;gap:13px}
.pricing-dialog .glow-button{box-shadow:inset 0 1px 0 #e0f0ff33,0 0 22px #5ca7f92b}
.btn:active,.icon-button:active{transform:scale(.97)}
input,textarea,select{transition:border-color .25s,box-shadow .25s,background .25s}
.sidebar button,.links a,.links button,.footer-links a{transition:background .25s,color .25s,border-color .25s}
.quote{transition:background .25s}.quote:hover{background:#8fc0ff04}
.toast:not(.hidden){animation:toast-enter .35s cubic-bezier(.16,1,.3,1) both}
.app-view-enter{animation:content-enter .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes modal-enter{from{opacity:0;transform:translateY(26px) scale(.95);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes modal-exit{from{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(12px) scale(.975);filter:blur(3px)}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes backdrop-exit{from{opacity:1}to{opacity:0}}
@keyframes content-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes state-enter{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes success-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toast-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.experience-dialog{padding:20px;width:calc(100% - 26px);border-radius:20px;max-height:calc(100dvh - 26px)}.modal-topbar{margin-bottom:20px}.modal-topbar>span{font-size:8px;letter-spacing:.8px}.dialog-heading{margin-bottom:20px}.dialog-heading h2{font-size:27px;line-height:1.22}.dialog-heading h2>span{display:block}.dialog-heading p{font-size:10px;max-width:300px}.demo-progress{padding:4px;margin-bottom:15px}.demo-progress button{gap:4px;flex-direction:column;font-size:9px;padding:8px 3px}.demo-progress .step-counter{font-size:8px}.demo-layout{grid-template-columns:1fr}.demo-insight{display:none}.demo-document{padding:19px}.demo-document-head{font-size:7px;letter-spacing:.65px}.demo-document h3{font-size:20px}.demo-document>p{font-size:9px}.demo-line{font-size:10px;padding:11px 0}.demo-line small{font-size:8px}.demo-line b{font-size:10px}.demo-total{margin:19px 0}.demo-total output{font-size:27px}.dialog-footer{padding-top:15px}.dialog-footer .demo-help{font-size:8px}.escape-hint{display:none}.pricing-dialog .card{padding:23px}.pricing-dialog .pricing{gap:13px}.pricing-dialog .price{font-size:42px;margin:17px 0}.plan-benefits{padding:15px 0 22px}.pricing-dialog .dialog-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.experience-dialog[open],.experience-dialog[open]::backdrop,.experience-dialog.is-closing[open],.experience-dialog.is-closing[open]::backdrop{animation:none!important;filter:none!important;transform:none!important}}
/* Scroll remains available; only native scrollbar chrome is hidden. */
html,body,.experience-dialog,.sidebar,.table-wrap{scrollbar-width:none;-ms-overflow-style:none}
html{scrollbar-gutter:auto}
html::-webkit-scrollbar,body::-webkit-scrollbar,.experience-dialog::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{display:none;width:0;height:0}
.links a,.links button{font-size:14px;color:#b3bac6}
.hero-subtitle{color:#d2d8e3}.hero-description{color:#b1b8c4}.hero-copy .eyebrow{color:#a1aab8}
.motion-toggle{right:0;bottom:40px}
@media(min-width:1500px){.links a,.links button{font-size:15px}.links{gap:39px}.header-start{font-size:13px!important}}
@media(max-width:800px){.links a,.links button{font-size:11px}.links{gap:14px}}
@media(max-width:540px){.hero-actions{gap:16px}.start-note p{margin-left:7px}.free-label{padding-inline:9px}.start-note p{font-size:8px}.header-start{font-size:10px!important}}
/* Product workspace: the same silver-on-graphite language, with denser controls. */
.product-preview{padding-top:85px;padding-bottom:60px}.preview-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.preview-heading h2{font-size:clamp(32px,3.8vw,65px);line-height:1.15;font-weight:400;letter-spacing:-2px;margin:18px 0 0}.preview-heading h2 span{color:#8a9aaf}.preview-heading>p{font-size:13px;line-height:1.9;color:#9cabc0;padding-bottom:6px}.preview-shell{display:grid;grid-template-columns:245px 1fr;border:1px solid #293647;border-radius:20px;overflow:hidden;background:#080d15;box-shadow:0 20px 80px #17385213}.preview-steps{padding:32px 24px;background:#080b11;border-right:1px solid #263141;display:flex;flex-direction:column;gap:8px}.preview-brand{font-size:22px;font-weight:600;letter-spacing:-1px;padding:0 16px 29px}.preview-steps button{font:inherit;background:transparent;border:1px solid transparent;border-radius:8px;color:#8e9db2;text-align:left;padding:15px 12px;cursor:pointer;font-size:12px;display:flex;gap:13px;transition:background .3s,color .3s,border-color .3s}.preview-steps button span{font-size:10px;color:#5c7392}.preview-steps button.active{background:#182334;color:#e0ebfa;border-color:#30445f}.preview-steps>p{margin-top:auto;padding:30px 16px 0;font-size:11px;line-height:1.8;color:#62758e}.preview-document{padding:35px clamp(25px,4vw,75px)}.preview-doc-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px;color:#849bb8}.preview-doc-heading .pill{font-size:9px;letter-spacing:0;background:#192639;color:#b8cce6}.preview-document input{color:#dce6f6;border:1px solid #27384e;background:#0a111c;border-radius:7px;padding:13px;font:inherit;width:100%;min-width:0;font-size:13px}.preview-document input:focus{outline:1px solid #9bbdde;border-color:#9bbdde}.preview-document #preview-title{margin:27px 0 26px;font-size:clamp(21px,2.4vw,35px);letter-spacing:-1px;border-color:transparent;background:transparent;padding:0}.preview-document input::placeholder{color:#61758f}.preview-table-heading,.preview-input-row{display:grid;grid-template-columns:1fr 85px 140px;gap:15px}.preview-table-heading{font-size:9px;color:#738ba9;margin:12px 0}.preview-sum{display:flex;justify-content:space-between;align-items:center;margin:25px 0 24px;padding:20px 0 26px;border-bottom:1px solid #243348}.preview-sum span{font-size:11px;color:#9bacbf}.preview-sum output{font-size:35px;letter-spacing:-1.5px;color:#e1ecfb}.preview-context{display:flex;gap:25px;min-height:110px}.preview-context-index{font-size:10px;color:#69819f;white-space:nowrap;padding-top:6px}.preview-context h3{font-size:19px;font-weight:400;letter-spacing:-.5px;margin:0 0 9px}.preview-context p{color:#8a9fb8;font-size:12px;line-height:1.8;max-width:520px}.preview-bottom{display:flex;gap:30px;align-items:center;margin-top:12px}.preview-bottom .btn{font-size:12px}.preview-bottom>span{font-size:9px;color:#647b99;max-width:120px;line-height:1.7}
@media(min-width:1600px){.preview-shell{grid-template-columns:300px 1fr}.preview-steps{padding:40px}.preview-document{padding-block:48px}}
@media(max-width:800px){.preview-heading{display:block}.preview-heading>p{margin-top:20px}.preview-shell{grid-template-columns:1fr}.preview-steps{padding:15px;flex-direction:row;overflow:auto;scrollbar-width:none;border-right:0;border-bottom:1px solid #263141}.preview-brand,.preview-steps>p{display:none}.preview-steps button{white-space:nowrap;flex:none}.preview-document{padding:23px}.preview-context{gap:14px}.preview-table-heading,.preview-input-row{grid-template-columns:1fr 60px 90px;gap:8px}.preview-input-row input{padding:10px 7px;font-size:11px}.preview-bottom{flex-wrap:wrap;gap:15px}.preview-bottom>span{max-width:none}.preview-sum output{font-size:28px}.product-preview{padding-top:55px;padding-bottom:28px}.preview-heading h2{letter-spacing:-1px}.preview-document #preview-title{font-size:22px}}
.workspace-page{--bg:#f4f5f7;--panel:#fff;--text:#17202c;--muted:#657082;--line:#dce1e9;background:var(--bg);color:var(--text)}
.workspace-page.dark{--bg:#080a0e;--panel:#0e1219;--text:#e5ebf5;--muted:#98a5b8;--line:#252e3b}
.workspace-page .nav{height:72px;background:var(--bg);border-bottom:1px solid var(--line)}
.workspace-page .nav-inner{height:72px;width:calc(100% - 48px)}
.workspace-page .app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);max-width:none;min-height:calc(100vh - 72px);margin:0;width:100%}
.workspace-page .sidebar{position:sticky;top:0;align-self:start;height:calc(100vh - 72px);padding:24px 14px;background:var(--bg);border-right:1px solid var(--line);overflow:auto;display:flex;flex-direction:column;gap:4px}
.workspace-label{padding:0 14px 23px;display:grid;gap:8px}.workspace-label .eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.workspace-label .eyebrow:before{display:none}.workspace-label strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}
.sidebar-divider{height:1px;background:var(--line);margin:12px}.workspace-page .sidebar button{border:0;border-radius:7px;min-height:39px;padding:10px 14px;font-size:12px;color:var(--muted);text-align:left;background:transparent;font-weight:500;transition:background .2s,color .2s}
.workspace-page .sidebar button.active{background:#a9c7ec14;color:var(--text);box-shadow:inset 2px 0 #a6c5e9}.workspace-page .sidebar button:hover{background:#a9c7ec0c;color:var(--text)}
.workspace-page .main{padding:40px clamp(22px,3vw,64px);max-width:1800px;width:100%;min-width:0;margin-inline:auto}
.workspace-page .topline{margin-bottom:30px;gap:20px;align-items:center}.workspace-page .topline h1{font-size:clamp(26px,2.7vw,42px);line-height:1.2;letter-spacing:-1.7px;font-weight:500;margin:9px 0 10px}.workspace-page .topline p{font-size:13px;line-height:1.7}.workspace-page .eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--muted)}
.workspace-page .panel{background:var(--panel);border:1px solid var(--line);padding:26px;border-radius:13px;margin:0 0 22px;box-shadow:0 2px 6px #00000005}.workspace-page .panel h3{font-size:16px;font-weight:500;letter-spacing:-.4px}
.workspace-page .btn{border-radius:8px;min-height:40px;padding:10px 16px;font-size:12px;border-color:var(--line);color:var(--text);background:transparent}.workspace-page .btn.small{min-height:33px;padding:7px 11px;font-size:11px}.workspace-page .btn.primary{background:#d5e3f4;border-color:#d5e3f4;color:#101b2b;box-shadow:inset 0 1px 0 #ffffffaa}.workspace-page .btn:hover{border-color:#7188a4;transform:translateY(-1px)}.workspace-page .btn:disabled{opacity:.45;cursor:wait}
.workspace-page input,.workspace-page textarea,.workspace-page select,.workspace-dialog input,.workspace-dialog textarea,.workspace-dialog select{background:var(--bg,#090e16);border:1px solid var(--line,#2a3749);color:var(--text,#e5ebf5);border-radius:7px;min-height:41px;padding:10px 12px;font:inherit;font-size:13px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}
.workspace-page input:focus,.workspace-page textarea:focus,.workspace-page select:focus,.workspace-dialog input:focus,.workspace-dialog textarea:focus,.workspace-dialog select:focus{border-color:#829ec2;box-shadow:0 0 0 3px #829ec21a}.workspace-page input[type=checkbox],.workspace-dialog input[type=checkbox]{width:15px;min-height:15px;accent-color:#99bce9}
.workspace-page .field{margin-bottom:17px}.workspace-page .field label,.workspace-dialog .field label{font-size:11px;color:var(--muted,#a3b0c4);margin-bottom:7px;display:block}.workspace-page .form-grid{gap:18px}.workspace-page .muted,.workspace-page small{color:var(--muted)}
.workspace-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:22px;align-items:start}.workspace-columns>*{min-width:0}.business-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:25px}.business-stats .stat{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;flex-direction:column;gap:12px}.business-stats .stat strong{font-size:clamp(23px,2.3vw,34px);font-weight:500;letter-spacing:-1px}.business-stats .stat span{font-size:11px;color:var(--muted)}.business-stats small{font-size:10px}
.section-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.section-top h3{margin:0}.record-line{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;border-bottom:1px solid var(--line,#273242);font-size:12px}.record-line:last-child{border-bottom:0}.record-line strong{font-size:13px;font-weight:500}.record-line small{display:block;font-size:10px;margin-top:6px;line-height:1.6}.record-title{border:0;background:none;text-align:left;color:inherit;flex:1;min-width:0;padding:0;font:inherit;cursor:pointer}.record-title strong{display:block}.record-title:hover strong{color:#8db3e5}.record-meta{display:flex;gap:20px;align-items:center}.record-meta b{min-width:100px;text-align:right;white-space:nowrap;font-weight:500}.workspace-page .pill{padding:5px 9px;font-size:10px;border-radius:5px;background:#8fa9c317;color:var(--muted);border:1px solid #8fa9c323}.workspace-page .status-approved,.workspace-page .status-completed,.workspace-page .status-done{color:#93c1b2;background:#86bcac12;border-color:#86bcac28}.workspace-page .status-changes_requested{color:#d7bd91}.workspace-page .status-rejected{color:#c897a1}
.activity-list{display:grid;gap:22px;margin-top:23px}.activity-item{display:flex;gap:14px;font-size:11px}.activity-item strong{font-weight:500}.activity-item small{display:block;font-size:10px;margin-top:5px}.activity-item p{font-size:10px;color:var(--muted);margin:7px 0 0;overflow-wrap:anywhere}.activity-dot{width:6px;height:6px;flex:none;margin-top:6px;border-radius:50%;background:#8da8c9;box-shadow:0 0 0 4px #8da8c912}.unread:before{content:'';width:5px;height:5px;border-radius:50%;background:#aeccea;flex:none}
.workspace-page .empty{padding:44px 20px;text-align:center}.workspace-page .empty h3{font-size:19px;font-weight:400;margin:15px 0 10px}.workspace-page .empty p{font-size:12px;line-height:1.8;color:var(--muted);max-width:340px;margin-inline:auto}.workspace-page .empty .eyebrow:before{display:none}
.workspace-page .toolbar{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.workspace-page .toolbar input{max-width:350px}.workspace-page .toolbar .muted{font-size:10px;margin-left:auto}
.workspace-page .workspace-dialog{width:min(730px,calc(100% - 30px));border-radius:18px;--bg:#0a1019;--line:#293547;--text:#e2eafa;--muted:#9dacbf}.workspace-dialog .dialog-heading h2{font-size:27px;font-weight:500}.workspace-dialog .dialog-heading p{font-size:12px}.workspace-dialog .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.workspace-dialog .field{margin-bottom:14px}.workspace-dialog .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #263345}.workspace-dialog .btn{color:#dbe5f5;border-color:#3b4b62}.workspace-dialog .btn.primary{color:#111a27}.form-error{color:#dbadb3;font-size:12px;line-height:1.6;min-height:20px}.wrap{flex-wrap:wrap}.quote-detail{grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr)}
.estimate-table{width:100%;font-size:12px;border-collapse:collapse}.estimate-table th{text-align:left;font-size:10px;letter-spacing:.4px;color:var(--muted,#9aaabe);font-weight:400;padding:17px 9px;border-bottom:1px solid var(--line,#2a3545)}.estimate-table td{padding:18px 9px;border-bottom:1px solid var(--line,#2a3545)}.estimate-table td:last-child,.estimate-table th:last-child{text-align:right;white-space:nowrap}.estimate-table small{display:block;margin-top:5px;color:var(--muted,#98a8bd);font-size:10px}.estimate-table strong{font-weight:500}.estimate-table .excluded{opacity:.45}.quote-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;margin:12px 0;border-bottom:1px solid var(--line,#2a3545)}.quote-summary>span{font-size:12px;color:var(--muted,#a1aec2)}.quote-summary strong{font-size:30px;font-weight:500;letter-spacing:-1px}
.editor-layout{grid-template-columns:minmax(0,1fr) 280px}.editor-aside{position:sticky;top:24px}.editor-total{font-size:32px;letter-spacing:-1px;font-weight:500;margin:18px 0}.editor-aside .muted{font-size:11px;line-height:1.8}.editor-aside .btn{margin-top:12px}.editor-item{border-top:1px solid var(--line);padding:22px 0}.item-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}.item-heading input{font-weight:500}.item-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.item-fields label{font-size:10px;color:var(--muted)}.item-fields input{margin-top:6px;min-width:0}.workspace-page details summary{font-size:11px;color:var(--muted);cursor:pointer;padding:4px 0 12px}.workspace-page details[open]>summary{margin-bottom:12px}.check-label{display:inline-flex;align-items:center;gap:9px;font-size:11px;margin-right:17px}.workspace-page .editor-panel{max-width:none}
.kanban{display:grid;grid-auto-columns:minmax(210px,1fr);grid-auto-flow:column;overflow:auto;gap:15px;padding:8px 0;scrollbar-width:none}.kanban-column{min-height:270px;padding:13px;background:#8fa9c306;border:1px solid var(--line);border-radius:9px}.kanban-column h3{font-size:12px!important;display:flex;justify-content:space-between;padding:0 2px 12px}.kanban-card{width:100%;text-align:left;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--panel);padding:17px;margin-bottom:12px;font:inherit;cursor:grab}.kanban-card strong{font-size:12px;font-weight:500;display:block}.kanban-card small{display:block;font-size:10px;margin-top:12px}.agenda time{font-size:12px;color:var(--muted);min-width:95px}
.command-results{display:grid;gap:6px;margin-top:20px;max-height:400px;overflow:auto}.command-results .btn{text-align:left}.command-result{background:transparent;color:inherit;border:0;border-radius:7px;display:flex;justify-content:space-between;padding:14px;cursor:pointer;font:inherit;font-size:12px}.command-result:hover{background:#ffffff08}.command-result small{color:#8e9eb6}.nav kbd{font-family:inherit;color:var(--muted);font-size:9px;margin-left:18px}.portal-heading{padding:35px 0 40px}.portal-heading h1{font-size:clamp(32px,4vw,56px);font-weight:400;letter-spacing:-2px}.comment{padding:20px 0;border-bottom:1px solid #263144}.comment small{font-size:10px;margin-left:12px;color:#8797ae}.comment p{font-size:13px;line-height:1.8}#public-quote{padding:30px 0 80px;max-width:1350px;margin:auto;width:calc(100% - 64px)}#public-quote .panel{background:#0c1119;border:1px solid #253040;border-radius:12px;padding:26px;margin-bottom:22px}#public-quote .field{margin-bottom:16px}#public-quote .field label{font-size:11px;color:#a0aec2}#public-quote input,#public-quote textarea{background:#080d15;border-color:#27374b;color:#e2e9f4}#public-quote .btn.primary{background:#d2e2f6;color:#0c1726}
.workspace-page .auth-wrap{margin:80px auto;max-width:440px;width:calc(100% - 36px)}.workspace-page .auth-wrap .panel{padding:38px}.workspace-page .auth-wrap h1{font-size:34px;letter-spacing:-1px;margin:20px 0 14px}.workspace-page .auth-wrap p{font-size:12px;line-height:1.8}.workspace-page .auth-wrap form{margin-top:28px}
@media(min-width:1600px){.workspace-page .main{padding-top:48px}.workspace-page .record-line{padding-block:22px}}
@media(max-width:1100px){.workspace-page .app-shell{grid-template-columns:190px minmax(0,1fr)}.workspace-page .main{padding:28px 22px}.workspace-columns,.quote-detail{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.editor-aside{position:static}.record-meta{gap:10px}.record-meta b{min-width:80px}.item-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.workspace-page .app-shell{display:flex;flex-direction:column}.workspace-page .sidebar{position:sticky;top:0;z-index:8;flex-direction:row;width:100%;height:auto;padding:8px 14px;border-right:0;border-bottom:1px solid var(--line);gap:5px;overflow-x:auto;flex-wrap:nowrap}.workspace-page .sidebar button{white-space:nowrap;font-size:11px;min-height:34px;padding:8px 12px;flex:none}.workspace-page .sidebar button.active{box-shadow:inset 0 -2px #abc5e8}.workspace-label,.sidebar-divider{display:none}.workspace-page .sidebar .bottom{margin:0}.workspace-page .main{padding:25px 16px}.workspace-page .nav-inner{width:calc(100% - 32px)}.workspace-page .nav,.workspace-page .nav-inner{height:62px}.workspace-page #header-user{display:none}.workspace-page .topline{align-items:start;flex-direction:column}.workspace-page .topline h1{font-size:29px;letter-spacing:-1px}.workspace-page .panel{padding:19px}.workspace-page .record-line{flex-wrap:wrap;gap:14px}.record-title{min-width:140px}.record-meta{width:100%;justify-content:space-between}.record-meta b{margin-left:auto}.workspace-page .business-stats{grid-template-columns:1fr 1fr;gap:11px}.business-stats .stat{padding:18px}.business-stats .stat strong{font-size:22px}.business-stats .stat:last-child:nth-child(odd){grid-column:1/-1}.workspace-dialog .form-grid,.workspace-page .form-grid{grid-template-columns:1fr}.workspace-dialog .dialog-heading h2{font-size:24px}.workspace-columns{gap:0}.workspace-page .toolbar input{max-width:none}.workspace-page .section-top{flex-wrap:wrap}.estimate-table{min-width:470px}.quote-summary strong{font-size:26px}.item-heading{gap:6px}.item-heading .muted{display:none}.workspace-dialog{padding:21px!important}#public-quote{width:calc(100% - 32px);padding-top:10px}.portal-heading h1{letter-spacing:-1px}.nav kbd{display:none}.workspace-page .auth-wrap{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.workspace-page *, .workspace-dialog *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}