:root{--navy:#0F2830;--coral:#C9473E;--s-max:1180px;--ease:cubic-bezier(.2,.7,.2,1)}
body.site{background:var(--paper);overflow-x:hidden}
.s-wrap{max-width:var(--s-max);margin-inline:auto;padding-inline:16px}
@media (min-width:768px){.s-wrap{padding-inline:24px}}
.skip{position:absolute;right:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:10px}
.skip:focus{top:12px}
@media (max-width:480px){.hide-xs{display:none!important}}

.s-head{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 84%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);padding-top:env(safe-area-inset-top)}
.s-head-in{display:flex;align-items:center;gap:14px;height:64px}
.s-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none!important;min-width:0}
.s-brand b{display:block;font-size:1.02rem;font-weight:800;line-height:1.3}
.s-brand small{display:block;font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw;line-height:1.4}
.s-logo{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 78%,#fff),var(--brand) 55%,color-mix(in srgb,var(--brand) 70%,#000));box-shadow:0 6px 16px -6px color-mix(in srgb,var(--brand) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}
.s-nav{display:none;align-items:center;gap:4px;margin-inline-start:auto}
.s-nav-a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;color:var(--ink-2);font-weight:600;font-size:.92rem;background:none;border:0;text-decoration:none!important;transition:background var(--t),color var(--t)}
.s-nav-a:hover,.s-nav-a.on{background:var(--brand-soft);color:var(--brand-fg)}
.s-drop{position:relative}
.s-drop-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:6px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all 180ms var(--ease)}
.s-drop:hover .s-drop-menu,.s-drop:focus-within .s-drop-menu{opacity:1;visibility:visible;transform:none}
.s-drop-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none!important;font-size:.9rem}
.s-drop-menu a:hover{background:var(--brand-soft)}
.s-drop-menu i{width:10px;height:10px;border-radius:50%;flex:none}
.s-actions{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.s-nav+.s-actions{margin-inline-start:12px}
@media (min-width:960px){.s-nav{display:flex}.s-burger{display:none}}

.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--brand-fg);background:var(--brand-soft);padding:4px 12px;border-radius:999px;margin-bottom:10px}
.eyebrow.light{background:rgba(255,255,255,.12);color:#fff}
.s-sec{padding-block:34px}
@media (min-width:768px){.s-sec{padding-block:52px}}
.s-title{margin-bottom:20px;max-width:720px}
.s-title.row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;max-width:none}
.s-title h2{font-size:clamp(1.3rem,3.2vw,1.85rem);font-weight:900;letter-spacing:-.02em;margin:0 0 6px;text-wrap:balance}
.s-title p{color:var(--ink-2);margin:0;font-size:.98rem}
.s-more{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;white-space:nowrap}
.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.76rem;font-weight:700;background:rgba(255,255,255,.18);color:#fff;white-space:nowrap}
.pill.ok{background:#fff;color:var(--ok)}
.pill.soon{background:var(--brand-soft);color:var(--brand-fg)}
.pill.live{background:var(--coral);color:#fff;animation:livePulse 1.8s infinite}
@keyframes livePulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--coral) 18%,transparent)}}

