/*
 * CYPRUSLIV Pre-Launch — Dawn to Night keynote.
 * The functional form and private-action flow live in styles.css; this layer
 * owns only the public landing composition and its progressive motion.
 */

:root{
  --keynote-ink:#171914;
  --keynote-ink-soft:#4f5548;
  --keynote-paper:#f7f3e9;
  --keynote-paper-deep:#eee8d9;
  --keynote-olive:#66704f;
  --keynote-olive-dark:#303a29;
  --keynote-gold:#c6a361;
  --keynote-night:#10170f;
  --keynote-shell:min(1240px,calc(100vw - 80px));
  --keynote-ease:cubic-bezier(.22,1,.36,1);
}

.visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.keynote-page{
  background:var(--keynote-paper);
  color:var(--keynote-ink);
}

.keynote-shell{
  width:var(--keynote-shell);
  margin-inline:auto;
}

.keynote-page [data-classic-language="en"]{display:none}
html[data-language="en"] .keynote-page [data-classic-language="de"]{display:none}
html[data-language="en"] .keynote-page [data-classic-language="en"]{display:block}

.keynote-page .site-header{
  height:84px;
  padding:14px max(24px,calc((100vw - 1240px)/2));
  color:#f9f7ef;
  background:linear-gradient(180deg,rgba(13,20,13,.48),transparent);
}

.keynote-page .site-header.scrolled{
  color:var(--keynote-ink);
  background:rgba(247,243,233,.82);
  border-bottom:1px solid rgba(59,66,51,.1);
  box-shadow:none;
  backdrop-filter:blur(24px) saturate(1.35);
}

.keynote-page .brand{
  width:clamp(146px,13vw,184px);
  height:48px;
}

.keynote-page .brand img,
.keynote-page .footer-brand img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.keynote-page .site-header:not(.scrolled) .brand img{
  filter:brightness(0) invert(1);
}

.keynote-page .language button{color:rgba(255,255,255,.64)}
.keynote-page .language button[aria-pressed="true"]{color:#fff}
.keynote-page .site-header.scrolled .language button{color:#777c70}
.keynote-page .site-header.scrolled .language button[aria-pressed="true"]{color:var(--keynote-ink)}
.keynote-page .language span{background:currentColor;opacity:.4}

.keynote-page .header-cta{
  min-height:46px;
  padding:11px 19px;
  color:#263020;
  background:rgba(250,248,239,.94);
  box-shadow:0 12px 32px rgba(12,17,11,.18);
}

.keynote-page .site-header.scrolled .header-cta{
  color:#fff;
  background:var(--keynote-olive-dark);
}

.keynote-kicker{
  margin:0;
  color:var(--keynote-olive);
  font-size:10px;
  font-weight:820;
  line-height:1.35;
  letter-spacing:.2em;
  text-transform:uppercase;
}

/* 1 — sunrise hero */
.keynote-hero{
  position:relative;
  min-height:100vh;
  min-height:100svh;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
  background:#283125;
}

.keynote-hero-bg,
.keynote-hero-bg img,
.keynote-hero-glow{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.keynote-hero-bg{z-index:-3}
.keynote-hero-bg img{
  object-fit:cover;
  object-position:center;
  transform:scale(1.02);
  animation:keynote-hero-drift 12s var(--keynote-ease) both;
}

.keynote-hero:after{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background:
    linear-gradient(90deg,rgba(12,18,12,.86) 0%,rgba(18,25,16,.58) 39%,rgba(15,21,14,.08) 70%),
    linear-gradient(180deg,rgba(7,12,8,.28),transparent 38%,rgba(9,13,8,.36));
}

.keynote-hero-glow{
  z-index:-1;
  background:radial-gradient(circle at 72% 65%,rgba(255,204,116,.36),transparent 28%);
  mix-blend-mode:screen;
}

@keyframes keynote-hero-drift{
  from{transform:scale(1.09) translate3d(0,1.2%,0)}
  to{transform:scale(1.02) translate3d(0,0,0)}
}

.keynote-hero-grid{
  min-height:100vh;
  min-height:100svh;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);
  align-items:center;
  gap:clamp(28px,5vw,80px);
  padding-top:92px;
}

.keynote-hero-copy{
  position:relative;
  z-index:4;
  max-width:690px;
  padding-bottom:3vh;
}

.keynote-hero .keynote-kicker{
  color:#e8d39d;
}

.keynote-hero h1{
  margin:19px 0 25px;
  max-width:760px;
  font-family:var(--sans);
  font-size:clamp(52px,5.25vw,78px);
  font-weight:720;
  line-height:.94;
  letter-spacing:-.066em;
  text-wrap:balance;
  text-shadow:0 4px 40px rgba(8,12,7,.18);
}

.keynote-hero h1 span{
  color:#e7d7ad;
}

.keynote-lead{
  max-width:620px;
  margin:0;
  color:rgba(255,255,255,.84);
  font-size:clamp(17px,1.55vw,22px);
  line-height:1.55;
  text-wrap:balance;
}

.keynote-hero-actions{
  display:flex;
  align-items:center;
  gap:11px;
  margin-top:34px;
}

.keynote-primary-cta,
.keynote-secondary-cta{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:13px 22px;
  text-decoration:none;
  transition:transform .35s var(--keynote-ease),box-shadow .35s var(--keynote-ease),background .35s ease;
}

.keynote-primary-cta{
  border:1px solid rgba(255,255,255,.45);
  border-radius:999px;
  color:#1f281b;
  background:#fbf8ef;
  box-shadow:0 17px 36px rgba(7,11,6,.2);
  font-size:13px;
  font-weight:790;
}

.keynote-primary-cta:hover{
  transform:translateY(-3px);
  box-shadow:0 23px 48px rgba(7,11,6,.27);
}

.keynote-secondary-cta{
  border:1px solid rgba(255,255,255,.3);
  border-radius:999px;
  color:#fff;
  background:rgba(12,18,11,.16);
  backdrop-filter:blur(14px);
  font-size:12px;
  font-weight:720;
}

.keynote-secondary-cta:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.12);
}

.keynote-hero-trust{
  max-width:560px;
  margin:14px 0 0;
  color:rgba(255,255,255,.64);
  font-size:10px;
  font-weight:620;
  line-height:1.5;
  letter-spacing:.012em;
}

.keynote-hero-devices{
  position:relative;
  align-self:end;
  height:min(82vh,790px);
  margin-right:-2vw;
  perspective:1600px;
}

.hero-device{
  position:absolute;
  bottom:-5%;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.4);
  border-radius:clamp(40px,4.2vw,64px);
  background:#10130f;
  box-shadow:
    inset 0 0 0 5px rgba(10,12,9,.94),
    0 42px 90px rgba(4,8,4,.44);
}

