
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Special+Elite&family=JetBrains+Mono:wght@400;600&display=swap');

:root{
  --c-black:#0a090b; --c-charcoal:#161219; --c-panel:#1d1822; --c-panel-2:#241d2a;
  --c-purple-deep:#241531; --c-purple:#3c2249; --c-orange:#e67e22; --c-orange-deep:#b5522b;
  --c-gold:#d8b877; --c-gold-bright:#f0dcab; --c-cream:#ece2c8; --c-cream-dim:#c9bb9c;
  --c-line:rgba(216,184,119,.16); --c-line-strong:rgba(216,184,119,.32); --c-red:#a53a25;
  --font-display:'Oswald',sans-serif; --font-body:'Barlow',sans-serif; --font-doc:'Special Elite',cursive;
  --font-mono:'JetBrains Mono',monospace; --container:1180px; --radius:3px; --ease:cubic-bezier(.16,.8,.24,1);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--c-black);color:var(--c-cream);font-family:var(--font-body);line-height:1.65}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,textarea,select{font:inherit}.container{max-width:var(--container);margin:auto;padding:0 28px}
.nav{position:fixed;inset:0 0 auto;z-index:50;padding:18px 0;transition:.3s;border-bottom:1px solid transparent}
.nav.scrolled,.nav.solid{padding:11px 0;background:rgba(10,9,11,.93);backdrop-filter:blur(12px);border-color:var(--c-line)}
.nav .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px}
.brand img{width:40px;height:40px;object-fit:contain}.brand-mark{width:36px;height:36px;border:1.5px solid var(--c-gold);border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:var(--c-gold-bright)}
.brand-text{font-family:var(--font-display);letter-spacing:.07em;font-size:1.08rem}.brand-text b{color:var(--c-orange)}
.nav-links{display:flex;list-style:none;gap:30px;margin:0;padding:0}.nav-links a{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;color:var(--c-cream-dim);position:relative}
.nav-links a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--c-orange);transition:.25s}.nav-links a:hover,.nav-links a.active{color:var(--c-cream)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}
.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--c-line-strong);border-radius:2px;padding:11px 18px;background:transparent;color:var(--c-cream);font:600 .75rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.25s}
.btn:hover{transform:translateY(-1px);border-color:var(--c-gold)}.btn-primary{background:linear-gradient(180deg,var(--c-orange),var(--c-orange-deep));border-color:transparent;color:#170d06}.btn-discord{background:#5865f2;border-color:#5865f2;color:#fff}.btn-danger{border-color:#8c3b2d;color:#e7a08f}
.user-pill{display:none;align-items:center;gap:9px;padding:6px 9px;border:1px solid var(--c-line);background:rgba(255,255,255,.03)}.user-pill.show{display:flex}.user-pill img{width:28px;height:28px;border-radius:50%}.user-pill span{font:600 .74rem var(--font-mono)}
.menu-toggle{display:none;width:40px;height:40px;background:none;border:1px solid var(--c-line-strong);color:var(--c-cream)}
.hero{min-height:100vh;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:105px 20px 60px;background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(230,126,34,.38),transparent 60%),linear-gradient(180deg,#1b1024 0%,#2c1730 28%,#5a2f3a 52%,#a84f36 72%,#e67e22 100%)}
.hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(240,220,160,.5),rgba(240,220,160,.1) 45%,transparent 70%);top:45%;left:50%;transform:translate(-50%,-50%)}
.hero-content{position:relative;z-index:2}.hero-logo{width:min(300px,68vw);margin:0 auto 10px;filter:drop-shadow(0 15px 30px rgba(0,0,0,.35))}
.eyebrow{font:600 .71rem var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--c-orange);margin:0 0 12px}.hero .eyebrow{color:#ffe1bd}
h1,h2,h3,h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0;color:var(--c-gold-bright)}.hero h1{font-size:clamp(4.2rem,14vw,10rem);line-height:.86;text-shadow:0 8px 35px rgba(0,0,0,.5)}
.hero-sub{font:500 clamp(1rem,2vw,1.4rem) var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:#fff2d8}.hero-copy{max-width:650px;margin:22px auto 0;color:#fff3df;font-size:1.06rem}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.page-hero{padding:160px 0 78px;background:radial-gradient(circle at 75% 10%,rgba(230,126,34,.15),transparent 30%),linear-gradient(180deg,#1b1024,#0a090b);border-bottom:1px solid var(--c-line)}
.page-hero h1{font-size:clamp(2.8rem,7vw,5.3rem);line-height:.95}.page-hero p{max-width:700px;color:var(--c-cream-dim);font-size:1.05rem}
section{padding:90px 0}.section-head{max-width:760px;margin-bottom:42px}.section-head h2{font-size:clamp(2rem,4vw,3rem)}.section-head p{color:var(--c-cream-dim)}
.features{padding:0;background:var(--c-charcoal);border-bottom:1px solid var(--c-line)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr)}.feature{padding:48px 38px;border-right:1px solid var(--c-line)}.feature:last-child{border-right:0}.feature-num{font:600 .7rem var(--font-mono);color:var(--c-orange);letter-spacing:.15em}.feature h3{margin-top:10px}.feature p{color:var(--c-cream-dim)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(180deg,var(--c-panel),var(--c-panel-2));border:1px solid var(--c-line);padding:30px;position:relative}.card:before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--c-orange)}.card p{color:var(--c-cream-dim)}.card .code{font:600 .68rem var(--font-mono);color:var(--c-orange);letter-spacing:.12em}
.dossier-grid{display:grid;grid-template-columns:230px 1fr;gap:46px}.side-nav{position:sticky;top:100px;align-self:start}.side-nav a{display:block;border-left:2px solid var(--c-line);padding:10px 14px;font:.75rem var(--font-mono);text-transform:uppercase;color:var(--c-cream-dim)}.side-nav a:hover{border-color:var(--c-orange);color:var(--c-gold-bright)}
.file-entry,.rule{border:1px solid var(--c-line);background:linear-gradient(180deg,var(--c-panel),var(--c-panel-2));margin-bottom:15px}.file-head,.rule-head{width:100%;border:0;background:none;color:inherit;display:flex;align-items:center;gap:20px;padding:24px 30px;text-align:left;cursor:pointer}.file-tag,.rule-index{font:.68rem var(--font-mono);color:#17100a;background:var(--c-gold);padding:5px 10px;flex:0 0 auto}.rule-index{background:none;color:var(--c-orange);font-size:1.1rem;padding:0;min-width:42px}.file-head h3,.rule-title{flex:1;font:600 1.12rem var(--font-display);text-transform:uppercase;color:var(--c-gold-bright)}
.toggle-icon{width:26px;height:26px;border:1px solid var(--c-line-strong);border-radius:50%;position:relative;flex:0 0 auto}.toggle-icon:before,.toggle-icon:after{content:"";position:absolute;left:50%;top:50%;background:var(--c-gold-bright);transform:translate(-50%,-50%)}.toggle-icon:before{width:10px;height:1px}.toggle-icon:after{width:1px;height:10px}.open .toggle-icon:after{display:none}
.file-body,.rule-body{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.file-inner,.rule-inner{padding:0 30px 30px;color:var(--c-cream-dim)}.file-inner strong,.rule-inner strong{color:var(--c-cream)}.file-inner ul,.rule-inner ul{padding-left:22px}.file-inner li,.rule-inner li{margin:6px 0}.subhead{font:600 .75rem var(--font-mono);letter-spacing:.1em;color:var(--c-gold-bright);text-transform:uppercase;margin:22px 0 8px;padding-top:18px;border-top:1px dashed var(--c-line)}
.requirements{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}.requirement{padding:18px;border:1px solid var(--c-line);background:rgba(255,255,255,.025)}.requirement b{display:block;color:var(--c-gold-bright);font-family:var(--font-display);text-transform:uppercase}.requirement span{font-size:.86rem;color:var(--c-cream-dim)}
.auth-gate{border:1px solid var(--c-line);background:linear-gradient(180deg,var(--c-panel),var(--c-panel-2));padding:34px;text-align:center;margin-bottom:24px}.auth-gate img{width:64px;height:64px;border-radius:50%;margin:0 auto 12px}.auth-gate p{color:var(--c-cream-dim)}
.form-wrap{display:grid;grid-template-columns:.85fr 1.35fr;gap:50px}.checklist{padding:0;list-style:none}.checklist li{margin:10px 0;color:var(--c-cream-dim);font-family:var(--font-mono);font-size:.83rem}.checklist li:before{content:"—";color:var(--c-orange);margin-right:10px}.dossier{background:linear-gradient(180deg,var(--c-panel),var(--c-panel-2));border:1px solid var(--c-line);padding:38px;position:relative}.dossier:before{content:"PRATICA RISERVATA";position:absolute;left:0;right:0;top:0;padding:5px;text-align:center;background:var(--c-gold);color:#17100a;font:.66rem var(--font-mono);letter-spacing:.18em}.dossier form{margin-top:22px}.field{margin-bottom:19px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;margin-bottom:7px;color:var(--c-orange);font:.71rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;border:1px solid var(--c-line-strong);background:rgba(10,9,11,.6);color:var(--c-cream);padding:12px 13px;border-radius:2px}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--c-orange);outline-offset:1px}.hint,.char-count{font-size:.76rem;color:var(--c-cream-dim);margin-top:5px}.char-count{text-align:right;font-family:var(--font-mono)}.consent{display:flex;gap:10px;color:var(--c-cream-dim);font-size:.88rem;margin:20px 0}.consent input{accent-color:var(--c-orange)}
.status{display:none;margin-top:16px;padding:14px;border:1px dashed var(--c-line-strong);font:.8rem var(--font-mono)}.status.show{display:block}.status.success{border-color:var(--c-orange);color:var(--c-gold-bright)}.status.error{border-color:var(--c-red);color:#e7a08f}
.notice{padding:20px 22px;border-left:3px solid var(--c-orange);background:rgba(230,126,34,.08);color:var(--c-cream-dim);margin:22px 0}.notice strong{color:var(--c-cream)}
footer{padding:45px 0 24px;background:var(--c-charcoal);border-top:1px solid var(--c-line)}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-top{padding-bottom:26px;border-bottom:1px solid var(--c-line)}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font:.74rem var(--font-mono);text-transform:uppercase;color:var(--c-cream-dim)}.footer-bottom{padding-top:18px;font:.7rem var(--font-mono);color:var(--c-cream-dim)}
.reveal{opacity:0;transform:translateY(20px);transition:.6s var(--ease)}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.cards{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--c-line)}.dossier-grid,.form-wrap{grid-template-columns:1fr}.side-nav{position:static}.requirements{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.nav-links{position:fixed;top:0;right:0;width:min(320px,82vw);height:100vh;background:var(--c-charcoal);padding:100px 35px;flex-direction:column;transform:translateX(100%);transition:.35s;z-index:40}.nav-links.open{transform:none}.menu-toggle{display:block}.nav-actions>.btn{display:none}.field-row,.requirements{grid-template-columns:1fr}.page-hero{padding-top:130px}}


/* ============================================================
   AVENUE VISUAL REFRESH — HOME + LORE
============================================================ */
:root{
  --c-black:#080706;
  --c-charcoal:#100d0b;
  --c-panel:#17110d;
  --c-panel-2:#21160f;
  --c-purple-deep:#21100a;
  --c-purple:#3a1c0f;
  --c-orange:#e67e22;
  --c-orange-deep:#9f3f0e;
  --c-gold:#d7a55a;
  --c-gold-bright:#f6dbad;
  --c-cream:#f3e8d3;
  --c-cream-dim:#bcae96;
  --c-line:rgba(230,126,34,.16);
  --c-line-strong:rgba(230,126,34,.34);
}

.nav{background:linear-gradient(180deg,rgba(8,7,6,.68),rgba(8,7,6,0));}
.nav.scrolled,.nav.solid{
  background:rgba(8,7,6,.91);
  border-bottom:1px solid rgba(230,126,34,.18);
  box-shadow:0 12px 35px rgba(0,0,0,.22);
}
.brand img{width:48px;height:48px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.brand-mark{display:none}
.nav-links a::after{height:2px;background:linear-gradient(90deg,var(--c-orange),var(--c-gold-bright));box-shadow:0 0 12px rgba(230,126,34,.55)}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s,filter .25s}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.13) 45%,transparent 75%);transform:translateX(-140%);transition:transform .55s var(--ease);z-index:-1}
.btn:hover::before{transform:translateX(140%)}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.28)}
.btn-discord{background:linear-gradient(135deg,#5865f2,#7983f5);box-shadow:0 0 0 rgba(88,101,242,0)}
.btn-discord:hover{box-shadow:0 12px 32px rgba(88,101,242,.32)}

.cinematic-hero{
  min-height:100vh;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  padding:128px 0 90px;
  background:
    radial-gradient(circle at 72% 45%,rgba(255,189,91,.25),transparent 27%),
    linear-gradient(180deg,#1c0d07 0%,#4a1c0d 38%,#a04419 68%,#e67e22 100%);
}
.hero-noise{position:absolute;inset:0;opacity:.11;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-sun{position:absolute;width:500px;height:500px;border-radius:50%;right:9%;top:14%;background:radial-gradient(circle,#ffd58a 0%,#f4a23e 34%,rgba(230,126,34,.26) 62%,transparent 72%);filter:blur(.2px);box-shadow:0 0 100px rgba(255,179,72,.2)}
.hero-grid{position:absolute;inset:55% 0 0;background-image:linear-gradient(rgba(255,205,140,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,205,140,.07) 1px,transparent 1px);background-size:42px 42px;transform:perspective(380px) rotateX(62deg) scale(1.4);transform-origin:top;opacity:.32}
.hero-city{position:absolute;left:-3%;right:-3%;bottom:0;background:linear-gradient(90deg,#090705,#130b07);clip-path:polygon(0 100%,0 58%,3% 58%,3% 42%,6% 42%,6% 67%,9% 67%,9% 35%,12% 35%,12% 62%,15% 62%,15% 48%,17% 48%,17% 71%,21% 71%,21% 28%,24% 28%,24% 64%,27% 64%,27% 44%,31% 44%,31% 69%,34% 69%,34% 37%,38% 37%,38% 61%,40% 61%,40% 16%,42% 16%,42% 61%,45% 61%,45% 50%,49% 50%,49% 66%,53% 66%,53% 33%,56% 33%,56% 56%,60% 56%,60% 40%,64% 40%,64% 69%,68% 69%,68% 31%,72% 31%,72% 59%,76% 59%,76% 45%,80% 45%,80% 66%,83% 66%,83% 35%,86% 35%,86% 60%,89% 60%,89% 49%,93% 49%,93% 70%,97% 70%,97% 56%,100% 56%,100% 100%)}
.hero-city-back{height:35%;opacity:.54;transform:scaleY(.82);transform-origin:bottom;filter:blur(.2px)}
.hero-city-front{height:27%;opacity:.94}
.hero-road{position:absolute;left:0;right:0;bottom:-2px;height:92px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 15%,#080706 40%);clip-path:polygon(0 55%,100% 15%,100% 100%,0 100%)}
.hero-palm{position:absolute;z-index:2;font-size:170px;filter:brightness(0);opacity:.82;bottom:40px;transform-origin:bottom}
.hero-palm-left{left:-28px;transform:rotate(-8deg)}
.hero-palm-right{right:-25px;transform:scaleX(-1) rotate(-8deg)}

.hero-layout{position:relative;z-index:5;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:35px}
.hero-copy-block{padding-top:18px}
.hero-eyebrow{color:#ffd69f}
.hero-kicker{display:flex;align-items:center;gap:12px;color:#f6dbad;font:600 .75rem var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px}
.kicker-line{width:50px;height:1px;background:linear-gradient(90deg,var(--c-orange),transparent)}
.cinematic-hero h1{text-align:left;font-size:clamp(4rem,8vw,7.6rem);line-height:.88;letter-spacing:-.025em;text-shadow:0 12px 44px rgba(0,0,0,.33)}
.cinematic-hero h1 span{display:block;color:#fff4df;-webkit-text-stroke:1px rgba(84,38,12,.18)}
.hero-lead{max-width:650px;font-size:1.08rem;color:#fae7c7;text-shadow:0 2px 10px rgba(0,0,0,.22)}
.hero-lead strong{color:#fff}
.hero-actions{justify-content:flex-start}
.btn-hero-primary,.btn-hero-secondary{padding:15px 23px;font-size:.78rem}
.btn-hero-primary{background:linear-gradient(135deg,#f5aa52 0%,#e67e22 45%,#a94213 100%);border:1px solid rgba(255,235,204,.22);color:#1b0d05;box-shadow:0 10px 26px rgba(96,34,5,.24)}
.btn-hero-primary:hover{box-shadow:0 17px 42px rgba(119,42,8,.38);filter:saturate(1.15) brightness(1.06)}
.btn-hero-secondary{background:rgba(12,8,5,.22);border-color:rgba(255,232,198,.38);backdrop-filter:blur(8px)}
.btn-hero-secondary:hover{background:rgba(12,8,5,.42);border-color:#f6dbad}
.btn-arrow{font-size:1rem;transition:transform .25s}.btn:hover .btn-arrow{transform:translate(3px,-2px)}
.btn-shine{position:absolute;top:-80%;left:-45%;width:35%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(20deg);transition:left .65s var(--ease)}
.btn:hover .btn-shine{left:120%}
.hero-meta{display:flex;gap:34px;margin-top:34px;flex-wrap:wrap}.hero-meta div{display:flex;flex-direction:column;border-left:1px solid rgba(255,233,198,.27);padding-left:12px}.hero-meta b{font:600 .95rem var(--font-display);color:#fff2d8;text-transform:uppercase}.hero-meta span{font:.68rem var(--font-mono);color:#ebc9a2;text-transform:uppercase;letter-spacing:.09em}

.hero-logo-stage{position:relative;display:grid;place-items:center;min-height:540px}
.hero-logo-large{position:relative;z-index:4;width:min(500px,95%);filter:drop-shadow(0 35px 38px rgba(28,8,0,.52));animation:logoFloat 6s ease-in-out infinite}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}
.logo-halo{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(255,211,143,.35),rgba(230,126,34,.08) 50%,transparent 70%);filter:blur(6px);animation:haloPulse 5s ease-in-out infinite}
@keyframes haloPulse{0%,100%{transform:scale(.94);opacity:.65}50%{transform:scale(1.08);opacity:1}}
.logo-ring{position:absolute;border:1px solid rgba(255,224,179,.23);border-radius:50%;animation:ringRotate 20s linear infinite}.ring-one{width:500px;height:500px}.ring-two{width:390px;height:390px;border-style:dashed;animation-direction:reverse;animation-duration:28s}
@keyframes ringRotate{to{transform:rotate(360deg)}}
.logo-caption{position:absolute;z-index:5;bottom:30px;text-align:center;background:rgba(9,6,4,.52);border:1px solid rgba(255,226,185,.18);backdrop-filter:blur(8px);padding:9px 18px}.logo-caption span{display:block;font:600 .9rem var(--font-display);letter-spacing:.18em}.logo-caption small{font:.61rem var(--font-mono);letter-spacing:.12em;color:#e6c29b}
.scroll-indicator{position:absolute;z-index:8;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font:.62rem var(--font-mono);letter-spacing:.18em;color:#fbe2c1}.scroll-indicator i{width:46px;height:1px;background:#fbe2c1;position:relative;overflow:hidden}.scroll-indicator i:after{content:"";position:absolute;inset:0;background:#fff;transform:translateX(-100%);animation:scrollSweep 1.7s ease-in-out infinite}@keyframes scrollSweep{50%,100%{transform:translateX(100%)}}

.manifesto-section{background:linear-gradient(180deg,#090706,#120c08);position:relative}.manifesto-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 30%,rgba(230,126,34,.08),transparent 30%)}
.manifesto-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.manifesto-intro{position:sticky;top:120px}.manifesto-intro h2{font-size:clamp(2.4rem,5vw,4.3rem);line-height:1}.manifesto-intro p{color:var(--c-cream-dim);font-size:1.03rem}
.manifesto-cards{display:flex;flex-direction:column;gap:16px}.impact-card{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:28px;border:1px solid rgba(230,126,34,.14);background:linear-gradient(120deg,rgba(255,255,255,.025),rgba(230,126,34,.025));transition:.35s var(--ease);position:relative;overflow:hidden}.impact-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--c-orange),transparent);transform:scaleY(.2);transform-origin:top;transition:.35s}.impact-card:hover{transform:translateX(8px);border-color:rgba(230,126,34,.33);background:linear-gradient(120deg,rgba(255,255,255,.04),rgba(230,126,34,.07));box-shadow:-12px 18px 35px rgba(0,0,0,.18)}.impact-card:hover:after{transform:scaleY(1)}.impact-number{font:600 2rem var(--font-display);color:rgba(230,126,34,.6)}.impact-card p{color:var(--c-cream-dim);margin-bottom:0}

.home-dossier-section{background:#0b0907}.section-head-wide{max-width:820px}.home-dossier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dossier-link-card{min-height:340px;padding:28px;border:1px solid rgba(230,126,34,.15);background:linear-gradient(160deg,#17110d,#0f0b08);position:relative;overflow:hidden;transition:.38s var(--ease)}.dossier-link-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-90px;background:radial-gradient(circle,rgba(230,126,34,.26),transparent 70%);transition:.45s}.dossier-link-card:hover{transform:translateY(-10px) rotateX(2deg);border-color:rgba(230,126,34,.46);box-shadow:0 22px 50px rgba(0,0,0,.38)}.dossier-link-card:hover:before{transform:scale(1.45)}.dossier-card-top{display:flex;justify-content:space-between;font:.68rem var(--font-mono);color:var(--c-orange);letter-spacing:.12em}.dossier-card-top i{font-style:normal;font-size:1rem;transition:.3s}.dossier-link-card:hover .dossier-card-top i{transform:translate(5px,-5px)}.dossier-icon{font:600 3rem var(--font-display);color:rgba(246,219,173,.78);margin:56px 0 16px}.dossier-link-card h3{font-size:1.55rem}.dossier-link-card p{color:var(--c-cream-dim)}.card-progress{position:absolute;left:28px;right:28px;bottom:24px;height:1px;background:rgba(255,255,255,.08)}.card-progress span{display:block;height:100%;width:22%;background:linear-gradient(90deg,var(--c-orange),var(--c-gold-bright));transition:width .45s var(--ease)}.dossier-link-card:hover .card-progress span{width:100%}

.final-cta-section{background:radial-gradient(circle at 80% 50%,rgba(230,126,34,.15),transparent 35%),#100b08}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:45px;border:1px solid rgba(230,126,34,.22);background:linear-gradient(120deg,rgba(230,126,34,.06),rgba(255,255,255,.02))}.final-cta h2{font-size:clamp(2rem,4vw,3.2rem)}.final-cta p{color:var(--c-cream-dim);margin-bottom:0}

.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#170b06 0%,#321309 42%,#0a0807 100%)}.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(230,126,34,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(230,126,34,.035) 1px,transparent 1px);background-size:42px 42px}.page-hero-glow{position:absolute;right:6%;top:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(230,126,34,.25),transparent 70%)}.page-hero .container{position:relative;z-index:2}.page-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.page-hero-tags span{padding:6px 10px;border:1px solid rgba(230,126,34,.26);font:.64rem var(--font-mono);letter-spacing:.1em;color:#eec698;background:rgba(230,126,34,.05)}

.lore-main-section{background:linear-gradient(180deg,#0b0807,#110c09)}.lore-intro-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding:30px 34px;margin-bottom:42px;border:1px solid rgba(230,126,34,.2);background:linear-gradient(120deg,rgba(230,126,34,.08),rgba(255,255,255,.018));box-shadow:0 20px 55px rgba(0,0,0,.15)}.lore-intro-panel h2{font-size:2rem;margin-top:10px}.lore-intro-panel p{color:var(--c-cream-dim);margin:0}
.lore-side{background:rgba(255,255,255,.018);border:1px solid var(--c-line);padding:18px 0}.side-label{padding:0 16px 13px;font:.64rem var(--font-mono);color:var(--c-orange);letter-spacing:.12em}.lore-side a{padding:11px 16px}.lore-file{border-color:rgba(230,126,34,.13);box-shadow:0 12px 30px rgba(0,0,0,.11);transition:border-color .3s,transform .3s,box-shadow .3s}.lore-file:hover{border-color:rgba(230,126,34,.34);transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.2)}.lore-file.open{border-color:rgba(230,126,34,.42)}.file-reference{font:.67rem var(--font-mono);letter-spacing:.12em;color:var(--c-orange);margin-bottom:20px}.lore-file .file-inner{font-size:1rem;line-height:1.76}.lore-file .file-inner p{margin:0 0 14px}.lore-file .file-inner ul{margin:0 0 18px}.lore-file .file-inner li::marker{color:var(--c-orange)}.lore-file .subhead{color:#f0c68b}
.file-tag{background:linear-gradient(135deg,var(--c-gold),#f0c57e);box-shadow:0 0 20px rgba(215,165,90,.08)}
.toggle-icon{transition:transform .35s,border-color .35s,background .35s}.file-entry:hover .toggle-icon,.rule:hover .toggle-icon{border-color:var(--c-orange);background:rgba(230,126,34,.08)}.open .toggle-icon{transform:rotate(180deg)}
.file-head,.rule-head{transition:background .25s}.file-head:hover,.rule-head:hover{background:linear-gradient(90deg,rgba(230,126,34,.05),transparent)}

@media(max-width:980px){
  .hero-layout,.manifesto-grid{grid-template-columns:1fr}
  .hero-copy-block{text-align:center}.cinematic-hero h1{text-align:center}.hero-actions{justify-content:center}.hero-meta{justify-content:center}
  .hero-logo-stage{min-height:420px}.hero-logo-large{width:min(420px,88vw)}.manifesto-intro{position:static}
  .home-dossier-grid{grid-template-columns:1fr}.lore-intro-panel{grid-template-columns:1fr}
}
@media(max-width:760px){
  .cinematic-hero{padding-top:120px}.hero-logo-stage{min-height:330px}.ring-one{width:340px;height:340px}.ring-two{width:280px;height:280px}.logo-halo{width:330px;height:330px}
  .hero-palm{font-size:105px}.hero-meta{gap:18px}.final-cta{flex-direction:column;align-items:flex-start;padding:30px}.impact-card{grid-template-columns:55px 1fr}
}
