/* Match the presentation to the available reading space. */
.interest-section{padding-block:58px;background:#f7faf9}
.interest-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding:44px 46px;border-radius:18px;background:#102e3a;color:#f7faf9;border:1px solid #31545e}
.interest-layout h2{font-size:clamp(30px,3.3vw,42px);line-height:1.12;max-width:17ch}
.interest-layout p{margin-top:18px;color:#bdd4d5;max-width:42ch}
.interest-layout .eyebrow{color:#66ded0;margin-top:0;margin-bottom:20px}
.interest-form>label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}
.interest-fields{display:flex;gap:12px;align-items:stretch}
.interest-fields input{min-width:0;flex:1;width:100%;background:#fff;color:#102e3a;border:1px solid #8eafa6;border-radius:7px;padding:14px;font:inherit;font-size:16px;min-height:50px}
.interest-fields button{border:1px solid #66ded0;border-radius:7px;background:#66ded0;color:#102e3a;padding:13px 18px;min-height:50px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.interest-fields button:disabled{opacity:.65;cursor:wait}
.interest-form .interest-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;font-weight:400;margin:18px 0 0;cursor:pointer}
.interest-consent input{width:19px;height:19px;flex-shrink:0;margin-top:2px;accent-color:#008a80}
.interest-form .interest-privacy{font-size:12px;line-height:1.65;max-width:none;margin-top:12px}
.interest-form a{color:#c6f0e8;text-underline-offset:4px;overflow-wrap:anywhere}
.interest-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.interest-form .interest-status{font-size:14px;line-height:1.5;color:#a5eee0;margin-top:14px;max-width:none}
.interest-status:empty{display:none}
.interest-form .interest-status[data-error=true]{color:#ffd0bb}
.footer .footer-links{display:grid;gap:0;align-items:start;min-width:0}
.footer-legal{display:flex;align-items:center;gap:24px}
.footer .footer-instagram{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;color:#075f59}
.footer-instagram svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.footer-instagram:hover{background:#e2efea}
.footer .footer-support{font-size:13px;color:#526c75;text-underline-offset:4px;overflow-wrap:anywhere;min-width:0}
@media(max-width:1100px){.interest-layout{gap:30px}.interest-fields{flex-direction:column}}
@media(max-width:760px){.interest-layout{grid-template-columns:minmax(0,1fr);gap:30px;padding:30px 24px;border-radius:14px}.interest-section{padding-block:36px}.interest-layout h2{max-width:20ch}}
.calendar-block,.plan-card,.anki-topic,.anki-deck{min-width:0}
.plan-saving{margin-top:12px;color:#a5eee0;font-size:13px;line-height:1.5}
.hero-actions .quiet-link{color:#d6efea;text-underline-offset:5px}
.agenda-caption strong{display:block;color:#102e3a;margin-bottom:6px;font-size:16px}

@media(min-width:1101px) and (max-width:1279px){
  .calendar{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .calendar-block{min-height:174px}
}
@media(min-width:761px) and (max-width:1100px){
  .calendar{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .calendar-block{min-height:174px}
  .calendar-heading{align-items:flex-start;gap:18px;flex-wrap:wrap}
}
@media(max-width:900px){
  .hero h1{font-size:clamp(44px,8.5vw,66px)}
  .footer>p{max-width:100%;line-height:1.6}
}
@media(max-width:820px){
  .plan-grid{grid-template-columns:minmax(0,1fr);gap:26px;max-width:640px;margin-inline:auto}
  .plan-card{padding:28px}
  .plan-card h3{font-size:28px}
  .plan-purpose,.plan-duration{min-height:0}
  .plan-purpose{font-size:15px;margin-top:9px}
  .price{font-size:52px;margin-block:22px 9px;gap:8px}
  .price>span{font-size:18px}.price>small{font-size:16px}
  .plan-description{max-width:52ch;font-size:15px;margin-block:18px 24px}
  .plan-card button{min-height:50px;font-size:15px}
  .plan-card.annual{margin-top:6px}
}
@media(max-width:760px){
  .wrap{width:calc(100% - 40px)}
  .section{padding-block:64px}
  .hero-layout{padding-block:42px}
  .hero-copy,.hero-lead{max-width:100%}
  .header-inner{gap:14px}
  .site-header .logo{width:140px;flex-shrink:0}
  .site-header nav{gap:14px}
  .site-header .login{display:flex}
  .site-header nav>a{min-height:44px;align-items:center}
  .app-top{padding:16px 18px;gap:12px;flex-wrap:wrap}
  .app-top>img{width:106px}
  .app-top>span{margin-left:auto;font-size:13px}
  .app-top small{width:100%;margin:0;font-size:11px}
  .calendar-heading{padding:22px 18px 14px;flex-direction:column;align-items:flex-start;gap:14px}
  .calendar-heading h3{font-size:24px;line-height:1.2;max-width:26ch}
  .calendar-help{padding-inline:18px;font-size:14px}
  .calendar{display:flex;flex-direction:column;padding-inline:18px;gap:0}
  .calendar>.day{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;padding-block:15px;grid-column:auto;grid-row:auto}
  .calendar>.day>header{padding:7px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px}
  .day header>span{font-size:12px}.day header>b{font-size:23px}
  .calendar-block{min-height:150px;padding:15px;gap:8px}
  .calendar-block strong{font-size:16px;overflow-wrap:normal}
  .calendar-block small,.calendar-block>span,.calendar-block>b{font-size:12px}
  .calendar-block>b{padding-top:12px}
  .calendar>.quiet-day{min-height:65px;padding-block:10px}
  .calendar>.quiet-day>header{flex-direction:row;align-items:center;gap:8px;padding:0}
  .quiet-day header>b{font-size:18px}
  .quiet-day p{padding:8px 0;text-align:right}
  .rest p{padding:12px 0;border:0;font-size:13px}
  .rest p br{display:none}
  .calendar-foot{flex-direction:column;padding:18px;gap:8px;border-top:1px solid var(--line);font-size:12px}
  .agenda-caption{align-items:flex-start;flex-direction:column;gap:16px}
  .tracking-composition{grid-template-columns:1fr;gap:32px}
  .memory-figure{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}
  .topic-sheet{padding:24px}
  .topic-sheet header{flex-direction:row;align-items:center;gap:18px}
  .topic-sheet header small{max-width:100px;text-align:right}
  .topic-row div>span{display:block}
  .usage-path{grid-template-columns:1fr;gap:42px}
  .usage-path li{padding:0;min-height:0}
  .usage-path .step-connector{left:50%;right:auto;top:calc(100% + 10px);bottom:auto;width:2px;height:23px;transform:translateX(-50%)}
  .step-connector i{transform-origin:center top}
  .usage-path.motion-pending .step-connector i{transform:scaleY(0)}
  .usage-path.is-running .step-connector i{animation-name:connect-y}
  .anki-connection{grid-template-columns:minmax(0,1fr);gap:22px}
  .anki-deck{padding:0}
  .anki-deck .deck-art{width:230px;max-width:80%;height:130px;margin:22px auto 28px}
  .anki-deck h3,.anki-deck p,.anki-deck>.context-label{text-align:center;max-width:100%}
  .anki-link{height:30px;width:88px;justify-self:center;transform:rotate(90deg);padding:0}
  .anki-topic{padding:24px}
  .anki-forecast{display:block;padding:24px}
  .forecast-counts{justify-content:flex-start;margin-top:22px;gap:40px}
  .forecast-bars{margin-top:22px}
  .anki-forecast .forecast-note{margin-top:16px}
  .preparation-list{grid-template-columns:1fr;gap:25px}
  .preparation-list article{flex-direction:row;gap:18px;border-bottom:1px solid var(--line);padding-bottom:25px}
  .feature-symbol{flex-shrink:0}
  .included>div{display:block}
  .included p{margin-top:14px;max-width:100%}
  .included ul{grid-template-columns:1fr;gap:16px}
  .faq-section{grid-template-columns:1fr;gap:28px}
  .faq-section h2 br{display:none}
  .faq-section>div>p:last-child{max-width:100%}
  .footer{gap:18px}.footer>p{margin:0}.footer nav{flex-wrap:wrap;gap:24px}
}
@media(max-width:380px){
  .wrap{width:calc(100% - 32px)}
  .site-header .logo{width:112px}.site-header nav{gap:9px}.header-inner{gap:8px}
  .nav-plan{padding-inline:10px}
  .calendar{padding-inline:12px}
  .calendar>.day{grid-template-columns:57px minmax(0,1fr);gap:10px}
  .calendar-block{padding:12px}.calendar-block strong{font-size:15px}
  .day header>span{font-size:11px}
  .calendar>.quiet-day>header{gap:5px}
  .plan-card,.topic-sheet,.anki-topic,.anki-forecast{padding:21px}
  .topic-sheet header{flex-wrap:wrap}.topic-sheet header small{text-align:left;max-width:none}
}