/* Launch journey. Images and films are supplied assets; empty chapter media is intentional. */
:root{--hero-type:clamp(76px,8.5vw,136px);--nav-height:76px;--dock-height:180px}
.hero{min-height:820px;height:100svh;background:#050505}.hero-copy{top:61%;padding:0 5%}.hero-copy h1{font-size:var(--hero-type);letter-spacing:-.055em}.hero-copy .product-subtitle{font-size:calc(var(--hero-type)*.4);line-height:1.18;max-width:1100px;margin:18px auto 30px;letter-spacing:-.035em;font-weight:430;color:#d6d2cb}.product-subtitle span,.product-subtitle em{display:block}.product-subtitle em{font-size:1.04em;font-weight:400;color:#dbc4a3}.hero .dual-control{height:50px;max-height:none}.scene img{height:84%;object-fit:fill}.hero .planet-edge{display:none}
.launch-film{position:relative;width:100%;aspect-ratio:16/9;background:#000;isolation:isolate}.launch-film video{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1s}.launch-film.is-playing video{opacity:1}.launch-film::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(#050505,transparent 5%,transparent 95%,#050505)}.film-play{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;z-index:3;border:0;background:none;font-size:32px;color:#c8c3ba;padding:30px;transition:opacity .5s}.launch-film.is-playing .film-play{opacity:0;pointer-events:none}.sound-toggle{position:absolute;right:10%;bottom:25%;width:76px;height:76px;border-radius:50%;border:1px solid #ffffff35;background:linear-gradient(140deg,#ffffff24,#ffffff08);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff20,0 8px 28px #0005;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.sound-symbol{font-size:24px;font-weight:300}.sound-state{font-size:8px;letter-spacing:.025em;color:#d1cfc7}.sound-toggle:disabled{opacity:0;pointer-events:none}.sound-toggle[aria-pressed=true]{border-color:#d5bd8eaa;background:#d1b78224}.film-status{position:absolute;top:calc(50% + 32px);width:100%;text-align:center;font-size:11px;color:#6f6c66}
.service-intro{min-height:55svh;padding:75px 7% 85px;text-align:center}.micro-label{font-size:10px;letter-spacing:.19em;color:#a89575;text-transform:uppercase;font-weight:450}.service-intro h2{font-size:clamp(24px,2.7vw,42px);font-weight:400;letter-spacing:-.045em;line-height:1.25;margin:22px 0 42px}.service-features{display:grid;grid-template-columns:repeat(3,1fr);max-width:1250px;margin:0 auto 30px}.service-features>div{padding:10px 15px;border-right:1px solid #ffffff16}.service-features>div:last-child{border:0}.service-features strong{font-size:clamp(44px,5.3vw,82px);line-height:1;letter-spacing:-.065em;font-weight:380;color:#e5cfaa;white-space:nowrap}.service-features strong span{font-size:.3em;letter-spacing:-.025em;font-weight:400;color:#aaa297}.service-features p{font-size:12px;color:#9c9a93;margin:15px 0 0}.rush-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 23px;border:1px solid #ccb18765;border-radius:50px;font-size:12px;color:#e0d6c5;background:#d8be8d09}.rush-button:hover{background:#d8be8d17}.service-outro{font-size:clamp(20px,2.25vw,34px);letter-spacing:-.025em;font-weight:350;line-height:1.4;margin:45px auto 0;color:#a7a59f}.service-outro em{font-family:Georgia,serif;color:#e2d0b4;font-weight:400}
.chapter-journey{position:relative;padding-top:24svh}.journey-dock{position:sticky;top:var(--nav-height);height:var(--dock-height);z-index:4;background:linear-gradient(#050505 0%,#050505f5 78%,#05050500);isolation:isolate}.journey-caption{text-align:center;margin:0;position:absolute;left:0;right:0;top:-24px;font-size:8px;letter-spacing:.22em;color:#68645b}.checkpoint-track{position:relative;max-width:1400px;width:100%;height:130px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:0 8%;align-items:start}.arc-rail{position:absolute;left:-4%;top:16px;width:108%;height:210px;border-radius:50% 50% 0 0/65% 65% 0 0;border-top:1px solid #9e8b6c44;background:radial-gradient(ellipse at 50% 0,#c7a97209,transparent 55%);overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.arc-progress{position:absolute;inset:-1px 0 0;border-radius:inherit;border-top:1px solid #efd3a0;clip-path:inset(0 calc(100% - var(--journey-progress,0%)) 0 0);filter:drop-shadow(0 0 4px #e1b36d)}.checkpoint{position:relative;z-index:1;text-align:center;padding-top:calc(13px + var(--point-y));color:#68665f;transition:color .5s;display:flex;align-items:center;flex-direction:column;gap:14px}.checkpoint-dot{position:relative;display:block;width:7px;height:7px;border:1px solid #8f816a;border-radius:50%;background:#080808;transition:background .5s,box-shadow .5s}.checkpoint-name{font-size:13px;font-weight:400;letter-spacing:-.01em}.checkpoint small{font-size:8px;color:#5a574f;letter-spacing:.12em}.checkpoint.is-reached .checkpoint-dot{background:#c7b08a;border-color:#dac39d}.checkpoint.is-active{color:#f0dfc5}.checkpoint.is-active .checkpoint-dot{background:#fff2d6;box-shadow:0 0 14px 3px #ddba7d55}.checkpoint.is-active .checkpoint-dot::after{content:'';position:absolute;inset:-7px;border:1px solid #d5b77e80;border-radius:50%;animation:checkpoint-pulse 1.4s ease-out 1}.checkpoint[aria-current=step] small{color:#b69d77}@keyframes checkpoint-pulse{from{scale:.5;opacity:1}to{scale:1.8;opacity:0}}
.chapter-pages{position:relative}.perspective{min-height:calc(100svh - var(--nav-height) - var(--dock-height));display:grid;grid-template-columns: .85fr 1.15fr;gap:7%;padding:25px 8% 65px;align-items:center;scroll-margin-top:calc(var(--nav-height) + var(--dock-height))}.chapter-copy h2{font-size:clamp(35px,4.2vw,68px);font-weight:380;line-height:1.05;letter-spacing:-.055em;margin:25px 0}.chapter-description{font-size:15px;line-height:1.75;max-width:360px;color:#98978f;margin:0 0 28px}.editorial-link{font-family:inherit;font-size:12px;color:#d6c5a8;background:none;padding:0 0 8px;border:0;border-bottom:1px solid #a58d5f55;display:inline-flex;gap:25px;align-items:center;cursor:pointer}.chapter-media{height:clamp(270px,45svh,600px);position:relative;margin:0;border:1px solid #ccb38b16;background:linear-gradient(140deg,#10100e,#080908);border-radius:3px}.chapter-media>span{position:absolute;top:24px;left:25px;font-size:8px;letter-spacing:.1em;color:#6f685a}.chapter-media figcaption{position:absolute;bottom:24px;left:25px;font-size:8px;letter-spacing:.18em;color:#45473e}.perspective.reversed .chapter-copy{order:2}.perspective.reversed .chapter-media{order:1}.copy-status{min-height:14px;font-size:10px;color:#a59578;margin:8px 0}.chapter-instruction{max-width:330px;font-size:10px;color:#6b6d61}.chapter-instruction summary{cursor:pointer}.chapter-instruction p{line-height:1.7;max-height:110px;overflow:auto;color:#a19b8b}
.security-space{position:relative;z-index:1}.security-surface{position:relative;min-height:690px;padding:55px 7% 65px;background:repeating-linear-gradient(125deg,#211a1b66 0px,#211a1b66 1px,transparent 1px,transparent 10px),linear-gradient(110deg,#252122,#191416 55%,#100e10);border-top:1px solid #ffffff09;border-bottom:1px solid #ffffff09;will-change:transform}.security-heading{display:flex;align-items:center;gap:17px}.security-heading>p{font-size:17px;letter-spacing:-.02em;color:#cec7c4}.security-lock{position:relative;width:30px;height:34px}.security-lock img{position:absolute;inset:0;width:30px;height:30px;object-fit:contain;opacity:.8;transition:transform .35s,opacity .25s}.security-lock .lock-closed{opacity:0;transform:translateY(-5px)}.security-surface.is-locked .lock-open{opacity:0}.security-surface.is-locked .lock-closed{opacity:.8;transform:translateY(0);animation:lock-click .4s ease-out}.lock-state{margin-left:auto;font-size:8px;letter-spacing:.15em;color:#8a7678}.security-body{margin:65px auto 10px;max-width:860px;text-align:left}.security-body h2{font-size:clamp(40px,5vw,76px);font-weight:380;letter-spacing:-.055em;line-height:1.06;margin:25px 0}.security-body>p:not(.micro-label){max-width:500px;color:#a19898;font-size:14px;line-height:1.8}.security-brands{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:710px;margin-top:50px;color:#d2cdcd;opacity:.7}.security-brands>span{font-size:24px;font-weight:500;letter-spacing:-.04em}.security-brands .iso-mark{font-size:14px;letter-spacing:.04em;display:flex;flex-direction:column;line-height:1.1}.iso-mark b{font-size:22px;letter-spacing:0;font-weight:500}.security-brands .aws-mark{font-size:33px;font-weight:550;letter-spacing:-.045em}.security-brands .cloudflare-mark{font-size:16px;letter-spacing:.02em}.security-index{position:absolute;bottom:25px;right:7%;font-size:8px;letter-spacing:.17em;color:#68575a}@keyframes lock-click{0%{translate:0 -4px}55%{translate:0 2px}75%{translate:0 -1px}100%{translate:0 0}}
.trusted-section{padding:35px 8% 80px;text-align:center}.trusted-section>p{font-size:16px;color:#7a7872;letter-spacing:-.02em}.trusted-names{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:36px 4vw;margin-top:45px}.trusted-names span{font-size:clamp(18px,2.4vw,34px);font-weight:450;letter-spacing:-.05em;color:#b8b6b1}.brand-finale{margin-block-start:clamp(48px,8svh,96px);min-height:40svh;display:grid;place-items:center;padding:60px 0}.brand-finale img{width:min(270px,37.5vw);height:auto}
.rush-footer{display:block;margin:0;padding:70px 7% 30px;background:#0b0b0b;border-top:1px solid #ffffff12;color:#98958e}.footer-top{display:flex;align-items:center;gap:35px}.biointron-brand{width:160px;height:auto;filter:brightness(0) invert(1)}.footer-top>p{font-size:12px;color:#6c6c64}.footer-top-link{margin-left:auto;font-size:11px;color:#a59b89}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:55px 0}.footer-columns h3{color:#dbd7cf;font-size:12px;font-weight:500;margin:0 0 25px}.footer-columns a{display:block;font-size:11px;line-height:2.4;color:#8a8981;border:0;padding:0}.footer-columns a:hover{color:#e4d4b8}.footer-bottom{border-top:1px solid #ffffff0e;padding-top:25px;display:flex;justify-content:space-between;font-size:10px;color:#55574f}.consult-dialog{max-width:540px;padding:50px;background:#141311;border:1px solid #aa956a55;border-radius:10px}.consult-dialog::backdrop{background:#000b}.consult-dialog h2{font-size:32px;font-weight:400;letter-spacing:-.04em}.consult-dialog>p:not(.micro-label){font-size:14px;line-height:1.6;color:#aaa59b}
@media(min-width:1550px){:root{--nav-height:84px;--dock-height:200px}}
@media(max-width:800px){:root{--nav-height:66px;--dock-height:145px;--hero-type:clamp(56px,11vw,88px)}.hero{min-height:820px}.hero-copy{top:62%;padding:0 5%}.hero-copy .product-subtitle{font-size:calc(var(--hero-type)*.4);max-width:100%;margin:20px auto 28px}.hero-copy .product-subtitle span{max-width:600px;margin:auto}.product-subtitle em{white-space:normal}.sound-toggle{width:56px;height:56px;right:12%;bottom:20%}.sound-symbol{font-size:19px}.sound-state{font-size:7px}.service-intro{padding:65px 5%}.service-intro h2{font-size:29px}.service-features strong{font-size:clamp(31px,7vw,56px)}.service-features p{font-size:10px;line-height:1.6}.service-features>div{padding-inline:5px}.service-features strong span{font-size:.28em}.service-outro{font-size:25px;margin-top:40px}.chapter-journey{padding-top:18svh}.journey-caption{font-size:7px}.checkpoint-track{padding:0 3%}.checkpoint-name{font-size:11px}.checkpoint small{font-size:7px}.perspective{grid-template-columns:1fr;gap:30px;min-height:calc(100svh - var(--nav-height) - var(--dock-height));padding:20px 7% 60px}.chapter-copy h2{font-size:clamp(35px,8vw,55px);margin:15px 0}.chapter-description{font-size:14px;max-width:450px;margin-bottom:18px}.chapter-media{height:33svh;min-height:220px}.perspective.reversed .chapter-copy,.perspective.reversed .chapter-media{order:initial}.security-surface{min-height:750px;padding:35px 7% 65px}.security-body{margin-top:70px}.security-body h2{font-size:45px}.lock-state{font-size:6px}.security-brands{flex-wrap:wrap;justify-content:flex-start;gap:30px 45px}.security-brands>span{min-width:95px;font-size:21px}.security-brands .cloudflare-mark{font-size:14px}.trusted-section{padding-bottom:45px}.trusted-names{gap:30px}.brand-finale{min-height:30svh}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>p{width:100%;order:3}.footer-top-link{font-size:10px}.footer-columns{gap:20px;padding:35px 0}.footer-columns h3{font-size:11px}.footer-columns a{font-size:10px}.footer-bottom{font-size:8px;gap:20px}}
@media(max-width:480px){.hero{height:100svh;min-height:760px}.hero-copy{top:60%}.hero-copy h1{font-size:var(--hero-type)}.hero-copy .product-subtitle{font-size:calc(var(--hero-type)*.4);line-height:1.25;margin-top:22px}.hero-copy .product-subtitle span{max-width:330px}.service-intro h2{font-size:23px}.service-features strong{font-size:32px}.service-features strong span{display:block;font-size:12px;margin:7px 0 0;letter-spacing:0}.service-features>div:nth-child(2) strong>span:first-child{margin:0 0 4px;font-size:8px}.service-features>div:nth-child(2) strong>span:last-child{display:inline;font-size:12px;margin:0}.service-features p{font-size:9px}.service-features{margin:30px auto}.checkpoint-name{font-size:10px}.checkpoint{gap:13px}.chapter-description{font-size:13px}.service-outro{font-size:23px}.security-body h2{font-size:39px}.security-body>p:not(.micro-label){font-size:13px}.footer-columns{grid-template-columns:1fr 1fr}.footer-columns>div:last-child{grid-column:1/-1}.trusted-names span{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.security-surface{transform:none!important}.checkpoint-dot::after,.lock-closed{animation:none!important}.launch-film video,.checkpoint,.checkpoint-dot,.security-lock img{transition:none}}
@font-face{font-family:'Material Icons';src:url('assets/MaterialIcons-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:block}.material-icon{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:30px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.security-lock .material-icon{position:absolute;inset:0;opacity:.8;transition:transform .35s,opacity .25s}.security-lock .lock-closed{opacity:0;transform:translateY(-5px)}.security-brands img{display:block;width:125px;height:44px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.85}.security-brands img.iso-mark{width:65px;height:55px}.security-brands img.aws-mark{width:70px;height:48px}
@media(max-width:480px){.security-brands img{width:110px;height:37px}.security-brands img.iso-mark{width:55px;height:50px}.security-brands img.aws-mark{width:60px;height:40px}}
/* Keep the enlarged subtitle and the full action control inside the opening viewport. */
.hero{height:100svh;min-height:700px}.hero-copy{top:auto;bottom:4svh}.hero .scene img{width:76%;left:12%;height:74%;top:0}.hero .horizon{top:51.5%}.hero .scene::after{inset:51.5% 0 0}.hero-copy .product-subtitle{margin-top:16px;margin-bottom:25px}
@media(max-width:800px){.hero{min-height:760px}.hero-copy{top:auto;bottom:6svh}.hero .scene img{width:240%;left:-70%;height:auto;top:calc(52% - 93.73vw)}.hero .horizon{top:52%}.hero .scene::after{inset:52% 0 0}.hero-copy .product-subtitle{margin-top:20px;margin-bottom:28px}}
@media(max-width:480px){.hero{min-height:700px}.hero-copy{top:auto;bottom:8svh}}
html{scroll-padding-top:0}.service-intro{min-height:50svh;padding:45px 7% 50px}.service-intro h2{font-size:clamp(23px,2.3vw,36px);margin:20px 0 30px}.service-intro h2 br,.service-outro br{display:none}.service-intro h2 br::after,.service-outro br::after{content:' '}.service-features{margin-bottom:25px}.service-features strong{font-size:clamp(44px,4.6vw,74px)}.service-outro{font-size:clamp(20px,2.1vw,32px);margin-top:32px}.service-outro em{margin-left:.2em}
@media(max-width:800px){.service-intro{padding:55px 5%}.service-intro h2 br,.service-outro br{display:block}.service-intro h2{font-size:27px}.service-features strong{font-size:clamp(31px,7vw,56px)}.service-outro{font-size:25px}.service-outro em{margin:0}}
@media(max-width:480px){.service-intro h2{font-size:23px}.service-features strong{font-size:32px}.service-outro{font-size:23px}}
.security-surface{scroll-margin-top:calc(var(--nav-height) + 120px);min-height:640px}
@media(max-width:800px){.security-surface{min-height:750px}}
.service-intro,.launch-film{scroll-margin-top:var(--nav-height)}

/* Share the measured header edge; overlap by a pixel to prevent a compositing seam. */
.journey-dock{top:calc(var(--nav-height) - 1px);background:linear-gradient(#050505 0%,#050505 78%,#05050500)}
.journey-dock::before{content:'';position:absolute;left:0;right:0;top:-3px;height:5px;background:#050505;z-index:-1;pointer-events:none}
.journey-caption{top:4px;font-size:7px}.checkpoint-track{padding-top:14px}.arc-rail{top:30px;overflow:visible}.arc-progress{inset:0;clip-path:inset(-8px calc(100% - var(--journey-progress,0%)) -8px -8px)}
/* Twice the stripe width and pitch, with a little more contrast. */
.security-surface{min-height:0;padding:32px 7% 38px;background:repeating-linear-gradient(125deg,#68505238 0px,#68505238 2px,#0d080b18 2px,#0d080b18 20px),linear-gradient(110deg,#252122,#191416 55%,#100e10)}
.security-heading>p{margin:8px 0}.security-body{margin:26px auto 0}.security-body h2{font-size:clamp(32px,4.2vw,60px);margin:16px 0;line-height:1.04}.security-body>p:not(.micro-label){font-size:13px;line-height:1.65;margin:12px 0}.security-brands{margin-top:25px}.security-index{bottom:14px;font-size:7px}.security-brands img{height:35px}.security-brands img.iso-mark{height:44px}.security-brands img.aws-mark{height:38px}
.layout-switch{display:flex;gap:16px;margin-top:8px}.bio-footer .layout-switch a{font-size:10px;color:#777c76}.layout-switch a[aria-current=true]{color:#cfbd9e}
html[data-layout=desktop],html[data-layout=desktop] body{min-width:1280px}
html[data-layout=desktop] .navigation{min-width:1280px}
html[data-layout=desktop]{--hero-type:clamp(108.8px,8.5vw,136px)}
@media(max-width:800px){.security-surface{min-height:0;padding:25px 7% 32px}.security-body{margin-top:24px}.security-body h2{font-size:36px}.security-brands{gap:20px 30px;margin-top:24px}.security-body>p:not(.micro-label){font-size:12px}.security-index{font-size:6px}.lock-state{max-width:95px;text-align:right;line-height:1.6}}
@media(max-width:480px){.security-body h2{font-size:31px}.security-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.security-brands img{width:100%;height:30px}.security-brands img.iso-mark{width:40px;height:40px}.security-brands img.aws-mark{width:45px;height:32px}}
@media(max-height:650px) and (min-width:801px){.security-surface{padding-block:22px 28px}.security-body{margin-top:16px}.security-body h2{font-size:clamp(30px,7svh,47px);margin:12px 0}.security-body>p:not(.micro-label){font-size:12px;line-height:1.5}.security-brands{margin-top:18px}}

/* Preserve artwork proportions and prevent sideways page panning. */
.scene img{object-fit:cover}
html,body{overflow-x:clip;overscroll-behavior-x:none}
body{touch-action:pan-y pinch-zoom}
.checkpoint-name{font-size:clamp(15px,1.45vw,23px)}
@media(min-width:801px){
  .hero{height:80svh;min-height:0;--hero-type:min(6.8vw,12svh,109px)}
  .hero .scene img{width:auto;height:77%;left:50%;top:0;transform:translateX(-50%)}
  .hero .hero-copy{top:auto;bottom:2svh}
  .hero-copy .product-subtitle{margin:1svh auto 2svh}
  .service-intro h2{font-size:clamp(20px,2.4vw,40px)}
}
.navigation #main-nav{margin-left:auto;margin-right:2vw}
.navigation .header-actions{width:clamp(195px,17vw,250px);height:40px;min-height:0;margin:0;flex:none}
.navigation .header-actions a{font-size:13px;white-space:nowrap}
@media(max-width:800px){
  .navigation #main-nav{display:none}
  .navigation .wordmark{width:min(35vw,170px)}
  .navigation .header-actions{width:min(53vw,205px);height:38px}
  .navigation .header-actions a{font-size:clamp(10px,2.8vw,13px)}
}
.security-surface{background:repeating-linear-gradient(125deg,#b45a6438 0 2px,transparent 2px 20px),linear-gradient(110deg,#54242a,#36171d 55%,#240f15)}
.security-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-items:center;gap:clamp(6px,2vw,28px)}
.security-brands img,.security-brands img.iso-mark,.security-brands img.aws-mark{width:100%;max-width:110px;height:clamp(28px,4vw,42px);object-fit:contain;object-position:center}
.header-actions .nav-try{width:auto;min-width:0;height:auto}
.navigation .language-placeholder{
  flex:none;
  margin-left:8px;
  padding:6px 9px;
  border:1px solid #45413b;
  border-radius:20px;
  background:#171614;
  color:#b6b0a6;
  font:inherit;
  font-size:12px;
  white-space:nowrap;
}
@media(max-width:800px){
  .navigation .wordmark{width:min(29vw,170px);min-width:0;flex-shrink:1}
  .navigation .header-actions{width:min(45vw,205px);margin-left:auto}
  .navigation .language-placeholder{margin-left:6px;padding:6px 8px}
}

.rushdata-preview { position: relative; margin: 0; padding: 0 0 4% 5%; }
.package-screen, .detail-screen { display: block; height: auto; border-radius: 6px; }
.package-screen { width: 100%; transform: none; }
.detail-screen { position: absolute; width: 38%; left: 1%; bottom: 0; transform: perspective(650px) rotateY(-16deg) rotateZ(4deg); box-shadow: 0 10px 25px #0006, 2px 3px 0 #c9d1cf; }
.chapter-copy { min-width: 0; }
.install-prompt { display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 15px; background: #202b28; border: 1px solid #486456; border-radius: 8px; }
.install-prompt code { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; color: #daf0df; font: 13px/1.5 monospace; mask-image: linear-gradient(to right, black 78%, transparent); }
.install-prompt .copy-button { flex: none; width: auto; background: #daebdc; color: #15281e; padding: 9px 14px; border: 0; border-radius: 5px; cursor: pointer; }
.install-prompt .copy-button:hover { background: #f0faf1; }

.agent-studio, .data-example, .loop-pair { min-width: 0; margin: 0; }
.assistant-wheel { position: relative; isolation: isolate; height: clamp(240px,26vw,340px); }
.assistant-wheel::before { content: ""; position: absolute; inset: 18% 9%; border: 1px solid #ae936244; border-radius: 50%; background: radial-gradient(ellipse,#c79f4d15,transparent 72%); }
.wheel-brand { position: absolute; width: 37%; top: 49%; left: 50%; transform: translate(-50%,-50%); }
.assistant-choice { position: absolute; left: var(--x); top: var(--y); transform: translate(-50%,-50%) scale(var(--scale)); transition: left .65s ease-in-out, top .65s ease-in-out, transform .65s, opacity .65s; background: transparent; color: #f5ead6; border: 0; display: grid; justify-items: center; gap: 6px; cursor: pointer; font: 12px/1.2 inherit; }
.assistant-choice img { box-sizing: border-box; width: 54px; height: 54px; padding: 11px; background: #f9f5ed; border-radius: 15px; box-shadow: 0 5px 20px #0008; }
.assistant-choice[data-seat="0"] { --x:50%; --y:80%; --scale:1.15; z-index:3; }
.assistant-choice[data-seat="1"] { --x:88%; --y:48%; --scale:.88; }
.assistant-choice[data-seat="2"] { --x:50%; --y:15%; --scale:.7; }
.assistant-choice[data-seat="3"] { --x:12%; --y:48%; --scale:.88; }
.assistant-choice[aria-pressed="true"] img { outline: 2px solid #e1ba77; outline-offset: 3px; }
.prompt-hint { display:block; color:#f4e5cb; margin: 14px 0 9px; font-size:16px; }
.agent-studio .install-prompt { border-color:#8bb9a1; background:#263e34; box-shadow:0 4px 24px #70977d19; }
.tool-link { color:#e8d1a6; text-underline-offset:3px; }
.repo-badge,.a2a-label,.data-example figcaption span { display:inline-flex; align-items:center; gap:7px; font-size:12px; color:#ded7c7; }
.repo-badge { border:1px solid #b79c6d50; border-radius:20px; padding:7px 11px; margin:0 4px 6px 0; text-decoration:none; }
.repo-badge img { width:17px; height:17px; filter:brightness(0) invert(1); }
.data-shots { position:relative; padding:0 7% 10% 0; }
.table-shot,.json-shot { display:block; height:auto; border-radius:7px; }
.table-shot { width:100%; }
.json-shot { position:absolute; width:36%; right:1%; bottom:0; transform:perspective(640px) rotateY(-15deg) rotateZ(4deg); box-shadow:0 9px 22px #0008; }
.data-example figcaption { display:flex; gap:8px 16px; flex-wrap:wrap; margin-top:20px; }
.data-example figcaption b,.a2a-label b { color:#b3d9e6; font-family:monospace; }
.loop-pair { position:relative; display:flex; align-items:center; justify-content:space-between; aspect-ratio:2/1; }
.loop-pair svg { position:absolute; inset:0; width:100%; height:100%; }
.loop-pair img { width:39%; position:relative; height:auto; }
.a2a-label { display:flex; margin-bottom:16px; }
.a2a-label b { border:1px solid #6b919a; padding:5px 7px; border-radius:5px; }
@media(min-width:801px){#agent-interface,#aidd-loop{grid-template-columns:1.15fr .85fr}}
@media(prefers-reduced-motion:reduce){.assistant-choice{transition:none}}

.security-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:6%; align-items:center; max-width:1160px; margin:32px auto 0; }
.security-layout .security-body { min-width:0; margin:0; }
.security-illustration { width:90%; max-width:320px; margin:0; justify-self:end; }
.security-illustration img { display:block; width:100%; height:auto; aspect-ratio:1; border-radius:8px; }
.security-illustration figcaption { margin-top:10px; color:#e4cbd0; font-size:13px; line-height:1.5; }
@media(max-width:800px) {
  .security-layout { grid-template-columns:1fr; gap:24px; margin-top:24px; }
  .security-illustration { justify-self:start; }
}

.security-badges { display:grid; gap:6px; }
.security-badge { display:flex; gap:12px; align-items:center; padding:8px 12px; border:1px solid #d698a34a; border-radius:8px; background:#381820; }
.security-badge .material-icon { font-size:20px; color:#f6b6bf; }
.security-badge strong,.security-badge small { display:block; }
.security-badge strong { font-size:14px; color:#fff0f1; }
.security-badge small { font-size:12px; color:#e2c6cb; }
#data-security { padding-block:18px; min-height:0; }
.security-layout { margin-block:0; }
.security-layout .security-body h2 { font-size:clamp(26px,3vw,44px); margin:8px 0; }
.security-layout .security-illustration { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; width:100%; max-width:460px; gap:10px; }
.security-layout .security-brands { max-width:420px; margin-top:12px; }
.security-illustration .security-badges { margin:0; gap:4px; }
.security-badge { padding:3px 8px; gap:8px; line-height:1.2; }
@media(max-width:800px) {
  #data-security { padding-block:18px; }
  .security-layout { gap:14px; }

  .security-illustration .security-badges { margin:0; }
  .security-badge { padding:6px; }
}
@media(min-width:801px) {
  .security-layout .security-illustration { max-width:390px; }
  #data-security { padding-block:12px; }
}

.hero-copy h1 svg { display:block; width:min(70vw,40svh,420px); height:auto; margin:auto; }
.launch-film[hidden] { display:none; }
.feature-row { display:flex; justify-content:center; gap:clamp(8px,4vw,64px); padding:clamp(22px,4vw,52px) 3%; margin:0; list-style:none; }
.feature-row li { min-width:0; display:grid; justify-items:center; align-content:start; gap:8px; color:#e7dfcd; text-align:center; font-size:clamp(10px,1.1vw,14px); }
.feature-icon { display:grid; place-items:center; width:clamp(40px,6vw,66px); aspect-ratio:1; border-radius:24%; background:linear-gradient(150deg,#463c2e,#28241f); color:#f0dbb5; border:1px solid #746047; }
.feature-icon .material-icon,.feature-icon img { font-size:clamp(23px,3.5vw,38px); width:1em; height:1em; }
.feature-icon img { filter:brightness(0) saturate(100%) invert(89%) sepia(19%) saturate(539%) hue-rotate(344deg) brightness(101%); }
.service-intro { padding-bottom:clamp(10px,1.4vw,20px); }
.service-intro .service-outro { margin-block:0; }
.service-intro .trusted-section { padding:32px 0 20px; }
.service-intro .trusted-names { margin-top:18px; }
.service-divider { width:min(70%,680px); height:1px; border:0; margin:clamp(68px,9vw,128px) auto clamp(64px,8vw,112px); background:linear-gradient(90deg,transparent,#92764c,#e9d7a6,#92764c,transparent); position:relative; }
.service-divider::after { content:""; position:absolute; top:50%; left:50%; width:6px; height:6px; background:#dbc493; transform:translate(-50%,-50%) rotate(45deg); }
.detail-page .future-shot { min-width:0; min-height:clamp(160px,32vw,420px); background:#11110f; }
.detail-page.edge-pair { padding-inline:0; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr); gap:3%; text-align:center; overflow:clip; }
.edge-pair .chapter-description { margin-inline:auto; }
.assistant-choice[data-seat="1"] { --x:84%; --y:69%; --scale:.92; }
.assistant-choice[data-seat="2"] { --x:82%; --y:28%; --scale:.76; }
.assistant-choice[data-seat="3"] { --x:50%; --y:15%; --scale:.70; }
.assistant-choice[data-seat="4"] { --x:18%; --y:28%; --scale:.76; }
.assistant-choice[data-seat="5"] { --x:16%; --y:69%; --scale:.92; }
img[data-expand] { cursor:zoom-in; }
img[data-expand]:focus-visible { outline:2px solid #edce95; outline-offset:3px; }
.media-viewer[open] { position:fixed; inset:0; margin:0; width:100%; height:100%; max-width:none; max-height:none; box-sizing:border-box; padding:52px 3vw 3vw; border:0; background:#0b0b0bf5; display:grid; place-items:center; }
.media-viewer img { width:100%; height:100%; min-height:0; object-fit:contain; }
.media-viewer button { position:absolute; right:16px; top:8px; width:44px; height:44px; border:0; border-radius:50%; background:#262421; color:white; font-size:30px; cursor:pointer; }
html:has(.media-viewer[open]) { overflow:hidden; }
@media(max-width:800px){
  .detail-page.edge-pair { grid-template-columns: minmax(0,1fr) minmax(0,3.25fr) minmax(0,1fr); gap:3%; }
  .detail-page.edge-pair h2 { font-size:clamp(24px,6vw,40px); }

}
.navigation .wordmark img { transform:scale(.5); transform-origin:left center; }

.edge-pair .future-shot { border-radius:clamp(14px,2vw,30px); min-height:clamp(230px,37vw,520px); overflow:hidden; }
.edge-pair .future-shot:first-child { margin-left:-5vw; }
.edge-pair .future-shot:last-child { margin-right:-5vw; }

/* Real screenshot footage rendered with Remotion; retain the original desktop media positions. */
.detail-page .motion-demo { position:relative; display:block; aspect-ratio:8/5; min-height:0; margin-block:0; overflow:hidden; background:#11110f; border-radius:18px; isolation:isolate; }
.edge-pair .motion-demo { aspect-ratio:9/8; }
.motion-demo video { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.motion-pause,.motion-expand { position:absolute; z-index:1; bottom:12px; width:34px; height:34px; border:1px solid #ffffff26; border-radius:50%; background:#171714dd; color:#f3e4cb; cursor:pointer; font:15px/1 system-ui; opacity:0; transition:opacity .2s; }
.motion-pause { right:54px; }.motion-expand { right:12px; }
.motion-demo:hover button,.motion-demo:focus-within button { opacity:1; }
.motion-demo button:focus-visible,.motion-viewer button:focus-visible { outline:2px solid #edce95; outline-offset:3px; }
.motion-viewer[open] { position:fixed; inset:0; margin:0; width:100%; height:100%; max-width:none; max-height:none; box-sizing:border-box; padding:54px 3vw 3vw; border:0; background:#0b0b0bf5; display:grid; place-items:center; }
.motion-viewer video { display:block; width:100%; height:100%; min-height:0; object-fit:contain; }
.motion-viewer>button { position:absolute; right:16px; top:8px; width:44px; height:44px; border:0; border-radius:50%; background:#262421; color:white; font-size:30px; cursor:pointer; }
html:has(.motion-viewer[open]) { overflow:hidden; }
@media(hover:none) { .motion-demo button { opacity:1; } }
@media(max-width:800px) {
  .detail-page.edge-pair:has(.motion-demo) { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; padding-inline:5%; }
  .edge-pair:has(.motion-demo) .chapter-copy { grid-column:1/-1; grid-row:1; }
  .edge-pair .motion-demo:first-child,.edge-pair .motion-demo:last-child { margin:0; border-radius:12px; }
  .motion-demo button { width:30px; height:30px; bottom:8px; }.motion-expand { right:8px; }.motion-pause { right:44px; }
}
@media(max-width:480px) {
  .detail-page.edge-pair:has(.motion-demo) { grid-template-columns:minmax(0,1fr); }
  .edge-pair .motion-demo { aspect-ratio:9/8; }
}
@media(prefers-reduced-motion:reduce) { .motion-demo button { transition:none; } }

/* Product UI must stay readable inside the expression-design viewport. */
#expression-design .motion-demo:first-child,
#expression-design .motion-demo:last-child { margin-inline:0; }
#expression-design .motion-demo video { object-fit:contain; }
@media(min-width:801px) {
  #expression-design { padding-inline:3%; gap:2.5%; }
}
@media(min-width:801px) and (max-width:1240px) {
  #expression-design { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }
  #expression-design .chapter-copy { grid-column:1/-1; grid-row:1; max-width:760px; justify-self:center; }
  #expression-design .chapter-copy h2 { font-size:clamp(36px,4.2vw,50px); }
}

.perspective .package-demo { position:relative; width:100%; min-width:0; min-height:0; margin:0; aspect-ratio:8/5; overflow:hidden; border-radius:18px; background:#11110f; isolation:isolate; }
.package-demo video,#agent-workflow .motion-demo video { object-fit:contain; }
#agent-workflow .motion-demo:first-child,#agent-workflow .motion-demo:last-child { margin-inline:0; }
@media(min-width:801px) {
  #for-human { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:6%; padding-inline:5%; }
  #agent-workflow { padding-inline:3%; gap:2.5%; }
}
@media(min-width:801px) and (max-width:1240px) {
  #agent-workflow { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }
  #agent-workflow .chapter-copy { grid-column:1/-1; grid-row:1; max-width:760px; justify-self:center; }
  #agent-workflow .chapter-copy h2 { font-size:clamp(36px,4.2vw,50px); }
}
@media(min-width:801px) and (max-width:1100px) {
  #for-human { grid-template-columns:minmax(0,1fr); }
  #for-human .chapter-copy { max-width:760px; }
}