/*
Theme Name: The Value Shift eBook
Theme URI: https://www.thevalueshift.eu/
Author: Human Intel OÜ
Description: Landing page and Stripe eBook shop for The Value Shift by Michael Raahauge – companies and private buyers, webhook-driven PDF delivery, invoice emails and a WordPress customer dashboard.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: the-value-shift-ebook
*/

:root{--deep:#073e36;--green:#0a594c;--teal:#279f91;--mint:#e7f4ee;--gold:#f0ba52;--ink:#153b35;--muted:#62756f;--paper:#fffdf8;--border:#dbe7e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 56px));margin:auto}.topbar{background:var(--deep);height:7px}.nav{display:flex;align-items:center;justify-content:space-between;padding:17px 0;gap:16px}.logo{width:205px;height:auto;display:block}.navlinks{display:flex;align-items:center;gap:32px;font-weight:650;font-size:13px;color:#3f6357}.navcta{background:var(--deep);color:white;padding:12px 20px;border-radius:7px}.hero{background:radial-gradient(ellipse at 79% 30%,#ddf5e9 0%,transparent 42%),linear-gradient(145deg,#f8f8f1,#fffdf8 70%);border-top:1px solid #edf0e9;padding:79px 0 88px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:85px;align-items:center}.eyebrow{display:inline-block;background:#e6f2e8;color:#1b6e5d;border-radius:30px;padding:6px 14px;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800}.hero h1{font-family:Georgia,serif;font-size:clamp(45px,4.5vw,70px);line-height:1.09;letter-spacing:-2.2px;font-weight:700;margin:22px 0}.hero h1 em{font-style:normal;color:#17937e}.lede{font-size:19px;color:#526e62;line-height:1.72;max-width:610px;margin:0 0 30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--green);color:white;font-weight:800;border:0;border-radius:7px;padding:17px 27px;cursor:pointer;font-size:15px;box-shadow:0 10px 24px #0f544b24}.button:hover{background:#074338}.button.gold{background:var(--gold);color:#143e35}.button.gold:hover{background:#e6aa37}.button.outline{background:white;border:1px solid #cbdcd5;color:var(--green);box-shadow:none}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.meta{display:flex;gap:24px;color:#60796d;font-size:13px;margin-top:26px;font-weight:600}.meta span:before{content:'✓';color:#15967b;font-weight:900;margin-right:8px}.book-wrap{position:relative;max-width:405px;margin:0 auto}.book{background:#fff;box-shadow:22px 26px 50px #0f413a38,-8px 3px 18px #1c564024;transform:rotate(3deg);border-radius:2px 8px 8px 2px;padding:9px 8px 9px 13px;border-left:8px solid #0c5147;overflow:hidden}.book img{width:100%;height:auto;display:block}.badge{position:absolute;right:-38px;bottom:36px;background:#fff;border:1px solid #d9e8df;border-radius:13px;box-shadow:0 8px 25px #28594a24;padding:13px 20px;font-size:13px;font-weight:800;color:var(--green)}.stats{background:var(--deep);color:#e8f3ed}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);padding:21px 0;gap:32px}.stats-item{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:700}.stats-item b{color:var(--gold);font-size:19px}.section{padding:83px 0}.center{text-align:center}.section h2{font:700 clamp(31px,3vw,43px)/1.18 Georgia,serif;letter-spacing:-.7px;margin:12px 0 13px;color:var(--deep)}.section-sub{color:#648075;max-width:680px;margin:0 auto 36px;font-size:16px}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:36px}.chapter{border:1px solid var(--border);background:#fff;border-radius:12px;padding:27px 26px;min-height:180px;transition:transform .2s}.chapter:hover{transform:translateY(-3px)}.chapter .num{display:block;font-weight:850;color:#159481;font-size:13px;letter-spacing:1.5px}.chapter h3{font-size:19px;color:var(--deep);margin:14px 0 10px}.chapter p{margin:0;color:#667d71;font-size:14px}.feature{background:#eff6f1}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.kicker{font-size:12px;letter-spacing:2px;color:#188774;font-weight:800;text-transform:uppercase}.feature h2{margin:12px 0 20px}.ticks{padding:0;list-style:none;margin:25px 0}.ticks li{padding:8px 0 8px 30px;position:relative;color:#4e695c}.ticks li:before{content:'✓';position:absolute;left:0;color:#0e8d72;font-weight:900}.quote-card{background:#fff;padding:40px;border-radius:14px;box-shadow:0 20px 60px #19463910;border-left:5px solid var(--gold)}.quote-card .big{font:700 30px/1.3 Georgia,serif;color:var(--deep)}.quote-card p{color:#718378}.pricing{background:#fffefa}.pricebox{width:min(615px,100%);margin:30px auto 0;border:1px solid #cfdfd5;border-radius:16px;box-shadow:0 23px 65px #173e3412;overflow:hidden;background:white}.price-head{background:var(--deep);color:white;padding:25px;text-align:center;font-weight:800;letter-spacing:.4px}.price-content{padding:36px 48px 38px}.price{font-size:62px;font-weight:850;line-height:1.1;letter-spacing:-3px;color:var(--deep)}.price small{font-size:16px;letter-spacing:0;font-weight:500;color:#779086}.price-note{color:#6c8177;font-size:14px}.pricebox .button{width:100%;margin-top:15px}.mini{font-size:12px;color:#788b81;text-align:center;margin-top:14px}.disclaimer{font-size:12px;background:#fff6e6;border:1px solid #f1d69d;color:#765827;padding:9px 12px;border-radius:6px;margin:13px auto 0;max-width:620px}.faq{max-width:800px;margin:auto}.faq details{border-bottom:1px solid var(--border);padding:18px 0}.faq summary{cursor:pointer;font-weight:750;color:var(--deep)}.faq details p{color:#61766c}footer{background:#062e2b;color:#c6d8d1;padding:39px 0 24px}.footgrid{display:flex;justify-content:space-between;align-items:center;gap:24px}.footlogo{filter:brightness(0) invert(1);width:170px;opacity:.87}.footerfine{border-top:1px solid #ffffff24;padding-top:17px;margin-top:32px;font-size:12px;color:#a4beb2}.modal{display:none;position:fixed;inset:0;background:#062923b5;z-index:30;align-items:center;justify-content:center;padding:22px}.modal.open{display:flex}.modal-card{position:relative;background:white;padding:34px;border-radius:17px;width:min(465px,100%);box-shadow:0 25px 90px #001a1760;max-height:calc(100vh - 44px);overflow-y:auto}.modal-card select{width:100%;font:inherit}.modal-card label{margin-top:10px}.modal-card h2{font:700 30px Georgia,serif;color:var(--deep);margin:10px 0}.modal-card p{color:#657a70}.modal-card label{font-size:13px;font-weight:800;color:var(--deep);display:block;margin-top:16px}.modal-card input{width:100%;padding:13px;border:1px solid #b9d1c4;border-radius:7px;margin:7px 0 10px;font:inherit}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:26px;cursor:pointer;color:#678077}@media(max-width:850px){.hero-grid,.feature-grid{grid-template-columns:1fr;gap:42px}.hero{padding:60px 0}.book-wrap{max-width:300px}.chapter-grid{grid-template-columns:repeat(2,1fr)}.badge{right:-16px}.navlinks a:not(.navcta){display:none}}@media(max-width:560px){.modal{padding:10px;align-items:flex-start}.modal-card{padding:24px 20px;max-height:calc(100vh - 20px)}.modal-card h2{font-size:25px}.wrap{width:min(100% - 34px,1160px)}.chapter-grid,.stats-row{grid-template-columns:1fr}.stats-row{gap:14px}.hero h1{letter-spacing:-1.2px}.nav .logo{width:150px}.navcta{padding:10px 12px}.price-content{padding:27px}.footgrid{display:block}.meta{flex-wrap:wrap;gap:9px 17px}}

.admin-bar .topbar{margin-top:0}

/* Company identity and support contact */
.footgrid{align-items:flex-start}.footer-brand{max-width:460px}.footer-tagline{font-size:14px;margin:14px 0 0;color:#e1eee9}.footer-contact{font-size:14px;line-height:1.65;min-width:260px}.footer-contact h3{font-size:16px;color:#fff;margin:0 0 12px;font-weight:750}.footer-contact p{margin:0 0 12px}.footer-contact a,.footerfine a{color:#f4cf80;text-decoration:underline;text-underline-offset:3px}.footer-contact a:hover,.footerfine a:hover{color:#fff}@media(max-width:560px){.footer-contact{margin-top:32px}}

/* v1.0.4: footer branding and readable company identity */
footer{background:radial-gradient(ellipse at 80% 10%,#1b675c 0%,transparent 44%),linear-gradient(120deg,#043b35,#063e38 60%,#123d38);padding:57px 0 23px;}
.footgrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.footer-brand{max-width:none;}
.footlogo{width:235px;max-width:100%;height:auto;filter:none;opacity:1;display:block;}
.footer-tagline{color:#f5faf7;font-size:15px;margin-top:16px;}
.footer-contact{border-left:1px solid #ffffff55;padding-left:40px;color:#f4f8f5;}
.footer-contact h3{font-size:14px;text-transform:uppercase;letter-spacing:1.2px;color:#f0ba52;margin-bottom:10px;}
.footer-contact a{color:#f0ba52;text-decoration:none;font-weight:700;}
.footer-contact a:hover{text-decoration:underline;}
@media(max-width:650px){.footgrid{grid-template-columns:1fr;gap:26px}.footer-contact{border-left:0;border-top:1px solid #ffffff55;padding:22px 0 0;min-width:0}}

/* v1.0.5: company websites and LinkedIn footer button */
.footer-websites{display:flex;flex-wrap:wrap;gap:6px 20px;margin:7px 0 16px}.footer-websites a{display:inline-block;color:#f0ba52;text-decoration:none;font-weight:700}.footer-websites a:hover{text-decoration:underline}.footer-contact .footer-linkedin{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border-radius:7px;background:#f0ba52;color:#073e36;font-size:13px;font-weight:800;text-decoration:none;line-height:1.3;transition:background .2s ease,transform .2s ease}.footer-contact .footer-linkedin:hover,.footer-contact .footer-linkedin:focus-visible{background:#fff1cf;color:#073e36;text-decoration:none;transform:translateY(-1px)}.linkedin-symbol{display:inline-flex;align-items:center;justify-content:center;font:bold 15px/1 Arial,sans-serif;background:#073e36;color:white;width:23px;height:23px;border-radius:3px}@media(max-width:560px){.footer-websites{display:flex;flex-direction:column;gap:5px}.footer-linkedin{max-width:100%}}

/* v1.0.6 - rebuilt to match the approved two-column mockup */
:root{--paper:#fffdf9}header{background:#fff}.topbar{display:none}.nav{padding:13px 0}.logo{width:165px}.hero{padding:64px 0 66px;background:radial-gradient(ellipse at 86% 42%,#d6f6e8 0%,transparent 45%),linear-gradient(120deg,#fffdf9,#f8fbf4)}.hero-grid{grid-template-columns:1.05fr .95fr;gap:56px}.hero h1{font-size:clamp(44px,4.7vw,72px);margin:20px 0}.lede{font-size:18px;line-height:1.55}.book-wrap{max-width:330px}.book{transform:rotate(0deg);border-left:9px solid #074c43;padding:0;border-radius:2px 4px 4px 2px}.badge{right:-50px;bottom:95px;background:#fff;padding:16px;border:0}.stats{background:linear-gradient(95deg,#004a42,#076254 52%,#05463e)}.stats-row{padding:25px 0}.stats-item{align-items:flex-start}.stats-item b{font-size:25px;line-height:1}.guide-section{padding:62px 0 68px;background:#fffdf9}.guide-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.86fr);gap:45px;align-items:center}.guide-main h2{font:700 clamp(29px,3.2vw,44px)/1.12 Georgia,serif;margin:15px 0 9px;letter-spacing:-1px}.guide-intro{font-size:16px;line-height:1.53;color:#57746b;margin:0 0 18px}.guide-list{display:grid;gap:5px}.guide-row{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:7px}.guide-icon{background:#e8f4ee;border-radius:14px;min-height:65px;display:grid;place-items:center;font-size:35px;color:#006253}.guide-row>div:last-child{border-radius:13px;background:#f1f6f2;padding:9px 17px;min-height:65px;display:flex;justify-content:center;flex-direction:column}.guide-row b{font-size:14px;color:#123c35}.guide-row span{font-size:12px;color:#637d72}.purchase-card{padding:31px 28px;border-radius:16px;background:white;border:1px solid #eff0ed;box-shadow:0 15px 42px #1c494117}.purchase-card .eyebrow{font-size:11px}.purchase-price{font-size:54px;line-height:1.1;color:#093f36;font-weight:800;letter-spacing:-2px;margin-top:24px}.purchase-price span{font-size:13px;letter-spacing:0;color:#607b70;font-weight:400;margin-left:7px}.purchase-card p{font-size:14px;margin:4px 0 20px}.purchase-button{width:100%;padding:17px 8px}.purchase-card .ticks{margin:20px 0}.purchase-card .ticks li{padding:5px 0 5px 27px;font-size:13px;color:#36574e}.payments{padding-top:12px;border-top:1px solid #ecf2ee;color:#346259;font-weight:800;font-size:15px;letter-spacing:1px}.short-faq{background:#eff7f1;padding:32px 0}.faq-inner{display:flex;gap:20px;align-items:center;justify-content:space-between}.faq-inner h2{font:700 26px Georgia,serif;margin:0 0 6px}.faq-inner p{margin:0;font-size:14px;color:#667e75;max-width:740px}.faq-inner .button{white-space:nowrap}.footgrid{grid-template-columns:.9fr 1.1fr;gap:40px}.footer-contact{font-size:13px}.footer-websites{margin:6px 0 12px}footer{background:linear-gradient(90deg,rgba(1,53,47,.93),rgba(3,63,56,.7)),url('assets/footer-landscape.jpg') center 55% / cover no-repeat;padding:65px 0 22px}.footlogo{width:240px}.footerfine{margin-top:28px}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:36px}.guide-grid{grid-template-columns:1fr;gap:30px}.purchase-card{max-width:530px}.book-wrap{max-width:300px}.badge{right:-25px}.guide-section{padding:48px 0}}
@media(max-width:560px){.hero{padding:46px 0}.guide-row{grid-template-columns:56px 1fr}.guide-icon{font-size:27px}.guide-main h2{font-size:32px}.guide-row>div:last-child{padding:10px}.badge{right:0;bottom:55px}.faq-inner{display:block}.faq-inner .button{margin-top:18px}.navlinks{gap:7px}.navcta{font-size:12px}.footgrid{grid-template-columns:1fr}}

/* v1.0.7: highly visible company website links + social button under Contact */
.footer-links-group{display:block;clear:both;margin-top:16px;padding-top:15px;border-top:1px solid rgba(255,255,255,.25)}
.footer-links-label{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#f0ba52;margin-bottom:9px}
.footer-links-group .footer-websites{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 17px}
.footer-links-group .footer-websites a{display:block;color:#fff;font-size:14px;text-decoration:underline;text-decoration-color:#efba51;text-underline-offset:4px;font-weight:650;overflow-wrap:anywhere}
.footer-links-group .footer-websites a:hover{color:#f0ba52}
.footer-contact .footer-links-group .footer-linkedin{display:inline-flex;gap:11px;align-items:center;background:#f0ba52;color:#073e36;border:2px solid #f0ba52;border-radius:8px;padding:12px 17px;font-size:13px;font-weight:800;text-decoration:none;max-width:100%;box-shadow:0 6px 18px #001a172b}
.footer-contact .footer-links-group .footer-linkedin:hover{background:white;border-color:white;color:#073e36}
@media(max-width:650px){.footer-links-group{margin-top:17px}.footer-contact .footer-links-group .footer-linkedin{font-size:12px;padding:11px}}

/* v1.0.8 accessibility and metadata refinements */
:focus-visible{outline:3px solid #dba532;outline-offset:3px}img{max-width:100%}.footer-websites a{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* v1.0.9 — visual rebuild to match approved preview, desktop + mobile */
:root{--deep:#003e37;--green:#00584d;--teal:#0c9686;--gold:#efb33f;--paper:#fffdfa}
body{color:#133e39;background:#fffdfa;font-family:Arial,'Segoe UI',sans-serif}
.wrap{width:min(1160px,calc(100% - 136px))}
.nav{padding:14px 0}.logo{width:165px}.navlinks{gap:29px}.navcta{padding:14px 19px}
.hero{padding:55px 0 55px;background:radial-gradient(ellipse at 86% 50%,#d2f4e4 0%,transparent 48%),linear-gradient(120deg,#fffdfa,#f7fbf6)}
.hero-grid{grid-template-columns:1.04fr .96fr;gap:56px}.hero h1{font-size:clamp(48px,5.2vw,67px);letter-spacing:-2.4px;line-height:1.09;margin:19px 0 19px}
.lede{font-size:17px;line-height:1.51;max-width:530px;margin-bottom:25px}.hero-actions .button{padding:16px 25px}.meta{margin-top:20px}
.book-wrap{max-width:310px}.book{transform:rotate(0.5deg);border-left:9px solid #054b43;padding:0;overflow:visible;box-shadow:17px 23px 36px #12473e35;background:#fff}
.book:after{content:'';position:absolute;top:5px;bottom:0;right:-10px;width:10px;background:linear-gradient(90deg,#cbd4d1,#fff);transform:skewY(-4deg)}
.book-face{height:400px;display:flex;flex-direction:column;background:#fff;overflow:hidden}.book-top{text-align:center;padding:18px 20px 9px;min-height:141px}.book-logo{display:block;width:195px;height:auto;margin:0 auto 7px}.book-title{font-weight:900;color:#063f37;font-size:12px;letter-spacing:.2px}.book-subtitle{font-size:11px;letter-spacing:.5px;font-weight:900;color:#0a8172}.book-landscape{flex:1;background:linear-gradient(180deg,#ffffff13,#05504610),url('assets/footer-landscape.jpg') center center/cover no-repeat;position:relative}.book-landscape:after{content:'';position:absolute;right:-12px;bottom:-1px;border-style:solid;border-width:0 0 105px 90px;border-color:transparent transparent #05a28e transparent;transform:skew(-15deg)}.book-bottom{background:#004b42;color:#fff;text-align:center;font-size:9px;line-height:1.45;padding:11px 6px 12px}.badge{right:-78px;bottom:172px;border-radius:12px}
.stats{background:#005046}.stats-row{padding:23px 0}.stats-item b{color:var(--gold);font-size:22px}
.guide-section{padding:40px 0 38px}.guide-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.87fr);gap:38px}.guide-main h2{font-size:37px}.guide-intro{font-size:15px}.guide-row{grid-template-columns:69px 1fr;gap:5px}.guide-icon,.guide-row>div:last-child{min-height:61px}.guide-icon{font-size:30px}.guide-row b{font-size:14px}.guide-row span{font-size:12px}.purchase-card{padding:26px 28px}.purchase-price{margin-top:19px}.purchase-card .ticks li{padding:4px 0 4px 27px}
footer{background:linear-gradient(90deg,rgba(0,57,51,.96),rgba(0,60,53,.82) 51%,rgba(2,60,54,.6)),url('assets/footer-landscape.jpg') center center/cover no-repeat;padding:45px 0 18px;color:#fff}
.footgrid{display:grid;grid-template-columns:1.35fr .62fr 1fr;gap:34px;align-items:center}.footer-brand{align-self:center}.footlogo{width:213px}.footer-tagline{font-size:14px;margin-top:11px}.footer-contact{padding-left:30px;border-left:1px solid #ffffff66;font-size:13px;line-height:1.7}.footer-contact h3{color:var(--gold);letter-spacing:.5px;font-size:13px}.footer-contact p{margin:0}.footer-connect{border-left:1px solid #ffffff66;padding-left:28px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:13px;font-weight:700}.footer-connect a{color:white}.footer-connect a.gold-contact{color:var(--gold)}.footer-connect .footer-linkedin{display:inline-flex;align-items:center;gap:8px;margin-top:6px;color:#073e36;background:var(--gold);border:0;padding:10px 12px;border-radius:6px;font-size:11px;text-decoration:none;white-space:nowrap}.footer-connect .linkedin-symbol{width:19px;height:19px;font-size:12px}.footerfine{margin-top:34px}
@media(max-width:1050px){.wrap{width:min(100% - 60px,1160px)}.footgrid{gap:20px}.footer-contact,.footer-connect{padding-left:17px}.badge{right:-30px}}
@media(max-width:790px){.hero-grid,.guide-grid{grid-template-columns:1fr}.hero-grid{gap:38px}.book-wrap{max-width:310px}.footgrid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-contact{border-left:0;padding-left:0}.footer-connect{padding-left:20px}.hero{padding:45px 0}.guide-section{padding:45px 0}}
@media(max-width:560px){.wrap{width:min(100% - 34px,1160px)}.nav .logo{width:137px}.hero h1{font-size:44px;letter-spacing:-1.5px}.book-wrap{max-width:270px}.book-face{height:365px}.book-logo{width:170px}.book-top{min-height:130px}.badge{right:-12px;bottom:140px;font-size:11px}.footgrid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-connect{border-left:0;border-top:1px solid #ffffff55;padding:18px 0 0}.footer-contact{border-top:1px solid #ffffff55;padding-top:16px}.purchase-card{padding:24px 22px}}



/* 1.0.13: a genuinely separate first viewport and second section.
   Set explicit available viewport height and remove the old scroll-snap/overflow rules. */
@media (min-width: 791px) {
  header .nav{height:76px;padding-top:0;padding-bottom:0}
  .landing-screen{height:calc(100svh - 76px - var(--wp-admin--admin-bar--height,0px));min-height:610px;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
  .landing-screen .hero{min-height:0;padding:10px 0;display:flex;align-items:center}
  .landing-screen .hero-grid{width:min(1160px,calc(100% - 136px));align-items:center}
  .landing-screen .stats{min-height:76px;display:flex;align-items:center}
  .landing-screen .stats-row{padding:12px 0;align-items:center}
  .guide-section{min-height:calc(100svh - var(--wp-admin--admin-bar--height,0px));padding:45px 0 42px;scroll-margin-top:var(--wp-admin--admin-bar--height,0px)}
  .guide-grid{align-items:center}
}
@media (min-width:791px) and (max-height:850px) {
  .landing-screen .hero h1{font-size:clamp(41px,4.1vw,58px);margin:13px 0}
  .landing-screen .lede{font-size:16px;margin-bottom:19px}
  .landing-screen .book-face{height:355px}
  .landing-screen .book-top{min-height:123px;padding-top:11px}
  .landing-screen .badge{bottom:139px}
  .landing-screen .meta{margin-top:14px}
  .landing-screen .hero-actions .button{padding:13px 21px}
}
@media(min-width:791px) and (max-height:700px){
  .landing-screen{min-height:0}
  .landing-screen .book-face{height:290px}
  .landing-screen .book-top{min-height:106px;padding-top:7px}
  .landing-screen .book-logo{width:170px}
  .landing-screen .hero h1{font-size:43px}
  .landing-screen .badge{bottom:112px}
}
@media(max-width:790px){
  .landing-screen{display:block;height:auto;overflow:visible}
  .guide-section{padding:50px 0;scroll-margin-top:20px}
}
.payments{display:flex;align-items:center;flex-wrap:wrap;gap:7px;letter-spacing:normal}
.payment-logo{display:inline-flex;justify-content:center;align-items:center;min-height:29px;padding:4px 9px;border:1px solid #e5ebe7;border-radius:5px;background:#f9faf9;color:#143f37;font-size:13px;font-weight:800;letter-spacing:-.2px;white-space:nowrap}
.payment-logo.visa{font-style:italic;color:#174ba2;font-size:15px}
.payment-logo.mc{letter-spacing:-5px;padding-right:13px;font-size:21px;color:#e95034}
.payment-logo.apple{color:#111}
.payment-logo.google{color:#4285f4}

/* v1.0.14: Single source of truth for first and second screen positions.
   These overrides intentionally replace the conflicting legacy height rules. */
:root { --xg-header-height: 76px; --xg-topbar-height: 7px; --xg-admin-height: var(--wp-admin--admin-bar--height, 0px); }
html { scroll-padding-top: 0; }
header { height: var(--xg-header-height); background:#fff; }
header .nav { height:100%;padding-top:0;padding-bottom:0; }
.topbar { height:var(--xg-topbar-height); }
.landing-screen { display:flex;flex-direction:column;overflow:visible;height:auto;min-height:0; }
.landing-screen .hero { flex:1;min-height:0;display:flex;align-items:center;padding:20px 0; }
.landing-screen .hero-grid { align-items:center; }
.landing-screen .stats { flex:0 0 auto;min-height:92px;display:flex;align-items:center; }
.landing-screen .stats-row { width:100%;padding:14px 0; }
.guide-section { scroll-margin-top:0;padding:65px 0 75px;min-height:0; }
.guide-grid {align-items:center;}
@media (min-width: 791px) and (min-height: 680px) {
  .landing-screen { height:calc(100dvh - var(--xg-admin-height) - var(--xg-header-height) - var(--xg-topbar-height)); }
  .landing-screen .hero {padding:16px 0;}
  .landing-screen .hero h1 {font-size:clamp(44px,4.35vw,65px);margin:16px 0;line-height:1.06;}
  .landing-screen .lede {font-size:16px;line-height:1.48;margin-bottom:21px;}
  .landing-screen .meta{margin-top:17px;}
  .landing-screen .book-face{height:min(400px,calc(100dvh - 315px));min-height:290px;}
  .landing-screen .badge{bottom:35%;}
}
@media (min-width: 791px) and (max-height: 679px) {
  .landing-screen {min-height: 580px;height:auto;}
}
@media (max-width:790px) {
 header {height:auto} header .nav{height:auto;padding:14px 0}
 .landing-screen{height:auto;min-height:0;display:flex;}
 .landing-screen .hero{padding:42px 0;}
 .landing-screen .stats{min-height:0;}
 .guide-section{padding:48px 0;}
}
@media (max-width:560px) {
 .landing-screen .stats-row{grid-template-columns:1fr;gap:12px;padding:17px 0;}
 .landing-screen .hero h1{font-size:43px}
}

/* v1.0.15: actual transparent gold / white footer wordmark, gold tagline, native payment brand artwork */
.footer-brand .footlogo{width:min(285px,100%);height:auto;display:block;filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
.footer-brand .footer-tagline{color:#ffc43d!important;font-weight:650;letter-spacing:.01em;text-shadow:0 1px 2px #002c25}
.purchase-card .payments{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px}
.purchase-card .payments .payment-brand{display:block;width:auto;height:36px;max-width:calc(50% - 8px);object-fit:contain;opacity:1!important;filter:none!important;border:1px solid #e5ebe7;border-radius:6px;background:white}

/* v1.0.16: all four payment brand images on ONE row, including smaller devices. */
.purchase-card .payments {
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;
 width:100%;min-width:0;
}
.purchase-card .payments .payment-brand {
 display:block!important;width:100%!important;height:36px!important;
 max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
 object-fit:contain!important;padding:3px!important;margin:0!important;
}
@media(max-width:400px){.purchase-card .payments{gap:3px!important}.purchase-card .payments .payment-brand{height:31px!important;padding:2px!important}}

/* v1.0.17: Center each complete message within its own equal-width third. */
.landing-screen .stats-row {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
  width:min(1160px,calc(100% - 56px));
  margin-inline:auto;
}
.landing-screen .stats-item {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  min-width:0;
  width:100%;
  padding:7px 12px;
  text-align:center;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:normal;
}
.landing-screen .stats-item b {flex:0 0 auto;line-height:1.1;}
@media(min-width:791px) and (max-width:1060px){
  .landing-screen .stats-row{gap:5px;}
  .landing-screen .stats-item{font-size:12px;gap:8px;padding-inline:5px;}
}
@media(max-width:790px){
  .landing-screen .stats-row{grid-template-columns:1fr;gap:8px;width:min(100% - 34px,1160px);padding:14px 0;}
  .landing-screen .stats-item{justify-content:center;padding:7px 5px;}
}

/* v1.0.18: real accessible audience and FAQ sections; preserve hero and footer branding. */
html{scroll-behavior:smooth;scroll-padding-top:86px}
.xg-extra-section{padding:86px 0;scroll-margin-top:80px}
.xg-extra-section h2{font-size:clamp(29px,3.4vw,44px);line-height:1.15;color:#123f34;margin:12px 0 20px}
.xg-extra-intro{max-width:770px;color:#45615a;line-height:1.65;margin:0 0 32px}
.xg-audience{background:#f0f6f1}
.xg-audience-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.xg-audience-cards article{background:#fff;border:1px solid #dce9df;border-radius:14px;padding:26px;box-shadow:0 8px 23px rgba(8,51,37,.04)}
.xg-audience-cards h3{color:#0d5b49;font-size:19px;margin:0 0 12px}
.xg-audience-cards p,.xg-faq p{line-height:1.65;color:#49665c}
.xg-faq{background:#fff}
.xg-faq-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:start}
.xg-faq a{color:#096b55;text-decoration:underline}
.xg-faq-questions details{border-bottom:1px solid #dce7df;padding:0 0 2px}
.xg-faq-questions summary{font-weight:700;color:#124d3e;cursor:pointer;list-style:none;padding:18px 35px 18px 0;position:relative}
.xg-faq-questions summary::-webkit-details-marker{display:none}
.xg-faq-questions summary:after{content:'+';position:absolute;right:8px;top:16px;font-size:23px;color:#b18a20}
.xg-faq-questions details[open] summary:after{content:'−'}
.xg-faq-questions details p{margin:0 0 20px}
@media(max-width:790px){.xg-extra-section{padding:52px 0}.xg-audience-cards,.xg-faq-inner{grid-template-columns:1fr;gap:14px}}

/* Contact anchor target: keep heading readable and visible after navigation */
#contact { scroll-margin-top: 110px; }
html { scroll-behavior: smooth; }

/* v1.0.25: sole layout change: move the unchanged purchase card to the landing screen. */
@media(min-width:1081px){
 .landing-screen .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.79fr) minmax(0,.91fr)!important;gap:22px!important;width:min(1350px,calc(100% - 64px))!important;}
 .landing-screen .hero .book-wrap{max-width:100%!important;}
 .landing-screen .hero .book{max-width:245px;margin-inline:auto;transform:none;}
 .landing-screen .hero .book-face{height:345px;}
 .landing-screen .hero .badge{right:-8px;bottom:65px;}
 .landing-screen .hero .purchase-card{width:100%;min-width:0;padding:21px 21px;align-self:center;}
 .landing-screen .hero .purchase-price{font-size:41px;letter-spacing:-1.5px;margin-top:12px;}
 .landing-screen .hero .purchase-price span{display:block;margin-left:0;margin-top:4px;}
 .landing-screen .hero .purchase-card p{font-size:12px;margin:9px 0;}
 .landing-screen .hero .purchase-card .ticks{margin:12px 0 0;}
 .landing-screen .hero .purchase-card .ticks li{font-size:12px;padding:3px 0 3px 25px;line-height:1.35;}
 .landing-screen .hero .purchase-button{padding:12px 7px;}
 .landing-screen .hero h1{font-size:clamp(38px,3.5vw,52px)!important;}
 .landing-screen .hero .lede{font-size:15px;}
}
@media(min-width:791px) and (max-width:1080px){
 .landing-screen{height:auto!important;min-height:0!important;}
 .landing-screen .hero{min-height:0!important;}
 .landing-screen .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:25px!important;}
 .landing-screen .hero .purchase-card{grid-column:1/-1;width:min(490px,100%);justify-self:center;}
}
@media(max-width:790px){
 .landing-screen .hero .purchase-card{width:100%;max-width:530px;margin-inline:auto;}
}

/* v1.0.26: fill the open chapter-section column with an editorial usage panel. */
.guide-grid{align-items:center;}
.guide-companion{min-width:0;align-self:center;background:linear-gradient(145deg,#0a5045 0%,#073b34 100%);color:#fff;border-radius:18px;padding:35px 31px 29px;box-shadow:0 18px 45px rgba(7,62,54,.15);}
.guide-companion-top{display:flex;justify-content:space-between;align-items:center;gap:14px;}
.companion-kicker{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#f0ba52;}
.companion-mark{font:normal 26px/1 Georgia,serif;color:#f0ba52;}
.guide-companion h3{font:700 29px/1.17 Georgia,serif;margin:21px 0 13px;color:white;}
.guide-companion>p{font-size:14px;line-height:1.65;color:#c5ded3;margin:0 0 27px;}
.companion-steps{border-top:1px solid rgba(255,255,255,.2);}
.companion-step{display:grid;grid-template-columns:35px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.17);}
.companion-step>span{font-size:13px;font-weight:850;color:#f0ba52;letter-spacing:.5px;}
.companion-step strong{font-size:14px;color:white;display:block;line-height:1.4;}
.companion-step small{font-size:12px;color:#c5ded3;line-height:1.4;display:block;margin-top:4px;}
.companion-note{display:flex;align-items:center;gap:13px;margin-top:25px;padding:16px;border-radius:10px;background:rgba(242,191,91,.13);border:1px solid rgba(240,186,82,.3);font-size:12px;line-height:1.6;color:#e5eee9;}
.companion-note>span:first-child{color:#f0ba52;font-size:22px;flex-shrink:0;}
.companion-note strong{font-size:13px;color:white;}
@media(max-width:790px){.guide-companion{max-width:580px;width:100%;margin-inline:auto;padding:28px 24px;}}

/* 1.0.27 - PDF cover visual is identical to the website cover */
.book-wrap .book{padding:0;overflow:hidden;border-left:7px solid #0b5145;box-shadow:17px 24px 45px #134b3b34;transform:rotate(.5deg)}
.book-wrap .book .new-book-cover{display:block;width:100%;height:auto;aspect-ratio:595/842;object-fit:cover}
.book-wrap .book:after{display:none}

/* v1.0.27 — branded payment confirmation pop-up (EXPORT GUIDE colours) */
.xg-notice{align-items:center}
.modal-card.xg-pop{padding:0;overflow:hidden;width:min(560px,100%);border-radius:18px;text-align:left}
.xg-pop-head{position:relative;background:#073e36;color:#fff;padding:24px 30px 24px;overflow:hidden}
.xg-pop-head:before{content:'';position:absolute;right:-70px;top:-90px;width:220px;height:220px;border-radius:50%;border:30px solid rgba(240,186,82,.14)}
.xg-pop-head:after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#f0ba52 0 62%,#279f91 62% 100%)}
.xg-pop-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:1}
.xg-pop-close:hover{background:rgba(255,255,255,.22)}
.xg-pop-logo{display:block;width:150px;height:auto;margin:0 0 16px;position:relative}
.xg-pop-icon{width:58px;height:58px;border-radius:50%;background:#e6f2e8;color:#0a594c;font-size:28px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 7px rgba(255,255,255,.12);margin:0 0 14px;position:relative}
.xg-pop-icon--cancel{background:#fff6e6;color:#a8741a}
.xg-pop-eyebrow{display:inline-block;background:#f0ba52;color:#073e36;border-radius:30px;padding:6px 14px;text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:800;position:relative}
.modal-card.xg-pop .xg-pop-head h2{font:700 29px/1.2 Georgia,serif;color:#fff;margin:12px 0 6px;position:relative}
.modal-card.xg-pop .xg-pop-head p{color:#d4e8e0;margin:0;font-size:15px;position:relative}
.xg-pop-body{background:#f6faf7;padding:22px 30px 28px}
.xg-pop-next-title{font-weight:800;color:#073e36;font-size:15px;margin:0 0 10px}
.xg-pop-next{display:grid;gap:10px;margin:0 0 18px}
.xg-pop-item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #dbe7e1;border-radius:12px;padding:12px 14px;font-size:14.5px;line-height:1.5;color:#3f5a52;box-shadow:0 4px 14px rgba(7,62,54,.05)}
.xg-pop-item b{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#073e36;color:#f0ba52;font-size:13px;font-weight:800;margin-top:1px}
.xg-pop-item strong{color:#073e36}.xg-pop-item a{color:#0a594c;font-weight:700;text-decoration:underline}
.xg-pop-btn{display:block;width:100%;border:0;border-radius:7px;background:#f0ba52;color:#073e36;font:inherit;font-weight:800;font-size:16px;padding:15px 18px;cursor:pointer;box-shadow:0 10px 24px #0f544b24}
.xg-pop-btn:hover{background:#e6aa37}
@media(max-width:560px){.xg-pop-head{padding:20px 20px}.xg-pop-body{padding:18px 20px 22px}.modal-card.xg-pop .xg-pop-head h2{font-size:24px}.xg-pop-logo{width:125px}}

/* v1.0.29 — compact two-column purchase form (no scrolling on laptops) */
.modal-card.xg-buy-card{padding:0;width:min(900px,100%);border-radius:18px;overflow:hidden;text-align:left}
.xg-buy-head{position:relative;background:#073e36;color:#fff;padding:18px 28px 16px;overflow:hidden}
.xg-buy-head:before{content:'';position:absolute;right:-70px;top:-100px;width:210px;height:210px;border-radius:50%;border:28px solid rgba(240,186,82,.13)}
.xg-buy-head:after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#f0ba52 0 62%,#279f91 62% 100%)}
.xg-buy-card .close{color:#fff;background:rgba(255,255,255,.12);width:36px;height:36px;border-radius:50%;top:14px;right:16px;font-size:22px;line-height:1;z-index:1}
.xg-buy-eyebrow{display:inline-block;background:#f0ba52;color:#073e36;border-radius:30px;padding:4px 12px;text-transform:uppercase;letter-spacing:1.5px;font-size:10.5px;font-weight:800;position:relative}
.modal-card.xg-buy-card .xg-buy-head h2{font:700 25px/1.2 Georgia,serif;color:#fff;margin:8px 0 4px;position:relative}
.modal-card.xg-buy-card .xg-buy-head p{color:#d4e8e0;margin:0;font-size:13.5px;position:relative;max-width:640px}
.xg-buy-body{background:#f6faf7;padding:16px 24px 16px}
.xg-buy-cols{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}
.xg-buy-box{margin:0;min-width:0;background:#fff;border:1px solid #dbe7e1;border-radius:12px;padding:6px 16px 12px}
.xg-buy-box legend{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13.5px;color:#073e36;padding:0 6px;margin-left:-6px}
.xg-buy-box legend b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#073e36;color:#f0ba52;font-size:12px}
.modal-card.xg-buy-card label{font-size:12.5px;font-weight:700;color:#073e36;display:block;margin:7px 0 0}
.modal-card.xg-buy-card form input,.modal-card.xg-buy-card form select{display:block;width:100%;padding:8px 11px!important;margin:3px 0 0!important;border:1px solid #b9d1c4;border-radius:7px;font:inherit;font-size:14.5px;background:#fff;color:#153b35}
.modal-card.xg-buy-card form input:focus,.modal-card.xg-buy-card form select:focus{outline:2px solid #279f91;outline-offset:1px;border-color:transparent}
.xg-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.modal-card.xg-buy-card .xg-hint{font-size:11.5px;line-height:1.4;margin:6px 0 0;color:#62756f}
.xg-buy-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}
.xg-buy-price{font-size:13px;color:#3f5a52;line-height:1.35}
.xg-buy-price strong{font-size:24px;color:#073e36}.xg-buy-price span{font-weight:700;color:#073e36}
.xg-buy-price small{display:block;font-size:11.5px;color:#62756f;margin-top:2px;max-width:430px}
.xg-buy-foot .button{flex:0 0 auto;white-space:nowrap;padding:14px 22px}
.modal-card.xg-buy-card .xg-buy-msg{font-size:13px;margin:8px 0 0;color:#b23b1f;min-height:0}
.modal-card.xg-buy-card .xg-buy-msg:empty{display:none}
#xg-modal{align-items:center}
@media(max-width:760px){.xg-buy-cols{grid-template-columns:1fr}.xg-buy-foot{flex-direction:column;align-items:stretch}.xg-buy-foot .button{width:100%}.xg-buy-head{padding:16px 20px}.xg-buy-body{padding:14px 14px}#xg-modal{align-items:flex-start}}

/* The Value Shift palette and components */
:root{--deep:#163a54;--green:#1e4d6e;--teal:#4f8aa8;--gold:#f0b44c}
.vs-wordmark{font:800 21px/1 Inter,Arial,sans-serif;letter-spacing:1px;color:#163a54;white-space:nowrap}.vs-wordmark b{color:#4f8aa8}
.vs-foot{color:#fff;font-size:30px}.vs-foot b{color:#f0b44c}
.navcta,.button,.purchase-button{background:#163a54!important}.button.outline{background:#fff!important;color:#163a54!important}
.hero h1 em{color:#4f8aa8}.eyebrow{background:#e3edf3;color:#1e4d6e}
.stats{background:linear-gradient(95deg,#12304a,#1e4d6e 52%,#12304a)!important}
.guide-companion{background:linear-gradient(145deg,#1e4d6e 0%,#12304a 100%)!important}
.guide-icon{background:#e3edf3;color:#1e4d6e}.guide-row>div:last-child{background:#f1f5f8}
footer{background:linear-gradient(90deg,rgba(18,48,74,.95),rgba(30,77,110,.85)),url('assets/footer-landscape.jpg') center/cover!important}
.book-wrap .book{border-left-color:#0f2a40!important}
.ticks li:before,.meta span:before{color:#4f8aa8!important}

h2,h3,.section h2,.guide-main h2,.faq-inner h2,.xg-extra-section h2,.xg-audience-cards h3,.xg-faq summary,.guide-row b{color:#163a54!important}
.vs-toggle{display:flex;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}.vs-toggle>span{font-weight:800;font-size:13px;color:#163a54}
.vs-toggle label{display:inline-flex!important;align-items:center;gap:7px;margin:0!important;padding:8px 14px;border:1.5px solid #c9d8e2;border-radius:30px;background:#fff;cursor:pointer;font-size:13.5px!important}
.vs-toggle label:has(input:checked){border-color:#163a54;background:#e3edf3}
.vs-toggle input{width:auto!important;display:inline!important;margin:0!important;accent-color:#163a54}
.vs-pr{display:none}#xg-modal.vs-private .vs-pr{display:inline}#xg-modal.vs-private small.vs-pr{display:block}#xg-modal.vs-private .vs-co{display:none}
#xg-modal.vs-private #xg-company,#xg-modal.vs-private label[for=xg-company],#xg-modal.vs-private #xg-vat,#xg-modal.vs-private label[for=xg-vat],#xg-modal.vs-private #xg-vat-hint{display:none!important}
.xg-buy-head{background:#163a54!important}.xg-buy-eyebrow{background:#f0b44c}.xg-buy-box legend b{background:#163a54}

.modal-card.xg-buy-card .xg-buy-head h2{color:#fff!important}
.button.gold,#xg-submit{background:#f0b44c!important;color:#163a54!important}
.xg-buy-price small.vs-pr{display:none}#xg-modal.vs-private .xg-buy-price small.vs-pr{display:block}#xg-modal.vs-private .xg-buy-price small.vs-co{display:none}
.guide-companion h3{color:#fff!important}

.vs-brand{display:inline-flex;align-items:center;gap:12px}.vs-logo{width:52px;height:52px;border-radius:6px;display:block}
.vs-footlogo{width:120px;height:120px;border-radius:8px;display:block}
.footerfine a{color:#f0b44c}
.vs-consents{display:grid;gap:6px;margin:12px 0 0}
.modal-card.xg-buy-card label.vs-check{display:flex!important;gap:9px;align-items:flex-start;font-weight:500;font-size:12.5px;line-height:1.45;color:#3a4a56;margin:0!important}
.vs-check input{width:17px!important;height:17px;flex:0 0 auto;margin:1px 0 0!important;accent-color:#163a54;display:inline-block!important;padding:0!important}
.vs-check a{color:#1e4d6e;text-decoration:underline}
.vs-pr-block{display:none!important}#xg-modal.vs-private .vs-pr-block{display:flex!important}
@media(max-width:560px){.vs-logo{width:42px;height:42px}.vs-wordmark{font-size:16px}}
.hero{background:radial-gradient(ellipse at 86% 42%,#dde9f2 0%,transparent 45%),linear-gradient(120deg,#fbfcfd,#f3f6f9)!important}
.badge{color:#163a54!important}.lede,.guide-intro,.xg-extra-intro{color:#4f6070!important}
.xg-pop-head{background:#163a54!important}.xg-pop-logo{width:64px!important;height:64px;border-radius:6px}
.xg-pop-icon{color:#163a54!important;background:#e3edf3!important}.xg-pop-body{background:#f4f7fa!important}
.xg-pop-item b{background:#163a54!important;color:#f0b44c!important}.xg-pop-item strong,.xg-pop-next-title{color:#163a54!important}
.xg-pop-item a{color:#1e4d6e!important}.xg-pop-head:after,.xg-buy-head:after{background:linear-gradient(90deg,#f0b44c 0 62%,#4f8aa8 62% 100%)!important}
.modal{background:#0d2234b5!important}.purchase-price{color:#163a54!important}
.modal-card.xg-pop .xg-pop-head h2{color:#fff!important}.footer-contact h3{color:#f0b44c!important}
.vs-footlogo{box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.vs-wordmark b{color:#f0b44c!important}
:root{--xg-topbar-height:0px}
/* Look inside – preview of the first 10 pages */
.book.vs-look-open{cursor:zoom-in;position:relative;transition:transform .2s,box-shadow .2s}
.book.vs-look-open:hover{transform:translateY(-4px) rotate(.5deg)}
.vs-look-tag{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:2;background:#f0b44c;color:#163a54;font-weight:800;font-size:12px;letter-spacing:.4px;padding:6px 12px;border-radius:30px;box-shadow:0 6px 16px rgba(0,0,0,.18);white-space:nowrap}
.vs-look{display:none;position:fixed;inset:0;z-index:60;background:#0d2234d9;align-items:center;justify-content:center;padding:16px}
.vs-look.open{display:flex}
.vs-look-card{width:min(760px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:#f4f7fa;border-radius:16px;overflow:hidden;box-shadow:0 25px 90px #00000070}
.vs-look-bar{display:flex;align-items:center;gap:14px;background:#163a54;color:#fff;padding:12px 16px 12px 20px;position:relative}
.vs-look-bar:after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#f0b44c 0 62%,#4f8aa8 62% 100%)}
.vs-look-title{font-size:15px;flex:1}.vs-look-title b{color:#f0b44c}
.vs-look-count{font-size:13px;color:#cbdbe7;font-weight:700}
.vs-look-x{width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.vs-look-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:14px 56px 8px}
.vs-look-pages{position:relative;height:calc(100vh - 170px);max-height:860px;aspect-ratio:938/1323;max-width:100%}
.vs-look-page,.vs-look-end{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;transition:opacity .25s;background:#fff;box-shadow:0 8px 30px rgba(22,58,84,.18);border-radius:3px}
.vs-look-page.is-active,.vs-look-end.is-active{opacity:1;visibility:visible}
.vs-look-end{display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#fff,#eef3f7)}
.vs-look-end-in{padding:28px}.vs-look-end-in img{border-radius:8px;margin:0 auto 14px;display:block}
.vs-look-end h3{font:700 26px/1.2 Georgia,serif;color:#163a54!important;margin:0 0 10px}.vs-look-end p{color:#4f6070;margin:0 auto 18px;max-width:340px}
.vs-look-buy{background:#f0b44c!important;color:#163a54!important}
.vs-look-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:#163a54;color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.vs-look-nav:disabled{opacity:.3;cursor:default}.vs-look-prev{left:8px}.vs-look-next{right:8px}
.vs-look-thumbs{display:flex;justify-content:center;gap:6px;padding:8px 12px 14px;flex-wrap:wrap}
.vs-look-thumbs button{width:30px;height:30px;border-radius:50%;border:1px solid #cbd9e3;background:#fff;color:#163a54;font-weight:700;font-size:12px;cursor:pointer}
.vs-look-thumbs button.is-active{background:#163a54;color:#f0b44c;border-color:#163a54}
.hero-actions .vs-look-open{cursor:pointer}
@media(max-width:560px){.vs-look{padding:6px}.vs-look-stage{padding:10px 8px 4px}.vs-look-nav{width:38px;height:38px;font-size:24px;top:auto;bottom:-2px;transform:none}.vs-look-prev{left:10px}.vs-look-next{right:10px}.vs-look-pages{height:calc(100vh - 190px)}.vs-look-thumbs button{width:26px;height:26px}}
.book-wrap .badge{pointer-events:none}
.vs-look-tag{top:auto;bottom:16px}.vs-look-nav{z-index:3}
@media(max-width:560px){.vs-look-nav:disabled{visibility:hidden}}
