/* WiselyCast Signature / premium editorial UI. No illustrative TVs, artificial reviews or neon. */
:root {
 --navy:#192f38;--midnight:#142832;--blue:#4d817b;--blue2:#366b65;
 --sky:#e8f0ed;--aqua:#9dc4b6;--paper:#f7f8f5;--card:#fff;
 --card2:#f0f3ef;--ink:#20333a;--muted:#66767a;--border:#e1e8e4;
 --shadow:0 16px 48px rgba(26,48,51,.075);--radius:13px;
 --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
}
html{scroll-padding-top:95px}
body{background:var(--paper);color:var(--ink);font:400 15px/1.74 var(--font);letter-spacing:-.009em}
h1,h2,h3,h4{letter-spacing:-.047em;line-height:1.17;font-weight:715}
h1{font-size:clamp(2.8rem,4.6vw,4.45rem)}
h2{font-size:clamp(2rem,3vw,2.72rem)}
h3{font-size:1.18rem}
.container{width:min(1160px,calc(100% - 56px))}
.section{padding:85px 0}
.eyebrow{color:#5c877a;letter-spacing:.165em;font-size:10px;font-weight:820}
.kicker{color:#d5b893;background:none;border:0;border-radius:0;font-weight:750;font-size:10px;letter-spacing:.18em;padding:0}
.kicker .dot{display:none}
.btn{border-radius:8px;min-height:45px;padding:12px 18px;font-size:13px;font-weight:720;letter-spacing:-.012em;box-shadow:none;transition:background .18s,border-color .18s,transform .18s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:#1e4545;color:#fff;box-shadow:none}
.btn-primary:hover{background:#163b3a;box-shadow:none}
.btn-outline{background:#fff;color:#254b47;border:1px solid #cdded6}
.btn-white{background:#eaece6;color:#22413e;border:1px solid #eaece6}
.btn-dark,.btn-whatsapp{background:#1d5149;color:white}
.btn svg{height:16px;width:16px}
.nav-utility{background:#edf1ed;border-bottom:1px solid #e3e9e4;color:#55635f;font-weight:590;letter-spacing:.008em}
.nav-utility .container{padding-block:8px}
.nav-utility a{color:#426e63;font-weight:720}
.utility-left .aqua-dot{width:5px;height:5px;background:#c4a878}
.main-header{background:rgba(255,255,255,.977);box-shadow:0 1px 0 #e3e9e4;backdrop-filter:blur(12px)}
.main-header .container{height:76px;gap:17px}
.brand{gap:10px;min-width:190px}
.brand-mark,.brand-mark img{height:39px;width:39px}
.brand-mark{background:transparent;border-radius:8px;box-shadow:none}
.brand-title{color:#1c353a;font-size:19px;font-weight:830;letter-spacing:-.06em}
.brand-title b{color:#6d8a79}
.brand-sub{color:#80918b;font-size:8.6px;letter-spacing:.12em;font-weight:640;margin-top:4px}
.nav-desktop{gap:clamp(8px,1.4vw,19px)}
.nav-desktop a{color:#576b69;font-size:12px;font-weight:650}
.nav-desktop a:hover{color:#347a70}
.nav-actions{gap:8px}
.theme-toggle,.menu-toggle{border-color:#e4e9e4;color:#294744;background:#f6f8f5;border-radius:8px;width:39px;height:39px;box-shadow:none}
.hero{background:#1c323b;color:#f8f8f5;padding:96px 0 95px;isolation:isolate;overflow:hidden}
.hero:before{position:absolute;content:'';pointer-events:none;right:-22%;top:-67%;width:71%;aspect-ratio:1;border:1px solid rgba(221,237,224,.075);border-radius:50%}
.hero:after{position:absolute;content:'';pointer-events:none;right:-14%;top:-37%;width:53%;aspect-ratio:1;border:1px solid rgba(221,237,224,.07);border-radius:50%;background:none;mask-image:none;opacity:1}
.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(335px,.84fr);gap:clamp(38px,5vw,79px);align-items:center}
.hero h1{color:#f7f9f6;font-weight:710;font-size:clamp(3.05rem,4.7vw,4.52rem);line-height:1.1;letter-spacing:-.063em;max-width:655px;margin:24px 0 23px}
.hero h1 .glow{color:#d4be98;background:none;background-clip:initial;-webkit-background-clip:initial}
.hero-copy{color:#ccd9d7;font-size:16px;line-height:1.84;max-width:570px}
.hero-actions{gap:11px;margin:30px 0 28px}
.hero .btn-primary{background:#e3c9a6;color:#20363c}
.hero .btn-primary:hover{background:#f0dac0}
.hero .btn-ghost{background:transparent;color:#f5fbf9;border:1px solid rgba(235,249,240,.36)}
.hero-chips{gap:12px 18px}
.hero-chips span{color:#d3e0dd;font-size:11px;font-weight:570}
.hero-chips .icon{color:#d3bd9c;width:16px;height:16px}
.hero-art{padding:0;max-width:455px;width:100%;margin-left:auto;border:0;border-radius:13px;background:#fbfbf8;box-shadow:0 34px 70px rgba(5,18,23,.20);color:#243c39;overflow:hidden}
.premium-offer-heading{min-height:55px;padding:17px 30px;background:#f0f3ef;border-bottom:1px solid #e3e9e3;display:flex;gap:14px;color:#77847b;font-size:10px;font-weight:750;letter-spacing:.13em}
.premium-offer-monogram{color:#527f76;font-weight:850;letter-spacing:.09em}
.hero-offer{padding:28px 30px 25px;background:transparent;color:#29413e;margin:0;position:static;border-radius:0;box-shadow:none;width:100%}
.hero-offer .tag{font-size:10px;color:#4e8475;letter-spacing:.1em;font-weight:800}
.offer-index{font-size:10px;color:#9ba99f;letter-spacing:.06em}
.offer-title{font-size:21px;font-weight:740;letter-spacing:-.045em;max-width:295px;line-height:1.29;margin:18px 0 15px;color:#223c3a}
.offer-summary{font-size:12px;color:#7a8980;margin:0 0 5px}
.hero-offer .offer-price{font-weight:760;color:#1e3f3c;font-size:clamp(2.8rem,4.35vw,3.7rem);letter-spacing:-.075em;line-height:1.12}
.hero-offer .mini{color:#73887e;font-size:11px}
.offer-divider{background:#e1e9e2;margin:21px 0 12px}
.offer-benefits{display:grid;gap:0;margin:0 0 22px;padding:0;list-style:none}
.offer-benefits li{color:#566f64;border-bottom:1px solid #edf0ed;padding:9px 0;font-size:12px;line-height:1.55;display:flex;gap:11px}
.offer-benefits li:last-child{border:0}
.offer-tick{color:#5e9a8b}
.hero-offer .btn{background:#244f49;color:white;min-height:47px}
.hero-offer .btn:hover{background:#173d38}
.hero-offer .btn .wh-icon{filter:brightness(0) invert(1);width:19px;height:19px}
.offer-note{font-size:10px;color:#84958b;margin:12px 0 0;line-height:1.6}
.offer-footnote{color:#789086;padding:10px 20px 14px;font-size:10px;gap:10px}
.trust-bar{background:#fbfcfa;border-color:#e3ebe6}
.trust-item{color:#587067;border-color:#e4eae5;font-size:12px;padding:18px 8px;font-weight:650}
.trust-item .icon{color:#5a8b7a;width:18px;height:18px}
.feature-grid{gap:15px}
.feature-card{padding:27px 24px;background:#fff;border:1px solid #e3eae4;border-radius:12px;box-shadow:none}
.feature-card h3{font-size:17px;letter-spacing:-.03em}
.feature-card p{font-size:13px;line-height:1.8;color:#738078}
.feature-icon{width:39px;height:39px;background:#ecf3ee;color:#4c8677;border:1px solid #dfebdf;border-radius:8px;margin-bottom:20px}
.feature-icon svg{width:19px;height:19px}
.plans-zone{background:#edf1ed;border-top:1px solid #e2e9e1;border-bottom:1px solid #e2e9e1}
.selector-wrap{background:#fff;border:1px solid #dce6df;border-radius:12px;padding:21px 24px;box-shadow:none}
.selector-title{color:#586c63;letter-spacing:.1em;font-size:11px;font-weight:750}
.option-btn{background:#f3f7f3!important;color:#4d655b!important;border:1px solid #e0e9e0!important;border-radius:8px!important;font-weight:690!important;box-shadow:none!important}
.option-btn[aria-pressed=true]{background:#1f5050!important;color:#fff!important;border-color:#1f5050!important}
.plan-grid{gap:14px;margin-top:23px}
.plan-card{background:#fff;border:1px solid #dce6df;border-radius:13px;padding:29px 27px;box-shadow:none}
.plan-card.featured{background:#1b3c3e;border-color:#1b3c3e;color:#fff;box-shadow:0 17px 34px rgba(16,51,45,.12)}
.plan-ribbon{position:static;display:inline-flex;background:#e9d2af;color:#224741;border-radius:5px;padding:7px 10px;font-size:9px;letter-spacing:.11em;font-weight:850;margin-bottom:16px}
.plan-label{color:#5c897c;font-size:10px;letter-spacing:.13em;font-weight:800}
.featured .plan-label{color:#d8c39d}
.plan-term{font-size:19px;font-weight:730;letter-spacing:-.04em;margin:12px 0 20px}
.plan-price{font-size:43px;letter-spacing:-.07em;color:#1a3a38;font-weight:780}
.featured .plan-price{color:#fff}
.plan-monthly{color:#768a7f;line-height:1.6}
.featured .plan-monthly{color:#c3d6d0}
.plan-rule{background:#e0e9e0}
.featured .plan-rule{background:#3b6060}
.plan-list{gap:15px;font-size:12px;font-weight:555}
.plan-list li .icon,.featured .plan-list li .icon{color:#65a492}
.plan-foot .btn{background:#eef5f1;color:#275c51;border:1px solid #cee0d6;font-weight:750}
.featured .plan-foot .btn{background:#e5d4b8;color:#203a37;border:1px solid #e5d4b8}
.featured .plan-foot .btn:hover{background:#f1dfc2}
.featured .plan-foot small{color:#c5d6ce}
.plan-note{color:#72847a;font-size:12px}
.price-compare>div{background:#fff;border-color:#dfe7e0;border-radius:12px;padding:27px}
.price-compare p{color:#72887d}
.comparison th{background:#e8f0e9;color:#2b544a}
.comparison td,.comparison th{border-color:#e2eae3}
.region-card,.guide-card{background:#fff;border:1px solid #e1e9e3;border-radius:12px;box-shadow:none}
.region-card:hover,.guide-card:hover{box-shadow:0 12px 31px rgba(26,63,52,.07);transform:translateY(-2px)}
.region-card h3,.guide-card h3{font-weight:735}
.region-card p,.guide-card p{color:#70827a}
.region-card .arrow,.guide-card .arrow{color:#498576}
.guide-section{background:#f7f8f5}
#guide-search{border:1px solid #d8e4dd;border-radius:9px;background:#fff}
.article-hero{background:#1c323b;color:#fff}
.article-hero h1{font-weight:720;font-size:clamp(2.5rem,4vw,4rem);letter-spacing:-.055em}
.article-lead{color:#d8e6de;line-height:1.82}
.article-body{background:#fff;border:1px solid #e4eae4;border-radius:12px;box-shadow:none}
.article-body p,.article-body li{line-height:1.86}
.article-body h2{font-size:clamp(1.62rem,2vw,2rem);letter-spacing:-.037em}
.article-body a:not(.btn){color:#287a6a}
.article-body .editor-note{background:#eef5f0;border-left:3px solid #78a78e;color:#526d60}
.article-toc,.more-articles a{background:#f4f7f3;border:1px solid #e2eae2;border-radius:9px}
.sidebar-card{background:#fff;border:1px solid #e2e9e1;border-radius:12px;box-shadow:none}
.sidebar-price{color:#24534a}
.site-footer{background:#172b33;color:#d4e4dc}
.site-footer h3{color:#e8f1e9}
.site-footer a:hover{color:#e3d0ae}
.footer-bottom{border-color:#38514e}
.privacy-banner{background:#213a40;color:#f5faf6;border-radius:12px;box-shadow:0 14px 38px #16292c35}
.sticky-order,.mobile-order{background:#203f42}
.mobile-order .btn{background:#e7d1ae;color:#223c38}
/* Original compatibility worksheet, presented as a quiet professional tool. */
.wisely-device-section{background:#fff;border-top:1px solid #e7eee8;border-bottom:1px solid #e7eee8}
.readiness-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:18px;align-items:stretch}
.readiness-select,.readiness-result{background:#f6f8f5;border:1px solid #e1eae2;border-radius:12px;padding:31px}
.readiness-select label,.contact-form label{display:block;margin-bottom:8px;color:#374e48;font-size:12px;font-weight:750}
.readiness-select select,.contact-form select,.contact-form textarea{width:100%;min-height:46px;background:#fff;border:1px solid #ceded4;border-radius:8px;padding:10px 12px;color:#2b453d;font-size:14px}
.readiness-select p,.readiness-result p{margin:16px 0 20px;color:#6a8177;font-size:13px;line-height:1.8}
.readiness-result{background:#1c363a;border-color:#1c363a;color:#fff}
.readiness-result h3{font-size:25px;color:#fff;margin:12px 0 14px}
.readiness-result p{color:#c6ddd6;font-size:15px}
.readiness-pills{display:flex;gap:9px;flex-wrap:wrap}
.readiness-pills span{color:#dcebe4;font-size:11px;border:1px solid #58736d;border-radius:6px;padding:6px 9px}
.contact-form{background:#f5f8f4;border:1px solid #e1e9e2;padding:26px;border-radius:12px;margin:19px 0 27px}
.contact-form label{margin:14px 0 7px}
.contact-form label:first-child{margin-top:0}
.contact-action{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.contact-action .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.contact-action .wh-icon{filter:brightness(0) invert(1)}
.contact-form .contact-note{font-size:11px;color:#788a80;margin-top:16px}
.article-opening{font-size:16px!important;font-weight:580;color:#3f5850!important}
html[data-theme=dark]{--paper:#111f25;--card:#1b2e35;--card2:#24393a;--ink:#f1f5f1;--muted:#b9cac1;--border:#36514b}
html[data-theme=dark] .nav-utility{background:#172a30;border-color:#304b43;color:#c7dad2}
html[data-theme=dark] .nav-utility a{color:#d2e3da}
html[data-theme=dark] .main-header{background:rgba(23,40,47,.975);box-shadow:0 1px 0 #38554e}
html[data-theme=dark] .brand-title{color:#fff}
html[data-theme=dark] .brand-title b{color:#9cc6ad}
html[data-theme=dark] .brand-sub,html[data-theme=dark] .nav-desktop a{color:#b9d0c8}
html[data-theme=dark] .theme-toggle,html[data-theme=dark] .menu-toggle{background:#263c3e;border-color:#426056;color:#f0f7f1}
html[data-theme=dark] .trust-bar{background:#1b2f34;border-color:#3b544c}
html[data-theme=dark] .trust-item{color:#c9ded1;border-color:#3b544c}
html[data-theme=dark] .feature-card,html[data-theme=dark] .region-card,html[data-theme=dark] .guide-card,html[data-theme=dark] .sidebar-card{background:var(--card);border-color:var(--border)}
html[data-theme=dark] .plans-zone{background:#14282d;border-color:#3a5650}
html[data-theme=dark] .selector-wrap,html[data-theme=dark] .price-compare>div{background:#20353a;border-color:#395951}
html[data-theme=dark] .option-btn{background:#29423e!important;color:#e1eee8!important;border-color:#4a645b!important}
html[data-theme=dark] .option-btn[aria-pressed=true]{background:#6b9e8c!important;border-color:#6b9e8c!important;color:#142d2b!important}
html[data-theme=dark] .plan-card{background:#1e343a;border-color:#3d5550;color:#fff}
html[data-theme=dark] .plan-card.featured{background:#244a47;border-color:#629181}
html[data-theme=dark] .plan-price{color:#fff}
html[data-theme=dark] .plan-label{color:#b3d4c1}
html[data-theme=dark] .plan-monthly{color:#c0d4cb}
html[data-theme=dark] .plan-foot .btn{background:#31554f;color:#e7f3e8;border-color:#4f8273}
html[data-theme=dark] .featured .plan-foot .btn{background:#e8d2af;color:#263e36;border-color:#e8d2af}
html[data-theme=dark] .comparison th{background:#29423e;color:#e8f5e9}
html[data-theme=dark] .price-compare p{color:#c4d6ce}
html[data-theme=dark] .article-body{background:#20343a;border-color:#3c5550}
html[data-theme=dark] .article-body p,html[data-theme=dark] .article-body li{color:#d4e3d8}
html[data-theme=dark] .article-body a:not(.btn){color:#b2dcc4}
html[data-theme=dark] .article-toc,html[data-theme=dark] .more-articles a{background:#2a4142;border-color:#47645a}
html[data-theme=dark] .article-body .editor-note{background:#2d4843;color:#dbe8d8}
html[data-theme=dark] .readiness-select,html[data-theme=dark] .wisely-device-section{background:#162931;border-color:#36534b}
html[data-theme=dark] .readiness-result{background:#203e3e;border-color:#496d62}
html[data-theme=dark] .readiness-select select,html[data-theme=dark] .contact-form select,html[data-theme=dark] .contact-form textarea{background:#203a3b;color:#f4f8f4;border-color:#4b6c62}
html[data-theme=dark] .contact-form{background:#233e3e;border-color:#426358}
html[data-theme=dark] .contact-form label,html[data-theme=dark] .readiness-select label{color:#e6f1e6}
html[data-theme=dark] .article-opening{color:#f2f7f0!important}
html[data-theme=dark] .btn-outline{background:#25413d;border-color:#507267;color:#f2f8ef}
@media(max-width:1050px){.nav-desktop{gap:10px}.brand{min-width:170px}}
@media(max-width:760px){.container{width:min(100% - 32px,540px)}.hero{padding:61px 0 67px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-art{max-width:510px;margin-inline:auto}.readiness-grid{grid-template-columns:1fr}.section{padding:68px 0}.hero h1{font-size:clamp(2.62rem,10vw,4rem)}.hero-offer{padding:27px 24px}.premium-offer-heading{padding:14px 24px}}
@media(max-width:440px){.container{width:calc(100% - 30px)}.hero h1{font-size:clamp(2.35rem,10vw,3.06rem)}.hero-art{padding:0;border-radius:12px}.hero-offer .offer-price{font-size:42px}.hero-offer{padding:25px 22px}.premium-offer-heading{padding:14px 22px}.hero-actions .btn{width:100%}.readiness-select,.readiness-result{padding:24px}.contact-form{padding:20px}.contact-action .btn{width:100%}}
@media(max-width:355px){.premium-offer-heading{font-size:9px;gap:7px}.offer-topline{gap:4px}.hero h1{font-size:2.31rem}.brand-sub{font-size:7px}}
/* Final accessibility and mobile purchase-bar refinements. */
.privacy-banner p{color:#dce9e3!important;opacity:1;font-size:12px;line-height:1.67}
.privacy-banner b{color:#fff;font-size:14px}
.privacy-banner .btn-outline{background:#fbfcfa;color:#1e4541;border-color:#e8f0e8}
.privacy-banner .btn-primary{background:#386d60;color:#fff}
html[data-theme=dark] .privacy-banner p{color:#e0eee4!important}
.mobile-order span{font-size:11px;letter-spacing:-.01em}

.wc-footer-policies{display:flex;justify-content:center;align-items:center;gap:12px 28px;flex-wrap:wrap;border-top:1px solid rgba(180,192,188,.26);margin-top:24px;padding:21px 0 17px}.wc-footer-policies a{font-size:13px!important;color:inherit;opacity:.9}.wc-footer-policies a:hover{color:#ddc69d;opacity:1}

.site-footer .footer-bottom{justify-content:center;text-align:center}.site-footer .footer-bottom span{font-size:18px;font-weight:760;letter-spacing:-.022em;color:#d7c49d}
