:root{--yellow:#ffdc18;--yellow2:#ffbd00;--ink:#000;--panel:#101513;--line:#26302b;--muted:#9aa39e;--white:#f7faf8;--blue:#58d9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.nav{height:82px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800}.brand img{object-fit:contain}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{font-size:14px;color:#cbd2ce;font-weight:600}.nav nav a:hover{color:var(--yellow)}.nav-cta{background:var(--yellow);color:#050706!important;padding:12px 18px;border-radius:99px}
.hero{max-width:1240px;min-height:720px;margin:auto;padding:45px 28px 60px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:30px;position:relative}.hero-glow{position:absolute;width:530px;height:530px;left:-230px;top:50px;background:#ffdc1817;filter:blur(80px);border-radius:50%;pointer-events:none}.eyebrow,.section-label{color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 17px var(--yellow)}h1{font-size:clamp(54px,6vw,88px);line-height:.95;letter-spacing:-.065em;margin:24px 0 25px;font-weight:900}h1 em{color:var(--yellow);font-style:normal}.lead{font-size:18px;line-height:1.65;color:#b8c0bc;max-width:610px}.script{font-family:Caveat,cursive;color:var(--yellow);font-size:30px;margin:20px 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:54px;padding:0 23px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:800;font-size:15px}.primary{background:var(--yellow);color:#080b0a;box-shadow:0 10px 38px #ffdc1825}.primary:hover{background:#ffe44e}.secondary{border:1px solid #38423d;background:#111614}.secondary:hover{border-color:var(--yellow)}
.store-row{display:grid;grid-template-columns:210px;gap:10px;margin-top:34px}.store-pill{border:1px solid #344039;background:#0d110f;border-radius:13px;padding:11px 16px}.store-pill small,.store-pill strong{display:block}.store-pill small{font-size:9px;color:#929c96;letter-spacing:.08em}.store-pill strong{font-size:17px;margin-top:3px}
.hero-visual{min-height:625px;position:relative;display:flex;align-items:flex-end;justify-content:center}.portrait-glow{position:absolute;width:460px;height:460px;bottom:30px;border-radius:50%;background:#ffdc181c;filter:blur(65px)}.character{display:block;position:relative;z-index:2;filter:drop-shadow(0 28px 35px #000);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 92%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 92%,transparent 100%)}.character-hero{width:min(100%,560px);max-height:640px;object-fit:contain;object-position:center bottom}.hero-sign{position:absolute;z-index:3;left:50%;top:55%;width:38%;transform:translate(-50%,-50%);color:#080b0a;text-align:center;line-height:.96;letter-spacing:-.04em}.hero-sign strong,.hero-sign em{display:block}.hero-sign strong{font-size:clamp(18px,2vw,29px);font-weight:900}.hero-sign em{font-size:clamp(16px,1.8vw,26px);font-style:normal;font-weight:800;margin-top:5px}
.steps{padding:110px 28px 70px;max-width:1180px;margin:auto}.section-heading{text-align:center}.section-heading span{color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:.18em}.section-heading h2,.product-copy h2,.app-copy h2,.launch h2{font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-.045em;margin:18px 0 48px}.story-flow{margin-top:40px}.story-row{min-height:520px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;border-bottom:1px solid #202722}.story-row.reverse .story-image{order:2}.story-row.reverse .story-copy{order:1}.story-image{height:520px;display:flex;align-items:flex-end;justify-content:center;position:relative}.story-image:after{content:"";position:absolute;inset:28% 12% 8%;border-radius:50%;background:#ffdc1812;filter:blur(45px)}.story-image img{height:100%;max-width:100%;object-fit:contain;object-position:center bottom}.story-copy{max-width:460px}.story-copy b{font-size:92px;line-height:.8;color:#ffffff09;display:block;margin-bottom:-28px}.story-copy span{color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:.18em}.story-copy h3{font-size:clamp(46px,6vw,74px);line-height:1;margin:14px 0 20px;letter-spacing:-.055em}.story-copy p,.app-copy p{font-size:17px;line-height:1.7;color:#aab2ae}
.parent-story{max-width:1180px;margin:80px auto 120px;padding:30px 50px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center;overflow:hidden}.parent-character{height:650px;display:flex;align-items:flex-end;justify-content:center;position:relative}.parent-character:after{content:"";position:absolute;inset:35% 15% 8%;background:#ffdc1810;border-radius:50%;filter:blur(55px)}.parent-character img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.product-copy{padding:55px 0 70px}.product-copy h2{margin-bottom:20px}.product-copy>p{color:#aab2ae;line-height:1.7;font-size:17px}.product-copy ul{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:21px}.product-copy li{display:flex;gap:14px}.product-copy li i{font-style:normal;width:26px;height:26px;border-radius:8px;background:var(--yellow);color:#080b0a;display:grid;place-items:center;font-weight:900;flex:none}.product-copy li strong,.product-copy li span{display:block}.product-copy li strong{font-size:16px}.product-copy li span{font-size:13px;color:#99a19d;margin-top:5px;line-height:1.5}
.app-story{max-width:1180px;margin:0 auto 130px;padding:30px 50px 0;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:35px}.app-copy h2{margin-bottom:20px}.app-stage{height:780px;position:relative;display:flex;align-items:flex-end;justify-content:center}.app-screen-frame{position:absolute;left:1%;bottom:42px;width:31%;max-width:175px;aspect-ratio:426/1844;overflow:hidden;z-index:4;filter:drop-shadow(0 30px 40px #000);border-radius:16px}.app-screen{display:block;width:200%;height:100%;max-width:none}.character-brody{height:100%;max-width:92%;margin-left:auto;object-fit:contain;object-position:right bottom}
.launch{max-width:1060px;margin:0 auto 110px;padding:85px 35px;text-align:center;position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(145deg,#ffdc18,#ffbd00);color:#090b0a}.launch .section-label{color:#191c19}.launch h2{margin:15px 0}.launch>p:not(.section-label,.script){max-width:620px;margin:0 auto 30px;line-height:1.65;font-size:17px}.coin-mark{width:64px;height:64px;border:5px solid #080b0a;border-radius:50%;margin:0 auto 24px;display:grid;place-items:center;font-weight:900;font-size:30px;box-shadow:inset 0 0 0 3px var(--yellow)}.socials{display:flex;justify-content:center;gap:12px;position:relative;z-index:2}.socials a{background:#090b0a;color:white;border-radius:13px;padding:16px 22px;font-weight:800}.socials a span{color:var(--yellow);margin-left:12px}.bottom-script{color:#111;font-size:28px;margin:30px 0 0}.launch .script{position:relative;z-index:2}
footer{border-top:1px solid #202622;max-width:1180px;margin:auto;padding:34px 0 45px;display:flex;align-items:center;gap:25px;color:#88928c;font-size:12px}footer p:last-child{margin-left:auto}.mini{color:white;font-size:17px}
@media(max-width:900px){.nav nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.eyebrow,.actions{justify-content:center}.lead{margin-left:auto;margin-right:auto}.store-row{margin-left:auto;margin-right:auto}.hero-visual{min-height:590px;margin-top:15px}.story-row,.parent-story,.app-story{grid-template-columns:1fr;gap:0}.story-row{padding-top:35px}.story-row.reverse .story-image,.story-row.reverse .story-copy{order:initial}.story-copy{text-align:center;margin:auto;padding:30px 0 70px}.parent-story{margin-left:18px;margin-right:18px;padding:25px 35px 0}.parent-character{height:590px}.product-copy{text-align:center}.product-copy li{text-align:left}.app-story{padding:20px 28px 0}.app-copy{text-align:center}.app-stage{height:650px}.launch{margin-left:18px;margin-right:18px}}
@media(max-width:600px){.nav{height:70px;padding:0 18px}.brand{font-size:19px}.brand img{width:40px;height:40px}.nav-cta{padding:10px 14px!important}.hero{padding:40px 18px 20px;min-height:auto}h1{font-size:50px}.lead{font-size:16px}.script{font-size:26px}.actions{display:grid}.button{width:100%}.store-row{width:100%;grid-template-columns:1fr}.store-pill{padding:13px 16px;text-align:left}.store-pill strong{font-size:17px}.hero-visual{min-height:480px;margin-top:20px}.character-hero{max-height:510px}.steps{padding:75px 18px 40px}.section-heading h2,.product-copy h2,.app-copy h2,.launch h2{font-size:39px}.story-row{min-height:auto}.story-image{height:430px}.story-copy{padding-top:15px}.story-copy b{font-size:70px}.parent-story{padding:15px 22px 0;border-radius:24px;margin-bottom:85px}.parent-character{height:460px}.product-copy{padding:30px 0 55px}.app-story{padding:0 18px;margin-bottom:80px}.app-stage{height:690px}.app-screen-frame{left:2%;bottom:30px;width:46%;max-width:160px;border-radius:13px}.character-brody{height:630px;max-width:83%}.launch{padding:65px 22px;margin-bottom:70px}.socials{flex-direction:column}.socials a{width:100%}footer{margin:0 18px;padding:30px 0;flex-wrap:wrap}footer p{margin:0}footer p:last-child{width:100%;margin-left:0}.mini{width:100%}}

/* Continuous campaign flow */
.story-flow{margin-top:10px}.story-row{min-height:560px;grid-template-columns:1.08fr .92fr;gap:20px;border-bottom:0;position:relative}.story-row.reverse{grid-template-columns:.92fr 1.08fr}.story-image{height:560px}.story-copy,.app-copy,.product-copy{position:relative;z-index:5}.app-story{margin-bottom:80px;grid-template-columns:.78fr 1.22fr;gap:0}.app-stage{height:720px}.character-brody{height:100%;max-width:100%;margin-left:auto}
@media(max-width:900px){.story-row,.story-row.reverse{grid-template-columns:1fr;padding-top:0}.story-copy{width:100%;margin:-78px auto 0;padding:82px 18px 70px;background:linear-gradient(to bottom,transparent,#000 24%)}.product-copy{margin-top:-62px;padding-top:72px;background:linear-gradient(to bottom,transparent,#000 16%)}.app-stage{order:1}.app-copy{order:2;margin-top:-82px;padding:82px 0 55px;background:linear-gradient(to bottom,transparent,#000 18%)}.app-story{grid-template-columns:1fr}}
@media(max-width:600px){.steps{padding-top:45px;padding-bottom:20px}.story-image{height:460px}.story-copy{margin-top:-92px;padding:96px 8px 58px}.parent-story{margin-bottom:45px}.parent-character{height:500px}.product-copy{margin-top:-88px;padding:96px 0 55px}.app-story{margin-bottom:55px}.app-stage{height:600px}.app-copy{margin-top:-98px;padding:102px 0 45px}.character-brody{height:600px;max-width:100%;margin:auto}}

/* Messages live inside the devices */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{display:block;max-width:900px;padding-top:20px}.hero-copy,.hero-sign{display:none}.display-scene{position:relative;margin-left:auto;margin-right:auto}.display-scene .character{-webkit-mask-image:none;mask-image:none;filter:none}.adam-scene{width:min(100%,760px);aspect-ratio:1086/1448;min-height:0;display:block}.adam-scene .character-hero{width:100%;height:100%;max-height:none;object-fit:contain}.hero-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:-45px auto 45px;position:relative;z-index:8}.device-message{position:absolute;z-index:6;background:linear-gradient(145deg,#101513,#070908);border:2px solid #28332e;border-radius:clamp(10px,1.6vw,22px);color:#f7faf8;padding:clamp(12px,2vw,26px);display:flex;flex-direction:column;justify-content:center;text-align:left;box-shadow:inset 0 0 40px #0008}.device-message:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--yellow);right:14px;top:14px;box-shadow:0 0 14px var(--yellow)}.device-label{color:var(--yellow);font-size:clamp(8px,1.1vw,13px);font-weight:900;letter-spacing:.13em}.device-message h1,.device-message h2,.device-message h3{color:#fff;font-style:normal;letter-spacing:-.055em;line-height:.98;margin:clamp(8px,1vw,14px) 0}.device-message h1{font-size:clamp(25px,4vw,48px)}.device-message h1 em{color:var(--yellow)}.device-message h2,.device-message h3{font-size:clamp(25px,4vw,52px)}.device-message p{font-size:clamp(11px,1.45vw,17px);line-height:1.45;color:#c1c9c5;margin:0}.device-message small{font-family:Caveat,cursive;color:var(--blue);font-size:clamp(12px,1.7vw,20px);margin-top:10px}.device-message b{position:absolute;right:18px;bottom:8px;font-size:clamp(35px,6vw,72px);color:#ffffff0c}.adam-scene .device-message{left:13.5%;top:52%;width:73%;height:34.5%}.steps{padding-top:20px}.story-flow{margin:0}.story-row,.story-row.reverse{display:block;min-height:0;max-width:850px;margin:0 auto 20px}.story-image{width:100%;height:auto;position:relative}.story-image:after{display:none}.story-image img{width:100%;height:auto;max-width:none}.tyler-scene{max-width:720px}.tyler-scene .device-message{left:15.3%;top:22%;width:38.5%;height:55.5%}.sophie-scene{max-width:1000px}.sophie-scene .device-message{left:24.2%;top:57%;width:45.5%;height:38.5%}.willow-scene{max-width:720px}.willow-scene .device-message{left:10.6%;top:25.5%;width:45%;height:51%}.phone-scene .device-message{padding:clamp(10px,1.5vw,20px)}.phone-scene .device-message h3{font-size:clamp(24px,4vw,42px)}.phone-scene .device-message p{font-size:clamp(10px,1.25vw,15px)}.parent-story.ktrain-scene{display:block;max-width:1000px;width:calc(100% - 36px);aspect-ratio:1536/1024;margin:30px auto 20px;padding:0;overflow:visible}.ktrain-scene .parent-character{width:100%;height:100%}.ktrain-scene .parent-character:after{display:none}.ktrain-scene .parent-character img{width:100%;height:100%;object-fit:contain}.ktrain-scene .device-message{left:24%;top:36.5%;width:45.7%;height:57%}.ktrain-scene .device-message h2{font-size:clamp(23px,3.7vw,48px)}.app-story{display:block;max-width:720px;margin:0 auto 25px;padding:0}.app-stage{height:auto}.character-brody{width:100%;height:auto;max-width:100%;margin:0}.launch{margin-top:10px}
@media(max-width:600px){.hero{padding:0 8px 10px}.hero-links{margin:-22px 10px 28px}.hero-links .button{width:calc(50% - 6px);padding:0 10px;font-size:13px}.steps{padding:0 6px}.story-row,.story-row.reverse{margin-bottom:0}.device-message{border-width:1px;padding:10px;border-radius:10px}.device-message:before{width:5px;height:5px;right:8px;top:8px}.device-label{font-size:7px}.adam-scene .device-message h1{font-size:24px}.adam-scene .device-message p{font-size:10px}.adam-scene .device-message small{font-size:13px;margin-top:5px}.phone-scene .device-message{padding:10px 8px}.phone-scene .device-message h3{font-size:25px;margin:7px 0}.phone-scene .device-message p{font-size:10px;line-height:1.35}.sophie-scene .device-message h3{font-size:25px}.sophie-scene .device-message p{font-size:10px}.ktrain-scene .device-message h2{font-size:23px}.ktrain-scene .device-message p{font-size:10px}.parent-story.ktrain-scene{width:100%;margin-top:0}.app-story{width:100%;margin-bottom:10px}.launch{margin-top:0}}

/* Exact device screen fit */
.device-message{overflow:hidden}.adam-scene .device-message{left:13.55%;top:52.25%;width:72.95%;height:33.8%;padding:clamp(11px,1.8vw,23px)}.tyler-scene .device-message{left:16.35%;top:23.45%;width:35.45%;height:56.9%}.sophie-scene .device-message{left:25.75%;top:54%;width:47.75%;height:35.9%}.willow-scene .device-message{left:14%;top:26.85%;width:40.25%;height:48.45%}.ktrain-scene .device-message{left:26.35%;top:55.55%;width:46.55%;height:32.95%}.coming-banner{width:100%;min-height:58px;background:var(--yellow);color:#050706;display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,65px);overflow:hidden;padding:14px 20px;font-size:12px;font-weight:900;letter-spacing:.15em;white-space:nowrap}.coming-banner span{font-size:15px}.coming-banner i{font-style:normal;opacity:.72}.coming-banner.dark{background:#0f1412;color:var(--yellow);border-top:1px solid #28322d;border-bottom:1px solid #28322d}
@media(max-width:600px){.adam-scene .device-message{padding:8px 10px}.adam-scene .device-message h1{font-size:21px;margin:5px 0}.adam-scene .device-message p{font-size:8.5px;line-height:1.3}.adam-scene .device-message small{font-size:11px;margin-top:3px}.phone-scene .device-message{padding:8px 7px}.phone-scene .device-message h3{font-size:21px;margin:5px 0}.phone-scene .device-message p{font-size:8.5px;line-height:1.28}.phone-scene .device-label{font-size:6px}.device-message b{font-size:38px;right:8px;bottom:4px}.sophie-scene .device-message{padding:7px 9px}.sophie-scene .device-message h3{font-size:21px;margin:5px 0}.sophie-scene .device-message p{font-size:8.5px;line-height:1.25}.sophie-scene .device-label{font-size:6px}.ktrain-scene .device-message{padding:8px 10px}.ktrain-scene .device-message h2{font-size:20px;margin:5px 0}.ktrain-scene .device-message p{font-size:8.5px;line-height:1.3}.ktrain-scene .device-label{font-size:6px}.coming-banner{min-height:48px;justify-content:flex-start;gap:25px;padding:11px 14px;font-size:9px}.coming-banner span{font-size:11px}}

/* Centred device headlines */
.display-scene .device-message{text-align:center;align-items:center;justify-content:center}.phone-scene .device-message h3,.sophie-scene .device-message h3{font-size:clamp(34px,5vw,62px);font-weight:900}.ktrain-scene{margin-top:70px!important}.ktrain-scene .device-message h2{font-size:clamp(30px,4.3vw,56px);font-weight:900}.adam-scene .device-message h1{font-weight:900}.adam-scene .device-message p{max-width:92%}
@media(max-width:600px){.phone-scene .device-message h3{font-size:30px;margin:7px 0}.sophie-scene .device-message h3{font-size:28px;margin:7px 0}.ktrain-scene{margin-top:48px!important}.ktrain-scene .device-message h2{font-size:25px;margin:6px 0}.adam-scene .device-message h1{font-size:20px}.adam-scene .device-message p{font-size:8px}.adam-scene .device-message small{font-size:10px}}

/* Compact final Coming Soon card */
.launch{max-width:900px;margin-top:48px;padding:68px 35px 62px}
@media(max-width:600px){.launch{margin:36px 34px 70px;padding:46px 18px 42px;border-radius:27px}.launch h2{font-size:34px}.launch>p:not(.section-label,.script){font-size:15px;line-height:1.5}.bottom-script{font-size:24px}}

/* Adam iPad inset */
.adam-scene .device-message{left:15%;top:53.25%;width:70%;height:31.7%}.hero{padding-bottom:24px}
@media(max-width:600px){.adam-scene .device-message{left:15.2%;top:53.4%;width:69.6%;height:31.2%}.hero{padding-bottom:18px}}

/* Story banners and larger parent scene */
.inline-banner{width:100vw;margin-left:calc(50% - 50vw);margin-bottom:42px}.parent-story.ktrain-scene{width:min(106%,1060px);max-width:1060px}
@media(max-width:600px){.inline-banner{margin-bottom:38px}.parent-story.ktrain-scene{width:106%;margin-left:-3%;margin-right:-3%}}

/* Identical person, banner, gap rhythm */
.hero{padding-bottom:0}.steps{padding-bottom:0}.story-row,.story-row.reverse{margin-bottom:0}.inline-banner{margin-bottom:44px}.parent-story.ktrain-scene{margin-bottom:0}.app-story{margin-bottom:0}.coming-banner + .steps{padding-top:44px}.coming-banner + .ktrain-scene{margin-top:44px!important}.coming-banner + .app-story{margin-top:44px}.coming-banner + .launch{margin-top:44px}
@media(max-width:600px){.inline-banner{margin-bottom:38px}.coming-banner + .steps{padding-top:38px}.coming-banner + .ktrain-scene{margin-top:38px!important}.coming-banner + .app-story{margin-top:38px}.coming-banner + .launch{margin-top:38px}}

.opening-brand-banner{display:block;width:min(86%,650px);height:auto;margin:0 auto 12px;object-fit:contain}
.hero-glow,.portrait-glow{display:none}
.coin-mark.exact-coin{display:block;width:72px;height:72px;border:0;box-shadow:none;object-fit:contain}
.adam-scene .adam-message{justify-content:center;gap:clamp(24px,3.2vw,42px);padding:clamp(22px,4vw,48px)}
.adam-scene .adam-message h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:0;text-align:center}
.adam-scene .adam-message p{font-size:clamp(13px,1.7vw,19px);line-height:1.55;max-width:92%;margin:0 auto;text-align:center}
@media(max-width:600px){.opening-brand-banner{width:94%;margin-bottom:4px}.coin-mark.exact-coin{width:64px;height:64px}}
@media(max-width:600px){.adam-scene .adam-message{gap:18px;padding:18px 16px}.adam-scene .adam-message h1{font-size:28px}.adam-scene .adam-message p{font-size:11px;line-height:1.45}}

.hero-kristin{width:min(100%,1000px);aspect-ratio:1448/1086;min-height:0;display:block}
.hero-kristin .character-hero{width:100%;height:100%;max-height:none;object-fit:contain}
.hero-kristin .device-message{left:27.35%;top:56.65%;width:44.55%;height:31.1%}
.hero-kristin .adam-message{justify-content:center;gap:clamp(8px,1vw,14px);padding:clamp(10px,1.7vw,22px)}
.hero-kristin .adam-message h1{font-size:clamp(20px,2.8vw,36px);line-height:1;margin:0;text-align:center;white-space:nowrap}
.hero-kristin .adam-message p{font-size:clamp(9px,1.05vw,13px);line-height:1.35;max-width:96%;margin:0 auto;text-align:center}
.final-adam{margin-top:44px}
.final-adam .parent-control-message{align-items:center;text-align:center;padding:clamp(16px,3vw,34px)}
.final-adam .parent-control-message h2{font-size:clamp(30px,4.4vw,54px);margin:12px 0 0}
@media(max-width:600px){.hero-kristin .adam-message{gap:6px;padding:8px}.hero-kristin .adam-message h1{font-size:16px}.hero-kristin .adam-message p{font-size:7px}.final-adam{margin-top:38px}.final-adam .parent-control-message h2{font-size:26px}}

/* Kristin border and Brody catchphrase */
.ktrain-scene .device-message{left:27.35%;top:56.65%;width:44.55%;height:31.1%}.brody-scene .app-stage{position:relative}.brody-message{position:absolute;z-index:6;left:18.2%;top:36.8%;width:28.6%;height:39.2%;border-radius:12px;background:linear-gradient(145deg,#101513,#070908);border:1px solid #25312c;color:var(--blue);font-family:Caveat,cursive;font-size:clamp(26px,4.2vw,50px);font-weight:600;line-height:1.05;text-align:center;display:flex;align-items:center;justify-content:center;padding:14px}
@media(max-width:600px){.ktrain-scene .device-message{left:27.55%;top:56.9%;width:44.1%;height:30.6%}.ktrain-scene .device-message h2{font-size:23px}.brody-message{left:18.3%;top:36.9%;width:28.4%;height:39%;border-radius:7px;font-size:27px;padding:6px}}

/* Even yellow device borders */
.sophie-scene .device-message{left:25.83%;top:54.33%;width:47.79%;height:35.36%}.ktrain-scene .device-message{left:27.14%;top:57%;width:45.17%;height:30.11%}.brody-message{left:17.31%;top:36.46%;width:29.74%;height:39.5%;border:4px solid var(--yellow);box-shadow:inset 0 0 0 4px #101513}
@media(max-width:600px){.sophie-scene .device-message{left:25.83%;top:54.33%;width:47.79%;height:35.36%}.ktrain-scene .device-message{left:27.14%;top:57%;width:45.17%;height:30.11%}.brody-message{left:17.31%;top:36.46%;width:29.74%;height:39.5%;border-width:2px;box-shadow:inset 0 0 0 2px #101513;font-size:25px}}

/* Match the approved clean yellow device border */
.adam-scene .device-message,.sophie-scene .device-message,.ktrain-scene .device-message{border:4px solid var(--yellow);box-shadow:inset 0 0 0 4px #101513}
@media(max-width:600px){.adam-scene .device-message,.sophie-scene .device-message,.ktrain-scene .device-message{border-width:2px;box-shadow:inset 0 0 0 2px #101513}}

/* Final Kristin alignment and consistent campaign banners */
.ktrain-scene .device-message{left:28.44%;top:57%;width:42.57%;height:30.11%;border-width:2px;box-shadow:inset 0 0 0 2px #101513;border-radius:18px}
.coming-banner{gap:clamp(24px,7vw,90px)}.coming-banner span{font-size:15px;font-style:normal;font-weight:900;opacity:1;text-align:center}.final-banner{margin-top:28px}
@media(max-width:600px){.ktrain-scene .device-message{left:28.44%;top:57%;width:42.57%;height:30.11%;border-width:1px;box-shadow:inset 0 0 0 1px #101513;border-radius:10px}.coming-banner{justify-content:center;gap:22px;padding-left:10px;padding-right:10px}.coming-banner span{font-size:10px;letter-spacing:.1em}.final-banner{margin-top:24px}}

/* Panels fitted to the physical device frames */
.adam-scene .device-message{border-width:2px;box-shadow:inset 0 0 0 2px #101513}
.brody-message{left:17.31%;top:36.46%;width:28.5%;height:39.5%;border-width:2px;box-shadow:inset 0 0 0 2px #101513;border-radius:12px}
@media(max-width:600px){.adam-scene .device-message{border-width:1px;box-shadow:inset 0 0 0 1px #101513}.brody-message{left:17.31%;top:36.46%;width:28.5%;height:39.5%;border-width:1px;box-shadow:inset 0 0 0 1px #101513;border-radius:7px}}

/* Permanent device screen lock, measured from each original image */
.display-scene .device-message,.brody-message{overflow:hidden;isolation:isolate}
.adam-scene .device-message{left:13.9%;top:52.4%;width:72.2%;height:34.3%;border:2px solid #28332e;border-radius:18px;box-shadow:inset 0 0 40px #0008;clip-path:inset(0 round 18px)}
.sophie-scene .device-message{left:25.76%;top:54.24%;width:47.93%;height:35.54%;border:2px solid #28332e;border-radius:18px;box-shadow:inset 0 0 40px #0008;clip-path:inset(0 round 18px)}
.ktrain-scene .device-message{left:26.45%;top:55.8%;width:46.55%;height:32.5%;border:2px solid #28332e;border-radius:18px;box-shadow:inset 0 0 40px #0008;clip-path:inset(0 round 18px)}
.brody-message{left:18.42%;top:37.29%;width:26.43%;height:38.26%;border:4px solid var(--yellow);border-radius:10px;box-shadow:inset 0 0 0 4px #101513;clip-path:inset(0 round 10px)}
@media(max-width:600px){.adam-scene .device-message{left:13.9%;top:52.4%;width:72.2%;height:34.3%;border-width:1px;border-radius:10px;clip-path:inset(0 round 10px)}.sophie-scene .device-message{left:25.76%;top:54.24%;width:47.93%;height:35.54%;border-width:1px;border-radius:10px;clip-path:inset(0 round 10px)}.ktrain-scene .device-message{left:26.45%;top:55.8%;width:46.55%;height:32.5%;border-width:1px;border-radius:10px;clip-path:inset(0 round 10px)}.brody-message{left:18.42%;top:37.29%;width:26.43%;height:38.26%;border-width:2px;border-radius:6px;box-shadow:inset 0 0 0 2px #101513;clip-path:inset(0 round 6px)}}

/* Final measured corrections from the rendered mobile images */
.ktrain-scene .device-message{left:29.05%;top:55.8%;width:41.4%;height:32.5%;border:2px solid #28332e;border-radius:16px;clip-path:inset(0 round 16px)}
.brody-message{left:18.42%;top:37.29%;width:26.43%;height:38.26%;padding:0;border:0;background:var(--yellow);box-shadow:none;border-radius:0;clip-path:polygon(0 0,98% 0,100% 100%,4% 100%)}
.brody-message:after{content:"";position:absolute;z-index:0;left:4px;right:4px;top:4px;bottom:4px;background:linear-gradient(145deg,#101513,#070908);clip-path:polygon(0 0,98% 0,100% 100%,4% 100%)}
.brody-message span{position:relative;z-index:1;display:block;padding:14px}
@media(max-width:600px){.ktrain-scene .device-message{left:29.05%;top:55.8%;width:41.4%;height:32.5%;border-width:1px;border-radius:9px;clip-path:inset(0 round 9px)}.brody-message{left:18.42%;top:37.29%;width:26.43%;height:38.26%;clip-path:polygon(0 0,98% 0,100% 100%,4% 100%)}.brody-message:after{left:2px;right:2px;top:2px;bottom:2px}.brody-message span{padding:6px}}

/* Final unified screen construction, matching Tyler and Willow */
.adam-scene .device-message{left:12.89%;top:51.66%;width:74.31%;height:35.01%}
.sophie-scene .device-message{left:24.79%;top:53.22%;width:49.86%;height:37.57%}
.ktrain-scene .device-message{left:28.21%;top:54.79%;width:43.09%;height:34.53%}
.adam-scene .device-message,.sophie-scene .device-message,.ktrain-scene .device-message{border:3px solid var(--yellow);border-radius:18px;box-shadow:inset 0 0 0 4px #101513;clip-path:inset(0 round 18px)}
.brody-message{left:18.23%;top:37.22%;width:26.52%;height:38.6%;padding:0;border:3px solid var(--yellow);border-radius:10px;background:linear-gradient(145deg,#101513,#070908);box-shadow:inset 0 0 0 4px #101513;clip-path:inset(0 round 10px)}
.brody-message:after{display:none}.brody-message span{padding:14px}
@media(max-width:600px){.adam-scene .device-message{left:12.89%;top:51.66%;width:74.31%;height:35.01%}.sophie-scene .device-message{left:24.79%;top:53.22%;width:49.86%;height:37.57%}.ktrain-scene .device-message{left:28.21%;top:54.79%;width:43.09%;height:34.53%}.adam-scene .device-message,.sophie-scene .device-message,.ktrain-scene .device-message{border-width:3px;border-radius:10px;box-shadow:inset 0 0 0 3px #101513;clip-path:inset(0 round 10px)}.brody-message{left:18.23%;top:37.22%;width:26.52%;height:38.6%;border-width:3px;border-radius:7px;box-shadow:inset 0 0 0 3px #101513;clip-path:inset(0 round 7px)}.brody-message span{padding:6px}}

/* Brody tablet perspective lock */
.brody-message{left:18.35%;top:37.1%;width:26.35%;height:38.75%;padding:0;border:0;border-radius:0;background:var(--yellow);box-shadow:none;clip-path:polygon(0 2%,100% 0,96% 98%,5% 100%)}
.brody-message:after{content:"";display:block;position:absolute;z-index:0;inset:3px;background:linear-gradient(145deg,#101513,#070908);clip-path:polygon(0 2%,100% 0,96% 98%,5% 100%)}
.brody-message span{position:relative;z-index:1;display:block;padding:14px;transform:rotate(-1.8deg);transform-origin:center}
@media(max-width:600px){.brody-message{left:18.35%;top:37.1%;width:26.35%;height:38.75%;border:0;border-radius:0;box-shadow:none;clip-path:polygon(0 2%,100% 0,96% 98%,5% 100%)}.brody-message:after{inset:3px}.brody-message span{padding:6px;transform:rotate(-1.8deg)}}

/* Brody full screen backing, border and content follow one perspective */
.brody-message{left:17.95%;top:36.85%;width:27.25%;height:39.2%;background:#050706;clip-path:polygon(0 2%,100% 0,96% 98%,5% 100%)}
.brody-message:before{content:"";position:absolute;z-index:0;inset:3px;background:var(--yellow);clip-path:polygon(0 2%,100% 0,96% 98%,5% 100%)}
.brody-message:after{content:"";display:block;position:absolute;z-index:1;inset:6px;background:linear-gradient(145deg,#101513,#070908);clip-path:polygon(0 2%,100% 0,96% 98%,5% 100%)}
.brody-message span{z-index:2}
@media(max-width:600px){.brody-message{left:17.95%;top:36.85%;width:27.25%;height:39.2%;background:#050706}.brody-message:before{inset:3px}.brody-message:after{inset:6px}}

/* Brody final square screen, rotated as one piece with the tablet */
.brody-message{left:17.7%;top:36.95%;width:27.6%;height:39%;padding:0;border:3px solid var(--yellow);border-radius:8px;background:linear-gradient(145deg,#101513,#070908);box-shadow:inset 0 0 0 4px #101513;clip-path:inset(0 round 8px);transform:rotate(-1.45deg);transform-origin:center}
.brody-message:before,.brody-message:after{display:none}.brody-message span{padding:14px;transform:none}
@media(max-width:600px){.brody-message{left:17.7%;top:36.95%;width:27.6%;height:39%;border:3px solid var(--yellow);border-radius:6px;background:linear-gradient(145deg,#101513,#070908);box-shadow:inset 0 0 0 3px #101513;clip-path:inset(0 round 6px);transform:rotate(-1.45deg)}.brody-message span{padding:6px;transform:none}}

/* Opening impact and consistent device typography */
.hero{max-width:1040px}
.hero-kristin{width:104%;max-width:1080px;margin-left:-2%}
.hero-kristin .adam-message h1{font-size:clamp(21px,3vw,38px)}
.hero-kristin .adam-message p{font-size:clamp(9px,1.1vw,14px)}
.brody-message{font-family:Inter,system-ui,sans-serif;font-size:clamp(18px,2.8vw,34px);font-weight:900;line-height:1.02}
.brody-message span{width:100%;padding:12px}
.brody-message strong,.brody-message em{display:block;font-style:normal;font-weight:900}
.brody-message strong{color:#fff}
.brody-message em{color:var(--yellow);margin-top:10px}
@media(max-width:600px){
  .hero-kristin{width:104%;margin-left:-2%}
  .hero-kristin .adam-message h1{font-size:17px}
  .hero-kristin .adam-message p{font-size:7.5px}
  .brody-message{font-size:17px;line-height:1.02}
  .brody-message span{padding:5px}
  .brody-message em{margin-top:7px}
}

/* Device-safe overlays: use the photographed yellow screen as the border */
.hero-kristin .device-message{
  left:25.97%;top:55.62%;width:47.38%;height:33.06%;
  border:0;box-shadow:inset 0 0 40px #0008;
  border-radius:14px;clip-path:inset(0 round 14px);
}
.sophie-scene .device-message{
  left:26.45%;top:54.14%;width:46.96%;height:35.91%;
  border:0;box-shadow:inset 0 0 40px #0008;
  border-radius:14px;clip-path:inset(0 round 14px);
}
.brody-message{
  left:13.95%;top:28.25%;width:20.9%;height:30.1%;
  border:3px solid var(--yellow);border-radius:9px;
  box-shadow:inset 0 0 0 3px #101513;
  clip-path:inset(0 round 9px);transform:rotate(-1.45deg);
}
.brody-message{font-size:clamp(16px,1.95vw,24px)}
@media(max-width:600px){
  .hero-kristin .device-message{left:25.97%;top:55.62%;width:47.38%;height:33.06%;border:0;border-radius:8px;clip-path:inset(0 round 8px)}
  .sophie-scene .device-message{left:26.45%;top:54.14%;width:46.96%;height:35.91%;border:0;border-radius:8px;clip-path:inset(0 round 8px)}
  .brody-message{left:13.95%;top:28.25%;width:20.9%;height:30.1%;border:2px solid var(--yellow);border-radius:5px;box-shadow:inset 0 0 0 2px #101513;clip-path:inset(0 round 5px);transform:rotate(-1.45deg)}
  .brody-message{font-size:13px}
}

/* Brody: cover the full existing tablet screen, never the bezel or hands */
.brody-message{
  left:17.7%;top:36.95%;width:27.6%;height:39%;
  border:3px solid var(--yellow);border-radius:8px;
  background:linear-gradient(145deg,#101513,#070908);
  box-shadow:inset 0 0 0 4px #101513;
  clip-path:inset(0 round 8px);transform:rotate(-1.45deg);
}
@media(max-width:600px){
  .brody-message{
    left:17.7%;top:36.95%;width:27.6%;height:39%;
    border:2px solid var(--yellow);border-radius:6px;
    box-shadow:inset 0 0 0 2px #101513;
    clip-path:inset(0 round 6px);transform:rotate(-1.45deg);
  }
}