.scene-01{--phone-h:clamp(230px, 37vh, 380px);--phone-ratio:0.47;--phone-x:57%;--phone-y:51%;--phone-rot:-13deg;background:var(--surface)}.scene-01__surface{position:absolute;inset:0;background:radial-gradient(120% 90%at 28% 18%,var(--surface-light) 0%,var(--surface) 46%,var(--surface-shade) 100%)}.scene-01__surface::before{content:"";position:absolute;inset:0;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px}.scene-01__surface::after{content:"";position:absolute;inset:0;background:radial-gradient(90% 80%at 45% 40%,transparent 55%,rgba(var(--shadow-tint),.09) 100%)}.phone{position:absolute;left:var(--phone-x);top:var(--phone-y);width:calc(var(--phone-h)*var(--phone-ratio));height:var(--phone-h);margin:0;transform:translate(-50%,-50%) rotate(var(--phone-rot));outline:0;cursor:pointer;touch-action:manipulation;z-index:2}.phone:focus-visible .phone__body{outline:1px solid rgba(23,20,15,.35);outline-offset:14px}.phone__body{position:relative;width:100%;height:100%;transform-origin:50% 50%}.phone__img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 1px 1px rgba(var(--shadow-tint),.3)) drop-shadow(6px 14px 14px rgba(var(--shadow-tint),.22)) drop-shadow(14px 34px 40px rgba(var(--shadow-tint),.16))}.phone.has-placeholder .phone__img{display:none}.phone__glow{position:absolute;left:22%;top:29.3%;width:56.2%;height:18.7%;border-radius:3px;background:radial-gradient(85% 70%at 50% 50%,rgba(170,195,225,.34),rgba(170,195,225,0) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.phone.is-ringing:not(.has-placeholder) .phone__glow{opacity:1}.phone.has-placeholder .phone__glow{display:none}.phone__placeholder{display:none;position:absolute;inset:0;border-radius:9%/4.4%;background:linear-gradient(105deg,rgba(255,255,255,.1)0,rgba(255,255,255,0) 38%),linear-gradient(168deg,#3b3b3e 0,#232326 42%,#1a1a1d 70%,#2b2b2f 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 1px 1px 0 rgba(255,255,255,.08),inset -1px -1px 0 rgba(0,0,0,.35),1px 1px 1px rgba(var(--shadow-tint),.35),6px 14px 16px -4px rgba(var(--shadow-tint),.28),16px 36px 46px -10px rgba(var(--shadow-tint),.22)}.phone.has-placeholder .phone__placeholder{display:block}.phone__hinge{position:absolute;left:4%;right:4%;top:6.5%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 15%,rgba(0,0,0,.55) 85%,transparent)}.phone__hinge::after{content:"";position:absolute;left:0;right:0;top:1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07) 15%,rgba(255,255,255,.07) 85%,transparent)}.phone__lens{position:absolute;left:50%;top:14%;width:11%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 40% 38%,#4a4f57 0,#0c0d10 55%,#000 100%);box-shadow:0 0 0 1.5px #101113,0 0 0 2.5px rgba(255,255,255,.06),inset 0 0 2px rgba(0,0,0,.9)}.phone__lens::after{content:"";position:absolute;left:30%;top:24%;width:22%;height:22%;border-radius:50%;background:rgba(255,255,255,.35)}.phone__screen{position:absolute;left:17%;right:17%;top:25%;height:20%;border-radius:2px;background:linear-gradient(112deg,rgba(255,255,255,.07)0,rgba(255,255,255,0) 45%),#0b0c0f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 1px 3px rgba(0,0,0,.9);overflow:hidden}.phone__screen::after{content:"";position:absolute;inset:0;background:radial-gradient(90% 70%at 50% 50%,rgba(150,180,220,.28),rgba(150,180,220,0) 100%);opacity:0;transition:opacity .35s ease}.phone.is-ringing .phone__screen::after{opacity:1}.phone__seam{position:absolute;left:8%;right:8%;bottom:9%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 20%,rgba(0,0,0,.5) 80%,transparent)}@keyframes phone-vibrate{0%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(.7px,-.3px) rotate(.28deg)}50%{transform:translate(-.5px,.4px) rotate(-.22deg)}75%{transform:translate(.6px,.2px) rotate(.18deg)}to{transform:translate(-.4px,-.3px) rotate(-.26deg)}}.phone.is-ringing .phone__body{animation:phone-vibrate .11s linear infinite}.phone.is-answered .phone__body{animation:none;transform:scale(.992);transition:transform 1.2s var(--ease-out)}.phone.is-answered{cursor:default}@media (prefers-reduced-motion:reduce){.phone.is-ringing .phone__body{animation:none}}.cue__sub{display:block;margin-top:.9em;font-family:var(--font-grotesk);font-size:10px;letter-spacing:.3em;text-indent:.3em;color:rgba(23,20,15,.5)}.gate{position:absolute;left:50%;top:41vh;margin:0;transform:translateX(-50%);width:min(80vw,560px);text-align:center;font-family:var(--font-editorial);font-style:italic;font-size:clamp(17px,1.5vw,22px);line-height:1.45;color:var(--ink-soft);opacity:0;pointer-events:none;transition:opacity .8s var(--ease-out)}.scene-01.is-gated .gate{opacity:1}.scene-01.is-gated .phone{opacity:0;transition:none}.scene-01 .phone{transition:opacity 1s var(--ease-out)}.scene-01.is-gated .cue{top:54vh}.scene-01.is-gated .cue__sub{display:none}.cue{position:absolute;left:var(--phone-x);top:calc(var(--phone-y) + var(--phone-h)/2 + 44px);margin:0;transform:translate(-50%,6px);font-family:var(--font-editorial);font-weight:400;font-size:15px;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .9s var(--ease-out),transform .9s var(--ease-out),visibility 0s linear .9s}.cue.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity 1.1s var(--ease-out),transform 1.1s var(--ease-out),visibility 0s}.dialogue{position:absolute;left:9vw;top:50%;max-width:34vw;margin:0;transform:translateY(-50%);z-index:3}.dialogue__line{margin:0;font-family:var(--font-editorial);font-style:italic;font-weight:400;font-size:clamp(30px,min(3.4vw,5.4vh),56px);line-height:1.12;letter-spacing:-.005em;color:var(--ink);opacity:0;transform:translateY(10px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.dialogue__line+.dialogue__line{margin-top:.55em}.dialogue__line.is-visible{opacity:1;transform:translateY(0)}@media (max-width:720px),(orientation:portrait) and (max-width:900px){.scene-01{--phone-h:clamp(210px, 38vh, 320px);--phone-x:50%;--phone-y:41%;--phone-rot:-6deg}.cue{top:calc(var(--phone-y) + var(--phone-h)/2 + 40px);font-size:15px}.dialogue{left:8vw;right:8vw;top:auto;bottom:max(19vh,env(safe-area-inset-bottom,0) + 17vh);max-width:none;transform:none}.dialogue__line{font-size:clamp(27px,8.2vw,38px)}.dialogue__line+.dialogue__line{margin-top:.45em}}@media (orientation:landscape) and (max-height:480px){.scene-01{--phone-h:clamp(170px, 62vh, 260px);--phone-x:62%}.dialogue{left:7vw;max-width:40vw}.dialogue__line{font-size:clamp(22px,4.4vw,34px)}}.lock,.stack,.chat{display:none}.scene-01.is-msg{--font-ios:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Helvetica Neue", Arial, sans-serif;--u:min(1px, .123vh)}.scene-01.is-msg .lock{display:block;position:absolute;left:0;right:0;top:max(10vh,calc(env(safe-area-inset-top,0) + 56px));text-align:center;font-family:var(--font-ios);color:rgba(23,20,15,.84);opacity:0;pointer-events:none;transition:opacity 1.3s var(--ease-out);z-index:3}.scene-01.is-msg.is-awake .lock{opacity:1}.scene-01.is-msg.is-unlocked .lock{opacity:0;transition:opacity .5s ease-in}.lock__date{margin:0;font-size:19px;font-weight:500;letter-spacing:-.01em;color:rgba(23,20,15,.7)}.lock__time{margin:2px 0 0;font-size:clamp(64px,min(24vw,14vh),120px);font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.scene-01.is-msg .stack{display:flex;flex-direction:column;gap:6px;position:absolute;left:50%;top:38vh;transform:translateX(-50%);width:min(calc(100vw - 16px),calc(440*var(--u)));z-index:4}.scene-01.is-msg.is-unlocked .stack{opacity:0;pointer-events:none;transition:opacity .35s ease-in}.notice{display:flex;align-items:flex-start;gap:calc(14*var(--u));width:100%;margin:0;padding:calc(16*var(--u)) calc(17*var(--u)) calc(17*var(--u)) calc(16*var(--u));text-align:left;font:inherit;font-family:var(--font-ios);color:#111;background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(26px) saturate(1.7);backdrop-filter:blur(26px) saturate(1.7);border:.5px solid rgba(255,255,255,.7);border-radius:calc(26*var(--u));box-shadow:0 10px 34px rgba(30,24,18,.13),0 1px 3px rgba(30,24,18,.08);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;animation:notice-in .65s cubic-bezier(.2,.85,.25,1) backwards}@keyframes notice-in{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}.notice:focus-visible{outline:2px solid rgba(23,20,15,.45);outline-offset:3px}.notice__icon{flex:0 0 auto;width:calc(46*var(--u));height:calc(46*var(--u));border-radius:calc(11*var(--u));background:linear-gradient(180deg,#67e27a 0,#1fba3b 100%);overflow:hidden}.notice__icon svg{display:block;width:100%;height:100%}.notice__text{flex:1 1 auto;min-width:0;display:block}.notice__row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.notice__from{font-size:calc(18*var(--u));font-weight:600;letter-spacing:-.01em;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice__time{flex:0 0 auto;font-size:calc(15*var(--u));font-weight:400;color:rgba(60,60,67,.6)}.notice__body{display:block;margin-top:calc(1*var(--u));font-size:calc(20*var(--u));line-height:1.25;font-weight:400;letter-spacing:-.01em;color:#111}.scene-01.is-msg .chat{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;left:50%;width:min(100vw,430px);background:#fff;font-family:var(--font-ios);color:#000;opacity:0;visibility:hidden;transform:translate(-50%,22px);transition:opacity .45s ease-out,transform .5s cubic-bezier(.2,.85,.25,1),visibility 0s linear .5s;z-index:6}.scene-01.is-msg .chat.is-open{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .45s ease-out,transform .5s cubic-bezier(.2,.85,.25,1),visibility 0s}.scene-01.is-msg.is-receding .chat{opacity:0;transition:opacity .3s ease-out}.chat__bar{position:relative;flex:0 0 auto;display:flex;justify-content:center;align-items:flex-end;padding:max(env(safe-area-inset-top,0),18px) 12px 8px;background:rgba(247,247,247,.96);border-bottom:.5px solid rgba(0,0,0,.2)}.chat__back{position:absolute;left:14px;bottom:30px;width:12px;height:20px}.chat__who{display:flex;flex-direction:column;align-items:center}.chat__avatar{display:block;width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#b2b6c1,#8d919d);color:#fff;font-size:17px;font-weight:500;line-height:44px;text-align:center;overflow:hidden}.chat__name{display:block;margin-top:3px;font-size:11px;color:#3c3c43}.chat__name::after{content:" ›";color:#8a8a8e}.chat__list{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:10px 12px 8px}.chat__stamp{margin:6px 0 14px;text-align:center;font-size:11px;color:#8a8a8e}.chat__stamp b{font-weight:600}.bubble{position:relative;align-self:flex-start;max-width:78%;margin-top:calc(3*var(--u));padding:calc(9*var(--u)) calc(16*var(--u)) calc(10*var(--u));border-radius:calc(22*var(--u));background:#e9e9eb;color:#000;font-size:calc(22*var(--u));line-height:1.25;letter-spacing:-.01em;transform-origin:0 100%;animation:bubble-in .34s cubic-bezier(.2,.9,.25,1.15) backwards}@keyframes bubble-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.bubble.is-last{margin-bottom:6px}.bubble.is-last::before{content:"";position:absolute;left:-7px;bottom:0;width:20px;height:18px;background:#e9e9eb;border-bottom-right-radius:16px 14px}.bubble.is-last::after{content:"";position:absolute;left:-26px;bottom:0;width:26px;height:18px;background:#fff;border-bottom-right-radius:10px}.bubble.typing{display:flex;gap:4px;padding:12px 14px}.bubble.typing i{display:block;width:8px;height:8px;border-radius:50%;background:#a3a3a8;animation:typing-dot 1.2s infinite ease-in-out}.bubble.typing i:nth-child(2){animation-delay:.18s}.bubble.typing i:nth-child(3){animation-delay:.36s}@keyframes typing-dot{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2px)}}.chat__input{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:8px 10px max(env(safe-area-inset-bottom,0),26px);background:#fff}.chat__plus{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#e9e9eb;color:#8a8a8e;font-size:24px;line-height:31px;text-align:center}.chat__field{flex:1 1 auto;padding:6px 14px 7px;border:.5px solid rgba(60,60,67,.29);border-radius:18px;font-size:17px;color:#b6b6ba}@media (prefers-reduced-motion:reduce){.notice,.bubble,.bubble.typing i{animation:none}}.scene-01.is-msg .dialogue{display:none}.call{display:none}.scene-01.is-call .call{display:flex;flex-direction:column;align-items:center;position:absolute;inset:0;padding-top:max(20vh,calc(env(safe-area-inset-top,0) + 96px));font-family:var(--font-ios);color:var(--ink);opacity:0;transition:opacity 1s var(--ease-out);z-index:8}.scene-01.is-call.is-awake .call{opacity:1}.scene-01.is-call.is-woke .call{opacity:0;pointer-events:none;transition:opacity .35s ease-in}.call__name{margin:0;font-size:calc(38*var(--u));font-weight:400;letter-spacing:-.01em;animation:call-breathe 2.4s ease-in-out infinite}.call__sub{margin:calc(6*var(--u))0 0;font-size:calc(22*var(--u));color:rgba(23,20,15,.55)}.scene-01.is-call .call__name,.scene-01.is-call .call__sub{align-self:stretch;box-sizing:border-box;padding:0 16px;text-align:center;white-space:nowrap}@keyframes call-breathe{0%,to{opacity:1}50%{opacity:.72}}.call__slide{position:absolute;left:50%;bottom:max(calc(env(safe-area-inset-bottom,0) + 30px),calc(64*var(--u)));width:min(calc(100vw - 40px),calc(340*var(--u)));height:calc(68*var(--u));transform:translateX(-50%);border-radius:calc(34*var(--u));background:rgba(23,20,15,.09);border:.5px solid rgba(23,20,15,.1);touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;outline:0}.call__label{position:absolute;inset:0;display:grid;place-items:center;padding-left:calc(56*var(--u));font-size:calc(21*var(--u));letter-spacing:-.01em;color:transparent;background:linear-gradient(100deg,rgba(23,20,15,.42) 35%,rgba(23,20,15,.95) 50%,rgba(23,20,15,.42) 65%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:call-shimmer 2.2s linear infinite;pointer-events:none}@keyframes call-shimmer{0%{background-position:120%0}to{background-position:-120%0}}.call__knob{position:absolute;left:calc(4*var(--u));top:calc(4*var(--u));width:calc(60*var(--u));height:calc(60*var(--u));border-radius:50%;background:#34c759;display:grid;place-items:center;box-shadow:0 2px 8px rgba(30,24,18,.2);pointer-events:none}.call__knob svg{width:46%;height:46%}.call__slide.is-nudge .call__knob{animation:call-nudge .6s ease-out}@keyframes call-nudge{0%{transform:translateX(0)}40%{transform:translateX(calc(46*var(--u)))}to{transform:translateX(0)}}.scene-01.is-call .homebar{display:none}.scene-01.is-call:not(.is-woke) .lock{opacity:0!important}.scene-01.is-call.is-woke .lock{opacity:1}.notice__icon--phone{background:linear-gradient(180deg,#67e27a 0,#1fba3b 100%);display:grid;place-items:center}.notice__icon--phone svg{width:58%;height:58%}.scene-01.is-call .stack{top:30vh}.scene-01.is-msg{height:auto;bottom:0}.scene-01.is-msg:not(.is-woke){touch-action:none}.homebar{display:none}.scene-01.is-msg .homebar{display:block;position:absolute;left:50%;bottom:max(calc(env(safe-area-inset-bottom,0) + 10px),22px);width:min(38vw,150px);height:5px;margin-left:calc(min(38vw,150px)/-2);border-radius:3px;background:rgba(23,20,15,.6);opacity:0;pointer-events:none;z-index:3;transition:opacity 1.3s var(--ease-out) .6s}.scene-01.is-msg.is-awake:not(.is-woke) .homebar{opacity:1;animation:homebar-pulse 1.8s ease-in-out 1.9s infinite}.scene-01.is-msg.is-woke .homebar{opacity:0;transition:opacity .4s ease-out}@keyframes homebar-pulse{0%,to{transform:translateY(0);opacity:.35}45%{transform:translateY(-12px);opacity:1}70%{transform:translateY(-12px);opacity:1}}.scene-01.is-msg .gate,.scene-01.is-msg .cue__sub{display:none}html.is-msg .scene-01 .phone{opacity:0;pointer-events:none}.scene-01.is-msg .phone{left:84%;top:18.5%;transform:translate(-50%,-50%) rotate(-97deg) scale(.3);opacity:0;pointer-events:none}.scene-01.is-msg .cue{left:50%;top:76vh;z-index:7}.scene-01.is-msg .cue.is-nudge{animation:cue-nudge 1.5s ease-in-out infinite;color:var(--ink)}@keyframes cue-nudge{0%,to{opacity:.45}50%{opacity:1}}.scene-01.is-msg.is-gated .cue{top:54vh}@media (max-width:720px),(orientation:portrait) and (max-width:900px){.scene-01.is-msg .phone{left:82%;top:11vh;transform:translate(-50%,-50%) rotate(-97deg) scale(.26)}}.scene-01.is-msg{background:radial-gradient(120% 90%at 50% 18%,#26252c 0,#0d0d10 62%,#000 100%)}.scene-01.is-msg .scene-01__surface{background:radial-gradient(120% 90%at 50% 18%,#26252c 0,#0d0d10 62%,#000 100%)}.scene-01.is-msg .scene-01__surface::before,.scene-01.is-msg .scene-01__surface::after{display:none}.scene-01.is-msg .lock{color:rgba(255,255,255,.94)}.scene-01.is-msg .lock__date{color:rgba(255,255,255,.74)}.scene-01.is-msg .homebar{background:rgba(255,255,255,.7)}.scene-01.is-msg .cue{color:rgba(255,255,255,.72)}.scene-01.is-msg .cue.is-nudge{color:#fff}.scene-01.is-call .call{color:#fff}.scene-01.is-call .call__sub{color:rgba(255,255,255,.6)}.scene-01.is-call .call__slide{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.12)}.scene-01.is-call .call__label{background-image:linear-gradient(100deg,rgba(255,255,255,.38) 35%,#fff 50%,rgba(255,255,255,.38) 65%)}.scene-01.is-msg .notice{background:rgba(60,60,66,.62);border-color:rgba(255,255,255,.12);color:#fff;box-shadow:0 12px 36px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.3)}.scene-01.is-msg .notice__from,.scene-01.is-msg .notice__body{color:#fff}.scene-01.is-msg .notice__time{color:rgba(255,255,255,.55)}.scene-01.is-msg .notice:focus-visible{outline-color:rgba(255,255,255,.6)}.scene-01.is-msg.is-unlocked .cue{color:var(--ink-soft)}.scene-01.is-msg.is-unlocked .cue.is-nudge{color:var(--ink)}