:root{
  --ink:#5f4b56;--muted:#8c7681;--pink:#f7dce9;--rose:#e9aeca;--cream:#fff9f5;
  --peach:#ffe8d9;--mint:#eaf7ef;--line:#eadde3;--gold:#b98950;--white:#fff;
  --shadow:0 18px 45px rgba(95,75,86,.12);--radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fffaf8 0,#fff 34%,#fff9fc 100%);line-height:1.72}
a{color:#9c5b7b;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}
.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{min-height:74px;display:flex;align-items:center;gap:24px}.brand{font-weight:900;letter-spacing:-.04em;font-size:1.35rem;color:var(--ink);white-space:nowrap}.brand span{color:#cf7ca4}.navlinks{margin-left:auto;display:flex;gap:19px;align-items:center;flex-wrap:wrap}.navlinks a{font-size:.92rem;font-weight:700;color:#755f69}.navlinks .play{background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px}.navlinks .play:hover{text-decoration:none;transform:translateY(-1px)}
.hero{padding:76px 0 58px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.78rem;font-weight:900;letter-spacing:.08em;color:#a46a82;text-transform:uppercase}.hero h1{font-size:clamp(2.9rem,7vw,5.9rem);line-height:.92;letter-spacing:-.07em;margin:18px 0 22px}.hero h1 em{font-style:normal;color:#ce789f}.hero p{font-size:1.12rem;color:var(--muted);max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:999px;font-weight:900;border:1px solid var(--line);background:#fff}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn:hover{text-decoration:none;transform:translateY(-1px)}
.hero-art{position:relative;min-height:470px;border-radius:44px;background:radial-gradient(circle at 40% 20%,#fff 0,#ffe9f2 37%,#f4e9ff 72%,#eaf7ef 100%);box-shadow:var(--shadow);overflow:hidden;border:1px solid #f1e6eb}.hero-art .cafe{position:absolute;inset:auto 3% 3%;width:94%;border-radius:28px;opacity:.94}.cat-bubble{position:absolute;width:140px;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(89,67,78,.16);padding:8px}.cat-bubble img{width:100%;height:100%;object-fit:contain;border-radius:50%}.cat-bubble.a{top:26px;left:34px}.cat-bubble.b{top:96px;right:22px;width:120px}.cat-bubble.c{bottom:30px;right:58px;width:132px}
.section{padding:66px 0}.section.alt{background:rgba(255,244,249,.6);border-block:1px solid #f4e7ed}.kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#b27491}.section h2,.article h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.05em;margin:10px 0 16px}.lead{font-size:1.08rem;color:var(--muted);max-width:790px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px rgba(95,75,86,.06)}.card h3{margin:10px 0 8px;font-size:1.1rem}.card p{margin:0;color:var(--muted)}.icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--pink);font-size:1.25rem}.number{font-size:.75rem;font-weight:900;color:#b27a94;letter-spacing:.08em}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.feature-image{border-radius:32px;border:1px solid var(--line);background:#fff;padding:16px;box-shadow:var(--shadow)}.feature-image img{border-radius:22px;width:100%;max-height:520px;object-fit:contain;background:#fff8fb}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.chip{padding:7px 11px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.82rem;font-weight:800}
.article{padding:58px 0 80px}.article .content{max-width:860px}.article h2{font-size:1.65rem;letter-spacing:-.025em;margin-top:42px}.article h3{margin-top:30px}.article p,.article li{color:#75616c}.article ul,.article ol{padding-left:24px}.notice{border:1px solid #e9d8df;background:#fff8fb;padding:20px 22px;border-radius:20px;margin:24px 0}.faq{display:grid;gap:12px;margin-top:28px}.faq details{background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px 20px}.faq summary{cursor:pointer;font-weight:900}.faq details p{margin:10px 0 0}
.devpost{padding:23px 0;border-bottom:1px solid var(--line)}.devpost time{font-size:.8rem;font-weight:900;color:#a46c86}.devpost h2{margin:6px 0 8px;font-size:1.5rem}.devpost p{margin:0;color:var(--muted)}
.footer{border-top:1px solid var(--line);padding:38px 0 48px;background:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px}.footer h3{margin:0 0 10px}.footer p,.footer a{font-size:.9rem;color:var(--muted)}.footer-links{display:grid;gap:7px}.tiny{font-size:.78rem;color:#a18c96;margin-top:28px}
@media (max-width:860px){.nav{align-items:flex-start;padding:15px 0}.navlinks{gap:12px;justify-content:flex-end}.navlinks a:not(.play){display:none}.hero{padding-top:42px}.hero-grid,.feature-split,.footer-grid{grid-template-columns:1fr}.hero-art{min-height:420px}.grid3{grid-template-columns:1fr}.feature-split .feature-image{order:-1}}
@media (max-width:520px){.wrap{width:min(100% - 22px,1120px)}.hero h1{font-size:3.25rem}.hero-art{min-height:360px;border-radius:30px}.cat-bubble{width:105px}.cat-bubble.b{width:92px}.cat-bubble.c{width:96px}.section{padding:48px 0}.card{padding:20px}.navlinks .play{padding:9px 13px;font-size:.84rem}}