/* Shared presentation and accessibility improvements. */
:root{--readable-muted:#c3ccd8}
[hidden]{display:none!important}
html{scroll-padding-top:104px}
section[id],.resource-preview{scroll-margin-top:104px}
:focus-visible{outline:3px solid #f4d38d;outline-offset:5px}
.skip-link{position:fixed;top:8px;left:12px;z-index:1000;padding:12px 18px;background:#f4d38d;color:#07111d;transform:translateY(-160%);font-weight:700}
.skip-link:focus{transform:translateY(0)}
.noscript-note{padding:16px 24px;background:#132439;color:#f8f4ea;line-height:1.6}
.nav-links a{min-height:44px;display:inline-flex;align-items:center}
.nav .nav-links{gap:19px}.nav .nav-links a{font-size:11px;letter-spacing:.04em}
.nav>.button-sm{min-height:44px;font-size:11px;white-space:nowrap}
.nav .brand{flex-shrink:0}.nav-shell .menu{min-width:44px;min-height:44px}
.hero{min-height:0;padding:56px 0 0}.hero-grid-clean{min-height:650px}.hero-copy-wrap{width:min(690px,62%);padding:30px 0 48px}
.hero-copy{font-size:18px;max-width:570px;color:#e3e8ef}
.hero-signature{font-size:11px;line-height:1.7;letter-spacing:.05em;text-transform:none;color:#f4d38d}
.hero-actions .button{min-height:52px;font-size:12px;letter-spacing:.035em}
.hero h1{font-size:clamp(54px,5.3vw,78px);line-height:1;letter-spacing:-.045em}
.availability-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:21px 0;border-top:1px solid #735c35;color:#d5dce5;font-size:13px;line-height:1.6}
.availability-bar p{margin:0}.availability-bar strong{color:#f4d38d}.availability-dot{display:inline-block;width:7px;height:7px;background:#d9ba75;border-radius:50%;margin-right:10px}
.section{padding:78px 0}.section-head p{color:var(--readable-muted);max-width:700px;line-height:1.75}
.section-head h2{max-width:800px}.loop-grid article p,.mode-card p{color:var(--readable-muted);line-height:1.8}
.loop-grid article h3{font-size:32px}.loop-grid article{padding:30px}
.anchor-alias{display:block;position:relative;scroll-margin-top:104px}
.scorecard-feature{background:linear-gradient(135deg,#0c1d2d,#07111d);border-block:1px solid #344253}
.feature-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:58px;align-items:center}
.feature-grid h2{font-size:clamp(35px,4vw,51px);line-height:1.12;margin-bottom:22px}
.feature-grid>div>p:not(.kicker):not(.fine){font-size:17px;line-height:1.8;color:var(--readable-muted)}
.feature-list{padding-left:19px;color:#d6dfe9;line-height:1.8;margin:20px 0 28px}.feature-list li{margin-bottom:8px}
.feature-grid .fine{font-size:13px;line-height:1.7;color:#b7c4d4;margin-top:16px}
.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.preview-grid figure{margin:0;min-width:0}.page-preview{display:block;position:relative;background:#fff;border:1px solid #b89a61;border-radius:8px;overflow:hidden;box-shadow:0 12px 40px #0003;color:#07111d}
.page-preview img{display:block;width:100%;height:auto;aspect-ratio:1082/1400;object-fit:contain;transition:transform .2s}
.page-preview:hover img{transform:scale(1.015)}
.page-preview>span{display:block;padding:11px;background:#e8c47e;color:#07111d;font:700 13px/1.4 system-ui,sans-serif;text-align:center}
.preview-grid figcaption{font-size:14px;line-height:1.6;color:#e6eaf0;margin-top:12px}
.preview-grid figcaption span{color:#c0cbd9}.preview-note{grid-column:1/-1;font-size:13px!important;line-height:1.7;color:#c0cbd9;margin:0}
.feature-previews{gap:18px}.feature-previews figure:nth-child(2){margin-top:32px}
.digital-store .store-heading{align-items:start}.store-heading>p{color:var(--readable-muted);line-height:1.8}
.digital-store .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.digital-store .product-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;overflow:hidden}
.digital-store .product-cover{border:0;border-right:1px solid #344253;border-bottom:0;border-radius:0;min-height:100%;height:auto;padding:24px 18px 48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a2d40,#0a1420);position:relative;overflow:hidden}
.digital-store .product-cover:before,.digital-store .product-cover:after{display:none}
.actual-cover img{display:block;width:100%;height:auto;aspect-ratio:1082/1400;object-fit:contain;box-shadow:0 14px 25px #0005;border:1px solid #cfb37f;transform:rotate(-3deg);transition:transform .2s}
.actual-cover:hover img{transform:rotate(0deg)}
.cover-label{position:absolute;bottom:13px;left:12px;right:12px;font:600 11px/1.5 system-ui,sans-serif;color:#f4d38d;text-align:center}
.digital-store .product-details{padding:26px 22px;min-width:0}.product-details h3{font-size:29px;line-height:1.15}.product-details p,.product-details li{font-size:14px;line-height:1.75;color:#c5cfdd}
.product-details .product-type{font-size:10px;letter-spacing:.1em;color:#f4d38d}.digital-store .product-bottom{gap:12px;flex-wrap:wrap}.product-bottom .button{padding:12px 15px;min-height:46px;font-size:10px;line-height:1.5;letter-spacing:.03em}
.digital-store .product-bottom>strong{font-size:30px}.digital-store .resource-detail-link{font-size:13px;text-decoration:underline;text-underline-offset:4px}
.bundle-preview img{position:absolute;top:26%;width:65%;height:auto;aspect-ratio:1082/1400;border:1px solid #d2b274;box-shadow:0 10px 25px #0005;object-fit:contain}
.bundle-preview img:nth-child(1){transform:translateX(-15%) rotate(-12deg)}.bundle-preview img:nth-child(2){transform:translateX(16%) rotate(10deg)}.bundle-preview img:nth-child(3){transform:translateY(7%)}
.future-section{padding:54px 0;background:#091726;border-block:1px solid #344253}.future-summary{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.future-summary h2{font-size:39px;line-height:1.2}.future-summary p:not(.kicker){max-width:760px;line-height:1.8;color:#bdcbdc;font-size:15px}.future-summary p:last-child{font-size:13px}.future-actions{display:flex;flex-direction:column;align-items:start;gap:20px;font-size:14px}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq-layout h2{font-size:45px}.faq-layout p{line-height:1.8;color:#c5cfdd}.faq-layout a{color:#f4d38d;text-decoration:underline;text-underline-offset:4px}
.faq-list details{border-bottom:1px solid #465264}.faq-list details:first-child{border-top:1px solid #465264}.faq-list summary{cursor:pointer;font:600 16px/1.6 "DM Sans",system-ui,sans-serif;padding:22px 24px 22px 0;color:#f8f4ea}.faq-list details p{font-size:15px;line-height:1.8;padding-right:16px;margin:0 0 22px}.faq-list summary::marker{color:#e8c47e}
.conversion-section{background:#07131f}.conversion-section .privacy-callout{font-size:14px;line-height:1.8;color:#d4dde8}.conversion-section .capture-form label{font-size:14px}.capture-form input:not([type=checkbox]),.capture-form select,.capture-form textarea{font-size:16px}.capture-form textarea{resize:vertical;max-width:100%}.capture-form .checkbox input{width:20px;min-width:20px;height:20px;margin-top:3px;accent-color:#e8c47e}
.survey-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.research-invite{display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:center}.research-invite h2{font-size:40px}.research-invite p{color:#c4cedb;line-height:1.8}.research-invite>div:last-child{font-size:13px}.research-invite a:not(.button){text-decoration:underline;text-underline-offset:4px}
.compact-support{padding:25px 0 55px}.compact-support .support-card{padding:30px;border-color:#344253}.compact-support h2{font-size:30px}.compact-support p{font-size:14px;line-height:1.8}.compact-support .support-actions .button{font-size:10px}.compact-support .legal{font-size:12px}
.resource-preview{margin:36px 0 44px;padding:28px;background:#0d1d2d;border:1px solid #465264;border-radius:12px}.resource-preview .eyebrow{margin-top:0}.resource-preview h2{margin:12px 0 14px;max-width:700px}.resource-preview>p{max-width:800px;color:#c5cfdd}.resource-preview .preview-grid{max-width:900px;margin-top:25px}.resource-preview:has(figure:nth-child(3)) .preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}
.delivery-strip{display:flex;gap:12px 24px;flex-wrap:wrap;margin:22px 0;font-size:13px;color:#e8c47e}.delivery-strip span:before{content:'✓';margin-right:7px}
.preview-dialog{width:min(930px,calc(100vw - 24px));max-height:94dvh;padding:0;background:#081422;border:1px solid #c9ab6f;border-radius:10px;color:#f8f4ea;overflow:auto}.preview-dialog::backdrop{background:#000d}.preview-dialog-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#081422;z-index:1}.preview-dialog-header h2{margin:0;font:500 21px/1.4 Georgia,serif}.preview-dialog-header button{flex-shrink:0;padding:10px 15px;min-width:44px;min-height:44px;border:1px solid #c9ab6f;background:#081422;color:#f4d38d;font:600 14px system-ui,sans-serif;border-radius:5px;cursor:pointer}.preview-dialog img{width:100%;height:auto;display:block;background:white}.preview-dialog .preview-caption{padding:12px 18px;margin:0;font:14px/1.6 system-ui,sans-serif}
.modal .modal-card{max-height:90dvh;overflow-y:auto}.modal[aria-hidden=true]{visibility:hidden}.modal.open[aria-hidden=false]{visibility:visible}
@media(max-width:1190px){.nav .pk-social-top{display:none}.nav .nav-links{gap:17px}.feature-grid{gap:32px}.digital-store .product-card{grid-template-columns:1fr}.digital-store .product-cover{min-height:270px;height:270px;border-right:0;border-bottom:1px solid #344253;padding:22px 20px 40px}.actual-cover img{width:auto;height:100%;max-width:100%}.bundle-preview img{width:auto;height:75%;top:7%;max-width:48%}.digital-store .product-details{padding:26px}}
@media(max-width:1000px){.nav-links{display:none}.menu{display:block}.nav{height:72px}.nav .brand{font-size:25px}.hero-grid-clean{min-height:620px}.hero-copy-wrap{width:min(650px,80%)}.hero:before{background-image:linear-gradient(90deg,#03070ce8, #03070c88 65%,#03070c40),linear-gradient(0deg,#03070c,transparent 35%),url('/preppedkids-diverse-teen-hero.webp')}.hero h1{font-size:65px}.availability-bar{align-items:start}.feature-grid{grid-template-columns:1fr 1fr;gap:30px}.feature-grid h2{font-size:37px}.feature-previews{gap:12px}.preview-grid figcaption{font-size:12px}.faq-layout{gap:35px}.future-summary{grid-template-columns:1fr}.future-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.research-invite{grid-template-columns:1fr;gap:15px}}
@media(max-width:680px){html{scroll-padding-top:84px}.container{width:calc(100% - 36px)}.nav{gap:12px}.nav .brand{font-size:23px;gap:9px}.nav .brand-logo{width:32px;height:40px}.nav>.button-sm{margin-left:auto;padding:0 13px;font-size:10px}.section{padding:55px 0}.hero{padding:22px 0 0}.hero-grid-clean{min-height:570px}.hero-copy-wrap{width:100%;padding:28px 0 32px}.hero-lockup{margin-bottom:24px}.hero-lockup img{width:48px;height:60px}.hero h1{font-size:clamp(43px,10.4vw,64px);line-height:1.03;max-width:530px}.hero-copy{font-size:16px;line-height:1.8;max-width:470px}.hero:before{background-image:linear-gradient(90deg,#03070ce8,#03070c8c),linear-gradient(0deg,#03070c,transparent 50%),url('/preppedkids-diverse-teen-hero-mobile.webp');background-position:center center;background-size:cover}.hero-actions{display:grid;grid-template-columns:1fr;max-width:440px;gap:12px;margin:24px 0 18px}.hero-actions .button{font-size:11px;min-height:50px}.hero-signature{font-size:10px;max-width:400px}.availability-bar{display:grid;gap:8px;padding:18px 0;font-size:12px}.loop-grid{grid-template-columns:1fr;gap:16px}.loop-grid article{padding:25px}.section-head h2{font-size:36px}.feature-grid{grid-template-columns:1fr;gap:28px}.feature-grid h2{font-size:37px}.feature-grid>div>p:not(.kicker):not(.fine){font-size:16px}.feature-previews figure:nth-child(2){margin-top:20px}.feature-previews .preview-note{font-size:12px!important}.digital-store .product-grid{grid-template-columns:1fr;gap:24px}.digital-store .product-cover{height:300px;min-height:300px}.digital-store .store-heading{display:block}.store-heading>p{font-size:15px}.product-details h3{font-size:31px}.product-details .product-bottom{justify-content:space-between}.product-bottom .button{font-size:11px;padding:13px 18px}.mode-grid{grid-template-columns:1fr}.future-summary{gap:24px}.future-summary h2{font-size:34px}.future-actions{flex-direction:column;align-items:start}.faq-layout{grid-template-columns:1fr;gap:22px}.faq-layout h2{font-size:37px}.faq-list summary{font-size:15px;padding:20px 10px 20px 0}.faq-list details p{font-size:14px}.conversion-grid{grid-template-columns:1fr}.conversion-grid h2{font-size:36px}.research-invite h2{font-size:34px}.compact-support .support-card{padding:25px}.compact-support h2{font-size:28px}.resource-preview{padding:20px}.resource-preview .preview-grid,.resource-preview:has(figure:nth-child(3)) .preview-grid{grid-template-columns:1fr;max-width:420px}.preview-grid figcaption{font-size:13px}.preview-dialog-header h2{font-size:18px}.preview-dialog-header{padding:10px 12px}.resource-preview .page-preview>span{font-size:14px}.purchase-dialog .growth-actions{align-items:stretch}.purchase-dialog .growth-actions button{flex:1;min-height:48px}.footer-grid{gap:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.page-preview:hover img{transform:none}}

/* Finishing checks from the published desktop layout. */
.availability-bar{background:#07111df2;padding:18px 22px;margin-bottom:20px;border:1px solid #735c35;border-radius:6px}
.digital-store .bundle-card{grid-column:auto}
.digital-store .product-cover .cover-label{position:absolute;z-index:2;bottom:13px;top:auto;left:12px;right:12px;letter-spacing:.03em;font-size:11px;line-height:1.5;color:#f4d38d}
@media(max-width:390px){.nav{gap:8px}.nav .brand{font-size:20px;gap:7px}.nav .brand-logo{width:28px;height:35px}.nav>.button-sm{padding:0 10px;font-size:9px}.hero h1{font-size:43px}.availability-bar{padding:15px;font-size:11px}}