/* The Gate becomes a frame for the product, with real application captures. */
.gc-scroll-enabled .gv-product-hero { height:360svh; }
.gv-product-hero .gc-hero-copy { width:48%; top:45%; }
.gv-product-hero .gc-hero-copy h1,.gv-product-hero .gc-hero-copy h2 { font-size:clamp(57px,6.05vw,105px); }
.gv-product-hero .gc-hero-copy>p:not(.gc-label) { max-width:410px; }
.gv-product-hero .gc-slide-image { height:88%; object-position:center top; }
.gv-product-hero .gc-slide-wash { background:linear-gradient(90deg,#f6f1e9 1%,#f6f1e9ed 25%,#f6f1e980 48%,#f6f1e900 71%),linear-gradient(0deg,#f1eee5f5,transparent 30%); }
.gv-product-hero .gc-slide-dark .gc-slide-wash { background:linear-gradient(90deg,#032c38f7,#032c38d9 33%,#032c3830 67%),linear-gradient(0deg,#032c38,transparent 35%); }
.gv-product-hero .gc-stage-top>span:last-child { display:block; max-width:none; }
.gv-founder-marker { position:absolute; right:var(--gc-pad); top:82px; color:inherit; text-align:right; border-right:2px solid var(--gc-pink); padding:7px 15px; z-index:2; background:#f4f0e7ec; }
.gv-founder-marker>span { display:block; font-size:9px; letter-spacing:.1em; }
.gv-founder-marker>strong { display:block; font-size:13px; font-weight:450; margin-top:5px; }
.gc-slide-dark .gv-founder-marker { color:white; border-color:#ed73b0; background:#06323bec; }
.gv-hero-product { position:absolute; right:6.4%; bottom:135px; width:39%; max-width:640px; z-index:2; }
.gv-hero-tablet { width:32%; right:10%; }
.gv-hero-phone { width:18%; max-width:235px; right:8%; }
.gv-device { display:block; position:relative; text-decoration:none!important; color:var(--gc-ink); }
.gv-device-frame { display:block; padding:9px 9px 14px; background:#182830; border:1px solid #809398; border-radius:13px 13px 4px 4px; box-shadow:0 22px 42px #04252e35; overflow:hidden; }
.gv-device img { width:100%; height:auto; display:block; border-radius:4px; background:white; }
.gv-laptop img { aspect-ratio:16 / 9; object-fit:contain; }
.gv-tablet img { aspect-ratio:4 / 3; object-fit:contain; }
.gv-phone img { aspect-ratio:1 / 2; object-fit:contain; }
.gv-device-base { display:block; height:11px; margin:0 -5%; background:linear-gradient(#bdcbd0 2%,#dae0e0 55%,#94a5ad 65%,#68818a); border-radius:1px 1px 50% 50% / 1px 1px 12px 12px; position:relative; }
.gv-device-base::before { content:""; position:absolute; left:42%; right:42%; top:0; height:4px; border-radius:0 0 6px 6px; background:#8a9ba2; }
.gv-tablet .gv-device-frame { padding:13px; border-radius:23px; }
.gv-tablet img { border-radius:10px; }
.gv-tablet .gv-device-base,.gv-phone .gv-device-base { display:none; }
.gv-phone .gv-device-frame { padding:9px; border-radius:27px; box-shadow:0 18px 35px #04252e42; }
.gv-phone img { border-radius:18px; }
.gv-screen-hint { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:10px; padding-top:13px; color:inherit; }
.gv-screen-hint>span { font-size:17px; }
.gc-slide-dark .gv-device { color:white; }
.gv-device:hover .gv-device-frame { border-color:var(--gc-teal); }
.gv-device:focus-visible { outline:3px solid var(--gc-pink); outline-offset:9px; }
.gv-hero-record { margin-top:15px; border-top:1px solid #15465740; padding-top:13px; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.gv-hero-record>span { font-size:7px; letter-spacing:.11em; max-width:55%; line-height:1.6; }
.gv-hero-record>strong { font-size:15px; font-weight:550; text-align:right; }
.gv-hero-record i { font-weight:400; font-style:normal; }
.gc-slide-dark .gv-hero-record { border-color:#ffffff55; }
.gv-hero-phone .gv-hero-record { display:none; }
.gv-hero-phone>.gv-companion { position:absolute; width:180%; bottom:32px; right:40%; z-index:-1; }
.gv-hero-phone>.gv-companion .gv-screen-hint { visibility:hidden; }
.gv-hero-phone>.gv-phone .gv-screen-hint { background:#f4f0e7ec; }
.gv-product-hero .gc-slide-controls { gap:32px; }
.gv-product-hero .gc-slide.is-active .gv-hero-product { animation:gv-device-enter .85s var(--gc-ease) both; }
.gv-product { background:#f7f7f2; padding-top:60px; padding-bottom:38px; }
.gv-product-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:35px; }
.gv-product-heading h2 { font-size:clamp(43px,4.7vw,76px); margin:0; }
.gv-product-heading>p { font-size:14px; line-height:1.8; color:#4b6a74; max-width:340px; padding-bottom:8px; }
.gv-product-tabs { display:grid; grid-template-columns:repeat(3,1fr); margin-top:34px; border-bottom:1px solid #b6c6c8; gap:28px; }
.gv-product-tabs button { border:0; border-bottom:2px solid transparent; background:none; padding:16px 0; text-align:left; display:flex; align-items:center; gap:15px; color:#59747b; font-size:15px; min-height:58px; }
.gv-product-tabs button>span { font-size:9px; letter-spacing:.08em; }
.gv-product-tabs button>i { font-size:21px; margin-left:auto; }
.gv-product-tabs button[aria-selected="true"] { color:var(--gc-teal); border-color:var(--gc-teal); }
.gv-product-tabs button:hover { color:var(--gc-pink); }
.gv-product-panel { display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; align-items:center; padding-block:46px 25px; min-height:500px; }
.gv-case-copy h3 { font-size:clamp(30px,3vw,46px); line-height:1.12; margin:18px 0; white-space:pre-line; }
.gv-case-copy>p { font-size:15px; line-height:1.8; color:#4e6d77; max-width:360px; }
.gv-case-copy .gv-case-platform { font-size:11px; padding-left:13px; border-left:2px solid var(--gc-teal); margin-top:23px; }
.gv-case-copy .gc-link { margin-top:10px; font-size:13px; }
.gv-case-owner { margin-top:30px; }
.gv-case-owner>span { display:block; font-size:8px; letter-spacing:.12em; color:#55757d; }
.gv-case-owner>strong { display:block; font-size:12px; font-weight:450; margin-top:9px; }
.gv-product-canvas { position:relative; padding:15px 0 8px; min-height:375px; display:flex; flex-direction:column; justify-content:center; }
.gv-gate-outline { position:absolute; inset:0 10% 30px; border:1px solid #80a9b080; border-top:6px solid #006d8a; border-right:6px solid #006d8a; border-radius:40% 10px 0 0; transform:skewY(-7deg); pointer-events:none; }
.gv-gate-outline::after { content:""; position:absolute; inset:15px -20px -15px 20px; border:1px solid #a7005066; border-radius:inherit; }
#gv-main-device { position:relative; z-index:1; }
.gv-product-canvas .gv-device { width:100%; margin:0 auto; }
.gv-product-canvas .gv-tablet { width:80%; }
.gv-product-canvas .gv-phone { width:190px; max-width:60%; }
.gv-product-caption { display:block; text-align:center; margin-top:23px; font-size:8px; letter-spacing:.12em; color:#58717a; }
.gv-case-flow { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; list-style:none; padding:24px 0 0; margin:22px 0 0; border-top:1px solid #bdcdd0; }
.gv-case-flow li { display:flex; align-items:center; gap:16px; position:relative; padding-right:25px; }
.gv-case-flow li:not(:last-child)::after { content:"→"; position:absolute; right:0; color:#567984; }
.gv-case-flow span { font-size:10px; color:var(--gc-teal); }
.gv-case-flow strong { font-size:14px; font-weight:450; }
.gv-scope-note { font-size:10px; color:#5c767e; line-height:1.7; margin-top:25px!important; }
.gv-modal-open { overflow:hidden; }
.gv-screen-dialog { border:0; background:#f5f6f1; color:#083b48; width:min(1380px,94vw); max-width:94vw; max-height:92svh; padding:22px 28px 18px; }
.gv-screen-dialog::backdrop { background:#022632dd; }
.gv-dialog-bar { display:flex; justify-content:space-between; align-items:center; gap:25px; padding-bottom:16px; }
.gv-dialog-bar h2 { font-size:18px; line-height:1.4; letter-spacing:-.02em; margin:7px 0 0; }
.gv-dialog-bar button { display:flex; gap:18px; align-items:center; border:1px solid #9bb3b8; background:transparent; padding:10px 15px; color:inherit; min-height:44px; }
.gv-dialog-bar button span { font-size:24px; line-height:1; }
.gv-dialog-content { overflow:auto; max-height:calc(92svh - 160px); text-align:center; background:#dce5e4; }
.gv-dialog-content img { display:block; width:auto; height:auto; max-width:100%; max-height:calc(92svh - 160px); margin:auto; object-fit:contain; }
.gv-screen-dialog>p { font-size:10px; margin:14px 0 0; }
@keyframes gv-device-enter { from { opacity:0; translate:0 25px; } to { opacity:1; translate:0 0; } }
@media(min-width:1600px) { .gv-hero-product { bottom:170px; }.gv-hero-phone { max-width:270px; }.gv-product-panel { min-height:540px; }.gv-product-canvas .gv-phone { width:220px; } }
@media(max-width:1199px) { .gv-product-hero .gc-hero-copy h1,.gv-product-hero .gc-hero-copy h2 { font-size:6.25vw; }.gv-hero-product { right:7%; width:39%; bottom:135px; }.gv-hero-tablet { width:34%; right:8%; }.gv-hero-phone { width:17%; right:7%; }.gv-product-hero .gc-slide-controls { gap:24px; }.gv-founder-marker { top:70px; }.gv-founder-marker>span { font-size:8px; }.gv-product-panel { gap:5vw; }.gv-product-heading>p { font-size:13px; }.gv-hero-record>strong { font-size:12px; } }
@media(max-width:950px) { .gv-product-hero .gc-stage { min-height:790px; }.gv-product-hero .gc-hero-copy { top:41%; width:48%; }.gv-product-hero .gc-hero-copy h1,.gv-product-hero .gc-hero-copy h2 { font-size:6.8vw; }.gv-product-hero .gc-hero-copy>p:not(.gc-label) { font-size:14px; max-width:325px; }.gv-hero-product { width:39%; bottom:135px; right:7%; }.gv-hero-tablet { width:37%; }.gv-hero-phone { width:17%; }.gv-hero-phone>.gv-companion { width:180%; }.gv-hero-record { display:none; }.gv-product-heading { display:block; }.gv-product-heading>p { margin-top:20px; }.gv-product-panel { grid-template-columns:.9fr 1.1fr; gap:35px; }.gv-product-canvas { min-height:300px; }.gv-case-copy h3 { font-size:34px; }.gv-product-tabs { gap:20px; }.gv-product-tabs button { gap:10px; font-size:13px; }.gv-case-flow { gap:25px; }.gv-case-flow strong { font-size:12px; } }
@media(max-width:700px) {
 .gv-product-hero .gc-stage { height:calc(100svh - var(--gc-header)); min-height:800px; }
 .gv-product-hero .gc-stage-top { top:20px; }.gv-product-hero .gc-stage-top>span:last-child { display:none; }
 .gv-product-hero .gc-slide-image { height:48%; object-position:70% 22%; }
 .gv-product-hero .gc-slide-wash { background:linear-gradient(0deg,#f4f0e7 0%,#f4f0e7 48%,#f4f0e730 76%,#f4f0e700),linear-gradient(90deg,#f4f0e7ba,#f4f0e700 75%); }
 .gv-product-hero .gc-slide-dark .gc-slide-wash { background:linear-gradient(0deg,#032c38 0%,#032c38 48%,#032c3830 76%,#032c3800),linear-gradient(90deg,#032c38ad,#032c3800 75%); }
 .gv-product-hero .gc-hero-copy { left:var(--gc-pad); top:210px; bottom:auto; transform:none; width:calc(100% - var(--gc-pad)*2); }
 .gv-product-hero .gc-hero-copy .gc-label { margin-bottom:13px; }
 .gv-product-hero .gc-hero-copy h1,.gv-product-hero .gc-hero-copy h2 { font-size:clamp(39px,10.3vw,66px); line-height:1.02; }
 .gv-product-hero .gc-hero-copy>p:not(.gc-label) { font-size:13px; line-height:1.65; margin-top:17px; max-width:370px; }
 .gv-product-hero .gc-hero-copy .gc-action { font-size:12px; padding:12px 16px; min-height:46px; margin-top:18px; }
 .gv-founder-marker { top:60px; right:auto; left:var(--gc-pad); max-width:190px; padding:5px 10px; background:#f4f0e7ed; color:var(--gc-ink); text-align:left; border-right:0; border-left:2px solid var(--gc-pink); }
 .gv-founder-marker>span { font-size:7px; }.gv-founder-marker>strong { font-size:10px; }.gc-slide-dark .gv-founder-marker { background:#06323bec; }
 .gv-hero-product { width:63%; right:var(--gc-pad); bottom:112px; max-width:320px; }
 .gv-hero-tablet { width:54%; max-width:270px; }
 .gv-hero-phone { width:21%; max-width:100px; right:var(--gc-pad); bottom:110px; }
 .gv-hero-phone>.gv-companion { width:270%; bottom:0; }
 .gv-hero-product .gv-screen-hint { font-size:8px; padding-top:5px; gap:5px; }.gv-hero-phone>.gv-phone .gv-screen-hint { display:none; }
 .gv-hero-product .gv-device-frame { padding:5px; border-radius:8px 8px 2px 2px; }.gv-hero-product .gv-tablet .gv-device-frame { border-radius:13px; padding:7px; }.gv-hero-product .gv-phone .gv-device-frame { border-radius:17px; padding:5px; }.gv-hero-product .gv-phone img { border-radius:12px; }
 .gv-product-hero .gc-stage-bottom { bottom:26px; padding-top:6px; }.gv-product-hero .gc-slide-controls { gap:8px; }.gv-product-hero .gc-slide-controls button { font-size:11px; gap:5px; }.gv-product-hero .gc-slide-controls button>span { font-size:7px; }.gv-product-hero .gc-scroll-cue { margin-top:4px; }.gv-product-hero .gc-hero-disclosure { font-size:6px; bottom:5px; left:var(--gc-pad); text-align:right; }
 .gv-product { padding-top:45px; padding-bottom:30px; }.gv-product-heading h2 { font-size:43px; }.gv-product-heading>p { font-size:13px; }.gv-product-tabs { gap:13px; margin-top:25px; }.gv-product-tabs button { font-size:12px; min-height:66px; gap:5px; flex-wrap:wrap; align-content:center; }.gv-product-tabs button>i { display:none; }.gv-product-tabs button>span { display:block; width:100%; font-size:8px; }
 .gv-product-panel { display:flex; flex-direction:column; align-items:stretch; padding-block:30px 15px; gap:25px; }.gv-case-copy h3 { font-size:35px; max-width:340px; margin-block:14px; }.gv-case-copy>p { font-size:14px; max-width:430px; }.gv-case-copy .gv-case-platform { margin-top:15px; font-size:10px; }.gv-case-owner { display:none; }.gv-case-copy .gc-link { margin-top:6px; }.gv-product-canvas { min-height:250px; padding:15px 5px 0; }.gv-product-canvas .gv-phone { width:170px; }.gv-product-canvas .gv-tablet { width:87%; }.gv-product-caption { font-size:7px; margin-top:17px; }.gv-gate-outline { inset:0 12% 35px; }.gv-case-flow { grid-template-columns:1fr; gap:20px; margin-top:17px; }.gv-case-flow li { gap:14px; }.gv-case-flow strong { font-size:14px; }.gv-case-flow li:not(:last-child)::after { right:5px; content:"↓"; }.gv-scope-note { font-size:9px; margin-top:21px!important; }
 .gv-screen-dialog { padding:17px; width:96vw; max-width:96vw; }.gv-dialog-bar { align-items:flex-start; gap:15px; }.gv-dialog-bar h2 { font-size:14px; }.gv-dialog-bar .gc-label { font-size:7px; }.gv-dialog-bar button { font-size:10px; gap:8px; padding:8px; }.gv-dialog-content { overflow:auto; }.gv-dialog-content img { max-width:none; max-height:none; width:850px; }.gv-screen-dialog.gv-screen-portrait .gv-dialog-content img { width:100%; }.gv-screen-dialog>p { font-size:9px; line-height:1.6; }
}
@media(max-width:374px) { .gv-product-hero .gc-stage { min-height:830px; }.gv-product-hero .gc-hero-copy { top:235px; }.gv-product-hero .gc-hero-copy h1,.gv-product-hero .gc-hero-copy h2 { font-size:37px; }.gv-product-hero .gc-slide-controls { gap:5px; }.gv-product-hero .gc-slide-controls button { font-size:10px; }.gv-product-hero .gc-slide-controls button>span { display:none; }.gv-product-heading h2 { font-size:37px; } }
@media(min-width:451px) and (max-width:700px) { .gv-product-hero .gc-stage { min-height:940px; } }
@media(min-width:701px) and (max-height:740px) { .gv-product-hero .gc-stage { min-height:670px; }.gv-product-hero .gc-hero-copy { top:43%; }.gv-product-hero .gc-hero-copy h1,.gv-product-hero .gc-hero-copy h2 { font-size:5.5vw; max-height:none; }.gv-founder-marker { top:62px; }.gv-hero-product { width:39%; bottom:130px; }.gv-hero-tablet { width:29%; }.gv-hero-phone { width:14%; }.gv-product-hero .gc-hero-copy>p:not(.gc-label) { margin-top:20px; }.gv-product-hero .gc-hero-copy .gc-action { margin-top:20px; } }
@media(prefers-reduced-motion:reduce) { .gv-product-hero .gc-slide.is-active .gv-hero-product { animation:none; }.gv-device { transition:none; } }
@media(forced-colors:active) { .gv-device-frame,.gv-product-tabs button[aria-selected="true"] { border:2px solid Highlight; }.gv-gate-outline { display:none; } }
