:root{--ground:#14110e;--bone:#f4efe7;--copper:#c9752f;--mint:#3ddca0;--muted:rgb(244 239 231 / .62);--faint:rgb(244 239 231 / .45);--line:rgb(244 239 231 / .12);--sans:'Libre Franklin','Franklin Gothic Medium',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--p:0;--turn:0}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--ground);color:var(--bone);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}svg{display:block}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button[hidden]{display:none}
.header{position:absolute;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:28px 4.8vw}.brand{display:flex;align-items:center;gap:13px}.brand svg{width:45px;fill:var(--bone)}.brand span{font-size:15px;line-height:1.18;font-weight:500;letter-spacing:-.45px}.preview{font-size:12px;color:var(--faint);position:absolute;left:50%;transform:translateX(-50%)}.header-link{font-size:13px;display:flex;align-items:center;gap:20px}.header-link svg{width:21px;stroke:currentColor;fill:none;stroke-width:1.5}
.story{height:350svh;position:relative}.stage{height:100svh;min-height:740px;position:sticky;top:0;isolation:isolate;overflow:hidden}.ambient{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 76% 39%,rgb(201 117 47 / .09),transparent 43%)}.signal{position:absolute;z-index:-1;width:132%;height:124%;right:-31%;top:-14%;opacity:.8;transform:translateY(calc(var(--p)*-35px)) rotate(calc(var(--p)*-7deg));pointer-events:none}.story-copy{position:absolute;left:7.2%;top:24%;width:48%;will-change:opacity,transform}.intro-copy h1{font-size:clamp(64px,7.1vw,118px);line-height:.97;letter-spacing:-.065em}.story-copy>p{font-size:16px;line-height:1.65;color:var(--muted);margin-top:28px;max-width:365px;letter-spacing:-.15px}.watch{display:inline-flex;gap:18px;align-items:center;padding:16px 23px;border:1px solid rgb(244 239 231 / .24);background:var(--bone);color:var(--ground);border-radius:40px;font-size:13px;font-weight:500;margin-top:26px;transition:background .2s,transform .2s}.watch:hover{background:#fff;transform:translateY(-2px)}.play-icon{font-size:11px}.exchange-copy,.resolved-copy{opacity:0;pointer-events:none;top:32%}.story-copy h2{font-size:clamp(58px,6.4vw,98px);line-height:1.02;letter-spacing:-.06em}.chapter{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);margin-bottom:30px}.chapter-line{height:1px;width:30px;background:var(--mint)}.text-button{background:none;border:none;border-bottom:1px solid var(--line);padding:14px 0;display:flex;gap:28px;font-size:14px;margin-top:20px}.text-button span{font-size:23px}
.phone-scene{position:absolute;width:400px;height:650px;left:65%;top:48%;transform:translate(-50%,-50%);perspective:1400px;perspective-origin:20% 35%}.phone{width:318px;height:620px;position:absolute;left:41px;top:0;border-radius:52px;padding:8px;background:linear-gradient(115deg,#f4efe7 0%,#756d60 2%,#181511 5%,#494035 47%,#d6c1a5 76%,#534337 90%);transform-style:preserve-3d;transform:rotateY(calc(-29deg + var(--turn)*29deg)) rotateZ(calc(-13deg + var(--turn)*13deg)) rotateX(calc(9deg - var(--turn)*9deg));box-shadow:18px 22px 2px -14px #070605,19px 23px 4px -12px #8c7660,20px 28px 0 -11px #201a14,0 55px 65px -30px #000,0 0 0 1px rgb(244 239 231 / .22);will-change:transform}.phone:before{content:'';position:absolute;inset:2px;border:1px solid rgb(244 239 231 / .38);border-radius:50px;pointer-events:none}.phone:after{content:'';position:absolute;right:-3px;top:150px;width:4px;height:64px;border-radius:2px;background:linear-gradient(90deg,#221b14,#a79479,#33271c)}.phone-edge{position:absolute;left:-3px;top:130px;width:4px;height:75px;border-radius:2px;background:linear-gradient(90deg,#a79479,#33271c)}.phone-screen{background:linear-gradient(135deg,#211c16,#15120f 45%);border:2px solid #080705;border-radius:44px;height:100%;position:relative;overflow:hidden}.phone-screen:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:42px;box-shadow:inset 0 0 3px rgb(244 239 231 / .2)}.status{display:flex;justify-content:space-between;padding:15px 21px 14px;font-size:11px}.status time{font-family:var(--mono)}.status-icons{display:flex;gap:6px}.status-icons svg{height:10px;width:17px;fill:var(--bone);stroke:var(--bone);stroke-width:1}.status-icons svg:last-child{fill:none;width:20px}.island{width:86px;height:22px;position:absolute;top:9px;left:50%;transform:translateX(-50%);background:#080705;border-radius:18px}.screen-heading{display:flex;gap:10px;align-items:center;padding:17px 14px 16px;border-bottom:1px solid var(--line)}.screen-heading>svg{width:16px;stroke:var(--bone);fill:none;stroke-width:1.5}.screen-heading strong{font-size:13px;font-weight:500}.screen-heading span:not(.business-icon){display:block;font-size:9px;color:var(--faint);margin-top:4px}.business-icon{margin-left:auto;border:1px solid var(--line);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--muted)}.screen-content{position:absolute;top:118px;left:0;right:0;bottom:26px}.incoming{text-align:center;padding:44px 15px 0}.call-orbit{position:relative;margin:10px auto 43px;width:73px;height:73px;border-radius:50%;background:rgb(201 117 47 / .12);display:grid;place-items:center;color:var(--copper)}.call-orbit>svg{width:28px;fill:none;stroke:currentColor;stroke-width:1.1}.call-orbit i{position:absolute;border:1px solid rgb(201 117 47 / .18);inset:-13px;border-radius:50%}.call-orbit i:nth-child(2){inset:-28px;border-color:rgb(201 117 47 / .1)}.call-orbit i:nth-child(3){inset:-45px;border-color:rgb(201 117 47 / .05)}.call-label{font-size:12px;color:var(--copper);display:block;margin-bottom:12px}.incoming strong{display:block;font-weight:400;font-size:22px;letter-spacing:-.8px}.incoming>p{font-size:12px;color:var(--muted);margin-top:9px}.missed{margin-top:54px;display:flex;align-items:center;gap:8px;padding:16px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.missed>span{color:var(--copper);font-size:17px}.missed time{font-family:var(--mono);font-size:9px;margin-left:auto}.home-indicator{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:94px;height:3px;border-radius:4px;background:rgb(244 239 231 / .6)}.phone-shadow{position:absolute;bottom:-20px;left:0;width:450px;height:65px;border-radius:50%;background:radial-gradient(ellipse,#0008,transparent 67%);filter:blur(12px)}.scene-caption{position:absolute;top:660px;left:-20px;right:-20px;text-align:center;font-size:11px;color:var(--faint);display:flex;justify-content:center;align-items:center;gap:8px}.caption-dot{width:4px;height:4px;border-radius:50%;background:var(--copper)}.conversation{position:absolute;inset:0;padding:9px 14px;opacity:0}.thread-time{text-align:center;color:var(--faint);font-size:9px;margin-bottom:15px}.thread-time time{font-family:var(--mono);margin-left:5px}.bubble{font-size:11.5px;line-height:1.48;padding:12px 13px;border-radius:14px;margin-bottom:11px;width:95%}.bubble>span{display:block;font-size:8px;letter-spacing:.1px;margin-bottom:6px;color:var(--muted)}.outgoing{background:rgb(244 239 231 / .065);border-radius:14px 14px 14px 3px}.customer{margin-left:auto;background:rgb(201 117 47 / .14);border:1px solid rgb(201 117 47 / .14);border-radius:14px 14px 3px 14px}.customer>span{color:var(--copper)}.ai{border:1px solid rgb(61 220 160 / .23);background:rgb(61 220 160 / .075);border-radius:14px 14px 14px 3px}.ai>span{color:var(--mint);display:flex;align-items:center;gap:5px}.ai i,.owner-note i{width:4px;height:4px;border-radius:50%;background:var(--mint)}.message{opacity:0;transform:translateY(15px)}.owner-view{position:absolute;inset:0;opacity:0;padding:27px 24px}.owner-check{width:37px;height:37px;border-radius:50%;border:1px solid rgb(61 220 160 / .3);display:grid;place-items:center;background:rgb(61 220 160 / .06);margin-bottom:21px}.owner-check svg{width:20px;fill:none;stroke:var(--mint);stroke-width:1.4}.owner-kicker{font-size:11px;color:var(--mint);margin-bottom:9px}.owner-view h3{font-size:29px;letter-spacing:-1.1px;line-height:1.06}.owner-intro{font-size:11px;color:var(--muted);margin-top:14px}.owner-view dl{margin-top:27px}.owner-view dl div{border-top:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;gap:6px;font-size:10px}.owner-view dt{color:var(--faint)}.owner-view dd{margin:0}.owner-note{display:flex;gap:7px;align-items:center;font-size:9px;color:var(--mint);margin-top:19px}.stage-footer{position:absolute;left:4.8%;right:4.8%;bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.fiction{font-size:10px;color:var(--faint)}.progress-control{display:flex;align-items:center;gap:15px;font-size:10px;color:var(--muted)}.progress-track{width:100px;height:1px;background:var(--line)}.progress-track i{display:block;width:0;height:100%;background:var(--mint)}.scroll-cue{display:flex;align-items:center;gap:12px;margin-left:13px}.scroll-cue span{font-size:18px}.progress-control button{font-size:11px;border:1px solid var(--line);background:none;border-radius:18px;padding:8px 12px}
.closing{padding:130px 8% 110px;text-align:center;position:relative;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 40%,rgb(61 220 160 / .04),transparent 60%)}.closing-mark{width:64px;fill:var(--mint);margin:0 auto 43px}.closing>p:first-of-type{font-size:14px;color:var(--muted);margin-bottom:25px}.closing h2{font-size:clamp(43px,6vw,83px);line-height:1.08;letter-spacing:-.06em}.closing-cta{margin-top:38px}.closing-note{font-size:11px;color:var(--faint);margin-top:64px}.footer{display:flex;justify-content:space-between;padding:25px 4.8%;border-top:1px solid var(--line);font-size:10px;color:var(--faint)}
@media(min-width:1600px){.phone-scene{transform:translate(-50%,-50%) scale(1.14)}.story-copy{top:23%}.stage{min-height:820px}}
@media(max-height:780px) and (min-width:761px){.stage{min-height:650px}.story-copy{top:22%}.intro-copy h1{font-size:clamp(60px,6.5vw,95px)}.story-copy>p{margin-top:20px;font-size:14px}.watch{margin-top:19px;padding:13px 20px}.phone-scene{transform:translate(-50%,-50%) scale(.82);top:50%;left:69%}.exchange-copy,.resolved-copy{top:31%}}
@media(max-width:1050px) and (min-width:761px){.phone-scene{left:72%;transform:translate(-50%,-50%) scale(.84)}.intro-copy h1{font-size:8vw}.story-copy{left:6%}.story-copy>p{max-width:310px}.stage-footer{bottom:24px}.fiction{max-width:180px;line-height:1.5}}
@media(max-width:760px){.header{padding:21px 23px}.brand svg{width:32px}.brand span{font-size:12px}.brand{gap:9px}.preview{position:static;transform:none;font-size:10px;margin-left:auto}.header-link{display:none}.story{height:340svh}.stage{height:100svh;min-height:780px}.story-copy{top:113px;left:25px;width:calc(100% - 50px)}.intro-copy h1{font-size:clamp(45px,11vw,68px);line-height:1;letter-spacing:-.055em;max-width:400px}.intro-copy h1 br:nth-child(2){display:none}.intro-copy h1 br:nth-child(2):after{content:' '}.intro-copy h1{max-width:350px}.story-copy>p{font-size:12px;margin-top:15px;line-height:1.6}.watch{margin-top:14px;font-size:11px;padding:12px 17px;gap:10px}.phone-scene{left:64%;top:auto;bottom:55px;transform:translateX(-50%) scale(.59);transform-origin:50% 100%;height:650px}.scene-caption{top:648px;font-size:13px}.signal{width:230%;height:100%;right:-78%;top:10%;opacity:.6}.stage-footer{left:25px;right:25px;bottom:17px;display:block}.fiction{font-size:8px;display:block;margin-bottom:12px}.progress-control{font-size:9px;gap:10px}.progress-track{width:70px}.scroll-cue{margin-left:auto;gap:6px}.exchange-copy,.resolved-copy{top:119px}.story-copy h2{font-size:clamp(45px,12vw,67px)}.exchange-copy>p,.resolved-copy>p{max-width:290px}.chapter{font-size:10px;margin-bottom:20px}.text-button{font-size:11px;margin-top:9px;padding:9px 0}.phone-shadow{opacity:.5}.closing{padding:85px 25px 75px}.closing h2{font-size:42px}.closing>p:first-of-type{font-size:12px}.closing-note{font-size:10px;line-height:1.7;max-width:260px;margin:40px auto 0}.footer{padding:21px 25px;gap:20px;font-size:8px}.closing-mark{width:50px;margin-bottom:32px}}
@media(max-width:760px) and (min-height:850px){.stage{min-height:850px}.phone-scene{transform:translateX(-50%) scale(.68);left:61%;bottom:66px}.intro-copy h1{font-size:12vw}.story-copy>p{font-size:13px}}
@media(max-width:760px){.phone-scene{left:calc(64% - var(--turn)*14%);transform:translateX(-50%) scale(calc(.59 + var(--turn)*.15));bottom:58px}.exchange-copy,.resolved-copy{top:99px}.exchange-copy h2{font-size:44px}.resolved-copy h2{font-size:38px}.exchange-copy .chapter,.resolved-copy .chapter{margin-bottom:14px}.resolved-copy>p{font-size:11px;margin-top:10px}.resolved-copy .text-button{margin-top:2px;padding:7px 0}.conversation{padding:8px 12px}.bubble{font-size:15px;line-height:1.3;padding:8px 11px;margin-bottom:8px;width:97%}.bubble>span{font-size:9px;margin-bottom:4px}.thread-time{margin-bottom:10px}.owner-view dl div{font-size:13px;padding:10px 0;display:block}.owner-view dd{margin-top:5px}.owner-intro{font-size:13px}.owner-note{font-size:11px}.owner-view{padding-top:20px}.owner-view dl{margin-top:19px}.owner-check{margin-bottom:15px}.owner-view h3{font-size:31px}.owner-kicker{font-size:13px}.last-message{font-size:14px}}
@media(max-width:760px){.scene-caption{display:none}}
.phone{translate:var(--vibration,0px) 0}.ai{position:relative}.typing-indicator{position:absolute;left:13px;top:34px;display:flex;align-items:center;gap:5px;height:14px;opacity:var(--typing,0)}.typing-indicator i{width:4px;height:4px;border-radius:50%;background:var(--mint);transform:translateY(var(--dot-a,0px));opacity:.7}.typing-indicator i:nth-child(2){transform:translateY(var(--dot-b,0px))}.typing-indicator i:nth-child(3){transform:translateY(var(--dot-c,0px))}.ai-response{opacity:var(--response,1)}.owner-check{box-shadow:0 0 27px rgb(61 220 160 / calc(var(--owner-glow,0)*.22)),0 0 65px rgb(61 220 160 / calc(var(--owner-glow,0)*.09));border-color:rgb(61 220 160 / calc(.3 + var(--owner-glow,0)*.3))}
@media(max-width:760px){.typing-indicator{top:29px;left:11px}}
@media(prefers-reduced-motion:reduce){.watch{transition:none}}
.story{height:auto}.stage{position:relative;overflow:clip}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:26px}.hero-actions .watch{margin-top:0}.watch-secondary{border:0;background:none;padding:14px 0;display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.watch-secondary:hover{color:var(--bone)}.progress-control #replay{display:inline-flex;gap:8px;align-items:center}.progress-control #replay span{font-size:14px}
.progress-control #skip{border:0;padding:8px 4px;color:var(--muted)}.progress-control #skip:hover{color:var(--bone)}
@media(max-height:780px) and (min-width:761px){.hero-actions{margin-top:19px}}
@media(max-width:760px){.intro-copy{top:95px}.intro-copy h1{font-size:clamp(34px,9.3vw,48px);line-height:1.02}.intro-copy>p{margin-top:10px;font-size:12px}.hero-actions{margin-top:14px;gap:18px}.hero-actions .watch{font-size:11px;padding:12px 17px}.watch-secondary{font-size:10px;padding:12px 0;gap:6px}.phone-scene{left:calc(60% - var(--turn)*10%);transform:translateX(-50%) scale(calc(.65 + var(--turn)*.09));bottom:58px}.progress-control{justify-content:space-between;gap:8px}.progress-track{width:48px}.progress-control button{padding:7px 10px}}
@media(max-width:760px){.progress-track{display:none}}