@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Domine:wght@500;700&display=swap";
:root{--bg:#fbf8f1;--ink:#1a1b1f;--soft:#5f6472;--panel:#ffffffc7;--border:#151c3d29;--accent:#ff6a3d;--accent-dark:#db4f24;--accent-alt:#1f9d90}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 8% 12%,#ff996647,#0000 30%),radial-gradient(circle at 86% 8%,#1f9d9042,#0000 32%),linear-gradient(160deg,#f9f4ea 0%,#efe9df 54%,#efece5 100%);margin:0;font-family:Sora,sans-serif}.site{max-width:1150px;margin:0 auto;padding:24px 16px 60px;position:relative;overflow-x:clip}.glow{filter:blur(12px);pointer-events:none;border-radius:999px;position:absolute}.glow-left{background:radial-gradient(circle,#ff6a3d8c,#0000 70%);width:210px;height:210px;top:90px;left:-70px}.glow-right{background:radial-gradient(circle,#1f9d9075,#0000 70%);width:230px;height:230px;top:360px;right:-72px}.shell{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:22px;box-shadow:0 16px 26px #0000001a}.hero{grid-template-columns:1.7fr 1fr;gap:18px;padding:28px;display:grid}.copy{gap:14px;display:grid}.label{text-transform:uppercase;letter-spacing:.09em;color:#7f2c17;background:#ff6a3d2e;border-radius:999px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:700}h1,h2,h3{margin:0;font-family:Domine,serif}h1{max-width:15ch;font-size:clamp(2rem,4.8vw,3.6rem);line-height:1.08}.copy p{color:var(--soft);max-width:58ch;line-height:1.5}.cta{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.btn{border-radius:999px;padding:12px 18px;font-weight:700;text-decoration:none;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#fff;background:linear-gradient(110deg, var(--accent) 0%, var(--accent-dark) 100%)}.btn.secondary{color:#12323a;background:#1f9d901f;border:1px solid #1f9d9073}.card{background:#fff9;border:1px dashed #2127423d;border-radius:16px;padding:18px}.card h2{margin-bottom:10px;font-size:1.55rem}.card ul{gap:8px;margin:0;padding-left:18px;display:grid}.pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.pillar{padding:16px}.pillar h3{margin-bottom:8px;font-size:1.3rem}.pillar p{color:var(--soft);margin:0;line-height:1.45}.walkthrough{flex-direction:column;justify-content:center;min-height:100vh;margin-top:18px;padding:20px;display:flex;overflow:hidden}.walkthrough-head{margin-bottom:14px}.walkthrough-head h2{max-width:28ch;margin-top:6px;font-size:clamp(1.4rem,3vw,2.2rem)}.story-reel{grid-template-columns:1fr 1fr;align-items:start;gap:14px;min-height:620px;display:grid}.story-stage{background:linear-gradient(145deg,#ffffffe6 0%,#ecf1f4f2 100%);border:1px solid #17284333;border-radius:18px;height:620px;padding:16px;position:relative;top:auto;overflow:hidden}.story-track{background:#1a223d1a;border-radius:999px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.story-progress{transform-origin:0;background:linear-gradient(110deg, var(--accent), var(--accent-alt));width:100%;height:100%;transform:scaleX(0)}.stage-screen{opacity:0;pointer-events:none;background:#ffffffe0;border:1px solid #222e4833;border-radius:14px;align-content:start;gap:8px;padding:16px;display:grid;position:absolute;inset:44px 16px 16px;transform:scale(.94)}.screen-media{background:linear-gradient(#f3f5f8 0%,#e9edf2 100%);border:1px solid #19243a33;border-radius:12px;width:100%;height:390px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff38}.screen-media img{object-fit:contain;object-position:center center}.stage-screen p{text-transform:uppercase;letter-spacing:.08em;color:#63431a;margin:0;font-size:12px;font-weight:700}.stage-screen h3{font-size:clamp(1.2rem,2.5vw,1.8rem)}.stage-screen span{color:var(--soft);line-height:1.4}.stage-screen strong{color:#26355624;justify-self:end;margin-top:auto;font-size:clamp(2.2rem,4vw,3.5rem)}.story-stage .stage-screen:first-of-type{opacity:1;pointer-events:auto;transform:scale(1)}.story-list{gap:10px;display:grid}.story-step{background:#ffffffb8;border:1px solid #1b244229;border-radius:14px;padding:14px}.story-step span{text-transform:uppercase;letter-spacing:.08em;color:#73411a;font-size:12px;font-weight:700}.story-step h3{margin-top:6px;margin-bottom:6px;font-size:1.35rem}.story-step p{color:var(--soft);margin:0;line-height:1.45}@media (max-width:960px){.hero,.pillars{grid-template-columns:1fr}.story-reel{grid-template-columns:1fr;min-height:0}.story-stage{height:auto;padding:12px;position:relative;top:auto}.story-track{display:none}.stage-screen{opacity:1;pointer-events:auto;margin-top:10px;position:relative;inset:auto;transform:none}.screen-media{height:280px}.walkthrough{min-height:0;display:block;overflow:visible}}