:root{--cream:#FBF6EA;--gold:#E8A626;--amber:#8A5200;--sky:#3692D2;--mist:#DCEBF7;--ink:#1F2A3A;--slate:#4F5868;--ultra:#2740C9;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:"EB Garamond",Georgia,serif;color:var(--ink);background: radial-gradient(60% 50% at 12% 8%,rgba(232,166,38,.26),transparent 70%),radial-gradient(55% 55% at 92% 90%,rgba(54,146,210,.22),transparent 70%),radial-gradient(40% 40% at 70% 20%,rgba(220,235,247,.9),transparent 70%),var(--cream);display:flex;flex-direction:column;overflow-x:hidden;}.wrap{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr;justify-items:center;align-content:start;gap:14px;}.brand{display:flex;align-items:center;gap:10px;justify-self:start}.brand img{width:44px;height:44px;border-radius:12px;display:block}.brand span{font-family:Karla,sans-serif;font-weight:500;font-size:clamp(.95rem,.9rem + .3vw,1.1rem);letter-spacing:.04em}.stage{position:relative;display:flex;justify-content:center}.phone{position:relative;width:min(46vw,156px);aspect-ratio:9/18.5;border-radius:30px;background:var(--ink);padding:7px;box-shadow:0 18px 40px -18px rgba(31,42,58,.45),0 2px 0 rgba(255,255,255,.4) inset;}.phone::before{content:"";position:absolute;top:12px;left:50%;width:34%;height:8px;margin-left:-17%;border-radius:8px;background:#0E1520;z-index:2;}.screen{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#BFE0F7 0%,#E4F2FB 58%,#7CC768 58.4%,#5DB04B 100%);touch-action:pan-y;cursor:grab;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;outline:none;}.screen:focus-visible{box-shadow:0 0 0 3px var(--gold) inset}.screen:active{cursor:grabbing}.tag{position:absolute;top:28px;left:0;right:0;text-align:center;font-family:Karla,sans-serif;font-weight:500;color:var(--ink);}.tag .nm{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.tag .mx{display:block;font-family:"EB Garamond",serif;font-size:22px;font-weight:600;line-height:1.1}.pet{position:absolute;left:0;right:0;top:24%;width:100%;height:auto;display:block}.ring{opacity:0;transition:opacity .45s ease}.screen[data-a="0"] .r0,.screen[data-a="1"] .r1,.screen[data-a="2"] .r2,.screen[data-a="3"] .r3{opacity:1}.bob{transform-origin:100px 150px;animation:bob 3.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-4px)}}.dots{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:center;gap:6px}.dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);transition:transform .3s ease,opacity .3s;opacity:.7}.dots i.on{background:#fff;opacity:1;transform:scale(1.35)}.hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-family:Karla,sans-serif;font-weight:500;font-size:10px;color:#14301A;letter-spacing:.06em}.copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:520px;width:100%}h1{font-weight:400;font-size:clamp(1.85rem,1.2rem + 3.2vw,4rem);line-height:1.04;letter-spacing:-.01em;}h1 em{font-style:italic;color:var(--amber)}.lead{font-size:clamp(1.05rem,1rem + .35vw,1.3rem);line-height:1.38;color:var(--slate);max-width:34ch}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 30px;margin-top:4px;border-radius:999px;background:var(--ultra);color:#fff;text-decoration:none;font-family:Karla,sans-serif;font-weight:500;font-size:clamp(1rem,.96rem + .2vw,1.12rem);letter-spacing:.02em;box-shadow:0 10px 22px -14px rgba(31,42,58,.55);transition:transform .2s ease;-webkit-tap-highlight-color:transparent;}.cta svg{width:18px;height:18px;transition:transform .2s ease}.cta:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media (hover: hover){.cta:hover{transform:translateY(-1px)}.cta:hover svg{transform:translateX(3px)}}.cta:active{transform:scale(.98)}.under{font-style:italic;font-size:clamp(.98rem,.94rem + .2vw,1.1rem);color:var(--slate)}footer{text-align:center;padding:14px 20px max(16px,env(safe-area-inset-bottom));font-family:Karla,sans-serif;font-weight:500;font-size:.85rem;letter-spacing:.08em;color:var(--slate);}@media (max-height:700px) and (max-width:719px){.phone{width:min(40vw,132px)}.wrap{gap:10px}}@media (min-width:720px){.wrap{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto 1fr;align-items:center;column-gap:clamp(40px,6vw,96px);padding-top:28px;}.brand{grid-column:1 / -1}.brand img{width:96px;height:96px;border-radius:20px}.brand span{font-size:1.2rem}.phone{width:clamp(200px,22vw,260px);border-radius:40px;padding:9px}.screen{border-radius:32px}.tag{top:40px}.tag .nm{font-size:14px}.tag .mx{font-size:30px}.dots{bottom:44px}.hint{bottom:16px;font-size:12px}.copy{gap:18px}.cta{min-height:58px}}@media (prefers-reduced-motion: reduce){.bob{animation:none}.ring,.dots i,.cta,.cta svg{transition:none}}html,body{max-width:100%;overflow-x:clip}