:root{--black:#090b0c;--panel:#111516;--paper:#d9d4c7;--muted:#969d98;--line:#303637;--red:#d13b32;--ember:#f0683f;--fog:#c7cec5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#eee9dc;font:1rem/1.6 Arial,"Microsoft YaHei",sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.045;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 baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.site-header{height:4.75rem;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid #303536;background:rgba(9,11,12,.94);position:absolute;z-index:10;inset:0 0 auto}.brand{display:flex;align-items:center;gap:.75rem}.brand strong{display:block;font-size:.82rem;letter-spacing:.08em}.brand small{display:block;color:#858d89;font-size:.5rem;letter-spacing:.16em}.tally{position:relative;display:block;width:2.25rem;height:2.25rem;transform:skew(-8deg)}.tally i,.tally b{position:absolute;top:.25rem;width:2px;height:1.7rem;background:#e8e4d9;transform:rotate(7deg)}.tally i:nth-child(1){left:.35rem}.tally i:nth-child(2){left:.78rem}.tally i:nth-child(3){left:1.2rem}.tally i:nth-child(4){left:1.65rem}.tally b{left:1rem;top:0;width:3px;height:2.3rem;background:var(--red);transform:rotate(72deg)}.desktop-nav{display:none;margin-left:auto;gap:1.8rem;font-size:.75rem;color:#b9bfba}.desktop-nav a:hover{color:var(--ember)}.header-cta{margin-left:auto;min-width:4.5rem;min-height:2.75rem;display:flex;align-items:center;justify-content:center;gap:.65rem;border:1px solid #5f6764;font-size:.72rem}.header-cta b{color:var(--ember)}.menu-button{display:flex;width:2.75rem;height:2.75rem;margin-left:.5rem;border:0;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:.35rem}.menu-button i{width:1.15rem;height:1px;background:#eee}.mobile-nav{display:none;position:absolute;left:0;right:0;top:4.75rem;padding:.4rem 1rem;background:#0d1011;border-bottom:1px solid var(--line)}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{padding:.75rem 0;border-bottom:1px solid #242829;font-size:.8rem}.hero{min-height:48rem;height:100svh;max-height:59rem;position:relative;overflow:hidden}.hero-bg{width:100%;height:100%;object-fit:cover;object-position:60% center}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,7,.96) 0%,rgba(4,6,7,.7) 42%,rgba(4,6,7,.1) 76%),linear-gradient(0deg,rgba(4,6,7,.88),transparent 45%)}.hero-content{position:absolute;z-index:2;left:1rem;right:1rem;top:22%;max-width:43rem}.eyebrow,.section-heading>p,.roles-intro>p,.loadout-copy>p,.install-copy>p:first-child,.faq-title>p{font-size:.64rem;font-weight:700;letter-spacing:.17em;color:var(--ember)}.eyebrow span{display:inline-block;border:1px solid var(--red);padding:.2rem .5rem;margin-right:.45rem}.hero h1{font-size:clamp(3.5rem,14vw,8.2rem);line-height:.88;letter-spacing:-.06em;margin:1.25rem 0 1rem}.hero h1 em,.section h2 em,.roles-intro h2 em,.loadout-copy h2 em,.install-copy h2 em,.faq-title h2 em{font-style:normal;color:#c9c6bc;font-weight:400}.hero-lead{max-width:36rem;color:#c8ceca;font-size:.9rem}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-top:1.6rem}.scar-button{min-height:4rem;display:inline-flex;align-items:center;gap:.8rem;padding:.65rem .85rem;background:linear-gradient(110deg,#9f1f1d,#d44135);border:1px solid #f16f54;box-shadow:.4rem .45rem 0 rgba(0,0,0,.38);clip-path:polygon(.45rem 0,100% 0,100% calc(100% - .45rem),calc(100% - .45rem) 100%,0 100%,0 .45rem);transition:.2s}.scar-button:hover{transform:translate(-2px,-2px);box-shadow:.6rem .65rem 0 rgba(0,0,0,.42)}.scar-button strong,.scar-button small{display:block}.scar-button strong{font-size:.8rem}.scar-button small{font-size:.55rem;color:#ffd0c5;letter-spacing:.08em}.scar-button em{font-style:normal;font-size:1.15rem;margin-left:.35rem}.scar-icon{position:relative;width:2.1rem;height:2rem;flex:0 0 auto}.scar-icon i,.scar-icon b{position:absolute;top:.1rem;width:2px;height:1.75rem;background:#fff;transform:rotate(8deg)}.scar-icon i:nth-child(1){left:.2rem}.scar-icon i:nth-child(2){left:.62rem}.scar-icon i:nth-child(3){left:1.04rem}.scar-icon i:nth-child(4){left:1.46rem}.scar-icon b{left:.86rem;top:-.18rem;height:2.35rem;transform:rotate(73deg);background:#111}.ghost-link{font-size:.75rem;color:#d1d5d0;border-bottom:1px solid #616864}.ghost-link span{color:var(--ember)}.hero-rail{display:none}.hero-index{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1.25rem;display:flex;align-items:center;gap:.65rem;color:#aab0ac;font-size:.58rem}.hero-index i{width:4rem;height:1px;background:var(--red)}.keyword-tape{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.75rem;padding:1rem;border-bottom:1px solid var(--line);background:#0d1011;color:#bfc5c0;font-size:.63rem}.keyword-tape i{width:4px;height:4px;background:var(--red);transform:rotate(45deg)}.section{width:min(100% - 2rem,74rem);margin:auto;padding:5rem 0}.section-heading{display:grid;gap:.9rem;border-top:1px solid var(--line);padding-top:1rem}.section-heading p{margin:0}.section-heading h2,.roles-intro h2,.loadout-copy h2,.install-copy h2,.faq-title h2{margin:0;font-size:clamp(2.7rem,9vw,5.8rem);line-height:.94;letter-spacing:-.05em}.section-heading>span,.roles-intro>span{max-width:30rem;color:var(--muted);font-size:.85rem}.trial-layout{display:grid;gap:1rem;margin-top:2.5rem}.trial-image{margin:0;position:relative;overflow:hidden;min-height:22rem;border:1px solid var(--line)}.trial-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.trial-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#090b0c)}.trial-image figcaption{position:absolute;z-index:1;left:1rem;right:1rem;bottom:1rem}.trial-image figcaption span{display:block;color:var(--ember);font-size:.58rem;letter-spacing:.14em}.trial-image figcaption b{font-size:1rem}.trial-steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.trial-steps li{display:grid;grid-template-columns:2.5rem 1fr;gap:.7rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.trial-steps li>span{color:var(--red);font-size:.7rem}.trial-steps h3{margin:0 0 .25rem;font-size:1rem}.trial-steps p{margin:0;color:var(--muted);font-size:.76rem}.roles{padding:5rem 1rem;background:#0e1112;border-block:1px solid var(--line)}.roles-intro{width:min(100%,70rem);margin:0 auto 2.5rem;display:grid;gap:.8rem}.roles-intro p{margin:0}.role-panels{display:grid;gap:.75rem;width:min(100%,76rem);margin:auto}.role-panel{position:relative;min-height:31rem;overflow:hidden;border:1px solid #333939}.role-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.role-panel:hover img{transform:scale(1.04)}.role-panel:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(4,5,5,.96))}.role-copy{position:absolute;z-index:2;left:1.2rem;right:1.2rem;bottom:1.2rem}.role-copy small{color:var(--ember);letter-spacing:.13em;font-size:.55rem}.role-copy h3{margin:.5rem 0;font-size:clamp(1.7rem,6vw,2.7rem);line-height:1}.role-copy p{max-width:28rem;color:#c1c7c2;font-size:.78rem}.role-copy>span{font-size:.58rem;color:#838b86}.maps .section-heading{margin-bottom:2.5rem}.map-strip{display:grid;gap:.75rem}.map-strip article{position:relative;min-height:20rem;overflow:hidden;border:1px solid var(--line)}.map-strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.map-strip article:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(4,5,5,.95))}.map-strip article>div{position:absolute;z-index:1;left:1rem;right:1rem;bottom:1rem}.map-strip small{color:var(--ember);font-size:.55rem;letter-spacing:.13em}.map-strip h3{font-size:1.3rem;margin:.25rem 0}.map-strip p{margin:0;color:#bfc5c0;font-size:.72rem}.loadout{display:grid;background:#d2cdc1;color:#171918}.loadout-art{position:relative;min-height:29rem}.loadout-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stamp{position:absolute;right:1rem;bottom:1rem;background:var(--red);color:#fff;padding:.8rem;font-size:.65rem;line-height:1.1;letter-spacing:.12em;transform:rotate(4deg);box-shadow:.35rem .35rem 0 #171918}.loadout-copy{padding:4rem 1rem}.loadout-copy>p{color:#9c291f}.loadout-copy h2 em{color:#5f625d}.perk-list{margin-top:2rem;border-top:1px solid #aaa89f}.perk-list>div{display:grid;grid-template-columns:2rem 1fr;gap:.8rem;padding:1rem 0;border-bottom:1px solid #aaa89f}.perk-list b{color:var(--red);font-size:.7rem}.perk-list strong,.perk-list small{display:block}.perk-list small{color:#646862;font-size:.72rem}.install{display:grid;gap:3rem;align-items:center}.install-copy>p:not(:first-child){max-width:33rem;color:var(--muted);font-size:.85rem}.scar-button.large{margin-top:1rem}.device-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.3rem}.device-tags span{border:1px solid #444a48;padding:.3rem .55rem;color:#969d98;font-size:.6rem}.install-visual{position:relative;min-height:26rem;border:1px solid var(--line);overflow:hidden;transform:rotate(-2deg)}.install-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.install-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,5,5,.5),transparent)}.phone-frame{position:absolute;z-index:1;right:1rem;bottom:1rem;padding:.8rem 1rem;background:rgba(8,10,10,.88);border-left:3px solid var(--red)}.phone-frame span,.phone-frame small{display:block;color:#aaa;font-size:.55rem;letter-spacing:.12em}.phone-frame b{display:block;font-size:2rem;line-height:1.1}.seo-archive{padding:4rem 1rem;border-block:1px solid var(--line);background:#0d1011}.seo-archive>div{width:min(100%,70rem);margin:auto}.seo-archive>div:first-child{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:1rem}.seo-archive>div:first-child span{font-size:.58rem;color:var(--ember);letter-spacing:.14em}.seo-archive h2{font-size:1.2rem;margin:0}.seo-grid{display:grid;gap:0}.seo-grid p{margin:0;padding:1rem 0;border-bottom:1px solid #252a2b;color:#9fa6a1;font-size:.75rem}.seo-grid strong{display:block;color:#ddd8cc;margin-bottom:.25rem}.faq{display:grid;gap:2rem}.faq-list{border-top:1px solid var(--line)}.faq-list details{padding:1rem 0;border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;font-size:.86rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary b{color:var(--red);font-size:1.2rem}.faq-list p{max-width:42rem;color:var(--muted);font-size:.78rem;margin:.75rem 0 0}footer{display:flex;flex-direction:column;gap:1rem;padding:2rem 1rem;border-top:1px solid var(--line);color:#888f8b;font-size:.65rem}footer p{margin:0}footer>a:last-child{color:var(--ember)}@media(min-width:768px){.site-header{padding-inline:2.5rem}.desktop-nav{display:flex}.header-cta{margin-left:2rem}.menu-button,.mobile-nav{display:none!important}.hero-content{left:clamp(2.5rem,8vw,8rem);right:auto;top:24%}.hero-actions{flex-direction:row;align-items:center}.hero-rail{display:flex;position:absolute;z-index:2;right:2.5rem;bottom:2rem;align-items:center;gap:.7rem;font-size:.55rem;letter-spacing:.13em}.pulse{width:8rem;height:2rem;position:relative;border-bottom:1px solid #5f6662}.pulse i{position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--red);clip-path:polygon(0 50%,20% 50%,25% 0,30% 100%,35% 50%,55% 50%,60% 20%,64% 80%,68% 50%,100% 50%)}.hero-index{left:2.5rem}.section{padding-block:7rem}.section-heading{grid-template-columns:1fr auto;align-items:end}.section-heading>p{grid-column:1/-1}.section-heading>span{padding-bottom:.4rem}.trial-layout{grid-template-columns:1.45fr .75fr}.trial-image{min-height:32rem}.roles{padding-block:7rem}.roles-intro{grid-template-columns:1fr auto;align-items:end}.roles-intro>p{grid-column:1/-1}.role-panels{grid-template-columns:1fr 1fr}.map-strip{grid-template-columns:1.4fr 1fr 1fr}.map-strip article{min-height:30rem}.loadout{grid-template-columns:1.15fr .85fr}.loadout-art{min-height:42rem}.loadout-copy{padding:6rem 5vw;align-self:center}.install{grid-template-columns:1fr .85fr}.install-visual{min-height:38rem}.seo-grid{grid-template-columns:repeat(5,1fr)}.seo-grid p{padding:1.2rem;border-bottom:0;border-right:1px solid #252a2b}.faq{grid-template-columns:.8fr 1.2fr}footer{flex-direction:row;align-items:center;padding-inline:2.5rem}footer p{margin-right:auto}}@media(min-width:1024px){.hero-index{left:5rem}.section{width:min(100% - 5rem,74rem)}.roles{padding-inline:2.5rem}.seo-archive{padding-inline:2.5rem}}
/* Responsive hero readability */
.header-cta{display:none}
.hero h1{max-width:42rem;font-size:clamp(3rem,11vw,7rem);line-height:.94;letter-spacing:-.04em}
@media(max-width:520px){.hero h1{font-size:3rem;line-height:1.04}}

/* Balanced display type: keep headings prominent without dominating the artwork. */
.hero h1{font-size:clamp(2.7rem,8.5vw,5.4rem);line-height:.98;letter-spacing:-.035em;max-width:34rem}
.section-heading h2,.roles-intro h2,.loadout-copy h2,.install-copy h2,.faq-title h2{font-size:clamp(2.25rem,6.5vw,4.35rem);line-height:1.01;letter-spacing:-.035em}
.role-copy h3{font-size:clamp(1.55rem,4.7vw,2.25rem);line-height:1.04}
@media(max-width:520px){
  .hero h1{font-size:2.55rem;line-height:1.06}
  .section-heading h2,.roles-intro h2,.loadout-copy h2,.install-copy h2,.faq-title h2{font-size:2.3rem;line-height:1.06}
  .role-copy h3{font-size:1.7rem}
}
@media(min-width:768px){.header-cta{display:flex}}
.keyword-index{display:grid;gap:.65rem;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid #252a2b}.keyword-index p{margin:0;color:#7f8883;font-size:.72rem}.keyword-index strong{color:#b8beb8;font-weight:600}
.hero-signal{display:none}
@media(min-width:1024px){
  .hero-signal{display:block;position:absolute;z-index:2;right:clamp(2.5rem,7vw,7rem);top:24%;width:clamp(12rem,17vw,16rem);padding:.7rem;background:rgba(8,11,12,.72);border:1px solid rgba(220,226,219,.25);box-shadow:1rem 1rem 0 rgba(0,0,0,.22);transform:rotate(3deg)}
  .signal-image{position:relative;aspect-ratio:1.35;overflow:hidden;border:1px solid rgba(240,104,63,.65)}
  .signal-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.12);opacity:.88}
  .signal-image:before,.signal-image:after{content:"";position:absolute;pointer-events:none}
  .signal-image:before{inset:10% 0;border-top:1px solid rgba(240,104,63,.5);border-bottom:1px solid rgba(240,104,63,.3)}
  .signal-image:after{inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(224,230,222,.32) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(224,230,222,.2) 50%,transparent 50.3%)}
  .signal-image span{position:absolute;left:10%;right:10%;top:16%;height:1px;background:var(--ember);box-shadow:0 2.4rem 0 rgba(240,104,63,.35),0 4.8rem 0 rgba(240,104,63,.22);animation:signal-scan 3.6s ease-in-out infinite}
  .signal-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.65rem;color:#aeb6af;font-size:.5rem;letter-spacing:.14em}.signal-meta span{color:var(--ember)}.signal-meta b{font-weight:400;color:#d9ddd5}
  .signal-line{display:flex;align-items:center;gap:.45rem;margin-top:.45rem;color:#737d77;font-size:.48rem;letter-spacing:.12em}.signal-line i{width:1.3rem;height:1px;background:var(--red);display:block}
}
@keyframes signal-scan{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(1.5rem);opacity:1}}