@font-face{font-family:Manrope;src:url('assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--base:#f4f6f8;--ink:#1b2028;--muted:#59636f;--green:#65dd96;--pink:#ebade2;--blue:#5e9bff;--yellow:#f4c849;--line:#d9dfe5;--pad:clamp(22px,5vw,100px);font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--base);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;overflow-x:clip}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:500}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2764c5;outline-offset:4px}button{border:0}svg{display:block;width:100%;height:100%}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:white;padding:12px}.skip:focus{top:12px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.6}.site-header{height:88px;position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);z-index:30;background:#f4f6f8e8;backdrop-filter:blur(18px);border-bottom:1px solid #d9dfe599}.brand{display:flex;align-items:center;gap:8px;font-size:28px;font-weight:600;letter-spacing:-.07em;line-height:1}.brand svg{width:28px;height:28px}.site-header nav{display:flex;gap:34px;align-items:center;font-size:12px}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{border:1px solid #bcc5cf;border-radius:40px;padding:12px 18px;display:flex;gap:28px;align-items:center}.nav-contact span{font-size:18px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:50px;padding:17px 24px;font-size:13px;font-weight:500;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px)}.pill span{font-size:23px;line-height:1}.dark{background:var(--ink);color:var(--base)}.dark:hover{background:#333e4c}.text-link{font-size:13px;border-bottom:1px solid #8e99a3;padding-bottom:8px;display:inline-flex;gap:30px;align-items:center}.text-link span{font-size:22px}.text-link:hover{border-color:var(--ink)}
/* A scroll-led opening, with all navigation outside the animated layer. */
.opening{height:175svh;position:relative}.opening-stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;padding:122px var(--pad) 30px}.hero-meta{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.edition{font-size:10px;color:var(--muted)}.hero-copy{position:absolute;left:var(--pad);top:30%;z-index:4}.hero-copy h1{font-size:clamp(66px,8.5vw,148px);letter-spacing:-.075em;line-height:.99;font-weight:500}.hero-copy p{font-size:16px;line-height:1.7;margin:26px 0 28px;color:#47525f}.work-word{position:relative}.work-word svg{position:absolute;width:.25em;height:.25em;right:-.29em;top:.08em;color:var(--ink)}.hero-art{position:absolute;right:4%;top:23%;width:39vw;height:39vw;max-width:640px;max-height:640px;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) rotate(var(--art-turn,0deg));will-change:transform;z-index:2;transition:translate .3s}.art-tile{position:absolute;width:64%;height:64%;border-radius:29%;left:20%;top:15%}.green-tile{background:var(--green);transform:rotate(-16deg);box-shadow:14px 20px 0 #1b202808}.green-tile svg{padding:22%;transform:rotate(16deg)}.pink-tile{background:var(--pink);transform:translate(14%,-8%) rotate(17deg)}.blue-ball{position:absolute;width:31%;height:31%;border-radius:50%;background:var(--blue);left:0;bottom:12%}.yellow-ball{position:absolute;width:15%;height:15%;border-radius:50%;background:var(--yellow);right:5%;top:0}.art-orbit{position:absolute;width:108%;height:66%;left:-3%;top:20%;border:1px solid #1b20282b;border-radius:50%;transform:rotate(-33deg);z-index:5;pointer-events:none}.art-spark{position:absolute;right:0;bottom:0;width:18%;height:18%;transform:rotate(var(--spark-turn,0deg))}.art-dot{position:absolute;width:11px;height:11px;background:var(--ink);border-radius:50%;left:15%;top:8%}.hero-bottom{position:absolute;bottom:30px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:11px;z-index:4}.hero-bottom>a{display:flex;gap:24px;align-items:center}.hero-bottom>a span{font-size:24px}.portal{position:absolute;width:40vw;height:40vw;left:54%;top:30%;background:var(--ink);border-radius:50%;transform:scale(0);z-index:6;pointer-events:none}.portal-copy{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--base);text-align:center;pointer-events:none;opacity:0}.portal-copy>p{font-size:clamp(55px,8.5vw,135px);letter-spacing:-.065em;line-height:1.04;margin:26px 0 35px}.portal-copy em{font-style:normal;color:var(--green)}.portal-end{font-size:12px}.offerings-intro{padding:85px var(--pad) 45px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.offerings-intro>.eyebrow{grid-column:1/-1}.offerings-intro>p{font-size:clamp(35px,4.5vw,65px);line-height:1.15;letter-spacing:-.055em}.offerings-intro>p span{color:var(--muted)}.intro-note{font-size:12px;line-height:1.8;color:var(--muted)}
/* Offering chapters */
.product-section{padding:85px var(--pad) 35px;position:relative}.section-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:22px 9%;align-items:end;padding-bottom:44px}.section-copy>.eyebrow{grid-column:1/-1}.section-copy h2{font-size:clamp(42px,5vw,82px);line-height:1.07;letter-spacing:-.065em}.section-copy h2>span{color:var(--muted)}.section-description{max-width:430px;padding-bottom:5px}.section-description>p{font-size:14px;line-height:1.8;margin-bottom:21px}.concept-label{border:1px solid #bac2cd;border-radius:30px;padding:4px 9px;font-size:8px;letter-spacing:.04em;margin-left:10px;white-space:nowrap}.demo-stage{border-radius:24px;padding:28px clamp(20px,3vw,55px) 24px;position:relative;transform:translateY(var(--reveal-y,0px));opacity:var(--reveal-opacity,1)}.workflow-stage{background:var(--green)}.surface-stage{background:var(--blue)}.consulting-stage{background:var(--pink)}.stage-caption,.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;line-height:1.5}.stage-caption{margin-bottom:24px}.stage-caption>span:first-child{display:flex;align-items:center;gap:8px}.live-dot{height:6px;width:6px;background:var(--ink);border-radius:50%;display:inline-block;flex:none}.stage-footer{margin-top:22px}.app-shell{border-radius:15px;background:#fff;box-shadow:0 18px 40px #20354a14;overflow:hidden;border:1px solid #1b202812}.app-topline{display:flex;justify-content:space-between;font-size:10px;color:#6b7583;align-items:center;margin-bottom:25px}.demo-tag{font-size:8px;font-weight:600;letter-spacing:.09em;padding:5px 7px;border:1px solid #d9dfe5;border-radius:4px;color:#647080;white-space:nowrap}.app-title-row{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:27px}.app-title-row h3{font-size:23px;letter-spacing:-.04em}.app-title-row p{font-size:11px;margin-top:8px;color:#737d8a}.small-button{background:#fff;border:1px solid #cdd5de;padding:9px 13px;border-radius:7px;font-size:11px;white-space:nowrap}.small-button:hover{background:#edf2f7}.pane-label{font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#687483;margin-bottom:17px}.pane-label>span{font-size:9px;font-weight:400}.workflow-app{display:grid;grid-template-columns:175px 1fr;min-height:490px}.app-sidebar{background:#1c2530;color:#f1f5f9;padding:27px 16px;display:flex;flex-direction:column}.mini-brand{display:flex;gap:7px;align-items:center;letter-spacing:-.04em;font-size:16px;font-weight:600;margin-bottom:38px}.mini-brand svg{width:24px;height:24px;color:var(--green)}.sidebar-label{font-size:8px;letter-spacing:.14em;color:#a2b0bf;margin-left:10px}.side-item{display:flex;align-items:center;gap:10px;font-size:10px;background:#34423f;padding:13px 10px;border-radius:7px;color:#c7efdb;margin-top:14px}.side-item b{margin-left:auto;background:#65dd9622;width:18px;height:18px;display:grid;place-items:center;border-radius:4px;font-size:9px}.side-description{font-size:10px;color:#b1bfcc;line-height:1.8;padding:18px 10px}.team-avatar{display:flex;gap:9px;align-items:center;margin-top:auto;font-size:9px;color:#bfd0df}.team-avatar>span{font-size:9px}.workflow-main{padding:28px;min-width:0}.workflow-split{display:grid;grid-template-columns:1fr 1.05fr;gap:25px}.inbox{padding-right:20px;border-right:1px solid #e3e8ed}.request{display:flex;gap:10px;align-items:center;width:100%;padding:13px 10px;margin-bottom:8px;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;transition:background .2s,border-color .2s}.request:hover{background:#f0f4f7}.request.active{background:#edf4f1;border-color:#bddccc}.request-avatar{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:9px;font-weight:600}.mint{background:#c6ead6}.pink{background:#f2d7ec}.blue{background:#d0e1fa}.request strong,.request small{display:block}.request strong{font-size:11px;font-weight:600}.request small{font-size:9px;color:#6b7581;line-height:1.5;margin-top:4px}.request-state{font-size:8px;color:#687888;margin-left:auto;white-space:nowrap}.request-state.done{color:#287b50}.inbox-bottom{font-size:9px;color:#748190;line-height:1.8;margin:27px 0 0 9px}.tiny-icon{font-size:18px;margin-right:5px}.request-detail h4{font-size:16px;font-weight:600;letter-spacing:-.025em}.message-body{font-size:11px;line-height:1.8;margin:12px 0 16px;color:#697583}.automation-result{background:#f4f7f9;border:1px solid #e1e8ed;padding:16px;border-radius:8px;min-height:124px;font-size:10px;line-height:1.7}.automation-result>strong{display:block;font-size:11px;font-weight:600}.automation-result>p{color:#677483;margin-top:6px}.result-icon{font-size:20px;margin-bottom:6px;color:#3b6853}.run-button{width:100%;background:var(--ink);color:white;margin-top:15px;padding:13px 17px;font-size:11px;gap:15px}.run-button:disabled{background:#4e5d6b;transform:none}.run-button span{font-size:18px}.demo-footnote{font-size:8px;color:#78838e;line-height:1.7;margin-top:9px}.workflow-status{font-size:9px;color:#6a7784;padding-top:19px;margin-top:20px;border-top:1px solid #e5eaef;min-height:34px}.result-tags{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.result-tags>span{font-size:8px;padding:3px 6px;background:#d5ecde;color:#24573a;border-radius:4px}.draft-label{display:block;font-size:8px;color:#6a7882;text-transform:uppercase;letter-spacing:.1em;margin:12px 0 5px}.draft-copy{color:#3e4d5c!important;font-size:10px}.result-action{font-size:10px;margin-top:10px;padding:6px 10px;border-radius:4px;background:white;border:1px solid #cbd9d1}.result-action:hover{background:#def2e6}
/* Surface is an app, not a poster: saved state, reading, and charts. */
.surface-app{padding:27px 32px;background:#f9fbfe}.surface-top{display:flex;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid #e0e7f0}.surface-logo{font-size:27px;font-weight:600;letter-spacing:-.075em}.surface-logo>span{color:#3a78d5}.surface-date{font-size:10px;color:#6d7b8c;margin-left:auto}.round-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#d9e6f9;font-size:10px}.surface-greeting{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0}.surface-greeting .eyebrow{font-size:8px;letter-spacing:.08em;color:#6a7787}.surface-greeting h3{font-size:27px;letter-spacing:-.05em;margin-top:7px}.surface-greeting h3>span{color:#4d88dd}.surface-switch,.chart-tabs,.redesign-switch{display:flex;gap:3px;background:#e7edf5;padding:4px;border-radius:8px}.surface-switch button,.chart-tabs button{border-radius:5px;font-size:10px;padding:8px 12px;background:none;white-space:nowrap}.surface-switch button[aria-pressed=true],.chart-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #21374d0b}.surface-switch span{margin-left:4px;font-size:9px}.surface-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.reading-card{display:grid;grid-template-columns:75px 1fr 27px;gap:14px;align-items:center;border:1px solid #dde6ef;border-radius:11px;background:#fff;padding:15px;margin-bottom:12px;transition:transform .2s,box-shadow .2s}.reading-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #253d5509}.article-art{height:76px;width:75px;border-radius:7px;position:relative;overflow:hidden}.article-art svg{position:absolute;width:50px;height:50px;left:13px;top:14px}.article-art.art-0{background:#c6e9d5}.article-art.art-0 svg{color:#387451;transform:rotate(16deg)}.article-art.art-1{background:#ebc7e5}.article-art.art-1:before,.article-art.art-1:after{content:'';position:absolute;border:2px solid #8b467e;border-radius:50%;width:55px;height:55px;left:2px;top:10px}.article-art.art-1:after{left:20px}.article-art.art-2{background:#dae6fa}.article-art.art-2:before{content:'';width:45px;height:45px;position:absolute;background:#6b99df;transform:rotate(30deg);top:18px;left:20px;border-radius:9px}.article-art.art-2:after{content:'';width:25px;height:25px;position:absolute;background:#f4c849;border-radius:50%;top:8px;left:8px}.article-copy>small{font-size:8px;color:#788597}.article-title{background:none;text-align:left;padding:0;margin:6px 0 8px;display:block;font-size:12px;font-weight:600;line-height:1.5}.article-title:hover{text-decoration:underline;text-underline-offset:3px}.article-copy>span{font-size:8px;color:#6c7a8b}.save-button{align-self:start;background:transparent;padding:5px;border-radius:5px;font-size:17px;color:#6d7b8a;line-height:1}.save-button[aria-pressed=true]{background:#dce8fa;color:#245da9}.save-button:hover{background:#e8f0fa}.insight-card{background:#fff;border:1px solid #dbe4ee;border-radius:11px;padding:21px}.insight-card .pane-label{font-size:10px}.insight-card .pane-label span{font-size:8px}.insight-stat{display:flex;gap:12px;align-items:baseline;margin:15px 0}.insight-stat strong{font-size:33px;letter-spacing:-.065em;font-weight:500}.insight-stat>span{font-size:9px;color:#6d7b8c}.chart-tabs{width:max-content}.chart-tabs button{font-size:9px;padding:6px 10px}.sleep-chart{height:126px;display:flex;gap:10px;align-items:stretch;margin:18px 0 15px}.sleep-bar{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:9px}.sleep-bar i{display:block;width:100%;max-width:34px;height:var(--bar);background:#aecafa;border-radius:4px 4px 1px 1px;transition:height .4s}.sleep-bar:last-child i{background:#4f8dec}.sleep-bar span{font-size:8px;color:#738096}.insight-summary{font-size:9px;border-top:1px solid #e3eaf2;padding-top:12px;color:#64738a;line-height:1.6}.surface-note{background:#ede5f4;border-radius:11px;margin-top:14px;padding:22px;position:relative;overflow:hidden}.surface-note>strong{font-size:17px;letter-spacing:-.025em;font-weight:500;position:relative}.surface-note>p{font-size:10px;line-height:1.8;margin-top:9px;color:#6f6280;position:relative}.note-spark{font-size:100px;position:absolute;right:16px;top:-9px;color:#d2b3e3;transform:rotate(20deg)}.surface-app-footer{display:flex;gap:20px;justify-content:space-between;font-size:8px;color:#6b7b8b;border-top:1px solid #e0e7f0;padding-top:18px;margin-top:22px}.empty-state{padding:38px 20px;text-align:center;border:1px dashed #c8d4e3;border-radius:11px;min-height:280px}.empty-state>svg{width:35px;height:35px;margin:0 auto 18px;color:#8aaddc}.empty-state h4{font-size:17px}.empty-state p{font-size:11px;color:#718093;line-height:1.8;margin:10px 0 20px}
/* The same data, two genuinely usable interface treatments. */
.redesign-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px;gap:20px;font-size:12px}.redesign-switch{background:#ffffff66;padding:5px;border-radius:40px}.redesign-switch button{background:none;border-radius:30px;padding:10px 22px;font-size:11px}.redesign-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.redesign-switch button span{padding-left:9px}.dashboard-app{padding:25px 30px;transition:border-radius .3s,background .3s}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e5e8ed;padding-bottom:20px}.dashboard-logo{font-size:22px;letter-spacing:-.04em;display:flex;align-items:center;gap:8px;font-weight:600}.dashboard-mark{width:25px;height:25px;background:#1b2028;color:#fff;display:grid;place-items:center;font-size:18px;line-height:1;border-radius:7px}.logo-detail{font-size:10px;font-weight:400;letter-spacing:0;color:#84909c;margin-left:9px}.dashboard-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:24px 0}.dashboard-heading .eyebrow{font-size:8px;color:#6a7582}.dashboard-heading h3{font-size:26px;letter-spacing:-.045em;margin-top:5px}.date-select{font-size:9px;color:#6a7582;display:flex;align-items:center;gap:10px}select{padding:9px 28px 9px 11px;background:#fff;border:1px solid #d3dbe4;border-radius:7px;font-size:10px;max-width:100%}.dashboard-metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;margin-bottom:27px}.metric{padding:20px;background:#f4f6f8;border-radius:10px;position:relative;overflow:hidden}.metric>span{display:block;font-size:10px;position:relative;z-index:1}.metric>strong{display:block;font-size:27px;letter-spacing:-.045em;font-weight:500;margin:9px 0 7px;position:relative;z-index:1}.metric>small{font-size:8px;color:#62717c;position:relative;z-index:1}.primary-metric{background:#d3efdf}.metric-spark{position:absolute;right:-20px;bottom:-12px;width:105px;height:105px;color:#b1dec4;transform:rotate(10deg)}.dashboard-content{display:grid;grid-template-columns:1fr 220px;gap:24px}.transactions{min-width:0}.transaction-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.transaction-heading h4{font-size:14px;font-weight:600}.transaction-heading>span{font-size:8px;color:#78848f}.transaction-tools{display:flex;gap:9px;align-items:center;margin-bottom:12px}.search-label{display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #d9e0e7;border-radius:7px;flex:1;min-width:0}.search-label>span{font-size:20px}.search-label input{border:0;outline-offset:2px;background:transparent;width:100%;font-size:10px;padding:10px 0;min-width:0}.transaction-row{display:flex;align-items:center;gap:11px;border-radius:7px;width:100%;background:transparent;padding:12px 6px;text-align:left;border-bottom:1px solid #edf0f3}.transaction-row:hover{background:#edf3fa}.transaction-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f0f3f6;font-size:12px;flex:none}.transaction-person{min-width:0;flex:1}.transaction-person strong{font-size:10px;font-weight:500;display:block}.transaction-person small{font-size:8px;color:#7e8995;margin-top:3px;display:block}.transaction-amount{font-size:11px;font-weight:600}.transaction-badge{font-size:8px;padding:4px 6px;border-radius:5px;min-width:49px;text-align:center}.transaction-badge.paid{background:#e4f2e9;color:#377c51}.transaction-badge.pending{background:#fff2ce;color:#795f14}.dashboard-aside{background:#f6f3f9;border-radius:10px;padding:23px 20px;align-self:start}.dashboard-aside .eyebrow{font-size:8px;color:#7c6d8c}.dashboard-aside h4{font-size:20px;letter-spacing:-.04em;line-height:1.3;margin:13px 0 20px}.pending-summary{border-top:1px solid #e3ddea;padding-top:17px}.pending-summary>span{display:block;font-size:9px;color:#766982}.pending-summary>strong{display:block;font-size:24px;letter-spacing:-.04em;margin-top:6px;font-weight:500}.dashboard-aside>p{font-size:10px;line-height:1.8;color:#796d85;margin:15px 0}.dashboard-aside .small-button{font-size:10px;width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent}.dashboard-footer{border-top:1px solid #e5e8ed;padding-top:15px;margin-top:22px;font-size:8px;color:#7a8591}.empty-transactions{font-size:11px;color:#657487;padding:25px 5px}.dashboard-app.legacy{border-radius:2px;background:#f0f0ed;font-family:Arial,sans-serif;box-shadow:none}.legacy .dashboard-top{border-bottom:2px solid #999;padding-bottom:10px}.legacy .dashboard-logo{font-family:Georgia,serif;font-size:20px}.legacy .dashboard-mark{display:none}.legacy .dashboard-heading h3{font-family:Georgia,serif;font-size:23px;letter-spacing:0}.legacy .dashboard-metrics{gap:0;border:1px solid #9b9b97}.legacy .metric{border-radius:0;border-right:1px solid #9b9b97;background:#e0e0db;padding:15px}.legacy .metric:last-child{border:0}.legacy .metric strong{font-family:monospace;font-size:24px;letter-spacing:-.07em}.legacy .metric-spark{display:none}.legacy .dashboard-aside{border-radius:0;background:#e0e0db;border:1px solid #9b9b97}.legacy .dashboard-aside h4{font-family:Georgia,serif;letter-spacing:0}.legacy .transaction-row{border-radius:0;border:1px solid #bfc0bc;border-bottom:0;padding:12px 7px}.legacy .transaction-row:last-child{border-bottom:1px solid #bfc0bc}.legacy .transaction-row:nth-child(odd){background:#e4e4df}.legacy .transaction-row:hover{background:#d6deea}.legacy .transaction-icon{display:none}.legacy .transaction-badge{background:transparent;border-radius:0;color:#3e454f}.legacy .search-label,.legacy select,.legacy .small-button{border-radius:0;border-color:#a4a6a0}.legacy .transaction-person strong{font-size:11px}.legacy .transaction-person small{color:#555}.legacy .metric small{color:#555}
.closing{margin-top:65px;position:relative;overflow:hidden;background:var(--green);padding:100px var(--pad) 90px}.closing h2{font-size:clamp(70px,10vw,150px);letter-spacing:-.075em;line-height:.98;margin:28px 0 36px;position:relative;max-width:900px}.closing h2>span{white-space:nowrap}.closing>.eyebrow,.closing>.pill,.closing>p{position:relative;z-index:1}.closing>p{font-size:12px;margin-top:24px}.site-footer{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:35px var(--pad);font-size:10px;color:var(--muted)}.site-footer .brand{color:var(--ink)}dialog{border:1px solid #d6dfe8;border-radius:20px;padding:30px;width:min(550px,calc(100% - 32px));max-height:85svh;color:var(--ink);box-shadow:0 24px 100px #16263438}dialog::backdrop{background:#15243677;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-top .eyebrow{color:#64778d;font-size:9px}.dialog-top button{border:1px solid #d9e0e8;border-radius:50%;width:32px;height:32px;background:#fff;font-size:22px;line-height:1}#dialog-content h3{font-size:30px;letter-spacing:-.045em;line-height:1.2;margin-bottom:19px}#dialog-content p{font-size:13px;line-height:1.9;color:#526071;margin-bottom:16px}#dialog-content dl{margin:0}#dialog-content dl>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #e5ebf1;font-size:12px}#dialog-content dt{color:#65748a}#dialog-content dd{margin:0;text-align:right}.dialog-footnote{font-size:9px;line-height:1.8;margin:25px 0 0;padding-top:15px;border-top:1px solid #dfe5ee;color:#748195}
@media(min-width:1600px){.app-shell{max-width:1320px;margin:auto}.demo-stage{padding-left:5%;padding-right:5%}.workflow-app{grid-template-columns:200px 1fr}.workflow-main{padding:40px}.surface-app,.dashboard-app{padding:35px 45px}.hero-copy{top:28%}}
@media(max-width:1150px){.workflow-app{grid-template-columns:140px 1fr}.app-sidebar{padding:25px 12px}.mini-brand{font-size:14px}.workflow-main{padding:23px}.workflow-split{gap:16px;grid-template-columns:1fr 1.15fr}.inbox{padding-right:14px}.request{padding:11px 7px;gap:7px}.request-avatar{display:none}.request small{max-width:135px}.surface-app{padding:24px}.surface-grid{gap:20px}.reading-card{grid-template-columns:58px 1fr 22px;gap:11px;padding:12px}.article-art{height:65px;width:58px}.article-art svg{left:7px;width:44px}.dashboard-content{grid-template-columns:1fr 190px;gap:18px}.dashboard-aside{padding:19px 16px}.metric>strong{font-size:23px}.demo-stage{padding-left:24px;padding-right:24px}}
@media(max-width:900px){.section-copy{gap:22px 6%}.section-copy h2{font-size:43px}.section-description>p{font-size:12px}.workflow-app{grid-template-columns:1fr}.app-sidebar{display:none}.workflow-split{grid-template-columns:1fr 1.1fr}.request-avatar{display:grid}.surface-greeting{align-items:start;flex-direction:column;gap:17px}.surface-greeting h3{font-size:26px}.surface-grid{grid-template-columns:1.1fr 1fr;gap:16px}.reading-card{grid-template-columns:1fr 22px}.article-art{grid-column:1/-1;width:100%;height:64px}.article-art svg{left:calc(50% - 22px);top:8px}.article-art.art-1:before{left:35%}.article-art.art-1:after{left:47%}.article-art.art-2:before{left:45%;top:8px}.article-art.art-2:after{left:35%}.surface-insights{position:sticky;top:110px;align-self:start}.surface-note{padding:18px}.insight-card{padding:17px}.insight-stat{display:block}.insight-stat span{display:block;margin-top:3px}.insight-stat strong{font-size:30px}.dashboard-content{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.dashboard-aside>.eyebrow{grid-column:1/-1}.dashboard-aside h4{margin:0}.dashboard-aside p{margin:0}.pending-summary{padding:0;border:0}.dashboard-aside .small-button{align-self:end}.dashboard-metrics{gap:10px}.metric{padding:16px}.logo-detail{display:none}.stage-footer{font-size:9px}.hero-copy h1{font-size:9vw}.hero-art{top:30%}.hero-copy p{font-size:14px}.hero-meta .edition{display:none}}
@media(max-width:650px){:root{--pad:22px}html{scroll-padding-top:90px}.site-header{height:74px}.brand{font-size:26px;gap:5px}.brand svg{width:28px;height:28px}.site-header nav{gap:17px;font-size:10px}.site-header nav>a:first-child{display:none}.nav-contact{padding:8px 12px;gap:14px}.nav-contact span{font-size:16px}.opening{height:165svh}.opening-stage{min-height:730px;padding-top:104px}.hero-meta .eyebrow{font-size:8px;letter-spacing:.07em}.hero-copy{top:22%;right:var(--pad)}.hero-copy h1{font-size:clamp(58px,13vw,84px)}.hero-copy p{font-size:13px;margin:20px 0}.hero-copy .pill{font-size:11px;padding:13px 18px}.hero-art{top:auto;bottom:9%;right:3%;width:61vw;height:61vw;max-width:310px;max-height:310px}.hero-bottom{font-size:9px;bottom:23px}.hero-bottom>span{display:none}.hero-bottom>a{width:100%;justify-content:space-between}.portal{width:80vw;height:80vw;left:30%;top:40%}.portal-copy{padding:0 24px}.portal-copy .eyebrow{font-size:8px}.portal-copy>p{font-size:clamp(41px,10vw,68px)}.portal-end{font-size:10px}.offerings-intro{padding-top:58px;padding-bottom:12px;display:block}.offerings-intro>p{margin-top:18px;font-size:36px}.intro-note{display:block;margin-top:20px;font-size:11px}.product-section{padding-top:58px;padding-bottom:15px}.section-copy{display:block;padding-bottom:28px}.section-copy>.eyebrow{font-size:9px;display:block;margin-bottom:20px}.section-copy h2{font-size:clamp(35px,8.8vw,52px);margin-bottom:23px}.section-description{max-width:470px}.section-description>p{font-size:13px;line-height:1.85}.text-link{font-size:11px;gap:25px}.concept-label{font-size:7px;margin-left:5px}.demo-stage{margin:0 -10px;padding:20px 12px 17px;border-radius:17px}.stage-caption{display:block;font-size:9px;padding:0 5px;margin-bottom:18px}.stage-caption>span:last-child{display:block;font-size:8px;margin:7px 0 0 14px;opacity:.75}.stage-footer{font-size:8px;padding:0 5px;align-items:start;margin-top:16px}.stage-footer>span:first-child{max-width:85%;line-height:1.8}.app-shell{border-radius:10px}.workflow-main{padding:18px 14px}.app-topline{margin-bottom:20px;font-size:8px}.demo-tag{font-size:7px}.app-title-row{margin-bottom:22px;gap:12px}.app-title-row h3{font-size:20px;max-width:210px;line-height:1.2}.app-title-row p{font-size:10px}.small-button{font-size:10px;padding:8px 10px}.workflow-split{display:block}.inbox{border-right:0;border-bottom:1px solid #dce4eb;padding:0 0 10px;margin-bottom:19px}.inbox .pane-label{margin-bottom:12px}.request{padding:10px 8px}.request strong{font-size:10px}.request small{max-width:none;font-size:9px}.request-avatar{width:27px;height:27px;font-size:8px}.inbox-bottom{display:none}.request-detail h4{font-size:17px}.message-body{font-size:11px}.automation-result{padding:15px}.workflow-status{line-height:1.8;margin-top:17px}.surface-app{padding:20px 14px}.surface-logo{font-size:25px}.surface-date{font-size:8px}.surface-top{gap:11px}.round-avatar{width:25px;height:25px}.surface-greeting{margin:23px 0}.surface-greeting h3{font-size:24px;line-height:1.2}.surface-greeting .eyebrow{font-size:7px}.surface-switch{width:100%}.surface-switch button{flex:1;font-size:10px}.surface-grid{grid-template-columns:1fr;gap:14px}.reading-card{grid-template-columns:62px 1fr 23px;padding:12px;gap:11px}.article-art{grid-column:auto;width:62px;height:68px}.article-art svg{left:9px;top:12px}.article-art.art-1:before{left:1px}.article-art.art-1:after{left:17px}.article-art.art-2:before{left:17px;top:19px}.article-art.art-2:after{left:6px}.article-title{font-size:11px}.surface-insights{position:static}.insight-stat{display:flex;align-items:baseline}.insight-stat>span{display:inline}.sleep-chart{height:140px}.surface-note{display:none}.surface-app-footer{display:block;font-size:8px;line-height:1.8}.surface-app-footer>span:last-child{display:block;margin-top:5px}.redesign-toolbar{display:block;padding:0 5px;font-size:10px;margin-bottom:16px}.redesign-switch{width:max-content;margin-top:12px}.redesign-switch button{font-size:10px;padding:8px 20px}.dashboard-app{padding:18px 14px}.dashboard-logo{font-size:20px}.dashboard-top{padding-bottom:17px}.dashboard-heading{margin:20px 0;display:block}.dashboard-heading h3{font-size:23px;margin:5px 0 16px}.date-select{justify-content:space-between}.date-select select{min-width:120px}.dashboard-metrics{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:23px}.primary-metric{grid-column:1/-1}.metric{padding:15px}.metric>strong{font-size:25px}.primary-metric>strong{font-size:34px}.metric>small{font-size:8px}.metric>span{font-size:9px}.metric-spark{width:150px;height:150px;right:12px;bottom:-21px}.transaction-tools{gap:6px;flex-wrap:wrap}.search-label{flex-basis:100%}.transaction-tools>select{width:100%}.transaction-heading{gap:5px}.transaction-heading h4{font-size:13px}.transaction-heading>span{font-size:8px}.transaction-row{gap:8px;padding:12px 3px}.transaction-icon{display:none}.transaction-person strong{font-size:10px}.transaction-person small{font-size:8px}.transaction-amount{font-size:10px}.transaction-badge{font-size:7px;min-width:43px;padding:4px}.dashboard-aside{padding:18px 14px;gap:12px 15px}.dashboard-aside h4{font-size:19px}.pending-summary strong{font-size:22px}.pending-summary span{font-size:8px}.dashboard-aside>p{font-size:9px}.dashboard-aside .small-button{font-size:9px}.dashboard-footer{line-height:1.8}.legacy .dashboard-metrics{grid-template-columns:1fr 1fr}.legacy .metric{border:1px solid #9b9b97!important}.legacy .primary-metric{grid-column:1/-1}.closing{margin-top:40px;padding:65px var(--pad) 60px}.closing h2{font-size:clamp(64px,15vw,98px);margin:25px 0 32px}.closing>.eyebrow{font-size:8px}.closing .pill{font-size:12px;padding:15px 19px;gap:25px}.closing>p{font-size:11px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:24px;font-size:9px}.site-footer>span:nth-child(2){grid-row:2;grid-column:1/-1}.site-footer>span:last-child{grid-row:1;grid-column:2}dialog{padding:22px}#dialog-content h3{font-size:26px}#dialog-content p{font-size:12px}}
@media(max-height:760px) and (min-width:651px){.opening-stage{min-height:650px}.hero-copy{top:28%}.hero-copy h1{font-size:clamp(66px,7.8vw,105px)}.hero-art{width:35vw;height:35vw;max-width:440px;max-height:440px;top:24%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.opening{height:auto}.opening-stage{position:relative;min-height:740px;height:100svh}.portal,.portal-copy{display:none}.hero-copy,.hero-art,.hero-meta,.hero-bottom{transform:none!important;opacity:1!important;visibility:visible!important}.demo-stage{transform:none!important;opacity:1!important}}
/* Playful motion, carried through from the brand playground. */
.hero-art{perspective:1000px;z-index:4;will-change:transform}.art-composition{position:absolute;inset:0;transform-style:preserve-3d;transform:translateY(var(--art-bob,0px)) rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg))}.art-tile,.blue-ball,.yellow-ball,.art-spark,.art-dot{transition:translate 850ms cubic-bezier(.22,1.25,.35,1),rotate 850ms cubic-bezier(.22,1.25,.35,1),scale 850ms cubic-bezier(.22,1.25,.35,1);will-change:transform}.green-tile{translate:calc(var(--pointer-x,0px)*-.45) calc(var(--pointer-y,0px)*-.5);rotate:var(--green-spin,0deg)}.pink-tile{translate:calc(var(--pointer-x,0px)*.7) calc(var(--pointer-y,0px)*.7);rotate:var(--pink-spin,0deg)}.blue-ball{translate:calc(var(--pointer-x,0px)*1.4) calc(var(--pointer-y,0px)*1.2);scale:var(--ball-scale,1)}.yellow-ball{translate:calc(var(--pointer-x,0px)*-1.7) calc(var(--pointer-y,0px)*-1.6)}
.discovery{position:relative;height:225svh;background:#eaf0f6}.discovery-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;padding:125px 0 26px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.discovery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:0 var(--pad)}.discovery-heading h2{font-size:clamp(38px,4.2vw,65px);line-height:1.06;letter-spacing:-.06em;margin-top:14px}.discovery-heading h2>span{color:var(--muted)}.discovery-heading p{font-size:12px;line-height:1.8;color:var(--muted)}.discovery-window{overflow:clip;width:100%;padding:30px 0}.discovery-track{display:flex;width:max-content;gap:36px;padding:0 var(--pad);will-change:transform}.discovery-card{position:relative;isolation:isolate;width:clamp(430px,44vw,620px);border-radius:22px;overflow:hidden;box-shadow:0 14px 20px #23354b10;transform-origin:50% 55%;will-change:transform}.discovery-green{background:var(--green)}.discovery-blue{background:var(--blue)}.discovery-pink{background:var(--pink)}.mini-app-preview{height:clamp(180px,25svh,310px);margin:24px 24px 0;position:relative;overflow:hidden;border-radius:10px 10px 0 0;box-shadow:0 4px 25px #263e4c20;background:#fff;pointer-events:none}.mini-app-preview>.app-shell{position:absolute;left:0;top:0;width:1000px;max-width:none;margin:0;transform:scale(var(--preview-scale,.45));transform-origin:top left;border-radius:0;box-shadow:none}.discovery-copy{padding:23px 28px 27px;position:relative;z-index:1}.discovery-copy .eyebrow{font-size:8px}.discovery-copy h3{font-size:clamp(27px,2.7vw,41px);letter-spacing:-.05em;line-height:1.05;margin:12px 0 18px}.discovery-copy a{display:inline-flex;gap:20px;align-items:center;font-size:11px;border-bottom:1px solid #1b20285c;padding:0 0 5px}.discovery-copy a>span{font-size:19px}.discovery-copy a:hover{border-color:var(--ink)}.card-flower{position:absolute;bottom:9%;right:-6%;width:33%;height:33%;color:#1b20280f;transform:rotate(var(--flower-turn,0deg));pointer-events:none}.discovery-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--pad);font-size:10px}.discovery-footer>a{text-decoration:underline;text-underline-offset:5px}.discovery-controls{display:flex;gap:17px;align-items:center;margin-left:auto}.discovery-controls button{background:#ffffff88;border:1px solid #bac7d3;border-radius:50%;width:35px;height:35px;font-size:19px}.discovery-controls button:hover{background:var(--ink);color:white}.discovery-controls button:disabled{opacity:.4;cursor:default}.discovery-controls span{font-size:10px;font-variant-numeric:tabular-nums}.product-section .section-copy h2{transform:translateX(var(--heading-slide,0px));opacity:var(--heading-opacity,1)}.demo-stage{transform:translateY(var(--reveal-y,0px)) scale(var(--stage-scale,1));transform-origin:50% 0%;will-change:transform;opacity:1}.demo-stage:focus-within,.demo-stage:hover{transform:none!important}.app-shell{transition:box-shadow .4s}.demo-stage:hover>.app-shell{box-shadow:0 24px 55px #20354a22}.connection-section{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:6%;padding:100px var(--pad) 70px}.connection-copy h2{font-size:clamp(40px,4.8vw,70px);letter-spacing:-.065em;line-height:1.06;margin:23px 0}.connection-copy>p{font-size:13px;line-height:1.9;color:var(--muted)}.connection-field{position:relative;height:470px;background:var(--ink);border-radius:26px;overflow:hidden;color:var(--base);touch-action:pan-y}.connection-field canvas{display:block;width:100%;height:100%}.kinetic-band{overflow:hidden;padding:65px 0 90px;transform:skewY(-5deg);margin-bottom:35px}.kinetic-row{font-size:clamp(60px,10.5vw,170px);letter-spacing:-.075em;line-height:1.2;white-space:nowrap;display:flex;gap:.22em;align-items:center;width:max-content;will-change:transform}.kinetic-row:first-child{color:var(--ink);transform:translateX(var(--type-one,-5%))}.kinetic-row:first-child span{color:var(--pink)}.kinetic-row:nth-child(2){background:var(--blue);padding:0 30px;color:var(--ink);transform:translateX(var(--type-two,-20%))}.kinetic-row:nth-child(2) span{color:#203f6a}.closing{margin-top:0}
@media(max-height:800px) and (min-width:761px){.discovery-stage{padding-top:107px;gap:8px}.discovery-heading h2{font-size:38px}.discovery-heading .eyebrow{font-size:8px}.discovery-window{padding:18px 0}.mini-app-preview{height:21svh;min-height:140px;margin-top:18px}.discovery-copy{padding:17px 25px}.discovery-copy h3{font-size:30px;margin:8px 0 12px}.discovery-copy a{font-size:10px}}
@media(max-width:760px){.discovery{height:auto}.discovery-stage{position:relative;height:auto;min-height:0;padding:70px 0 28px;gap:20px}.discovery-heading{display:block}.discovery-heading h2{font-size:42px}.discovery-heading p{font-size:11px;margin-top:18px}.discovery-window{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:15px 0 30px}.discovery-window::-webkit-scrollbar{display:none}.discovery-track{gap:18px;transform:none!important;padding:0 22px}.discovery-card{width:calc(100vw - 62px);max-width:470px;min-width:258px;transform:none!important;scroll-snap-align:center}.mini-app-preview{height:180px;margin:19px 18px 0}.discovery-copy{padding:20px 23px 25px}.discovery-copy h3{font-size:32px}.discovery-copy a{font-size:10px}.discovery-footer{flex-wrap:wrap;font-size:9px;gap:16px}.discovery-footer>a{order:3;width:100%}.discovery-controls button{width:33px;height:33px}.connection-section{display:block;padding:65px 22px 30px}.connection-copy h2{font-size:45px}.connection-copy>p{font-size:12px}.connection-field{height:390px;margin-top:30px;border-radius:20px}.kinetic-band{padding:45px 0 55px;margin-bottom:20px}.kinetic-row{font-size:19vw}.product-section .section-copy h2{transform:none!important;opacity:1!important}.demo-stage{transform:none!important}}
@media(prefers-reduced-motion:reduce){.art-composition,.art-tile,.blue-ball,.yellow-ball,.art-spark{transform:none!important;translate:none!important;rotate:none!important;scale:1!important}.green-tile{transform:rotate(-16deg)!important}.pink-tile{transform:translate(14%,-8%) rotate(17deg)!important}.discovery{height:auto}.discovery-stage{position:relative;height:auto;min-height:0;padding:70px 0 30px}.discovery-window{overflow-x:auto;scroll-snap-type:x mandatory}.discovery-track{transform:none!important}.discovery-card{transform:none!important;scroll-snap-align:center}.kinetic-row{transform:none!important}.product-section .section-copy h2{transform:none!important;opacity:1!important}.demo-stage{transform:none!important;opacity:1!important}}

.discovery-window:focus-visible{outline:2px solid #2764c5;outline-offset:-4px}
/* Keep gallery previews at desktop proportions, even inside mobile cards. */
.mini-app-preview>.workflow-app{display:grid;grid-template-columns:175px 1fr;min-height:490px}.mini-app-preview .app-sidebar{display:flex;padding:27px 16px}.mini-app-preview .workflow-main{padding:28px}.mini-app-preview .workflow-split{display:grid;grid-template-columns:1fr 1.05fr;gap:25px}.mini-app-preview .inbox{padding-right:20px;border-right:1px solid #e3e8ed;border-bottom:0}.mini-app-preview .request-avatar{display:grid}.mini-app-preview .app-title-row h3{max-width:none;font-size:23px}.mini-app-preview>.surface-app{padding:27px 32px}.mini-app-preview .surface-greeting{flex-direction:row;align-items:end}.mini-app-preview .surface-greeting h3{font-size:27px}.mini-app-preview .surface-switch{width:auto}.mini-app-preview .surface-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.mini-app-preview .reading-card{grid-template-columns:75px 1fr 27px;gap:14px;padding:15px}.mini-app-preview .article-art{grid-column:auto;width:75px;height:76px}.mini-app-preview .surface-insights{position:static}.mini-app-preview .surface-note{display:block}.mini-app-preview .insight-stat{display:flex}.mini-app-preview>.dashboard-app{padding:25px 30px}.mini-app-preview .dashboard-metrics{grid-template-columns:1.25fr 1fr 1fr;gap:14px}.mini-app-preview .primary-metric{grid-column:auto}.mini-app-preview .dashboard-heading{display:flex;align-items:center}.mini-app-preview .dashboard-heading h3{font-size:26px}.mini-app-preview .dashboard-content{grid-template-columns:1fr 220px}.mini-app-preview .dashboard-aside{display:block}.mini-app-preview .transaction-tools{flex-wrap:nowrap}.mini-app-preview .search-label{flex-basis:auto}.mini-app-preview .transaction-tools>select{width:auto}.mini-app-preview .transaction-icon{display:grid}

/* Full-screen colour chapters: the brand palette becomes the environment. */
main{background:var(--ink)}
.site-header{background:linear-gradient(120deg,#ffffff0b,transparent 65%),#1b2028a3;color:#fff;border-bottom-color:#ffffff2b;-webkit-backdrop-filter:blur(14px) saturate(145%);backdrop-filter:blur(14px) saturate(145%);box-shadow:inset 0 1px 0 #ffffff18,0 6px 24px #1b20280a}
.site-header .nav-contact{border-color:#ffffff66;background:linear-gradient(145deg,#ffffff19,#ffffff05);box-shadow:inset 0 1px 0 #ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,border-color .2s}.site-header .nav-contact:hover{background:#ffffff1c;border-color:#ffffffa6;text-decoration:none}
.site-header a:focus-visible{outline-color:var(--yellow)}
.opening,.opening-stage{background:var(--blue)}
.opening-stage:before,.opening-stage:after{content:'';position:absolute;pointer-events:none;border-radius:50%;z-index:0}
.opening-stage:before{width:72vw;height:72vw;right:-21vw;top:3%;background:var(--pink)}
.opening-stage:after{width:62vw;height:62vw;right:-16vw;top:10%;border:1px solid #1b20284a;box-shadow:0 0 0 4vw #1b20280b,inset 0 0 0 4vw #1b20280b}
.hero-copy p,.hero-meta .edition{color:var(--ink)}
.art-orbit{border-color:#1b202866}

.opening a:focus-visible,.opening button:focus-visible{outline-color:var(--ink)}
.discovery{background:var(--ink);color:var(--base)}
.discovery-stage{isolation:isolate}
.discovery-stage:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:72vw;height:72vw;border:1px solid #5e9bff55;box-shadow:0 0 0 8vw #5e9bff08,0 0 0 16vw #5e9bff08;border-radius:50%;right:-36vw;top:-14vw}
.discovery-heading h2>span{color:var(--green)}
.discovery-heading p{color:#c5ced9}
.discovery-card{color:var(--ink);box-shadow:0 24px 40px #0003}
.discovery-controls button{background:transparent;border-color:#ffffff70;color:var(--base)}
.discovery-controls button:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.discovery-window:focus-visible{outline-color:var(--yellow)}
.discovery-footer a:focus-visible,.discovery-controls button:focus-visible{outline-color:var(--yellow)}
.product-section{padding-bottom:75px;isolation:isolate;overflow:clip}
.software-section{background:var(--green)}
.surface-section{background:var(--blue)}
.consulting-section{background:var(--pink)}
.product-section:before{content:'';position:absolute;width:65vw;height:65vw;max-width:1100px;max-height:1100px;border:1px solid #1b202826;box-shadow:0 0 0 5vw #1b202807,0 0 0 10vw #1b202807;border-radius:50%;right:-30vw;top:100px;pointer-events:none;z-index:-1}
.surface-section:before{border-radius:30%;transform:rotate(-25deg);right:-32vw}
.consulting-section:before{border-radius:0;transform:rotate(35deg);right:-38vw}
.section-copy h2>span{color:var(--ink)}
.section-copy .text-link{border-color:#1b202880}.concept-label{border-color:#1b202880}
.product-section>.demo-stage{background:transparent;border:1px solid #1b202838}
.product-section>.demo-stage>.app-shell{box-shadow:0 24px 60px #1b202830}
.product-section>.demo-stage:hover>.app-shell{box-shadow:0 28px 65px #1b202840}
.product-section .section-copy a:focus-visible{outline-color:var(--ink)}
.connection-section{background:var(--ink);color:var(--base);padding-top:100px;padding-bottom:100px}
.connection-copy h2{color:var(--yellow)}
.connection-copy>p{color:#c5ced9}
.connection-field{background:#101723;border:1px solid #5e9bff60;box-shadow:16px 16px 0 var(--blue)}
.kinetic-band{background:var(--ink);margin:0;padding:55px 0 70px;transform:none}
.kinetic-row:first-child{color:var(--yellow);transform:translateX(var(--type-one,-5%)) rotate(-4deg)}
.kinetic-row:first-child span{color:var(--pink)}
.kinetic-row:nth-child(2){background:var(--pink);transform:translateX(var(--type-two,-20%)) rotate(-4deg)}
.kinetic-row:nth-child(2) span{color:var(--ink)}
.closing{background:var(--yellow);margin-top:0}

.closing h2{z-index:1}
.site-footer{background:var(--ink);color:#c5ced9;border-top:1px solid #ffffff20}
.site-footer .brand{color:var(--base)}
.site-footer a:focus-visible{outline-color:var(--yellow)}
@media(max-width:760px){
  .opening-stage:before{width:112vw;height:112vw;right:-36vw;top:auto;bottom:-9%}
  .opening-stage:after{width:96vw;height:96vw;right:-28vw;top:auto;bottom:-5%}
  .discovery-stage:before{width:150vw;height:150vw;right:-80vw;top:6%}
  .product-section{padding-bottom:50px}
  .connection-section{padding-top:65px;padding-bottom:65px}
  .connection-field{box-shadow:8px 8px 0 var(--blue)}
  .kinetic-band{padding:32px 0 55px}
  
}
@media(prefers-reduced-motion:reduce){.kinetic-row{transform:none!important}}
/* Legal links share the footer on every page. */
.site-footer{flex-wrap:wrap}.footer-legal{display:flex;align-items:center;gap:20px}.footer-legal a{padding:8px 0;text-underline-offset:4px}.footer-legal a:hover{text-decoration:underline}
@media(max-width:900px){.site-footer{display:grid;grid-template-columns:1fr auto;gap:18px 20px}.site-footer>.brand{grid-row:1;grid-column:1}.site-footer>.footer-legal{grid-row:1;grid-column:2}.site-footer>.footer-note{grid-row:2;grid-column:1/-1}.site-footer>.footer-copyright{grid-row:3;grid-column:1/-1}}

.connection-copy>p{max-width:390px}.connection-copy>p+p{margin-top:17px}

/* The hero mountain grows into one continuous backdrop, carried into the gallery. */
.portal{inset:0;width:auto;height:auto;border-radius:0;transform:none;isolation:isolate;visibility:hidden;clip-path:url(#mountain-reveal)}
.portal:before,.discovery-stage:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:72vw;height:72vw;border:1px solid #5e9bff55;box-shadow:0 0 0 8vw #5e9bff08,0 0 0 16vw #5e9bff08;border-radius:50%;right:-36vw;top:calc(-14vw + var(--backdrop-offset,0px))}
@media(max-width:760px){.portal:before,.discovery-stage:before{width:150vw;height:150vw;right:-80vw;top:calc(6svh + var(--backdrop-offset,0px))}}
.portal:before{opacity:var(--portal-rings,0)}

/* A crisp, optically sized heart independent of the text font. */
.site-footer .footer-heart{display:inline-block;width:1.6em;height:1.6em;min-width:16px;min-height:16px;margin:0 .15em;vertical-align:-.3em;color:var(--pink)}

/* In-page chapters flow through scrolling; navigation stays in the header. */
.hero-bottom>.scroll-cue{display:flex;gap:24px;align-items:center}.scroll-cue>span{font-size:24px}.discovery-copy>p{font-size:11px;line-height:1.6;margin:0;max-width:85%}
@media(max-height:800px) and (min-width:761px){.discovery-copy>p{font-size:10px}}
@media(max-width:650px){.hero-bottom>.scroll-cue{width:100%;justify-content:space-between}}

/* Keep all three product destinations visible on narrow screens. */
.site-header .product-nav>a{white-space:nowrap;min-height:44px;display:flex;align-items:center}
@media(max-width:650px){.site-header nav.product-nav{gap:14px}.site-header nav.product-nav>a:first-child{display:flex}.site-header nav.product-nav>.nav-contact{display:none}}
@media(max-width:360px){.site-header nav.product-nav{gap:10px;font-size:9px}}

/* Match elastic overscroll to the opening at the top and the footer below. */
html.home-page{--overscroll-background:var(--blue)}
html.home-page.dark-overscroll{--overscroll-background:var(--ink)}
html.home-page,html.home-page body{background:var(--overscroll-background)}

/* Let tilted cards use the gallery's vertical space without a rectangular cut. */
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
  .discovery-stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
  .discovery-window{overflow:visible;min-height:0;padding:30px 0;display:flex;align-items:center}
}

/* Landscape cards, with the preview sized to the available card space. */
.discovery-heading h2{margin-top:0}
.discovery-card{display:grid;grid-template-rows:minmax(0,1fr) auto;aspect-ratio:16/9;width:min(820px,max(560px,60vw),calc((100svh - 315px)*16/9))}
.discovery .mini-app-preview{height:auto;min-height:0}
@media(max-width:760px){.discovery-card{width:calc(100vw - 62px);max-width:470px;aspect-ratio:4/5}}

/* Keep angled text rows aligned regardless of the length of their wording. */
.kinetic-row{transform-origin:left center}

.kinetic-row:nth-child(3){background:var(--blue);padding:0 30px;color:var(--ink);transform:translateX(var(--type-three,-8%)) rotate(-4deg)}
.kinetic-row:nth-child(3) span{color:var(--ink)}

/* A quieter echo of the opening composition, anchored by the Cirque mark. */
.closing{isolation:isolate}
.closing-art{position:absolute;right:5%;top:50%;width:clamp(300px,38vw,560px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none;z-index:0}
.closing-disc{position:absolute;width:88%;aspect-ratio:1;top:0;right:0;border-radius:50%;background:var(--pink);transform:translate(var(--closing-disc-x,0%),var(--closing-disc-y,0%))}
.closing-mountain{position:absolute;left:5%;top:18%;width:77%;height:65%;border-radius:12%;background:var(--green);color:var(--ink);display:grid;place-items:center;transform:translate(var(--closing-x,0%),var(--closing-drift,0%)) rotate(var(--closing-tilt,-7deg));transform-origin:50% 65%}
.closing-mountain svg{width:90%;height:90%;display:block}
.closing-orb{position:absolute;width:18%;aspect-ratio:1;left:0;bottom:2%;border-radius:50%;background:var(--blue);transform:translate(var(--closing-orb-x,0%),var(--closing-orb-y,0%))}
.closing h2{max-width:56%}
@media(max-width:760px){
  .closing-art{position:relative;right:auto;top:auto;width:min(78vw,360px);margin:38px auto -8px;transform:none}
  .closing h2{max-width:100%}
  .closing{display:flex;flex-direction:column;align-items:flex-start}
  .closing-art{order:5;align-self:center}
}
@media(prefers-reduced-motion:reduce){.closing-mountain{transform:rotate(-7deg)}.closing-disc,.closing-orb{transform:none}}