/* Hero: two hands holding a foldable whose screen shows an AI answer (dark in the dark theme, light in the light theme). Replaces the bubble row in the first section. */
html.gn-hero-device #hero-anim-slot{display:none!important;}
.gn-fold{position:relative;width:100%;max-width:1300px;margin:0 auto;}
.gn-fold-fit{position:relative;width:100%;clip-path:inset(0 -100vw -60px -100vw);}
.gn-fold-fit::after{content:none;}
.gn-fold-stage{position:absolute;left:0;top:0;transform-origin:0 0;}
/* three phones, drawn in CSS: titanium edge, black bezel, dynamic island */
.gn-ph{position:absolute;padding:3px;border-radius:50px;background:linear-gradient(150deg,#e9e9ee 0%,#8e8e97 24%,#3a3a40 52%,#9a9aa3 78%,#d9d9df 100%);box-shadow:0 40px 70px -18px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.28) inset;}
html:not([data-theme="light"]) .gn-ph{background:linear-gradient(150deg,#b9b9c2 0%,#5d5d66 24%,#26262b 52%,#6b6b74 78%,#a8a8b1 100%);box-shadow:0 40px 80px -10px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.18) inset,0 0 60px -10px rgba(140,100,255,.25);}
.gn-ph .bz{border-radius:47px;background:#000;padding:7px;}
.gn-ph .scr{position:relative;border-radius:40px;overflow:hidden;background:#000;aspect-ratio:390/844;}
html[data-theme="light"] .gn-ph .scr{background:#fcfcfc;}
.gn-ph .scr img{position:absolute;inset:0;width:100%;height:100%;display:block;}
.gn-ph .scr img.th-light{display:none;}
html[data-theme="light"] .gn-ph .scr img.th-dark{display:none;}
html[data-theme="light"] .gn-ph .scr img.th-light{display:block;}
.gn-ph .isl{position:absolute;z-index:3;left:50%;top:10px;width:30%;height:22px;margin-left:-15%;border-radius:12px;background:#000;}
.gn-ph .bt{position:absolute;width:3px;border-radius:2px;background:linear-gradient(#8a8a92,#4a4a50);}
.gn-ph .bt.l1{left:-3px;top:110px;height:26px}.gn-ph .bt.l2{left:-3px;top:160px;height:46px}.gn-ph .bt.l3{left:-3px;top:214px;height:46px}.gn-ph .bt.r1{right:-3px;top:170px;height:74px}
.gn-ph{transform-style:preserve-3d;}
.gn-ph .scr .gn-sx{position:absolute;left:0;top:0;width:100%;}
.gn-ph .scr .gn-sx img{position:static;inset:auto;width:100%;height:auto;}
.gn-ph .scr img.chrome{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;}
.gn-ph .gn-gt,.gn-ph .gn-gb{position:absolute;left:0;right:0;z-index:2;pointer-events:none;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);}
.gn-ph .gn-gt{top:0;height:70px;opacity:0;transition:opacity .25s ease;background:rgba(8,6,20,.62);-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent);}
.gn-ph .gn-gb{bottom:0;height:78px;background:rgba(8,6,20,.45);border-top:1px solid rgba(255,255,255,.12);}
html[data-theme="light"] .gn-ph .gn-gt{background:rgba(255,255,255,.72);}
html[data-theme="light"] .gn-ph .gn-gb{background:rgba(255,255,255,.62);border-top-color:rgba(0,0,0,.08);}
.gn-ph .gl{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .3s ease;background:radial-gradient(360px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.26),rgba(255,255,255,.07) 40%,transparent 62%);mix-blend-mode:soft-light;}
html[data-theme="light"] .gn-ph .gl{background:radial-gradient(360px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.9),rgba(255,255,255,.25) 40%,transparent 62%);mix-blend-mode:normal;}
.gn-ph.hov .gl{opacity:1;}
.gn-ph.is-c{z-index:3}.gn-ph.is-s{z-index:2}
.hero.geo-hero .hero-visual{order:6;margin-top:10px;}
/* the visual is as tall as the whole phones, whatever aspect ratio the older hero rules set */
html.gn-hero-device #page-home .hero.geo-hero .hero-visual{aspect-ratio:auto!important;height:auto!important;min-height:0!important;flex:none!important;}
/* first section only: no eyebrow badge, tighter top, so the whole device fits on the first screen */
#page-home .geo-hero #hero-badge{display:none!important;}

@media (min-width:761px){
  #page-home .hero.geo-hero{padding-top:clamp(14px,2.4vh,30px)!important;}
  #page-home .geo-hero__h1{font-size:clamp(34px,4.6vw,62px)!important;line-height:1.04!important;}
  #page-home .geo-hero .gn-hero-lede{margin-top:10px!important;font-size:clamp(15px,1.5vw,18px)!important;}
  #page-home .hero.geo-hero .gn-paths{margin-top:14px!important;}
  #page-home .geo-hero .hero-form{margin-top:10px!important;}
  .hero.geo-hero .hero-visual{margin-top:4px!important;}
  #page-home .gn-hero-links,#page-home #gn-hero-links{margin-top:4px!important;}
}
@media (min-width:761px){ #page-home .hero.geo-hero h1.geo-hero__h1#hero-headline{font-size:clamp(32px,3.9vw,54px)!important;} }

/* wide windows: headline and lede on one line each so the whole device fits under the form */
@media (min-width:1280px){
  #page-home .hero.geo-hero h1.geo-hero__h1#hero-headline{white-space:nowrap!important;max-width:none!important;font-size:clamp(34px,3.9vw,60px)!important;}
  html #page-home .hero.geo-hero #hero-lede{max-width:none!important;font-size:clamp(14px,1.15vw,16.5px)!important;margin-top:10px!important;}
}
@media (min-width:761px) and (max-height:860px){
  #page-home .hero.geo-hero{padding-top:8px!important;}
  #page-home .hero.geo-hero .gn-paths{margin-top:10px!important;}
  #page-home .geo-hero .hero-form{margin-top:8px!important;}
}

/* the g and y descenders were being cut by the gradient text box: give the headline room below the baseline */
@media (min-width:761px){
  #page-home .hero.geo-hero h1.geo-hero__h1#hero-headline{line-height:1.16!important;padding-bottom:.1em!important;margin-bottom:-.12em!important;}
}

/* soft ambient light behind the device (Apple-style depth): lilac glow in dark, a faint tint in light. Lives in the stage so it centres on the device. */
.gn-fold-stage::before{content:"";position:absolute;left:50%;top:20px;width:1000px;height:740px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(150,110,255,.40),rgba(150,110,255,.14) 55%,transparent 100%);filter:blur(30px);pointer-events:none;z-index:0;}
html[data-theme="light"] .gn-fold-stage::before{background:radial-gradient(closest-side,rgba(110,72,230,.20),rgba(110,72,230,.06) 55%,transparent 100%);}

/* first section: one primary action. "Book a demo" and its caption wait for the closing section; the path selector becomes two quiet text links */
#page-home .hero.geo-hero #hero-cta3,#page-home .hero.geo-hero #hero-twin-micro{display:none!important;}
#page-home .hero.geo-hero .gn-paths{border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;max-width:none!important;width:auto!important;display:flex!important;gap:6px!important;justify-content:center;margin-top:6px!important;}
#page-home .hero.geo-hero .gn-path{border:0!important;background:none!important;box-shadow:none!important;padding:4px 12px!important;border-radius:999px!important;flex-direction:row;}
#page-home .hero.geo-hero .gn-path .gn-path-eb{font-size:14px!important;font-weight:500!important;color:var(--text2)!important;letter-spacing:-.01em!important;}
#page-home .hero.geo-hero .gn-path[aria-selected="true"] .gn-path-eb{color:var(--text)!important;font-weight:650!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px;text-decoration-color:var(--accent);}
#page-home .hero.geo-hero .gn-path+.gn-path{border-left:0!important;}

.gn-ph.sc .gn-gt{opacity:1;}