:root { --ink:#09263d; --muted:#576273; --teal:#079e98; --orange:#ff5e34; --paper:#fffaf5; }
* { box-sizing:border-box; }
a[href],
button:not(:disabled),
[role="button"] { cursor:pointer; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; }
.container { width:min(1400px,calc(100% - 72px)); margin:auto; }
.hero { position:relative; overflow:hidden; isolation:isolate; background:#ede3d8 url("bg_hero.jpg") center center / cover no-repeat; }
.hero::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(255,252,247,.24) 0%,rgba(255,252,247,.08) 48%,rgba(255,252,247,0) 75%); pointer-events:none; }
.header { height:88px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:14px; color:var(--ink); font-size:20px; font-weight:800; text-decoration:none; letter-spacing:-.7px; }
.brand__mark { width:39px; height:39px; background:linear-gradient(140deg,#00a99e 48%,#04776f 49%); border-radius:25px 5px 25px 5px; transform:rotate(-25deg); box-shadow:inset -8px -7px 0 #d6f8f3; }
.navigation { display:flex; gap:47px; margin-left:auto; }
.navigation a { color:#253143; text-decoration:none; font-size:15px; font-weight:600; }.navigation a:hover { color:var(--teal); }
.button { display:inline-flex; flex:0 0 auto; justify-content:center; align-items:center; min-width:390px; height:76px; border:0; border-radius:999px; padding:0 30px; background:linear-gradient(135deg,#ff6a3d,#f04b24); color:#fff; box-shadow:0 14px 28px #e74d253f,0 3px 0 #c83d20; font-size:14px; font-weight:800; letter-spacing:.1px; line-height:1; white-space:nowrap; text-decoration:none; transition:transform .2s,box-shadow .2s; }.button:hover { transform:translateY(-3px); box-shadow:0 18px 32px #e74d2552,0 4px 0 #c83d20; }.button:active { transform:translateY(1px); box-shadow:0 10px 20px #e74d253f,0 1px 0 #c83d20; }
.menu-toggle { display:none; border:0; background:none; padding:6px; }.menu-toggle span { display:block; width:25px; height:2px; margin:5px; background:var(--ink); transition:.2s; }
.hero__content { display:grid; grid-template-columns:minmax(0,710px) 1fr; align-items:start; padding-top:8px; padding-bottom:92px; position:relative; }
.hero__copy { position:relative; z-index:1; max-width:710px; margin:0; padding:30px 32px 28px; border:1px solid rgba(255,255,255,.55); border-radius:22px; background:rgba(255,253,249,.76); box-shadow:0 18px 45px rgba(47,37,27,.13); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.eyebrow { width:max-content; max-width:100%; display:flex; align-items:center; gap:10px; margin:0 0 17px; padding:11px 26px; border-radius:40px; background:#dcf7f4; color:#068e89; font-size:15px; font-weight:800; }.eyebrow span { font-size:21px; }
.hero__label { margin:0 0 16px; color:#047d79; font-size:26px; font-weight:800; letter-spacing:-1px; }
h1 { max-width:650px; margin:0; font-size:46px; font-weight:800; line-height:1.11; letter-spacing:-2.6px; } h1 em { display:block; color:var(--orange); font-style:normal; }
.hero__lead { max-width:630px; margin:15px 0 12px; color:#50596a; font-size:22px; line-height:1.35; letter-spacing:-.75px; }.hero__description { max-width:630px; margin:0 0 16px; color:#4d5869; font-size:16px; line-height:1.6; }
.promise { display:flex; align-items:center; gap:18px; max-width:640px; padding:13px 22px; border-radius:10px; background:linear-gradient(90deg,#e6f9f6,#e8f7f8); font-size:15px; line-height:1.43; }.promise__icon { display:grid; flex:0 0 auto; width:58px; height:58px; place-items:center; border-radius:14px; background:#078f8a; color:#fff; box-shadow:0 7px 14px #078f8a2d; }.promise__icon svg { width:31px; height:31px; }
.hero__actions { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-top:16px; }.hero__note { width:390px; color:#586170; font-size:14px; font-weight:600; text-align:center; }
.benefits { display:flex; justify-content:center; gap:18px; width:min(100% - 72px,900px); margin:0 auto; padding:64px 0 72px; }.benefit-card { display:flex; align-items:center; gap:16px; width:calc((100% - 36px) / 3); min-height:104px; padding:16px 18px; border:1px solid rgba(9,38,61,.08); border-radius:16px; background:#fff; box-shadow:0 12px 28px rgba(47,37,27,.09); }.benefit-card__icon { display:grid; flex:0 0 55px; width:55px; height:55px; place-items:center; border-radius:50%; background:#e1f8f5; color:#008e88; }.benefit-card__icon svg { width:27px; height:27px; }.benefit-card h2 { margin:0 0 3px; font-size:16px; letter-spacing:-.5px; }.benefit-card p { margin:0; color:#596373; font-size:14px; }.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.training-program { position:relative; overflow:hidden; padding:88px 0 96px; background:radial-gradient(circle at 7% 5%,rgba(123,226,218,.24) 0 3px,transparent 4px) 0 0 / 22px 22px,linear-gradient(135deg,#f7fdfc 0%,#fffaf5 47%,#f4fbfa 100%); }.training-program__inner { position:relative; }.training-program__heading { max-width:850px; margin:0 auto 46px; text-align:center; }.training-program__kicker { margin:0 0 10px; color:#079e98; font-size:13px; font-weight:800; letter-spacing:1.5px; }.training-program__heading h2 { margin:0; font-size:44px; line-height:1.15; letter-spacing:-2px; }.training-program__heading > p:last-child { max-width:760px; margin:15px auto 0; color:#5a6b85; font-size:21px; line-height:1.4; letter-spacing:-.55px; }.training-program__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }.training-day { display:flex; flex-direction:column; min-width:0; padding:27px 28px 20px; border:1px solid rgba(9,38,61,.07); border-radius:20px; background:rgba(255,255,255,.82); box-shadow:0 14px 34px rgba(47,37,27,.08); }.training-day--wide { grid-column:1 / -1; }.training-day__topline { display:flex; align-items:center; gap:13px; margin-bottom:14px; color:#324760; font-size:14px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }.training-day__number { display:grid; width:46px; height:46px; place-items:center; border-radius:50%; background:#d9f6f2; color:#077d79; font-size:21px; letter-spacing:0; }.training-day__intro { display:flex; align-items:flex-start; gap:17px; margin-bottom:18px; }.training-day__icon { display:grid; flex:0 0 84px; width:84px; height:84px; place-items:center; border-radius:17px; background:linear-gradient(145deg,#d9f8f4,#edfafa); color:#008f89; }.training-day__icon svg { width:45px; height:45px; }.training-day h3 { margin:2px 0 0; font-size:21px; line-height:1.28; letter-spacing:-.75px; }.training-day__list { display:grid; gap:11px; margin:0 0 19px; padding:0; list-style:none; color:#52627b; font-size:15px; line-height:1.42; }.training-day__list li { position:relative; padding-left:27px; }.training-day__list li::before { content:"✓"; position:absolute; top:0; left:2px; color:#08aaa1; font-size:20px; font-weight:800; line-height:1; }.training-day__feedback { display:flex; align-items:center; gap:13px; min-height:53px; margin:auto 0 0; padding:11px 17px; border-radius:12px; background:linear-gradient(90deg,#effbf9,#edf8f7); color:#fb5b31; font-size:15px; font-weight:800; line-height:1.3; }.training-day__feedback span { font-size:23px; line-height:1; }.training-program__action { display:flex; flex-direction:column; align-items:center; gap:12px; margin-top:42px; }.training-program__action .hero__note { width:auto; }
@media (max-width:1310px) { .header { height:88px; }.navigation { position:absolute; top:80px; right:0; left:0; display:none; flex-direction:column; gap:0; margin:0; padding:12px 20px; border-radius:0 0 14px 14px; background:#fffdfa; box-shadow:0 15px 30px #09263d18; }.navigation--open { display:flex; }.navigation a { padding:13px 4px; }.menu-toggle { display:block; margin-left:auto; }.menu-toggle--open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }.menu-toggle--open span:nth-child(2) { opacity:0; }.menu-toggle--open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }.hero__content { grid-template-columns:minmax(0,650px) 1fr; }.hero { background-position:58% center; } h1 { font-size:40px; } }
@media (max-width:900px) { .header { height:80px; }.navigation { top:72px; }.hero { background-position:62% center; }.hero__content { display:block; min-height:0; padding:34px 0 20px; }.hero__copy { max-width:670px; margin:0; }.benefits { flex-wrap:wrap; width:min(100% - 72px,620px); padding:48px 0 56px; }.benefit-card { flex:1 1 230px; width:auto; }.training-program { padding:68px 0 74px; }.training-program__heading h2 { font-size:38px; }.training-program__grid { grid-template-columns:1fr; }.training-day--wide { grid-column:auto; } }
@media (max-width:600px) { .container { width:min(100% - 36px,1400px); }.hero { background-position:61% center; }.brand { font-size:16px; }.brand__mark { width:31px; height:31px; }.hero__content { padding-top:20px; }.hero__copy { padding:23px 17px; border-radius:16px; background:rgba(255,253,249,.82); }.eyebrow { padding:9px 14px; font-size:12px; }.hero__label { margin-bottom:13px; font-size:19px; } h1 { font-size:32px; letter-spacing:-1.6px; }.hero__lead { font-size:18px; }.hero__description { font-size:14px; }.promise { gap:11px; padding:12px; font-size:13px; }.promise__icon { width:48px; height:48px; }.promise__icon svg { width:26px; height:26px; }.hero__actions { align-items:stretch; flex-direction:column; gap:11px; }.button { width:100%; min-width:0; height:70px; padding:0 8px; font-size:12px; letter-spacing:0; }.hero__note { width:auto; text-align:center; font-size:12px; }.benefits { display:grid; grid-template-columns:1fr; gap:10px; width:min(100% - 36px,1400px); padding:38px 0 46px; }.benefit-card { width:auto; min-height:80px; padding:11px 14px; }.benefit-card__icon { flex-basis:48px; width:48px; height:48px; }.benefit-card__icon svg { width:23px; height:23px; }.benefit-card h2 { font-size:14px; }.benefit-card p { font-size:12px; }.training-program { padding:52px 0 58px; }.training-program__heading { margin-bottom:30px; }.training-program__kicker { font-size:11px; }.training-program__heading h2 { font-size:31px; letter-spacing:-1.4px; }.training-program__heading > p:last-child { margin-top:12px; font-size:16px; }.training-program__grid { gap:14px; }.training-day { padding:20px 16px 15px; border-radius:16px; }.training-day__topline { margin-bottom:11px; font-size:12px; }.training-day__number { width:39px; height:39px; font-size:18px; }.training-day__intro { gap:12px; margin-bottom:15px; }.training-day__icon { flex-basis:58px; width:58px; height:58px; border-radius:13px; }.training-day__icon svg { width:32px; height:32px; }.training-day h3 { font-size:17px; letter-spacing:-.5px; }.training-day__list { gap:9px; margin-bottom:15px; font-size:13px; }.training-day__list li { padding-left:22px; }.training-day__list li::before { font-size:17px; }.training-day__feedback { min-height:45px; gap:9px; padding:9px 12px; font-size:12px; }.training-day__feedback span { font-size:18px; }.training-program__action { margin-top:30px; }.no-scroll { overflow:hidden; } }