/* ===== CUSTOM PROPERTIES & RESET ===== */
:root{--pri:#2040e2;--acc:#1ab4f2;--pri-dk:#1835c0;--pri-lt:#d4d9fc;--pri-bg:#eff1fe;--bdr:#e5e7eb;--bg:#f9fafb;--wh:#fcfcfc;--t1:#1a1a1a;--t2:#374151;--t3:#4b5563;--mt:#6b7280;--mt2:#9ca3af;--shd:0 1px 3px rgba(0,0,0,.04)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Verdana,"Arial Rounded MT Bold","Segoe UI","Helvetica Neue",system-ui,sans-serif;font-size:1rem;line-height:1.7;letter-spacing:.02rem;color:var(--t1);background:#fff;overflow-x:hidden}
input,textarea,button,select{font-family:inherit;font-size:inherit;letter-spacing:inherit;outline:none;border:none;box-shadow:none}
a{color:inherit;font-weight:600;text-decoration:none;transition:color .3s}
a:hover{color:var(--pri)}
p{margin-bottom:1rem}
h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}
h2,h3{margin-bottom:.5rem}
h1,.text-balance{text-wrap:balance}
hr{margin:2.5rem 0;border:0;border-top:1px solid var(--bdr)}
section{margin-bottom:2rem}
article ul{margin-bottom:1rem;padding-left:1.5rem}

/* ===== DETAILS/ACCORDION ===== */
details{margin:.2rem 0}
details summary{font-weight:700;margin-bottom:.5rem;cursor:pointer;list-style:none}
details summary::before{content:"\25BE";display:inline-block;margin-right:.5rem;transition:transform .2s}
details[open] summary::before{transform:rotate(180deg)}
details[open] summary~*{animation:sweep .4s ease-out}
@keyframes sweep{0%{opacity:0;transform:translateY(-16px)}100%{opacity:1;transform:none}}

/* ===== LAYOUT UTILITIES ===== */
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-evenly{justify-content:space-evenly}.justify-end{justify-content:flex-end}
.gap-0{gap:0}.gap-1{gap:1rem}.gap-2{gap:2rem}
.text-center{text-align:center}.font-bold{font-weight:700}.list-none{list-style:none}.pad-0{padding:0}
.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mr-1{margin-right:1rem}.ml-1{margin-left:1rem}
.w-full{width:100%}.color-muted{color:var(--mt)}.color-white{color:var(--wh)}

