:root{--green:#184e3d;--deep:#143c30;--mint:#eef5ef;--ink:#203d33;--muted:#66776e;--orange:#ed852b;--paper:#faf9f4;--line:#dce5dd;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--ink);font-family:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:calc(15px + 5pt);line-height:1.9;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #d96617;outline-offset:5px}input:focus,select:focus{outline:2px solid #4e8f6c;outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;letter-spacing:.015em;line-height:1.6}h2{font-size:calc(34px + 5pt);line-height:1.65}h2 em{font-style:normal;color:var(--green)}h2>span{color:var(--green)}.container{width:min(1080px,calc(100% - 64px));margin:auto}.narrow{max-width:870px}.section{padding:96px 0}.section-label{font-family:Arial,sans-serif;font-size:calc(11px + 5pt);font-weight:700;letter-spacing:.18em;color:#6c8d75;margin-bottom:20px}.section-intro{color:var(--muted);margin:22px auto 36px;line-height:2}.button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:58px;background:var(--orange);border:0;border-radius:6px;padding:15px 22px;color:white;font-weight:800;line-height:1.5;box-shadow:0 6px 0 rgba(152,78,17,.12);transition:background .2s,transform .2s}.button:hover{background:#dc731c;transform:translateY(-2px)}.button>span{font-size:calc(22px + 5pt);line-height:1}.button-small{width:auto;min-height:44px;font-size:calc(13px + 5pt);padding:12px 19px;box-shadow:none}.preview-bar{height:27px;display:flex;align-items:center;justify-content:center;background:#f0eee7;color:#6d6b5d;font-size:calc(11px + 5pt);line-height:1;letter-spacing:.04em}.preview-dot{width:5px;height:5px;border-radius:50%;background:#a49c79;margin-right:7px}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid #e5ebe5}.header-inner{max-width:1280px;min-height:83px;margin:auto;padding:9px 36px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:17px}.brand img{width:54px;height:61px;object-fit:contain}.brand>span{font-size:calc(11px + 5pt);font-weight:700;line-height:1.7;letter-spacing:.05em}.header nav{display:flex;align-items:center;gap:28px;font-size:calc(12px + 5pt);font-weight:700}.header nav>a:not(.button):hover{color:#c76c25}.hero{position:relative;background:var(--mint);padding:44px 0 48px;overflow:hidden}.hero:before{content:"";position:absolute;width:650px;height:650px;border:1px solid #d9e7dc;border-radius:50%;left:-200px;top:-220px;pointer-events:none}.hero-inner{position:relative;width:min(1180px,calc(100% - 72px));margin:auto;display:grid;grid-template-columns:1.4fr 1fr;gap:48px}.eyebrow{font-size:calc(11px + 5pt);font-weight:700;letter-spacing:.025em;display:flex;align-items:center;gap:7px}.eyebrow>span{width:6px;height:6px;background:var(--orange);border-radius:50%;flex-shrink:0}.hero-kicker{margin:22px 0 10px;font-size:calc(16px + 5pt);font-weight:700;letter-spacing:.04em}.hero h1{font-size:calc(clamp(32px,3.65vw,48px) + 5pt);line-height:1.55;letter-spacing:.005em;white-space:nowrap}.hero h1>span{background:linear-gradient(transparent 78%,#f4ce93 78%,#f4ce93 95%,transparent 95%)}.hero-description{margin:20px 0 16px;font-size:calc(14px + 5pt);font-weight:500;line-height:1.9}.hero-tags{display:flex;gap:8px;margin-bottom:26px;flex-wrap:wrap}.hero-tags>span{border:1px solid #a9bfae;border-radius:3px;padding:3px 11px;font-size:calc(11px + 5pt);font-weight:700;background:#ffffff80}.hero-photo{height:164px;border-radius:6px;overflow:hidden;position:relative;background:#d6e3d9}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:center 40%}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#153d32c9,transparent 90%)}.photo-caption{position:absolute;left:25px;bottom:22px;color:white;z-index:1;line-height:1.8}.photo-caption>span{font-size:calc(10px + 5pt);letter-spacing:.1em}.photo-caption strong{display:block;font-size:calc(18px + 5pt)}.event-date{padding:0 6px 20px}.event-year{display:block;font:700 calc(13px + 5pt) Arial,sans-serif;letter-spacing:.15em}.event-date>div{display:flex;align-items:baseline;gap:17px;line-height:1.2;margin-top:3px}.event-date strong{font-family:Arial,sans-serif;font-size:calc(59px + 5pt);letter-spacing:-.04em;font-weight:700}.event-date .day{font:700 calc(13px + 5pt) Arial,sans-serif;border:1px solid #9cb4a4;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;align-self:center}.event-date p{font:600 calc(18px + 5pt) Arial,sans-serif;letter-spacing:.05em;margin-top:9px}.event-date p>span{font-family:inherit;font-size:calc(11px + 5pt);letter-spacing:0;margin-left:12px}.form-card{background:white;border:1px solid #dce6dc;border-radius:9px;padding:25px 26px 20px;box-shadow:0 12px 30px #153d3210}.form-top{margin-bottom:18px}.free-label{display:inline-block;background:var(--green);color:white;border-radius:3px;font-size:calc(10px + 5pt);letter-spacing:.09em;font-weight:700;padding:2px 12px;margin-bottom:8px}.form-top h2,.form-top h3{font-size:calc(19px + 5pt)}.form-top p{font-size:calc(11px + 5pt);color:var(--muted);margin-top:4px}.registration-form{display:grid;gap:13px}.registration-form label{display:block;font-size:calc(11px + 5pt);font-weight:700;line-height:1.8}.required,.optional{display:inline-block;font-size:calc(9px + 5pt);line-height:1.5;margin-left:6px;font-weight:500}.required{color:#b85b22}.optional{color:#8c958f}.registration-form input,.registration-form select{width:100%;border:1px solid #d6ded6;border-radius:4px;height:40px;background:#fcfdfb;padding:8px 10px;margin-top:5px;font-size:calc(12px + 5pt);font-weight:400;color:var(--ink);min-width:0}.registration-form input::placeholder{color:#a0a9a1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.privacy-note{font-size:calc(10px + 5pt);line-height:1.8;color:#7d867f}.privacy-note a{text-decoration:underline}.preview-note{font-size:calc(9px + 5pt);color:#8b8c7d;text-align:center;line-height:1.7}.registration-form .button{font-size:calc(14px + 5pt);min-height:53px;padding:14px 15px}.event-strip{background:var(--green);color:white}.event-strip>div{width:min(1180px,calc(100% - 72px));margin:auto;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.strip-label{font-size:calc(10px + 5pt);border:1px solid #91ad9d;padding:1px 10px;white-space:nowrap}.event-strip p{font-size:calc(14px + 5pt);font-weight:700}.event-strip>div>span:last-child{font-size:calc(11px + 5pt);letter-spacing:.02em;white-space:nowrap}.pain{text-align:center;background:var(--paper)}.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}.pain-grid article{position:relative;text-align:left;background:#fff;padding:27px 21px 24px;border-radius:6px;border-bottom:3px solid #cfdbcc}.pain-number{font:600 calc(12px + 5pt) Arial,sans-serif;letter-spacing:.1em;color:#9aaf9e}.pain-grid h3{font-size:calc(17px + 5pt);line-height:1.8;margin:20px 0 13px}.pain-grid p{font-size:calc(12px + 5pt);line-height:1.9;color:var(--muted)}.pain-bottom{margin-top:38px;font-size:calc(15px + 5pt);line-height:2}.pain-bottom strong{font-size:calc(17px + 5pt)}.cause{background:var(--deep);color:white;text-align:center;padding:76px 0}.light-label{color:#99baa6}.cause h2{font-size:calc(31px + 5pt)}.cause h2 span{color:#f3ca8b}.cause>div>p:not(.section-label){margin-top:24px;font-size:calc(14px + 5pt);color:#cfddd3;line-height:2}.cause-line{display:flex;gap:15px;align-items:center;justify-content:center;margin:36px 0 28px}.cause-line>span{border:1px solid #648271;padding:12px 22px;font-weight:700;font-size:calc(13px + 5pt)}.cause-line i{font-style:normal;color:#e7ba79}.cause-end strong{color:white}.tasks{text-align:center}.task-list{margin-top:38px;text-align:left;border-top:1px solid var(--line)}.task-list article{display:flex;gap:35px;padding:25px 0;border-bottom:1px solid var(--line)}.task-list article>span{font:500 calc(35px + 5pt) Arial,sans-serif;color:#74927d;min-width:60px}.task-list h3{font-size:calc(18px + 5pt);margin-bottom:7px}.task-list p{font-size:calc(13px + 5pt);color:var(--muted);line-height:1.9}.workflow{background:var(--mint);text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left;margin-top:40px}.steps article{background:white;padding:28px;border-radius:7px}.step-top{display:flex;justify-content:space-between;align-items:center;color:var(--green);font:700 calc(11px + 5pt) Arial,sans-serif;letter-spacing:.05em}.step-top .role{font-family:inherit;font-size:calc(10px + 5pt);background:var(--mint);padding:4px 10px;border-radius:3px}.step-icon{font-family:Arial,sans-serif;font-size:calc(35px + 5pt);display:grid;place-items:center;background:#f1f6f0;color:#55785f;width:64px;height:64px;border-radius:50%;margin:24px 0 20px}.steps h3{font-size:calc(20px + 5pt);line-height:1.7}.steps p{font-size:calc(13px + 5pt);color:var(--muted);margin-top:15px;line-height:2}.footnote{font-size:calc(11px + 5pt);color:#77847a;line-height:1.9}.workflow>.container>.footnote{margin-top:21px}.customization{display:grid;grid-template-columns:1fr 1fr;text-align:left;margin-top:48px;padding-top:35px;border-top:1px solid #cbd9cc;gap:50px}.customization .section-label{font-size:calc(9px + 5pt);margin-bottom:12px}.customization h3{font-size:calc(23px + 5pt)}.customization>div:last-child>p:first-child{font-size:calc(14px + 5pt);margin-top:9px}.customization .footnote{margin-top:12px}.case{text-align:center}.case-comparison{position:relative;max-width:850px;margin:40px auto 20px;display:grid;grid-template-columns:1fr 1fr;gap:52px}.case-comparison article{border:1px solid #dde2d9;border-radius:7px;overflow:hidden}.comparison-title{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;background:#e9ece8}.comparison-title>span{font:700 calc(10px + 5pt) Arial,sans-serif;letter-spacing:.1em}.comparison-title p{font-size:calc(13px + 5pt);font-weight:700}.after .comparison-title{background:var(--green);color:white}.case-comparison img{width:100%;height:190px;object-fit:cover;object-position:center 38%}.comparison-body{padding:24px 10px;background:#f7f8f5}.comparison-body>p:first-child{font-size:calc(11px + 5pt);color:var(--muted);font-weight:700}.comparison-body strong{font:700 calc(56px + 5pt) Arial,sans-serif;line-height:1.5;letter-spacing:-.04em;white-space:nowrap}.comparison-body strong span{font:700 calc(19px + 5pt) "Yu Gothic",sans-serif;letter-spacing:0;margin:0 5px}.after .comparison-body{background:#eef5ee}.after .comparison-body strong{color:var(--green)}.comparison-caption{font-size:calc(11px + 5pt);margin-top:2px}.comparison-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#7c9b84;font-size:calc(28px + 5pt)}.comparison-note{max-width:850px;margin:auto;text-align:left}.case-story{max-width:740px;margin:36px auto 0;text-align:left;font-size:calc(14px + 5pt);line-height:2.1}.case-story blockquote{margin:28px 0;background:var(--paper);padding:30px 35px;font-size:calc(24px + 5pt);font-weight:700;line-height:1.8;border-left:3px solid #8eaa91}.case-story cite{display:block;font-style:normal;font-size:calc(10px + 5pt);color:var(--muted);font-weight:400;margin-top:14px}.honest-note{background:#f2f4f0;padding:20px 24px;margin-top:25px}.honest-note strong{font-size:calc(13px + 5pt)}.honest-note p{font-size:calc(12px + 5pt);color:var(--muted);margin-top:4px}.contents{background:var(--paper);text-align:center}.learning-list{margin:40px auto 0;max-width:940px;text-align:left}.learning-list article{display:flex;align-items:flex-start;gap:26px;border-bottom:1px solid var(--line);padding:25px 0}.learning-list article:first-child{border-top:1px solid var(--line)}.learning-list article>span{font:500 calc(27px + 5pt) Arial,sans-serif;color:#86a18a;min-width:40px}.learning-list article>div{flex:1}.learning-list h3{font-size:calc(18px + 5pt)}.learning-list p{font-size:calc(13px + 5pt);color:var(--muted);margin-top:7px}.learning-list b{border:1px solid #afc2af;font-size:calc(10px + 5pt);min-width:49px;text-align:center;padding:2px 8px;border-radius:30px;margin-top:3px}.inline-cta{margin-top:36px}.inline-cta p{font-size:calc(11px + 5pt);color:var(--muted);margin-bottom:14px}.inline-cta .button{max-width:350px;margin:auto;font-size:calc(15px + 5pt)}.audience h2,.speakers h2,.outline h2{text-align:center}.audience .section-label,.speakers .section-label,.outline .section-label{text-align:center}.audience ul{list-style:none;padding:0;margin:35px 0 22px}.audience li{position:relative;padding:18px 0 18px 35px;font-size:calc(15px + 5pt);font-weight:700;border-bottom:1px solid var(--line)}.audience li:before{content:"✓";position:absolute;left:0;top:19px;width:19px;height:19px;background:#e8f0e7;color:var(--green);font-size:calc(12px + 5pt);border-radius:50%;display:grid;place-items:center;line-height:1}.speakers{background:#f3f6f0}.speaker-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:900px;margin:40px auto 0}.speaker-grid article{display:flex;align-items:center;gap:25px}.portrait{width:150px;height:180px;flex-shrink:0;border-radius:70px 70px 5px 5px;overflow:hidden;background:#e0e8dd}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.speaker-company{font-size:calc(10px + 5pt);color:var(--muted);margin-bottom:8px}.speaker-grid h3{font-size:calc(27px + 5pt);letter-spacing:.08em}.speaker-en{font:400 calc(9px + 5pt) Arial,sans-serif;color:#81917e;letter-spacing:.13em;margin-top:9px}.speaker-description{max-width:800px;margin:35px auto 0;text-align:center;font-size:calc(13px + 5pt);color:var(--muted);line-height:2}.thought{background:var(--paper)}.thought-grid{display:grid;grid-template-columns:.8fr 1.3fr;gap:75px;align-items:center}.thought-photo{position:relative;padding:0 0 27px}.thought-photo img{width:100%;border-radius:6px;aspect-ratio:4/5;object-fit:cover;object-position:center}.thought-photo>span{position:absolute;bottom:0;left:0;font:500 calc(11px + 5pt) Arial,sans-serif;letter-spacing:.27em;color:#8c9d86}.thought h2{font-size:calc(27px + 5pt);margin-bottom:25px}.thought-copy>p:not(.section-label){font-size:calc(13px + 5pt);margin-top:16px;color:#526657;line-height:2.1}.thought-copy strong{color:var(--green)}.outline dl{margin:36px 0 0;border-top:2px solid var(--green);font-size:calc(14px + 5pt)}.outline dl>div{display:grid;grid-template-columns:170px 1fr;padding:19px 12px;border-bottom:1px solid var(--line);gap:20px}.outline dt{font-weight:700}.outline dd{margin:0;color:#4a5f50}.outline-free{background:#e9f1e7;color:var(--green);padding:3px 20px;font-weight:700;font-size:calc(13px + 5pt)}.final-section{background:var(--deep);color:white}.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.final-copy h2{font-size:calc(39px + 5pt);line-height:1.65;margin:15px 0 20px}.final-copy h2>span{color:#f0cc96}.final-copy>.free-label{background:#ffffff16;border:1px solid #88a18c;color:#e6ecdf}.final-copy>p:not(.section-label){color:#c2d4c6;font-size:calc(13px + 5pt);line-height:2}.final-date{margin-top:35px;padding-top:24px;border-top:1px solid #5a7765}.final-date strong{font:600 calc(55px + 5pt) Arial,sans-serif;letter-spacing:-.03em}.final-date strong span{font-size:calc(14px + 5pt);letter-spacing:.1em}.final-date p{font-size:calc(12px + 5pt);letter-spacing:.05em;color:#c2d4c6}.bottom-form{color:var(--ink);padding:30px}.bottom-form .registration-form{gap:15px}.bottom-form .form-top h3{font-size:calc(22px + 5pt)}.bottom-form input,.bottom-form select{height:44px}.footer-main{display:flex;gap:45px;align-items:center;padding-top:42px;padding-bottom:35px}.footer-brand{display:flex;align-items:center;gap:15px;flex-shrink:0}.footer-brand img{width:55px}.footer-brand p{font-size:calc(12px + 5pt);font-weight:700}.company-info{font-size:calc(10px + 5pt);color:var(--muted);line-height:2.2}.company-info>div{display:flex;gap:25px;margin-top:12px}.company-info a{text-decoration:underline;text-underline-offset:4px}.copyright{border-top:1px solid #e9eee6;text-align:center;padding:16px 0 100px;font:400 calc(9px + 5pt) Arial,sans-serif;letter-spacing:.1em;color:#9ca99a}.floating-cta{position:fixed;bottom:22px;right:24px;z-index:30;border-radius:6px;background:var(--orange);color:white;box-shadow:0 5px 20px #50341130;padding:11px 22px;transition:opacity .2s,transform .2s}.floating-cta>span{display:block;font-size:calc(9px + 5pt);line-height:1.5;letter-spacing:.02em}.floating-cta strong{font-size:calc(14px + 5pt);display:flex;gap:28px;align-items:center}.floating-cta strong span{font-size:calc(21px + 5pt)}.floating-cta:hover{background:#dc731c;transform:translateY(-2px)}.floating-cta.hidden{opacity:0;pointer-events:none;transform:translateY(15px)}dialog{border:0;padding:0;border-radius:10px;width:min(480px,calc(100% - 32px));color:var(--ink);box-shadow:0 20px 80px #112b3650}dialog::backdrop{background:#123729a8}.dialog-inner{padding:34px}.dialog-inner h2{font-size:calc(24px + 5pt)}.dialog-inner>p:not(.section-label){font-size:calc(13px + 5pt);color:var(--muted);margin-top:14px}.dialog-inner dl{margin:20px 0;font-size:calc(12px + 5pt)}.dialog-inner dl>div{padding:9px 0;border-bottom:1px solid var(--line)}.dialog-inner dt{font-size:calc(10px + 5pt);color:var(--muted)}.dialog-inner dd{margin:0;overflow-wrap:anywhere}.mobile{display:none}
@media(min-width:1500px){.hero{padding-top:55px;padding-bottom:60px}.hero h1{font-size:calc(49px + 5pt)}.hero-inner{gap:70px}}
@media(max-width:1050px){.header-inner{padding-left:24px;padding-right:24px}.header nav{gap:20px}.hero-inner{width:calc(100% - 48px);gap:28px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:calc(35px + 5pt)}.hero-kicker{font-size:calc(14px + 5pt)}.eyebrow{font-size:calc(9px + 5pt)}.hero-description{font-size:calc(12px + 5pt)}.hero-tags>span{font-size:calc(9px + 5pt);padding:3px 8px}.form-card{padding:22px 20px}.form-top h2{font-size:calc(17px + 5pt)}.hero-photo{height:176px}.pain-grid{gap:12px}.pain-grid article{padding:24px 15px}.pain-grid h3{font-size:calc(15px + 5pt)}.pain-grid p{font-size:calc(11px + 5pt)}.steps article{padding:23px}.steps h3{font-size:calc(17px + 5pt)}.speaker-grid{gap:25px}.speaker-grid article{gap:18px}.portrait{width:115px;height:150px}.speaker-grid h3{font-size:calc(24px + 5pt)}.thought-grid{gap:40px}.thought h2{font-size:calc(23px + 5pt)}.final-grid{gap:40px}.final-copy h2{font-size:calc(33px + 5pt)}.footer-main{gap:25px}}
@media(max-width:760px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.section{padding:65px 0}h2{font-size:calc(26px + 5pt);line-height:1.75}.section-label{font-size:calc(9px + 5pt);margin-bottom:15px}.section-intro{font-size:calc(13px + 5pt);line-height:2;margin-top:18px}.preview-bar{height:24px;font-size:calc(10px + 5pt)}.header-inner{min-height:64px;padding:7px 18px;gap:10px}.brand img{width:38px;height:45px}.brand{gap:9px}.brand>span{font-size:calc(8px + 5pt)}.header nav>a:not(.button){display:none}.header .button-small{min-height:37px;padding:10px 12px;font-size:calc(10px + 5pt);gap:12px}.header .button-small span{font-size:calc(14px + 5pt)}.hero{padding:28px 0 35px}.hero-inner{display:block;width:calc(100% - 40px)}.eyebrow{font-size:calc(9px + 5pt);line-height:1.7}.hero-kicker{font-size:calc(12px + 5pt);margin:24px 0 9px}.hero h1{font-size:calc(clamp(27px,7.4vw,40px) + 5pt);line-height:1.65;white-space:normal;letter-spacing:-.015em}.hero-description{font-size:calc(12px + 5pt);line-height:1.9;margin-top:18px}.hero-tags{gap:6px;margin-bottom:22px}.hero-tags>span{font-size:calc(9px + 5pt);padding:3px 8px}.hero-photo{height:165px}.photo-caption{left:20px;bottom:18px}.photo-caption strong{font-size:calc(17px + 5pt)}.hero-aside{margin-top:28px}.event-date{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;padding:0 0 20px}.event-year{grid-column:1}.event-date>div{grid-column:1;gap:10px}.event-date strong{font-size:calc(48px + 5pt)}.event-date .day{width:31px;height:31px;font-size:calc(10px + 5pt)}.event-date p{grid-column:2;grid-row:1/3;font-size:calc(20px + 5pt);margin:0;text-align:right}.event-date p>span{display:block;font-size:calc(11px + 5pt);margin:12px 0 0}.form-card{padding:24px 22px}.form-top h2{font-size:calc(19px + 5pt)}.registration-form{gap:15px}.registration-form label{font-size:calc(11px + 5pt)}.registration-form input,.registration-form select{height:44px;font-size:calc(16px + 5pt);padding:8px}.form-row{gap:10px}.form-row select,.form-row input{font-size:calc(13px + 5pt)}.registration-form .button{min-height:55px;font-size:calc(14px + 5pt)}.event-strip>div{width:calc(100% - 40px);justify-content:center;flex-wrap:wrap;gap:8px;padding:17px 0}.event-strip p{font-size:calc(12px + 5pt)}.event-strip>div>span:last-child{display:none}.strip-label{font-size:calc(9px + 5pt)}.pain-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.pain-grid article{padding:20px 16px}.pain-grid h3{font-size:calc(14px + 5pt);margin:14px 0 10px}.pain-grid p{font-size:calc(11px + 5pt)}.pain-grid p br{display:none}.pain-bottom{font-size:calc(12px + 5pt);margin-top:28px}.pain-bottom strong{font-size:calc(13px + 5pt)}.cause{padding:59px 0}.cause h2{font-size:calc(25px + 5pt);line-height:1.8}.cause>div>p:not(.section-label){font-size:calc(12px + 5pt)}.cause-line{display:grid;grid-template-columns:1fr 20px 1fr;gap:10px;margin:25px 0}.cause-line>span{padding:10px;font-size:calc(12px + 5pt)}.cause-line>i:nth-child(4){display:none}.cause-end br{display:none}.task-list{margin-top:28px}.task-list article{gap:16px;padding:22px 0}.task-list article>span{font-size:calc(27px + 5pt);min-width:40px}.task-list h3{font-size:calc(16px + 5pt)}.task-list p{font-size:calc(12px + 5pt)}.steps{grid-template-columns:1fr;gap:15px;margin-top:25px}.steps article{position:relative;padding:22px 23px 24px}.step-icon{position:absolute;top:62px;left:23px;width:48px;height:48px;margin:0;font-size:calc(26px + 5pt)}.steps h3{padding-left:66px;margin-top:15px;font-size:calc(18px + 5pt)}.steps p{font-size:calc(12px + 5pt);margin-top:19px}.customization{grid-template-columns:1fr;gap:15px;margin-top:30px;padding-top:28px}.customization h3{font-size:calc(22px + 5pt)}.customization>div:last-child>p:first-child{font-size:calc(13px + 5pt);margin:0}.footnote{font-size:calc(10px + 5pt)}.case-comparison{gap:20px;margin-top:30px}.comparison-title{gap:7px;padding:9px 2px;flex-direction:column;line-height:1.4}.comparison-title>span{font-size:calc(8px + 5pt)}.comparison-title p{font-size:calc(11px + 5pt)}.case-comparison img{height:115px}.comparison-body{padding:16px 4px}.comparison-body>p:first-child{font-size:calc(9px + 5pt)}.comparison-body strong{font-size:calc(30px + 5pt);letter-spacing:-.06em}.comparison-body strong span{font-size:calc(11px + 5pt);margin:0 1px}.comparison-caption{font-size:calc(9px + 5pt);line-height:1.8;padding:6px 6px 0}.comparison-arrow{font-size:calc(18px + 5pt)}.case-story{font-size:calc(12px + 5pt);margin-top:26px}.case-story blockquote{padding:25px 20px;font-size:calc(18px + 5pt);margin:23px 0}.case-story cite{font-size:calc(9px + 5pt)}.honest-note{padding:18px}.honest-note p{font-size:calc(11px + 5pt)}.honest-note strong{font-size:calc(12px + 5pt)}.learning-list{margin-top:25px}.learning-list article{gap:13px;padding:24px 0}.learning-list article>span{min-width:27px;font-size:calc(23px + 5pt)}.learning-list h3{font-size:calc(16px + 5pt)}.learning-list p{font-size:calc(12px + 5pt)}.learning-list b{display:none}.inline-cta p{font-size:calc(10px + 5pt)}.audience li{font-size:calc(13px + 5pt);padding-top:17px;padding-bottom:17px;padding-left:30px}.speaker-grid{grid-template-columns:1fr;gap:28px;max-width:320px;margin-top:30px}.speaker-grid article{gap:24px}.portrait{width:118px;height:145px}.speaker-grid h3{font-size:calc(25px + 5pt)}.speaker-company{font-size:calc(9px + 5pt)}.speaker-description{font-size:calc(12px + 5pt);text-align:left;margin-top:30px}.speaker-description br{display:none}.thought-grid{grid-template-columns:1fr;gap:30px}.thought-photo{max-width:300px;width:100%;margin:auto}.thought-photo img{aspect-ratio:5/4;object-position:center 30%}.thought h2{font-size:calc(24px + 5pt);margin-bottom:20px}.thought-copy>p:not(.section-label){font-size:calc(12px + 5pt)}.outline dl{font-size:calc(12px + 5pt);margin-top:26px}.outline dl>div{grid-template-columns:80px 1fr;gap:15px;padding:17px 0}.outline-free{font-size:calc(11px + 5pt);padding:2px 15px}.final-grid{grid-template-columns:1fr;gap:30px}.final-copy h2{font-size:calc(33px + 5pt);margin-top:11px}.final-copy>p:not(.section-label){font-size:calc(12px + 5pt)}.final-date{margin-top:25px;display:flex;align-items:center;gap:20px;padding-top:20px}.final-date strong{font-size:calc(40px + 5pt);white-space:nowrap}.final-date strong span{font-size:calc(11px + 5pt)}.final-date p{font-size:calc(10px + 5pt)}.bottom-form{padding:25px 22px}.bottom-form .form-top h3{font-size:calc(21px + 5pt)}.footer-main{display:block;padding-top:35px;padding-bottom:25px}.footer-brand img{width:43px}.company-info{margin-top:20px;font-size:calc(9px + 5pt)}.company-info>div{gap:17px}.floating-cta{bottom:12px;right:15px;left:15px;border-radius:5px;padding:9px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.floating-cta>span{font-size:calc(8px + 5pt);max-width:110px}.floating-cta strong{font-size:calc(12px + 5pt);gap:20px}.floating-cta strong span{font-size:calc(19px + 5pt)}.copyright{padding-bottom:85px}.mobile{display:initial}.desktop{display:none}.dialog-inner{padding:25px}.dialog-inner h2{font-size:calc(20px + 5pt)}}
/* Reference LP: full-width photography across the entire first view. */
.hero{min-height:831px;padding:78px 0;background:#133a2d;color:white}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 50%}
.hero:before{inset:0;left:0;top:0;width:auto;height:auto;border:0;border-radius:0;z-index:1;background:linear-gradient(90deg,rgba(13,34,27,.94) 0%,rgba(13,34,27,.80) 39%,rgba(13,34,27,.33) 73%,rgba(13,34,27,.16) 100%),linear-gradient(180deg,rgba(13,34,27,.05),rgba(13,34,27,.35))}
.hero-inner{z-index:2;min-height:675px;align-items:center}
.hero h1{font-size:calc(clamp(35px,3.9vw,52px) + 5pt);text-shadow:0 2px 15px #0d221b30}
.hero h1>span{color:#f3c778;background:none}
.hero-kicker{color:#eef2e8;margin-top:30px}
.hero-description{color:#edf0e7;font-size:calc(15px + 5pt);margin-top:25px}
.hero-tags{margin-top:24px;margin-bottom:0}
.hero-tags>span{color:#f3f5eb;background:#0c251d40;border-color:#a1b4a377;padding:5px 13px}
.hero-aside .event-date{color:white}
.event-date .day{border-color:#ffffff80}
.hero .form-card{color:var(--ink);background:rgba(255,255,255,.97);border-color:#ffffff70;box-shadow:0 15px 45px #05130e33}
@media(min-width:1500px){.hero{padding-top:78px;padding-bottom:78px}.hero h1{font-size:calc(52px + 5pt)}}
@media(max-width:1050px) and (min-width:761px){.hero h1{font-size:calc(35px + 5pt)}.hero-description{font-size:calc(13px + 5pt)}.hero-tags>span{padding:4px 8px}}
@media(max-width:760px){.hero{min-height:0;padding:38px 0 40px}.hero-inner{min-height:0}.hero-image{object-position:62% 50%}.hero:before{background:linear-gradient(180deg,rgba(13,34,27,.70) 0%,rgba(13,34,27,.57) 40%,rgba(13,34,27,.79) 100%),linear-gradient(90deg,rgba(13,34,27,.45),rgba(13,34,27,.08))}.hero h1{font-size:calc(clamp(27px,7.4vw,40px) + 5pt);line-height:1.65}.hero-kicker{font-size:calc(12px + 5pt);margin-top:35px}.hero-description{font-size:calc(12px + 5pt);margin-top:23px}.hero-tags{margin-top:21px;margin-bottom:0}.hero-tags>span{font-size:calc(9px + 5pt);padding:4px 8px}.hero-aside{margin-top:38px}.hero .form-card{background:rgba(255,255,255,.98)}}
@media(max-width:760px){.hero-image{height:650px;object-position:65% 50%}.hero:before{background:linear-gradient(180deg,rgba(13,34,27,.58) 0,rgba(13,34,27,.52) 400px,#133a2d 650px),linear-gradient(90deg,rgba(13,34,27,.40),rgba(13,34,27,.05))}}
.hero-image{object-position:0% 50%}
.hero:before{background:linear-gradient(180deg,rgba(13,34,27,.20) 0%,rgba(13,34,27,.36) 20%,rgba(13,34,27,.76) 42%,rgba(13,34,27,.72) 64%,rgba(13,34,27,.45) 100%),linear-gradient(90deg,rgba(13,34,27,.10),rgba(13,34,27,.15))}
@media(max-width:760px){.hero-image{object-position:18% 50%}.hero:before{background:linear-gradient(180deg,rgba(13,34,27,.46) 0,rgba(13,34,27,.64) 300px,#133a2d 650px),linear-gradient(90deg,rgba(13,34,27,.20),rgba(13,34,27,.05))}}
/* Keep every line of hero copy below the portrait area. */
@media(min-width:761px){
  .hero{padding:32px 0;min-height:831px}
  .hero-inner{min-height:767px;align-items:center}
  .hero-copy{align-self:start;padding-top:410px}
  .hero .eyebrow{font-size:calc(10px + 5pt);line-height:1.7}
  .hero-kicker{font-size:calc(14px + 5pt);margin:12px 0 7px}
  .hero h1{font-size:calc(clamp(33px,3.15vw,43px) + 5pt);line-height:1.45}
  .hero-description{font-size:calc(13px + 5pt);margin-top:14px;line-height:1.8}
  .hero-tags{margin-top:16px}
  .hero-tags>span{font-size:calc(10px + 5pt);padding:3px 10px}
  .hero .event-date{background:rgba(13,43,32,.78);border:1px solid #ffffff24;border-radius:6px;padding:14px 20px 17px;margin-bottom:14px}
  .hero:before{background:linear-gradient(180deg,rgba(13,34,27,.08) 0,rgba(13,34,27,.12) 270px,rgba(13,34,27,.65) 420px,rgba(13,34,27,.86) 530px,rgba(13,34,27,.72) 100%)}
}
@media(max-width:760px){
  .hero{padding:0 0 40px}
  .hero-image{height:300px;object-position:0% 35%}
  .hero-inner{min-height:0}
  .hero-copy{padding-top:320px}
  .hero:before{background:linear-gradient(180deg,rgba(13,34,27,0) 0,rgba(13,34,27,.02) 200px,#133a2d 300px)}
  .hero-kicker{margin-top:20px}
  .hero-aside{margin-top:30px}
}
/* Review: larger type and balanced alignment in the opening sections. */
.hero-aside .event-date{text-align:center}
.event-date .event-year{font-size:calc(19px + 5pt);letter-spacing:.12em}
.event-date>div{justify-content:center;gap:19px}
.event-date strong{font-size:calc(76px + 5pt)}
.event-date .day{font-size:calc(17px + 5pt);width:47px;height:47px}
.event-date p{font-size:calc(26px + 5pt);line-height:1.6;margin-top:8px}
.event-date p>span{display:block;font-size:calc(17px + 5pt);font-weight:700;margin:3px 0 0}
.event-strip>div{justify-content:center;flex-wrap:wrap;gap:12px 25px;padding:21px 0;text-align:center}
.strip-label{font-size:calc(14px + 5pt);padding:3px 13px}
.event-strip p{font-size:calc(21px + 5pt);line-height:1.6}
.event-strip>div>span:last-child{font-size:calc(16px + 5pt);font-weight:700;letter-spacing:.02em}
.pain-grid article{text-align:center;padding:28px 16px}
.pain-number{font-size:calc(16px + 5pt)}
.pain-grid h3{font-size:calc(20px + 5pt);line-height:1.8;margin:18px 0 14px}
.pain-grid p{font-size:calc(15px + 5pt);line-height:1.9}
.pain-bottom{font-size:calc(23px + 5pt);line-height:1.9;margin-top:42px}
.pain-bottom strong{display:inline-block;font-size:calc(29px + 5pt);line-height:1.7;margin-top:5px}
@media(min-width:761px){
  .hero .eyebrow{font-size:calc(14px + 5pt);line-height:1.8;flex-wrap:wrap;gap:7px}
  .hero-kicker{font-size:calc(18px + 5pt);line-height:1.8;margin:13px 0 9px}
  .hero h1{font-size:calc(clamp(38px,3.65vw,49px) + 5pt);line-height:1.5;white-space:normal;letter-spacing:-.015em}
  .hero-description{font-size:calc(17px + 5pt);line-height:1.9;margin-top:16px}
  .hero-tags{gap:8px;margin-top:18px}
  .hero-tags>span{font-size:calc(13px + 5pt);padding:4px 11px}
  .hero-aside{align-self:start;padding-top:20px}
  .hero .event-date{padding:16px 20px 18px}
}
@media(min-width:761px) and (max-width:1050px){
  .hero-inner{grid-template-columns:1.22fr 1fr;gap:26px}
  .hero .eyebrow{font-size:calc(12px + 5pt)}
  .hero-kicker{font-size:calc(16px + 5pt)}
  .hero h1{font-size:calc(38px + 5pt)}
  .hero-description{font-size:calc(16px + 5pt)}
  .hero-tags>span{font-size:calc(12px + 5pt);padding:4px 8px}
  .event-date strong{font-size:calc(70px + 5pt)}
  .event-date p{font-size:calc(25px + 5pt)}
  .event-strip p{font-size:calc(19px + 5pt)}
  .pain-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .pain-grid h3{font-size:calc(22px + 5pt)}
  .pain-grid p{font-size:calc(17px + 5pt)}
}
@media(max-width:760px){
  .hero .eyebrow{font-size:calc(11px + 5pt);line-height:1.8;flex-wrap:wrap}
  .hero-kicker{font-size:calc(14px + 5pt);line-height:1.8}
  .hero h1{font-size:calc(clamp(28px,7.8vw,40px) + 5pt);line-height:1.6}
  .hero-description{font-size:calc(15px + 5pt);line-height:1.9}
  .hero-tags>span{font-size:calc(11px + 5pt);padding:4px 9px}
  .event-date{display:block;text-align:center;padding-bottom:24px}
  .event-date .event-year{font-size:calc(18px + 5pt)}
  .event-date strong{font-size:calc(72px + 5pt)}
  .event-date .day{font-size:calc(15px + 5pt);width:42px;height:42px}
  .event-date p{text-align:center;font-size:calc(26px + 5pt);margin-top:6px}
  .event-date p>span{font-size:calc(16px + 5pt);margin:4px 0 0}
  .event-strip>div{gap:10px;padding:23px 0}
  .strip-label{font-size:calc(12px + 5pt);padding:3px 12px}
  .event-strip p{font-size:calc(19px + 5pt);width:100%;line-height:1.7}
  .event-strip>div>span:last-child{display:block;font-size:calc(14px + 5pt)}
  .pain-grid{grid-template-columns:1fr;gap:16px}
  .pain-grid article{padding:24px 20px}
  .pain-grid h3{font-size:calc(21px + 5pt);margin:12px 0}
  .pain-grid p{font-size:calc(16px + 5pt);line-height:1.9}
  .pain-grid p br{display:initial}
  .pain-bottom{font-size:calc(20px + 5pt);margin-top:32px;line-height:1.9}
  .pain-bottom strong{font-size:calc(24px + 5pt);line-height:1.8;margin-top:10px}
}
/* Layout accommodation for a uniform, additive 5pt increase. */
html{scroll-padding-top:145px}
.preview-bar{height:auto;min-height:36px;padding:8px 12px;line-height:1.5;text-align:center;flex-wrap:wrap}
.header-inner{gap:20px;min-height:100px}
.header nav{gap:20px}
.brand>span{max-width:230px}
.button{min-height:70px;gap:12px;text-align:center;padding:16px 18px}
.button>span{flex-shrink:0}
.button-small{min-height:58px;padding:12px 18px}
.registration-form{gap:20px}
.registration-form input,.registration-form select,.bottom-form input,.bottom-form select{height:58px;padding:10px 12px}
.registration-form .button{min-height:72px;padding:16px 12px}
.form-row{grid-template-columns:1fr;gap:20px}
.form-top{margin-bottom:24px}
.form-card{padding:28px}
.free-label{padding:5px 15px}
.event-date .day{width:62px;height:62px}
.hero .event-date{padding:21px 18px}
.hero-tags{flex-wrap:wrap}
.hero h1{overflow-wrap:anywhere}
.hero-description br{display:none}
.pain-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.task-list article{gap:30px;padding:30px 0}
.task-list article>span{min-width:65px}
.learning-list article>span{min-width:55px}
.learning-list b{min-width:66px}
.cause-line{flex-wrap:wrap}
.audience li{padding-left:40px}
.audience li:before{width:26px;height:26px;top:24px}
.footer-main{align-items:flex-start;flex-wrap:wrap}
.footer-brand{flex-wrap:wrap}
.company-info>div{flex-wrap:wrap}
.copyright{line-height:1.8;padding-left:20px;padding-right:20px}
.floating-cta{padding:14px 20px}
.floating-cta strong{gap:16px}
.hero .eyebrow{overflow-wrap:anywhere}
@media(min-width:761px){
  .hero-image{height:831px}
  .hero-inner{grid-template-columns:1.35fr 1fr;gap:30px}
  .hero-copy{padding-top:410px}
  .hero-aside{padding-top:20px}
  .hero{min-height:831px}
}
@media(max-width:1100px){
  .header nav>a:not(.button){display:none}
  .header nav{flex-shrink:0}
  .header-inner{padding-left:24px;padding-right:24px}
  .steps{grid-template-columns:1fr;gap:24px}
  .steps article{padding:30px}
  .customization{grid-template-columns:1fr;gap:22px}
  .thought-grid{grid-template-columns:1fr;gap:35px}
  .thought-photo{max-width:360px;margin:auto}
}
@media(min-width:761px) and (max-width:1050px){
  .hero-inner{grid-template-columns:1.35fr 1fr;gap:22px}
  .hero .form-card{padding:24px 20px}
}
@media(max-width:760px){
  html{scroll-padding-top:125px}
  .header-inner{padding:10px 16px;min-height:80px;gap:12px}
  .header .button-small{min-height:50px;padding:12px;gap:10px}
  .hero-copy{padding-top:320px}
  .hero-image{height:300px}
  .hero .event-date{padding:20px 0}
  .event-date>div{gap:14px}
  .event-date .day{width:55px;height:55px}
  .form-card,.bottom-form{padding:25px 20px}
  .hero-tags{gap:10px}
  .hero-tags>span{padding:6px 10px}
  .event-strip>div{gap:16px}
  .pain-grid{grid-template-columns:1fr;gap:20px}
  .pain-grid article{padding:28px 18px}
  .task-list article{gap:14px}
  .task-list article>span{min-width:44px}
  .steps article{padding:25px 20px}
  .step-icon{position:static;margin:18px 0;width:70px;height:70px}
  .steps h3{padding-left:0}
  .case-comparison{grid-template-columns:1fr;gap:20px}
  .comparison-arrow{position:static;transform:rotate(90deg);height:45px;line-height:45px}
  .comparison-title{flex-direction:row;gap:15px;padding:16px}
  .case-comparison img{height:180px}
  .comparison-body{padding:22px 10px}
  .comparison-body strong{white-space:normal}
  .learning-list article{gap:12px}
  .learning-list article>span{min-width:36px}
  .speaker-grid{max-width:100%}
  .speaker-grid article{align-items:flex-start;gap:18px}
  .portrait{width:95px;height:130px}
  .speaker-grid article>div:last-child{min-width:0}
  .final-date{flex-wrap:wrap;gap:14px}
  .outline dl>div{grid-template-columns:1fr;gap:8px}
  .footer-main{display:block}
  .footer-brand{gap:14px}
  .floating-cta{display:block;padding:12px 16px;text-align:center}
  .floating-cta>span{max-width:none;line-height:1.6}
  .floating-cta strong{justify-content:center;line-height:1.6;gap:18px}
  .copyright{padding-bottom:140px}
  .section-intro br,.case-story br{display:none}
}
@media(max-width:760px){.hero h1 br{display:none}.hero h1{text-wrap:balance}.event-strip>div>span:last-child{white-space:normal;overflow-wrap:anywhere;max-width:100%}}
@media(max-width:480px){.brand>span{display:none}.brand img{width:47px;height:55px}}
@media (min-width: 900px) {
  .hero {
    padding-top: 14px;
  }

  .hero-copy {
    padding-top: 428px;
  }

  .hero-aside {
    min-width: 0;
    padding-top: 0;
  }

  .hero .event-date {
    padding: 8px 12px 10px;
    margin-bottom: 8px;
  }

  .hero .event-date > div {
    line-height: 1;
  }

  .hero .event-date p {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 1px 12px;
    line-height: 1.2;
    margin-top: 5px;
  }

  .hero .event-date p > span {
    margin: 0;
  }

  .hero-aside .form-card {
    padding: 12px 14px;
  }

  .hero-aside .form-top {
    margin-bottom: 8px;
  }

  .hero-aside .form-top .free-label {
    margin-bottom: 2px;
    padding: 2px 9px;
    line-height: 1.4;
  }

  .hero-aside .form-top h2 {
    line-height: 1.3;
  }

  .hero-aside .form-top p {
    line-height: 1.4;
    margin-top: 3px;
  }

  .hero-aside .registration-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
  }

  .hero-aside .form-row {
    display: contents;
  }

  .hero-aside .registration-form label {
    min-width: 0;
    align-content: end;
    line-height: 1.3;
  }

  .hero-aside .registration-form input,
  .hero-aside .registration-form select {
    display: block;
    height: 44px;
    margin-top: 4px;
    padding: 6px 8px;
  }

  .hero-aside .registration-form > :is(.privacy-note, .button, .preview-note) {
    grid-column: 1 / -1;
  }

  .hero-aside .registration-form :is(.privacy-note, .preview-note) {
    line-height: 1.4;
  }

  .hero-aside .registration-form .button {
    min-height: 52px;
    padding: 8px 12px;
  }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.speaker-grid .portrait {
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}

.speaker-grid article:first-child .portrait img {
  transform: scale(1.08);
}

.thought-photo {
  padding-bottom: 0;
}

.thought-photo > span {
  position: static;
  display: block;
  margin-top: 10px;
  font-family: inherit;
  line-height: 1.6;
  letter-spacing: normal;
  color: var(--ink);
}

.final-copy h2 {
  text-wrap: balance;
}

.bottom-form .registration-form .button {
  position: relative;
  justify-content: center;
  padding-inline: 40px;
}

.bottom-form .registration-form .button > span {
  position: absolute;
  inset-inline-end: 12px;
}

:root {
  --ink: #203d33;
  --green: #1d614c;
  --muted: #4c655a;
  --mint: #eef8f1;
  --paper: #fdf8ef;
  --line: #d5e6dc;
  --orange: #f6a34f;
  --button-ink: #382310;
  --button-hover: #f9b56f;
  --hero-surface: #f1faf3;
}

.preview-bar {
  background: #fff5e5;
  color: #6b553d;
}

.preview-dot {
  background: #a75620;
}

.hero {
  background: var(--hero-surface);
  color: var(--ink);
}

.hero:before {
  background: linear-gradient(180deg, transparent 255px, #f1faf32e 305px, #f1faf3e8 410px, var(--hero-surface) 465px);
}

.hero h1 {
  text-shadow: none;
}

.hero h1 > span {
  color: var(--green);
  background: linear-gradient(transparent 77%, #fbd6a4 77%, #fbd6a4 94%, transparent 94%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.hero-kicker,
.hero-description,
.hero-tags > span,
.hero-aside .event-date {
  color: var(--ink);
}

.hero-tags > span,
.cause-line > span {
  background: #fff;
  border-color: #a8cebb;
}

.hero .event-date {
  background: #f5fff8f5;
  border-color: #d3e9da;
}

.event-date .day {
  background: #e4f4eb;
  border-color: #a8cebb;
}

.event-strip {
  background: #dbf0e4;
  color: var(--ink);
}

.strip-label {
  background: #f8fff9;
  border-color: #a8cebb;
}

.cause {
  background: #e3f3e9;
  color: var(--ink);
}

.cause h2 span,
.cause-end strong,
.final-copy h2 > span {
  color: var(--green);
}

.cause > div > p:not(.section-label),
.final-copy > p:not(.section-label),
.final-date p {
  color: var(--muted);
}

.cause-line i {
  color: #9b4c21;
}

.pain-grid article {
  border-bottom-color: #c5e3d1;
}

.pain-number,
.task-list article > span,
.learning-list article > span,
.section-label,
.speaker-en,
.footnote,
.optional,
.privacy-note,
.preview-note,
.copyright {
  color: var(--muted);
}

.steps article,
.form-card,
.hero .form-card {
  background: #fff;
  border: 1px solid var(--line);
}

.steps .role,
.step-icon,
.after .comparison-body {
  background: #e4f4eb;
}

.comparison-title,
.comparison-body,
.honest-note {
  background: #f7f6f0;
}

.after .comparison-title {
  background: #d8efdf;
  color: var(--ink);
}

.speakers {
  background: #edf7ef;
}

.final-section {
  background: #e2f3e8;
  color: var(--ink);
}

.final-copy > .free-label {
  background: #fff;
  border-color: #a8cebb;
  color: var(--green);
}

.final-date {
  border-color: #b5d4c3;
}

.button,
.floating-cta {
  color: var(--button-ink);
}

.button:hover,
.floating-cta:hover {
  background: var(--button-hover);
}

.registration-form input::placeholder {
  color: #5c7267;
  opacity: 1;
}

@media (min-width: 761px) {
  .hero {
    --hero-shade: 12 34 33;
    background: #123b38;
    color: #fff;
  }

  .hero:before {
    background: linear-gradient(
      180deg,
      rgb(var(--hero-shade) / 8%) 0,
      rgb(var(--hero-shade) / 12%) 270px,
      rgb(var(--hero-shade) / 65%) 420px,
      rgb(var(--hero-shade) / 86%) 530px,
      rgb(var(--hero-shade) / 72%) 100%
    );
  }

  .hero h1 > span {
    color: #fbd6a4;
    background: none;
  }

  .hero-kicker,
  .hero-description {
    color: #f1f8f5;
  }

  .hero-tags > span {
    background: #123b38cc;
    border-color: #aad4c48c;
    color: #f1f8f5;
  }
}

@media (max-width: 760px) {
  .hero:before {
    background: linear-gradient(180deg, transparent 220px, var(--hero-surface) 300px);
  }

  .hero .event-date {
    background: #e5f4eb;
  }
}

/* First view: put the message and registration alongside the photograph. */
.hero {
  --hero-shade: 12 34 33;
  min-height: auto;
  padding: 24px 0 30px;
  background: #123b38;
  color: #fff;
}

.hero-inner {
  width: min(1240px, calc(100% - 48px));
  min-height: 0;
  grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 56px);
  align-items: center;
}

.hero-copy {
  align-self: center;
  padding: 0;
}

.hero .eyebrow {
  display: block;
  color: #c6ead7;
  text-shadow: 0 1px 4px #0c2221;
  font-size: clamp(17px, 1.5vw, 21px);
  font-weight: 800;
  line-height: 1.4;
  overflow-wrap: normal;
}

.hero .eyebrow > span {
  display: block;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
}

.hero h1 {
  margin-top: 12px;
  font-size: clamp(30px, 3.6vw, 56px);
  line-height: 1.33;
  letter-spacing: -.025em;
  overflow-wrap: normal;
}

.hero h1 > span {
  color: #fbd6a4;
  background: none;
}

.hero-description {
  margin: 16px 0 0;
  color: #f1f8f5;
  font-size: clamp(16px, 1.55vw, 21px);
  line-height: 1.7;
}

.hero-tags {
  gap: 7px;
  margin-top: 17px;
}

.hero-tags > span {
  padding: 4px 10px;
  border: 0;
  border-radius: 999px;
  background: #eee0ca;
  color: #193e35;
  font-size: clamp(12px, 1.08vw, 15px);
  line-height: 1.4;
}

.hero-aside {
  min-width: 0;
  align-self: center;
  margin: 0;
  padding: 0;
}

.hero-mobile-cta {
  display: none;
}

.hero .event-date {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  column-gap: 14px;
  padding: 11px clamp(14px, 1.8vw, 24px) 13px;
  margin: 0 0 14px;
  border: 1px solid #d3e9da;
  border-radius: 8px;
  background: #edf8f0;
  color: var(--ink);
}

.hero .event-date .event-year {
  grid-column: 1;
  font-size: 13px;
}

.hero .event-date > div {
  grid-column: 1;
  gap: 8px;
  line-height: 1;
  margin: 2px 0 0;
}

.hero .event-date strong {
  font-size: clamp(32px, 4vw, 54px);
}

.hero .event-date .day {
  width: 30px;
  height: 30px;
  font-size: 11px;
}

.hero .event-date p {
  display: block;
  grid-area: 1 / 2 / 3 / 3;
  margin: 0;
  text-align: center;
  font-size: clamp(16px, 1.65vw, 23px);
  line-height: 1.45;
  white-space: nowrap;
}

.hero .event-date p > span {
  margin: 2px 0 0;
  font-size: clamp(13px, 1.25vw, 17px);
}

.hero-aside .form-card {
  padding: clamp(18px, 2.15vw, 30px);
  border-radius: 10px;
}

.hero-aside .form-top {
  margin-bottom: 16px;
}

.hero-aside .form-top .free-label {
  margin-bottom: 7px;
  padding: 3px 9px;
  font-size: 13px;
  line-height: 1.45;
}

.hero-aside .form-top h2 {
  font-size: clamp(19px, 2vw, 28px);
  line-height: 1.4;
}

.hero-aside .form-top p {
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.5;
}

.hero-aside .registration-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px clamp(12px, 1.5vw, 20px);
}

.hero-aside .form-row {
  display: contents;
}

.hero-aside .registration-form label {
  min-width: 0;
  align-content: end;
  font-size: 15px;
  line-height: 1.4;
}

.hero-aside .registration-form label :is(.required, .optional) {
  margin-left: 3px;
  font-size: 12px;
}

.hero-aside .registration-form :is(input, select) {
  display: block;
  height: 46px;
  margin-top: 6px;
  padding: 8px 10px;
  font-size: 16px;
}

.hero-aside .registration-form input[hidden] {
  display: none;
}

.hero-aside .registration-form > :is(.privacy-note, .button, .preview-note) {
  grid-column: 1 / -1;
}

.hero-aside .registration-form :is(.privacy-note, .preview-note) {
  font-size: 13px;
  line-height: 1.55;
}

.hero-aside .registration-form .button {
  min-height: 54px;
  padding: 10px 14px;
  font-size: clamp(16px, 1.55vw, 21px);
}

.preview-bar {
  min-height: 28px;
  padding-block: 4px;
  font-size: 13px;
}

@media (min-width: 761px) {
  .header-inner {
    min-height: 72px;
    padding-block: 6px;
  }

  .header .brand img {
    width: 46px;
    height: 50px;
  }

  .header .button-small {
    min-height: 48px;
    padding-block: 9px;
  }

  .hero {
    display: grid;
    align-items: center;
    min-height: calc(100svh - 101px);
  }

  .hero-image {
    height: 100%;
    object-position: 0% 37%;
  }

  .hero:before {
    background:
      linear-gradient(90deg, rgb(var(--hero-shade) / 90%), rgb(var(--hero-shade) / 71%) 46%, rgb(var(--hero-shade) / 34%) 100%),
      linear-gradient(0deg, rgb(var(--hero-shade) / 30%), transparent 65%);
  }
}

@media (min-width: 761px) and (max-height: 750px) {
  .hero {
    padding-block: 12px;
  }
}

@media (max-width: 760px) {
  .hero {
    padding-top: 18px;
  }

  .header-inner {
    min-height: 64px;
    padding-block: 6px;
  }

  .header .brand img {
    height: 46px;
    object-fit: contain;
  }

  .header .button-small {
    min-height: 44px;
    padding-block: 8px;
  }

  .preview-bar {
    column-gap: 4px;
    font-size: 12px;
  }

  .preview-bar .preview-dot {
    margin-right: 0;
  }

  .hero-inner {
    width: calc(100% - 36px);
  }

  .hero-image {
    height: 490px;
    object-position: 20% 35%;
  }

  .hero:before {
    background: linear-gradient(180deg, rgb(var(--hero-shade) / 72%) 0, rgb(var(--hero-shade) / 81%) 300px, #123b38 490px);
  }

  .hero h1 {
    margin-top: 8px;
    font-size: clamp(24px, 7.4vw, 43px);
    text-wrap: wrap;
  }

  .hero h1 br {
    display: initial;
  }

  .hero .eyebrow {
    font-size: clamp(15px, 4.2vw, 18px);
  }

  .hero-description {
    margin-top: 10px;
    line-height: 1.55;
  }

  .hero-tags {
    gap: 5px;
    margin-top: 10px;
  }

  .hero-tags > span {
    padding: 3px 6px;
    font-size: 11px;
  }

  .hero-aside {
    margin-top: 16px;
  }

  .hero .event-date {
    margin-bottom: 10px;
  }

  .hero-mobile-cta {
    display: flex;
    min-height: 46px;
    margin-bottom: 16px;
    padding: 9px 14px;
    font-size: 17px;
    box-shadow: none;
  }
}

@media (max-width: 420px) {
  .hero-aside .registration-form > label {
    grid-column: 1 / -1;
  }
}

.strip-label {
  border-radius: 999px;
}

.steps .step-top + h3 {
  margin-top: 12px;
  padding-left: 0;
}

.case-scale {
  margin: 16px auto 0;
  color: #70411c;
  font-weight: 600;
  font-size: clamp(16px, 2vw, 21px);
  line-height: 1.6;
}

.case-scale strong {
  color: #9b4717;
  font-weight: 900;
  white-space: nowrap;
}

.case-comparison .before img {
  object-position: center 63%;
}

.case-comparison .after img {
  object-position: center 50%;
}

html {
  scroll-padding-bottom: 96px;
}

.floating-cta {
  left: auto;
  right: 20px;
  bottom: calc(16px + env(safe-area-inset-bottom));
  display: grid;
  row-gap: 2px;
  padding: 9px 16px 10px;
  border: 1px solid #52796b;
  border-radius: 12px;
  background: #123b38;
  color: #fff;
  box-shadow: 0 4px 14px #0c22214d;
}

.floating-cta:hover {
  background: #1d5049;
  transform: none;
}

.floating-cta > span {
  color: #ddede6;
  font-size: 12px;
  line-height: 1.4;
}

.floating-cta strong {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
}

.floating-cta strong span {
  color: #ffcf93;
  font-size: 22px;
}

/* Let Japanese copy wrap to the width of its own section or column. */
main :is(h1, h2, h3, p, dd, li, blockquote),
.event-strip {
  line-break: strict;
}

main :is(h2, h3, p, dd, li, blockquote),
.event-strip p {
  word-break: auto-phrase;
}

main :is(h2, h3, .pain-bottom, .case-scale, .case-story blockquote),
.event-strip p {
  text-wrap: balance;
}

main :is(p, dd, li):not(.case-scale, .pain-bottom) {
  text-wrap: pretty;
}

.final-copy h2 > span {
  display: block;
}

@media (min-width: 761px) {
  html {
    scroll-padding-bottom: 112px;
  }

  .floating-cta {
    min-inline-size: 282px;
    padding: 12px 19px;
  }

  .floating-cta > span {
    font-size: 14px;
  }

  .floating-cta strong {
    font-size: 21px;
    line-height: 1.3;
  }

  .floating-cta strong span {
    font-size: 26px;
    line-height: 1;
  }
}

@media (min-width: 761px) and (max-height: 780px) {
  .floating-cta {
    padding-block: 6px;
  }

  .floating-cta strong span {
    line-height: 1;
  }
}

@media (max-width: 760px) {
  .floating-cta {
    right: 12px;
    max-width: calc(100% - 24px);
    bottom: calc(10px + env(safe-area-inset-bottom));
    padding-inline: 15px;
  }
}

@media (max-width: 480px) {
  .final-copy h2 > span {
    display: inline;
  }
}

@media (max-width: 350px) {
  main :is(h2, h3, p, dd, li, blockquote),
  .event-strip p {
    overflow-wrap: anywhere;
  }
}