:root{--ink:#0B0708;--plum:#1C0E14;--red:#C00;--ember:#FF6B5E;--surge:#22D3C5;--deep:#0C4A48;--foam:#F6EFE7;--mute:#B3A5A0}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--plum) 0,var(--ink) 70%);color:var(--foam);font-family:"Onest",system-ui,sans-serif;font-weight:400;overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}header{padding:clamp(12px,2.4vw,28px) clamp(16px,4vw,56px) 0}header img{display:block;width:clamp(52px,9vw,112px);height:auto;aspect-ratio:1/1}main{flex:1;display:grid;grid-template-columns:1fr;align-items:center;gap:clamp(8px,2vw,40px);padding:0 clamp(16px,4vw,56px);max-width:1240px;width:100%;margin:0 auto}.scene{position:relative;width:100%;max-width:min(34dvh,340px);margin:0 auto;aspect-ratio:1/1;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;overflow:hidden;border-radius:50%}.scene:focus-visible{outline:3px solid var(--foam);outline-offset:4px}.scene svg{display:block;width:100%;height:100%}.layer{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.surfer{transform-box:fill-box;transform-origin:50% 100%;animation:bob 3.2s ease-in-out infinite}.surfer.hop{animation:hop .7s cubic-bezier(.3,1.6,.5,1)}.card{transform-box:fill-box;transform-origin:50% 50%}.surfer.hop .card{animation:flip .7s ease-out}.crest{transform-box:fill-box;transform-origin:100% 100%;animation:sway 3.2s ease-in-out infinite}.spark{opacity:0;transform-box:fill-box;transform-origin:50% 50%}.burst .spark{animation:pop .8s ease-out}.paused *{animation-play-state:paused!important}@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes hop{0%{transform:translateY(0)}40%{transform:translateY(-38px) rotate(-6deg)}100%{transform:translateY(0)}}@keyframes flip{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}@keyframes sway{0%,100%{transform:scale(1,1)}50%{transform:scale(1.03,.97)}}@keyframes pop{0%{opacity:0;transform:scale(.2)}30%{opacity:1}100%{opacity:0;transform:scale(1.6)}}.copy{padding-bottom:clamp(12px,3vw,24px)}h1{font-weight:400;line-height:1.08}h1 .wm{display:block;font-family:"Rammetto One",Georgia,serif;color:var(--ember);font-size:clamp(1.9rem,1.2rem+3.4vw,4rem);letter-spacing:-.01em}h1 .say{display:block;margin-top:.3em;font-family:"Rammetto One",Georgia,serif;color:var(--foam);font-size:clamp(1.2rem,.95rem+1.6vw,2.3rem);line-height:1.2}.lede{margin-top:clamp(10px,1.6vw,20px);font-size:clamp(.98rem,.9rem+.35vw,1.18rem);line-height:1.5;color:var(--mute);max-width:34em}.lede em{font-style:normal;color:var(--foam);font-weight:600}.cta{display:inline-flex;align-items:center;gap:.6em;margin-top:clamp(14px,2vw,28px);min-height:54px;padding:0 1.6em;border-radius:999px;background:var(--surge);color:var(--ink);font-weight:600;font-size:clamp(1.02rem,.95rem+.4vw,1.2rem);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .2s ease}.cta svg{width:1.1em;height:1.1em;transition:transform .2s ease}.cta:active{transform:translateY(2px)}.cta:focus-visible{outline:3px solid var(--foam);outline-offset:4px}.worry{margin-top:12px;font-size:clamp(.86rem,.82rem+.2vw,.96rem);line-height:1.45;color:var(--mute);max-width:30em}footer{padding:14px clamp(16px,4vw,56px) calc(14px+env(safe-area-inset-bottom));font-size:clamp(.76rem,.74rem+.1vw,.84rem);color:var(--mute);text-align:center}@media(hover:hover){.cta:hover{transform:translateY(-2px)}.cta:hover svg{transform:translateX(4px)}}@media(min-width:860px){main{grid-template-columns:1.05fr 1fr}.scene{max-width:min(72dvh,540px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}html,body{max-width:100%;overflow-x:clip}