*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#123a47;background:#fffcf4;font-family:'Yu Gothic',Meiryo,sans-serif;line-height:1.85}a{color:inherit}img{display:block;width:100%;object-fit:cover}button,select{font:inherit}a,button,summary,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #e25438;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:100;background:white}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fffcf4f5;border-bottom:1px solid #123a471b;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:900;line-height:1.3;letter-spacing:.03em}.brand img{width:44px;height:44px;border-radius:8px}.brand-sub{display:block;font-size:13px;font-weight:500}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:bold}nav>a{text-decoration:none}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;background:#123a47;color:white;padding:18px 25px;border:2px solid #123a47;text-decoration:none;border-radius:6px;font-weight:800;line-height:1.6;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#236273}.button.small{padding:12px 19px;background:#ffe365;color:#123a47}.button.outline{background:transparent;color:#123a47}.button.outline:hover{background:#ffe365}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:650px;background:#ffe365;padding:64px 5% 60px;gap:40px;overflow:hidden}.eyebrow{font-size:14px;font-weight:800;letter-spacing:.09em;margin:0 0 20px}.hero h1{font-size:clamp(32px,3.8vw,60px);line-height:1.5;letter-spacing:-.055em;margin:24px 0;font-weight:900}.hero h1 span{background:#fff;padding:0 .12em;box-shadow:5px 5px 0 #123a47}.intro{font-size:18px;margin:24px 0}.micro{font-size:12px;line-height:1.8;opacity:.85;margin:12px 0}.hero-photo{position:relative;align-self:center;margin:0 24px 0 0}.hero-photo>img{height:490px;border-radius:140px 10px 10px 10px;object-position:55% center}.hero-photo figcaption{position:absolute;bottom:8px;right:12px;background:#fff9;padding:1px 8px;border-radius:3px;color:#123a47}.photo-note{position:absolute;bottom:42px;left:-26px;background:#fffcf4;padding:17px 25px;transform:rotate(-4deg);box-shadow:6px 6px #123a47;font-size:19px}.round{position:absolute;right:-28px;top:-26px;width:116px;height:116px;border-radius:50%;background:#007c83;color:white;text-align:center;font-size:13px;line-height:1.5;display:flex;flex-direction:column;justify-content:center;transform:rotate(8deg)}.round b{font-size:25px}figcaption{font-size:11px;text-align:right;opacity:.8}.ribbon{display:flex;justify-content:space-around;gap:15px;background:#123a47;color:white;padding:21px 4%;font-size:14px;font-weight:700}.ribbon span:before{content:'✓';color:#ffe365;margin-right:12px}.section{max-width:1160px;margin:auto;padding:90px 32px}h2{font-size:clamp(27px,3vw,42px);line-height:1.65;letter-spacing:-.04em;margin:0 0 30px}h3{font-size:23px;line-height:1.65;letter-spacing:-.02em}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.example-grid article{border-top:2px solid #123a47;padding-top:24px}.num{font-size:12px;letter-spacing:.1em;font-weight:800;color:#007c83}.example-grid p{font-size:15px}.sample{padding:20px;border-left:4px solid #007c83;background:#e8f2ed;font-weight:700;font-size:16px}.lesson-section{background:#123a47;color:white}.lesson-section .eyebrow{color:#ffe365}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan{padding:32px;background:#fffcf4;color:#123a47;border-radius:10px}.plan.featured{background:#ffe365}.plan-top{display:flex;gap:16px;align-items:center;font-size:12px}.plan-top span{font-size:36px;font-weight:900;line-height:1}.plan h3{font-size:27px}.plan>p{font-size:14px}.plan .price{border-top:1px solid #123a4740;border-bottom:1px solid #123a4740;padding:18px 0;font-size:18px;line-height:1.4}.price b{font-size:49px;letter-spacing:-.05em}.price span{display:block;font-size:14px;margin-top:6px}.plan ul{padding:0;list-style:none;font-size:14px;margin:24px 0}.plan li{margin:9px 0}.plan li:before{content:'✓';margin-right:9px;font-weight:800}.plan .button{width:100%;font-size:14px}.price-note{font-size:13px;opacity:.85;margin-top:25px}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split figure{margin:0}.split img{height:540px;border-radius:8px}.split p{font-size:15px}.credentials{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:800}.credentials span{border-bottom:3px solid #ffe365}.review{background:#e0eeea}.review em{font-style:normal;color:#007c83;text-decoration:underline;text-decoration-color:#ffe365;text-decoration-thickness:10px;text-underline-offset:2px}.review-price{border-block:1px solid #123a4740;padding:12px 0;margin:25px 0}.review-price p{margin:5px 0}.review-price strong{font-size:25px}.review-price small{font-size:12px;display:block}.text-link{font-weight:bold;text-underline-offset:6px}.flow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;list-style:none}.flow li{border-top:1px solid #123a4740;padding-top:25px}.flow b{font-size:42px;color:#007c83}.flow h3{font-size:19px}.flow p{font-size:15px}.group{background:#ffe365;padding:40px;display:flex;gap:32px;align-items:center;justify-content:space-between}.group h2{font-size:30px;margin-bottom:12px}.group p{font-size:14px}.group .button{flex-shrink:0}.faq{max-width:1000px}.faq details{border-bottom:1px solid #123a4730}.faq summary{padding:24px 35px 24px 0;cursor:pointer;list-style:none;font-weight:bold;position:relative}.faq summary:after{content:'+';position:absolute;right:10px;color:#007c83;font-size:24px;top:16px}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 30px 20px 0;font-size:15px;margin:0}.contact{background:#007c83;color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact h2{font-size:42px}.free-stamp{display:flex;align-items:center;gap:20px}.free-stamp strong{font-size:70px;color:#ffe365;line-height:1.3}.free-stamp span{font-size:13px}.contact-box{padding:32px;background:#fffcf4;color:#123a47;border-radius:8px}.contact-box label{display:block;font-weight:bold;font-size:14px}.contact-box label small{font-weight:normal;margin-left:10px}.contact-box select{width:100%;margin:12px 0 24px;background:white;border:1px solid #7a969b;border-radius:4px;padding:13px;color:#123a47;font-size:14px}.contact-box .button{font-size:14px;width:100%}.email-address{font-size:clamp(13px,1.5vw,18px);font-weight:bold;overflow-wrap:anywhere;display:block;margin:25px 0 10px}.copy{background:transparent;border:0;border-bottom:1px solid #123a47;color:#123a47;cursor:pointer;font-size:12px;padding:4px 0}#copy-status{font-size:12px;margin:4px 0;min-height:20px}footer{padding:45px 5%;font-size:13px}footer .brand{font-size:16px}footer small{font-size:11px}.mobile-cta{display:none}@media(max-width:800px){header{height:74px;padding:0 20px}nav{gap:12px}nav>a:not(.button){display:none}.brand{font-size:14px}.brand img{width:36px;height:36px}.button.small{font-size:11px;padding:10px}.hero{grid-template-columns:1fr;padding:36px 24px 45px;gap:36px}.hero h1{font-size:clamp(30px,7.6vw,50px)}.hero .eyebrow{font-size:11px}.intro{font-size:16px}.hero-photo{margin:0 15px}.hero-photo>img{height:340px;border-radius:100px 8px 8px 8px}.photo-note{font-size:16px;left:-15px;padding:12px 20px}.round{width:95px;height:95px;right:-22px;top:-16px;font-size:11px}.ribbon{flex-wrap:wrap;font-size:11px;gap:6px 20px;padding:18px}.section{padding:58px 24px}.example-grid,.plans,.split,.contact-grid,.flow ol{grid-template-columns:1fr;gap:28px}.example-grid{margin-top:32px}.example-grid article h3 br{display:none}.example-grid article h3{margin:12px 0}.split img{height:350px}.plan{padding:25px}.plan h3{font-size:23px}.plan .price b{font-size:44px}.group{margin:0 16px;padding:30px 22px;display:block}.group .button{margin-top:15px}.contact h2{font-size:31px}.contact-box{padding:24px}.flow h3{margin:5px 0}.flow b{font-size:32px}.flow p{margin-top:10px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;z-index:30;text-align:center;background:#ffe365;color:#123a47;text-decoration:none;font-weight:800;font-size:14px;padding:13px 10px;border-top:1px solid #123a47}footer{padding-bottom:90px}.contact-box .button{padding:15px 12px;gap:8px;font-size:13px}.review .split figure{order:-1}.email-address{font-size:15px}.hero .button{font-size:14px;padding:17px 18px}.hero .micro{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
