:root{--ink:#0f1419;--navy:#062f4b;--teal:#075a70;--gold:#ffdc00;--gold-hover:#ffe940;--gray:#5e6873;--line:#e5ebf0;--pale:#f6f9fb;--white:#fff;--max:1240px;--radius:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.5 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.modal-open{overflow:hidden}
button,a,summary,select{-webkit-tap-highlight-color:transparent}
button,select{font:inherit}
a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}
svg{width:22px;height:22px;flex:none}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
[hidden]{display:none!important}
.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.section{padding:65px 0}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope','DM Sans',sans-serif;line-height:1.15;letter-spacing:-.035em}h2{font-size:clamp(25px,2.45vw,34px);font-weight:800;margin-bottom:11px}h3{font-size:16px;font-weight:800}
p{line-height:1.55}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;min-height:50px;font-size:14px;font-weight:800;border:0;border-radius:14px;transition:background .17s,box-shadow .17s,transform .17s;color:#080b0e}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,220,0,.24)}
.btn:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #005da7;outline-offset:3px}
.btn-yellow{background:var(--gold);box-shadow:0 6px 14px rgba(201,165,0,.13)}.btn-yellow:hover{background:var(--gold-hover)}
.btn .wa-icon{width:21px;height:21px}.btn .btn-arr{width:20px;height:20px;margin-left:12px}
.site-header{height:76px;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);border-bottom:1px solid #e9eef1;backdrop-filter:blur(15px)}
.nav-wrap{display:flex;align-items:center;gap:28px;height:100%;justify-content:space-between}.brand{flex:none;display:block}.brand img{width:133px;height:auto;max-height:52px;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700;margin-left:auto}.desktop-nav a{white-space:nowrap}.desktop-nav a:hover{color:var(--teal)}
.nav-cta{padding:11px 16px;min-height:41px;font-size:12px;border-radius:12px;white-space:nowrap}.nav-cta svg{width:15px;height:15px;margin-left:4px}
.menu-toggle,.mobile-nav{display:none}
/* 1. Hero */
.hero{background:radial-gradient(circle at 81% 23%,#eaf1f5 0,#fff 46%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:18px;min-height:562px;align-items:center}
.hero-copy{padding:50px 0 46px;position:relative;z-index:2}
.eyebrow{font-size:11px;letter-spacing:.035em;line-height:1.45;font-weight:800;color:var(--navy);margin-bottom:18px}
.eyebrow-break{display:block}
h1{font-size:clamp(40px,4.2vw,60px);font-weight:800;letter-spacing:-.056em;line-height:1.095;margin-bottom:21px}
h1 span{color:var(--teal)}.hero-desc{color:#293b4b;max-width:500px;font-size:16px;line-height:1.45;margin-bottom:21px}
.hero-cta{padding:15px 20px;min-height:53px;font-size:13px}
.hero-facts{display:flex;align-items:flex-start;gap:20px;margin-top:26px;max-width:540px}
.hero-facts>div{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0}
.fact-icon{width:35px;height:35px;border:1px solid #dbe6ec;border-radius:50%;display:grid;place-items:center;color:var(--navy);flex:none}
.fact-icon svg{width:18px;height:18px}
.hero-facts p{font-size:11px;line-height:1.35;margin:1px 0;color:#4b5965}.hero-facts strong{display:block;font-size:12px;color:var(--navy)}
.hero-secondary{display:inline-block;margin-top:17px;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px;color:var(--teal)}
.hero-secondary span{display:inline-block;margin-left:5px}
.hero-visual{position:relative;height:540px;min-width:0;isolation:isolate}
.visual-halo{position:absolute;z-index:-1;inset:3% -12% -3% -1%;border-radius:50%;background:radial-gradient(circle,#e9f0f4 28%,#fff0 73%)}
.hero-person{position:absolute;right:-4%;top:0;width:76%;height:85%;object-fit:cover;object-position:center 35%;border-radius:30px;mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 89%,transparent 100%)}
.hero-report{position:absolute;right:-5%;bottom:-17px;width:76%;height:48%;object-fit:cover;object-position:center 51%;filter:drop-shadow(0 15px 20px #142f4722);border-radius:10px;mask-image:linear-gradient(to top,transparent 0%,#000 18%,#000 90%,transparent 100%)}
/* 2. Output */
.output-section{padding-top:60px;padding-bottom:58px}.section-heading h2{margin-bottom:7px}.section-heading>p,.section-heading>div>p{font-size:14px;color:#344456;margin-bottom:0}
.heading-with-badge{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}
.pdf-badge{display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 18px;border-radius:12px;background:#eef5f8;flex:none;color:var(--navy)}
.pdf-badge strong{font:800 51px/.95 'Manrope',sans-serif;letter-spacing:-.05em}.pdf-badge span{font-size:12px;font-weight:800;line-height:1.2}
.output-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.output-card{border-radius:16px;padding:24px 19px 21px;min-height:217px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center}
.card-blue{background:linear-gradient(140deg,#e9f6fc,#f4faff)}.card-lilac{background:linear-gradient(140deg,#eeeffe,#f4f7fe)}.card-rose{background:linear-gradient(140deg,#fff0f0,#fef5f6)}.card-peach{background:linear-gradient(140deg,#fff2e8,#fff7f3)}
.icon-bubble{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#ffffff91;color:var(--navy);margin-bottom:14px}.icon-bubble svg{width:36px;height:36px}.card-rose .icon-bubble{color:#f04d55}.card-peach .icon-bubble{color:#efad00}
.output-card h3{font-size:16px;line-height:1.22;margin-bottom:8px;max-width:220px}.output-card p{font-size:12px;line-height:1.35;margin:0;max-width:228px}
/* 3. Preview */
.samples-section{background:#fff;padding-top:52px;padding-bottom:58px}.samples-section .section-heading{margin-bottom:19px}
.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.category-tabs button{border:1px solid #e1e9ee;background:#f2f6f9;color:#264156;border-radius:999px;padding:10px 24px;font-size:12px;font-weight:700;transition:all .15s}.category-tabs button[aria-selected="true"]{background:var(--gold);border-color:var(--gold);color:#101115}
.sample-select-label,.sample-select{display:none}
.report-showcase{position:relative;background:#f1f6f9;border:1px solid #ebf0f4;border-radius:18px;padding:28px 24px 12px}
.report-pages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;overflow:hidden;outline:none}
.report-page{background:transparent;border:0;min-width:0;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;color:#324556}
.report-page img{width:100%;aspect-ratio:5/7;object-fit:cover;object-position:top center;box-shadow:0 5px 13px #182e3d26;border:1px solid #e0e3e5;transition:transform .18s,box-shadow .18s;background:#fff}
.report-page:hover img,.report-page:focus-visible img{transform:translateY(-5px);box-shadow:0 9px 20px #182e3d3a}.report-page span{font-size:11px;white-space:nowrap}
.report-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}.report-controls .circle-arrow{border:1px solid #dce6ec;background:#fff;color:var(--navy);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:25px;line-height:1}.report-counter{font-size:12px;font-weight:800;color:#36556a;min-width:42px;text-align:center}
.sample-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:12px;color:#687986;font-size:11px}.dot-blue{color:#0a7498}
/* 4. Process */
.process-section{padding-top:38px;padding-bottom:54px}.process-section .section-heading{margin-bottom:23px}
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.step{position:relative;padding:4px 23px 0 0}.step:not(:last-child):after{content:'→';position:absolute;right:0;top:11px;color:#0c3856;font-size:29px;font-weight:400}
.step-num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;font:800 21px/1 'Manrope',sans-serif;box-shadow:0 5px 11px #02253f32}
.step h3{margin:15px 0 7px;font-size:15px}.step p{font-size:12px;color:#374858;line-height:1.42;margin:0;max-width:230px}
/* 5. Pricing */
.pricing-section{padding-top:52px;padding-bottom:54px;background:linear-gradient(180deg,#fcfdfe,#fff)}.pricing-section .section-heading{margin-bottom:20px}
.price-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.price-card{min-height:119px;border:1px solid #dfe8ee;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;text-align:center;box-shadow:0 2px 8px #18445a0b}.price-card .tier{font-size:12px;color:#394e5e;margin-bottom:10px;font-weight:700}.price-card strong{font:800 clamp(15px,1.55vw,21px)/1.15 'Manrope',sans-serif;white-space:nowrap;letter-spacing:-.04em}.price-featured{border:2px solid #f2c400;background:#fff9db;box-shadow:0 3px 13px #d6b1002c}
.pricing-cta{display:flex;width:100%;margin:16px 0 10px}.price-hint{text-align:center;font-size:12px;color:#64717c;margin:0}
/* 6. Fit */
.fit-section{padding-top:44px;padding-bottom:55px}.fit-section .section-heading{margin-bottom:19px}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fit-card{border-radius:14px;padding:23px 26px 20px}.fit-good{background:#edfaef}.fit-caution{background:#fff0f0}.fit-card h3{font-size:15px;display:flex;align-items:center;gap:10px;margin:0 0 12px}.fit-symbol{display:grid;place-items:center;color:#fff;width:25px;height:25px;border-radius:50%;font-weight:900;background:#15a344}.fit-caution .fit-symbol{background:#f65b5b}
.fit-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.fit-card li{position:relative;padding-left:21px;font-size:13px;color:#24403b;line-height:1.45}.fit-card li:before{content:'✓';position:absolute;left:0;top:-1px;color:#159941;font-weight:900}.fit-caution li{color:#604145}.fit-caution li:before{content:'!';color:#ed4545;font-weight:900}
/* 7. Why */
.why-section{padding-top:47px;padding-bottom:45px}.why-section .section-heading{margin-bottom:27px}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.why-item{display:flex;align-items:center;gap:10px}.why-icon{width:36px;height:36px;border:1px solid #e0eaf0;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--navy)}.why-icon svg{width:18px;height:18px}.why-item p{font-size:12px;line-height:1.35;margin:0;font-weight:700}
.video-details{margin-top:29px;border-top:1px solid #e7edf1;padding-top:14px}.video-details summary{cursor:pointer;color:var(--teal);font-size:12px;font-weight:800;list-style:none;display:flex;gap:8px;align-items:center}.video-details summary::-webkit-details-marker{display:none}.video-details summary span{font-size:18px}.video-inner{display:flex;align-items:center;gap:24px;max-width:720px;padding-top:15px}.video-inner video{width:160px;max-height:260px;border-radius:12px;background:#111}.video-inner p{font-size:13px;max-width:430px;color:#486074}
/* 8. FAQ and closing action */
.bottom-section{padding-top:47px;padding-bottom:71px}.bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}.faq-col h2{font-size:27px;margin:0 0 14px}.faq-list{display:grid;gap:8px}.faq-list details{border:1px solid #dce6ec;border-radius:9px;background:#f9fbfd;overflow:hidden}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;cursor:pointer;padding:12px 15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:19px;line-height:1;font-weight:400;color:var(--navy)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{border-top:1px solid #e5edf1;color:#4d6471;padding:12px 15px 16px;margin:0;font-size:12px}
.bottom-cta{background:#eff7fb;border-radius:16px;padding:30px 27px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.bottom-cta h2{max-width:445px;font-size:25px}.bottom-cta p{color:#425565;font-size:13px;max-width:400px}.bottom-cta .btn{font-size:13px;padding:12px 16px;min-height:49px;margin:5px 0 9px}.bottom-cta small{color:#57707e;font-size:11px}
.site-footer{border-top:1px solid #e9eef2;background:#fcfdfe;padding:20px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px}.footer-inner img{max-width:105px;height:auto}.footer-inner p,.footer-inner small{font-size:11px;color:#697781;margin:0}
.mobile-wa{display:none}
/* Modal viewer */
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px}.modal-shade{position:absolute;inset:0;background:#0d2133cc;backdrop-filter:blur(4px)}.modal-box{position:relative;z-index:1;width:min(860px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border-radius:16px;background:white;padding:15px 21px 16px;box-shadow:0 32px 100px #0005}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ebedf1;padding-bottom:8px}.modal-head span{font-size:11px;color:var(--teal)}.modal-head h2{font-size:20px;margin:2px 0}.modal-close{background:#f0f4f7;border:0;border-radius:50%;width:42px;height:42px;font-size:30px;line-height:1}.modal-image-wrap{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 0 6px}.modal-image-wrap img{height:min(64dvh,670px);width:auto;max-width:calc(100% - 110px);object-fit:contain;background:#fff;box-shadow:0 5px 19px #0a2a4030}.modal-nav{border:0;border-radius:50%;background:#e9f2f8;color:var(--navy);font-size:29px;font-weight:500;line-height:1;width:43px;height:43px;flex:none}.modal-meta{display:flex;align-items:center;justify-content:center;gap:18px}.modal-meta>span{font-size:12px;font-weight:800;color:var(--navy)}.modal-dots{display:flex;gap:6px}.modal-dots button{width:10px;height:10px;padding:0;border:0;background:#cdd9e2;border-radius:50%}.modal-dots button.active{background:#005579}.modal-box>p{text-align:center;color:#677886;font-size:11px;margin:10px auto 0}
/* Tablet */
@media(max-width:1100px){
  .container{width:min(var(--max),calc(100% - 48px))}.desktop-nav{gap:15px;font-size:11px}.hero-grid{gap:0}.hero-facts{gap:11px}h1{font-size:clamp(38px,4.3vw,53px)}
  .hero-visual{height:490px}.hero-person{width:88%}.hero-report{width:87%}.output-card{padding-inline:12px}.price-grid{gap:8px}
}
/* Mobile navigation breakpoint */
@media(max-width:900px){
  .site-header{height:69px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:grid;place-content:center;gap:5px;width:44px;height:44px;border:0;background:transparent;margin-left:auto}.menu-toggle span{display:block;width:24px;height:2px;background:#0d2534;transition:transform .2s,opacity .2s}.menu-toggle.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .mobile-nav{position:absolute;top:69px;left:-24px;right:-24px;padding:12px 25px 20px;display:grid;background:#fff;border-top:1px solid #e6edf1;box-shadow:0 13px 22px #162c3920}.mobile-nav a{padding:12px 2px;font-weight:700;border-bottom:1px solid #ecf0f3;font-size:14px}.mobile-nav a:last-child{border-bottom:0}
  .hero-grid{grid-template-columns:1fr 1fr}.hero-visual{height:420px}.hero-person{width:100%;right:-4%}.hero-report{width:93%}.hero-copy{padding-top:40px}.hero-facts{gap:8px}.hero-facts>div{gap:4px}.fact-icon{width:26px;height:26px}.fact-icon svg{width:15px;height:15px}.hero-facts p{font-size:10px}.hero-facts strong{font-size:10px}
  .output-grid{gap:10px}.output-card{min-height:225px}.output-card h3{font-size:14px}.output-card p{font-size:11px}.output-card .icon-bubble{width:54px;height:54px}.icon-bubble svg{width:29px;height:29px}
  .price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.why-grid{grid-template-columns:repeat(3,1fr)}
}
/* Portrait / mobile first below */
@media(max-width:700px){
  .container{width:calc(100% - 36px)}.section{padding:40px 0}.site-header{height:61px}.mobile-nav{top:61px;left:-18px;right:-18px}.brand img{width:110px}
  h2{font-size:25px}.section-heading>p,.section-heading>div>p{font-size:12px}
  .hero{background:linear-gradient(160deg,#fff 35%,#f3f8fb)}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:32px 0 0}.eyebrow{font-size:10px;margin-bottom:10px}h1{font-size:clamp(32px,8vw,42px);margin-bottom:14px;line-height:1.13;letter-spacing:-.055em}.hero-desc{font-size:13px;max-width:370px;line-height:1.44;margin-bottom:16px}.hero-cta{width:100%;min-height:49px;font-size:12px;gap:7px;border-radius:12px;padding:12px}.hero-cta .btn-arr{margin-left:auto}.hero-facts{gap:7px;margin-top:16px}.hero-facts>div{gap:5px}.fact-icon{width:27px;height:27px}.hero-facts p,.hero-facts strong{font-size:10px}.hero-secondary{margin-top:9px;font-size:11px}
  .hero-visual{height:240px;width:100%;margin-top:7px;overflow:hidden}.visual-halo{inset:1%}.hero-person{height:97%;width:75%;right:3%;top:0;object-fit:cover;object-position:center 37%;border-radius:15px;mask-image:linear-gradient(to right,transparent,#000 17%,#000 90%,transparent)}.hero-report{height:62%;width:57%;right:0;bottom:-5%;object-fit:cover;object-position:center 35%;border-radius:6px}
  .output-section{padding-top:28px}.heading-with-badge{gap:12px;margin-bottom:16px}.heading-with-badge>div:first-child{min-width:0}.heading-with-badge h2{font-size:23px}.pdf-badge{padding:8px 11px;border-radius:10px;gap:5px}.pdf-badge strong{font-size:38px}.pdf-badge span{font-size:9px}
  .output-grid{display:grid;grid-template-columns:1fr;gap:9px}.output-card{min-height:72px;padding:11px 14px;display:grid;grid-template-columns:49px 1fr;grid-template-rows:auto auto;gap:0 12px;text-align:left;align-items:center;justify-content:start}.icon-bubble{grid-row:1 / span 2;width:45px!important;height:45px!important;margin:0}.icon-bubble svg{width:27px!important;height:27px!important}.output-card h3{font-size:13px;margin:0 0 4px;max-width:none}.output-card p{font-size:11px;max-width:none}
  .samples-section{padding-top:32px}.category-tabs{display:none}.sample-select-label{display:block;font-size:11px;color:#5b6d78;margin:12px 0 5px}.sample-select{display:block;width:100%;background:#fff;border:1px solid #dce5e9;border-radius:10px;padding:12px 15px;font-size:13px;color:#18384d;font-weight:700;margin-bottom:12px}
  .report-showcase{padding:16px 11px 10px;border-radius:14px}.report-pages{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:calc((100% - 60%) / 2);overscroll-behavior-inline:contain}.report-pages::-webkit-scrollbar{display:none}.report-page{width:60%;min-width:60%;flex:none;scroll-snap-align:center;gap:7px}.report-page img{width:100%;aspect-ratio:5/7;max-height:355px;object-fit:contain;box-shadow:0 4px 10px #0c2a3826}.report-page span{font-size:10px}.report-controls{margin-top:11px}.report-controls .circle-arrow{width:42px;height:42px}.report-counter{font-size:12px}.sample-footnote{display:flex;flex-direction:column;gap:4px;font-size:10px}
  .process-section{padding-top:23px}.process-section .section-heading{margin-bottom:16px}.steps-grid{grid-template-columns:1fr;gap:13px}.step{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;padding:0;column-gap:10px}.step-num{grid-row:1 / span 2;width:32px;height:32px;font-size:16px}.step h3{font-size:13px;margin:0 0 4px}.step p{font-size:11px;max-width:none}.step:not(:last-child):after{content:none}
  .pricing-section{padding-top:32px}.pricing-section .section-heading{margin-bottom:14px}.price-grid{grid-template-columns:1fr;gap:7px}.price-card{min-height:50px;flex-direction:row;justify-content:space-between;padding:10px 14px;text-align:left;border-radius:9px}.price-card .tier{font-size:12px;margin:0}.price-card strong{font-size:15px}.price-featured{border-width:2px}.pricing-cta{min-height:46px;font-size:12px;padding:12px 10px;margin:12px 0 9px}.pricing-cta .btn-arr{margin-left:auto}.price-hint{font-size:10px}
  .fit-section{padding-top:35px}.fit-grid{grid-template-columns:1fr;gap:11px}.fit-card{padding:17px 17px 14px}.fit-card h3{font-size:13px}.fit-card li{font-size:11px}
  .why-section{padding-top:34px}.why-section .section-heading{margin-bottom:17px}.why-grid{grid-template-columns:1fr;gap:13px}.why-item p{font-size:12px}.why-icon{width:32px;height:32px}.video-inner{display:block}.video-inner video{width:150px;display:block}.video-inner p{margin-top:8px;font-size:11px}
  .bottom-section{padding-top:26px;padding-bottom:38px}.bottom-grid{grid-template-columns:1fr;gap:22px}.faq-col h2{font-size:22px}.bottom-cta{padding:23px 18px}.bottom-cta h2{font-size:20px}.bottom-cta .btn{font-size:11px}.site-footer{padding:18px 0}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center;gap:8px}.footer-inner p{width:100%}
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.mobile-wa{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 24px);min-height:50px;z-index:39;opacity:0;transform:translateY(110px);pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 7px 26px #0002;font-size:12px}.mobile-wa.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-wa .btn-arr{margin-left:auto}
  .modal{padding:5px}.modal-box{padding:12px;width:calc(100vw - 12px);max-height:calc(100dvh - 10px)}.modal-head h2{font-size:17px}.modal-image-wrap{gap:5px}.modal-image-wrap img{max-width:calc(100% - 86px);height:min(67dvh,600px)}.modal-nav{width:38px;height:38px;font-size:25px}.modal-box>p{font-size:10px}
}
@media(max-width:390px){
 h1{font-size:32px}.hero-facts p,.hero-facts strong{font-size:9px}.fact-icon{width:25px;height:25px}.pdf-badge{padding:8px}.pdf-badge strong{font-size:34px}.output-card h3{font-size:12px}.price-card strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* v2.1 composition refinement: keep the owner's face unobstructed by report stack */
@media(min-width:701px){
  .hero-person{right:-1%;width:72%;height:96%;object-position:center 33%}
  .hero-report{right:auto;left:6%;width:61%;height:39%;bottom:-6px;object-position:center 48%}
}
@media(max-width:700px){
  .hero-person{right:1%;width:72%;height:100%;object-position:center 40%}
  .hero-report{right:auto;left:3%;width:54%;height:47%;bottom:-10px;object-position:center 42%}
  .report-pages{padding:0 10%;scroll-padding-inline:10%}
  .report-page{width:80%;min-width:80%}
}
/* Fade the brochure's secondary slogan from the photograph; the hero headline remains the sole headline. */
.hero-visual:after{content:"";position:absolute;z-index:3;pointer-events:none;top:0;right:-4%;width:35%;height:19%;background:linear-gradient(90deg,rgba(239,245,247,0),#eef4f6 65%);mask-image:linear-gradient(to bottom,#000 65%,transparent)}
@media(max-width:700px){.hero-visual:after{right:0;width:28%;height:19%;background:linear-gradient(90deg,transparent,#eaf1f4 68%)}}
/* Keep the dropdown within the centered nav container on mobile. */
.nav-wrap{position:relative}
.hero-person{mask-image:linear-gradient(to right,transparent 0%,transparent 8%,#000 27%,#000 89%,transparent 100%)}
/* HTML intrinsic dimensions must not force 1125px tall sample thumbnails. */
.report-page img{height:auto}