:root { --neon-cyan: #43f2ff; --neon-violet: #9c71ff; --void: #080a18; }
body { background: #080a18; color: #eff4ff; }
.site-header { max-width: none; padding: 0 max(7vw, 34px); background: rgba(8, 10, 24, .86); border-bottom: 1px solid rgba(98, 234, 255, .18); position: relative; z-index: 5; }
.brand, .main-nav a { color: #eff4ff; }
.brand-mark { background: var(--neon-cyan); color: #080a18; box-shadow: 0 0 24px rgba(67, 242, 255, .55); }
.main-nav .nav-refund { background: transparent; border: 1px solid rgba(67, 242, 255, .7); color: var(--neon-cyan); }
.hero { background: radial-gradient(circle at 81% 38%, rgba(92, 50, 255, .4), transparent 28%), radial-gradient(circle at 18% 0%, rgba(67, 242, 255, .14), transparent 24%), var(--void); border-bottom: 1px solid rgba(67, 242, 255, .22); }
.hero:before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .34; background-image: linear-gradient(rgba(99, 211, 255, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(99, 211, 255, .12) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, #000, transparent 85%); }
.hero h1 em { color: var(--neon-cyan); text-shadow: 0 0 26px rgba(67, 242, 255, .5); }
.eyebrow { color: var(--neon-cyan); }
.button-primary { background: var(--neon-cyan); color: #070916; box-shadow: 0 0 28px rgba(67, 242, 255, .3); }
.button-quiet { border-color: rgba(67, 242, 255, .5); }
.glow-one { background: var(--neon-violet); opacity: .7; }
.glow-two { background: var(--neon-cyan); }
.orbital { border-color: rgba(67, 242, 255, .35); }
.hero-card { background: rgba(14, 18, 42, .88); color: #eff4ff; border: 1px solid rgba(67, 242, 255, .55); box-shadow: 0 0 0 7px rgba(67, 242, 255, .06), 20px 25px 60px rgba(0, 0, 0, .45); backdrop-filter: blur(12px); }
.hero-card p, .hero-card span { color: #a9c7e9; }.hero-card strong { color: #fff; }.card-line b { background: var(--neon-cyan); }.card-line b:nth-child(2) { background: var(--neon-violet); }.card-line b:nth-child(3) { background: #fff; }
.floating-tag { background: #111735; border: 1px solid rgba(67, 242, 255, .45); }.tag-b { background: var(--neon-cyan); }
.ticker { background: var(--neon-cyan); color: #070916; }
.section-heading h2, .showcase h2, .article-title h2 { color: #eff4ff; }.section-heading > p:last-child, .article-grid p { color: #aebad0; }
.features, .articles { background: #0b0e20; max-width: none; padding-left: max(7vw, 34px); padding-right: max(7vw, 34px); }
.feature-card { background: #141a33; border: 1px solid rgba(126, 153, 221, .24); }.feature-large { background: linear-gradient(120deg, #273271, #121a3d); }.feature-card p { color: #b9c5dc; }.feature-icon { color: var(--neon-cyan); }.feature-number { color: var(--neon-cyan); }
.purchase { background: #0d1025; border-top: 1px solid rgba(67, 242, 255, .18); border-bottom: 1px solid rgba(67, 242, 255, .18); }.purchase-intro > p:last-child { color: #aebad0; }.purchase-options { grid-template-columns: repeat(3, 1fr); }.purchase-card { background: linear-gradient(145deg, #1d2960, #111735); border: 1px solid rgba(67, 242, 255, .38); box-shadow: inset 0 1px rgba(255,255,255,.12); }.purchase-card p { color: #b7c3de; }.purchase-card-dark { background: linear-gradient(145deg, #251b54, #11152f); }.purchase-card-cyan { background: linear-gradient(145deg, #0e5969, #111d3b); }
.showcase { background: #10152d; }.showcase-copy { color: #eff4ff; }.showcase-image img { filter: saturate(1.15) contrast(1.1) hue-rotate(8deg); }.image-caption { background: rgba(8, 10, 24, .9); border-top: 1px solid var(--neon-cyan); }.image-caption span { color: var(--neon-cyan); }ol li { border-color: rgba(136, 162, 216, .2); }ol p { color: #afbbd1; }
.article-grid { border-color: rgba(136, 162, 216, .25); }.article-grid article { border-color: rgba(136, 162, 216, .25); }.article-grid a { color: var(--neon-cyan); }.article-grid span { color: var(--neon-cyan); }
.cta { background: linear-gradient(112deg, #153c69, #33226e); border-top: 1px solid rgba(67, 242, 255, .5); }.cta .eyebrow { color: var(--neon-cyan); }.button-light { background: var(--neon-cyan); color: #070916; }
.refund-strip { background: #10152c; border-color: rgba(67, 242, 255, .35); }.refund-strip span { color: #b5c2d8; }.refund-strip a, footer > a:last-child { color: var(--neon-cyan); }footer { background: #080a18; border-color: rgba(136, 162, 216, .18); max-width: none; padding-left: max(7vw, 34px); padding-right: max(7vw, 34px); }footer p { color: #9ba9c2; }
@media (max-width: 760px) { .site-header { padding: 0 20px; }.main-nav { background: #0d1025; }.purchase-options { grid-template-columns: 1fr; }.features, .articles { padding-left: 24px; padding-right: 24px; } }

.service-page { min-height: 100vh; display: flex; flex-direction: column; }
.service-page main { flex: 1; }
.guide-nav { display: flex; }
.guide-hero { max-width: 1080px; margin: 0 auto; padding: 110px 34px 70px; position: relative; }
.guide-hero:after { content: ""; position: absolute; width: 340px; height: 340px; right: -120px; top: 22px; background: var(--neon-violet); border-radius: 50%; filter: blur(105px); opacity: .4; pointer-events: none; }
.guide-hero h1, .refund-copy h1 { max-width: 680px; font-size: clamp(45px, 6vw, 78px); letter-spacing: -.08em; line-height: .98; margin: 0; position: relative; z-index: 1; }
.guide-hero h1 em { color: var(--neon-cyan); font-family: Georgia, serif; font-weight: 400; }
.guide-hero > p:last-child { max-width: 570px; color: #b5c2da; margin: 27px 0 0; position: relative; z-index: 1; }
.device-grid { max-width: 1080px; margin: 0 auto; padding: 0 34px 100px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.device-card { min-height: 320px; padding: 31px; background: linear-gradient(145deg, #1d2960, #111735); border: 1px solid rgba(67, 242, 255, .45); display: flex; flex-direction: column; align-items: flex-start; box-shadow: inset 0 1px rgba(255,255,255,.12); }
.device-card > span { color: var(--neon-cyan); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.device-card h2 { font-size: 30px; margin: 57px 0 8px; letter-spacing: -.07em; }
.device-card p { color: #b8c4dc; font-size: 14px; margin: 0; }
.device-card .button { margin-top: auto; }
.device-card-violet { background: linear-gradient(145deg, #2a1e5d, #10142e); }
.device-card-cyan { background: linear-gradient(145deg, #0e5969, #111d3b); }
.guide-note { padding: 66px max(7vw, 34px); background: linear-gradient(112deg, #153c69, #33226e); border-top: 1px solid rgba(67, 242, 255, .45); display: flex; justify-content: space-between; gap: 30px; align-items: end; }
.guide-note h2 { font-size: clamp(32px, 4vw, 52px); letter-spacing: -.07em; margin: 0; }.guide-note p:last-child { max-width: 550px; color: #d8e3f8; }
.refund-main { padding: 90px max(7vw, 34px); display: grid; place-items: center; background: radial-gradient(circle at 20% 15%, rgba(67, 242, 255, .14), transparent 26%), radial-gradient(circle at 85% 90%, rgba(156, 113, 255, .2), transparent 30%); }
.refund-panel { width: min(100%, 1040px); display: grid; grid-template-columns: .88fr 1.12fr; border: 1px solid rgba(67, 242, 255, .38); background: rgba(15, 19, 43, .94); box-shadow: 0 30px 90px rgba(0,0,0,.35); }
.refund-copy { padding: 56px 48px; background: linear-gradient(145deg, #18385d, #19133d); }.refund-copy > p:not(.eyebrow) { color: #c2d0e5; margin: 28px 0; }
.refund-promise { border-top: 1px solid rgba(67, 242, 255, .4); padding-top: 25px; display: flex; align-items: center; gap: 17px; }.refund-promise span { font: 32px Georgia, serif; color: var(--neon-cyan); }.refund-promise p { color: #b9c8de; font-size: 13px; margin: 0; }.refund-promise strong { color: #fff; }
.refund-form { padding: 56px 48px; display: flex; flex-direction: column; }.refund-form label { font-size: 13px; font-weight: 800; margin: 0 0 9px; }.refund-form input, .refund-form textarea { width: 100%; border: 1px solid rgba(136, 162, 216, .42); border-radius: 0; color: #eff4ff; background: #090c1e; padding: 14px; margin: 0 0 24px; font: inherit; outline: none; }.refund-form input:focus, .refund-form textarea:focus { border-color: var(--neon-cyan); box-shadow: 0 0 0 3px rgba(67, 242, 255, .12); }.refund-form textarea { resize: vertical; }.refund-form .button { border: 0; justify-content: center; cursor: pointer; }.form-note { font-size: 12px; color: #a6b5ce; margin: 17px 0 0; }
@media (max-width: 760px) { .guide-nav { display: none; }.guide-hero { padding: 73px 24px 45px; }.device-grid { grid-template-columns: 1fr; padding: 0 24px 66px; }.device-card { min-height: 252px; }.device-card h2 { margin-top: 36px; }.guide-note { display: block; padding: 54px 24px; }.guide-note .button { margin-top: 22px; }.refund-main { padding: 38px 18px; }.refund-panel { grid-template-columns: 1fr; }.refund-copy, .refund-form { padding: 39px 27px; } }
