@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/cormorant-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(../fonts/cormorant.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400 600;
  font-display: block;
  src: url(../fonts/karla.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Production identity, native snapped scenes, a device whose geometry never changes. */
:root{--cream:#faf6ee;--blue:#596f99;--peach:#f2c1a4;--ink:#141d21;--consent-h:0px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--cream)}body{font-family:Karla,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;overflow:hidden}h1,h2,p,figure{margin:0}a{color:inherit}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f2c1a4;outline-offset:5px}[hidden]{display:none!important}::selection{background:#f2c1a4;color:#141d21}.skip{position:fixed;z-index:300;top:8px;left:10px;padding:12px 20px;background:var(--cream);color:var(--ink);transform:translateY(-160%)}.skip:focus{transform:none}.story-scroll{height:100%;height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none}.story-scroll::-webkit-scrollbar{display:none}.scene{position:relative;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate}.scene-inner{max-width:1200px;width:calc(100% - 96px);margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;min-height:100svh;padding:110px 0 85px}.scene-copy{position:relative;z-index:2}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.045em;line-height:1.03;text-wrap:balance;text-shadow:0 2px 25px #0a172244}h1{font-size:clamp(58px,5.6vw,84px)}h2{font-size:clamp(58px,6.5vw,92px)}h2 em{color:#f4ceb3;font-weight:400}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:500;display:flex;align-items:center;gap:12px;margin-bottom:24px}.lead{font-size:20px;line-height:1.55;margin-top:28px;color:#faf6eeeb}.micro{font-size:12px;letter-spacing:.035em;margin-top:14px;color:#f6ece2d9}.scene-copy .btn{margin-top:30px}.cta-note{font-size:12px;margin-top:14px;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;border-radius:18px;padding:15px 25px;text-decoration:none;font-size:17px;font-weight:600;color:#fbfaf7;border:1px solid #ffffff37;background:linear-gradient(180deg,#394348 0%,#1c262b 22%,#131b20 100%);box-shadow:inset 0 1px 1px #ffffff48,0 10px 26px #0710164d;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px #ffffff70,0 14px 32px #07101660}.btn-cta{min-width:245px}.cta-arrow{font-size:20px;font-weight:400;margin-left:22px}.text-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:linear-gradient(#69f878,#18c837);box-shadow:inset 0 0 1px #fff9;flex:none}.text-icon svg{width:26px;height:26px;color:white}.nav{position:fixed;z-index:40;top:0;left:0;right:0;padding:26px max(35px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;pointer-events:none;background:linear-gradient(#101e2c55,transparent)}.nav a{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:11px;text-decoration:none;font:500 36px/1 'Cormorant Garamond',Georgia,serif;text-shadow:0 2px 12px #0005}.wordmark img{border-radius:50%;box-shadow:0 0 0 1px #ffffff55}.wordmark small{font:9px/1.5 Karla,sans-serif;display:block;letter-spacing:.06em;margin-top:4px}.nav-right{display:flex;align-items:center;gap:25px}.nav-note{font-size:12px;letter-spacing:.025em}.nav-cta{min-height:44px;font-size:14px;border-radius:14px;padding:10px 17px;position:absolute;right:36px;visibility:hidden;opacity:0;transition:opacity .25s}.nav-cta .text-icon{width:22px;height:22px}.nav-cta .text-icon svg{width:22px;height:22px}.nav-cta.is-visible{visibility:visible;opacity:1}.nav:has(.nav-cta.is-visible) .nav-note{opacity:0}.next-scene{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:17px;text-decoration:none;font-size:11px;letter-spacing:.07em;white-space:nowrap}.next-scene svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.2;animation:down-cue 3s ease-in-out infinite}.scene-progress{position:fixed;bottom:30px;right:37px;display:flex;gap:8px;align-items:center;z-index:30;pointer-events:none}.progress-label{font-size:10px;margin-right:10px;font-variant-numeric:tabular-nums}.scene-progress i{width:5px;height:5px;border-radius:50%;background:#ffffff4d;transition:background .4s,transform .4s}.scene-progress i.active{background:#f2c1a4;transform:scale(1.4)}
/* Fixed landscape with a poster, native video and frozen transition surface. */
.scenery{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#344c64}.scenery picture,.scenery img,.scenery-motion,.scenery video,.atmosphere,.scenery-scrim{position:absolute;inset:0;width:100%;height:100%}.scenery img,.scenery video{object-fit:cover;object-position:50% 50%}.scenery-motion{opacity:0;transition:opacity 1s;filter:brightness(.9) saturate(.85);will-change:filter}.scenery.is-playing .scenery-motion{opacity:1}.scenery video{opacity:0}.scenery video.front{opacity:1}.scenery picture{filter:brightness(.9) saturate(.85)}.atmosphere{transition:opacity .9s ease;opacity:0}.atmosphere-evening{background:linear-gradient(140deg,#7840352e 5%,#be73343b 65%,#a257373d);mix-blend-mode:multiply}.atmosphere-night{background:linear-gradient(160deg,#0b1a41b8,#091b37cf 55%,#071724d9);mix-blend-mode:multiply}.scenery-scrim{background:linear-gradient(90deg,#0c1c2b9c,#0c1c2b24 70%),linear-gradient(0deg,#111f2dc9,transparent 30%,#13223518 70%,#13223555)}body[data-atmosphere=evening] .atmosphere-evening{opacity:1}body[data-atmosphere=night] .atmosphere-night{opacity:1}body[data-atmosphere=evening] .scenery-motion,body[data-atmosphere=evening] .scenery picture{filter:brightness(.82) saturate(.87) sepia(.15)}body[data-atmosphere=night] .scenery-motion,body[data-atmosphere=night] .scenery picture{filter:brightness(.48) saturate(.45)}.scenery-motion,.scenery picture{transition:filter .9s ease,opacity 1s}.motion-toggle{position:fixed;z-index:35;left:35px;bottom:22px;background:#17263175;border:1px solid #ffffff28;color:#fff;border-radius:30px;padding:10px 13px;display:flex;align-items:center;gap:7px;font-size:10px;min-height:38px;backdrop-filter:blur(10px)}.motion-toggle svg{height:12px;width:12px;stroke:currentColor;stroke-width:1.5;fill:none}
/* Device proportions: 393 × 814. Container-relative units scale hardware and UI together. */
.phone-stage{display:flex;justify-content:center;position:relative;min-width:0}.demo{width:min(100%,344px);position:relative}.phone{width:100%;aspect-ratio:393/814;container-type:inline-size;position:relative;isolation:isolate;border-radius:15% / 7.25%;background:linear-gradient(110deg,#a3a6a0 0%,#5b605d 3%,#202727 7%,#565d59 18%,#242c2a 36%,#7d857e 63%,#d0d0bd 85%,#3d4341 97%);padding:0;box-shadow:0 0 0 1px #0f1516,0 1px 0 2px #c5c8b099,0 20px 60px #0613196b,inset 0 0 1px 3px #f4f4de77}.phone:before{content:'';position:absolute;inset:3px;border-radius:inherit;background:#090d0d;box-shadow:inset 0 0 0 1px #b1b5a659,0 0 0 1px #111a17}.phone:after{content:'';position:absolute;inset:5px;border-radius:inherit;border:1px solid #69716b7d;pointer-events:none}.phone-screen{position:absolute;inset:2.75% 3.05% 1.45%;overflow:hidden;background:#000;border-radius:12.7% / 5.9%;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;color:#f6f6f7;isolation:isolate}.device-status{height:14cqw;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 6.5cqw;font-size:3.8cqw;font-weight:600;letter-spacing:-.04em;position:relative;background:#101012}.status-icons svg{display:block;width:15.2cqw;height:4cqw}.dynamic-island{position:absolute;top:2.2cqw;left:50%;transform:translateX(-50%);width:30cqw;height:8.3cqw;background:#000;border-radius:6cqw;z-index:4;box-shadow:0 0 0 1px #000}.dynamic-island:before{content:'';position:absolute;left:4cqw;top:2.3cqw;width:17cqw;height:3.3cqw;border-radius:5cqw;background:#020202}.dynamic-island i{position:absolute;right:3.2cqw;top:2.8cqw;width:2.8cqw;height:2.8cqw;border-radius:50%;background:radial-gradient(circle at 40% 38%,#1e2d53 0%,#10182f 25%,#090c15 50%,#040407 80%);box-shadow:0 0 3px #18192f}.messages-header{height:26cqw;flex:none;background:linear-gradient(#101012,#171719);border-bottom:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;padding:0 5cqw 2.7cqw;position:relative}.back-chevron{width:3cqw;height:5.6cqw;stroke:#529bff;stroke-width:2.4;fill:none}.camera{width:7.2cqw;height:6cqw;stroke:#529bff;stroke-width:1.5;fill:none}.contact{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:2cqw;font-size:3.5cqw}.contact img{height:12.8cqw;width:12.8cqw;border-radius:50%;box-shadow:0 0 0 1px #ffffff1a}.contact span{display:flex;align-items:center;gap:1.4cqw}.contact b{font-weight:400;font-size:5cqw;line-height:.8;color:#97979d}.conversation-log{flex:1;min-height:0;overflow:hidden;padding:4.3cqw 2.8cqw 2cqw;position:relative}.thread-content{transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform}.thread-time,.time-gap{text-align:center;color:#9b9ba2;font-size:3cqw;font-weight:500;line-height:1.4;margin:0 0 5cqw}.time-gap{margin:7cqw 0 5cqw}.messages{display:flex;flex-direction:column;gap:1.8cqw}.message{max-width:86%;font-size:4.8cqw;line-height:1.29;letter-spacing:-.025em;position:relative}.message p{padding:2.7cqw 3.4cqw;border-radius:5cqw;position:relative;white-space:pre-wrap}.incoming{align-self:flex-start}.outgoing{align-self:flex-end}.incoming p{background:#28282b}.outgoing p{background:#0872dc;color:white}.message p:after{content:'';position:absolute;bottom:0;width:3.1cqw;height:3.9cqw;z-index:-1}.incoming p:after{left:-1.2cqw;background:#28282b;border-bottom-right-radius:3cqw}.outgoing p:after{right:-1.2cqw;background:#0872dc;border-bottom-left-radius:3cqw}.message p:before{content:'';position:absolute;bottom:-.15cqw;width:2.5cqw;height:4.6cqw;background:#000;z-index:0}.incoming p:before{left:-2.4cqw;border-bottom-right-radius:2.5cqw}.outgoing p:before{right:-2.4cqw;border-bottom-left-radius:2.5cqw}.context-message{opacity:.56}.receipt{display:block;text-align:right;color:#a0a0a8;font-size:2.9cqw;margin-top:1.5cqw;padding-right:1cqw}.message-composer{display:flex;align-items:center;gap:3cqw;padding:2.6cqw 3.5cqw 3cqw;flex:none;background:#000}.message-composer .plus{font-size:7cqw;line-height:1;background:#252527;color:#9c9ca4;width:8cqw;height:8cqw;display:grid;place-items:center;border-radius:50%;font-weight:300}.message-composer>div{height:9.2cqw;border:1px solid #48484c;border-radius:6cqw;flex:1;color:#85858e;font-size:4.4cqw;padding:1.5cqw 3cqw;display:flex;align-items:center;justify-content:space-between}.message-composer svg{height:5.2cqw;width:3.4cqw;fill:none;stroke:#9999a1;stroke-width:1.5}.home-indicator{height:1.2cqw;width:35cqw;border-radius:3cqw;background:#eee;flex:none;margin:2.5cqw auto 2cqw}.side-key{position:absolute;width:3px;left:-3px;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#4b5350,#b6b8aa,#424946);box-shadow:0 0 1px #000}.action-key{height:4%;top:19%}.volume-up{height:7.5%;top:27%}.volume-down{height:7.5%;top:37%}.power-key{height:12%;top:31%;left:auto;right:-3px;border-radius:0 2px 2px 0}.antenna{position:absolute;z-index:2;width:2px;height:8px;background:#191f1d;top:1%;left:25%}.bottom-antenna{top:auto;bottom:1%;left:75%}.demo figcaption{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:13px;color:#eee7df;min-height:32px}.replay{border:0;background:transparent;color:inherit;font-size:11px;min-height:36px;padding:6px}.typing{display:flex;align-items:center;gap:1cqw;background:#28282b;border-radius:5cqw;width:15cqw;height:8cqw;margin-top:2cqw;padding:2.5cqw}.typing i{width:2cqw;height:2cqw;border-radius:50%;background:#96969b;animation:typing 1s infinite}.typing i:nth-child(2){animation-delay:.14s}.typing i:nth-child(3){animation-delay:.28s}.is-pending{display:none!important}.is-entering{animation:bubble-in .45s cubic-bezier(.22,1,.36,1) both}.outgoing.is-entering{transform-origin:bottom right}.incoming.is-entering{transform-origin:bottom left}.followup-icon{width:20px;height:20px;fill:none;stroke:#f2c1a4;stroke-width:1.5}.memory-proof{display:flex;gap:10px;align-items:center;font-size:12px;margin-top:32px;color:#f7d7bf}.memory-proof svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none;border:1px solid #f2c1a44d;border-radius:50%;padding:3px}.remember .demo{width:min(100%,325px)}.remember .scene-copy{max-width:610px}.closing{display:flex;align-items:center;justify-content:center;text-align:center;padding:130px 30px 140px}.closing-content{max-width:1000px}.closing .eyebrow{justify-content:center;color:#f2c1a4}.closing h2{font-size:clamp(60px,7.3vw,105px)}.closing .lead{font-size:21px;margin-top:26px}.closing .btn{margin-top:32px}.mission{margin-top:44px;font-size:13px;color:#c6d1de}.mission p+p{margin-top:8px;font-size:12px;color:#aebdce}.night-verse{position:absolute;bottom:48px;left:0;right:0;display:flex;flex-direction:column;gap:7px;font:italic 21px 'Cormorant Garamond',Georgia,serif;color:#e5d6c9}.night-verse small{font:9px Karla,sans-serif;letter-spacing:.12em;text-transform:uppercase}.scene.is-active .followup-icon{animation:followup-turn .7s cubic-bezier(.22,1,.36,1) .2s both}.scene.is-active .text-icon{animation:icon-arrive .6s cubic-bezier(.22,1,.36,1) both}.scene.is-active .memory-proof svg{animation:icon-arrive .6s ease .6s both}.js-ready .scene:not(.has-arrived) .scene-copy{opacity:0;transform:translateY(25px)}.scene-copy{transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}.js-ready .scene:not(.has-arrived) .phone-stage{opacity:0;transform:translateY(35px)}.phone-stage{transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}
footer{position:relative;background:#0b1522f5;padding:65px 50px 125px;scroll-snap-align:start;font-size:12px;color:#c1cbd4}footer .inner,.foot-base{max-width:1200px;margin:auto}footer .inner{display:flex;justify-content:space-between;gap:35px}.foot-brand .wordmark{font-size:32px}.foot-brand img{width:35px;height:35px}.wordmark-stack{display:flex;flex-direction:column}.wordmark-sub{font:9px Karla,sans-serif;margin-top:5px}.foot-brand p{margin-top:15px}.foot-links{display:flex;flex-wrap:wrap;align-content:start;gap:8px 22px;max-width:460px}.foot-links a{padding:8px 0;text-decoration:none}.foot-base{border-top:1px solid #ffffff1c;padding-top:26px;margin-top:35px}.fine{max-width:850px;font-size:11px;line-height:1.6}.verse{font:italic 20px 'Cormorant Garamond',Georgia,serif;margin-top:22px}.dock{position:fixed;bottom:0;left:0;right:0;z-index:100;pointer-events:none}.dock-clip{overflow:hidden;min-height:0}.sticky-cta{display:none}.cookie-banner{pointer-events:auto;background:#14202af5;color:#faf6ee;border:1px solid #ffffff35;border-radius:20px;margin:0 auto 20px;max-width:710px;box-shadow:0 10px 30px #0005}.cookie-row{display:flex;align-items:center;gap:20px;padding:16px 22px}.cookie-row p{font-size:12px;flex:1}.cookie-actions{display:flex;gap:8px}.cookie-btn{background:#ffffff12;border:1px solid #ffffff50;border-radius:30px;color:#faf6ee;font-size:12px;padding:10px 17px;min-height:44px}.cookie-btn:hover{background:#ffffff28}
@keyframes typing{0%,70%,100%{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}@keyframes bubble-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes down-cue{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(5px)}}@keyframes icon-arrive{0%{transform:scale(.8);opacity:.3}65%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}@keyframes followup-turn{from{transform:rotate(-65deg);opacity:.3}to{transform:none;opacity:1}}
@media(min-width:901px) and (max-height:780px){.scene-inner{padding-top:90px;padding-bottom:65px;min-height:100svh}.demo{width:270px}.remember .demo{width:270px}h1{font-size:64px}h2{font-size:67px}.lead{font-size:17px;margin-top:22px}.eyebrow{margin-bottom:18px}.scene-copy .btn{margin-top:24px}.next-scene{bottom:20px}}
@media(max-width:900px){.nav{padding:19px 25px}.wordmark{font-size:32px}.wordmark img{width:34px;height:34px}.scene-inner{width:calc(100% - 48px);gap:35px;grid-template-columns:1.2fr 1fr}.demo{width:100%}h1{font-size:57px}h2{font-size:60px}.lead{font-size:17px}.nav-note{font-size:10px}.nav-cta{right:24px}.scene-progress{right:25px}.motion-toggle{left:24px}}
@media(max-width:760px){.nav{padding:18px 22px;background:linear-gradient(#1421338c,transparent)}.wordmark{font-size:29px;gap:9px}.wordmark img{width:31px;height:31px}.wordmark small{font-size:8px}.nav-note{font-size:9px;max-width:115px;text-align:right}.nav-cta{display:none!important}.scene-inner{display:flex;flex-direction:column;gap:30px;width:calc(100% - 44px);padding:109px 0 80px;min-height:100svh;justify-content:center}.scene-copy{text-align:center;width:100%}.eyebrow{font-size:9px;justify-content:center;gap:8px;margin-bottom:18px}.hero h1{font-size:clamp(40px,10.8vw,55px);line-height:1.04;letter-spacing:-.035em}.hero h1 br{display:none}.lead{font-size:16px;line-height:1.5;margin-top:21px}.lead br{display:none}.scene-copy .btn{margin-top:24px}.btn{font-size:16px;min-height:56px;padding:14px 22px}.cta-note{font-size:11px;margin-top:12px}.micro{font-size:10px;margin-top:10px}.phone-stage{width:100%}.demo{width:min(100%,310px)}.hero-phone{height:365px;overflow:hidden;mask-image:linear-gradient(#000 92%,transparent 100%)}.hero-phone .demo{width:min(100%,302px)}.hero-phone figcaption{display:none}.hero .scene-inner{gap:35px;padding-bottom:72px}.hero .next-scene{bottom:27px}.remember .scene-inner{gap:30px;padding-top:108px;padding-bottom:125px}.remember h2{font-size:49px;line-height:1.05}.remember h2 br:nth-of-type(2){display:none}.remember .demo{width:min(100%,310px)}.remember .lead{max-width:300px;margin-inline:auto}.memory-proof{font-size:10px;margin-top:20px;justify-content:center}.memory-proof svg{width:19px;height:19px}.next-scene{font-size:9px;bottom:89px}.demo figcaption{font-size:9px;margin-top:8px}.replay{min-height:44px}.closing{padding:130px 23px 175px;min-height:100svh}.closing h2{font-size:clamp(47px,12vw,62px)}.closing .lead{font-size:17px}.closing .eyebrow{font-size:8px;letter-spacing:.16em}.mission{margin-top:36px;font-size:12px}.mission p+p{font-size:11px}.night-verse{bottom:95px;font-size:20px}.night-verse small{font-size:8px}.scene-progress{right:23px;bottom:calc(19px + var(--consent-h));transition:bottom .2s}.scene-progress i{width:4px;height:4px}.progress-label{font-size:8px}.motion-toggle{left:20px;bottom:calc(10px + var(--consent-h));padding:8px 10px;font-size:9px;min-height:34px}.sticky-cta{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .2s,visibility .2s;background:#111e2bee;pointer-events:auto}.sticky-cta.is-visible{grid-template-rows:1fr;visibility:visible}.sticky-row{padding:9px 16px max(10px,env(safe-area-inset-bottom))}.sticky-row .btn{width:100%;min-height:50px;font-size:15px;background:var(--cream);color:var(--ink);border-radius:16px}.cookie-banner{margin:0;border-radius:0;border:0;border-top:1px solid #ffffff20;max-width:none}.cookie-row{padding:10px 13px max(10px,env(safe-area-inset-bottom));gap:10px}.cookie-row p{font-size:10px;line-height:1.4}.cookie-actions{gap:5px}.cookie-btn{padding:8px 10px;font-size:11px}.scenery img,.scenery video{object-position:56% 50%}.scenery-scrim{background:linear-gradient(#13263b86,transparent 55%,#101f34c2),linear-gradient(90deg,#13273a40,#13273a40)}body:has(.sticky-cta.is-visible) .motion-toggle,body:has(.sticky-cta.is-visible) .scene-progress{bottom:calc(85px + var(--consent-h))}.consent-open .hero .next-scene{bottom:calc(24px + var(--consent-h))}.consent-open .hero .scene-inner{padding-bottom:calc(72px + var(--consent-h))}footer{padding:55px 24px 150px}footer .inner{flex-direction:column;gap:28px}.foot-links{gap:4px 20px}.fine{font-size:10px}.scenery.is-playing .scenery-motion{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.story-scroll{scroll-snap-type:none}.scenery-motion{display:none}.motion-toggle{display:none!important}.js-ready .scene:not(.has-arrived) .scene-copy,.js-ready .scene:not(.has-arrived) .phone-stage{opacity:1;transform:none}}
/* Cropped hero still identifies its product example before a visitor scrolls. */
.hero-phone:after{content:'Illustrative conversation';position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:9px;color:#e9e7e5;display:none}
@media(max-width:760px){.hero-phone:after{display:block}.remember h2{font-size:46px}.remember h2 br:first-of-type{display:block}.scene-progress{pointer-events:none}}
/* Keep the landscape legible at night; warm the light, not the device or text. */
.atmosphere-evening{background:linear-gradient(140deg,#ffbf7826,#ffb35470 65%,#d2814c45);mix-blend-mode:soft-light}
.atmosphere-night{background:linear-gradient(160deg,#10285680,#091c377d 55%,#07172491)}
body[data-atmosphere=evening] .scenery-motion,body[data-atmosphere=evening] .scenery picture{filter:brightness(.92) saturate(1) sepia(.22)}
body[data-atmosphere=night] .scenery-motion,body[data-atmosphere=night] .scenery picture{filter:brightness(.72) saturate(.55)}
.context-message{opacity:.8}
@media(max-width:760px){.hero-phone:after{top:0;bottom:auto;color:#faf6ee;font-size:10px}.hero-phone .demo{margin-top:23px}}
/* Refinement: three levels of copy, quiet controls, and a stable official Messages mark. */
.text-icon{background:none;box-shadow:none;border-radius:0;width:30px;height:30px;contain:layout paint;transform:none!important;animation:none!important}
.text-icon img{display:block;width:100%;height:100%;object-fit:contain}.nav-cta .text-icon{width:24px;height:24px}
.hero-phone:after{content:none!important}.hero-phone .demo{margin-top:0}
.scene-copy{max-width:620px}.scene-copy .lead{max-width:480px}.scene-inner{gap:100px;grid-template-columns:1.2fr 1fr}
.scene--reverse .scene-copy{grid-column:2;grid-row:1}.scene--reverse .phone-stage{grid-column:1;grid-row:1}.scene--reverse .scene-inner{grid-template-columns:1fr 1.2fr}
.scene--reverse .scene-copy .lead{max-width:420px}.remember h2{font-size:clamp(58px,6vw,86px)}
.scene .demo{width:min(100%,344px)}.lead{color:#fff0e4;font-size:21px}.next-scene{padding:12px;bottom:18px}.next-scene svg{width:23px;height:23px}
.closing{padding-bottom:130px}.closing-content{max-width:1000px}.closing .lead{max-width:530px;margin-inline:auto}.closing .btn{margin-top:34px}.example-disclosure{margin-top:12px}
.feature-mark{width:46px;height:46px;fill:none;stroke:var(--peach);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:25px}
.scene.has-arrived .scripture-mark{animation:book-arrival 900ms cubic-bezier(.22,1,.36,1) both}.scene.has-arrived .heart-check{stroke-dasharray:30;animation:check-arrival 1000ms 300ms both}
@keyframes book-arrival{from{transform:rotate(-12deg) translateY(8px);opacity:0}to{transform:none;opacity:1}}@keyframes check-arrival{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}
.scenery .scenery-motion,.scenery picture,body[data-atmosphere] .scenery .scenery-motion,body[data-atmosphere] .scenery picture{filter:none;will-change:auto}.atmosphere{display:none}.scenery-scrim{background:linear-gradient(90deg,#0b1c2da3,#0b1c2d38 75%),linear-gradient(0deg,#101f2b96,transparent 55%,#13223538)}
.cursor-bubble{position:fixed;top:0;left:0;z-index:45;pointer-events:none;opacity:0;transition:opacity .18s;will-change:transform}.cursor-bubble.is-visible{opacity:1}.cursor-bubble span{display:block;background:#247bf5;color:#fff;border-radius:22px 22px 5px 22px;padding:10px 16px;font:500 13px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap;box-shadow:0 5px 20px #07182820;transition:opacity .15s,transform .2s}.cursor-bubble.is-changing span{opacity:0;transform:translateY(5px) scale(.96)}
@media(min-width:901px) and (max-height:780px){.scene .demo{width:270px}.feature-mark{width:35px;height:35px;margin-bottom:18px}.scene-inner{gap:65px}.lead{font-size:18px}}
@media(max-width:900px){.scene-inner,.scene--reverse .scene-inner{gap:35px;grid-template-columns:1.1fr 1fr}.lead{font-size:18px}.scene .demo{width:100%}}
@media(max-width:760px){.scene-inner,.scene--reverse .scene-inner{gap:32px;width:calc(100% - 44px);padding:106px 0 112px}.scene .scene-copy{max-width:390px}.scene-copy .lead,.scene--reverse .scene-copy .lead{margin-inline:auto;max-width:330px}.hero .scene-inner{padding-top:110px;gap:37px}.hero h1{font-size:clamp(43px,11.5vw,56px)}.hero .lead{max-width:305px;font-size:17px;margin-top:22px}.hero .lead br{display:block}.hero-phone{height:385px}.scene .demo{width:min(100%,310px)}.scene .hero-phone .demo{width:min(100%,310px);margin-top:0}.scene h2,.remember h2{font-size:clamp(44px,11.9vw,59px);line-height:1.04}.scene .lead{font-size:17px;line-height:1.5;margin-top:20px}.feature-mark{width:34px;height:34px;margin-bottom:19px}.scene .next-scene{bottom:72px}.hero .next-scene{bottom:22px}.closing{padding:135px 25px 145px}.closing h2{font-size:clamp(47px,12.1vw,61px)}.closing .lead{max-width:280px}.scenery-scrim{background:linear-gradient(#12283c91,#12283c45 48%,#101f32aa)}.cursor-bubble{display:none}.scene-progress .progress-label{display:none}.scene-progress{gap:9px}.motion-toggle{font-size:0;padding:10px;min-width:34px;justify-content:center}.motion-toggle svg{width:13px;height:13px}.motion-toggle span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-bubble{display:none}}

.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .cursor-bubble{display:none}
.messages .incoming:has(+ .incoming:not(.is-pending)) p:after,.messages .incoming:has(+ .incoming:not(.is-pending)) p:before{display:none}
/* The marketing handset: photographic shell and an uncluttered conversation canvas. */
.phone{aspect-ratio:787/1628;background:none;box-shadow:none;border-radius:0}.phone:before,.phone:after{display:none}.handset-frame{display:block;width:100%;height:auto;position:absolute;inset:0;pointer-events:none}.phone-screen{inset:1.5% 3.75%;border-radius:16.5% / 7.55%;background:#0b0b0d}.dynamic-island{top:3.15cqw;width:28.6cqw;height:8.2cqw;box-shadow:none}.messages-header{height:43cqw;background:none;border:0;padding:17cqw 0 4cqw;justify-content:center}.contact{position:static;transform:none;gap:1.8cqw;font-weight:600;font-size:4.8cqw}.contact img{width:14cqw;height:14cqw;box-shadow:0 3px 12px #0004}.contact span{background:#ffffff07;padding:.7cqw 3.4cqw;border-radius:5cqw}.conversation-log{padding:1cqw 4.3cqw 6cqw;mask-image:linear-gradient(transparent,#000 3%)}.thread-time{display:none}.messages{gap:2.2cqw}.message{max-width:88%;font-size:4.8cqw;letter-spacing:-.018em;line-height:1.3}.message p{padding:2.9cqw 3.5cqw;border-radius:5cqw}.message p:before,.message p:after{display:none}.outgoing p{background:#087cff}.receipt{font-size:2.8cqw}.time-gap{margin:5cqw 0 4cqw}.hero-phone{mask-image:none}.hero-phone .phone{box-shadow:none}.phone-stage{filter:none}.scene.has-arrived .prayer-mark{animation:prayer-arrival .7s cubic-bezier(.22,1,.36,1) both}@keyframes prayer-arrival{from{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:none}}
.has-message-cursor,.has-message-cursor #main,.has-message-cursor #main *{cursor:none!important}.has-message-cursor a,.has-message-cursor button{cursor:pointer!important}
.sticky-row .btn{gap:12px}.sticky-row .text-icon{width:26px;height:26px}
footer{background:rgba(12,18,22,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(250,246,238,.12);padding:54px 48px 84px}.foot-brand p{font-size:14px;color:#faf6eeaa;margin-top:12px}.foot-links{max-width:480px;gap:5px 25px;font-size:13px}.foot-base{margin-top:30px;padding-top:20px}.footer-details summary{font-size:12px;cursor:pointer;color:#faf6eec9;list-style:none;display:inline-flex;align-items:center;gap:12px;min-height:44px}.footer-details summary:after{content:'+';font-size:18px;font-weight:300}.footer-details[open] summary:after{content:'−'}.footer-details summary::-webkit-details-marker{display:none}.footer-details .fine{color:#faf6eeb3;font-size:12px;line-height:1.7;max-width:820px}.footer-details .example-disclosure{margin-top:12px}
@media(max-width:760px){.hero-phone{height:405px;overflow:hidden}.hero-phone .demo{margin-bottom:0}.scene-progress{bottom:calc(19px + var(--consent-h))}.sticky-row .btn{background:linear-gradient(180deg,#394348 0%,#1c262b 22%,#131b20 100%);color:#fbfaf7;border:1px solid #ffffff37}.sticky-cta{background:linear-gradient(transparent,#101b24d9 30%)}footer{padding:44px 25px 105px}.foot-links{gap:3px 24px;font-size:13px}.foot-brand p{font-size:13px}.foot-base{margin-top:22px;padding-top:15px}.footer-details .fine{font-size:11px}.hero .scene-inner{gap:32px}}
/* A closer, centered desktop composition; the handset keeps its own fixed scale. */
@media(min-width:901px){.scene-inner,.scene--reverse .scene-inner{max-width:1020px;grid-template-columns:minmax(0,530px) 344px;gap:86px;justify-content:center}.scene--reverse .scene-inner{grid-template-columns:344px minmax(0,530px)}.scene-copy{width:100%}.scene h1{font-size:clamp(64px,5.4vw,80px)}.scene h2,.remember h2{font-size:clamp(60px,5.1vw,76px)}.scene-copy .lead{font-size:20px}}
@media(min-width:901px) and (max-height:780px){.scene-inner,.scene--reverse .scene-inner{max-width:920px;grid-template-columns:minmax(0,510px) 280px;gap:76px}.scene--reverse .scene-inner{grid-template-columns:280px minmax(0,510px)}.scene .demo{width:280px}.scene-copy .lead{font-size:18px}}
/* 17/22 system-body proportions, scaled uniformly with a 393-unit device canvas.
   Bubble padding/radii are visual measurements, not published Apple specifications. */
.message{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;font-size:4.326cqw;line-height:1.294117647;letter-spacing:-.026em}.message p{padding:2.3cqw 3.3cqw;border-radius:4.6cqw}.messages{gap:2.04cqw}.conversation-log{mask-image:none}.incoming p{background:#262628}
/* Keep decoder layering underneath the readability scrim, even at full opacity. */
.scenery-motion{isolation:isolate}.scenery-scrim{z-index:2}
@media(min-width:901px){#question .scene-inner{max-width:940px;grid-template-columns:minmax(0,440px) 344px;gap:76px}}
@media(min-width:901px) and (max-height:780px){#question .scene-inner{max-width:860px;grid-template-columns:minmax(0,430px) 280px;gap:66px}}
/* Background refinement: original church painting and lighter atmosphere. */
.scenery{height:100lvh}.scenery picture,.scenery-motion{filter:none!important}.scenery video{transition:opacity .9s cubic-bezier(.22,.61,.36,1);object-position:center}.scenery img{object-position:center}.scenery-motion{transition:opacity .9s ease}.scenery-scrim{background:linear-gradient(90deg,#10233873,#10233824 70%),linear-gradient(0deg,#101f2b40,transparent 45%,#13223520)}
@media(hover:none),(pointer:coarse){.scenery-motion{display:none!important}}
@media(max-width:760px){.scenery-scrim{background:linear-gradient(180deg,#10233870 0%,#10233858 43%,#10233814 70%,#10233828 100%)}.scenery img{object-position:center}}

/* Give the next-scene cue a little more space beneath the handset. */
.next-scene svg{width:28px;height:28px;stroke-width:1.4}
.scene-inner{padding-bottom:109px}
@media(min-width:901px) and (max-height:780px){.scene-inner{padding-bottom:89px}}
@media(max-width:760px){.scene .scene-inner{padding-bottom:146px}.remember .scene-inner{padding-bottom:149px}.hero .scene-inner{padding-bottom:96px}.consent-open .hero .scene-inner{padding-bottom:calc(96px + var(--consent-h))}}

/* Participant labels keep the shared thread clear without extra device chrome. */
.sender-name{display:block;color:#b5b5bc;font-size:3.1cqw;line-height:1.3;margin:0 0 1cqw 3.3cqw;letter-spacing:0}
.group-avatars{display:flex;align-items:center;justify-content:center;height:14cqw;padding-inline:3cqw}
.group-avatars b{display:grid;place-items:center;width:12cqw;height:12cqw;border-radius:50%;background:#756890;color:white;font:500 5cqw/1 -apple-system,BlinkMacSystemFont,sans-serif;margin-right:-3cqw;border:1cqw solid #0b0b0d}
.group-avatars img{position:relative;border:1cqw solid #0b0b0d}

/* Matched native poster/video framing; freeze the outgoing decoded frame during seeks. */
.scenery-freeze{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;opacity:0;pointer-events:none}
.scenery .scenery-motion video{transition:none;transform:none;filter:none}

/* Footer disclosures expand in place, outside the story's snap choreography. */
.story-scroll.footer-browsing{scroll-snap-type:none;overflow-anchor:none;scroll-padding-block:100px calc(110px + var(--consent-h))}
footer{overflow-anchor:none}
.footer-faq{max-width:1200px;margin:28px auto 0}
.footer-faq h3{margin:0 0 8px;font:500 12px/1.5 Karla,sans-serif;color:#faf6ee99}
.footer-details{max-width:820px}
.footer-faq .footer-details{border:0}
.foot-base{border-top:0;margin-top:24px;padding-top:0}
.footer-details>summary{display:flex;justify-content:space-between;width:100%;min-height:48px;gap:24px;padding:11px 0;font-size:13px;line-height:1.5}
.footer-details>summary:after,.footer-details[open]>summary:after{content:'+';display:block;flex:none;font-size:20px;line-height:1;transition:transform .32s cubic-bezier(.22,.61,.36,1);transform:rotate(0)}
.footer-details[open]>summary:after{transform:rotate(45deg)}
.footer-details[data-expanded=false]>summary:after{transform:rotate(0)}
.footer-details[data-expanded=true]>summary:after{transform:rotate(45deg)}
.disclosure-content{padding:6px 30px 16px 0;color:#faf6eeb3;font-size:13px;line-height:1.7}
.disclosure-content p{max-width:690px}
.disclosure-content a{text-underline-offset:3px;text-decoration-color:#faf6ee66}
.disclosure-content a:hover{text-decoration-color:currentColor}
.footer-details.is-animating{overflow:clip;will-change:height}
@media(max-width:760px){.footer-faq{margin-top:24px}.footer-details>summary{font-size:13px;min-height:48px}.disclosure-content{font-size:13px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.footer-details>summary:after{transition:none}}