/* ============================================================
   AAPRO — Sections (video, features, pricing, community, faq, footer)
   ============================================================ */

/* ---------- LOGO STRIP / TRUST ---------- */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.fcard{
  position:relative;padding:30px;border-radius:var(--r);background:var(--bg-card);
  border:1px solid var(--line);overflow:hidden;transition:transform .35s var(--ease),border-color .35s;
}
.fcard::before{content:'';position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),var(--accent-soft),transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none;}
.fcard:hover{transform:translateY(-4px);border-color:var(--line-2);}
.fcard:active{transform:translateY(-1px);}
.fcard:hover::before{opacity:1;}
.fcard .ic{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),0.22);margin-bottom:20px;}
.fcard .ic svg{width:24px;height:24px;color:var(--accent-2);}
.fcard h3{font-size:19px;margin-bottom:10px;}
.fcard p{font-size:14.5px;color:var(--text-2);line-height:1.65;}

/* ---------- VIDEO ---------- */
.video-shell{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-2);background:#000;box-shadow:0 50px 120px -40px rgba(0,0,0,0.9),0 0 100px -50px var(--accent-glow);aspect-ratio:16/9;}
.video-shell video,.video-shell iframe{width:100%;height:100%;object-fit:cover;border:0;display:block;}
.video-poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,rgba(20,20,26,0.6),rgba(8,8,10,0.92)),radial-gradient(circle at 50% 40%,var(--accent-soft),transparent 60%);cursor:pointer;transition:opacity .4s;}
.video-poster.hidden{opacity:0;visibility:hidden;}
.video-poster.shake .play-btn{animation:ring 2.6s ease infinite, nudge .5s var(--ease);}
@keyframes nudge{0%,100%{transform:translateX(0);}25%{transform:translateX(-7px);}75%{transform:translateX(7px);}}
.play-btn{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--accent-2),var(--accent));display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 0 var(--accent-glow);animation:ring 2.6s ease infinite;}
.play-btn svg{width:30px;height:30px;color:#fff;margin-left:4px;}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0.5);}70%{box-shadow:0 0 0 26px rgba(var(--accent-rgb),0);}100%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0);}}
.video-poster .vp-t{margin-top:24px;font-family:var(--f-display);font-weight:700;font-size:clamp(20px,2.4vw,28px);}
.video-poster .vp-s{margin-top:8px;color:var(--text-2);font-size:14px;}
/* "coming soon" state — no media wired yet, so soften the play affordance */
.vp-badge{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-2);background:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),0.3);padding:6px 14px;border-radius:100px;margin-bottom:22px;}
.video-poster .play-btn{animation:ring 2.6s ease infinite;opacity:0.5;}
.vclip .vc-soon{position:absolute;top:14px;right:14px;font-family:var(--f-mono);font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-2);background:rgba(0,0,0,0.55);border:1px solid var(--line-2);padding:4px 9px;border-radius:100px;z-index:2;}
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;}
.vclip{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;background:linear-gradient(155deg,#17171c,#0c0c0f);cursor:pointer;transition:transform .3s var(--ease),border-color .3s;display:flex;align-items:flex-end;padding:14px;}
.vclip:hover{transform:translateY(-4px);border-color:var(--accent);}
.vclip .vc-t{font-size:13.5px;font-weight:600;position:relative;z-index:2;}
.vclip .vc-bg{position:absolute;inset:0;opacity:0.5;background:radial-gradient(circle at 70% 30%,var(--accent-soft),transparent 60%);}

/* ---------- FEATURE DEEP-DIVE (alternating) ---------- */
.deep{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center;margin-bottom:clamp(64px,9vw,128px);}
.deep:last-child{margin-bottom:0;}
.deep.flip .deep-media{order:2;}
.deep-tag{font-family:var(--f-mono);font-size:12px;letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:9px;}
.deep-tag b{display:flex;width:26px;height:26px;border-radius:7px;background:var(--accent-soft);align-items:center;justify-content:center;}
.deep-tag b svg{width:14px;height:14px;}
.deep h3{font-size:clamp(26px,3.2vw,40px);margin-bottom:18px;}
.deep p{font-size:16px;color:var(--text-2);line-height:1.75;margin-bottom:24px;}
.deep-list{display:flex;flex-direction:column;gap:13px;}
.deep-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--text);}
.deep-list .ck{width:22px;height:22px;border-radius:7px;background:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),0.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.deep-list .ck svg{width:12px;height:12px;color:var(--accent-2);}
.deep-list li b{font-weight:600;}
.deep-list li span{color:var(--text-2);}

.deep-media{position:relative;}
.media-card{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-2);background:linear-gradient(155deg,#15151a,#0b0b0e);box-shadow:0 40px 90px -36px rgba(0,0,0,0.8);padding:24px;min-height:340px;position:relative;}
.media-card .mc-glow{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,var(--accent-soft),transparent 55%);pointer-events:none;}
.mc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative;}
.mc-head .t{font-family:var(--f-mono);font-size:12px;letter-spacing:1px;color:var(--text-2);}
.mc-head .led{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--green);font-family:var(--f-mono);}
.mc-head .led i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);}

