:root{--paper:#f3f1eb;--ink:#202522;--muted:#777b73;--amber:#dda94f;--line:#d7d7cc;--green:#c4d9bf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a87828;outline-offset:5px}.header{height:86px;padding:0 4%;display:flex;align-items:center;gap:30px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;font-size:22px;font-weight:700;letter-spacing:-.9px;gap:12px;white-space:nowrap}.brand-mark{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;letter-spacing:-6px;font-weight:700;color:#b98435;margin-right:6px;position:relative}.brand-mark:after{content:'';display:block;width:25px;height:2px;background:currentColor;position:absolute;top:5px;left:1px;transform:rotate(-55deg)}.brand-dot{font-size:10px;align-self:flex-start;margin:13px 0 0 -7px}.header nav{display:flex;gap:30px;margin:auto;font-size:13px}.header nav a{position:relative;padding:12px 0}.header nav a:after{content:'';position:absolute;bottom:5px;left:0;width:0;height:2px;background:var(--amber);transition:width .2s}.header nav a:hover:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:18px 22px;border:1px solid transparent;border-radius:5px;font-weight:650;background:var(--ink);color:var(--paper);transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0002}.button:active{transform:translateY(0)}.button svg{transition:transform .2s}.button:hover svg{transform:translateX(4px)}.button.amber{color:#202522;background:var(--amber)}.button.amber:hover{background:#e8b963}.button.small{padding:13px 18px;font-size:12px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:.87fr 1.13fr;min-height:690px;background:var(--ink);color:var(--paper);overflow:hidden}.hero-copy{padding:55px 0 44px 9.2%;position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;line-height:1.8;margin:0}.signal{display:inline-block;width:6px;height:6px;background:var(--amber);border-radius:50%;margin-right:9px}.hero h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(72px,7.4vw,116px);font-weight:600;letter-spacing:-1.8px;line-height:.98;margin:31px 0 26px}.hero h1 span{color:var(--amber)}.hero-description{color:#c3c7be;font-size:15px;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px;flex-wrap:wrap}.hero-actions .button{font-size:12px;padding:16px 18px;gap:14px}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:12px;border:0;background:none;padding:10px 0;color:inherit}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.hero-note{display:flex;align-items:center;font-size:8px;letter-spacing:1.4px;color:#a3a99e;gap:12px;margin-top:47px}.mini-rule{height:1px;background:var(--amber);width:24px}.product-stage{position:relative;isolation:isolate;min-width:0;display:flex;align-items:center;padding-bottom:35px}.grid-lines{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent,#000 25%)}.drawing-label{position:absolute;top:30px;left:15px;right:30px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.3px;color:#929b8c}.drawing-label:before{content:'+';font-size:20px;position:absolute;top:19px;left:0;color:#626c5f}.desktop-app{width:690px;min-width:590px;background:#fafaf6;color:var(--ink);border-radius:9px;box-shadow:0 35px 80px #0005;border:1px solid #677060;transform:perspective(1600px) rotateY(-5deg) rotateX(1deg);margin-left:2%;margin-right:-100px}.app-bar{display:flex;align-items:center;gap:10px;padding:15px 17px;border-bottom:1px solid #e4e5dd;height:55px;font-size:10px}.app-logo{background:var(--ink);color:var(--amber);border-radius:4px;padding:5px;font-weight:700;font-size:10px;letter-spacing:-1px}.app-spacer{flex:1}.sample{font-size:6px;letter-spacing:1px;border:1px solid #d5d8cd;padding:4px 6px;border-radius:3px;color:#7c8476}.avatar{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e8e5d8;font-size:8px}.app-body{display:grid;grid-template-columns:148px 1fr;min-height:370px}.app-sidebar{background:#eeefe8;border-right:1px solid #dedfd6;padding:21px 9px;position:relative}.workspace{display:flex;justify-content:space-between;font-size:6px;font-weight:700;padding:0 5px;margin-bottom:24px;letter-spacing:.6px}.sidebar-link{font-size:8px;display:flex;align-items:center;gap:7px;padding:10px 8px;margin:2px 0;border-radius:4px;color:#6d7568}.sidebar-link svg{width:13px;height:13px}.sidebar-link.selected{background:#dde0d3;color:var(--ink);font-weight:700}.sidebar-link b{margin-left:auto;font-size:7px}.sidebar-bottom{position:absolute;bottom:16px;font-size:6px;left:17px;color:#737b6a}.sidebar-bottom .signal{background:#7e9c6b;width:4px;height:4px;margin-right:3px}.app-content{padding:22px 24px}.breadcrumbs{font-size:6px;letter-spacing:1px;color:#929789}.breadcrumbs span{margin:0 9px}.app-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:19px 0 5px}.app-heading h2{font-family:'DM Sans',Arial,sans-serif;font-size:17px;letter-spacing:-.6px;margin:0}.badge{display:inline-flex;white-space:nowrap;align-items:center;padding:6px 8px;border-radius:4px;background:#e4e7df;font-size:8px;font-weight:650;color:#58624e}.badge.green{background:var(--green);color:#2d583b}.badge.amber-badge{background:#ead8a7;color:#6b4d18}.app-subtitle{font-size:8px;color:#8b9183;margin:0}.record-summary{display:flex;gap:35px;margin:21px 0 18px;padding:15px 0;border-top:1px solid #e4e7dd;border-bottom:1px solid #e4e7dd}.record-summary div{display:flex;flex-direction:column;gap:5px}.record-summary div>span{font-size:6px;letter-spacing:.9px;color:#8a9181}.record-summary strong{font-size:18px;font-weight:550;letter-spacing:-.6px}.record-summary strong span{font-size:11px;color:#889080}.activity-header{font-size:6px;letter-spacing:1px;color:#919786;display:flex;justify-content:space-between}.activities{padding-top:5px}.activity{display:flex;gap:10px;align-items:center;padding:10px 0;opacity:.3;transition:opacity .5s,transform .5s;transform:translateY(3px)}.activity.active{opacity:1;transform:translateY(0)}.activity-icon{border-radius:50%;width:25px;height:25px;display:grid;place-items:center;background:#e5e9dc;color:#72835f}.activity.active .activity-icon{background:#d5e3c9;color:#466b3b}.activity-icon svg{width:12px;height:12px}.activity strong{font-size:9px;font-weight:650;display:block}.activity small{font-size:7px;display:block;color:#929887;margin-top:3px}.activity-tick{margin-left:auto;color:#718f58;font-size:10px;opacity:0}.activity.active .activity-tick{opacity:1}.app-foot{border-top:1px solid #e2e5d9;padding-top:12px;margin-top:10px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.7px;color:#929988}.phone{position:absolute;left:-7px;bottom:65px;width:164px;background:#f4f3ec;color:var(--ink);border:5px solid #161b17;border-radius:25px;padding:10px 11px 22px;box-shadow:5px 15px 40px #0005;transform:rotate(-4deg);z-index:3}.phone-top{display:flex;justify-content:space-between;font-size:6px;font-weight:700;padding:0 3px 12px}.phone-brand{font-size:16px;font-weight:700;color:#b98435;letter-spacing:-3px}.phone-brand span{font-size:9px;color:var(--ink);letter-spacing:-.5px;margin-left:5px}.phone-eyebrow{font-size:5px;letter-spacing:.8px;margin:21px 0 6px;color:#8a9081}.phone h3{font-size:31px;font-family:'Barlow Condensed',Impact,sans-serif;line-height:.95;margin:0 0 15px}.phone-site{display:flex;gap:7px;align-items:center;border-top:1px solid #dcded2;padding-top:12px}.plot-icon{width:25px;height:28px;border:1px solid #d0d4c6;display:grid;place-items:center;font-size:12px;border-radius:3px}.phone-site strong{display:block;font-size:8px}.phone-site small{display:block;font-size:6px;margin-top:3px;color:#8c9282}.phone-checklist{display:flex;flex-direction:column;gap:9px;margin:15px 0;font-size:6px}.phone-checklist i{font-style:normal;font-size:6px;border:1px solid #bec9af;padding:1px 2px;margin-right:4px;color:#718c54}.phone-state{font-size:7px;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--ink);color:var(--paper);border-radius:3px;padding:9px 2px;transition:background .4s}.phone-state svg{width:10px;height:10px}.phone-state.complete{background:#527047}.phone-sample{display:block;text-align:center;font-size:4px;letter-spacing:.7px;color:#979c8d;margin-top:11px}.phone-home{position:absolute;width:40px;height:3px;background:#202522;border-radius:3px;bottom:8px;left:calc(50% - 20px)}.proof-toast{position:absolute;right:26px;bottom:95px;display:flex;align-items:center;gap:11px;min-width:255px;background:var(--paper);color:var(--ink);padding:17px;border:1px solid #c3c9b6;border-radius:6px;box-shadow:0 12px 35px #0004;z-index:4;animation:toastIn .7s both}.toast-check{width:30px;height:30px;display:grid;place-items:center;background:#d9e2cc;border-radius:50%;font-size:16px;color:#3b6139}.proof-toast strong{font-size:11px;display:block}.proof-toast small{font-size:8px;display:block;margin-top:4px;color:#858c79}.toast-time{font-size:6px;color:#979d8e;margin-left:15px}.stage-controls{display:flex;align-items:center;gap:12px;position:absolute;bottom:25px;left:34%;right:26px;font-size:7px;letter-spacing:.9px;color:#c1c9b8}.stage-controls button{border:1px solid #626b5b;background:none;border-radius:50%;color:inherit;width:25px;height:25px;padding:0;display:grid;place-items:center}.scene-progress{display:flex;gap:4px;flex:1}.scene-progress span{height:2px;background:#50594c;flex:1;transition:background .3s}.scene-progress span.active{background:var(--amber)}#scene-label{min-width:85px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:0 4%;scroll-margin-top:86px}.workflow button{display:flex;align-items:center;justify-content:center;gap:14px;border:0;border-right:1px solid var(--line);background:none;padding:29px 15px;font-size:12px;position:relative;color:#7c8276;transition:color .3s}.workflow button:first-child{border-left:1px solid var(--line)}.workflow button>span{font-size:8px;color:#9b9e90;position:absolute;left:14px;top:12px}.workflow button b{font-size:12px;font-weight:400;opacity:0;transition:opacity .2s}.workflow button.active{color:var(--ink)}.workflow button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--amber)}.workflow button:hover b{opacity:1}.workflow svg{width:21px}.section-pad{padding:78px 6%}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top .eyebrow{font-size:9px;letter-spacing:1.6px}.section-number{font-size:10px;letter-spacing:1px;color:#8c927f}.intro-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:50px;margin:30px 0 43px}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:57px;font-weight:600;line-height:1.05;letter-spacing:-.9px;margin:0}.intro-heading h2 span{color:#8c9284}.intro-heading p{font-size:14px;line-height:1.9;color:#767e6e;max-width:335px;margin:0 0 3px auto}.team-panel{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);border-radius:7px;overflow:hidden}.team-copy{padding:35px 35px 30px}.tabs{display:inline-flex;border:1px solid #d3d7c9;border-radius:5px;padding:4px;margin-bottom:35px;gap:3px}.tabs button{padding:9px 20px;font-size:11px;border:0;border-radius:3px;background:transparent;color:#737b67}.tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.team-copy .eyebrow{font-size:7px;letter-spacing:1.2px}.team-copy h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;line-height:1.05;font-weight:600;margin:15px 0}.team-copy p:not(.eyebrow){font-size:12px;line-height:1.9;color:#7b826f;max-width:280px}.team-copy ul{padding:0;list-style:none;margin:23px 0;font-size:10px;line-height:2.5;color:#58624e}.team-copy li:before{content:'✓';margin-right:10px;color:#809765}.dark-link{font-weight:650}.team-visual{background:#272e26;color:var(--paper);padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.visual-top{display:flex;align-items:center;font-size:8px;letter-spacing:1.3px}.visual-top .sample{margin-left:auto;border-color:#66715c;color:#b3bca5}.work-list{display:flex;flex-direction:column;gap:11px}.work-row{display:flex;align-items:center;gap:13px;border:1px solid #4a5444;border-radius:4px;padding:16px 12px;background:#ffffff03;transition:transform .25s,border-color .25s}.work-row:hover{transform:translateX(3px);border-color:#a4ac8f}.work-plot{display:grid;place-items:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;min-width:38px;height:43px;border:1px solid #667259;border-radius:3px;color:#d0d8c2}.work-row strong{font-size:12px;display:block}.work-row small{display:block;font-size:9px;color:#a0aa92;margin-top:5px}.work-row .badge{margin-left:auto;font-size:8px}.connected-record{border-top:1px solid #4c5644;padding-top:25px;display:flex;align-items:center;gap:16px}.record-glyph{display:grid;place-items:center;width:60px;height:75px;border:1px solid #7a866a;transform:rotate(-6deg);color:var(--amber)}.record-glyph svg{width:30px;height:30px}.connected-record p{font-size:6px;letter-spacing:1.4px;color:#a5af97;margin:0 0 8px}.connected-record h4{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;line-height:1.05;font-weight:600;margin:0}.large-check{margin-left:auto;color:var(--amber);width:48px;height:48px}.details{padding-top:25px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-grid article{padding:32px 30px 35px 0;border-right:1px solid var(--line);margin-right:30px}.detail-grid article:last-child{border-right:0;margin-right:0}.detail-grid article>svg{display:block;width:30px;height:30px;margin-bottom:30px;color:#9d793e}.detail-grid article>span{font-size:8px;letter-spacing:1.4px;color:#8b9380}.detail-grid h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;line-height:1.1;margin:12px 0}.detail-grid p{font-size:12px;line-height:1.9;color:#7b8370;max-width:265px}.faq{padding-top:0;display:grid;grid-template-columns:.75fr 1.25fr;gap:40px}.faq .eyebrow{font-size:8px;margin-bottom:20px}.faq h2{font-size:48px}.faq-items details{border-top:1px solid var(--line)}.faq-items details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:23px 0;font-size:13px;font-weight:550;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary span{font-size:20px;font-weight:400;line-height:1;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.9;color:#78816c;margin:0 30px 25px 0}.closing{background:var(--ink);color:var(--paper);padding-top:50px;padding-bottom:55px}.closing .eyebrow{font-size:8px;color:#acb49f}.closing>div{display:flex;justify-content:space-between;align-items:end;margin-top:25px}.closing h2{font-size:78px}.closing h2 span{color:var(--amber)}.closing .button{margin-bottom:8px;font-size:12px}footer{display:flex;align-items:center;gap:30px;padding:30px 4%}footer .brand{font-size:16px}footer .brand-mark{font-size:28px}footer p{font-size:10px;color:#7e8575}footer>span{margin-left:auto;font-size:8px;color:#8d9484}dialog{width:min(570px,calc(100% - 30px));border:1px solid #c5caba;border-radius:10px;background:var(--paper);color:var(--ink);padding:40px;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#101710bb;backdrop-filter:blur(5px)}dialog h2{font-size:58px;margin:20px 0}.close-dialog{position:absolute;top:12px;right:15px;border:0;background:transparent;font-size:28px;color:#757e69}.dialog-intro{font-size:13px;color:#727d66;line-height:1.8}.demo-stage{display:flex;gap:20px;padding:25px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:180px}.demo-step-number{font-family:'Barlow Condensed',Impact,sans-serif;font-size:50px;color:#b2863d}.demo-stage h3{font-size:20px;margin:10px 0}.demo-stage p{font-size:12px;line-height:1.8;color:#727d66}.demo-dots{display:flex;gap:6px;margin-bottom:20px}.demo-dots button{height:5px;width:35px;background:#d0d5c6;border:0;border-radius:2px;padding:0}.demo-dots button.active{background:#b78637}#demo-next{font-size:12px;width:100%;justify-content:space-between}.dialog-note{font-size:9px;color:#939b88;text-align:center;margin:17px 0 0}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.motion-ready .reveal.visible{opacity:1;transform:none}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.product-stage.playing .desktop-app{animation:opening 8s ease-out both}@keyframes opening{from{transform:perspective(1600px) rotateY(-8deg) rotateX(2deg) translateY(12px)}to{transform:perspective(1600px) rotateY(-5deg) rotateX(1deg) translateY(0)}}
@media(min-width:1500px){.hero{min-height:760px}.hero-copy{padding-top:75px}.desktop-app{width:760px;min-width:720px}.app-body{min-height:410px}.app-content{padding:28px}.phone{width:180px;bottom:85px}.proof-toast{bottom:120px}.activity{padding:12px 0}}
@media(max-width:1050px){.header nav{gap:18px}.hero-copy{padding-left:8%;padding-top:45px}.hero{min-height:650px;grid-template-columns:1fr 1fr}.hero h1{font-size:86px}.hero-description{font-size:13px}.hero-actions{gap:12px}.hero-actions .button{font-size:10px}.desktop-app{min-width:530px}.phone{width:145px;left:-8px;bottom:77px}.proof-toast{right:15px;bottom:40px;min-width:230px}.stage-controls{bottom:13px;left:26%;gap:8px}.drawing-label{font-size:6px}.drawing-label span:last-child{display:none}.section-pad{padding:60px 5%}.intro-heading{gap:25px}.intro-heading h2{font-size:47px}.team-copy{padding:28px}.team-visual{padding:23px}.work-row{gap:8px;padding:14px 9px}.work-row strong{font-size:10px}.work-row .badge{font-size:7px}.team-copy h3{font-size:37px}.hero-note{margin-top:35px;font-size:6px}.workflow button{font-size:10px;gap:9px}.details{padding-top:15px}.faq{padding-top:0}}
@media(max-width:760px){html{scroll-padding-top:70px}.header{height:70px;padding:0 6%;gap:15px}.brand{font-size:20px}.brand-mark{font-size:31px}.header-cta{margin-left:auto}.header-cta.small{padding:10px 12px;font-size:10px;gap:9px}.header nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 6%;flex-direction:column;gap:3px}.header nav.open{display:flex}.menu-toggle{display:block;border:0;background:none;font-size:20px;padding:5px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:35px 7% 20px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:84px;margin:27px 0 22px}.hero-description{font-size:14px}.hero-description .desktop{display:none}.hero-actions{gap:23px;margin-top:25px}.hero-actions .button{font-size:11px;padding:16px}.hero-note{display:none}.product-stage{min-height:510px;padding-bottom:70px;margin-top:10px}.drawing-label{left:7%;top:13px;font-size:6px}.desktop-app{min-width:0;width:calc(100% - 44px);margin-left:30px;margin-right:0;transform:none}.product-stage.playing .desktop-app{animation:none}.app-body{grid-template-columns:91px 1fr;min-height:335px}.app-sidebar{padding:16px 5px}.workspace{font-size:4px;padding:0 2px;margin-bottom:18px}.sidebar-link{font-size:6px;gap:4px;padding:10px 4px}.sidebar-link svg{width:10px;height:10px}.sidebar-link b{font-size:5px}.sidebar-bottom{font-size:4px;left:8px;bottom:11px}.app-bar{height:42px;padding:10px;font-size:8px}.app-logo{font-size:8px}.app-content{padding:19px 12px}.breadcrumbs{font-size:4px;letter-spacing:.4px}.breadcrumbs span{margin:0 4px}.app-heading{margin-top:14px;gap:5px}.app-heading h2{font-size:12px;letter-spacing:-.4px}.app-heading .badge{font-size:5px;padding:4px}.app-subtitle{font-size:6px}.record-summary{gap:24px;padding:12px 0;margin:17px 0 13px}.record-summary div>span{font-size:5px}.record-summary strong{font-size:15px}.activity{padding:9px 0;gap:7px}.activity strong{font-size:7px}.activity small{font-size:5px}.activity-icon{width:20px;height:20px}.activity-icon svg{width:10px;height:10px}.activity-header,.app-foot{font-size:4px}.phone{left:13px;bottom:52px;width:126px;border-width:4px;border-radius:19px;padding:8px 9px 18px;transform:rotate(-5deg)}.phone h3{font-size:24px;margin-bottom:11px}.phone-eyebrow{margin-top:15px;font-size:4px}.phone-brand{font-size:12px}.phone-brand span{font-size:7px}.phone-top{font-size:5px;padding-bottom:8px}.phone-site{padding-top:9px}.phone-site strong{font-size:6px}.phone-site small{font-size:5px}.phone-checklist{font-size:5px;gap:7px;margin:12px 0}.phone-state{font-size:6px;padding:7px 1px}.phone-sample{font-size:3px}.proof-toast{bottom:70px;right:18px;min-width:0;width:207px;padding:11px;gap:8px}.proof-toast strong{font-size:9px}.proof-toast small{font-size:6px}.toast-check{width:23px;height:23px}.toast-time{display:none}.stage-controls{left:43%;right:18px;bottom:30px;gap:7px;font-size:5px}.stage-controls button{width:22px;height:22px}#scene-label{min-width:62px}.workflow{grid-template-columns:repeat(2,1fr);padding:0}.workflow button{padding:22px 15px;border-bottom:1px solid var(--line);font-size:10px}.workflow button>span{left:12px;top:8px;font-size:6px}.workflow button:first-child{border-left:0}.workflow button svg{width:18px}.section-pad{padding:48px 7%}.section-top .eyebrow{font-size:7px;letter-spacing:1.2px}.section-number{font-size:8px}.intro-heading{grid-template-columns:1fr;gap:20px;margin:25px 0 30px}.intro-heading h2{font-size:43px}.intro-heading p{font-size:13px;max-width:none;margin:0}.team-panel{grid-template-columns:1fr}.team-copy{padding:25px}.tabs{margin-bottom:25px}.team-copy h3{font-size:40px}.team-copy p:not(.eyebrow){max-width:none}.team-visual{padding:25px;gap:25px}.work-row strong{font-size:10px}.work-row .badge{font-size:7px}.connected-record{padding-top:23px}.details{padding-top:0}.detail-grid{grid-template-columns:1fr;margin-top:25px}.detail-grid article{border-right:0;margin:0;padding:25px 0;border-bottom:1px solid var(--line)}.detail-grid article:last-child{border-bottom:0}.detail-grid article>svg{float:right;margin:0}.detail-grid p{max-width:none}.detail-grid h3{font-size:30px}.faq{grid-template-columns:1fr;gap:25px;padding-top:0}.faq h2{font-size:43px}.faq h2 br{display:none}.faq .eyebrow{margin-bottom:14px}summary{font-size:12px;padding:22px 0}.closing{padding-top:38px;padding-bottom:40px}.closing>div{display:block}.closing h2{font-size:66px}.closing .button{margin-top:27px;font-size:11px}footer{padding:26px 7%;flex-wrap:wrap;gap:12px}footer .brand{font-size:16px}footer p{margin:0 0 0 auto;font-size:8px}footer>span{width:100%;margin:0;font-size:7px}dialog{padding:30px 23px}dialog h2{font-size:48px}.demo-stage{gap:15px}.demo-step-number{font-size:43px}}
@media(max-width:760px){.header{gap:10px}.header .brand{font-size:18px;gap:8px}.header .brand-mark{font-size:28px}.header-cta.small{font-size:9px;gap:7px;padding:10px;white-space:nowrap}.hero h1{font-size:clamp(54px,16vw,70px);letter-spacing:-1px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:10px}.faq h2 br{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}
/* Cobalt / midnight edition. Colour identifies actions; text and icons carry status. */
:root{--paper:#f4f7fc;--ink:#101d36;--muted:#53627a;--amber:#3158ed;--line:#d5deec;--green:#d1eee5}
body{background:#f4f7fc;color:var(--ink)}
.header{height:84px;background:#f4f7fcf5;border-color:#d5deec;backdrop-filter:blur(16px);padding:0 5%;gap:30px}
.brand{letter-spacing:-1px}.brand-mark{color:#3158ed}.brand-mark:after{background:#3158ed}.header nav{font-weight:550;color:#44516a;gap:34px}.header-cta{background:#101d36;box-shadow:0 3px 0 #0000000c}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#3158ed}
.button{border-radius:7px}.button.amber{background:#3158ed;color:#fff;box-shadow:0 5px 14px #3158ed22}.button.amber:hover{background:#2446ce;box-shadow:0 9px 22px #3158ed30}.button.small{padding:13px 19px}.button:hover{transform:translateY(-2px)}
.hero{background:#f4f7fc;color:#101d36;grid-template-columns:.82fr 1.18fr;min-height:720px;padding:0 3% 0 0;overflow:hidden;border-bottom:1px solid #d5deec}
.hero-copy{padding:88px 0 50px 12.2%;z-index:2}
.hero .eyebrow{color:#36527b;font-size:9px;letter-spacing:1.65px;display:flex;align-items:center;white-space:nowrap}
.hero .signal{width:7px;height:7px;box-shadow:0 0 0 4px #3158ed12;margin-right:13px}
.hero h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(72px,7.2vw,112px);letter-spacing:-7px;line-height:1.02;font-weight:550;margin:35px 0 28px}
.hero h1 span{color:#3158ed;position:relative;white-space:nowrap}
.hero-description{color:#53627a;font-size:15px;line-height:1.95;max-width:365px}
.hero-actions{margin-top:34px;gap:24px}.hero-actions .button{font-size:12px;padding:17px 20px}.hero .text-link{color:#334760;font-weight:600}
.hero-note{font-size:8px;letter-spacing:1.1px;color:#53627a;margin-top:47px}.mini-rule{background:#3158ed}
.product-stage{margin:38px 0;min-height:640px;border:1px solid #23365a;border-radius:18px;background:#101d36;padding:60px 24px 85px 28px;box-shadow:0 18px 40px #101d3610;overflow:visible}
.grid-lines{background-image:linear-gradient(#adc4ff0a 1px,transparent 1px),linear-gradient(90deg,#adc4ff0a 1px,transparent 1px);background-size:35px 35px;border-radius:18px;mask-image:linear-gradient(130deg,transparent,#000)}
.product-stage:before{content:'';position:absolute;width:78%;height:62%;border:1px solid #6c93ed25;border-radius:50%;right:-5%;top:18%;transform:rotate(-30deg);z-index:-1}
.drawing-label{top:24px;left:27px;right:24px;color:#b2c2e0;font-size:7px;letter-spacing:1.3px}.drawing-label:before{color:#8fa8d0;top:21px}
.desktop-app{width:100%;min-width:0;max-width:740px;margin:0 0 0 12px;color:#15233a;background:#fff;border-color:#8c9cba;border-radius:9px;transform:perspective(1500px) rotateY(-4deg) rotateX(1deg);box-shadow:0 30px 60px #030a194d}
.app-bar{background:#fff;border-color:#e1e7f0;height:55px;font-size:11px}.app-logo{background:#3158ed;color:#fff}.avatar{background:#e8edfb;color:#365391}.sample{color:#53627a;border-color:#cad5e6;font-size:7px}
.app-body{grid-template-columns:133px 1fr;min-height:389px}.app-sidebar{background:#f2f5fb;border-color:#dfe6f1}.workspace{color:#3f5575;font-size:6px}.sidebar-link{color:#526782;font-size:9px;gap:7px}.sidebar-link.selected{background:#e1e9fc;color:#2c4fce}.sidebar-link b{color:#3158ed}.sidebar-bottom{color:#526782;font-size:7px}.sidebar-bottom .signal{background:#187764}
.app-content{padding:24px 20px}.breadcrumbs{color:#5e7090;font-size:7px}.app-heading h2{font-size:18px;letter-spacing:-.7px}.app-subtitle{font-size:9px;color:#596b85}.record-summary{border-color:#dce5f2;gap:34px;margin:20px 0 17px;padding:16px 0}.record-summary div>span{font-size:7px;color:#526782}.record-summary strong{font-size:23px;color:#15233a}.record-summary strong span{font-size:14px;color:#5d7291}.activity-header{color:#5c6f8c;font-size:7px}.activity{gap:10px;opacity:.36;padding:10px 0}.activity.active{opacity:1}.activity strong{font-size:10px}.activity small{font-size:8px;color:#5c6f8c}.activity-icon{background:#edf1f9;color:#6b80a0}.activity.active .activity-icon{background:#e3ecff;color:#3158ed}.activity-tick{color:#187764}.app-foot{color:#526782;border-color:#dce5f2;font-size:6px}
.badge{background:#e8edf5;color:#425675;font-size:8px}.badge.green{background:#d1eee5;color:#145b4b}.badge.amber-badge{background:#e6ebff;color:#304bb3}
.phone{background:#f8faff;border-color:#0a1428;bottom:69px;left:-26px;width:162px;box-shadow:0 18px 35px #01050f66;color:#142541}.phone-brand{color:#3158ed}.phone-brand span{color:#142541}.phone-eyebrow{color:#566a8b}.phone-site{border-color:#d3ddef}.plot-icon{border-color:#c2cfe3;background:#edf2ff;color:#3158ed}.phone-site small{color:#526782}.phone-checklist{color:#30496b}.phone-checklist i{border-color:#a4b6dd;color:#3158ed}.phone-state{background:#3158ed;color:#fff}.phone-state.complete{background:#166453}.phone-sample{color:#526782}.phone-home{background:#182b4b}
.proof-toast{right:14px;bottom:51px;border-color:#cad5e8;border-radius:8px;box-shadow:0 14px 30px #030a194d;background:#fff;padding:17px 18px;min-width:270px}.toast-check{background:#d1eee5;color:#145b4b}.proof-toast strong{font-size:12px}.proof-toast small{font-size:9px;color:#526782}.toast-time{color:#53627a;font-size:7px}
.stage-controls{left:33%;right:24px;bottom:17px;color:#c0cee7;font-size:7px}.stage-controls button{border-color:#5b739c;width:27px;height:27px}.scene-progress span{background:#41587e}.scene-progress span.active{background:#8eabff}
.workflow{background:#fff;border-bottom:1px solid #d5deec;padding:0 5%}.workflow button{color:#53627a;padding:28px 15px;font-size:12px;border-color:#e0e7f1}.workflow button.active{background:#f4f7ff;color:#2548c2}.workflow button>span{color:#647794}.workflow button.active:after{background:#3158ed;height:3px}.workflow button svg{color:inherit}
.section-pad{padding:84px 6%}.section-top .eyebrow{font-size:9px;color:#456086}.section-number{color:#5e7291}.intro-heading{grid-template-columns:1.25fr .75fr;gap:60px;margin:30px 0 45px}.intro-heading h2,h2{font-family:'DM Sans',Arial,sans-serif;font-weight:550;letter-spacing:-2.6px;font-size:49px;line-height:1.13}.intro-heading h2 span{color:#5e7291}.intro-heading p{color:#53627a;font-size:14px;line-height:1.9;max-width:360px}
.team-panel{border-color:#d5deec;background:#fff;border-radius:12px;grid-template-columns:.85fr 1.15fr;box-shadow:0 12px 28px #101d3606}.team-copy{padding:38px}.tabs{border-color:#d5deec;background:#f4f7fc;padding:4px;border-radius:6px}.tabs button{color:#53627a;font-size:12px}.tabs button[aria-selected=true]{background:#3158ed;color:#fff}.team-copy .eyebrow{color:#496385}.team-copy h3{font-family:'DM Sans',Arial,sans-serif;font-size:36px;font-weight:550;letter-spacing:-1.5px;line-height:1.15}.team-copy p:not(.eyebrow){color:#53627a;font-size:13px;max-width:300px}.team-copy ul{color:#405572;font-size:11px}.team-copy li:before{color:#187764}.dark-link{color:#3158ed}
.team-visual{background:#142541;padding:32px}.visual-top{color:#d0ddf5}.visual-top .signal{background:#8eabff}.visual-top .sample{color:#b9cae6;border-color:#536b91}.work-row{border-color:#3c5377;background:#1b2f50;border-radius:6px;padding:18px 14px}.work-row:hover{border-color:#8eabff;transform:translateX(3px)}.work-plot{color:#b9d0ff;border-color:#5d79a8;background:#223a60}.work-row strong{font-size:12px;color:#f4f7fc}.work-row small{color:#b8c7df;font-size:10px}.work-row .badge{font-size:9px}.connected-record{border-color:#405675}.record-glyph{border-color:#6782af;color:#a5bdff}.connected-record p{color:#c0d0e9;font-size:7px}.connected-record h4{font-family:'DM Sans',Arial,sans-serif;font-size:29px;letter-spacing:-1px;font-weight:500;line-height:1.12}.large-check{color:#8eabff}
.details{padding-top:12px;padding-bottom:80px}.detail-grid{border-color:#d5deec}.detail-grid article{border-color:#d5deec;padding-top:35px}.detail-grid article>svg{color:#3158ed}.detail-grid article>span{color:#526782}.detail-grid h3{font-family:'DM Sans',Arial,sans-serif;font-size:24px;font-weight:550;line-height:1.2;letter-spacing:-.8px}.detail-grid p{color:#53627a;font-size:13px;max-width:290px}
.faq{padding-top:0;grid-template-columns:.75fr 1.25fr}.faq h2{font-size:43px}.faq .eyebrow{color:#496385}.faq-items details{border-color:#d5deec}.faq-items details:last-child{border-color:#d5deec}summary{font-size:14px}details p{color:#53627a;font-size:13px}
.closing{background:#101d36;color:#f4f7fc;padding-top:55px;padding-bottom:62px;border-top:5px solid #3158ed}.closing .eyebrow{color:#bdcce6}.closing h2{font-size:76px;font-weight:500;letter-spacing:-4px;line-height:1.05}.closing h2 span{color:#9bb5ff}.closing .button{background:#a6bdff;color:#101d36;box-shadow:none}.closing .button:hover{background:#bfd0ff}footer{background:#f4f7fc;padding:32px 5%}footer p,footer>span{color:#53627a}
dialog{border-color:#cad5e8;background:#f4f7fc;border-radius:12px}dialog::backdrop{background:#071329b8}.close-dialog{color:#53627a}dialog h2{font-size:48px}.dialog-intro,.demo-stage p{color:#53627a}.demo-step-number{color:#3158ed}.demo-stage{border-color:#d5deec}.demo-dots button{background:#cbd7ed}.demo-dots button.active{background:#3158ed}.dialog-note{color:#526782}
.product-stage.playing .desktop-app{animation:openingCobalt 8s ease-out both}@keyframes openingCobalt{from{transform:perspective(1500px) rotateY(-6deg) rotateX(2deg) translateY(10px)}to{transform:perspective(1500px) rotateY(-4deg) rotateX(1deg) translateY(0)}}
@media(min-width:1500px){.hero{min-height:760px}.hero-copy{padding-top:95px}.product-stage{min-height:680px;margin:40px 0;padding-left:40px;padding-right:35px}.desktop-app{width:100%;min-width:0;max-width:none}.app-body{grid-template-columns:155px 1fr;min-height:430px}.app-content{padding:28px}.sidebar-link{font-size:10px}.workspace{font-size:7px}.app-heading h2{font-size:22px}.app-subtitle{font-size:10px}.activity strong{font-size:12px}.activity small{font-size:9px}.activity{padding:12px 0}.activity-icon{width:28px;height:28px}.phone{width:182px;bottom:69px;left:-30px}.proof-toast{bottom:52px;right:24px}.hero h1{font-size:118px}}
@media(max-width:1100px) and (min-width:761px){.hero{grid-template-columns:.85fr 1.15fr;min-height:655px}.hero-copy{padding-top:80px;padding-left:10%}.hero h1{font-size:77px;letter-spacing:-4px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero-description{font-size:13px}.hero-actions{gap:12px}.hero-actions .button{font-size:10px;padding:15px}.hero-note{font-size:6px}.product-stage{min-height:580px;padding:50px 12px 95px 15px}.desktop-app{margin-left:0}.app-body{grid-template-columns:90px 1fr}.sidebar-link{font-size:7px;padding-left:3px;gap:5px}.workspace{font-size:5px}.app-content{padding:20px 13px}.app-heading h2{font-size:15px}.activity strong{font-size:9px}.activity small{font-size:7px}.phone{width:135px;bottom:85px;left:-12px}.proof-toast{min-width:218px;padding:12px;bottom:47px;right:10px}.proof-toast strong{font-size:10px}.proof-toast small{font-size:7px}.drawing-label{font-size:6px;left:17px}.drawing-label span:last-child{display:none}.intro-heading h2{font-size:40px}.team-copy{padding:26px}.team-visual{padding:24px}.team-copy h3{font-size:30px}.team-copy p:not(.eyebrow){font-size:12px}.team-copy ul{font-size:10px}.work-row strong{font-size:10px}.work-row .badge{font-size:7px}.work-row small{font-size:8px}}
@media(max-width:760px){.header{height:70px;padding:0 6%;gap:10px}.header nav{background:#f4f7fc}.header-cta.small{font-size:9px;padding:10px;gap:7px}.hero{grid-template-columns:1fr;min-height:0;padding:0 0 20px}.hero-copy{padding:40px 7% 20px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.hero h1{font-size:clamp(64px,18vw,90px);letter-spacing:-4px;line-height:1.03;margin:29px 0 23px}.hero-description{font-size:13px;line-height:1.9}.hero-description br{display:none}.hero-actions{margin-top:25px;gap:18px}.hero-actions .button{font-size:11px;padding:16px}.hero-actions .text-link{font-size:10px}.hero-note{display:none}.product-stage{margin:10px 5% 0;min-height:494px;border-radius:12px;padding:52px 12px 92px}.grid-lines{border-radius:12px}.product-stage:before{right:0;max-width:90%}.drawing-label{top:18px;left:16px;right:15px;font-size:5px}.drawing-label span:last-child{display:none}.desktop-app{width:100%;min-width:0;max-width:none;margin:0;transform:none}.product-stage.playing .desktop-app{animation:none}.app-bar{height:38px;font-size:7px;padding:8px}.app-bar .sample{font-size:5px;padding:3px 4px}.app-body{grid-template-columns:78px 1fr;min-height:315px}.workspace{font-size:4px}.sidebar-link{font-size:5px;gap:4px;padding:9px 3px}.sidebar-link svg{width:9px;height:9px}.sidebar-link b{font-size:5px}.sidebar-bottom{font-size:4px;left:6px}.app-content{padding:17px 10px}.breadcrumbs{font-size:4px}.app-heading h2{font-size:11px;letter-spacing:-.4px}.app-heading .badge{font-size:5px;padding:4px}.app-subtitle{font-size:6px}.record-summary{gap:24px;padding:12px 0;margin:15px 0 12px}.record-summary div>span{font-size:5px}.record-summary strong{font-size:17px}.record-summary strong span{font-size:10px}.activity{padding:8px 0;gap:6px}.activity strong{font-size:7px}.activity small{font-size:5px}.activity-icon{width:19px;height:19px}.activity-header,.app-foot{font-size:4px}.phone{width:119px;left:-9px;bottom:52px;padding:8px 8px 18px}.phone-site small{font-size:5px}.phone-checklist{font-size:5px}.phone-state{font-size:5px}.phone-sample{font-size:3px}.proof-toast{min-width:0;width:190px;right:8px;bottom:54px;padding:10px;gap:7px}.proof-toast strong{font-size:8px}.proof-toast small{font-size:6px}.toast-check{width:21px;height:21px;font-size:12px}.stage-controls{bottom:15px;left:39%;right:10px;font-size:5px;gap:6px}.stage-controls button{width:22px;height:22px}#scene-label{min-width:60px}.workflow{padding:0}.workflow button{padding:22px 12px;font-size:10px}.section-pad{padding:48px 7%}.intro-heading{grid-template-columns:1fr;gap:20px;margin:25px 0 30px}.intro-heading h2,h2{font-size:37px;letter-spacing:-1.9px;line-height:1.13}.intro-heading h2 span{white-space:normal}.intro-heading p{font-size:13px}.section-top .eyebrow{font-size:7px}.team-panel{grid-template-columns:1fr;border-radius:8px}.team-copy{padding:25px}.team-copy h3{font-size:32px;letter-spacing:-1.4px}.team-copy p:not(.eyebrow){font-size:12px}.team-copy ul{font-size:10px}.team-visual{padding:22px}.work-row{padding:15px 10px;gap:9px}.work-row strong{font-size:10px}.work-row small{font-size:8px}.work-row .badge{font-size:7px}.connected-record h4{font-size:26px}.connected-record p{font-size:6px}.details{padding-top:0}.detail-grid h3{font-size:24px}.detail-grid p{font-size:12px}.faq{padding-top:0;grid-template-columns:1fr}.faq h2{font-size:37px}.faq summary{font-size:12px}.faq details p{font-size:12px}.closing{padding-top:35px;padding-bottom:42px}.closing h2{font-size:56px;letter-spacing:-2.8px}.closing .eyebrow{font-size:7px}.closing .button{font-size:11px}footer{padding:25px 7%}dialog h2{font-size:42px}}
/* Product previews retain the existing app's teal navigation and mint selection. */
.desktop-app,.phone{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#173137}
.desktop-app{background:#f5f7f5;border-color:#dbe3df}.app-bar{background:#fff;border-color:#e4e9e6;color:#173137}.app-logo{background:#13765a;color:#fff}.avatar{background:#e5f3ea;color:#13765a}
.app-sidebar{background:#122d31;border-color:#122d31}.workspace{color:#b5d4c7}.sidebar-link{color:#a9c0b6}.sidebar-link.selected{background:#b9f0ce;color:#143d2e}.sidebar-link b{color:#143d2e}.sidebar-bottom{color:#b0cabb}.sidebar-bottom .signal{background:#b9f0ce}
.app-content{background:#f5f7f5}.app-content .breadcrumbs,.app-subtitle,.activity-header,.app-foot,.activity small,.record-summary div>span{color:#536963}.app-heading h2,.record-summary strong{color:#173137}.record-summary,.app-foot{border-color:#dbe3df}.record-summary strong span{color:#536963}.activity.active .activity-icon{background:#d8f1e2;color:#13765a}.activity-tick{color:#13765a}.badge.green{background:#d8f1e2;color:#135d48}.badge.amber-badge{background:#fff0c8;color:#75581c}
.phone{background:#f5f7f5;border-color:#122d31}.phone-brand{color:#13765a}.phone-brand span{color:#173137}.phone-eyebrow,.phone-site small,.phone-sample{color:#536963}.phone-site{border-color:#dbe3df}.plot-icon{background:#e5f3ea;border-color:#bcd6c8;color:#13765a}.phone-checklist{color:#425e53}.phone-checklist i{color:#13765a;border-color:#a6cbb6}.phone-state,.phone-state.complete{background:#13765a;color:#fff}.phone-home{background:#173137}
.team-visual{background:#122d31}.visual-top{color:#dbe8e3}.visual-top .signal{background:#b9f0ce}.visual-top .sample{border-color:#64877a;color:#c4ddd1}.work-row{background:#1c3b3d;border-color:#45685d}.work-row:hover{border-color:#b9f0ce}.work-plot{color:#b9f0ce;border-color:#6b9782;background:#254b46}.work-row strong{color:#f5f7f5}.work-row small{color:#bdd0c6}.connected-record{border-color:#45685d}.record-glyph{color:#b9f0ce;border-color:#6b9782}.connected-record p{color:#bdd0c6}.large-check{color:#b9f0ce}
@media(prefers-reduced-motion:reduce){.product-stage.playing .desktop-app{animation:none}}
/* Public website contact section. */
.header-cta{text-decoration:none;white-space:nowrap}.contact{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--line);background:#fff}.contact h2{margin:22px 0}.contact>div>p:not(.eyebrow){max-width:480px;font-size:15px;line-height:1.8;color:var(--muted)}.contact-card{padding:32px;border:1px solid var(--line);border-radius:12px;align-self:center;background:var(--paper)}.contact-email{display:block;margin:20px 0 28px;color:var(--ink);font-size:clamp(17px,2vw,27px);font-weight:600;text-decoration:none;overflow-wrap:anywhere}.contact-card p{font-size:12px;color:var(--muted);line-height:1.7}.contact-card .button{display:inline-flex;margin-bottom:8px}.contact-support{padding-top:16px;border-top:1px solid var(--line)}.contact-support a,footer a:not(.brand){color:inherit;text-underline-offset:3px}#contact{scroll-margin-top:100px}
@media(max-width:760px){.contact{grid-template-columns:1fr;gap:25px}.contact-card{padding:24px}.contact-email{font-size:20px}.contact>div>p:not(.eyebrow){font-size:14px}.header nav{gap:20px}.header-cta.small{font-size:10px;padding:12px}}
/* Give the product illustration its own row on tablets. */
@media(min-width:761px) and (max-width:1000px){.hero{grid-template-columns:1fr;padding:0 0 25px;min-height:0}.hero-copy{padding:50px 7% 25px}.hero h1{font-size:82px;letter-spacing:-4px;line-height:1.04}.hero-description{font-size:15px;max-width:500px}.hero-description br{display:none}.hero .eyebrow{font-size:9px}.hero-actions .button{font-size:12px}.hero-note{margin-top:30px;font-size:8px}.product-stage{margin:10px 7% 25px;min-height:580px;padding:55px 25px 90px}.desktop-app{margin:0}.app-body{grid-template-columns:130px 1fr}.app-heading h2{font-size:20px}.activity strong{font-size:11px}.activity small{font-size:9px}.phone{width:150px;left:-15px;bottom:70px}.proof-toast{min-width:260px;bottom:45px}.header{height:70px;gap:15px}.header nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 6%;flex-direction:column;gap:3px}.header nav.open{display:flex}.menu-toggle{display:block;border:0;background:none;font-size:20px;padding:5px}.header-cta{margin-left:auto}.contact{gap:30px}.contact-card{padding:24px}.contact-email{font-size:20px}}
/* Render the product UI directly at readable sizes, without 3D rasterisation. */
.product-stage { display:block; min-height:0; padding:58px 24px 76px; }
.desktop-app, .product-stage.playing .desktop-app, .phone, .record-glyph {
  transform:none; animation:none;
}
.desktop-app { width:100%; min-width:0; max-width:none; margin:0; border:1px solid #c6d6cc; border-radius:10px; overflow:hidden; box-shadow:0 16px 32px #030a1926; }
.app-bar { height:54px; padding:12px 16px; font-size:13px; }
.app-logo { font-size:12px; padding:6px; letter-spacing:-.5px; }
.sample { font-size:9px; letter-spacing:.5px; }
.avatar { width:28px; height:28px; font-size:10px; }
.app-body { grid-template-columns:122px minmax(0,1fr); min-height:410px; }
.app-sidebar { padding:20px 8px; }
.workspace { font-size:9px; line-height:1.6; letter-spacing:.3px; padding:0 5px; margin-bottom:20px; }
.sidebar-link { font-size:11px; gap:7px; padding:11px 7px; }
.sidebar-link svg { width:15px; height:15px; }
.sidebar-link b { font-size:10px; }
.sidebar-bottom { font-size:9px; left:12px; }
.app-content { padding:24px 20px; }
.breadcrumbs { font-size:9px; line-height:1.5; letter-spacing:.5px; }
.breadcrumbs span { margin:0 5px; }
.app-heading { flex-wrap:wrap; gap:8px; margin:18px 0 8px; }
.app-heading h2 { font-size:21px; letter-spacing:-.5px; line-height:1.2; }
.app-subtitle { font-size:11px; line-height:1.5; }
.badge { font-size:10px; padding:6px 8px; }
.record-summary { margin:20px 0; padding:16px 0; gap:24px; flex-wrap:wrap; }
.record-summary div>span { font-size:9px; letter-spacing:.6px; }
.record-summary strong { font-size:25px; }
.record-summary strong span { font-size:16px; }
.activity-header { font-size:9px; letter-spacing:.6px; }
.activity { padding:12px 0; gap:10px; opacity:.65; transform:none; transition:opacity .25s; }
.activity.active { transform:none; }
.activity strong { font-size:13px; line-height:1.35; }
.activity small { font-size:11px; line-height:1.4; margin-top:3px; }
.activity-icon { width:28px; height:28px; flex-shrink:0; }
.activity-icon svg { width:15px; height:15px; }
.activity-tick { font-size:13px; }
.app-foot { font-size:8px; line-height:1.5; gap:10px; letter-spacing:.3px; }
.phone { width:180px; left:-20px; bottom:165px; padding:12px 12px 24px; border-radius:24px; box-shadow:0 14px 28px #01050f40; }
.phone-top { font-size:9px; }
.phone-brand { font-size:20px; }
.phone-brand span { font-size:11px; }
.phone-eyebrow { font-size:8px; letter-spacing:.5px; margin-top:18px; }
.phone h3 { font-size:33px; }
.phone-site { gap:7px; }
.phone-site strong { font-size:11px; }
.phone-site small { font-size:9px; line-height:1.4; }
.phone-checklist { font-size:9px; line-height:1.5; gap:8px; }
.phone-checklist i { font-size:8px; }
.phone-state { font-size:10px; line-height:1.4; padding:10px 3px; }
.phone-sample { font-size:7px; line-height:1.4; letter-spacing:.2px; }
.proof-toast { position:relative; right:auto; bottom:auto; min-width:0; width:max-content; max-width:100%; margin:18px 0 0 auto; padding:14px 16px; gap:10px; box-shadow:none; animation:none; }
.proof-toast strong { font-size:13px; line-height:1.4; }
.proof-toast small { font-size:11px; line-height:1.4; }
.toast-time { font-size:9px; }
.stage-controls { left:24px; right:24px; bottom:22px; font-size:9px; }
.stage-controls button { width:30px; height:30px; }
.drawing-label { font-size:8px; letter-spacing:.7px; }
.hero { align-items:center; }
.hero-copy { min-width:0; }
.team-visual .visual-top { font-size:10px; }
.work-row strong { font-size:14px; line-height:1.4; }
.work-row small { font-size:12px; line-height:1.4; }
.work-row .badge { font-size:10px; }
.connected-record p { font-size:9px; letter-spacing:.5px; line-height:1.5; }
@media(max-width:1250px) {
  .phone { display:none; }
  .app-body { grid-template-columns:minmax(0,1fr); }
  .app-sidebar { display:none; }
  .drawing-label span:last-child { display:none; }
}
@media(min-width:761px) and (max-width:1000px) {
  .product-stage { padding:58px 24px 76px; min-height:0; }
  .app-body { grid-template-columns:130px minmax(0,1fr); }
  .app-sidebar { display:block; }
}
@media(max-width:760px) {
  .product-stage { margin:12px 5% 0; padding:48px 14px 72px; }
  .desktop-app { border-radius:8px; }
  .app-bar { height:46px; font-size:12px; padding:10px 12px; }
  .app-bar .sample { font-size:8px; padding:4px; }
  .app-logo { font-size:11px; }
  .avatar { display:none; }
  .app-body { min-height:0; grid-template-columns:minmax(0,1fr); }
  .app-content { padding:20px 16px; }
  .app-heading h2 { font-size:20px; }
  .app-heading .badge { font-size:10px; }
  .breadcrumbs { font-size:9px; letter-spacing:0; }
  .app-subtitle { font-size:11px; }
  .record-summary { gap:24px; margin:18px 0; padding:14px 0; }
  .record-summary div>span { font-size:9px; }
  .record-summary strong { font-size:24px; }
  .record-summary strong span { font-size:15px; }
  .activity-header { font-size:9px; }
  .activity { padding:11px 0; }
  .activity strong { font-size:13px; }
  .activity small { font-size:11px; }
  .activity-icon { width:27px; height:27px; }
  .app-foot { font-size:8px; flex-wrap:wrap; }
  .proof-toast { width:100%; margin-top:14px; padding:12px; }
  .proof-toast strong { font-size:12px; }
  .proof-toast small { font-size:10px; }
  .toast-time { display:none; }
  .toast-check { width:26px; height:26px; flex-shrink:0; }
  .stage-controls { left:16px; right:16px; bottom:20px; gap:10px; font-size:8px; }
  .stage-controls button { width:28px; height:28px; }
  #scene-label { min-width:72px; }
  .drawing-label { top:17px; left:16px; font-size:7px; }
  .drawing-label:before { display:none; }
  .work-row { flex-wrap:wrap; padding:15px 12px; }
  .work-row strong { font-size:13px; }
  .work-row small { font-size:11px; }
  .work-row .badge { font-size:10px; }
  .connected-record p { font-size:8px; }
  .visual-top .sample { font-size:8px; }
}