:root{--ink:#263127;--sub:#59644f;--blue:#536329;--line:#d6dacb;--wash:#edf0e4;--green:#43502e}body{background:#f8f8f2;color:var(--ink)}.container{max-width:1150px;padding-inline:36px}.top{background:#f5f3ec;border-color:#d4d6cc}.top a{color:#202322;text-decoration:none;font:700 12px Arial,sans-serif}.intro{padding:65px 0 52px;background:#f5f3ec}.intro .container{position:relative}.intro .label{font:11px Arial,sans-serif;letter-spacing:.13em;margin-bottom:22px}.intro h1{font-size:clamp(29px,4vw,48px);letter-spacing:-.04em;line-height:1.55}.intro p{font-size:13px;max-width:680px}.notice{border:0;border-left:2px solid #a7ae8c;border-radius:0;background:transparent;padding:4px 0 4px 18px;font-size:11px;max-width:760px;color:#65704d}.compare{padding:52px 0 60px;background:#e4e8d4}.compare h2{font-size:23px}.hint{font-size:12px}.switcher{gap:0;display:inline-flex;border:1px solid #77865e;border-radius:30px;overflow:hidden;margin-top:20px;margin-bottom:26px}.switcher button{border:0;border-radius:0;background:transparent;padding:11px 26px;min-height:46px;font-size:12px}.switcher button[aria-pressed="true"]{background:#43502e}.browser{border-radius:0;border-color:#b9c2a5;box-shadow:0 20px 45px #36422015}.browser-head{background:#f7f8ee;border-color:#d5dbc5;font-size:10px;padding:11px 20px}.dot{background:#819361;box-shadow:14px 0 #afb899,28px 0 #d3dbc7}.demo{min-height:0;padding:36px;background:#fffef9}.demo-brand{font-size:13px;letter-spacing:.08em;color:#344b34;padding-bottom:18px;margin-bottom:30px}.after-layout{grid-template-columns:1.12fr 1fr;gap:40px}.demo h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(27px,3.4vw,42px);font-weight:500;letter-spacing:.025em;line-height:1.65}.after-copy{font-size:13px;line-height:2.1;max-width:440px}.after-layout .label{font-size:10px;color:#657843;letter-spacing:.08em}.lesson{min-height:280px;background:#dde3c5;border:0;border-radius:45% 45% 0 0;padding:24px;align-items:center;text-align:center}.lesson::after{display:none}.lesson svg{height:160px;max-width:100%;margin:0 0 12px}.lesson .lesson-caption{font:italic 23px Georgia,serif;color:#34462a}.lesson>span{font-size:9px;letter-spacing:.09em}.facts{gap:0;margin:30px 0 25px;border-block:1px solid #d5dcc7}.facts div{border:0;border-radius:0;background:transparent;padding:19px 22px;border-right:1px solid #d5dcc7}.facts div:first-child{padding-left:0}.facts div:last-child{border-right:0}.facts dt{font-size:10px}.facts dd{font-size:16px;font-weight:500}.after-button{background:#43502e;border-radius:30px;max-width:350px;font-size:13px}.after-note{font-size:10px}.report{padding:65px 0}.report h2{font-size:27px}.report .label{font:11px Arial,sans-serif;letter-spacing:.13em}.lead{font-size:13px}.changes{gap:32px}.change{border:0;border-top:1px solid #b5c19e;border-radius:0;padding:23px 0}.change h3{font-size:17px}.change p{font-size:12px}.report-box{background:#eef0e5;border:0;border-radius:0;padding:30px}.report-box h3{font-size:17px}.report-box ul{font-size:12px}.report-box p{font-size:11px}.cta{background:#263127;padding:55px 0}.cta h2{font-size:27px}.cta p{font-size:13px;color:#c9d4bf}.cta a{border-radius:30px;font-size:12px;background:#e5eacb;color:#293927}footer{font-size:10px;background:#f5f3ec}
@media(max-width:650px){.container{padding-inline:20px}.intro{padding:38px 0 33px}.intro h1{font-size:28px}.intro p{font-size:12px}.notice{font-size:10px}.compare{padding:35px 0 40px}.compare h2{font-size:20px}.hint{font-size:11px}.demo{padding:23px}.after-layout{grid-template-columns:1fr;gap:24px}.demo h3{font-size:29px}.after-copy{font-size:12px}.lesson{min-height:180px;padding:20px;border-radius:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}.lesson svg{grid-row:1/3;height:130px;margin:0}.lesson .lesson-caption{font-size:23px;align-self:end}.lesson>span{font-size:9px;align-self:start}.facts{display:block;margin:22px 0}.facts div,.facts div:first-child{padding:13px 0;border-right:0;border-bottom:1px solid #d5dcc7}.facts div:last-child{border-bottom:0}.facts dd{font-size:14px}.after-button{font-size:12px}.changes{gap:15px}.report{padding:40px 0}.report h2{font-size:23px}.report-box{padding:22px}.cta h2{font-size:23px}}