/* recoil graph */
.recoil-graph{height:200px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,0.25);position:relative;overflow:hidden;}
.recoil-graph svg{width:100%;height:100%;}
.rg-legend{display:flex;gap:18px;margin-top:14px;font-family:var(--f-mono);font-size:11px;}
.rg-legend span{display:flex;align-items:center;gap:7px;color:var(--text-2);}
.rg-legend i{width:14px;height:3px;border-radius:2px;}

/* stat tiles for movement */
.move-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;}
.mtile{padding:18px;border-radius:14px;background:var(--bg-card);border:1px solid var(--line);}
.mtile .mk{font-family:var(--f-mono);font-size:10px;letter-spacing:1.5px;color:var(--text-3);text-transform:uppercase;}
.mtile .mv{font-family:var(--f-display);font-size:30px;font-weight:700;color:var(--accent);margin-top:8px;line-height:1;}
.mtile .mv small{font-size:14px;color:var(--text-2);font-weight:500;}
.mtile .md{font-size:12px;color:var(--text-2);margin-top:8px;}

/* sync visual */
.sync-card{position:relative;display:flex;flex-direction:column;gap:14px;}
.sync-node{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:13px;background:var(--bg-card);border:1px solid var(--line);}
.sync-node .sn-i{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sync-node .sn-i svg{width:19px;height:19px;color:var(--accent-2);}
.sync-node .sn-t{font-size:13.5px;font-weight:600;}
.sync-node .sn-s{font-size:11.5px;color:var(--text-3);}
.sync-node .sn-st{margin-left:auto;font-family:var(--f-mono);font-size:11px;color:var(--green);display:flex;align-items:center;gap:6px;}
.sync-node .sn-st i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);}

/* weapon awareness card (deep-dive mockup) */
.wsense{display:flex;flex-direction:column;gap:10px;}
.ws-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:13px;background:var(--bg-card);border:1px solid var(--line);transition:border-color .25s,background .25s,opacity .25s;}
.ws-row.active{border-color:rgba(var(--accent-rgb),0.45);background:var(--accent-soft);}
.ws-row:not(.active){opacity:0.62;}
.ws-ic{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ws-ic svg{width:19px;height:19px;color:var(--accent-2);}
.ws-row:not(.active) .ws-ic{background:rgba(255,255,255,0.05);}
.ws-row:not(.active) .ws-ic svg{color:var(--text-3);}
.ws-meta{display:flex;flex-direction:column;gap:2px;}
.ws-name{font-size:13.5px;font-weight:600;}
.ws-sub{font-size:11.5px;color:var(--text-3);}
.ws-st{margin-left:auto;font-family:var(--f-mono);font-size:11px;display:flex;align-items:center;gap:6px;flex-shrink:0;}
.ws-st i{width:6px;height:6px;border-radius:50%;}
.ws-st.on{color:var(--accent-2);}
.ws-st.on i{background:var(--accent);box-shadow:0 0 7px var(--accent);}
.ws-st.off{color:var(--text-3);}
.ws-st.off i{background:var(--text-3);}

/* macro control panel (deep-dive mockups) */
.mac-panel{margin-top:16px;display:flex;flex-direction:column;gap:9px;}
.mac-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:11px;background:var(--bg-card);border:1px solid var(--line);}
.mac-row .mac-lbl{font-size:13px;font-weight:600;color:var(--text);}
.mac-row .toggle{margin-left:auto;flex-shrink:0;}
.mac-slider{margin-left:auto;width:96px;height:4px;border-radius:3px;background:rgba(255,255,255,0.1);position:relative;flex-shrink:0;}
.mac-slider i{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:var(--accent);}
.mac-slider i::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 8px var(--accent-glow);}
.mac-row .mac-val{font-family:var(--f-mono);font-size:12px;color:var(--text-2);min-width:32px;text-align:right;flex-shrink:0;}

/* key-pad (counter-strafe WASD mockup) */
.key-pad{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:8px;}
.key-pad .kp-row{display:flex;gap:8px;justify-content:center;}
.kp-key{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:9px;background:var(--bg-card);border:1px solid var(--line-2);font-family:var(--f-mono);font-size:13px;font-weight:600;color:var(--text);}
.kp-key.kp-wide{min-width:120px;font-size:12px;letter-spacing:1px;color:var(--text-2);text-transform:uppercase;}
.kp-key.kp-scroll{min-width:42px;}
.kp-key.kp-scroll svg{width:18px;height:18px;color:var(--accent-2);}

/* movement switch cards (movement mockup) */
.move-switch{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ms-card{padding:16px;border-radius:13px;background:var(--bg-card);border:1px solid var(--line);display:flex;flex-direction:column;gap:16px;}
.ms-card .ms-head{display:flex;align-items:center;gap:10px;}
.ms-card .ms-head .toggle{margin-left:auto;flex-shrink:0;}
.ms-card .ms-key{display:flex;justify-content:center;}