:root{color-scheme:light;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-synthesis:none;color:#151515;background:#fff;--accent:#654de0;--gutter:clamp(32px,5vw,80px)}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:#e8e2ff;color:#151515}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.page-shell{position:relative;isolation:isolate;width:100%;max-width:1680px;min-height:100svh;margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column;overflow:clip}
.ambient-field{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .6s ease}
.ambient-field.is-ready{opacity:1}
.ambient-element{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:currentColor;opacity:.9;visibility:hidden;animation:ambient-drift var(--duration) ease-in-out var(--delay) infinite}
.ambient-field.is-ready .ambient-element{visibility:visible}.shape-circle{border-radius:50%}.shape-square{border-radius:.4px}.color-violet{color:#714ae3}.color-blue{color:#5a76f3}.color-cyan{color:#7ebce5}
@keyframes ambient-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-4px)}}
.hero{position:relative;z-index:1;width:100%;max-width:1120px;margin:0 auto;flex:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,5vw,72px);padding:80px 0 100px}
.hero-copy{position:relative;z-index:2;min-width:0}
.hero-copy>h1,.hero-copy>.lead,.hero-copy>.actions{animation:content-appear .62s cubic-bezier(.22,.7,.22,1) backwards}
.hero-copy>.lead{animation-delay:.09s}.hero-copy>.actions{animation-delay:.18s}
@keyframes content-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
h1{margin:0;font-size:clamp(64px,7.4vw,100px);font-weight:400;line-height:1.045;letter-spacing:-.075em}h1>span{display:block;white-space:nowrap}.accent-period{color:var(--accent)}
.lead .keep-together{white-space:nowrap}
.desktop-break{display:inline}
.lead{max-width:510px;margin:28px 0 0;font-size:21px;line-height:1.5;letter-spacing:-.025em;color:#333338}

.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:34px}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:56px;padding:0 28px;gap:11px;border:1px solid transparent;border-radius:999px;font-size:14px;line-height:1.2;white-space:nowrap;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.button-primary{background:#151515;color:#fff;box-shadow:0 3px 8px #1515150a}.button-primary:hover{background:#303034;transform:translateY(-2px);box-shadow:0 7px 18px #15151516}.button-primary:active{transform:translateY(0) scale(.98)}.button-icon{width:18px;height:18px;flex-shrink:0}.button-primary .button-icon{transition:transform .22s ease}.button-primary:hover .button-icon{transform:translate(2px,-1px)}
.imessage-note{display:inline-flex;align-items:center;gap:8px;color:#717177;font-size:13px;line-height:1.5;white-space:nowrap}.imessage-note .button-icon{width:17px;height:17px}
.art-scene{position:relative;width:100%;max-width:440px;aspect-ratio:1;justify-self:center;margin-top:-32px;transform:scale(.88);transform-origin:center}
.mascot-control{display:block;width:100%;padding:0;border:0;border-radius:35%;background:transparent;touch-action:manipulation;position:relative;z-index:1}
.mascot-follow{display:block;width:100%;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform 1s cubic-bezier(.2,.7,.3,1)}
.mascot{display:block;width:100%;height:auto;overflow:visible;transform-origin:56% 57%;animation:mascot-breathe 9s ease-in-out infinite;user-select:none}
.mascot-stop{stop-color:var(--blue);animation:spectrum-shift 14s ease-in-out infinite}
@keyframes spectrum-shift{0%,100%{stop-color:var(--blue)}50%{stop-color:var(--purple)}}
.eye-follow{transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .55s cubic-bezier(.2,.7,.3,1)}
.mascot-eyes{transform-box:fill-box;transform-origin:center;animation:eyes-blink 7.5s linear infinite}
.mascot-shadow{position:absolute;left:23%;bottom:-29px;width:62%;height:15px;border-radius:50%;background:#55545e;opacity:.095;filter:blur(14px);animation:shadow-breathe 9s ease-in-out infinite;pointer-events:none}
.is-paused .animated,.is-hidden .animated{animation-play-state:paused!important}.is-paused .mascot-follow,.is-paused .eye-follow{transform:none}.is-paused .mascot-eyes{animation:none;transform:scaleY(1)}
.site-footer{position:relative;z-index:1;width:100%;max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:27px 0 30px;border-top:1px solid #e9e9ed;font-size:11px;line-height:1.5;color:#74747a}
.socials{display:flex;align-items:center;flex-wrap:wrap;gap:27px}.social-link{white-space:nowrap}.footer-meta{display:flex;align-items:center;gap:26px;flex-shrink:0}.legal{display:flex;gap:20px}.social-link,.legal a{transition:color .2s}.social-link:hover,.legal a:hover{color:#151515;text-decoration:underline;text-underline-offset:4px}
@keyframes mascot-breathe{0%,100%{transform:translateY(0) rotate(-5deg) scale(1,1)}40%{transform:translateY(-16px) rotate(2deg) scale(1.025,.975)}72%{transform:translateY(-5px) rotate(-1deg) scale(.99,1.01)}}
@keyframes eyes-blink{0%,40%,43%,46%,49%,100%{transform:scaleY(1)}41%,42%,47%,48%{transform:scaleY(.04)}}
@keyframes shadow-breathe{0%,100%{transform:scaleX(1);opacity:.095}40%{transform:scaleX(.83);opacity:.065}72%{transform:scaleX(.96);opacity:.085}}
@media(min-width:1600px){.hero{gap:72px}.art-scene{max-width:460px}}
@media(max-width:1100px){.hero{gap:36px;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr)}h1{font-size:clamp(62px,7.1vw,82px)}.lead{font-size:20px}.actions{gap:20px}.art-scene{margin-top:-64px}}
@media(max-height:780px) and (min-width:761px){.hero{padding:48px 0 56px}h1{font-size:clamp(62px,6.2vw,88px)}.lead{margin-top:24px;font-size:20px}.actions{margin-top:28px}}
@media(max-width:760px){.desktop-break{display:none}:root{--gutter:28px}.hero{grid-template-columns:minmax(0,1fr);gap:42px;align-content:start;align-items:start;padding:42px 0 60px}.hero-copy{grid-row:2;max-width:620px}.art-scene{grid-row:1;justify-self:start;width:188px;margin:0 0 0 -2px;max-width:none;transform-origin:left center}.mascot-shadow{bottom:-15px;height:9px;filter:blur(10px)}h1{font-size:clamp(48px,10.5vw,76px);line-height:1.075;letter-spacing:-.065em}.lead{font-size:20px;margin-top:25px;max-width:510px}.actions{margin-top:30px;gap:24px}.site-footer{flex-direction:column;align-items:flex-start;gap:20px;padding:24px 0}.footer-meta{justify-content:space-between;width:100%;gap:18px}.socials{gap:26px}}
@media(max-width:600px){:root{--gutter:24px}.hero{gap:40px;padding:34px 0 58px}.art-scene{width:164px;margin-left:0}.lead{font-size:18px;line-height:1.5;margin-top:25px}.button{min-height:54px;padding:0 25px;font-size:13px}.actions{gap:21px;margin-top:29px}.imessage-note{font-size:12px;gap:7px}.imessage-note .button-icon{width:16px;height:16px}.site-footer{font-size:11px;padding:24px 0}.socials{gap:23px}.footer-meta{font-size:11px}.legal{gap:19px}}
@media(max-width:360px){:root{--gutter:20px}.hero{gap:34px;padding-top:28px;padding-bottom:50px}.art-scene{width:150px}h1{font-size:42px;letter-spacing:-.07em}.lead{font-size:17px}.actions{gap:16px}.button{padding:0 21px}.imessage-note{font-size:11px}.socials{gap:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.mascot-follow,.eye-follow{transform:none!important}.mascot{transform:rotate(-3deg)}}