:root{--teal:#0f8176;--teal-dark:#0a665f;--mint:#dff9f2;--ink:#101828;--muted:#667085;--line:#d9e7e9;--bg:#f3f9fb;--soft:#edf8ff;--rose:#e61b53;color:var(--ink);background:var(--bg);scroll-behavior:smooth;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f7fcfd 0%,#eef8fb 42%,#fff 100%);margin:0}a{color:inherit;text-decoration:none}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7fcfde6;border-bottom:1px solid #0f81761f;justify-content:space-between;align-items:center;gap:20px;padding:14px clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.brand{color:var(--teal);align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:inline-flex}.brand img{object-fit:contain;width:38px;height:38px}nav{color:#344054;align-items:center;gap:22px;font-size:.94rem;font-weight:700;display:flex}.nav-cta{color:#fff;background:var(--teal);border-radius:8px;padding:10px 16px}.nav-toggle{border:1px solid var(--line);width:42px;height:42px;color:var(--teal);background:#fff;border-radius:8px;display:none}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);align-items:center;gap:clamp(30px,6vw,84px);min-height:calc(100vh - 68px);padding:clamp(52px,7vw,90px) clamp(18px,5vw,72px) 44px;display:grid;overflow:hidden}.hero-copy{max-width:710px}.eyebrow,.section-kicker{color:var(--teal);text-transform:uppercase;letter-spacing:0;align-items:center;gap:8px;margin:0 0 14px;font-size:.78rem;font-weight:800;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(3rem,8vw,6.8rem);line-height:.92}.tagline{color:var(--teal);margin-bottom:18px;font-size:clamp(1.35rem,3vw,2.1rem);font-weight:800}.hero-text{color:var(--muted);max-width:650px;font-size:clamp(1.04rem,2vw,1.32rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:13px 20px;font-weight:800;display:inline-flex}.button.primary{color:#fff;background:linear-gradient(#119182,#0c7168);box-shadow:0 16px 34px #0f817638}.button.secondary{color:var(--teal);background:#fff;border-color:#0f817638}.hero-visual{place-items:center;min-height:610px;display:grid;position:relative}.hero-visual:before{content:"";background:radial-gradient(circle,#c9f6ee 0%,#e8f7ff 58%,#0000 70%);border-radius:50%;width:min(90vw,540px);height:min(90vw,540px);position:absolute}.phone{aspect-ratio:9/19.5;background:#121820;border-radius:34px;width:min(280px,74vw);padding:10px;position:relative;overflow:hidden;box-shadow:0 28px 70px #10182838}.phone img{object-fit:cover;object-position:top;border-radius:24px;width:100%;height:100%;display:block}.main-phone{transform:rotate(2deg)}.floating-card{color:#344054;background:#fff;border:1px solid #0f817624;border-radius:8px;align-items:center;gap:10px;max-width:220px;padding:14px 16px;font-weight:800;display:flex;position:absolute;box-shadow:0 18px 42px #1018281f}.floating-card svg{color:var(--teal);flex:none}.attendance-card{top:19%;left:2%}.fee-card{bottom:19%;right:0}.section{padding:clamp(60px,8vw,104px) clamp(18px,5vw,72px)}.about{background:#fff;border-block:1px solid #0f81761a;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);display:grid}h2{margin-bottom:18px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.about p:last-child,.trust p{color:var(--muted);font-size:1.08rem;line-height:1.8}.section-heading{max-width:780px;margin-bottom:34px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card,.benefit,.step,.trust-card{background:#fff;border:1px solid #0f817621;border-radius:8px;box-shadow:0 12px 30px #1018280f}.feature-card{padding:24px}.icon-bubble{background:var(--mint);width:54px;height:54px;color:var(--teal);border-radius:50%;place-items:center;margin-bottom:18px;display:inline-grid}.feature-card h3,.step h3{margin-bottom:8px;font-size:1.05rem}.feature-card p{color:var(--muted);margin:0;line-height:1.65}.why,.works{background:#fbfefe}.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.benefit{align-items:center;gap:12px;padding:18px;font-weight:800;display:flex}.benefit svg{color:var(--teal)}.screens{overflow:hidden}.screen-strip{scroll-snap-type:x mandatory;gap:22px;padding:10px 4px 28px;display:flex;overflow-x:auto}.screen-card{scroll-snap-align:start;flex:0 0 min(282px,78vw);margin:0}.screen-card .phone{width:100%}figcaption{color:#344054;text-align:center;margin-top:16px;font-weight:800}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.step{padding:22px}.step span{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:20px;font-weight:900;display:grid}.trust-card{background:linear-gradient(135deg,#fff,#effdf8);grid-template-columns:auto 1fr;align-items:start;gap:24px;padding:clamp(24px,5vw,48px);display:grid}.trust-card>svg{color:var(--teal)}.cta{color:#fff;background:#0b766c;justify-content:space-between;align-items:center;gap:28px;padding:clamp(54px,8vw,92px) clamp(18px,5vw,72px);display:flex}.cta .section-kicker,.cta h2{color:#fff}.cta .button.secondary{color:#fff;background:0 0;border-color:#ffffff73}footer{color:#fff;background:#071f23;grid-template-columns:1fr auto;gap:24px;padding:34px clamp(18px,5vw,72px);display:grid}footer p{color:#b7c8cc;margin:8px 0 0}.footer-links{color:#d8eef0;flex-wrap:wrap;align-items:center;gap:18px;font-weight:700;display:flex}.copyright{grid-column:1/-1;font-size:.9rem}@media (width<=900px){.nav-toggle{place-items:center;display:inline-grid}nav{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;align-items:stretch;padding:18px;display:none;position:absolute;inset:68px 14px auto;box-shadow:0 20px 40px #1018281f}nav.open{display:flex}.hero,.about,.cta{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{min-height:520px}.feature-grid,.benefit-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cta,footer{display:block}.footer-links{margin-top:24px}}@media (width<=560px){.site-header{padding-inline:14px}.brand span{font-size:.98rem}.hero{padding-top:42px}.hero-actions,.button{width:100%}.feature-grid,.benefit-grid,.steps{grid-template-columns:1fr}.hero-visual{min-height:500px}.phone{width:min(250px,78vw)}.floating-card{width:min(270px,86vw);margin-top:12px;position:relative;inset:auto}.hero-visual{align-content:center}.trust-card{grid-template-columns:1fr}}
