.guide-hero{text-align:center;background:#07071c;padding:120px 24px 80px;position:relative;overflow:hidden}.guide-hero-bg{filter:brightness(.35)saturate(.7);pointer-events:none;background-image:url(/img/hero-bg.webp);background-position:top;background-size:cover;position:absolute;inset:0}.guide-hero-inner{flex-direction:column;align-items:center;max-width:760px;margin:0 auto;display:flex;position:relative}.guide-badge{color:#4ade80;letter-spacing:.08em;text-transform:uppercase;background:#25d3661f;border:1px solid #25d3664d;border-radius:50px;margin-bottom:22px;padding:6px 16px;font-size:.78rem;font-weight:700;display:inline-block}.guide-hero h1{color:#fff;letter-spacing:-1px;margin-bottom:18px;font-size:clamp(1.9rem,5vw,3rem);font-weight:900;line-height:1.15}.guide-hero-sub{color:#fff9;max-width:600px;margin:0 auto 32px;font-size:1.05rem;line-height:1.7}.guide-hero-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:36px;display:flex}.guide-stat-chip{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:7px;padding:8px 18px;font-size:.82rem;font-weight:600;display:flex}.guide-stat-chip svg{flex-shrink:0;width:16px;height:16px}.guide-hero-ctas{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.guide-cta-primary{color:#fff;background:#25d366;border-radius:50px;align-items:center;gap:9px;padding:15px 30px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 32px #25d3664d}.guide-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #25d3666b}.guide-cta-secondary{color:#fffc;border:1px solid #fff3;border-radius:50px;align-items:center;padding:15px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.guide-cta-secondary:hover{color:#fff;border-color:#ffffff80}.guide-section{padding:80px 24px}.guide-section--alt{background:#0f0f1e}.guide-section--dark{background:#07071c}.guide-section-inner{max-width:900px;margin:0 auto}.guide-section-label{text-transform:uppercase;letter-spacing:2.5px;color:#4ade80;margin-bottom:12px;font-size:.72rem;font-weight:800}.guide-section h2{color:#fff;margin-bottom:14px;font-size:clamp(1.4rem,3.5vw,2.1rem);font-weight:800;line-height:1.2}.guide-section-sub{color:#ffffff73;margin-bottom:40px;font-size:.92rem}.guide-intro-icon,.guide-device-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.guide-intro-icon svg,.guide-device-icon svg{width:24px;height:24px}.gi-green{background:#22c55e1f;border:1px solid #22c55e40}.gi-cyan{background:#06b6d41f;border:1px solid #06b6d440}.gi-gold{background:#f59e0b1f;border:1px solid #f59e0b40}.gi-purple{background:#a855f71f;border:1px solid #a855f740}.gi-blue{background:#3b82f61f;border:1px solid #3b82f640}.gi-red{background:#ef44441f;border:1px solid #ef444440}.gi-orange{background:#f973161f;border:1px solid #f9731640}@keyframes gi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gi-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes gi-bounce{0%,to{transform:translateY(0)}45%{transform:translateY(-6px)}65%{transform:translateY(-2px)}}@keyframes gi-lightning{0%,88%,to{opacity:1}94%{opacity:.3}}@keyframes gi-signal{0%,to{opacity:.3}50%{opacity:1}}@keyframes gi-flicker{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-4deg)}75%{transform:scale(.95)rotate(3deg)}}@keyframes gi-glow{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 6px #f59e0bcc)}}.gi-green svg{animation:2.2s ease-in-out infinite gi-signal}.gi-cyan svg{animation:2s ease-in-out infinite gi-bounce}.gi-gold svg{animation:2s ease-in-out infinite gi-glow}.gi-purple svg{animation:1.8s ease-in-out infinite gi-pulse}.gi-blue svg{animation:8s linear infinite gi-spin}.gi-red svg{animation:2.4s ease-in-out infinite gi-flicker}.gi-orange svg{animation:2s ease-in-out infinite gi-lightning}.guide-intro-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:640px){.guide-intro-grid{grid-template-columns:1fr}}.guide-intro-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:28px 24px}.guide-intro-icon{margin-bottom:12px;font-size:2rem}.guide-intro-card h3{color:#fff;margin-bottom:8px;font-size:1rem;font-weight:700}.guide-intro-card p{color:#ffffff80;font-size:.88rem;line-height:1.65}.guide-device-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:640px){.guide-device-grid{grid-template-columns:1fr}}.guide-device-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:28px 22px}.guide-device-icon{margin-bottom:14px;font-size:2.2rem}.guide-device-card h3{color:#fff;margin-bottom:14px;font-size:.95rem;font-weight:700}.guide-device-card ol{margin:0;padding-left:18px}.guide-device-card li{color:#fff9;margin-bottom:6px;font-size:.85rem;line-height:1.65}.guide-device-card strong{color:#fff}.guide-steps{flex-direction:column;gap:16px;display:flex}.guide-step{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.guide-step-num{color:#4ade80;background:#25d36626;border:1px solid #25d3664d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;display:flex}.guide-step-body h3{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:700}.guide-step-body p{color:#ffffff80;margin:0;font-size:.87rem;line-height:1.6}.guide-step-body strong{color:#fff}.guide-compare-wrap{overflow-x:auto}.guide-compare-table{border-collapse:collapse;width:100%;font-size:.9rem}.guide-compare-table th,.guide-compare-table td{text-align:left;border-bottom:1px solid #ffffff12;padding:14px 20px}.guide-compare-table th{color:#fff6;text-transform:uppercase;letter-spacing:.07em;background:#ffffff08;font-size:.78rem;font-weight:700}.guide-compare-table th.th-green{color:#4ade80}.guide-compare-table td{color:#ffffffb3}.guide-compare-table td.td-green{color:#4ade80;font-weight:600}.guide-compare-table td.td-muted{color:#ffffff59}.guide-compare-table tbody tr:hover td{background:#ffffff05}.guide-trouble-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.guide-trouble-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:22px 20px}.guide-trouble-q{color:#fff;margin-bottom:8px;font-size:.92rem;font-weight:700}.guide-trouble-a{color:#ffffff80;margin:0;font-size:.85rem;line-height:1.6}.guide-faq{flex-direction:column;gap:8px;display:flex}.guide-faq details{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;overflow:hidden}.guide-faq details[open]{border-color:#25d36640}.guide-faq summary{cursor:pointer;color:#fff;justify-content:space-between;align-items:center;padding:18px 22px;font-size:.95rem;font-weight:600;list-style:none;display:flex}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary:after{content:"+";color:#ffffff4d;font-size:1.3rem;font-weight:300;transition:transform .2s}.guide-faq details[open] summary:after{color:#4ade80;transform:rotate(45deg)}.guide-faq details p{color:#fff9;margin:0;padding:0 22px 18px;font-size:.9rem;line-height:1.7}.guide-bottom-cta{text-align:center;background:#07071c;padding:80px 24px}.guide-bottom-cta h2{color:#fff;letter-spacing:-.5px;margin-bottom:14px;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900}.guide-bottom-cta p{color:#ffffff80;margin-bottom:32px;font-size:.95rem}.guide-bottom-ctas{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.wa-float{z-index:99;color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:transform .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #25d36666}.wa-float:hover{transform:scale(1.08)}.guide-breadcrumb{color:#ffffff59;margin-bottom:20px;font-size:.8rem}.guide-breadcrumb a{color:#ffffff59;text-decoration:none}.guide-breadcrumb a:hover{color:#ffffffa6}.guide-breadcrumb span{margin:0 6px}