.hero-device picture,
.hero-device img{
  width:100%;
  height:100%;
}

.hero-device img{
  object-fit:cover;
  border-radius:inherit;
}

.hero-device-back{
  right:2%;
  width:min(32vw,390px);
  aspect-ratio:990/2151;
  transform:translate3d(5%,8%,0) rotateY(-9deg) rotateZ(5deg);
  opacity:.92;
  animation:keynote-device-back 1.35s .16s var(--keynote-ease) both;
}

.hero-device-front{
  right:30%;
  z-index:2;
  width:min(34vw,420px);
  aspect-ratio:990/2151;
  transform:translate3d(0,1%,40px) rotateY(7deg) rotateZ(-4deg);
  animation:keynote-device-front 1.45s .05s var(--keynote-ease) both;
}

@keyframes keynote-device-front{
  from{opacity:0;transform:translate3d(8%,22%,40px) rotateY(15deg) rotateZ(-8deg)}
}

@keyframes keynote-device-back{
  from{opacity:0;transform:translate3d(13%,25%,0) rotateY(-16deg) rotateZ(9deg)}
}

.keynote-product-pill{
  position:absolute;
  z-index:4;
  right:2%;
  bottom:5%;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  color:rgba(255,255,255,.78);
  background:rgba(15,22,14,.45);
  box-shadow:0 12px 30px rgba(7,10,7,.18);
  backdrop-filter:blur(16px);
  font-size:9px;
  font-weight:760;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.keynote-scroll-cue{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:max(22px,env(safe-area-inset-bottom));
  width:30px;
  height:48px;
  border:1px solid rgba(255,255,255,.46);
  border-radius:999px;
  transform:translateX(-50%);
}

.keynote-scroll-cue span,
.story-next span{
  position:absolute;
  top:9px;
  left:50%;
  width:4px;
  height:9px;
  border-radius:999px;
  background:currentColor;
  transform:translateX(-50%);
  animation:keynote-scroll 1.7s ease-in-out infinite;
}

@keyframes keynote-scroll{
  0%{opacity:0;transform:translate(-50%,-2px)}
  25%,65%{opacity:1}
  100%{opacity:0;transform:translate(-50%,15px)}
}

/* 2 — scroll controlled island story */
.keynote-page .launch-story{
  position:relative;
  height:460vh;
  height:460svh;
  background:var(--keynote-paper);
}

.keynote-page .launch-sticky{
  position:sticky;
  top:0;
  height:100vh;
  height:100svh;
  min-height:0;
  overflow:hidden;
  isolation:isolate;
}

.keynote-page .launch-sticky .story-scenes,
.keynote-page .launch-sticky .story-sun,
.keynote-page .launch-sticky .story-clock{
  display:block!important;
}

.keynote-page .story-scenes,
.keynote-page .story-scene,
.keynote-page .story-scene img,
.story-shade{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.keynote-page .story-scenes{z-index:-5}
.keynote-page .story-scene{
  display:block;
  opacity:0;
  transition:opacity 1.15s var(--keynote-ease),transform 1.6s var(--keynote-ease);
  transform:scale(1.025);
}
.keynote-page .story-scene.active{opacity:1;transform:scale(1)}
.keynote-page .story-scene img{
  object-fit:cover;
  object-position:center;
  filter:saturate(.86) contrast(.96);
}

.story-shade{
  z-index:-4;
  background:
    linear-gradient(90deg,rgba(248,244,234,.96) 0%,rgba(248,244,234,.84) 38%,rgba(248,244,234,.34) 62%,rgba(248,244,234,.08)),
    linear-gradient(180deg,rgba(248,244,234,.24),transparent 58%,rgba(248,244,234,.22));
  transition:background 1s var(--keynote-ease);
}

.launch-story.is-night .story-shade{
  background:
    linear-gradient(90deg,rgba(12,18,12,.97),rgba(14,21,13,.87) 39%,rgba(12,18,11,.34) 70%,rgba(8,13,8,.1)),
    linear-gradient(180deg,rgba(7,11,7,.34),transparent 56%,rgba(7,10,6,.33));
}

.keynote-page .story-sun{
  z-index:-2;
  width:clamp(440px,54vw,800px);
  height:clamp(440px,54vw,800px);
  opacity:var(--sun-opacity);
  background:radial-gradient(circle,rgba(255,253,224,.66) 0 6%,rgba(255,232,172,.39) 22%,rgba(242,183,92,.13) 52%,transparent 72%);
  pointer-events:none;
}

.story-motion{
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
}

.story-motion video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  mix-blend-mode:screen;
  transition:opacity .55s ease;
}

.story-motion video.is-active.is-ready{opacity:.08}
.launch-story:not([data-story-entered="true"]) .story-motion video{opacity:0!important}

.story-layout{
  position:absolute;
  z-index:4;
  inset:0;
  width:var(--keynote-shell);
  height:100%;
  margin:0 auto;
}

.keynote-page .story-clock{
  top:12.5vh;
  left:0;
  min-width:0;
  color:var(--keynote-olive);
  font-family:var(--sans);
  font-size:13px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.14em;
  transform:none;
  translate:0;
}

.keynote-page .story-copy-stack{
  inset:auto;
  top:17.5vh;
  left:0;
  right:auto;
  bottom:auto;
  width:min(570px,46vw);
  height:450px;
  transform:none;
  text-align:left;
}

.keynote-page .story-message{
  align-items:flex-start;
  justify-content:flex-start;
  text-align:left;
  transform:translateY(30px);
}

.keynote-page .story-message.active{transform:none}

.keynote-page .story-message[data-story-message]{
  inset:0;
  top:0;
  left:0;
  width:100%;
}

.keynote-page .story-message h2{
  margin:15px 0 22px;
  max-width:620px;
  font-family:var(--sans);
  font-size:clamp(52px,5.1vw,78px);
  font-weight:710;
  line-height:.93;
  letter-spacing:-.062em;
  text-wrap:balance;
}

.keynote-page .story-message h2 em{
  color:var(--keynote-olive);
  font-style:normal;
  font-weight:710;
}

.keynote-page .story-message>p:not(.keynote-kicker):not(.story-trust){
  max-width:520px;
  margin:0;
  color:var(--keynote-ink-soft);
  font-size:clamp(16px,1.4vw,20px);
  line-height:1.58;
  text-wrap:balance;
}

.story-trust{
  margin:22px 0 0;
  padding-left:16px;
  border-left:2px solid rgba(102,112,79,.5);
  color:var(--keynote-olive);
  font-size:12px;
  font-weight:650;
  line-height:1.55;
}

.launch-story.is-night .story-message.active{color:#fff}
.launch-story.is-night .story-message.active .keynote-kicker{color:#d5c18c}
.launch-story.is-night .story-message.active h2 em{color:#dfcb94}
.launch-story.is-night .story-message.active>p:not(.keynote-kicker){color:rgba(255,255,255,.75)}
.launch-story.is-night .story-clock{color:#d5c18c}

.keynote-page .story-phone{
  top:9vh;
  right:clamp(42px,6vw,90px);
  left:auto;
  width:clamp(300px,25vw,375px);
  height:auto;
  aspect-ratio:660/1434;
  padding:5px;
  overflow:visible;
  border:1px solid rgba(246,246,239,.52);
  border-radius:clamp(44px,4.1vw,62px);
  background:linear-gradient(115deg,#777873,#e5e4df 10%,#20211e 21%,#0f100f 80%,#a9aaa4 94%,#595a56);
  box-shadow:inset 0 0 0 4px #10110f,0 42px 90px rgba(21,23,18,.32);
  opacity:1;
  visibility:visible;
  transform:none;
  transition:transform .8s var(--keynote-ease),box-shadow .8s ease;
}

.keynote-page .story-phone-screen{
  inset:5px;
  width:auto;
  height:auto;
  overflow:hidden;
  border-radius:clamp(38px,3.7vw,55px);
  background:#f8f0e2;
}

.keynote-page .story-phone-screen img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}

.keynote-page .launch-story .story-phone{
  opacity:1;
  visibility:visible;
  filter:none;
}

.keynote-page .launch-story[data-story-state="0"] .story-phone{opacity:0;visibility:hidden;filter:none}
.keynote-page .launch-story[data-story-state="2"] .story-phone{opacity:0;visibility:hidden;filter:none;animation:none}
.keynote-page .launch-story[data-story-state="2"] .story-phone-screen.active img{animation:none}

.product-wheel{
  position:absolute;
  z-index:7;
  inset:auto;
  top:84%;
  right:20.5%;
  width:1px;
  height:1px;
  overflow:visible;
  opacity:0;
  pointer-events:none;
  transform:translate(50%,-50%);
  transition:opacity .6s ease;
}

.launch-story[data-story-state="0"] .product-wheel{opacity:1}

.product-wheel figure{
  position:absolute;
  left:0;
  top:0;
  width:clamp(150px,13vw,205px);
  aspect-ratio:660/1434;
  margin:0;
  overflow:hidden;
  border:2px solid rgba(255,255,255,.54);
  border-radius:clamp(25px,2.6vw,39px);
  background:#151713;
  box-shadow:0 25px 50px rgba(20,23,18,.25);
  opacity:var(--wheel-opacity,0);
  filter:blur(var(--wheel-blur,0));
  transform:
    translate(calc(-50% + var(--wheel-x,0px)),calc(-50% + var(--wheel-y,0px)))
    rotate(var(--wheel-tilt,0deg))
    scale(var(--wheel-scale,.8));
  will-change:transform,opacity;
}

.product-wheel img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.keynote-page .story-progress{
  right:-10px;
  top:50%;
  gap:6px;
}

.keynote-page .story-progress button{
  justify-content:center;
  color:rgba(34,39,31,.45);
}

.keynote-page .story-progress button span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid transparent;
  border-radius:50%;
  background:transparent;
  font-size:8px;
  font-weight:800;
  line-height:1;
  transition:all .4s var(--keynote-ease);
}

.keynote-page .story-progress button.active span{
  width:32px;
  height:32px;
  color:#fff;
  border-color:rgba(255,255,255,.35);
  background:var(--keynote-olive-dark);
  box-shadow:0 10px 25px rgba(28,34,24,.19);
}

.launch-story.is-night .story-progress button{color:rgba(255,255,255,.5)}
.launch-story.is-night .story-progress button.active span{background:#f4efe1;color:#252e21}

.story-next{
  position:absolute;
  z-index:12;
  right:2px;
  bottom:28px;
  width:30px;
  height:48px;
  appearance:none;
  border:1px solid rgba(45,51,40,.25);
  border-radius:999px;
  color:var(--keynote-olive-dark);
  background:rgba(250,247,239,.56);
  backdrop-filter:blur(10px);
  cursor:pointer;
}

.launch-story.is-night .story-next{
  color:#fff;
  border-color:rgba(255,255,255,.38);
  background:rgba(12,18,11,.32);
}

/* 3 — scroll-led product moments */
.product-reveal{
  position:relative;
  overflow-x:clip;
  padding:clamp(110px,14vw,190px) 0 clamp(100px,12vw,165px);
  background:
    radial-gradient(circle at 31% 43%,rgba(221,202,156,.38),transparent 26%),
    radial-gradient(circle at 78% 72%,rgba(183,199,172,.27),transparent 24%),
    linear-gradient(180deg,#f8f4ea,#eeeadf);
}

.product-reveal-copy{
  max-width:850px;
  margin:0 auto clamp(78px,10vw,132px);
  text-align:center;
}

.product-reveal h2{
  margin:17px 0 24px;
  font-family:var(--sans);
  font-size:clamp(54px,6.7vw,96px);
  font-weight:720;
  line-height:.93;
  letter-spacing:-.065em;
}

.product-reveal h2 em{
  color:var(--keynote-olive);
  font-style:normal;
}

.product-reveal-copy>p:last-child{
  max-width:690px;
  margin:0 auto;
  color:var(--keynote-ink-soft);
  font-size:clamp(16px,1.55vw,20px);
  line-height:1.6;
}

.use-case-experience{
  position:relative;
  min-height:285svh;
}

.use-case-stage{
  position:sticky;
  z-index:2;
  top:68px;
  min-height:680px;
  height:calc(100svh - 68px);
  display:grid;
  place-items:center;
}

.use-case-stage:before,
.use-case-stage:after{
  content:"";
  position:absolute;
  pointer-events:none;
}

.use-case-stage:before{
  width:min(46vw,610px);
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(227,207,159,.58) 0 20%,rgba(215,204,170,.22) 46%,transparent 70%);
  filter:blur(2px);
  transform:scale(.92);
  transition:background .9s var(--keynote-ease),transform .9s var(--keynote-ease);
}

.use-case-reveal[data-use-case-state="1"] .use-case-stage:before{
  background:radial-gradient(circle,rgba(247,193,115,.5) 0 20%,rgba(220,171,117,.2) 47%,transparent 70%);
  transform:scale(1.02);
}

.use-case-reveal[data-use-case-state="2"] .use-case-stage:before{
  background:radial-gradient(circle,rgba(180,201,172,.52) 0 20%,rgba(145,174,140,.18) 47%,transparent 70%);
  transform:scale(.96);
}

.use-case-stage:after{
  bottom:8%;
  width:min(48vw,620px);
  height:15%;
  border-radius:50%;
  background:rgba(35,41,31,.16);
  filter:blur(35px);
  transform:scaleX(.72);
}

.use-case-phone{
  position:relative;
  z-index:3;
  width:min(360px,calc((100svh - 116px) * 990 / 2151));
  min-width:0;
  aspect-ratio:990/2151;
  container-type:inline-size;
  overflow:hidden;
  border:clamp(4px,.42vw,6px) solid #171a18;
  border-radius:clamp(32px,3.47vw,50px);
  color:#fff;
  background:#0b1012;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.2),
    inset 0 0 0 2px rgba(0,0,0,.6),
    0 40px 80px rgba(25,31,24,.26),
    0 10px 26px rgba(25,31,24,.16);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;
  transform:translateZ(0);
  transition:box-shadow .6s ease;
}

.use-case-lock-wallpaper,
.use-case-lock-wallpaper img,
.use-case-lock-shade{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.use-case-lock-wallpaper{
  border-radius:11.2cqw;
}

.use-case-lock-wallpaper img{
  object-fit:cover;
  object-position:50% center;
  border-radius:inherit;
  transform:scale(1.025);
  transition:transform .8s cubic-bezier(.2,.8,.2,1);
}

.use-case-reveal[data-use-case-state="2"] .use-case-lock-wallpaper img{
  transform:scale(1);
}

.use-case-lock-shade{
  z-index:1;
  border-radius:11.2cqw;
  background:
    linear-gradient(180deg,rgba(2,7,10,.42),rgba(2,7,10,.04) 39%,rgba(2,6,8,.2) 65%,rgba(1,5,7,.5)),
    linear-gradient(90deg,rgba(1,6,8,.12),transparent 45%,rgba(1,5,7,.1));
}

.use-case-dynamic-island{
  position:absolute;
  z-index:9;
  top:3.1cqw;
  left:50%;
  width:31.5cqw;
  height:9.4cqw;
  border-radius:999px;
  background:#020303;
  box-shadow:inset 0 0 0 .25cqw rgba(255,255,255,.035),0 .8cqw 2.3cqw rgba(0,0,0,.2);
  transform:translateX(-50%);
}

.use-case-status-icons{
  position:absolute;
  z-index:9;
  top:4.6cqw;
  right:5.1cqw;
  height:4cqw;
  display:flex;
  align-items:center;
  gap:1.5cqw;
  color:#fff;
  filter:drop-shadow(0 .35cqw .7cqw rgba(0,0,0,.42));
}

.use-case-status-icons svg{
  display:block;
  overflow:visible;
  fill:currentColor;
}

.use-case-cellular{width:4.7cqw;height:3.3cqw}
.use-case-wifi{width:4.7cqw;height:3.6cqw;fill:none!important;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.use-case-battery{width:7cqw;height:3.5cqw;fill:none!important;stroke:currentColor;stroke-width:1.2}
.use-case-battery .use-case-battery-fill{fill:currentColor;stroke:none}

.use-case-lock-header{
  position:absolute;
  z-index:4;
  top:13.5cqw;
  right:0;
  left:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#fff;
  text-align:center;
  text-shadow:0 .65cqw 2.2cqw rgba(0,0,0,.38);
}

.use-case-lock-icon{
  width:4.4cqw;
  height:4.4cqw;
  margin-bottom:1.5cqw;
  fill:rgba(255,255,255,.92);
  stroke:rgba(255,255,255,.92);
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.use-case-lock-header p{
  margin:0 0 1.4cqw;
  font-size:4.3cqw;
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.015em;
}

.use-case-lock-time{
  display:block;
  font-size:20.9cqw;
  font-weight:300;
  line-height:.9;
  letter-spacing:-.055em;
}

.use-case-notification-stack{
  position:absolute;
  z-index:6;
  inset:0;
  pointer-events:none;
}

.use-case-notification-card{
  position:absolute;
  right:3.7%;
  bottom:45cqw;
  left:3.7%;
  padding:3.2cqw 3.7cqw 3.5cqw;
  overflow:hidden;
  border:.5px solid rgba(255,255,255,.62);
  border-radius:6.15cqw;
  color:#111113;
  background:rgba(242,242,247,.78);
  box-shadow:
    inset 0 .5px 0 rgba(255,255,255,.72),
    0 .6cqw 1.3cqw rgba(0,0,0,.055),
    0 3.2cqw 8.5cqw rgba(0,0,0,.11);
  backdrop-filter:blur(32px) saturate(160%);
  -webkit-backdrop-filter:blur(32px) saturate(160%);
  opacity:0;
  visibility:hidden;
  transform:translateY(-4cqw);
  transition:
    bottom .48s cubic-bezier(.2,.8,.2,1),
    opacity .3s ease .06s,
    transform .46s cubic-bezier(.2,.8,.2,1) .06s,
    visibility .46s;
}

.use-case-notification-card.is-visible{
  opacity:1;
  visibility:visible;
  transform:none;
}

.use-case-reveal[data-use-case-state="1"] [data-use-case-notification="0"]{bottom:79cqw}
.use-case-reveal[data-use-case-state="1"] [data-use-case-notification="1"]{bottom:45cqw}
.use-case-reveal[data-use-case-state="2"] [data-use-case-notification="0"]{bottom:113cqw}
.use-case-reveal[data-use-case-state="2"] [data-use-case-notification="1"]{bottom:79cqw}
.use-case-reveal[data-use-case-state="2"] [data-use-case-notification="2"]{bottom:45cqw}

.use-case-notification-header{
  display:grid;
  grid-template-columns:8.1cqw minmax(0,1fr) auto;
  align-items:center;
  gap:2.15cqw;
  margin-bottom:1.7cqw;
  color:rgba(31,31,34,.59);
  font-size:3.25cqw;
  font-weight:500;
  line-height:1;
  letter-spacing:.035em;
}

.use-case-notification-header time{
  font-weight:400;
  letter-spacing:0;
}

.use-case-notification-icon{
  width:8.1cqw;
  height:8.1cqw;
  object-fit:cover;
  border:.5px solid rgba(255,255,255,.55);
  border-radius:2.05cqw;
  box-shadow:0 .65cqw 1.8cqw rgba(17,24,18,.12);
}

.use-case-notification-content{
  min-width:0;
}

.use-case-notification-content>strong{
  display:block;
  overflow:hidden;
  font-size:4.35cqw;
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.012em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.use-case-notification-content>p{
  display:-webkit-box;
  margin:.9cqw 0 0;
  overflow:hidden;
  font-size:4.3cqw;
  font-weight:400;
  line-height:1.22;
  letter-spacing:-.006em;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.use-case-lock-actions{
  position:absolute;
  z-index:5;
  right:6.4cqw;
  bottom:5.2cqw;
  left:6.4cqw;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.use-case-lock-actions span{
  width:12.2cqw;
  height:12.2cqw;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(12,17,17,.5);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 1.5cqw 4cqw rgba(0,0,0,.16);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.use-case-lock-actions svg{
  width:5.8cqw;
  height:5.8cqw;
  fill:none;
  stroke:#fff;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.use-case-lock-actions .use-case-flashlight{
  fill:#fff;
  stroke:none;
}

.use-case-home-indicator{
  position:absolute;
  z-index:6;
  bottom:1.8cqw;
  left:50%;
  width:34cqw;
  height:1.25cqw;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 .4cqw 1cqw rgba(0,0,0,.25);
  transform:translateX(-50%);
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .use-case-notification-card{background:rgba(242,242,247,.96)}
  .use-case-lock-actions span{background:rgba(12,17,17,.82)}
}

.use-case-triggers{
  position:absolute;
  z-index:1;
  inset:0;
  display:grid;
  grid-template-rows:repeat(3,1fr);
  pointer-events:none;
}

.use-case-triggers>[data-use-case-step]{
  display:block;
  min-height:1px;
}

.product-trust{
  display:flex;
  justify-content:center;
  gap:8px;
  margin:70px 0 0;
  color:var(--keynote-olive);
  font-size:12px;
  font-weight:730;
}

/* 4 — night finale and the only form */
.founder-finale{
  position:relative;
  min-height:100vh;
  min-height:100svh;
  display:flex;
  align-items:center;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
  background:var(--keynote-night);
}

.founder-finale-bg,
.founder-finale-bg img,
.founder-finale-shade{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.founder-finale-bg{z-index:-3}
.founder-finale-bg img{
  object-fit:cover;
  object-position:center;
}

.founder-finale-shade{
  z-index:-2;
  background:
    radial-gradient(circle at 69% 44%,rgba(228,186,99,.15),transparent 28%),
    linear-gradient(90deg,rgba(7,12,7,.94),rgba(10,16,9,.77) 47%,rgba(7,11,7,.34)),
    linear-gradient(180deg,rgba(4,8,4,.18),rgba(4,8,4,.58));
}

.founder-finale-grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(450px,.75fr);
  align-items:center;
  gap:clamp(60px,8vw,130px);
  padding-block:130px 100px;
}

.founder-finale .keynote-kicker{color:#dbc791}

.founder-finale h2{
  margin:17px 0 25px;
  font-family:var(--sans);
  font-size:clamp(56px,6vw,90px);
  font-weight:710;
  line-height:.92;
  letter-spacing:-.065em;
}

.founder-finale h2 em{
  color:#dfcb95;
  font-style:normal;
}

.founder-finale-copy>p{
  max-width:590px;
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:clamp(16px,1.45vw,20px);
  line-height:1.6;
}

.founder-mark{
  width:min(330px,100%);
  display:grid;
  gap:2px;
  margin-top:42px;
  padding:22px 24px;
  border:1px solid rgba(223,203,149,.34);
  border-radius:22px;
  color:#e6d5a7;
  background:linear-gradient(145deg,rgba(232,209,155,.13),rgba(255,255,255,.035));
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 25px 55px rgba(0,0,0,.2);
  backdrop-filter:blur(16px);
}

.founder-mark span{
  font-size:9px;
  font-weight:820;
  letter-spacing:.18em;
}

.founder-mark strong{
  font-size:44px;
  line-height:1.1;
  letter-spacing:-.045em;
}

.founder-mark small{
  margin-top:6px;
  color:rgba(255,255,255,.5);
  font-size:9px;
}

.keynote-page .finale-conversion{
  position:relative;
  width:100%;
  padding:clamp(28px,3vw,42px);
  border:1px solid rgba(255,255,255,.18);
  border-radius:32px;
  background:rgba(250,248,239,.94);
  box-shadow:0 40px 100px rgba(0,0,0,.33);
  color:var(--keynote-ink);
  backdrop-filter:blur(28px) saturate(1.15);
}

.conversion-kicker{
  margin:0;
  color:var(--keynote-olive);
  font-size:9px;
  font-weight:820;
  letter-spacing:.18em;
}

.finale-conversion h3{
  margin:10px 0 25px;
  font-family:var(--sans);
  font-size:clamp(34px,3.2vw,48px);
  font-weight:710;
  line-height:.98;
  letter-spacing:-.05em;
}

.finale-conversion h3 em{
  color:var(--keynote-olive);
  font-style:normal;
}

.keynote-page .finale-conversion .reservation-form{
  position:relative;
  z-index:1;
  top:auto;
  left:auto;
  width:100%;
  transform:none;
}

.keynote-page .finale-conversion .form-row{
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:10px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.keynote-form-field{
  display:grid;
  gap:6px;
}

.keynote-field-label{
  color:#5a6053;
  font-size:10px;
  font-weight:760;
}

.keynote-page .finale-conversion .form-row input{
  min-height:54px;
  padding:0 15px;
  border:1px solid rgba(71,79,64,.2);
  border-radius:14px;
  background:rgba(255,255,255,.8);
  box-shadow:inset 0 1px 2px rgba(24,29,21,.04);
}

.keynote-page .form-personalization-note{
  margin:7px 0 2px;
  color:#777c72;
  font-size:13px;
  line-height:1.4;
}

.keynote-page .finale-conversion .consent{
  min-height:48px;
  align-items:center;
  margin:12px 0 0;
  padding:7px 0;
  color:#555b50;
  font-size:14px;
}

.keynote-page .finale-conversion .form-submit{
  width:100%;
  min-height:56px;
  margin-top:17px;
  appearance:none;
  border:0;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(135deg,#49543c,#263020);
  box-shadow:0 15px 30px rgba(39,48,32,.25);
  font-weight:790;
  cursor:pointer;
  transition:transform .3s var(--keynote-ease),box-shadow .3s ease;
}

.keynote-page .finale-conversion .form-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 36px rgba(39,48,32,.3);
}

.keynote-page .finale-conversion .form-note{
  margin-top:8px;
}

/* Release radar — a truthful, staged pre-launch narrative */
.release-radar{
  position:relative;
  overflow:hidden;
  padding:clamp(105px,12vw,175px) 0;
  background:
    radial-gradient(circle at 17% 16%,rgba(212,197,145,.24),transparent 28%),
    radial-gradient(circle at 86% 78%,rgba(106,119,81,.16),transparent 31%),
    #f2f0e9;
}

.release-radar:before{
  content:"";
  position:absolute;
  width:560px;
  height:560px;
  right:-260px;
  top:-250px;
  border:1px solid rgba(67,78,53,.12);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(67,78,53,.025),0 0 0 140px rgba(67,78,53,.018);
  pointer-events:none;
}

.release-radar-shell{
  position:relative;
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.12fr);
  gap:clamp(60px,9vw,140px);
  align-items:start;
}

.release-radar-heading{
  position:sticky;
  top:130px;
}

.release-radar-heading h2{
  margin:14px 0 24px;
  font-family:var(--sans);
  font-size:clamp(48px,5.6vw,78px);
  font-weight:720;
  line-height:.94;
  letter-spacing:-.065em;
}

.release-radar-heading h2 em{
  color:var(--keynote-olive);
  font-family:var(--serif);
  font-weight:400;
}

.release-radar-heading>p{
  max-width:520px;
  margin:0;
  color:var(--keynote-ink-soft);
  font-size:15px;
  line-height:1.72;
}

.release-radar-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  margin-top:30px;
  padding:13px 20px;
  border-radius:999px;
  background:#2f3927;
  color:#fff;
  box-shadow:0 15px 35px rgba(36,43,30,.2);
  font-size:12px;
  font-weight:780;
  text-align:center;
  text-decoration:none;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}

.release-radar-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 19px 40px rgba(36,43,30,.25);
}

.release-radar-cta:focus-visible{
  outline:3px solid var(--keynote-olive);
  outline-offset:4px;
}

.release-radar-heading>small{
  display:block;
  max-width:430px;
  margin:11px 3px 0;
  color:#6f7468;
  font-size:10px;
  line-height:1.5;
}

.release-timeline{
  position:relative;
  display:grid;
  gap:18px;
  margin:0;
  padding:0;
  list-style:none;
}

.release-timeline:before{
  content:"";
  position:absolute;
  top:35px;
  bottom:35px;
  left:29px;
  width:1px;
  background:linear-gradient(180deg,#7c8b65,rgba(124,139,101,.15));
}

.release-step{
  position:relative;
  display:grid;
  grid-template-columns:60px minmax(0,1fr);
  gap:18px;
  align-items:start;
}

.release-marker{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:60px;
  height:60px;
  border:1px solid rgba(57,68,46,.18);
  border-radius:50%;
  background:#f7f5ef;
  color:#596349;
  box-shadow:0 8px 22px rgba(47,56,39,.1);
  font-size:10px;
  font-weight:820;
  letter-spacing:.07em;
}

.release-step article{
  position:relative;
  overflow:hidden;
  padding:28px clamp(24px,3vw,38px) 30px;
  border:1px solid rgba(57,68,46,.12);
  border-radius:28px;
  background:rgba(255,255,255,.62);
  box-shadow:0 16px 45px rgba(47,56,39,.075);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.release-step.is-complete article{
  background:rgba(248,250,244,.68);
}

.release-step.is-next article{
  border-color:rgba(207,190,133,.31);
  background:
    radial-gradient(circle at 100% 0,rgba(223,204,142,.22),transparent 36%),
    linear-gradient(145deg,#303a28,#1e271b);
  color:#fff;
  box-shadow:0 24px 58px rgba(29,37,25,.2);
}

.release-step.is-next article:after{
  content:"";
  position:absolute;
  right:-42px;
  bottom:-58px;
  width:175px;
  height:175px;
  border:1px solid rgba(226,209,151,.22);
  border-radius:50%;
  box-shadow:0 0 0 32px rgba(226,209,151,.035);
}

.release-step.is-next .release-marker{
  border-color:#cdbd87;
  background:#d8c88f;
  color:#283020;
  box-shadow:0 0 0 8px rgba(205,189,135,.15),0 12px 28px rgba(47,56,39,.18);
}

.release-step-meta{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.release-step-meta span{
  color:#687456;
  font-size:9px;
  font-weight:860;
  letter-spacing:.16em;
}

.release-step-meta time{
  color:#7c8175;
  font-size:10px;
}

.release-step.is-next .release-step-meta span{color:#e3d49f}
.release-step.is-next .release-step-meta time{color:#c6cbbf}

.release-step h3{
  position:relative;
  z-index:1;
  margin:14px 0 10px;
  font-family:var(--sans);
  font-size:clamp(24px,2.7vw,35px);
  font-weight:710;
  line-height:1.03;
  letter-spacing:-.045em;
}

.release-step p{
  position:relative;
  z-index:1;
  max-width:660px;
  margin:0;
  color:#666c61;
  font-size:13px;
  line-height:1.68;
}

.release-step.is-next p{color:#d9ddd3}

.release-chip{
  position:relative;
  z-index:1;
  display:inline-flex;
  margin-top:18px;
  padding:8px 11px;
  border:1px solid rgba(225,209,154,.28);
  border-radius:999px;
  background:rgba(225,209,154,.1);
  color:#eadca9;
  font-size:9px;
  font-weight:750;
  line-height:1.35;
}

.release-chip.is-muted{
  border-color:rgba(77,87,66,.12);
  background:rgba(77,87,66,.06);
  color:#68705f;
}

@supports (animation-timeline:view()){
  .release-step article{
    animation:release-step-in both linear;
    animation-timeline:view();
    animation-range:entry 12% cover 35%;
  }

  @keyframes release-step-in{
    from{opacity:.25;transform:translateY(34px) scale(.975)}
    to{opacity:1;transform:none}
  }
}

/* Calm close */
.keynote-faq{
  padding:clamp(95px,11vw,150px) 0;
  background:#faf7ef;
}

.keynote-faq-grid{
  display:grid;
  grid-template-columns:minmax(260px,.62fr) minmax(0,1fr);
  gap:clamp(55px,9vw,140px);
}

.keynote-faq h2{
  margin:12px 0 0;
  font-family:var(--sans);
  font-size:clamp(45px,5vw,70px);
  font-weight:710;
  line-height:.95;
  letter-spacing:-.06em;
}

.keynote-faq-list{
  border-top:1px solid rgba(73,81,65,.18);
}

.keynote-faq details{
  border-bottom:1px solid rgba(73,81,65,.18);
}

.keynote-faq summary{
  position:relative;
  list-style:none;
  padding:24px 44px 24px 0;
  font-size:17px;
  font-weight:690;
  cursor:pointer;
}

.keynote-faq summary::-webkit-details-marker{display:none}
.keynote-faq summary:after{
  content:"+";
  position:absolute;
  right:4px;
  top:17px;
  color:var(--keynote-olive);
  font-size:27px;
  font-weight:300;
}
.keynote-faq details[open] summary:after{content:"−"}
.keynote-faq details p{
  max-width:680px;
  margin:-5px 0 24px;
  color:var(--keynote-ink-soft);
  font-size:14px;
  line-height:1.65;
}

.keynote-page .keynote-footer{
  padding:62px 0;
  background:#11170f;
}

.keynote-page .keynote-footer .footer-brand{
  width:174px;
  height:50px;
}

.keynote-page .keynote-footer .product-disclaimer{
  max-width:720px;
  margin:14px auto 0;
  line-height:1.5;
  letter-spacing:0;
}

/* Persistent intent, automatically removed as the real form enters view. */
.smart-cta{
  position:fixed;
  z-index:70;
  left:50%;
  bottom:max(18px,env(safe-area-inset-bottom));
  width:min(590px,calc(100vw - 32px));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:9px 9px 9px 19px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:999px;
  background:rgba(247,243,233,.85);
  box-shadow:0 20px 55px rgba(19,24,17,.22);
  backdrop-filter:blur(24px) saturate(1.25);
  transform:translate(-50%,0);
  transition:opacity .45s ease,transform .55s var(--keynote-ease),visibility .45s;
}

.smart-cta.is-hidden{
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,24px);
  pointer-events:none;
}

.smart-cta>div{
  display:grid;
  gap:1px;
}

.smart-cta strong{
  color:#283123;
  font-size:12px;
}

.smart-cta span{
  color:#71776b;
  font-size:9px;
}

.smart-cta a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 17px;
  border-radius:999px;
  color:#fff;
  background:var(--keynote-olive-dark);
  font-size:11px;
  font-weight:790;
  text-decoration:none;
}

/* Existing secure private-action interface remains readable above the story. */
.keynote-page .reservation-action{
  position:relative;
  z-index:90;
  padding-top:108px;
  background:var(--keynote-paper);
}

@media (max-width:1099px){
  :root{--keynote-shell:min(100% - 40px,900px)}

  .keynote-hero-grid{
    grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);
    gap:20px;
  }

  .keynote-hero h1{font-size:clamp(48px,6.8vw,68px)}
  .keynote-hero-devices{height:min(73vh,690px)}

  .keynote-page .story-copy-stack{
    top:14vh;
    left:50%;
    width:min(760px,calc(100% - 60px));
    height:245px;
    transform:translateX(-50%);
    text-align:center;
  }

  .keynote-page .story-message{
    align-items:center;
    text-align:center;
  }

  .keynote-page .story-message h2{font-size:clamp(44px,7vw,64px)}
  .keynote-page .story-message>p:not(.keynote-kicker):not(.story-trust){font-size:16px}

  .keynote-page .story-clock{
    top:10vh;
    left:50%;
    translate:-50% 0;
  }

  .keynote-page .launch-story .story-phone{
    top:42vh;
    right:auto;
    left:50%;
    width:min(32vw,285px);
    transform:translateX(-50%);
  }

  .product-wheel{top:68%;right:50%}
  .keynote-page .story-progress{right:6px}
  .story-next{right:10px}

  .use-case-phone{width:min(350px,calc((100svh - 116px) * 990 / 2151));min-width:0}
  .founder-finale-grid{grid-template-columns:minmax(0,.85fr) minmax(420px,1fr);gap:45px}
}

@media (max-width:720px){
  :root{--keynote-shell:calc(100vw - 32px)}

  .keynote-page .site-header{
    height:68px;
    padding:8px 14px;
  }

  .keynote-page .brand{width:125px;height:42px}
  .keynote-page .header-actions{gap:5px}
  .keynote-page .language button{min-width:39px}
  .keynote-page .header-cta{display:none}

  .keynote-hero{
    min-height:980px;
    height:116svh;
  }

  .keynote-hero:after{
    background:
      linear-gradient(180deg,rgba(11,17,11,.78) 0%,rgba(14,20,13,.44) 43%,rgba(10,15,9,.65) 100%),
      linear-gradient(90deg,rgba(11,17,11,.44),transparent);
  }

  .keynote-hero-bg img{object-position:58% center}

  .keynote-hero-grid{
    min-height:0;
    height:100%;
    display:block;
    padding-top:112px;
  }

  .keynote-hero-copy{
    max-width:560px;
    padding:0;
    text-align:center;
  }

  .keynote-hero h1{
    margin:13px 0 17px;
    font-size:clamp(41px,11.8vw,54px);
    line-height:.93;
    letter-spacing:-.068em;
  }

  .keynote-lead{
    max-width:400px;
    margin-inline:auto;
    font-size:15px;
    line-height:1.48;
  }

  .keynote-hero-actions{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    width:min(100%,340px);
    margin-inline:auto;
    margin-top:23px;
  }

  .keynote-primary-cta,
  .keynote-secondary-cta{min-height:48px;padding:11px 18px}
  .keynote-hero-trust{
    max-width:340px;
    margin:11px auto 0;
    font-size:8.5px;
  }

  .keynote-hero-devices{
    position:absolute;
    right:0;
    bottom:-5%;
    left:0;
    height:51%;
    margin:0;
  }

  .hero-device-front{
    right:37%;
    width:min(60vw,275px);
    border-radius:36px;
  }

  .hero-device-back{
    right:5%;
    width:min(55vw,250px);
    border-radius:34px;
  }

  .keynote-product-pill{
    right:14px;
    bottom:10%;
    font-size:7px;
  }

  .keynote-scroll-cue{bottom:15px}

  .keynote-page .launch-story{
    height:440vh;
    height:440svh;
  }

  .keynote-page .story-clock{
    top:78px;
    font-size:11px;
  }

  .keynote-page .story-copy-stack{
    top:108px;
    width:calc(100% - 38px);
    height:225px;
  }

  .keynote-page .story-message h2{
    margin:9px 0 12px;
    font-size:clamp(37px,10.5vw,46px);
    line-height:.93;
  }

  .keynote-page .story-message>p:not(.keynote-kicker):not(.story-trust){
    max-width:430px;
    font-size:12.5px;
    line-height:1.42;
  }

  .keynote-page .keynote-kicker{
    font-size:7.5px;
    letter-spacing:.16em;
  }

  .story-trust{
    margin-top:11px;
    padding-left:0;
    border-left:0;
    font-size:9.5px;
    text-align:center;
  }

  .keynote-page .launch-story .story-phone{
    top:42%;
    right:auto;
    left:50%;
    width:min(53vw,235px);
    border-radius:38px;
    transform:translateX(-50%);
  }

  .keynote-page .story-phone-screen{border-radius:33px}
  .keynote-page .story-progress{display:none}

  .product-wheel{
    top:82%;
    right:50%;
  }

  .product-wheel figure{
    width:125px;
    border-radius:22px;
  }

  .story-next{
    right:14px;
    left:auto;
    bottom:max(14px,env(safe-area-inset-bottom));
    transform:none;
  }

  .story-shade{
    background:
      linear-gradient(180deg,rgba(248,244,234,.98) 0%,rgba(248,244,234,.88) 37%,rgba(248,244,234,.27) 70%,rgba(248,244,234,.12)),
      linear-gradient(90deg,rgba(248,244,234,.2),transparent);
  }

  .launch-story.is-night .story-shade{
    background:linear-gradient(180deg,rgba(11,17,10,.96),rgba(11,17,10,.81) 42%,rgba(8,13,8,.24));
  }

  .product-reveal{
    padding:92px 0 95px;
  }

  .product-reveal-copy{
    margin-bottom:45px;
  }

  .product-reveal h2{
    font-size:clamp(45px,13vw,62px);
  }

  .product-reveal-copy>p:last-child{font-size:14px}

  .use-case-experience{
    min-height:285svh;
  }

  .use-case-stage{
    top:68px;
    min-height:620px;
    height:calc(100svh - 68px);
    background:linear-gradient(180deg,rgba(244,240,229,.98) 0%,rgba(244,240,229,.93) 80%,rgba(244,240,229,0));
  }

  .use-case-stage:before{width:min(112vw,520px)}
  .use-case-stage:after{bottom:4%;width:min(100vw,440px)}
  .use-case-phone{width:min(71.8vw,280px,calc((100svh - 120px) * 990 / 2151));min-width:0}
  .product-trust{margin-top:36px}

  .founder-finale{
    min-height:0;
  }

  .founder-finale-bg img{object-position:60% center}

  .founder-finale-shade{
    background:
      linear-gradient(180deg,rgba(6,11,6,.91),rgba(8,14,8,.66) 42%,rgba(6,10,6,.93)),
      radial-gradient(circle at 50% 45%,rgba(228,186,99,.14),transparent 36%);
  }

  .founder-finale-grid{
    display:block;
    padding:100px 0 85px;
  }

  .founder-finale-copy{text-align:center}
  .founder-finale h2{
    margin:13px 0 18px;
    font-size:clamp(48px,14vw,64px);
  }

  .founder-finale-copy>p{
    max-width:500px;
    margin-inline:auto;
    font-size:14px;
  }

  .founder-mark{
    width:260px;
    margin:30px auto 45px;
    text-align:left;
  }

  .keynote-page .finale-conversion{
    padding:26px 20px;
    border-radius:25px;
  }

  .finale-conversion h3{font-size:36px}
  .keynote-page .finale-conversion .form-row{grid-template-columns:1fr}

  .release-radar{
    padding:90px 0;
  }

  .release-radar-shell{
    grid-template-columns:1fr;
    gap:54px;
  }

  .release-radar-heading{
    position:static;
    text-align:center;
  }

  .release-radar-heading h2{
    font-size:clamp(48px,13vw,64px);
  }

  .release-radar-heading>p,
  .release-radar-heading>small{
    margin-inline:auto;
  }

  .release-timeline{
    gap:15px;
  }

  .release-timeline:before{
    left:22px;
  }

  .release-step{
    grid-template-columns:45px minmax(0,1fr);
    gap:11px;
  }

  .release-marker{
    width:45px;
    height:45px;
    font-size:8px;
  }

  .release-step article{
    padding:23px 19px 25px;
    border-radius:23px;
  }

  .release-step-meta{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .release-step h3{
    font-size:27px;
  }

  .release-step p{
    font-size:12px;
  }

  .keynote-faq{padding:85px 0}
  .keynote-faq-grid{grid-template-columns:1fr;gap:38px}
  .keynote-faq h2{font-size:50px}
  .keynote-faq summary{font-size:15px}

  .smart-cta{
    bottom:max(12px,env(safe-area-inset-bottom));
    width:calc(100vw - 22px);
    padding:7px 7px 7px 14px;
  }
  .smart-cta strong{font-size:10px}
  .smart-cta span{font-size:8px}
  .smart-cta a{padding-inline:14px}
}

@media (prefers-reduced-motion:reduce){
  .release-step article,
  .release-radar-cta{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}

@media (max-width:410px){
  .keynote-hero{min-height:930px}
  .keynote-hero h1{font-size:40px}
  .keynote-hero-devices{height:45%}
  .keynote-page .story-copy-stack{top:101px}
  .keynote-page .story-clock{top:73px}
  .keynote-page .story-message h2{font-size:36px}
  .keynote-page .launch-story .story-phone{top:43%;width:min(50vw,205px)}
  .smart-cta>div span{display:none}
}

@media (max-height:740px) and (min-width:721px){
  .keynote-page .story-clock{top:70px}
  .keynote-page .story-copy-stack{top:102px}
  .keynote-page .story-message h2{font-size:clamp(45px,4.7vw,62px)}
  .keynote-page .launch-story .story-phone{top:70px;width:min(24vw,270px)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .keynote-page *,
  .keynote-page *:before,
  .keynote-page *:after{
    animation:none!important;
    transition:none!important;
  }

  .keynote-page .launch-story{
    height:auto;
  }

  .keynote-page .launch-sticky{
    position:relative;
    height:auto;
    overflow:visible;
  }

  .keynote-page .story-scenes,
  .keynote-page .story-sun,
  .story-motion,
  .keynote-page .story-clock,
  .keynote-page .story-progress,
  .story-next,
  .product-wheel{
    display:none!important;
  }

  .keynote-page .story-layout{
    height:auto;
    padding:80px 0;
    inset:auto;
  }

  .keynote-page .story-copy-stack{
    position:relative;
    top:auto;
    left:auto;
    width:100%;
    height:auto;
    display:grid;
    gap:80px;
    transform:none;
  }

  .keynote-page .story-message{
    position:relative;
    inset:auto;
    min-height:0;
    opacity:1;
    transform:none;
    color:var(--keynote-ink);
  }

  .keynote-page .story-message[aria-hidden]{display:flex}
  .keynote-page .story-phone{display:none}
  .use-case-stage{
    position:relative;
    top:auto;
    height:auto;
    min-height:680px;
  }
  .use-case-experience{min-height:auto}
  .use-case-triggers{display:none}
  .use-case-notification-card{
    opacity:1;
    visibility:visible;
    transform:none;
    transition:none;
  }
  [data-use-case-notification="0"]{bottom:113cqw}
  [data-use-case-notification="1"]{bottom:79cqw}
  [data-use-case-notification="2"]{bottom:45cqw}
  .smart-cta{display:none}
}