:root{--brand:#12324A;--brand-2:#071925;--accent:#16A34A;--accent-dark:#15803D;--ink:#121417;--muted:#56616F;--line:#DDE3EA;--bg:#F6F3EE;--paper:#fff;--soft:#EEF3F6;--success:#177245;--radius:20px;--shadow:0 18px 45px rgba(18,50,74,.10);--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(246,243,238,.96);border-bottom:1px solid rgba(221,227,234,.9);backdrop-filter:blur(14px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{height:48px;width:auto}.nav-links{display:flex;align-items:center;gap:18px;color:#354150;font-size:15px;font-weight:850}.nav-link,.mega-trigger{border:0;background:transparent;font:inherit;color:inherit;padding:12px 0;cursor:pointer}.mega-wrap{position:relative}.mega-trigger::after{content:'▾';font-size:11px;margin-left:6px}.mega-panel{position:absolute;top:100%;left:0;width:min(920px,calc(100vw - 40px));display:none;grid-template-columns:1.1fr 1fr 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.mega-wrap.is-open .mega-panel,.mega-wrap:hover .mega-panel{display:grid}.mega-col h4{margin:0 0 12px;color:var(--brand-2);font-size:14px;text-transform:uppercase;letter-spacing:.08em}.mega-item{display:block;border-radius:16px;padding:14px}.mega-item:hover{background:#F8FAFB}.mega-item b{display:block;color:var(--brand);line-height:1.15}.mega-item span{display:block;color:#64707D;font-size:14px;font-weight:700;margin-top:4px;line-height:1.35}.header-actions{display:flex;gap:10px;align-items:center}.language-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}.lang-btn{border:0;background:transparent;color:var(--brand);font-weight:900;font-size:13px;min-height:34px;padding:0 11px;border-radius:999px;cursor:pointer}.lang-btn.is-active{background:var(--brand);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;font-weight:900;font-size:15px;border:1px solid transparent;white-space:nowrap;cursor:pointer}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 12px 30px rgba(22,163,74,.22)}.btn-primary:hover{background:var(--accent-dark);color:#fff}.btn-secondary{background:#fff;color:var(--brand);border-color:var(--line)}.btn-dark{background:var(--brand);color:#fff}.hero{padding:74px 0 58px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--brand);font-size:14px;font-weight:900;margin-bottom:20px}.dot{width:8px;height:8px;border-radius:999px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.4vw,78px);line-height:.95;letter-spacing:-.07em;color:var(--brand-2);margin-bottom:22px}h2{font-size:clamp(32px,3.2vw,50px);line-height:1.05;letter-spacing:-.045em;color:var(--brand-2);margin-bottom:14px}h3{font-size:22px;letter-spacing:-.025em;color:var(--brand-2);margin-bottom:8px}.lead{font-size:20px;line-height:1.55;color:#3F4B58;max-width:760px;margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.proof-line{display:flex;flex-wrap:wrap;gap:12px;color:#52606F;font-size:15px;font-weight:800}.check{width:19px;height:19px;border-radius:999px;background:#E7F4ED;color:#177245;display:inline-grid;place-items:center;font-size:12px;font-weight:900;margin-right:6px}.hero-mascot,.service-visual{min-height:640px;display:grid;place-items:center;position:relative;overflow:visible;padding-top:10px}.hero-mascot::before,.service-visual::before{content:'';position:absolute;left:8%;right:8%;top:18%;bottom:10%;background:#fff;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow)}.hero-mascot img,.service-visual img{position:relative;z-index:2;max-width:92%;max-height:640px;background:transparent;filter:drop-shadow(0 16px 24px rgba(18,50,74,.16))}.platforms{padding:18px 0;background:#fff;border-block:1px solid var(--line)}.platform-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.pill-list{display:flex;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#FAFBFC;color:var(--brand);font-size:14px;font-weight:900}section{padding:78px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}.section-head p{color:#56616F;max-width:650px;margin-bottom:0}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 10px 26px rgba(18,50,74,.05)}.card p,.card li{color:#5C6672}.card ul{margin:12px 0 0;padding-left:18px}.number{width:42px;height:42px;border-radius:13px;background:var(--soft);color:var(--brand);display:grid;place-items:center;font-weight:950;margin-bottom:16px}.dark{background:var(--brand-2);color:#fff}.dark h2,.dark h3{color:#fff}.dark p,.dark li{color:#D5DEE6}.dark .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;gap:12px}.service-card strong{color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.service-card p{color:#5B6673;margin-bottom:0}.service-card .btn{width:max-content;margin-top:4px}.outcome-banner{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.outcome-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.outcome-list li{background:#FAFBFC;border:1px solid var(--line);border-radius:16px;padding:16px;font-weight:800;color:#3F4B58}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-metrics div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.mini-metrics b{display:block;color:var(--brand);font-size:30px;letter-spacing:-.05em}.mini-metrics span{color:#64707D;font-size:14px;font-weight:800}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.trust-item b{display:block;color:var(--brand-2);font-size:19px;margin-bottom:5px}.trust-item span{color:#64707D;font-weight:750;font-size:14px}.calc-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.calc-title{text-align:center;margin-bottom:24px}.calc-title h3{font-size:28px}.calc-title p{color:#5B6673;font-size:18px;margin:0}.calc-options{display:grid;gap:14px;margin-bottom:16px}.network-options{grid-template-columns:repeat(4,1fr)}.post-options,.video-options{grid-template-columns:repeat(4,1fr)}.calc-option{position:relative;min-height:104px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--brand-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;font-weight:900;cursor:pointer;transition:.15s}.calc-option:hover{transform:translateY(-1px);border-color:rgba(18,50,74,.28)}.calc-option.is-selected{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 12px 26px rgba(18,50,74,.16)}.calc-option.is-disabled{opacity:.28;cursor:not-allowed;border-style:dashed}.option-big,.network-icon{font-size:44px;line-height:1;font-weight:950}.option-label,.network-name{font-size:15px;font-weight:900}.option-check{position:absolute;right:12px;bottom:12px;width:32px;height:32px;border-radius:999px;background:#11C51C;color:#fff;display:none;place-items:center;font-weight:900}.is-selected .option-check{display:grid}.calc-total{margin-top:24px;background:var(--brand-2);color:#fff;border-radius:24px;padding:36px;text-align:center}.calc-total span{display:block;color:#C8D5DE;font-size:22px;font-weight:900}.calc-total strong{display:block;color:var(--accent);font-size:clamp(64px,9vw,112px);letter-spacing:-.06em;line-height:.95}.calc-total em{display:block;font-style:normal;font-size:36px;font-weight:900}.calc-total p{margin:16px auto 0;color:#D7E2EA;max-width:780px;font-size:16px}.calc-note{margin:14px 0 0;color:#64707D;font-size:14px;font-weight:750}.roi-card{overflow:hidden}.roi-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:stretch}.roi-controls{display:grid;gap:14px}.roi-field{display:grid;gap:10px;background:#FAFBFC;border:1px solid var(--line);border-radius:18px;padding:18px}.roi-field span{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--brand-2);font-weight:900}.roi-field b{color:var(--brand);white-space:nowrap}.roi-field input[type=range]{width:100%;accent-color:var(--accent)}.roi-results{display:grid;gap:14px}.roi-main-result{margin-top:0;height:100%;display:grid;align-content:center}.roi-mini-results{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.roi-mini-results div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.roi-mini-results span{display:block;color:#64707D;font-size:14px;font-weight:850;margin-bottom:4px}.roi-mini-results strong{display:block;color:var(--brand);font-size:30px;line-height:1.05;letter-spacing:-.04em}.roi-mini-results-3{grid-template-columns:repeat(3,1fr)}.metrics-section{padding-top:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 26px rgba(18,50,74,.05)}.metric-card h3{margin-bottom:14px}.metric-card ul{margin:0;padding-left:18px;display:grid;gap:9px}.metric-card li{color:#4B5664;font-weight:800}.metric-card:nth-child(1){background:linear-gradient(180deg,#fff,#F8FAFB)}.metric-card:nth-child(2){background:linear-gradient(180deg,#fff,#FFF9EE)}.metric-card:nth-child(3){background:linear-gradient(180deg,#fff,#F8FAFB)}.metric-card:nth-child(4){background:linear-gradient(180deg,#fff,#FFF9EE)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:16px}.plan.featured{border:2px solid var(--brand);box-shadow:var(--shadow)}.tag{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;background:var(--soft);color:var(--brand);font-weight:900;font-size:13px}.tag.accent{background:#DCFCE7;color:#166534}.price strong{display:block;color:var(--brand);font-size:42px;line-height:1;letter-spacing:-.05em}.price span{color:#65717E;font-size:14px;font-weight:800}.faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.faq p{color:#5C6672;margin-bottom:0}.final{background:var(--brand);color:#fff;padding:72px 0}.final-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.final h2{color:#fff}.final p{color:#D7E2EA;margin:0;max-width:780px}.site-footer{background:#071925;color:#C9D4DC;padding:46px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.footer-logo-box{background:#fff;border-radius:18px;padding:12px;width:max-content;margin-bottom:14px}.footer-logo-box img{height:46px}.site-footer h4{color:#fff;margin:0 0 12px}.site-footer a{display:block;color:#C9D4DC;margin-bottom:8px;font-weight:700}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;color:#91A3B0;font-size:14px}.page-hero{padding:74px 0 30px}.page-hero .hero-grid{grid-template-columns:1.08fr .92fr}.service-hero-mascot{min-height:520px;display:grid;place-items:center;position:relative}.service-hero-mascot::before{content:"";position:absolute;inset:7% 6% 5% 6%;background:radial-gradient(circle at 50% 38%,rgba(22,163,74,.18),transparent 56%),linear-gradient(135deg,#fff,rgba(255,255,255,.7));border:1px solid var(--line);border-radius:36px;box-shadow:var(--shadow)}.service-hero-mascot img{position:relative;z-index:1;max-height:560px;filter:drop-shadow(0 22px 36px rgba(18,50,74,.22))}.hero-mini-section{padding:0 0 24px}.service-snapshot-mini{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 24px;box-shadow:var(--shadow)}.service-snapshot-mini h3{margin-bottom:12px}.service-snapshot-mini .snapshot-list{grid-template-columns:repeat(2,1fr);gap:12px 18px}.service-snapshot-mini .snapshot-list li{background:#FAFBFC;border:1px solid var(--line);border-radius:14px;padding:14px;align-items:flex-start}.service-snapshot{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.snapshot-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.snapshot-list li{display:flex;gap:10px;color:#3F4B58;font-weight:800}.two-column-text{columns:2;column-gap:28px;color:#4B5664}.mini-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mini-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.mini-card b{display:block;color:var(--brand);font-size:21px;margin-bottom:5px}.mini-card span{font-size:14px;color:#65717E;font-weight:800}.spend-select{width:100%;min-height:68px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--brand-2);font:inherit;font-size:22px;font-weight:900;padding:0 18px}.center-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quote-block{font-size:28px;line-height:1.2;letter-spacing:-.03em;font-weight:900;color:var(--brand-2);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}
@media(max-width:1020px){.nav-links{display:none}.hero-grid,.outcome-banner,.final-grid,.grid-2,.page-hero .hero-grid,.roi-grid{grid-template-columns:1fr}.service-grid,.grid-3,.grid-4,.plan-grid,.footer-grid,.trust-strip,.metrics-grid{grid-template-columns:1fr 1fr}.network-options,.post-options,.video-options,.mini-card-grid,.service-snapshot-mini .snapshot-list{grid-template-columns:repeat(2,1fr)}.hero-mascot,.service-visual{min-height:520px}.hero-mascot::before,.service-visual::before{left:7%;right:7%;top:18%;bottom:10%}.hero-mascot img,.service-visual img{max-height:520px}.service-hero-mascot{min-height:380px}.service-hero-mascot img{max-height:430px}}
@media(max-width:640px){body{font-size:16px}.container{width:min(100% - 28px,var(--container))}.hero,.page-hero,section{padding:52px 0}h1{font-size:42px}.lead{font-size:18px}.hero-actions,.header-actions{width:100%}.hero-actions .btn,.header-actions .btn{width:100%}.hero-mascot,.service-grid,.grid-3,.grid-4,.plan-grid,.footer-grid,.faq-list,.network-options,.post-options,.video-options,.mini-card-grid,.center-options,.trust-strip,.service-snapshot-mini .snapshot-list,.roi-mini-results{grid-template-columns:1fr}.section-head{display:block}.calc-card,.outcome-banner,.service-snapshot,.service-snapshot-mini{padding:24px}.calc-total strong{font-size:72px}.mega-panel{display:none!important}.two-column-text{columns:1}.final .btn{width:100%}.platform-row{display:block}.pill-list{margin-top:12px}.service-hero-mascot{min-height:320px}.service-hero-mascot img{max-height:360px}.hero-mascot,.service-visual{min-height:360px;padding-top:4px}.hero-mascot::before,.service-visual::before{left:4%;right:4%;top:18%;bottom:8%;border-radius:26px}.hero-mascot img,.service-visual img{max-height:360px}}


/* v13 rebuild */
.value-map{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 26px rgba(18,50,74,.05)}.value-card b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--soft);color:var(--brand);font-size:20px;margin-bottom:18px}.trust-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}.trust-list{display:grid;gap:12px;margin-top:22px}.trust-list span{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;font-weight:850;color:#3F4B58}.proof-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.proof-panel ul{display:grid;gap:12px;margin:0;padding-left:20px;color:#4B5664;font-weight:750}.visual-panel{display:grid;place-items:center;min-height:100%;padding:18px;overflow:hidden}.visual-panel img{display:block;max-width:100%;max-height:520px;background:transparent;filter:drop-shadow(0 14px 24px rgba(18,50,74,.12))}.link-card{text-decoration:none;color:inherit}.service-hero{padding-bottom:28px}.scene-card{display:none}.hero-mini-section{padding:0 0 26px}.service-snapshot-mini{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 24px;box-shadow:var(--shadow)}.service-snapshot-mini h3{margin-bottom:14px}.service-snapshot-mini .snapshot-list{grid-template-columns:repeat(2,1fr);gap:12px 18px}.service-snapshot-mini .snapshot-list li{background:#FAFBFC;border:1px solid var(--line);border-radius:14px;padding:14px;align-items:flex-start}.step-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 26px rgba(18,50,74,.05)}.step-card small{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--soft);color:var(--brand);font-weight:900;margin-bottom:12px}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.example-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 26px rgba(18,50,74,.05)}.example-card span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#DCFCE7;color:#166534;font-weight:900;font-size:13px;margin-bottom:12px}.mock-post,.mock-phone,.mock-ad,.mock-page,.mock-message{margin-top:18px;min-height:130px;border-radius:18px;background:linear-gradient(135deg,#F8FAFB,#EEF3F6);border:1px solid var(--line);display:grid;place-items:center;text-align:center;font-weight:900;color:var(--brand)}.mock-phone{border-radius:28px;max-width:180px;margin-inline:auto;background:var(--brand);color:#fff}.contact-layout{display:grid;grid-template-columns:1fr .85fr;gap:28px;align-items:start}.contact-card,.contact-form,.process-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:7px;color:var(--brand-2);font-weight:900}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font:inherit;background:#FAFBFC}.contact-form textarea{min-height:110px;resize:vertical}.timeline{display:grid;gap:16px}.timeline div{border-left:4px solid var(--accent);padding-left:16px}.timeline b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--brand);color:#fff;margin-bottom:8px}.faq-list-expanded{grid-template-columns:repeat(2,1fr)}.faq small{display:inline-flex;margin-bottom:10px;padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--brand);font-weight:900}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.fit-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.fit-card ul{display:grid;gap:12px;margin:0;padding-left:20px;font-weight:800;color:#3F4B58}.fit-card.good{border-color:rgba(30,122,77,.25)}.fit-card.bad{border-color:rgba(22,163,74,.25)}
@media(max-width:1020px){.value-map,.example-grid{grid-template-columns:repeat(2,1fr)}.trust-layout,.contact-layout,.fit-grid{grid-template-columns:1fr}.service-visual{min-height:380px}.service-visual img{max-height:420px}.faq-list-expanded{grid-template-columns:1fr}.scene-card.left{left:6%}.scene-card.right{right:6%}}
@media(max-width:640px){.value-map,.example-grid,.service-snapshot-mini .snapshot-list{grid-template-columns:1fr}.service-visual{min-height:330px}.service-visual img{max-height:350px}.scene-card{position:relative;inset:auto!important;transform:none!important;margin:8px;max-width:100%}.service-visual{display:flex;flex-direction:column}.service-visual::before{inset:0}.scene-card.top,.scene-card.left,.scene-card.right{left:auto;right:auto;top:auto;bottom:auto}}


/* v22 plan recommender */
.plan-recommender{position:relative;overflow:hidden}
.recommender-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:start}
.recommender-controls{display:grid;gap:18px}
.choice-block{background:#FAFBFC;border:1px solid var(--line);border-radius:18px;padding:18px}
.choice-block h4{margin:0 0 12px;color:var(--brand-2);font-size:17px;letter-spacing:-.02em}
.recommend-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.recommend-options.compact{grid-template-columns:repeat(3,1fr)}
.choice-block.two-up .recommend-options{grid-template-columns:repeat(2,1fr)}
.recommend-options .calc-option{min-height:96px;padding:14px 10px;text-align:center}
.recommend-options .calc-option small{display:block;color:inherit;opacity:.78;font-weight:800;font-size:12px;line-height:1.25;margin-top:2px}
.recommend-result{background:var(--brand-2);color:#fff;border-radius:24px;padding:28px;position:sticky;top:96px;box-shadow:var(--shadow)}
.recommend-result h3{color:#fff;font-size:34px;line-height:1.05;margin:18px 0 8px}
.recommend-result p{color:#D7E2EA;font-weight:750}
.recommend-result ul{display:grid;gap:10px;margin:18px 0 22px;padding-left:20px;color:#D7E2EA;font-weight:750}
.recommend-result .price strong{color:var(--accent);font-size:48px;letter-spacing:-.05em}
.recommend-result .price span{color:#fff;font-weight:850}
.recommend-result .btn-primary{color:#fff}
@media(max-width:1020px){.recommender-grid{grid-template-columns:1fr}.recommend-result{position:static}.recommend-options,.recommend-options.compact,.choice-block.two-up .recommend-options{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.recommend-options,.recommend-options.compact,.choice-block.two-up .recommend-options{grid-template-columns:1fr}.recommend-result h3{font-size:30px}.recommend-result .price strong{font-size:40px}}

/* v23 estimator-only updates */
.service-options{grid-template-columns:repeat(5,1fr)}
.recommend-breakdown{margin-top:18px}
.recommend-breakdown b,.bonus-box b{display:block;color:#fff;margin-bottom:10px;font-size:16px}
.bonus-box{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:18px;padding:18px;margin:18px 0 22px}
.bonus-box ul{margin:0 0 12px;padding-left:20px;color:#D7E2EA}
.bonus-box small{display:block;color:#AFC1D0;font-weight:800;line-height:1.35}
@media(max-width:1180px){.service-options{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.service-options{grid-template-columns:1fr}}


/* v24 final plan estimator */
.plan-estimator-section{padding:78px 0;background:var(--bg);color:var(--ink)}
.estimator-wrap{padding:34px;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)}
.estimator-head{text-align:center;max-width:980px;margin:0 auto 34px}
.estimator-kicker{display:inline-flex;margin-bottom:14px;padding:8px 14px;border-radius:999px;background:#DCFCE7;color:#166534;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.estimator-head h2{margin:0 0 12px;font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.04em;color:var(--brand-2)}
.estimator-head p{margin:0 auto;max-width:860px;color:#485767;font-size:18px;line-height:1.55;font-weight:650}
.estimator-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:start}
.estimator-left{display:grid;gap:20px}
.estimator-box{padding:22px;background:#FBFCFD;border:1px solid var(--line);border-radius:22px}
.estimator-box h3{margin:0 0 14px;font-size:21px;color:var(--brand-2)}
.field-note{margin:-2px 0 16px;color:#485767;font-weight:750;line-height:1.45}
.platform-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ads-grid{grid-template-columns:repeat(4,1fr)}
.platform-card,.choice-card{position:relative;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:18px;transition:.18s ease;overflow:hidden}
.platform-card input,.choice-card input{position:absolute;opacity:0;pointer-events:none}
.platform-card{min-height:92px;padding:16px;display:grid;place-items:center;text-align:center;gap:8px}
.platform-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#EEF3F7;color:var(--brand-2);font-weight:950;font-size:22px;line-height:1}
.linkedin-icon{font-size:18px}.youtube-icon{font-size:20px}.tiktok-icon{font-size:25px}.pinterest-icon{font-family:Georgia,serif;font-style:italic}
.platform-card span:last-child{color:var(--brand-2);font-weight:950}
.choice-card{min-height:104px;padding:18px;display:grid;align-content:center;text-align:center;gap:6px}
.choice-card strong{color:var(--brand-2);font-size:46px;line-height:.9;letter-spacing:-.06em}
.choice-card span{color:var(--brand-2);font-weight:950;line-height:1.15}
.text-card strong{font-size:30px;letter-spacing:-.03em}
.platform-card:hover,.choice-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.platform-card:has(input:checked),.choice-card:has(input:checked){background:var(--brand);border-color:var(--brand);box-shadow:0 14px 28px rgba(18,50,74,.18)}
.platform-card:has(input:checked)::after,.choice-card:has(input:checked)::after{content:"✓";position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#18C642;color:#fff;font-weight:950;font-size:20px}
.platform-card:has(input:checked) .platform-icon{background:rgba(255,255,255,.14);color:#fff}
.platform-card:has(input:checked) span,.choice-card:has(input:checked) strong,.choice-card:has(input:checked) span{color:#fff}
.ad-platforms{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}
.ad-platforms>span{display:block;margin-bottom:10px;color:#485767;font-weight:850}
.mini-pill-row{display:flex;flex-wrap:wrap;gap:8px}
.mini-pill-row span{display:inline-flex;min-height:34px;align-items:center;padding:0 12px;border-radius:999px;background:#DCFCE7;color:#166534;font-size:13px;font-weight:950}
.estimator-result{position:sticky;top:96px;padding:30px;border-radius:26px;background:var(--brand-2);color:#fff;box-shadow:0 22px 55px rgba(7,31,44,.22)}
.result-pill{display:inline-flex;padding:9px 14px;border-radius:999px;background:#DCFCE7;color:#166534;font-size:13px;font-weight:950;margin-bottom:20px}
.estimator-result h3{margin:0 0 10px;color:#fff;font-size:38px;line-height:1;letter-spacing:-.04em}
.price-line{margin-bottom:12px}.price-line span{display:block;color:#fff;font-weight:950}.price-line strong{display:inline-block;color:var(--accent);font-size:56px;line-height:1;letter-spacing:-.06em}.price-line small{display:inline-block;color:#fff;font-size:18px;font-weight:950}
#planDescription{margin:0 0 22px;color:#E8F0F6;font-size:18px;line-height:1.45;font-weight:800}
.why-box,.bonus-plan-box,.breakdown-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;margin-top:18px}
.why-box h4,.bonus-plan-box h4{margin:0 0 12px;color:#fff;font-size:16px}
.why-box ul,.bonus-plan-box ul{margin:0;padding-left:20px;color:#EDF5FB;line-height:1.55;font-weight:800}
.bonus-plan-box p{margin:14px 0 0;color:#C9D7E2;font-size:14px;line-height:1.45;font-weight:750}
.breakdown-box{display:grid;gap:10px}.breakdown-box div{display:flex;justify-content:space-between;gap:14px;color:#D9E5EE;font-weight:850}.breakdown-box strong{color:#fff}
.estimator-cta{width:100%;margin-top:22px;color:#fff!important}
@media(max-width:1020px){.estimator-grid{grid-template-columns:1fr}.estimator-result{position:static}.ads-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.estimator-wrap{padding:22px}.platform-card-grid,.choice-grid,.ads-grid{grid-template-columns:1fr}.price-line strong{font-size:46px}}


/* v29 mobile navigation + mobile rendering */
html, body{max-width:100%;overflow-x:hidden}
.mobile-menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:14px;width:46px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;padding:0;box-shadow:0 8px 18px rgba(18,50,74,.06)}
.mobile-menu-toggle span{display:block;width:20px;height:2px;border-radius:99px;background:var(--brand);transition:.18s ease}
.site-header.mobile-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-header.mobile-open .mobile-menu-toggle span:nth-child(2){opacity:0}
.site-header.mobile-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-panel{display:none;background:rgba(246,243,238,.98);border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(18,50,74,.12)}
.mobile-panel-inner{padding:18px 0 22px;display:grid;gap:16px}
.mobile-menu-section{display:grid;gap:9px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px}
.mobile-menu-label{display:block;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}
.mobile-menu-link,.mobile-service-link{display:block;border:1px solid var(--line);border-radius:15px;background:#FAFBFC;color:var(--brand-2);font-weight:950;padding:13px 14px}
.mobile-menu-link:hover,.mobile-service-link:hover{border-color:var(--accent);background:#F0FDF4}
.mobile-service-link b{display:block;color:var(--brand);line-height:1.15}
.mobile-service-link span{display:block;color:#64707D;font-size:14px;font-weight:750;line-height:1.35;margin-top:3px}
.mobile-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mobile-cta-row .btn{width:100%;min-height:52px}
body.mobile-menu-lock{overflow:hidden}

@media(max-width:1180px){
  .nav{gap:14px}
  .nav-links{gap:12px;font-size:14px}
  .header-actions .btn{padding-inline:15px}
}
@media(max-width:1020px){
  .site-header{position:sticky}
  .nav{min-height:68px;gap:12px}
  .brand img{height:42px}
  .nav-links{display:none!important}
  .header-actions{margin-left:auto;width:auto!important;display:flex!important;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}
  .header-actions>.btn{display:none}
  .header-actions .language-toggle{order:1}
  .mobile-menu-toggle{display:inline-flex;order:2}
  .site-header.mobile-open .mobile-panel{display:block}
  .language-toggle{padding:3px}
  .lang-btn{min-height:34px;padding:0 10px}
  .hero{padding-top:46px}
  .hero-grid,.page-hero .hero-grid{gap:26px}
  .section-head{align-items:flex-start}
  .trust-layout,.value-map{grid-template-columns:1fr}
  .service-grid,.grid-3,.grid-4,.plan-grid,.footer-grid,.trust-strip,.metrics-grid{grid-template-columns:1fr 1fr}
  .estimator-grid,.roi-grid{grid-template-columns:1fr!important}
  .estimator-result{position:static!important;top:auto}
  .platform-card-grid{grid-template-columns:repeat(2,1fr)}
  .choice-grid{grid-template-columns:repeat(3,1fr)}
  .ads-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .container{width:min(100% - 28px,var(--container))}
  .site-header .container.nav{width:min(100% - 22px,var(--container))}
  .nav{min-height:64px}
  .brand img{height:38px;max-width:145px;object-fit:contain}
  .header-actions{gap:6px}
  .language-toggle{gap:2px}
  .lang-btn{font-size:12px;min-height:32px;padding:0 9px}
  .mobile-menu-toggle{width:42px;height:40px;border-radius:13px}
  .mobile-panel-inner{padding:12px 0 18px;gap:12px;max-height:calc(100svh - 64px);overflow:auto}
  .mobile-menu-section{padding:12px;border-radius:18px;gap:8px}
  .mobile-cta-row{grid-template-columns:1fr}
  .hero,.page-hero,section{padding:48px 0}
  h1{font-size:clamp(38px,12vw,50px);line-height:1}
  h2{font-size:clamp(30px,9vw,42px)}
  .lead{font-size:17px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .btn{width:100%}
  .proof-line{display:grid;grid-template-columns:1fr;gap:9px}
  .section-head{display:block;margin-bottom:24px}
  .section-head p{font-size:16px}
  .service-grid,.grid-3,.grid-4,.plan-grid,.footer-grid,.faq-list,.network-options,.post-options,.video-options,.mini-card-grid,.center-options,.trust-strip,.service-snapshot-mini .snapshot-list,.roi-mini-results,.metrics-grid,.value-map{grid-template-columns:1fr!important}
  .grid-2{grid-template-columns:1fr}
  .card,.calc-card,.outcome-banner,.service-snapshot,.service-snapshot-mini,.estimator-wrap,.estimator-box,.estimator-result{border-radius:20px;padding:20px}
  .estimator-head{text-align:left;margin-bottom:22px}
  .estimator-head h2{font-size:34px}
  .estimator-head p{font-size:16px}
  .platform-card-grid,.choice-grid,.ads-grid{grid-template-columns:1fr!important}
  .platform-card,.choice-card{min-height:auto;padding:16px}
  .platform-card{grid-template-columns:auto 1fr;text-align:left;place-items:center start;min-height:72px}
  .platform-card:has(input:checked)::after,.choice-card:has(input:checked)::after{width:28px;height:28px;font-size:16px;right:10px;bottom:10px}
  .choice-card{text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:48px}
  .choice-card strong{font-size:34px}
  .text-card strong{font-size:24px}
  .ad-platforms{padding:14px}
  .price-line strong{font-size:46px}
  .why-box,.bonus-plan-box,.breakdown-box{padding:15px}
  .roi-slider-wrap input[type=range], input[type=range]{width:100%}
  .hero-mascot,.service-visual{min-height:320px}
  .hero-mascot img,.service-visual img{max-height:320px}
}
@media(max-width:390px){
  .brand img{height:34px;max-width:130px}
  .lang-btn{min-height:30px;padding:0 8px}
  .mobile-menu-toggle{width:39px;height:38px}
  .container{width:min(100% - 22px,var(--container))}
}


/* v30 full page nav + mobile menu fix */
@media(max-width:1280px){
  .nav-links{gap:10px}.nav-link{font-size:14px}.header-actions .btn{padding-inline:14px}.language-toggle{flex-shrink:0}
}
@media(max-width:1020px){
  .site-header{z-index:1000}.site-header.mobile-open{box-shadow:0 18px 40px rgba(18,50,74,.16)}
  .mobile-panel{position:fixed;left:0;right:0;top:68px;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background:rgba(246,243,238,.98);z-index:999}
  .mobile-panel-inner{padding:18px 0 28px}
  .mobile-menu-section{gap:10px}.mobile-menu-link,.mobile-service-link{min-height:48px;display:flex;flex-direction:column;justify-content:center}
}
@media(max-width:520px){
  .nav{min-height:64px}.brand img{height:38px}.mobile-panel{top:64px}.language-toggle{transform:scale(.92);transform-origin:right center}.mobile-menu-toggle{width:44px;height:40px}
  .mobile-cta-row{grid-template-columns:1fr}.mobile-panel-inner{gap:12px}
}


/* Video explainer placeholder before estimator */
.estimator-video-section{padding:42px 0 0;background:#f6f1e9}.video-explainer-card{display:grid;grid-template-columns:1fr .95fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--line,#dce3eb);border-radius:30px;padding:28px;box-shadow:0 20px 60px rgba(11,37,55,.08)}.video-copy h2{font-size:clamp(30px,3.4vw,48px);line-height:1;letter-spacing:-.04em;margin:12px 0;color:#071f33}.video-copy p{color:#485767;font-weight:700;line-height:1.55;margin:0 0 18px}.video-points{display:grid;gap:10px;margin:0;padding:0;list-style:none}.video-points li{background:#fbfcfd;border:1px solid var(--line,#dce3eb);border-radius:14px;padding:12px 14px;color:#123a56;font-weight:850}.video-placeholder{position:relative;min-height:330px;border-radius:26px;background:radial-gradient(circle at 75% 25%,rgba(22,163,74,.28),transparent 35%),linear-gradient(135deg,#071f2c,#123a56);display:grid;place-items:center;overflow:hidden;box-shadow:0 22px 55px rgba(7,31,44,.22)}.video-placeholder::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.18);border-radius:22px}.play-button{position:relative;z-index:2;width:86px;height:86px;border-radius:999px;background:#16a34a;color:#fff;display:grid;place-items:center;font-size:34px;font-weight:950;box-shadow:0 14px 30px rgba(22,163,74,.28);padding-left:5px}.video-lines{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;display:grid;gap:5px}.video-lines strong{color:#fff;font-size:22px}.video-lines span{color:#d9e5ee;font-weight:850}@media(max-width:900px){.video-explainer-card{grid-template-columns:1fr}.video-placeholder{min-height:260px}}@media(max-width:640px){.estimator-video-section{padding-top:28px}.video-explainer-card{padding:20px;border-radius:24px}.video-placeholder{min-height:230px;border-radius:22px}.play-button{width:74px;height:74px;font-size:30px}}


/* v34 credibility, proof, legal */
.offer-card{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.offer-card p{color:var(--muted);font-weight:750;max-width:760px}.offer-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.deliverable-grid,.process-grid,.mock-deliverable-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.deliverable-card,.process-grid>div,.mock-deliverable-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 26px rgba(18,50,74,.05)}.deliverable-card b,.process-grid b,.mock-deliverable-card span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#DCFCE7;color:#166534;font-weight:950;margin-bottom:16px}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.fit-card{border-radius:28px;padding:30px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}.fit-card>span{display:inline-flex;padding:8px 12px;border-radius:999px;font-weight:950;font-size:13px;margin-bottom:14px}.good-fit>span{background:#E7F4ED;color:#177245}.bad-fit>span{background:#DCFCE7;color:#166534}.fit-card ul{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.fit-card li{background:#FAFBFC;border:1px solid var(--line);border-radius:14px;padding:13px 15px;font-weight:820;color:#3f4b58}.clarity-card,.bonus-terms-card{display:grid;grid-template-columns:1fr .9fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.clarity-card p,.bonus-terms-card p{color:var(--muted);font-weight:750}.clarity-list{display:grid;gap:12px}.clarity-list span,.bonus-terms-card li{background:#FAFBFC;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-weight:850;color:var(--brand)}.bonus-terms-card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.legal-layout{max-width:900px}.legal-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.legal-card h2{font-size:30px;margin-top:24px}.legal-card h2:first-child{margin-top:0}.legal-card p{color:var(--muted);font-weight:720}.consent-line{display:flex!important;align-items:flex-start;gap:10px;background:#FAFBFC;border:1px solid var(--line);border-radius:14px;padding:13px!important}.consent-line input{width:auto!important;margin-top:5px}.consent-line span{font-size:14px;line-height:1.45;color:#56616F}.contact-facts{display:grid;gap:10px;margin-top:18px}.contact-facts span{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-weight:850;color:var(--brand)}.trust-contact-card{align-self:stretch}.mock-deliverable-grid{grid-template-columns:repeat(3,1fr)}.mock-deliverable-card{position:relative;overflow:hidden}.mock-deliverable-card:after{content:"";position:absolute;right:-28px;bottom:-28px;width:110px;height:110px;background:radial-gradient(circle,rgba(22,163,74,.18),transparent 60%)}
@media(max-width:1020px){.offer-card,.clarity-card,.bonus-terms-card,.fit-grid{grid-template-columns:1fr}.offer-actions{justify-content:flex-start}.deliverable-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.mock-deliverable-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.offer-card,.clarity-card,.bonus-terms-card,.fit-card,.legal-card{padding:22px;border-radius:22px}.deliverable-grid,.process-grid,.mock-deliverable-grid{grid-template-columns:1fr}.free-offer-section,.deliverables-section,.fit-section,.signup-process-section,.proof-deliverable-section,.clarity-section,.bonus-terms-section{padding:52px 0}.legal-card h2{font-size:26px}}


/* Mascot page helpers */
.proof-panel{background:#fbfcfd;border:1px solid #dce3eb;border-radius:22px;}
.mock-deliverable-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.mock-deliverable-card{background:#ffffff;border:1px solid #dce3eb;border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(7,31,44,.06);}
.mock-deliverable-card span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:900;margin-bottom:10px;}
.mock-deliverable-card h3{margin:0 0 10px;color:#071f33;}
.mock-deliverable-card p{margin:0;color:#485767;}
@media (max-width:980px){.mock-deliverable-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:720px){.mock-deliverable-grid{grid-template-columns:1fr;}}


/* Mascot examples cards */
.mascot-examples-section{padding:78px 0;background:#f6f1e9;}
.mascot-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.mascot-example-card{background:#fff;border:1px solid #dce3eb;border-radius:28px;padding:22px;box-shadow:0 18px 45px rgba(7,31,44,.08);overflow:hidden;}
.mascot-example-img{height:420px;display:grid;place-items:end center;background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);border-radius:22px;margin-bottom:18px;overflow:hidden;}
.mascot-example-img img{max-width:118%;max-height:430px;object-fit:contain;filter:drop-shadow(0 18px 25px rgba(7,31,44,.12));}
.mascot-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;color:#fff;font-weight:950;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px;}
.mascot-pill.red{background:#e93834;}.mascot-pill.green{background:#16a34a;}.mascot-pill.dark{background:#3a3f45;}
.mascot-example-card h3{font-size:34px;line-height:1;margin:0 0 12px;color:#071f33;letter-spacing:-.04em;}
.mascot-example-card p{margin:0;color:#485767;font-weight:700;line-height:1.45;}
@media(max-width:980px){.mascot-example-grid{grid-template-columns:1fr;}.mascot-example-img{height:360px;}.mascot-example-img img{max-height:370px;max-width:100%;}}
@media(max-width:640px){.mascot-examples-section{padding:52px 0;}.mascot-example-card{padding:18px;border-radius:24px;}.mascot-example-img{height:300px;}.mascot-example-img img{max-height:310px;}.mascot-example-card h3{font-size:30px;}}


/* v41 fix: mascot examples must stay as cards in live/Hostinger */
.mascot-examples-fixed .mascot-example-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important;}
.mascot-examples-fixed .mascot-example-card{background:#fff!important;border:1px solid #dce3eb!important;border-radius:28px!important;padding:22px!important;box-shadow:0 18px 45px rgba(7,31,44,.08)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
.mascot-examples-fixed .mascot-example-img{height:360px!important;display:grid!important;place-items:end center!important;background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)!important;border-radius:22px!important;margin-bottom:18px!important;overflow:hidden!important;}
.mascot-examples-fixed .mascot-example-img img{display:block!important;width:auto!important;max-width:112%!important;height:auto!important;max-height:360px!important;object-fit:contain!important;}
@media(max-width:980px){.mascot-examples-fixed .mascot-example-grid{grid-template-columns:1fr!important}.mascot-examples-fixed .mascot-example-img{height:320px!important}.mascot-examples-fixed .mascot-example-img img{max-height:320px!important;max-width:100%!important}}
@media(max-width:640px){.mascot-examples-fixed .mascot-example-img{height:260px!important}.mascot-examples-fixed .mascot-example-img img{max-height:260px!important;max-width:105%!important}}


/* v44 trust / outcome section */
.trust-outcome-section{padding:76px 0;background:#fff;}
.trust-outcome-section .eyebrow{margin-bottom:14px;}
.trust-badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 24px;}
.trust-badge-card{background:#071f2c;color:#fff;border-radius:22px;padding:22px;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 36px rgba(7,31,44,.12);}
.trust-badge-card b{display:block;font-size:38px;line-height:1;letter-spacing:-.06em;color:#16a34a;margin-bottom:8px;}
.trust-badge-card span{display:block;font-weight:900;line-height:1.25;color:#eef6fb;}
.outcome-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px;}
.outcome-proof-card{background:#fbfcfd;border:1px solid #dce3eb;border-radius:22px;padding:24px;box-shadow:0 10px 28px rgba(7,31,44,.06);}
.outcome-proof-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#dcfce7;color:#166534;font-weight:950;margin-bottom:15px;}
.outcome-proof-card h3{margin:0 0 10px;color:#071f33;}
.outcome-proof-card p{margin:0;color:#485767;font-weight:700;line-height:1.55;}
.proof-note-card{margin-top:22px;background:#f6f1e9;border:1px solid #dce3eb;border-radius:24px;padding:24px;}
.proof-note-card h3{margin:0 0 16px;color:#071f33;}
.proof-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.proof-note-grid span{background:#fff;border:1px solid #dce3eb;border-radius:999px;padding:12px 15px;color:#071f33;font-weight:900;text-align:center;}
@media(max-width:980px){.trust-badge-grid,.outcome-proof-grid{grid-template-columns:repeat(2,1fr);}.proof-note-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.trust-outcome-section{padding:54px 0;}.trust-badge-grid,.outcome-proof-grid,.proof-note-grid{grid-template-columns:1fr;}.trust-badge-card b{font-size:34px;}}

/* v47 outcome copy */
.outcome-story-card p{font-size:18px;line-height:1.65;color:#485767;font-weight:700;margin:0}.outcome-case-grid .trust-badge-card b{letter-spacing:-.05em}.outcome-case-grid .trust-badge-card span{text-transform:none;letter-spacing:0;font-size:15px}

/* v50 niche targeting */
.niches-section{padding:76px 0;background:#fff}.niche-value-map{grid-template-columns:repeat(4,1fr)}.niche-value-map .value-card b{font-size:14px}@media(max-width:980px){.niche-value-map{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.niche-value-map{grid-template-columns:1fr}.niches-section{padding:54px 0}}


/* v52 organic post proof section */
.organic-proof-section{padding:84px 0;background:linear-gradient(180deg,#fff 0%,#f6f1e9 100%);overflow:hidden;}
.service-proof-section{background:#fff;}
.proof-section-head{align-items:end;}
.organic-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;}
.organic-post-card{background:#fff;border:1px solid #dce3eb;border-radius:26px;box-shadow:0 18px 48px rgba(7,31,44,.10);overflow:hidden;display:flex;flex-direction:column;min-width:0;}
.organic-post-card .post-image-wrap{background:#f8fafc;padding:12px;}
.organic-post-card img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 8px 22px rgba(7,31,44,.08);}
.compact-post-grid .organic-post-card>img{padding:12px;background:#f8fafc;border-radius:26px 26px 0 0;box-shadow:none;}
.post-card-copy{padding:22px;}
.post-card-copy span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;}
.post-card-copy h3{margin:0 0 10px;color:#071f33;font-size:24px;line-height:1.05;letter-spacing:-.04em;}
.post-card-copy p{margin:0;color:#485767;font-weight:750;line-height:1.5;}
.organic-proof-results{margin-top:28px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;background:#071f2c;color:#fff;border-radius:28px;padding:28px;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px rgba(7,31,44,.15);}
.organic-proof-results strong{display:block;font-size:24px;line-height:1.1;letter-spacing:-.03em;margin-bottom:8px;color:#fff;}
.organic-proof-results p{margin:0;color:#dce9f2;font-weight:750;line-height:1.5;max-width:820px;}
.proof-metric-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;max-width:520px;}
.proof-metric-pills span{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:rgba(22,163,74,.18);border:1px solid rgba(129,199,132,.35);color:#d8ffdf;font-weight:950;white-space:nowrap;}
@media(max-width:1040px){.organic-post-grid{grid-template-columns:1fr 1fr}.organic-post-card:nth-child(3){grid-column:1/-1;max-width:520px;justify-self:center}.organic-proof-results{grid-template-columns:1fr}.proof-metric-pills{justify-content:flex-start;max-width:none}}
@media(max-width:720px){.organic-proof-section{padding:54px 0}.organic-post-grid{grid-template-columns:1fr}.organic-post-card:nth-child(3){grid-column:auto;max-width:none}.post-card-copy{padding:18px}.organic-proof-results{padding:22px;border-radius:22px}.proof-metric-pills span{width:100%;justify-content:center}.proof-section-head{align-items:flex-start}}



/* v63 exact uploaded logo display - image file not altered */
.site-header .brand img{height:58px;width:auto;max-width:360px;object-fit:contain;display:block}
.footer-logo-box{background:#fff;border-radius:18px;padding:12px;width:max-content;margin-bottom:14px}
.footer-logo-box img{height:58px;width:auto;max-width:360px;object-fit:contain;display:block}
@media (max-width:760px){.site-header .brand img{height:46px;max-width:260px}.footer-logo-box img{height:46px;max-width:260px}}


/* v64 homepage hero background image */
.hero-landscape{
  position:relative;
  min-height:calc(100vh - 76px);
  display:flex;
  align-items:center;
  padding:92px 0 76px;
  background-image:linear-gradient(90deg,rgba(7,25,37,.82) 0%,rgba(7,25,37,.66) 42%,rgba(7,25,37,.28) 68%,rgba(7,25,37,.14) 100%),url('hero-landscape-backyard.webp');
  background-size:cover;
  background-position:center center;
  overflow:hidden;
}
.hero-landscape::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:32%;
  background:linear-gradient(180deg,transparent,rgba(246,243,238,.82));
  pointer-events:none;
}
.hero-landscape .hero-grid{
  position:relative;
  z-index:1;
  width:100%;
  grid-template-columns:minmax(0,1.08fr) minmax(260px,.48fr);
  gap:24px;
  align-items:end;
}
.hero-landscape h1,
.hero-landscape .lead{
  color:#fff;
  text-shadow:0 3px 24px rgba(0,0,0,.38);
}
.hero-landscape .lead{color:rgba(255,255,255,.90)}
.hero-landscape .eyebrow{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.24);
  color:#fff;
  backdrop-filter:blur(12px);
}
.hero-landscape .proof-line{color:rgba(255,255,255,.90)}
.hero-landscape .check{background:rgba(22,163,74,.24);color:#fff}
.hero-landscape .hero-mascot{
  min-height:0;
  padding:0;
  align-self:end;
  justify-self:end;
  width:100%;
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;
  overflow:visible;
}
.hero-landscape .hero-mascot::before{display:none!important}
.hero-landscape .hero-mascot img{
  max-height:300px;
  max-width:74%;
  width:auto;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.38));
}
@media(max-width:1020px){
  .hero-landscape{min-height:auto;padding:72px 0 60px;background-position:center center}
  .hero-landscape .hero-grid{grid-template-columns:1fr;align-items:start}
  .hero-landscape .hero-mascot{justify-content:flex-start;margin-top:8px}
  .hero-landscape .hero-mascot img{max-height:240px;max-width:260px}
}
@media(max-width:640px){
  .hero-landscape{padding:58px 0 46px;background-position:center center}
  .hero-landscape .hero-mascot img{max-height:190px;max-width:210px}
}

/* v65 hero content uses normal site container width */
.hero-landscape .container.hero-grid{
  width:min(var(--container),calc(100% - 40px));
  margin-inline:auto;
}
.hero-landscape .hero-grid > div:first-child{
  max-width:760px;
}
.hero-landscape .proof-line{
  max-width:760px;
}
@media(max-width:640px){
  .hero-landscape .container.hero-grid{width:min(100% - 28px,var(--container));}
}


/* v66 bigger homepage hero mascot */
.hero-landscape .hero-mascot img{
  max-height:420px;
  max-width:92%;
}
@media(max-width:1020px){
  .hero-landscape .hero-mascot img{max-height:320px;max-width:340px}
}
@media(max-width:640px){
  .hero-landscape .hero-mascot img{max-height:250px;max-width:270px}
}


/* v68 mascot sections: always inside a real card element */
.mascot-page-moment{
  padding:56px 0!important;
  background:transparent!important;
}
.mascot-page-moment .mascot-page-moment-inner{
  width:min(var(--container),calc(100% - 40px))!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)!important;
  align-items:center!important;
  gap:36px!important;
  position:relative!important;
  overflow:hidden!important;
  padding:56px 64px!important;
  min-height:360px!important;
  background:linear-gradient(135deg,#fff 0%,#fbfdfc 58%,#f4faf5 100%)!important;
  border:1px solid rgba(18,50,74,.14)!important;
  border-radius:34px!important;
  box-shadow:0 24px 70px rgba(18,50,74,.10)!important;
}
.mascot-page-moment .mascot-page-moment-inner::before{
  content:""!important;
  position:absolute!important;
  width:330px!important;
  height:330px!important;
  border-radius:999px!important;
  right:-72px!important;
  bottom:-96px!important;
  background:rgba(22,163,74,.12)!important;
  z-index:0!important;
}
.mascot-page-moment .mascot-page-moment-copy,
.mascot-page-moment .mascot-page-moment-art{
  position:relative!important;
  z-index:1!important;
}
.mascot-page-moment .mascot-page-moment-copy{max-width:880px!important;}
.mascot-page-moment .eyebrow{margin-bottom:22px!important;}
.mascot-page-moment h2{
  font-size:clamp(34px,4.1vw,62px)!important;
  line-height:1.04!important;
  letter-spacing:-.055em!important;
  margin-bottom:14px!important;
  color:var(--brand-2)!important;
}
.mascot-page-moment p{
  max-width:860px!important;
  font-size:20px!important;
  line-height:1.55!important;
  font-weight:750!important;
  color:#52606f!important;
  margin:0!important;
}
.mascot-page-moment .mascot-page-moment-art{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-height:260px!important;
}
.mascot-page-moment .mascot-page-moment-art img{
  width:auto!important;
  max-width:100%!important;
  max-height:360px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 28px rgba(18,50,74,.16))!important;
}
@media(max-width:1020px){
  .mascot-page-moment .mascot-page-moment-inner{
    grid-template-columns:1fr!important;
    padding:38px!important;
    gap:22px!important;
  }
  .mascot-page-moment .mascot-page-moment-art{
    justify-content:flex-start!important;
    min-height:0!important;
  }
  .mascot-page-moment .mascot-page-moment-art img{max-height:260px!important;}
}
@media(max-width:640px){
  .mascot-page-moment{padding:34px 0!important;}
  .mascot-page-moment .mascot-page-moment-inner{
    width:min(100% - 28px,var(--container))!important;
    padding:28px 24px!important;
    border-radius:26px!important;
  }
  .mascot-page-moment h2{font-size:32px!important;}
  .mascot-page-moment p{font-size:16px!important;font-weight:700!important;}
  .mascot-page-moment .mascot-page-moment-art img{max-height:220px!important;}
}