/* ---- style.css (founder handoff 02.11, unchanged) ---- */
:root{--bg:#fff;--surface:#f4f7fa;--ink:#01141b;--muted:#5a6b76;--line:#dce5eb;--blue:#268ff1;--blue-strong:#0872d4;--card:#fff;--soft:#edf5ff;--green:#087952;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:400 16px/1.6 Arial,Helvetica,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}body.dark{--bg:#01141b;--surface:#04202a;--ink:#f4f4f4;--muted:#a9bbc4;--line:#24404c;--card:#072c39;--soft:#0b3646;--green:#6ee7b7;color-scheme:dark}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{border:0;background:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.07;letter-spacing:-.055em;text-wrap:balance}h1{font-size:clamp(46px,6.5vw,90px)}h2{font-size:clamp(35px,4.4vw,60px)}h3{font-size:30px}p{color:var(--muted)}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.section{padding-block:112px}.section-heading{max-width:800px;text-align:center;margin:0 auto 62px}.section-heading p{max-width:690px;margin:25px auto 0;font-size:18px;line-height:1.65}.header{height:86px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line);z-index:20}.logo{width:145px;display:block}.header nav{display:flex;gap:32px;font-size:14px}.header nav a:hover,.text-link:hover{color:var(--blue-strong)}.header-actions{display:flex;align-items:center;gap:22px;font-size:14px}.theme{font-size:23px;padding:5px}.button{min-height:52px;padding:13px 25px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue-strong);color:white}.primary:hover{background:#075fab}.secondary{background:var(--surface);border:1px solid var(--line)}.small{min-height:42px;padding:9px 20px}.hero{padding-top:83px;text-align:center}.hero .lead{font-size:20px;line-height:1.5;margin-top:25px}.hero-cta{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:30px}.text-link{font-size:15px}.text-link span{margin-left:12px}.micro{font-size:12px;margin-top:13px}.ecosystem{height:350px;position:relative;max-width:1050px;margin:39px auto 0}.connections{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.connections path{stroke:var(--line);stroke-width:1.5;fill:none}.ecosystem.lit .connections path{stroke:var(--blue);stroke-dasharray:1800;animation:connect 2s ease both}.app-orbit{position:absolute;display:flex;gap:10px;align-items:center;padding:11px 17px 11px 11px;background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px #01141b05;font-size:13px;white-space:nowrap;transform:translate(-50%,-50%);z-index:1}.app-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;font-size:16px;font-weight:600;background:#e6f1ff;color:#0960bc}.c1{background:#fff0db;color:#a95b00}.c2{background:#eeebff;color:#6652c8}.c3{background:#17212a;color:#fff}.c4{background:#f0f1f2;color:#17212a}.c5{background:#e3f5ed;color:#087952}.c6{background:#e7f3ff;color:#0872d4}.a0{left:10%;top:26%}.a1{left:30%;top:17%}.a2{left:70%;top:17%}.a3{left:90%;top:26%}.a4{left:19%;top:77%}.a5{left:50%;top:87%}.a6{left:81%;top:77%}.hub{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);background:var(--card);border:1px solid #268ff160;border-radius:17px;padding:22px 33px;box-shadow:0 10px 44px #268ff110;display:grid;gap:8px}.hub img{width:150px}.hub span{font-size:11px;color:var(--muted)}.proof{padding:34px 0 43px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}.proof-dot{width:7px;height:7px;background:var(--blue);border-radius:50%}.problem,.system,.maintained{background:var(--surface)}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.split p{margin-top:23px;font-size:17px;max-width:590px}.cost-visual{padding:35px;border:1px solid var(--line);border-radius:20px;background:var(--bg)}.scattered{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:20px 0 30px}.scattered span{padding:11px 17px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:13px;transform:rotate(-6deg)}.scattered span:nth-child(even){transform:rotate(5deg)}.old-cost{text-align:center;font-size:32px;color:var(--muted);text-decoration:line-through}.old-cost span{font-size:14px}.new-cost{border-top:1px solid var(--line);margin-top:28px;padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.new-cost .logo{width:120px}.new-cost strong{font-size:38px;font-weight:500;letter-spacing:-.04em}.new-cost strong span{display:block;font-size:12px;letter-spacing:0;text-align:right;color:var(--muted)}.jobs{display:grid;gap:26px}.job{display:grid;grid-template-columns:1fr 1.25fr;min-height:320px;border-bottom:1px solid var(--line);padding:22px 0 48px;gap:70px;align-items:center}.job-copy{padding:10px 0}.step{display:block;color:var(--blue-strong);font-size:13px;margin-bottom:19px}.job h3{font-size:38px;margin-bottom:16px}.job-copy>b{display:block;font-size:14px;font-weight:600}.job-copy p{margin-top:10px;font-size:16px;max-width:420px}.mock{position:relative;background:var(--surface);border:1px solid var(--line);padding:33px 22px 22px;border-radius:15px;min-width:0;overflow:hidden;height:290px}.demo-label{position:absolute;right:15px;top:9px;font-size:9px;color:var(--muted);letter-spacing:.02em}.browserbar{display:flex;align-items:center;gap:4px;font-size:10px;background:var(--card);padding:10px;border:1px solid var(--line);border-radius:8px 8px 0 0}.browserbar i{width:4px;height:4px;border-radius:50%;background:var(--line)}.browserbar span{margin:auto}.mini-site{position:relative;background:#e2e9df;color:#26382e;padding:18px 24px;height:200px;overflow:hidden}.mini-site>span:first-child{font-size:10px}.mini-site h4{font-size:33px;font-weight:400;letter-spacing:-.06em;line-height:1.1;margin-top:22px;position:relative;z-index:1}.mini-photo{position:absolute;width:42%;height:170px;background:#b2c1ac;right:10px;top:10px;border-radius:80px 80px 0 0}.mini-photo:before{content:'';position:absolute;width:65px;height:110px;background:#8a9e7e;bottom:-5px;left:25%;border-radius:40px 40px 0 0;transform:rotate(-15deg)}.mini-button{font-size:8px;display:inline-block;border-bottom:1px solid;margin-top:14px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;height:185px}.video-grid>div{padding:15px;border-radius:9px;background:#d5e6ff;color:#18365e;display:flex;flex-direction:column;justify-content:space-between}.video-grid>div+div{background:#dbc9ee;color:#422759}.video-grid span,.video-grid small{font-size:10px}.video-grid b{font-size:25px;line-height:1.06;letter-spacing:-.04em}.postbar{font-size:10px;display:flex;gap:10px;padding:15px 0}.postbar span{color:var(--blue)}.mock-title{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:15px}.mock-title>span{font-size:10px;font-weight:400;color:var(--muted)}.mock-title .green{color:var(--green)}.contact{display:flex;align-items:center;gap:10px;padding:20px 0}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#d5e6fa;color:#214b7c;font-size:10px;flex-shrink:0}.contact b,.customer b{font-size:12px;display:block}.contact small,.customer small{display:block;font-size:9px;color:var(--muted)}.intent{margin-left:auto;font-size:9px;color:var(--green)}.mail{padding:15px;background:var(--card);border:1px solid var(--line);border-radius:7px}.mail small{font-size:9px;color:var(--muted)}.mail p{font-size:11px;margin:8px 0}.skeleton{height:5px;background:var(--line);margin-top:8px;border-radius:4px}.short{width:65%}.table-head,.lead-row{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:8px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center;font-size:11px}.table-head{font-size:9px;color:var(--muted)}.lead-row b{font-weight:500}.lead-row small{font-size:8px;background:var(--soft);color:var(--blue-strong);border-radius:4px;padding:3px}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.pipeline small{font-size:9px;color:var(--muted)}.pipeline article{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px 9px;margin-top:8px}.pipeline b{font-size:10px;display:block}.pipeline article span{display:block;font-size:12px;margin:8px 0}.pipeline i{display:block;background:var(--line);height:4px;width:80%;margin-top:6px}.closing{text-align:center;margin:36px auto 0;max-width:680px;font-size:18px}.journey{border:1px solid var(--line);background:var(--bg);border-radius:18px;overflow:hidden}.journey-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.journey-tabs button{padding:21px 10px;font-size:13px;position:relative}.journey-tabs button[aria-selected=true]{background:var(--soft);color:var(--blue-strong)}.journey-tabs button[aria-selected=true]:after{content:'';position:absolute;height:2px;background:var(--blue);bottom:0;left:0;right:0}.journey-board{position:relative;padding:55px 40px 35px}.board-apps{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.board-apps span{background:var(--surface);padding:13px 18px;border-radius:9px;border:1px solid var(--line);font-size:12px}.data-track{position:relative;height:130px;display:flex;align-items:center}.data-line{height:2px;width:100%;background:var(--line)}.customer{position:absolute;left:0;display:flex;align-items:center;gap:12px;border:1px solid #268ff170;background:var(--card);border-radius:12px;padding:16px;width:240px;transition:left .7s cubic-bezier(.2,.7,.2,1);box-shadow:0 7px 25px #268ff112}.record-check{margin-left:auto;color:var(--blue)}.journey-caption{text-align:center;font-size:12px;color:var(--muted)}.builder-preview{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:40px 25px 20px;position:relative}.prompt{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 12px 12px 16px;font-size:12px}.prompt button{background:var(--blue-strong);color:white;border-radius:7px;width:30px;height:30px;font-size:20px}.built-app{margin:20px 10px 15px;background:var(--card);padding:20px;border:1px solid var(--line);border-radius:10px;transition:opacity .35s,transform .35s}.built-app.removed{opacity:.1;transform:scale(.95)}.referral-row{display:flex;justify-content:space-between;font-size:11px;padding:11px 0;border-bottom:1px solid var(--line)}.referral-row b{font-weight:400}.connected-note{font-size:10px;color:var(--green);padding-top:15px}.builder-preview>.text-link{display:block;margin:auto;font-size:11px}.comparison{margin-top:90px}.comparison h3{text-align:center;margin-bottom:35px;font-size:34px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:19px 22px;border-bottom:1px solid var(--line);font-weight:400}thead th{font-weight:600;font-size:15px}tbody th{color:var(--muted);width:20%}td:last-child,thead th:last-child{background:var(--soft);width:43%}td:nth-child(2){color:var(--muted)}.release{max-width:1000px;margin:auto;gap:70px}.release h3{font-size:32px}.checks{padding:28px 35px;background:var(--bg);border:1px solid var(--line);border-radius:15px}.release-status{display:flex;gap:10px;align-items:center;font-size:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.release-status>span{background:#dcf6e8;color:#087952;width:30px;height:30px;border-radius:50%;text-align:center}.check{font-size:13px;display:flex;gap:15px;margin-top:16px}.check>span{color:var(--green)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.plan{position:relative;border:1px solid var(--line);border-radius:16px;padding:32px 27px;background:var(--card)}.popular{border:2px solid var(--blue);padding:31px 26px}.badge{position:absolute;top:-15px;left:24px;border-radius:6px;background:var(--blue-strong);color:#fff;padding:4px 13px;font-size:11px}.plan h3{font-size:26px}.who{font-size:14px;min-height:76px;margin-top:18px}.price{font-size:48px;letter-spacing:-.05em;margin-top:18px;line-height:1.3}.price span{font-size:13px;color:var(--muted);letter-spacing:0}.billing{font-size:11px;min-height:45px;margin-top:10px}.plan .button{width:100%;margin-top:20px}.intro{font-size:12px;min-height:20px;margin-top:30px}.plan ul{padding:0;list-style:none;margin:12px 0 0}.plan li{font-size:13px;padding:12px 0 12px 22px;position:relative;border-bottom:1px solid var(--line)}.plan li:before{content:'✓';position:absolute;left:0;color:var(--blue)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;padding-top:20px}.faq h2{font-size:44px}.faq details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:21px 35px 21px 0;position:relative;font-size:15px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;font-size:21px;font-weight:400;top:16px}details[open] summary:after{content:'−'}details p{font-size:14px;padding:0 26px 25px 0}.final{text-align:center;background:var(--soft);padding-block:90px}.final p:not(.micro){margin-top:23px;font-size:18px}.final .button{margin-top:28px}.footer{padding-block:35px;display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.footer .logo{width:120px}.skip{position:fixed;top:-60px;left:20px;z-index:99;padding:12px;background:var(--bg)}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{max-width:440px;width:calc(100% - 36px);border:1px solid var(--line);border-radius:18px;padding:36px;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#01141b80;backdrop-filter:blur(4px)}dialog h3{font-size:28px;padding-right:20px}dialog p{font-size:15px;margin:20px 0 25px}.dialog-close{position:absolute;right:13px;top:9px;font-size:27px}.dark .hub img,.dark .logo{content:url('logo-dark.svg')}@keyframes connect{from{stroke-dashoffset:1800}to{stroke-dashoffset:0}}@keyframes build{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.built-app.playing{animation:build .8s ease both}
@media(min-width:900px){.job:nth-child(even){grid-template-columns:1.25fr 1fr}.job:nth-child(even) .job-copy{grid-column:2;grid-row:1}.job:nth-child(even) .mock{grid-column:1;grid-row:1}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header{padding:0 24px}.header nav{gap:18px}.header-actions{gap:13px}.section{padding-block:75px}.split{gap:35px}.job{gap:35px}.plans{gap:12px}.plan{padding:28px 18px}.popular{padding:27px 17px}.faq{gap:40px}.app-orbit{padding:9px;font-size:10px;gap:6px}.app-icon{width:29px;height:29px;font-size:13px}.ecosystem{height:310px}.board-apps span{padding:10px;font-size:10px}.journey-board{padding-inline:25px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.header{height:70px;padding:0 18px;gap:10px}.header .logo{width:116px}.header nav,.login{display:none}.header-actions{gap:12px}.header .small{font-size:12px;padding:8px 14px;min-height:38px}.hero{padding-top:58px}h1{font-size:47px;letter-spacing:-.06em}.hero .lead{font-size:17px}.hero .lead br{display:none}.hero-cta{gap:23px}.button{font-size:14px;padding:12px 22px}.text-link{font-size:13px}.micro{font-size:10px}.ecosystem{height:305px;margin-top:35px}.app-orbit{flex-direction:column;text-align:center;border:none;background:none;box-shadow:none;padding:0;font-size:8px;gap:5px}.app-icon{height:35px;width:35px;font-size:16px;border:1px solid #01141b0a}.a0{left:11%;top:23%}.a1{left:33%;top:15%}.a2{left:67%;top:15%}.a3{left:89%;top:23%}.a4{left:13%;top:76%}.a5{left:50%;top:85%}.a6{left:87%;top:76%}.hub{padding:18px 22px;top:49%;border-radius:12px}.hub img{width:125px}.hub span{font-size:9px}.proof{font-size:10px;padding:15px 0 30px;gap:7px}.section{padding-block:65px}h2{font-size:37px}.split{grid-template-columns:1fr;gap:33px}.split p{font-size:15px;margin-top:20px}.cost-visual{padding:23px}.new-cost .logo{width:125px}.section-heading{margin-bottom:35px;text-align:left}.section-heading p{font-size:15px;margin-top:20px}.section-heading h2 br{display:none}.job,.job:nth-child(even){grid-template-columns:1fr;gap:23px;padding-bottom:35px;padding-top:5px}.job h3{font-size:32px}.step{margin-bottom:10px}.job-copy p{font-size:14px}.mock{height:270px;padding:31px 17px 17px}.jobs{gap:35px}.closing{font-size:16px;text-align:left}.journey-tabs{grid-template-columns:1fr 1fr}.journey-tabs button{font-size:10px;padding:14px 7px}.journey-board{padding:35px 16px 22px}.board-apps{gap:7px;justify-content:flex-start}.board-apps span{font-size:9px;padding:8px}.data-track{height:125px}.customer{width:220px;padding:14px}.journey-caption{font-size:10px}.comparison{margin-top:55px}.comparison h3{text-align:left;font-size:29px}.comparison table{min-width:570px;font-size:12px}th,td{padding:14px}.release h3{font-size:29px}.checks{padding:24px}.plans{grid-template-columns:1fr;gap:30px}.plan,.popular{padding:29px 25px}.who{min-height:0;max-width:280px}.billing{min-height:0}.intro{min-height:0}.price{margin-top:18px}.faq{grid-template-columns:1fr;gap:23px}.faq h2{font-size:36px}.faq summary{font-size:14px}.final{padding-block:65px}.final h2 br{display:none}.final p:not(.micro){font-size:16px}.footer{flex-wrap:wrap;padding-block:28px;gap:17px}.footer>span{order:3;width:100%;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* ---- refinement.css (founder handoff 02.11, unchanged) ---- */
/* Beyonder final presentation: the workspace is the recurring visual, and movement explains its connections. */
:root{--blue-strong:#0878df;--blue:#268ff1;--surface:#f5f8fb;--line:#e1e8ee;--ease:cubic-bezier(.22,.68,.2,1)}
.header{height:78px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(16px);border-bottom-color:color-mix(in srgb,var(--line) 65%,transparent)}
.header nav{gap:34px}.header-actions{gap:19px}.header .logo{width:137px}.button{border-radius:9px;min-height:50px;box-shadow:none}.button.primary{box-shadow:inset 0 1px 0 #ffffff26,0 2px 3px #0878df12}.button:hover{transform:translateY(-1px)}.button.small{min-height:40px}.motion-control{width:25px;height:30px;display:grid;place-items:center;padding:3px;color:var(--muted)}.motion-control svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.motion-control[aria-pressed=true] svg{fill:currentColor;stroke:none}.theme{font-size:21px}.reading-progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--blue);transform:scaleX(0);transform-origin:left center;pointer-events:none}
.hero{padding-top:76px}.hero h1{font-size:clamp(48px,6vw,80px);line-height:1.04;letter-spacing:-.06em}.hero .lead{margin-top:23px;font-size:19px}.hero-cta{margin-top:27px;gap:28px}.hero .micro{margin-top:12px}.hero .proof{padding-top:31px;padding-bottom:39px;font-size:12px}.proof-dot{height:6px;width:6px}.section{padding-block:120px}.section-heading{margin-bottom:66px}.section-heading h2{font-size:clamp(38px,4.2vw,56px)}.section-heading p{font-size:17px;max-width:640px}h2{letter-spacing:-.05em}.split{gap:95px}.split p{font-size:16px;line-height:1.75}.split h2{font-size:clamp(38px,4.2vw,56px)}
.product-canvas{height:478px;max-width:none;margin-top:47px;border:1px solid var(--line);border-radius:20px;background:#f3f7fb;overflow:hidden;text-align:left;isolation:isolate}.canvas-grid{position:absolute;inset:43px 0 30px;background-image:radial-gradient(#a8bdce70 .65px,transparent .65px);background-size:20px 20px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.canvas-caption{position:relative;z-index:2;display:flex;align-items:center;gap:7px;height:43px;padding:0 22px;font-size:10px;border-bottom:1px solid #dfe8f0;color:#607481;background:#ffffff60}.canvas-live{background:#268ff1;width:5px;height:5px;border-radius:50%}.canvas-end{margin-left:auto;font-size:9px}.product-canvas .connections{inset:0;width:100%;height:100%}.product-canvas .connections path{stroke-width:1.5;vector-effect:non-scaling-stroke;stroke:#cedde9;fill:none}.product-canvas .connector-light path{stroke:#268ff1;stroke-width:1.5;opacity:0}.product-canvas.lit .connections path{animation:none;stroke-dasharray:none}.hero-node{position:absolute;border:1px solid #d9e3ed;background:#fff;border-radius:10px;box-shadow:0 5px 10px #1a517b05,0 20px 35px #1a517b05;overflow:hidden;color:#132c3d;z-index:2;width:200px;transform:translate(-50%,-50%)}.node-title{display:flex;align-items:center;gap:7px;padding:9px 10px;font-size:10px;border-bottom:1px solid #edf1f6;background:#fff}.node-symbol{font:600 12px/1 Arial;display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border-radius:6px}.ns-blue{background:#e4f1ff;color:#0878df}.ns-purple{background:#ede8ff;color:#7960cd}.ns-orange{background:#ffecd9;color:#b16b21}.ns-green{background:#e4f5ef;color:#218267}.ns-black{background:#14212b;color:#fff}.node-dot{margin-left:auto;width:4px;height:4px;background:#64b596;border-radius:50%}.hn-site{left:20%;top:26%;width:212px}.hn-ideas{left:50%;top:18%;width:162px}.hn-clips{left:80%;top:27%;width:180px}.hn-social{left:18%;top:70%;width:190px}.hn-outbound{left:50%;top:81%;width:208px}.hn-crm{left:80%;top:72%;width:214px}.node-site{height:92px;background:#e9f0f4;display:grid;grid-template-columns:1fr 1fr;padding:10px 12px;overflow:hidden}.node-site>div{display:flex;flex-direction:column;align-items:start;gap:8px;z-index:1}.node-site i{display:block;height:3px;width:25px;background:#607481;border-radius:3px}.node-site b{font-size:17px;line-height:1.02;font-weight:500;letter-spacing:-.055em}.node-site span{height:4px;width:35px;background:#1e567f}.node-site .sculpture{height:90px;width:130px;margin:-8px 0 0 -10px}.node-ideas{height:55px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;position:relative}.node-ideas span{height:4px;border-radius:3px;background:#e4eaf0;width:75%}.node-ideas span:nth-child(2){width:60%}.node-ideas i{position:absolute;right:15px;top:13px;width:22px;height:22px;background:#ffecd9;border-radius:50%}.node-clips{position:relative;height:103px;overflow:hidden}.node-clips .sculpture{width:100%;height:100%;object-fit:cover}.node-play{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;color:#fff;background:#01141b70;display:grid;place-items:center;font-size:7px;padding-left:2px}.clip-caption{position:absolute;bottom:9px;left:0;width:100%;text-align:center;font-size:8px;color:#fff}.social-lines{height:72px;padding:11px 13px}.social-lines>span{display:block;height:4px;background:#e4eaf0;border-radius:2px;width:90%;margin-bottom:6px}.social-lines>span:nth-child(2){width:75%}.social-lines>span:nth-child(3){width:82%}.social-lines>div{display:flex;gap:17px;color:#8ca2b4;font-size:8px;margin-top:9px}.social-lines i{font-style:normal}.node-contact{padding:14px 13px;display:flex;gap:9px;align-items:center;font-size:11px}.node-contact .avatar{width:27px;height:27px;font-size:8px}.node-contact small{display:block;font-size:8px;color:#68808e}.node-contact>b{margin-left:auto;color:#218267;font-size:12px}.node-crm{padding:12px}.node-crm>span{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid #edf1f6}.node-crm i{height:12px;width:12px;border-radius:50%;background:#d9e9f6}.node-crm b{height:4px;width:65px;background:#e4eaf0;border-radius:3px}.node-crm em{margin-left:auto;height:8px;width:30px;background:#e2f4ec;border-radius:3px}.product-canvas .hub{left:50%;top:47%;padding:21px 27px 12px;border:1px solid #bad8f0;border-radius:13px;background:#fff;box-shadow:0 5px 15px #268ff10a,0 15px 40px #268ff110;z-index:3;text-align:center;min-width:204px;gap:7px}.product-canvas .hub img{width:145px}.hub-ports{display:flex;gap:6px;justify-content:center;margin-top:5px}.hub-ports i{width:3px;height:3px;background:#61b0f0;border-radius:50%}.product-canvas .hub span{color:#68808e;font-size:9px}.canvas-foot{position:absolute;bottom:0;left:0;right:0;padding:0 22px;height:30px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#7b91a2;background:#f3f7fb;z-index:5}.data-ready{display:flex;gap:5px;align-items:center}.data-ready i{width:4px;height:4px;background:#64b596;border-radius:50%}
.problem{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.problem .split{gap:90px}.problem h2{font-size:44px}.cost-visual{border-radius:18px;background:var(--surface);border-color:transparent;padding:40px}.scattered{padding-top:15px;padding-bottom:27px;gap:13px}.scattered span{background:var(--card);box-shadow:0 5px 12px #01141b04;border-color:var(--line);font-size:12px;padding:12px 17px}.old-cost{font-size:35px;letter-spacing:-.04em}.new-cost{margin-top:28px;padding-top:25px}.new-cost strong{font-size:48px}.new-cost .logo{width:130px}.new-cost strong span{margin-top:-3px;font-size:11px}
/* The five jobs are one continuous guided demonstration, with all PDF copy present. */
#apps{padding-bottom:80px}#apps>.section-heading{max-width:760px}.app-walkthrough{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;position:relative;align-items:start}.app-copy-stack{padding:0 0 0 24px}.story-step{position:relative;min-height:520px;display:flex;align-items:center;padding:70px 0}.story-step:last-child{min-height:450px}.step-rail{position:absolute;left:-24px;top:0;bottom:0;width:1px;background:var(--line)}.story-step:first-child .step-rail{top:90px}.story-step:last-child .step-rail{bottom:90px}.step-rail i{position:absolute;left:-3px;top:50%;height:7px;width:7px;border-radius:50%;background:var(--line);transition:background .5s,box-shadow .5s}.story-step.is-current .step-rail i{background:var(--blue);box-shadow:0 0 0 5px var(--soft)}.story-step .job-copy{padding:0;opacity:.46;transition:opacity .5s}.story-step.is-current .job-copy{opacity:1}.story-step .step{margin-bottom:22px;color:var(--blue-strong);font-size:12px;font-variant-numeric:tabular-nums}.story-step h3{font-size:42px;letter-spacing:-.05em;margin-bottom:21px}.story-step .job-copy>b{font-size:14px;font-weight:600}.story-step .job-copy p{margin-top:12px;font-size:16px;line-height:1.7}.app-stage{position:sticky;top:calc(50vh - 190px);min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:0 24px 0;box-shadow:0 16px 45px #17496805}.stage-top{height:65px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.stage-brand img{width:95px;display:block}.stage-count{letter-spacing:.04em;font-size:10px;font-variant-numeric:tabular-nums}.stage-count b{color:var(--ink);font-weight:400}.app-screens{position:relative;height:376px;isolation:isolate}.app-scene{position:absolute;inset:0;background:var(--card);border:1px solid var(--line);border-radius:11px;box-shadow:0 3px 8px #01141b03,0 12px 24px #01141b04;opacity:0;visibility:hidden;overflow:visible}.app-scene.is-active{visibility:visible;opacity:1}.window-toolbar{height:39px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid var(--line);font-size:10px;border-radius:11px 11px 0 0}.window-dot{height:6px;width:6px;border-radius:2px;background:#268ff1}.window-dot.purple{background:#9e82d8}.window-dot.green{background:#56a98b}.window-status{margin-left:auto;font-size:8px;color:var(--green)}.stage-bottom{display:flex;align-items:center;justify-content:space-between;height:64px;gap:10px;color:var(--muted);font-size:9px}.stage-pager{display:flex;align-items:center;gap:3px}.stage-pager button{height:28px;width:25px;padding:9px 3px}.stage-pager button>span{display:block;height:3px;background:var(--line);border-radius:3px;transition:background .25s}.stage-pager button[aria-pressed=true]>span{background:var(--blue)}.scene-event{position:absolute;bottom:18px;right:-10px;min-width:235px;display:flex;align-items:center;gap:10px;padding:13px 15px;background:var(--card);border:1px solid var(--line);border-radius:11px;box-shadow:0 7px 28px #17496812;z-index:8}.scene-event b{font-size:11px;font-weight:500;display:block;color:var(--ink)}.scene-event small{font-size:9px;color:var(--muted);display:block;margin-top:1px}.event-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--soft);color:var(--blue-strong);font-size:15px}.event-tick{margin-left:auto;font-size:11px;color:var(--green)}.small-label{font-size:9px;color:var(--muted)}.website-screen{margin:14px;background:#eff3ef;overflow:hidden;border-radius:3px;height:283px;color:#26382e}.website-screen nav{display:flex;justify-content:space-between;font-size:7px;padding:14px 18px;align-items:center}.website-screen nav b{font-size:9px;font-weight:500}.website-screen nav span{font-size:6px}.website-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;padding:17px 0 15px 22px}.website-layout small{font-size:7px}.website-layout h4{font-size:40px;line-height:1.02;letter-spacing:-.06em;font-weight:400;margin-top:14px;position:relative;z-index:2}.demo-link{font-size:7px;display:inline-block;margin-top:15px;border-bottom:1px solid #26382e}.website-art{height:184px;width:100%;position:relative;overflow:hidden;border-radius:70px 0 0 0}.website-art .sculpture{height:100%;width:290px;position:absolute;left:50%;transform:translateX(-50%)}.website-bottom{display:flex;justify-content:space-between;font-size:6px;padding:0 18px}.content-screen{display:grid;grid-template-columns:1fr .85fr;gap:20px;padding:22px 30px 15px;height:263px}.content-script{padding-top:3px}.content-script h4{font-size:33px;line-height:1.07;font-weight:400;letter-spacing:-.04em;margin:12px 0 20px}.script-line{height:4px;width:100%;background:var(--line);margin:8px 0;border-radius:5px}.script-line.short{width:65%}.script-tag{display:inline-block;font-size:7px;background:var(--soft);color:var(--blue-strong);border-radius:4px;padding:4px 8px;margin-top:8px}.content-video{position:relative}.content-video .small-label{display:block;margin-bottom:10px}.video-art{height:208px;position:relative;overflow:hidden;border-radius:8px;background:#c4dae9}.video-art .sculpture{height:100%;width:340px;max-width:none;position:absolute;left:50%;top:0;transform:translateX(-50%) scale(1.15)}.video-caption{position:absolute;bottom:24px;left:16px;right:10px;color:#fff;font-size:19px;line-height:1.12;font-weight:500;letter-spacing:-.04em;text-shadow:0 1px 15px #193e67aa}.video-play{position:absolute;right:10px;top:10px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#fff9;color:#164b75;font-size:7px;padding-left:1px}.editor{display:flex;align-items:center;gap:8px;margin:5px 25px;font-size:7px;color:var(--muted)}.editor-track{position:relative;display:flex;gap:3px;height:24px;flex:1;overflow:hidden;border-radius:3px}.editor-track i{flex:1;background:#d3dfed;border-right:1px solid #b8cfdf}.editor-track i:nth-child(3n){background:#bcd5e9}.editor-track b{position:absolute;inset:0 auto 0 22%;width:2px;background:#0878df}.event-content{bottom:-12px}.outbound-screen{display:grid;grid-template-columns:.8fr 1.2fr;gap:23px;padding:30px 24px}.outbound-prospect{text-align:center;min-width:0}.outbound-prospect>.avatar{margin:0 auto 12px;width:43px;height:43px;font-size:12px}.outbound-prospect h4{font-size:15px;font-weight:500;letter-spacing:-.02em}.outbound-prospect>span:not(.avatar){font-size:8px;color:var(--muted);display:block;margin-top:3px}.intent-indicator{display:inline-flex;gap:4px;align-items:center;font-size:7px;background:#e4f5ef;color:#218267;border-radius:4px;padding:3px 7px;margin-top:10px}.intent-indicator i{height:3px;width:3px;background:#218267;border-radius:50%}.prospect-meta{display:flex;justify-content:space-between;font-size:7px;margin-top:14px;padding-top:9px;border-top:1px solid var(--line);gap:8px;text-align:left}.prospect-meta span{color:var(--muted)}.prospect-meta b{font-weight:400}.outbound-email{border:1px solid var(--line);padding:14px 16px;border-radius:7px;align-self:start;background:var(--surface)}.email-to{font-size:9px;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:17px;color:var(--muted)}.email-to b{font-weight:400;color:var(--ink)}.outbound-email p{font-size:11px;line-height:1.6;margin:0 0 15px}.email-footer{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:var(--muted);margin-top:26px}.agent-working{display:flex;gap:3px}.agent-working i{width:3px;height:3px;background:var(--blue);border-radius:50%}.event-outbound{bottom:23px;right:17px}.leads-screen{padding:24px}.crm-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:12px}.crm-heading h4{font-size:20px;font-weight:400;letter-spacing:-.04em}.crm-heading>span{font-size:8px;color:var(--muted)}.crm-head{display:grid;grid-template-columns:1.3fr .7fr .7fr;font-size:8px;color:var(--muted);padding:9px 0;border-block:1px solid var(--line)}.crm-row{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:9px}.crm-row>div{display:flex;gap:8px;align-items:center}.crm-row b{font-size:9px;font-weight:400}.crm-row .avatar{width:23px;height:23px;font-size:7px}.crm-row small{font-size:7px;color:var(--blue-strong);background:var(--soft);padding:3px 6px;border-radius:4px;width:max-content}.crm-total{font-size:8px;color:var(--muted);margin-top:15px;display:flex;gap:5px;align-items:center}.green-dot{width:4px;height:4px;background:var(--green);border-radius:50%}.event-leads{bottom:16px;right:-12px;min-width:210px}.deals-screen{padding:24px 20px}.deal-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.deal-label{display:flex;gap:5px;align-items:center;font-size:8px;margin-bottom:12px}.deal-label>i{height:4px;width:4px;background:#a5b7c9;border-radius:50%}.deal-column:last-child .deal-label>i{background:#56a98b}.deal-label>span{margin-left:auto;color:var(--muted)}.deal-card{border:1px solid var(--line);border-radius:6px;padding:13px 10px;min-height:145px;background:var(--surface)}.deal-card>span{font-size:9px;display:block}.deal-card>b{font-size:21px;font-weight:400;letter-spacing:-.04em;display:block;margin:12px 0}.deal-person{display:flex;gap:4px;align-items:center;margin-top:18px}.deal-person .avatar{width:18px;height:18px;font-size:6px}.deal-person small{font-size:6px;color:var(--muted)}.event-deals{bottom:19px;right:17px;min-width:220px}.mobile-demo{display:none}.closing{font-size:18px;max-width:680px;border-top:1px solid var(--line);padding-top:36px;margin-top:24px;line-height:1.6}
/* Dark connected-data chapter. The visitor controls the pace by scrolling. */
.system{background:#011c28;color:#fff;padding-block:95px}.system-shell{min-height:1250px}.system-sticky{position:sticky;top:calc(50vh - 215px);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;min-height:460px}.system .section-heading{margin:0;text-align:left;max-width:430px}.system .section-heading h2{font-size:52px;letter-spacing:-.05em}.system .section-heading p{color:#a8bdca;font-size:16px;line-height:1.8;margin-top:26px}.journey{border:1px solid #264451;background:#052532;border-radius:18px;overflow:hidden;color:#dbe9f0;box-shadow:0 25px 60px #0000000d}.journey-top{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #264451;font-size:10px;color:#a8bdca}.icon-button{width:25px;height:25px;border:1px solid #426071;border-radius:50%;font-size:8px;display:grid;place-items:center;color:#dbe9f0;padding-left:3px}.journey-board{height:363px;padding:0;position:relative}.journey-map{position:relative;width:100%;height:280px}.journey-map>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.journey-wire{fill:none;stroke:#365665;stroke-width:1;vector-effect:non-scaling-stroke}.journey-progress{fill:none;stroke:#43b4ff;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.7;stroke-dasharray:130 900;stroke-dashoffset:0}.map-app{position:absolute;display:flex;align-items:center;gap:7px;padding:9px 11px;background:#0c303e;border:1px solid #355361;border-radius:8px;font-size:9px;transform:translate(-50%,-50%);transition:border-color .4s,background .4s,box-shadow .4s;z-index:2;white-space:nowrap}.map-app .node-symbol{width:24px;height:24px;font-size:11px}.map-clips{left:14%;top:21%}.map-web{left:50%;top:21%}.map-crm{left:86%;top:48%}.map-out{left:86%;top:79%}.map-hit{left:14%;top:48%;opacity:.6}.map-own{left:50%;top:79%;opacity:.6}.map-app.active{border-color:#43b4ff;background:#0c384c;box-shadow:0 0 0 4px #268ff112,0 0 30px #268ff112}.map-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);padding:13px 15px;border:1px solid #355d70;border-radius:8px;background:#052532;z-index:3}.map-core img{width:92px;display:block}.moving-record{position:absolute;left:14%;top:21%;width:25px;height:25px;background:#9edbff;color:#01354f;border:3px solid #d4edff;border-radius:50%;transform:translate(-50%,-50%);font-size:6px;display:grid;place-items:center;z-index:5;box-shadow:0 0 18px #43b4ff66;pointer-events:none}.system .customer{position:absolute;left:50%;bottom:38px;top:auto;transform:translateX(-50%);width:270px;padding:12px 14px;background:#0a303f;border:1px solid #375d72;box-shadow:0 8px 18px #0001;border-radius:10px;transition:none;color:#fff;z-index:5}.system .customer .avatar{width:30px;height:30px;background:#183f56;color:#b9dcf6}.system .customer b{font-weight:400;font-size:11px}.system .customer small{font-size:8px;color:#a8bdca}.system .record-check{color:#7bceff;font-size:11px}.journey-board>.demo-label{top:auto;bottom:12px;right:0;left:0;text-align:center;font-size:8px;color:#728f9f}.journey-tabs{border-top:1px solid #264451;border-bottom:0;grid-template-columns:repeat(4,1fr)}.journey-tabs button{display:flex;flex-direction:column;align-items:start;gap:7px;font-size:9px;line-height:1.5;padding:15px 13px 19px;color:#8faab9;border-right:1px solid #264451;text-align:left;position:relative}.journey-tabs button:last-child{border-right:0}.journey-tabs button[aria-selected=true]{background:#0b3548;color:#dcefff}.journey-tabs button[aria-selected=true]:after{display:none}.journey-number{font-size:8px;color:#6b92a9}.journey-tabs button[aria-selected=true] .journey-number{color:#57b7f4}.journey-tabs button i{height:2px;background:#57b7f4;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:left}.journey-tabs button[aria-selected=true] i{transform:scaleX(1)}
/* Builder is a small, coherent conversation and a reversible app change. */
#builder{padding-top:120px}.builder-preview{padding:0;overflow:hidden;border-radius:18px;background:var(--surface);border-color:var(--line);box-shadow:0 10px 40px #17496804}.builder-toolbar{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 23px;border-bottom:1px solid var(--line)}.builder-title{display:flex;gap:9px;align-items:center;font-size:12px}.builder-title .node-symbol{width:23px;height:23px;font-size:17px}.preview-tag{font-size:8px;color:var(--muted)}.builder-conversation{padding:25px}.prompt{padding:12px 12px 12px 17px;font-size:12px;box-shadow:0 2px 6px #17496803}.prompt button{display:grid;place-items:center}.prompt button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.build-activity{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);padding:15px 4px}.activity-dot{width:4px;height:4px;background:var(--blue);border-radius:50%}.built-app{margin:0;background:var(--card);padding:20px;transform-origin:top center;box-shadow:0 3px 12px #17496803}.built-app.playing{animation:none}.built-app.removed{opacity:1;transform:none}.referral-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.referral-summary>span{font-size:8px;color:var(--muted);border-right:1px solid var(--line)}.referral-summary>span:last-child{border:0}.referral-summary b{display:block;font-size:23px;line-height:1.4;letter-spacing:-.04em;font-weight:400;color:var(--ink);margin-top:2px}.referral-summary>span:last-child b{font-size:15px;line-height:2.15;letter-spacing:-.02em}.referral-row{font-size:10px;padding:11px 0}.connected-note{display:flex;gap:6px;align-items:center;font-size:9px;padding-top:13px}.connected-note>span{background:#e4f5ef;color:#218267;width:14px;height:14px;display:grid;place-items:center;font-size:8px;border-radius:50%}.builder-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:9px}.builder-foot .text-link{font-size:10px}.builder-foot .text-link span{margin-left:5px}.builder-foot button:disabled{opacity:.35;cursor:default}.comparison{margin-top:95px}.comparison h3{font-size:36px;margin-bottom:40px}.comparison table{font-size:13px}.comparison th,.comparison td{padding:20px 24px}.comparison thead th{font-size:14px}.comparison td:last-child,.comparison thead th:last-child{background:var(--surface)}.comparison thead th:last-child{color:var(--blue-strong)}
.maintained{background:var(--surface)}.maintained .section-heading{max-width:720px}.release{max-width:980px;gap:100px}.release h3{font-size:31px}.checks{padding:28px 30px;border-radius:15px;position:relative;box-shadow:0 8px 30px #17496804}.release-status{font-size:16px;gap:12px;padding-bottom:21px}.release-status>span{width:29px;height:29px;font-size:13px;line-height:29px}.check{padding:12px 0;margin:0;border-bottom:1px solid var(--line);gap:12px;align-items:center;font-size:12px}.check:last-child{border:0;padding-bottom:0}.check-mark{display:grid;place-items:center;height:17px;width:17px;background:#e4f5ef;color:#218267!important;border-radius:50%;font-size:8px;flex-shrink:0}.plans{gap:20px}.plan{border-radius:13px;padding:32px;background:var(--card)}.popular{padding:31px;border-color:var(--blue)}.plan h3{font-size:25px}.who{font-size:13px;min-height:74px;line-height:1.65}.price{font-size:51px}.price span{font-size:12px}.billing{font-size:10px;max-width:200px;min-height:38px;line-height:1.65}.plan .button{min-height:46px;font-size:13px}.plan li{font-size:12px;padding-block:13px;line-height:1.65}.intro{font-size:11px;margin-top:28px}.faq{gap:110px;padding-top:0;padding-bottom:120px}.faq h2{font-size:41px}.faq summary{font-size:14px;padding-block:22px}.faq details p{font-size:13px;line-height:1.8}.final{position:relative;isolation:isolate;background:var(--surface);padding-block:105px;overflow:hidden}.final:before{content:'';position:absolute;width:650px;height:650px;border:1px solid var(--line);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.final:after{content:'';position:absolute;width:860px;height:860px;border:1px solid var(--line);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.final h2{font-size:clamp(40px,5vw,67px);letter-spacing:-.055em}.final p:not(.micro){font-size:16px}.final .button{margin-top:30px}.final .micro{font-size:11px}.footer{padding-block:32px;font-size:11px}.footer .logo{width:125px}
/* Theme changes never recolor illustrative website/video artwork. */
.dark .product-canvas{background:#042330;border-color:#244653}.dark .canvas-caption{background:#052532b0;color:#94aebd;border-color:#244653}.dark .canvas-grid{background-image:radial-gradient(#3a627170 .65px,transparent .65px)}.dark .canvas-foot{background:#042330;color:#88a3b4}.dark .hero-node{border-color:#365361;background:#0b303f;color:#dcefff;box-shadow:0 20px 35px #00000010}.dark .node-title{background:#0b303f;border-color:#244653}.dark .node-contact small{color:#88a3b4}.dark .node-crm>span{border-color:#244653}.dark .node-crm b,.dark .social-lines>span,.dark .node-ideas span{background:#345260}.dark .product-canvas .hub{background:#082c3c;border-color:#386079;box-shadow:0 12px 45px #0002}.dark .product-canvas .hub span{color:#94aebd}.dark .connector-base path{stroke:#2b5163}.dark .stage-brand img{content:url('logo-dark.svg')}.dark .crm-row small,.dark .script-tag{color:#86c6ff}.dark .window-status{color:#7ac7a5}.dark .stage-count b{color:#dcefff}.dark .plan .secondary{background:#0c303e}.dark .story-step .step{color:#7bbdff}.dark .event-icon{color:#90ceff}.dark .check-mark{background:#123f36;color:#83d9b4!important}.dark .comparison thead th:last-child{color:#86c6ff}.dark .intent-indicator{background:#123f36;color:#83d9b4}.dark .connected-note>span{background:#123f36;color:#83d9b4}
@media(min-width:1500px){.wrap{max-width:1240px}.app-walkthrough{gap:110px}.app-screens{height:400px}.website-screen{height:305px}.website-layout{padding-top:25px}.website-art{height:195px}.website-layout h4{font-size:45px}.story-step{min-height:550px}.app-stage{top:calc(50vh - 200px)}}
@media(max-width:1050px){.header nav{gap:22px}.header-actions{gap:13px}.app-walkthrough{gap:45px;grid-template-columns:.8fr 1.2fr}.story-step h3{font-size:35px}.story-step .job-copy p{font-size:14px}.app-stage{padding-inline:18px}.app-screens{height:355px}.website-layout h4{font-size:32px}.content-screen{padding-inline:20px;gap:16px}.content-script h4{font-size:29px}.scene-event{right:0;min-width:205px}.outbound-screen{padding:25px 15px;gap:14px}.outbound-email{padding:12px}.deal-card>b{font-size:18px}.deal-card{padding-inline:8px}.deals-screen{padding-inline:15px}.deal-person small{font-size:5px}.system-sticky{gap:40px;grid-template-columns:.82fr 1.18fr}.system .section-heading h2{font-size:43px}.system .section-heading p{font-size:14px}.journey-map{height:260px}.journey-board{height:343px}.map-app{font-size:8px;padding:7px 8px;gap:5px}.map-app .node-symbol{width:20px;height:20px}.map-core img{width:75px}.journey-tabs button{font-size:8px;padding-inline:10px}.split{gap:55px}.problem .split{gap:50px}.problem h2{font-size:39px}.cost-visual{padding:30px}.plan{padding:26px 22px}.popular{padding:25px 21px}.faq{gap:60px}.release{gap:60px}.scattered span{padding:10px 12px}.hero-node{font-size:9px}.hn-site{width:190px}.hn-ideas{width:145px}.hn-clips{width:160px}.hn-social{width:170px}.hn-outbound{width:185px}.hn-crm{width:180px}}
@media(max-width:800px){.section{padding-block:85px}.hero{padding-top:60px}.product-canvas{height:420px;margin-top:35px}.hn-site{left:19%;width:155px}.hn-clips{width:142px;left:81%}.hn-ideas{width:125px;top:19%}.hn-social{left:19%;width:143px}.hn-outbound{width:170px;top:80%}.hn-crm{width:145px;left:81%}.node-title{font-size:8px;padding:7px;gap:5px}.node-symbol{height:19px;width:19px;font-size:10px}.node-site{height:78px;padding:10px}.node-site b{font-size:14px}.node-site .sculpture{height:80px;width:100px}.node-clips{height:84px}.node-ideas{height:40px}.social-lines{height:60px;padding:10px}.social-lines>div{margin-top:7px;font-size:7px}.node-contact{padding:12px 10px;font-size:9px}.node-contact small{font-size:7px}.node-contact .avatar{width:23px;height:23px;font-size:7px}.node-crm{padding:9px}.node-crm i{height:9px;width:9px}.node-crm b{width:45px}.node-crm em{width:20px;height:6px}.product-canvas .hub{min-width:165px;padding:17px 21px 10px;top:48%;border-radius:11px}.product-canvas .hub img{width:122px}.product-canvas .hub span{font-size:8px}.hub-ports{margin-top:3px}.split{grid-template-columns:1fr;gap:40px}.split>div:first-child{max-width:650px}.problem .split{gap:40px}.problem h2{font-size:42px}.cost-visual{max-width:520px;width:100%;justify-self:center;padding:35px}.app-walkthrough{display:block}.app-stage{display:none}.app-copy-stack{padding:0}.story-step{display:block;min-height:0!important;padding:0 0 55px;border:0}.step-rail{display:none}.story-step .job-copy{opacity:1}.story-step .job-copy p{font-size:15px}.story-step .step{margin-bottom:13px}.story-step h3{font-size:36px;margin-bottom:16px}.story-step .job-copy{max-width:600px;margin:0 auto 26px}.mobile-demo{display:block;position:relative;padding:25px 25px 48px;background:var(--surface);border:1px solid var(--line);border-radius:14px;max-width:600px;margin:auto}.mobile-demo .app-scene{position:relative;height:360px;opacity:1;visibility:visible;inset:auto;max-width:500px;margin:auto}.mobile-demo .scene-event{right:-5px}.mobile-demo .website-layout h4{font-size:40px}.mobile-demo .website-screen{height:286px}.mobile-demo .content-screen{padding-inline:30px}.closing{margin-top:0;text-align:center}.system-shell{min-height:0!important}.system-sticky{position:relative;top:auto;grid-template-columns:1fr;gap:36px;min-height:0}.system .section-heading{max-width:650px}.system .section-heading h2{font-size:47px}.system .section-heading p{font-size:16px}.journey{max-width:650px;width:100%}.journey-map{height:300px}.journey-board{height:380px}.map-app{font-size:10px;padding:10px 12px;gap:7px}.map-app .node-symbol{width:25px;height:25px}.map-core img{width:95px}.journey-tabs button{font-size:10px;padding:18px 16px}.journey-number{font-size:8px}.builder-preview{max-width:600px;width:100%;justify-self:center}.release{gap:35px}.release>div{max-width:600px}.checks{width:100%;justify-self:center}.plans{gap:13px}.plan{padding:27px 18px}.popular{padding:26px 17px}.who{font-size:12px;min-height:90px}.price{font-size:43px}.price span{font-size:10px}.plan .button{font-size:11px;padding-inline:8px}.plan li{font-size:11px}.faq{grid-template-columns:1fr;gap:30px}.faq>div{max-width:700px}.section-heading{text-align:left}.section-heading p{margin-left:0}.section-heading h2{font-size:44px}.final .wrap{width:calc(100% - 48px)}}
@media(max-width:540px){.header{height:67px;padding:0 18px}.header .logo{width:115px}.header-actions{gap:9px}.motion-control{width:22px}.theme{font-size:20px}.header .button.small{padding-inline:13px;min-height:36px;font-size:11px}.hero{padding-top:49px}.hero h1{font-size:46px;line-height:1.04;letter-spacing:-.062em}.hero .lead{font-size:16px;line-height:1.55;margin-top:21px}.hero-cta{margin-top:24px;gap:24px}.hero-cta .text-link{font-size:12px}.hero .micro{font-size:9px}.product-canvas{width:calc(100% + 12px);margin-left:-6px;height:374px;border-radius:13px;margin-top:32px}.canvas-caption{font-size:8px;padding-inline:13px;height:33px;gap:5px}.canvas-end{font-size:7px}.canvas-grid{background-size:16px 16px;inset:33px 0 25px}.canvas-foot{height:25px;padding-inline:12px;font-size:6px}.hn-site{width:112px;left:20%;top:28%}.hn-ideas{width:99px;left:51%;top:19%}.hn-clips{width:100px;left:82%;top:29%}.hn-social{width:112px;left:19%;top:69%}.hn-outbound{width:144px;left:51%;top:84%}.hn-crm{width:106px;left:82%;top:71%}.node-title{font-size:6px;gap:4px;padding:6px}.node-symbol{height:16px;width:16px;border-radius:4px;font-size:8px}.node-dot{width:3px;height:3px}.node-site{height:61px;padding:8px}.node-site>div{gap:5px}.node-site i{height:2px;width:16px}.node-site b{font-size:11px}.node-site span{height:2px;width:22px}.node-site .sculpture{height:62px;width:88px;margin-left:-18px}.node-clips{height:66px}.clip-caption{font-size:5px;bottom:7px}.node-play{width:16px;height:16px;font-size:5px}.node-ideas{height:35px;padding:7px 8px;gap:4px}.node-ideas span{height:3px}.node-ideas i{width:15px;height:15px;right:7px;top:8px}.social-lines{height:48px;padding:8px}.social-lines>span{height:2px;margin-bottom:5px}.social-lines>div{font-size:5px;margin-top:5px;gap:13px}.node-contact{padding:9px 8px;gap:6px;font-size:8px}.node-contact small{font-size:6px}.node-contact .avatar{width:21px;height:21px;font-size:6px}.node-crm{padding:7px}.node-crm>span{padding:4px 0;gap:6px}.node-crm i{width:7px;height:7px}.node-crm b{width:29px;height:3px}.node-crm em{width:16px;height:5px}.product-canvas .hub{min-width:145px;left:51%;top:50%;padding:15px 18px 9px;gap:5px;border-radius:10px;box-shadow:0 10px 30px #268ff113}.product-canvas .hub img{width:107px}.product-canvas .hub span{font-size:6px}.hub-ports i{height:2px;width:2px}.hub-ports{margin-top:3px;gap:5px}.product-canvas .connections path{stroke-width:1}.hero .proof{font-size:9px;padding-top:26px;padding-bottom:30px;gap:6px}.proof-dot{height:5px;width:5px}.section{padding-block:67px}.split p{font-size:15px;line-height:1.75;margin-top:21px}.split h2,.problem h2{font-size:36px;letter-spacing:-.052em;line-height:1.1}.cost-visual{padding:26px 22px}.scattered{gap:12px;padding-top:8px}.scattered span{font-size:10px;padding:9px 12px}.old-cost{font-size:29px}.old-cost span{font-size:11px}.new-cost{gap:10px}.new-cost .logo{width:120px}.new-cost strong{font-size:42px}.new-cost strong span{font-size:9px}.section-heading{margin-bottom:40px}.section-heading h2{font-size:36px;line-height:1.1}.section-heading p{font-size:15px;margin-top:20px;line-height:1.75}.story-step{padding-bottom:45px}.story-step .step{font-size:11px;margin-bottom:12px}.story-step h3{font-size:33px;margin-bottom:15px}.story-step .job-copy>b{font-size:13px}.story-step .job-copy p{font-size:14px}.story-step .job-copy{margin-bottom:24px}.mobile-demo{padding:20px 13px 42px;border-radius:12px}.mobile-demo .app-scene{height:302px;border-radius:8px}.window-toolbar{height:35px;padding-inline:11px;font-size:8px}.window-status{font-size:6px}.window-dot{height:5px;width:5px}.website-screen{margin:10px}.mobile-demo .website-screen{height:238px}.website-screen nav{padding:11px 12px}.website-screen nav b{font-size:8px}.website-screen nav span{font-size:5px}.website-layout{padding:14px 0 12px 16px;grid-template-columns:1.05fr .95fr}.website-layout small{font-size:6px}.mobile-demo .website-layout h4{font-size:31px;margin-top:11px}.website-art{height:155px;border-radius:60px 0 0 0}.website-art .sculpture{width:244px}.demo-link{font-size:6px;margin-top:13px}.website-bottom{font-size:5px;padding-inline:12px}.scene-event{min-width:200px;padding:10px 12px;gap:8px;border-radius:9px}.scene-event b{font-size:10px}.scene-event small{font-size:7px}.event-icon{height:24px;width:24px;font-size:13px}.mobile-demo .scene-event{right:-2px;bottom:-20px}.mobile-demo .content-screen{padding:17px 18px 10px;height:213px;gap:15px}.content-script h4{font-size:27px;margin-top:10px;margin-bottom:16px}.small-label{font-size:7px}.script-line{height:3px;margin-block:7px}.video-art{height:170px;border-radius:6px}.content-video .small-label{margin-bottom:8px}.video-caption{font-size:16px;left:12px;bottom:20px}.video-play{height:17px;width:17px;font-size:5px}.editor{margin:8px 18px;font-size:6px;gap:6px}.editor-track{height:19px}.script-tag{font-size:6px;margin-top:5px}.outbound-screen{padding:24px 13px;grid-template-columns:.8fr 1.2fr;gap:12px}.outbound-prospect>.avatar{height:34px;width:34px;font-size:9px;margin-bottom:9px}.outbound-prospect h4{font-size:13px}.outbound-prospect>span:not(.avatar){font-size:6px}.intent-indicator{font-size:6px;padding:3px 5px}.prospect-meta{font-size:6px;margin-top:11px}.outbound-email{padding:10px}.email-to{font-size:7px;padding:8px 0;margin-bottom:13px}.outbound-email p{font-size:9px;margin-bottom:12px}.email-footer{font-size:6px;margin-top:23px}.leads-screen{padding:19px 15px}.crm-heading{margin-bottom:17px;gap:8px}.crm-heading h4{font-size:17px}.crm-heading>span{font-size:6px}.crm-head{font-size:7px;padding:8px 0}.crm-row{font-size:8px;padding:8px 0;gap:4px;grid-template-columns:1.4fr .7fr .7fr}.crm-head{grid-template-columns:1.4fr .7fr .7fr}.crm-row>div{gap:6px}.crm-row .avatar{width:20px;height:20px;font-size:6px}.crm-row b{font-size:7px}.crm-row small{font-size:6px;padding:3px 4px}.crm-total{font-size:7px;margin-top:12px}.deals-screen{padding:19px 12px}.deal-columns{gap:7px}.deal-label{font-size:6px;gap:4px;margin-bottom:10px}.deal-card{padding:10px 7px;min-height:130px}.deal-card>span{font-size:7px}.deal-card>b{font-size:18px;margin:11px 0}.deal-person{gap:3px;flex-wrap:wrap;margin-top:14px}.deal-person small{font-size:5px}.deal-person .avatar{height:16px;width:16px;font-size:5px}.closing{font-size:15px;line-height:1.7;text-align:left;padding-top:27px}#apps{padding-bottom:65px}.system{padding-block:67px}.system-sticky{gap:31px}.system .section-heading h2{font-size:37px;line-height:1.08}.system .section-heading p{font-size:14px;line-height:1.8;margin-top:22px}.journey{border-radius:13px}.journey-top{padding:12px 15px;font-size:9px}.journey-board{height:325px}.journey-map{height:250px}.map-app{flex-direction:column;font-size:7px;padding:7px 9px;gap:5px;min-width:60px;background:#0c303e}.map-app .node-symbol{height:21px;width:21px;font-size:10px}.map-clips{left:14%;top:23%}.map-web{left:50%;top:23%}.map-crm{left:85%;top:48%}.map-out{left:85%;top:79%}.map-hit{left:14%;top:52%}.map-own{left:50%;top:81%}.map-core{padding:10px 11px;top:51%}.map-core img{width:77px}.moving-record{width:21px;height:21px;border-width:2px;font-size:5px}.system .customer{width:250px;padding:11px 13px;bottom:30px}.system .customer b{font-size:10px}.system .customer small{font-size:7px}.system .customer .avatar{height:27px;width:27px;font-size:8px}.journey-board>.demo-label{bottom:10px;font-size:7px}.journey-tabs{grid-template-columns:repeat(4,1fr)}.journey-tabs button{font-size:7px;padding:11px 7px 13px;gap:5px;min-height:69px}.journey-number{font-size:7px}.journey-tabs button i{height:2px}#builder{padding-top:67px}.builder-toolbar{height:52px;padding-inline:17px}.builder-title{font-size:10px}.preview-tag{font-size:7px}.builder-conversation{padding:18px}.prompt{padding:10px 9px 10px 12px;font-size:10px}.prompt button{width:27px;height:27px}.prompt button svg{height:16px;width:16px}.build-activity{padding:13px 3px;font-size:8px}.built-app{padding:17px}.built-app .mock-title{font-size:11px;padding-bottom:12px}.built-app .mock-title>span{font-size:8px}.referral-summary{margin:14px 0;gap:8px}.referral-summary>span{font-size:7px}.referral-summary b{font-size:22px}.referral-summary>span:last-child b{font-size:12px;line-height:2.65}.referral-row{font-size:9px;padding:10px 0}.connected-note{font-size:8px}.comparison{margin-top:60px}.comparison h3{font-size:29px;text-align:left;margin-bottom:27px}.comparison table{min-width:550px}.comparison td,.comparison th{padding:17px 18px;font-size:11px}.comparison thead th{font-size:12px}.release{gap:30px}.release h3{font-size:29px}.checks{padding:24px}.check{font-size:11px;padding-block:12px}.release-status{font-size:15px;padding-bottom:17px}.plans{grid-template-columns:1fr;gap:27px}.plan,.popular{padding:29px 26px}.who{font-size:13px;min-height:0;margin-top:15px;max-width:270px}.price{font-size:48px;margin-top:21px}.price span{font-size:12px}.billing{min-height:0;max-width:none;font-size:10px}.plan .button{font-size:13px;margin-top:22px}.plan li{font-size:12px}.intro{min-height:0;margin-top:24px}.faq{padding-top:0;padding-bottom:70px;gap:27px}.faq h2{font-size:36px}.faq summary{font-size:13px;line-height:1.65;padding-block:20px}.faq details p{font-size:12px}.final{padding-block:77px}.final .wrap{width:calc(100% - 36px)}.final h2{font-size:39px;line-height:1.08}.final p:not(.micro){font-size:14px;max-width:300px;margin-inline:auto;line-height:1.75}.final .micro{font-size:10px}.final:before{width:520px;height:520px}.final:after{width:690px;height:690px}.footer{padding-block:28px;gap:16px}.footer .logo{width:113px}}
@media(max-width:360px){.header{padding-inline:14px}.header .logo{width:102px}.header-actions{gap:5px}.hero h1{font-size:40px}.hero-cta{gap:18px}.product-canvas{height:355px}.hn-site{width:101px}.hn-clips{width:92px}.hn-ideas{width:91px}.hn-social{width:101px}.hn-crm{width:98px}.product-canvas .hub{min-width:132px;padding-inline:15px}.product-canvas .hub img{width:100px}.hn-outbound{width:136px}.mobile-demo{padding-inline:10px}.node-title{font-size:5.5px}.system .section-heading h2{font-size:34px}.map-app{font-size:6px;min-width:54px;padding-inline:6px}.map-core img{width:66px}.journey-tabs button{font-size:6px}.scene-event{min-width:180px}.crm-row>div{gap:4px}.crm-row b{font-size:6px}.outbound-screen{gap:8px;padding-inline:10px}.outbound-prospect>span:not(.avatar){font-size:5.5px}.email-footer{font-size:5px}.deal-label{font-size:5px}}
@media(prefers-reduced-motion:reduce){.system-shell{min-height:0!important}.system-sticky{position:relative;top:auto}.story-step .job-copy{opacity:1}.app-scene,.hero-node,.moving-record{will-change:auto!important}.journey-progress{stroke-dasharray:none;opacity:.2}}
body.motion-paused .system-shell{min-height:0!important}body.motion-paused .system-sticky{position:relative;top:auto}body.motion-paused .story-step .job-copy{opacity:1}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation:none!important;transition:none!important}
/* Reading copy keeps full contrast at every step; the rail carries the active state. */
.story-step .job-copy{opacity:1}.story-step:not(.is-current) .step{color:var(--muted)}
/* ---- cinema.css (founder handoff 02.11, unchanged) ---- */
/* A single illustrative business carries the page: North studio and its Arc lamp. */
.hero{display:grid;grid-template-columns:.86fr 1.14fr;gap:0 48px;padding-top:64px;text-align:left;align-items:center;width:min(1320px,calc(100% - 80px))}.hero-intro{padding-bottom:15px;max-width:510px}.hero .hero-intro h1{font-size:clamp(48px,4.65vw,70px);line-height:1.02;letter-spacing:-.065em;text-wrap:initial}.hero .lead{font-size:18px;line-height:1.65;max-width:390px;margin-top:28px}.hero .lead br{display:none}.hero-cta{justify-content:flex-start;margin-top:31px;gap:25px}.hero .micro{font-size:10px;margin-top:14px}.hero>.proof{grid-column:1/-1;padding:29px 0 38px;font-size:12px;justify-content:flex-start;border-bottom:1px solid var(--line);margin-top:28px}.hero-cinema{min-width:0;perspective:1500px}.hero .cinema-canvas{height:565px;width:100%;margin:0;overflow:hidden;border-radius:22px;background:#edf5fc;border:1px solid #dce8f3;box-shadow:none;perspective:1200px}.cinema-grid{position:absolute;inset:0;background-image:radial-gradient(#a2c0d266 .7px,transparent .7px);background-size:19px 19px;mask-image:linear-gradient(120deg,#000,transparent 80%)}.hc-caption{height:43px;display:flex;gap:6px;align-items:center;padding:0 20px;font-size:10px;color:#486676;position:relative;z-index:6;border-bottom:1px solid #d7e5f0;background:#ffffff55}.live-bead{height:5px;width:5px;background:#268ff1;border-radius:50%;margin-right:2px}.hc-caption-end{margin-left:auto;font-size:8px;color:#8096a7}.cinema-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cinema-wires path{fill:none;stroke:#c1d5e5;stroke-width:1;vector-effect:non-scaling-stroke}.cinema-wires .cinema-current path{stroke:#268ff1;stroke-width:1.3;opacity:.7}.hc-chip{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #d8e5ef;border-radius:9px;width:auto;min-width:106px;overflow:visible;padding:9px 12px 9px 9px;font-size:10px;box-shadow:0 4px 8px #1a517b04,0 14px 24px #1a517b04;transform:translate(-50%,-50%);z-index:4;white-space:nowrap}.hc-chip .node-symbol{height:25px;width:25px;font-size:12px;border-radius:6px}.hc-chip>i{height:3px;width:3px;background:#5ea98f;border-radius:50%;margin-left:3px}.hc-web{left:16%;top:18%;rotate:-6deg}.hc-hit{left:50%;top:11%;rotate:2deg}.hc-clips{left:84%;top:20%;rotate:6deg}.hc-social{left:14%;top:75%;rotate:-5deg}.hc-out{left:50%;top:89%;rotate:-2deg}.hc-crm{left:86%;top:76%;rotate:5deg}.hc-workspace{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:76%;height:53%;background:#fff;border:1px solid #c8d9e7;border-radius:11px;box-shadow:0 8px 15px #14426608,0 28px 45px #14426612;z-index:3;overflow:hidden;transform-origin:center}.hc-windowbar{height:34px;display:flex;align-items:center;padding:0 13px;gap:12px;border-bottom:1px solid #e7eef4;font-size:8px;color:#496174}.hc-dots{display:flex;gap:3px;margin-right:auto}.hc-dots i{height:4px;width:4px;background:#d2dee8;border-radius:50%}.hc-windowbar>span:nth-child(2){position:absolute;left:50%;transform:translateX(-50%);font-size:8px}.hc-connected{display:flex;align-items:center;gap:4px;font-size:6px;color:#3a8e73}.hc-connected>i{height:3px;width:3px;background:#64b596;border-radius:50%}.hc-panels{position:relative;height:calc(100% - 34px)}.hc-panel{position:absolute;inset:0;background:#fff;color:#163242}.hc-website{z-index:2}.hc-site-nav{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:6px;border-bottom:1px solid #e7eef4}.hc-site-nav>b{font-size:12px;letter-spacing:-.04em;line-height:.85;font-weight:500}.hc-site-nav>b>span{display:block;font-size:9px;letter-spacing:.01em}.hc-site-nav>span{font-size:6px;color:#677f8d}.hc-site-hero{height:calc(100% - 61px);position:relative;overflow:hidden;background:#c6d8e7}.hc-site-hero>.arc-photo{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.hc-product-title{position:absolute;left:19px;top:16px;color:#0d3757}.hc-product-title>small{font-size:7px;display:block}.hc-product-title>b{display:block;font-size:36px;letter-spacing:-.07em;font-weight:400;line-height:1.1;margin-top:4px}.hc-product-title>span{font-size:6px;display:block;margin-top:8px;text-decoration:underline;text-underline-offset:2px}.hc-site-foot{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:5px;color:#677f8d}.hc-pointer{position:absolute;left:30%;top:70%;display:flex;align-items:center;z-index:5}.hc-pointer svg{width:17px;height:17px;fill:#0878df;stroke:#fff;stroke-width:1.2;overflow:visible}.hc-pointer b{font-size:6px;padding:3px 5px;background:#0878df;color:#fff;border-radius:3px;white-space:nowrap;margin-top:17px;font-weight:400}.hc-crm-panel{z-index:1;padding:20px 23px}.hc-crm-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.hc-crm-head>div>span{font-size:7px;color:#7d96a8}.hc-crm-head h4{font-size:23px;line-height:1.1;letter-spacing:-.05em;font-weight:400;margin-top:7px}.hc-crm-badge{font-size:7px;background:#e5f3ed;color:#328166;border-radius:4px;padding:4px 6px;white-space:nowrap}.hc-crm-person{display:flex;align-items:center;gap:9px;padding-block:20px 15px}.hc-crm-person>.avatar{width:31px;height:31px}.hc-crm-person b{font-size:11px;display:block;font-weight:500}.hc-crm-person div>span{font-size:7px;color:#7d96a8;display:block}.hc-crm-person>i{font-style:normal;color:#328166;font-size:11px;margin-left:auto}.hc-interest{display:flex;align-items:center;gap:13px;padding:10px;border:1px solid #e0eaf1;border-radius:7px;background:#f8fafc}.hc-interest img{height:54px;width:70px;object-fit:cover;border-radius:4px}.hc-interest small{font-size:6px;display:block;color:#7d96a8}.hc-interest b{font-size:10px;display:block;font-weight:500;margin-top:2px}.hc-interest div>span{font-size:6px;display:block;color:#49839c;margin-top:4px}.hc-data-tags{display:flex;gap:6px;align-items:center;font-size:6px;margin-top:13px}.hc-data-tags span{padding:4px 6px;background:#edf5fc;border-radius:4px;color:#49839c}.hc-data-tags i{font-style:normal;color:#7d96a8}.hc-event{position:absolute;left:69%;top:68%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;min-width:198px;padding:12px 14px;border:1px solid #b9d7ed;background:#fff;border-radius:10px;box-shadow:0 7px 12px #17496808,0 17px 35px #17496812;z-index:5;color:#163242}.hc-event>.avatar{width:29px;height:29px;font-size:8px}.hc-event b{display:block;font-size:10px;font-weight:500}.hc-event small{font-size:7px;color:#6b8394;display:block;margin-top:1px}.hc-event-check{color:#328166;margin-left:auto;font-size:10px}.hc-system-brand{position:absolute;left:50%;top:79%;transform:translate(-50%,-50%);display:grid;gap:5px;justify-items:center;z-index:4}.hc-system-brand img{width:107px;display:block}.hc-system-brand>span{font-size:7px;color:#7d96a8}.hc-foot{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:absolute;bottom:0;left:0;right:0;color:#7d96a8;font-size:7px;background:#edf5fc;z-index:6}.hc-foot button{font-size:8px;display:flex;gap:5px;align-items:center;padding:5px 0;color:#56798e}.hc-foot button svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.hero-chapters{display:flex;align-items:center;justify-content:center;gap:22px;padding-top:18px}.hero-chapters button{font-size:10px;color:var(--muted);position:relative;padding:4px 0;display:flex;gap:7px;align-items:center;white-space:nowrap}.hero-chapters button>span{font-size:8px;color:#91a8b9}.hero-chapters button[aria-pressed=true]{color:var(--ink)}.hero-chapters button[aria-pressed=true]>span{color:var(--blue-strong)}.hero-chapters button:after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s}.hero-chapters button[aria-pressed=true]:after{transform:scaleX(1)}
/* Give every example the same object, customer and source trail. */
.app-stage{padding-inline:22px;border-radius:18px;background:var(--surface);top:calc(50vh - 222px)}.app-screens{height:420px}.app-scene{overflow:hidden}.scene-event{z-index:10;right:15px;bottom:15px}.stage-top{height:62px}.stage-bottom{height:58px}.website-screen{height:344px;margin:13px;background:#fff;color:#163242}.website-screen nav{padding:14px 17px;height:39px}.website-screen nav b{font-size:11px}.website-screen nav>span{font-size:7px}.website-layout{position:relative;display:block;height:272px;padding:0;overflow:hidden}.website-layout>div:first-child{position:absolute;left:24px;top:23px;z-index:3}.website-layout small{font-size:8px}.website-layout h4{font-size:48px;letter-spacing:-.065em;line-height:1;margin-top:8px;max-width:180px}.demo-link{font-size:7px;margin-top:15px}.website-art{position:absolute;inset:0;height:100%;width:100%;border-radius:0;overflow:hidden}.website-art .sculpture{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:center 53%;transform:none}.website-bottom{height:31px;display:flex;align-items:center;padding-inline:17px;font-size:6px}.demo-cursor{position:absolute;left:31%;top:58%;width:20px;height:20px;z-index:5;pointer-events:none}.demo-cursor svg{height:20px;width:20px;fill:#0878df;stroke:#fff;stroke-width:1;filter:drop-shadow(1px 2px 2px #17496820)}.visitor-trace{position:absolute;left:31px;right:31px;bottom:26px;display:flex;align-items:center;gap:9px;font-size:8px;opacity:.65;z-index:4;color:var(--muted)}.visitor-trace i{height:1px;flex:1;background:var(--blue);transform-origin:left}.visitor-trace>span:last-child{color:var(--blue-strong)}.event-website{bottom:31px}.content-screen{height:314px;grid-template-columns:1fr .87fr;padding:25px 27px 15px;gap:24px}.content-script h4{font-size:37px;margin:14px 0 20px}.script-sample p{font-size:14px;color:var(--ink);line-height:1.5;letter-spacing:-.02em;margin:0 0 11px}.script-sample>span{font-size:8px;color:var(--muted);display:block;margin-bottom:18px}.video-art{height:260px;overflow:hidden}.video-art .sculpture{height:100%;width:100%;left:0;top:0;object-fit:cover;object-position:50% 50%;transform:none}.video-caption{font-size:20px;line-height:1.15;left:14px;bottom:23px;text-shadow:0 1px 14px #17496877}.content-video .small-label{font-size:9px}.editor{margin:10px 25px}.event-content{bottom:14px}.outbound-screen{padding:27px 24px;gap:23px}.outbound-email{background:var(--card);overflow:hidden}.outbound-email p{font-size:11px;line-height:1.65;margin-bottom:13px;color:var(--ink)}.email-product{display:flex;gap:10px;align-items:center;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:6px;margin-bottom:10px}.email-product>.arc-photo{width:55px;height:45px;object-fit:cover;border-radius:3px}.email-product>span{font-size:8px;color:var(--ink)}.email-product small{font-size:6px;color:var(--muted);display:block;margin-top:2px}.outbound-email .script-line{display:none}.email-footer{margin-top:15px}.event-outbound{bottom:20px}.leads-screen{padding-top:23px}.crm-row{padding-block:9px}.crm-profile{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:7px;margin-top:17px;padding:11px}.crm-profile>.arc-photo{width:63px;height:48px;object-fit:cover;border-radius:4px}.crm-profile div>span{font-size:8px;color:var(--muted);display:block}.crm-profile b{font-size:11px;font-weight:500;display:block;margin-top:2px}.crm-profile small{font-size:6px;color:var(--muted);display:block;margin-top:4px}.crm-profile>i{margin-left:auto;font-style:normal;color:var(--green);font-size:12px}.event-leads{bottom:10px;right:17px}.deals-screen{padding-top:26px}.deal-card{min-height:182px;position:relative}.deal-card>span{font-size:9px}.deal-card .deal-person{margin-top:40px}.deal-column:last-child .deal-card{border-color:#99c7b8;background:color-mix(in srgb,var(--card) 92%,#d5f1e5)}.deal-column:last-child .deal-card:after{content:'✓';position:absolute;right:9px;top:10px;color:var(--green);font-size:9px}.deal-column:last-child .deal-label i{background:var(--green)}.event-deals{bottom:26px}.stage-bottom>span{font-size:8px}.dark .hc-system-brand img{content:url('logo-dark.svg')}.dark .hero .cinema-canvas{background:#062835;border-color:#244956}.dark .hc-caption{background:#082f3e55;color:#9db8c8;border-color:#244956}.dark .cinema-grid{background-image:radial-gradient(#41657766 .7px,transparent .7px)}.dark .hc-caption-end,.dark .hc-system-brand>span{color:#7ea3ba}.dark .hc-chip{background:#0c3545;border-color:#32596c;color:#d4e8f5}.dark .hc-foot{background:#062835;color:#7ea3ba}.dark .hc-foot button{color:#a4c2d5}.dark .cinema-wires path{stroke:#2d566b}.dark .cinema-wires .cinema-current path{stroke:#3cafff}.dark .hc-workspace{box-shadow:0 25px 40px #0002;border-color:#32596c}.dark .hc-system-brand img{content:url('logo-dark.svg')}
/* Shared data is shown as a real content-to-customer transformation, not an abstract chart. */
.journey-board{height:440px}.journey-map{height:352px}.journey-map>svg{opacity:.7}.journey-focus{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);height:192px;width:245px;z-index:3;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 28px #0002;border:1px solid #ffffffaa}.jf-panel{position:absolute;inset:0;background:#fff;color:#173748}.jf-panel:not(:first-child){opacity:0;visibility:hidden}.jf-video>.arc-photo,.jf-website>.arc-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.jf-video:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#06375777);z-index:1}.jf-video>div{position:absolute;bottom:14px;left:17px;color:#fff;z-index:2}.jf-video small{font-size:7px}.jf-video b{font-size:31px;line-height:1.1;display:block;font-weight:400;letter-spacing:-.05em;margin-top:3px}.jf-video div>span{font-size:7px;display:block;margin-top:5px}.jf-video-play{position:absolute;right:12px;top:12px;z-index:3;width:22px;height:22px;border:1px solid #fff9;color:white;display:grid;place-items:center;border-radius:50%;font-size:7px;padding-left:2px}.jf-website>div{position:absolute;left:15px;top:15px;z-index:2;color:#173748}.jf-website small{font-size:8px;letter-spacing:-.03em}.jf-website b{font-size:30px;line-height:1.1;display:block;letter-spacing:-.06em;font-weight:400;margin-top:25px}.jf-website div>span{font-size:6px;display:block;margin-top:7px}.jf-lead{padding:17px}.jf-person{display:flex;gap:8px;align-items:center}.jf-person>.avatar{width:28px;height:28px;font-size:8px}.jf-person b{font-size:10px;font-weight:500;display:block}.jf-person small{font-size:6px;color:#7d96a8;display:block}.jf-person>i{margin-left:auto;font-size:6px;white-space:nowrap;font-style:normal;color:#328166;background:#e5f3ed;padding:3px 5px;border-radius:3px}.jf-product{display:flex;gap:10px;align-items:center;margin-top:18px;padding:8px;background:#f1f6fa;border-radius:6px}.jf-product .arc-photo{width:65px;height:55px;object-fit:cover;border-radius:4px}.jf-product small{font-size:6px;color:#7d96a8;display:block}.jf-product b{font-size:9px;display:block;font-weight:500;margin-top:2px}.jf-product div>span{font-size:6px;display:block;color:#7d96a8;margin-top:4px}.jf-source{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:14px;font-size:6px;color:#49839c}.jf-source span{color:#9eb5c4}.jf-email{padding:15px 18px}.jf-email>small{font-size:7px;color:#7d96a8}.jf-email>div:not(.jf-attachment){font-size:8px;margin-top:12px;padding-bottom:10px;border-bottom:1px solid #e0eaf1;color:#7d96a8}.jf-email b{font-weight:400;color:#173748}.jf-email>p{font-size:9px;line-height:1.55;margin:10px 0;color:#173748}.jf-attachment{display:flex;gap:8px;align-items:center;background:#f1f6fa;border-radius:5px;padding:5px}.jf-attachment .arc-photo{width:41px;height:34px;object-fit:cover;border-radius:3px}.jf-attachment>span{font-size:6px;line-height:1.7;color:#7d96a8}.jf-attachment b{font-size:8px}.jf-attachment i{font-size:10px;margin-left:auto;font-style:normal;color:#49839c}.jf-ready{font-size:6px;display:block;text-align:right;color:#328166;margin-top:8px}.map-clips{left:14%;top:14%}.map-web{left:50%;top:10%}.map-crm{left:86%;top:43%}.map-out{left:84%;top:85%}.map-hit{left:14%;top:56%}.map-own{left:50%;top:89%}.system .customer{bottom:32px}.system-shell{min-height:1400px}.system-sticky{top:calc(50vh - 258px);gap:60px;grid-template-columns:.78fr 1.22fr}.system .section-heading h2{font-size:50px}.journey-tabs button{font-size:9px}.map-app{font-size:8px}.map-app.active{box-shadow:0 0 0 4px #268ff112,0 0 28px #268ff11a}.system .section-heading p{font-size:15px;line-height:1.8}.cinema-canvas *, .app-screens *{backface-visibility:hidden}
@media(min-width:1500px){.hero .hero-intro h1{font-size:74px}.hero{grid-template-columns:.86fr 1.14fr}.hero .cinema-canvas{height:600px}.hc-workspace{height:54%}.hc-product-title>b{font-size:42px}.app-screens{height:440px}.website-screen{height:364px}.website-layout{height:292px}}
@media(max-width:1100px){.hero{grid-template-columns:.87fr 1.13fr;gap:30px;width:calc(100% - 56px)}.hero .hero-intro h1{font-size:52px}.hero .lead{font-size:16px;margin-top:23px}.hero-cta{gap:18px}.hero .cinema-canvas{height:505px}.hc-chip{min-width:90px;font-size:8px;padding:7px 9px;gap:5px}.hc-chip .node-symbol{width:22px;height:22px;font-size:10px}.hc-workspace{width:79%;height:54%}.hc-product-title>b{font-size:30px}.hc-product-title>small{font-size:6px}.hc-site-nav{height:31px;padding-inline:13px}.hc-site-nav>span{font-size:5px}.hc-site-hero{height:calc(100% - 55px)}.hc-site-foot{height:24px;font-size:4.5px;padding-inline:13px}.hc-crm-panel{padding:16px 17px}.hc-crm-head h4{font-size:20px}.hc-crm-person{padding-block:15px 12px}.hc-interest{gap:9px;padding:8px}.hc-interest img{width:55px;height:44px}.hc-interest b{font-size:9px}.hc-data-tags{gap:4px;font-size:5px;margin-top:9px}.hc-system-brand img{width:92px}.hc-system-brand>span{font-size:6px}.hc-event{min-width:170px;padding:10px 11px;gap:7px}.hc-event>.avatar{height:25px;width:25px;font-size:7px}.hc-event b{font-size:9px}.hc-event small{font-size:6px}.hero-chapters{gap:16px}.hero-chapters button{font-size:9px;gap:5px}.hero-chapters button>span{font-size:7px}.app-screens{height:390px}.website-screen{height:314px}.website-layout{height:242px}.content-screen{height:285px;padding:23px 20px 10px;gap:17px}.content-script h4{font-size:30px}.script-sample p{font-size:12px}.script-sample>span{font-size:7px}.video-art{height:235px}.video-caption{font-size:17px}.outbound-screen{padding:22px 15px;gap:13px}.outbound-email p{font-size:9px}.email-product{gap:6px;padding:5px}.email-product>.arc-photo{width:45px;height:37px}.email-product>span{font-size:7px}.email-product small{font-size:5px}.crm-profile{margin-top:14px;gap:8px;padding:8px}.crm-profile>.arc-photo{width:45px;height:40px}.crm-profile b{font-size:9px}.crm-profile small{font-size:5px}.deal-card{min-height:160px}.deal-card>span{font-size:7px}.deal-card .deal-person{margin-top:28px}.journey-focus{width:215px;height:182px}.jf-person>i{font-size:5px}.jf-lead{padding:14px}.jf-product{padding:6px;gap:7px;margin-top:15px}.jf-product .arc-photo{width:52px;height:50px}.jf-product b{font-size:8px}.jf-source{font-size:5px;gap:5px}.system-sticky{gap:35px}.system .section-heading h2{font-size:42px}.system .section-heading p{font-size:14px}.map-app{font-size:7px;gap:4px;padding:8px}.map-app .node-symbol{width:20px;height:20px;font-size:9px}.journey-tabs button{font-size:8px}}
@media(max-width:800px){.hero{display:block;width:calc(100% - 48px);padding-top:55px;text-align:center}.hero-intro{max-width:650px;margin:auto;padding:0}.hero .hero-intro h1{font-size:61px;line-height:1.02;letter-spacing:-.065em}.hero .hero-intro h1 br:first-child{display:none}.hero .lead{margin:24px auto 0;font-size:18px;max-width:450px}.hero-cta{justify-content:center;margin-top:27px;gap:26px}.hero .micro{margin-top:12px}.hero-cinema{max-width:650px;margin:35px auto 0}.hero .cinema-canvas{height:560px}.hc-chip{font-size:10px;padding:9px 12px 9px 9px;gap:7px;min-width:106px}.hc-chip .node-symbol{width:25px;height:25px;font-size:12px}.hc-workspace{width:76%;height:53%}.hc-product-title>b{font-size:36px}.hc-site-nav{height:35px;padding-inline:16px}.hc-site-nav>span{font-size:6px}.hc-site-hero{height:calc(100% - 61px)}.hc-site-foot{height:26px;font-size:5px;padding-inline:16px}.hc-system-brand img{width:107px}.hc-event{min-width:198px;padding:12px 14px}.hc-event>.avatar{height:29px;width:29px;font-size:8px}.hc-event b{font-size:10px}.hc-event small{font-size:7px}.hero-chapters{gap:26px;padding-top:19px}.hero-chapters button{font-size:10px;gap:7px}.hero>.proof{justify-content:center;padding-bottom:29px;margin-top:25px}.mobile-demo .app-scene{height:415px}.mobile-demo .website-screen{height:340px}.mobile-demo .website-layout{height:268px;display:block;padding:0}.mobile-demo .website-layout h4{font-size:46px}.mobile-demo .website-art{height:100%;width:100%;border-radius:0}.mobile-demo .website-art .sculpture{width:100%;height:100%;left:0;transform:none}.mobile-demo .content-screen{height:305px;padding:25px 26px 10px}.mobile-demo .video-art{height:250px}.mobile-demo .scene-event{right:13px;bottom:15px}.mobile-demo .outbound-screen{padding:27px 22px;gap:22px}.mobile-demo .outbound-email p{font-size:11px}.mobile-demo .crm-profile{padding:11px;gap:11px;margin-top:17px}.mobile-demo .crm-profile .arc-photo{width:63px;height:48px}.mobile-demo .crm-profile b{font-size:11px}.mobile-demo .crm-profile small{font-size:6px}.mobile-demo .deal-card{min-height:170px}.journey-map{height:352px}.journey-board{height:440px}.journey-focus{width:260px;height:200px}.map-app{font-size:10px;gap:7px;padding:10px 12px}.map-app .node-symbol{width:25px;height:25px;font-size:11px}.system-sticky{top:auto;grid-template-columns:1fr;gap:35px}.system .section-heading h2{font-size:45px}.system .section-heading p{font-size:16px}.system-shell{min-height:0}.jf-product .arc-photo{width:65px;height:55px}.jf-product b{font-size:9px}.jf-lead{padding:17px}.jf-product{margin-top:18px;padding:8px;gap:10px}.jf-source{font-size:6px;gap:6px}.jf-person>i{font-size:6px}.journey-tabs button{font-size:10px}}
@media(max-width:540px){.hero{width:calc(100% - 36px);padding-top:46px}.hero .hero-intro h1{font-size:46px;line-height:1.03;letter-spacing:-.065em}.hero .hero-intro h1 br:first-child{display:block}.hero .lead{font-size:16px;line-height:1.6;max-width:325px;margin-top:22px}.hero-cta{margin-top:23px;gap:24px}.hero .micro{font-size:9px;margin-top:12px}.hero-cinema{margin-top:31px;width:calc(100% + 12px);margin-left:-6px}.hero .cinema-canvas{height:432px;border-radius:14px}.hc-caption{height:33px;padding-inline:13px;font-size:8px;gap:5px}.hc-caption-end{font-size:6px}.live-bead{height:4px;width:4px}.hc-chip{min-width:79px;font-size:6px;padding:6px 7px 6px 6px;gap:4px;border-radius:6px;box-shadow:0 8px 16px #1a517b08}.hc-chip .node-symbol{height:19px;width:19px;font-size:9px;border-radius:4px}.hc-chip>i{width:2px;height:2px;margin-left:1px}.hc-web{left:17%;top:17%}.hc-hit{top:10%}.hc-clips{left:84%;top:19%}.hc-social{left:15%;top:76%}.hc-crm{left:85%;top:77%}.hc-out{top:89%}.hc-workspace{width:85%;height:55%;left:50%;top:48%;border-radius:8px;box-shadow:0 8px 15px #14426608,0 20px 30px #14426610}.hc-windowbar{height:27px;padding-inline:10px}.hc-windowbar>span:nth-child(2){font-size:6px}.hc-dots i{height:3px;width:3px}.hc-dots{gap:2px}.hc-connected{font-size:5px;gap:3px}.hc-connected>i{height:2px;width:2px}.hc-panels{height:calc(100% - 27px)}.hc-site-nav{height:29px;padding-inline:12px}.hc-site-nav>b{font-size:10px}.hc-site-nav>b>span{font-size:7px}.hc-site-nav>span{font-size:5px}.hc-site-hero{height:calc(100% - 49px)}.hc-site-foot{height:20px;font-size:4px;padding-inline:12px}.hc-product-title{left:13px;top:12px}.hc-product-title>small{font-size:5px}.hc-product-title>b{font-size:28px;margin-top:4px}.hc-product-title>span{font-size:5px;margin-top:7px}.hc-pointer svg{width:13px;height:13px}.hc-pointer b{font-size:5px;padding:2px 4px}.hc-system-brand{top:80%;gap:3px}.hc-system-brand img{width:84px}.hc-system-brand>span{font-size:5px}.hc-event{top:68%;left:66%;padding:9px 10px;gap:6px;min-width:156px;border-radius:8px}.hc-event>.avatar{width:23px;height:23px;font-size:6px}.hc-event b{font-size:8px}.hc-event small{font-size:6px}.hc-event-check{font-size:8px}.hc-foot{height:25px;padding-inline:12px;font-size:5px}.hc-foot button{font-size:6px;gap:4px}.hc-foot button svg{height:10px;width:10px}.hc-crm-panel{padding:13px 16px}.hc-crm-head h4{font-size:20px;margin-top:5px}.hc-crm-head>div>span{font-size:6px}.hc-crm-badge{font-size:5px;padding:3px 5px}.hc-crm-person{padding-block:13px 10px;gap:7px}.hc-crm-person>.avatar{width:25px;height:25px;font-size:7px}.hc-crm-person b{font-size:9px}.hc-crm-person div>span{font-size:6px}.hc-interest{padding:6px 7px;gap:8px}.hc-interest img{height:39px;width:50px}.hc-interest small{font-size:5px}.hc-interest b{font-size:8px}.hc-interest div>span{font-size:5px}.hc-data-tags{font-size:5px;gap:4px;margin-top:9px}.hc-data-tags span{padding:3px 5px}.hero-chapters{gap:18px;padding-top:17px}.hero-chapters button{font-size:8px;gap:5px}.hero-chapters button>span{font-size:6px}.hero>.proof{font-size:9px;padding-top:0;margin-top:29px;padding-bottom:29px;gap:6px}.mobile-demo{padding-bottom:22px}.mobile-demo .app-scene{height:337px}.mobile-demo .website-screen{height:270px;margin:10px}.website-screen nav{height:31px;padding:10px 12px}.website-screen nav b{font-size:8px}.website-screen nav>span{font-size:5px}.mobile-demo .website-layout{height:214px;padding:0}.website-layout>div:first-child{top:17px;left:17px}.website-layout small{font-size:6px}.mobile-demo .website-layout h4{font-size:36px;margin-top:6px;max-width:130px}.demo-link{font-size:6px;margin-top:12px}.website-bottom{height:25px;font-size:5px;padding-inline:12px}.demo-cursor{left:31%;top:59%;height:16px;width:16px}.demo-cursor svg{width:16px;height:16px}.visitor-trace{left:23px;right:23px;bottom:15px;font-size:6px;gap:7px}.mobile-demo .scene-event{padding:9px 11px;bottom:13px;right:11px;min-width:174px;gap:7px}.scene-event b{font-size:8px}.scene-event small{font-size:6px}.event-icon{height:22px;width:22px;font-size:12px}.mobile-demo .event-website{bottom:30px}.mobile-demo .content-screen{height:253px;padding:19px 17px 10px;gap:16px;grid-template-columns:1fr .85fr}.content-script h4{font-size:27px;margin:12px 0 15px}.script-sample p{font-size:11px;line-height:1.5;margin-bottom:7px}.script-sample>span{font-size:6px;margin-bottom:13px}.mobile-demo .video-art{height:208px}.video-caption{font-size:16px;left:10px;bottom:19px;line-height:1.15}.editor{margin:8px 18px}.event-content{bottom:11px}.mobile-demo .outbound-screen{padding:21px 12px;gap:10px;grid-template-columns:.8fr 1.2fr}.mobile-demo .outbound-email p{font-size:8px;margin:0 0 10px;line-height:1.6}.email-product{padding:5px;gap:6px;margin-bottom:0}.email-product>.arc-photo{width:38px;height:34px}.email-product>span{font-size:6px}.email-product small{font-size:5px}.email-footer{margin-top:11px;font-size:5px}.outbound-prospect .prospect-meta{font-size:5.5px}.leads-screen{padding-top:17px}.crm-heading{margin-bottom:13px}.crm-row{padding-block:7px}.mobile-demo .crm-profile{padding:7px;gap:7px;margin-top:13px}.mobile-demo .crm-profile .arc-photo{height:35px;width:43px}.crm-profile div>span{font-size:6px}.mobile-demo .crm-profile b{font-size:8px}.mobile-demo .crm-profile small{font-size:4.5px;margin-top:2px}.crm-profile>i{font-size:9px}.mobile-demo .event-leads{min-width:155px;bottom:7px}.deals-screen{padding-top:20px}.mobile-demo .deal-card{min-height:149px;padding-inline:7px}.deal-card>span{font-size:7px}.deal-card .deal-person{margin-top:30px}.mobile-demo .event-deals{bottom:27px}.journey-board{height:380px}.journey-map{height:300px}.journey-focus{width:174px;height:165px;left:50%;top:46%;border-radius:7px}.map-app{font-size:6px;gap:4px;padding:6px;min-width:48px;max-width:66px}.map-app .node-symbol{width:18px;height:18px;font-size:8px}.map-clips{left:13%;top:13%}.map-web{left:50%;top:9%}.map-crm{left:87%;top:43%}.map-out{left:85%;top:83%}.map-hit{left:12%;top:53%}.map-own{left:50%;top:88%}.jf-video>div{bottom:12px;left:12px}.jf-video small{font-size:6px}.jf-video b{font-size:26px}.jf-video div>span{font-size:5px;margin-top:5px}.jf-video-play{height:18px;width:18px;font-size:5px;right:9px;top:9px}.jf-website>div{left:11px;top:12px}.jf-website small{font-size:6px}.jf-website b{font-size:25px;margin-top:29px}.jf-website div>span{font-size:5px;margin-top:6px}.jf-lead{padding:12px}.jf-person{gap:5px}.jf-person>.avatar{height:23px;width:23px;font-size:6px}.jf-person b{font-size:8px}.jf-person small{font-size:5px}.jf-person>i{font-size:4px;padding:2px 4px}.jf-product{padding:6px;gap:6px;margin-top:15px}.jf-product .arc-photo{height:44px;width:43px}.jf-product small{font-size:5px}.jf-product b{font-size:7px}.jf-product div>span{font-size:4.5px;margin-top:3px}.jf-source{font-size:4px;gap:4px;margin-top:12px}.jf-email{padding:11px 13px}.jf-email>small{font-size:6px}.jf-email>div:not(.jf-attachment){font-size:7px;margin-top:10px;padding-bottom:8px}.jf-email>p{font-size:8px;margin:9px 0}.jf-attachment{padding:4px;gap:5px}.jf-attachment .arc-photo{width:32px;height:29px}.jf-attachment>span{font-size:5px}.jf-attachment b{font-size:6px}.jf-attachment i{font-size:8px}.jf-ready{font-size:5px;margin-top:7px}.system .customer{bottom:29px;width:239px}.system .section-heading h2{font-size:37px}.system .section-heading p{font-size:14px}.journey-tabs button{font-size:7px}.moving-record{height:17px;width:17px;font-size:4px}.system-sticky{top:auto}}
@media(max-width:360px){.hero .hero-intro h1{font-size:40px}.hero .lead{font-size:15px}.hero .cinema-canvas{height:400px}.hc-chip{min-width:70px;font-size:5px;padding:5px;gap:4px}.hc-chip .node-symbol{height:17px;width:17px;font-size:8px}.hc-workspace{height:56%;width:87%}.hc-product-title>b{font-size:25px}.hc-crm-panel{padding-inline:12px}.hc-crm-head h4{font-size:18px}.hc-crm-head{gap:8px}.hc-event{min-width:146px;padding-inline:8px}.hc-event b{font-size:7px}.hc-event small{font-size:5px}.hc-system-brand img{width:75px}.hero-chapters{gap:14px}.hero-chapters button{font-size:7px}.mobile-demo .content-screen{gap:11px;padding-inline:13px}.content-script h4{font-size:24px}.script-sample p{font-size:10px}.mobile-demo .outbound-screen{padding-inline:9px;gap:8px}.email-product>.arc-photo{width:31px;height:30px}.email-product>span{font-size:5px}.crm-profile small{font-size:4px}.journey-focus{width:151px;height:157px}.jf-lead{padding:10px}.jf-person>i{font-size:3.5px}.jf-person b{font-size:7px}.jf-product .arc-photo{width:36px;height:41px}.jf-product b{font-size:6px}.jf-product div>span{font-size:4px}.jf-product small{font-size:4.5px}.jf-source{font-size:3.5px;gap:3px}.jf-website div>span{font-size:4px}.system .customer{width:225px}.map-app{font-size:5px;min-width:43px}.map-app .node-symbol{height:16px;width:16px;font-size:7px}.system .section-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.hc-chip{rotate:0deg}.hc-website{visibility:hidden;opacity:0}.hc-crm-panel{visibility:visible;opacity:1}.hc-pointer{display:none}.hc-event{opacity:1}.cinema-current path{stroke-dasharray:none!important;stroke-dashoffset:0!important}.hero-chapters button:after{transition:none}}
.jf-website>div{top:auto;bottom:14px;color:#fff;text-shadow:0 1px 10px #0a385a66}.jf-website b{margin-top:3px}.jf-website div>span{margin-top:5px}
@media(max-width:540px){.jf-website>div{top:auto;bottom:12px}.jf-website b{margin-top:3px}}
body.motion-paused .deal-card.dc-0{visibility:hidden}
/* ---- story.css (founder handoff 02.11, unchanged) ---- */
/* Chapter handoffs carry existing visual objects forward; editorial copy never animates. */
.hero>.proof{border-bottom:0;margin-top:19px;padding-bottom:25px}.problem{border-top:0;border-bottom:0;padding-top:82px;padding-bottom:35px}.problem .cost-visual{box-shadow:0 13px 45px #17496804}.story-bridge{position:relative;height:175px;overflow:hidden;isolation:isolate;background:var(--bg);pointer-events:none}.bridge-inner{position:relative;width:min(1180px,calc(100% - 80px));height:100%;margin:auto;isolation:isolate}.bridge-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none}.bridge-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.bridge-wires path{fill:none;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round}.bridge-wires .wire-base{stroke:var(--line)}.bridge-wires .wire-live{stroke:#268ff1;stroke-width:1.4;opacity:.7}.bridge-source,.bridge-target,.bridge-customer-card,.bridge-new-app,.bridge-release-card,.bridge-ready{position:absolute;top:50%;transform:translate(-50%,-50%);background:var(--card);border:1px solid var(--line);box-shadow:0 5px 20px #17496806;border-radius:10px;color:var(--ink)}.bridge-source{left:18%}.bridge-logo{width:115px;display:block}.bridge-brand{padding:13px 17px;display:grid;gap:7px;justify-items:center}.bridge-brand>span{font-size:8px;color:var(--muted)}.bridge-app-list{position:absolute;left:67%;top:50%;transform:translate(-50%,-50%);width:58%;display:flex;align-items:center;justify-content:space-around;gap:12px}.bridge-app{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:9px 11px 9px 8px;border-radius:8px;background:var(--card);box-shadow:0 4px 12px #17496804;white-space:nowrap}.bridge-app .node-symbol{height:24px;width:24px;font-size:10px;font-style:normal;border-radius:6px}.bridge-app>b{font-size:9px;font-weight:400}.bridge-light{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#42afff;box-shadow:0 0 0 5px #268ff110,0 0 18px #268ff155;transform:translate(-50%,-50%);z-index:4}.bridge-app-list~.bridge-light{z-index:-1}.bridge-app-list .bridge-backdrop{background:transparent}.bridge-app-list{height:52px}.bridge-app-list .bridge-app{transform-origin:center}.bridge-app-list .node-symbol{flex-shrink:0}.bridge-app-list .wire-live{opacity:.5}
#apps{padding-top:60px;padding-bottom:48px}.closing{border-top-color:transparent;padding-top:24px;margin-top:0}.story-step:last-child{min-height:420px}.bridge-customer{height:193px}.bridge-customer>.bridge-backdrop{background:#011c28;clip-path:ellipse(90% 90% at 50% 100%)}.bridge-customer .bridge-inner>.bridge-customer-card{height:auto}.bridge-product-source{left:18%;display:flex;align-items:center;gap:9px;padding:8px 12px 8px 8px;border-radius:10px;font-size:10px}.bridge-product{height:43px;width:55px;object-fit:cover;border-radius:5px;display:block}.bridge-customer .bridge-inner>.bridge-customer-card{left:50%;min-width:192px;padding:12px 14px;display:flex;align-items:center;gap:9px;z-index:3;border-color:#a9d4ef}.bridge-customer .avatar{height:29px;width:29px;font-size:8px}.bridge-customer b{font-size:10px;font-weight:500;display:block}.bridge-customer small{font-size:7px;color:var(--muted);display:block;margin-top:2px}.bridge-check{font-size:11px;color:#328166;margin-left:auto}.bridge-target{left:82%;display:flex;align-items:center;gap:8px;padding:11px 14px;font-size:10px;z-index:2}.bridge-target .node-symbol{height:25px;width:25px;font-size:11px}.bridge-customer .bridge-wires .wire-base{stroke:#8aabbf80}.bridge-customer .bridge-wires .wire-live{stroke:#66c5ff}
.system{padding-top:48px;padding-bottom:30px}.system-shell{min-height:1150px}.bridge-builder{height:180px;background:#011c28}.bridge-builder>.bridge-backdrop{background:var(--bg);clip-path:ellipse(90% 90% at 50% 100%)}.bridge-old-apps{left:18%;display:flex;gap:5px;padding:10px 13px}.bridge-old-apps .node-symbol{width:25px;height:25px;font-size:11px}.bridge-plus{position:absolute;left:48%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);z-index:3;background:var(--bg);border:1px solid var(--line);border-radius:50%;box-shadow:0 4px 14px #17496806}.bridge-plus>span{position:absolute;left:50%;top:50%;width:9px;height:1px;background:var(--blue);transform:translate(-50%,-50%)}.bridge-plus>span+span{transform:translate(-50%,-50%) rotate(90deg)}.bridge-new-app{left:76%;padding:13px 18px 13px 48px;min-width:216px;z-index:3;border-color:#bed8eb}.new-app-grid{display:grid;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);gap:3px;position:relative;width:max-content;flex-shrink:0}.new-app-grid>i{display:block;background:#268ff1;border-radius:1px}.bridge-new-app>.new-app-grid{position:absolute;left:17px;top:19px}.bridge-new-app>b{font-size:11px;font-weight:500;display:block}.bridge-new-app>small{font-size:7px;color:var(--muted);display:block;margin-top:3px}.bridge-new-app>.bridge-check{position:absolute;right:11px;top:9px;font-size:8px}.bridge-builder .bridge-wires .wire-base{stroke:#8aabbf80}.bridge-builder .bridge-wires .wire-live{stroke:#66c5ff}#builder{padding-top:53px;padding-bottom:48px}.comparison{margin-top:76px}
.bridge-release{height:174px}.bridge-release>.bridge-backdrop{background:var(--surface);clip-path:ellipse(90% 90% at 50% 100%)}.bridge-mini-app{left:20%;display:flex;align-items:center;gap:11px;padding:13px 16px;font-size:10px}.bridge-scan{position:absolute;left:50%;top:50%;width:100px;height:52px;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:8px;isolation:isolate}.bridge-scan>i{width:19px;height:19px;border-radius:50%;background:#e4f5ef;position:relative}.bridge-scan>i:after{content:'✓';font-style:normal;font-size:9px;color:#328166;position:absolute;inset:0;display:grid;place-items:center}.bridge-scan>span{position:absolute;width:1px;height:36px;background:#268ff1;left:0;top:8px;opacity:.6}.bridge-inner>.bridge-release-card{height:auto;left:80%;padding:12px 17px 12px 12px;display:flex;align-items:center;gap:9px;min-width:181px;border-color:#b4d9cb}.release-orbit{height:28px;width:28px;border:1px solid #9fceba;background:#e5f6ef;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.release-orbit svg{width:17px;height:17px;fill:none;stroke:#328166;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bridge-inner>.bridge-release-card b{font-size:11px;font-weight:500;display:block}.bridge-inner>.bridge-release-card small{font-size:7px;color:var(--muted);display:block;margin-top:2px}.bridge-release .bridge-wires .wire-live{stroke:#60ae94}.maintained{padding-top:50px;padding-bottom:60px}.maintained .section-heading{margin-bottom:53px}.bridge-plans{height:161px;background:var(--surface)}.bridge-plans>.bridge-backdrop{background:var(--bg);clip-path:ellipse(90% 90% at 50% 100%)}.bridge-plans .bridge-wires,.bridge-plans .bridge-light{display:none}.bridge-ready{left:50%;top:16%;font-size:9px;display:flex;align-items:center;gap:6px;padding:8px 12px;border-color:#b4d9cb;z-index:2}.bridge-ready>span{font-size:8px;color:#328166;background:#e5f6ef;width:15px;height:15px;display:grid;place-items:center;border-radius:50%}.bridge-plan-lines{position:absolute;inset:39px 0 0}.bridge-plan-lines>svg{width:100%;height:100%;overflow:visible}.bridge-plan-lines path{stroke:#a0c9e4;fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.bridge-plan-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:absolute;left:0;right:0;bottom:8px;justify-items:center}.bridge-plan-nodes>span{font-size:10px;display:block;padding:7px 15px;border-radius:7px;border:1px solid var(--line);background:var(--card);box-shadow:0 3px 8px #17496804;position:relative}.bridge-plan-nodes>span:after{content:'';width:1px;height:17px;position:absolute;left:50%;top:100%;background:var(--line)}.bridge-plan-nodes>span:nth-child(2){border-color:#91c5eb;color:var(--blue-strong)}#pricing{padding-top:55px;padding-bottom:92px}.faq{padding-bottom:84px}.final{background:var(--surface);border-radius:0}.final:before,.final:after{border-color:var(--line)}.footer{border-top:0}.dark .bridge-logo{content:url('logo-dark.svg')}.dark .bridge-customer .bridge-inner>.bridge-customer-card,.dark .bridge-new-app{border-color:#42677b}.dark .bridge-release .bridge-inner>.bridge-release-card{border-color:#436e60}.dark .release-orbit{background:#123f36;border-color:#436e60}.dark .release-orbit svg{stroke:#82c7aa}.dark .bridge-scan>i,.dark .bridge-ready>span{background:#123f36;color:#82c7aa}.dark .bridge-scan>i:after{color:#82c7aa}.dark .bridge-check{color:#82c7aa}.dark .bridge-ready{border-color:#436e60}.dark .bridge-plan-lines path{stroke:#38637c}.dark .bridge-plan-nodes>span:nth-child(2){color:#92cfff;border-color:#38637c}
@media(min-width:1500px){.story-bridge{height:188px}.bridge-customer{height:210px}.bridge-plans{height:170px}}
@media(max-width:1000px){.bridge-inner{width:calc(100% - 48px)}.bridge-app{gap:5px;padding:8px}.bridge-app>b{font-size:7px}.bridge-app .node-symbol{height:21px;width:21px;font-size:9px}.bridge-app-list{gap:6px;width:60%;left:67%}.bridge-logo{width:96px}.bridge-brand{padding:12px 15px}.bridge-brand>span{font-size:7px}.bridge-customer .bridge-inner>.bridge-customer-card{min-width:171px;padding:11px 12px}.bridge-customer b{font-size:9px}.bridge-customer small{font-size:6px}.bridge-product-source{font-size:9px;padding:7px 10px 7px 7px;gap:7px}.bridge-product{width:45px;height:38px}.bridge-target{font-size:9px;padding:10px 12px;gap:6px}.bridge-target .node-symbol{height:23px;width:23px}.bridge-new-app{min-width:194px;left:76%;padding:12px 14px 12px 43px}.bridge-new-app>b{font-size:10px}.bridge-new-app>small{font-size:6px}.bridge-new-app>.new-app-grid{left:15px;top:18px}.bridge-mini-app{font-size:9px;padding:12px 13px;gap:9px}.bridge-inner>.bridge-release-card{min-width:165px;padding:11px 13px 11px 10px}.bridge-inner>.bridge-release-card b{font-size:10px}.bridge-inner>.bridge-release-card small{font-size:6px}.bridge-scan{width:83px;gap:6px}.bridge-scan>i{height:17px;width:17px}.bridge-plan-nodes{gap:13px}.bridge-plan-nodes>span{font-size:9px}}
@media(max-width:800px){.problem{padding-top:58px;padding-bottom:25px}.story-bridge{height:142px}.bridge-inner{max-width:650px}.bridge-app-list{width:62%;left:68%}.bridge-app{padding:8px;gap:0}.bridge-app>b{display:none}.bridge-app .node-symbol{width:24px;height:24px;font-size:10px}.bridge-logo{width:99px}.bridge-brand>span{font-size:7px}.bridge-brand{left:17%;padding:11px 14px}.bridge-customer{height:159px}.bridge-product-source{left:17%;font-size:8px}.bridge-target{left:84%;font-size:9px}.bridge-customer .bridge-inner>.bridge-customer-card{min-width:169px}.bridge-customer .avatar{height:27px;width:27px}.bridge-builder{height:150px}.bridge-old-apps{left:18%;padding:9px 11px;gap:4px}.bridge-old-apps .node-symbol{height:23px;width:23px;font-size:10px}.bridge-plus{left:46%;height:25px;width:25px}.bridge-new-app{left:75%;min-width:181px;padding:12px 13px 12px 40px}.bridge-new-app>.new-app-grid{left:13px;top:17px}.bridge-new-app>b{font-size:9px}.bridge-new-app>small{font-size:6px}.bridge-release{height:148px}.bridge-mini-app{left:18%;font-size:9px;padding:12px;gap:9px}.bridge-inner>.bridge-release-card{left:81%;min-width:159px}.bridge-scan{width:77px;gap:5px}.bridge-scan>i{height:16px;width:16px}.bridge-scan>i:after{font-size:8px}.bridge-plans{height:140px}.bridge-plan-nodes{bottom:7px}.bridge-plan-lines{top:33px}.bridge-ready{padding:7px 10px;top:16%;font-size:8px}.bridge-ready>span{height:13px;width:13px;font-size:7px}.bridge-plan-nodes>span{padding:6px 13px;font-size:9px}.system{padding-top:40px;padding-bottom:25px}.system-shell{min-height:0!important}#apps{padding-top:42px;padding-bottom:35px}#builder{padding-top:43px;padding-bottom:35px}.comparison{margin-top:60px}.maintained{padding-top:43px;padding-bottom:42px}.maintained .section-heading{margin-bottom:38px}#pricing{padding-top:45px;padding-bottom:75px}.faq{padding-bottom:70px}}
@media(max-width:540px){.hero>.proof{margin-top:23px;padding-bottom:24px}.problem{padding-top:43px;padding-bottom:24px}.story-bridge{height:117px}.bridge-inner{width:calc(100% - 36px)}.bridge-brand{padding:10px 11px;left:16%;border-radius:8px;gap:6px}.bridge-logo{width:76px}.bridge-brand>span{font-size:5px}.bridge-app-list{left:68%;width:59%;gap:4px}.bridge-app{padding:6px;border-radius:6px}.bridge-app .node-symbol{width:18px;height:18px;font-size:8px;border-radius:4px}.bridge-light{height:5px;width:5px;box-shadow:0 0 0 3px #268ff110,0 0 12px #268ff155}.bridge-customer{height:137px}.bridge-product-source{padding:6px;border-radius:7px;left:14%;gap:0}.bridge-product-source>span{display:none}.bridge-product{width:45px;height:37px;border-radius:4px}.bridge-customer .bridge-inner>.bridge-customer-card{min-width:146px;padding:10px 11px;gap:7px;border-radius:8px}.bridge-customer .avatar{height:24px;width:24px;font-size:7px}.bridge-customer b{font-size:8px}.bridge-customer small{font-size:5px;margin-top:2px}.bridge-check{font-size:9px}.bridge-target{left:85%;padding:9px 10px;font-size:7px;gap:5px;border-radius:7px}.bridge-target .node-symbol{width:20px;height:20px;font-size:9px;border-radius:5px}.bridge-builder{height:133px}.bridge-old-apps{left:16%;padding:8px;gap:3px;border-radius:7px}.bridge-old-apps .node-symbol{height:18px;width:18px;font-size:8px;border-radius:4px}.bridge-plus{left:43%;width:22px;height:22px}.bridge-plus>span{width:7px}.bridge-new-app{left:76%;min-width:149px;padding:11px 11px 11px 32px;border-radius:8px}.bridge-new-app>b{font-size:8px}.bridge-new-app>small{font-size:5px;letter-spacing:-.01em}.bridge-new-app>.new-app-grid{left:11px;top:16px}.new-app-grid{grid-template-columns:repeat(2,4px);grid-template-rows:repeat(2,4px);gap:2px}.bridge-new-app>.bridge-check{right:7px;top:7px;font-size:6px}.bridge-release{height:132px}.bridge-mini-app{left:18%;font-size:7px;padding:10px 9px;gap:7px;border-radius:7px}.bridge-scan{width:55px;gap:4px}.bridge-scan>i{width:13px;height:13px}.bridge-scan>i:after{font-size:6px}.bridge-scan>span{height:27px;top:12px}.bridge-inner>.bridge-release-card{left:81%;min-width:126px;padding:10px 11px 10px 8px;gap:7px;border-radius:8px}.release-orbit{width:22px;height:22px}.release-orbit svg{width:13px;height:13px}.bridge-inner>.bridge-release-card b{font-size:8px}.bridge-inner>.bridge-release-card small{font-size:5px;margin-top:2px}.bridge-plans{height:125px}.bridge-ready{font-size:7px;padding:6px 9px;border-radius:7px}.bridge-ready>span{width:12px;height:12px;font-size:6px}.bridge-plan-lines{top:30px}.bridge-plan-nodes{gap:10px;bottom:5px}.bridge-plan-nodes>span{font-size:8px;padding:6px 12px;border-radius:6px}.bridge-plan-nodes>span:after{height:14px}#apps{padding-top:35px;padding-bottom:24px}.closing{padding-top:18px}.story-step:last-child{min-height:0}.system{padding-top:32px;padding-bottom:20px}#builder{padding-top:35px;padding-bottom:25px}.comparison{margin-top:48px}.maintained{padding-top:36px;padding-bottom:30px}.maintained .section-heading{margin-bottom:33px}#pricing{padding-top:37px;padding-bottom:60px}.faq{padding-bottom:58px}.final{padding-top:64px}}
@media(max-width:360px){.bridge-inner{width:calc(100% - 28px)}.bridge-logo{width:65px}.bridge-brand{padding-inline:9px}.bridge-brand>span{font-size:4.5px}.bridge-app{padding:5px}.bridge-app .node-symbol{height:16px;width:16px;font-size:7px}.bridge-app-list{gap:3px}.bridge-customer .bridge-inner>.bridge-customer-card{min-width:132px;padding-inline:9px}.bridge-customer b{font-size:7px}.bridge-customer small{font-size:4.5px}.bridge-customer .avatar{width:22px;height:22px;font-size:6px}.bridge-target{font-size:6px;padding:8px;left:86%}.bridge-new-app{min-width:137px;left:75%;padding-left:29px}.bridge-new-app>b{font-size:7px}.bridge-new-app>small{font-size:4.5px}.bridge-old-apps{padding:7px;gap:3px;left:15%}.bridge-old-apps .node-symbol{width:17px;height:17px}.bridge-plus{left:40%}.bridge-mini-app{font-size:6px;padding:9px 8px;gap:5px;left:18%}.bridge-scan{width:45px;gap:3px}.bridge-scan>i{height:11px;width:11px}.bridge-scan>i:after{font-size:5px}.bridge-inner>.bridge-release-card{min-width:111px;padding:9px 9px 9px 7px;gap:5px}.bridge-inner>.bridge-release-card b{font-size:7px}.bridge-inner>.bridge-release-card small{font-size:4.5px}.release-orbit{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.story-bridge *{will-change:auto!important}.bridge-light{display:none}.bridge-backdrop{clip-path:ellipse(90% 90% at 50% 100%)}.bridge-customer .bridge-inner>.bridge-customer-card{opacity:1}.story-step .job-copy{opacity:1}}
body.motion-paused .bridge-light{display:none}body.motion-paused .story-bridge *{will-change:auto!important}
.story-bridge{scroll-margin-top:120px}
/* ---- brand.css (founder handoff 02.11, unchanged) ---- */
/* Visual language from beyonder.si/start. Motion and chapter geometry stay in their original files. */
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/manrope-latin-variable.woff2') format('woff2')}
:root{--bg:#fff;--surface:#f2f7fd;--ink:#131921;--muted:#66717e;--line:#dce7f2;--blue:#1675ef;--blue-strong:#196ed7;--card:#fff;--soft:#e8f2ff;--green:#15845e;--brand-shadow:0 1px 2px #1319210d,0 26px 54px -30px #165dbe80,inset 0 0 0 1px #d6e4f2;--brand-soft-shadow:0 8px 48px #195ab00c,0 1px 2px #195ab008,inset 0 0 0 1px #dfe9f4;--brand-blue-wash:radial-gradient(ellipse at 12% 4%,#d5edff 0%,transparent 62%),linear-gradient(135deg,#edf7ff,#d5e9fb)}
body{font-family:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.65;color:var(--ink);background:var(--bg);font-feature-settings:'ss01' 1}button,input,textarea,select{font-family:inherit}::selection{background:#c5e2ff;color:#12263e}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#6eafff;outline-width:3px;outline-offset:5px}h1,h2,h3,h4{font-family:Manrope,system-ui,sans-serif;font-weight:650;letter-spacing:-.055em}h2{font-weight:760;line-height:1.06}p{color:var(--muted)}.section-heading h2{font-weight:760;line-height:1.055}.section-heading p{font-size:17px;line-height:1.75}.split p{line-height:1.75}.section-heading h2 br{font:inherit}
.header{height:84px;background:#fffffff0;backdrop-filter:blur(22px);border-bottom:1px solid #eef2f6;padding-inline:clamp(24px,4.5vw,64px);gap:30px}.header .logo{width:168px}.header nav{font-size:13px;gap:25px;color:#687582}.header nav a:hover{color:#131921}.header-actions{gap:14px}.header .login{font-size:13px;line-height:1.2;color:#1d314b;border:1px solid #cbd9e8;background:#f0f6fd;border-radius:999px;padding:12px 23px;min-height:43px}.header .theme{color:#495b6d}.header .motion-control{color:#748495}.button{border-radius:999px;padding:14px 25px;font-size:13px;font-weight:600;min-height:50px;gap:14px;line-height:1.3}.button.primary{background:#151e29;color:#fff;border:0;box-shadow:0 10px 24px -12px #14263d5c,inset 0 1px 0 #ffffff12}.button.primary:hover{background:#216ed0;box-shadow:0 10px 24px #2078df25}.button.secondary{background:var(--card);color:var(--ink);border:1px solid #cedbea;box-shadow:none}.button.secondary:hover{background:#eff6ff;border-color:#8db4df}.header .button.primary.small{border:1px solid #d1dce7;color:#182536;background:#fff;box-shadow:0 1px 3px #13192105;font-size:12px;min-height:43px;padding:12px 21px}.header .button.primary.small:hover{background:#eff6ff;border-color:#92b8e2}.reading-progress{height:1.5px;background:#2e8bf0}
.hero{position:relative;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 68% 74% at 60% 52%,#d7eeff70 0%,#eaf6ff40 48%,transparent 78%)}.hero .hero-intro h1{font-family:Manrope,system-ui,sans-serif;font-weight:600;letter-spacing:-.067em;line-height:1.025;font-size:clamp(48px,4.65vw,70px)}.brand-accent{background:linear-gradient(100deg,#344d65,#3280ce 55%,#79b8ef);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.hero .lead{font-size:17px;line-height:1.75;color:#4c5b6c}.hero .hero-cta .primary{padding-inline:28px;min-height:51px}.text-link{font-weight:500}.hero .micro{font-size:10px;color:#7b8a9a}.hero>.proof{font-size:11px;color:#66798c}.hero .cinema-canvas{border-radius:34px;background:var(--brand-blue-wash);border:0;box-shadow:0 24px 80px -46px #3779b966,inset 0 0 0 1px #d8eafa}.cinema-grid{background-image:radial-gradient(#7daed447 .7px,transparent .7px);background-size:20px 20px;mask-image:radial-gradient(ellipse at center,#000 24%,transparent 76%)}.hc-caption{background:#ffffff42;border-bottom-color:#caddf077;color:#526d87}.hc-caption-end{color:#8299af}.hc-workspace{border:0;border-radius:22px;box-shadow:var(--brand-shadow);background:var(--card)}.hc-windowbar{color:#6e879f;border-bottom-color:#e7eef7}.hc-dots i{background:#a1bad166}.hc-chip{border:0;border-radius:999px;background:#fff;box-shadow:0 7px 18px #195ab00a,inset 0 0 0 1px #d8e6f4;font-weight:600;color:#334b65}.hc-chip .node-symbol{border-radius:50%;font-family:Manrope,system-ui,sans-serif;font-weight:750}.hc-event{border:0;border-radius:17px;background:#fff;box-shadow:0 12px 28px -16px #165dbe66,inset 0 0 0 1px #cadeed}.hc-event b{font-weight:650}.hc-event small{color:#73879b}.hc-foot{background:transparent;color:#7691a9}.hc-foot button{color:#5481aa}.hc-system-brand>span{color:#6e8ba5}.hero-chapters button{font-weight:550;color:#8091a3}.hero-chapters button[aria-pressed=true]{color:#215c9a}.hero-chapters button>span{font-variant-numeric:tabular-nums}.hero-chapters button:after{height:2px;border-radius:3px}.node-symbol{font-family:Manrope,system-ui,sans-serif;font-weight:750}.avatar{font-family:Manrope,system-ui,sans-serif;font-weight:700;background:#e5f0ff;color:#2466ae}.hc-site-nav,.hc-site-foot,.hc-panel{font-family:Manrope,system-ui,sans-serif}.hc-site-nav>b{font-weight:700}.hc-product-title>b{font-weight:600;letter-spacing:-.065em}.hc-crm-head h4{font-weight:650;letter-spacing:-.045em}.hc-crm-person b,.hc-interest b{font-weight:650}.hc-data-tags span,.hc-crm-badge{border-radius:999px}
.problem h2,.split h2{font-weight:720;letter-spacing:-.055em;line-height:1.07}.cost-visual{border:0;border-radius:30px;background:var(--brand-blue-wash);box-shadow:inset 0 0 0 1px #d8eafa,0 24px 55px -40px #165dbe40}.scattered span{border:0;background:#fff;border-radius:999px;color:#607185;box-shadow:0 3px 9px #195ab006,inset 0 0 0 1px #dce8f5;font-weight:500}.new-cost{border-top-color:#b8d0e780}.old-cost{font-family:Manrope,system-ui,sans-serif;font-weight:500;letter-spacing:-.055em;color:#73879d}.new-cost strong{font-weight:650;letter-spacing:-.055em}.new-cost strong span{font-weight:450}.new-cost .logo{width:137px}
#apps>.section-heading h2{font-weight:760}.story-step h3{font-weight:700;letter-spacing:-.055em;line-height:1.08}.story-step .job-copy>b{font-weight:650;color:#31475c}.story-step .job-copy p{color:#65758a;font-size:15px;line-height:1.75}.story-step .step{font-family:Manrope,system-ui,sans-serif;font-size:12px;font-weight:650;color:#5481aa}.step-rail{background:#d7e6f3}.story-step.is-current .step-rail i{box-shadow:0 0 0 5px #e5f1ff}.app-stage{border:0;border-radius:32px;background:var(--brand-blue-wash);box-shadow:0 20px 65px -40px #165dbe55,inset 0 0 0 1px #d8eafa}.stage-top{color:#6d8ba6}.stage-count{color:#7490ab;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.stage-count b{color:#2a609b;font-weight:600}.app-scene{border:0;border-radius:22px;background:var(--card);box-shadow:var(--brand-shadow)}.window-toolbar{font-weight:600;color:#364f6b;border-bottom-color:#e6eef7;border-radius:22px 22px 0 0}.window-status{font-weight:500}.stage-bottom{color:#7991a7}.stage-pager button>span{height:4px;background:#b8d1e8}.stage-pager button[aria-pressed=true]>span{background:#1675ef}.mobile-demo{border:0;border-radius:28px;background:var(--brand-blue-wash);box-shadow:inset 0 0 0 1px #d8eafa}.scene-event{border:0;border-radius:15px;box-shadow:0 10px 30px -14px #165dbe4d,inset 0 0 0 1px #d6e4f2}.scene-event b{font-weight:650}.scene-event small{font-weight:450;color:#73879b}.event-icon{border-radius:50%;background:#e5f0ff;color:#196ed7}.website-screen{border-radius:12px}.website-screen nav b{font-weight:700}.website-layout h4{font-weight:600;letter-spacing:-.065em}.website-layout small,.demo-link,.small-label{font-weight:500}.website-bottom{font-weight:500}.content-script h4{font-weight:700;letter-spacing:-.055em}.script-sample p{font-weight:500}.script-tag{border-radius:999px}.video-art{border-radius:16px}.video-caption{font-weight:650;letter-spacing:-.04em}.outbound-prospect h4,.crm-heading h4{font-weight:700;letter-spacing:-.04em}.outbound-email{border-radius:16px;border-color:#e2ebf5;background:var(--card)}.email-product{border-radius:12px;border:0;box-shadow:inset 0 0 0 1px #e0eaf4}.intent-indicator,.crm-row small{border-radius:999px}.crm-heading{color:#243c58}.crm-row b{font-weight:600}.crm-profile{border-radius:13px;border:0;box-shadow:inset 0 0 0 1px #dce8f5;background:#f4f8fd}.crm-profile b{font-weight:650}.deal-card{border-radius:13px;background:#f6f9fd;border-color:#e1ebf6;box-shadow:0 2px 8px #195ab004}.deal-card>b{font-weight:650;letter-spacing:-.05em}.deal-card>span{font-weight:550}.closing{font-weight:450;color:#60758b}
/* Keep the existing dark chapter, as the reference also uses a contrasting night-blue chapter. */
.system .section-heading h2{font-weight:740;letter-spacing:-.055em}.system .section-heading p{color:#b0c4d7;line-height:1.8}.journey{border-radius:28px;border-color:#2a4a64;background:radial-gradient(ellipse at 90% 10%,#184b731f,transparent 72%),#082535;box-shadow:0 20px 54px -34px #1675ef33}.journey-top{font-weight:600;color:#adc5dc;border-color:#284a63}.map-app{border-radius:999px;border-color:#385b77;background:#103247;font-weight:600}.map-app .node-symbol{border-radius:50%}.map-app.active{background:#123e5a;border-color:#5caff7}.journey-focus{border-radius:20px;box-shadow:0 10px 35px #00000014;border:0}.jf-video b,.jf-website b{font-weight:650;letter-spacing:-.055em}.jf-person b{font-weight:650}.jf-product,.jf-attachment{border-radius:11px}.jf-person>i{border-radius:999px}.system .customer{border-radius:17px;background:#103247;border-color:#385b77;box-shadow:0 6px 20px #0001}.system .customer b{font-weight:650}.system .customer small{color:#b0c4d7}.system .customer .avatar{border-radius:50%;background:#214c6a;color:#d2eaff}.journey-tabs{border-color:#284a63}.journey-tabs button{font-weight:550;border-color:#284a63;color:#a5c0d8}.journey-tabs button[aria-selected=true]{background:#124060;color:#f0f7ff}.journey-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.journey-tabs button i{background:#67baff}
.builder-preview{border:0;border-radius:28px;background:var(--brand-blue-wash);box-shadow:var(--brand-soft-shadow)}.builder-toolbar{border-color:#cee0f1;color:#334b65}.builder-title{font-weight:600}.builder-title .node-symbol{border-radius:50%;background:linear-gradient(135deg,#1c69db,#3095f8);color:#fff}.builder-conversation .prompt{background:#fff;border:0;border-radius:22px;box-shadow:var(--brand-soft-shadow);font-weight:500}.prompt button{border-radius:999px;background:#1675ef;box-shadow:0 0 0 4px #deedff}.built-app{border:0;border-radius:20px;box-shadow:var(--brand-shadow);background:var(--card)}.built-app .mock-title{font-weight:650;color:#2c435d}.built-app .mock-title .green{background:#e6f6ed;padding:2px 7px;border-radius:999px;font-size:8px}.referral-summary>span{color:#8191a4}.referral-summary b{font-weight:650;color:#223a55}.referral-row{border-bottom-color:#e5edf6}.referral-row b{font-weight:550}.builder-foot{color:#7b91a5}.builder-foot .text-link{font-weight:600;color:#5481aa}.comparison h3{font-weight:740;letter-spacing:-.055em}.comparison table{color:#53677e}.comparison tbody th{font-weight:550;color:#7a8ba0}.comparison thead th{font-weight:700}.comparison td:last-child{color:#294d78;background:#edf5ff}.comparison thead th:last-child{color:#215f9f;background:#e5f1ff}.comparison th,.comparison td{border-bottom-color:#e1ebf5}
.maintained{background:linear-gradient(145deg,#f0f7ff,#e7f2ff 58%,#f2f8ff)}.release h3{font-weight:700;letter-spacing:-.05em}.checks{border:0;border-radius:24px;box-shadow:var(--brand-shadow);background:#fff}.release-status{font-weight:650;color:#29425f;border-color:#e1ebf5}.release-status>span{background:#e5f5ed;color:#15845e}.check{font-weight:500;color:#51657c;border-color:#e5edf6}.check-mark{background:#e5f5ed;color:#15845e!important}.plan{border-radius:27px;border:0;box-shadow:0 12px 35px -25px #165dbe44,inset 0 0 0 1px #d8e5f3;background:#fff}.plan.popular{border:0;background:linear-gradient(180deg,#eaf4ff,#fff 53%);box-shadow:0 15px 40px -25px #165dbe55,inset 0 0 0 1.5px #8dbdf1;padding:32px}.badge{border-radius:999px;background:#1675ef;box-shadow:0 4px 12px #1675ef18;font-size:10px;font-weight:650;padding:5px 14px;top:-15px}.plan h3{font-weight:750;letter-spacing:-.04em}.who{font-size:13px;color:#738196}.price{font-weight:650;letter-spacing:-.055em}.price span{font-weight:450;color:#8291a4}.billing{color:#8493a6}.plan .button{border-radius:999px;font-size:12px}.plan .secondary{background:#fff;box-shadow:inset 0 0 0 1px #cbdcf0;border:0;color:#29425f}.plan .primary{background:#151e29;color:#fff}.intro{color:#61768d;font-weight:600}.plan li{color:#52667d;border-color:#e6eef6}.plan li:before{color:#2581e7;font-weight:650}.faq h2{font-weight:750;letter-spacing:-.055em}.faq summary{font-weight:600;color:#304760}.faq summary:after{color:#7892ac}.faq details{border-color:#dfe9f5}.faq details p{color:#6c7f95;line-height:1.8}.final{background:radial-gradient(ellipse at 75% 10%,#bddfff90,transparent 65%),linear-gradient(135deg,#d9ecff 0%,#eef8ff 50%,#d0e9ff 100%)}.final h2{font-weight:700;letter-spacing:-.06em}.final p:not(.micro){color:#536b85}.final:before,.final:after{border-color:#b8d5f240}.final .micro{color:#738eaa}.footer{color:#7389a0}.footer>a:last-child{font-weight:600;color:#2468b2}.footer .logo{width:134px}dialog{border-radius:26px;border:0;box-shadow:0 25px 80px #0b2f5a25,inset 0 0 0 1px #d8e5f3}dialog h3{font-weight:700;letter-spacing:-.04em}
/* The transition routes stay intact; only their surfaces and type are restyled. */
.bridge-brand,.bridge-product-source,.bridge-target,.bridge-old-apps,.bridge-mini-app,.bridge-ready{border:0;border-radius:999px;box-shadow:0 8px 20px #195ab00a,inset 0 0 0 1px #d6e4f2}.bridge-app{border:0;border-radius:999px;box-shadow:0 6px 18px #195ab008,inset 0 0 0 1px #d8e6f4}.bridge-app>b{font-weight:600;color:#526b86}.bridge-app .node-symbol,.bridge-old-apps .node-symbol,.bridge-target .node-symbol{border-radius:50%;font-weight:750}.bridge-brand>span{color:#8096aa;font-weight:500}.bridge-customer-card,.bridge-new-app,.bridge-release-card{border:0;border-radius:18px;box-shadow:0 10px 24px -15px #165dbe55,inset 0 0 0 1px #ccdfef}.bridge-customer-card b,.bridge-new-app>b,.bridge-release-card b{font-weight:650}.bridge-customer-card small,.bridge-new-app>small,.bridge-release-card small{color:#7890a8}.bridge-plus{border:0;box-shadow:0 3px 12px #195ab009,inset 0 0 0 1px #c9deef}.bridge-release>.bridge-backdrop{background:#f0f7ff}.bridge-plans{background:#f2f8ff}.bridge-plan-nodes>span{border:0;border-radius:999px;box-shadow:0 5px 14px #195ab008,inset 0 0 0 1px #d4e5f5;font-weight:600;color:#526b86}.bridge-plan-nodes>span:nth-child(2){color:#216bba;box-shadow:0 6px 18px #195ab00d,inset 0 0 0 1px #a8caef}.bridge-plan-lines path{stroke:#bed5ee}
/* Preserve the working theme switch without washing out the product photography. */
body.dark{--bg:#061724;--surface:#0b2437;--ink:#eef5fc;--muted:#a6bad0;--line:#29485f;--card:#0f2e43;--soft:#123b5a;--blue:#4098fa;--blue-strong:#82bdff;--green:#83d6ad;--brand-shadow:0 3px 12px #00000012,0 20px 45px -25px #00000055,inset 0 0 0 1px #2a4b66;--brand-soft-shadow:0 10px 35px #00000010,inset 0 0 0 1px #284a64;--brand-blue-wash:radial-gradient(ellipse at 12% 4%,#1c4d7440,transparent 65%),linear-gradient(135deg,#0b2b43,#0d334f)}.dark .header{background:#061724ef;border-color:#1d384e}.dark .header nav{color:#a4bad1}.dark .header nav a:hover{color:#fff}.dark .header .login{background:#0e2f48;border-color:#335775;color:#cce4fa}.dark .header .button.primary.small{background:#153c59;border-color:#335775;color:#e9f5ff}.dark .header .theme,.dark .header .motion-control{color:#aac3d9}.dark .button.primary{background:#f0f6fc;color:#142c43;box-shadow:0 10px 24px -12px #0006}.dark .button.primary:hover{background:#c9e4ff}.dark .button.secondary{background:#12334b;border-color:#335775;color:#d8eafd}.dark .hero .lead{color:#b3c9de}.dark .hero .micro,.dark .hero>.proof{color:#8aa6bf}.dark .hero:before{background:radial-gradient(ellipse 68% 74% at 60% 52%,#174a7425,transparent 78%)}.dark .brand-accent{background-image:linear-gradient(100deg,#7ab7ef,#a3d3ff 65%,#c9e9ff)}.dark .hero .cinema-canvas{background:var(--brand-blue-wash);box-shadow:inset 0 0 0 1px #274d69}.dark .hc-caption{background:transparent;border-color:#30506c;color:#8aacc7}.dark .hc-foot{background:transparent}.dark .hc-chip{background:#12374f;color:#d7e9f8;box-shadow:0 10px 20px #0001,inset 0 0 0 1px #315772}.dark .hc-event{background:#fff;color:#163242}.dark .scattered span{background:#12334b;color:#b0c8de;box-shadow:inset 0 0 0 1px #335775}.dark .cost-visual,.dark .app-stage,.dark .mobile-demo{background:var(--brand-blue-wash);box-shadow:var(--brand-soft-shadow)}.dark .story-step .job-copy>b{color:#d1e5f7}.dark .story-step .job-copy p{color:#a9bfd4}.dark .window-toolbar{color:#bfd6e9;border-color:#294b66}.dark .scene-event{background:var(--card);box-shadow:var(--brand-shadow)}.dark .scene-event b{color:#e6f2fc}.dark .scene-event small{color:#91afc9}.dark .event-icon{background:#173e5b;color:#8ac6ff}.dark .avatar{background:#204e70;color:#c8e6ff}.dark .outbound-email,.dark .crm-profile{background:#12344c;box-shadow:inset 0 0 0 1px #335775}.dark .email-product{background:#0b283d;box-shadow:inset 0 0 0 1px #284a64}.dark .crm-heading{color:#d5e9f8}.dark .deal-card{background:#12344c;border-color:#335775}.dark .closing{color:#a6bfd5}.dark .builder-toolbar{border-color:#294b66;color:#c1d9ed}.dark .builder-conversation .prompt{background:var(--card)}.dark .referral-summary b,.dark .built-app .mock-title{color:#d2e7f9}.dark .builder-foot .text-link{color:#8cbbdf}.dark .built-app .mock-title .green{background:#153e36;color:#91d3b3}.dark .comparison table{color:#bad0e4}.dark .comparison tbody th{color:#8daec8}.dark .comparison td:last-child,.dark .comparison thead th:last-child{background:#123b5a;color:#cbe7ff}.dark .comparison th,.dark .comparison td{border-color:#29485f}.dark .maintained{background:linear-gradient(145deg,#0b2b43,#0c2f49 58%,#0a283f)}.dark .checks,.dark .plan{background:var(--card);box-shadow:var(--brand-shadow)}.dark .release-status{color:#d4eafa;border-color:#29485f}.dark .check{color:#b2cce0;border-color:#29485f}.dark .plan.popular{background:linear-gradient(180deg,#164365,#0f2e43 65%);box-shadow:0 15px 40px -25px #0004,inset 0 0 0 1.5px #467dab}.dark .plan .primary{background:#eaf5ff;color:#193b56}.dark .plan .secondary{background:#12334b;color:#d8eafd;box-shadow:inset 0 0 0 1px #335775}.dark .who,.dark .plan li{color:#a8c1d8}.dark .plan li{border-color:#29485f}.dark .price span,.dark .billing{color:#8cabc5}.dark .intro{color:#b6cfe4}.dark .faq summary{color:#c9e1f3}.dark .faq details{border-color:#29485f}.dark .faq details p{color:#a8c1d8}.dark .final{background:radial-gradient(ellipse at 75% 10%,#24588055,transparent 65%),linear-gradient(135deg,#0d2b43,#123b5a 50%,#0a283f)}.dark .final p:not(.micro){color:#a9c7df}.dark .final .micro{color:#85a9c5}.dark .footer{color:#86a8c3}.dark .footer>a:last-child{color:#9acdf7}.dark .bridge-brand,.dark .bridge-product-source,.dark .bridge-target,.dark .bridge-old-apps,.dark .bridge-mini-app,.dark .bridge-ready,.dark .bridge-app{box-shadow:inset 0 0 0 1px #315772;background:var(--card);color:#c2ddf2}.dark .bridge-app>b{color:#b2cee4}.dark .bridge-customer-card,.dark .bridge-new-app,.dark .bridge-release-card{box-shadow:var(--brand-shadow);background:var(--card)}.dark .bridge-release>.bridge-backdrop{background:#0b2b43}.dark .bridge-plans{background:#0a283f}.dark .bridge-plan-nodes>span{background:var(--card);color:#c0dcef;box-shadow:inset 0 0 0 1px #315772}.dark .bridge-plan-nodes>span:nth-child(2){color:#9dd2ff;box-shadow:inset 0 0 0 1px #517ea6}
@media(min-width:1500px){.hero .hero-intro h1{font-size:74px}}
@media(max-width:1100px){.header{padding-inline:28px;gap:22px}.header .logo{width:151px}.header nav{gap:21px;font-size:12px}.header .login{padding-inline:18px}.hero .hero-intro h1{font-size:52px}.hero .lead{font-size:16px}.story-step h3{font-size:35px}.story-step .job-copy p{font-size:14px}.plan.popular{padding:26px 22px}}
@media(max-width:800px){.hero .hero-intro h1{font-size:61px}.hero .lead{font-size:17px;max-width:480px}.hero .cinema-canvas{border-radius:32px}.section-heading h2{font-size:44px}.section-heading p{font-size:16px}.story-step h3{font-size:36px}.story-step .job-copy p{font-size:15px}.mobile-demo{border-radius:28px}.mobile-demo .app-scene{border-radius:22px}.builder-preview{border-radius:28px}.system .section-heading h2{font-size:45px}.plan.popular{padding:27px 18px}}
@media(max-width:540px){.header{height:72px;padding-inline:18px;gap:10px}.header .logo{width:130px}.header-actions{gap:7px}.header .theme{font-size:19px}.header .motion-control{width:20px}.header .button.primary.small{font-size:10px;min-height:36px;padding:10px 14px}.hero .hero-intro h1{font-size:44px;letter-spacing:-.06em;line-height:1.04}.hero .lead{font-size:15px;line-height:1.75;max-width:330px}.hero .hero-cta .primary{min-height:49px;padding-inline:26px;font-size:12px}.hero .hero-cta .text-link{font-size:11px}.hero .micro{font-size:8px}.hero>.proof{font-size:9px}.hero .cinema-canvas{border-radius:27px}.hc-workspace{border-radius:16px}.hc-event{border-radius:13px}.hc-chip{border-radius:999px}.hc-crm-head h4{font-size:20px}.hc-product-title>b{font-size:27px}.split h2,.problem h2,.section-heading h2{font-size:36px;line-height:1.08;letter-spacing:-.055em}.section-heading p,.split p{font-size:14px;line-height:1.8}.cost-visual{border-radius:27px}.new-cost strong{font-size:43px}.new-cost .logo{width:125px}.story-step h3{font-size:32px}.story-step .job-copy>b{font-size:12px}.story-step .job-copy p{font-size:13px;line-height:1.8}.story-step .step{font-size:10px}.mobile-demo{border-radius:26px}.mobile-demo .app-scene{border-radius:18px}.scene-event{border-radius:13px}.mobile-demo .website-layout h4{font-size:35px}.content-script h4{font-size:26px}.script-sample p{font-size:10px}.video-art{border-radius:13px}.outbound-email{border-radius:12px}.crm-profile,.email-product{border-radius:10px}.deal-card{border-radius:10px}.system .section-heading h2{font-size:37px}.system .section-heading p{font-size:13px;line-height:1.85}.journey{border-radius:25px}.journey-focus{border-radius:15px}.system .customer{border-radius:15px}.jf-video b,.jf-website b{font-size:25px}.builder-preview{border-radius:25px}.builder-conversation .prompt{border-radius:18px}.built-app{border-radius:18px}.referral-summary b{font-size:22px}.comparison h3{font-size:29px}.release h3{font-size:29px;line-height:1.1}.checks{border-radius:23px}.plan,.plan.popular{padding:29px 26px;border-radius:26px}.plan h3{font-size:25px}.plan .who{font-size:12px;min-height:0}.plan .button{font-size:12px}.price{font-size:48px}.plan li{font-size:11px;line-height:1.75}.faq h2{font-size:35px}.faq summary{font-size:12px;line-height:1.7}.faq details p{font-size:12px}.final h2{font-size:38px;line-height:1.08}.final p:not(.micro){font-size:13px}.footer .logo{width:124px}.bridge-customer-card,.bridge-new-app,.bridge-release-card{border-radius:14px}}
@media(max-width:360px){.header{padding-inline:14px;gap:8px}.header .logo{width:120px}.header-actions{gap:5px}.header .button.primary.small{font-size:9px;padding-inline:12px}.header .theme{padding-inline:3px}.hero .hero-intro h1{font-size:38px}.hero .lead{font-size:14px}.hero .hero-cta{gap:18px}.hero .hero-cta .text-link{font-size:10px}.section-heading h2,.split h2,.problem h2{font-size:33px}.system .section-heading h2{font-size:34px}}
/* ---- polish.css (founder handoff 02.11, unchanged) ---- */
/* Finishing pass: readable mobile copy, consistent touch targets and calm chapter rhythm. */
html{scroll-padding-top:100px}
.header a[aria-label="Beyonder home"]{display:flex;align-items:center;min-height:44px}
.header .theme,.header .motion-control{min-width:40px;min-height:44px;display:grid;place-items:center;flex-shrink:0}
.hero-chapters button{min-height:44px;padding-block:10px}
.hero-chapters button:after{bottom:4px}
.icon-button{width:40px;height:40px}
.builder-foot .text-link{min-height:44px;display:inline-flex;align-items:center}
.prompt button{min-width:40px;min-height:40px;flex-shrink:0}
.built-app{transition:none}
.table-scroll{border-radius:16px;isolation:isolate}
.comparison table{table-layout:fixed}
.comparison th,.comparison td{overflow-wrap:break-word}
.faq summary{min-height:64px}
.faq details[open] summary{color:var(--blue-strong)}
.hero .micro,.billing{color:#6e8094}
.dark .hero .micro,.dark .billing{color:#a0b9d0}
@media(hover:hover){.header .theme:hover,.header .motion-control:hover{background:var(--surface);border-radius:50%}}
@media(max-width:800px){
 .story-step .job-copy p{font-size:15px;line-height:1.75}
 .journey-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .journey-tabs button{font-size:11px;line-height:1.45;min-height:62px;padding:12px 14px;text-align:left}
 .journey-number{font-size:9px}
 .journey-tabs button:nth-child(2){border-right:0}
 .journey-tabs button:nth-child(-n+2){border-bottom:1px solid #284a63}
 .hero .hero-cta .text-link{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:540px){
 html{scroll-padding-top:88px}
 .header{padding-inline:16px;gap:8px}
 .header .logo{width:124px}
 .header-actions{gap:2px}
 .header .theme,.header .motion-control{min-width:36px;width:36px;min-height:44px}
 .header .button.primary.small{min-height:42px;padding-inline:15px;font-size:11px;margin-left:4px}
 .hero{padding-top:44px}
 .hero .micro{font-size:10px;line-height:1.6;max-width:280px;margin-inline:auto}
 .hero>.proof{font-size:10px;margin-top:20px}
 .hero-chapters{gap:14px;padding-top:9px;justify-content:space-between}
 .hero-chapters button{font-size:9px;gap:5px;min-height:44px}
 .hero-chapters button>span{font-size:8px}
 .hc-foot{height:35px;font-size:6px}
 .hc-foot button{min-height:35px;font-size:8px;padding-inline:5px}
 .section-heading p,.split p{font-size:15px;line-height:1.75}
 .story-step .job-copy>b{font-size:13px;line-height:1.6}
 .story-step .job-copy p{font-size:14px;line-height:1.75}
 .system .section-heading p{font-size:14px;line-height:1.8}
 .story-step{padding-bottom:44px}
 .mobile-demo{margin-top:24px}
 .closing{font-size:15px;line-height:1.75}
 .builder-conversation .prompt{font-size:11px;line-height:1.6;padding:12px;gap:10px}
 .builder-foot{align-items:center;min-height:48px}
 .comparison table{min-width:0;font-size:11px;line-height:1.65}
 .comparison th,.comparison td{padding:13px 9px;vertical-align:top}
 .comparison thead th{font-size:11px;line-height:1.5}
 .comparison tbody th{width:22%}
 .comparison td:last-child,.comparison thead th:last-child{width:41%}
 .plan .who{font-size:14px;line-height:1.7}
 .plan .billing{font-size:12px;line-height:1.65;max-width:250px}
 .plan li{font-size:13px;line-height:1.65;padding-block:14px}
 .plan .intro{font-size:12px;line-height:1.65}
 .plan .button{min-height:48px;font-size:13px}
 .plans{gap:34px}
 .faq summary{font-size:14px;line-height:1.6;padding-block:20px;padding-right:30px}
 .faq details p{font-size:14px;line-height:1.75;padding-right:12px;padding-bottom:24px}
 .faq summary:after{top:18px}
 .final p:not(.micro){font-size:15px}
 .final .micro{font-size:11px}
 .footer>a:last-child{min-height:44px;display:flex;align-items:center}
 .footer>span{font-size:11px;line-height:1.7}
}
@media(max-width:360px){
 .header{padding-inline:12px;gap:4px}
 .header .logo{width:112px}
 .header .theme,.header .motion-control{min-width:32px;width:32px}
 .header .button.primary.small{padding-inline:12px;font-size:10px;margin-left:2px}
 .hero-chapters{gap:7px}
 .hero-chapters button{font-size:8px}
 .hero-chapters button>span{font-size:7px}
 .plan,.plan.popular{padding-inline:22px}
 .comparison th,.comparison td{padding-inline:7px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hc-workspace,.app-scene,.journey-focus{will-change:auto}}
body.motion-paused{scroll-behavior:auto}
/* Match the handoff surfaces at both ends of the maintenance chapter. */
.maintained{background:linear-gradient(180deg,#f0f7ff 0%,#e7f2ff 52%,#f2f8ff 100%)}
.dark .maintained{background:linear-gradient(180deg,#0b2b43 0%,#0c2f49 52%,#0a283f 100%)}
@media(max-width:800px) and (min-width:641px){.header{gap:14px;padding-inline:24px}.header-actions{gap:8px}.header .logo{width:140px}.header .login{padding-inline:16px}}
/* A single diagonal strike marks the old stack price. */
.old-cost{position:relative;width:max-content;max-width:100%;margin-inline:auto;text-decoration:none}
.old-cost:after{content:'';position:absolute;left:-2%;top:50%;width:104%;height:1.5px;background:currentColor;transform:rotate(-8deg);transform-origin:center;pointer-events:none}
/* Balanced shared-data diagram: three aligned applications on each side. */
.journey-map{height:352px}
.journey-focus{left:50%;top:50%;width:36%;max-width:245px;height:192px}
.map-clips{left:16%;top:22%}.map-hit{left:16%;top:50%}.map-own{left:16%;top:78%}
.map-web{left:84%;top:22%}.map-crm{left:84%;top:50%}.map-out{left:84%;top:78%}
.journey-map .map-app{min-width:0;justify-content:center}
.journey-layout-mobile{display:none}
.journey-map>.journey-layout-desktop{display:block}
.moving-record{width:20px;height:20px;border-width:2px;font-size:5px}
@media(max-width:540px){
 .journey-map{height:330px}
 .journey-board{height:414px}
 .journey-focus{width:49%;max-width:185px;height:165px;left:50%;top:50%}
 .map-clips{left:16%;top:14%}.map-web{left:50%;top:14%}.map-crm{left:84%;top:14%}
 .map-hit{left:16%;top:86%}.map-own{left:50%;top:86%}.map-out{left:84%;top:86%}
 .journey-map>.journey-layout-desktop{display:none}
 .journey-map>.journey-layout-mobile{display:block}
 .moving-record{width:17px;height:17px;font-size:4px}
}
/* Temporarily held back for launch; retain all source copy and demo markup. */
#builder,#story-handoff-builder,#story-handoff-release,.header nav a[href="#why-beyonder"]{display:none!important}
/* Complete the dark chapter directly into the next light chapter. */
.system{border-radius:0 0 36px 36px;padding-bottom:58px}
@media(max-width:540px){.system{border-radius:0 0 26px 26px;padding-bottom:38px}}

/* Hero shares the same page grid as the header and following chapters. */
.hero.wrap{width:min(1180px,calc(100% - 80px))}
@media(max-width:900px){.hero.wrap{width:calc(100% - 48px)}}
@media(max-width:640px){.hero.wrap{width:calc(100% - 36px)}}
/* Editorial wrapping; wording is unchanged. */
main h1,main h2,main h3{text-wrap:balance}
main p,main li,main summary,main td,main th{text-wrap:pretty}

/* Keep the video caption readable even on a narrow phone. */
@media(max-width:540px){.mobile-demo .video-caption{font-size:clamp(11px,3.3vw,15px);left:10px;right:8px;line-height:1.15;overflow-wrap:normal}}
/* ---- header.css (founder handoff 02.11, unchanged) ---- */
/* Header composition follows Beyonder /start. */
.header{padding:0;display:block;height:84px;gap:0}
.header-inner{width:min(1180px,calc(100% - 80px));height:100%;margin:auto;display:flex;align-items:center;gap:28px}
.header-logo{display:block;width:180px;height:auto;aspect-ratio:500/92}
.header nav{display:flex;align-items:center;margin-left:auto;gap:25px;font-size:13px;color:#687582}
.header .login{display:inline-flex;align-items:center;justify-content:center;background:#f0f6fd;border:1px solid #cbd9e8;border-radius:999px;min-height:43px;padding:12px 23px;font-size:13px;color:#222e3b;margin-left:3px}
.header .header-start{flex-shrink:0;margin-left:0}
.menu-toggle{display:none}
.footer-preferences{display:flex;align-items:center;gap:4px}
.footer-preferences button{width:40px;height:44px;display:grid;place-items:center;color:var(--muted)}
.dark .header-logo{filter:brightness(0) invert(1)}
@media(max-width:1200px){
 .header-inner{width:calc(100% - 48px);gap:14px}
 .header-logo{width:150px}
 .header .header-start{margin-left:auto;min-height:44px;padding:0 18px;font-size:13px}
 .menu-toggle{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;border:1px solid var(--line);border-radius:50%;flex-shrink:0;background:var(--card);z-index:2}
 .menu-toggle span{width:17px;height:1.5px;background:var(--ink);transition:transform .22s ease}
 .header nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:20px 24px 26px;gap:0;align-items:stretch;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 15px 30px #173a5a0a;font-size:16px}
 .header.is-open nav{display:flex;flex-direction:column}
 .header nav>a{padding:15px 0;border-bottom:1px solid var(--line)}
 .header nav .login{margin:20px 0 0;align-self:flex-start;min-height:44px}
 .header.is-open .menu-toggle span:first-child{transform:translateY(3.75px) rotate(45deg)}
 .header.is-open .menu-toggle span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
 .dark .header nav{background:var(--bg)}
}
@media(max-width:760px){
 .header{height:64px}
 .header-inner{width:calc(100% - 36px);gap:10px}
 .header-logo{width:120px}
 .header .header-start{padding-inline:17px;font-size:13px}
 .footer-preferences{margin-left:auto}
 html{scroll-padding-top:80px}
}
@media(max-width:460px){.header-inner{gap:8px}.header .header-start{padding-inline:15px}}
@media(max-width:350px){.header-logo{width:100px}.header .header-start{padding-inline:12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}
@media(max-width:1200px){.header .button.header-start{margin-left:auto}}
@media(max-width:1200px){.header .button.primary.header-start{margin-left:auto}}
/* ---- cursor.css (founder handoff 02.11, unchanged) ---- */
/* == beyonder-cursor == */
body .bx-cursor-halo{display:none;position:fixed;left:0;top:0;z-index:2147483647;pointer-events:none;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#56c8ff16 0%,#328be009 38%,transparent 75%);filter:blur(7px);opacity:0}
@media(hover:hover) and (pointer:fine){
 body.bx-fine-cursor,body.bx-fine-cursor *{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22glow%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.8%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23d8efff%22%20stop-opacity%3D%22.4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d8efff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22dot%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23287fc2%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23287fc2%22%20stop-opacity%3D%22.95%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23287fc2%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23287fc2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2212%22%20fill%3D%22url%28%23glow%29%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%227%22%20fill%3D%22url%28%23dot%29%22%2F%3E%3C%2Fsvg%3E") 16 16,auto!important}
 body.bx-fine-cursor :is(button,a,summary,[role="button"]),body.bx-fine-cursor :is(button,a,summary,[role="button"]) *{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22glow%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.8%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23d8efff%22%20stop-opacity%3D%22.4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d8efff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22dot%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23268fa7%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23268fa7%22%20stop-opacity%3D%22.95%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23268fa7%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23268fa7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2212%22%20fill%3D%22url%28%23glow%29%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%227%22%20fill%3D%22url%28%23dot%29%22%2F%3E%3C%2Fsvg%3E") 16 16,pointer!important}
 body.bx-fine-cursor :is(input,textarea,[contenteditable="true"]),body.bx-fine-cursor :is(input,textarea,[contenteditable="true"]) *{cursor:text!important}
 body.bx-fine-cursor :is(select,iframe){cursor:auto!important}
 body.bx-fine-cursor .bx-cursor-halo{display:block}
 body .bx-cursor-halo.is-visible{opacity:1}
 body .bx-cursor-halo.is-action{width:56px;height:56px;background:radial-gradient(circle,#43d3ee22 0%,#328be00c 38%,transparent 78%)}
}
@media(prefers-reduced-motion:reduce){
 body .bx-cursor-halo{transition:none!important;animation:none!important}
}
/* ---- finish.css (founder handoff 02.11, unchanged) ---- */
/* Targeted craft pass informed by Unslop by Damir Sokolovsky (@heydamir), CC BY 4.0, https://heydamir.design/unslop.
   Preserve Beyonder's approved palette, imagery, cursor, copy and explanatory motion. */
:root{--muted:#586b7d;--meta:#526779;--brand-shadow:0 2px 4px #102d4610,0 12px 28px -12px #102d4624,inset 0 0 0 1px #d6e4f2;--brand-soft-shadow:0 4px 16px #102d4609,inset 0 0 0 1px #dfe9f4}
body.dark{--muted:#afc2d4;--meta:#91abc1;--brand-shadow:inset 0 0 0 1px #2a4b66;--brand-soft-shadow:inset 0 0 0 1px #284a64}
main h2,main h3,.section-heading h2,.system .section-heading h2,.problem h2,.split h2,.story-step h3,.release h3,.faq h2,.final h2,.plan h3{font-weight:600}
.hc-crm-head h4,.hc-product-title>b,.content-script h4,.website-layout h4,.crm-heading h4,.outbound-prospect h4{font-weight:600}
.node-symbol,.avatar,.hc-chip,.map-app,.scene-event b,.hc-event b,.customer b{font-weight:600}
.section-heading p,.split p,.story-step .job-copy p,.closing,.who,.plan li,.faq details p{color:var(--muted)}
.hc-caption-end,.hero .micro,.hero>.proof,.hc-foot,.hc-system-brand>span,.stage-top,.stage-bottom,.builder-foot,.billing,.price span,.small-label,.footer{color:var(--meta)}
.hero .cinema-canvas,.app-stage{box-shadow:inset 0 0 0 1px #d8eafa}
.hc-workspace,.app-scene,.checks,.plan,.plan.popular{box-shadow:var(--brand-shadow)}
.hc-chip,.bridge-app,.bridge-brand{box-shadow:inset 0 0 0 1px #d6e4f2}
.hc-event,.scene-event{box-shadow:0 4px 16px #102d4614,inset 0 0 0 1px #d6e4f2}
.dark .hero .cinema-canvas,.dark .app-stage{box-shadow:inset 0 0 0 1px #274d69}
.dark .hc-chip,.dark .bridge-app,.dark .bridge-brand{box-shadow:inset 0 0 0 1px #315772}
.dark .hc-event,.dark .scene-event{box-shadow:var(--brand-shadow)}
.hero .cinema-canvas,.app-stage,.mobile-demo{border-radius:32px}
.hc-workspace,.app-scene,.mobile-demo .app-scene{border-radius:16px}
.window-toolbar{border-radius:16px 16px 0 0}
.checks,.plan,.plan.popular,.journey{border-radius:24px}
.scene-event,.hc-event{border-radius:12px}
.price,.old-cost,.new-cost strong,.referral-summary b,.stage-count{font-variant-numeric:tabular-nums}
.stage-top,.stage-bottom{height:56px}
.section-heading{margin-bottom:64px}.section-heading p{margin-top:24px}
.story-step .step{margin-bottom:16px}.story-step h3{margin-bottom:20px}
.story-step .job-copy p{margin-top:12px}
.plan,.plan.popular{padding:32px}
.plan .button{min-height:48px}
.hc-caption,.hc-foot,.stage-top,.stage-bottom,.scene-event,.hc-event,.map-app,.journey-top,.journey-tabs button,.billing,.plan li{letter-spacing:0}
.system .section-heading p{color:#b0c4d7}
@media(max-width:800px){
 .section-heading{margin-bottom:40px}
 .story-step .job-copy{margin-bottom:24px}
}
@media(max-width:540px){
 .hero-cinema{margin-top:32px}
 .hero .cinema-canvas{height:480px;border-radius:24px}
 .hc-caption{height:36px;font-size:11px;padding-inline:12px}
 .hc-caption-end{display:none}
 .hc-chip{font-size:11px;min-width:0;padding:6px;gap:4px}
 .hc-chip .node-symbol{width:16px;height:16px;font-size:10px}
 .hc-chip>i{display:none}
 .hc-web{left:17%;top:16%}.hc-hit{left:50%;top:9%}.hc-clips{left:83%;top:17%}
 .hc-social{left:17%;top:74%}.hc-crm{left:83%;top:75%}.hc-out{top:89%}
 .hc-workspace{border-radius:16px;width:86%;height:55%}
 .hc-windowbar{height:32px}
 .hc-windowbar>span:nth-child(2){font-size:11px}
 .hc-connected{display:none}
 .hc-panels{height:calc(100% - 32px)}
 .hc-site-nav{height:32px;padding-inline:12px}
 .hc-site-nav>span,.hc-site-foot,.hc-product-title>small,.hc-product-title>span,.hc-pointer b{visibility:hidden}
 .hc-site-nav>b{font-size:12px}.hc-site-nav>b>span{font-size:10px}
 .hc-product-title{left:12px;top:8px}.hc-product-title>b{font-size:28px}
 .hc-site-hero{height:calc(100% - 52px)}
 .hc-event{min-width:184px;max-width:70%;padding:12px;gap:8px;left:65%;top:68%}
 .hc-event b,.hc-event small{font-size:11px;line-height:1.4}
 .hc-event>.avatar{width:24px;height:24px;font-size:9px}
 .hc-event-check{font-size:11px}
 .hc-system-brand{top:80%;gap:4px}.hc-system-brand>span{font-size:11px}
 .hc-foot{height:32px;font-size:10px;padding-inline:12px}
 .hc-foot button{font-size:11px;min-height:32px}
 .hero-chapters{gap:12px;padding-top:12px}
 .hero-chapters button{font-size:10px}.hero-chapters button>span{font-size:9px}
 .hero .micro,.hero>.proof{font-size:11px}
 .hc-crm-panel{padding:12px}
 .hc-crm-head h4{font-size:20px}.hc-crm-head>div>span,.hc-crm-badge{display:none}
 .hc-crm-person{padding-block:12px;gap:8px}.hc-crm-person b,.hc-crm-person div>span{font-size:11px}
 .hc-interest{padding:8px;gap:8px}.hc-interest small,.hc-interest b{font-size:11px;line-height:1.4}
 .hc-interest div>span,.hc-data-tags{display:none}
 .mobile-demo{padding:16px;border-radius:24px;margin-top:24px}
 .mobile-demo .app-scene{height:400px;border-radius:16px}
 .mobile-demo .window-toolbar{height:40px;padding-inline:12px;font-size:11px;gap:8px}
 .mobile-demo .window-status{display:none}
 .mobile-demo .scene-event{min-width:0;max-width:calc(100% - 24px);width:224px;right:12px;bottom:12px;padding:12px;gap:8px}
 .mobile-demo .scene-event b,.mobile-demo .scene-event small{font-size:11px;line-height:1.4}
 .mobile-demo .event-icon{width:24px;height:24px;font-size:14px;flex-shrink:0}
 .mobile-demo .website-screen{height:300px;margin:12px}
 .mobile-demo .website-screen nav{height:36px;padding:8px 12px}
 .mobile-demo .website-screen nav b{font-size:11px}
 .mobile-demo .website-screen nav>span,.mobile-demo .website-bottom,.mobile-demo .website-layout small,.mobile-demo .demo-link{visibility:hidden}
 .mobile-demo .website-layout{height:240px}
 .mobile-demo .visitor-trace{display:none}
 .mobile-demo .content-screen{height:280px;padding:16px 12px 8px;gap:12px;grid-template-columns:1fr 1fr}
 .mobile-demo .content-script h4{font-size:24px;margin:12px 0 16px;letter-spacing:-.04em}
 .mobile-demo .small-label{font-size:11px;line-height:1.4}
 .mobile-demo .script-sample p{font-size:11px;letter-spacing:0}
 .mobile-demo .script-sample>span,.mobile-demo .script-tag{display:none}
 .mobile-demo .video-art{height:216px;border-radius:12px}
 .mobile-demo .video-caption{font-size:12px;left:8px;right:8px;bottom:16px}
 .mobile-demo .editor{margin:8px 12px;font-size:11px}
 .mobile-demo .editor-track{height:20px}
 .mobile-demo .app-scene:has(.outbound-screen){height:440px}
 .mobile-demo .outbound-screen{display:block;padding:16px 12px}
 .mobile-demo .outbound-prospect{display:flex;gap:8px;align-items:center;text-align:left;flex-wrap:wrap}
 .mobile-demo .outbound-prospect>.avatar{width:28px;height:28px;font-size:10px;margin:0}
 .mobile-demo .outbound-prospect h4{font-size:13px}
 .mobile-demo .outbound-prospect>span:not(.avatar),.mobile-demo .prospect-meta{display:none}
 .mobile-demo .intent-indicator{font-size:11px;margin:0 0 0 auto}
 .mobile-demo .outbound-email{margin-top:12px;padding:12px}
 .mobile-demo .outbound-email .small-label,.mobile-demo .email-to{font-size:11px}
 .mobile-demo .email-to{padding-block:8px;margin-bottom:12px}
 .mobile-demo .outbound-email p{font-size:12px;line-height:1.5;margin-bottom:12px}
 .mobile-demo .email-product>span,.mobile-demo .email-product small{font-size:11px;line-height:1.4}
 .mobile-demo .email-product small,.mobile-demo .email-footer{display:none}
 .mobile-demo .email-product>.arc-photo{width:40px;height:36px}
 .mobile-demo .app-scene:has(.leads-screen){height:448px}
 .mobile-demo .leads-screen{padding:16px 12px}
 .mobile-demo .crm-heading{margin-bottom:12px}.mobile-demo .crm-heading>span{display:none}
 .mobile-demo .crm-heading h4{font-size:20px}
 .mobile-demo .crm-head,.mobile-demo .crm-row{grid-template-columns:1.2fr .8fr .7fr;font-size:11px;gap:4px}
 .mobile-demo .crm-row{padding-block:10px}
 .mobile-demo .crm-row b,.mobile-demo .crm-row small{font-size:11px}
 .mobile-demo .crm-row>div{gap:4px}.mobile-demo .crm-row .avatar{display:none}
 .mobile-demo .crm-row small{padding:2px 4px;max-width:100%;white-space:normal}
 .mobile-demo .crm-profile{padding:8px;margin-top:12px;gap:8px}
 .mobile-demo .crm-profile b,.mobile-demo .crm-profile div>span{font-size:11px;line-height:1.4}
 .mobile-demo .crm-profile small,.mobile-demo .crm-total{display:none}
 .mobile-demo .app-scene:has(.deals-screen){height:384px}
 .mobile-demo .deals-screen{padding:16px 12px}
 .mobile-demo .deal-columns{gap:8px}.mobile-demo .deal-label{font-size:11px;margin-bottom:12px;gap:4px}
 .mobile-demo .deal-label>span{display:none}
 .mobile-demo .deal-card{padding:12px 6px;min-height:200px}
 .mobile-demo .deal-card>span,.mobile-demo .deal-person small{font-size:11px;line-height:1.4}
 .mobile-demo .deal-card>b{font-size:18px}
 .mobile-demo .deal-person{margin-top:20px}.mobile-demo .deal-person .avatar{display:none}
 .journey-map{height:420px}.journey-board{height:520px}
 .journey-focus{width:56%;max-width:200px;height:210px;border-radius:16px}
 .journey-map .map-app{font-size:11px;max-width:88px;min-width:64px;padding:8px 6px;line-height:1.3;text-align:center;gap:4px}
 .journey-map .map-app .node-symbol{width:18px;height:18px;font-size:10px}
 .map-clips{left:16%;top:14%}.map-web{left:50%;top:14%}.map-crm{left:84%;top:14%}
 .map-hit{left:16%;top:86%}.map-own{left:50%;top:86%}.map-out{left:84%;top:86%}
 .journey-top{font-size:11px;padding:12px}
 .jf-video small,.jf-video div>span,.jf-website small,.jf-website div>span{font-size:11px;line-height:1.4}
 .jf-video b,.jf-website b{font-size:26px}
 .jf-lead,.jf-email{padding:12px}
 .jf-person b,.jf-person small,.jf-product small,.jf-product b{font-size:11px;line-height:1.4}
 .jf-person>.avatar,.jf-person>i,.jf-product div>span,.jf-source{display:none}
 .jf-product{margin-top:12px;padding:8px;gap:8px}.jf-product .arc-photo{height:48px;width:40px}
 .jf-email>small,.jf-email>div:not(.jf-attachment),.jf-attachment>span,.jf-attachment b,.jf-ready{font-size:11px;line-height:1.4}
 .jf-email>p{font-size:12px;line-height:1.5;margin:8px 0}.jf-email>div:not(.jf-attachment){margin-top:8px;padding-bottom:8px}
 .jf-attachment .arc-photo{width:32px;height:32px}.jf-ready{margin-top:8px}
 .system .customer{width:calc(100% - 48px);max-width:288px;padding:12px;bottom:28px;gap:8px}
 .system .customer b{font-size:12px}.system .customer small{font-size:11px;line-height:1.4}
 .journey-board>.demo-label{font-size:10px;bottom:8px}
 .section-heading{margin-bottom:32px}.section-heading p{margin-top:20px}
 .story-step{padding-bottom:48px}.story-step h3{margin-bottom:16px}
 .plan,.plan.popular{padding:28px 24px}.plans{gap:32px}
 .checks{padding:24px}.check{padding-block:12px}
}

.hc-chip .node-symbol,.bridge-app .node-symbol,.map-app .node-symbol,.hc-crm-person b,.hc-interest b,.crm-row b,.deal-card>b{font-weight:600}
#apps>.section-heading h2{font-weight:600}
.price,.old-cost,.new-cost strong{font-weight:600}
@media(max-width:540px){
 .mobile-demo .deal-columns{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mobile-demo .deal-column{min-width:0}
 .mobile-demo .deal-card>b{font-size:clamp(15px,4vw,18px)}
}
/* Three shared text roles; semantic status colors remain meaningful. */
.hc-event small,.scene-event small,.hc-caption-end,.hc-system-brand>span,.stage-top,.stage-bottom,.small-label,.crm-head,.crm-total,.crm-heading>span,.deal-person small{color:var(--meta)}
.hc-caption,.hc-caption-end,.hc-foot,.hc-system-brand>span,.stage-top,.stage-bottom,.small-label,.window-toolbar,.window-status,.scene-event b,.scene-event small,.hc-event b,.hc-event small,.journey-top,.journey-board>.demo-label{font-size:11px;letter-spacing:0}
.app-scene{border-radius:12px}.window-toolbar{border-radius:12px 12px 0 0}
@media(max-width:540px){.mobile-demo{border-radius:28px}.mobile-demo .app-scene{border-radius:12px}}
/* White content previews keep readable ink in either outer theme. */
.hc-event small,.journey-focus .jf-email>small,.journey-focus .jf-person small,.journey-focus .jf-product small,.journey-focus .jf-product div>span,.journey-focus .jf-source{color:#526779}
/* ---- problem-story.css (founder handoff 02.11, unchanged) ---- */
.problem .split{align-items:start;position:relative}
.problem-copy>h2{margin-bottom:24px}
.problem-step{min-height:320px;display:flex;flex-direction:column;justify-content:center;position:relative;padding:48px 0 48px 24px;border-left:1px solid var(--line)}
.problem-step:before{content:'';position:absolute;left:-3px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--line);transition:background .25s}
.problem-step.is-current:before{background:var(--blue)}
.problem .problem-step p{margin:0;max-width:48ch}
.problem-stage{position:sticky;top:max(112px,calc(50vh - 224px));min-height:448px;margin-top:24px;display:flex;flex-direction:column;justify-content:center;isolation:isolate;overflow:hidden}
.cost-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 12px;position:relative;z-index:1;padding:24px 0 32px;transition:opacity .35s}
.cost-apps span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;background:var(--card);color:var(--muted);border:1px solid var(--line);border-radius:24px;font-size:12px;text-align:center;line-height:1.4;transform:rotate(-5deg);transition:transform .45s,border-color .35s}
.cost-apps span:nth-child(even){transform:rotate(5deg)}
.cost-apps span:nth-child(4){grid-column:1}.cost-apps span:nth-child(5){grid-column:3}
.cost-wires{position:absolute;left:40px;right:40px;top:58px;width:calc(100% - 80px);height:180px;z-index:0;opacity:0;transition:opacity .4s}
.cost-wires path{fill:none;stroke:var(--blue);stroke-width:1.5;stroke-dasharray:6 9;vector-effect:non-scaling-stroke}
.problem-stage .old-cost,.problem-stage .new-cost{transition:opacity .4s,transform .4s}
.problem-stage .new-cost{margin-top:24px;padding-top:24px}
.problem-stage[data-cost-phase="0"] .old-cost,.problem-stage[data-cost-phase="0"] .new-cost,.problem-stage[data-cost-phase="1"] .old-cost,.problem-stage[data-cost-phase="1"] .new-cost{opacity:0;visibility:hidden}
.problem-stage[data-cost-phase="1"] .cost-apps span,.problem-stage[data-cost-phase="2"] .cost-apps span{transform:rotate(0)}
.problem-stage[data-cost-phase="1"] .cost-wires,.problem-stage[data-cost-phase="2"] .cost-wires{opacity:.55}
.problem-stage[data-cost-phase="2"] .cost-wires path{stroke-dasharray:none}
.problem-stage[data-cost-phase="2"] .cost-apps{opacity:.6}
.problem-stage[data-cost-phase="2"] .old-cost,.problem-stage[data-cost-phase="2"] .new-cost{opacity:1!important;visibility:visible!important;transform:none!important}
.problem-mobile-visual{display:none}
@media(max-width:800px){
 .problem .split{grid-template-columns:1fr;gap:0}
 .problem-copy>h2{max-width:640px;margin-bottom:32px}
 .problem .problem-stage{display:none}
 .problem-step{min-height:0;padding:0 0 40px;border:0;display:block}
 .problem-step:before{display:none}
 .problem-step:last-child{padding-bottom:0}
 .problem .problem-step p{max-width:60ch}
 .problem-mobile-visual{display:block;margin-top:24px}
 .problem-mobile-visual .cost-visual{position:relative;margin:0;min-height:0;border-radius:24px;padding:24px;isolation:isolate;overflow:hidden}
 .problem-mobile-visual .cost-apps{padding:8px 0;gap:24px 8px}
 .problem-mobile-visual .cost-apps span{font-size:11px;padding:8px;min-height:44px}
 .problem-mobile-visual .cost-wires{top:16px;left:24px;width:calc(100% - 48px);height:160px;opacity:.6}
 .problem-mobile-visual [data-cost-phase="0"] .cost-wires{opacity:0}
 .problem-mobile-visual [data-cost-phase="0"] .old-cost,.problem-mobile-visual [data-cost-phase="0"] .new-cost,.problem-mobile-visual [data-cost-phase="1"] .old-cost,.problem-mobile-visual [data-cost-phase="1"] .new-cost{display:none}
 .problem-mobile-visual [data-cost-phase="1"] .cost-apps span,.problem-mobile-visual [data-cost-phase="2"] .cost-apps span{transform:none}
 .problem-mobile-visual [data-cost-phase="2"] .cost-apps,.problem-mobile-visual [data-cost-phase="2"] .cost-wires{display:none}
 .problem-mobile-visual .new-cost{margin-top:20px;padding-top:20px}
 .problem-mobile-visual [data-cost-phase="2"] .old-cost{opacity:1}
 .dark .cost-apps span{background:var(--card);color:var(--ink)}
}
@media(prefers-reduced-motion:reduce){.cost-apps,.cost-apps span,.cost-wires,.problem-stage .old-cost,.problem-stage .new-cost{transition:none}}
body.motion-paused .cost-apps span{transform:none}
@media(min-width:801px){
 .problem-stage .cost-apps{transition:opacity .35s,transform .45s}
 .problem-stage[data-cost-phase="0"] .cost-apps,.problem-stage[data-cost-phase="1"] .cost-apps{transform:translateY(64px)}
 .problem-stage[data-cost-phase="1"] .cost-wires{transform:translateY(64px)}
}
@media(max-width:800px){.problem-mobile-visual [data-cost-phase="2"] .new-cost{opacity:1!important;visibility:visible!important;transform:none!important}}
/* Connections meet the edges of the cards, in the space between rows. */
@media(min-width:801px){
 .problem-step{min-height:240px;padding:32px 0 32px 24px}
 .problem-stage{top:max(112px,calc(50vh - 224px))}
 .problem-stage[data-cost-phase="0"] .cost-apps,.problem-stage[data-cost-phase="1"] .cost-apps{transform:translateY(40px)}
}
.cost-apps{grid-template-rows:44px 44px;row-gap:52px;padding:0;margin:24px 0 28px}
.cost-apps span{position:relative;z-index:1;background:var(--card);color:var(--ink)}
.cost-apps .cost-wires{inset:0;width:100%;height:140px;z-index:0;transform:none!important}
.cost-apps span:nth-of-type(4){grid-column:1}.cost-apps span:nth-of-type(5){grid-column:3}
.cost-apps .cost-wires path{stroke-width:1.25;stroke-dasharray:4 6}
.problem-stage[data-cost-phase="2"] .cost-wires{opacity:0}
.problem-stage[data-cost-phase="2"] .cost-apps{opacity:.8}
@media(max-width:800px){
 .problem-mobile-visual .cost-apps{padding:0;row-gap:52px;margin:8px 0}
 .problem-mobile-visual .cost-apps .cost-wires{inset:0;width:100%;height:140px}
}
.cost-apps span:nth-child(4),.cost-apps span:nth-child(5){grid-column:auto}
.cost-apps span:nth-of-type(4){grid-column:1}.cost-apps span:nth-of-type(5){grid-column:3}
@media(min-width:801px){
 .problem-stage[data-cost-phase="0"] .old-cost,.problem-stage[data-cost-phase="0"] .new-cost,.problem-stage[data-cost-phase="1"] .old-cost,.problem-stage[data-cost-phase="1"] .new-cost{display:none}
 .problem-stage[data-cost-phase="0"] .cost-apps,.problem-stage[data-cost-phase="1"] .cost-apps{transform:none;margin:0}
}

.new-cost strong .cost-from{display:inline;font:500 18px/1.2 Manrope,sans-serif;letter-spacing:0;color:var(--muted);vertical-align:baseline;margin-right:6px}
@media(max-width:540px){.new-cost strong .cost-from{font-size:14px;margin-right:4px}}
/* ---- website-demo.css (founder handoff 02.11, unchanged) ---- */
.scene-0{isolation:isolate}
.web-replay{margin-left:8px;min-height:32px;font-size:11px;color:var(--blue-strong);white-space:nowrap}
.web-creation{position:absolute;inset:40px 0 0;z-index:12;background:var(--card);color:var(--ink);visibility:hidden;opacity:0;overflow:hidden;border-radius:0 0 12px 12px}
.web-phase{position:absolute;inset:0;padding:24px 28px;visibility:hidden;opacity:0}
.web-step-label{font-size:11px;color:var(--muted);display:block;margin-bottom:12px}
.web-phase h4{font:600 24px/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 20px}
.web-field{margin-top:16px}.web-field>span{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}
.web-field>div{height:44px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:3px;background:var(--surface)}
.web-typed{font-size:14px;font-weight:500;white-space:nowrap;display:inline-block;clip-path:inset(0 100% 0 0)}
.web-field i{display:block;width:1px;height:16px;background:var(--blue);opacity:0}
.web-next{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:12px;padding:10px 16px;border-radius:24px;background:var(--ink);color:var(--bg);width:max-content;min-width:140px}
.web-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.web-template{border:1.5px solid var(--line);border-radius:10px;padding:7px;min-width:0;background:var(--card)}
.wt-thumb{height:116px;background:#f3f6fa;border-radius:5px;padding:8px;overflow:hidden;position:relative}
.wt-nav{display:block;height:4px;width:40%;background:#a3b2be;margin-bottom:12px;border-radius:2px}
.wt-layout{height:60px;display:grid;grid-template-columns:1fr 1fr;gap:5px}
.wt-layout i{display:block;background:linear-gradient(#7a8e9f 0 5px,transparent 5px 11px,#b8c6d2 11px 14px,transparent 14px 20px,#b8c6d2 20px 23px,transparent 23px);margin-top:8px}
.wt-layout img{width:100%;height:60px;object-fit:cover;border-radius:3px}
.wt-lines{display:block;background:#d5dfe8;width:70%;height:4px;margin-top:12px;border-radius:3px}
.wt-studio .wt-layout{display:block}.wt-studio .wt-layout i{display:none}.wt-studio .wt-layout img{width:100%;object-position:50% 38%}
.wt-gallery .wt-layout{grid-template-columns:1fr}.wt-gallery .wt-layout i{display:none}.wt-gallery .wt-layout img{object-position:50% 68%}
.wt-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:4px;padding-top:8px}
.wt-check{height:18px;width:18px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;opacity:0;flex-shrink:0}
.web-templates p,.web-building p{font-size:11px;margin-top:16px;color:var(--muted);line-height:1.5}
.web-build-preview{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface)}
.wb-nav{height:12px;width:30%;background:#a5b9cc;border-radius:3px;margin-bottom:12px}
.web-build-row{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;height:112px}
.wb-copy{background:linear-gradient(#8198ab 0 9px,transparent 9px 20px,#8198ab 20px 29px,transparent 29px 48px,#c8d7e4 48px 53px,transparent 53px 63px,#c8d7e4 63px 68px,transparent 68px);border-radius:3px;margin-top:12px}
.wb-image{border-radius:5px;overflow:hidden}.wb-image img{height:100%;width:100%;object-fit:cover;display:block}
.wb-footer{margin-top:12px;width:70%;height:5px;border-radius:2px;background:#c8d7e4}
.web-build-progress{height:3px;background:var(--line);border-radius:2px;margin-top:20px;overflow:hidden}
.web-build-progress>span{display:block;height:100%;width:100%;background:var(--blue);transform-origin:left}
@media(max-width:540px){
 .mobile-demo .scene-0{height:440px}
 .web-replay{margin-left:auto;min-height:36px;padding:0;font-size:11px}
 .web-phase{padding:20px 16px}
 .web-phase h4{font-size:22px;margin-bottom:20px}
 .web-field>div{height:44px}.web-typed{font-size:13px}
 .web-template-grid{gap:6px}.web-template{padding:5px;border-radius:8px}
 .wt-thumb{height:116px;padding:5px}.wt-title{font-size:11px;flex-wrap:wrap;gap:4px;line-height:1.3;min-height:40px}
 .wt-check{width:16px;height:16px;font-size:10px}
 .wt-layout{height:65px}.wt-layout img{height:65px}.wt-nav{margin-bottom:10px}
 .web-template-grid .wt-layout i{background:linear-gradient(#7a8e9f 0 4px,transparent 4px 10px,#b8c6d2 10px 13px,transparent 13px 19px,#b8c6d2 19px 22px,transparent 22px)}
 .web-build-row{height:144px;gap:12px;grid-template-columns:.85fr 1.15fr}
 .web-build-preview{padding:12px}.web-next{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.web-creation{display:none}}
body.motion-paused .web-creation{display:none}
/* ---- content-demo.css (founder handoff 02.11, unchanged) ---- */
.scene-1{isolation:isolate}.content-creation{position:absolute;inset:40px 0 0;z-index:12;background:var(--card);color:var(--ink);opacity:0;visibility:hidden;overflow:hidden;border-radius:0 0 12px 12px}.cc-phase{position:absolute;inset:0;padding:24px 28px;opacity:0;visibility:hidden}.cc-phase h4{font:600 24px/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 18px}.cc-phase>p{font-size:11px;line-height:1.5;color:var(--muted);margin:16px 0 0}.cc-query{display:flex;justify-content:space-between;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:13px;margin-bottom:12px}.cc-idea{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:12px;border-radius:8px;margin-top:8px}.cc-idea>span{font-size:11px;color:var(--muted)}.cc-idea b,.cc-post b{font-size:12px;font-weight:600;display:block}.cc-idea small{font-size:11px;display:block;color:var(--muted);margin-top:4px}.cc-idea i,.cc-post i{margin-left:auto;color:var(--blue);font-style:normal}.cc-script-row{padding:15px 0;border-bottom:1px solid var(--line)}.cc-script-row small{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.cc-script-row b{font-size:17px;font-weight:500}.cc-edit-layout{display:grid;grid-template-columns:1fr 32px .65fr;align-items:center;gap:12px;height:220px}.cc-source>span,.cc-source>small{display:block;font-size:11px;color:var(--muted);margin:8px 0}.cc-source>img{width:100%;height:120px;object-fit:cover;border-radius:8px}.cc-arrow{color:var(--blue);text-align:center}.cc-film{display:flex;position:relative;height:24px;gap:3px;margin-top:8px}.cc-film i{flex:1;background:var(--line);border-radius:3px}.cc-film b{position:absolute;left:33%;width:34%;height:100%;border:2px solid var(--blue);border-radius:3px}.cc-short{height:220px;position:relative;overflow:hidden;border-radius:10px;background:#142a41;color:white}.cc-short img{width:100%;height:100%;object-fit:cover}.cc-short>b{position:absolute;bottom:28px;left:10px;right:8px;font-size:15px;line-height:1.2;letter-spacing:-.04em;text-shadow:0 1px 8px #123}.cc-short>span{position:absolute;bottom:8px;left:10px;font-size:11px}.cc-post{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:12px}.cc-channel{border-radius:50%;background:var(--surface);width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.cc-post p{font-size:12px;line-height:1.6;margin:6px 0 0;color:var(--muted)}.cc-ready{display:flex;gap:20px;font-size:11px;color:var(--blue-strong);padding-top:8px}
@media(max-width:540px){.mobile-demo .scene-1{height:460px}.cc-phase{padding:20px 16px}.cc-phase h4{font-size:22px;margin-bottom:18px}.cc-idea{padding:10px;gap:8px}.cc-idea b{font-size:12px}.cc-edit-layout{grid-template-columns:1fr 18px .8fr;gap:7px;height:226px}.cc-short{height:226px}.cc-short>b{font-size:14px}.cc-source>img{height:100px}.cc-post{padding:12px;gap:8px}.cc-post p{font-size:11px}.cc-ready{gap:12px}.scene-1 .window-toolbar{gap:6px}.scene-1 .window-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){.content-creation{display:none}}body.motion-paused .content-creation{display:none}
/* Keep every step within the shared demonstration window. */
.cc-phase{padding:20px 24px}.cc-phase .web-step-label{line-height:1.4;margin-bottom:9px}.cc-phase h4{margin-bottom:14px}.cc-phase>p{line-height:1.4;margin-top:12px}.cc-idea{padding:9px 12px}.cc-idea b{line-height:1.4}.cc-idea small{line-height:1.4}.cc-script-row{padding:11px 0}.cc-script-row b{line-height:1.4}.cc-script-row small{line-height:1.4}.cc-post p{margin:6px 0 0}.cc-post b{line-height:1.4}
@media(max-width:540px){.cc-phase{padding:18px 16px}.cc-phase h4{margin-bottom:16px}}
@media(max-width:540px){.cc-publish .cc-post{padding:10px;margin-bottom:10px}.cc-publish .cc-channel{width:25px;height:25px}.cc-publish>p{margin-top:10px}}
/* ---- hero-layout.css (founder handoff 02.11, unchanged) ---- */
/* The central connections are measured from actual element edges. */
.hero .cinema-canvas{min-height:520px}
.hero .hc-workspace{top:41%;height:46%}
.hero .hc-system-brand{top:calc(100% - 124px);gap:8px;white-space:nowrap;text-align:center}
.hero .hc-system-brand>span{line-height:1.4}
.hero .hc-system-brand:before,.hero .hc-out:before,.hero .hc-out:after{content:none}
.hero .hc-out{top:calc(100% - 64px);rotate:0deg}
.hero .hc-foot{height:40px;padding-inline:24px;align-items:center}
.hero .hc-event{top:53%}
.hero-node-connections{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden}
.hero-node-connections path{fill:none;stroke:#439df5;stroke-width:1.25;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.75}
@media(max-width:540px){.hero .hc-foot{padding-inline:16px}}
/* ---- problem-motion.css (founder handoff 02.11, unchanged) ---- */
.has-problem-motion .problem-step>p{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.has-problem-motion .problem-step:not(.is-read)>p{opacity:0;transform:translateY(16px)}
.has-problem-motion .problem-step.is-read>p{opacity:1;transform:none}
.has-problem-motion .problem-step:after{content:'';position:absolute;left:-1px;top:0;bottom:0;width:1px;background:var(--blue);transform:scaleY(var(--step-progress,0));transform-origin:top;pointer-events:none}
.has-problem-motion .problem-step:before{z-index:1;transition:background .3s,box-shadow .3s}
.has-problem-motion .problem-step.is-current:before{box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 12%,transparent)}
@media(max-width:800px){.has-problem-motion .problem-step:after{display:none}}
@media(prefers-reduced-motion:reduce){.has-problem-motion .problem-step>p{opacity:1!important;transform:none!important;transition:none}.has-problem-motion .problem-step:after{display:none}}
body.motion-paused .has-problem-motion .problem-step>p,.problem-motion-off .problem-step>p{opacity:1!important;transform:none!important;transition:none}body.motion-paused .has-problem-motion .problem-step:after{display:none}
/* ---- rail-ends.css (founder handoff 02.11, unchanged) ---- */
/* Quiet rail with soft ends; the active marker stays distinct. */
.step-rail{background:color-mix(in srgb,var(--muted) 22%,transparent)}
.story-step:first-child .step-rail{background:linear-gradient(to bottom,transparent 0,color-mix(in srgb,var(--muted) 22%,transparent) 90px,color-mix(in srgb,var(--muted) 22%,transparent) 100%)}
.story-step:last-child .step-rail{background:linear-gradient(to bottom,color-mix(in srgb,var(--muted) 22%,transparent) 0,color-mix(in srgb,var(--muted) 22%,transparent) calc(100% - 90px),transparent 100%)}
/* The problem narrative uses the same soft rail endpoints. */
@media(min-width:801px){
 .problem-step:first-of-type,.problem-step:last-of-type{border-left-color:transparent}
 .problem-step:first-of-type{border-image:linear-gradient(to bottom,transparent,var(--line) 90px,var(--line)) 1}
 .problem-step:last-of-type{border-image:linear-gradient(to bottom,var(--line),var(--line) calc(100% - 90px),transparent) 1}
 .has-problem-motion .problem-step:first-of-type:after{mask-image:linear-gradient(to bottom,transparent,#000 90px)}
 .has-problem-motion .problem-step:last-of-type:after{mask-image:linear-gradient(to bottom,#000 calc(100% - 90px),transparent)}
}
/* ---- cost-transition.css (founder handoff 02.11, unchanged) ---- */
/* Keep the comparison in flow while its content fades in. */
@media(min-width:801px){
 .problem-stage[data-cost-phase] .old-cost{display:block}
 .problem-stage[data-cost-phase] .new-cost{display:flex}
 .problem-stage[data-cost-phase] .cost-apps{margin:24px 0 28px;transition:transform .85s cubic-bezier(.22,.61,.36,1),opacity .7s ease}
 .problem-stage[data-cost-phase="0"] .cost-apps,.problem-stage[data-cost-phase="1"] .cost-apps{transform:translateY(72px)}
 .problem-stage[data-cost-phase="2"] .cost-apps{transform:translateY(0)}
 .problem-stage .old-cost{transition:opacity .65s ease .12s,transform .8s cubic-bezier(.22,.61,.36,1),visibility .65s}
 .problem-stage .new-cost{transition:opacity .75s ease .28s,transform .85s cubic-bezier(.22,.61,.36,1),visibility .75s}
 .problem-stage[data-cost-phase="0"] .old-cost,.problem-stage[data-cost-phase="1"] .old-cost,.problem-stage[data-cost-phase="0"] .new-cost,.problem-stage[data-cost-phase="1"] .new-cost{transform:translateY(14px);opacity:0;visibility:hidden}
 .problem-stage[data-cost-phase="2"] .old-cost,.problem-stage[data-cost-phase="2"] .new-cost{transform:translateY(0);visibility:visible}
 .problem-stage .cost-wires{transition:opacity .65s ease}
}
@media(prefers-reduced-motion:reduce){.problem-stage .cost-apps,.problem-stage .old-cost,.problem-stage .new-cost,.problem-stage .cost-wires{transition:none!important}}
body.motion-paused .problem-stage .cost-apps,body.motion-paused .problem-stage .old-cost,body.motion-paused .problem-stage .new-cost{transition:none!important}
/* ---- bridge-ends.css (founder handoff 02.11, unchanged) ---- */
/* Fade connector strokes without fading the cards above them. */
.bridge-apps .bridge-wires,.bridge-customer .bridge-wires{mask-image:linear-gradient(to right,transparent 0%,transparent 9%,#000 18%,#000 82%,transparent 91%,transparent 100%)}
.bridge-plans .bridge-plan-lines>svg{mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)}
/* ---- price-label.css (founder handoff 02.11, unchanged) ---- */
.new-cost strong{text-align:right;line-height:1;white-space:nowrap}
.new-cost strong .cost-from{display:block;font:400 12px/1.4 Manrope,sans-serif;color:var(--muted);letter-spacing:0;margin:0 0 8px;vertical-align:baseline}
.new-cost strong>span{display:block;margin-top:8px;line-height:1.4}
/* The old price and its period must remain separate on small screens. */
.old-cost{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;line-height:1.1;padding-bottom:8px}
.old-cost>span{display:block;margin:0;font:400 12px/1.4 Manrope,sans-serif;letter-spacing:0;white-space:nowrap}
.old-cost:after{content:none}
.old-cost .old-cost-amount{position:relative;font:inherit;letter-spacing:inherit;white-space:nowrap}
.old-cost .old-cost-amount:after{content:'';position:absolute;left:-2%;top:50%;width:104%;height:1.5px;background:currentColor;transform:rotate(-8deg);pointer-events:none}
/* Compact narrative: prices belong only to the third illustration. */
@media(max-width:800px){
 .problem-mobile-visual [data-cost-phase="0"] .old-cost,.problem-mobile-visual [data-cost-phase="0"] .new-cost,
 .problem-mobile-visual [data-cost-phase="1"] .old-cost,.problem-mobile-visual [data-cost-phase="1"] .new-cost{display:none!important}
}
/* ---- responsive-audit.css (founder handoff 02.11, unchanged) ---- */
/* Responsive craft pass. Unslop by Damir Sokolovsky, CC BY 4.0: https://heydamir.design/unslop */
@media(max-width:800px){
 main h1,main h2,main h3,.job-copy>b,.faq summary{overflow-wrap:break-word}
 .hero-chapters{gap:8px;justify-content:space-between;max-width:100%}
 .hero-chapters button{min-width:0;font-size:11px;padding-inline:0}
 .hero-chapters button>span{font-size:11px}
 .faq summary{padding-right:28px;line-height:1.5;position:relative}
 .faq summary:after{position:absolute;right:0;top:20px}
 .mobile-demo .deal-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .mobile-demo .deal-column:nth-child(2){display:none}
 .mobile-demo .deal-card{padding:12px;min-height:184px}
 .mobile-demo .deal-card>span,.mobile-demo .deal-person small{overflow-wrap:anywhere}
 .mobile-demo .deal-card>b{font-size:20px;font-variant-numeric:tabular-nums}
 .mobile-demo .deal-label{font-size:11px}
 .mobile-demo .scene-event{box-sizing:border-box}
 .mobile-demo .crm-row:nth-of-type(n+6){display:none}
 .mobile-demo .crm-head,.mobile-demo .crm-row{grid-template-columns:1.1fr .85fr .8fr}
 .mobile-demo .crm-row>*{min-width:0;overflow-wrap:anywhere}
 .mobile-demo .crm-row small{font-size:11px;line-height:1.4}
 .cc-script-row small{letter-spacing:0;text-transform:none}
 .web-template{padding:8px}.web-template-grid{gap:8px}
 .cc-idea{gap:8px;padding:8px 12px}.cc-post{gap:8px;padding:12px}
 .footer{gap:20px;padding-block:32px}
}
@media(max-width:360px){
 .hero .hero-intro h1{font-size:36px}
 .hero-chapters button{font-size:10px}.hero-chapters button>span{display:block;margin:0 0 4px}
 .mobile-demo .deal-card{padding:10px}.mobile-demo .deal-card>b{font-size:18px}
 .mobile-demo .scene-1 .window-toolbar{padding-inline:8px;gap:4px}
}
/* Keep the upper hero chips clear of the caption divider on phones. */
@media(max-width:800px){
 .hero .hc-hit{top:72px}
}
@media(max-width:800px){
 .journey-map .map-app{box-sizing:border-box;width:28%;max-width:104px;min-width:0;min-height:60px;padding:8px;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
 .journey-map .map-app .node-symbol{flex-shrink:0}
 .map-clips,.map-hit{left:17%}.map-web,.map-own{left:50%}.map-crm,.map-out{left:83%}
}
@media(max-width:800px){.journey-map .map-app>span:last-child{display:block;max-width:100%;white-space:normal;overflow-wrap:break-word}}
/* ---- hero-tabs.css (founder handoff 02.11, unchanged) ---- */
.hero-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;align-items:stretch}
.hero-chapters button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;margin:0;padding:12px 4px 16px;line-height:1.4;white-space:nowrap;text-align:center;position:relative}
.hero-chapters button>span{display:inline-block;margin:0;font-size:inherit;line-height:inherit;font-variant-numeric:tabular-nums}
.hero-chapters button:after{left:8px;right:8px;width:auto;bottom:0}
@media(max-width:540px){.hero-chapters button{font-size:11px;gap:4px;padding:12px 2px 14px}.hero-chapters button:after{left:4px;right:4px}}
@media(max-width:360px){.hero-chapters button{flex-direction:column;gap:4px;white-space:normal}.hero-chapters button>span{display:block;margin:0}}
/* ---- mobile-story.css (founder handoff 02.11, unchanged) ---- */
@media(max-width:800px){
 .story-step:not(:last-child){padding-bottom:72px}
 .mobile-handoff{position:absolute;bottom:12px;left:50%;width:1px;height:40px;background:linear-gradient(transparent,var(--line) 25%,var(--line) 75%,transparent);pointer-events:none}
 .mobile-handoff i{position:absolute;top:0;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--blue);opacity:0}
 .story-step.has-passed .mobile-handoff i{animation:handoff-packet 1s cubic-bezier(.22,1,.36,1) both}
 .story-step.is-story-current .step{color:var(--blue-strong)}
 @keyframes handoff-packet{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateY(40px)}}
}
@media(prefers-reduced-motion:reduce){.mobile-handoff i{animation:none!important}}
body.motion-paused .mobile-handoff i{animation:none!important}
/* ---- safe-area.css (founder handoff 02.11, unchanged) ---- */
html[data-theme="dark"]{color-scheme:dark;background-color:#061724}
html[data-theme="light"]{color-scheme:light;background-color:#fff}
@media(max-width:800px){
 .header{height:calc(64px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:var(--bg)}
 .header .header-inner{height:64px}
 html{scroll-padding-top:calc(80px + env(safe-area-inset-top,0px))}
 .footer{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
}
/* Safari samples an opaque top surface for either active appearance. */
@media(max-width:800px){
 .header,body.dark .header{background:var(--bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
/* ---- lp-additions (not in the handoff): Coming soon badge, hidden attribute, footer legal row ---- */
[hidden]{display:none!important}
.soon{display:inline-block;margin-left:.55em;padding:.12em .55em .14em;border-radius:999px;background:#eaf2fb;color:#3d5f86;font:600 .62em/1.35 Manrope,system-ui,sans-serif;letter-spacing:0;white-space:nowrap;vertical-align:.12em}
.dark .soon{background:#22364d;color:#b8d3ef}
.hc-chip span:has(>.soon){display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.2}
.hc-chip .soon,.bridge-app .soon{display:block;margin:1px 0 0;padding:0;background:none;color:#4d79a8;font-size:8px;font-weight:650;letter-spacing:.01em;vertical-align:baseline}
.dark .hc-chip .soon,.dark .bridge-app .soon{color:#9acdf7}
.footer{flex-wrap:wrap}
.footer-legal{display:flex;flex-wrap:wrap;gap:6px 22px;order:99;flex:0 0 100%;grid-column:1/-1;margin:6px 0 0;padding:0;font-size:12px}
.footer-legal a{color:var(--muted);text-decoration:none}.footer-legal a:hover{color:var(--ink);text-decoration:underline}
.plan a.button{text-decoration:none}
/* owner decision 03.11: "Request an app" is a plain mailto link (no backend); the builder block has no demo any more */
.request-app{color:var(--blue-strong);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.request-app:hover{text-decoration-thickness:2px}
.request-app:focus-visible{outline:2px solid var(--blue-strong);outline-offset:3px;border-radius:3px}
#builder .split{grid-template-columns:1fr;max-width:680px}
#builder .split p+p{margin-top:14px}