:root{--violet:#4a3aa8;--violet-deep:#332270;--cream:#fff6ea;--ink:#241638;--coral:#ff6b4a;--yellow:#ffc93c;--mint:#2ac79a;--paper:#fff8f2;--ink-soft:#4b3e68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif}img{max-width:100%}h1,h2,h3{text-wrap:balance;margin:0;font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-weight:600}a{color:inherit}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:4px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:700;display:inline-block}.wrap{max-width:1180px;margin:0 auto;padding-left:clamp(20px,5vw,64px);padding-right:clamp(20px,5vw,64px)}.hero{background:radial-gradient(1100px 520px at 88% -8%, #ffc93c33, transparent 60%), linear-gradient(165deg, var(--violet) 0%, var(--violet-deep) 100%);color:var(--paper);padding-top:clamp(20px,3vw,32px);padding-bottom:clamp(56px,8vw,96px);position:relative;overflow:hidden}.hero>.wrap{z-index:1;position:relative}.nav{justify-content:space-between;align-items:center;gap:16px;padding-top:8px;padding-bottom:clamp(40px,7vw,76px);display:flex}.wordmark{letter-spacing:.01em;font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:700}.nav-links{gap:clamp(16px,3vw,32px);margin:0;padding:0;font-size:.95rem;font-weight:600;list-style:none;display:flex}.nav-links a{opacity:.85;border-bottom:2px solid #0000;padding-bottom:2px;text-decoration:none;transition:opacity .2s,border-color .2s}.nav-links a:hover{opacity:1;border-color:var(--yellow)}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,6vw,64px);display:grid}.hero-copy p.eyebrow{color:var(--yellow)}.hero-title{margin-top:14px;font-size:clamp(2.6rem,4.6vw + .8rem,4.6rem);line-height:1.04}.hero-title .accent{background:linear-gradient(90deg, var(--coral), var(--yellow), var(--coral));color:var(--coral);background-size:220% 100%;-webkit-background-clip:text;background-clip:text}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero-title .accent{color:#0000}}@media (prefers-reduced-motion:no-preference){.hero-title .accent{animation:5s ease-in-out infinite shimmer}.hero-copy>*{animation:.7s cubic-bezier(.2,.8,.2,1) both rise}.hero-copy .eyebrow{animation-delay:50ms}.hero-copy .hero-title{animation-delay:.15s}.hero-copy .hero-sub{animation-delay:.28s}.hero-copy .hero-ctas{animation-delay:.4s}.hero:before{content:"";pointer-events:none;background:radial-gradient(480px 320px at var(--blob-x,20%) 30%, #ff6b4a29, transparent 65%);animation:16s ease-in-out infinite alternate blobdrift;position:absolute;inset:0}}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes blobdrift{0%{--blob-x:14%}to{--blob-x:38%}}.hero-sub{max-width:46ch;color:var(--paper);opacity:.88;margin-top:22px;font-size:1.15rem;line-height:1.65}.hero-ctas{flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px;display:flex}.btn{border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:14px 26px;font-family:Plus Jakarta Sans,sans-serif;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.96)}.btn-primary{background:var(--coral);color:var(--paper);box-shadow:0 10px 24px -10px #ff6b4aa6}.btn-primary:hover{box-shadow:0 14px 28px -10px #ff6b4acc}.btn-ghost{color:var(--paper);border-color:#fff8f259}.btn-ghost:hover{border-color:var(--paper)}.phone-deck{justify-content:center;align-items:center;width:100%;height:clamp(320px,34vw,420px);display:flex;position:relative}.phone{aspect-ratio:9/18.7;background:linear-gradient(128deg,#fff9 0%,#fff0 14%),linear-gradient(150deg,#605973 0%,#332c3f 42%,#16121c 100%);border-radius:40px;width:clamp(150px,15vw,190px);transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;box-shadow:0 40px 60px -22px #0f08238c,0 12px 22px -12px #0f082373,inset 0 0 0 1px #ffffff3d,inset 0 -3px 4px #0006}.phone-bezel{background:#020103;border-radius:36px;position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #000000b3,inset 0 1px 2px #ffffff12}.phone:before{content:"";z-index:2;background:#000;border-radius:999px;width:38%;height:11px;position:absolute;top:15px;left:38%;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff14}.phone:after{content:"";z-index:2;background:#000;border-radius:50%;width:9px;height:9px;position:absolute;top:16px;right:16%;box-shadow:inset 0 0 0 1px #ffffff1a,inset -1px -1px 2px #78a0ff66}.phone-btn{z-index:0;background:linear-gradient(#b3acc0,#524b63 55%,#211d29);border-radius:2px;position:absolute;box-shadow:inset 0 1px 1px #ffffff4d,0 2px 3px #00000073}.phone-btn--vol1{width:4px;height:10%;top:23%;left:-4px}.phone-btn--vol2{width:4px;height:10%;top:35%;left:-4px}.phone-btn--power{width:4px;height:15%;top:28%;right:-4px}.phone-screen{z-index:1;border-radius:33px;flex-direction:column;gap:10px;padding:34px 13px 16px;display:flex;position:absolute;inset:3px;overflow:hidden}.phone-screen:before{content:"";mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(125deg,#fff6 0%,#ffffff14 20%,#fff0 42%);position:absolute;inset:0}.phone-screen:after{content:"";background:#fff8f299;border-radius:999px;width:34%;height:4px;position:absolute;bottom:8px;left:50%;translate:-50%}.phone-status{z-index:1;justify-content:space-between;align-items:center;display:flex;position:absolute;top:9px;left:16px;right:16px}.phone-status .time{background:#fff8f2d9;border-radius:999px;width:22px;height:5px}.phone-status .battery{border:1.4px solid #fff8f2d9;border-radius:3px;width:18px;height:9px;position:relative}.phone-status .battery:after{content:"";background:#fff8f2d9;border-radius:1px;position:absolute;inset:1.5px 5px 1.5px 1.5px}.phone-screen span.bar{background:#fff8f2e6;border-radius:999px;display:block}.phone--loop .phone-screen{background:linear-gradient(160deg, var(--coral), #ff9776)}.phone--pocket .phone-screen{background:linear-gradient(160deg, var(--mint), #7ce8c8)}.phone--nearby .phone-screen{background:linear-gradient(160deg, var(--yellow), #ffe29a)}.phone--loop{z-index:1;transform:translate(-116px)rotate(-11deg)}.phone--pocket{z-index:3;transform:translate(0)rotate(0)translateY(-14px)}.phone--nearby{z-index:2;transform:translate(116px)rotate(11deg)}.phone-deck:hover .phone--loop{transform:translate(-148px)rotate(-16deg)translateY(-6px)}.phone-deck:hover .phone--pocket{transform:translate(0)rotate(0)translateY(-26px)}.phone-deck:hover .phone--nearby{transform:translate(148px)rotate(16deg)translateY(-6px)}@media (prefers-reduced-motion:no-preference){.phone--loop{animation:6.5s ease-in-out infinite float}.phone--pocket{animation:6.5s ease-in-out .4s infinite float}.phone--nearby{animation:6.5s ease-in-out .8s infinite float}}@keyframes float{0%,to{translate:0}50%{translate:0 -8px}}.section{padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(56px,8vw,96px)}.section-head{max-width:60ch;margin-bottom:clamp(36px,5vw,52px)}.section-head .eyebrow{color:var(--coral)}.section-title{margin-top:12px;font-size:clamp(2rem,2.2vw + 1rem,2.7rem)}.section-note{color:var(--ink-soft);max-width:52ch;margin-top:14px;font-size:1.05rem;line-height:1.6}.app-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.app-card{background:var(--paper);border:1px solid #24163814;border-radius:24px;flex-direction:column;gap:16px;padding:26px 24px 28px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;display:flex;position:relative}.app-card--soon .app-card-top,.app-card--soon>p,.app-card--soon .status-chip{filter:blur(4px);-webkit-user-select:none;user-select:none}.coming-soon-badge{text-align:center;color:var(--ink);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#fff6ea99;border-radius:23px;justify-content:center;align-items:center;padding:0 24px;font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600;display:flex;position:absolute;inset:1px}.app-card:hover{transform:translateY(-6px);box-shadow:0 24px 40px -26px #2416384d}.app-card:hover .mini-phone{transform:rotate(-6deg)scale(1.06)}.app-card-top{align-items:center;gap:16px;display:flex}.mini-phone{background:linear-gradient(128deg,#ffffff8c 0%,#fff0 16%),linear-gradient(150deg,#605973 0%,#332c3f 42%,#16121c 100%);border-radius:17px;flex:none;width:56px;height:106px;padding:3px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 14px 20px -12px #24163866,inset 0 0 0 1px #fff3}.mini-phone-screen{border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden}.mini-phone:before{content:"";z-index:2;background:#000;border-radius:999px;width:32%;height:5px;position:absolute;top:8px;left:36%;translate:-50%}.mini-phone:after{content:"";z-index:2;background:#ffffffb3;border-radius:999px;width:28%;height:2.5px;position:absolute;bottom:6px;left:50%;translate:-50%}.mini-phone-dot{z-index:2;background:#000;border-radius:50%;width:4px;height:4px;position:absolute;top:8.5px;right:15%}.app-card--loop .mini-phone-screen{background:linear-gradient(160deg, var(--coral), #ff9776)}.app-card--pocket .mini-phone-screen{background:linear-gradient(160deg, var(--mint), #7ce8c8)}.app-card--nearby .mini-phone-screen{background:linear-gradient(160deg, var(--yellow), #ffe29a)}.app-card h3{font-size:1.35rem}.app-tag{color:var(--ink-soft);margin-top:4px;font-size:.8rem;font-weight:700;display:inline-block}.app-card p{color:var(--ink-soft);margin:0;font-size:.98rem;line-height:1.6}.status-chip{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:#2416380f;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:.72rem;font-weight:700}.status-chip--live{background:var(--coral);color:var(--paper);cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 18px -10px #ff6b4aa6}.status-chip--live:hover{transform:translateY(-2px);box-shadow:0 12px 22px -10px #ff6b4acc}.status-chip--live:active{transform:translateY(0)scale(.96)}.footer{background:var(--violet);color:var(--paper);padding-top:44px;padding-bottom:44px}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-copy{opacity:.75;font-size:.9rem}.footer-contact{border-bottom:2px solid var(--yellow);padding-bottom:2px;font-weight:700;text-decoration:none}.reveal{transition:transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}.reveal.is-visible{transform:translateY(0)}.app-grid .reveal:nth-child(2){transition-delay:80ms}.app-grid .reveal:nth-child(3){transition-delay:.16s}@media (width<=900px){.hero-grid{grid-template-columns:1fr}.phone-deck{height:300px;margin-top:8px}.app-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.nav-links{display:none}.app-grid{grid-template-columns:1fr}.phone--loop{transform:translate(-78px)rotate(-11deg)scale(.92)}.phone--nearby{transform:translate(78px)rotate(11deg)scale(.92)}.phone-deck:hover .phone--loop{transform:translate(-90px)rotate(-14deg)scale(.92)}.phone-deck:hover .phone--nearby{transform:translate(90px)rotate(14deg)scale(.92)}}