:root{--bg:#0d0d10;--surface:rgba(28,24,30,.78);--text:#fff7fb;--muted:#c7b9c2;--accent:#ff71aa;--accent2:#f5b6d2;--accent3:#86d76e;--display:'Avenir Next', Avenir, system-ui, sans-serif;--vh:1vh;--pad:clamp(20px,4vw,64px);color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);max-width:100%;overflow-x:hidden;overflow-x:clip}body{margin:0;max-width:100%;color:var(--text);background:var(--bg);overflow-x:hidden;overflow-x:clip}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 32%),radial-gradient(circle at 88% 28%,color-mix(in srgb,var(--accent2) 20%,transparent),transparent 28%);z-index:-1}a{color:inherit}.skip-link{position:fixed;left:16px;top:-80px;background:var(--text);color:var(--bg);padding:12px 18px;z-index:50;border-radius:999px}.skip-link:focus{top:16px}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:max(14px,env(safe-area-inset-top)) var(--pad) 14px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent)}.brand{font-family:var(--display);font-weight:800;text-decoration:none;font-size:1.12rem;display:flex;align-items:center;gap:10px}.brand-mark{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 24px var(--accent)}nav{display:flex;gap:28px}nav a,.text-link,footer a{text-decoration:none}nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.mini-status{font-size:.76rem;padding:9px 12px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:999px;color:var(--muted)}.hero{min-height:calc(var(--vh)*92);min-height:92svh;min-height:92dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:clamp(34px,7vw,110px);align-items:center;padding:clamp(64px,10vw,140px) var(--pad)}.hero-copy{max-width:720px}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.2em;color:var(--accent);margin:0 0 16px}h1,h2,h3{font-family:var(--display);margin-top:0}h1{font-size:clamp(3.4rem,8vw,8.4rem);line-height:.9;letter-spacing:-.055em;margin-bottom:28px}h2{font-size:clamp(2.2rem,4.8vw,5rem);line-height:.98;letter-spacing:-.04em}h3{font-size:1.45rem;margin-bottom:10px}p{line-height:1.7}.hero-intro{font-size:clamp(1.05rem,1.7vw,1.35rem);color:var(--muted);max-width:620px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:36px;flex-wrap:wrap}.store-state{display:inline-block;min-width:172px;padding:12px 22px;border-radius:14px;background:var(--text);color:var(--bg);font-size:.73rem;line-height:1.25;box-shadow:0 18px 42px color-mix(in srgb,var(--accent) 20%,transparent)}.store-state strong{font-size:1rem}.text-link{font-weight:750}.hero-art{position:relative;isolation:isolate;display:grid;place-items:center;min-height:560px;max-width:100%}.hero-art img{position:relative;z-index:2;width:min(100%,560px);aspect-ratio:1;object-fit:cover;border-radius:28%;box-shadow:0 50px 110px color-mix(in srgb,var(--accent) 30%,transparent);transform:rotate(2deg)}.theme-cutpapaya .hero-art img{aspect-ratio:1.18;object-position:center top;border-radius:22%;transform:rotate(-2deg)}.theme-chopberry .hero-art img{object-position:center 35%}.orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:50%;z-index:1}.orbit-a{width:92%;aspect-ratio:1;transform:rotate(18deg)}.orbit-b{width:70%;aspect-ratio:1;transform:rotate(-28deg);border-color:color-mix(in srgb,var(--accent2) 44%,transparent)}.art-note{position:absolute;z-index:3;right:0;bottom:8%;padding:10px 14px;background:var(--surface);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:999px;font-size:.68rem;letter-spacing:.14em}.section{padding:clamp(80px,11vw,160px) var(--pad);border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.section>h2{max-width:820px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:54px}.feature-card{position:relative;min-height:310px;padding:30px;border-radius:28px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);overflow:hidden}.feature-card::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-60px;bottom:-80px;background:linear-gradient(135deg,var(--accent),var(--accent2));filter:blur(8px);opacity:.36}.feature-card span{display:block;color:var(--accent);font-weight:900;margin-bottom:78px}.feature-card p{color:var(--muted)}.explore{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.explore>div>p:last-child{color:var(--muted);max-width:580px}.explore ol{list-style:none;padding:0;margin:0;display:grid;gap:14px}.explore li{display:flex;gap:20px;align-items:center;padding:22px 24px;border-radius:20px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 12%,transparent)}.explore li strong{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--bg)}.support{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center}.support>div>p:last-child{color:var(--muted)}.support-card{padding:28px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:var(--surface);border-radius:24px}.support-card span{color:var(--accent);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}.support-card strong{display:block;font-size:1.35rem;margin:14px 0}.closing{padding:clamp(100px,14vw,200px) var(--pad);text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--bg)),color-mix(in srgb,var(--accent2) 14%,var(--bg)))}.closing h2{max-width:900px;margin:0 auto 34px}footer{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:30px var(--pad) max(30px,env(safe-area-inset-bottom));font-size:.82rem;color:var(--muted)}footer div{display:flex;gap:22px}footer p{margin:0}body.webview .site-header{position:relative}body.webview .mini-status{display:none}@media(max-width:860px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:72px}.hero-art{min-height:400px}.hero-art img{width:min(calc(100% - 40px),480px)}.orbit-a{width:84%}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:230px}.feature-card span{margin-bottom:42px}.explore,.support{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.site-header{min-height:64px}.mini-status{display:none}.hero{padding-left:20px;padding-right:20px;min-height:auto}h1{font-size:clamp(3rem,17vw,4.5rem)}.hero-art{min-height:310px}.hero-art img{border-radius:24%}.section{padding-left:20px;padding-right:20px}.art-note{right:4px;bottom:1%;font-size:.58rem}footer{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}