:root{--ink:#17251d;--green:#235c41;--lime:#d8f46a;--cream:#f7f4ec;--coral:#ff8a70;--line:#d8d9cf;--muted:#687268}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}.topbar{height:82px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:30px;padding:0 max(5vw,28px);background:#f7f4ecef;border-bottom:1px solid #e2dfd5}.brand{font:700 22px Outfit,sans-serif;color:var(--ink);text-decoration:none;letter-spacing:-1.2px;white-space:nowrap}.brand span:not(.brand-mark){color:var(--green)}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:3px;border-radius:9px;background:var(--green);color:var(--lime);font-size:20px}.topbar nav{display:flex;gap:22px;margin-left:auto}nav a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}nav a:hover,nav a.active{color:var(--green)}.button{border:0;display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:14px 20px;border-radius:10px;background:var(--green);color:#fff;text-decoration:none;font:600 14px 'DM Sans';cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px);background:#15452f}.button-small{padding:10px 15px;font-size:13px}.menu-toggle{display:none}.page{min-height:calc(100vh - 82px);padding:90px max(7vw,28px)}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;padding-top:55px;padding-bottom:55px;background:radial-gradient(circle at 72% 35%,#ebf8ae 0,transparent 27%)}.eyebrow{margin:0 0 14px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}h1,h2,h3{font-family:Outfit,sans-serif;line-height:1.03;letter-spacing:-1.6px}h1{max-width:600px;margin:0;font-size:clamp(52px,6.5vw,92px)}h2{margin:0;font-size:clamp(40px,5vw,66px);max-width:760px}h3{margin:0 0 10px;font-size:25px}em{font-style:normal;color:var(--green)}.lead,.section-intro{max-width:540px;color:var(--muted);font-size:18px}.lead{margin:25px 0 29px}.hero-actions{display:flex;align-items:center;gap:24px}.text-link{color:var(--green);font-size:14px;font-weight:700}.trust{display:flex;align-items:center;gap:12px;margin-top:55px}.trust p{margin:0;font-size:13px}.trust span{color:var(--muted)}.avatars{display:flex}.avatars i{display:grid;place-items:center;width:31px;height:31px;margin-left:-7px;border:2px solid var(--cream);border-radius:50%;background:#fbc7af;font-style:normal;font-size:11px;font-weight:700}.avatars i:nth-child(2){background:#a7dcd0}.avatars i:nth-child(3){background:#d4c4f8}.avatars i:nth-child(4){background:#ffd967}.hero-visual{position:relative;min-height:465px;overflow:hidden;border-radius:30px;background:linear-gradient(145deg,#c7e6ad 0 50%,#a6d6b1 50%)}.sun{position:absolute;top:58px;right:75px;width:105px;height:105px;border-radius:50%;background:#ffe674}.road{position:absolute;bottom:-130px;left:20%;width:125%;height:300px;transform:rotate(-10deg);border-radius:50%;background:#344a46}.road:after{content:"";position:absolute;left:10%;top:65%;width:80%;border-top:8px dashed #f8f3d6}.car{position:absolute;left:16%;bottom:92px;width:320px;height:160px}.car-body{position:absolute;bottom:0;width:100%;height:110px;border-radius:55px 70px 25px 25px;background:var(--coral);box-shadow:inset 0 -10px #e26e5a}.window{position:absolute;left:70px;top:13px;width:168px;height:76px;transform:skew(18deg);border-radius:25px 40px 8px 5px;background:#c8eee8;border:8px solid var(--coral)}.car b{position:absolute;bottom:-15px;width:52px;height:52px;border:12px solid #26332f;border-radius:50%;background:#d8d8ce}.car b:last-child{right:32px}.car b:nth-last-child(2){left:32px}.progress-card{position:absolute;right:25px;bottom:28px;width:205px;padding:18px;border-radius:16px;background:#fff;box-shadow:0 12px 28px #1e47332b;font-size:12px}.progress-card strong{display:block;margin:4px 0;font:700 30px Outfit;color:var(--green)}.progress-card div{height:7px;border-radius:9px;background:#e7e7df}.progress-card i{display:block;width:68%;height:100%;border-radius:inherit;background:var(--green)}.progress-card small{display:block;margin-top:8px;color:var(--muted)}.section{border-top:1px solid #dedbd2}.section-intro{margin:17px 0 45px}.cards{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.card,.price-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:17px;background:#fcfaf5}.card.featured,.price-card.popular{border-color:var(--green);background:var(--green);color:#fff}.icon{display:grid;place-items:center;width:45px;height:45px;margin-bottom:37px;border-radius:13px;background:#e5f3bd;color:var(--green);font-size:26px}.card p{min-height:52px;color:var(--muted);font-size:14px}.featured p{color:#d7eadb}.card a{color:var(--green);font-size:14px;font-weight:700}.featured a{color:var(--lime)}.tag{position:absolute;right:18px;top:18px;padding:5px 9px;border-radius:5px;background:var(--lime);color:var(--ink);font-size:11px;font-weight:700}.code-page{background:#f0eee5}.code-heading{display:flex;justify-content:space-between;align-items:start}.free-badge{padding:15px 19px;border-radius:14px;background:var(--lime);font-size:12px;text-align:center}.free-badge strong{font:700 22px Outfit}.code-layout{display:grid;grid-template-columns:235px 1fr;margin-top:42px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff}.topics{padding:23px;border-right:1px solid var(--line)}.topics p{margin:0 0 13px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.topic{display:block;width:100%;margin:5px 0;padding:11px;border:0;border-radius:8px;background:transparent;text-align:left;color:var(--ink);font:600 14px 'DM Sans';cursor:pointer}.topic:hover,.topic.active{background:#e6f1c6;color:var(--green)}.lesson{padding:35px 42px}.lesson-count{font-size:11px;font-weight:700;letter-spacing:1.1px;color:var(--green)}.lesson-count span{float:right;color:var(--muted)}.lesson>p:not(.lesson-count):not(.note){max-width:650px;color:var(--muted)}.sign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:30px 0}.sign-grid div{padding:15px;border-radius:12px;background:#f6f5ef;text-align:center}.sign-grid strong,.sign-grid span{display:block;font-size:13px}.sign-grid span{color:var(--muted);font-size:12px}.sign{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 10px;font-size:23px}.danger{color:#e7594b}.stop{color:#e7594b}.info{border-radius:4px;background:#4d8bc1;color:#fff;font:700 25px Georgia}.note{padding:11px 13px;border-left:3px solid var(--coral);color:#59635b!important;font-size:12px}.quiz{display:flex;justify-content:space-between;gap:30px;margin-top:20px;padding:28px 35px;border-radius:17px;background:var(--ink);color:#fff}.quiz h3{font-size:30px}.quiz p:last-child{margin-bottom:0;color:#d3ded3}.answers{width:47%}.answers button{display:block;width:100%;margin:7px 0;padding:10px 13px;border:1px solid #597063;border-radius:7px;background:transparent;color:#fff;text-align:left;cursor:pointer}.answers button:hover{border-color:var(--lime);background:#294436}.quiz-result{min-height:21px;font-size:13px;color:var(--lime)!important}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:45px}.photo-block{position:relative;min-height:420px;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#395c51,#9dc9a6)}.photo-block:before{content:"";position:absolute;inset:20% -20% -50% 30%;border-radius:50%;background:#f7dc64;transform:rotate(20deg)}.steering{position:absolute;top:66px;left:70px;color:#273f39;font-size:150px;line-height:1}.photo-block span{position:absolute;bottom:30px;left:30px;color:#fff;font:600 22px Outfit}.steps article{display:flex;gap:23px;padding:19px 0;border-bottom:1px solid var(--line)}.steps article b{color:var(--green);font:700 18px Outfit}.steps h3{font-size:21px}.steps p{margin:0;color:var(--muted);font-size:14px}.steps .button{margin-top:25px}.pricing{background:#eaf5ca}.price-card{min-height:330px}.price-card h3{margin-top:5px}.price{font:700 30px Outfit}.price small{font:400 12px 'DM Sans';color:var(--muted)}.popular .price small{color:#d9e7da}.price-card ul{min-height:112px;padding:0;list-style:none;font-size:14px}.price-card li{margin:10px 0}.secondary{background:transparent;border:1px solid var(--green);color:var(--green)}.secondary:hover{color:#fff}.contact{display:grid;grid-template-columns:1fr 1fr;gap:11vw;background:#fbfaf6}.contact-detail{margin-top:60px;color:var(--green);font-weight:600}form{display:grid;gap:16px;padding:30px;border-radius:17px;background:#edf3df}label{font-size:13px;font-weight:700}input,select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #c6d1bd;border-radius:8px;background:#fff;font:14px 'DM Sans'}form .button{justify-self:start}.form-result{margin:0;color:var(--green);font-size:13px;font-weight:700}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px max(7vw,28px);background:var(--ink);color:#dce8da;font-size:13px}footer .brand{color:#fff}footer p{margin:0}@media(max-width:780px){.topbar{height:67px;padding:0 20px}.topbar>.button{display:none}.menu-toggle{display:block;margin-left:auto;border:0;background:transparent;font-size:25px;color:var(--green)}.topbar nav{display:none;position:absolute;top:67px;left:0;right:0;margin:0;padding:15px 20px;flex-direction:column;background:#f7f4ec;border-bottom:1px solid var(--line)}.topbar nav.open{display:flex}.page{min-height:auto;padding:65px 24px}.hero{grid-template-columns:1fr;padding-top:50px}.hero-visual{min-height:355px}.car{left:5%;transform:scale(.8);transform-origin:left bottom}.three,.split,.contact{grid-template-columns:1fr}.card{padding:25px}.card .icon{margin-bottom:20px}.code-heading{gap:15px}.free-badge{padding:10px}.code-layout{grid-template-columns:1fr}.topics{display:flex;gap:5px;overflow:auto;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.topics p{display:none}.topic{width:auto;white-space:nowrap}.lesson{padding:25px}.sign-grid{grid-template-columns:1fr}.quiz{flex-direction:column;padding:25px}.answers{width:100%}.split{gap:30px}.photo-block{min-height:320px}.contact{gap:45px}footer{align-items:flex-start;flex-direction:column}}
a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

a[href^="tel"]:hover,
a[href^="tel"]:focus {
    color: inherit;
    text-decoration: none;
}