.hero{padding-top:16px}
.hero-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:24px;outline:none}
.hero-track::-webkit-scrollbar{display:none}
.hero-track:focus-visible{outline:2.5px solid var(--brand-fg);outline-offset:3px}
.banner{position:relative;flex:0 0 100%;scroll-snap-align:center;border-radius:24px;overflow:hidden;min-height:clamp(260px,60vw,410px);display:flex;align-items:flex-end;color:#fff;isolation:isolate;background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--bc) 55%,#fff) 0%,transparent 55%),radial-gradient(90% 120% at 100% 100%,color-mix(in srgb,var(--bc) 60%,#000) 0%,transparent 60%),var(--bc)}
.banner::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.2px);background-size:18px 18px;mask-image:linear-gradient(to left,#000 10%,transparent 70%);-webkit-mask-image:linear-gradient(to left,#000 10%,transparent 70%)}
.banner.has-img::after{display:none}
.banner-img{position:absolute;inset:0;z-index:-2}
.banner-img img{width:100%;height:100%;object-fit:cover;display:block}
.banner.has-img:not(.img-only) .banner-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,18,22,.84),rgba(5,18,22,.15) 65%)}
.banner.img-only{min-height:0;aspect-ratio:16/9}
@media (min-width:768px){.banner.img-only{aspect-ratio:21/8}}
.banner-link{position:absolute;inset:0}
.banner-deco{position:absolute;inset:0;z-index:-1;pointer-events:none}
.banner-deco span{position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.18)}
.banner-deco span:nth-child(1){width:380px;height:380px;left:-120px;top:-150px}
.banner-deco span:nth-child(2){width:230px;height:230px;left:-44px;top:-74px;border-color:rgba(255,255,255,.12)}
.banner-deco .ic{position:absolute;left:28px;top:26px;width:72px;height:72px;color:rgba(255,255,255,.24);stroke-width:1.4}
.banner-in{padding:26px 22px 24px;max-width:640px}
@media (min-width:768px){.banner-in{padding:44px 48px}}
.banner-badge{display:inline-block;background:var(--marker);color:#1D1A0B;font-weight:800;font-size:.78rem;padding:4px 12px;border-radius:999px;margin-bottom:12px}
.banner h2{color:#fff;font-size:clamp(1.4rem,4.6vw,2.5rem);font-weight:900;line-height:1.35;letter-spacing:-.02em;margin:0 0 8px;text-wrap:balance}
.banner p{color:rgba(255,255,255,.92);font-size:clamp(.92rem,2.2vw,1.08rem);margin:0 0 18px;max-width:52ch}
.banner-cta{background:#fff;color:var(--ink);border-color:#fff;font-weight:800}
.banner-cta:hover{background:var(--marker);border-color:var(--marker);color:#1D1A0B}
.hero-ctrl{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}
.hero-dots{display:flex;gap:2px}
.hero-dots button{width:24px;height:24px;border:0;background:none;padding:0;display:grid;place-items:center}
.hero-dots button::before{content:"";width:8px;height:8px;border-radius:99px;background:var(--line);transition:all 250ms var(--ease)}
.hero-dots button.on::before{width:22px;background:var(--brand)}
.hero-ctrl .ibtn{width:36px;height:36px}

.hero-plain{padding-block:40px 20px}
.hero-plain h1{font-size:clamp(1.8rem,5.5vw,3.2rem);font-weight:900;line-height:1.3;letter-spacing:-.025em;max-width:16ch;text-wrap:balance}
.hero-plain p{font-size:1.05rem;color:var(--ink-2);max-width:60ch;margin-bottom:20px}

.field-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block:16px 4px}
.field-chips::-webkit-scrollbar{display:none}
.field-chips a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-weight:700;font-size:.88rem;text-decoration:none!important;transition:border-color var(--t),transform var(--t)}
.field-chips a:hover{border-color:var(--fc);transform:translateY(-1px)}
.field-chips i{width:10px;height:10px;border-radius:50%;background:var(--fc)}
.field-chips small{color:var(--muted);font-weight:500;font-size:.76rem}

.pkg-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
@media (max-width:640px){.pkg-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding-inline:16px;padding-bottom:6px;scrollbar-width:none}.pkg-list::-webkit-scrollbar{display:none}.pkg-list>.pkg{flex:0 0 88%;scroll-snap-align:center}.pkg-list>.pkg:only-child{flex-basis:100%}}
.pkg{background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow 220ms var(--ease),transform 220ms var(--ease)}
.pkg:hover{box-shadow:0 22px 44px -26px color-mix(in srgb,var(--fc) 60%,transparent);transform:translateY(-2px)}
.pkg-head{position:relative;padding:18px 18px 16px;color:#fff;isolation:isolate;background:radial-gradient(130% 120% at 0% 0%,color-mix(in srgb,var(--fc) 55%,#fff) 0%,transparent 55%),linear-gradient(160deg,var(--fc),color-mix(in srgb,var(--fc) 72%,#000))}
.pkg-head::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1.2px);background-size:16px 16px;mask-image:linear-gradient(to left,#000,transparent 75%);-webkit-mask-image:linear-gradient(to left,#000,transparent 75%)}
.pkg-icon{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.16);display:grid;place-items:center;border:1px solid rgba(255,255,255,.22)}
.pkg-head h3{color:#fff;font-size:1.22rem;font-weight:900;margin:12px 0 4px}
.pkg-head h3 a{color:inherit}
.pkg-head p{color:rgba(255,255,255,.88);font-size:.86rem;margin:0 0 12px;line-height:1.85}
.pkg-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pkg-stats span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:6px 8px;font-size:.72rem;color:rgba(255,255,255,.9);text-align:center;line-height:1.5}
.pkg-stats b{display:block;font-size:1.05rem;color:#fff;font-weight:800}
.pkg-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:14px;flex:1}
.pkg-opts{display:flex;flex-direction:column;gap:8px}
.pkg-opt{display:flex!important;align-items:center;gap:10px;padding:11px 12px;border:1.5px solid var(--line);border-radius:14px;margin:0!important;cursor:pointer;transition:border-color var(--t),background var(--t)}
.pkg-opt input{width:18px;height:18px;accent-color:var(--fc);flex:none;margin:0}
.pkg-opt:has(input:checked){border-color:var(--fc);background:color-mix(in srgb,var(--fc) 7%,var(--surface))}
.pkg-opt:has(input:focus-visible){outline:2px solid var(--fc);outline-offset:2px}
.pkg-opt-main{flex:1;min-width:0}
.pkg-opt-main b{display:block;font-size:.95rem;color:var(--ink)}
.pkg-opt-main small{font-size:.76rem;color:var(--muted);font-weight:500}
.pkg-opt-main em{font-style:normal;color:var(--coral);font-weight:700}
.pkg-price{text-align:left;line-height:1.2}
.pkg-price b{display:block;font-size:1.12rem;font-weight:900;color:var(--ink)}
.pkg-price small{font-size:.7rem;color:var(--muted);font-weight:500}
.pkg-price del{display:block;font-size:.76rem;color:var(--muted)}
.pkg-feat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:.82rem;color:var(--ink-2)}
.pkg-feat li{display:flex;align-items:center;gap:6px;transition:opacity var(--t)}
.pkg-feat li .ic{width:15px;height:15px;color:var(--ok);flex:none}
.pkg-feat li.off{opacity:.4;text-decoration:line-through}
.pkg-feat li.off .ic{color:var(--muted)}
.pkg .btn.primary{background:var(--fc);border-color:var(--fc);margin-top:auto}
.pkg .btn.primary:hover{background:color-mix(in srgb,var(--fc) 85%,#000)}

.stats-band{position:relative;overflow:hidden;color:#fff;padding-block:40px 70px;margin-block:20px;background:radial-gradient(80% 120% at 100% 0%,color-mix(in srgb,var(--brand) 70%,transparent),transparent 60%),radial-gradient(60% 90% at 0% 100%,color-mix(in srgb,var(--brand) 45%,transparent),transparent 70%),var(--navy)}
@media (min-width:768px){.stats-band{padding-block:56px 84px}}
.stats-band h2{color:#fff;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:900;margin:0 0 22px;max-width:24ch}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1080px){.stats-grid{grid-template-columns:repeat(6,1fr)}}
.stat{position:relative;padding:16px 14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.stat-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--marker) 22%,transparent);color:var(--marker);margin-bottom:10px}
.stat b{display:block;font-size:clamp(1.45rem,4.5vw,2rem);font-weight:900;letter-spacing:-.02em;line-height:1.2;font-variant-numeric:tabular-nums}
.stat>span:last-child{font-size:.8rem;color:rgba(255,255,255,.75)}
.stats-wave{position:absolute;inset-inline:0;bottom:0;width:100%;height:80px;color:color-mix(in srgb,var(--marker) 55%,transparent)}

.feat-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;margin-bottom:18px}
.feat-tabs::-webkit-scrollbar{display:none}
.feat-tabs button{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:.86rem;color:var(--ink-2);transition:all var(--t)}
.feat-tabs button:hover{border-color:var(--brand-line)}
.feat-tabs button[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.feat-stage{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:22px;overflow:hidden}
.feat-pane{display:none;grid-template-columns:1fr;gap:22px;align-items:center}
.feat-pane.on{display:grid;animation:paneIn 320ms var(--ease)}
@keyframes paneIn{from{opacity:0;transform:translateY(8px)}}
@media (min-width:820px){.feat-pane{grid-template-columns:1.1fr .9fr;gap:40px}.feat-stage{padding:36px 44px}}
.feat-text h3{font-size:clamp(1.15rem,2.6vw,1.5rem);font-weight:900;margin-bottom:8px}
.feat-text p{color:var(--ink-2);line-height:2}
.feat-text ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.feat-text li{display:flex;gap:8px;align-items:center;font-weight:600;font-size:.92rem}
.feat-text li .ic{color:var(--ok);width:18px;height:18px}
.phone{justify-self:center;width:min(260px,76vw);aspect-ratio:9/16;border-radius:36px;padding:10px;background:linear-gradient(160deg,#1c2b30,#0b1518);box-shadow:0 30px 60px -30px rgba(15,40,48,.6),inset 0 0 0 1.5px rgba(255,255,255,.08)}
.phone-in{height:100%;border-radius:28px;background:var(--paper);padding:30px 14px 14px;display:flex;flex-direction:column;gap:10px;overflow:hidden;position:relative}
.phone-in::before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:70px;height:6px;border-radius:9px;background:#0b1518}
.m-line{height:9px;border-radius:6px;background:var(--line)}
.m-line.w100{width:100%}.m-line.w90{width:90%}.m-line.w80{width:80%}.m-line.w70{width:70%}.m-line.w60{width:60%}
.m-tags{display:flex;gap:5px}.m-tags i{width:54px;height:14px;border-radius:9px;background:var(--brand-soft)}.m-tags i+i{width:36px;background:var(--line-2)}
.m-opts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}
.m-opts span{height:34px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);display:grid;place-items:center;font-size:.66rem}
.m-opts .ok{border-color:var(--ok);background:var(--ok-soft)}
.m-opts .ok em{font-style:normal;font-weight:700}
.m-opts .bad{border-color:var(--bad);background:var(--bad-soft)}
.m-exp{border-right:3px solid var(--brand);background:var(--brand-soft);border-radius:4px 10px 10px 4px;padding:10px;display:grid;gap:6px}
.m-exp b{font-size:.7rem;color:var(--brand-fg);display:flex;gap:4px;align-items:center}
.m-card{flex:1;border-radius:18px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--marker);padding:16px 14px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}
.m-card p{font-size:.82rem;line-height:2;margin:0}
.m-card em{font-style:normal}
.m-flip{font-size:.64rem;color:var(--muted);margin-bottom:6px}
.m-grades{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.m-grades span{font-size:.62rem;font-weight:700;text-align:center;padding:8px 0;border-radius:9px;border:1px solid var(--line);background:var(--surface)}
.m-grades span:first-child{color:var(--bad)}.m-grades span:last-child{color:var(--ok)}
.m-boxes{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;align-items:end;padding:22px 4px 10px}
.m-boxes span{height:var(--h);border-radius:8px 8px 3px 3px;background:var(--brand);position:relative}
.m-boxes span.mast{background:var(--marker)}
.m-boxes em{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-style:normal;font-size:.7rem;font-weight:800}
.m-btn{background:var(--brand);color:#fff;text-align:center;border-radius:12px;padding:10px;font-size:.78rem;font-weight:700}
.m-ring{width:120px;height:120px;border-radius:50%;margin:8px auto 4px;display:grid;place-items:center;background:conic-gradient(var(--brand) 73%,var(--line-2) 0);position:relative}
.m-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--paper)}
.m-ring b{position:relative;font-size:1.5rem;font-weight:900}
.m-taraz{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.m-taraz span{background:var(--brand-soft);border-radius:10px;padding:7px 4px;text-align:center;font-size:.6rem;color:var(--muted)}
.m-taraz b{display:block;font-size:.9rem;color:var(--brand-fg)}
.m-bars{display:grid;gap:7px;margin-top:6px}
.m-bars i{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,var(--line-2) 0 calc(100% - var(--w)),var(--brand) 0)}
.m-advice{display:grid;grid-template-columns:32px 1fr;gap:8px;padding:10px;border-radius:14px;background:var(--surface);border:1px solid var(--brand-line)}
.m-advice.soft{border-color:var(--line)}
.m-advice b{font-size:.72rem;display:block;margin-bottom:6px}
.m-ic{width:32px;height:32px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center}
.m-advice.soft .m-ic{background:var(--brand-soft);color:var(--brand-fg)}
.m-plan{display:grid;gap:8px;margin-top:auto;padding:10px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.m-plan i{display:block;height:7px;border-radius:5px;background:linear-gradient(90deg,var(--line-2) 0 calc(100% - var(--w)),var(--marker) 0)}

.demo-card{max-width:780px}
.demo-after{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--marker-soft);font-weight:600;font-size:.9rem}

.news-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.news-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;color:var(--ink);text-decoration:none!important;transition:transform 200ms var(--ease),box-shadow 200ms var(--ease)}
.news-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.news-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.news-in{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.news-in h3{font-size:1rem;font-weight:800;margin:0;line-height:1.7}
.news-in p{font-size:.86rem;color:var(--ink-2);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-in time{margin-top:auto;font-size:.76rem;color:var(--muted);display:flex;gap:5px;align-items:center}
@media (min-width:900px){.news-card.lead{grid-column:span 2;grid-row:span 2}.news-card.lead h3{font-size:1.3rem}.news-card.lead p{-webkit-line-clamp:6}}

.bk-tabs{margin-bottom:14px}
.bk-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
@media (max-width:640px){.bk-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding-inline:16px;padding-bottom:6px;scrollbar-width:none}.bk-grid::-webkit-scrollbar{display:none}.bk-grid>.bk{flex:0 0 64%;scroll-snap-align:start}}
.bk{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform 200ms var(--ease),box-shadow 200ms var(--ease)}
.bk:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.bk-cover{position:relative;aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;color:var(--ink);text-align:center;overflow:hidden;background:linear-gradient(270deg,color-mix(in srgb,var(--fc) 92%,#000) 0 10px,transparent 10px),repeating-linear-gradient(0deg,transparent 0 21px,color-mix(in srgb,var(--fc) 9%,transparent) 21px 22px),color-mix(in srgb,var(--fc) 6%,#fffdf6)}
.bk-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bk-kicker{font-size:.72rem;font-weight:700;color:var(--fc)}
.bk-year{font-size:2.6rem;font-weight:900;line-height:1.1;color:var(--fc);letter-spacing:-.03em}
.bk-field{font-size:.74rem;color:#34494C;max-width:85%}
.bk-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.bk-body h3{font-size:.92rem;font-weight:800;margin:0;line-height:1.7}
.bk-body p{margin:0}
.bk-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.bk-acts .btn{flex:1 1 auto}
.bk-acts .btn.ghost{flex:0 0 auto}

.ex-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.ex-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none!important;transition:border-color var(--t)}
.ex-card:hover{border-color:var(--brand-line)}
.ex-date{width:58px;height:62px;flex:none;border-radius:14px;background:var(--brand);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}
.ex-date b{font-size:1.4rem;font-weight:900}
.ex-date small{font-size:.7rem;opacity:.88}
.ex-main{flex:1;min-width:0}
.ex-main b{display:block;font-size:.95rem}
.ex-main small{font-size:.78rem;color:var(--muted)}

.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.steps li{position:relative;padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.steps li span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:var(--marker);color:#1D1A0B;margin-bottom:10px}
.steps li b{display:block;font-size:1rem;margin-bottom:4px}
.steps li p{margin:0;font-size:.88rem;color:var(--ink-2)}

.tm-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
@media (max-width:640px){.tm-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}.tm-list>.tm{flex:0 0 86%;scroll-snap-align:center}}
.tm{margin:0;padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.tm-stars{display:flex;gap:2px}
.tm-stars .ic{fill:var(--line);stroke:none}
.tm-stars .ic.on{fill:#E3A400}
.tm blockquote{margin:0;font-size:.93rem;line-height:2;color:var(--ink-2)}
.tm figcaption{display:flex;align-items:center;gap:10px;margin-top:auto}
.tm figcaption img,.tm-av{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none}
.tm-av{display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:800}
.tm figcaption b{display:block;font-size:.92rem}
.tm figcaption small{font-size:.76rem;color:var(--muted)}

.faq{display:grid;gap:8px;max-width:860px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:border-color var(--t)}
.faq details[open]{border-color:var(--brand-line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;font-weight:700;font-size:.95rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{transition:transform 220ms var(--ease);color:var(--muted);flex:none}
.faq details[open] summary .ic{transform:rotate(180deg)}
.faq details>div{padding:0 18px 16px;color:var(--ink-2);line-height:2;font-size:.92rem}

.cta-band{margin-block:20px 50px;padding:28px 22px;border-radius:28px;color:#fff;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(90% 140% at 0% 0%,color-mix(in srgb,var(--brand) 55%,#fff),transparent 55%),linear-gradient(140deg,var(--brand),color-mix(in srgb,var(--brand) 60%,#000))}
.cta-band::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.2px);background-size:18px 18px;mask-image:linear-gradient(to left,#000,transparent 70%);-webkit-mask-image:linear-gradient(to left,#000,transparent 70%)}
.cta-band h2{color:#fff;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:900;margin:0 0 6px}
.cta-band p{color:rgba(255,255,255,.9);margin:0}
@media (min-width:820px){.cta-band{flex-direction:row;align-items:center;justify-content:space-between;padding:40px 48px}}
.btn.on-dark{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}
.btn.on-dark:hover{background:rgba(255,255,255,.22)}

.s-foot{background:var(--navy);color:rgba(255,255,255,.8);padding-top:40px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.s-foot .s-brand{color:#fff}
.s-foot .s-brand small{color:rgba(255,255,255,.62)}
.s-foot-grid{display:grid;gap:26px;grid-template-columns:1fr}
@media (min-width:760px){.s-foot-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}}
.s-foot h3{color:#fff;font-size:.95rem;margin-bottom:10px}
.s-foot a:not(.s-brand){display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.78);font-size:.88rem;padding:4px 0}
.s-foot a:hover{color:var(--marker)}
.s-foot-about{font-size:.86rem;line-height:2;margin-top:12px;max-width:42ch}
.s-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.s-badges img{max-height:90px;background:#fff;border-radius:12px;padding:4px}
.s-copy{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:16px;font-size:.8rem;color:rgba(255,255,255,.6)}

.s-sticky{position:fixed;inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:45;display:flex;gap:8px;padding:8px;border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(15,40,48,.35);transform:translateY(140%);visibility:hidden;transition:transform 300ms var(--ease),visibility 0s linear 300ms}
.s-sticky.show{transform:none;visibility:visible;transition:transform 300ms var(--ease)}
.s-sticky .btn{flex:1}
@media (min-width:820px){.s-sticky{display:none}}

.page-head{padding-block:30px 18px}
.page-head h1{font-size:clamp(1.5rem,4vw,2.3rem);font-weight:900;letter-spacing:-.02em;margin-bottom:6px}
.page-head p{color:var(--ink-2);max-width:62ch;margin:0}
.crumbs{display:flex;align-items:center;gap:4px;font-size:.8rem;margin-bottom:10px;opacity:.88}
.crumbs a{color:inherit}

.field-hero{color:#fff;position:relative;isolation:isolate;padding-block:28px 34px;background:radial-gradient(90% 140% at 0% 0%,color-mix(in srgb,var(--fc) 50%,#fff),transparent 55%),linear-gradient(160deg,var(--fc),color-mix(in srgb,var(--fc) 62%,#000))}
.field-hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1.2px);background-size:18px 18px;mask-image:linear-gradient(to left,#000,transparent 70%);-webkit-mask-image:linear-gradient(to left,#000,transparent 70%)}
.field-hero h1{color:#fff;font-size:clamp(1.6rem,4.5vw,2.6rem);font-weight:900;margin-bottom:6px}
.field-hero p{color:rgba(255,255,255,.9);max-width:60ch}
.field-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.field-facts span{padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:.78rem;color:rgba(255,255,255,.88);line-height:1.4}
.field-facts b{display:block;font-size:1.15rem;color:#fff}
.field-facts .hl{background:var(--marker);color:#1D1A0B;border-color:var(--marker)}
.field-facts .hl b{color:#1D1A0B}
.field-grid{display:grid;gap:26px}
@media (min-width:960px){.field-grid{grid-template-columns:1.5fr 1fr;align-items:start}}
.field-grid .pkg-list{grid-template-columns:1fr}

.article{max-width:780px;padding-block:26px 50px}
.article h1{font-size:clamp(1.4rem,4vw,2.1rem);font-weight:900;line-height:1.5}
.article-img{width:100%;border-radius:20px;margin:10px 0 18px}
.article-lead{font-size:1.08rem;font-weight:600;color:var(--ink-2);line-height:2;border-right:3px solid var(--marker);padding-right:14px}
.article-body{font-size:1rem;line-height:2.15}
.article-body img{border-radius:14px}

@media (prefers-reduced-motion:reduce){.pill.live{animation:none}}

.steps li{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:start}
.steps li span{grid-row:span 2;margin:0}
@media (min-width:900px){.steps li{display:block}.steps li span{margin-bottom:10px}}
@media (min-width:900px){
  .pkg-list.single{grid-template-columns:1fr}
  .pkg-list.single .pkg{flex-direction:row}
  .pkg-list.single .pkg-head{width:42%;flex:none;padding:28px;display:flex;flex-direction:column}
  .pkg-list.single .pkg-head h3{font-size:1.6rem}
  .pkg-list.single .pkg-stats{margin-top:auto}
  .pkg-list.single .pkg-body{padding:28px}
  .pkg-list.single .pkg-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  .pkg-list.single .pkg-feat{grid-template-columns:repeat(3,1fr)}
}
.bk-grid.shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:0 16px 8px;scrollbar-width:thin}
.bk-grid.shelf>.bk{flex:0 0 min(64%,212px);scroll-snap-align:start}
@media (min-width:768px){.bk-grid.shelf{margin-inline:-24px;padding-inline:24px}}
.m-nav{display:grid;grid-template-columns:1fr 1.4fr;gap:6px;margin-top:auto}
.m-nav span:first-child{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.phone{width:min(240px,66vw)}