*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#0d0d1a;color:#e0e0e0;line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:#d4a843;text-decoration:none;transition:color .2s}a:hover{color:#ffd000}ul,ol{padding-left:1.4em}table{width:100%;border-collapse:collapse;margin:1.2em 0}:root{--bg-dark:#0d0d1a;--bg-section:#12121f;--bg-card:#fff8f0;--bg-card-alt:#f5efe6;--text-light:#ffffff;--text-dark:#1a1a2e;--text-body:#d4d4d4;--text-muted:#8a8a9a;--accent-orange:#D4A843;--accent-gold:#FFD000;--accent-cyan:#D4A843;--accent-red:#6E0015;--border-orange:rgba(212,168,67,.25);--radius:12px;--shadow:0 4px 24px rgba(0,0,0,.4)}h1,h2,h3,h4,h5,h6{color:var(--text-light);line-height:1.3;font-weight:700}h1{font-size:2.4rem;margin-bottom:.8em}h2{font-size:1.8rem;margin:1.6em 0 .6em;padding-bottom:.4em;border-bottom:2px solid var(--border-orange)}h3{font-size:1.35rem;margin:1.2em 0 .5em;color:var(--accent-gold)}h4{font-size:1.1rem;margin:1em 0 .4em;color:var(--accent-orange)}p{margin-bottom:1em;color:var(--text-body)}strong{color:var(--accent-gold)}blockquote{border-left:3px solid var(--accent-orange);padding:.8em 1.2em;margin:1em 0;background:#d4a8430f;border-radius:0 var(--radius) var(--radius) 0}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0d0d1af2;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-orange);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem}.logo img{height:40px;width:auto}.logo span{font-size:1.1rem;font-weight:700;color:var(--text-light)}.nav-links{display:flex;gap:.2rem;align-items:center}.nav-links a{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;color:var(--text-body);transition:all .2s}.nav-links a:hover,.nav-links a.active{color:var(--accent-orange);background:#d4a8431a}.nav-cta{background:linear-gradient(135deg,var(--accent-orange),#b8912e)!important;color:#fff!important;padding:.5rem 1.4rem!important;border-radius:8px!important;font-weight:700!important}.nav-cta:hover{background:linear-gradient(135deg,#e0bc5a,var(--accent-orange))!important;transform:translateY(-1px)}.mobile-toggle{display:none;background:none;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer}.hero{position:relative;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url(/images/banner.webp);background-size:cover;background-position:center;z-index:0}.hero-bg:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,var(--bg-dark) 0%,rgba(13,13,26,.85) 35%,rgba(13,13,26,.3) 70%,transparent 100%)}.hero-overlay{position:absolute;inset:0;background:#0d0d1a59;z-index:1}.hero-content{position:relative;z-index:2;max-width:700px;padding:2rem}.hero-content h1,.hero-heading{font-size:3rem;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.6);margin-bottom:1rem;letter-spacing:1px;font-weight:800}.hero-cta-box{border:2px solid var(--accent-cyan);border-radius:var(--radius);padding:2rem;background:#0d0d1ab3;backdrop-filter:blur(8px);box-shadow:0 0 30px #d4a84326}.hero-cta-box .bonus-label{font-size:.9rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:.3rem}.hero-cta-box .bonus-text{font-size:1.8rem;font-weight:800;color:var(--accent-gold);margin-bottom:1rem}.hero-cta-box .bonus-sub{font-size:.85rem;color:var(--text-muted);margin-bottom:1.2rem}.btn-cta{display:inline-block;padding:.9rem 2.4rem;background:linear-gradient(135deg,var(--accent-orange),#b8912e);color:#fff;font-size:1.1rem;font-weight:700;border-radius:50px;text-transform:uppercase;letter-spacing:1px;transition:all .3s;box-shadow:0 4px 20px #d4a84366}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 6px 30px #d4a84399;color:#fff}.btn-cta-cyan{background:linear-gradient(135deg,#d4a843,#b8912e);box-shadow:0 4px 20px #d4a8434d}.btn-cta-cyan:hover{box-shadow:0 6px 30px #d4a84380}.content-wrap{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.page-section{padding:3rem 0}.section-intro{font-size:1.1rem;font-style:italic;color:var(--text-muted);margin-bottom:1.5em}.affiliate-note{font-size:.8rem;color:var(--text-muted);padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);margin-bottom:2rem;background:#ffffff05}.page-hero{padding:100px 0 3rem;text-align:center;background:linear-gradient(180deg,rgba(13,13,26,1) 0%,var(--bg-section) 100%)}.page-hero h1{margin-bottom:.4em}.page-hero .meta{font-size:.85rem;color:var(--text-muted)}.rating-box{display:inline-flex;align-items:center;gap:.6rem;background:#d4a8431f;border:1px solid var(--accent-orange);border-radius:50px;padding:.5rem 1.5rem;margin:1rem 0}.rating-box .score{font-size:1.6rem;font-weight:800;color:var(--accent-gold)}.rating-box .label{font-size:.9rem;color:var(--text-body)}.card{background:var(--bg-card);color:var(--text-dark);border-radius:var(--radius);padding:1.8rem;margin:1.5rem 0;box-shadow:var(--shadow)}.card h3{color:#d4a843}.card p{color:#444}.card strong{color:#d4a843}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin:1.5rem 0}.card-sm{background:var(--bg-card);color:var(--text-dark);border-radius:var(--radius);padding:1.2rem;box-shadow:0 2px 12px #00000026}.card-sm h4{color:#d4a843;margin-top:0}.card-sm p{color:#555;font-size:.9rem}.suits-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.5rem 0}.suits-card{border-radius:var(--radius);padding:1.4rem;box-shadow:0 2px 16px #0003}.suits-card.good{background:linear-gradient(135deg,#2a2a1a,#1f1d0d);border:1px solid rgba(212,168,67,.2)}.suits-card.bad{background:linear-gradient(135deg,#3a1a1a,#2a0d0d);border:1px solid rgba(255,80,80,.2)}.suits-card h4{margin-top:0}.suits-card.good h4{color:#d4a843}.suits-card.bad h4{color:#ff6b6b}.suits-card li{margin:.4em 0;font-size:.92rem}.table-wrap{overflow-x:auto;margin:1.5rem 0;border-radius:var(--radius);border:1px solid var(--border-orange)}table{margin:0}th{background:#d4a84340;color:var(--accent-gold);padding:.8rem 1rem;text-align:left;font-size:.85rem;font-weight:600;white-space:nowrap}td{padding:.7rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);font-size:.88rem}tr:nth-child(2n){background:#ffffff08}tr:hover{background:#d4a8430f}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.5rem 0}.pros-list,.cons-list{border-radius:var(--radius);padding:1.4rem}.pros-list{background:linear-gradient(135deg,#1f1d0d,#2a2a1a);border:1px solid rgba(212,168,67,.15)}.cons-list{background:linear-gradient(135deg,#2a0d0d,#3a1a1a);border:1px solid rgba(255,80,80,.15)}.pros-list h3{color:#d4a843;margin-top:0}.cons-list h3{color:#ff6b6b;margin-top:0}.pros-list li,.cons-list li{margin:.5em 0;font-size:.92rem;color:var(--text-body)}.faq-section{margin:2rem 0}.faq-item{border:1px solid var(--border-orange);border-radius:var(--radius);margin:.8rem 0;overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.4rem;cursor:pointer;background:#d4a8430f;font-weight:600;color:var(--text-light);transition:background .2s}.faq-question:hover{background:#d4a8431f}.faq-question:after{content:"+";font-size:1.4rem;color:var(--accent-orange);transition:transform .3s}.faq-item.open .faq-question:after{content:"-"}.faq-answer{padding:0 1.4rem;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.faq-item.open .faq-answer{max-height:600px;padding:1rem 1.4rem}.content-image{border-radius:var(--radius);overflow:hidden;margin:1.5rem 0}.content-image img{width:100%;display:block;object-fit:cover}.content-image figcaption{padding:.5rem .8rem;font-size:.75rem;color:var(--text-muted);background:#0000004d;text-align:center}.img-left,.img-right{display:flex;gap:1.5rem;align-items:center;margin:1.5rem 0}.img-left>a,.img-right>a{flex:0 0 55%;max-width:55%;display:block}.img-left>a:has(.phone-screenshot),.img-right>a:has(.phone-screenshot){flex:0 0 28%;max-width:28%}.img-left .content-image,.img-right .content-image{margin:0;width:100%}.img-left .content-image img,.img-right .content-image img{object-fit:cover;border-radius:var(--radius);max-height:500px}.img-left .content-image .phone-screenshot,.img-right .content-image .phone-screenshot{max-height:380px;object-fit:contain;object-position:center}.img-left .img-text,.img-right .img-text{flex:1}.img-left .img-text p:last-child,.img-right .img-text p:last-child{margin-bottom:0}.img-right{flex-direction:row-reverse}.site-footer{background:#080812;border-top:1px solid var(--border-orange);padding:3rem 2rem 1.5rem;margin-top:3rem}.footer-inner{max-width:900px;margin:0 auto}.footer-nav{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem;justify-content:center}.footer-nav a{color:var(--text-muted);font-size:.85rem;padding:.3rem .6rem;border-radius:6px;transition:color .2s}.footer-nav a:hover{color:var(--accent-orange)}.footer-disclaimer{font-size:.75rem;color:var(--text-muted);text-align:center;line-height:1.6;max-width:700px;margin:0 auto}.footer-disclaimer p{margin:.5em 0}.footer-logo{text-align:center;margin-bottom:1.5rem}.footer-logo img{height:32px;margin:0 auto}.takeaway-box{background:#d4a8430f;border:1px solid rgba(212,168,67,.2);border-radius:var(--radius);padding:1.4rem;margin:1.5rem 0}.takeaway-box h3{color:var(--accent-cyan);margin-top:0}.takeaway-box li{margin:.4em 0;font-size:.92rem}.cta-inline{text-align:center;margin:2rem 0;padding:2rem;background:linear-gradient(135deg,#d4a84314,#ffd7000d);border:1px solid var(--border-orange);border-radius:var(--radius)}.cta-inline p{margin-bottom:1rem;font-size:1rem}@media (max-width:768px){.site-header{padding:0 1rem}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:#0d0d1afa;padding:1rem;border-bottom:1px solid var(--border-orange)}.nav-links.open{display:flex}.mobile-toggle{display:block}.hero-content h1,.hero-heading{font-size:2rem}.hero-cta-box .bonus-text{font-size:1.3rem}.content-wrap{padding:1.5rem 1rem}h1{font-size:1.8rem}h2{font-size:1.4rem}.suits-grid,.pros-cons,.card-grid{grid-template-columns:1fr}.img-left,.img-right{flex-direction:column}.img-left>a,.img-right>a{flex:none;max-width:100%}.img-left .content-image,.img-right .content-image{flex:none;max-width:100%}.footer-nav{flex-direction:column;align-items:center}}@media (max-width:480px){.hero-content h1,.hero-heading{font-size:1.6rem}.hero-cta-box{padding:1.2rem}.hero-cta-box .bonus-text{font-size:1.1rem}.btn-cta{padding:.7rem 1.6rem;font-size:.95rem}}