/* A cinematic opening and a hands-on introduction to the studio's capabilities. */
:root { --space:#111a1b; --lime:#d5e6b0; }
.masthead { background:var(--space); color:var(--paper); }
.masthead .header { border-color:#ffffff15; }
.masthead .nav-cta { border-color:#a3b29a60; background:#ffffff04; }
.masthead .nav a:hover { color:#fb9473; }
.masthead .menu-toggle span { background:var(--paper); }
.hero.section-shell { width:100%; margin:0; padding:35px 0 0; color:var(--paper); background:radial-gradient(ellipse at 70% 45%,#39533e20,transparent 55%),var(--space); position:relative; overflow:hidden; }
.hero-content { width:min(1320px,calc(100% - 100px)); margin:auto; position:relative; }
.hero-topline { margin-bottom:22px; }
.hero-topline .eyebrow { color:#afc0ac; font-size:9px; }
.hero-coordinate { color:#8c9e8e; }
.hero-grid { grid-template-columns:1.05fr 1fr; gap:28px; }
.hero-copy { padding:23px 0 15px; }
.hero-kicker { font-size:9px; letter-spacing:2px; color:#f9a084; display:block; margin-bottom:21px; }
.hero h1 { font-size:clamp(63px,6.7vw,96px); line-height:.99; letter-spacing:-4.8px; font-weight:500; }
.hero h1 .serif { color:var(--lime); font-size:1.06em; letter-spacing:-3.6px; }
.hero-outline { -webkit-text-stroke:1px #b2c5ac; color:transparent; }
.hero h1>.orange { font-size:.65em; margin-left:7px; vertical-align:10%; }
.hero-copy>p { color:#aebbac; font-size:14px; max-width:420px; margin-top:28px; }
.hero-actions .button-dark { background:var(--orange); color:#fff9ef; box-shadow:0 8px 25px #ef603c16; }
.hero-actions .button-dark:hover { background:#fa7855; }
.hero-actions .text-link { color:#e5eddd; }
.hero-footnote { color:#8fa089; margin-top:30px; }
.hero-footnote strong { color:#d1dbca; }
.universe { min-height:550px; border:1px solid #b3c89a24; border-radius:18px; background:radial-gradient(ellipse at 50% 50%,#405c2b25,transparent 75%),var(--space); box-shadow:0 0 90px #7d995611,inset 0 0 50px #080e151a; }
.universe canvas { mix-blend-mode:lighten; }
.universe-label { padding:27px; }
.universe:before { content:''; position:absolute; inset:12px; border:1px solid #b9c7a30c; border-radius:10px; pointer-events:none; }
.orbit-tag { padding:15px 17px; border-color:#b1c19440; color:#e0e9d3; background:#233026e8; border-radius:11px; font-size:11px; }
.orbit-tag-one { top:26%; left:20px; }
.orbit-tag-two { top:57%; right:17px; }
.orbit-tag span { color:var(--lime); }
.planet-caption { bottom:90px; }
.hero-bottom { color:#849881; padding-top:5px; margin-bottom:25px; }
.hero-bottom a span { color:var(--lime); }
.hero-capabilities { border-top:1px solid #ffffff18; padding:24px 0 29px; display:grid; grid-template-columns:1fr repeat(5,1.2fr); align-items:center; gap:20px; }
.capability-caption { font-size:7px; letter-spacing:1.4px; line-height:1.8; max-width:100px; color:#82977e; }
.hero-capabilities a { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:8px; color:#e7a18b; padding:9px 0; transition:color .2s; }
.hero-capabilities strong { color:#d3ddc9; font-size:10px; font-weight:400; white-space:nowrap; }
.hero-capabilities a:hover strong { color:var(--lime); }
.ticker { background:#e8ecdc; border-color:#d5ddc6; }
.ticker span { font-size:12px; letter-spacing:1.5px; }
.services { padding-bottom:75px; }
.services .section-heading h2 { font-size:clamp(40px,4.2vw,61px); }
.explorer-instruction { display:block; margin-top:17px; font-size:7px; letter-spacing:1.1px; color:#849174; }
.service-explorer { border:1px solid #d6dacf; border-radius:16px; overflow:hidden; background:#eeeee6; }
.explorer-tabs { display:grid; grid-template-columns:repeat(5,1fr); background:#e8eae0; border-bottom:1px solid #d6dacf; }
.explorer-tabs button { display:flex; gap:10px; align-items:center; padding:24px 20px; background:transparent; border-right:1px solid #d6dacf; text-align:left; position:relative; transition:background .2s,color .2s; }
.explorer-tabs button:last-child { border-right:0; }
.explorer-tabs button>span { font-size:23px; letter-spacing:-1px; }
.explorer-tabs strong { font-size:12px; font-weight:500; white-space:nowrap; }
.explorer-tabs small { margin-left:auto; color:#919988; font-size:8px; }
.explorer-tabs button[aria-selected=true] { background:var(--orange); color:#fff8e9; }
.explorer-tabs button[aria-selected=true] small { color:#ffe2d5; }
.explorer-tabs button:not([aria-selected=true]):hover { background:#dde2d1; }
.explorer-panel { display:grid; grid-template-columns:1fr 1.1fr; min-height:590px; }
.explorer-panel[hidden],.sample-chat-user[hidden],#demoStore[hidden],#demoPortal[hidden] { display:none; }
.explorer-panel:focus-visible { outline-offset:-4px; }
.explorer-copy { padding:45px 39px; }
.explorer-copy>.eyebrow { color:#889079; font-size:8px; }
.explorer-copy h3 { margin:24px 0 20px; font-size:clamp(28px,2.8vw,40px); line-height:1.1; font-weight:500; letter-spacing:-1.5px; }
.explorer-copy>p { font-size:13px; color:#717867; max-width:420px; line-height:1.75; }
.capability-features { padding:0; margin:24px 0; list-style:none; display:grid; gap:11px; }
.capability-features li { display:flex; gap:13px; align-items:center; font-size:11px; }
.capability-features span { color:var(--orange); font-size:14px; }
.explorer-copy .capability-fit { font-size:10px; color:#909783; margin-bottom:23px; padding-top:15px; border-top:1px solid #d8ddcf; }
.explorer-copy .button { font-size:11px; padding:16px 20px; }
.explorer-demo { position:relative; padding:58px 30px 55px; overflow:hidden; display:flex; align-items:center; justify-content:center; flex-direction:column; isolation:isolate; min-width:0; }
.demo-top,.demo-bottom { position:absolute; left:25px; right:25px; display:flex; justify-content:space-between; gap:15px; font-size:6px; letter-spacing:1.2px; z-index:3; }
.demo-top { top:25px; color:#7d8d72; }
.demo-bottom { bottom:24px; color:#7d8d72; }
.demo-top .status-dot { width:4px; height:4px; margin-right:5px; }
.demo-web { background:#dfe6d0; }
.web-demo-switch { display:flex; padding:4px; background:#c5d0b5; border-radius:25px; gap:3px; margin-bottom:21px; }
.web-demo-switch button { padding:9px 17px; border-radius:20px; font-size:9px; background:transparent; color:#637154; }
.web-demo-switch button[aria-pressed=true] { background:#faf9f0; color:#333e2c; box-shadow:0 2px 7px #303f2610; }
.live-browser { width:100%; max-width:450px; border-radius:9px; background:#f9f7ed; overflow:hidden; box-shadow:0 20px 45px #35452e18; border:1px solid #c4ceb5; transform:perspective(1200px) rotateY(-5deg) rotateX(2deg); transition:transform .4s; }
.live-browser:hover { transform:perspective(1200px) rotateY(0) rotateX(0); }
.live-browser-bar { padding:13px 15px; border-bottom:1px solid #dedfcf; display:flex; justify-content:space-between; align-items:center; background:#efeee2; font-size:7px; color:#8a927c; }
.browser-dots { font-size:6px; letter-spacing:2px; color:#b5bba6; }
.sample-brand { display:flex; justify-content:space-between; gap:8px; align-items:center; padding:23px 22px 5px; }
.sample-brand>strong { font-size:23px; letter-spacing:-1px; }
.sample-brand strong span { font-size:10px; margin-left:2px; vertical-align:super; }
.sample-brand>span { font-size:6px; letter-spacing:1px; }
.sample-brand .sample-bag { font-size:8px; letter-spacing:0; }
.sample-bag b { display:inline-grid; place-items:center; margin-left:4px; width:17px; height:17px; background:#dde6d2; border-radius:50%; font-size:8px; }
.sample-product { display:grid; grid-template-columns:1.15fr 1fr; min-height:270px; padding:29px 22px 22px; }
.sample-product-copy>span { font-size:6px; letter-spacing:1.4px; color:#899276; }
.sample-product h4 { font:34px/.99 Georgia; letter-spacing:-1.8px; margin:18px 0; font-weight:400; }
.sample-product h4 em { font-weight:400; }
.sample-product p { font-size:8px; color:#8b927a; margin-top:15px; }
.sample-product button { padding:12px 14px; border-radius:20px; background:#3c4930; color:#f9f7ed; font-size:8px; margin-top:14px; }
.sample-object { position:relative; display:flex; justify-content:center; align-items:center; min-width:0; }
.object-ring { width:126px; height:166px; border-radius:50% 50% 45% 45%; background:linear-gradient(125deg,#d8e3b3,#9cb27c 45%,#41522f); box-shadow:inset -12px -8px 20px #26351550,inset 6px 5px 10px #fff6,12px 17px 25px #41522f15; transform:rotate(-15deg); z-index:2; position:relative; }
.object-ring:before { content:''; position:absolute; width:63%; height:70%; top:14%; left:18%; border-radius:50%; background:#f9f7ed; box-shadow:8px 3px 13px #16240b66,-8px -4px 12px #fff5; }
.object-ring:after { content:''; position:absolute; width:25px; height:83px; border-radius:35%; top:71%; left:40%; background:linear-gradient(90deg,#7e9662,#bdd29d,#647c45); transform:rotate(15deg); z-index:-1; }
.object-plinth { position:absolute; top:78%; width:128px; height:35px; border-radius:50%; background:#d1d7bf; box-shadow:0 11px 0 #b5bea3,0 22px 18px #42573316; }
.browser-footnote { min-height:43px; padding:14px 22px; background:#eeeee0; font-size:7px; color:#879077; letter-spacing:.2px; }
.portal-title { font:34px/1.04 Georgia; letter-spacing:-1.4px; margin:30px 22px 22px; }
.portal-metrics { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:0 22px; }
.portal-metrics div { padding:17px; border:1px solid #d5dcc7; border-radius:6px; }
.portal-metrics span { display:block; font-size:7px; color:#879077; }
.portal-metrics strong { display:block; font-size:30px; font-weight:400; margin-top:10px; }
.portal-chart { height:115px; display:flex; gap:9px; align-items:flex-end; padding:20px 22px; }
.portal-chart i { background:#bdce9e; width:14%; border-radius:3px 3px 0 0; height:30%; }
.portal-chart i:nth-child(2) { height:50%; }.portal-chart i:nth-child(3) { height:42%; }.portal-chart i:nth-child(4) { height:70%; }.portal-chart i:nth-child(5) { height:60%; }.portal-chart i:nth-child(6) { height:85%; }.portal-chart i:nth-child(7) { height:100%; background:var(--orange); }
.demo-mobile { background:#e6dace; }
.demo-phone { width:240px; border-radius:32px; border:7px solid #2c3329; box-shadow:20px 20px 45px #5a493029,inset 0 0 0 1px #495340; background:#f8f7ed; position:relative; transform:rotate(-5deg); }
.phone-island { position:absolute; width:73px; height:18px; background:#2c3329; left:50%; transform:translateX(-50%); top:6px; border-radius:15px; }
.phone-time { padding:14px 18px 10px; font-size:8px; font-weight:600; display:flex; justify-content:space-between; }
.phone-time span { font-size:7px; letter-spacing:2px; }
.phone-app { padding:16px 17px 10px; }
.phone-logo { font-size:18px; font-weight:600; letter-spacing:-1px; display:flex; justify-content:space-between; align-items:center; }
.phone-logo>span { font-size:27px; color:var(--orange); }
.phone-greeting { font-size:6px; letter-spacing:1px; color:#92967f; display:block; margin-top:27px; }
.phone-app h4 { font:26px/1.05 Georgia; letter-spacing:-1px; margin:13px 0 21px; }
.appointment-card { display:flex; align-items:center; gap:9px; padding:13px 10px; border-radius:8px; background:#e9eddd; }
.appointment-card>span { font-size:21px; color:#64784d; }.appointment-card strong { display:block; font-size:8px; font-weight:500; }.appointment-card small { display:block; font-size:6px; color:#879077; margin-top:6px; }
.slot-heading { font-size:6px; letter-spacing:1px; display:block; color:#919a80; margin-top:23px; }
.demo-slots { display:flex; gap:6px; margin-top:10px; }.demo-slots button { flex:1; padding:10px 0; border:1px solid #d3d8c8; background:none; font-size:8px; border-radius:6px; }.demo-slots button[aria-pressed=true] { color:#f9f7ed; background:#405235; border-color:#405235; }
#demoBook { width:100%; border-radius:7px; padding:12px; background:var(--orange); color:#fff6ec; margin-top:14px; font-size:9px; }
#demoBookingStatus { font-size:7px; color:#939980; line-height:1.6; margin-top:12px; min-height:43px; }
.phone-nav { display:flex; justify-content:space-around; font-size:20px; padding-top:11px; border-top:1px solid #dfe2d3; color:#b0b79d; }.phone-nav>span:first-child { color:var(--orange); }
.mobile-demo-orbit { position:absolute; width:360px; height:360px; border:1px solid #b9a48970; border-radius:50%; transform:rotateX(40deg); z-index:-1; }
.mobile-float { position:absolute; right:20px; top:53%; padding:14px; border:1px solid #c7b9a1; border-radius:8px; background:#f5f1e6dd; font-size:9px; transform:rotate(6deg); box-shadow:0 12px 30px #563f1e10; }.mobile-float span { color:var(--orange); margin-right:8px; }
.demo-agents { background:#1e2d25; color:#f2f3e7; padding-top:72px; }
.demo-agents .demo-top,.demo-agents .demo-bottom { color:#95ab86; }
.agent-demo-heading { text-align:center; position:relative; width:100%; margin-bottom:24px; }
.agent-mini-spark { font-size:31px; color:var(--lime); display:block; margin-bottom:13px; }
.agent-demo-heading h4 { font:35px/1.06 Georgia; letter-spacing:-1px; font-weight:400; }
.agent-demo-heading h4 em { color:var(--lime); }.agent-demo-heading p { font-size:8px; color:#8eaa82; margin-top:13px; }
.workflow { width:100%; max-width:390px; display:flex; flex-direction:column; gap:10px; }.workflow>div { display:flex; align-items:center; gap:13px; padding:14px; border:1px solid #8baf6c30; border-radius:9px; background:#ffffff04; position:relative; transition:background .3s,border-color .3s; }
.flow-node { font-size:8px; width:25px; height:25px; display:grid; place-items:center; border:1px solid #93af713e; border-radius:50%; color:#b5cda1; flex-shrink:0; }.workflow strong { font-size:10px; font-weight:500; display:block; }.workflow small { display:block; font-size:7px; color:#8ba47e; margin-top:5px; line-height:1.5; }.flow-check { margin-left:auto; color:#779064; font-size:14px; }.workflow>div.flow-active { border-color:var(--orange); background:#ef603c0b; }.workflow>div.flow-complete { border-color:#bada8d80; background:#bada8d0a; }.flow-complete .flow-check { color:var(--lime); }
.workflow-action { width:100%; max-width:390px; margin-top:20px; }.workflow-action button { background:var(--lime); color:#293b22; font-size:10px; padding:14px 18px; border-radius:25px; width:100%; display:flex; justify-content:space-between; }.workflow-action p { min-height:26px; margin-top:11px; text-align:center; font-size:7px; color:#8aa47b; }
.demo-chatbots { background:#e6decd; }.sample-chat { width:100%; max-width:395px; background:#faf8ed; box-shadow:0 20px 40px #5e542017; border:1px solid #c9c4b0; border-radius:12px; overflow:hidden; }
.sample-chat-header { display:flex; align-items:center; gap:12px; padding:21px 19px; background:#35432d; color:#eef1df; }.sample-chat-header>span { font-size:30px; color:var(--lime); }.sample-chat-header strong { display:block; font-size:10px; font-weight:500; }.sample-chat-header small { font-size:7px; color:#c1ccaf; display:block; margin-top:6px; }.sample-chat-header .status-dot { margin-left:auto; background:var(--lime); }
.sample-chat-body { padding:22px 18px; min-height:265px; display:flex; flex-direction:column; gap:13px; }.sample-chat-bubble { font-size:11px; line-height:1.7; border-radius:9px 9px 9px 0; padding:14px; background:#e8edda; max-width:94%; }.sample-chat-bubble.answer { border:1px solid #d9e0c9; background:#eef1e4; }.sample-chat-user { align-self:flex-end; background:#394d2d; color:#f1f4e8; padding:10px 13px; font-size:10px; max-width:90%; border-radius:9px 9px 0 9px; }
.sample-chat-prompts { display:flex; flex-wrap:wrap; gap:6px; padding:0 18px 18px; }.sample-chat-prompts button { border:1px solid #cfd8bb; padding:8px 9px; border-radius:15px; background:transparent; font-size:7px; }.sample-chat-prompts button:hover { background:#e4ebd4; }.sample-chat-note { border-top:1px solid #e1e5d4; padding:15px 18px; font-size:7px; color:#8b967a; }.try-real-chat { background:none; border-bottom:1px solid #a9b293; font-size:9px; margin-top:24px; padding:0 0 6px; }
.demo-spatial { background:radial-gradient(ellipse at 50% 40%,#54663844,transparent 70%),#17231e; color:#e7efda; }.demo-spatial .demo-top,.demo-spatial .demo-bottom { color:#8fa679; }
.spatial-stage { position:relative; width:100%; height:350px; display:grid; place-items:center; }
.cube-scene { perspective:750px; width:170px; height:170px; }
.spatial-cube { width:100%; height:100%; position:relative; transform-style:preserve-3d; --cube-angle:25deg; transform:rotateX(-22deg) rotateY(var(--cube-angle)); transition:transform .12s linear; }
.cube-face { width:170px; height:170px; position:absolute; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px solid #deedbda0; background:linear-gradient(125deg,#d8e7b172,#95ac662e); backface-visibility:hidden; box-shadow:inset 0 0 35px #c5e29a15; }
.cube-face>span { font-size:80px; font-weight:400; letter-spacing:-5px; color:#e2efc0; }.cube-face small { font-size:6px; letter-spacing:2px; color:#cedfb5; }
.cube-front { transform:translateZ(85px); }.cube-back { transform:rotateY(180deg) translateZ(85px); }.cube-right { transform:rotateY(90deg) translateZ(85px); }.cube-left { transform:rotateY(-90deg) translateZ(85px); }.cube-top { transform:rotateX(90deg) translateZ(85px); }.cube-bottom { transform:rotateX(-90deg) translateZ(85px); }
.spatial-orbit { position:absolute; border:1px solid #bdd69a30; border-radius:50%; width:360px; height:360px; transform:rotateX(55deg) rotateZ(-25deg); }.orbit-inner { width:300px; height:300px; transform:rotateY(55deg) rotateZ(25deg); }.spatial-coordinate { position:absolute; bottom:16px; font-size:7px; letter-spacing:1.5px; color:#90a87d; }
.spatial-control { width:100%; max-width:320px; margin:15px auto 0; }.spatial-control label { display:flex; justify-content:space-between; font-size:10px; color:#d9e5c4; }.spatial-control output { color:var(--lime); font-size:9px; }.spatial-control input { width:100%; accent-color:var(--lime); margin:20px 0 9px; cursor:ew-resize; }.spatial-control>span { font-size:6px; letter-spacing:1.5px; display:block; text-align:center; color:#819c6b; }
.connected-services { padding:36px 0; display:flex; gap:24px; align-items:center; border-bottom:1px solid var(--line); }.connected-symbol { font-size:48px; color:var(--orange); flex-shrink:0; }.connected-services h3 { font-size:23px; font-weight:500; letter-spacing:-.7px; }.connected-services p { font-size:11px; max-width:620px; color:var(--muted); margin-top:9px; }.connected-services .text-link { margin-left:auto; white-space:nowrap; }
.outcome-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; padding-top:45px; }.outcome-grid article>span { font-size:7px; letter-spacing:1.3px; color:var(--orange); }.outcome-grid h3 { font-size:22px; font-weight:500; line-height:1.25; letter-spacing:-.6px; margin-top:21px; }.outcome-grid p { font-size:11px; color:var(--muted); max-width:320px; margin-top:15px; }
.work .section-heading h2 { font-size:clamp(40px,4.2vw,61px); }.work-visual { transition:transform .3s,filter .3s; border-radius:12px; }.about-art { border-radius:12px; }.contact { position:relative; }.contact .contact-copy h2 .serif { color:#657d4d; }
@media(max-width:1100px) {
 .hero-content { width:calc(100% - 64px); }.hero h1 { font-size:73px; }.universe { min-height:540px; }.hero-capabilities { grid-template-columns:repeat(5,1fr); gap:20px; }.capability-caption { display:none; }.hero-capabilities strong { font-size:9px; }.explorer-tabs button { padding:22px 14px; gap:7px; }.explorer-tabs strong { font-size:10px; }.explorer-tabs small { font-size:7px; }.explorer-copy { padding:39px 29px; }.explorer-demo { padding-inline:23px; }.explorer-copy h3 { font-size:31px; }.explorer-copy>p { font-size:12px; }.sample-product h4 { font-size:30px; }.object-ring { width:105px; height:144px; }.connected-services .text-link { font-size:9px; }.connected-services p { max-width:470px; }
}
@media(max-width:800px) {
 .hero-content { width:calc(100% - 40px); }.hero h1 { font-size:61px; letter-spacing:-3.5px; }.hero h1 .serif { letter-spacing:-2px; }.hero-kicker { font-size:7px; letter-spacing:1.4px; }.hero-copy>p { font-size:12px; }.hero-grid { gap:20px; }.universe { min-height:495px; }.hero-capabilities { gap:10px; }.hero-capabilities a { gap:5px; font-size:6px; }.hero-capabilities strong { font-size:8px; }.orbit-tag { font-size:8px; padding:12px; }.explorer-tabs button { padding:19px 11px; gap:6px; }.explorer-tabs button>span { font-size:18px; }.explorer-tabs strong { font-size:9px; }.explorer-tabs small { display:none; }.explorer-panel { grid-template-columns:1fr 1fr; }.explorer-copy { padding:34px 23px; }.explorer-copy h3 { font-size:28px; }.capability-features li { font-size:10px; }.explorer-copy>.eyebrow { font-size:6px; }.explorer-copy .button { font-size:9px; gap:12px; padding:14px 15px; }.explorer-demo { padding-inline:20px; }.demo-top,.demo-bottom { left:19px; right:19px; font-size:5px; }.demo-top>span:last-child { display:none; }.sample-brand { padding:19px 15px 5px; }.sample-brand>span:not(.sample-bag) { display:none; }.sample-product { padding:25px 15px 22px; grid-template-columns:1.1fr 1fr; min-height:240px; }.sample-product h4 { font-size:27px; }.sample-product button { padding:11px 10px; font-size:7px; }.object-ring { width:79px; height:115px; }.object-ring:after { height:65px; width:20px; }.object-plinth { width:85px; }.browser-footnote { font-size:6px; padding:13px 15px; }.web-demo-switch button { padding:8px 12px; font-size:8px; }.portal-title { font-size:29px; margin:25px 15px; }.portal-metrics { padding:0 15px; gap:9px; }.portal-metrics div { padding:12px; }.portal-metrics span { font-size:6px; }.portal-metrics strong { font-size:25px; }.mobile-float { right:10px; font-size:7px; padding:12px 9px; }.demo-phone { width:218px; }.phone-app { padding:15px 13px 10px; }.agent-demo-heading h4 { font-size:30px; }.workflow>div { gap:9px; padding:12px; }.workflow strong { font-size:9px; }.workflow small { font-size:6px; }.flow-node { width:20px; height:20px; font-size:7px; }.workflow-action button { font-size:9px; }.sample-chat-header { padding:17px 13px; gap:8px; }.sample-chat-header strong { font-size:9px; }.sample-chat-bubble { font-size:10px; padding:12px; }.sample-chat-body { padding:17px 13px; }.sample-chat-prompts { padding:0 13px 16px; }.sample-chat-prompts button { font-size:6px; }.spatial-orbit { width:300px; height:300px; }.orbit-inner { width:250px; height:250px; }.connected-services { gap:19px; flex-wrap:wrap; }.connected-services>div { flex:1; }.connected-services .text-link { margin-left:66px; }.outcome-grid { gap:25px; }.outcome-grid h3 { font-size:19px; }.outcome-grid p { font-size:10px; }
}
@media(max-width:620px) {
 .masthead .nav { background:var(--space); border-color:#ffffff15; }.hero.section-shell { padding-top:24px; }.hero-topline { margin-bottom:15px; }.hero-topline .eyebrow { font-size:7px; letter-spacing:1.5px; }.hero-grid { grid-template-columns:1fr; gap:32px; }.hero h1 { font-size:clamp(63px,15vw,88px); letter-spacing:-3.7px; }.hero h1 .serif { margin:0; letter-spacing:-3px; }.hero h1>.orange { margin-left:7px; }.hero-kicker { font-size:7px; margin-bottom:19px; }.hero-copy { padding-top:9px; }.hero-copy>p { font-size:13px; max-width:350px; line-height:1.8; }.hero-actions { gap:17px; }.hero-actions .button { font-size:10px; padding:16px 18px; gap:17px; }.hero-actions .text-link { font-size:10px; }.hero-footnote { font-size:9px; margin-top:29px; }.universe { min-height:390px; border-radius:13px; }.universe-label { padding:24px; }.orbit-tag { font-size:9px; padding:12px; }.planet-caption { bottom:88px; }.hero-bottom { margin:24px 0 20px; padding:0; }.hero-capabilities { grid-template-columns:repeat(2,1fr); gap:0 25px; padding:15px 0 24px; }.hero-capabilities a { padding:12px 0; font-size:8px; border-bottom:1px solid #ffffff0b; }.hero-capabilities strong { font-size:10px; }.hero-capabilities a:last-child { grid-column:1/-1; max-width:calc(50% - 12px); }.services .section-heading h2,.work .section-heading h2 { font-size:39px; }.explorer-instruction { font-size:6px; line-height:1.6; }.service-explorer { border-radius:12px; }.explorer-tabs { display:flex; overflow-x:auto; scrollbar-width:thin; scroll-snap-type:x proximity; }.explorer-tabs button { min-width:125px; flex-shrink:0; padding:20px 15px; scroll-snap-align:start; }.explorer-tabs strong { font-size:10px; }.explorer-tabs button>span { font-size:20px; }.explorer-tabs button:last-child { min-width:130px; }.explorer-panel { grid-template-columns:1fr; }.explorer-copy { padding:31px 25px 33px; }.explorer-copy>.eyebrow { font-size:7px; }.explorer-copy h3 { font-size:32px; letter-spacing:-1.2px; margin-top:20px; }.explorer-copy>p { font-size:12px; }.capability-features li { font-size:11px; }.explorer-copy .button { font-size:10px; padding:15px 18px; gap:20px; }.explorer-copy .capability-fit { font-size:9px; margin-bottom:20px; }.explorer-demo { min-height:530px; padding:65px 22px 58px; }.demo-top,.demo-bottom { font-size:5px; left:22px; right:22px; }.sample-brand { padding:21px 18px 5px; }.sample-brand>strong { font-size:24px; }.sample-product { padding:27px 18px; min-height:265px; }.sample-product h4 { font-size:32px; }.sample-product button { padding:12px 13px; font-size:8px; }.object-ring { width:99px; height:136px; }.object-ring:after { width:22px; height:73px; }.object-plinth { width:100px; }.browser-footnote { padding:15px 18px; font-size:7px; }.web-demo-switch button { font-size:9px; padding:9px 15px; }.demo-mobile { min-height:630px; }.demo-phone { width:235px; }.phone-app { padding:16px 17px 10px; }.mobile-float { right:12px; top:57%; font-size:8px; }.demo-agents { min-height:640px; }.agent-demo-heading h4 { font-size:34px; }.workflow>div { padding:15px 13px; }.workflow strong { font-size:10px; }.workflow small { font-size:7px; }.workflow-action button { padding:14px 16px; font-size:10px; }.workflow-action p { font-size:7px; }.demo-chatbots { min-height:570px; }.sample-chat-header { padding:20px 16px; }.sample-chat-header strong { font-size:10px; }.sample-chat-body { padding:20px 16px; min-height:245px; }.sample-chat-bubble { font-size:11px; }.sample-chat-prompts { padding:0 16px 17px; }.sample-chat-prompts button { font-size:7px; }.demo-spatial { min-height:560px; }.spatial-stage { height:335px; }.spatial-orbit { width:320px; height:320px; }.orbit-inner { width:260px; height:260px; }.connected-services { align-items:flex-start; padding:31px 0; gap:14px; }.connected-symbol { font-size:34px; line-height:1; }.connected-services h3 { font-size:23px; line-height:1.2; }.connected-services p { font-size:11px; }.connected-services .text-link { margin-left:48px; font-size:10px; }.outcome-grid { grid-template-columns:1fr; padding-top:32px; gap:27px; }.outcome-grid article { border-bottom:1px solid var(--line); padding-bottom:27px; }.outcome-grid article:last-child { border:0; padding-bottom:0; }.outcome-grid h3 { font-size:23px; margin-top:16px; }.outcome-grid p { font-size:12px; max-width:none; }.outcome-grid article>span { font-size:7px; }
}
@media(max-width:360px) { .hero h1 { font-size:59px; }.hero-actions { gap:17px; }.hero-actions .text-link { font-size:9px; }.explorer-copy { padding:28px 21px; }.explorer-copy h3 { font-size:29px; }.sample-product h4 { font-size:28px; }.object-ring { width:80px; height:119px; }.sample-product button { font-size:7px; padding:10px; }.spatial-orbit { width:275px; height:275px; }.orbit-inner { width:230px; height:230px; } }
@media(prefers-reduced-motion:reduce) { .live-browser { transform:none; }.demo-phone { transform:none; }.spatial-cube { transition:none; } }
.explorer-mobile-hint{display:none}@media(max-width:620px){.explorer-mobile-hint{display:flex;justify-content:space-between;padding:12px 20px;margin:0;font-size:6px;letter-spacing:1px;color:#879274;background:#e3e7d8;border-bottom:1px solid #d6dacf}.explorer-mobile-hint span{color:#657c4e}}