/* Homepage only. Each cinematic stage owns its geometry; shared account pages are untouched. */
.product-home{--story-wine:#873452;--story-ink:#1d2827;--story-paper:#f4f0e9;background:var(--story-paper);color:var(--story-ink);color-scheme:light}
.product-home .site-header,.product-home .site-header.scrolled{background:rgba(245,241,233,.52);color:#111b18;border-bottom:1px solid #ffffff38;backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%)}
.product-home .primary-nav,.product-home .menu-toggle,.product-home .primary-nav>a:not(.button),.product-home .nav-dropdown>summary{color:#111b18}
.product-home .login-link{border-color:#26322d35}.product-home .primary-nav .button{color:white}.product-home .primary-nav>a:not(.button):hover{color:var(--story-wine)}
.product-home .product-opening{height:100svh;min-height:660px;position:relative;margin:0;padding:0}
.product-home .product-opening .hero{position:relative;top:0;height:100%;min-height:0}
.product-home .product-opening .hero-copy{top:auto;bottom:clamp(108px,15vh,160px);left:7.7vw;width:67%;max-width:1060px;transform:none;opacity:1}
.product-home .hero h1{font-size:clamp(42px,4.45vw,80px);line-height:1.04;letter-spacing:-.055em;margin:22px 0 24px;color:#f7f3ed}
.product-home .hero-eyebrow{margin:0;font-size:10px;color:#eee8e1}
.product-home #hero-description{font-size:clamp(15px,1.3vw,21px);line-height:1.55;color:#eee8e1;margin:0;max-width:750px}
.product-home .hero-actions{display:flex;gap:14px;margin-top:28px;align-items:center}
.product-home .hero-actions .button{min-height:48px;padding:15px 24px;font-size:12px;color:#fff}
.product-home .hero-actions .outline{border-color:#f4eee68c;background:#151c2026}
.product-home .hero-bottom{bottom:24px;left:7.7vw;right:7.7vw;color:#f2ece5;gap:25px}
.product-home .hero-manifesto{font-size:8px;letter-spacing:.25em}.hero-scene-label{font-size:10px;letter-spacing:.15em;color:#e9dce1}
.product-home .hero-arrow{top:48%}.product-home .hero-shade{background:linear-gradient(90deg,#11181adb,#10181a73 47%,#10181a00 85%),linear-gradient(0deg,#10181aad,transparent 45%)}
.product-home .hero-photos{transform-origin:center}.product-home .hero-photo img{object-position:center}
.product-home .assistant-launcher{transition:opacity .3s,visibility .3s}.product-home.story-in-view .assistant-launcher{opacity:0;visibility:hidden;pointer-events:none}
.operation-intro{position:relative;overflow:hidden;background:var(--story-paper);padding:100px 7vw 120px;min-height:72svh;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:7vw;color:var(--story-ink)}
.product-home .operation-intro .eyebrow,.product-home .softlyops-essence .eyebrow,.product-home .agreement-heading .eyebrow{color:var(--story-wine);font-size:10px;line-height:1.8;letter-spacing:.18em}
.operation-intro h2,.softlyops-essence h2,.agreement-heading h2{font-size:clamp(38px,4.6vw,76px);font-weight:550;line-height:1.06;letter-spacing:-.05em;margin:30px 0 0;color:var(--story-ink)}
.operation-intro h2 span,.operation-intro h2 em{display:block}.operation-intro h2 em,.softlyops-essence h2 em,.agreement-heading h2 em{color:var(--story-wine);font-style:normal}
.intro-context{max-width:450px;padding-top:45px}.intro-context p{font-size:16px;line-height:1.8;color:#626f6b;margin:20px 0}.intro-context p:first-of-type{font-size:24px;line-height:1.4;color:#263530;letter-spacing:-.025em}.intro-rule{display:block;width:64px;height:2px;background:var(--story-wine);transform-origin:left}
.intro-thread{position:absolute;width:1px;height:85px;bottom:0;left:50%;background:#87345224}.intro-thread i{display:block;height:100%;background:var(--story-wine);transform-origin:top;transform:scaleY(var(--intro-line,0))}
[data-cinema-reveal]{opacity:1;transform:none}.cinema-ready [data-cinema-reveal]{opacity:0;transform:translateY(36px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.cinema-ready [data-cinema-reveal].cinema-visible{opacity:1;transform:none}
.operation-story{position:relative;background:#111a1b}.operation-story.story-enhanced{height:680svh}.operation-pin{position:relative;overflow:hidden;isolation:isolate}.story-enhanced .operation-pin{position:sticky;top:0;height:100svh;min-height:620px}
.story-scenes{position:relative}.story-enhanced .story-scenes{position:absolute;inset:0}.story-scene{position:relative;min-height:740px;background:#111a1b;isolation:isolate}.story-enhanced .story-scene{position:absolute;inset:0;min-height:0;opacity:0;visibility:hidden}.story-enhanced .story-scene.is-active{opacity:1;visibility:visible}
.scene-visual,.story-shade,.server-world{position:absolute;inset:0;overflow:hidden}.story-photo,.server-photo{display:block;width:100%;height:100%;object-fit:cover}.story-photo{object-position:center 40%}.scene-visual{transform:scale(1.015);transform-origin:center 35%}
.story-shade{background:linear-gradient(0deg,#0f191bf7 0%,#0f191be0 14%,#0f191b68 32%,transparent 56%);pointer-events:none}
.story-copy{position:absolute;bottom:55px;left:7vw;right:7vw;display:grid;grid-template-columns:1.5fr .8fr;gap:5vw;align-items:end;color:#fff9f0}
.story-copy .eyebrow{font-size:9px;color:#e0c9cd;line-height:1.6;letter-spacing:.19em}.story-copy h2{color:#fff9f0;font-size:clamp(36px,3.7vw,63px);font-weight:500;line-height:1.05;letter-spacing:-.04em;margin:18px 0 0}.story-copy h2 em{color:#dca0b8;font-style:normal}.story-copy>p{color:#e2e4dd;font-size:15px;line-height:1.8;margin:0 0 4px;max-width:420px}
.server-world{transform-origin:86% 42%;will-change:transform}.server-photo{object-position:86% 42%}.server-console{position:absolute;top:calc(var(--header) + 45px);left:7vw;width:min(35vw,530px);max-height:48vh;border:1px solid #fff6;border-radius:9px;overflow:hidden;box-shadow:0 25px 70px #0008;transform:perspective(1400px) rotateY(7deg);background:#f5f1eb;transform-origin:left center}
.console-bar{height:34px;display:flex;gap:8px;align-items:center;padding:0 14px;color:#26332c;font-size:10px;font-weight:600;background:#f5f1eb}.console-bar small{margin-left:auto;font-weight:400;font-size:8px;color:#786c70}.console-led{width:5px;height:5px;border-radius:50%;background:#557a69}.server-console>img{width:100%;height:auto;display:block}.server-port{position:absolute;left:86%;top:42%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#ffe1ec99,transparent 70%);box-shadow:0 0 22px 8px #e894b555,0 0 75px #ba3d7266;opacity:0}
.signal-journey{display:none;position:absolute;inset:0;z-index:4;background:#11171b;pointer-events:none}.story-enhanced .signal-journey{display:block;opacity:0;visibility:hidden}.signal-canvas{width:100%;height:100%;display:block}.signal-words{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:#fff7f2;font-size:clamp(30px,4vw,64px);font-weight:500;letter-spacing:-.04em;text-shadow:0 4px 40px #180916}.signal-words span:last-child{color:#e4aec3}
.container-doors{display:none;position:absolute;inset:0;z-index:5;pointer-events:none;perspective:1500px}.story-enhanced .container-doors{display:block}.container-door{position:absolute;top:0;height:100%;width:50%;background-image:url('/static/experience-20260918/container-doors.webp');background-size:200% 100%;box-shadow:inset 0 0 40px #0003;will-change:transform}.door-left{left:0;background-position:left;transform-origin:left center}.door-right{right:0;background-position:right;transform-origin:right center}
.door-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:27px;text-align:center;color:#fff9f0;background:#14221b46;text-shadow:0 3px 28px #0009}.door-title .eyebrow{font-size:11px;color:#fff9f0}.door-title h2{font-size:clamp(62px,8vw,130px);line-height:.98;font-weight:550;letter-spacing:-.065em;color:#fff9f0;margin:0}
.story-progress{position:absolute;bottom:0;height:2px;background:#ffffff15;inset-inline:0;z-index:10;display:none}.story-enhanced .story-progress{display:block}.story-progress i{display:block;height:100%;width:0;background:#d7a0b7}.story-chapter-label{position:absolute;z-index:8;right:7vw;top:calc(var(--header) + 30px);display:none;gap:12px;align-items:center;color:#ede3dc;font-size:10px}.story-chapter-label i{width:40px;height:1px;background:#ffffff60}.story-enhanced .story-chapter-label{display:flex}
.cinema-skip{position:absolute;top:100px;left:24px;z-index:20;transform:translateX(-200%);background:#f7f1e9;color:#6d2341;padding:16px}.cinema-skip:focus{transform:none}
.story-paper-wipe{position:absolute;inset:0;background:var(--story-paper);z-index:12;pointer-events:none;opacity:0}
.product-proof{position:relative;background:var(--story-paper);padding:100px 7vw 90px;color:var(--story-ink)}.product-proof header{text-align:center;max-width:1100px;margin:0 auto 55px}.product-proof header>.eyebrow{color:var(--story-wine);font-size:10px;letter-spacing:.18em}.product-proof h2{font-size:clamp(36px,4.5vw,72px);line-height:1.06;letter-spacing:-.05em;font-weight:550;color:var(--story-ink);margin:25px 0}.product-proof h2 em{color:var(--story-wine);font-style:normal}.product-proof header p{max-width:730px;margin:auto;color:#65706e;line-height:1.75;font-size:16px}
.proof-browser{border:1px solid #d9d0c8;border-radius:12px;overflow:hidden;background:white;box-shadow:0 28px 70px #282f251c;transform-origin:center bottom}.proof-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:11px;background:#fdfbf8;border-bottom:1px solid #e5dfd7;color:#73756e}.proof-browser-bar>span{display:flex;gap:5px}.proof-browser-bar i{display:block;width:7px;height:7px;background:#d5cbc4;border-radius:50%}.proof-browser-bar small{font-size:9px;letter-spacing:.12em;color:var(--story-wine)}.proof-browser img{display:block;width:100%;height:auto}
.proof-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#717870;margin:22px 0 60px}.proof-caption a{color:var(--story-wine);white-space:nowrap;font-size:12px}.proof-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.proof-benefits article{border-top:1px solid #cbbfb8;padding-top:25px}.proof-benefits article>span{font-size:9px;letter-spacing:.15em;color:var(--story-wine)}.proof-benefits h3{font-size:24px;letter-spacing:-.04em;margin:18px 0 10px;color:#25332e}.proof-benefits p{font-size:14px;color:#6b736c;line-height:1.7}
.softlyops-essence{padding:110px 7vw 50px;background:#ebe6de;display:grid;grid-template-columns:1.1fr 1fr;gap:70px 9vw;color:var(--story-ink)}.softlyops-essence h2{font-size:clamp(36px,4vw,64px)}.essence-lead>p{color:#65706b;line-height:1.8;font-size:16px;max-width:560px;margin:30px 0 0}.essence-principles{align-self:center}.essence-principles article{display:flex;gap:25px;border-top:1px solid #c9beb3;padding:27px 0}.essence-principles article>span{font-size:10px;letter-spacing:.15em;color:var(--story-wine);padding-top:7px}.essence-principles h3{color:var(--story-ink);font-size:26px;letter-spacing:-.025em;margin:0 0 10px;line-height:1.2}.essence-principles p{color:#626e68;font-size:14px;line-height:1.8;margin:0;max-width:430px}.essence-signature{grid-column:1/-1;border-top:1px solid #c9beb3;display:flex;align-items:center;justify-content:center;gap:25px;padding-top:40px}.essence-signature img{width:60px;height:60px;object-fit:contain}.essence-signature p{font-size:clamp(20px,2.5vw,36px);letter-spacing:-.04em;color:#27312e;margin:0}.essence-signature p span{color:#65706a}.essence-signature p em{color:var(--story-wine);font-style:normal}
.client-agreement{background:var(--story-paper);color:var(--story-ink);padding:100px 0 0}.agreement-heading{padding:0 7vw 65px;max-width:1500px}.agreement-heading h2{font-size:clamp(36px,4.3vw,68px)}.agreement-heading>p{max-width:640px;color:#65706c;line-height:1.8;font-size:16px;margin:28px 0 0}
.agreement-scene{position:relative;isolation:isolate;height:75svh;min-height:520px;max-height:850px;overflow:hidden}.agreement-scene>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 42%}.agreement-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111d1cba,transparent 62%);z-index:0;pointer-events:none}.agreement-quote{position:absolute;left:7vw;top:25%;max-width:35%;z-index:1;color:#f8f2e8}.agreement-quote>span{font-size:9px;letter-spacing:.18em;color:#e0d5c7}.agreement-quote p{font-size:clamp(32px,3.4vw,56px);line-height:1.1;letter-spacing:-.04em;margin:28px 0 0}.agreement-quote em{font-style:normal;color:#e3b4c7}
.agreement-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;padding:55px 7vw}.agreement-plan>div{border-top:1px solid #c9bdb1;padding-top:24px}.agreement-plan span{font-size:9px;letter-spacing:.16em;color:var(--story-wine)}.agreement-plan p{font-size:16px;line-height:1.7;color:#53645b;margin:15px 0 0}
.agreement-invitation{padding:45px 7vw 75px;display:flex;align-items:center;justify-content:space-between;gap:35px}.agreement-invitation p{font-size:clamp(28px,3vw,46px);line-height:1.13;letter-spacing:-.035em;margin:0;color:#26332d}.agreement-invitation em{color:var(--story-wine);font-style:normal}.agreement-invitation .button{color:white;flex-shrink:0}
.product-home .handoff-pin{top:0;height:100svh;min-height:640px}.product-home .handshake-caption{padding-top:calc(var(--header) + 35px)}.product-home .services-teaser h2,.product-home .services-teaser h3{color:#242e2b}.product-home .services-teaser h2 em{color:var(--story-wine)}
@media(max-width:1100px){.product-home .site-header .primary-nav{background:#f3efe9f5;color:#25342c;backdrop-filter:blur(20px)}.product-home .primary-nav a:not(.button),.product-home .primary-nav summary,.product-home .primary-nav strong{color:#25342c}.product-home .primary-nav small,.product-home .primary-nav em{color:#626f67}.product-home .menu-products a{border-color:#ded4cc}.story-copy{gap:4vw;grid-template-columns:1.3fr .8fr}.story-copy h2{font-size:42px}.story-copy>p{font-size:14px}.operation-intro{grid-template-columns:1.4fr 1fr;gap:5vw}.operation-intro h2{font-size:50px}.softlyops-essence{gap:45px}.proof-benefits{gap:25px}}
@media(max-width:700px){.product-home .site-header .brand{width:190px}.product-home .product-opening{min-height:720px}.product-home .product-opening .hero-copy{left:24px;width:calc(100% - 48px);bottom:105px;max-width:540px}.product-home .hero h1{font-size:clamp(35px,9vw,56px);margin:20px 0}.product-home .hero-eyebrow{font-size:8px;letter-spacing:.13em}.product-home #hero-description{font-size:14px;line-height:1.65;max-width:420px}.product-home .hero-actions{margin-top:23px;gap:10px}.product-home .hero-actions .button{padding:14px;font-size:10px;gap:14px;min-height:46px}.product-home .hero-bottom{left:24px;right:24px;bottom:24px}.product-home .hero-manifesto{display:none}.product-home .hero-arrow{top:35%;width:38px;height:46px}.product-home .hero-shade{background:linear-gradient(0deg,#111b1be8 0%,#111b1bcc 38%,#111b1b20 80%)}.product-home .hero-photo img{object-position:62% center}.product-home .assistant-launcher{bottom:16px;right:16px}.product-home:not(.story-in-view) .hero-scene-label{margin-right:65px}
.operation-intro{grid-template-columns:1fr;min-height:0;padding:75px 24px 100px;gap:28px}.operation-intro h2{font-size:clamp(37px,8.8vw,60px);margin-top:22px}.intro-context{padding:0;max-width:470px}.intro-context p{font-size:14px;margin:14px 0}.intro-context p:first-of-type{font-size:20px}.intro-thread{height:50px}.intro-rule{width:40px}.operation-story.story-enhanced{height:620svh}.story-enhanced .operation-pin{height:100svh;min-height:680px}.story-scene{min-height:780px}.scene-visual,.server-world{inset:0 0 38%}.story-photo{object-position:55% 35%}.story-shade{background:linear-gradient(0deg,#111a1b 30%,#111a1b00 65%)}.story-copy{top:60%;bottom:auto;left:24px;right:24px;display:block}.story-copy h2{font-size:clamp(30px,7.8vw,44px);line-height:1.07;margin:14px 0 16px}.story-copy .eyebrow{font-size:8px;letter-spacing:.12em}.story-copy>p{font-size:13px;line-height:1.75;max-width:480px}.server-world{inset:0}.server-photo{object-position:86% 42%}.server-console{width:64vw;left:24px;top:calc(var(--header) + 28px);max-height:34vh}.console-bar{font-size:9px;height:28px;padding:0 9px}.console-bar small{font-size:6px}.server-scene .story-shade{background:linear-gradient(0deg,#111a1b 15%,#111a1bc9 35%,transparent 65%)}.story-chapter-label{right:24px;top:calc(var(--header) + 20px);font-size:8px;gap:6px}.story-chapter-label i{width:20px}.door-title h2{font-size:75px}.door-title .eyebrow{font-size:9px}.container-door{background-size:200% 100%}.signal-words{font-size:34px}.product-proof{padding:70px 24px 55px}.product-proof header{text-align:left;margin-bottom:32px}.product-proof header p{font-size:14px}.product-proof h2{font-size:38px}.proof-browser-bar{font-size:9px;padding:10px}.proof-browser-bar small{display:none}.proof-caption{align-items:start;flex-direction:column;line-height:1.6;margin:18px 0 36px}.proof-benefits{grid-template-columns:1fr;gap:20px}.proof-benefits h3{font-size:24px}.proof-benefits p{font-size:14px}.softlyops-essence{grid-template-columns:1fr;padding:65px 24px 40px;gap:35px}.softlyops-essence h2{font-size:40px}.essence-lead>p{font-size:14px;margin-top:24px}.essence-principles article{padding:22px 0;gap:20px}.essence-principles h3{font-size:24px}.essence-signature{gap:12px;padding-top:30px}.essence-signature img{width:40px;height:40px}.essence-signature p{font-size:21px}.client-agreement{padding-top:65px}.agreement-heading{padding:0 24px 35px}.agreement-heading h2{font-size:38px}.agreement-heading>p{font-size:14px}.agreement-scene{height:auto;min-height:0;max-height:none;background:#1e2c29}.agreement-scene>img{height:330px;object-position:right center}.agreement-scene:after{display:none}.agreement-quote{position:relative;left:auto;top:auto;max-width:none;padding:30px 24px 35px}.agreement-quote p{font-size:34px;margin-top:18px}.agreement-plan{grid-template-columns:1fr;gap:25px;padding:40px 24px}.agreement-plan>div{padding-top:20px}.agreement-plan p{font-size:15px}.agreement-invitation{padding:20px 24px 55px;display:block}.agreement-invitation p{font-size:32px;margin-bottom:27px}.agreement-invitation .button{font-size:11px}.product-home .handoff-pin{min-height:720px}.product-home .handshake-caption{padding-top:100px}}
@media(max-height:650px) and (min-width:701px){.product-home .product-opening{min-height:620px}.product-home .hero h1{font-size:46px;margin:16px 0}.product-home .hero-copy{bottom:90px!important}.product-home .hero-actions{margin-top:16px}.product-home #hero-description{font-size:15px}}
@media(prefers-reduced-motion:reduce){.cinema-ready [data-cinema-reveal]{opacity:1;transform:none;transition:none}.story-enhanced .operation-pin{position:relative}.scene-visual,.server-world,.proof-browser{transform:none!important}.signal-journey,.story-paper-wipe{display:none!important}.product-home .handoff-pin{position:relative;height:auto;min-height:0}.product-home .reveal{opacity:1;transform:none}.intro-thread i{transform:none}}

/* A full frame on phones keeps every person visible instead of cropping the scene. */
.fiber-interior{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 42%;transform-origin:68% 42%;transform:translate(-18%,8%) scale(1.7)}
.signal-canvas{position:absolute;inset:0;opacity:.46}.signal-words{background:radial-gradient(ellipse at center,#10171b80,transparent 60%)}
@media(max-width:700px){.scene-visual{inset:var(--header) 0 42%;background:#111a1b}.story-photo{object-fit:contain;object-position:center 50%}.story-copy{top:56%}.story-shade{background:linear-gradient(0deg,#111a1b 32%,transparent 65%)}.story-copy h2{font-size:clamp(31px,8vw,44px)}.story-copy>p{font-size:14px}.server-scene .story-copy{top:60%}}
/* Short landscape windows still show the whole carousel, including its controls. */
@media(max-height:600px) and (min-width:600px){.product-home{--header:60px}.product-home .site-header{height:60px}.product-home .site-header .brand{width:180px;height:52px}.product-home .product-opening{height:100svh;min-height:375px}.product-home .product-opening .hero-copy{bottom:66px!important;top:auto;left:7vw;width:77%;max-width:900px}.product-home .hero h1{font-size:34px;line-height:1.02;margin:12px 0}.product-home .hero-eyebrow{font-size:7px}.product-home #hero-description{font-size:12px;line-height:1.45;max-width:700px}.product-home .hero-actions{margin-top:13px;gap:10px}.product-home .hero-actions .button{min-height:34px;padding:9px 14px;font-size:10px}.product-home .hero-actions svg{width:12px;height:12px}.product-home .hero-bottom{bottom:12px}.product-home .hero-manifesto{display:none}.product-home .hero-arrow{top:42%}}