/*
Theme Name: HeatMe Pro Austria
Theme URI: https://heatmepro.at/
Author: OpenAI
Description: Responsive WordPress-Theme in österreichischem Deutsch für HeatMe Pro.
Version: 1.0.8
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: heatmepro-at
*/
:root{--ink:#25282b;--muted:#62676b;--line:#e1e4e6;--soft:#f1f2f2;--dark:#25282b;--accent:#c69d45;--white:#fff;--max:1180px;--radius:14px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;background:#fff;font-size:16px}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
img{max-width:100%;height:auto;display:block}
button,a,input,summary{ -webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #d69b2d;outline-offset:3px}
.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.narrow{max-width:850px}
.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#111;padding:12px;z-index:1000}
.skip-link:focus{left:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-weight:900;font-size:27px;letter-spacing:-.8px;line-height:1.05;display:inline-flex;flex-direction:column}
.brand span{color:var(--accent);display:inline}
.brand small{font-size:9px;letter-spacing:2px;color:#6b7074;margin-top:5px}
.main-nav ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0;font-size:14px;font-weight:700}
.main-nav a{display:block;padding:12px 0}
.main-nav a:hover{color:#9c762b}
.menu-toggle{display:none;background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:8px;font-size:23px;color:var(--ink);cursor:pointer;min-width:46px;min-height:44px}
.hero{background:linear-gradient(120deg,#f4f4f3 0%,#e4e6e7 100%);padding:56px 0}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:12px;font-weight:800;color:#777}
.hero h1{font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-1.7px;margin:14px 0 20px}
.hero p{font-size:19px;color:#555d62;max-width:560px}
.hero-media{display:flex;justify-content:center;align-items:center;min-width:0}
.hero-media img{width:100%;max-height:570px;object-fit:contain;mix-blend-mode:multiply}
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:#292c2f;color:#fff;border:0;border-radius:6px;padding:14px 25px;font-weight:800;letter-spacing:.2px;min-height:52px;cursor:pointer;transition:background .2s,transform .2s}
.btn:hover{background:#45494c;color:#fff;text-decoration:none;transform:translateY(-1px)}
.btn-gold{background:var(--accent);color:#191919}
.btn-gold:hover{background:#d7b25f;color:#191919}
.btn-disabled{opacity:.62;cursor:not-allowed;transform:none!important;box-shadow:none}
.trust{background:#282b2e;color:#fff;padding:21px 0}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.trust-item{display:flex;align-items:center;gap:14px;font-weight:700;font-size:14px}
.trust-icon{width:43px;height:43px;border:1px solid #bda05e;border-radius:50%;display:grid;place-items:center;color:#e0c27b;font-size:16px;font-weight:800;flex:none}
.section{padding:74px 0}
.section.soft{background:#f3f4f4}
.section.dark{background:#272a2d;color:#fff}
.section-title{text-align:center;font-size:clamp(28px,3.4vw,40px);line-height:1.2;margin:0 0 14px;letter-spacing:-.6px}
.section-title.left{text-align:left}
.section-lead{text-align:center;color:var(--muted);max-width:790px;margin:0 auto 38px}
.dark .section-lead{color:#d0d2d3}
.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.split-image{width:100%;max-height:520px;object-fit:contain;border-radius:12px;background:#fff}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature{padding:25px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px #17191b08}
.feature .ico{font-size:27px;color:#b58b39}
.feature h3{margin:9px 0 6px;font-size:19px;line-height:1.3}
.feature p{margin:0;color:#62676b}
.dark .feature{color:var(--ink)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{border-top:3px solid var(--accent);padding:22px;background:#fff;border-radius:0 0 10px 10px}
.step b{font-size:32px;color:#b78f42}
.step h3{margin:5px 0}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.gallery img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f5f5f4}
.gallery figcaption{padding:14px 18px;font-weight:700}
.product-gallery img{background:#fff}
.check-list{padding-left:22px}
.check-list li{margin:9px 0}
.safety-grid .feature{border-color:#55595c}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.review-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 5px 20px #17191b08}
.review-card h3{margin:0 0 12px;color:#274b7f;font-size:18px}
.review-card p{margin:0;color:#39434d;line-height:1.65}
.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.price-card{background:#fff;border:1px solid #d9dcde;border-radius:12px;text-align:center;padding:24px 15px;box-shadow:0 7px 22px #1111;min-width:0}
.package-tag{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:#292c2f;color:#e8c16b;font-weight:900;font-size:20px}
.price-card h3{font-size:22px;margin:0 0 4px}
.package-description{margin:0;color:#707579}
.package-total{font-size:27px;font-weight:900;margin:12px 0 0}
.package-per{margin:2px 0;color:#60666b;font-size:14px}
.package-saving{font-weight:800;color:#44723e;margin:8px 0}
.price-empty{min-height:28px;color:#777;margin:13px 0}
.btn-package{width:100%;padding:12px 8px;font-size:13px}
.guarantee-grid{display:grid;grid-template-columns:170px 1fr;gap:35px;align-items:center;max-width:900px;margin:auto}
.guarantee-grid img{width:160px;max-height:160px;object-fit:contain}
.faq{max-width:850px;margin:auto}
.faq details{border-bottom:1px solid var(--line);padding:17px 0}
.faq summary{font-weight:800;cursor:pointer;min-height:34px}
.faq p{color:#60666b;margin-bottom:0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.contact-card{background:#f5f6f6;border:1px solid var(--line);border-radius:12px;padding:26px}
.contact-card a{text-decoration:underline;text-underline-offset:3px}
.map{min-height:320px;border:0;width:100%;height:100%;border-radius:12px;background:#eee}
.final-cta{text-align:center}
.site-footer{background:#202326;color:#f1f1f1;padding:48px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}
.footer-brand{color:#fff}
.site-footer h3{margin-top:0}
.site-footer a{color:#eee;text-decoration:underline;text-underline-offset:3px}
.footer-links{padding-left:18px}
.footer-links li{margin:7px 0}
.affiliate-note,.footer-small{font-size:13px;color:#c7c9ca}
.footer-bottom{border-top:1px solid #4b4e50;margin-top:28px;padding-top:18px;font-size:13px;color:#c7c9ca;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.sticky-buy{position:fixed;z-index:90;left:50%;transform:translateX(-50%);bottom:16px;display:flex;justify-content:center;max-width:calc(100% - 24px);filter:drop-shadow(0 8px 22px #0003)}
.sticky-buy .btn{white-space:normal}
.page-content{padding:55px 0;min-height:55vh}
.page-content h1{font-size:clamp(30px,4vw,42px)}
.page-content .entry-content{max-width:900px}
@media(max-width:980px){
 .main-nav ul{gap:14px;font-size:13px}
 .hero-grid{gap:24px}
 .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .feature-grid{grid-template-columns:repeat(2,1fr)}
 .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .header-inner{min-height:70px}
 .brand{font-size:23px}
 .menu-toggle{display:block}
 .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 20px 16px;box-shadow:0 12px 20px #0001}
 .main-nav.open{display:block}
 .main-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .main-nav li a{display:block;padding:12px 4px;border-bottom:1px solid #eee;font-size:15px}
 .hero{padding:34px 0 40px}
 .hero-grid{grid-template-columns:1fr;gap:10px}
 .hero h1{font-size:clamp(34px,9vw,44px)}
 .hero p{font-size:17px}
 .hero-media{order:-1}
 .hero-media img{max-height:340px}
 .trust-grid{grid-template-columns:1fr;gap:13px}
 .section{padding:54px 0}
 .split,.contact-grid,.footer-grid{grid-template-columns:1fr}
 .split{gap:22px}
 .split-image{max-height:360px}
 .feature-grid,.steps{grid-template-columns:1fr}
 .gallery{grid-template-columns:1fr}
 .review-grid{grid-template-columns:1fr}
 .guarantee-grid{grid-template-columns:100px 1fr;gap:18px}
 .guarantee-grid img{width:100px}
 .map{min-height:280px}
 .footer-bottom{display:block}
 .footer-bottom span{display:block;margin:5px 0}
}
@media(max-width:420px){
 .wrap{width:calc(100% - 28px)}
 .price-grid{grid-template-columns:1fr}
 .price-card{padding:20px 16px}
 .sticky-buy{bottom:8px;width:calc(100% - 20px)}
 .sticky-buy .btn{width:100%;font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* v1.0.3 refinements: clean promotional tiles, safety cards and reference-style package selector */
.everyday-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.everyday-gallery figure{border-radius:14px;overflow:hidden;background:#f5f5f4}
.everyday-gallery img{width:100%;aspect-ratio:1250/780;object-fit:cover;background:#f4f2ee}
.everyday-gallery figcaption{padding:13px 18px;font-size:15px}
.safety-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start;margin-bottom:26px}
.safety-heading .section-title{text-align:left;margin:0}
.safety-heading .section-lead{text-align:left;margin:0;max-width:none;color:#d9dcde}
.safety-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.safety-card{display:flex;align-items:center;gap:18px;background:#fff;color:#34383b;border-radius:10px;padding:22px 24px;min-height:112px}
.safety-card p{margin:0;color:#555d62}
.safety-icon{font-size:34px;color:#e58a22;flex:none}
.price-grid{display:flex;flex-direction:column;gap:12px;max-width:920px;margin:0 auto}
.price-card{position:relative;text-align:left;padding:17px 20px 14px;border:1px solid #e3e6e8;border-radius:11px;box-shadow:0 7px 20px #1010100d;background:#fff}
.price-card:first-child{border:1.5px solid #0786c7;background:#f5fcff}
.price-card.recommended{border:1.5px solid #303030}
.package-choice{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:14px}
.package-radio{width:23px;height:23px;border:2px solid #d6dadd;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:900}
.package-radio.selected{background:#087fb9;border-color:#087fb9}
.package-info h3{font-size:19px;margin:0;color:#17191b}
.package-info .discount{margin:0;color:#e73558;font-size:15px;line-height:1.3}
.package-info .discount-empty{color:#777}
.package-price{text-align:right;min-width:125px}
.package-price del{display:block;color:#767676;font-size:14px;text-decoration-color:#e33;text-decoration-thickness:1px}
.package-price strong{display:block;color:#111;font-size:28px;line-height:1.2;font-weight:900}
.package-price span{display:block;color:#62676b;font-size:13px;margin-top:2px}
.price-pending{font-size:20px!important;color:#777!important}
.deal-ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);border-radius:18px;background:#080808;color:#fff;padding:4px 24px;font-size:13px;font-weight:800;white-space:nowrap;min-width:215px;text-align:center}
.shipping-tag{display:table;margin:5px 0 0 auto;background:#087eb8;color:#fff;font-size:10px;font-weight:900;padding:4px 9px;border-radius:3px}
.package-total-note{font-size:12px;color:#72777a;min-height:0;margin:4px 0 0 44px}
.btn-package{display:none}
.sticky-buy{display:none}
@media(max-width:760px){
 .everyday-gallery{grid-template-columns:1fr}
 .safety-heading{grid-template-columns:1fr;gap:12px}
 .safety-heading .section-title{text-align:center}
 .safety-heading .section-lead{text-align:center}
 .safety-grid{grid-template-columns:1fr}
 .price-card{padding:16px 13px 13px}
 .package-choice{grid-template-columns:25px 1fr auto;gap:10px}
 .package-info h3{font-size:17px}
 .package-price{min-width:105px}
 .package-price strong{font-size:24px}
 .package-total-note{margin-left:35px}
}

.package-action{text-align:center;margin:22px auto 0}.package-action .btn{min-width:250px}

.btn-package{display:inline-flex;margin-top:10px;width:100%;font-size:12px;min-height:42px}
.contact-single{grid-template-columns:minmax(0,720px);justify-content:center}

/* v1.0.3: expanded product discovery and Austria contact/location information */
.discover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}
.discover-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:13px;padding:26px 26px 25px 82px;min-height:180px;box-shadow:0 6px 20px #17191b08}
.discover-number{position:absolute;left:24px;top:25px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#292c2f;color:#e5bf6d;font-weight:900}
.discover-card h3{margin:0 0 9px;font-size:20px}
.discover-card p{margin:0;color:#62676b}
.discover-note{margin-top:22px;padding:19px 22px;border-left:4px solid var(--accent);background:#fff;border-radius:6px;color:#4d5357}
.contact-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}
.contact-detail-card{padding:26px;background:#f5f6f6;border:1px solid var(--line);border-radius:12px;min-height:190px}
.contact-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#292c2f;color:#e4bd69;font-size:22px;margin-bottom:13px}
.contact-detail-card h3{margin:0 0 8px;font-size:19px}
.contact-detail-card p{margin:5px 0;color:#5e666b}
.contact-link{text-decoration:underline;text-underline-offset:3px;font-weight:700}
.contact-disclaimer{margin:22px auto 0;max-width:900px;text-align:center;color:#777;font-size:13px}
@media(max-width:760px){.discover-grid,.contact-details-grid{grid-template-columns:1fr}.discover-card{padding:22px 20px 22px 72px;min-height:0}.discover-number{left:18px;top:22px}}

/* v1.0.5 visual refresh — deep navy, blue-grey and clear blue */
:root{
 --ink:#14283f;
 --muted:#5d7085;
 --line:#d9e2eb;
 --soft:#f1f5f9;
 --dark:#0b1f38;
 --accent:#2876bd;
 --blue:#2876bd;
 --blue-deep:#123e68;
 --slate:#536b85;
 --white:#fff;
 --max:1180px;
 --radius:16px
}
body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;color:#14283f;background:#fff;line-height:1.7}
.site-header{background:#0b1f38;color:#fff;border-bottom:1px solid #274563;box-shadow:0 6px 24px #0b1f3818}
.header-inner{min-height:84px}
.brand{color:#fff;font-size:29px;letter-spacing:-1px}
.brand span{color:#65a9e8}
.brand small{color:#b5c7da;letter-spacing:2.5px}
.main-nav ul{gap:clamp(12px,1.6vw,23px);color:#e7eff7;font-size:13px}
.main-nav a{padding:13px 0;position:relative}
.main-nav a:hover{color:#8fc6f5;text-decoration:none}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:2px;background:#58a4e6;transition:right .2s}
.main-nav a:hover:after{right:0}
.menu-toggle{background:#173958;color:#fff;border-color:#476681}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#0b1f38 0%,#183b5c 54%,#dce6ef 54%,#edf2f6 100%);padding:58px 0 62px}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,#2d659833,transparent 38%);pointer-events:none}
.hero-grid{position:relative;grid-template-columns:1.05fr .95fr;gap:52px}
.hero-copy{color:#fff}
.hero .eyebrow{color:#9fc8ec}
.hero h1{font-size:clamp(36px,4.8vw,57px);line-height:1.08;letter-spacing:-1.6px;color:#fff;max-width:650px}
.hero p{color:#d9e6f2;font-size:18px;max-width:600px}
.hero-media{background:#fff;border:1px solid #d7e2ec;border-radius:24px;padding:20px;box-shadow:0 24px 65px #06172b40}
.hero-media img{max-height:510px;mix-blend-mode:multiply}
.hero-points{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}
.hero-points span{font-size:12px;font-weight:750;color:#eaf4fc;border:1px solid #7096b8;border-radius:30px;padding:7px 11px;background:#ffffff0b}
.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}
.hero-secondary{color:#d9e9f8;font-size:13px;font-weight:800;letter-spacing:.4px;text-decoration:underline;text-underline-offset:5px}
.hero-note{display:block;color:#b8cce0;font-size:11px;margin-top:16px;max-width:560px}
.btn{background:#173e64;border-radius:9px;box-shadow:0 8px 20px #0b1f3820;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{background:#245c8e;box-shadow:0 12px 26px #0b1f3830}
.btn-primary,.btn-gold{background:#2876bd;color:#fff}
.btn-primary:hover,.btn-gold:hover{background:#1b5f9f;color:#fff}
.trust{background:linear-gradient(90deg,#0b1f38,#173e64);padding:20px 0;border-top:1px solid #345879;border-bottom:1px solid #345879}
.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.trust-item{font-size:14px;color:#eef6fd;line-height:1.35}
.trust-item>span:last-child{display:flex;flex-direction:column;gap:4px}
.trust-item strong{font-size:14px;color:#fff}
.trust-item small{font-size:12px;color:#c3d5e5;font-weight:500}
.trust-icon{width:46px;height:46px;background:#244d72;border:1px solid #6e9bc2;color:#a9d4f8;font-size:15px}
.section{padding:82px 0}
.section.soft{background:linear-gradient(180deg,#f4f7fa,#edf2f7)}
.section.dark{background:linear-gradient(130deg,#0b1f38,#183b5c);color:#fff}
.section-title{color:#142d49;font-size:clamp(29px,3.2vw,41px);letter-spacing:-.9px;font-weight:800}
.dark .section-title{color:#fff}
.eyebrow{color:#2876bd;letter-spacing:2px}
.section-lead{color:#5d7085;line-height:1.75}
.dark .section-lead{color:#cbd9e7}
.split{gap:58px}
.split-image{border:1px solid #dce5ed;box-shadow:0 18px 45px #102c4814}
.feature-grid{gap:20px}
.feature{border:1px solid #dbe4ed;border-radius:16px;padding:27px;background:linear-gradient(150deg,#fff,#f7fafd);box-shadow:0 10px 28px #1636530b;transition:transform .2s,box-shadow .2s}
.feature:hover,.discover-card:hover,.audience-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px #16365316}
.feature .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e5f1fb;color:#1d67a7;font-size:25px;font-weight:800}
.feature h3{color:#183b5c;font-size:19px}
.feature p{color:#5b6f83;line-height:1.7}
.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.step{border:1px solid #dbe4ed;border-top:4px solid #2876bd;border-radius:14px;padding:25px;background:#fff;box-shadow:0 9px 26px #1636530b}
.step b{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e5f1fb;color:#1d67a7;font-size:22px}
.step h3{color:#183b5c}
.step p{color:#5d7085}
.gallery figure{border:1px solid #d9e3ed;border-radius:16px;box-shadow:0 10px 28px #16365310}
.gallery figcaption{color:#193b5d}
.everyday-gallery img{background:#edf2f7}
.discover-card,.audience-card{background:#fff;border:1px solid #dbe4ed;border-radius:16px;box-shadow:0 8px 25px #1636530a;transition:transform .2s,box-shadow .2s}
.discover-number{background:#e5f1fb;color:#1d67a7}
.discover-card h3,.audience-card h3{color:#183b5c}
.discover-card p,.audience-card p{color:#5d7085;line-height:1.75}
.discover-note{background:#e9f2fa;border-left-color:#2876bd;color:#294a68}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.audience-card{padding:25px}
.safety-card{border:1px solid #dce5ee;box-shadow:0 8px 22px #06172b12}
.safety-icon{color:#2876bd}
.review-card{border:1px solid #dbe4ed;border-radius:16px;box-shadow:0 9px 25px #1636530b}
.review-card h3{color:#1c5f98}
.price-grid{gap:13px}
.price-card{border:1px solid #d7e2ed;border-radius:15px;padding:18px 22px;box-shadow:0 8px 25px #123e6810}
.price-card:first-child{border:1.5px solid #2876bd;background:#f1f8fe}
.price-card.recommended{border:2px solid #2876bd;background:#f8fbff}
.package-radio.selected{background:#2876bd;border-color:#2876bd}
.package-info h3{color:#163653}
.package-info .discount{color:#2373b8}
.package-price strong{color:#102d49}
.deal-ribbon{background:#123e68;color:#fff;letter-spacing:.2px}
.shipping-tag{background:#2876bd}
.package-total-note{color:#61758a}
.btn-package{background:#2876bd;border-radius:8px}
.btn-package:hover{background:#1b5f9f}
.package-action .btn{min-width:270px}
.guarantee-grid{background:#f1f6fa;border:1px solid #dce6ef;border-radius:18px;padding:28px}
.guarantee-grid h2{color:#173e64}
.faq details{border-color:#dbe4ed}
.faq summary{color:#183b5c}
.faq summary::marker{color:#2876bd}
.faq p{color:#5d7085}
.contact-detail-card,.contact-card{background:#f2f6fa;border:1px solid #dbe4ed;border-radius:16px}
.contact-symbol{background:#173e64;color:#9fd0f6}
.contact-link{color:#1b67a5}
.final-cta{background:linear-gradient(120deg,#0b1f38,#1b4c76)!important}
.final-cta .section-title{color:#fff}
.final-cta .section-lead{color:#d4e3f0}
.site-footer{background:#07182b;color:#e8f0f7}
.site-footer a{color:#c5e0f7}
.footer-bottom{border-color:#28435e;color:#b7c8d8}
:focus-visible{outline:3px solid #68b5f2;outline-offset:3px}
@media(max-width:980px){
 .hero{background:linear-gradient(145deg,#0b1f38 0%,#173e64 62%,#e8eef4 62%,#e8eef4 100%)}
 .hero-grid{gap:28px}
 .audience-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .site-header{background:#0b1f38}
 .main-nav{background:#102b48;border-color:#315271}
 .main-nav ul{color:#edf6ff}
 .main-nav li a{border-color:#294763;color:#edf6ff}
 .hero{background:linear-gradient(180deg,#0b1f38 0%,#173e64 62%,#e8eef4 62%,#e8eef4 100%);padding:30px 0 42px}
 .hero-grid{grid-template-columns:1fr;gap:18px}
 .hero-media{order:-1;padding:12px;border-radius:18px}
 .hero-media img{max-height:310px}
 .hero h1{font-size:clamp(34px,9vw,44px)}
 .hero-points{gap:7px}
 .hero-points span{font-size:11px}
 .hero-actions{gap:12px}
 .hero-secondary{color:#e6f2fc}
 .trust-grid{grid-template-columns:1fr;gap:15px}
 .trust-item{align-items:center}
 .section{padding:58px 0}
 .audience-grid{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr}
 .price-card{padding:16px}
 .guarantee-grid{padding:20px}
 .menu-toggle{background:#173e64;border-color:#527b9e}
}
@media(max-width:420px){
 .hero-actions .btn{width:100%}
 .hero-secondary{display:inline-block;margin:0 auto}
 .package-action .btn{width:100%;min-width:0}
}

/* v1.0.6 requested purchase bar and blue visual consistency */
.sticky-buy{bottom:14px;left:50%;width:min(520px,calc(100% - 24px));max-width:520px;filter:drop-shadow(0 10px 24px #07182b55)}
.sticky-buy .btn{width:100%;min-height:54px;border-radius:999px;background:#2876bd;color:#fff;border:1px solid #8fc6f5;font-size:15px;font-weight:850;letter-spacing:.25px;box-shadow:0 7px 22px #0b1f3840}
.sticky-buy .btn:hover{background:#1b5f9f}
.hero .eyebrow{display:inline-flex;align-items:center;background:#124b88;color:#fff;border:1px solid #438bd0;border-radius:999px;padding:8px 16px;font-weight:800;letter-spacing:.3px}
.hero h1{max-width:720px}
@media(max-width:760px){.sticky-buy{bottom:10px;width:calc(100% - 20px)}.sticky-buy .btn{min-height:50px;font-size:14px}}

/* v1.0.7: always-visible sticky scroll-to-package purchase CTA */
.sticky-buy{
 display:block!important;
 position:fixed!important;
 z-index:99999!important;
 left:50%!important;
 right:auto!important;
 bottom:14px!important;
 transform:translateX(-50%)!important;
 width:min(520px,calc(100% - 28px))!important;
 max-width:520px!important;
 margin:0!important;
 padding:0!important;
 visibility:visible!important;
 opacity:1!important;
 pointer-events:auto!important;
 filter:drop-shadow(0 10px 24px #07182b55);
}
.sticky-buy-cta{
 display:flex!important;
 align-items:center;
 justify-content:space-between;
 gap:14px;
 width:100%;
 min-height:62px;
 box-sizing:border-box;
 padding:10px 18px;
 border:1px solid #8fc6f5;
 border-radius:999px;
 background:linear-gradient(100deg,#0b1f38,#2876bd);
 color:#fff!important;
 text-decoration:none!important;
 box-shadow:0 8px 24px #07182b40;
}
.sticky-buy-cta:hover{background:linear-gradient(100deg,#123e68,#1b5f9f);color:#fff!important}
.sticky-buy-label{font-size:12px;font-weight:700;color:#dceeff;line-height:1.2}
.sticky-buy-cta strong{font-size:16px;font-weight:900;letter-spacing:.35px;color:#fff;white-space:nowrap}
.sticky-buy-arrow{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#fff;color:#15558c;font-size:21px;font-weight:900}
body{padding-bottom:92px}
html{scroll-behavior:smooth;scroll-padding-top:100px}
@media(max-width:760px){
 .sticky-buy{bottom:10px!important;width:calc(100% - 20px)!important}
 .sticky-buy-cta{min-height:56px;padding:8px 14px}
 .sticky-buy-label{font-size:11px}
 .sticky-buy-cta strong{font-size:14px}
 body{padding-bottom:82px}
}


/* v1.0.8 MOBILE LAYOUT FIX — keep hero text readable and header clear */
@media (max-width: 760px) {
  .site-header {
    position: relative !important;
    top: auto !important;
    z-index: 1000 !important;
    min-height: 76px;
  }
  .header-inner {
    min-height: 76px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .brand {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    column-gap: 5px !important;
    width: 170px !important;
    max-width: calc(100% - 68px) !important;
    font-size: 23px !important;
    line-height: 1 !important;
    white-space: normal !important;
  }
  .brand span { display: inline !important; }
  .brand small {
    flex: 0 0 100% !important;
    display: block !important;
    margin-top: 3px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
  }
  .menu-toggle {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    margin-left: auto !important;
  }
  .hero {
    background: linear-gradient(145deg, #0b1f38 0%, #123e68 100%) !important;
    padding: 30px 0 34px !important;
    overflow: hidden !important;
  }
  .hero-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px !important;
  }
  .hero-copy {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    color: #ffffff !important;
    min-width: 0 !important;
  }
  .hero .eyebrow {
    display: inline-flex !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
    background: #1b5f9f !important;
    border: 1px solid #6eafe5 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    letter-spacing: .4px !important;
    padding: 7px 11px !important;
    white-space: normal !important;
  }
  .hero h1 {
    color: #ffffff !important;
    font-size: clamp(30px, 8.2vw, 40px) !important;
    line-height: 1.14 !important;
    letter-spacing: -.7px !important;
    margin: 16px 0 15px !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }
  .hero-copy > p:not(.eyebrow) {
    color: #e4eff9 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
  }
  .hero-points {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 16px 0 20px !important;
  }
  .hero-points span {
    color: #ffffff !important;
    background: #173e64 !important;
    border: 1px solid #6b9bc4 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    padding: 7px 10px !important;
  }
  .hero-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin-top: 18px !important;
  }
  .hero-actions .btn {
    display: flex !important;
    width: 100% !important;
    min-height: 54px !important;
    box-sizing: border-box !important;
  }
  .hero-secondary {
    display: block !important;
    text-align: center !important;
    color: #dceeff !important;
    padding: 7px 0 !important;
  }
  .hero-media {
    order: 2 !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 1px solid #d5e2ef !important;
    border-radius: 16px !important;
    padding: 12px !important;
    box-shadow: 0 12px 28px #06172b30 !important;
  }
  .hero-media img {
    display: block !important;
    width: 100% !important;
    max-height: 300px !important;
    height: auto !important;
    object-fit: contain !important;
    mix-blend-mode: normal !important;
  }
  .trust {
    background: #0b1f38 !important;
    padding: 17px 0 !important;
  }
  .trust-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .trust-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #ffffff !important;
    min-width: 0 !important;
  }
  .trust-item strong { color: #ffffff !important; }
  .trust-item small { color: #c8d9e9 !important; }
}
@media (max-width: 420px) {
  .wrap { width: calc(100% - 32px) !important; }
  .hero { padding-top: 24px !important; }
  .hero h1 { font-size: clamp(29px, 8vw, 35px) !important; }
  .hero-media img { max-height: 260px !important; }
}
