:root{--ink:#24142f;--muted:#705e78;--pink:#f72b87;--purple:#7130b7;--cream:#fff9f0;--line:rgba(60,27,72,.12);--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.narrow{width:min(1000px,calc(100% - 40px))}
.header{position:sticky;top:0;z-index:50;background:rgba(255,249,240,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{min-height:74px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-weight:900;line-height:.83;letter-spacing:-.03em}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font-size:17px;color:#ef4a43}.brand em{font-size:18px;color:#8934a8;font-style:normal}.brand-orb{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#ff76ac,#7b2fba);position:relative;box-shadow:0 7px 16px rgba(113,48,183,.25)}.brand-orb i{position:absolute;width:11px;height:11px;border-radius:50%;background:#ffd44d;top:8px;left:8px;box-shadow:15px 4px 0 #43d4c6,7px 19px 0 #ff7b47}.header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.header nav a{color:#705e78;padding:28px 0 24px;border-bottom:3px solid transparent}.header nav a.active{color:var(--purple);border-color:var(--pink)}.header-cta{padding:11px 21px;color:white;border-radius:999px;font-weight:800;background:linear-gradient(110deg,var(--pink),var(--purple));box-shadow:0 8px 20px rgba(247,43,135,.22)}
.hero{min-height:650px;position:relative;overflow:hidden;background:radial-gradient(circle at 8% 8%,#fff 0 12%,transparent 38%),linear-gradient(135deg,#fff9f1 0%,#ffe7f4 52%,#efe1ff 100%)}.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:#fff;filter:blur(40px);opacity:.55;right:-120px;bottom:-260px}.hero-grid{min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;padding:60px 0;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{display:inline-flex;color:var(--pink);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}.hero h1{font-size:clamp(54px,7vw,92px);line-height:.9;letter-spacing:-.065em;max-width:600px;margin:18px 0 24px;background:linear-gradient(120deg,#ef3f7e 0%,#8c32b2 72%);-webkit-background-clip:text;color:transparent}.home-page .hero h1{margin-bottom:10px}.hero-copy>p{max-width:570px;font-size:18px;line-height:1.65;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:24px;margin:32px 0 42px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 28px;border:0;border-radius:999px;color:white;font:800 15px Arial,sans-serif;background:linear-gradient(110deg,var(--pink),var(--purple));box-shadow:0 12px 28px rgba(247,43,135,.25);cursor:pointer}.button:hover{transform:translateY(-2px)}.text-link{font-weight:800;color:var(--purple)}.text-link span{margin-left:5px}.quick-stats{display:flex;gap:12px}.quick-stats>div{min-width:118px;padding:13px 16px;border:1px solid rgba(113,48,183,.12);border-radius:18px;background:rgba(255,255,255,.58)}.quick-stats small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.quick-stats strong{font-size:16px}.hero-art{position:relative;height:500px;border-radius:48px;overflow:hidden;box-shadow:0 28px 70px rgba(90,35,111,.22);border:7px solid rgba(255,255,255,.75);background:#efc8ff}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(45,14,58,.3));pointer-events:none}
.hero h1{line-height:1;padding-bottom:.08em}
.section{padding:96px 0}.section-head{margin-bottom:36px}.section-head h2,.content-grid h2,.specs-copy h2{font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:-.045em;margin:12px 0 0}.split-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.split-head p{color:var(--muted);max-width:410px;line-height:1.6;margin:0}.demo-section{background:#23142e;color:white}.demo-section .kicker{color:#ff70aa}.demo-shell{min-height:570px;border-radius:28px;overflow:hidden;background:linear-gradient(140deg,#4e1d6a,#ef387e);border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 60px rgba(0,0,0,.26)}.demo-frame{width:100%;height:650px;border:0;background:#140b1a}.demo-cover{min-height:570px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;text-align:center;padding:30px;background-position:center;background-size:cover;background-repeat:no-repeat}.demo-cover small{color:rgba(255,255,255,.8);text-shadow:0 2px 8px rgba(0,0,0,.55)}.demo-candy{width:82px;height:82px;display:grid;place-items:center;border-radius:28px;background:#fff;color:var(--pink);font-size:34px;transform:rotate(12deg);box-shadow:0 16px 40px rgba(0,0,0,.22)}.button-light{background:white;color:var(--purple);box-shadow:none}
.intro-section{background:white}.content-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.prose{color:var(--muted);font-size:18px;line-height:1.8}.prose p:first-child{color:var(--ink);font-size:22px;margin-top:0}.mechanics-section{background:#fff4e8}.mechanics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mechanic{min-height:290px;padding:28px;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 30px rgba(55,20,65,.05)}.mechanic>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffe3f0;color:var(--pink);font-size:13px;font-weight:900}.mechanic h3{font-size:21px;margin:48px 0 12px}.mechanic p{color:var(--muted);line-height:1.65;margin:0}.specs-section{background:white}.specs-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:70px;align-items:start}.specs-copy p{color:var(--muted);line-height:1.7}.table-wrap{overflow:hidden;border:1px solid var(--line);border-radius:26px}table{width:100%;border-collapse:collapse;background:#fffdfa}th,td{padding:17px 22px;border-bottom:1px solid var(--line);text-align:left}tr:last-child th,tr:last-child td{border:0}th{width:52%;color:var(--muted);font-size:13px;font-weight:600}td{font-weight:800}
.series-section{background:linear-gradient(180deg,#efe3ff,#ffeaf3)}.series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.series-card{overflow:hidden;border-radius:25px;background:white;border:2px solid transparent;box-shadow:0 14px 36px rgba(79,31,95,.08);transition:.2s ease}.series-card:hover{transform:translateY(-4px)}.series-card.current{border-color:var(--pink)}.series-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.series-card div{padding:22px}.series-card small{color:var(--pink);font-weight:800}.series-card h3{margin:7px 0;font-size:21px}.series-card span{color:var(--muted);font-size:13px}.faq-section{background:white}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 4px}summary{cursor:pointer;font-size:19px;font-weight:800;list-style:none}summary:after{content:"+";float:right;color:var(--pink);font-size:24px}details[open] summary:after{content:"−"}details p{max-width:780px;color:var(--muted);line-height:1.7}
footer{padding:55px 0;background:#21142a;color:white}.footer-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr 1.2fr;gap:42px;align-items:start}.footer-brand{margin:0}.footer-grid>p,.footer-note span{color:rgba(255,255,255,.62);line-height:1.6;font-size:13px;margin:0}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid>div strong{margin-bottom:3px}.footer-grid>div a{color:rgba(255,255,255,.68);font-size:13px}.footer-note strong{font-size:24px;color:#ff76ad}
@media(max-width:900px){.header nav{display:none}.hero-grid{grid-template-columns:1fr;padding-top:54px}.hero-art{height:430px}.content-grid,.specs-grid{grid-template-columns:1fr;gap:35px}.mechanics-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container,.narrow{width:min(100% - 28px,1180px)}.header-inner{min-height:66px}.header-cta{padding:10px 17px}.hero,.hero-grid{min-height:auto}.hero-grid{gap:32px;padding:45px 0 56px}.hero h1{font-size:54px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr)}.quick-stats>div{min-width:0;padding:11px}.quick-stats strong{font-size:14px}.hero-art{height:320px;border-radius:30px}.section{padding:68px 0}.split-head{display:block}.split-head p{margin-top:16px}.demo-shell,.demo-cover{min-height:430px}.demo-frame{height:520px}.mechanics-grid,.series-grid,.footer-grid{grid-template-columns:1fr}.mechanic{min-height:230px}.mechanic h3{margin-top:28px}}