:root{--ink:#06131f;--deep:#081d2b;--panel:#0d2b3c;--line:rgba(178,216,226,.25);--text:#eef7f8;--muted:#9db5be;--cyan:#62e6ef;--red:#ff4655;--gold:#f7c873;--display:"Barlow Condensed",sans-serif;--body:"Inter",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;min-width:320px;color:var(--text);font-family:var(--body);background:var(--ink);overflow-x:hidden}body::selection{color:#06131f;background:var(--cyan)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.home-header{height:74px;padding:0 clamp(18px,4vw,68px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,18,28,.9);backdrop-filter:blur(14px)}
.home-brand{display:inline-flex;align-items:center;gap:12px;width:max-content;font-family:var(--display);letter-spacing:.12em}.home-brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(216,238,243,.68);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);font-size:23px;font-weight:800}.home-brand-name{font-size:18px}.home-brand-name strong{color:#fff}.home-brand-name{color:var(--muted)}
.home-nav{display:flex;align-items:center;gap:clamp(20px,3vw,46px);height:100%;font:700 13px var(--display);letter-spacing:.1em}.home-nav a{height:100%;display:grid;place-items:center;position:relative;color:#abc0c7}.home-nav a::after{content:"";height:2px;position:absolute;inset:auto 50% 0;background:var(--red);transition:inset .18s ease-out}.home-nav a:hover{color:#fff}.home-nav a:hover::after{inset:auto 0 0}
.home-actions{justify-self:end;display:flex;align-items:center;gap:10px}.header-collection-link{min-height:38px;padding:0 16px;display:grid;place-items:center;border:1px solid rgba(255,70,85,.65);background:rgba(255,70,85,.12);font:800 12px var(--display);letter-spacing:.08em;transition:background .18s ease-out,transform .18s ease-out}.header-collection-link:hover{background:var(--red);transform:translateY(-1px)}
.home-hero{min-height:100svh;padding:118px clamp(24px,6vw,108px) 70px;display:grid;grid-template-columns:minmax(360px,.86fr) minmax(520px,1.14fr);align-items:center;gap:clamp(30px,5vw,90px);position:relative;overflow:hidden;background:radial-gradient(circle at 75% 38%,rgba(36,157,190,.22),transparent 30%),linear-gradient(120deg,#06131f 0%,#0a2c40 60%,#06131f 100%)}
.home-hero::before{content:"";width:58vw;height:125vh;position:absolute;right:-15vw;top:-20vh;transform:rotate(24deg);border:1px solid rgba(98,230,239,.11);background:linear-gradient(90deg,transparent,rgba(98,230,239,.025),transparent)}.home-hero::after{content:"DREAM LOADOUT";position:absolute;left:-18px;bottom:-28px;color:rgba(230,246,249,.025);font:800 clamp(90px,15vw,250px)/.8 var(--display);letter-spacing:-.03em;white-space:nowrap}
.hero-copy{position:relative;z-index:2}.hero-status{margin:0 0 20px;display:flex;align-items:center;gap:9px;color:var(--cyan);font:700 11px var(--display);letter-spacing:.14em}.hero-status span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px rgba(98,230,239,.7)}
.hero-copy h1{margin:0;max-width:720px;padding-block:.08em;font:800 clamp(64px,7.2vw,126px)/1.02 var(--display);letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance}.hero-copy h1 em{color:var(--red);font-style:normal}.hero-lead{max-width:600px;margin:30px 0 0;color:#bdd0d6;font-size:clamp(14px,1.1vw,18px);line-height:1.7}.hero-actions{margin-top:32px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.primary-action{min-height:54px;padding:0 22px 0 26px;display:inline-flex;align-items:center;gap:28px;color:#fff;background:var(--red);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);font:800 15px var(--display);letter-spacing:.08em;transition:filter .18s ease-out,transform .18s ease-out}.primary-action svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8}.primary-action:hover{filter:brightness(1.14);transform:translateY(-2px)}.secondary-action,.text-action{font:800 13px var(--display);letter-spacing:.1em;border-bottom:1px solid rgba(98,230,239,.55);padding:10px 0;color:#d9edf1}.secondary-action:hover,.text-action:hover{color:var(--cyan)}.hero-note{margin:16px 0 0;color:#718d97;font-size:11px}
.hero-showcase{aspect-ratio:1.08;position:relative;z-index:2;border:1px solid rgba(178,216,226,.18);background:radial-gradient(circle at center,rgba(49,179,207,.14),transparent 48%),rgba(3,15,24,.35);box-shadow:0 34px 80px rgba(0,0,0,.32)}.showcase-axis{position:absolute;left:50%;top:50%;background:rgba(166,204,214,.14)}.axis-one{width:1px;height:92%;transform:translate(-50%,-50%) rotate(45deg)}.axis-two{width:92%;height:1px;transform:translate(-50%,-50%) rotate(-45deg)}.showcase-index{position:absolute;top:16px;left:18px;color:#7fa1ab;font:700 11px var(--display);letter-spacing:.12em}
.showcase-weapon{width:80%;height:42%;position:absolute;left:4%;top:22%;display:grid;place-items:center;border:1px solid rgba(98,230,239,.25);background:linear-gradient(135deg,rgba(20,70,91,.7),rgba(5,25,37,.35));transform:skewY(-2deg)}.showcase-weapon img{width:88%;filter:drop-shadow(0 22px 17px rgba(0,0,0,.4));animation:weaponFloat 4.5s ease-in-out infinite}.weapon-label,.weapon-name{position:absolute;left:16px;font:700 10px var(--display);letter-spacing:.11em}.weapon-label{top:14px;color:var(--cyan)}.weapon-name{bottom:13px;color:#fff}
.showcase-card{width:21%;position:absolute;right:4%;top:8%;padding:5px 5px 10px;text-align:center;background:#061621;border:1px solid rgba(236,248,250,.5);box-shadow:0 22px 44px rgba(0,0,0,.4)}.showcase-card img{width:100%;aspect-ratio:9/16;object-fit:cover}.showcase-card strong{display:block;margin-top:6px;color:#06131f;background:var(--gold);font:800 clamp(9px,1vw,14px) var(--display);overflow-wrap:anywhere}.showcase-card>span:last-child{font:600 8px var(--display);letter-spacing:.05em}.card-level{position:absolute;left:50%;top:-17px;min-width:42px;padding:5px;transform:translateX(-50%);border:1px solid #dbe8ea;border-radius:50%;background:#3b2924;font:800 12px var(--display)}
.showcase-expression{width:13%;aspect-ratio:1;position:absolute;display:grid;place-items:center;border:1px solid rgba(98,230,239,.38);background:#082433}.showcase-expression img{width:84%;height:84%;object-fit:contain}.expression-a{left:14%;bottom:8%;transform:rotate(-5deg)}.expression-b{right:23%;bottom:5%;transform:rotate(6deg)}.showcase-crosshair{width:22%;aspect-ratio:1;position:absolute;left:46%;bottom:6%;display:grid;place-items:center;border:1px solid rgba(173,205,214,.3);border-radius:50%}.showcase-crosshair::before{content:"";position:absolute;inset:18%;border:1px solid rgba(173,205,214,.2);border-radius:50%}.showcase-crosshair span{color:var(--gold);font:800 30px var(--display)}
.scroll-cue{position:absolute;left:50%;bottom:20px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translateX(-50%);color:#7996a0;font:700 9px var(--display);letter-spacing:.16em}.scroll-cue i{width:1px;height:24px;background:linear-gradient(var(--cyan),transparent)}
.loadout-strip{padding:120px clamp(24px,6vw,108px);background:#eef2ef;color:#071823}.strip-heading{display:grid;grid-template-columns:1fr minmax(280px,480px);align-items:end;gap:40px;margin-bottom:70px}.strip-heading h2,.workflow h2,.final-entry h2{margin:0;padding-block:.06em;font:800 clamp(48px,5.4vw,92px)/1.08 var(--display);letter-spacing:-.02em;text-transform:uppercase}.strip-heading p{margin:0;color:#405761;line-height:1.75}
.arsenal-line{display:grid;grid-template-columns:1.4fr .55fr .85fr;gap:1px;background:#82959c;border:1px solid #82959c}.arsenal-feature{min-height:390px;position:relative;overflow:hidden;background:#0a2637;color:#fff}.feature-copy{position:absolute;left:22px;bottom:20px;z-index:2}.feature-copy span{display:block;margin-bottom:3px;color:var(--cyan);font:700 10px var(--display);letter-spacing:.14em}.feature-copy strong{font:800 20px var(--display);letter-spacing:.04em}.feature-weapon img{width:90%;position:absolute;left:8%;top:22%;filter:drop-shadow(0 18px 16px rgba(0,0,0,.35))}.feature-profile img{width:100%;height:100%;object-fit:cover;opacity:.78}.feature-profile::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#071722)}
.mini-wheel{width:280px;height:280px;position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);border:2px solid rgba(181,211,219,.35);border-radius:50%}.mini-wheel::before{content:"";position:absolute;inset:18%;border:1px solid rgba(181,211,219,.23);border-radius:50%}.mini-wheel img{width:58px;height:58px;padding:3px;position:absolute;object-fit:contain;border:1px solid rgba(98,230,239,.35);background:#092333}.mini-top{left:50%;top:8px;transform:translateX(-50%)}.mini-bottom{left:50%;bottom:8px;transform:translateX(-50%)}.mini-left{left:8px;top:50%;transform:translateY(-50%)}.mini-right{right:8px;top:50%;transform:translateY(-50%)}.mini-wheel span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--gold);font:800 34px var(--display)}
.workflow{padding:130px clamp(24px,6vw,108px);background:linear-gradient(115deg,#071722,#0c3145);position:relative}.workflow-rail{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,140px);align-items:center}.workflow-copy p{max-width:620px;color:#a9c0c8;line-height:1.75}.text-action{display:inline-flex;gap:30px;margin-top:20px}.workflow-path{border-top:1px solid var(--line)}.workflow-path div{min-height:118px;display:grid;grid-template-columns:150px 1fr;align-items:center;border-bottom:1px solid var(--line)}.workflow-path b{font:800 30px var(--display);letter-spacing:.04em}.workflow-path span{color:#a9c0c8;line-height:1.55}
.final-entry{min-height:72vh;padding:100px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:#e9eeeb;color:#071722}.final-mark{position:absolute;color:rgba(255,70,85,.08);font:800 min(50vw,620px)/1 var(--display);transform:skew(-7deg)}.final-entry h2{position:relative;z-index:1}.final-entry .primary-action{margin-top:34px;position:relative;z-index:1}
.noscript-note{margin:0;padding:12px;background:#ffdf76;color:#1b1b1b;text-align:center}.reveal-block{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-block.is-visible{opacity:1;transform:none}
@keyframes weaponFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:980px){.home-header{grid-template-columns:1fr auto}.home-nav{display:none}.home-hero{grid-template-columns:1fr;padding-top:110px}.hero-copy{max-width:760px}.hero-showcase{width:min(760px,100%);justify-self:center}.strip-heading,.workflow-rail{grid-template-columns:1fr}.arsenal-line{grid-template-columns:1fr 1fr}.feature-weapon{grid-column:1/-1}.arsenal-feature{min-height:330px}}
@media(max-width:620px){.home-header{height:66px;padding:0 14px}.home-brand-name{display:none}.header-collection-link{padding:0 11px;font-size:10px}.home-hero{padding:100px 18px 54px;gap:36px}.hero-copy h1{font-size:clamp(58px,18vw,84px)}.hero-lead{margin-top:22px}.hero-actions{align-items:stretch;flex-direction:column}.primary-action{justify-content:space-between}.secondary-action{text-align:center}.hero-showcase{aspect-ratio:.88}.showcase-weapon{width:88%;left:2%;top:25%}.showcase-card{width:27%;right:3%}.showcase-expression{width:16%}.loadout-strip,.workflow{padding:82px 18px}.strip-heading{margin-bottom:42px}.strip-heading h2,.workflow h2,.final-entry h2{font-size:clamp(44px,13vw,68px)}.arsenal-line{grid-template-columns:1fr}.feature-weapon{grid-column:auto}.arsenal-feature{min-height:310px}.workflow-path div{grid-template-columns:105px 1fr;gap:15px}.workflow-path b{font-size:23px}.final-entry{min-height:64vh}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.showcase-weapon img{animation:none}.reveal-block{opacity:1;transform:none;transition:none}}