@font-face{font-family:Inter;src:local("Inter");font-display:swap}:root{color-scheme:dark;--night: #10051f;--deep: #180b35;--panel: rgba(31, 16, 58, .84);--panel-strong: rgba(22, 10, 42, .94);--paper: #fff8e8;--muted: #c8bee2;--line: rgba(255, 255, 255, .16);--purple: #8b5cf6;--violet: #c084fc;--sky: #38bdf8;--cyan: #67e8f9;--flame: #f59e0b;--ember: #fb7185;--leaf: #4ade80;--max: 1180px}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;letter-spacing:0;background:radial-gradient(circle at 12% 12%,rgba(56,189,248,.22),transparent 30rem),radial-gradient(circle at 86% 18%,rgba(245,158,11,.16),transparent 28rem),linear-gradient(180deg,#120623,#1c0c3e 42%,#0f071d);overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}.site-header{position:fixed;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:16px clamp(18px,4vw,48px);border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#0f061ee0,#0f061e6b);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--paper);font-weight:850;text-decoration:none;white-space:nowrap}.brand-mark{width:26px;height:26px;border:1px solid rgba(103,232,249,.66);border-radius:9px 9px 9px 2px;background:radial-gradient(circle at 65% 36%,#fff 0 9%,transparent 10%),linear-gradient(135deg,var(--flame),var(--ember) 28%,var(--purple) 60%,var(--sky));box-shadow:0 0 22px #8b5cf670;transform:rotate(-10deg)}nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(9px,1.5vw,20px);color:#fff8e8c7;font-size:.88rem}nav a{position:relative;text-decoration:none;transition:color .18s ease}nav a:hover,nav a[aria-current=page]{color:var(--paper)}nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;transform:scaleX(0);transform-origin:left;border-radius:999px;background:linear-gradient(90deg,var(--flame),var(--cyan),var(--violet));transition:transform .18s ease}nav a:hover:after,nav a[aria-current=page]:after{transform:scaleX(1)}.header-cta{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid rgba(103,232,249,.34);border-radius:8px;color:var(--paper);font-size:.82rem;font-weight:820;text-decoration:none;background:linear-gradient(135deg,#8b5cf63d,#38bdf81f)}.hero{position:relative;min-height:94svh;display:grid;align-items:end;isolation:isolate;overflow:hidden;padding:120px clamp(20px,5vw,64px) 56px}.hero>*{position:relative;z-index:1}.hero:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#0e051df2,#0e051da8 38%,#0e051d14),linear-gradient(0deg,#0f061e,#0f061e0f 48%,#0f061e70),url(/hero-spyro-realm-beyond.webp) center / cover;transform:scale(1.035);animation:slowPush 18s ease-out both}.hero:after{content:"";position:absolute;inset:auto 0 0;z-index:-2;height:28svh;background:linear-gradient(0deg,var(--night),transparent)}.flight-line{position:absolute;left:-5%;right:-5%;bottom:18%;z-index:-1;height:110px;opacity:.66;background:linear-gradient(100deg,transparent 12%,rgba(245,158,11,.52) 30%,rgba(103,232,249,.48) 48%,transparent 66%);filter:blur(18px);transform:rotate(-5deg)}.hero-content{max-width:800px;animation:enter .76s cubic-bezier(.2,.72,.22,1) both}.kicker,.eyebrow{margin:0 0 14px;color:var(--cyan);font-size:.78rem;font-weight:820;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{margin:0;line-height:1.05;letter-spacing:0}h1{max-width:900px;font-size:clamp(3.2rem,8.4vw,7.6rem);font-weight:900}.hero p{max-width:660px;margin:22px 0 0;color:#fff8e8db;font-size:clamp(1.04rem,1.75vw,1.34rem)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:var(--paper);text-decoration:none;font-weight:820;background:#ffffff14;backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease,border-color .18s ease}.button.primary{border-color:#f59e0bb8;background:linear-gradient(135deg,#f97316,#f59e0b 48%,#8b5cf6)}.button:hover{transform:translateY(-2px);border-color:#ffffff94}.hero-intel{width:min(820px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:clamp(30px,5vw,54px);border:1px solid rgba(255,255,255,.16);border-radius:14px;overflow:hidden;background:#ffffff29;box-shadow:0 28px 80px #0b031b61}.hero-intel div{padding:17px 19px;background:#120626c2;backdrop-filter:blur(18px)}.hero-intel span,.list-label{display:block;color:var(--cyan);font-size:.74rem;font-weight:850;text-transform:uppercase}.hero-intel strong{display:block;margin-top:4px;color:var(--paper);font-size:clamp(.98rem,1.6vw,1.13rem);line-height:1.15}.section,.page-hero,.content{width:min(var(--max),calc(100% - 40px));margin:0 auto}.section{position:relative;padding:clamp(64px,9vw,112px) 0}.section[data-reveal]{animation:softRise .68s cubic-bezier(.2,.72,.22,1) both;animation-delay:90ms}.page-hero{padding:150px 0 64px}.page-hero h1{font-size:clamp(2.55rem,6.6vw,5.7rem)}.page-hero p:not(.eyebrow){max-width:760px;margin:22px 0 0;color:#fff8e8c7;font-size:1.12rem}.section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,.42fr);gap:40px;align-items:end;border-top:1px solid var(--line);padding-top:28px}.section-heading h2{font-size:clamp(2.05rem,4.7vw,4.5rem)}.section-heading p{margin:0;color:var(--muted)}.fact-grid,.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.fact,.signal-card,.info-card,.guide-link{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:linear-gradient(140deg,rgba(103,232,249,.09),transparent 48%),linear-gradient(180deg,#ffffff12,#ffffff08),var(--panel);box-shadow:0 22px 70px #0a03183d}.fact{min-height:128px;padding:22px}.fact:after,.signal-card:after,.guide-link:after{content:"";position:absolute;inset:auto 18px 0;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--flame),var(--cyan),var(--violet));transition:transform .22s ease}.fact:hover:after,.signal-card:hover:after,.guide-link:hover:after{transform:scaleX(1)}.fact span{display:block;color:var(--cyan);font-size:.8rem;font-weight:820;text-transform:uppercase}.fact strong{display:block;margin-top:10px;font-size:1.14rem;line-height:1.25}.split{display:grid;grid-template-columns:minmax(0,.88fr) minmax(280px,.54fr);gap:clamp(34px,6vw,72px);align-items:start}.prose{color:#fff8e8d6;font-size:1.04rem}.prose h2{margin-top:48px;font-size:clamp(1.95rem,4vw,3.5rem)}.prose h2:first-child{margin-top:0}.prose h3{margin-top:34px;font-size:1.45rem}.prose p{margin:16px 0 0}.prose ul,.prose ol{padding-left:22px}.prose li{margin:9px 0}.source-panel,.note-panel{border-top:1px solid var(--line);padding-top:22px}.source-panel{position:sticky;top:88px}.source-panel ul,.plain-list{list-style:none;padding:0;margin:16px 0 0}.source-panel li,.plain-list li{border-bottom:1px solid var(--line);padding:13px 0}.source-panel a,.prose a{color:var(--paper);text-decoration-color:#67e8f98f;text-underline-offset:4px}.guide-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.guide-link{min-height:190px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:var(--paper);text-decoration:none;transition:transform .18s ease,border-color .18s ease}.guide-link:hover{transform:translateY(-4px);border-color:#67e8f98a}.guide-link small{color:var(--flame);font-size:.72rem;font-weight:900}.guide-link strong{font-size:1.26rem;line-height:1.15}.guide-link span,.signal-card p,.info-card p{color:var(--muted)}.signal-card,.info-card{min-height:158px;padding:22px}.signal-card h3,.info-card h3{font-size:1.24rem}.signal-card p,.info-card p{margin:10px 0 0}.timeline{display:grid;gap:0;margin-top:28px;border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;padding:24px 0;border-bottom:1px solid var(--line)}.timeline-item time{color:var(--flame);font-weight:830}.timeline-item h3{font-size:1.35rem}.timeline-item p{margin:8px 0 0;color:var(--muted)}.matrix{width:100%;border-collapse:collapse;margin-top:22px;overflow:hidden;border-radius:10px}.matrix th,.matrix td{padding:15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.matrix th{color:var(--cyan);font-size:.78rem;text-transform:uppercase}.matrix td{color:#fff8e8d6}.site-footer{width:min(var(--max),calc(100% - 40px));margin:0 auto;display:flex;justify-content:space-between;gap:36px;padding:42px 0 54px;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}.footer-title{margin:0 0 6px;color:var(--paper);font-weight:830}.site-footer p{max-width:720px;margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:14px;align-content:start;justify-content:flex-end}.footer-links a{color:var(--paper);text-decoration-color:#67e8f985;text-underline-offset:4px}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slowPush{0%{transform:scale(1.08)}to{transform:scale(1.035)}}@keyframes softRise{0%{opacity:.88;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:980px){.site-header{position:absolute;grid-template-columns:1fr auto;align-items:start;gap:12px}nav{grid-column:1 / -1;width:100%;flex-wrap:wrap;justify-content:flex-start;gap:8px 13px;font-size:.78rem}nav a:after{bottom:-3px}.header-cta{align-self:start}.hero{min-height:90svh;padding-top:152px}.hero-intel,.fact-grid,.signal-grid,.guide-links{grid-template-columns:1fr 1fr}.section-heading,.split{grid-template-columns:1fr}.source-panel{position:static}}@media(max-width:620px){.header-cta{display:none}.brand span:last-child{max-width:180px;white-space:normal;line-height:1.1}h1{font-size:clamp(2.8rem,13vw,4.8rem)}.hero-intel,.fact-grid,.signal-grid,.guide-links{grid-template-columns:1fr}.actions{flex-direction:column}.button{width:100%}.timeline-item{grid-template-columns:1fr;gap:8px}.matrix{display:block;overflow-x:auto}.site-footer{flex-direction:column}.footer-links{justify-content:flex-start}}