.slab-page { color:#061a3d; background:#f5f8fc; }
.slab-container { width:min(1480px,calc(100% - 48px)); margin-inline:auto; }
.slab-kicker { margin:0 0 15px; color:#ffdd00; font-size:11px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.slab-button { position:relative; min-height:58px; display:inline-flex; align-items:center; justify-content:center; gap:16px; overflow:hidden; padding:0 28px; border:1px solid transparent; font-size:12px; font-weight:800; transition:color .35s,background .35s,border-color .35s,box-shadow .35s,transform .35s; }
.slab-button::before { content:""; position:absolute; top:-40%; bottom:-40%; left:-35%; width:20%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent); transform:skewX(-20deg); transition:left .7s; }
.slab-button:hover { transform:translateY(-4px); }
.slab-button:hover::before { left:125%; }
.slab-button i { transition:transform .35s; }
.slab-button:hover i { transform:translateX(6px); }
.slab-button--yellow { color:#061a3d; background:#ffdd00; box-shadow:0 18px 42px rgba(255,221,0,.2); }
.slab-button--yellow:hover { background:#ffd249; box-shadow:0 24px 52px rgba(255,221,0,.32); }
.slab-button--ghost { color:#fff; border-color:rgba(255,255,255,.27); background:rgba(255,255,255,.055); backdrop-filter:blur(10px); }
.slab-button--ghost:hover { color:#ffdd00; border-color:#ffdd00; background:rgba(8,45,115,.45); }

.slab-hero { position:relative; isolation:isolate; min-height:760px; display:grid; align-items:center; overflow:hidden; color:#fff; background:#03142f; }
.slab-hero__media { position:absolute; z-index:-4; inset:0; }
.slab-hero__media img { width:100%; height:100%; object-fit:cover; object-position:center 54%; filter:saturate(.95) contrast(1.08); transform:scale(1.025); animation:slabHeroImage 12s ease-in-out infinite alternate; }
.slab-hero__media span { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,14,37,.99) 0%,rgba(3,21,53,.97) 42%,rgba(4,27,68,.62) 68%,rgba(3,17,43,.42) 100%),linear-gradient(0deg,rgba(2,14,35,.48),transparent 52%); }
.slab-hero__grid { position:absolute; z-index:-3; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(100deg,#000,transparent 76%); }
.slab-orbit { position:absolute; z-index:-2; border:1px solid rgba(255,221,0,.19); border-radius:50%; pointer-events:none; animation:slabOrbit 28s linear infinite; }
.slab-orbit i { position:absolute; width:9px; height:9px; border-radius:50%; background:#ffdd00; box-shadow:0 0 22px #ffdd00; }
.slab-orbit--one { top:70px; right:7%; width:540px; height:540px; }
.slab-orbit--one i { top:61px; left:76px; }
.slab-orbit--two { right:-250px; bottom:-440px; width:800px; height:800px; opacity:.56; animation-direction:reverse; animation-duration:39s; }
.slab-orbit--two i { top:104px; right:150px; }
.slab-hero__inner { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(350px,.62fr); align-items:center; gap:clamp(70px,9vw,150px); padding-block:95px 105px; }
.slab-hero__copy { position:relative; z-index:2; animation:slabRevealLeft .9s both; }
.slab-hero .breadcrumbs { margin-bottom:56px; color:#afbed1; }
.slab-hero h1 { max-width:900px; margin:0; font-size:clamp(58px,6vw,96px); line-height:.94; letter-spacing:-.06em; }
.slab-hero h1 span { color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.82); }
.slab-hero__copy>p:not(.slab-kicker) { max-width:680px; margin:29px 0 34px; color:#c0ccdc; font-size:17px; line-height:1.75; }
.slab-hero__actions { display:flex; flex-wrap:wrap; gap:12px; }
.slab-hero__phone { width:max-content; display:grid; grid-template-columns:46px auto; grid-template-rows:auto auto; align-items:center; gap:2px 14px; margin-top:38px; color:#fff; }
.slab-hero__phone>span { width:46px; height:46px; display:grid; place-items:center; grid-row:1/3; color:#061a3d; background:#ffdd00; border-radius:50%; box-shadow:0 0 0 7px rgba(255,221,0,.09); transition:transform .35s,box-shadow .35s; }
.slab-hero__phone small { color:#748aa7; font-size:8px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.slab-hero__phone strong { font-size:14px; }
.slab-hero__phone:hover>span { transform:rotate(-10deg) scale(1.08); box-shadow:0 0 0 10px rgba(255,221,0,.12),0 10px 25px rgba(255,221,0,.25); }
.slab-hero__phone:hover strong { color:#ffdd00; }
@property --slab-angle { syntax:'<angle>'; initial-value:0deg; inherits:false; }
.slab-hero__panel { position:relative; z-index:2; overflow:hidden; padding:36px 36px 32px; border:1px solid rgba(255,255,255,.16); background:radial-gradient(240px circle at var(--slab-mx,72%) var(--slab-my,18%),rgba(255,221,0,.2),transparent 62%),linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035)); box-shadow:0 35px 100px rgba(0,0,0,.34); backdrop-filter:blur(18px); animation:slabRevealRight 1s .12s both,slabFloat 7s ease-in-out 1.2s infinite; }
.slab-hero__panel-shine { position:absolute; z-index:0; inset:-45%; pointer-events:none; background:conic-gradient(from 0deg,transparent 0 60%,rgba(255,221,0,.16) 78%,transparent 92%); animation:slabOrbit 15s linear infinite; }
.slab-hero__panel-border { position:absolute; z-index:5; inset:0; padding:2px; pointer-events:none; background:conic-gradient(from var(--slab-angle),transparent 0 66%,rgba(255,221,0,.85) 80%,#fff 87%,rgba(255,221,0,.85) 92%,transparent 98%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; animation:slabBorderRun 6s linear infinite; }
.slab-hero__panel>*:not(.slab-hero__panel-shine):not(.slab-hero__panel-border) { position:relative; z-index:2; }
.slab-hero__panel::before { content:""; position:absolute; top:0; bottom:0; left:0; width:4px; background:linear-gradient(#ffdd00 0 51%,#1764bb 51%); }
.slab-hero__panel::after { content:""; position:absolute; z-index:0; top:-150px; right:-150px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,rgba(255,221,0,.16),transparent 66%); animation:slabPulse 4.5s ease-in-out infinite; }
.slab-hero__panel-index { display:flex; align-items:center; gap:10px; margin-bottom:26px; color:#ffdd00; font-size:8px; font-weight:800; letter-spacing:.18em; }
.slab-hero__panel-index i { width:8px; height:8px; border-radius:50%; background:#ffdd00; box-shadow:0 0 0 4px rgba(255,221,0,.14),0 0 14px #ffdd00; animation:slabBlink 2.2s ease-in-out infinite; }
.slab-hero__panel-head { display:grid; grid-template-columns:56px 1fr; align-items:center; gap:16px; padding-bottom:23px; border-bottom:1px solid rgba(255,255,255,.12); }
.slab-hero__panel-head>i { width:56px; height:56px; display:grid; place-items:center; color:#061a3d; background:#ffdd00; font-size:20px; box-shadow:0 13px 28px rgba(255,221,0,.24); transition:transform .5s cubic-bezier(.16,1,.3,1); }
.slab-hero__panel:hover .slab-hero__panel-head>i { transform:rotate(-6deg) scale(1.07); }
.slab-hero__panel-head strong { display:block; color:#fff; font-size:17px; line-height:1.3; letter-spacing:-.02em; }
.slab-hero__panel ul { margin:0; padding:18px 0 6px; list-style:none; }
.slab-hero__panel li { display:flex; align-items:center; gap:13px; padding:11px 0; color:#dbe4ef; border-bottom:1px solid rgba(255,255,255,.09); font-size:12px; font-weight:600; }
.slab-hero__panel li i { flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; color:#ffdd00; border:1px solid rgba(255,221,0,.3); border-radius:50%; background:rgba(255,221,0,.06); font-size:12px; transition:color .35s,background .35s,transform .35s; }
.slab-hero__panel li:hover i { color:#061a3d; background:#ffdd00; transform:scale(1.1); }
.slab-hero__panel-metrics { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-top:22px; }
.slab-hero__panel-metrics span { display:flex; flex-direction:column; align-items:flex-start; padding:18px 16px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.05); transition:background .35s,transform .35s,border-color .35s; }
.slab-hero__panel-metrics span:hover { border-color:rgba(255,221,0,.4); background:rgba(255,221,0,.1); transform:translateY(-4px); }
.slab-hero__panel-metrics span>i { color:#ffdd00; font-size:13px; }
.slab-hero__panel-metrics strong { display:block; margin-top:9px; color:#fff; font-size:30px; line-height:1; letter-spacing:-.05em; }
.slab-hero__panel-metrics small { display:block; margin-top:6px; color:#8ea0bd; font-size:8px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.slab-hero__note { display:block; margin-top:15px; color:#607694; font-size:7px; line-height:1.5; }
.slab-scroll { position:absolute; right:34px; bottom:37px; display:flex; align-items:center; gap:13px; color:#8ea0b8; font-size:7px; font-weight:800; letter-spacing:.2em; writing-mode:vertical-rl; }
.slab-scroll i { color:#ffdd00; animation:slabScroll 1.7s ease-in-out infinite; }
.slab-hero__progress { position:absolute; right:0; bottom:0; left:0; height:5px; background:rgba(255,255,255,.09); }
.slab-hero__progress span { display:block; width:42%; height:100%; background:#ffdd00; box-shadow:0 0 18px rgba(255,221,0,.48); animation:slabProgress 1.2s .25s both; }

.slab-subnav { position:sticky; z-index:90; top:130px; border-bottom:1px solid #dce4ee; background:rgba(255,255,255,.94); box-shadow:0 12px 35px rgba(5,27,64,.06); backdrop-filter:blur(14px); }
.slab-subnav .slab-container { min-height:68px; display:flex; align-items:center; gap:40px; }
.slab-subnav span { margin-right:auto; color:#061a3d; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.slab-subnav a { position:relative; align-self:stretch; display:flex; align-items:center; color:#718096; font-size:10px; font-weight:700; }
.slab-subnav a::after { content:""; position:absolute; right:0; bottom:0; left:0; height:3px; background:#ffdd00; transform:scaleX(0); transition:transform .35s; }
.slab-subnav a:hover { color:#082d73; }
.slab-subnav a:hover::after { transform:scaleX(1); }

.slab-components { position:relative; isolation:isolate; overflow:hidden; padding:120px 0 125px; background:#f5f8fc; }
.slab-components::before { content:""; position:absolute; z-index:-2; inset:0; opacity:.55; background-image:linear-gradient(rgba(8,45,115,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(8,45,115,.04) 1px,transparent 1px); background-size:78px 78px; mask-image:linear-gradient(105deg,#000,transparent 83%); }
.slab-components__ring { position:absolute; z-index:-1; top:-280px; right:-180px; width:650px; height:650px; border:1px solid rgba(8,45,115,.07); border-radius:50%; box-shadow:0 0 0 90px rgba(8,45,115,.022),0 0 0 180px rgba(8,45,115,.012); }
.slab-section-heading { display:grid; grid-template-columns:1fr minmax(360px,540px); align-items:end; gap:80px; margin-bottom:52px; }
.slab-section-heading h2 { margin:0; color:#061a3d; font-size:clamp(48px,5vw,72px); line-height:1; letter-spacing:-.055em; }
.slab-section-heading h2 span { color:transparent; -webkit-text-stroke:1px rgba(8,45,115,.62); }
.slab-section-heading>p { margin:0 0 5px; padding-left:23px; border-left:2px solid #ffdd00; color:#657287; font-size:14px; line-height:1.8; }
.slab-components__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.slab-components__grid--two { grid-template-columns:repeat(2,minmax(0,480px)); justify-content:center; }
.slab-components__grid--one { grid-template-columns:minmax(0,600px); justify-content:center; }
.slab-component { position:relative; min-height:300px; display:flex; flex-direction:column; overflow:hidden; padding:29px 23px 25px; opacity:0; color:#fff; background:linear-gradient(155deg,#0a2456,#061a3d 62%); box-shadow:0 24px 65px rgba(4,26,63,.12); transform:translateY(38px); transition:opacity .75s var(--component-delay),transform .5s cubic-bezier(.16,1,.3,1),box-shadow .45s,background .5s; }
.slab-components.in-view .slab-component { opacity:1; transform:none; }
.slab-component::before { content:""; position:absolute; z-index:-1; top:-45%; right:-30%; width:75%; height:130%; background:radial-gradient(circle,rgba(255,221,0,.14),transparent 68%); opacity:0; transition:opacity .5s; }
.slab-component__frame { position:absolute; z-index:1; inset:11px; border:1px solid rgba(255,255,255,.14); pointer-events:none; transition:inset .4s,border-color .4s; }
.slab-component::after { content:""; position:absolute; right:0; bottom:0; left:0; height:4px; background:linear-gradient(90deg,#ffdd00,#0d4b9c); transform:scaleX(.18); transform-origin:left; transition:transform .5s; }
.slab-component__number { position:relative; z-index:2; display:flex; align-items:center; gap:8px; margin-bottom:auto; padding-bottom:20px; color:#fff; font-size:8px; font-weight:800; letter-spacing:.12em; }
.slab-component__number::before { content:""; width:35px; height:1px; background:#ffdd00; transition:width .35s; }
.slab-component__icon { position:relative; z-index:2; width:50px; height:50px; display:grid; place-items:center; margin-bottom:20px; color:#061a3d; background:#ffdd00; font-size:17px; box-shadow:0 13px 30px rgba(255,221,0,.22); transition:transform .45s,background .35s; }
.slab-component__content { position:relative; z-index:2; }
.slab-component__content small,.slab-component__content strong,.slab-component__content em { display:block; }
.slab-component__content small { margin-bottom:9px; color:#ffdd00; font-size:8px; font-weight:800; font-style:normal; letter-spacing:.13em; }
.slab-component__content strong { font-size:clamp(17px,1.15vw,21px); line-height:1.15; letter-spacing:-.04em; }
.slab-component__content em { margin-top:10px; color:#b8c7d9; font-size:11px; font-style:normal; line-height:1.55; }
.slab-component__arrow { position:relative; z-index:2; align-self:flex-end; width:38px; height:38px; margin-top:18px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.35); border-radius:50%; color:#fff; transition:color .35s,background .35s,border-color .35s,transform .45s; }
.slab-component:hover,.slab-components.in-view .slab-component:hover { z-index:2; box-shadow:0 35px 85px rgba(4,26,63,.28); transform:translateY(-8px); }
.slab-component:hover::before { opacity:1; }
.slab-component:hover .slab-component__frame { inset:9px; border-color:rgba(255,221,0,.55); }
.slab-component:hover::after { transform:scaleX(1); }
.slab-component:hover .slab-component__number::before { width:52px; }
.slab-component:hover .slab-component__icon { background:#ffd34b; transform:translateY(-6px) rotate(-5deg); }
.slab-component:hover .slab-component__arrow { color:#061a3d; border-color:#ffdd00; background:#ffdd00; transform:rotate(-35deg); }
.slab-component:focus-visible { outline:3px solid #ffdd00; outline-offset:4px; }

.slab-system { position:relative; isolation:isolate; overflow:hidden; padding:120px 0; color:#fff; background:radial-gradient(circle at 90% 10%,rgba(18,76,157,.5),transparent 33%),linear-gradient(135deg,#03142f,#061e49 65%,#082d73); }
.slab-system::before { content:""; position:absolute; top:0; right:0; left:0; height:5px; background:linear-gradient(90deg,#ffdd00 0 38%,#0d4b9c 38% 72%,rgba(255,255,255,.25) 72%); }
.slab-system__grid { position:absolute; z-index:-2; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:78px 78px; mask-image:linear-gradient(110deg,#000,transparent 80%); }
.slab-system__orbit { position:absolute; z-index:-1; top:-280px; right:-200px; width:650px; height:650px; border:1px solid rgba(255,221,0,.16); border-radius:50%; box-shadow:0 0 0 85px rgba(255,221,0,.02),0 0 0 170px rgba(255,221,0,.01); animation:slabOrbit 34s linear infinite; }
.slab-system__orbit i { position:absolute; top:50%; left:-5px; width:9px; height:9px; border-radius:50%; background:#ffdd00; box-shadow:0 0 20px #ffdd00; }
.slab-system__inner { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr); align-items:center; gap:clamp(70px,8vw,130px); }
.slab-system__visual { position:relative; min-height:650px; opacity:0; transform:translateX(-45px); transition:opacity .85s,transform .85s cubic-bezier(.16,1,.3,1); }
.slab-system.in-view .slab-system__visual { opacity:1; transform:none; }
.slab-system__image { position:absolute; inset:0; overflow:hidden; box-shadow:0 35px 90px rgba(0,0,0,.28); clip-path:polygon(0 0,100% 0,89% 100%,0 100%); }
.slab-system__image::after { content:""; position:absolute; inset:18px 28px 18px 18px; border:1px solid rgba(255,255,255,.2); pointer-events:none; }
.slab-system__image img { width:100%; height:100%; object-fit:cover; filter:saturate(.92) contrast(1.04); transition:transform 1s; }
.slab-system__image span { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,18,47,.52),rgba(3,18,47,.06)),linear-gradient(0deg,rgba(3,18,47,.65),transparent 55%); }
.slab-system__visual:hover .slab-system__image img { transform:scale(1.045); }
.slab-hotspot { position:absolute; z-index:4; display:flex; align-items:center; gap:10px; color:#fff; font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.slab-hotspot i { width:34px; height:34px; display:grid; place-items:center; border:1px solid #ffdd00; border-radius:50%; color:#061a3d; background:#ffdd00; font-size:10px; font-style:normal; box-shadow:0 0 0 8px rgba(255,221,0,.12),0 0 24px rgba(255,221,0,.25); transition:transform .35s,box-shadow .35s; }
.slab-hotspot b { padding:8px 11px; opacity:0; background:rgba(3,20,47,.78); backdrop-filter:blur(8px); transform:translateX(-8px); transition:opacity .35s,transform .35s; }
.slab-hotspot:hover i,.slab-hotspot.is-active i { transform:scale(1.14); box-shadow:0 0 0 12px rgba(255,221,0,.12),0 0 30px rgba(255,221,0,.34); }
.slab-hotspot:hover b,.slab-hotspot.is-active b { opacity:1; transform:none; }
.slab-hotspot--one { top:23%; left:57%; }
.slab-hotspot--two { top:47%; left:35%; }
.slab-hotspot--three { top:67%; left:63%; }
.slab-system__badge { position:absolute; z-index:4; bottom:36px; left:35px; display:flex; align-items:center; gap:16px; padding:16px 21px; border:1px solid rgba(255,255,255,.19); background:rgba(3,20,47,.65); backdrop-filter:blur(12px); }
.slab-system__badge strong { color:#ffdd00; font-size:28px; }
.slab-system__badge span { color:#c5d1e0; font-size:8px; font-weight:800; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; }
.slab-system__content { opacity:0; transform:translateX(45px); transition:opacity .85s .12s,transform .85s .12s cubic-bezier(.16,1,.3,1); }
.slab-system.in-view .slab-system__content { opacity:1; transform:none; }
.slab-system__content h2 { margin:0; font-size:clamp(48px,4.7vw,72px); line-height:1; letter-spacing:-.055em; }
.slab-system__content h2 span { color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.7); }
.slab-system__content>p:not(.slab-kicker) { max-width:590px; margin:27px 0 35px; color:#afbed1; font-size:14px; line-height:1.8; }
.slab-system__steps { border-top:1px solid rgba(255,255,255,.13); }
.slab-system__steps button { position:relative; width:100%; min-height:82px; display:grid; grid-template-columns:35px 42px 1fr; grid-template-rows:1fr 1fr; align-items:end; column-gap:13px; padding:15px 14px; border:0; border-bottom:1px solid rgba(255,255,255,.13); color:#fff; background:transparent; text-align:left; cursor:pointer; transition:background .35s,padding .35s; }
.slab-system__steps button::before { content:""; position:absolute; top:0; bottom:0; left:0; width:3px; background:#ffdd00; transform:scaleY(0); transition:transform .35s; }
.slab-system__steps button>span { grid-row:1/3; align-self:center; color:#ffdd00; font-size:8px; font-weight:800; }
.slab-system__steps button>i { width:40px; height:40px; display:grid; place-items:center; grid-row:1/3; align-self:center; color:#ffdd00; border:1px solid rgba(255,255,255,.14); transition:color .35s,background .35s,border-color .35s,transform .35s; }
.slab-system__steps button strong { align-self:end; font-size:12px; }
.slab-system__steps button small { align-self:start; margin-top:4px; color:#778da9; font-size:8px; }
.slab-system__steps button:hover,.slab-system__steps button.is-active { padding-left:23px; background:rgba(255,255,255,.065); }
.slab-system__steps button:hover::before,.slab-system__steps button.is-active::before { transform:scaleY(1); }
.slab-system__steps button:hover>i,.slab-system__steps button.is-active>i { color:#061a3d; border-color:#ffdd00; background:#ffdd00; transform:rotate(-5deg); }
.slab-inline-link { display:inline-flex; align-items:center; gap:12px; margin-top:31px; padding-bottom:7px; border-bottom:1px solid rgba(255,221,0,.65); color:#fff; font-size:11px; font-weight:800; transition:gap .35s,color .35s,border-color .35s; }
.slab-inline-link i { color:#ffdd00; }
.slab-inline-link:hover { gap:19px; color:#ffdd00; border-color:#fff; }

.slab-benefits { position:relative; overflow:hidden; padding:118px 0 126px; background:#f5f8fc; }
.slab-benefits::before { content:""; position:absolute; top:-330px; left:-220px; width:660px; height:660px; border:1px solid rgba(8,45,115,.06); border-radius:50%; box-shadow:0 0 0 90px rgba(8,45,115,.018); }
.slab-section-heading--compact { margin-bottom:45px; }
.slab-benefits__grid { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #dfe7f0; background:#fff; box-shadow:0 25px 75px rgba(5,27,64,.08); }
.slab-benefits__grid article { position:relative; min-height:310px; overflow:hidden; padding:39px 30px; opacity:0; border-right:1px solid #e2e9f1; transform:translateY(30px); transition:opacity .65s var(--benefit-delay),transform .65s var(--benefit-delay) cubic-bezier(.16,1,.3,1),color .4s,background .4s; }
.slab-benefits.in-view .slab-benefits__grid article { opacity:1; transform:none; }
.slab-benefits__grid article:last-child { border-right:0; }
.slab-benefits__grid article::before { content:""; position:absolute; inset:0; background:linear-gradient(145deg,#061a3d,#0a397e); transform:translateY(102%); transition:transform .5s cubic-bezier(.16,1,.3,1); }
.slab-benefits__grid article::after { content:""; position:absolute; right:-65px; bottom:-65px; width:150px; height:150px; border:1px solid rgba(255,221,0,.18); border-radius:50%; transition:transform .55s; }
.slab-benefits__grid article>* { position:relative; z-index:1; }
.slab-benefits__grid article>span { position:absolute; top:20px; right:20px; color:#a3adba; font-size:8px; font-weight:800; }
.slab-benefits__grid article>i { width:58px; height:58px; display:grid; place-items:center; margin-bottom:35px; color:#061a3d; background:#ffdd00; font-size:19px; box-shadow:0 13px 27px rgba(255,221,0,.2); transition:transform .45s,box-shadow .45s; }
.slab-benefits__grid h3 { margin:0 0 14px; color:#061a3d; font-size:18px; line-height:1.25; transition:color .4s; }
.slab-benefits__grid p { margin:0; color:#6f7b8d; font-size:12px; line-height:1.75; transition:color .4s; }
.slab-benefits__grid article:hover { color:#fff; transform:translateY(-8px); }
.slab-benefits.in-view .slab-benefits__grid article:hover { transform:translateY(-8px); }
.slab-benefits__grid article:hover::before { transform:none; }
.slab-benefits__grid article:hover::after { transform:scale(1.65); }
.slab-benefits__grid article:hover>i { transform:translateY(-6px) rotate(-6deg); box-shadow:0 18px 36px rgba(255,221,0,.28); }
.slab-benefits__grid article:hover h3 { color:#fff; }
.slab-benefits__grid article:hover p { color:#b9c8da; }
.slab-benefits__grid article:hover>span { color:#ffdd00; }

.slab-calculation { position:relative; isolation:isolate; min-height:480px; display:grid; align-items:center; overflow:hidden; color:#fff; background:#03142f; }
.slab-calculation__media { position:absolute; z-index:-3; inset:0; }
.slab-calculation__media img { width:100%; height:100%; object-fit:cover; object-position:center 58%; filter:saturate(.92); transition:transform 1.2s; }
.slab-calculation__media span { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,18,47,.99) 0%,rgba(5,31,74,.94) 56%,rgba(5,31,74,.68)); }
.slab-calculation:hover .slab-calculation__media img { transform:scale(1.035); }
.slab-calculation__grid { position:absolute; z-index:-2; inset:0; opacity:.17; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:76px 76px; mask-image:linear-gradient(90deg,#000,transparent 80%); }
.slab-calculation::before { content:""; position:absolute; top:0; bottom:0; left:0; width:5px; background:#ffdd00; }
.slab-calculation::after { content:""; position:absolute; top:-250px; right:-160px; width:590px; height:590px; border:1px solid rgba(255,221,0,.17); border-radius:50%; box-shadow:0 0 0 80px rgba(255,221,0,.02); }
.slab-calculation__inner { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:80px; padding-block:90px; }
.slab-calculation__inner h2 { max-width:850px; margin:0; font-size:clamp(44px,4.6vw,68px); line-height:1.03; letter-spacing:-.055em; }
.slab-calculation__inner h2 span { color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.72); }
.slab-calculation__inner p:not(.slab-kicker) { max-width:760px; margin:24px 0 0; color:#afbed1; font-size:14px; line-height:1.8; }

@keyframes slabHeroImage { from { transform:scale(1.025); } to { transform:scale(1.075) translateX(-1.2%); } }
@keyframes slabOrbit { to { transform:rotate(360deg); } }
@keyframes slabRevealLeft { from { opacity:0; transform:translateX(-45px); } to { opacity:1; transform:none; } }
@keyframes slabRevealRight { from { opacity:0; transform:translateX(45px); } to { opacity:1; transform:none; } }
@keyframes slabScroll { 0%,100% { transform:translateY(0); } 50% { transform:translateY(8px); } }
@keyframes slabProgress { from { width:0; } }
@keyframes slabFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-9px); } }
@keyframes slabPulse { 0%,100% { opacity:.55; transform:scale(1); } 50% { opacity:1; transform:scale(1.12); } }
@keyframes slabBlink { 0%,100% { opacity:1; } 50% { opacity:.35; } }
@keyframes slabBorderRun { to { --slab-angle:360deg; } }

@media(max-width:1180px) {
  .slab-hero { min-height:700px; }
  .slab-hero__inner { grid-template-columns:minmax(0,1fr) 350px; gap:45px; }
  .slab-hero h1 { font-size:67px; }
  .slab-subnav { top:100px; }
  .slab-section-heading { grid-template-columns:1fr; gap:24px; }
  .slab-section-heading>p { max-width:680px; }
  .slab-components__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .slab-system__inner { grid-template-columns:1fr; gap:60px; }
  .slab-system__visual { min-height:600px; }
  .slab-system__content { max-width:850px; }
  .slab-benefits__grid { grid-template-columns:repeat(2,1fr); }
  .slab-benefits__grid article:nth-child(2) { border-right:0; }
  .slab-benefits__grid article:nth-child(-n+2) { border-bottom:1px solid #e2e9f1; }
}

@media(max-width:800px) {
  .slab-container { width:min(100% - 32px,1480px); }
  .slab-hero { min-height:auto; }
  .slab-hero__media span { background:linear-gradient(90deg,rgba(2,14,37,.97),rgba(3,21,53,.82)),linear-gradient(0deg,rgba(2,14,35,.65),transparent); }
  .slab-hero__inner { grid-template-columns:1fr; gap:45px; padding-block:72px 80px; }
  .slab-hero .breadcrumbs { margin-bottom:38px; }
  .slab-hero h1 { font-size:clamp(48px,13vw,70px); }
  .slab-hero__copy>p:not(.slab-kicker) { font-size:15px; }
  .slab-hero__panel { max-width:600px; }
  .slab-scroll { display:none; }
  .slab-subnav { top:78px; overflow-x:auto; }
  .slab-subnav .slab-container { min-width:610px; gap:30px; }
  .slab-components { padding-block:83px 88px; }
  .slab-section-heading { margin-bottom:35px; }
  .slab-section-heading h2 { font-size:45px; }
  .slab-components__grid { grid-template-columns:1fr; }
  .slab-components__grid--two { grid-template-columns:minmax(0,600px); }
  .slab-component { min-height:280px; }
  .slab-system { padding-block:86px; }
  .slab-system__visual { min-height:480px; }
  .slab-system__content h2 { font-size:45px; }
  .slab-benefits { padding-block:84px 90px; }
  .slab-calculation__inner { grid-template-columns:1fr; gap:35px; }
  .slab-calculation__inner .slab-button { width:max-content; }
}

@media(max-width:600px) {
  .slab-button { width:100%; min-height:54px; }
  .slab-hero__actions { flex-direction:column; }
  .slab-hero__phone { margin-top:31px; }
  .slab-hero__panel { padding:31px 22px; }
  .slab-hero__panel-metrics { gap:8px; }
  .slab-hero__panel-metrics span { padding:14px 11px; }
  .slab-section-heading h2,.slab-system__content h2 { font-size:39px; }
  .slab-section-heading>p { padding-left:16px; font-size:12px; }
  .slab-component { min-height:0; padding:28px 24px 26px; }
  .slab-component__icon { width:48px; height:48px; margin-bottom:20px; }
  .slab-component__content strong { font-size:18px; }
  .slab-component__arrow { width:38px; height:38px; }
  .slab-system__visual { min-height:390px; }
  .slab-system__image { clip-path:none; }
  .slab-system__image::after { inset:10px; }
  .slab-system__badge { bottom:18px; left:18px; padding:11px 13px; }
  .slab-hotspot b { display:none; }
  .slab-hotspot--one { top:24%; left:62%; }
  .slab-hotspot--two { top:46%; left:28%; }
  .slab-hotspot--three { top:62%; left:65%; }
  .slab-system__steps button { grid-template-columns:27px 39px 1fr; column-gap:9px; padding-inline:8px; }
  .slab-system__steps button:hover,.slab-system__steps button.is-active { padding-left:14px; }
  .slab-benefits__grid { grid-template-columns:1fr; }
  .slab-benefits__grid article { min-height:260px; border-right:0; border-bottom:1px solid #e2e9f1; }
  .slab-benefits__grid article:last-child { border-bottom:0; }
  .slab-calculation { min-height:560px; }
  .slab-calculation__inner h2 { font-size:40px; }
  .slab-calculation__inner .slab-button { width:100%; }
}

@media(prefers-reduced-motion:reduce) {
  .slab-hero__media img,.slab-orbit,.slab-system__orbit,.slab-scroll i,.slab-hero__panel,.slab-hero__panel-shine,.slab-hero__panel-border,.slab-hero__panel::after,.slab-hero__panel-index i { animation:none!important; }
}