/* SECTIONS */
section{padding:80px 5%}
.section-label{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--blue2);margin-bottom:12px}
.section-title{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(34px,5vw,52px);font-weight:800;line-height:1.1;margin-bottom:44px}

/* CARDS */
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:var(--navy2);border:1px solid var(--border);border-radius:16px;padding:28px;transition:border-color .25s,transform .25s;position:relative;overflow:hidden}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue2));opacity:0;transition:opacity .25s}
.card:hover{border-color:var(--blue);transform:translateY(-4px)}
.card:hover::before{opacity:1}
.card-icon{width:48px;height:48px;background:rgba(26,127,224,.12);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:22px}
.card h3{font-size:18px;font-weight:700;margin-bottom:8px}
.card p{color:var(--muted);font-size:14px;line-height:1.6}

/* TRUST */
.trust-card{background:var(--navy3);border:1px solid var(--border);border-radius:14px;padding:28px 24px;text-align:center}
.trust-icon{width:56px;height:56px;background:rgba(26,127,224,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px}
.trust-card h3{font-size:17px;font-weight:700;margin-bottom:6px}
.trust-card p{color:var(--muted);font-size:13px}

/* PRICING TABLE */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.price-card{background:var(--navy2);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.price-card-head{background:rgba(26,127,224,.1);padding:20px 24px;border-bottom:1px solid var(--border)}
.price-card-head h3{font-size:18px;font-weight:700}
.price-card-head .device-icon{font-size:28px;margin-bottom:8px}
.price-rows{padding:8px 0}
.price-row{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid rgba(26,127,224,.08)}
.price-row:last-child{border-bottom:none}
.price-row span{font-size:14px;color:var(--muted)}
.price-row strong{font-size:15px;color:var(--blue2);font-weight:700}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:12px;max-width:760px}
.faq-item{background:var(--navy2);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.faq-q{padding:18px 24px;font-weight:600;font-size:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}
.faq-q:hover{background:rgba(26,127,224,.06)}
.faq-a{padding:0 24px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;font-size:14px;color:var(--muted);line-height:1.7}
.faq-item.open .faq-a{max-height:200px;padding:0 24px 18px}
.faq-arrow{transition:transform .3s;color:var(--blue2);font-size:18px}
.faq-item.open .faq-arrow{transform:rotate(180deg)}

/* STEPS */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0}
.step{text-align:center;padding:32px 24px}
.step-num{width:56px;height:56px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:24px;font-weight:800;margin:0 auto 20px}
.step h3{font-size:17px;font-weight:700;margin-bottom:8px}
.step p{color:var(--muted);font-size:14px}

/* CTA BANNER */
.cta-banner{background:linear-gradient(135deg,#0d1e3a 0%,#0a1525 100%);border:1px solid var(--border);border-radius:20px;padding:60px 40px;text-align:center;margin:0 5% 80px}
.cta-banner h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(30px,5vw,50px);font-weight:800;margin-bottom:12px}
.cta-banner h2 span{color:var(--blue2)}
.cta-banner p{color:var(--muted);font-size:17px;margin-bottom:32px}
.cta-big{display:inline-flex;align-items:center;gap:12px;background:#25d366;color:#fff;padding:18px 42px;border-radius:12px;font-weight:800;font-size:19px;box-shadow:0 6px 30px rgba(37,211,102,.3);transition:transform .2s,box-shadow .2s}
.cta-big:hover{transform:translateY(-3px);box-shadow:0 10px 40px rgba(37,211,102,.4)}

/* AREAS */
.areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.area-card{background:var(--navy3);border:1px solid var(--border);border-radius:12px;padding:18px 22px;transition:border-color .2s}
.area-card:hover{border-color:var(--blue)}
.area-card a{display:block}
.area-card .area-name{font-weight:700;margin-bottom:4px;font-size:15px}
.area-card .area-dist{color:var(--muted);font-size:13px}

/* FOOTER */
footer{background:#040810;border-top:1px solid var(--border);padding:40px 5%;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
footer p{color:var(--muted);font-size:13px}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a{color:var(--muted);font-size:13px;transition:color .2s}
.footer-links a:hover{color:var(--blue2)}

/* WARRANTY BADGE */
.warranty-strip{background:rgba(26,127,224,.07);border:1px solid var(--border);border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:40px}
.warranty-strip span{font-size:14px;color:var(--muted)}
.warranty-strip strong{color:var(--white);font-size:14px}

@media(max-width:700px){nav{padding:0 4%}.nav-links{display:none}.hero{padding:90px 4% 50px}section{padding:60px 4%}.cta-banner{padding:40px 24px;margin:0 4% 60px}}