:root{--ink:#082d59;--teal:#194c80;--deep:#001e57;--mint:#eefaff;--cream:#f7f9fc;--line:#d8e3ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:var(--ink);line-height:1.9}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}a{color:inherit}button,input{font:inherit}.container{width:min(1100px,calc(100% - 48px));margin:auto}.narrow{max-width:850px}.hero{padding:38px 0 42px;background:radial-gradient(circle at 80% 30%,#bcf0f4,transparent 55%),radial-gradient(#b4e5ea .7px,transparent .8px),linear-gradient(115deg,#f6fdff,#dff8fa);background-size:auto,16px 16px,auto}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}.audience{width:fit-content;margin:0 auto 14px;padding:9px 32px;border-radius:6px;background:linear-gradient(120deg,#ff9010,#f36d16);color:white;font-size:20px;font-weight:700;text-align:center;line-height:1.4;box-shadow:0 5px 0 #f8d6ae}.badge{display:block;width:fit-content;margin:0 auto 14px;padding:4px 24px;border-radius:40px;background:linear-gradient(100deg,#2479b8,#194c80);color:white;font-size:21px;font-weight:700;box-shadow:0 5px 15px #194c802b}h1{font-size:clamp(28px,3.05vw,43px);line-height:1.4;letter-spacing:-.04em;font-weight:700}h1 em{font-style:normal;color:#194c80;background:linear-gradient(transparent 78%,#fff078 78%);white-space:nowrap}.hero-art{height:230px;position:relative;max-width:470px;margin:10px auto}.art-glow{position:absolute;inset:15px 0 5px;border-radius:50%;background:#b6eef3}.hero-art>img{position:absolute;height:100%;width:72%;object-fit:contain;bottom:0;left:0;z-index:2}.video-phone{position:absolute;right:20px;top:14px;width:120px;height:193px;background:#35bfcd;border:6px solid #324956;border-radius:22px;box-shadow:0 0 0 3px white,8px 12px 0 #1c879321;transform:rotate(10deg);display:grid;place-items:center}.notch{position:absolute;top:0;width:48px;height:10px;background:#324956;border-radius:0 0 8px 8px}.play{background:#fff;color:#00a6bf;width:53px;height:53px;display:grid;place-items:center;border-radius:50%;font-size:26px;padding-left:4px}.progress{position:absolute;bottom:35px;left:12px;right:12px;height:5px;background:#ffffff70;border-radius:4px}.hero-lead{font-weight:700;font-size:16px;line-height:1.6}.form-card{background:#fff;max-width:560px;margin:30px auto 0;border-radius:20px;padding:26px;box-shadow:0 10px 40px #074b6814;text-align:left;color:var(--ink)}.hero-form{margin:0}.form-group{margin-bottom:12px}.field-label{font-weight:700;display:block;font-size:16px;line-height:1.5;margin-bottom:5px}.required{color:#d84b38;padding-left:4px}.radio-group{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;line-height:1.6}.radio-group label{display:flex;align-items:center;gap:5px;cursor:pointer}.radio-group input{accent-color:#194c80;width:17px;height:17px;margin:0}.form-group input[type=text]{width:100%;height:48px;border:2px solid #c6d3db;border-radius:7px;padding:8px 12px;font-size:16px;color:var(--ink)}input:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #009eb8;outline-offset:3px}.submit-btn{width:100%;background:linear-gradient(#2479b8,#194c80);border:0;border-radius:40px;min-height:54px;padding:10px;color:white;font-weight:700;font-size:19px;cursor:pointer;box-shadow:0 5px 15px #194c8020}.submit-btn:hover{filter:brightness(.95)}.instant{text-align:center;color:#194c80;font-weight:700;font-size:13px;margin:6px 0}.form-note{font-size:11px;color:#74818f;line-height:1.6;border-top:1px solid #e6ebef;padding-top:8px;text-align:center}.section{padding:90px 0}.section-label{color:#194c80;font-size:12px;font-weight:700;letter-spacing:.14em;text-align:center;margin-bottom:16px}h2{font-size:clamp(26px,3.2vw,42px);font-weight:700;line-height:1.6;letter-spacing:.01em;text-align:center;margin-bottom:30px}h2 em{font-style:normal;color:#194c80}.narrow>p:not(.section-label){line-height:2;text-align:center}.concerns{list-style:none;padding:0;margin:30px auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.concerns li{padding:20px 18px;background:#eefaff;border:1px solid var(--line);border-radius:14px;font-weight:700}.concerns li:before{content:"✓";color:#194c80;margin-right:10px}.bridge{font-weight:700;text-align:center;margin-top:30px;line-height:2}.solution{background:var(--cream)}.solution p+p{margin-top:20px}.lessons{background:var(--deep);color:white}.lessons .section-label,.lessons h2 em{color:#bcd7f2}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.lesson{position:relative;padding:32px 25px;border:1px solid #ffffff30;background:#ffffff0d;border-radius:18px}.number{font-size:14px;color:#bcd7f2;letter-spacing:.1em}.lesson-icon{display:block;text-align:center;font-size:44px;color:#bcd7f2;line-height:1.4;margin-bottom:18px}.lesson h3{font-size:20px;line-height:1.6;margin-bottom:16px;text-align:center}.lesson p{font-size:14px;color:#e0eaf5}.expert-grid{display:grid;grid-template-columns:340px 1fr;gap:70px;align-items:center}.expert-photo{position:relative;border-radius:160px 160px 20px 20px;background:var(--mint)}.expert-photo img{width:100%;max-height:440px;object-fit:contain;object-position:bottom}.nameplate{background:var(--deep);color:white;padding:14px 28px;border-radius:10px;margin:-12px -15px 0 25px;position:relative}.nameplate small,.nameplate strong{display:block}.nameplate strong{font-size:28px;letter-spacing:.1em}.expert-copy .section-label,.expert-copy h2{text-align:left}.expert-copy p{font-size:15px;margin-top:16px}.credentials{color:#194c80;font-weight:700;font-size:13px!important}.media{background:#f4f7fb}.media-frame{padding:14px;background:white;box-shadow:0 12px 30px #001e5710}.media-frame img{width:100%}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq details:first-of-type{border-top:1px solid var(--line)}summary{font-weight:700;cursor:pointer;font-size:17px}summary span{color:#194c80;margin-right:14px}.faq details p{padding:14px 0 0 32px;font-size:15px}.final-cta{background:radial-gradient(circle at 90% 0,#194c80,transparent 60%),var(--deep);color:white}.final-cta .section-label{color:#bcd7f2}footer{padding:34px 20px;text-align:center;color:#536a76;font-size:13px}footer nav{display:flex;justify-content:center;gap:20px;margin:12px 0}footer small{font-size:11px}.tamagoTag{position:absolute}
@media(max-width:760px){.container{width:calc(100% - 32px)}.hero{padding:16px 0 20px}.hero-grid{display:block;max-width:470px}.audience{font-size:clamp(14px,4.25vw,19px);padding:7px 22px;margin-bottom:12px}.badge{font-size:18px;padding:3px 20px;margin-bottom:10px}h1{font-size:clamp(23px,6.65vw,32px);line-height:1.4;letter-spacing:-.045em}.hero-art{height:clamp(100px,29vw,145px);margin:6px auto}.video-phone{height:116px;width:73px;border-width:4px;border-radius:14px;right:24px;top:3px}.notch{width:30px;height:7px}.play{width:34px;height:34px;font-size:18px}.progress{bottom:21px;left:7px;right:7px;height:3px}.hero-lead{font-size:clamp(11px,3.2vw,15px);line-height:1.5}.form-card{padding:16px;border-radius:16px}.hero-form{margin-top:10px}.hero-form .form-group{margin-bottom:8px}.hero-form .field-label{font-size:14px;margin-bottom:4px}.hero-form .radio-group{font-size:13px;gap:18px}.hero-form .form-group input[type=text]{height:41px}.hero-form .submit-btn{min-height:46px;font-size:16px;padding:8px 6px}.instant{font-size:11px;margin:4px 0}.hero-form .form-note{font-size:9px;line-height:1.5;padding-top:5px}.section{padding:58px 0}h2{font-size:25px;margin-bottom:24px}.narrow>p:not(.section-label){text-align:left;font-size:14px}.concerns{grid-template-columns:1fr;gap:10px}.concerns li{padding:13px 16px;font-size:14px}.lesson-grid{grid-template-columns:1fr;gap:16px}.lesson{padding:24px}.lesson-icon{float:left;margin:0 20px 0 0;font-size:38px}.lesson h3{text-align:left;font-size:18px}.lesson p{clear:both}.expert-grid{grid-template-columns:1fr;gap:35px}.expert-photo{width:240px;margin:auto}.expert-copy h2,.expert-copy .section-label{text-align:center}.media h2{font-size:22px}.faq summary{font-size:15px}.faq details p{font-size:14px;padding-left:22px}.final-cta .narrow>p{text-align:center}.final-cta h2{font-size:25px}}
@media(max-width:760px) and (max-height:690px){.hero{padding-top:10px}.audience{font-size:14px;padding:5px 18px;margin-bottom:9px}.badge{font-size:15px;margin-bottom:7px}h1{font-size:6.1vw}.hero-art{height:82px;margin:3px auto}.video-phone{height:78px;width:51px;border-radius:11px;right:45px}.play{width:25px;height:25px;font-size:13px}.progress{bottom:13px}.hero-lead{font-size:11px}.hero-form{padding:12px;margin-top:8px}.hero-form .form-note{font-size:8px}.hero-form .field-label{font-size:12px}.hero-form .form-group input[type=text]{height:38px}.hero-form .submit-btn{min-height:42px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:360px) and (max-height:620px){.hero-art{height:58px}.video-phone{height:57px;width:39px;right:40px}.notch{width:20px;height:5px}.play{width:21px;height:21px}.progress{bottom:9px}.hero-form .form-note{font-size:8px}.hero-form{padding:10px}.audience{font-size:13px}}
/* Reference layout: copy beside artwork, registration below the hero. */
.site-header{height:76px;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #082d5910}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:14px;color:#001e57}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;background:#194c80;color:white;border-radius:10px;font-size:24px}.header-cta{padding:8px 20px;background:#194c80;color:white;border-radius:30px;font-size:12px;font-weight:700;text-decoration:none}
.hero{padding:32px 0 36px;background:radial-gradient(circle at 85% 25%,#c1edf5,transparent 48%),radial-gradient(#a5dce7 .7px,transparent .8px),linear-gradient(115deg,#fff,#e6f6fb);background-size:auto,16px 16px,auto}
.hero-grid{grid-template-columns:1.08fr .92fr;gap:24px 40px;align-items:center}
.hero-copy{grid-column:1;grid-row:1;text-align:center}
.audience{font-size:18px;padding:8px 22px;margin-bottom:14px;position:relative}
.audience:before,.audience:after{content:"";position:absolute;width:18px;height:28px;top:15px;background:#ffad00;clip-path:polygon(30% 0,100% 0,60% 100%)}.audience:before{left:-30px;transform:rotate(-35deg)}.audience:after{right:-30px;transform:rotate(35deg)}
.badge{font-size:21px;padding:5px 22px;margin-bottom:14px}
.hero h1{font-size:clamp(28px,3.15vw,43px);line-height:1.42}
.hero-lead{font-size:15px;font-weight:700;margin:18px 0 0;text-align:center;line-height:1.8}
.hero-grid>.hero-art{grid-column:2;grid-row:1;width:100%;height:330px;max-width:470px;margin:0 auto}
.hero-art>img{width:76%;height:100%;left:-8%;object-fit:contain}
.video-phone{width:153px;height:248px;right:9px;top:33px;border-width:7px;border-radius:27px}.play{width:67px;height:67px;font-size:31px}.progress{bottom:45px}.notch{width:61px;height:12px}
.hero-form{grid-column:1 / -1;grid-row:2;width:min(100%,640px);margin:0 auto;padding:22px 28px;border:2px solid #bccfe2;border-radius:16px;box-shadow:0 10px 28px #032d4e1f}
.hero-form .submit-btn{border-radius:9px;box-shadow:0 4px 0 #001e57;min-height:52px;font-size:18px}.hero-form .form-note{font-size:11px}.hero-form .field-label{font-size:14px}.hero-form .form-group{margin-bottom:10px}.hero-form .radio-group{font-size:14px}.hero-form .form-group input[type=text]{height:44px}
@media(max-width:760px){
.site-header{height:52px;padding:0 12px;gap:8px}.brand{gap:6px;font-size:9px;line-height:1.5}.brand b{display:block;font-size:10px}.brand-symbol{width:27px;height:27px;font-size:19px}.header-cta{padding:6px 10px;font-size:10px;white-space:nowrap}
.hero{padding:12px 0 20px}.hero .container{width:calc(100% - 24px)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr);gap:0 5px;max-width:600px}.hero-copy{display:contents}.audience{grid-column:1 / -1;grid-row:1;font-size:13px;padding:6px 20px;line-height:1.4;margin:0 auto 12px}.audience:before,.audience:after{width:12px;height:24px;top:10px}.audience:before{left:-22px}.audience:after{right:-22px}
.badge{grid-column:1;grid-row:2;font-size:15px;padding:3px 16px;margin:0 auto 8px}
.hero h1{grid-column:1;grid-row:3;font-size:clamp(16px,4.5vw,26px);line-height:1.42;text-align:center;letter-spacing:-.055em;white-space:nowrap}
.hero-lead{grid-column:1 / -1;grid-row:4;margin:12px 0 10px;font-size:11px;line-height:1.6;text-align:center}
.hero-grid>.hero-art{grid-column:2;grid-row:2 / 4;width:100%;height:145px;max-width:none;align-self:center;position:relative}
.hero-art>img{width:120%;max-width:none;height:90px;bottom:-2px;left:-20%;z-index:2}
.art-glow{inset:15px -3px 0 -10px}.video-phone{width:65px;height:110px;right:3px;top:0;border-width:4px;border-radius:14px}.play{width:31px;height:31px;font-size:17px}.notch{width:28px;height:6px}.progress{left:7px;right:7px;bottom:21px;height:3px}
.hero-form{grid-column:1 / -1;grid-row:5;width:100%;max-width:560px;padding:12px;margin:0 auto;border-radius:12px}.hero-form .field-label{font-size:13px}.hero-form .form-group{margin-bottom:9px}.hero-form .radio-group{font-size:13px}.hero-form .form-group input[type=text]{height:42px}.hero-form .submit-btn{min-height:46px;padding:9px 5px;font-size:15px}.hero-form .instant{font-size:11px;margin:8px 0 5px}.hero-form .form-note{font-size:9px;padding-top:6px;line-height:1.5}
}
@media(max-width:360px){.site-header{height:48px}.header-cta{font-size:9px;padding:5px 8px}.hero{padding-top:10px}.audience{font-size:12px;margin-bottom:10px}.badge{font-size:13px;margin-bottom:7px}.hero h1{font-size:4.45vw}.hero-grid>.hero-art{height:122px}.hero-art>img{height:76px}.video-phone{width:53px;height:92px}.hero-lead{font-size:10px;margin-top:10px}.hero-form .submit-btn{font-size:13px;min-height:42px}.hero-form .form-note{font-size:8px}}
@media(max-width:360px){.hero-grid>.hero-art{height:110px}.hero-form{padding:10px}}
/* Association brand: Noto Sans JP, navy headings and blue accents. */
:root{--ink:#313131;--teal:#194c80;--deep:#001e57;--mint:#eefaff;--cream:#f7f9fc;--line:#d8e3ef}
body{font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-weight:400}h1,h2,h3{font-weight:700;color:#001e57}h1 em,h2 em{color:#194c80}.hero-lead,.form-card{color:#001e57}.section-label{color:#194c80}.lessons h2,.lessons h3,.final-cta h2{color:#fff}.lessons h2 em{color:#bcd7f2}.brand{color:#001e57}.brand-symbol{background:transparent;border-radius:0;object-fit:contain;width:40px;height:40px}.hero-grid>.hero-art{height:330px}.hero-art>img:not(.video-phone){height:82%;width:76%;bottom:0;left:-8%;z-index:2}.hero-art>img.video-phone{position:absolute;height:330px;width:220px;max-width:none;object-fit:contain;right:-7px;left:auto;top:0;bottom:auto;z-index:1;border:0;border-radius:0;box-shadow:none;background:none;transform:none;display:block}.art-glow{background:#d5edf8}.hero-form .submit-btn{box-shadow:0 4px 0 #001e57}
@media(max-width:760px){.brand-symbol{width:29px;height:29px}.hero-grid>.hero-art{height:145px}.hero-art>img:not(.video-phone){width:120%;height:90px;left:-20%;bottom:-2px}.hero-art>img.video-phone{width:104px;height:155px;right:-10px;left:auto;top:-9px;bottom:auto}.hero h1{letter-spacing:-.055em}.hero-lead{font-weight:700}}
@media(max-width:360px){.hero-grid>.hero-art{height:110px}.hero-art>img:not(.video-phone){height:76px}.hero-art>img.video-phone{width:82px;height:123px;right:-8px;top:-8px}.brand-symbol{width:27px;height:27px}}
/* Supplied decorative assets and reference artwork proportions. */
.site-header{border-bottom:3px solid #001e57}
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero:before,.hero:after{content:"";position:absolute;border:1px solid #8dd2e554;border-radius:50%;width:1250px;height:800px;left:calc(50% - 700px);top:65px;z-index:-1;pointer-events:none;transform:rotate(-17deg)}
.hero:after{width:1550px;height:1050px;left:calc(50% - 780px);top:-150px}
.audience:before,.audience:after{content:none}
.audience .audience-accent{position:absolute;object-fit:contain;width:29px;height:41px;top:50%;transform:translateY(-50%)}
.audience .accent-left{left:-40px}.audience .accent-right{right:-40px}
.hero-art>img.hero-focus-lines{position:absolute;object-fit:contain;width:48px;height:50px;left:auto;right:-30px;top:9px;bottom:auto;z-index:3}
.hero-art>img:not(.video-phone):not(.hero-focus-lines){width:78%;height:88%;bottom:-5px;left:-9%}
@media(max-width:760px){
.site-header{background:#f8f9fb}
.audience{margin-bottom:9px;padding:6px 18px}
.audience .audience-accent{width:21px;height:29px}.audience .accent-left{left:-28px}.audience .accent-right{right:-28px}
.hero-grid>.hero-art{height:160px}
.hero-art>img:not(.video-phone):not(.hero-focus-lines){width:132%;height:112px;left:-28%;bottom:-2px}
.hero-art>img.video-phone{width:115px;height:174px;right:-10px;top:-11px}
.hero-art>img.hero-focus-lines{width:25px;height:27px;right:-10px;top:-5px;left:auto;bottom:auto}
.hero-lead{margin-top:9px}
.art-glow{inset:16px -2px -2px -15px}
}
@media(min-width:421px) and (max-width:760px){
.hero-grid>.hero-art{height:185px}
.hero-art>img:not(.video-phone):not(.hero-focus-lines){height:136px;width:134%}
.hero-art>img.video-phone{width:135px;height:200px;top:-10px}
.hero-art>img.hero-focus-lines{width:30px;height:31px;right:-10px;top:0}
}
@media(max-width:360px){
.audience{padding:5px 15px;margin-bottom:8px}
.audience .audience-accent{width:17px;height:24px}.audience .accent-left{left:-23px}.audience .accent-right{right:-23px}
.hero-grid>.hero-art{height:110px}
.hero-art>img:not(.video-phone):not(.hero-focus-lines){height:82px}
.hero-art>img.video-phone{width:85px;height:127px;top:-9px}
.hero-art>img.hero-focus-lines{width:20px;height:21px;right:-9px;top:-3px}
}
/* Soft blue and gray palette, with green action buttons. */
:root{--ink:#313131;--teal:#194c80;--deep:#607f94;--mint:#f0f6f9;--cream:#f7f8fa;--line:#dce4e9}
body{}
h1,h2,h3{}
h1 em,h2 em{}
.hero-lead,.form-card{}
.section-label,.credentials{}
.brand{}
.site-header{background:#f8fafb;border-bottom-color:#a9c5d5}
.hero{background:radial-gradient(circle at 85% 25%,#e1f0f5,transparent 48%),radial-gradient(#bdd8e2 .7px,transparent .8px),linear-gradient(115deg,#fbfdfe,#edf5f8);background-size:auto,16px 16px,auto}
.hero:before,.hero:after{border-color:#b8d4df66}
.art-glow{background:#e2eff4}
.badge{background:linear-gradient(100deg,#70a7c2,#5b92ae);box-shadow:0 4px 12px #6b9eb520}
.concerns li{background:#f4f8fa;border-color:#dce4e9}
.concerns li:before,.faq summary span{}
.solution{background:#f7f8fa}
.lessons{background:#eaf1f5;}
.lessons .section-label,.lessons h2 em{}
.lessons h2,.lessons h3{}
.lesson{background:#ffffffb8;border-color:#d7e3ea}
.lesson p{}
.number,.lesson-icon{}
.expert-photo{background:#f0f5f8}
.nameplate{background:#7796aa}
.media{background:#f3f6f8}
.final-cta{background:radial-gradient(circle at 90% 0,#edf4f8,transparent 60%),#e5eef3;}
.final-cta h2{}
.final-cta .section-label{}
.form-card{box-shadow:0 10px 28px #536e8112}
.hero-form{border-color:#cbd9e1}
.form-group input[type=text]{border-color:#ccd6dd;}
.form-note{border-color:#e3e8ec}
.required{}
.submit-btn,.hero-form .submit-btn{background:linear-gradient(#39ac75,#27965f);box-shadow:0 4px 0 #21804f;}
.header-cta{background:#299962;box-shadow:0 3px 0 #21804f}
.instant{}
input:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#80acc3}
.radio-group input{accent-color:#739cb3}
footer{}
/* Restore original text colors while retaining soft surfaces. */
.lessons h2,.lessons h3,.final-cta h2{color:#001e57}
.lessons h2 em{color:#194c80}
.lessons .section-label,.final-cta .section-label,.number,.lesson-icon{color:#194c80}
.lesson p,.final-cta{color:#313131}
/* First-view colors from the supplied reference; no dotted background. */
.hero{background:linear-gradient(115deg,#fbfdff 0%,#f4fbff 100%)}
.hero h1,.hero-lead{color:#082e68}
.hero h1 em{color:#008cae;background:linear-gradient(transparent 78%,#ffeb64 78%)}
.badge{background:linear-gradient(100deg,#009bc1,#007fac);color:#fff;box-shadow:0 7px 18px #0088ad24}
.audience{background:linear-gradient(110deg,#ff951b,#f56c1c);color:#fff;box-shadow:0 5px 0 #f8d6ae}
.art-glow{background:#e2f4fa}

/* Keep the lesson closing copy readable on the light background. */
.lessons .bridge{color:#313131}
@media(min-width:761px){.lesson img.lesson-icon{display:block;width:42px;height:42px;object-fit:contain;margin:10px auto 22px}} @media(max-width:760px){.lesson img.lesson-icon{display:block;float:left;width:38px;height:38px;object-fit:contain;margin:0 20px 0 0}}
/* Simple video phone and readable mobile typography. */
.hero-art>.video-phone{position:absolute;width:153px;height:248px;right:9px;left:auto;top:33px;bottom:auto;background:#35bfcd;border:7px solid #324956;border-radius:27px;box-shadow:0 0 0 3px #fff,8px 12px 0 #1c879321;transform:rotate(10deg);display:grid;place-items:center;z-index:1}
.video-phone .play{width:67px;height:67px;font-size:31px;color:#00a6bf;background:white}
@media(max-width:760px){
.hero-art>.video-phone{width:79px;height:132px;right:1px;top:3px;border-width:4px;border-radius:16px}
.video-phone .play{width:38px;height:38px;font-size:21px}.video-phone .notch{width:33px;height:7px}.video-phone .progress{bottom:25px;left:8px;right:8px}
body{font-size:17px;line-height:1.9}
.narrow>p:not(.section-label),.final-cta .narrow>p:not(.section-label),.expert-copy p,.lesson p,.faq details p{font-size:17px;line-height:1.9}
.concerns li{font-size:17px;line-height:1.8}
.lesson h3{font-size:21px;line-height:1.6}
.faq summary{font-size:18px;line-height:1.7}
.section-label{font-size:13px}
.hero h1{font-size:clamp(17px,4.6vw,29px)}
.hero-lead{font-size:14px;line-height:1.65;margin:9px 0}
.audience{font-size:14px}
.hero-form .field-label,.field-label{font-size:16px}
.hero-form .radio-group,.radio-group{font-size:16px}
.hero-form .submit-btn,.submit-btn{font-size:17px;min-height:48px}
.hero-form .instant,.instant{font-size:13px}
.hero-form .form-note,.form-note{font-size:12px;line-height:1.6}
.hero-form .form-group{margin-bottom:9px}
.hero-form{padding:12px}
}
@media(max-width:360px){
.hero-art>.video-phone{width:57px;height:96px;right:2px;top:0;border-radius:12px}
.video-phone .play{width:27px;height:27px;font-size:15px}.video-phone .notch{width:24px;height:5px}.video-phone .progress{bottom:18px}
.audience{font-size:13px}.hero h1{font-size:4.5vw}.hero-lead{font-size:13px}
.hero-form .field-label,.hero-form .radio-group{font-size:15px}
.hero-form .submit-btn{font-size:15px;min-height:44px}
.hero-form .form-note{font-size:11px}
}
/* New phone artwork and stacked mobile first view. */
.hero-art>img.video-phone{width:220px;height:330px;right:-7px;top:0;left:auto;bottom:auto;object-fit:contain;border:0;border-radius:0;background:none;box-shadow:none;transform:none;display:block}
@media(max-width:760px){
.hero .hero-grid{display:flex;flex-direction:column;gap:0;max-width:470px}
.hero-copy{display:contents}
.audience{order:1;font-size:clamp(13px,3.8vw,18px);padding:7px 16px;margin:0 auto 12px}
.badge{order:2;font-size:18px;padding:4px 22px;margin:0 auto 10px}
.hero h1{order:3;align-self:stretch;font-size:clamp(23px,6.4vw,32px);line-height:1.4;text-align:left;letter-spacing:-.055em;white-space:normal}
.hero-grid>.hero-art{order:4;height:clamp(140px,40vw,200px);width:100%;max-width:390px;margin:8px auto 4px}
.hero-art>img:not(.video-phone):not(.hero-focus-lines){width:77%;height:100%;left:0;bottom:0}
.hero-art>img.video-phone{width:38%;height:105%;right:2%;top:-3%;left:auto;bottom:auto}
.hero-art>img.hero-focus-lines{width:30px;height:31px;right:0;top:4px;left:auto;bottom:auto}
.art-glow{inset:14px 8px 0 10px}
.hero-lead{order:5;width:100%;text-align:left;font-size:14px;line-height:1.6;margin:5px 0 12px}
.hero-form{order:6;width:100%;margin:0;border-radius:16px}
}
@media(max-width:360px){
.audience{font-size:12px;padding:5px 14px;margin-bottom:9px}
.badge{font-size:16px;margin-bottom:8px}
.hero h1{font-size:6.35vw}
.hero-grid>.hero-art{height:120px;margin:5px auto 2px}
.hero-art>img.video-phone{width:36%;height:105%;right:3%;top:-3%}
.hero-art>img:not(.video-phone):not(.hero-focus-lines){height:100%;width:77%}
.hero-art>img.hero-focus-lines{width:24px;height:25px}
.hero-lead{font-size:12px;margin:4px 0 9px}
}
/* Match the reference's header-free mobile hero and keep registration controls visible. */
@media(max-width:760px){.site-header{display:none}}
@media(max-width:760px) and (max-height:740px){
.hero{padding-top:10px}
.audience{margin-bottom:8px}
.badge{margin-bottom:7px;font-size:16px}
.hero h1{font-size:6.15vw}
.hero-grid>.hero-art{height:110px;margin:4px auto 2px}
.hero-lead{margin:3px 0 8px;font-size:13px}
.hero-form{padding:10px}
.hero-form .form-group{margin-bottom:7px}
}
@media(max-width:360px) and (max-height:620px){
.hero-grid>.hero-art{height:90px}
.hero h1{font-size:6vw}
.hero-lead{font-size:12px}
}
/* Center the mobile hero copy and tighten the artwork group. */
@media(max-width:760px){
.hero h1{align-self:center;width:max-content;max-width:100%;text-align:left}
.hero-lead{align-self:center;width:max-content;max-width:100%;text-align:left}
.hero-grid>.hero-art{width:92%;max-width:360px}
.hero-art>img:not(.video-phone):not(.hero-focus-lines){width:75%;left:2%}
.hero-art>img.video-phone{right:8%;width:38%}
.hero-art>img.hero-focus-lines{right:3%}
.art-glow{inset:14px 5px 0 5px}
}
@media(max-width:360px){.hero-art>img.video-phone{right:8%;width:36%}}
/* Align focus lines to the phone's top-right edge. */
@media(max-width:760px){
.hero-art>img.hero-focus-lines{right:8%;top:0;width:25px;height:27px;transform:translateX(35%)}
}
@media(max-width:360px){
.hero-art>img.hero-focus-lines{right:8%;top:0;width:22px;height:23px;transform:translateX(35%)}
}
@media(max-width:760px){.hero-art>img.hero-focus-lines{right:12%;transform:translateX(15%)}}

/* Display the complete replacement video thumbnail at every screen size. */
.hero .hero-grid>.hero-art{height:auto;aspect-ratio:928 / 496}
.hero .hero-art>img.hero-thumbnail{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
/* First-view copy from the supplied sample. */
.hero-question{font-size:clamp(19px,2.1vw,28px);font-weight:700;line-height:1.5;color:#082e68;margin:12px 0}
.hero-lead strong{color:#008cae}
@media(max-width:760px){
.hero h1{font-size:clamp(23px,7vw,34px);text-align:center;letter-spacing:-.04em}
.hero-question{order:3;width:100%;font-size:clamp(15px,4.3vw,21px);text-align:center;letter-spacing:-.04em;margin:8px 0 4px}
.hero .hero-lead{width:100%;text-align:center;font-size:clamp(12px,3.5vw,16px);letter-spacing:-.04em;margin:8px 0 12px}
}