:root{--ink:#0D1417;--mist:#E6F2F2;--teal:#33B5C3;--deep:#13636C;--peach:#F0A98A;--plum:#6C3F5E;--ink-2:#18242A;--ink-3:#24343B;--round:"Varela Round","Quicksand",system-ui,sans-serif;--body:"Quicksand",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--body);font-weight:500;color:var(--ink);background:var(--mist);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.page{position:relative;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;overflow:hidden;isolation:isolate}.field{position:absolute;inset:0;z-index:-2;background:var(--ink);clip-path:polygon(0 var(--cut,58%),100% var(--cut,58%),100% 100%,0 100%)}.grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.copy{padding:calc(16px+env(safe-area-inset-top)) calc(20px+env(safe-area-inset-right)) 4px calc(20px+env(safe-area-inset-left));display:flex;flex-direction:column;gap:11px;max-width:560px}.logo{width:60px;height:60px;border-radius:14px;display:block;box-shadow:0 6px 18px rgba(13,20,23,.18)}h1{font-family:var(--round);font-weight:400;letter-spacing:-.01em;line-height:1.08;font-size:clamp(1.55rem,6.8vw,3.5rem)}h1 .q{color:var(--deep)}h1>span:first-child{display:block;font-size:.62em;color:var(--deep);margin-bottom:.2em}.lede{font-size:clamp(.95rem,3.9vw,1.18rem);line-height:1.42;max-width:36ch}.lede strong{font-weight:700}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:flex-start;min-height:52px;padding:0 26px;border-radius:999px;background:var(--teal);color:var(--ink);font-family:var(--round);font-size:clamp(1.02rem,4vw,1.2rem);text-decoration:none;box-shadow:0 10px 22px -10px rgba(13,20,23,.35);transition:transform .18s ease;-webkit-tap-highlight-color:transparent}.cta svg{width:20px;height:20px;transition:transform .18s ease}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media(hover:hover){.cta:hover{transform:translateY(-2px)}.cta:hover svg{transform:translateX(3px)}}.after{font-size:clamp(.85rem,3.4vw,.95rem);line-height:1.4;color:var(--deep);font-weight:700;max-width:38ch}.stage{position:relative;min-height:300px;display:flex;justify-content:center;align-items:flex-start;padding-top:22px;overflow:hidden}.phone{position:relative;width:228px;height:460px;border-radius:38px;background:#05090B;padding:9px;flex:none;box-shadow:0 0 0 2px var(--ink-3),0 30px 60px -20px rgba(0,0,0,.7);transform:rotate(-4deg);animation:rise .9s cubic-bezier(.2,.8,.2,1) both}.screen{position:relative;height:100%;border-radius:30px;background:var(--ink-2);overflow:hidden;color:var(--mist);font-size:10px}.notch{position:absolute;top:7px;left:50%;width:64px;height:18px;border-radius:12px;background:#05090B;transform:translateX(-50%);z-index:3}.sbar{display:flex;justify-content:space-between;padding:9px 18px 0;font-weight:700;font-size:9px;height:28px}.url{margin:6px 10px 0;height:28px;border-radius:14px;background:var(--ink-3);display:flex;align-items:center;gap:6px;padding:0 10px;font-size:9.5px;white-space:nowrap;overflow:hidden}.url svg{flex:none;width:11px;height:11px}.url .c{opacity:0;animation:show .01s linear forwards}.thread{display:flex;align-items:center;gap:8px;padding:12px 12px 8px}.av{width:30px;height:30px;border-radius:50%;background:linear-gradient(140deg,var(--peach),var(--plum));flex:none}.thread .n{display:block;font-weight:700;font-size:11px}.thread small{display:block;opacity:.7;font-size:9px}.tabs{display:flex;gap:14px;padding:0 12px;border-bottom:1px solid var(--ink-3);font-weight:700;font-size:9.5px}.tabs span{padding:6px 0;opacity:.6}.tabs .on{opacity:1;color:var(--teal);box-shadow:inset 0 -2px 0 var(--teal)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:10px}.tile{position:relative;aspect-ratio:4/5;border-radius:12px;overflow:hidden}.tile .art{position:absolute;inset:0}.tile .art::before{content:"";position:absolute;left:50%;top:26%;width:38%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);background:rgba(255,255,255,.28)}.tile .art::after{content:"";position:absolute;left:50%;bottom:-18%;width:78%;height:52%;border-radius:50% 50% 0 0;transform:translateX(-50%);background:rgba(255,255,255,.22)}.t1 .art{background:linear-gradient(160deg,#F6C3A6,var(--peach) 45%,var(--plum))}.t2 .art{background:linear-gradient(200deg,var(--teal),var(--deep) 60%,#0B2E33)}.t3 .art{background:linear-gradient(170deg,var(--plum),#B8627A 55%,var(--peach))}.t4 .art{background:linear-gradient(150deg,#F3D9C8,#D98E74 50%,var(--plum))}.t5 .art{background:linear-gradient(190deg,#2E6F78,var(--teal) 50%,#BFE6EA)}.t6 .art{background:linear-gradient(140deg,var(--peach),#C96F6A 55%,var(--ink-3))}.play{position:absolute;left:8px;bottom:8px;width:22px;height:22px;border-radius:50%;background:rgba(13,20,23,.55);display:grid;place-items:center}.play::after{content:"";margin-left:2px;border-left:7px solid var(--mist);border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}.dur{position:absolute;right:7px;bottom:9px;font-size:8.5px;font-weight:700;background:rgba(13,20,23,.55);padding:2px 5px;border-radius:6px}.veil{position:absolute;inset:0;background:rgba(36,52,59,.55);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);display:grid;place-items:center;animation:lift .5s ease forwards}.veil svg{width:22px;height:22px;opacity:.85}.t1 .veil{animation-delay:1.7s}.t2 .veil{animation-delay:1.95s}.t3 .veil{animation-delay:2.2s}.t4 .veil{animation-delay:2.45s}.t5 .veil{animation-delay:2.7s}.t6 .veil{animation-delay:2.95s}.linkcard{position:absolute;z-index:2;left:calc(50% - 190px);top:120px;width:150px;padding:10px 12px;border-radius:16px;background:var(--mist);color:var(--ink);font-size:11px;line-height:1.3;box-shadow:0 14px 28px -12px rgba(0,0,0,.6);transform:rotate(6deg);animation:drop .6s cubic-bezier(.16,1,.3,1) .35s both}.linkcard .k{display:block;font-family:var(--round);font-size:12px;color:var(--deep);margin-bottom:3px}.linkcard .v{font-weight:700;display:block;white-space:nowrap}.arrow{position:absolute;z-index:2;left:calc(50% - 128px);top:196px;width:70px;height:60px;color:var(--teal);animation:show .3s ease 1.2s both}.toast{position:absolute;z-index:2;right:calc(50% - 176px);top:62px;display:flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:999px;background:var(--teal);color:var(--ink);font-family:var(--round);font-size:12px;box-shadow:0 12px 24px -10px rgba(0,0,0,.6);animation:pop .45s cubic-bezier(.16,1,.3,1) 3.35s both}.toast i{width:18px;height:18px;border-radius:50%;background:var(--ink);display:grid;place-items:center}.toast i::after{content:"";width:7px;height:4px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg) translate(1px,-1px)}footer{padding:10px 20px calc(14px+env(safe-area-inset-bottom));text-align:center;color:var(--mist);font-family:var(--round);font-size:.9rem;letter-spacing:.04em;position:relative;z-index:2;background:var(--ink)}@keyframes rise{from{opacity:0;transform:translateY(40px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(-4deg)}}@keyframes show{to{opacity:1}}@keyframes lift{to{opacity:0;visibility:hidden}}@keyframes drop{from{opacity:0;transform:translateY(-18px) rotate(14deg)}to{opacity:1;transform:rotate(6deg)}}@keyframes pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media(max-width:899px){.page{--cut:0}.stage{background:var(--ink);contain:size;min-height:250px}.copy{background:var(--mist)}}@media(max-width:420px){.linkcard{left:8px;top:236px;width:auto;font-size:10px;padding:8px 10px}.arrow{display:none}.toast{right:8px;top:36px;font-size:11px}}@media(min-width:900px){.page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr;align-items:center}.field{clip-path:polygon(60% 0,100% 0,100% 100%,44% 100%)}.copy{grid-column:1;grid-row:1;padding:48px 24px 48px max(48px,calc((100vw - 1180px)/2));gap:20px;max-width:none}.copy>*{max-width:520px}.logo{width:144px;height:144px;border-radius:26px}.lede{font-size:1.2rem}.stage{grid-column:2;grid-row:1;min-height:100dvh;align-items:center;padding:40px 0;overflow:visible}.phone{width:280px;height:570px;border-radius:44px;padding:10px}.screen{border-radius:35px;font-size:11px}.linkcard{left:calc(50% - 250px);top:calc(50% - 150px);width:180px;font-size:12px}.arrow{left:calc(50% - 170px);top:calc(50% - 60px);width:90px;height:76px}.toast{right:calc(50% - 230px);top:calc(50% - 250px);font-size:13px}footer{background:transparent;text-align:right;padding:0 48px 20px;position:absolute;right:0;bottom:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition:none!important}}html,body{max-width:100%;overflow-x:clip}