:root{--navy:#0c2f58;--navy2:#163f70;--blue:#2694db;--sky:#eaf6ff;--ink:#162f4e;--muted:#64778d;--line:#dce9f3;--light:#f4f9fd;--white:#fff;--shadow:0 18px 48px rgba(22,65,102,.09);--shadow-lg:0 30px 80px rgba(12,47,88,.14)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.65 Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:#fff}button,select{font:inherit}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}img{display:block;max-width:100%}a{color:inherit}.shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.12}h1{font-size:clamp(49px,5.6vw,78px);margin-bottom:26px}h1 span{color:var(--blue)}h2{font-size:clamp(34px,3.9vw,52px);margin-bottom:20px}h3{font-size:21px;margin-bottom:7px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#0789d2;margin:0 0 15px}.eyebrow.light{color:#addbff}.skip-link{position:absolute;left:10px;top:-100px;z-index:1000;background:#fff;padding:10px;border-radius:8px}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e8eff6}.nav-wrap{min-height:86px;display:flex;align-items:center;gap:25px}.brand{min-width:0;display:flex;align-items:center;gap:10px;text-decoration:none}.brand-icon{width:57px;height:57px;object-fit:contain;flex:none}.brand-name{display:flex;flex-direction:column;white-space:nowrap}.brand-name b{font-size:19px;line-height:1.15;letter-spacing:-.035em;color:var(--navy)}.brand-name small{font-size:10px;color:#7d90a2;line-height:1.4}.site-header nav{display:flex;align-items:center;margin-left:auto;gap:22px}.site-header nav a{text-decoration:none;font-size:13px;font-weight:800;color:#4c6075}.site-header nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:12px}.language-select{display:flex;align-items:center;gap:7px}.language-select span{font-size:10px;color:#62758c;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.language-select select{border-radius:11px;border:1px solid #cfdeeb;background:#fff;color:#17395e;padding:10px;font-size:13px;font-weight:800;min-width:105px}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;border:1px solid transparent;border-radius:13px;font-size:14px;font-weight:850;line-height:1.25;padding:13px 19px;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button.primary{color:white;background:linear-gradient(115deg,#0c315b,#174f83);box-shadow:0 9px 22px rgba(16,58,105,.16)}.button.outline{background:white;border:1px solid #cbddea;color:var(--navy)}.button.white{color:var(--navy);background:white}.button-big{padding:16px 21px}.menu-button{display:none;border:1px solid var(--line);color:var(--navy);background:white;border-radius:10px;padding:8px 12px;font-size:19px;cursor:pointer}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:53px;padding-top:82px;padding-bottom:86px}.hero-copy{max-width:625px}.hero-description{font-size:18px;color:#5a6f84;max-width:620px;line-height:1.75}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 25px}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill-row span{border:1px solid #d6e8f3;border-radius:50px;padding:6px 11px;background:#f4f9fd;color:#315576;font-size:12px;font-weight:800}.hero-footnote{font-size:12px;color:#8394a6;margin:21px 0 0}.mini-check{color:#1d995e;font-weight:900}.hero-art{position:relative}.hero-art::before{content:'';position:absolute;inset:-24px -14px -20px 7%;z-index:-1;border-radius:42px;background:radial-gradient(circle,#d8f0ff,#eff8ff 70%,transparent);filter:blur(24px)}.hero-art img{border-radius:27px;box-shadow:var(--shadow-lg);border:1px solid #e1edf5;width:100%;height:auto}.hero-floating-note{position:absolute;bottom:-22px;left:-18px;display:flex;align-items:center;gap:10px;background:white;border:1px solid #dce9f3;box-shadow:var(--shadow);padding:9px 17px;border-radius:14px;font-size:12px;font-weight:800;color:#4c607c}.hero-floating-note b{font-size:23px;color:var(--blue)}
.about-section{background:linear-gradient(180deg,#f3f9fd 0%,#f9fcff 100%);padding:88px 0}.about-grid{display:grid;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);gap:80px;align-items:center}.about-visual{background:white;border:1px solid #deedf7;padding:18px;border-radius:30px;box-shadow:var(--shadow)}.story-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.story-image-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:13px}.about-visual-caption{padding:16px 5px 0;color:#71849b;font-size:12px;text-align:center;font-weight:650}.about-copy>p:not(.eyebrow){font-size:18px;color:#5c7085;line-height:1.8}.benefit-list{margin-top:25px;display:grid;gap:11px}.benefit-list>div{display:flex;align-items:center;gap:15px;padding:11px 14px;border-radius:14px;background:white;border:1px solid #e0ebf4;font-size:14px;font-weight:800}.benefit-list i{font-style:normal;font-size:12px;font-weight:900;color:var(--blue)}
.free-section{padding-top:100px;padding-bottom:100px}.section-top{margin-bottom:36px}.section-top p:last-child{max-width:750px;color:#63768c;font-size:17px}.split-section-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.free-tag{font-size:12px;font-weight:900;border-radius:50px;white-space:nowrap;padding:10px 16px;background:#e5f7ed;color:#137e4c;letter-spacing:.06em;margin-bottom:5px}.audio-experience{display:grid;grid-template-columns:minmax(320px,.79fr) minmax(0,1.21fr);gap:28px;align-items:start}.player-panel{border-radius:25px;overflow:hidden;box-shadow:0 24px 50px rgba(15,60,104,.22);background:linear-gradient(140deg,#0f315a,#226694);color:white;position:sticky;top:108px}.selected-image{width:100%;aspect-ratio:1.12/1;object-fit:cover;object-position:center}.player-panel-body{padding:27px 29px 30px}.player-eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:#b0e0ff;display:flex;align-items:center;gap:9px}.live-dot{width:9px;height:9px;background:#6de6a8;border-radius:50%}.episode-count{font-size:13px;font-weight:800;color:#c7e1f7;margin:14px 0 4px}.player-panel h3{font-size:30px;margin-bottom:4px;line-height:1.16}.now-reference{color:#dceafa;margin-bottom:13px}.player-panel audio{width:100%;display:block;margin:20px 0 16px;accent-color:var(--blue)}.player-buttons{display:flex;gap:10px}.player-buttons button{border:1px solid #7193ae;color:white;font-weight:850;background:rgba(255,255,255,.1);border-radius:10px;padding:10px 13px;cursor:pointer;flex:1}.player-buttons button:disabled{opacity:.45;cursor:default}.player-footnote{font-size:12px;color:#c3dced;margin:20px 0 0}.library-panel{background:#f6faff;border:1px solid #e3edf5;padding:18px;border-radius:25px}.library-heading{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 14px}.library-heading h3{font-size:18px;margin:0;color:var(--navy)}.library-heading span{color:#99aabd;font-size:12px;font-weight:900}.episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.episode-card{display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;background:white;border:1px solid #e0ebf3;border-radius:15px;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.episode-card:hover,.episode-card.active{transform:translateY(-2px);border-color:#53b5f1;box-shadow:0 10px 22px rgba(31,107,157,.12)}.episode-card:focus-visible{outline:3px solid var(--blue)}.episode-card img{width:100%;aspect-ratio:1.05/1;object-fit:cover}.episode-card-body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:4px;flex:1}.episode-card-num{font-size:10px;font-weight:950;letter-spacing:.1em;color:var(--blue)}.episode-card-title{color:#18385b;font-size:13px;line-height:1.28;font-weight:850}.episode-card-ref{color:#7a8da0;font-size:11px;line-height:1.3}.language-notice{margin-top:20px;background:#fff6e7;border:1px solid #ebd1a6;color:#78521a;padding:14px 17px;border-radius:13px;font-size:14px}.hidden{display:none}.free-footnote{font-size:13px;color:#8294a5;text-align:center;margin:21px 0 0}
.journeys-section{padding:95px 0;background:#f4f9fd}.center-section-top{text-align:center}.center-section-top p:last-child{max-width:660px;margin:0 auto}.journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.journey-card{position:relative;background:#fff;border:1px solid #dae7f0;border-radius:19px;padding:21px 22px;min-height:175px;box-shadow:0 10px 25px rgba(27,72,112,.035)}.journey-card:hover{border-color:#85c6ee;box-shadow:0 13px 32px rgba(27,72,112,.08)}.journey-free{border:2px solid #4eafe8;background:linear-gradient(155deg,#eaf7ff 0%,#fff 70%)}.journey-free-badge{position:absolute;right:12px;top:10px;background:#e1f6ea;border-radius:16px;color:#197849;padding:3px 8px;font-size:9px;font-weight:950}.journey-num{display:block;font-size:46px;font-weight:900;letter-spacing:-.05em;color:var(--navy);line-height:1}.journey-unit{display:block;font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--blue);text-transform:uppercase;margin-top:4px}.journey-card p{font-size:12px;color:#698098;line-height:1.48;margin:15px 0 0}.journeys-note{text-align:center;font-size:12px;color:#8a9aaa;margin:24px 0 0}
.features-section{padding:105px 0 85px}.features-head{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:40px}.features-head>div:first-child{max-width:660px}.features-head p:last-child{color:#6a7e91;font-size:18px}.real-app-shot{flex:0 0 160px;width:160px;height:200px;overflow:hidden;border-radius:19px;box-shadow:0 15px 32px rgba(24,67,104,.16);border:4px solid white;transform:rotate(3deg)}.real-app-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-grid article{border:1px solid #e0eaf3;background:white;border-radius:20px;padding:27px 26px;box-shadow:0 8px 22px rgba(18,56,88,.04)}.feature-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#eaf6fd;color:#1679b5;font-weight:950;margin-bottom:17px}.feature-grid h3{font-size:19px;color:var(--navy)}.feature-grid p{font-size:13px;color:#6b7e92;margin:0}.features-note{margin-top:16px;color:#8c9aab;font-size:12px}
.mission-section{background:#f5f9fc;padding:80px 0}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.founder-card,.charity-card{border-radius:25px;padding:32px 36px;background:white;border:1px solid #deebf3;box-shadow:0 9px 25px rgba(18,56,88,.035)}.founder-card blockquote{font-size:19px;font-weight:750;color:#244362;line-height:1.65;margin:8px 0 24px}.founder-card b{display:block;color:var(--navy)}.founder-card p:last-child,.charity-card p:not(.eyebrow){color:#6d8296;font-size:14px}.charity-card{background:linear-gradient(155deg,#fdf8ff,#fff);border-color:#e9dceb}.charity-card h2,.founder-card h2{font-size:29px}.text-link{color:#6d2f8b;font-size:14px;font-weight:850;text-decoration:none}.text-link::after{content:' →'}
.pricing-section{padding:85px 0 105px}.pricing-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(245px,.6fr);align-items:center;gap:40px;background:linear-gradient(120deg,#0c3059,#2368a0);color:#fff;padding:46px 50px;border-radius:30px;box-shadow:0 25px 56px rgba(12,48,89,.18)}.pricing-card h2{color:white;font-size:clamp(31px,3.4vw,45px)}.pricing-copy>p:not(.eyebrow){max-width:670px;color:#dceaff;font-size:16px}.pricing-promise{display:inline-flex;color:#bfe5ff;border:1px solid #5789ad;border-radius:30px;padding:7px 12px;font-size:12px;font-weight:850}.price-box{text-align:center;border-radius:20px;border:1px solid #5d89ac;background:rgba(255,255,255,.09);padding:30px 20px}.price-box strong{font-size:58px;letter-spacing:-.04em;line-height:1.1;display:block}.price-box span{display:block;color:#d5e9f9;font-size:13px}.price-box .button{width:100%;margin-top:18px}
.download-section{display:grid;grid-template-columns:1fr auto;gap:85px;align-items:center;padding-bottom:110px}.download-copy{max-width:750px}.download-copy>p:not(.eyebrow){color:#677c90;font-size:18px}.google-play-badge{display:inline-flex;gap:13px;align-items:center;background:#101820;color:#fff;text-decoration:none;border-radius:14px;padding:13px 20px;line-height:1.1}.google-play-triangle{color:#fff;font-size:29px}.google-play-badge small{display:block;font-size:10px;letter-spacing:.03em}.google-play-badge b{display:block;font-size:23px}.ios-note{font-size:13px!important;color:#8fa0b2!important;margin-top:12px}.qr-card{padding:20px 20px 17px;border:1px solid #e0eaf3;border-radius:23px;box-shadow:var(--shadow);display:flex;flex-direction:column;text-align:center;background:white;min-width:260px}.qr-card img{width:220px;height:220px;object-fit:contain;margin-inline:auto}.qr-card strong{font-size:15px;color:#1a4268}.qr-card small{font-size:12px;color:#95a3b1}
.contact-section{background:#eef7fd}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:34px 0}.contact-inner h2{font-size:30px;margin-bottom:4px}.contact-inner p{font-size:14px;color:#688196;margin-bottom:0}.site-footer{background:#0e2f51;color:#eaf4fb;padding:45px 0 24px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{display:flex;align-items:center;gap:13px;text-decoration:none}.footer-brand img{width:52px;height:52px;object-fit:contain;border-radius:8px;background:white}.footer-brand span{display:flex;flex-direction:column}.footer-brand b{font-size:17px}.footer-brand small{color:#a9c4d8;font-size:11px}.footer-nav{display:flex;flex-wrap:wrap;gap:20px}.footer-nav a{color:#eaf4fb;font-size:13px;text-decoration:none;font-weight:700}.footer-bottom{margin-top:29px;border-top:1px solid #35577a;padding-top:20px;display:flex;justify-content:space-between;gap:18px;color:#acc4d9;font-size:12px}.mobile-download{display:none}
@media(max-width:1160px){.site-header nav{gap:14px}.nav-wrap{gap:14px}.language-select span{display:none}.brand-name small{display:none}.hero{gap:35px}.hero-copy h1{font-size:clamp(45px,5vw,68px)}}
@media(max-width:990px){.site-header nav{display:none}.site-header nav.open{display:flex;position:absolute;left:0;right:0;top:100%;padding:20px 24px;background:white;border-bottom:1px solid #e6edf3;flex-direction:column;align-items:start;box-shadow:var(--shadow)}.menu-button{display:inline-block}.nav-actions{margin-left:auto}.nav-cta{display:none}.hero{grid-template-columns:1fr;padding-top:54px}.hero-copy{max-width:760px}.hero-art{max-width:740px;margin:auto}.about-grid{grid-template-columns:1fr;gap:45px}.audio-experience{grid-template-columns:1fr}.player-panel{position:static;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1fr)}.selected-image{height:100%;aspect-ratio:auto}.episode-grid{grid-template-columns:repeat(3,1fr)}.journey-grid{grid-template-columns:repeat(3,1fr)}.features-head{gap:20px}.pricing-card{grid-template-columns:1fr}.mission-grid{grid-template-columns:1fr}}
@media(max-width:650px){.shell{width:min(100% - 28px,1200px)}.nav-wrap{min-height:75px}.brand-icon{width:43px;height:43px}.brand-name b{font-size:15px}.language-select select{min-width:93px;padding:8px 7px;font-size:12px}.hero{padding-top:43px;padding-bottom:68px}.hero-copy h1{font-size:clamp(41px,9vw,59px)}.hero-description{font-size:16px}.hero-buttons{flex-direction:column}.button-big{width:100%}.hero-floating-note{left:12px;bottom:-15px}.about-section,.free-section,.journeys-section,.features-section,.mission-section{padding-top:69px;padding-bottom:69px}.split-section-top{display:block}.free-tag{display:inline-block;margin-top:11px}.player-panel{display:block}.selected-image{aspect-ratio:1.05/1;height:auto}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.library-panel{padding:12px}.library-heading{padding:4px 4px 11px}.library-heading h3{font-size:15px}.journey-grid{grid-template-columns:repeat(2,1fr);gap:10px}.journey-card{padding:17px;min-height:175px}.journey-num{font-size:40px}.journey-free-badge{font-size:8px}.feature-grid{grid-template-columns:1fr}.features-head{display:block}.real-app-shot{display:none}.mission-grid{gap:15px}.founder-card,.charity-card{padding:26px}.pricing-section{padding-top:70px;padding-bottom:70px}.pricing-card{padding:28px 23px;gap:20px}.price-box{padding:24px}.download-section{grid-template-columns:1fr;gap:24px;text-align:center;padding-bottom:90px}.google-play-badge{margin-inline:auto}.qr-card{width:max-content;margin-inline:auto}.contact-inner{flex-direction:column;text-align:center}.footer-main,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-nav{gap:13px}.site-footer{padding-bottom:90px}.mobile-download{position:fixed;bottom:12px;left:12px;right:12px;z-index:75;text-align:center;display:block;padding:14px 20px;border-radius:14px;background:#0c3158;color:white;text-decoration:none;font-weight:850;box-shadow:0 10px 26px rgba(0,0,0,.24)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.episode-card{transition:none}}
/* ABJ v5 — faithful implementation of the four approved visual references.
   The previous v4 CSS remains intact underneath as a safe functional baseline. */
:root{--navy:#0b2757;--navy2:#0b3c73;--blue:#118cf1;--sky:#ecf8ff;--ink:#0b2851;--muted:#556f8b;--line:#d9eaf8;--light:#edf7ff}
html{scroll-padding-top:66px}
body{color:var(--ink);background:#f9fdff;font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.55}
.shell{width:min(1210px,calc(100% - 44px))}
h1,h2,h3{font-weight:850;letter-spacing:-.045em}
h1{font-size:clamp(48px,5.45vw,78px);line-height:.98}
h2{font-size:clamp(34px,3.85vw,52px);line-height:1.06}
h1 span,.journeys-section h2 em,.features-section h2 em{color:var(--blue);font-style:normal}
.eyebrow{color:#0789e7;margin-bottom:11px;letter-spacing:.17em}
/* Compact white bar, wordmark with stacked navy/cyan text, language beside it */
.site-header{height:64px;background:rgba(255,255,255,.98);border-bottom:1px solid #e6f0f8}
.nav-wrap{min-height:64px;gap:38px}
.brand{gap:7px;flex:0 0 auto}
.brand-icon{width:59px;height:51px;object-fit:contain}
.brand-name{line-height:.89;align-items:flex-start}
.brand-name b{font-size:22px;line-height:.9;letter-spacing:-.055em;font-weight:950}
.brand-name b.brand-second{color:#1689f0;font-size:25px;letter-spacing:-.055em}
.language-select{margin-right:10px}
.language-select select{min-width:115px;height:39px;font-weight:800;background:white}
.site-header nav{margin-left:auto;gap:25px}
.site-header nav a{color:#173d69;font-weight:700;font-size:13px}
.nav-actions{gap:14px;order:3}
.nav-cta{padding:11px 19px;min-width:122px}
/* Hero is a full-bleed illustrated vista; no tiny image card */
.hero{max-width:none;width:100%;height:515px;padding:0;position:relative;display:block;overflow:hidden;background:linear-gradient(90deg,#f5fbff,#d9f1ff 70%,#e1f4ff)}
.hero-backdrop{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(251,254,255,1) 1%,rgba(253,254,255,.98) 27%,rgba(254,255,255,.82) 39%,rgba(255,255,255,.02) 66%),url('assets/hero-en.webp');background-size:100% 100%,cover;background-position:center,right 44%;filter:saturate(1.08)}
.hero-inner{height:100%;position:relative;z-index:2;display:flex;align-items:center}
.hero-copy{max-width:595px;position:relative;padding:15px 0 36px}
.hero h1{font-size:clamp(52px,5.15vw,76px);margin-bottom:15px;color:#092857}
.hero-description{font-size:18px;color:#4c6887;line-height:1.48;max-width:525px;margin-bottom:0}
.hero-buttons{margin:20px 0 17px;gap:11px}
.button{border-radius:12px}
.button.primary{background:linear-gradient(125deg,#0b3166,#0c457c);box-shadow:0 10px 22px rgba(7,63,123,.14)}
.button-big{padding:13px 17px;font-size:14px}
.hero .pill-row{gap:8px;flex-wrap:nowrap}
.hero .pill-row span{background:rgba(250,253,255,.94);border:1px solid #dcecf9;color:#234c76;font-size:11px;padding:7px 10px;white-space:nowrap;box-shadow:0 3px 10px rgba(14,75,130,.04)}
.hero-footnote{display:none}
.hero-art{display:none}
.section-wave{position:absolute;bottom:-1px;left:-4%;width:108%;height:34px;z-index:3;background:#edf8ff;clip-path:polygon(0 70%,9% 42%,20% 36%,31% 50%,42% 66%,54% 59%,67% 47%,80% 65%,91% 75%,100% 24%,100% 100%,0 100%)}
/* Intro preview strip, wide selected episode and two compact companions */
.episode-preview{background:linear-gradient(180deg,#edf8ff 0%,#f8fcff 100%);padding:12px 0 34px;text-align:center;position:relative}
.preview-container>h2{font-size:clamp(31px,3vw,44px);margin-bottom:5px}
.preview-description{font-size:16px;color:var(--muted);margin-bottom:19px}
.preview-row{display:grid;grid-template-columns:1.95fr .95fr .95fr;gap:15px;text-align:left;align-items:stretch}
.preview-feature,.preview-small{display:flex;border:1px solid #e2eef8;background:#fff;overflow:hidden;border-radius:17px;text-decoration:none;box-shadow:0 10px 28px rgba(37,96,147,.06)}
.preview-feature{height:165px}.preview-feature>img{width:55%;height:100%;object-fit:cover}.preview-feature>div{padding:17px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.preview-small{flex-direction:column;height:165px}.preview-small>img{height:83px;width:100%;object-fit:cover;object-position:center 33%}.preview-small>div{padding:8px 13px}
.preview-row small{display:block;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.06em}.preview-row strong{display:block;color:var(--navy);font-size:15px;line-height:1.2;margin:4px 0}.preview-row span{display:block;font-size:12px;color:#667d98}
.preview-feature b{font-size:12px;color:var(--blue);margin-top:12px}
.preview-more{display:inline-block;text-decoration:none;border:1px solid #d8e8f5;background:#fff;border-radius:20px;padding:7px 24px;color:var(--navy);font-size:13px;font-weight:850;margin-top:14px}
/* Full free player matches second reference: atmospheric background + 15 compact landscape cards */
.free-section{width:100%;max-width:none;position:relative;padding:55px 0 72px;background:radial-gradient(ellipse at 0% 21%,rgba(113,202,247,.25),transparent 25%),radial-gradient(ellipse at 100% 48%,rgba(144,212,255,.23),transparent 30%),linear-gradient(180deg,#f6fbff 0%,#ebf8ff 100%);overflow:hidden}
.free-section::before,.journeys-section::before{content:"";position:absolute;inset:0;background-image:url('assets/hero-en.webp');background-repeat:no-repeat;background-position:center 42%;background-size:cover;opacity:.075;filter:blur(6px);pointer-events:none}
.free-section>.shell,.journeys-section>.shell{position:relative;z-index:1}
.section-top.center-section-top{text-align:center}
.free-section .section-top{margin-bottom:24px}
.free-section .section-top h2{font-size:clamp(33px,3.8vw,52px)}
.free-section .section-top p:last-child{max-width:880px;margin-inline:auto;font-size:16px}
.free-section .free-tag{display:none}
.audio-experience{grid-template-columns: minmax(310px,.9fr) minmax(0,1.5fr);gap:21px}
.player-panel{border-radius:19px;background:linear-gradient(145deg,#0c315e,#0f548b);box-shadow:0 21px 39px rgba(12,59,104,.17);top:84px}
.selected-image{aspect-ratio:1.12/1;width:100%;object-fit:cover}
.player-panel-body{padding:21px 25px 24px}
.player-panel h3{font-size:27px}
.player-panel .episode-count{margin:10px 0 2px}
.player-panel .player-eyebrow{font-size:11px}
.player-panel .player-eyebrow .live-dot{display:none}
.player-panel audio{margin:15px 0 15px}
.player-buttons button{padding:10px}
.player-footnote{font-size:12px;margin-top:17px}
.library-panel{border:none;background:transparent;padding:0;border-radius:0}
.library-heading{display:none}
.episode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.episode-card{border-radius:15px;background:#fff;box-shadow:0 5px 14px rgba(40,103,158,.045)}
.episode-card img{aspect-ratio:2.6/1;width:100%;object-fit:cover;object-position:center 23%;max-height:98px}
.episode-card-body{padding:8px 12px 11px;gap:3px}
.episode-card-num{font-size:10px;color:#0c88ec}
.episode-card-title{font-size:12px;line-height:1.15;min-height:28px;max-height:43px;overflow:hidden}
.episode-card-ref{font-size:11px;line-height:1.14;min-height:13px;max-height:27px;overflow:hidden}
.episode-card.active{border-color:#1397f5;box-shadow:0 7px 16px rgba(42,127,202,.12)}
.free-footnote{margin:17px 0 0}
.free-section .wave-bottom{background:#eef9ff;bottom:-1px;clip-path:polygon(0 38%,18% 67%,37% 53%,54% 22%,76% 62%,100% 45%,100% 100%,0 100%)}
/* Thumbnails make journey catalog readable and scenic, as in mockups */
.journeys-section{position:relative;background:linear-gradient(180deg,#ecf8ff 0%,#eaf6ff 55%,#f6fbff 100%);padding:50px 0 46px;overflow:hidden}
.journeys-section .section-top{text-align:left;margin-bottom:17px}
.journeys-section .section-top p:last-child{margin:0;max-width:760px}
.journey-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.journey-card{min-height:135px;border-radius:17px;box-shadow:0 8px 22px rgba(25,90,150,.035);padding:18px;overflow:hidden;padding-right:40%;}
.journey-card .journey-thumb{position:absolute;right:10px;top:10px;bottom:10px;width:39%;height:calc(100% - 20px);border-radius:11px;object-fit:cover;object-position:center 36%;}
.journey-card p{font-size:11.5px;line-height:1.42;margin-top:13px;color:#5d718a;max-width:140px}
.journey-num{font-size:40px}
.journey-unit{font-size:10px}
.journey-free-badge{top:9px;right:44%;font-size:8px;padding:3px 7px}
.journeys-note{margin-top:18px}
/* Horizontal features with icon at left; no oversized square panel */
.features-section{background:linear-gradient(180deg,#f5fbff 0%,#edf8ff 100%);padding:50px 0 55px;max-width:none;width:100%}
.features-section>.features-head,.features-section>.feature-grid,.features-section>.features-note{max-width:1210px;width:calc(100% - 44px);margin-left:auto;margin-right:auto}
.features-head{margin-bottom:21px}
.features-head h2{font-size:clamp(34px,3.5vw,49px)}
.features-head p:last-child{font-size:15px;margin-bottom:0}
.real-app-shot{display:none}
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.feature-grid article{padding:18px;display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:14px;align-items:start;border-radius:18px;background:rgba(255,255,255,.94)}
.feature-icon{grid-row:1/3;width:52px;height:52px;margin:0;border-radius:16px;background:#e4f4ff;color:#0d8df0;font-size:23px}
.feature-grid h3{font-size:16px;letter-spacing:-.02em;margin:1px 0 4px}
.feature-grid p{grid-column:2;font-size:12px;line-height:1.45}
.features-note{margin-top:12px;font-size:12px}
/* Real founder/charity/about content retained but discreet rather than interrupting primary story */
.about-section{padding:62px 0;background:#f8fcff}
.about-grid{gap:40px}
.about-copy h2{font-size:39px}
.story-image-grid img{aspect-ratio:1.3/1}
.mission-section{padding:50px 0;background:#f7fbff}
/* Price + download match final mockup: full navy panel, white QR region */
.pricing-section{background:linear-gradient(180deg,#edf8ff,#f3fbff);padding:45px 0 38px;max-width:none;width:100%}
.pricing-section>.pricing-card{width:min(1210px,calc(100% - 44px));margin:auto}
.pricing-card{border-radius:26px;padding:43px 50px;background:linear-gradient(113deg,#103158,#1766a2);box-shadow:0 14px 35px rgba(16,71,117,.13)}
.pricing-card h2{font-size:clamp(32px,3.3vw,45px);max-width:800px}
.pricing-copy>p:not(.eyebrow){font-size:15px}
.price-box{min-width:240px;padding:24px}
.download-section{padding-top:45px;padding-bottom:75px;background:#f3fbff;max-width:none;width:100%;position:relative;display:grid;grid-template-columns:1fr;gap:0}
.download-section>.download-copy,.download-section>.qr-card{position:relative}
.download-section{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:90px;padding-left:max(22px,calc((100vw - 1210px)/2));padding-right:max(22px,calc((100vw - 1210px)/2))}
.download-copy h2{font-size:clamp(34px,3.8vw,54px)}
.qr-card{min-width:224px;padding:17px}
.qr-card img{width:174px;height:174px}
.contact-section{background:#f2faff}
.site-footer{background:#eaf6ff;color:#204a74;padding:32px 0 25px}
.site-footer .footer-brand b{color:var(--navy)}
.footer-brand img{border-radius:0}
.footer-brand small,.footer-bottom{color:#617e9a}
.footer-nav a{color:#23517e}
.footer-bottom{border-top-color:#cbdff0;margin-top:22px;padding-top:14px}
/* Responsive: keep mockup concept on phone, not tiny desktop columns */
@media(max-width:1160px){.site-header nav{gap:14px}.nav-wrap{gap:18px}.hero .pill-row{flex-wrap:wrap}.hero h1{font-size:clamp(48px,5vw,65px)}}
@media(max-width:990px){
 .nav-wrap{min-height:64px}.site-header nav.open{top:64px}.language-select{margin-left:auto;margin-right:0}.nav-actions{margin-left:0}
 .hero{height:auto;min-height:770px}.hero-backdrop{background-image:linear-gradient(180deg,rgba(252,254,255,.95) 0%,rgba(255,255,255,.94) 37%,rgba(255,255,255,.05) 72%),url('assets/hero-en.webp');background-size:100% 100%,cover;background-position:center,center bottom}.hero-inner{align-items:flex-start;padding-top:38px}.hero-copy{max-width:770px;padding-bottom:440px}.hero h1{font-size:clamp(46px,7vw,73px)}
 .preview-row{grid-template-columns:1.6fr 1fr}.preview-small:last-child{display:none}
 .audio-experience{grid-template-columns:1fr}.player-panel{position:static;display:grid;grid-template-columns:42% minmax(0,1fr);align-self:stretch}.selected-image{height:100%;aspect-ratio:auto}
 .episode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-card{grid-template-columns:1fr}
 .download-section{gap:25px}
}
@media(max-width:650px){
 .site-header{height:70px}.nav-wrap{min-height:70px;gap:7px}.brand-icon{width:41px;height:38px}.brand-name b{font-size:16px}.brand-name b.brand-second{font-size:19px}
 .language-select select{min-width:87px;font-size:11px}.nav-actions{gap:7px}.menu-button{padding:5px 9px}
 .hero{min-height:695px}.hero-inner{padding-top:26px}.hero-copy{padding-bottom:340px}.hero h1{font-size:clamp(43px,10vw,58px)}.hero-description{font-size:15px}.hero-buttons{margin:18px 0}.hero .pill-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hero .pill-row span{text-align:center;font-size:10px;white-space:normal}
 .hero-backdrop{background-size:100% 100%,auto 70%;background-position:center,center bottom;background-repeat:no-repeat}
 .episode-preview{padding:28px 0}.preview-row{grid-template-columns:1fr 1fr;gap:9px}.preview-feature{grid-column:1/-1}.preview-feature>img{width:46%}.preview-small:last-child{display:flex}.preview-small>img{height:78px}.preview-feature,.preview-small{height:156px}
 .free-section{padding:55px 0}.player-panel{display:block}.selected-image{width:100%;height:auto;aspect-ratio:1.12/1}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.episode-card img{max-height:105px}.episode-card-title{font-size:12px}
 .journeys-section{padding:50px 0}.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.journey-card{min-height:158px;padding-right:16px;padding-bottom:62px}.journey-card .journey-thumb{top:auto;bottom:10px;right:10px;width:70%;height:50px}.journey-card p{margin-top:8px;font-size:10.5px;line-height:1.25}.journey-free-badge{right:7px}.journey-num{font-size:36px}
 .features-section{padding:52px 0}.feature-grid{grid-template-columns:1fr}.feature-grid article{padding:16px}
 .pricing-section{padding:40px 0}.pricing-card{padding:30px 24px}.download-section{padding:45px 20px 80px;grid-template-columns:1fr;text-align:center}.download-section .qr-card{margin-inline:auto}.site-footer{padding-bottom:95px}
 .mobile-download{background:#103c70}
}

/* Match Spanish brand art and backdrop when toggling the existing real language control */
body.lang-es .hero-backdrop{background-image:linear-gradient(90deg,rgba(251,254,255,1) 1%,rgba(253,254,255,.98) 27%,rgba(254,255,255,.82) 39%,rgba(255,255,255,.02) 66%),url('assets/hero-es.webp')}
body.lang-es .free-section::before,body.lang-es .journeys-section::before{background-image:url('assets/hero-es.webp')}
@media(max-width:990px){body.lang-es .hero-backdrop{background-image:linear-gradient(180deg,rgba(252,254,255,.95) 0%,rgba(255,255,255,.94) 37%,rgba(255,255,255,.05) 72%),url('assets/hero-es.webp')}}


/* ABJ v6 custom audio player: deliberately omits download, mute, and options menus. */
.player-panel audio[hidden] { display:none !important; }
.abj-audio-controls {
  display:flex;
  align-items:center;
  gap:11px;
  min-height:57px;
  margin:15px 0 15px;
  padding:8px 13px 8px 8px;
  border-radius:999px;
  background:#f8fcff;
  color:#123a62;
  box-shadow:0 5px 15px rgba(1,26,55,.14);
}
.abj-play-toggle {
  flex:0 0 41px;
  height:41px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#078df3;
  box-shadow:0 4px 11px rgba(0,128,220,.22);
  color:#fff;
  cursor:pointer;
  padding:0;
  font-size:17px;
}
.abj-play-toggle span { line-height:1; margin-left:2px; }
.abj-play-toggle.playing span { margin-left:0; font-size:13px; letter-spacing:-3px; margin-right:3px; }
.abj-play-toggle:disabled { opacity:.45;cursor:not-allowed; }
.abj-time { font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:35px;text-align:center;font-weight:750; }
.abj-time:last-child { min-width:39px; }
.abj-seek {
  flex:1 1 auto;
  min-width:35px;
  height:7px;
  padding:0;
  border:0;
  border-radius:8px;
  background:linear-gradient(to right,#118dea 0%,#118dea var(--progress, 0%),#cbd8e3 var(--progress, 0%),#cbd8e3 100%);
  appearance:none;-webkit-appearance:none;
  cursor:pointer;
  accent-color:#118dea;
  touch-action:pan-y;
}
.abj-seek::-webkit-slider-runnable-track {height:7px;border-radius:8px;background:transparent;}
.abj-seek::-moz-range-track {height:7px;border-radius:8px;background:transparent;}
.abj-seek::-webkit-slider-thumb {
  -webkit-appearance:none;appearance:none;
  height:15px;width:15px;
  border-radius:50%;background:#118dea;
  border:2px solid #fff;
  box-shadow:0 1px 5px #7893ac;
  margin-top:-4px;
}
.abj-seek::-moz-range-thumb {height:12px;width:12px;border:2px solid #fff;border-radius:50%;background:#118dea;box-shadow:0 1px 5px #7893ac;}
.abj-seek:disabled {cursor:not-allowed;opacity:.6;}
.abj-audio-controls button:focus-visible,.abj-audio-controls input:focus-visible {outline:3px solid #4cc1ff;outline-offset:3px;}
@media(max-width:440px) {
  .abj-audio-controls {gap:7px;padding-right:11px;}
  .abj-play-toggle {flex-basis:38px;height:38px;}
  .abj-time {font-size:11px;min-width:31px;}
  .abj-time:last-child {min-width:34px;}
}