:root{
  --bg:#02140e;
  --bg-deep:#01100b;
  --surface:#06241a;
  --surface-2:#0a2e22;
  --surface-3:#103628;
  --text:#f5f3ec;
  --muted:#b9c4bd;
  --muted-2:#8fa198;
  --accent:#a9c87b;
  --accent-strong:#c3e487;
  --border:rgba(169,200,123,.22);
  --border-strong:rgba(169,200,123,.38);
  --discord:#1d2f49;
  --container:1280px;
  --radius:22px;
  --radius-sm:14px;
  --shadow:0 24px 70px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
img{display:block;max-width:100%}
button,input,summary{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:16px;top:16px;z-index:1000;transform:translateY(-180%);padding:12px 16px;border-radius:10px;background:#fff;color:#07120d;font-weight:800}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px}
.eyebrow{display:inline-block;color:var(--accent-strong);font-size:.78rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.text-link{color:var(--accent-strong);font-weight:850;text-decoration:none}.text-link:hover{text-decoration:underline}

/* Header */
.site-header{position:sticky;top:0;z-index:100;height:76px;background:rgba(2,20,14,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(169,200,123,.12)}
.header-shell{width:min(calc(100% - 48px),var(--container));height:100%;margin-inline:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;white-space:nowrap}.brand-mark{width:52px;height:40px;object-fit:contain}.brand-name{font-size:1.42rem;letter-spacing:-.035em}
.main-nav{display:flex;align-items:center;justify-content:center;gap:30px}.main-nav a{text-decoration:none;font-size:.92rem;font-weight:760;color:#eef2ee}.main-nav a:hover{color:var(--accent-strong)}
.header-actions{display:flex;align-items:center;gap:10px}.header-discord,.header-play{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;border-radius:12px;text-decoration:none;font-size:.85rem;font-weight:900;white-space:nowrap}.header-discord{background:var(--discord);border:1px solid #40526e}.header-play{background:var(--accent-strong);color:#07120d;border:1px solid rgba(0,0,0,.15)}.header-discord img,.header-play img{width:20px;height:20px}
.menu-toggle{display:none;width:44px;height:42px;padding:9px;border:1px solid var(--border);border-radius:12px;background:#0a281e}.menu-toggle span:not(.sr-only){display:block;height:2px;margin:4px 0;background:var(--text);border-radius:10px}

/* Hero */
.hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:#092117}
.hero-bg{position:absolute;inset:0;background:url('../img/hero-outdoor-clean.jpg') center 47%/cover no-repeat;transform:scale(1.03)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,16,11,.96) 0%,rgba(1,16,11,.88) 29%,rgba(1,16,11,.55) 52%,rgba(1,16,11,.32) 71%,rgba(1,16,11,.58) 100%),linear-gradient(180deg,rgba(1,16,11,.1),rgba(1,16,11,.22) 62%,#02140e 100%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:64px;padding-block:64px 76px}
.hero-copy{max-width:690px}.hero h1{margin:12px 0 0;font-size:clamp(4rem,6.2vw,6.8rem);line-height:.91;letter-spacing:-.058em;font-weight:950}.hero h1 span{color:var(--accent-strong)}
.hero-lead{margin:28px 0 0;max-width:650px;color:#f2f3ef;font-size:clamp(1.05rem,1.45vw,1.32rem);line-height:1.55;font-weight:520}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 22px;border-radius:14px;text-decoration:none;font-size:1rem;font-weight:900;box-shadow:0 10px 26px rgba(0,0,0,.16)}.btn--play{background:var(--accent-strong);color:#07120d}.btn--discord{background:var(--discord);border:1px solid #455a75;color:#fff}.btn img{flex:0 0 auto}
.hero-trust{display:flex;flex-wrap:wrap;gap:12px 28px;margin:28px 0 0;padding:0;list-style:none;color:#edf2ed;font-size:.9rem;font-weight:760}.hero-trust li::before{content:'✓';display:inline-block;margin-right:8px;color:var(--accent-strong);font-size:1.1rem;font-weight:950}
.hero-visual{display:flex;justify-content:center;align-items:center}.device{position:relative;overflow:hidden;background:#070a09;border:4px solid #4b5652;box-shadow:var(--shadow)}.device img{width:100%;height:auto}.device-camera{position:absolute;z-index:3;top:9px;left:50%;width:9px;height:9px;transform:translateX(-50%);border-radius:50%;background:#020303;box-shadow:0 0 0 1px rgba(255,255,255,.1)}.device--hero{width:min(330px,100%);border-radius:38px;transform:rotate(.35deg);box-shadow:0 36px 80px rgba(0,0,0,.48),0 0 70px rgba(169,200,123,.08)}

/* Feature strip */
.feature-strip{position:relative;z-index:8;margin-top:-72px;padding-bottom:76px}.feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden;border:1px solid var(--border-strong);border-radius:20px;background:linear-gradient(180deg,rgba(7,40,29,.98),rgba(4,29,21,.98));box-shadow:0 26px 60px rgba(0,0,0,.26)}
.feature-card{min-height:166px;padding:25px 22px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:16px}.feature-card:last-child{border-right:0}.feature-card img{width:38px;height:38px}.feature-card h3{margin:0 0 7px;font-size:1.08rem}.feature-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}

/* Sections */
.section{padding:110px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-head h2{margin:8px 0 8px;font-size:clamp(2.4rem,4vw,4.4rem);line-height:.98;letter-spacing:-.045em}.section-head p{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.6}.section-head .text-link{flex:0 0 auto;margin-bottom:10px}
.section--screens{padding-top:70px;background:linear-gradient(180deg,#02140e,#031811 72%,#041a13)}
.screens-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.screen-card{min-width:0}.screen-preview{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:zoom-in}.screen-frame{height:570px;display:flex;align-items:flex-start;justify-content:center;padding:20px 18px 0;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,#0a2a1f,#061c15);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.screen-preview:hover .screen-frame{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:0 22px 46px rgba(0,0,0,.26)}.device--screen{width:min(245px,88%);border-radius:30px;border-width:3px;box-shadow:0 16px 36px rgba(0,0,0,.35)}.screen-card h3{margin:18px 0 6px;font-size:1.32rem}.screen-card p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.5}

.section--benefits{padding-top:100px;background:#031811}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.benefit-card{min-height:260px;display:grid;grid-template-columns:64px 1fr;gap:20px;padding:28px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,#0a2d21,#061e16);box-shadow:0 20px 50px rgba(0,0,0,.16)}.benefit-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border-strong);background:rgba(169,200,123,.07)}.benefit-icon img{width:34px;height:34px}.benefit-icon--pro{color:#f3bd48;border-color:rgba(243,189,72,.5);font-family:Georgia,serif;font-size:2.1rem}.benefit-icon--discord{background:#5865f2;border-color:#7881ff}.benefit-card h2{margin:8px 0 10px;font-size:1.55rem;letter-spacing:-.02em}.benefit-card p{margin:0 0 18px;color:var(--muted);font-size:.96rem;line-height:1.55}

.section--posts{background:linear-gradient(180deg,#031811,#02140e)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.post-card{min-height:250px;padding:28px;border:1px solid var(--border);border-radius:18px;background:#062219}.post-card--community{background:linear-gradient(145deg,#10263c,#08231a)}.post-meta{color:var(--accent);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.post-card h3{margin:14px 0 12px;font-size:1.45rem;line-height:1.18}.post-card h3 a{text-decoration:none}.post-card p{margin:0 0 18px;color:var(--muted);line-height:1.55}

.section--faq{background:#02140e}.faq-grid{display:grid;grid-template-columns:300px 1fr;gap:64px;align-items:start}.faq-intro h2{margin:10px 0 12px;font-size:4.8rem;line-height:.9;letter-spacing:-.055em}.faq-intro p{margin:0;color:var(--muted);line-height:1.55}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-list details{border:1px solid var(--border);border-radius:14px;background:#062219;overflow:hidden}.faq-list summary{min-height:60px;display:flex;align-items:center;padding:0 20px;font-weight:820;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';margin-left:auto;color:var(--accent-strong);font-size:1.35rem}.faq-list details[open] summary::after{content:'−'}.faq-list details p{margin:0;padding:0 20px 20px;color:var(--muted);line-height:1.55}

.final-cta{padding:72px 0;background:linear-gradient(90deg,#0a2d21,#102f20)}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.final-cta h2{margin:8px 0 0;font-size:clamp(2.1rem,3.4vw,3.5rem);letter-spacing:-.04em}.final-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}

/* Lightbox */
.lightbox{width:min(760px,calc(100% - 28px));max-height:92vh;padding:0;border:1px solid var(--border-strong);border-radius:20px;background:#041711;color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.72)}.lightbox::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.lightbox-shell{display:flex;flex-direction:column;max-height:92vh}.lightbox-bar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border)}.lightbox-close{width:40px;height:40px;border:0;border-radius:50%;background:#103126;color:#fff;font-size:1.8rem;cursor:pointer}.lightbox img{max-height:calc(92vh - 58px);width:auto;max-width:100%;margin:auto;object-fit:contain}

/* Footer */
.site-footer{background:#031811;border-top:1px solid var(--border)}.footer-shell{width:min(calc(100% - 48px),var(--container));min-height:176px;margin-inline:auto;display:grid;grid-template-columns:280px 1fr 260px;align-items:center;gap:34px}.brand--footer .brand-mark{width:46px;height:36px}.footer-brand>span{display:block;margin:8px 0 0 58px;color:var(--muted-2);font-size:.8rem}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px}.footer-nav a{color:#e9efeb;text-decoration:none;font-size:.84rem}.footer-nav a:hover{color:var(--accent-strong)}.footer-right{justify-self:end;display:flex;align-items:center;gap:16px}.footer-socials{display:flex;align-items:center;gap:12px}.footer-socials a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:#08241b}.footer-socials img{width:17px;height:17px}.social-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;color:var(--accent-strong)}.footer-right p{margin:0;color:var(--muted-2);font-size:.76rem;line-height:1.4;text-align:right}

/* Legal/content pages */
.legal-page,.content-page{padding:76px 0 110px}.legal-page>.container,.content-page>.container{max-width:960px}.legal-page h1,.content-page h1{font-size:clamp(2.6rem,5vw,4.8rem);letter-spacing:-.045em;margin:10px 0 24px}.legal-card,.article-body{margin-top:28px;padding:34px;border:1px solid var(--border);border-radius:18px;background:#062219}.legal-card h2,.article-body h2{margin-top:36px}.legal-card h2:first-child,.article-body h2:first-child{margin-top:0}.legal-card p,.legal-card li,.article-body p,.article-body li{color:#d9e0db;line-height:1.7}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}

@media (max-width:1120px){
  .header-shell{gap:18px}.main-nav{gap:18px}.header-discord{display:none}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:30px}.hero h1{font-size:clamp(3.8rem,7vw,5.8rem)}
  .feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card:nth-child(3){border-right:0}.feature-card:nth-child(-n+3){border-bottom:1px solid var(--border)}
  .screens-grid{grid-template-columns:repeat(2,1fr);row-gap:44px}.screen-frame{height:640px}.device--screen{width:270px}
  .benefits-grid{grid-template-columns:1fr}.benefit-card{min-height:0}
  .posts-grid{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr}.faq-intro{max-width:620px}
}

@media (max-width:820px){
  .container{width:min(calc(100% - 28px),var(--container))}
  .site-header{height:70px}.header-shell{width:calc(100% - 28px);grid-template-columns:auto 1fr auto;gap:10px}.brand-mark{width:46px;height:36px}.brand-name{font-size:1.2rem}.header-actions{display:none}.menu-toggle{display:block;justify-self:end}.main-nav{position:fixed;top:70px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid var(--border);border-radius:16px;background:#062219;box-shadow:0 24px 60px rgba(0,0,0,.45)}.main-nav.is-open{display:flex}.main-nav a{padding:14px 12px;border-radius:10px}.main-nav a:hover{background:#0d3024}body.menu-open{overflow:hidden}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-block:64px 44px;gap:38px}.hero-copy{max-width:none}.hero h1{font-size:clamp(3.3rem,16vw,5.2rem)}.hero-lead{font-size:1.03rem;line-height:1.5}.hero-lead br{display:none}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.hero-trust{gap:11px 20px}.hero-visual{order:2}.device--hero{width:min(78vw,330px)}
  .feature-strip{margin-top:0;padding:24px 0 58px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card{min-height:150px}.feature-card:nth-child(3){border-right:1px solid var(--border)}.feature-card:nth-child(2n){border-right:0}.feature-card:nth-child(-n+4){border-bottom:1px solid var(--border)}
  .section{padding:78px 0}.section-head{align-items:flex-start;margin-bottom:34px}.section-head h2{font-size:2.7rem}.section-head .text-link{display:none}
  .screens-grid{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding:2px 2px 14px}.screen-card{flex:0 0 84%;scroll-snap-align:start}.screen-frame{height:560px}.device--screen{width:260px;max-width:90%}
  .posts-grid{grid-template-columns:1fr}.faq-list{grid-template-columns:1fr}.faq-intro h2{font-size:4rem}
  .final-cta-inner{flex-direction:column;align-items:flex-start}.final-actions{width:100%;justify-content:flex-start}.final-actions .btn{width:100%}
  .footer-shell{width:calc(100% - 28px);min-height:0;padding:36px 0;grid-template-columns:1fr;gap:24px}.footer-nav{justify-content:flex-start}.footer-right{justify-self:start;align-items:flex-start;flex-direction:column}.footer-right p{text-align:left}.footer-brand>span{margin-left:0}
  .post-grid{grid-template-columns:1fr}.legal-card,.article-body{padding:24px 20px}
}

@media (max-width:480px){
  .feature-grid{grid-template-columns:1fr}.feature-card{border-right:0!important;border-bottom:1px solid var(--border)!important}.feature-card:last-child{border-bottom:0!important}
  .screen-card{flex-basis:92%}.screen-frame{height:520px}.device--screen{width:240px}
  .benefit-card{grid-template-columns:1fr}.benefit-icon{margin-bottom:6px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}