:root{
  --bg:#100b27;--bg2:#211044;--ink:#fff8ff;--muted:#cfc1e8;--line:rgba(255,255,255,.18);
  --sunset:#ff6b88;--violet:#7f39ff;--ocean:#32c8eb;--forest:#53d079;--berry:#c94bf1;--gold:#ffb44b;--sky:#7fa7ff;
  --card:rgba(255,255,255,.09);--shadow:0 28px 70px rgba(9,4,31,.42);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 12%,#411260 0,transparent 28%),radial-gradient(circle at 90% 38%,#202d79 0,transparent 32%),linear-gradient(160deg,var(--bg),#180d36 48%,#26134c);color:var(--ink);font-family:Manrope,system-ui,sans-serif;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 70% 50%,#ff8ed8 0 1px,transparent 1.5px);background-size:160px 160px,220px 220px;z-index:0}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;background:rgba(10,7,25,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--sunset),var(--violet));font-family:DM Mono;font-size:13px;box-shadow:0 8px 28px rgba(127,57,255,.35)}.menu-toggle{appearance:none;border:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 16px;border-radius:999px;font-weight:700;cursor:pointer}.site-nav{position:fixed;top:74px;right:4vw;display:grid;gap:6px;min-width:210px;padding:14px;border:1px solid var(--line);background:#17102f;border-radius:20px;box-shadow:var(--shadow);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s}.site-nav.open{transform:none;opacity:1;pointer-events:auto}.site-nav a{color:var(--muted);text-decoration:none;padding:12px 14px;border-radius:12px}.site-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.play-rail{position:fixed;left:0;top:44%;z-index:30;display:flex;gap:10px;align-items:center;writing-mode:vertical-rl;transform:rotate(180deg);padding:16px 10px;background:linear-gradient(180deg,var(--sunset),var(--violet));color:white;text-decoration:none;font-weight:800;border-radius:0 14px 14px 0;box-shadow:var(--shadow)}main,footer,.site-header{position:relative;z-index:1}.section-pad{padding:92px max(5vw,28px)}.hero{padding-top:56px}.hero-board{position:relative;min-height:720px;border:1px solid var(--line);border-radius:34px;padding:clamp(28px,5vw,74px);overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:var(--shadow)}.hero-board:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-120px;top:30px;box-shadow:0 0 0 70px rgba(255,255,255,.02),0 0 0 140px rgba(255,255,255,.015)}.eyebrow,.section-label,.mono{font-family:DM Mono,monospace;letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:#dfb7ff}.hero h1{position:relative;z-index:3;max-width:860px;margin:44px 0 24px;font-family:Syne,sans-serif;font-size:clamp(58px,8vw,128px);line-height:.84;letter-spacing:-.06em}.hero h1 em{display:block;font-style:normal;color:#ff9acb}.hero-copy{position:relative;z-index:3;max-width:640px;font-size:clamp(18px,2.1vw,27px);line-height:1.5;color:var(--muted)}.hero-actions{position:relative;z-index:5;display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;border-radius:999px;text-decoration:none;font-weight:800}.btn-primary{background:linear-gradient(90deg,#ff6b88,#8a38ff);color:white}.btn-ghost{border:1px solid var(--line);color:white;background:rgba(255,255,255,.04)}.hero-screen{position:absolute;right:5%;bottom:-90px;width:min(34vw,440px);z-index:4;transform:rotate(5deg);filter:drop-shadow(0 32px 55px rgba(0,0,0,.45))}.hero-screen img{width:100%;display:block;border-radius:34px}.float-card{position:absolute;z-index:6}.ticket{padding:16px 18px;border-radius:16px;background:#fff9ef;color:#251333;box-shadow:0 14px 40px rgba(0,0,0,.22);transform:rotate(-5deg);font-family:DM Mono}.ticket b,.ticket span{display:block}.ticket span{font-size:11px;opacity:.66;margin-top:6px}.t1{right:31%;top:120px}.t2{right:35%;bottom:120px;transform:rotate(4deg)}.chip{padding:12px 15px;border-radius:999px;border:1px solid var(--line);background:rgba(28,19,60,.82);backdrop-filter:blur(8px);font-weight:700}.c1{right:18%;top:125px}.c2{right:12%;top:205px}.c3{right:36%;top:245px}.flow-strip{padding:78px 5vw;background:#f8f3ff;color:#1d1331}.flow-strip .section-label{color:#7b47a9}.flow-strip h2{font:800 clamp(34px,5vw,72px)/1 Syne;margin:14px 0 36px;max-width:1000px}.flow-track{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #cab8df}.flow-track article{padding:26px 24px;border-right:1px solid #cab8df}.flow-track article:last-child{border-right:0}.flow-track span{font:500 12px DM Mono;color:#7b47a9}.flow-track strong{display:block;font-size:24px;margin:34px 0 12px}.flow-track p{color:#675876;line-height:1.5}.section-heading{display:grid;grid-template-columns:.35fr 1fr;gap:36px;align-items:start;margin-bottom:42px}.section-heading h2,.moods h2,.share-copy h2,.studio h2,.contact h2{font:800 clamp(42px,6vw,88px)/.95 Syne;margin:0}.section-heading p{color:var(--muted);max-width:760px;font-size:20px;line-height:1.6}.masonry{columns:3 320px;column-gap:20px}.list-card{break-inside:avoid;margin:0 0 20px;padding:26px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.05));box-shadow:0 18px 50px rgba(0,0,0,.16);position:relative;overflow:hidden}.list-card:before,.mood-preview:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--accent)}.list-card.sunset{--accent:var(--sunset)}.list-card.ocean{--accent:var(--ocean)}.list-card.forest{--accent:var(--forest)}.list-card.gold{--accent:var(--gold)}.list-card.sky{--accent:var(--sky)}.list-card.tall{padding-bottom:34px}.card-top{display:flex;justify-content:space-between;color:#eadcf8}.list-card h3{font-size:30px;margin:24px 0 10px}.list-card p{color:var(--muted);line-height:1.5}.list-card ul{list-style:none;padding:0;margin:28px 0 22px;display:grid;gap:10px}.list-card li{padding:11px 12px;border:1px solid var(--line);border-radius:13px}.list-card li.done{text-decoration:line-through;opacity:.55}.progress{height:8px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sunset),var(--violet));transition:width 1.1s ease}.progress.animate i{width:var(--w)}.list-card small{display:block;margin-top:10px;color:#c7b6df}.screens-stage{position:relative;min-height:920px;margin-top:28px;border:1px solid var(--line);border-radius:34px;overflow:hidden;background:radial-gradient(circle at 48% 38%,rgba(176,73,255,.24),transparent 27%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}.screen{position:absolute;margin:0;filter:drop-shadow(0 30px 45px rgba(0,0,0,.45));transition:transform .25s ease}.screen img{width:100%;display:block;border-radius:24px}.s-one{width:31%;left:5%;top:110px;transform:rotate(-7deg)}.s-two{width:31%;right:6%;top:70px;transform:rotate(7deg)}.s-three{width:33%;left:34%;top:250px;transform:rotate(1deg)}.caption{position:absolute;padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(19,11,45,.78);backdrop-filter:blur(12px);font-family:DM Mono;font-size:12px}.cap1{left:8%;bottom:90px}.cap2{left:40%;top:80px}.cap3{right:8%;bottom:110px}.mood-controls{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0}.mood{border:1px solid var(--line);background:rgba(255,255,255,.05);color:white;padding:12px 18px;border-radius:999px;font-weight:800;cursor:pointer}.mood.active{background:white;color:#1e1231}.mood-preview{--accent:var(--sunset);position:relative;overflow:hidden;max-width:850px;padding:38px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent),#31164d 45%),rgba(255,255,255,.08));transition:.35s}.mood-preview.ocean{--accent:var(--ocean)}.mood-preview.forest{--accent:var(--forest)}.mood-preview.berry{--accent:var(--berry)}.mood-preview.gold{--accent:var(--gold)}.mood-preview.sky{--accent:var(--sky)}.mood-preview h3{font:800 44px Syne;margin:18px 0 10px}.mood-preview p{color:#efe5ff;font-size:18px}.mini-label{font:500 12px DM Mono;letter-spacing:.16em}.share-panel{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;background:#f3eaff;color:#1e1231}.share-copy .section-label{color:#7f39aa}.share-copy p{font-size:20px;line-height:1.6;color:#6e5f79}.share-card{padding:34px;border-radius:28px;background:#1f1435;color:white;box-shadow:var(--shadow);transform:rotate(-2deg)}.share-card h3{font:800 44px Syne;margin:10px 0 26px}.share-items{display:grid;gap:12px}.share-items span{padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:12px}.share-bottom{display:flex;justify-content:space-between;margin-top:26px;color:#efb8ff}.studio{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}.studio-intro{display:grid;grid-template-columns:.3fr 1fr;gap:38px}.studio-intro p{font-size:20px;line-height:1.7;color:var(--muted);max-width:760px}.services{display:flex;flex-wrap:wrap;gap:12px;margin:52px 0}.services span{padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05)}.pipeline{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:14px;margin-top:48px;padding:28px;border:1px solid var(--line);border-radius:24px}.pipeline b{font-family:Syne}.pipeline i{height:1px;background:linear-gradient(90deg,var(--sunset),var(--violet));position:relative;overflow:hidden}.pipeline i:after{content:"";position:absolute;width:22%;height:100%;background:white;animation:move 2.4s linear infinite}@keyframes move{from{left:-25%}to{left:110%}}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#0e0a21}.contact address{font-style:normal;display:grid;gap:18px}.contact address div{padding:22px;border-top:1px solid var(--line)}.contact address span{display:block;font:500 11px DM Mono;color:#b797dc;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.contact a,.contact strong{display:block;color:white;text-decoration:none;font-size:20px;line-height:1.55}.download-band{margin:0 5vw 70px;padding:38px;border-radius:28px;display:flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(120deg,#fff6ff,#f1dcff);color:#211232}.download-band h2{font:800 clamp(30px,4vw,54px)/1 Syne;margin:10px 0 0;max-width:750px}.download-band .mono{color:#7a4f93}footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:28px 5vw;border-top:1px solid var(--line);color:#a997c2;font-size:14px}footer a{color:#d7c8ec}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.privacy-page{background:linear-gradient(160deg,#120a2b,#221044)}.privacy-wrap{max-width:980px;margin:auto;padding:90px 28px}.privacy-wrap h1{font:800 clamp(60px,10vw,120px)/.9 Syne;margin:20px 0 18px}.privacy-lead{font-size:22px;color:var(--muted);margin-bottom:42px}.privacy-card{padding:28px;margin:16px 0;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.05)}.privacy-card h2{font:700 26px Syne;margin-top:0}.privacy-card p{color:var(--muted);line-height:1.7;font-size:17px}.privacy-card a{color:#ffb5df}.privacy-updated{font-family:DM Mono;color:#bca7d5;margin-top:34px}.privacy-back{text-decoration:none}
@media(max-width:900px){.play-rail{display:none}.hero-board{min-height:980px}.hero h1{font-size:clamp(54px,15vw,92px)}.hero-screen{width:56%;right:5%;bottom:-30px}.t1{right:auto;left:8%;top:auto;bottom:270px}.t2{right:5%;bottom:205px}.c1{right:12%;top:350px}.c2{right:4%;top:410px}.c3{right:22%;top:470px}.flow-track{display:flex;overflow:auto}.flow-track article{min-width:250px}.section-heading,.studio-intro,.share-panel,.contact{grid-template-columns:1fr}.screens-stage{min-height:760px}.s-one{width:42%;left:2%}.s-two{width:42%;right:2%}.s-three{width:43%;left:28%;top:270px}.cap1{left:4%;bottom:45px}.cap3{right:4%;bottom:90px}.pipeline{display:flex;overflow:auto}.pipeline i{min-width:60px}.download-band{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.section-pad{padding:70px 20px}.site-header{padding:14px 18px}.brand>span:last-child{font-size:14px}.hero{padding-top:24px}.hero-board{border-radius:24px;padding:26px 22px;min-height:930px}.hero h1{margin-top:28px}.hero-copy{font-size:18px}.hero-screen{width:72%;right:-8%;bottom:-15px}.ticket{font-size:11px}.t1{left:6%;bottom:265px}.t2{right:4%;bottom:195px}.chip{font-size:11px}.c1{right:4%;top:480px}.c2{right:4%;top:530px}.c3{right:6%;top:580px}.section-heading h2,.moods h2,.share-copy h2,.studio h2,.contact h2{font-size:46px}.masonry{columns:1}.screens-stage{min-height:980px;border-radius:24px}.s-one{width:62%;left:-8%;top:70px}.s-two{width:62%;right:-9%;top:250px}.s-three{width:64%;left:18%;top:485px}.caption{font-size:10px}.cap1{bottom:55px}.cap2{left:20%;top:15px}.cap3{bottom:100px}.share-card h3{font-size:34px}.studio-intro{gap:18px}.download-band{margin:0 20px 50px;padding:26px}footer{padding:24px 20px}.privacy-wrap{padding-top:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.pipeline i:after{animation:none}.progress i{transition:none}}