@font-face{font-family:Neoris;src:url('./assets/source-sans-3-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Departure;src:url('./assets/source-sans-3-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--surface:#f5f5f2;--paper:#fbfbf8;--ink:#3d3b39;--muted:#777572;--line:#d8d7d2;--blue:#2297df;--deep-blue:#1a6fd1;--shadow:0 22px 50px rgba(40,38,34,.08);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--surface);overflow-x:hidden}body{margin:0;background:var(--surface);color:var(--ink);font-family:Neoris,Arial,sans-serif;font-size:16px;overflow-x:hidden}a{color:inherit}.section-shell{width:min(1220px,calc(100% - 64px));margin-inline:auto}.site-header{height:91px;position:fixed;inset:0 0 auto;z-index:50;padding:0 22px;display:flex;align-items:center;color:#fff;border-bottom:1px solid transparent;transition:background .35s,color .35s,border-color .35s,box-shadow .35s}.site-header.scrolled{background:rgba(248,248,245,.95);color:var(--ink);border-color:#d7d7d2;backdrop-filter:blur(14px)}.wordmark{font-family:Neoris,serif;font-size:25px;letter-spacing:-1.5px;text-decoration:none;width:180px}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:14px}.desktop-nav>a,.nav-group{height:41px;border-radius:8px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px)}.desktop-nav>a{display:grid;place-items:center;padding:0 22px;text-decoration:none}.nav-group{display:flex;align-items:center;padding:0 11px}.nav-group a{padding:0 13px;text-decoration:none}.nav-group i{height:12px;width:1px;background:rgba(255,255,255,.22)}.nav-group .muted{opacity:.72}.site-header.scrolled .desktop-nav>a,.site-header.scrolled .nav-group{background:transparent;border-color:transparent}.site-header.scrolled .nav-group i{background:#d9d8d3}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:0 14px;border-radius:8px;text-decoration:none;white-space:nowrap;border:1px solid rgba(255,255,255,.46);box-shadow:0 2px 4px rgba(0,0,0,.18);transition:transform .2s var(--ease),filter .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 8px 16px rgba(0,0,0,.15)}.nav-cta{margin-left:14px;background:#f6f6f3;color:#252422;border-color:#deddd8}.site-header.scrolled .nav-cta,.button.dark{background:linear-gradient(#505050,#292929);color:#fff;border-color:#333}.button.light{background:#f8f8f5;color:#222;border-color:#deddd7}.button.glass{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.26);backdrop-filter:blur(8px)}.menu-button,.mobile-menu{display:none}
.hero{height:969px;position:relative;overflow:hidden;background:#2099df;color:#fff}.hero-video{position:absolute;inset:0;width:100%;height:900px;object-fit:cover;object-position:center top}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,93,152,.08),transparent 55%)}.hero-copy{position:absolute;z-index:2;top:97px;left:22px}.hero h1{margin:0;font-weight:400;font-size:46px;line-height:1.08;letter-spacing:-1.9px;text-shadow:0 1px 3px rgba(0,0,0,.16)}.hero-copy>p{font-size:17px;line-height:1.45;margin:24px 0 26px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.hero-actions{display:flex;gap:12px}.task-toast{position:absolute;z-index:2;top:250px;left:59%;height:45px;padding:0 16px 0 13px;display:flex;gap:9px;align-items:center;border-radius:9px;background:linear-gradient(rgba(22,69,61,.62),rgba(22,69,61,.84));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);box-shadow:0 10px 26px rgba(0,0,0,.15);font-size:13px;animation:toastFloat 5s ease-in-out infinite}.task-toast b{width:7px;height:7px;border-radius:50%;background:#a1df68;box-shadow:0 0 0 4px rgba(161,223,104,.12)}.task-toast span{opacity:.68}.task-toast strong{font-weight:600}.hero-pixels{position:absolute;z-index:3;left:0;right:0;bottom:0;height:72px;background:linear-gradient(to bottom,transparent 0 30%,rgba(245,245,242,.15) 31% 38%,transparent 39%),linear-gradient(177deg,transparent 0 42%,var(--surface) 43% 100%);clip-path:polygon(0 43%,2% 47%,4% 44%,6% 50%,8% 46%,10% 53%,12% 49%,14% 55%,16% 51%,18% 58%,20% 53%,22% 57%,24% 50%,26% 55%,28% 51%,30% 58%,32% 54%,34% 59%,36% 52%,38% 57%,40% 49%,42% 53%,44% 47%,46% 54%,48% 48%,50% 55%,52% 50%,54% 58%,56% 53%,58% 60%,60% 52%,62% 58%,64% 50%,66% 55%,68% 48%,70% 53%,72% 46%,74% 52%,76% 45%,78% 50%,80% 42%,82% 48%,84% 41%,86% 46%,88% 39%,90% 45%,92% 37%,94% 43%,96% 35%,98% 41%,100% 34%,100% 100%,0 100%)}@keyframes toastFloat{50%{transform:translateY(-7px)}}
.social-proof{height:242px;display:flex;flex-direction:column;align-items:center;padding-top:33px}.social-proof p{font-size:13px;margin:0;color:#5e5c59}.social-proof p span{color:#a8a7a3}.logo-row{display:flex;align-items:center;justify-content:center;gap:73px;color:#aaa9a5;margin-top:61px;font-family:Departure,monospace;font-size:14px}.logo-row span:nth-child(2){font-size:18px}.logo-row span:nth-child(3){font-family:Neoris;font-weight:600}.logo-row span:nth-child(4){font-family:Neoris;font-size:12px}
.section-heading{text-align:center}.section-heading h2{font-size:42px;line-height:1.12;letter-spacing:-1.8px;font-weight:400;margin:0}.section-heading p{font-size:16px;line-height:1.45;color:#686663;margin:18px 0 26px}.orchestration{padding:0 0 80px}.orchestration-ui{position:relative;margin:83px auto 28px;width:min(1200px,100%);height:650px;border:1px solid #d0cfca;border-radius:20px;background:#f8f8f5;box-shadow:0 2px 0 #fff inset,0 20px 65px rgba(60,59,55,.06);overflow:hidden}.ui-toolbar{height:57px;border-bottom:1px solid #e0dfda;display:flex;align-items:center;gap:10px;padding:0 17px;font-size:12px}.ui-toolbar .identity{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e1e1dd}.ui-toolbar small{margin-left:8px;color:#aaa}.ui-toolbar b:first-of-type{margin-left:auto}.ui-toolbar b{font-size:18px;font-weight:400;color:#9a9995}.department-map{position:absolute;left:30px;top:85px;width:715px;height:500px}.map-ring{position:absolute;left:155px;top:22px;width:390px;height:390px;border:1px solid #d1d0cb;border-radius:50%}.map-ring:before,.map-ring:after{content:"";position:absolute;inset:50% auto auto -140px;width:670px;border-top:1px dashed #d9d8d3;transform:rotate(30deg)}.map-ring:after{transform:rotate(-30deg)}.dept{position:absolute;z-index:2;display:grid;place-items:center;width:83px;height:52px;border:1px solid #d4d3ce;border-radius:8px;background:#fff;box-shadow:0 9px 22px rgba(0,0,0,.04);font-size:12px}.dept.legal{left:310px;top:0}.dept.sales{left:110px;top:118px}.dept.finance{left:510px;top:118px}.dept.design{left:56px;top:308px}.dept.eng{left:312px;top:403px}.dept.ops{left:566px;top:308px}.agent-core{position:absolute;z-index:3;left:317px;top:188px;width:72px;text-align:center;font-size:26px}.agent-core small{display:block;font:10px Departure,monospace;margin-top:7px}.agent-panel{position:absolute;right:12px;top:12px;width:430px;height:624px;border:1px solid #d2d1cd;border-radius:12px;background:var(--paper);box-shadow:-12px 0 35px rgba(0,0,0,.04);padding:0 13px}.agent-panel nav{height:51px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.agent-panel nav b{background:#ebebe7;border:1px solid #dad9d4;border-radius:6px;padding:5px 12px}.agent-panel nav span{color:#777}.agent-message{border:1px solid #d7d6d1;border-radius:11px;padding:18px;margin-top:2px;min-height:210px}.agent-message small{font-family:Departure}.agent-message p{font-size:14px;line-height:1.5}.thinking{font-family:Departure;color:#aaa}.composer{position:absolute;left:13px;right:13px;bottom:13px;height:50px;border:1px solid #d1d0cb;border-radius:10px;color:#aaa;padding:16px;font-size:12px}.composer button,.browser-composer button{float:right;border:0;border-radius:6px;background:#333;color:#fff;width:25px;height:25px;margin-top:-5px}.orchestration-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;width:min(1200px,100%);margin:auto}.orchestration-notes p{font-size:15px;line-height:1.42;color:#666;margin:0}.orchestration-notes b{color:#373634}.start-row{display:flex;justify-content:center;align-items:center;gap:35px;margin-top:44px}.start-row p{font-size:15px;line-height:1.35;margin:0}
.guide-intro{padding:140px 20px 57px}.guide-intro .button{margin-top:0}.guide-books{position:relative;min-height:1287px;background:url('./assets/books-grid.avif') center top/1400px auto repeat-y;padding:27px 0 130px}.books-grid{display:grid;grid-template-columns:repeat(2,310px);justify-content:center;gap:92px 74px}.book{text-decoration:none}.book>div{position:relative;height:452px;background:#fbfbf8;border:1px solid #dfded9;border-radius:2px;padding:38px 36px 24px;box-shadow:18px 18px 0 rgba(235,234,230,.7),28px 28px 0 rgba(244,243,239,.74)}.book h3{font-size:22px;line-height:.98;font-weight:400;margin:0 0 36px;padding-bottom:32px;border-bottom:1px solid #deddd8}.book small{display:block;font:10px Departure,monospace;color:#777;margin-bottom:18px}.book img{width:100%;height:187px;object-fit:cover;border-radius:6px;box-shadow:0 3px 6px rgba(0,0,0,.2)}.book footer{display:flex;justify-content:space-between;font:10px Departure,monospace;color:#92918d;margin-top:20px}.book>p{text-align:center;font:14px Departure,monospace;color:#8b8985;margin:42px 0 0}.book:hover>div{transform:translateY(-6px) rotate(-.4deg);box-shadow:18px 24px 0 rgba(235,234,230,.7),28px 34px 0 rgba(244,243,239,.74)}.book>div{transition:.35s var(--ease)}.download-guide{position:absolute;bottom:46px;left:50%;transform:translateX(-50%)}.download-guide:hover{transform:translate(-50%,-2px)}.button.light-outline{background:#fbfbf8;color:#4b4946;border-color:#cbc9c4}.download-guide b{margin-left:14px;color:#1aa4eb;background:#d7f2ff;border:1px solid #8fd6fa;border-radius:5px;padding:4px 6px}
.build-section{padding:119px 0 170px}.build-intro{width:365px;margin-bottom:45px}.build-intro h2{font-size:31px;line-height:1.08;font-weight:400;letter-spacing:-1px;margin:0 0 21px}.build-intro p,.feature-copy p{font-size:15px;line-height:1.45;color:#666}.build-intro .button{margin-top:9px}.feature-row{display:grid;grid-template-columns:360px 1fr;gap:75px;min-height:520px;margin-bottom:52px;align-items:center}.feature-copy{padding-left:18px}.folder-icon{display:grid;place-items:center;width:80px;height:80px;border-radius:12px;background:#f8f8f5;box-shadow:0 12px 30px rgba(0,0,0,.04);font-size:39px;margin-bottom:51px;text-shadow:0 2px #fff}.folder-icon.cyan{color:#91dff4}.folder-icon.blue{color:#56c5ed}.folder-icon.sky{color:#29bef1}.folder-icon.green{color:#76c97e}.feature-copy h3{font-size:25px;line-height:1.13;font-weight:400;margin:0 0 20px;max-width:340px}.feature-copy p{max-width:345px}.text-links{display:flex;flex-direction:column;gap:17px;margin-top:32px}.text-links a{font:13px Departure,monospace;text-decoration:none;color:#85827d}.text-links b{font-weight:400;color:#4c4a47}.mock-window{border:1px solid #d2d1cc;border-radius:12px;background:#fbfbf8;box-shadow:var(--shadow),0 2px 0 white inset;overflow:hidden}.mock-window>header{height:51px;border-bottom:1px solid #d9d8d3;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:11px}.roadmap{height:410px;position:relative;padding-bottom:45px}.roadmap-cols{height:275px;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:radial-gradient(#deded9 .8px,transparent .8px);background-size:14px 14px}.roadmap-cols>div{border:1px solid #e1e0db;border-radius:7px;background:rgba(248,248,245,.93);padding:12px;font-size:10px}.roadmap-cols b{font:10px Departure}.roadmap-cols p{background:#fff;border:1px solid #dfded9;border-radius:5px;padding:9px 7px}.approval-card{position:absolute;right:23px;bottom:25px;width:238px;height:59px;border:1px solid #dad9d5;border-radius:9px;background:#fff;display:flex;align-items:center;gap:10px;padding:8px;font-size:18px;box-shadow:0 12px 25px rgba(0,0,0,.07)}.approval-card span{font-size:11px}.approval-card small{display:block;color:#aaa}.approval-card button{margin-left:auto;border:1px solid #d5d4cf;background:#f6f6f3;border-radius:5px}.browser{height:520px;padding:62px 8px 8px;position:relative}.browser>header{position:absolute;top:0;left:0;right:0}.browser-canvas{height:100%;border:1px solid #d1d0cb;border-radius:9px;position:relative;overflow:hidden;display:grid;place-items:center;color:#999;font:12px Departure,monospace}.mini-site{position:absolute;left:0;top:0;width:54%;height:100%;background:white;border-right:1px solid #ddd;padding:26px}.mini-site nav{font-family:Neoris;font-size:20px;color:#333;display:flex;justify-content:space-between}.mini-site nav b{font:10px Neoris;background:#222;color:#fff;border-radius:15px;padding:7px 14px}.mini-site h4{font:38px/1 Neoris;margin:52px 0 15px;color:#292826}.mini-site i{display:block;height:110px;background:linear-gradient(#9bdfff,#187cd5);border-radius:5px}.browser-composer{position:absolute;bottom:15px;left:56%;right:16px;height:42px;background:#fff;border:1px solid #d3d2cd;border-radius:8px;padding:13px;color:#aaa;font-size:10px}.email{height:400px;padding:0 23px}.email>header{margin:0 -23px}.email-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 0}.email-stats p{border:1px solid #e0dfda;border-radius:7px;padding:13px;margin:0}.email-stats b{font-size:23px;font-weight:400}.email-stats small,.metric-row small{display:block;color:#aaa;font-size:10px;margin-top:5px}.email ul{list-style:none;padding:0;margin:0;border:1px solid #dfded9;border-radius:8px;overflow:hidden}.email li{display:grid;grid-template-columns:110px 1fr 45px;border-bottom:1px solid #e5e4df;padding:13px;font-size:11px}.email li:last-child{border:0}.email li span{color:#777}.email li em{font-style:normal;color:#aaa;text-align:right}.analytics{height:400px;position:relative;padding:0 20px}.analytics>header{margin:0 -20px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #ddd}.metric-row p{padding:15px;margin:0;border-right:1px solid #ddd}.metric-row b{display:block;font-size:24px;font-weight:400}.chart{height:167px;display:flex;align-items:end;gap:5px;padding-top:30px;border-bottom:1px solid #ddd}.chart i{flex:1;background:linear-gradient(#98df67,#68bd4a);border-radius:2px 2px 0 0;height:30%}.chart i:nth-child(2){height:48%}.chart i:nth-child(3){height:38%}.chart i:nth-child(4){height:63%}.chart i:nth-child(5){height:51%}.chart i:nth-child(6){height:78%}.chart i:nth-child(7){height:67%}.chart i:nth-child(8){height:88%}.chart i:nth-child(9){height:72%}.chart i:nth-child(10){height:93%}.chart-card{position:absolute;right:24px;bottom:20px;background:#fff;border:1px solid #d5d4cf;border-radius:8px;padding:13px;font-size:11px;box-shadow:0 14px 24px rgba(0,0,0,.08)}
.tools-section{position:relative;min-height:1222px;background:#2996df url('./assets/tools-bg.avif') center/cover;color:white;overflow:hidden;padding:160px 20px 125px}.pixel-edge{position:absolute;left:0;right:0;height:90px;background-repeat:repeat-x;background-position:center;background-size:auto 100%;z-index:2}.pixel-edge.top{top:0;background-image:url('./assets/tools-top.png')}.pixel-edge.bottom{bottom:-1px;background-image:url('./assets/tools-bottom.png')}.tree-decor{position:absolute;right:-140px;top:-5px;width:620px;image-rendering:auto}.tools-heading{text-align:center;position:relative;z-index:3}.tools-heading h2{font-size:42px;line-height:1.12;font-weight:400;margin:0;text-shadow:0 2px 5px rgba(0,0,0,.08)}.tools-heading p{font-size:13px;opacity:.68}.tool-tabs{position:relative;z-index:3;width:min(950px,100%);margin:70px auto 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.tool-tabs button{appearance:none;border:0;border-bottom:1px solid rgba(255,255,255,.28);background:transparent;color:rgba(255,255,255,.72);padding:0 8px 23px;font:14px Neoris;cursor:pointer}.tool-tabs button span{font-size:11px;opacity:.68}.tool-tabs button.active{color:white;border-bottom-color:white}.tool-stage{position:relative;z-index:3;width:min(790px,calc(100% - 40px));margin:auto;border:2px solid rgba(255,255,255,.6);border-radius:13px;background:rgba(255,255,255,.32);padding:36px;box-shadow:0 30px 70px rgba(0,60,120,.23),0 0 0 8px rgba(255,255,255,.08)}.stage-browser{height:505px;border:1px solid #c7d0d2;border-radius:8px;background:#f9f9f6;color:#444;box-shadow:0 12px 32px rgba(0,0,0,.14);overflow:hidden}.stage-browser>header{height:48px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #dadad6;font-size:11px}.stage-browser .dots{color:#ccc;margin-right:25px}.stage-browser header small{margin-left:auto;color:#aaa}.stage-body{height:calc(100% - 48px);display:grid;grid-template-columns:150px 1fr}.stage-body aside{border-right:1px solid #ddd;padding:20px 12px;display:flex;flex-direction:column;gap:15px;font-size:10px;color:#777}.stage-body aside b{font:10px Departure;color:#aaa;margin-bottom:9px}.stage-body section{padding:28px}.stage-body section>small{font:9px Departure;color:#aaa}.task-card{margin-top:45px;border:1px solid #d5d4cf;border-radius:9px;background:#fff;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 30px rgba(0,0,0,.05)}.task-card i{font-style:normal;font-size:25px}.task-card span b,.task-card span small{display:block}.task-card span b{font-size:14px}.task-card span small{font-size:10px;color:#888;margin-top:4px}.task-card button{margin-left:auto;background:#333;color:#fff;border:0;border-radius:6px;padding:8px 12px}.progress-line{height:5px;background:#e2e1dc;border-radius:4px;margin:45px 0 17px;overflow:hidden}.progress-line i{display:block;width:72%;height:100%;background:#74c767;animation:progress 3.2s ease-in-out infinite}.stage-body section>p{font-size:12px;color:#777}@keyframes progress{0%{width:24%}65%,100%{width:72%}}
.industries{padding:117px 0 150px}.industries .section-heading h2{font-size:32px}.word-search{font:29px/1.6 Departure,monospace;letter-spacing:16px;color:#8c8b87;width:min(980px,100%);margin:58px auto 0;white-space:nowrap;overflow:hidden}.word-search p{margin:0}.word-search mark{position:relative;color:#565553;background:transparent;border:3px solid #8dd2ff;border-radius:14px;padding:1px 10px;box-decoration-break:clone}
.site-footer{position:relative;min-height:750px;background:#f5f5f2;overflow:hidden}.footer-pattern{position:absolute;right:0;top:0;width:60%;height:100%;background:url('./assets/footer-pattern.png') center/cover;opacity:.35}.footer-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 360px;gap:70px;padding-top:72px}.footer-main h2{font-size:29px;line-height:1.08;font-weight:400;margin:0 0 30px}.footer-guide{display:flex;gap:18px;font-size:14px;margin-bottom:43px}.footer-guide a{text-decoration:none}.footer-guide span{color:#aaa}.footer-links{display:flex;gap:105px}.footer-links>div{display:flex;flex-direction:column;gap:18px}.footer-links a{text-decoration:none;font-size:15px}.social-buttons{display:flex;gap:10px;margin-top:39px}.social-buttons a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d5d4cf;border-radius:8px;background:#fbfbf8;text-decoration:none;box-shadow:0 3px 6px rgba(0,0,0,.08)}.security,.copyright,.credit{font-size:12px;color:#92918d}.security{margin-top:47px}.security b{font-weight:400;border:1px solid #d7d6d1;border-radius:14px;padding:4px 8px;background:#edede9}.copyright{color:#b5b4b0}.credit{margin-top:30px}.footer-preview{position:relative;height:515px;border:1px solid #d7d6d1;border-radius:14px;background:#fbfbf8;padding:12px;overflow:hidden;box-shadow:var(--shadow)}.footer-preview img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px}.footer-preview>div{position:absolute;left:25px;right:25px;bottom:25px;padding:20px;border-radius:11px;background:linear-gradient(rgba(72,116,55,.92),rgba(52,90,67,.92));backdrop-filter:blur(8px);color:#fff}.footer-preview h3{font-size:24px;line-height:1.15;font-weight:400;margin:0 0 14px}.footer-preview h3 span{color:rgba(255,255,255,.62)}.grass{position:absolute;bottom:0;left:0;right:0;height:82px;background:url('./assets/footer-grass.avif') center bottom/auto 82px repeat-x;display:flex;align-items:end;justify-content:center;padding-bottom:12px;color:#418d4a;font-size:11px;text-shadow:0 1px white}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.in-view{opacity:1;transform:none}.book:nth-child(2),.feature-row:nth-of-type(3){transition-delay:.07s}.book:nth-child(3){transition-delay:.12s}.book:nth-child(4){transition-delay:.18s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.task-toast,.progress-line i{animation:none}.button{transition:none}}
@media(max-width:900px){.site-header{height:71px;padding:0 21px}.wordmark{width:auto;font-size:21px}.desktop-nav{display:none}.nav-cta{margin-left:auto;margin-right:12px}.menu-button{display:flex;width:41px;height:41px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:rgba(255,255,255,.1);flex-direction:column;align-items:center;justify-content:center;gap:5px}.site-header.scrolled .menu-button{border-color:#d6d5d0;background:#f9f9f6}.menu-button span{display:block;width:18px;height:1px;background:currentColor}.mobile-menu{position:absolute;top:69px;left:12px;right:12px;border:1px solid #d6d5d0;border-radius:10px;background:#fbfbf8;color:#333;padding:12px;box-shadow:0 18px 40px rgba(0,0,0,.16)}.mobile-menu.open{display:grid}.mobile-menu a{text-decoration:none;padding:12px;border-radius:7px}.mobile-menu a:hover{background:#efefeb}.hero{height:913px}.hero-video{height:844px}.hero-copy{top:168px;left:20px;right:20px}.hero h1{font-size:34px;line-height:1.08;letter-spacing:-1.2px}.hero-copy>p{font-size:16px;margin-top:19px}.desktop-break{display:none}.task-toast{display:none}.section-shell{width:min(100% - 48px,680px)}.social-proof{height:247px}.logo-row{gap:24px;flex-wrap:wrap;margin-top:50px}.section-heading h2{font-size:30px}.orchestration{padding-bottom:50px}.orchestration-ui{height:570px;margin-top:60px}.department-map{transform:scale(.66);transform-origin:left top;left:8px;top:70px}.agent-panel{width:48%;height:544px}.orchestration-notes{grid-template-columns:1fr;gap:20px}.start-row{align-items:flex-start;flex-direction:column}.guide-books{min-height:auto}.books-grid{grid-template-columns:repeat(2,minmax(0,300px));gap:80px 38px}.build-intro{width:100%}.feature-row{grid-template-columns:1fr;gap:38px}.feature-copy{padding-left:0}.mock-window{width:100%}.tools-section{min-height:1100px}.tool-tabs{gap:10px}.tree-decor{width:400px;right:-150px}.word-search{font-size:20px;letter-spacing:9px}.footer-inner{grid-template-columns:1fr 320px;gap:30px}.footer-links{gap:50px}}
@media(max-width:600px){.hero-actions{gap:11px}.hero-actions .button{padding:0 12px}.hero-video{object-position:center top}.hero-pixels{height:73px}.social-proof p{font-size:11px}.logo-row{gap:24px 35px;font-size:11px}.orchestration.section-shell{width:100%;padding-inline:23px}.orchestration .section-heading{padding-inline:18px}.section-heading h2 br{display:none}.orchestration-ui{height:505px;border-radius:11px;margin-top:42px}.ui-toolbar{padding:0 9px}.department-map{transform:scale(.46);top:95px;left:-12px}.agent-panel{right:7px;top:7px;width:53%;height:489px;padding:0 6px}.agent-panel nav span{display:none}.agent-message{padding:10px}.orchestration-notes{margin-top:25px}.start-row br{display:none}.guide-intro{padding-top:95px}.guide-books{padding-top:10px}.books-grid{grid-template-columns:1fr;gap:75px;width:238px}.book>div{height:367px;padding:28px 27px 20px}.book h3{font-size:18px;margin-bottom:26px;padding-bottom:24px}.book img{height:145px}.book>p{margin-top:35px;font-size:11px}.download-guide{position:relative;left:auto;bottom:auto;transform:none;margin:80px auto 0;display:flex;width:max-content}.download-guide:hover{transform:translateY(-2px)}.build-section{padding-top:95px}.build-intro h2{font-size:28px}.feature-row{margin-bottom:120px}.feature-copy{display:flex;flex-direction:column}.folder-icon{margin-bottom:31px}.feature-copy h3{font-size:24px}.roadmap{height:380px}.roadmap-cols{grid-template-columns:1fr 1fr}.roadmap-cols>div:last-child{display:none}.browser{height:470px}.mini-site{width:100%}.browser-canvas>p{display:none}.browser-composer{left:16px}.email{padding:0 12px}.email>header{margin:0 -12px}.email li{grid-template-columns:85px 1fr}.email li em{display:none}.analytics{padding:0 10px}.analytics>header{margin:0 -10px}.tools-section{padding-inline:0;min-height:990px}.tools-heading h2{font-size:31px}.tools-heading p{padding-inline:28px}.tool-tabs{display:flex;width:calc(100% - 36px);overflow-x:auto;gap:8px;margin-top:45px}.tool-tabs button{min-width:225px}.tool-stage{width:calc(100% - 32px);padding:14px}.stage-browser{height:460px}.stage-body{grid-template-columns:75px 1fr}.stage-body aside{padding:14px 6px}.stage-body aside span{font-size:0}.stage-body aside span::first-letter{font-size:12px}.stage-body section{padding:22px 12px}.task-card{margin-top:33px;padding:12px}.task-card button{display:none}.industries{padding-top:94px}.word-search{font-size:14px;line-height:2;letter-spacing:6px;margin-top:43px}.word-search mark{border-width:2px;border-radius:9px;padding:0 5px}.footer-inner{display:block;padding-top:65px}.footer-pattern{width:100%}.footer-preview{height:445px;margin:60px 0 140px}.footer-guide{gap:10px;font-size:12px;flex-wrap:wrap}.footer-links{gap:70px}.site-footer{min-height:1280px}.grass{height:74px}.grass span{font-size:8px}.tree-decor{width:310px;top:40px}.hero-copy>p br{display:none}}
.hero-pixels{bottom:5px;height:92px;background:url('./assets/hero-pixels.png') center bottom/1440px 92px repeat-x;clip-path:none}
@media(max-width:1400px){.hero-pixels{background-size:cover}}

/* Non-pixel visual system: product-led editorial abstraction */
.hero{height:900px;isolation:isolate;background:#071826;color:#f8fbff}.hero-video,.hero-pixels{display:none}.hero-atmosphere{position:absolute;inset:-18% -10%;background:radial-gradient(circle at 72% 36%,rgba(33,190,170,.32),transparent 26%),radial-gradient(circle at 54% 18%,rgba(61,140,255,.28),transparent 30%),radial-gradient(circle at 18% 80%,rgba(93,113,255,.17),transparent 32%),linear-gradient(135deg,#071826 12%,#0c2940 58%,#123e49);filter:saturate(.9)}.hero:before{content:"";position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 5%,#000 46%,#000 100%)}.hero-shade{z-index:1;background:linear-gradient(90deg,rgba(7,24,38,.5),transparent 68%)}.hero-copy{top:185px;max-width:650px}.hero h1{font-size:57px;line-height:1.02;letter-spacing:-2.8px;text-shadow:none}.hero-copy>p{max-width:570px;color:rgba(255,255,255,.72);text-shadow:none}.hero-network{position:absolute;z-index:2;right:5%;top:145px;width:580px;height:580px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(255,255,255,.02) 43%,transparent 64%);box-shadow:inset 0 0 80px rgba(93,225,205,.05)}.network-orbit{position:absolute;border:1px solid rgba(139,224,214,.2);border-radius:50%}.orbit-one{inset:70px}.orbit-two{inset:155px;border-color:rgba(123,164,255,.25)}.network-core{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(7,24,38,.66);box-shadow:0 0 70px rgba(55,205,184,.2);backdrop-filter:blur(12px);font-size:18px;letter-spacing:-.4px}.network-core small{display:block;margin-top:7px;font:9px Departure;letter-spacing:.8px;color:#83d8cd;text-transform:uppercase}.network-node{position:absolute;min-width:90px;padding:11px 14px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(10,35,53,.7);backdrop-filter:blur(12px);font:11px Departure;text-align:center;color:rgba(255,255,255,.78);box-shadow:0 16px 30px rgba(0,0,0,.12);animation:systemFloat 5s ease-in-out infinite}.node-strategy{left:20px;top:170px}.node-build{right:13px;top:154px;animation-delay:-1.1s}.node-sell{left:85px;bottom:77px;animation-delay:-2.2s}.node-operate{right:75px;bottom:64px;animation-delay:-3.3s}@keyframes systemFloat{50%{transform:translateY(-8px)}}.task-toast{top:620px;left:auto;right:17%;background:rgba(13,42,55,.72);border-color:rgba(122,222,208,.24)}
.guide-books{background:radial-gradient(circle at 10% 18%,rgba(57,162,190,.08),transparent 25%),radial-gradient(circle at 88% 64%,rgba(230,174,73,.09),transparent 24%),linear-gradient(#f5f5f2,#f0f1ee)}.chapter-art{position:relative;width:100%;height:187px;border:1px solid rgba(255,255,255,.5);border-radius:8px;overflow:hidden;background:var(--chapter-bg);box-shadow:inset 0 0 0 1px rgba(30,50,60,.08)}.book:nth-child(1){--chapter-bg:radial-gradient(circle at 76% 24%,rgba(89,229,205,.75),transparent 20%),linear-gradient(145deg,#0d2734,#1a6372)}.book:nth-child(2){--chapter-bg:radial-gradient(circle at 28% 72%,rgba(90,157,255,.8),transparent 23%),linear-gradient(145deg,#101c34,#334c88)}.book:nth-child(3){--chapter-bg:radial-gradient(circle at 72% 28%,rgba(243,189,86,.82),transparent 22%),linear-gradient(145deg,#352814,#91643e)}.book:nth-child(4){--chapter-bg:radial-gradient(circle at 30% 22%,rgba(181,197,209,.65),transparent 23%),linear-gradient(145deg,#1b2428,#506267)}.chapter-art:before,.chapter-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%}.chapter-art:before{width:180px;height:180px;right:-55px;bottom:-80px}.chapter-art:after{width:110px;height:110px;right:-18px;bottom:-45px}.chapter-art span{position:absolute;left:17px;top:16px;font:12px Departure;color:rgba(255,255,255,.62)}.chapter-art i{position:absolute;left:18px;right:18px;bottom:18px;height:1px;background:rgba(255,255,255,.32);transform:rotate(-12deg);transform-origin:left}.book img{display:none}
.tools-section{min-height:1120px;padding-top:125px;background:radial-gradient(circle at 84% 12%,rgba(56,196,174,.22),transparent 28%),radial-gradient(circle at 15% 85%,rgba(68,111,203,.22),transparent 32%),linear-gradient(145deg,#071826,#102d42 62%,#0c3b3c)}.pixel-edge,.tree-decor{display:none}.tools-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#000,transparent 82%)}.tool-stage{background:rgba(255,255,255,.08);border-color:rgba(176,231,222,.28);box-shadow:0 35px 90px rgba(0,0,0,.3),0 0 0 8px rgba(255,255,255,.025)}
.footer-pattern{background-image:linear-gradient(rgba(24,55,68,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(24,55,68,.055) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000);opacity:1}.footer-preview{background:radial-gradient(circle at 68% 24%,rgba(69,205,181,.24),transparent 25%),linear-gradient(145deg,#081a28,#163747);border-color:#173746}.footer-preview>.footer-orbit{position:absolute;inset:12px;padding:0;border-radius:8px;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 60%);color:#fff;display:grid;place-items:center}.footer-orbit i{position:absolute;border:1px solid rgba(137,223,211,.2);border-radius:50%}.footer-orbit i:nth-child(1){width:290px;height:290px}.footer-orbit i:nth-child(2){width:205px;height:205px}.footer-orbit i:nth-child(3){width:116px;height:116px}.footer-orbit span{font:15px Departure;text-align:center;letter-spacing:1px}.footer-orbit small{display:block;font-size:8px;margin-top:7px;color:#75d2c5}.footer-preview>.footer-orbit+div{position:absolute;left:25px;right:25px;bottom:25px;padding:20px;border-radius:11px;background:rgba(8,25,37,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);color:#fff}.grass{height:52px;background:none;border-top:1px solid #d9ddd8;align-items:center;padding:0;color:#76837c;text-shadow:none}
@media(max-width:900px){.hero-network{right:-210px;opacity:.62}.hero-copy{top:160px}.hero h1{font-size:48px}.tools-section{min-height:1040px}}
@media(max-width:600px){.hero{height:820px}.hero-network{width:460px;height:460px;right:-255px;top:260px;opacity:.42}.hero-copy{top:135px}.hero h1{font-size:39px}.hero-copy>p{color:rgba(255,255,255,.78)}.network-node{display:none}.task-toast{display:none}.tools-section{min-height:940px}.footer-orbit i:nth-child(1){width:250px;height:250px}}
@media(prefers-reduced-motion:reduce){.network-node{animation:none}}

/* Restore the original hero cover while retaining the non-pixel component theme. */
.hero{height:969px;background:#2099df}.hero-video{display:block;position:absolute;inset:0;width:100%;height:900px;object-fit:cover;object-position:center top}.hero-atmosphere,.hero-network{display:none}.hero:before{display:none}.hero-shade{z-index:1;background:linear-gradient(90deg,rgba(20,93,152,.08),transparent 55%)}.hero-copy{top:97px;max-width:none}.hero h1{font-size:46px;line-height:1.08;letter-spacing:-1.9px;text-shadow:0 1px 3px rgba(0,0,0,.16)}.hero-copy>p{max-width:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.task-toast{top:250px;left:59%;right:auto;background:linear-gradient(rgba(22,69,61,.62),rgba(22,69,61,.84));border-color:rgba(255,255,255,.18)}
@media(max-width:900px){.hero{height:913px}.hero-video{height:844px}.hero-copy{top:168px}.hero h1{font-size:34px;line-height:1.08;letter-spacing:-1.2px}}
@media(max-width:600px){.hero{height:913px}.hero-video{height:844px;object-position:center top}.hero-copy{top:168px}.hero h1{font-size:34px}.hero-copy>p{color:#fff}}

/* Match the live site's pull-a-book-from-the-shelf interaction. */
.guide-books{min-height:1216px;padding:100px 0 160px;background:url('./assets/books-grid.avif') center top/1400px auto repeat-y}
.books-grid{grid-template-columns:repeat(2,290px);gap:60px 80px}
.book{position:relative;cursor:grab;outline:none}
.book:active{cursor:grabbing}
.book>div{position:relative;z-index:1;width:290px;height:385px;padding:32px 20px 18px 36px;overflow:hidden;border-radius:4px 12px 12px 4px;background:#fafaf7;box-shadow:0 2px 1px #fff inset,0 0 0 1px rgba(0,0,0,.08),0 4px 8px rgba(0,0,0,.03),0 9px 8px rgba(0,0,0,.02);transition:transform 500ms cubic-bezier(.22,1,.36,1)}
.book>div::before{content:"";position:absolute;inset:0 auto 0 0;width:16px;background:linear-gradient(270deg,rgba(210,208,202,.2),rgba(230,228,224,.1) 60%,rgba(245,244,241,.02))}
.book h3{margin:0 0 26px;padding:0 0 26px;font-size:20px;line-height:1.1;font-weight:440;letter-spacing:-.4px}
.book small{margin-bottom:12px;font-size:8px;line-height:12px}
.book img{display:block;width:100%;height:auto;aspect-ratio:699/570;object-fit:cover;border-radius:6px;box-shadow:none}
.book footer{margin-top:16px;font-size:7px;line-height:12px}
.book>p{position:relative;z-index:3;margin:40px 0 0}
.book::before{content:"";position:absolute;z-index:2;top:290px;left:-20px;width:calc(100% + 40px);height:116px;border-radius:0 0 24px 24px;background:rgba(207,207,207,.16);box-shadow:0 1px 1px rgba(0,0,0,.16);backdrop-filter:blur(1.5px);pointer-events:none}
.book:hover>div,.book:focus-visible>div{transform:translateY(-72px)}
.book:focus-visible::after{content:"";position:absolute;z-index:4;inset:-8px -28px 28px;border:2px solid #159fdf;border-radius:14px;pointer-events:none}
.download-guide{position:sticky;z-index:10;left:auto;bottom:32px;display:flex;width:max-content;margin:0 auto;transform:none}
.download-guide:hover{transform:translateY(-2px)}

@media(max-width:700px){.guide-books{min-height:auto;padding:70px 0 120px;background-size:760px auto}.books-grid{grid-template-columns:290px;gap:72px}.book::before{left:-16px;width:calc(100% + 32px)}}
@media(prefers-reduced-motion:reduce){.book>div{transition:none}}

/* Tools scene: measured against the live 2048px composition. */
.tools-section{position:relative;min-height:1222px;padding:200px 0 0;background:#1a6fd1 url('./assets/tools-bg.avif') center/cover no-repeat;color:#fff;overflow:hidden}
.tools-section::before{display:none}
.tools-edge,.tools-decor,.tools-cloud{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none}
.tools-edge{z-index:4;left:0;width:100%;height:92px;object-fit:cover}
.tools-edge-top{top:-1px;object-position:center bottom}
.tools-edge-bottom{bottom:0;object-position:center top}
.tools-decor,.tools-cloud{z-index:1;object-fit:contain}
.tools-decor-left{left:0;bottom:40px;width:min(50vw,812px);height:725px;object-position:left bottom}
.tools-decor-right-top{right:0;top:50px;width:694px;height:434px;object-position:right bottom}
.tools-decor-right-bottom{right:0;bottom:62px;width:694px;height:684px;object-position:right bottom}
.tools-decor-right-small{right:0;bottom:70px;width:219px;height:317px;object-position:left bottom}
.tools-cloud-left{z-index:2;left:-78px;top:452px;width:391px;height:auto}
.tools-cloud-right{z-index:2;right:-98px;top:359px;width:488px;height:auto}
.tools-heading{position:relative;z-index:5;text-align:center}
.tools-heading h2{margin:0;font-size:40px!important;line-height:46px!important;font-weight:400;letter-spacing:-.8px!important;text-shadow:0 1px 2px rgba(0,0,0,.08)}
.tools-heading p{margin:20px 0 0;font-size:16px;line-height:24px;font-weight:400;color:rgba(255,255,255,.7)}
.tool-tabs{position:relative;z-index:5;width:752px;margin:40px auto 0;display:grid;grid-template-columns:repeat(3,234.67px);gap:24px}
.tool-tabs button{appearance:none;width:100%;height:45px;padding:0 16px;border:0;border-left:1px solid rgba(255,255,255,.5);background:transparent;color:rgba(255,255,255,.4);font:400 16px/24px 'Source Sans 3',sans-serif;text-align:left;cursor:pointer;transition:color 250ms ease,border-color 250ms ease}
.tool-tabs button span{font:inherit;opacity:1}
.tool-tabs button.active{color:#fff;border-left-color:#fff}
.tool-tabs button:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:2px}
.tool-stage{position:relative;z-index:5;width:800px;height:471px;margin:50px auto 0;padding:12px;border:0;border-radius:20px;background:rgba(232,231,230,.32);box-shadow:none}
.stage-browser{position:relative;width:100%;height:100%;padding:30px 8px 10px;display:flex;flex-direction:column;align-items:center;border:0;border-radius:12px;background:rgba(251,251,248,.95);color:#202020;overflow:hidden;box-shadow:0 0 .454px 1.908px rgba(255,255,255,.35) inset,0 2.544px 0 #fff inset,0 0 2.544px rgba(0,0,0,.25),0 0 0 5.088px rgba(232,231,230,.32);backdrop-filter:blur(45px)}
.demo-tabs{width:500px;height:32px;padding:6px 8px;display:flex;align-items:center;gap:8px;font-size:8px;line-height:18px;color:rgba(32,32,32,.5)}
.demo-tabs span{padding:0 7px;white-space:nowrap}
.demo-tabs .active{border-radius:3px;background:#e8ecec;color:rgba(32,32,32,.82);box-shadow:0 0 1px rgba(0,0,0,.14)}
.email-preview{position:relative;width:500px;height:280px;margin-top:10px;padding:16px 24px;border-radius:12px;background:rgba(255,255,255,.8);overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.12),0 0 .357px 1.5px rgba(255,255,255,.35) inset,0 2px 0 #fff inset,0 0 3px rgba(0,0,0,.16),0 0 5px #fff}
.email-preview>header{height:36px;padding-bottom:12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(32,32,32,.08)}
.email-preview>header>div{display:flex;align-items:center;gap:10px}
.email-preview strong{font-size:13px;line-height:1;font-weight:500}
.gmail-mark{width:18px;height:18px;display:grid;place-items:center;border-radius:4px;background:#fff;color:#e74d3c;box-shadow:0 0 1px rgba(0,0,0,.25),0 0 0 2px rgba(232,231,230,.32);font:700 8px/1 Arial,sans-serif;font-style:normal}
.email-arrows{font-size:17px;line-height:1;color:rgba(32,32,32,.48)}
.email-fields p{height:38px;margin:0;display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(32,32,32,.08);font-size:10px;line-height:1;color:rgba(32,32,32,.7)}
.email-fields p>span{width:55px;flex:0 0 auto;color:rgba(32,32,32,.62)}
.email-fields p>b{font-weight:600;white-space:nowrap}
.email-fields p>em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.email-copy{padding-top:10px;font-size:9.2px;line-height:1.45;color:rgba(32,32,32,.74)}
.email-copy p{margin:0 0 11px}
.email-fade{position:absolute;z-index:2;left:0;right:0;bottom:0;height:58px;background:linear-gradient(to top,rgba(255,255,255,.96),rgba(255,255,255,0))}
.campaign-pill{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);width:292px;height:34px;padding:0 12px;display:flex;align-items:center;gap:10px;border-radius:6px;background:rgba(251,251,248,.96);color:rgba(32,32,32,.48);box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.08);font-size:8px;line-height:1}
.campaign-pill i{width:17px;height:17px;background:radial-gradient(circle,#75c95f 1.2px,transparent 1.7px) 0 0/5px 5px}
.campaign-pill span{flex:1}.campaign-pill b{font-size:13px;font-weight:400;color:rgba(32,32,32,.28)}.campaign-pill strong{font-size:8px;font-weight:500;color:rgba(32,32,32,.48)}
.stage-browser[data-mode="parallel"] .gmail-mark{color:#3e89e8}.stage-browser[data-mode="custom"] .gmail-mark{color:#6bb45d}

@media(max-width:1200px){.tools-decor-right-top{right:-180px}.tools-decor-right-bottom{right:-210px}.tools-cloud-right{right:-180px}.tools-decor-left{left:-160px}.tools-cloud-left{left:-150px}}
@media(max-width:900px){.tools-section{min-height:1060px;padding-top:150px}.tools-heading h2{font-size:34px;line-height:39px}.tools-heading p{font-size:14px;line-height:21px}.tool-tabs{width:calc(100% - 48px);grid-template-columns:repeat(3,1fr);gap:12px}.tool-tabs button{font-size:13px;line-height:18px}.tool-stage{width:min(800px,calc(100% - 40px));height:471px}.tools-decor-left{left:-280px}.tools-decor-right-top{right:-340px}.tools-decor-right-bottom{right:-360px}}
@media(max-width:600px){
  .tools-section{min-height:1339px;padding-top:200px}
  .tools-heading{padding:0 16px}
  .tools-heading h2{font-size:28px!important;line-height:34px!important;letter-spacing:-.3px!important}
  .tools-heading p{margin-top:23px;font-size:16px;line-height:24px}
  .tools-heading p br{display:none}
  .tool-tabs{display:grid;width:calc(100% - 32px);grid-template-columns:1fr;gap:8px;overflow:visible;margin-top:42px}
  .tool-tabs button{min-width:0;height:60px;padding:8px 12px;font-size:16px;line-height:24px}
  .tool-stage{width:calc(100% - 32px);height:471px;margin-top:25px;padding:12px}
  .stage-browser{padding:30px 8px 10px}
  .demo-tabs,.email-preview{width:min(258px,calc(100% - 44px))}
  .email-preview{padding-inline:24px}
  .email-fields p>span{width:55px}
  .campaign-pill{width:min(222px,calc(100% - 64px))}
  .tools-edge-top{content:url('./assets/tools-top.png')}
  .tools-edge-bottom{content:url('./assets/tools-bottom.png');object-position:80% bottom}
  .tools-cloud-left{left:-10vw;top:610px;width:50vw}
  .tools-cloud-right{right:-10vw;top:565px;width:50vw}
  .tools-decor-left{left:0;width:80vw}
  .tools-decor-right-top{display:none}
  .tools-decor-right-bottom{right:0;width:100vw}
  .tools-decor-right-small{right:0;width:16vw}
}

/* Mobile screenshot audit — measured against cofounder.co at 390 × 844. */
.word-search-mobile{display:none}
.agent-task-list{display:none}

@media(max-width:600px){
  .hero{height:844px}
  .hero-video{left:auto;right:0;bottom:auto;width:auto;min-width:100%;max-width:none;height:844px;object-position:100% 50%;transform:translateX(50%)}
  .hero-pixels{bottom:0}
  .hero-copy{top:166px}
  .hero h1{width:315px;max-width:315px;font-size:34px!important;line-height:37.4px!important;font-weight:400!important;letter-spacing:-1.2px!important}
  .hero-copy>p{width:340px;max-width:340px;margin:16px 0 20px;font-size:16px!important;line-height:22.4px!important}
  .social-proof{height:403px}

  .section-heading h2,
  .guide-intro .section-heading h2,
  .build-intro h2{font-size:28px!important;line-height:32.2px!important;font-weight:400!important;letter-spacing:-.3px!important}

  .orchestration-ui{height:505px}
  .agent-panel{left:25px;right:auto;top:245px;width:calc(100% - 50px);height:260px;padding:0 8px;border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.09)}
  .agent-panel nav{height:43px;gap:8px;justify-content:flex-start;overflow:hidden;white-space:nowrap}
  .agent-panel nav b{padding:4px 8px}
  .agent-panel nav span{display:block;font-size:8px}
  .agent-message{min-height:68px;margin-top:0;padding:9px 10px;border-radius:8px}
  .agent-message p{margin:5px 0 0;font-size:10px;line-height:14px}
  .agent-message .thinking{display:none}
  .agent-task-list{display:grid;gap:5px;margin-top:6px}
  .agent-task-list p{height:39px;margin:0;padding:6px 8px;display:flex;align-items:center;gap:8px;border:1px solid #e1e0dc;border-radius:7px;background:#fff;font-size:9px;line-height:1.15}
  .agent-task-list i{width:19px;height:19px;display:grid;place-items:center;border-radius:5px;background:#eef4ed;color:#67a45b;font-style:normal}
  .agent-task-list span,.agent-task-list small{display:block}
  .agent-task-list b{font-weight:500}
  .agent-task-list small{margin-top:2px;color:#9a9995}
  .composer{left:8px;right:8px;bottom:7px;height:35px;padding:10px;font-size:9px}
  .composer button{width:20px;height:20px;margin-top:-3px}

  .guide-intro{margin-top:80px}
  .guide-intro .section-heading h2{width:300px;margin-inline:auto;transform:translateY(2px)}
  .guide-books{padding-bottom:219px}
  .book h3{font-size:20px!important;line-height:22px!important;font-weight:400!important;letter-spacing:-.2px!important}
  .build-section{padding-top:120px;padding-bottom:122px}
  .build-intro{margin-bottom:80px}
  .build-intro h2{max-width:300px}

  .feature-row{display:flex;min-height:0;height:auto;margin-bottom:80px;flex-direction:column;gap:0;align-items:stretch}
  .feature-row:last-child{margin-bottom:0}
  .feature-copy{display:contents}
  .feature-copy .folder-icon{order:1;margin:0 0 20px}
  .feature-copy h3{order:2;margin:0;font-size:24px!important;line-height:27.6px!important;font-weight:400!important;letter-spacing:.15px!important}
  .feature-row .mock-window{order:3;margin-top:32px}
  .feature-copy>p{order:4;max-width:none;margin:32px 0 0;font-size:13px!important;line-height:18.2px!important;font-weight:400!important}
  .feature-copy .text-links{order:5;gap:12px;margin-top:23px}
  .feature-copy .text-links a{font-family:'Source Sans 3',Neoris,Arial,sans-serif;font-size:16px;line-height:16px;font-weight:400}
  .build-section>.feature-row:nth-of-type(1) .mock-window{height:400px}
  .build-section>.feature-row:nth-of-type(2) .mock-window{height:414px}
  .build-section>.feature-row:nth-of-type(3) .mock-window{height:386px}
  .build-section>.feature-row:nth-of-type(4) .mock-window{height:282px}
  .build-section>.feature-row:nth-of-type(1){height:760px}
  .build-section>.feature-row:nth-of-type(2){height:756px}
  .build-section>.feature-row:nth-of-type(3){height:728px}
  .build-section>.feature-row:nth-of-type(4){height:651px}

  .tools-section{min-height:1340px}
  .tools-heading h2{line-height:32.2px!important;font-weight:400!important}

  .industries{height:920px;padding:120px 0}
  .industries .section-heading h2{font-size:32px!important;line-height:36.8px!important;font-weight:400!important;letter-spacing:.32px!important}
  .industries .section-heading p{margin-top:12px;font-size:15px;line-height:21px}
  .industries .section-heading p br{display:none}
  .word-search{display:none}
  .word-search-mobile{position:relative;width:254px;height:440px;margin:94px auto 0;display:grid;grid-template-columns:repeat(6,24px);grid-auto-rows:26px;column-gap:22px;row-gap:20px;font-family:'Source Sans 3',Neoris,Arial,sans-serif;font-size:26px;line-height:26px;font-weight:400;color:#72716e}
  .word-search-mobile span{position:relative;z-index:2;width:24px;height:26px;text-align:center}
  .word-outline{position:absolute;z-index:1;width:38px;border:2px solid #8dd2ff;border-radius:12px;pointer-events:none}
  .word-outline.column-1{left:-12px;top:33px;height:242px}
  .word-outline.column-2{left:34px;top:-13px;height:472px}
  .word-outline.column-3{left:80px;top:79px;height:288px}
  .word-outline.column-4{left:126px;top:33px;height:196px}
  .word-outline.column-5{left:172px;top:79px;height:288px}
  .word-outline.column-6{left:218px;top:125px;height:334px}

  .site-footer{min-height:1266px}
  .footer-pattern{display:none}
  .footer-inner{width:calc(100% - 48px);min-height:1170px;padding-top:80px;display:flex;flex-direction:column;gap:0}
  .footer-main{display:contents}
  .footer-main h2{order:1;margin:0;font-size:28px!important;line-height:32.2px!important;font-weight:400!important;letter-spacing:.28px!important}
  .footer-preview{order:2;width:312px;height:475px;margin:32px 0 0;padding:0;border-radius:13px;background:url('./assets/footer-card.avif') center/cover no-repeat;border:1px solid #d7d6d1;box-shadow:var(--shadow)}
  .footer-preview>.footer-orbit{display:none!important}
  .footer-preview>.footer-orbit+div{left:24px;right:24px;bottom:24px;padding:20px;border:0;border-radius:11px;background:linear-gradient(rgba(72,116,55,.92),rgba(52,90,67,.92));backdrop-filter:blur(8px)}
  .footer-preview h3{margin:0 0 14px;font-size:24px!important;line-height:27.6px!important;font-weight:400!important}
  .footer-guide{order:3;margin:40px 0 43px;gap:10px;font-size:12px;flex-wrap:wrap}
  .footer-links{order:4;gap:70px}
  .social-buttons{order:5}
  .security{order:6}
  .copyright{order:7}
  .credit{order:8}
  .grass{height:97px;background:url('./assets/footer-grass.avif') center bottom/auto 82px repeat-x;border:0;align-items:end;padding-bottom:12px;color:#418d4a;text-shadow:0 1px white}
}

@media(max-width:360px){
  .hero h1,
  .hero-copy>p{width:calc(100vw - 40px);max-width:calc(100vw - 40px)}
  .books-grid{width:min(290px,calc(100vw - 30px));grid-template-columns:minmax(0,1fr)}
  .book,
  .book>div{width:100%}
  .footer-preview{width:100%}
}

/* Hero-only waitlist shell. */
.site-header>.nav-cta{margin-left:auto}

/* Hover office hero — the generated scene is the full-bleed LCP artwork. */
.hero{
  height:100svh;
  min-height:720px;
  max-height:969px;
  background:#159de9;
}
.hero-image{
  position:absolute;
  z-index:0;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
.hero-shade{
  z-index:1;
  background:
    linear-gradient(180deg,rgba(4,67,125,.08) 0,rgba(4,67,125,.02) 35%,transparent 62%),
    linear-gradient(90deg,rgba(5,78,139,.10) 0,rgba(5,78,139,.04) 43%,transparent 68%);
}

@media(max-width:900px){
  .hero{
    height:100svh;
    min-height:720px;
    max-height:none;
  }
  .hero-image{height:100%;object-position:50% top}
}

@media(max-width:600px){
  .hero{height:100svh;min-height:760px}
  .hero-image{
    left:0;
    right:auto;
    width:100%;
    min-width:0;
    max-width:none;
    height:100%;
    object-position:48% top;
    transform:none;
  }
  .hero-shade{
    background:
      linear-gradient(180deg,rgba(4,61,112,.12) 0,rgba(4,61,112,.04) 39%,transparent 70%),
      linear-gradient(90deg,rgba(5,78,139,.08),transparent 88%);
  }
}

/* Hover conversation map — interactive HTML layered over the RPG scene. */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.hero-copy{
  z-index:5;
  top:106px;
  width:min(620px,calc(100% - 44px));
}
.hero h1{
  width:auto;
  max-width:600px;
  font-size:52px;
  line-height:1.02;
  letter-spacing:-2.2px;
}
.hero-message-stack{
  width:min(620px,100%);
}
.hero .hero-message-stack>p{
  width:auto;
  max-width:590px;
  margin:20px 0 22px;
  font-size:18px;
  line-height:1.45;
  text-wrap:balance;
}
.hero-message{
  display:grid;
  align-items:start;
}
.hero-message>span{
  grid-area:1/1;
  transition:opacity 260ms ease,transform 360ms var(--ease),filter 260ms ease;
}
.hero h1 .hero-message-hover{
  /* Match the second baseline of the two-line hover headline. */
  align-self:end;
}
.hero-message-hover{
  opacity:0;
  transform:translateY(8px);
  filter:blur(2px);
  pointer-events:none;
}
.hero-message-cue{display:none}
@media(hover:hover){
  .hero-message-cue{
    display:inline-block;
    position:relative;
    margin-left:18px;
    vertical-align:.24em;
    width:12px;
    height:12px;
    border:1px solid rgba(255,255,255,.92);
    border-radius:2px;
    background:rgba(218,248,255,.9);
    box-shadow:0 0 0 3px rgba(255,255,255,.14),0 3px 8px rgba(6,64,98,.28);
    cursor:pointer;
    transform:rotate(45deg);
    transition:opacity 180ms ease,transform 180ms ease;
  }
  .hero-message-cue::after{
    content:"";
    position:absolute;
    inset:-9px;
    border:1px solid rgba(255,255,255,.52);
    border-radius:3px;
    animation:heroCueRadar 3.4s ease-out infinite;
  }
  .hero-message-stack:has(.hero-message-cue:hover) .hero-message-default{
    opacity:0;
    transform:translateY(-8px);
    filter:blur(2px);
  }
  .hero-message-stack:has(.hero-message-cue:hover) .hero-message-hover{
    opacity:1;
    transform:none;
    filter:none;
  }
  .hero-message-cue:hover{
    background:#edfbff;
    transform:rotate(45deg) scale(1.18);
  }
}
.waitlist-form{
  width:min(474px,100%);
  min-height:50px;
  padding:4px;
  display:flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.42);
  border-radius:10px;
  background:rgba(248,252,255,.94);
  box-shadow:0 8px 24px rgba(7,65,112,.16),0 1px 0 rgba(255,255,255,.8) inset;
  backdrop-filter:blur(10px);
}
.waitlist-form input{
  min-width:0;
  height:40px;
  flex:1;
  padding:0 13px;
  border:0;
  outline:0;
  background:transparent;
  color:#133044;
  font:400 15px/1.2 'Source Sans 3',Neoris,sans-serif;
}
.waitlist-form input::placeholder{color:#708391}
.waitlist-form:focus-within{
  border-color:rgba(255,255,255,.9);
  box-shadow:0 0 0 3px rgba(143,214,255,.42),0 10px 28px rgba(7,65,112,.2);
}
.waitlist-form button{
  height:40px;
  padding:0 17px;
  border:1px solid #15394f;
  border-radius:7px;
  background:#173f57;
  color:#fff;
  box-shadow:0 2px 0 rgba(255,255,255,.16) inset,0 2px 5px rgba(8,45,69,.25);
  cursor:pointer;
  transition:background .2s ease,transform .2s var(--ease);
}
.waitlist-form button:hover{background:#0f3044;transform:translateY(-1px)}
.waitlist-form button:disabled{cursor:wait;opacity:.78;transform:none}
.waitlist-status{
  min-height:18px;
  margin:7px 0 0!important;
  font-size:13px!important;
  line-height:18px!important;
  color:#eaffcd;
}
.hero .interaction-hint{
  margin:10px 0 0;
  display:flex;
  align-items:center;
  gap:7px;
  font-size:14px;
  line-height:20px;
  color:rgba(255,255,255,.86);
}
.interaction-hint>span{
  width:9px;
  height:9px;
  border:2px solid rgba(255,255,255,.92);
  box-shadow:0 0 0 4px rgba(255,255,255,.14);
  animation:hintPulse 2.4s ease-in-out infinite;
}
.interaction-hint b{font-weight:600;color:#fff}
.touch-instruction{display:none}

.conversation-trails{
  position:absolute;
  z-index:3;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.conversation-trails path{
  fill:none;
  stroke:rgba(220,247,255,.82);
  stroke-width:2;
  stroke-linecap:square;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  opacity:0;
  filter:drop-shadow(0 1px 2px rgba(0,79,133,.34));
  transition:stroke-dashoffset 560ms cubic-bezier(.22,1,.36,1),opacity 180ms ease;
}
.conversation-trails path.is-active{stroke-dashoffset:0;opacity:.8}
.conversation-map{
  position:absolute;
  z-index:6;
  inset:0;
  pointer-events:none;
}
.conversation-hotspot{
  position:absolute;
  width:60px;
  height:66px;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#fff;
  transform:translate(-50%,-50%);
  pointer-events:auto;
  cursor:pointer;
  isolation:isolate;
}
.conversation-hotspot::before,
.conversation-hotspot::after{
  content:"";
  position:absolute;
  z-index:2;
  left:50%;
  top:0;
  width:12px;
  height:12px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:2px;
  background:rgba(218,248,255,.9);
  box-shadow:0 0 0 3px rgba(255,255,255,.14),0 3px 8px rgba(6,64,98,.28);
  opacity:.86;
  transform:translate(-50%,-50%) rotate(45deg);
  transition:opacity 180ms ease,transform 220ms var(--ease),background 180ms ease;
}
.conversation-hotspot::after{
  z-index:3;
  width:4px;
  height:4px;
  border:0;
  border-radius:1px;
  background:#248ec7;
  box-shadow:none;
  opacity:.92;
}
.conversation-hotspot>span{
  position:absolute;
  z-index:1;
  left:50%;
  top:0;
  width:26px;
  height:26px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:3px;
  opacity:0;
  transform:translate(-50%,-50%) rotate(45deg);
  animation:hotspotRadar 3.4s ease-out infinite;
  animation-delay:calc(var(--hotspot-order,0) * 280ms);
  transition:top 240ms var(--ease),width 240ms var(--ease),height 240ms var(--ease),opacity 180ms ease,transform 240ms var(--ease);
}
.conversation-hotspot:nth-child(2){--hotspot-order:1}
.conversation-hotspot:nth-child(3){--hotspot-order:2}
.conversation-hotspot:nth-child(4){--hotspot-order:3}
.conversation-hotspot:nth-child(5){--hotspot-order:4}
.conversation-hotspot:nth-child(6){--hotspot-order:5}
.conversation-hotspot:nth-child(7){--hotspot-order:6}
.conversation-hotspot:hover::before,
.conversation-hotspot:focus-visible::before,
.conversation-hotspot.is-active::before{
  opacity:1;
  transform:translate(-50%,-50%) rotate(45deg) scale(1.22);
  background:#edfbff;
}
.conversation-hotspot:hover::after,
.conversation-hotspot:focus-visible::after,
.conversation-hotspot.is-active::after{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1.15)}
.conversation-hotspot:hover>span,
.conversation-hotspot:focus-visible>span,
.conversation-hotspot.is-active>span{
  top:50%;
  width:50px;
  height:58px;
  border-color:rgba(235,250,255,.88);
  border-radius:5px;
  opacity:.72;
  transform:translate(-50%,-50%);
  animation:none;
  box-shadow:0 0 0 3px rgba(38,143,198,.12),0 4px 14px rgba(7,80,119,.16);
}
.conversation-hotspot:focus-visible{outline:0}

.conversation-insight{
  --insight-accent:#b9ef72;
  position:absolute;
  z-index:8;
  width:min(344px,calc(100% - 32px));
  padding:18px 19px 17px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:12px;
  background:rgba(249,252,250,.95);
  color:#163044;
  box-shadow:0 18px 44px rgba(5,52,84,.24),0 2px 0 rgba(255,255,255,.9) inset;
  backdrop-filter:blur(16px);
  opacity:0;
  transform:translateY(8px) scale(.985);
  transform-origin:50% 100%;
  pointer-events:none;
  transition:opacity 170ms ease,transform 260ms var(--ease);
}
.conversation-insight::before,
.conversation-insight::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  background:var(--insight-accent);
  box-shadow:0 0 0 1px rgba(13,53,71,.12);
}
.conversation-insight::before{top:-4px;left:18px}
.conversation-insight::after{right:18px;bottom:-4px}
.conversation-insight.is-visible{opacity:1;transform:none;pointer-events:auto}
.daily-brief-preview{display:none}
.conversation-insight.is-daily-brief{
  width:min(344px,calc(100% - 32px));
  padding:18px 19px 17px;
}
.conversation-insight.is-daily-brief .insight-standard{display:none}
.conversation-insight.is-daily-brief .daily-brief-preview{display:block}
.daily-brief-kicker{
  color:#748679;
  font-size:10px;
  line-height:1.3;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.daily-brief-slide{min-height:154px;padding:15px 0 8px}
.daily-brief-slide-meta{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.daily-brief-emoji{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(25,61,79,.13);border-radius:5px;background:rgba(255,255,255,.78);font-size:13px;line-height:1}
.daily-brief-kicker{margin:0}
.daily-brief-source-icons{display:flex;align-items:center;margin-left:auto;padding-left:2px}
.daily-brief-source-icons.is-empty{display:none}
.daily-brief-source-icons .insight-source-icon{width:20px;height:20px;border-radius:5px;margin-right:-4px}
.daily-brief-source-icons .insight-source-icon img{width:12px;height:12px}
.conversation-insight.is-daily-brief .daily-brief-slide h2{margin:0;color:#183446;font-size:21px;line-height:1.15;font-weight:500;letter-spacing:-.35px}
.daily-brief-slide>p:last-child{margin:10px 0 0;color:#5e7480;font-size:14px;line-height:1.48}
.daily-brief-progress{display:flex;gap:4px;padding:0 0 8px}
.daily-brief-progress i{width:6px;height:6px;background:rgba(37,87,111,.18);transition:width 220ms var(--ease),background 220ms ease}
.daily-brief-progress i.is-active{width:16px;background:var(--insight-accent)}
.daily-brief-footer{display:flex;align-items:center;justify-content:flex-end;padding:0;background:none}
.daily-brief-navigation{display:flex;gap:5px}
.daily-brief-nav{
  width:25px;
  min-height:25px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#426679;
  font:400 17px/1 Neoris,Arial,sans-serif;
  cursor:pointer;
}
.daily-brief-nav:hover{background:rgba(255,255,255,.58);color:#183b4d}
.daily-brief-nav:focus-visible{outline:2px solid #438dc1;outline-offset:2px}
.daily-brief-explainer{display:none;padding:15px 0 8px}
.daily-brief-explainer-kicker{display:flex;align-items:center;gap:6px;margin:0;color:#60727e;font-size:10px;line-height:1.3;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.daily-brief-explainer-kicker span{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(25,61,79,.13);border-radius:5px;background:rgba(255,255,255,.78);color:#426679;font-size:12px}
.conversation-insight.is-daily-brief .daily-brief-explainer h2{margin:10px 0 8px;color:#183446;font-size:21px;line-height:1.15;font-weight:500;letter-spacing:-.35px}
.daily-brief-explainer>p:not(.daily-brief-explainer-kicker){margin:0;color:#5e7480;font-size:13px;line-height:1.45}
.daily-brief-preview.is-intro .daily-brief-slide{display:none}
.daily-brief-preview.is-intro .daily-brief-explainer{display:block}
.insight-source{
  display:flex;
  align-items:center;
  gap:9px;
  color:#60727e;
  font-size:12px;
  line-height:16px;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.insight-source-icons{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  padding-right:2px;
}
.insight-source-icon{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  margin-right:-4px;
  border:1px solid rgba(25,61,79,.15);
  border-radius:7px;
  background:#fff;
  color:#264c61;
  box-shadow:0 1px 2px rgba(18,57,77,.08);
}
.insight-source-icon:last-child{margin-right:0}
.insight-source-icon img{width:14px;height:14px}
.insight-source-icon img{display:block;opacity:.88}
.insight-source>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.conversation-insight h2{
  margin:11px 0 8px;
  font-size:21px;
  line-height:1.15;
  font-weight:500;
  letter-spacing:-.35px;
  color:#183446;
}
.conversation-insight>p{
  margin:0;
  font-size:14px;
  line-height:1.45;
  color:#5a6d78;
}
.insight-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.insight-tags span{
  padding:4px 7px;
  border:1px solid #d9e3e6;
  border-radius:5px;
  background:#fff;
  color:#58707e;
  font-size:11px;
  line-height:14px;
}

@keyframes hotspotRadar{
  0%,52%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.72)}
  62%{opacity:.55}
  84%,100%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(1.45)}
}
@keyframes heroCueRadar{
  0%,52%{opacity:0;transform:scale(.72)}
  62%{opacity:.55}
  84%,100%{opacity:0;transform:scale(1.45)}
}
@keyframes hintPulse{50%{opacity:.5;transform:scale(.8)}}

@media(max-width:900px){
  .hero-copy{top:116px;width:min(570px,calc(100% - 40px))}
  .hero h1{font-size:46px;line-height:1.02}
  .hero .hero-message-stack>p{max-width:530px}
}

@media(max-width:600px){
  .hero-image{object-position:50.5% top}
  .hero-copy{top:105px;left:20px;right:20px;width:auto}
  .hero h1{
    width:315px;
    max-width:315px;
    font-size:36px!important;
    line-height:38px!important;
    letter-spacing:-1.25px!important;
  }
  .hero .hero-message-stack>p{
    width:345px;
    max-width:calc(100vw - 40px);
    margin:13px 0 16px;
    font-size:15px!important;
    line-height:20px!important;
    text-wrap:pretty;
  }
  .waitlist-form{width:100%;min-height:46px}
  .waitlist-form input{height:38px;font-size:14px}
  .waitlist-form button{height:38px;padding-inline:13px;font-size:14px}
  .waitlist-status{display:block;min-height:18px;font-size:12px!important}
  .hero .interaction-hint{margin-top:10px;font-size:12px;line-height:16px}
  .pointer-instruction{display:none}
  .touch-instruction{display:inline}
  .conversation-hotspot{width:54px;height:62px}
  .conversation-hotspot::before{width:11px;height:11px}
  .conversation-hotspot::after{width:4px;height:4px}
  .conversation-hotspot>span{width:24px;height:24px}
  .conversation-hotspot:hover>span,
  .conversation-hotspot:focus-visible>span,
  .conversation-hotspot.is-active>span{width:46px;height:54px}
  .conversation-insight{
    width:auto!important;
    padding:16px 17px;
    border-radius:11px;
  }
  .conversation-insight h2{font-size:19px}
}

@media(hover:none){
  .pointer-instruction{display:none}
  .touch-instruction{display:inline}
}

@media(prefers-reduced-motion:reduce){
  .conversation-hotspot>span,
  .interaction-hint>span{animation:none}
  .hero-message>span,
  .conversation-trails path,
  .conversation-insight{transition:none}
}

/* The wordmark reveals the meaning behind Hover on interaction. */
.wordmark{
  --wordmark-compact-width:66px;
  --wordmark-expanded-width:244px;
  position:relative;
  display:flex;
  align-items:flex-start;
  width:var(--wordmark-compact-width);
  height:34px;
  overflow:hidden;
  white-space:nowrap;
  transition:width 480ms var(--ease);
}
.wordmark-anchor,
.wordmark-tail{
  top:0;
  line-height:34px;
}
.wordmark-anchor{position:relative;flex:none}
.wordmark-tail-slot{position:relative;flex:none;height:34px}
.wordmark-tail{
  position:absolute;
  left:0;
  transition:clip-path 480ms var(--ease),opacity 180ms ease,transform 480ms var(--ease);
}
.wordmark-tail-short{opacity:1;transform:translateX(0)}
.wordmark-tail-expanded{
  opacity:0;
  clip-path:inset(0 100% 0 0);
  transform:translateX(-5px);
}
.wordmark:hover,
.wordmark:focus-visible{width:var(--wordmark-expanded-width)}
.wordmark:hover .wordmark-tail-short,
.wordmark:focus-visible .wordmark-tail-short{opacity:0;transform:translateX(-5px)}
.wordmark:hover .wordmark-tail-expanded,
.wordmark:focus-visible .wordmark-tail-expanded{
  opacity:1;
  clip-path:inset(0 0 0 0);
  transform:translateX(0);
}
.wordmark:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:2px}

@media(max-width:600px){
  .wordmark{
    --wordmark-compact-width:57px;
    --wordmark-expanded-width:174px;
    height:30px;
  }
  .wordmark-anchor,
  .wordmark-tail{line-height:30px}
  .wordmark-tail-slot{height:30px}
  .wordmark:hover,
  .wordmark:focus-visible{font-size:16px;letter-spacing:-.7px}
}

@media(prefers-reduced-motion:reduce){
  .wordmark,
  .wordmark-tail{transition-duration:0s}
}