:root{--bg:#f6faf8;--tx:#0c2b28;--cd:#fff;--ln:#e0ebe8;--mu:#5d7570;--c1:#0f8a7a;--c2:#f0a63a;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root{--bg:#081c1a;--tx:#e8f3f0;--cd:#0e2926;--ln:#1c3d39;--mu:#8fb3ac}}
html{scroll-behavior:smooth;scroll-padding-top:80px}*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 "Plus Jakarta Sans",system-ui,"Segoe UI",sans-serif}a{color:inherit}img,video{max-width:100%}.w{max-width:1120px;margin:auto;padding:0 20px}
.an{background:var(--c2);color:#2a1a00;text-align:center;padding:8px 14px;font-weight:700;font-size:14px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:#0a2f2cee;backdrop-filter:blur(10px);color:#fff}header .w{display:flex;align-items:center;gap:18px;height:68px}
.br{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;text-decoration:none;margin-right:auto}.br img,.br svg{width:38px;height:38px;border-radius:10px;object-fit:contain;background:#fff}
nav{display:flex;gap:20px}nav a{text-decoration:none;font-weight:600;font-size:14.5px;opacity:.85}nav a:hover{opacity:1}
.b{display:inline-block;border:0;border-radius:12px;padding:12px 22px;font:700 15px inherit;font-family:inherit;cursor:pointer;text-decoration:none;background:var(--c2);color:#2a1a00}.b.o{background:transparent;color:inherit;border:1.5px solid currentColor}.b.s{padding:8px 14px;font-size:13px}.b.r{background:#fbdcd9;color:#a1271c}
.hero{background:radial-gradient(900px 500px at 85% 0,color-mix(in srgb,var(--c1) 60%,#0a2f2c),transparent 60%),#0a2f2c;color:#fff;padding:84px 0 70px;position:relative;overflow:hidden}
.hero h1{font-size:clamp(34px,6vw,62px);line-height:1.08;margin:0 0 18px;font-weight:800;max-width:780px}.hero h1 em{font-style:normal;color:var(--c2)}.hero p{font-size:19px;max-width:620px;color:#cfe8e3;margin:0 0 30px}
.hero .bg{position:absolute;right:-60px;bottom:-80px;width:420px;opacity:.07}.st{display:flex;flex-wrap:wrap;gap:14px;margin-top:46px}.st div{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;padding:14px 22px}.st b{display:block;font-size:22px;color:var(--c2)}.st span{font-size:13px;color:#bcdcd6}
section{padding:76px 0}.alt{background:color-mix(in srgb,var(--c1) 6%,var(--bg))}.k{color:var(--c1);font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase}h2{font-size:clamp(26px,4vw,38px);margin:6px 0 34px;line-height:1.15}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.c{background:var(--cd);border:1px solid var(--ln);border-radius:20px;padding:26px;transition:.2s}.c:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0b2e2b1f}
.ic{width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--c1) 14%,transparent);display:grid;place-items:center;font-size:26px;margin-bottom:14px}.c h3{margin:0 0 6px;font-size:18px}.c p{margin:0;color:var(--mu);font-size:15px}
.pj{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden}.pj img{width:100%;height:100%;min-height:240px;object-fit:cover}.pj>div{padding:32px}.tg{font-size:12.5px;font-weight:700;color:var(--c1);margin-top:12px}
.n{counter-reset:n}.n .c:before{counter-increment:n;content:counter(n);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--c2);color:#2a1a00;font-weight:800;margin-bottom:12px}
.po img,.vd video,.vd iframe{width:calc(100% + 52px);margin:-26px -26px 16px;height:190px;object-fit:cover;border-radius:20px 20px 0 0;border:0;background:#000}.po small{color:var(--mu)}details summary{cursor:pointer;color:var(--c1);font-weight:700;margin-top:8px}
.q{font-size:17px;font-style:italic}.fq{max-width:760px}.fq details{background:var(--cd);border:1px solid var(--ln);border-radius:14px;padding:14px 18px;margin-bottom:10px}.fq summary{margin:0;color:var(--tx);font-weight:700}
.ct{background:#0a2f2c;color:#fff;border-radius:26px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:34px}.ct p{color:#bcdcd6}.ct a.l,.ct .l{display:block;margin:8px 0;font-weight:700}
input,textarea,select{font:inherit;width:100%;padding:11px 13px;border:1px solid var(--ln);border-radius:10px;background:var(--cd);color:var(--tx);margin:4px 0 12px}textarea{min-height:90px;resize:vertical}.ct input,.ct textarea{background:#ffffff12;border-color:#ffffff30;color:#fff}
footer{padding:28px 0;color:var(--mu);font-size:14px;border-top:1px solid var(--ln)}footer .w{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.wf{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:28px;text-decoration:none;box-shadow:0 8px 22px #0004;z-index:8}
.ad{display:grid;grid-template-columns:210px 1fr;gap:22px;padding:24px 20px;max-width:1120px;margin:auto}.ad aside{position:sticky;top:20px;align-self:start}.ad aside button{display:block;width:100%;text-align:left;margin-bottom:6px;padding:11px 14px;border-radius:10px;background:var(--cd);color:var(--tx);font:600 14px inherit;font-family:inherit;cursor:pointer;border:1px solid var(--ln)}.ad aside button.on{background:var(--c1);color:#fff}
.it{border:1px solid var(--ln);border-radius:14px;padding:14px;margin-bottom:14px;background:var(--cd)}label{font-size:12.5px;color:var(--mu);font-weight:600;display:block}.pv{max-width:140px;max-height:90px;border-radius:8px;display:block;margin:6px 0}.pg{height:8px;border-radius:9px;background:var(--ln);overflow:hidden;margin:4px 0 10px}.pg i{display:block;height:100%;background:var(--c1);width:0}
.lg{max-width:380px;margin:12vh auto;padding:30px;background:var(--cd);border:1px solid var(--ln);border-radius:20px}
#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#0c2b28;color:#fff;padding:10px 18px;border-radius:10px;opacity:0;transition:.2s;pointer-events:none;z-index:99}#toast.on{opacity:1}
@media(max-width:760px){nav{display:none}.pj,.ct,.ad{grid-template-columns:1fr}.ad aside{position:static;display:flex;flex-wrap:wrap;gap:6px}.ad aside button{width:auto;margin:0}.hero{padding:56px 0 48px}section{padding:52px 0}}

.lead{max-width:640px;color:var(--mu);margin:-14px 0 20px}.ch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.ch span{font-size:13px;font-weight:600;padding:6px 13px;border-radius:99px;border:1px solid var(--ln);background:var(--cd)}
.pl{display:flex;flex-direction:column;gap:6px}.pl.hot{background:#0a2f2c;color:#fff;border-color:var(--c2)}.pl.hot p,.pl.hot .py{color:#bcdcd6}.pm{font-size:28px;font-weight:800}.pm small{font-size:14px;font-weight:600;opacity:.7}.py{font-size:13px;color:var(--mu)}
.pl ul{list-style:none;padding:0;margin:10px 0 16px;flex:1}.pl li{padding:3px 0;font-size:14.5px}.pl li:before{content:"✓ ";color:var(--c1);font-weight:800}.pl.hot li:before{color:var(--c2)}.pl .b{text-align:center}
.nt{margin-top:22px;color:var(--mu);font-size:14.5px}.nt a:not(.b){color:var(--c1);font-weight:700}.nt .b{margin-right:12px}

.hd{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;margin-bottom:64px}.hd .lead{margin:-14px 0 22px}.stt{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stt div{background:#0a2f2c;color:#fff;border-radius:16px;padding:16px}.stt b{display:block;font-size:17px;color:var(--c2)}.stt span{font-size:13px;color:#bcdcd6}
.sp{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;margin-top:64px}.sp.fl>div:first-child{order:2}.sp:first-of-type{margin-top:0}
.ls{list-style:none;padding:0;margin:0}.ls li{padding:11px 4px;border-bottom:1px solid var(--ln);font-weight:600;font-size:15px}.ls li:before{content:"✓ ";color:var(--c1);font-weight:800}
.sd{min-height:260px}.vis{background:#0a2f2c;border-radius:22px;padding:28px;min-height:260px;display:flex;align-items:flex-end;gap:12px;position:relative;color:#bcdcd6}.vis small{position:absolute;top:14px;left:20px}.bar{flex:1;height:var(--h);background:#ffffff30;border-radius:8px 8px 0 0}.bar.hi{background:var(--c2)}
.vis.dash{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px}.vis.dash div{background:#ffffff14;border-radius:14px;padding:18px;display:flex;flex-direction:column;justify-content:center}.vis.dash b{font-size:24px;color:var(--c2)}.vis.dash small{position:static}
.flow{background:#0a2f2c;color:#fff;border-radius:22px;padding:28px;min-height:260px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;font-weight:700}.flow span{background:#ffffff14;border:1px solid #ffffff30;border-radius:14px;padding:14px 16px}.flow i{color:var(--c2);font-style:normal;font-size:22px}.flow small{width:100%;text-align:center;color:#bcdcd6;font-weight:400}
.ac details{background:var(--cd);border:1px solid var(--ln);border-radius:16px;padding:6px 20px;margin-bottom:10px}.ac summary{display:flex;flex-direction:column;padding:12px 0;font-weight:800;font-size:17px;color:var(--tx);margin:0;cursor:pointer}.ac summary small{font-weight:500;color:var(--mu);font-size:14px}.ac .ls{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding-bottom:12px}
@media(max-width:760px){.hd,.sp{grid-template-columns:1fr}.sp.fl>div:first-child{order:0}.ac .ls{grid-template-columns:1fr}.sp{margin-top:44px}}

.tg2{position:relative;margin-top:24px}.tg2>input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}
.sw{display:inline-flex;background:var(--cd);border:1px solid var(--ln);border-radius:99px;padding:4px;margin-bottom:22px}.sw label{padding:8px 20px;border-radius:99px;font-size:14px;font-weight:700;cursor:pointer;color:var(--mu)}
#bm:checked~.sw label[for=bm],#by:checked~.sw label[for=by]{background:var(--c1);color:#fff}#bm:focus-visible~.sw label[for=bm],#by:focus-visible~.sw label[for=by]{outline:2px solid var(--c2);outline-offset:2px}
#bm:checked~.pr .yy,#by:checked~.pr .m{display:none}
.pl{position:relative}.pl.hot{transform:translateY(-8px);box-shadow:0 22px 44px #0a2f2c40}.pl.hot:before{content:"Most popular";position:absolute;top:-13px;left:24px;background:var(--c2);color:#2a1a00;font-size:12px;font-weight:800;padding:4px 12px;border-radius:99px}
select{font:inherit;width:100%;padding:11px 13px;border:1px solid var(--ln);border-radius:10px;background:var(--cd);color:var(--tx);margin:4px 0 12px}.ct select{background:#ffffff12;border-color:#ffffff30;color:#fff}.ct select option{color:#000}
.hero .b.o{margin-left:6px}.c .b{margin-top:6px}
.n.g .c h3{margin-top:2px}.hd .b{margin-bottom:6px}
@media(max-width:760px){.pl.hot{transform:none}.hero .b.o{margin:10px 0 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}