/* Costex marketing: quiet chrome, a grounded product scene, useful motion. */
:root { --bg:#08090a; --surface:#141516; --muted:#a1a3a8; --subtle:#74777e; --site-ease:cubic-bezier(.22,1,.36,1); }
body::before { content:none; }
html { scroll-padding-top:96px; }
.site-header { position:fixed; inset:0 0 auto; width:100%; height:73px; margin:0; background:linear-gradient(#0b0b0be8,#0b0b0bd9); border-bottom:1px solid #ffffff12; backdrop-filter:blur(16px); z-index:50; }
.nav-shell { width:100%; max-width:1436px; height:72px; padding:0 76px; margin:auto; display:flex; align-items:center; gap:8px; }
.site-header .wordmark { margin-right:auto; flex-shrink:0; gap:8px; font-size:21px; letter-spacing:-.7px; }
.site-header .wordmark img { width:28px; height:28px; transform:scale(1.3); }
.site-header nav { margin:0; gap:0; font-size:13px; }
.site-header nav a,.nav-contact { height:32px; display:inline-flex; align-items:center; padding:0 12px; color:#96989f; font-weight:450; white-space:nowrap; }
.site-header nav a:hover,.nav-contact:hover { color:var(--fg); }
.nav-actions { display:flex; align-items:center; gap:8px; padding-left:24px; margin-left:16px; position:relative; font-size:13px; }
.nav-actions::before { content:''; height:20px; width:1px; background:#ffffff12; position:absolute; left:0; }
.site-header .button.small { height:32px; padding:0 16px; border-radius:999px; font-size:13px; font-weight:510; }
.button { transition:background .18s,color .18s,box-shadow .18s; }
.button:hover,.button:active { transform:none; }
.mobile-menu { display:none; }
.mobile-nav { top:73px; z-index:49; background:#111213; border-color:#ffffff12; }
.mobile-nav[hidden] { display:none; }
.motion-toggle { bottom:16px; right:16px; z-index:51; font-size:11px; background:#171819d9; color:#a1a3a8; border-color:#ffffff0c; backdrop-filter:blur(8px); }
.marketing-wrap { width:100%; max-width:1436px; padding-inline:76px; margin-inline:auto; }
.landing-hero { padding-top:272px; padding-bottom:76px; }
.landing-hero h1 { font-size:clamp(42px,4.45vw,64px); line-height:1.035; letter-spacing:-.043em; font-weight:510; margin:0; }
.hero-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-top:36px; }
.hero-bottom p { margin:0; font-size:16px; color:#95979e; line-height:1.65; }
.hero-bottom .text-link { padding-bottom:3px; font-size:14px; }
.demo-stage { position:relative; isolation:isolate; padding:0 0 42px; overflow:hidden; scroll-margin-top:0; }
.stage-floor { position:absolute; z-index:-2; inset:0; background:radial-gradient(ellipse 80% 56% at 50% 103%,#f0f0f2 0%,#c3c6cb 36%,#686d75 69%,#08090a00 100%),linear-gradient(#08090a 5%,#3f434b 60%,#b9bec4 100%); }
.stage-app { position:relative; width:min(1436px,calc(100% - 96px)); height:674px; margin:0 auto; display:block; border:1px solid #ffffff1f; border-radius:12px; background:linear-gradient(125deg,#161718,#101112 70%); box-shadow:0 36px 60px -20px #000a,0 3px 3px #0004,0 0 0 7px #08090a17; }
.stage-app::after { content:''; position:absolute; z-index:-1; inset:auto 4% -14px; height:30px; border-radius:50%; background:#08090ac4; filter:blur(20px); }
.stage-app iframe { display:block; width:100%; height:100%; border:0; border-radius:inherit; background:#0b0c0d; }
.stage-app .workspace-loading { inset:1px; max-width:none; border-radius:inherit; gap:14px; z-index:2; background:#101112; flex-direction:column; justify-content:center; }
.stage-app .workspace-loading img { opacity:.75; }
.section-kicker i { width:7px; height:7px; border-radius:50%; display:inline-block; }
.azure-dot { background:#769dc7; }.gcp-dot { background:#75b692; }.tcp-dot { background:#bd86aa; }
.preview-chat { position:absolute; right:22px; bottom:22px; width:374px; height:478px; display:flex; flex-direction:column; background:linear-gradient(125deg,#1a1b1c,#151617); border:1px solid #ffffff21; border-radius:12px; box-shadow:0 20px 64px #0008,0 3px 14px #0004; overflow:hidden; transform-origin:95% 100%; transition:opacity .5s var(--site-ease),transform .65s var(--site-ease); }
.stage-app:not([data-workspace-ready="true"]) .preview-chat,.stage-app[data-story-dismissed="true"] .preview-chat,.stage-app[data-story-ready="true"][data-story-active="false"] .preview-chat { opacity:0; transform:translate(12px,26px) scale(.97); pointer-events:none; }
.preview-chat {scroll-margin-top:40px;}
.preview-chat header { display:flex; align-items:center; gap:8px; height:51px; padding:0 17px; flex-shrink:0; font-size:12px; }
.preview-chat header>span:first-child { font-size:21px; color:#baa8e2; }
.preview-chat header strong { font-weight:550; }
.preview-chat-close { margin-left:auto; display:grid; place-items:center; width:28px; height:28px; border:0; border-radius:5px; background:transparent; color:#8b8f96; cursor:pointer; }
.preview-chat-close svg { width:16px; height:16px; }
.preview-chat-close:hover { color:#f0f1f3; background:#ffffff0a; }
.preview-chat-close:focus-visible { outline:2px solid #9c9ef5; outline-offset:2px; }
.preview-chat-body { padding:4px 16px 12px; position:relative; flex:1; min-height:0; }
.demo-user-message { margin:1px 0 23px 38px; padding:12px 14px; border:1px solid #ffffff04; border-radius:9px; background:#242526; font-size:12px; font-weight:500; color:#f1f1f2; transition:opacity .4s,transform .5s var(--site-ease); }
.demo-thinking { position:absolute; top:85px; left:17px; font-size:12px; color:#90939a; opacity:0; background:linear-gradient(100deg,#74777e 0%,#74777e 35%,#eeeef0 49%,#74777e 63%,#74777e 100%); background-size:250% 100%; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.demo-agent-label { display:flex; align-items:center; gap:7px; font-size:11px; font-weight:550; color:#d1d3d9; }
.demo-agent-label>span { color:#b8a4df; font-size:18px; }
.demo-answer { transition:opacity .4s; }
.demo-answer>p { margin:9px 0 13px; font-size:12px; color:#c4c7ce; line-height:1.65; min-height:40px; }
.story-stream-word {white-space:nowrap;}
.story-readable {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.demo-result { display:flex; gap:10px; align-items:center; padding:11px 10px; border-radius:7px; background:#ffffff04; margin-top:5px; transition:opacity .4s,transform .5s var(--site-ease); }
.demo-result-icon { color:#86bd9e; background:#69a48810; width:26px; height:28px; border-radius:5px; display:grid; place-items:center; }
.demo-result>div { flex:1; min-width:0; }
.demo-result strong { display:block; font-size:11px; font-weight:500; }
.demo-result small { display:block; font-size:9px; color:#80848c; margin-top:4px; }
.demo-result>b { font-size:12px; font-weight:500; color:#8ec8a8; text-align:right; }
.demo-impact { display:flex; align-items:center; justify-content:space-between; font-size:10px; color:#969ba1; margin-top:14px; transition:opacity .4s,transform .5s var(--site-ease); }
.demo-impact strong { font-size:17px; font-weight:500; color:#8ec8a8; letter-spacing:-.3px; }
.preview-composer { height:76px; padding:11px 12px; border:1px solid #ffffff14; background:#ffffff03; margin:0 9px 9px; border-radius:8px; font-size:11px; color:#727780; flex-shrink:0; }
.preview-composer>div { display:flex; align-items:center; justify-content:space-between; font-size:10px; margin-top:12px; }
.preview-composer i { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#ffffff0a; font-style:normal; color:#b4b7bd; }
.preview-chat[data-chat-phase="opening"] .demo-user-message { opacity:0; transform:translateY(9px); }
.preview-chat:is([data-chat-phase="opening"],[data-chat-phase="question"],[data-chat-phase="thinking"]) .demo-answer { opacity:0; }
.preview-chat[data-chat-phase="thinking"] .demo-thinking { opacity:1; animation:site-thinking 2s linear infinite; }
.preview-chat:not([data-chat-phase="complete"]) .demo-result,.preview-chat:not([data-chat-phase="complete"]) .demo-impact { opacity:0; transform:translateY(8px); }
.preview-chat[data-chat-phase="complete"] .demo-result:nth-of-type(3) { transition-delay:.12s; }
.preview-chat[data-chat-phase="complete"] .demo-impact { transition-delay:.24s; }
@keyframes site-thinking { from {background-position:150% 0;} to {background-position:-100% 0;} }
.stage-app[data-story-paused="true"] .demo-thinking {animation-play-state:paused;}
.demo-caption { position:relative; width:min(1436px,calc(100% - 96px)); display:flex; align-items:center; gap:24px; justify-content:space-between; margin:28px auto 0; color:#353940; font-size:11px; }
.demo-caption>span { margin-right:auto; }
.demo-caption button { display:flex; align-items:center; gap:7px; background:none; border:0; color:inherit; font-size:11px; padding:7px 0; }
.demo-caption a { font-weight:500; }.demo-caption a:hover {color:#000;}
.demo-caption button:disabled {opacity:.5;cursor:default;}
.cloud-band { padding-block:100px 64px; }
.cloud-band p { color:#676b72; text-transform:uppercase; letter-spacing:1.3px; font-size:10px; margin:0 0 30px; }
.cloud-band>div { display:flex; justify-content:space-between; gap:28px; align-items:center; }
.cloud-band>div>span { display:flex; align-items:center; gap:12px; color:#cacdd3; font-size:15px; font-weight:500; }
.cloud-band img { width:28px; height:28px; object-fit:contain; filter:grayscale(1) brightness(0) invert(1); transition:filter .3s,opacity .3s; opacity:.8; }
.cloud-band span:hover img {filter:grayscale(0);opacity:1;}
.cloud-band img[src$="aws.svg"],.cloud-band span:hover img[src$="aws.svg"] {filter:grayscale(1) brightness(0) invert(1);}
.product-intro { padding-block:98px 90px; }
.product-intro h2 { font-size:clamp(28px,3vw,42px); font-weight:500; letter-spacing:-.035em; line-height:1.2; margin:0; }
.product-intro h2>span {color:#696d76;}
.story-section { padding-block:72px 104px; display:grid; grid-template-columns:.82fr 1.4fr; gap:100px; align-items:center; }
.story-section-reverse { grid-template-columns:1.4fr .82fr; }
.story-section-reverse .story-copy { grid-column:2;grid-row:1; }
.section-kicker { display:flex; gap:9px; align-items:center; color:#bfc2c9; font-size:12px; margin-bottom:23px; }
.story-copy h2 { font-size:clamp(34px,3.7vw,50px); font-weight:510; line-height:1.05; letter-spacing:-.04em; margin:0 0 26px; }
.story-copy p { max-width:32ch; color:#8e929b; font-size:15px; line-height:1.65; margin:0 0 28px; }
.story-copy .text-link {font-size:12px;}
.interactive-scene { min-width:0; outline:none; position:relative; }
.interactive-scene:focus-visible { outline:2px solid #8990c4; outline-offset:8px; }
.development-scene { padding:30px 30px 22px; border:1px solid #ffffff12; border-radius:10px; background:linear-gradient(155deg,#151618,#0c0d0f); overflow:hidden; }
.scene-topline { display:flex; justify-content:space-between; gap:16px; color:#bdc0c8; font-size:11px; }
.scene-topline>span:last-child { color:#686e78; font-size:10px; }
.scene-amount { margin-top:30px; display:flex; align-items:baseline; gap:15px; }
.scene-amount>strong { font-size:33px; letter-spacing:-1px; font-weight:500; }
.scene-amount>span { font-size:11px; color:#d0ac72; }.scene-amount small { font-weight:400; color:#7c818b; }
.scene-amount>span small {font-size:10px;margin-left:6px;}
.development-scene svg { display:block; width:100%; height:240px; overflow:visible; margin-top:10px; }
.scene-chart-grid { stroke:#ffffff08; fill:none; }
.development-line { fill:none; stroke:#8d9fc9; stroke-width:2; stroke-linejoin:round; stroke-dasharray:1; transition:stroke .4s; }
.development-scene:is(:hover,:focus-visible) .development-line { stroke:#aebdf5; animation:trace-cost 1.2s var(--site-ease) both; }
@keyframes trace-cost {from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.chart-inspection { opacity:0; transform:translateX(-24px); transition:opacity .5s,transform .8s var(--site-ease); }
.chart-inspection path {stroke:#9bace654;stroke-dasharray:3 4;}.chart-inspection circle {fill:#c3d0f9;stroke:#101114;stroke-width:3;}
.development-scene:is(:hover,:focus-visible) .chart-inspection {opacity:1;transform:none;}
.change-insight { position:absolute; left:30px; right:30px; bottom:65px; display:flex; align-items:center; gap:12px; padding:15px; border:1px solid #ffffff16; border-radius:8px; background:#191c22ee; backdrop-filter:blur(12px); box-shadow:0 14px 36px #0004; transform:translateY(8px); opacity:.76; transition:opacity .4s,transform .6s var(--site-ease); }
.development-scene:is(:hover,:focus-visible) .change-insight {opacity:1;transform:none;}
.insight-mark {color:#d8b775;font-size:22px;}.change-insight div {flex:1;min-width:0;}.change-insight strong {font-size:11px;font-weight:500;}.change-insight small {display:block;font-size:10px;color:#858b97;margin-top:4px;}.change-insight b {font-size:13px;color:#d0ad78;font-weight:500;}
.scene-axis {display:flex;justify-content:space-between;font-size:10px;color:#626874;}
.savings-scene { padding:30px; border:1px solid #ffffff0f; border-radius:10px; background:radial-gradient(ellipse at 0 0,#49725e12,transparent 70%),#101213; }
.scene-live-dot::before {content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#6d9e84;margin-right:6px;}
.saving-amount {margin-top:20px;margin-bottom:24px;color:#9bd0b2;}.saving-amount small {font-size:12px;letter-spacing:0;}
.savings-group {display:flex;align-items:center;gap:10px;font-size:10px;color:#969ca6;margin:24px 0 10px;}.savings-group span:first-child {font-weight:550;color:#b6b9c2;}.savings-group:first-of-type {margin-top:0;}
.saving-example {width:100%;display:flex;align-items:center;gap:18px;text-align:left;padding:16px 12px;background:none;border:0;border-radius:7px;transition:background .3s;}
.saving-resource {flex:1;min-width:0;}.saving-resource>span {display:flex;align-items:center;gap:9px;font-size:12px;color:#d1d4dc;}.saving-resource img {width:16px;height:16px;object-fit:contain;}
.saving-resource>small {font-size:10px;display:block;padding-left:25px;margin-top:6px;color:#6c727d;transition:color .3s;}
.saving-example>strong {font-size:13px;font-weight:500;color:#8ec5a6;text-align:right;}.saving-example strong small {display:block;font-size:9px;color:#686e77;font-weight:400;margin-top:3px;}
.saving-capacity {height:20px;width:80px;border-radius:3px;position:relative;background:repeating-linear-gradient(90deg,#ffffff07 0 8px,transparent 8px 10px);overflow:hidden;}
.saving-capacity i {position:absolute;inset:0 auto 0 0;width:90%;background:repeating-linear-gradient(90deg,#8493be88 0 8px,transparent 8px 10px);transition:width .85s var(--site-ease);}
.saving-capacity b {position:absolute;inset:0 10% 0 auto;width:0;background:repeating-linear-gradient(90deg,#74ae8526 0 8px,transparent 8px 10px);transition:width .85s var(--site-ease);}
.saving-example:is(:hover,:focus-visible,[aria-pressed="true"]) {background:#ffffff04;}
.saving-example:is(:hover,:focus-visible,[aria-pressed="true"]) .saving-capacity i {width:40%;}
.saving-example:is(:hover,:focus-visible,[aria-pressed="true"]) .saving-capacity b {width:50%;}
.saving-example:is(:hover,:focus-visible,[aria-pressed="true"]) .saving-resource>small {color:#a1b0a6;}
.storage-example:is(:hover,:focus-visible,[aria-pressed="true"]) .saving-capacity i {width:0;}
.storage-example:is(:hover,:focus-visible,[aria-pressed="true"]) .saving-capacity b {width:90%;}
.scene-footnote {font-size:10px;color:#616873;margin:23px 12px 0;}
.export-scene {height:454px;display:flex;align-items:center;justify-content:center;padding:42px 32px;background:radial-gradient(ellipse at 50% 50%,#273b3126,transparent 70%);border-radius:10px;}
.export-sheet {width:100%;max-width:440px;position:relative;z-index:2;background:#17191b;border:1px solid #ffffff19;border-radius:9px;padding:21px 22px 0;box-shadow:0 30px 80px #0009;transition:transform .7s var(--site-ease);}
.export-back-sheet {position:absolute;top:28px;left:52px;right:52px;height:320px;border:1px solid #ffffff12;background:#121715;border-radius:9px;padding:16px 20px;color:#7b8f84;font-size:11px;transition:transform .75s var(--site-ease);}
.sheet-far {transform:translate(-5px,-4px) rotate(-5deg);}.sheet-near {transform:translate(4px,4px) rotate(3deg);background:#151b18;}
.export-scene:is(:hover,:focus-visible) .sheet-far {transform:translate(-26px,-21px) rotate(-9deg);}
.export-scene:is(:hover,:focus-visible) .sheet-near {transform:translate(20px,-12px) rotate(5deg);}
.export-scene:is(:hover,:focus-visible) .export-sheet {transform:translateY(12px);}
.workbook-heading {display:flex;align-items:center;gap:10px;margin-bottom:24px;}.workbook-icon {height:31px;width:28px;display:grid;place-items:center;background:#294b39;color:#b4dbbd;font-size:16px;font-weight:600;border-radius:4px;}.workbook-heading strong {font-size:12px;font-weight:500;}.workbook-heading small {display:block;font-size:10px;color:#717984;margin-top:3px;}.workbook-check {margin-left:auto;color:#89c59e;opacity:.5;transition:opacity .4s;}.export-scene:is(:hover,:focus-visible) .workbook-check {opacity:1;}
.workbook-columns,.workbook-row,.workbook-subrow,.workbook-total {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;padding:12px 0;}
.workbook-columns {font-size:9px;color:#6e7680;border-bottom:1px solid #ffffff0b;padding:0 0 10px;}.workbook-row {font-weight:500;color:#cdd2d6;padding-bottom:5px;}.workbook-row b {font-weight:500;}.workbook-subrow {color:#747e89;padding:4px 0 14px 13px;font-size:10px;}.workbook-total {border-top:1px solid #ffffff10;font-size:12px;}.workbook-total strong {font-weight:550;}.workbook-tabs {display:flex;gap:16px;padding:10px 0;font-size:9px;color:#616b76;margin-top:12px;border-top:1px solid #ffffff09;}.workbook-tabs>span:first-child {color:#95bfa5;}
.export-receipt {position:absolute;bottom:12px;left:50%;transform:translate(-50%,8px);padding:13px 17px;border:1px solid #9bd6ab16;border-radius:8px;background:#17211ae8;color:#c1d4c7;display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:11px;opacity:.58;transition:opacity .5s,transform .7s var(--site-ease);z-index:3;box-shadow:0 15px 28px #0005;}.export-receipt>span {color:#89c99f;}.export-receipt small {margin-left:20px;color:#6d8d76;font-size:10px;}.export-scene:is(:hover,:focus-visible) .export-receipt {opacity:1;transform:translate(-50%,0);}
.ownership-strip {display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:110px 90px;}
.ownership-strip>div:first-child {display:flex;align-items:center;gap:24px;}.ownership-symbol {width:60px;height:70px;border:1px solid #ffffff17;border-radius:12px;display:grid;place-items:center;font-size:31px;color:#8b9bac;background:linear-gradient(130deg,#202428,#111315);box-shadow:0 8px 26px #0005;}
.ownership-strip h2 {font-size:32px;line-height:1.15;letter-spacing:-.03em;font-weight:500;margin:0;}.ownership-strip p {color:#868d97;font-size:14px;line-height:1.7;margin:0 0 18px;}.ownership-strip a {font-size:12px;}
.landing-faq {display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:80px;}.landing-faq h2 {font-size:27px;font-weight:500;letter-spacing:-.03em;margin:20px 0;}.landing-faq .faq-list {font-size:14px;}.landing-faq .faq-list details {padding:20px 0;border-color:#ffffff0b;}.landing-faq .faq-list summary {font-size:13px;}.landing-faq .faq-list p {font-size:13px;color:#8b929c;line-height:1.7;max-width:48ch;}.landing-faq p a {color:#c5c9d1;}
.landing-closing {padding-block:115px 140px;}.landing-closing h2 {font-size:clamp(36px,4vw,58px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:0 0 35px;}.landing-closing .button {padding:12px 18px;font-size:13px;gap:28px;border-radius:7px;}.landing-closing>span {display:block;font-size:11px;color:#696e78;margin-top:18px;}
.site-footer {max-width:1284px;width:calc(100% - 152px);border-top:1px solid #ffffff0e;padding-top:55px;padding-bottom:80px;}.site-footer .wordmark {font-size:19px;}.site-footer p,.site-footer .fine {font-size:11px;color:#717781;}.site-footer>div>span {font-size:11px;}.site-footer a:not(.wordmark) {font-size:12px;color:#949aa4;}
.document {padding-top:150px;}.document h1 {font-weight:510;letter-spacing:-.04em;}
.site-footer .motion-toggle {position:static;width:fit-content;padding:5px 0;margin:9px 0 0;border:0;background:none;backdrop-filter:none;font-size:11px;color:#818994;}
@media(min-width:1800px) {.stage-app{height:720px;}.preview-chat{width:390px;height:498px;right:26px;bottom:26px;}.preview-chat-body{padding:10px 20px;}.demo-user-message{margin-bottom:27px;}.demo-answer>p{font-size:13px;}.demo-result{padding:13px 10px;}}
@media(max-width:1100px) {.nav-shell,.marketing-wrap{padding-inline:40px;}.site-header nav a{padding-inline:9px;}.nav-actions{margin-left:6px;padding-left:16px;}.landing-hero{padding-top:210px;}.story-section{gap:54px;grid-template-columns:.8fr 1.2fr;}.story-section-reverse{grid-template-columns:1.2fr .8fr;}.stage-app{width:calc(100% - 48px);}.demo-caption{width:calc(100% - 48px);}.preview-chat{width:340px;}.cloud-band>div{gap:20px;flex-wrap:wrap;}.cloud-band>div>span{font-size:13px;}.savings-scene{padding:24px 16px;}.saving-capacity{width:48px;}.scene-amount{flex-wrap:wrap;gap:5px 12px;}.ownership-strip,.landing-faq{gap:60px;}.site-footer{width:calc(100% - 80px);}}
@media(max-width:800px) {.nav-shell,.marketing-wrap{padding-inline:24px;}.site-header nav,.nav-contact,.nav-actions::before{display:none;}.nav-actions{padding:0;margin:0 6px 0 0;}.mobile-menu{display:flex;height:32px;width:32px;align-items:center;justify-content:center;gap:5px;padding:6px;border:0;flex-direction:column;background:none;}.mobile-menu span{width:17px;height:1px;background:#ccc;}.site-header .wordmark{font-size:20px;}.landing-hero{padding-top:164px;padding-bottom:54px;}.landing-hero h1{font-size:clamp(36px,5.8vw,48px);}.hero-bottom{align-items:flex-start;flex-direction:column;gap:22px;margin-top:26px;}.hero-bottom p{font-size:14px;}.hero-bottom .text-link{font-size:12px;}.stage-app{height:640px;}.preview-chat{width:340px;bottom:18px;right:18px;}.cloud-band{padding-block:70px 42px;}.cloud-band>div{display:grid;grid-template-columns:1fr 1fr;gap:28px;}.cloud-band>div>span{font-size:12px;gap:9px;}.cloud-band img{width:23px;height:23px;}.product-intro{padding-block:65px 40px;}.product-intro h2{font-size:29px;}.story-section,.story-section-reverse{grid-template-columns:1fr;gap:40px;padding-block:58px;}.story-section-reverse .story-copy{grid-column:1;grid-row:auto;}.story-copy h2{font-size:39px;}.story-copy p{max-width:45ch;font-size:14px;}.story-copy h2 br{display:none;}.section-kicker{margin-bottom:16px;}.development-scene,.savings-scene{padding:25px;}.saving-capacity{width:80px;}.ownership-strip,.landing-faq{grid-template-columns:1fr;gap:27px;padding-block:60px;}.ownership-strip h2{font-size:29px;}.ownership-strip p{font-size:14px;}.landing-faq h2{margin:0;}.landing-closing{padding-block:70px 90px;}.site-footer{width:calc(100% - 48px);}.document{padding-top:125px;}}
@media(max-width:480px) {.landing-hero{padding-top:146px;}.landing-hero h1{font-size:36px;max-width:350px;}.landing-hero h1 br{display:none;}.hero-bottom p br{display:none;}.stage-app{width:calc(100% - 24px);height:660px;}.preview-chat{left:12px;right:12px;width:auto;bottom:12px;height:430px;}.preview-chat header{height:44px;}.preview-chat-body{padding:4px 12px;}.demo-user-message{font-size:11px;margin-bottom:16px;padding:10px 11px;}.demo-agent-label{font-size:10px;}.demo-answer>p{font-size:11px;min-height:36px;margin:7px 0 10px;}.demo-result{padding:9px 8px;}.demo-result strong{font-size:10px;}.demo-result small{font-size:8px;}.demo-result>b{font-size:11px;}.demo-impact{margin-top:12px;}.preview-composer{height:66px;font-size:10px;}.preview-composer>div{margin-top:8px;}.demo-caption{width:calc(100% - 48px);gap:16px;flex-wrap:wrap;margin-top:25px;font-size:10px;}.demo-caption>span{width:100%;}.demo-caption a{margin-left:auto;}.demo-stage{padding-bottom:30px;}.product-intro h2{font-size:26px;}.product-intro h2 br:last-of-type{display:none;}.scene-topline{font-size:10px;}.scene-topline>span:last-child{font-size:9px;}.scene-amount>strong{font-size:29px;}.development-scene{padding:21px 18px;}.development-scene svg{height:210px;}.change-insight{left:13px;right:13px;padding:12px 10px;gap:8px;}.change-insight strong{font-size:10px;}.change-insight small{font-size:9px;}.change-insight b{font-size:11px;}.scene-axis{font-size:9px;}.saving-example{padding:14px 4px;gap:10px;}.savings-scene{padding:23px 15px;}.saving-resource>span{font-size:11px;}.saving-resource>small{font-size:9px;}.saving-capacity{width:40px;}.saving-example>strong{font-size:12px;}.export-scene{height:400px;padding:38px 5px;}.export-back-sheet{left:22px;right:22px;}.export-sheet{padding:20px 17px 0;}.export-receipt{bottom:0;}.ownership-strip>div:first-child{gap:17px;}.ownership-strip h2{font-size:27px;}.ownership-symbol{width:52px;height:59px;}.site-footer{grid-template-columns:1fr 1fr;gap:30px;}.site-footer>div:first-child{grid-column:1/-1;}.motion-toggle{font-size:10px;padding:7px 9px;bottom:9px;right:9px;}}
/* Present the genuine desktop workspace at the scale of a product preview. */
@media(min-width:801px) {
  .stage-app {height:840px;--demo-scale:.88;}
  .stage-app iframe {width:calc(100% / var(--demo-scale));height:calc(100% / var(--demo-scale));transform:scale(var(--demo-scale));transform-origin:top left;border-radius:calc(12px / var(--demo-scale));}
  .preview-chat header,.demo-user-message,.demo-thinking,.demo-agent-label {font-size:13px;}
  .demo-answer>p {font-size:14px;}
  .demo-result strong {font-size:12px;}
  .demo-result small,.demo-impact>span {font-size:10px;}
  .demo-result>b,.preview-composer {font-size:13px;}
}
html[data-motion="reduced"] .marketing-home *,html[data-motion="off"] .marketing-home * {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
html[data-motion="reduced"] .demo-thinking,html[data-motion="off"] .demo-thinking {animation:none;}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto;}.marketing-home *{animation:none!important;transition:none!important;}.chart-inspection{opacity:1;transform:none;}.change-insight{opacity:1;transform:none;}.export-receipt{opacity:1;transform:translate(-50%,0);}}