:root{--sand:#f3f6fa;--sand-deep:#dce4ee;--sky:#6ba3d4;--teal:#1b4f72;--teal-dark:#123a56;--highlight:#f5c842;--highlight-deep:#e0b020;--coral:#e8916a;--ink:#0f2744;--ink-soft:#4a6280;--ink-muted:#7a8fa3;--ok:#2f8f6e;--bad:#d4654a;--white:#fff;--surface:#fff;--border:#d5dee8;--radius:14px;--shadow:0 4px 18px #0f274412;--font-body:"Source Sans 3", system-ui, sans-serif;--font-display:"Fredoka", system-ui, sans-serif;--section-padding:4rem 1.25rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--sand);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img{max-width:100%;display:block}a{color:var(--teal);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--teal-dark)}.container{width:min(1100px,100%);margin-inline:auto;padding-inline:1.25rem}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--highlight) 0%, var(--highlight-deep) 100%);color:var(--ink);box-shadow:0 4px 14px #f5c84259}.btn-primary:hover{color:var(--ink);box-shadow:0 6px 20px #f5c84273}.btn-sm{padding:.5rem 1.125rem;font-size:.9375rem}.site-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#f3f6faeb;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;padding-block:.25rem;display:flex}@media (width>=480px){.site-header__inner{gap:1rem;min-height:3rem;padding-block:.375rem}}@media (width>=768px){.site-header__inner{min-height:3.5rem;padding-block:.5rem}}.site-header__brand{font-family:var(--font-display);color:var(--ink);align-items:center;gap:.625rem;font-size:1.25rem;font-weight:600;text-decoration:none;display:flex}.site-header__brand:hover{color:var(--teal)}.site-header__logo{object-fit:contain;width:auto;height:clamp(1.375rem,2vw + .75rem,2.625rem);display:block}.site-header__nav{gap:1.5rem;display:none}.site-header__nav a{color:var(--ink-soft);font-weight:500;text-decoration:none}.site-header__nav a:hover{color:var(--teal)}@media (width>=768px){.site-header__nav{display:flex}}.hero{background:radial-gradient(ellipse 80% 60% at 50% -10%, #6ba3d42e, transparent), var(--sand);text-align:center;padding:3rem 0 4rem}.hero__content{max-width:720px;margin-inline:auto}.hero__logo{width:min(320px,78vw);height:auto;margin:0 auto 1.5rem;display:block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero__subtitle{color:var(--ink-soft);margin:0 0 2rem;font-size:clamp(1.0625rem,2vw,1.25rem);line-height:1.7}.hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.hero__badge{background:var(--white);border:1px solid var(--border);color:var(--ink-soft);box-shadow:var(--shadow);border-radius:999px;align-items:center;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;display:inline-flex}.section{padding:var(--section-padding)}.section--alt{background:var(--white);border-block:1px solid var(--border)}.section__title{font-family:var(--font-display);text-align:center;color:var(--ink);margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.section__lead{text-align:center;max-width:640px;color:var(--ink-soft);margin:0 auto 2.5rem;font-size:1.0625rem}.section__cta{text-align:center;margin:2rem 0 0}.cards{gap:1.25rem;display:grid}.cards--2,.cards--3{grid-template-columns:1fr}@media (width>=640px){.cards--2{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.cards--3{grid-template-columns:repeat(3,1fr)}}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.section--alt .card{background:var(--sand)}.card__title{font-family:var(--font-display);color:var(--teal);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.card__text{color:var(--ink-soft);margin:0;font-size:.975rem}.icon-card-grid{grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.icon-card-grid--features{gap:1.125rem}@media (width>=640px){.icon-card-grid--features{grid-template-columns:repeat(2,1fr)}}@media (width>=520px){.icon-card-grid--modes{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.icon-card-grid--modes{grid-template-columns:repeat(3,1fr);gap:1.125rem}}@media (width>=1024px){.icon-card-grid--modes{grid-template-columns:repeat(4,1fr)}}.icon-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);opacity:0;transition:opacity .5s,transform .5s,border-color .2s,box-shadow .2s;transition-delay:var(--delay,0s);flex-direction:column;gap:.375rem;padding:1.25rem 1.125rem;display:flex;transform:translateY(18px)}.section--alt .icon-card{background:var(--sand)}.icon-card-grid.is-visible .icon-card{opacity:1;transform:translateY(0)}.icon-card:hover{border-color:#6ba3d48c;transform:translateY(-3px);box-shadow:0 8px 24px #0f27441a}.icon-card-grid.is-visible .icon-card:hover{transform:translateY(-3px)}.icon-card__icon{background:var(--sand);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.375rem;line-height:1;display:flex}.section--alt .icon-card__icon{background:var(--white)}.icon-card__title{font-family:var(--font-display);color:var(--teal);margin:.125rem 0 0;font-size:1.0625rem;font-weight:600}.icon-card__text{color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.45}@media (prefers-reduced-motion:reduce){.icon-card{opacity:1;transition:border-color .2s,box-shadow .2s;transform:none}.icon-card:hover,.icon-card-grid.is-visible .icon-card:hover{transform:none}}.practice-modes__badge{background:linear-gradient(135deg, var(--highlight) 0%, var(--highlight-deep) 100%);min-width:2.5rem;height:2.5rem;color:var(--ink);vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;margin-right:.5rem;padding-inline:.625rem;font-size:1.25rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #f5c84259}.steps{margin:0;gap:1.5rem;max-width:640px;margin-inline:auto;padding:0;list-style:none;display:grid}.steps__item{align-items:flex-start;gap:1.25rem;display:flex}.steps__number{background:linear-gradient(135deg, var(--teal) 0%, var(--sky) 100%);width:2.5rem;height:2.5rem;color:var(--white);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.steps__title{font-family:var(--font-display);color:var(--ink);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.steps__text{color:var(--ink-soft);margin:0;font-size:.975rem}.pricing-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=768px){.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}}.pricing-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.75rem 1.5rem;position:relative}.pricing-card--highlight{border-color:var(--teal);box-shadow:0 8px 28px #1b4f721f}.pricing-card__badge{background:var(--teal);color:var(--white);white-space:nowrap;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:-.625rem;left:50%;transform:translate(-50%)}.pricing-card__title{font-family:var(--font-display);color:var(--ink);margin:0 0 .75rem;font-size:1.0625rem;font-weight:600}.pricing-card__price{margin:0 0 1.25rem}.pricing-card__amount{font-family:var(--font-display);color:var(--teal);font-size:2rem;font-weight:700}.pricing-card__period{color:var(--ink-muted);font-size:.9375rem}.pricing-card__features{margin:0;padding:0;list-style:none}.pricing-card__features li{color:var(--ink-soft);margin-bottom:.5rem;padding-left:1.25rem;font-size:.9375rem;position:relative}.pricing-card__features li:before{content:"✓";color:var(--ok,#2f8f6e);font-weight:700;position:absolute;left:0}.pricing-footnote{text-align:center;max-width:560px;color:var(--ink-muted);margin:1.5rem auto 0;font-size:.9375rem}.faq{margin:0;max-width:720px;margin-inline:auto}.faq__item{border-bottom:1px solid var(--border);padding:1.25rem 0}.faq__item:last-child{border-bottom:none}.faq__question{font-family:var(--font-display);color:var(--ink);margin:0 0 .5rem;font-size:1.0625rem;font-weight:600}.faq__answer{color:var(--ink-soft);margin:0;font-size:.975rem}.site-footer{background:var(--teal-dark);color:#ffffffd9;padding:2.5rem 0}.site-footer__inner{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.site-footer__logo{width:88px;height:auto;margin-inline:auto;display:block}.site-footer__nav{flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem;display:flex}.site-footer__nav a{color:#ffffffbf;font-size:.875rem;text-decoration:none}.site-footer__nav a:hover{color:var(--white)}.site-footer__copy{color:#ffffff80;margin:.5rem 0 0;font-size:.8125rem}.contact-section{max-width:560px;margin-inline:auto}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.contact-form__honeypot{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group label{color:var(--ink);font-size:.9375rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--border);width:100%;font:inherit;color:var(--ink);background:var(--white);border-radius:10px;padding:.75rem .875rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group textarea:focus{border-color:var(--sky);outline:none;box-shadow:0 0 0 3px #6ba3d433}.form-group input.error,.form-group textarea.error{border-color:var(--bad)}.form-group textarea{resize:vertical;min-height:8rem}.form-error{color:var(--bad);font-size:.875rem}.form-status{border-radius:10px;margin:0;padding:.875rem 1rem;font-size:.9375rem;line-height:1.5}.form-status--success{color:var(--ok);background:#2f8f6e1a;border:1px solid #2f8f6e40}.form-status--error{color:var(--bad);background:#d4654a14;border:1px solid #d4654a40}
