AR Flasher

.arf-wrap max-width:1180px; margin:0 auto; padding:34px 18px 60px; color:#111; .arf-wrap box-sizing:border-box; .arf-wrap h1, .arf-wrap h2, .arf-wrap h3, .arf-wrap h4, .arf-wrap p margin-top:0; .arf-hero position:relative; overflow:hidden; border-radius:26px; background: radial-gradient(circle at top right, rgba(98,77,255,.20), transparent 24%), radial-gradient(circle at bottom left, rgba(61,139,255,.12), transparent 30%), linear-gradient(180deg,#050608 0%, #0d1014 100%); color:#fff; padding:46px 28px 40px; box-shadow:0 20px 60px rgba(0,0,0,.24); margin-bottom:20px; border:1px solid rgba(255,255,255,.05); .arf-kicker display:inline-block; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.68); margin-bottom:14px; .arf-hero h2 color:#fff; margin:0 0 14px; font-size:clamp(32px,4.6vw,58px); line-height:1; letter-spacing:-.045em; .arf-hero p max-width:860px; color:rgba(255,255,255,.84); font-size:16px; line-height:1.75; margin:0; .arf-proof display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0 28px; .arf-proof-card background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:18px; padding:18px 14px; text-align:center; box-shadow:0 10px 24px rgba(0,0,0,.05); .arf-proof-card strong display:block; font-size:28px; line-height:1; letter-spacing:-.04em; color:#111; .arf-proof-card span display:block; margin-top:8px; font-size:12px; text-transform:uppercase; letter-spacing:.12em; color:#6b6b6b; .arf-grid display:grid; grid-template-columns:1.04fr .96fr; gap:18px; .arf-panel background:#f5f6f7; border:1px solid rgba(0,0,0,.08); border-radius:24px; padding:24px 22px; box-shadow:0 10px 24px rgba(0,0,0,.04); .arf-panel.arf-dark background: linear-gradient(180deg,#0c0f13 0%, #11151b 100%); border:1px solid rgba(255,255,255,.06); box-shadow:0 16px 36px rgba(0,0,0,.18); color:#fff; .arf-panel h3 margin:0 0 10px; font-size:clamp(22px,3vw,32px); line-height:1.04; letter-spacing:-.04em; color:inherit; .arf-panel p margin:0; font-size:15px; line-height:1.76; color:inherit; opacity:.88; .arf-section margin-top:40px; clear:both; .arf-section h3 margin:0 0 8px; font-size:clamp(24px,3vw,36px); line-height:1.04; letter-spacing:-.04em; color:#111; .arf-section-intro margin:0 0 18px; max-width:840px; color:#666; font-size:15px; line-height:1.72; .arf-feature-grid display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; .arf-feature background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:20px; padding:20px 18px 18px; box-shadow:0 10px 24px rgba(0,0,0,.04); .arf-feature h4 margin:0 0 9px; font-size:18px; line-height:1.15; letter-spacing:-.03em; color:#111; .arf-feature p margin:0; font-size:15px; line-height:1.7; color:#505050; .arf-highlight margin-top:24px; background: radial-gradient(circle at top right, rgba(101,255,130,.12), transparent 22%), radial-gradient(circle at bottom left, rgba(77,126,255,.10), transparent 26%), linear-gradient(180deg,#0c0f13 0%, #11151b 100%); color:#fff; border-radius:24px; padding:26px 22px; border:1px solid rgba(255,255,255,.06); box-shadow:0 16px 36px rgba(0,0,0,.18); .arf-highlight h3 color:#fff; margin:0 0 10px; .arf-highlight p color:rgba(255,255,255,.84); margin:0; font-size:15px; line-height:1.78; max-width:900px; .arf-specs margin-top:26px; background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:24px; padding:22px 18px 18px; box-shadow:0 12px 28px rgba(0,0,0,.05); .arf-specs h3 margin:0 0 16px; font-size:clamp(24px,3vw,36px); line-height:1.04; letter-spacing:-.04em; color:#111; .arf-spec-grid display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; .arf-spec background:#f7f7f8; border:1px solid rgba(0,0,0,.06); border-radius:18px; padding:16px 16px 14px; .arf-spec strong display:block; margin-bottom:7px; font-size:14px; line-height:1.2; color:#111; letter-spacing:.04em; .arf-spec span display:block; color:#575757; font-size:14px; line-height:1.62; .arf-note margin-top:16px; background:#111; color:#fff; border-radius:18px; padding:16px; .arf-note p margin:0; color:rgba(255,255,255,.82); font-size:14px; line-height:1.65; .arf-cta margin-top:34px; background:#111; color:#fff; border-radius:24px; padding:34px 22px; text-align:center; .arf-cta h3 margin:0 0 10px; color:#fff; font-size:clamp(24px,3vw,36px); letter-spacing:-.04em; .arf-cta p margin:0 0 18px; color:rgba(255,255,255,.78); max-width:760px; margin-left:auto; margin-right:auto; line-height:1.72; .arf-btn display:inline-flex; align-items:center; justify-content:center; text-decoration:none; background:#fff; color:#111 !important; font-weight:800; border-radius:999px; padding:14px 24px; transition:.2s ease; min-height:48px; .arf-btn:hover opacity:.94; transform:translateY(-1px); @media (max-width:1000px) .arf-grid, .arf-feature-grid, .arf-spec-grid grid-template-columns:1fr; @media (max-width:800px) .arf-proof grid-template-columns:repeat(2,1fr); @media (max-width:700px) .arf-wrap padding:24px