/* ===== HEADER ===== */
header{background:#fff;border-bottom:1px solid var(--bdr);padding:.5rem 0}
header nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.header-logo{display:flex;align-items:center;gap:1rem;width:25%;margin-left:2rem}
.header-logo svg{width:56px;height:56px;flex-shrink:0}
.header-logo a{font-weight:800;font-size:1.8rem;line-height:1.2;color:var(--t1)}
.header-nav{list-style:none;display:flex;gap:2rem;padding:0}
.header-nav a{color:var(--t3);font-weight:500}.header-nav a:hover{color:var(--pri)}
.header-search{display:flex;align-items:center;width:25%;gap:.5rem}
.header-search input[type="text"]{padding:8px 14px;width:100%;border:1px solid var(--bdr);border-radius:8px;transition:border-color .3s}
.header-search input[type="text"]:focus{border-color:var(--pri)}
.search-btn{background:var(--pri);color:#fff;border:none;padding:7px 12px;border-radius:8px;cursor:pointer;transition:background .3s;flex-shrink:0}
.search-btn:hover{background:var(--pri-dk)}

/* ===== HERO (shared phone + home) ===== */
.phone-hero,.home-hero{position:relative;background:linear-gradient(135deg,#e8edff 0%,#edf1ff 40%,#e6f0ff 100%);overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%)}
.phone-hero::before,.home-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 80% 20%,rgba(32,64,226,.05),transparent),radial-gradient(ellipse 50% 60% at 10% 80%,rgba(26,180,242,.04),transparent);pointer-events:none}
.phone-hero{padding:1.5rem calc(50vw - 50% + 1rem) 2rem}
.home-hero{padding:3.5rem calc(50vw - 50% + 1rem) 3rem;text-align:center}
.hero-identity{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.phone-hero h1{font-size:1.85rem;color:#111;margin:0 0 .15rem;line-height:1.2;letter-spacing:-.01em}
.hero-subtitle{font-size:.95rem;color:var(--t3);margin:0 0 .4rem}
.phone-meta{color:var(--mt);font-size:.82rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0}
.dot{display:inline-block;width:3px;height:3px;background:var(--mt2);border-radius:50%;vertical-align:middle}
.hero-assessment{position:relative;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e0e3ef}
.hero-verdict{font-size:.92rem;line-height:1.6;color:var(--t2);margin:0 0 .75rem}
.hero-verdict strong{color:#111}
.hero-verdict a{color:var(--pri);font-weight:600}.hero-verdict a:hover{color:var(--pri-dk)}
.hero-tags{display:flex;flex-wrap:wrap;gap:.35rem}

/* ===== BREADCRUMB ===== */
.breadcrumb{position:relative;display:flex;align-items:center;gap:.5rem;font-size:.8rem;text-transform:uppercase;flex-wrap:wrap;list-style:none;padding:0;margin-bottom:.75rem}
.breadcrumb li::after{content:"\203A";margin-left:.5rem;color:var(--mt2)}
.breadcrumb li:last-child::after{content:""}
.breadcrumb a{color:var(--pri);font-weight:500}.breadcrumb a:hover{color:var(--pri-dk)}

/* ===== RISK BADGE ===== */
.risk-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:6px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.risk-badge::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}
.risk-scam{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.risk-scam::before{background:#dc2626}
.risk-spam{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.risk-spam::before{background:#ea580c}
.risk-suspicious{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.risk-suspicious::before{background:#d97706}
.risk-uncertain{background:#f0f9ff;color:#075985;border:1px solid #bae6fd}.risk-uncertain::before{background:#0284c7}
.risk-safe{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.risk-safe::before{background:#16a34a}
.risk-unknown{background:var(--bg);color:var(--t3);border:1px solid var(--bdr)}.risk-unknown::before{background:var(--mt2)}

/* ===== ENTITY TAGS ===== */
.entity-tag{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:4px;font-size:.75rem;font-weight:500;border:1px solid}
.entity-tag--type{background:var(--pri-bg);border-color:var(--pri-lt);color:#3730a3}
.entity-tag--service{background:#fef9ec;border-color:#fbe9a8;color:#854d0e}
.entity-tag--location{background:#effdf4;border-color:#c6f1d6;color:#166534}
.entity-tag--provider{background:#fdf4ff;border-color:#f0d0fa;color:#86198f}

/* ===== TWO-COLUMN GRID ===== */
.page-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-top:2.5rem}
.page-grid article{overflow:hidden}

/* ===== ARTICLE CARD ===== */
.article-card{border:1px solid var(--bdr);border-radius:12px;padding:2rem;box-shadow:var(--shd)}
.service-types{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0;margin-bottom:1rem}
.service-types li{text-transform:uppercase;color:var(--pri);font-weight:700;font-size:.85rem;letter-spacing:.03em}
.service-types li::before{content:"\2015";margin-right:.5rem;color:#a5b4fc}
.phone-description{font-style:italic;color:var(--mt);margin-bottom:1.5rem}

/* ===== ARTICLE CONTENT HEADINGS ===== */
.article-content h2,.reviews-section h2,.faq-section h2{padding-left:1rem;border-left:4px solid;border-image:linear-gradient(to bottom,var(--pri),var(--acc)) 1}
.article-content h2{margin:2rem 0 .75rem;padding:.35rem 0 .35rem 1rem}
.article-content h3{position:relative;margin:1.75rem 0 .6rem;padding-bottom:.5rem}
.article-content h3::after{content:"";position:absolute;bottom:0;left:0;width:3rem;height:2px;background:linear-gradient(90deg,var(--pri),var(--acc));border-radius:1px}
.article-content h4{margin:1.5rem 0 .4rem;font-size:1.05rem;color:var(--t2);padding-left:.75rem;border-left:3px solid #a5b4fc}
.article-content h5{margin:1.25rem 0 .35rem;font-size:.95rem;color:var(--t3);text-transform:uppercase;letter-spacing:.04em}
.article-content>:first-child{margin-top:0}

/* ===== ADS ===== */
.ad-slot{margin:2rem 0;min-height:280px}

/* ===== DATA PANELS ===== */
.data-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
.data-card{background:var(--bg);border:1px solid var(--bdr);border-radius:10px;padding:1.25rem 1.5rem}
.data-card-title{font-size:1rem;font-weight:700;color:var(--t1);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--pri)}
.rating-big{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}
.rating-big-score{font-size:3rem;font-weight:800;line-height:1;color:var(--t1)}
.rating-big-meta{display:flex;flex-direction:column;gap:.15rem}
.rating-big-count{font-size:.82rem;color:var(--mt)}

/* Stars */
.stars{font-size:20px;line-height:22px}
.stars::before{color:#f59e0b}.stars::after{color:#d1d5db}
.s0::after{content:'\2605\2605\2605\2605\2605'}
.s1::before{content:'\2605'}.s1::after{content:'\2605\2605\2605\2605'}
.s2::before{content:'\2605\2605'}.s2::after{content:'\2605\2605\2605'}
.s3::before{content:'\2605\2605\2605'}.s3::after{content:'\2605\2605'}
.s4::before{content:'\2605\2605\2605\2605'}.s4::after{content:'\2605'}
.s5::before{content:'\2605\2605\2605\2605\2605'}

/* Rating & stat bars */
.rating-bar-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}
.rating-bar-star{font-size:.8rem;font-weight:700;color:var(--mt);width:1rem;text-align:center;flex-shrink:0}
.rating-bar,.stat-bar{flex:1;height:8px;background:var(--bdr);border-radius:4px;overflow:hidden}
.rating-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px;transition:width .5s ease}
.rating-bar-pct{font-size:.78rem;font-weight:600;color:var(--mt);width:2.5rem;text-align:right;flex-shrink:0}
.stat-row{margin-bottom:1rem}.stat-row:last-child{margin-bottom:0}
.stat-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;margin-bottom:.3rem;color:var(--t2)}
.stat-fill{height:100%;background:linear-gradient(90deg,var(--pri),var(--acc));border-radius:4px;transition:width .6s ease}

/* ===== CTA BLOCK ===== */
.cta-block{text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#f0f4ff,#faf5ff);border-radius:12px;margin:2rem 0}
.cta-block p{margin-bottom:1rem;color:var(--t1);text-wrap:balance}
.btn-primary{display:inline-block;padding:.8rem 2.2rem;border-radius:50rem;background:linear-gradient(128deg,var(--pri),var(--acc));color:var(--wh);font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px rgba(32,64,226,.2)}
.btn-primary:hover{color:var(--wh);transform:translateY(-2px);box-shadow:0 8px 24px rgba(32,64,226,.3)}

/* ===== REVIEWS ===== */
.reviews-section h2{margin-bottom:1.25rem}
.review-card{background:var(--bg);border:1px solid #f0f1f3;border-radius:10px;padding:1.25rem;margin-bottom:2rem}
.review-header{display:flex;align-items:center;gap:.75rem}
.review-avatar{width:36px;height:36px;line-height:36px;text-align:center;background:var(--pri);border-radius:50%;color:#fff;font-size:.95rem;font-weight:700;flex-shrink:0}
.review-meta{display:flex;flex-direction:column;flex:1;min-width:0}
.review-author{font-weight:700;font-size:.9rem;color:var(--t1)}
.review-date{font-size:.78rem;color:var(--mt2)}
.review-type{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.15rem .45rem;border-radius:4px;flex-shrink:0}
.review-rating{margin:.5rem 0}
.review-type--scam{background:#fef2f2;color:#991b1b}.review-type--spam{background:#fff7ed;color:#9a3412}
.review-type--suspicious{background:#fffbeb;color:#92400e}.review-type--uncertain{background:#f0f9ff;color:#075985}
.review-type--legit{background:#f0fdf4;color:#166534}.review-type--unknown{background:var(--bg);color:var(--mt)}
.review-body{font-size:.92rem;line-height:1.55;color:var(--t2)}.review-body p{margin:0}
.review-pending{color:#166534;font-size:.8rem;font-style:italic;border-left:2px solid #16a34a;padding-left:12px;opacity:.87;margin-top:.75rem}

/* ===== FAQ ===== */
.faq-section{margin-top:2rem}.faq-section h2{margin-bottom:1rem}
.faq-section details{background:var(--bg);border:1px solid #f0f1f3;border-radius:10px;padding:1rem 1.25rem;margin-bottom:.5rem}
.faq-section details[open]{background:#eef2ff;border-color:var(--pri-lt)}
.faq-section summary{font-size:.95rem;font-weight:600;color:var(--t1);cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem}
.faq-section summary::before{content:"+";font-size:1.1rem;font-weight:700;color:var(--pri);width:1.25rem;flex-shrink:0;text-align:center}
.faq-section details[open] summary::before{content:"\2212"}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section details p{color:var(--t3);font-size:.9rem;line-height:1.6;margin:.75rem 0 0 2.25rem}

/* ===== HOME HERO ===== */
.hero-eyebrow{position:relative;display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--pri);margin-bottom:.75rem;padding:.35rem 1rem .35rem 1.5rem;border:1px solid var(--pri-lt);border-radius:50rem;background:var(--pri-bg)}
.hero-eyebrow::before{content:"";display:inline-block;width:6px;height:6px;background:var(--acc);border-radius:50%;margin-right:.5rem;animation:pulse-dot 2s ease-in-out infinite}
.home-hero h1{position:relative;font-size:2.4rem;color:#111;margin:0 0 .6rem;letter-spacing:-.02em;font-weight:800}
.home-hero .hero-subtitle{position:relative;font-size:1rem;color:var(--t3);max-width:560px;margin:0 auto 2rem;line-height:1.65}
.hero-search{position:relative;display:flex;max-width:540px;margin:0 auto 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(32,64,226,.08);overflow:hidden;border:2px solid var(--pri-lt)}
.hero-search input{flex:1;padding:1rem 1.25rem;border:none;font-size:1.05rem;background:transparent;color:var(--t1)}
.hero-search input::placeholder{color:var(--mt2)}
.hero-search input:focus{outline:none}
.hero-search button{margin:0;padding:1rem 2rem;border-radius:0 10px 10px 0;font-size:1rem;white-space:nowrap}
.trust-line{font-size:.95rem;color:var(--mt);margin-top:.75rem;letter-spacing:.02em}
.trust-line strong{font-weight:700;background:linear-gradient(128deg,var(--pri),var(--acc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.home-section-title{font-size:1.3rem;font-weight:700;margin-bottom:1.25rem;color:var(--t1);display:flex;align-items:center;gap:.75rem}
.home-section-title::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--pri),transparent);border-radius:1px}
.post-timeline{border-left:3px solid linear-gradient(180deg,var(--pri),var(--acc));border-image:linear-gradient(180deg,var(--pri),var(--pri-lt)) 1;padding-left:0;margin-left:.5rem}
.post-tl-item{display:block;position:relative;padding:.85rem 0 .85rem 1.5rem;text-decoration:none;color:inherit;transition:all .2s}
.post-tl-item::before{content:"";position:absolute;left:-7px;top:1.2rem;width:11px;height:11px;border-radius:50%;background:var(--pri-lt);border:2px solid #fff;box-shadow:0 0 0 1px var(--pri-lt);transition:all .2s}
.post-tl-item:hover::before{background:var(--pri);box-shadow:0 0 0 3px rgba(32,64,226,.15)}
.post-tl-item+.post-tl-item{border-top:1px solid #f3f4f6}
.post-tl-item:hover{color:inherit}
.post-tl-item h3{font-size:.95rem;margin:0 0 .25rem;color:var(--t1);line-height:1.35;transition:color .2s}
.post-tl-item:hover h3{color:var(--pri)}
.post-tl-item p{font-size:.85rem;font-weight:400;font-style:normal;color:var(--mt);margin:0 0 .4rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-tl-meta{font-size:.75rem;color:var(--mt2);display:flex;align-items:center;gap:.5rem}

/* ===== SEO SECTION ===== */
.seo-section{margin-top:2.5rem}.seo-block{margin-bottom:2rem}
.seo-cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.seo-cols p{font-size:.92rem;color:var(--t3);line-height:1.7}
.seo-block--highlight{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:1px solid var(--bdr);border-radius:12px;padding:2rem}
.seo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.seo-step{display:flex;gap:.75rem;align-items:flex-start}
.seo-step-num{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:linear-gradient(135deg,var(--pri),var(--acc));color:#fff;font-weight:800;font-size:.85rem;border-radius:8px;flex-shrink:0}
.seo-step p{font-size:.88rem;color:var(--t3);line-height:1.55;margin:0}

/* ===== STATIC PAGES ===== */
.container>.article-card,.container>.data-panels,.container>.page-grid{margin-top:2.5rem}
.contact-form{max-width:640px}.contact-form .form-group{gap:.3rem}
.contact-form .form-group input,.contact-form .form-group textarea{width:100%}
.contact-form label{font-weight:600;font-size:.9rem;color:var(--t2)}
.success-card{text-align:center;padding:2.5rem 2rem}.success-card h2{color:#166534;margin-bottom:1rem}

/* ===== SIDEBAR ===== */
.sidebar-section{background:#fff;border:1px solid var(--bdr);border-radius:12px;padding:1.15rem;margin-bottom:1.25rem;box-shadow:var(--shd)}
.sidebar-title{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--mt);margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:2px solid var(--pri)}
.sidebar-title a{color:inherit;transition:color .2s}.sidebar-title a:hover{color:var(--pri)}
.sidebar-list{list-style:none;padding:0}
.sidebar-list li{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px dashed var(--bdr);transition:all .15s}
.sidebar-list li:last-child{border-bottom:none}.sidebar-list li::before{display:none}
.sidebar-list a{font-weight:600;color:var(--t1);font-size:.86rem;font-variant-numeric:tabular-nums;transition:color .15s}
.sidebar-list a:hover{color:var(--pri)}
.sidebar-meta{font-size:.68rem;color:var(--mt2);white-space:nowrap;font-weight:500}
.sidebar-icon{display:none}
.sidebar-link-all{display:block;padding:.5rem 0 0;color:var(--pri);font-size:.85rem;font-weight:600}

/* ===== BROWSE LIST ===== */
.browse-list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.browse-list-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:#fff;border:1px solid #eef0f5;border-radius:8px;font-weight:600;font-size:.88rem;color:var(--t2);transition:all .2s}
.browse-list-item:hover,.browse-link:hover{background:#eef2ff;border-color:#c7d2fe;color:var(--pri);transform:translateX(3px)}
.browse-list-item .sidebar-meta{background:#f3f4f6;padding:.15rem .5rem;border-radius:4px;font-size:.72rem}

/* ===== FOOTER ===== */
footer{margin-top:3rem;padding:0;background:#0f1729;color:var(--bdr)}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-brand{max-width:420px}
.footer-logo{font-size:1.5rem;font-weight:800;color:#fff;display:block;margin-bottom:.5rem}.footer-logo:hover{color:#fff}
.footer-brand p{font-size:.85rem;color:var(--mt2);line-height:1.6;margin:0}
.footer-search{display:flex;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;flex-shrink:0}
.footer-search input{padding:.6rem 1rem;background:rgba(255,255,255,.05);border:none;color:#fff;font-size:.88rem;width:200px}
.footer-search input::placeholder{color:var(--mt)}
.footer-search button{margin:0;padding:.6rem 1.25rem;border-radius:0;font-size:.85rem;white-space:nowrap}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:2.5rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-col-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.4);margin-bottom:.75rem}
footer ul{list-style:none;padding:0}footer ul li{margin-bottom:.4rem}
footer a{color:#d1d5db;font-weight:400;font-size:.88rem}footer a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;padding:1.5rem 0;font-size:.8rem;color:var(--mt)}

/* ===== FORM ===== */
.form-group,.form-row{display:flex}.form-group{flex-direction:column;margin-bottom:1rem}
.form-group input{height:48px;padding:0 16px;width:calc(100% - 120px);border:1px solid var(--bdr);border-radius:6px}
.form-group input:read-only{background:#f3f4f6;cursor:default}
.form-group input:focus,textarea:focus{border-color:var(--pri);outline:none}
input:read-only:focus{border:0;outline:none}
textarea{width:100%;padding:16px;border:1px solid var(--bdr);border-radius:6px}
.form-btn{margin:0;padding:8px 16px;background:#a5b4fc;border-radius:6px;cursor:pointer}
a.form-btn,a.form-btn:hover{color:var(--wh)}
label.required::after{content:'*';margin-left:4px;color:#d111b6}
button{display:block;margin:1rem auto;padding:1rem 4rem;background:linear-gradient(128deg,var(--pri),var(--acc));border:0;border-radius:8px;color:var(--wh);font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}
button:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(32,64,226,.25)}

/* ===== DIRECTORY LIST ===== */
.dir-intro{font-size:.92rem;color:var(--t3);line-height:1.7;margin-bottom:1.5rem}
.dir-intro p{margin-bottom:.75rem}.dir-intro p:last-child{margin-bottom:0}
.dir-recent-tip{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem 1rem .35rem .75rem;background:rgba(255,255,255,.7);border:1px solid var(--pri-lt);border-radius:50rem;font-size:.78rem;font-weight:600;color:var(--pri);margin-top:.75rem;transition:all .2s}
.dir-recent-tip:hover{background:#eef2ff;color:var(--pri-dk);transform:translateX(3px);box-shadow:0 2px 8px rgba(32,64,226,.1)}
.dir-recent-tip::before{content:"";display:inline-block;width:6px;height:6px;background:var(--acc);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.3}}
.dir-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin:1.25rem 0 0}
.dir-item{display:flex;align-items:center;justify-content:center;padding:.6rem .75rem;background:#fff;border:1px solid #eef0f5;border-radius:8px;font-variant-numeric:tabular-nums;font-weight:600;font-size:.88rem;color:var(--t2);transition:all .2s}
.dir-item:hover{background:#eef2ff;border-color:#c7d2fe;color:var(--pri);transform:translateY(-2px);box-shadow:0 2px 8px rgba(32,64,226,.08)}

/* Browse grid */
.browse-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;list-style:none;padding:0}
.browse-link{display:flex;align-items:center;gap:.75rem;padding:.55rem .85rem;border-radius:8px;border:1px solid #eef0f5;background:#fff;transition:all .2s;font-weight:500;font-size:.88rem;color:var(--t2);white-space:nowrap}
.browse-link .browse-code{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;padding:.15rem .4rem;border-radius:5px;font-size:.75rem;font-weight:700;letter-spacing:.03em;flex-shrink:0}
.browse-link--state .browse-code{background:var(--pri-bg);color:#3730a3}
.browse-link--area .browse-code{background:#e0f2fe;color:#0369a1}
.dir-page{padding:.5rem 1rem;background:#f8f9ff;border-radius:6px;font-weight:600;font-size:.9rem;transition:background .2s,transform .2s}
.dir-page.active{background:var(--pri);color:#fff}
.dir-page:hover:not(.active):not(.disabled){background:#eef2ff;transform:translateY(-2px)}
.dir-page.disabled{color:var(--mt2);cursor:default}
.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:2rem 0 0}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
.page-grid{grid-template-columns:1fr;margin-top:1.5rem}
.seo-cols,.seo-steps{grid-template-columns:1fr}
.header-logo{width:auto;margin-left:0;margin-bottom:.5rem}
.header-nav{display:none}.header-search{width:auto}
.phone-hero{padding:1rem calc(50vw - 50% + 1rem) 1.25rem}
.phone-hero h1{font-size:1.5rem}
.home-hero{padding:2.5rem calc(50vw - 50% + 1rem) 2rem}
.home-hero h1{font-size:1.8rem}
.trust-line{font-size:.85rem}
.hero-identity{flex-direction:column;gap:.5rem}
.footer-top{flex-direction:column;text-align:center}
.footer-search input{width:160px}
.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}
h2{font-size:1.3rem}.article-card{padding:1.25rem}
.data-panels,.browse-grid,.browse-list{grid-template-columns:1fr}
}
@media(max-width:512px){
header nav{flex-direction:column;gap:.5rem;padding-top:1rem}
.header-search input[type="text"]{width:100%;border:1px solid #d1d5db}
.phone-hero h1{font-size:1.3rem}.home-hero h1{font-size:1.4rem}
.hero-search{flex-direction:column;border-radius:12px}
.hero-search button{border-radius:0 0 12px 12px}
h2{font-size:1.15rem}
.dir-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4rem}
.dir-item,.dir-page{padding:.4rem .8rem;font-size:.85rem}
.dir-recent-tip{font-size:.82rem}
}