:root{
--blu:#0071E3;
--blu2:#4B9BFF;
--sky:#5AC8FA;
--ink:#0A1828;
--ink2:#0F2540;
--t1:#0A1828;
--t2:#475569;
--t3:#94A3B8;
--brd:#E5E9F0;
--soft:#F4F7FB;
--ok:#34C759;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden}
body{
font-family:'Golos Text','Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
background:#fff;color:var(--t1);
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}
.rv{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
.rl{opacity:0;transform:translateX(-32px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.rr{opacity:0;transform:translateX(32px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.rv.on,.rl.on,.rr.on{opacity:1;transform:none}
.d1{transition-delay:.06s}.d2{transition-delay:.14s}.d3{transition-delay:.22s}
.d4{transition-delay:.30s}.d5{transition-delay:.38s}
@keyframes ldx-g{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
.grd{
background:linear-gradient(120deg,var(--blu) 0%,var(--sky) 55%,var(--blu2) 100%);
background-size:240% auto;
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
background-clip:text;color:transparent;
animation:ldx-g 6s ease infinite;
}
@keyframes ldx-f1{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes ldx-f2{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-8px) translateX(4px)}}
@keyframes ldx-orb{0%{transform:translate(0,0) scale(1)}33%{transform:translate(18px,-12px) scale(1.04)}66%{transform:translate(-14px,8px) scale(.98)}100%{transform:translate(0,0) scale(1)}}
@keyframes ldx-scan{0%{transform:translateY(-10%)}100%{transform:translateY(220%)}}
@keyframes ldx-anno{0%{opacity:0;transform:translateY(6px) scale(.94)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ldx-blip{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes ldx-car{0%,50%{opacity:1}51%,100%{opacity:0}}
@keyframes ldx-tilt{
0%{opacity:0;transform:perspective(1200px) rotateX(20deg) translateY(50px) scale(.94)}
100%{opacity:1;transform:perspective(1200px) rotateX(0) translateY(0) scale(1)}
}
.tilt{animation:ldx-tilt 1.6s cubic-bezier(.16,1,.3,1) both;animation-delay:.2s}
.masthead{
position:relative;z-index:50;padding:22px 60px 18px;
border-bottom:1px solid var(--t1);
background:#fff;
}
.mast-row{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}
.mast-meta{
display:flex;justify-content:space-between;align-items:center;
font-family:'Golos Text',sans-serif;
font-size:11px;color:var(--t2);letter-spacing:.06em;text-transform:uppercase;
padding-bottom:18px;border-bottom:1px solid var(--brd);
margin-bottom:22px;
}
.mast-meta .meta-sep{flex:1;border-top:1px dashed var(--brd);margin:0 18px;align-self:center}
.mast-meta .live{display:inline-flex;align-items:center;gap:8px}
.mast-meta .live-dot{
width:7px;height:7px;border-radius:50%;background:#FF3B30;
box-shadow:0 0 0 0 rgba(255,59,48,.5);
animation:pulse 1.8s ease-in-out infinite;
}
@keyframes pulse{
0%,100%{box-shadow:0 0 0 0 rgba(255,59,48,.55)}
50%{box-shadow:0 0 0 6px rgba(255,59,48,0)}
}
.brand-big{
display:flex;align-items:baseline;gap:5px;
font-weight:800;font-size:34px;letter-spacing:-1.4px;line-height:1;
color:var(--t1);
}
.brand-big .brand-dot{
width:10px;height:10px;border-radius:50%;background:var(--blu);
display:inline-block;align-self:flex-end;margin-bottom:6px;margin-right:2px;
box-shadow:0 0 0 0 rgba(0,113,227,.5);
animation:heartbeat 2.4s cubic-bezier(.4,0,.6,1) infinite;
}
@keyframes heartbeat{
0%, 30%, 100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,113,227,.45)}
10%{transform:scale(1.18);box-shadow:0 0 0 6px rgba(0,113,227,0)}
18%{transform:scale(1)}
22%{transform:scale(1.1);box-shadow:0 0 0 4px rgba(0,113,227,0)}
}
.brand-slash{
color:var(--t3);font-weight:500;font-size:26px;letter-spacing:0;
margin:0 3px;align-self:center;
}
.brand-sub{
font-weight:500;font-size:22px;color:var(--t2);
letter-spacing:-1px;align-self:flex-end;
}
.mast-cta{
display:inline-flex;align-items:center;gap:10px;
font-size:17px;font-weight:600;letter-spacing:-.02em;
color:var(--t1);position:relative;padding:6px 0;
cursor:pointer;
}
.mast-cta::after{
content:'';position:absolute;left:0;right:0;bottom:0;
height:1.5px;background:var(--t1);
transform:scaleX(1);transform-origin:left;
transition:transform .4s cubic-bezier(.7,0,.3,1);
}
.mast-cta:hover::after{transform:scaleX(0);transform-origin:right}
.mast-cta .cta-arrow{
display:inline-block;transition:transform .4s cubic-bezier(.7,0,.3,1);
}
.mast-cta:hover .cta-arrow{transform:translateX(8px)}
.mast-bottom{
display:flex;justify-content:space-between;align-items:flex-end;
gap:32px;margin-top:24px;padding-top:18px;
border-top:1px solid var(--brd);
}
.mast-tag{
font-size:13px;color:var(--t2);letter-spacing:-.005em;line-height:1.4;
max-width:340px;
}
.mast-tag-sup{
font-family:'Golos Text',sans-serif;
font-size:10px;color:var(--t3);letter-spacing:.1em;
text-transform:uppercase;margin-bottom:6px;
}
.chapters{display:flex;gap:32px;flex-wrap:wrap;justify-content:flex-end}
.chapter{
display:inline-flex;align-items:baseline;gap:6px;
font-size:14px;font-weight:600;color:var(--t1);letter-spacing:-.01em;
position:relative;padding:6px 2px;
transition:color .2s;
}
.chapter-num{
font-family:'Golos Text',sans-serif;
font-size:10px;color:var(--t3);font-weight:500;letter-spacing:.06em;
}
.chapter::before{
content:'';position:absolute;left:0;right:0;bottom:0;
height:1px;background:var(--t1);
transform:scaleX(0);transform-origin:right;
transition:transform .4s cubic-bezier(.7,0,.3,1);
}
.chapter:hover{color:var(--blu)}
.chapter:hover .chapter-num{color:var(--blu)}
.chapter:hover::before{transform:scaleX(1);transform-origin:left;background:var(--blu)}
.minibar{
position:fixed;top:14px;left:50%;transform:translateX(-50%) translateY(-180%);
z-index:200;
display:flex;align-items:center;gap:0;
background:rgba(255,255,255,.78);
backdrop-filter:saturate(180%) blur(22px);
-webkit-backdrop-filter:saturate(180%) blur(22px);
border:1px solid rgba(10,24,40,.08);
border-radius:999px;padding:6px 8px 6px 18px;
box-shadow:0 1px 2px rgba(10,24,40,.04),0 12px 28px -8px rgba(10,24,40,.12);
transition:transform .5s cubic-bezier(.16,1,.3,1);
}
.minibar.show{transform:translateX(-50%) translateY(0)}
.minibar-brand{
font-size:16px;font-weight:700;letter-spacing:-.02em;color:#0d3960;
line-height:1;
}
.minibar-brand .brand-dot{color:#4f8cc9;font-size:1.5em}
.minibar-sep{width:1px;height:18px;background:var(--brd);margin:0 14px}
.minibar-chapters{display:flex;align-items:center;gap:18px}
.minibar-chapters a{
font-size:13px;color:var(--t2);font-weight:500;letter-spacing:-.005em;
transition:color .15s;
}
.minibar-chapters a:hover{color:var(--t1)}
.minibar-login{
display:inline-flex;align-items:center;gap:5px;
font-size:13px;color:var(--t2);font-weight:500;letter-spacing:-.01em;
padding:0 4px 0 16px;margin-left:4px;white-space:nowrap;
transition:color .18s, gap .25s cubic-bezier(.7,0,.3,1);
position:relative;
}
.minibar-login::before{
content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
width:1px;height:16px;background:var(--brd);
}
.minibar-login .ar{
opacity:.55;transition:opacity .2s, transform .25s cubic-bezier(.7,0,.3,1);
font-size:11px;
}
.minibar-login:hover{color:var(--t1);gap:8px}
.minibar-login:hover .ar{opacity:1;transform:translateX(2px)}
.minibar-cta{
display:inline-flex;align-items:center;gap:6px;
background:var(--ink);color:#fff;
height:34px;padding:0 16px;border-radius:999px;
font-size:13px;font-weight:600;letter-spacing:-.01em;
margin-left:10px;
transition:background .2s, transform .15s;
}
.minibar-cta:hover{background:var(--blu);transform:translateY(-1px)}
.minibar-lang{
display:inline-flex;align-items:center;justify-content:center;
min-width:32px;height:26px;padding:0 9px;margin-left:14px;
font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--t2);
border:1px solid var(--brd);border-radius:999px;white-space:nowrap;
transition:color .18s,border-color .18s,background .18s;
}
.minibar-lang:hover{color:var(--t1);border-color:var(--t3);background:rgba(10,24,40,.03)}
.scroll-rail{
position:fixed;top:0;bottom:0;right:0;width:3px;z-index:100;pointer-events:none;
background:rgba(10,24,40,.03);
}
.scroll-rail .fill{
position:absolute;top:0;left:0;right:0;
background:linear-gradient(180deg,var(--blu),var(--sky));
height:0%;
transition:height .12s linear;
}
.btn{
display:inline-flex;align-items:center;gap:8px;border-radius:999px;
font-weight:600;cursor:pointer;
transition:all .2s cubic-bezier(.4,0,.2,1);
white-space:nowrap;line-height:1;letter-spacing:-.01em;
}
.btn-pri{
background:var(--blu);color:#fff;
box-shadow:0 1px 2px rgba(0,113,227,.18),0 8px 22px -8px rgba(0,113,227,.5);
}
.btn-pri:hover{
background:#005BBF;transform:translateY(-1px);
box-shadow:0 1px 2px rgba(0,113,227,.22),0 14px 32px -8px rgba(0,113,227,.55);
}
.btn-pri:active{transform:translateY(0)}
.btn-ghost{background:transparent;color:var(--t1);border:1px solid var(--brd)}
.btn-ghost:hover{border-color:var(--t1);background:rgba(10,24,40,.04)}
.btn-arrow{display:inline-block;transition:transform .25s}
.btn:hover .btn-arrow{transform:translateX(3px)}
.win{
background:#fff;border-radius:18px;overflow:hidden;
box-shadow:
0 1px 2px rgba(10,24,40,.04),
0 12px 32px -4px rgba(10,24,40,.10),
0 32px 80px -16px rgba(10,24,40,.14),
0 0 0 1px rgba(10,24,40,.05);
}
.win-dk{
background:var(--ink);border-radius:18px;overflow:hidden;
box-shadow:
0 2px 4px rgba(0,0,0,.3),
0 24px 64px -8px rgba(0,0,0,.5),
0 0 0 1px rgba(255,255,255,.06);
}
.winbar{background:var(--soft);padding:11px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--brd)}
.winbar-dk{background:#081523;padding:11px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.06)}
.dot{width:11px;height:11px;border-radius:50%;display:inline-block}
.url{
background:rgba(10,24,40,.06);border-radius:7px;padding:4px 16px;
font-size:11px;color:var(--t3);font-weight:500;letter-spacing:.01em;
font-family:'Golos Text',sans-serif;
}
.url-dk{
background:rgba(255,255,255,.06);border-radius:7px;padding:4px 16px;
font-size:11px;color:rgba(255,255,255,.4);font-weight:500;
font-family:'Golos Text',sans-serif;
}
.orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;will-change:transform}
.ckr{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--brd)}
.ckr:last-child{border-bottom:none}
.ck-i{
width:24px;height:24px;border-radius:50%;background:rgba(0,113,227,.1);color:var(--blu);
display:flex;align-items:center;justify-content:center;flex-shrink:0;
font-size:12px;font-weight:700;margin-top:2px;
}
.ck-h{font-size:14.5px;font-weight:600;color:var(--t1);letter-spacing:-.01em;margin-bottom:2px}
.ck-s{font-size:13px;color:var(--t2);line-height:1.5}
.tag{
display:inline-flex;align-items:center;gap:8px;
font-size:12px;font-weight:600;color:var(--blu);letter-spacing:.12em;
text-transform:uppercase;
}
.dicom{
position:relative;width:100%;aspect-ratio:1;
background:radial-gradient(circle at 50% 50%, #1a3050 0%, #0a1828 70%, #050d18 100%);
border-radius:6px;overflow:hidden;
}
.px{will-change:transform;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.hero{
display:flex;align-items:center;gap:64px;
padding:108px 80px 72px;min-height:auto;
position:relative;overflow:hidden;background:#fff;
}
.hero-bg{
position:absolute;inset:0;pointer-events:none;opacity:.55;
background-image:radial-gradient(var(--brd) 1px, transparent 1px);
background-size:38px 38px;
mask-image:radial-gradient(ellipse at 50% 30%, #000 30%, transparent 75%);
-webkit-mask-image:radial-gradient(ellipse at 50% 30%, #000 30%, transparent 75%);
}
.hero-l{flex:1;max-width:560px;position:relative;z-index:2}
.hero-r{flex:1;display:flex;justify-content:center;position:relative;z-index:2}
.tag{
display:inline-flex;align-items:center;gap:10px;
font-size:12px;font-weight:600;color:var(--blu);letter-spacing:.12em;
text-transform:uppercase;
}
.h1{
font-size:clamp(40px,4.6vw,64px);line-height:1.04;letter-spacing:-.03em;
font-weight:700;color:var(--t1);margin-bottom:22px;
}
.h1 .grd{
background:linear-gradient(120deg,var(--blu) 0%,var(--sky) 55%,var(--blu2) 100%);
background-size:240% auto;
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
background-clip:text;color:transparent;
animation:ldx-g 6s ease infinite;
}
.lede{
font-size:17px;line-height:1.55;color:var(--t2);
letter-spacing:-.005em;margin-bottom:34px;max-width:500px;
}
.hero-mock{position:relative;width:100%;max-width:600px}
.avatars{display:flex}
.avatar{
width:34px;height:34px;border-radius:50%;
border:2px solid #fff;
display:flex;align-items:center;justify-content:center;
font-size:12px;font-weight:700;color:#fff;
}
.avatar+.avatar{margin-left:-10px}
.scroll-cue{
position:absolute;bottom:24px;left:50%;transform:translateX(-50%);
display:flex;flex-direction:column;align-items:center;gap:8px;
color:var(--t3);font-size:10px;letter-spacing:.16em;font-weight:600;
font-family:'Golos Text',sans-serif;
text-transform:uppercase;
animation:ldx-f1 3s ease-in-out infinite;
}
.scroll-cue .line{width:1px;height:24px;background:linear-gradient(180deg,var(--t3),transparent)}
.room-header{display:flex;align-items:center;gap:6px;padding-bottom:8px}
.sec2{
display:flex;align-items:center;gap:72px;
padding:96px 80px;background:#fff;
position:relative;overflow:hidden;
}
.sec2-mock{flex:1;display:flex;justify-content:center;position:relative;z-index:2}
.sec2-copy{flex:1;max-width:520px;position:relative;z-index:2}
.h2{
font-size:36px;line-height:1.1;letter-spacing:-1.2px;
font-weight:700;color:var(--t1);margin-bottom:14px;
}
.h2-lede{font-size:15px;line-height:1.55;color:var(--t2);letter-spacing:-.005em;margin-bottom:24px}
.dv{display:flex;height:460px}
.dv-tools{
width:52px;background:#06101c;
border-right:1px solid rgba(255,255,255,.06);
padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:4px;
}
.dv-tool{
width:36px;height:36px;border-radius:9px;
color:rgba(255,255,255,.5);font-size:15px;
display:flex;align-items:center;justify-content:center;
}
.dv-tool.act{background:rgba(90,200,250,.13);color:var(--sky)}
.dv-viewer{flex:1;background:#040b14;position:relative;display:flex;align-items:center;justify-content:center;padding:18px}
.dv-corner{
position:absolute;font-size:10px;color:rgba(255,255,255,.45);
font-family:'Golos Text',sans-serif;line-height:1.4;
}
.dv-corner.tl{top:12px;left:14px}
.dv-corner.tr{top:12px;right:14px;text-align:right}
.dv-corner.bl{bottom:12px;left:14px;color:rgba(255,255,255,.3)}
.dv-corner.br{bottom:12px;right:14px;color:rgba(255,255,255,.3)}
.dv-scan{
position:absolute;left:8%;right:8%;top:0;height:2px;
background:linear-gradient(90deg,transparent,var(--sky),transparent);
box-shadow:0 0 16px var(--sky);
animation:ldx-scan 4s ease-in-out infinite;
}
.dv-anno{
position:absolute;top:14%;right:-2%;
background:rgba(8,21,35,.92);
border:1px solid rgba(90,200,250,.35);
border-radius:8px;padding:8px 12px;min-width:140px;
box-shadow:0 8px 24px rgba(0,0,0,.5);
animation:ldx-anno .5s cubic-bezier(.16,1,.3,1) both;
}
.dv-report{
width:200px;background:#081523;
border-left:1px solid rgba(255,255,255,.06);
padding:16px 14px;display:flex;flex-direction:column;gap:12px;
}
.sec{padding:88px 80px;position:relative;background:#fff;overflow:hidden}
.sec.alt{background:var(--soft)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:44px;border-bottom:1px solid var(--t1);padding-bottom:18px}
.sec-head .sec-eyebrow{
font-family:'Golos Text',sans-serif;
font-size:11px;color:var(--blu);letter-spacing:.14em;text-transform:uppercase;
font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:8px;
}
.sec-head .sec-eyebrow .num{color:var(--t3);font-weight:500}
.sec-head h2{font-size:38px;line-height:1.06;letter-spacing:-1.2px;font-weight:800;color:var(--t1);max-width:660px}
.sec-head h2 .grd{
background:linear-gradient(120deg,var(--blu) 0%,var(--sky) 55%,var(--blu2) 100%);
background-size:240% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
background-clip:text;color:transparent;animation:ldx-g 6s ease infinite;
}
.sec-head .sec-meta{font-family:'Golos Text',sans-serif;font-size:11px;color:var(--t3);letter-spacing:.1em;text-transform:uppercase;text-align:right;line-height:1.5;white-space:nowrap}
.wf2{display:flex;flex-direction:column;gap:0}
.wf2-tabs{
display:grid;grid-template-columns:repeat(4,1fr);gap:0;
border:1px solid var(--brd);border-radius:14px 14px 0 0;overflow:hidden;background:#fff;
}
.wf2-tab{
padding:18px 20px;background:transparent;border:none;cursor:pointer;
display:flex;flex-direction:column;align-items:flex-start;gap:4px;
border-right:1px solid var(--brd);transition:background .25s,color .25s;
position:relative;text-align:left;
}
.wf2-tab:last-child{border-right:none}
.wf2-tab .wf2-i{
font-family:'Golos Text',sans-serif;font-size:10px;color:var(--t3);
letter-spacing:.1em;font-weight:600;
}
.wf2-tab .wf2-t{
font-family:'Golos Text',sans-serif;font-size:12px;color:var(--blu);
font-weight:700;letter-spacing:.04em;margin-top:6px;
}
.wf2-tab .wf2-l{
font-size:15px;font-weight:700;color:var(--t1);letter-spacing:-.015em;line-height:1.2;
}
.wf2-tab:hover{background:var(--soft)}
.wf2-tab.on{background:var(--ink);}
.wf2-tab.on .wf2-i{color:rgba(255,255,255,.5)}
.wf2-tab.on .wf2-t{color:var(--sky)}
.wf2-tab.on .wf2-l{color:#fff}
.wf2-rail{
height:3px;background:var(--brd);position:relative;
}
.wf2-fill{
position:absolute;left:0;top:0;height:100%;width:25%;
background:linear-gradient(90deg,var(--blu),var(--sky));
transition:width .35s cubic-bezier(.7,0,.3,1),left .35s cubic-bezier(.7,0,.3,1);
}
.wf2-stage{
background:#fff;border:1px solid var(--brd);border-top:none;border-radius:0 0 14px 14px;
padding:36px 40px;min-height:340px;position:relative;
}
.wf2-panel{
display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
opacity:0;transform:translateY(8px);pointer-events:none;
position:absolute;inset:36px 40px;
transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);
}
.wf2-panel.on{opacity:1;transform:none;pointer-events:auto;position:relative;inset:auto}
.wf2-info{display:flex;flex-direction:column;gap:12px}
.wf2-info .badge{
font-family:'Golos Text',sans-serif;font-size:11px;color:var(--blu);
letter-spacing:.1em;font-weight:700;text-transform:uppercase;
display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
}
.wf2-info .badge::before{
content:'';width:6px;height:6px;border-radius:50%;background:var(--blu);
animation:ldx-blip 1.4s ease-in-out infinite;
}
.wf2-info h3{
font-size:24px;font-weight:700;color:var(--t1);
letter-spacing:-.02em;line-height:1.15;
}
.wf2-info p{font-size:14.5px;line-height:1.55;color:var(--t2)}
.wf2-info .micro{
display:flex;align-items:center;gap:10px;margin-top:6px;
font-family:'Golos Text',sans-serif;font-size:11px;color:var(--t3);
letter-spacing:.06em;text-transform:uppercase;
}
.wf2-info .micro b{color:var(--t1);font-weight:700}
.wf2-vis{
display:flex;align-items:center;justify-content:center;min-height:260px;position:relative;
}
.vis-book{
width:100%;max-width:340px;background:#fff;border-radius:12px;
border:1px solid var(--brd);overflow:hidden;
box-shadow:0 12px 32px -8px rgba(10,24,40,.12);
}
.vis-book .b-head{
padding:10px 14px;background:var(--soft);border-bottom:1px solid var(--brd);
display:flex;justify-content:space-between;align-items:center;
font-family:'Golos Text',sans-serif;font-size:11px;color:var(--t3);letter-spacing:.04em;
}
.vis-book .b-head .t{color:var(--t1);font-weight:700}
.vis-book .b-row{
display:grid;grid-template-columns:54px 1fr;gap:10px;padding:7px 14px;
border-bottom:1px solid var(--soft);align-items:center;
}
.vis-book .b-row:last-child{border-bottom:none}
.vis-book .b-row .t{
font-family:'Golos Text',sans-serif;font-size:11px;color:var(--t3);
}
.vis-book .b-row .slot{
height:22px;border-radius:5px;background:rgba(10,24,40,.04);
padding:0 8px;display:flex;align-items:center;justify-content:space-between;
font-size:11px;color:var(--t3);transition:all .4s;
}
.wf2-panel.on .vis-book .b-row.new .slot{
background:rgba(0,113,227,.14);color:var(--t1);font-weight:600;
border-left:2px solid var(--blu);
animation:vis-fill .7s cubic-bezier(.16,1,.3,1) .4s both;
}
.wf2-panel.on .vis-book .b-row.new .slot::after{
content:'✓';color:var(--ok);font-weight:700;font-size:11px;
animation:vis-pop .4s cubic-bezier(.16,1,.3,1) 1s both;
}
@keyframes vis-fill{from{transform:scaleX(.4);transform-origin:left;opacity:0}to{transform:none;opacity:1}}
@keyframes vis-pop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
.vis-book .b-foot{
padding:10px 14px;background:rgba(52,199,89,.08);
font-size:12px;color:var(--ok);font-weight:600;display:flex;align-items:center;gap:8px;
}
.vis-book .b-foot::before{content:'✓';font-weight:700}
.vis-scan{
width:100%;max-width:340px;background:var(--ink);border-radius:12px;
box-shadow:0 12px 32px -8px rgba(10,24,40,.3);overflow:hidden;color:#fff;
}
.vis-scan .s-head{
padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);
display:flex;justify-content:space-between;align-items:center;
font-family:'Golos Text',sans-serif;font-size:11px;color:rgba(255,255,255,.5);
}
.vis-scan .s-head .t{color:#fff;font-weight:700}
.vis-scan .s-body{padding:14px;display:flex;gap:12px;align-items:center}
.vis-scan .s-thumb{
width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#000;
}
.vis-scan .s-thumb img{width:100%;height:100%;object-fit:cover}
.vis-scan .s-meta{flex:1;min-width:0}
.vis-scan .s-meta .n{font-size:13px;font-weight:700;letter-spacing:-.01em}
.vis-scan .s-meta .d{font-size:11px;color:rgba(255,255,255,.5);font-family:'Golos Text',sans-serif;margin-top:3px;letter-spacing:.04em}
.vis-scan .s-prog{
padding:0 14px 14px;display:flex;flex-direction:column;gap:6px;
}
.vis-scan .s-bar{
height:5px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;
}
.vis-scan .s-bar::after{
content:'';display:block;height:100%;width:0;
background:linear-gradient(90deg,var(--blu),var(--sky));border-radius:3px;
}
.wf2-panel.on .vis-scan .s-bar::after{
animation:vis-progress 2.4s cubic-bezier(.4,0,.6,1) .4s both;
}
@keyframes vis-progress{
0%{width:0}
40%{width:38%}
70%{width:72%}
100%{width:100%}
}
.vis-scan .s-stat{
font-family:'Golos Text',sans-serif;font-size:10px;color:rgba(255,255,255,.5);
letter-spacing:.06em;display:flex;justify-content:space-between;
}
.vis-scan .s-stat .ok{color:var(--ok);font-weight:700}
.vis-scan .s-foot{
padding:10px 14px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,113,227,.1);
font-size:12px;color:var(--sky);font-weight:600;display:flex;align-items:center;gap:8px;
}
.vis-scan .s-foot::before{
content:'';width:6px;height:6px;border-radius:50%;background:var(--sky);
animation:ldx-blip 1.4s ease-in-out infinite;
}
.vis-rep{
width:100%;max-width:360px;background:#fff;border-radius:12px;
border:1px solid var(--brd);overflow:hidden;box-shadow:0 12px 32px -8px rgba(10,24,40,.12);
}
.vis-rep .r-head{
padding:10px 14px;background:var(--soft);border-bottom:1px solid var(--brd);
display:flex;align-items:center;gap:8px;
font-family:'Golos Text',sans-serif;font-size:11px;color:var(--t3);
}
.vis-rep .r-head .av{
width:22px;height:22px;border-radius:50%;background:var(--blu);color:#fff;
font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;
}
.vis-rep .r-head .n{color:var(--t1);font-weight:700;font-family:'Golos Text',sans-serif;font-size:12px;letter-spacing:-.01em}
.vis-rep .r-head .r{font-size:10px}
.vis-rep .r-body{
padding:14px;display:flex;gap:12px;align-items:flex-start;
}
.vis-rep .r-img{
width:80px;height:80px;border-radius:6px;overflow:hidden;background:#000;flex-shrink:0;
}
.vis-rep .r-img img{width:100%;height:100%;object-fit:cover}
.vis-rep .r-text{
flex:1;min-width:0;font-size:12.5px;color:var(--t1);line-height:1.5;
}
.vis-rep .r-text .typing{display:inline;white-space:normal}
.vis-rep .r-text .car{
color:var(--blu);font-weight:700;display:inline-block;
animation:vis-car .9s steps(2,end) infinite;
}
@keyframes vis-car{0%,50%{opacity:1}51%,100%{opacity:0}}
.vis-rep .r-foot{
padding:10px 14px;background:rgba(52,199,89,.08);border-top:1px solid var(--soft);
display:flex;justify-content:space-between;align-items:center;
font-size:11px;color:var(--ok);font-weight:600;
}
.vis-rep .r-foot .l{display:flex;align-items:center;gap:6px}
.vis-rep .r-foot .l::before{content:'✓';font-weight:700}
.vis-rep .r-foot .t{font-family:'Golos Text',sans-serif;color:var(--t3);font-weight:500;letter-spacing:.04em}
.vis-wa{
width:100%;max-width:300px;height:300px;background:#fff;border-radius:28px;
border:6px solid #1a2530;
box-shadow:0 14px 36px -8px rgba(10,24,40,.25);
overflow:hidden;position:relative;display:flex;flex-direction:column;
}
.vis-wa::before{
content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);
width:70px;height:16px;background:#1a2530;border-radius:0 0 12px 12px;z-index:5;
}
.vis-wa .w-head{
background:var(--ink);color:#fff;padding:26px 14px 10px;display:flex;align-items:center;gap:8px;
}
.vis-wa .w-head .av{
width:28px;height:28px;border-radius:50%;background:var(--blu);
display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;
}
.vis-wa .w-head .n{font-size:12px;font-weight:700}
.vis-wa .w-body{
flex:1;padding:14px 12px;background:#ECE5DD;display:flex;flex-direction:column;justify-content:center;gap:8px;
}
.vis-wa .w-msg{
background:#fff;padding:9px 12px;border-radius:12px;border-bottom-left-radius:3px;
font-size:12px;line-height:1.4;color:var(--t1);max-width:88%;align-self:flex-start;
box-shadow:0 1px 1px rgba(10,24,40,.05);
}
.wf2-panel.on .vis-wa .w-msg{animation:wa-in .5s cubic-bezier(.16,1,.3,1) .4s both}
.vis-wa .w-msg b{display:block;color:var(--blu);font-size:11px;margin-bottom:3px;font-family:'Golos Text',sans-serif;letter-spacing:.04em}
.vis-wa .w-msg .link{
display:inline-block;margin-top:6px;font-size:11px;color:var(--blu);font-weight:700;
padding:5px 9px;background:rgba(0,113,227,.08);border-radius:6px;
}
.vis-wa .w-msg .link::before{content:'🔒 ';font-size:9px}
.vis-wa .w-time{
font-size:9px;color:var(--t3);text-align:center;background:rgba(255,255,255,.7);
padding:3px 10px;border-radius:6px;align-self:center;font-family:'Golos Text',sans-serif;
animation:wa-in .4s cubic-bezier(.16,1,.3,1) .1s both;
}
.ft{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:1px;background:var(--brd);border:1px solid var(--brd)}
.ft-card{
background:#fff;padding:36px 32px;display:flex;flex-direction:column;
position:relative;overflow:hidden;cursor:default;
transition:background .3s;
}
.ft-card:hover{background:var(--soft)}
.ft-card.big{grid-row:span 2;min-height:auto;gap:24px}
.ft-card.wide{grid-column:span 2}
.ft-card .ft-num{
font-family:'Golos Text',sans-serif;font-size:11px;
color:var(--t3);letter-spacing:.08em;font-weight:600;margin-bottom:18px;
}
.ft-card h3{
font-size:22px;font-weight:700;color:var(--t1);letter-spacing:-.02em;line-height:1.15;margin-bottom:12px;
}
.ft-card.big h3{font-size:30px}
.ft-card p{font-size:14.5px;line-height:1.55;color:var(--t2);max-width:380px}
.ft-card .ft-tag{
display:inline-flex;align-items:center;gap:6px;
font-family:'Golos Text',sans-serif;font-size:10px;
color:var(--blu);letter-spacing:.06em;text-transform:uppercase;font-weight:700;
margin-top:18px;transition:transform .3s;
}
.ft-card:hover .ft-tag{transform:translateX(4px)}
.ft-card .ft-illu{
margin-top:24px;flex:1;min-height:160px;display:flex;align-items:center;justify-content:center;
position:relative;
}
.ill-archive{
width:100%;background:#fff;border:1px solid var(--brd);border-radius:10px;
overflow:hidden;box-shadow:0 8px 24px -8px rgba(10,24,40,.08);
}
.ill-archive .ar-search{
padding:9px 12px;font-family:'Golos Text',sans-serif;font-size:11px;
color:var(--t3);letter-spacing:.04em;border-bottom:1px solid var(--brd);
background:var(--soft);display:flex;align-items:center;gap:8px;
}
.ill-archive .ar-search::before{content:'⌕';color:var(--t3);font-size:13px}
.ill-archive .ar-row{
display:grid;grid-template-columns:38px 1fr 44px;align-items:center;gap:10px;
padding:8px 12px;border-bottom:1px solid var(--brd);transition:background .2s;
}
.ill-archive .ar-row:last-child{border-bottom:none}
.ill-archive .ar-row:hover,.ill-archive .ar-row.act{background:rgba(0,113,227,.04)}
.ill-archive .ar-thumb{
width:38px;height:38px;border-radius:6px;overflow:hidden;background:#0a1828;
position:relative;flex-shrink:0;
}
.ill-archive .ar-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.05) brightness(.95)}
.ill-archive .ar-thumb.k-ct{background:linear-gradient(135deg,#1a3050,#0a1828)}
.ill-archive .ar-thumb.k-us{background:linear-gradient(135deg,#264c78,#0a1828)}
.ill-archive .ar-thumb.k-ct::after,.ill-archive .ar-thumb.k-us::after{
content:'';position:absolute;inset:8px;border:1px solid rgba(255,255,255,.18);
border-radius:50%;
}
.ill-archive .ar-thumb.k-ct::before{
content:'CT';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
color:rgba(255,255,255,.4);font-family:'Golos Text',sans-serif;font-size:9px;font-weight:700;z-index:1;
}
.ill-archive .ar-thumb.k-us::before{
content:'УЗИ';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
color:rgba(255,255,255,.4);font-family:'Golos Text',sans-serif;font-size:8px;font-weight:700;z-index:1;
}
.ill-archive .ar-meta{min-width:0}
.ill-archive .ar-n{
font-size:12.5px;font-weight:600;color:var(--t1);letter-spacing:-.01em;line-height:1.2;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ill-archive .ar-d{
font-size:10px;color:var(--t3);font-family:'Golos Text',sans-serif;
letter-spacing:.04em;margin-top:2px;display:flex;align-items:center;gap:5px;
}
.ill-archive .ar-d .st-done{color:var(--ok);font-weight:700}
.ill-archive .ar-d .st-now{color:var(--blu);font-weight:700;display:inline-flex;align-items:center;gap:4px}
.ill-archive .ar-d .st-now::before{
content:'';width:5px;height:5px;border-radius:50%;background:var(--blu);
animation:ldx-blip 1.4s ease-in-out infinite;
}
.ill-archive .ar-id{
font-size:11px;color:var(--t3);text-align:right;
font-family:'Golos Text',sans-serif;letter-spacing:.04em;font-weight:600;
}
.ill-queue{
width:100%;background:#fff;border:1px solid var(--brd);border-radius:10px;
overflow:hidden;box-shadow:0 8px 24px -8px rgba(10,24,40,.08);
}
.ill-queue .q-head{
padding:9px 12px;border-bottom:1px solid var(--brd);background:var(--soft);
display:flex;align-items:center;justify-content:space-between;gap:8px;
font-family:'Golos Text',sans-serif;font-size:11px;color:var(--t3);letter-spacing:.06em;
}
.ill-queue .q-head .q-title{color:var(--t1);font-weight:700;letter-spacing:.04em}
.ill-queue .q-head .q-new{
color:var(--ok);font-weight:700;display:inline-flex;align-items:center;gap:4px;
animation:q-new-bounce 2.8s ease-in-out infinite;
}
.ill-queue .q-head .q-new::before{
content:'';width:5px;height:5px;border-radius:50%;background:var(--ok);
animation:ldx-blip 1.4s ease-in-out infinite;
}
@keyframes q-new-bounce{
0%,80%,100%{transform:translateY(0)}
85%{transform:translateY(-2px)}
}
.ill-queue .q-row{
display:grid;grid-template-columns:30px 1fr 64px;align-items:center;gap:10px;
padding:8px 12px;border-bottom:1px solid var(--brd);position:relative;
}
.ill-queue .q-row:last-child{border-bottom:none}
.ill-queue .q-av{
width:30px;height:30px;border-radius:50%;background:var(--soft);
display:flex;align-items:center;justify-content:center;flex-shrink:0;
font-size:11px;font-weight:700;color:var(--t2);position:relative;
}
.ill-queue .q-row.act .q-av{background:var(--blu);color:#fff}
.ill-queue .q-row.free .q-av{background:rgba(52,199,89,.15);color:var(--ok)}
.ill-queue .q-av::after{
content:'';position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;
border:1.5px solid #fff;border-radius:50%;background:var(--t3);
}
.ill-queue .q-row.online .q-av::after{background:var(--ok)}
.ill-queue .q-row.busy .q-av::after{background:var(--blu)}
.ill-queue .q-row.off .q-av::after{background:var(--t3)}
.ill-queue .q-meta{min-width:0}
.ill-queue .q-n{
font-size:12px;font-weight:600;color:var(--t1);letter-spacing:-.01em;line-height:1.2;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ill-queue .q-r{
font-size:10px;color:var(--t3);font-family:'Golos Text',sans-serif;
letter-spacing:.04em;margin-top:2px;
}
.ill-queue .q-load{
display:flex;align-items:center;gap:4px;justify-content:flex-end;
}
.ill-queue .q-load .q-bar{
width:24px;height:4px;background:var(--soft);border-radius:2px;overflow:hidden;
}
.ill-queue .q-load .q-bar::after{
content:'';display:block;height:100%;width:var(--w,0%);
background:var(--blu);transition:width .8s cubic-bezier(.16,1,.3,1);
}
.ill-queue .q-row.free .q-bar::after{background:var(--ok)}
.ill-queue .q-load .q-num{
font-size:11px;font-weight:700;color:var(--t1);
font-family:'Golos Text',sans-serif;font-variant-numeric:tabular-nums;
}
.ill-queue .q-row.act::before{
content:'+1';position:absolute;right:11px;top:50%;transform:translate(0,-50%);
background:var(--blu);color:#fff;font-size:9px;font-weight:700;
font-family:'Golos Text',sans-serif;letter-spacing:.04em;
padding:2px 5px;border-radius:6px;
opacity:0;animation:q-plus 4s ease-in-out infinite;
}
@keyframes q-plus{
0%,85%,100%{opacity:0;transform:translate(20px,-50%)}
10%,75%{opacity:1;transform:translate(0,-50%)}
}
@keyframes ldx-pulse{0%,100%{opacity:0;transform:scale(.9)}50%{opacity:.5;transform:scale(1.1)}}
.ill-money{
width:100%;background:#fff;border:1px solid var(--brd);border-radius:10px;
overflow:hidden;box-shadow:0 8px 24px -8px rgba(10,24,40,.08);
}
.ill-money .m-head{
padding:10px 14px;border-bottom:1px solid var(--brd);background:var(--soft);
display:flex;align-items:center;justify-content:space-between;gap:8px;
font-family:'Golos Text',sans-serif;font-size:11px;
color:var(--t3);letter-spacing:.06em;
}
.ill-money .m-head .m-title{color:var(--t1);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ill-money .m-head .m-date{font-weight:500}
.ill-money .m-total{
padding:14px 14px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;
border-bottom:1px solid var(--brd);
}
.ill-money .m-total .v{
font-size:28px;font-weight:800;color:var(--t1);letter-spacing:-1px;line-height:1;
font-variant-numeric:tabular-nums;
}
.ill-money .m-total .v .cur{color:var(--t3);font-weight:600;font-size:18px;margin-left:4px}
.ill-money .m-total .trend{
font-family:'Golos Text',sans-serif;font-size:11px;font-weight:700;
color:var(--ok);letter-spacing:.04em;display:inline-flex;align-items:center;gap:4px;
}
.ill-money .m-cats{padding:10px 14px;display:flex;flex-direction:column;gap:7px;border-bottom:1px solid var(--brd)}
.ill-money .m-cat{
display:grid;grid-template-columns:42px 1fr 78px;align-items:center;gap:10px;
font-size:11px;
}
.ill-money .m-cat .lab{
font-family:'Golos Text',sans-serif;font-weight:700;
color:var(--t1);letter-spacing:.06em;
}
.ill-money .m-cat .bar{
height:6px;background:var(--soft);border-radius:3px;overflow:hidden;position:relative;
}
.ill-money .m-cat .bar::after{
content:'';position:absolute;left:0;top:0;bottom:0;width:var(--w,0%);
background:linear-gradient(90deg,var(--blu),var(--sky));border-radius:3px;
animation:m-grow 1.1s cubic-bezier(.16,1,.3,1) both;
}
@keyframes m-grow{from{width:0}to{width:var(--w)}}
.ill-money .m-cat.kt .bar::after{background:linear-gradient(90deg,var(--sky),var(--blu2))}
.ill-money .m-cat.uzi .bar::after{background:linear-gradient(90deg,var(--blu2),var(--blu))}
.ill-money .m-cat .amt{
font-family:'Golos Text',sans-serif;font-weight:700;color:var(--t1);
font-variant-numeric:tabular-nums;text-align:right;font-size:11px;
}
.ill-money .m-cat .amt .cur{color:var(--t3);font-weight:500;margin-left:2px}
.ill-money .m-foot{
padding:10px 14px;display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--soft);
}
.ill-money .m-foot .it{display:flex;flex-direction:column;gap:3px}
.ill-money .m-foot .it .l{
font-family:'Golos Text',sans-serif;font-size:9px;color:var(--t3);
letter-spacing:.08em;text-transform:uppercase;font-weight:600;
}
.ill-money .m-foot .it .v{
font-size:14px;font-weight:700;color:var(--t1);letter-spacing:-.01em;
font-variant-numeric:tabular-nums;
}
.ill-money .m-foot .it.alert .v{color:#FF3B30}
.ill-wa{position:relative;width:100%;height:160px;display:flex;align-items:center;justify-content:center}
.ill-wa .bub{
background:#fff;border:1px solid var(--brd);border-radius:14px;padding:12px 14px;
font-size:12px;color:var(--t2);max-width:200px;line-height:1.4;
box-shadow:0 4px 16px -4px rgba(10,24,40,.08);position:absolute;
}
.ill-wa .bub b{color:var(--t1)}
.ill-wa .bub.b1{top:10%;left:0%;animation:ldx-f1 5s ease-in-out infinite}
.ill-wa .bub.b2{bottom:10%;right:0%;background:var(--blu);color:#fff;border-color:var(--blu);animation:ldx-f1 5s ease-in-out infinite 1s}
.ill-wa .bub.b2 b{color:#fff}
.ill-schedule{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:160px}
.ill-schedule .col{display:flex;flex-direction:column;gap:3px;padding-top:18px;position:relative}
.ill-schedule .col::before{
content:attr(data-room);position:absolute;top:0;left:0;font-size:9px;
color:var(--t3);font-weight:700;letter-spacing:.06em;font-family:'Golos Text',sans-serif
}
.ill-schedule .cell{height:18px;border-radius:3px;background:rgba(10,24,40,.04)}
.ill-schedule .cell.f{background:var(--blu);opacity:.9}
.ill-schedule .cell.a{background:rgba(0,113,227,.15);border-left:2px solid var(--blu)}
.ill-schedule .cell.d{background:rgba(52,199,89,.12);border-left:2px solid var(--ok)}
.spot{
display:flex;align-items:center;gap:72px;padding:88px 80px;
position:relative;overflow:hidden;background:#fff;
}
.spot.alt{background:var(--soft)}
.spot.dark{background:var(--ink);color:#fff}
.spot.reverse{flex-direction:row-reverse}
.spot-vis{flex:1;display:flex;justify-content:center;position:relative;z-index:2;max-width:560px}
.spot-copy{flex:1;max-width:480px;position:relative;z-index:2}
.spot-eye{
display:inline-flex;align-items:center;gap:10px;
font-family:'Golos Text',sans-serif;
font-size:11px;color:var(--blu);letter-spacing:.14em;
text-transform:uppercase;font-weight:600;margin-bottom:18px;
}
.spot-eye .n{color:var(--t3);font-weight:500}
.spot.dark .spot-eye{color:var(--sky)}
.spot.dark .spot-eye .n{color:rgba(255,255,255,.5)}
.spot-title{
font-size:34px;line-height:1.08;letter-spacing:-1.2px;font-weight:700;
color:var(--t1);margin-bottom:14px;
}
.spot.dark .spot-title{color:#fff}
.spot-title b{color:var(--blu);font-weight:700}
.spot.dark .spot-title b{color:var(--sky)}
.spot-lede{
font-size:15px;line-height:1.55;color:var(--t2);
letter-spacing:-.005em;margin-bottom:22px;
}
.spot.dark .spot-lede{color:rgba(255,255,255,.7)}
.spot-ul{list-style:none;padding:0;margin-bottom:22px;display:flex;flex-direction:column;gap:9px}
.spot-tiles{
display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;
}
.spot-tile{
padding:14px 16px;border:1px solid var(--brd);border-radius:12px;
background:#fff;transition:border-color .3s,transform .3s;
display:flex;flex-direction:column;gap:6px;position:relative;
}
.spot-tile:hover{border-color:var(--t1);transform:translateY(-2px)}
.spot-tile .t-num{
font-family:'Golos Text',sans-serif;
font-size:10px;color:var(--t3);letter-spacing:.08em;font-weight:600;
position:absolute;top:12px;right:14px;
}
.spot-tile .t-icon{
width:32px;height:32px;border-radius:9px;background:rgba(0,113,227,.1);
display:flex;align-items:center;justify-content:center;
color:var(--blu);font-size:16px;font-weight:700;margin-bottom:4px;
}
.spot-tile .t-h{
font-size:14.5px;font-weight:700;color:var(--t1);
letter-spacing:-.015em;line-height:1.2;
}
.spot-tile .t-s{
font-size:12.5px;color:var(--t2);line-height:1.35;
}
.spot.dark .spot-tile{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.spot.dark .spot-tile:hover{border-color:rgba(255,255,255,.4)}
.spot.dark .spot-tile .t-h{color:#fff}
.spot.dark .spot-tile .t-s{color:rgba(255,255,255,.65)}
.spot.dark .spot-tile .t-icon{background:rgba(90,200,250,.15);color:var(--sky)}
.spot-ul li{
font-size:13.5px;color:var(--t1);line-height:1.5;
display:flex;align-items:flex-start;gap:10px;
}
.spot.dark .spot-ul li{color:rgba(255,255,255,.85)}
.spot-ul li::before{
content:'';width:18px;height:18px;border-radius:50%;flex-shrink:0;margin-top:2px;
background:rgba(0,113,227,.14);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9l3 3 6-7' stroke='%230071E3' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position:center;background-repeat:no-repeat;
}
.spot.dark .spot-ul li::before{
background:rgba(90,200,250,.18);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9l3 3 6-7' stroke='%235AC8FA' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position:center;background-repeat:no-repeat;
}
.spot-ul li b{color:var(--blu);font-weight:600}
.spot.dark .spot-ul li b{color:var(--sky)}
.spot-cta{
display:inline-flex;align-items:center;gap:8px;
font-size:15px;font-weight:600;color:var(--blu);letter-spacing:-.01em;
padding:6px 0;position:relative;cursor:pointer;
}
.spot-cta::after{
content:'';position:absolute;left:0;right:0;bottom:0;height:1.5px;
background:var(--blu);transform:scaleX(1);transform-origin:left;
transition:transform .4s cubic-bezier(.7,0,.3,1);
}
.spot-cta:hover::after{transform:scaleX(0);transform-origin:right}
.spot-cta .arr{transition:transform .3s}
.spot-cta:hover .arr{transform:translateX(5px)}
.spot.dark .spot-cta{color:var(--sky)}
.spot.dark .spot-cta::after{background:var(--sky)}
.wa-phone{
width:100%;max-width:300px;height:600px;
background:#fff;border-radius:38px;
border:8px solid #1a2530;
box-shadow:
0 1px 2px rgba(10,24,40,.05),
0 20px 40px -10px rgba(10,24,40,.18),
0 50px 100px -20px rgba(10,24,40,.25),
inset 0 0 0 1px rgba(255,255,255,.05);
overflow:hidden;position:relative;
display:flex;flex-direction:column;
}
.wa-phone::before{
content:'';position:absolute;top:14px;left:50%;transform:translateX(-50%);
width:100px;height:24px;background:#1a2530;border-radius:0 0 14px 14px;z-index:5;
}
.wa-head{
background:var(--ink);color:#fff;padding:36px 14px 12px;
display:flex;align-items:center;gap:10px;flex-shrink:0;
}
.wa-head .wa-av{
width:34px;height:34px;border-radius:50%;background:var(--blu);
display:flex;align-items:center;justify-content:center;
font-size:13px;font-weight:700;
}
.wa-head .wa-meta{flex:1;min-width:0}
.wa-head .wa-meta .n{font-weight:600;font-size:13px;letter-spacing:-.01em}
.wa-head .wa-meta .s{
font-size:10px;opacity:.7;display:flex;align-items:center;gap:5px;margin-top:1px;
}
.wa-head .wa-meta .s::before{
content:'';width:5px;height:5px;border-radius:50%;background:#34C759;
display:inline-block;animation:ldx-blip 1.8s ease-in-out infinite;
}
.wa-head .wa-icons{font-size:14px;opacity:.6;letter-spacing:6px;font-family:'Golos Text',sans-serif}
.wa-body{
flex:1;padding:14px 12px 18px;background:#ECE5DD;
display:flex;flex-direction:column;gap:7px;overflow:hidden;
background-image:
radial-gradient(circle at 10% 20%, rgba(255,255,255,.4), transparent 30%),
radial-gradient(circle at 80% 80%, rgba(0,113,227,.05), transparent 50%);
}
.wa-time{
font-size:9px;color:var(--t3);text-align:center;margin:6px 0 2px;
background:rgba(255,255,255,.7);padding:3px 10px;border-radius:6px;align-self:center;
font-family:'Golos Text',sans-serif;letter-spacing:.04em;
}
.wa-msg{
max-width:82%;padding:7px 11px;border-radius:12px;
font-size:12.5px;line-height:1.4;color:var(--t1);
box-shadow:0 1px 1px rgba(10,24,40,.06);
position:relative;animation:wa-in .35s cubic-bezier(.16,1,.3,1) both;
}
.wa-msg.bot{background:#fff;align-self:flex-start;border-bottom-left-radius:3px}
.wa-msg.usr{background:var(--blu);color:#fff;align-self:flex-end;border-bottom-right-radius:3px}
.wa-msg .meta{
font-size:9px;display:block;margin-top:3px;
font-family:'Golos Text',sans-serif;letter-spacing:.04em;
}
.wa-msg.bot .meta{color:var(--t3)}
.wa-msg.usr .meta{color:rgba(255,255,255,.7)}
.wa-msg.typing{padding:11px 14px;font-size:6px;letter-spacing:6px;color:var(--t3);display:flex;gap:4px;align-items:center}
.wa-msg.typing span{
width:6px;height:6px;border-radius:50%;background:var(--t3);
animation:wa-typing 1.2s ease-in-out infinite;
}
.wa-msg.typing span:nth-child(2){animation-delay:.2s}
.wa-msg.typing span:nth-child(3){animation-delay:.4s}
@keyframes wa-typing{0%,80%,100%{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}
@keyframes wa-in{
from{opacity:0;transform:translateY(8px) scale(.96)}
to{opacity:1;transform:none}
}
.wa-msg.chip{
background:rgba(0,113,227,.1);color:var(--blu);font-weight:600;
align-self:flex-start;border-radius:14px;font-size:11.5px;padding:6px 11px;
cursor:pointer;border:1px solid rgba(0,113,227,.2);
}
.wa-orb{
position:absolute;width:260px;height:260px;border-radius:50%;
background:radial-gradient(circle,rgba(52,199,89,.18),transparent 70%);
filter:blur(40px);pointer-events:none;
animation:ldx-orb 18s ease-in-out infinite;
}
.tel{
width:100%;max-width:520px;background:#fff;border-radius:16px;
box-shadow:
0 1px 2px rgba(10,24,40,.04),
0 12px 32px -4px rgba(10,24,40,.10),
0 32px 80px -16px rgba(10,24,40,.14),
0 0 0 1px rgba(10,24,40,.05);
overflow:hidden;
}
.tel-head{
padding:14px 18px;border-bottom:1px solid var(--brd);
display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.tel-head .t{font-weight:700;font-size:14px;color:var(--t1);letter-spacing:-.01em}
.tel-head .badge{
font-family:'Golos Text',sans-serif;font-size:10px;color:var(--blu);
padding:4px 10px;background:rgba(0,113,227,.1);border-radius:999px;
letter-spacing:.08em;font-weight:700;display:inline-flex;align-items:center;gap:5px;
}
.tel-head .badge::before{
content:'';width:6px;height:6px;border-radius:50%;background:var(--blu);
animation:ldx-blip 1.6s ease-in-out infinite;
}
.tel-call{
padding:14px 18px;display:grid;
grid-template-columns:42px 1fr auto auto;gap:14px;align-items:center;
border-bottom:1px solid var(--brd);transition:background .2s;
}
.tel-call:last-child{border-bottom:none}
.tel-call:hover{background:var(--soft)}
.tel-call .av{
width:42px;height:42px;border-radius:50%;background:var(--soft);
display:flex;align-items:center;justify-content:center;
font-weight:700;color:var(--t2);font-size:14px;position:relative;
}
.tel-call.ring .av{background:var(--blu);color:#fff}
.tel-call.ring .av::before,.tel-call.ring .av::after{
content:'';position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--blu);
animation:tel-ring 1.6s ease-in-out infinite;
}
.tel-call.ring .av::after{animation-delay:.4s}
@keyframes tel-ring{
0%{transform:scale(1);opacity:.7}
100%{transform:scale(2.2);opacity:0}
}
.tel-call.active .av{background:rgba(52,199,89,.15);color:var(--ok)}
.tel-call.done .av{background:var(--soft);color:var(--t3)}
.tel-call .meta{min-width:0}
.tel-call .meta .n{
font-size:14px;font-weight:600;color:var(--t1);
line-height:1.2;letter-spacing:-.01em;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.tel-call .meta .p{
font-size:11px;color:var(--t3);
font-family:'Golos Text',sans-serif;letter-spacing:.04em;margin-top:2px;
}
.tel-call .meta .tag{
display:inline-flex;align-items:center;gap:4px;font-size:10px;
color:var(--blu);font-family:'Golos Text',sans-serif;
letter-spacing:.06em;text-transform:uppercase;margin-top:3px;font-weight:700;
}
.tel-wave{
display:flex;gap:2px;align-items:center;height:20px;
}
.tel-wave span{
width:2px;background:var(--blu);border-radius:1px;
animation:tel-wave 1.2s ease-in-out infinite;
}
.tel-wave span:nth-child(2){animation-delay:.1s}
.tel-wave span:nth-child(3){animation-delay:.2s}
.tel-wave span:nth-child(4){animation-delay:.3s}
.tel-wave span:nth-child(5){animation-delay:.4s}
.tel-wave span:nth-child(6){animation-delay:.5s}
@keyframes tel-wave{
0%,100%{height:20%}
50%{height:100%}
}
.tel-call.done .tel-wave span{
background:var(--t3);opacity:.4;animation:none;height:30%;
}
.tel-call.done .tel-wave span:nth-child(odd){height:60%}
.tel-call .duration{
font-size:13px;color:var(--t1);
font-family:'Golos Text',sans-serif;font-weight:600;letter-spacing:.04em;
display:flex;align-items:center;gap:6px;
}
.tel-call.ring .duration{color:var(--blu);font-weight:700}
.tel-call.ring .duration::before{
content:'';width:6px;height:6px;border-radius:50%;background:var(--blu);
animation:ldx-blip 1.2s ease-in-out infinite;
}
.tel-call.active .duration{color:var(--ok)}
.tel-call.done .duration{color:var(--t3)}
.tel-stats{
padding:14px 18px;border-top:1px solid var(--brd);background:var(--soft);
display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
}
.tel-stat .v{
font-size:20px;font-weight:800;color:var(--t1);
letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1;
}
.tel-stat .v .pos{color:var(--ok);font-size:11px;margin-left:4px;font-family:'Golos Text',sans-serif}
.tel-stat .l{
font-family:'Golos Text',sans-serif;font-size:9px;color:var(--t3);
letter-spacing:.06em;text-transform:uppercase;margin-top:6px;
}
.tt{
width:100%;max-width:560px;background:#fff;border-radius:16px;
box-shadow:
0 1px 2px rgba(10,24,40,.04),
0 12px 32px -4px rgba(10,24,40,.10),
0 32px 80px -16px rgba(10,24,40,.14),
0 0 0 1px rgba(10,24,40,.05);
overflow:hidden;
}
.tt-head{
padding:14px 18px;border-bottom:1px solid var(--brd);
display:flex;justify-content:space-between;align-items:center;gap:12px;
}
.tt-head .t{font-weight:700;font-size:14px;color:var(--t1);letter-spacing:-.01em}
.tt-head .d{
font-size:11px;color:var(--t3);font-family:'Golos Text',sans-serif;letter-spacing:.06em;
}
.tt-timeline-head{
display:grid;grid-template-columns:150px 1fr 70px;padding:8px 18px;
background:var(--soft);font-family:'Golos Text',sans-serif;
font-size:9px;color:var(--t3);letter-spacing:.08em;text-transform:uppercase;
}
.tt-timeline-head .scale{display:flex;justify-content:space-between;padding-right:6px}
.tt-row{
padding:14px 18px;display:grid;
grid-template-columns:150px 1fr 70px;gap:18px;align-items:center;
border-bottom:1px solid var(--brd);
}
.tt-row:last-child{border-bottom:none}
.tt-emp{display:flex;align-items:center;gap:10px;min-width:0}
.tt-emp .av{
width:32px;height:32px;border-radius:50%;background:var(--soft);
display:flex;align-items:center;justify-content:center;
font-size:12px;font-weight:700;color:var(--t2);position:relative;flex-shrink:0;
}
.tt-emp .av.on{background:var(--ok);color:#fff}
.tt-emp .av.on::after{
content:'';position:absolute;bottom:-1px;right:-1px;
width:9px;height:9px;border-radius:50%;background:var(--ok);
border:1.5px solid #fff;
}
.tt-emp .meta{min-width:0}
.tt-emp .meta .n{
font-size:13px;font-weight:600;color:var(--t1);
line-height:1.2;letter-spacing:-.01em;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.tt-emp .meta .r{font-size:10px;color:var(--t3);margin-top:1px;font-family:'Golos Text',sans-serif;letter-spacing:.04em;text-transform:uppercase}
.tt-bar{
position:relative;height:22px;background:var(--soft);border-radius:5px;
overflow:visible;
}
.tt-bar .seg{
position:absolute;top:0;bottom:0;background:var(--blu);
border-radius:3px;animation:tt-seg 1.2s cubic-bezier(.16,1,.3,1) both;
}
.tt-bar .seg.lunch{background:rgba(0,113,227,.15)}
.tt-bar .seg.late{background:#FF9500}
.tt-bar .seg.absent{background:#E5E9F0}
@keyframes tt-seg{
from{transform:scaleX(0);transform-origin:left}
to{transform:scaleX(1)}
}
.tt-bar .dot{
position:absolute;top:50%;transform:translateY(-50%);
width:9px;height:9px;border-radius:50%;background:#fff;
box-shadow:0 0 0 2px var(--blu),0 1px 3px rgba(10,24,40,.2);
z-index:2;
}
.tt-bar .dot.late{box-shadow:0 0 0 2px #FF9500,0 1px 3px rgba(255,149,0,.3)}
.tt-hours{
font-family:'Golos Text',sans-serif;font-size:13px;font-weight:700;
color:var(--t1);text-align:right;letter-spacing:-.01em;
}
.tt-hours .sm{
display:block;font-size:9px;color:var(--t3);font-weight:500;
text-transform:uppercase;letter-spacing:.06em;margin-top:3px;
}
.tt-hours .sm.alert{color:#FF9500}
.tt-stats{
padding:14px 18px;border-top:1px solid var(--brd);background:var(--ink);color:#fff;
display:flex;justify-content:space-between;align-items:center;gap:18px;
}
.tt-stats .lab{
font-family:'Golos Text',sans-serif;font-size:10px;color:rgba(255,255,255,.5);
letter-spacing:.08em;text-transform:uppercase;
}
.tt-stats .vals{display:flex;gap:24px}
.tt-stats .val{
font-size:18px;font-weight:800;color:#fff;letter-spacing:-.02em;
font-variant-numeric:tabular-nums;
}
.tt-stats .val .ll{font-family:'Golos Text',sans-serif;font-size:9px;color:var(--sky);margin-left:4px;letter-spacing:.06em;font-weight:600}
.pricing-toggle{
display:inline-flex;background:var(--soft);border-radius:999px;padding:4px;margin-bottom:48px;
font-family:'Golos Text',sans-serif;
}
.pricing-toggle button{
padding:8px 18px;border-radius:999px;font-size:13px;font-weight:600;color:var(--t2);
transition:all .25s;cursor:pointer;border:none;background:transparent;
}
.pricing-toggle button.on{background:#fff;color:var(--t1);box-shadow:0 1px 3px rgba(10,24,40,.08)}
.pricing-toggle .save{
font-family:'Golos Text',sans-serif;font-size:10px;color:var(--ok);
margin-left:6px;letter-spacing:.06em;font-weight:700;
}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.plan{
background:#fff;border:1px solid var(--brd);border-radius:18px;padding:32px 28px;
display:flex;flex-direction:column;position:relative;
transition:border-color .3s,transform .3s,box-shadow .3s;
}
.plan:hover{border-color:var(--t1);transform:translateY(-4px);box-shadow:0 20px 40px -16px rgba(10,24,40,.12)}
.plan.featured{background:var(--ink);color:#fff;border-color:var(--ink)}
.plan.featured:hover{transform:translateY(-6px);box-shadow:0 24px 48px -12px rgba(0,113,227,.4)}
.plan-name{
font-family:'Golos Text',sans-serif;font-size:11px;letter-spacing:.12em;
text-transform:uppercase;font-weight:700;color:var(--t3);margin-bottom:8px;
}
.plan.featured .plan-name{color:var(--sky)}
.plan-tag{font-size:13px;color:var(--t2);margin-bottom:24px}
.plan.featured .plan-tag{color:rgba(255,255,255,.6)}
.plan-price{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.plan-price .num{font-size:48px;font-weight:800;letter-spacing:-2px;color:var(--t1);line-height:1;font-variant-numeric:tabular-nums}
.plan.featured .plan-price .num{color:#fff}
.plan-price .cur{font-size:18px;color:var(--t3);font-weight:600}
.plan-period{font-size:13px;color:var(--t3);margin-bottom:24px;font-family:'Golos Text',sans-serif;letter-spacing:.04em}
.plan.featured .plan-period{color:rgba(255,255,255,.45)}
.plan-cta{
display:block;width:100%;text-align:center;height:44px;line-height:44px;
border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;
transition:all .25s;margin-bottom:24px;border:1px solid var(--brd);color:var(--t1);
}
.plan-cta:hover{border-color:var(--t1);background:var(--soft)}
.plan.featured .plan-cta{background:#fff;color:var(--ink);border-color:#fff}
.plan.featured .plan-cta:hover{background:var(--blu);color:#fff;border-color:var(--blu)}
.plan ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}
.plan ul li{font-size:13.5px;color:var(--t2);display:flex;align-items:flex-start;gap:10px;line-height:1.45}
.plan.featured ul li{color:rgba(255,255,255,.78)}
.plan ul li::before{
content:'';width:14px;height:14px;border-radius:50%;background:rgba(0,113,227,.13);
flex-shrink:0;margin-top:3px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7l3 3 5-6' stroke='%230071E3' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position:center;background-repeat:no-repeat;
}
.plan.featured ul li::before{background-color:rgba(90,200,250,.2)}
.plan-badge{
position:absolute;top:-12px;right:24px;
background:var(--blu);color:#fff;font-family:'Golos Text',sans-serif;
font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
padding:5px 12px;border-radius:999px;
}
.tm-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}
.tm-card{
background:#fff;border:1px solid var(--brd);border-radius:18px;padding:28px 26px;
display:flex;flex-direction:column;position:relative;
transition:border-color .3s,transform .3s;
}
.tm-card:hover{border-color:var(--t1);transform:translateY(-2px)}
.tm-card.dk{background:var(--ink);color:#fff;border-color:var(--ink);grid-row:span 2}
.tm-card .tm-mark{
font-family:'Golos Text',sans-serif;font-size:11px;color:var(--blu);
letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:14px;
}
.tm-card.dk .tm-mark{color:var(--sky)}
.tm-card .tm-quote{font-size:17px;line-height:1.45;color:var(--t1);letter-spacing:-.015em;font-weight:500;flex:1;margin-bottom:20px}
.tm-card.dk .tm-quote{color:#fff;font-size:21px}
.tm-card .tm-quote::before{content:'«';color:var(--blu);font-size:30px;margin-right:4px;vertical-align:-6px}
.tm-card .tm-quote::after{content:'»';color:var(--blu);font-size:30px;margin-left:4px;vertical-align:-6px}
.tm-card.dk .tm-quote::before,.tm-card.dk .tm-quote::after{color:var(--sky)}
.tm-card .tm-author{display:flex;align-items:center;gap:14px}
.tm-author .av{
width:48px;height:48px;border-radius:50%;background:var(--blu);
color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;
}
.tm-card.dk .av{background:#fff;color:var(--ink)}
.tm-author .meta{font-size:13px}
.tm-author .meta .n{font-weight:700;color:var(--t1);margin-bottom:2px}
.tm-card.dk .tm-author .meta .n{color:#fff}
.tm-author .meta .r{color:var(--t3)}
.tm-card.dk .tm-author .meta .r{color:rgba(255,255,255,.5)}
.tm-stat{
margin-top:22px;padding-top:18px;border-top:1px solid var(--brd);
display:flex;justify-content:space-between;align-items:flex-end;
}
.tm-card.dk .tm-stat{border-top-color:rgba(255,255,255,.1)}
.tm-stat .v{font-size:32px;font-weight:800;color:var(--t1);letter-spacing:-1px;line-height:1}
.tm-card.dk .tm-stat .v{color:#fff}
.tm-stat .l{font-family:'Golos Text',sans-serif;font-size:10px;color:var(--t3);letter-spacing:.06em;text-transform:uppercase;text-align:right}
.tm-card.dk .tm-stat .l{color:rgba(255,255,255,.4)}
.faq-list{max-width:840px;margin:0 auto}
.faq{
border-top:1px solid var(--brd);padding:0;cursor:pointer;
transition:padding .3s;
}
.faq:last-child{border-bottom:1px solid var(--brd)}
.faq summary{
list-style:none;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;
font-size:16px;font-weight:600;color:var(--t1);letter-spacing:-.015em;
transition:color .25s;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--blu)}
.faq .faq-icon{
flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--brd);
display:flex;align-items:center;justify-content:center;
transition:all .3s;position:relative;
}
.faq .faq-icon::before,.faq .faq-icon::after{
content:'';position:absolute;background:var(--t1);
transition:transform .3s,opacity .3s;
}
.faq .faq-icon::before{width:10px;height:1.5px}
.faq .faq-icon::after{width:1.5px;height:10px}
.faq[open] .faq-icon{background:var(--blu);border-color:var(--blu)}
.faq[open] .faq-icon::before,.faq[open] .faq-icon::after{background:#fff}
.faq[open] .faq-icon::after{transform:rotate(90deg);opacity:0}
.faq .faq-body{
padding:0 60px 18px 0;font-size:14.5px;line-height:1.6;color:var(--t2);
max-width:680px;
}
.faq .faq-body b{color:var(--t1);font-weight:600}
.final-cta{
padding:120px 80px;background:var(--ink);color:#fff;
position:relative;overflow:hidden;text-align:center;
}
.final-cta::before{
content:'';position:absolute;inset:0;
background:
radial-gradient(circle at 20% 30%, rgba(0,113,227,.3), transparent 50%),
radial-gradient(circle at 80% 70%, rgba(90,200,250,.25), transparent 50%);
pointer-events:none;
}
.final-cta .fc-eyebrow{
font-family:'Golos Text',sans-serif;font-size:11px;color:var(--sky);
letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-bottom:24px;position:relative;z-index:2;
}
.final-cta h2{
font-size:clamp(40px,4.8vw,68px);line-height:1.04;letter-spacing:-2px;font-weight:800;
margin-bottom:18px;position:relative;z-index:2;
}
.final-cta h2 .grd{
background:linear-gradient(120deg,#fff 0%,var(--sky) 50%,var(--blu2) 100%);
background-size:240% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
background-clip:text;color:transparent;animation:ldx-g 6s ease infinite;
}
.final-cta p{
font-size:17px;color:rgba(255,255,255,.7);line-height:1.5;max-width:560px;
margin:0 auto 36px;position:relative;z-index:2;
}
.final-cta .fc-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2;margin-bottom:36px}
.final-cta .btn{height:56px;padding:0 32px;font-size:16px}
.final-cta .btn-pri{background:#fff;color:var(--ink);box-shadow:0 8px 24px -6px rgba(255,255,255,.3)}
.final-cta .btn-pri:hover{background:var(--sky);color:var(--ink)}
.final-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.25)}
.final-cta .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.final-cta .fc-trust{
font-family:'Golos Text',sans-serif;font-size:11px;color:rgba(255,255,255,.4);
letter-spacing:.1em;text-transform:uppercase;position:relative;z-index:2;
}
.ft-wrap{padding:48px 80px 28px;background:#fff;border-top:1px solid var(--brd)}
.ft-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:48px;margin-bottom:36px}
.ft-col h4{
font-family:'Golos Text',sans-serif;font-size:11px;color:var(--t3);
letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:18px;
}
.ft-col a{display:block;font-size:14px;color:var(--t1);font-weight:500;margin-bottom:10px;transition:color .2s}
.ft-col a:hover{color:var(--blu)}
.ft-brand{margin-bottom:20px}
.ft-brand .ft-logo{font-weight:800;font-size:22px;letter-spacing:-.6px;color:#0d3960;line-height:1;margin-bottom:14px}
.ft-brand .ft-logo .brand-dot{color:#4f8cc9;font-size:1.5em}
.ft-brand p{font-size:14px;color:var(--t2);line-height:1.55;max-width:340px}
.ft-bot{
border-top:1px solid var(--brd);padding-top:24px;
display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
font-family:'Golos Text',sans-serif;font-size:11px;color:var(--t3);letter-spacing:.06em;text-transform:uppercase;
}
.ft-bot a{color:var(--t3);transition:color .2s}
.ft-bot a:hover{color:var(--t1)}
.ft-attr{margin-top:18px;font-family:'Golos Text',sans-serif;font-size:10px;color:var(--t3);letter-spacing:.04em;line-height:1.5}
.ft-attr a{color:var(--t3);text-decoration:underline}
.fab-stack{
position:fixed;bottom:24px;right:24px;z-index:90;
display:flex;flex-direction:column;gap:14px;
opacity:0;transform:translateY(20px);pointer-events:none;
transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);
}
.fab-stack.show{opacity:1;transform:none;pointer-events:auto}
.fab{
width:56px;height:56px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
color:#fff;cursor:pointer;text-decoration:none;
position:relative;
transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;
}
.fab svg{width:26px;height:26px;position:relative;z-index:2}
.fab-wa{
background:#25D366;
box-shadow:0 4px 14px -4px rgba(37,211,102,.6),0 10px 24px -8px rgba(10,24,40,.25);
}
.fab:hover{transform:translateY(-3px) scale(1.08)}
.fab-wa:hover{box-shadow:0 8px 22px -4px rgba(37,211,102,.7),0 14px 32px -8px rgba(10,24,40,.3)}
.fab::before,.fab::after{
content:'';position:absolute;inset:0;border-radius:50%;
pointer-events:none;
}
.fab-wa::before{box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:fab-pulse 2.4s ease-out infinite}
@keyframes fab-pulse{
0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}
80%,100%{box-shadow:0 0 0 16px rgba(37,211,102,0)}
}
.fab .lab{
position:absolute;right:calc(100% + 12px);top:50%;
transform:translateY(-50%) translateX(6px);
background:var(--ink);color:#fff;
font-size:13px;font-weight:600;letter-spacing:-.01em;
padding:7px 12px;border-radius:8px;white-space:nowrap;
opacity:0;pointer-events:none;
transition:opacity .22s,transform .22s;
box-shadow:0 8px 24px -6px rgba(10,24,40,.4);
}
.fab .lab::after{
content:'';position:absolute;right:-4px;top:50%;
width:8px;height:8px;background:var(--ink);
transform:translateY(-50%) rotate(45deg);
}
.fab:hover .lab{opacity:1;transform:translateY(-50%) translateX(0)}
@media (max-width:560px){
.fab-stack{bottom:18px;right:18px;gap:10px}
.fab{width:50px;height:50px}
.fab svg{width:22px;height:22px}
.fab .lab{display:none}
}
.demo-overlay{
position:fixed;inset:0;z-index:1000;
background:rgba(10,24,40,.55);
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
display:flex;align-items:center;justify-content:center;padding:20px;
opacity:0;pointer-events:none;
transition:opacity .35s cubic-bezier(.16,1,.3,1);
}
.demo-overlay.on{opacity:1;pointer-events:auto}
.demo-modal{
width:100%;max-width:560px;background:#fff;border-radius:22px;
padding:36px 36px;position:relative;
box-shadow:
0 1px 2px rgba(10,24,40,.06),
0 20px 40px -10px rgba(10,24,40,.2),
0 50px 100px -20px rgba(10,24,40,.3);
transform:scale(.94) translateY(10px);
transition:transform .4s cubic-bezier(.16,1,.3,1);
}
.demo-overlay.on .demo-modal{transform:none}
.demo-modal::before{
content:'';position:absolute;top:0;left:0;right:0;height:3px;
background:linear-gradient(90deg,var(--blu),var(--sky),var(--blu2));
border-radius:22px 22px 0 0;
}
.demo-close{
position:absolute;top:14px;right:14px;
width:34px;height:34px;border-radius:50%;background:var(--soft);
display:flex;align-items:center;justify-content:center;
cursor:pointer;border:none;font-family:inherit;
font-size:16px;color:var(--t2);
transition:background .2s,color .2s,transform .25s;
}
.demo-close:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}
.demo-eyebrow{
display:inline-flex;align-items:center;gap:8px;
font-family:'Golos Text',sans-serif;font-size:11px;
color:var(--blu);letter-spacing:.12em;text-transform:uppercase;font-weight:600;
margin-bottom:14px;
}
.demo-eyebrow::before{
content:'';width:6px;height:6px;border-radius:50%;background:var(--blu);
animation:ldx-blip 1.6s ease-in-out infinite;
}
.demo-title{
font-size:24px;font-weight:800;color:var(--t1);
letter-spacing:-.8px;line-height:1.15;margin-bottom:8px;
}
.demo-title .grd{
background:linear-gradient(120deg,var(--blu),var(--sky));
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
background-clip:text;color:transparent;
}
.demo-title{margin-bottom:22px}
.demo-form{display:flex;flex-direction:column;gap:14px}
.demo-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.demo-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.demo-label{
font-family:'Golos Text',sans-serif;font-size:10px;
color:var(--t3);letter-spacing:.08em;text-transform:uppercase;font-weight:600;
}
.demo-input{
width:100%;height:48px;padding:0 16px;
font-family:'Golos Text',sans-serif;font-size:15px;color:var(--t1);
background:var(--soft);border:1.5px solid transparent;border-radius:12px;
outline:none;transition:border-color .2s,background .2s,box-shadow .2s;
letter-spacing:-.005em;
}
.demo-input::placeholder{color:var(--t3);font-weight:500}
.demo-input:focus{
border-color:var(--blu);background:#fff;
box-shadow:0 0 0 4px rgba(0,113,227,.08);
}
.demo-input.err{
border-color:#FF3B30;background:rgba(255,59,48,.05);
animation:demo-shake .35s cubic-bezier(.36,.07,.19,.97) both;
}
@keyframes demo-shake{
10%,90%{transform:translateX(-1px)}
20%,80%{transform:translateX(2px)}
30%,50%,70%{transform:translateX(-4px)}
40%,60%{transform:translateX(4px)}
}
.demo-submit{
margin-top:6px;width:100%;height:52px;
background:var(--blu);color:#fff;border:none;border-radius:999px;
font-family:inherit;font-size:15px;font-weight:700;letter-spacing:-.01em;
cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;
transition:all .2s cubic-bezier(.4,0,.2,1);
box-shadow:0 1px 2px rgba(0,113,227,.2),0 8px 22px -8px rgba(0,113,227,.5);
}
.demo-submit:hover{
background:#005BBF;transform:translateY(-1px);
box-shadow:0 1px 2px rgba(0,113,227,.25),0 14px 32px -8px rgba(0,113,227,.55);
}
.demo-submit:active{transform:translateY(0)}
.demo-submit:disabled{opacity:.5;cursor:wait;transform:none}
.demo-submit .arr{transition:transform .25s}
.demo-submit:hover .arr{transform:translateX(4px)}
.demo-trust{
margin-top:18px;text-align:center;
font-family:'Golos Text',sans-serif;font-size:10px;
color:var(--t3);letter-spacing:.08em;text-transform:uppercase;
display:flex;align-items:center;justify-content:center;gap:8px;
}
.demo-trust::before{
content:'';width:6px;height:6px;border-radius:50%;background:var(--ok);
animation:ldx-blip 1.6s ease-in-out infinite;
}
.demo-trust b{color:var(--t1);font-weight:700}
.demo-success{display:none;text-align:center;padding:8px 0}
.demo-modal.done .demo-form,
.demo-modal.done .demo-eyebrow,
.demo-modal.done .demo-title,
.demo-modal.done .demo-sub,
.demo-modal.done .demo-trust{display:none}
.demo-modal.done .demo-success{
display:block;
animation:demo-pop .45s cubic-bezier(.16,1,.3,1) both;
}
.demo-success .ic{
width:72px;height:72px;border-radius:50%;
background:rgba(52,199,89,.15);color:var(--ok);
display:flex;align-items:center;justify-content:center;
font-size:32px;margin:0 auto 20px;font-weight:700;
position:relative;
}
.demo-success .ic::before{
content:'';position:absolute;inset:-6px;border-radius:50%;
border:1.5px solid var(--ok);opacity:0;
animation:demo-ring 1.4s ease-out .2s both;
}
@keyframes demo-ring{0%{transform:scale(.8);opacity:0}30%{opacity:.6}100%{transform:scale(1.3);opacity:0}}
@keyframes demo-pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.demo-success h3{
font-size:22px;font-weight:800;color:var(--t1);
letter-spacing:-.5px;margin-bottom:8px;
}
.demo-success p{font-size:14px;color:var(--t2);line-height:1.5;margin-bottom:18px}
.demo-success .ok-meta{
font-family:'Golos Text',sans-serif;font-size:11px;
color:var(--t3);letter-spacing:.08em;text-transform:uppercase;
padding:10px 14px;background:var(--soft);border-radius:10px;
display:inline-flex;align-items:center;gap:10px;
}
.demo-success .ok-meta b{color:var(--t1);font-weight:700}
@media (max-width:560px){
.demo-modal{padding:28px 22px;border-radius:18px}
.demo-title{font-size:21px;margin-bottom:18px}
.demo-row{grid-template-columns:1fr;gap:14px}
.demo-input{height:46px;font-size:14.5px}
.demo-submit{height:50px;font-size:14px}
}
@media (max-width:1080px){
.minibar-chapters{display:none}
.hero{flex-direction:column;padding:80px 24px 56px;min-height:auto;gap:36px}
.hero-l{max-width:100%;min-width:0}
.hero-r{width:100%}
.hero-mock{max-width:520px;margin:0 auto;width:100%}
.lede{font-size:16px}
.sec2{flex-direction:column;padding:64px 24px;gap:40px}
.sec2-mock{order:2;width:100%}
.sec2-copy{order:1;width:100%;max-width:100%}
.h2{font-size:30px;letter-spacing:-1px}
.h2-lede{font-size:15px}
.sec{padding:64px 24px}
.sec-head{flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:18px;margin-bottom:36px}
.sec-head h2{font-size:30px;letter-spacing:-.8px}
.sec-head .sec-meta{text-align:left;white-space:normal}
.wf2-tabs{grid-template-columns:1fr 1fr;border-radius:12px 12px 0 0}
.wf2-tab{padding:14px 16px;border-right:1px solid var(--brd);border-bottom:1px solid var(--brd)}
.wf2-tab:nth-child(2),.wf2-tab:nth-child(4){border-right:none}
.wf2-tab:nth-child(3),.wf2-tab:nth-child(4){border-bottom:none}
.wf2-tab .wf2-l{font-size:13px}
.wf2-stage{padding:24px 20px;min-height:auto;border-radius:0 0 12px 12px}
.wf2-panel{grid-template-columns:1fr;gap:22px;inset:24px 20px;align-items:flex-start}
.wf2-info{order:1}
.wf2-vis{order:2;min-height:auto;width:100%}
.wf2-info h3{font-size:19px}
.ft{grid-template-columns:1fr;gap:1px}
.ft-card{padding:28px 24px}
.ft-card.big{grid-row:auto;min-height:auto;gap:18px}
.ft-card.big h3{font-size:24px}
.ft-card.wide{grid-column:auto}
.spot,.spot.reverse{flex-direction:column;padding:64px 24px;gap:36px}
.spot-vis{max-width:100%;order:2;width:100%}
.spot-copy{order:1;max-width:100%}
.spot-title{font-size:26px;letter-spacing:-.8px}
.wa-phone{max-width:320px;height:560px;margin:0 auto}
.tel{max-width:100%}
.tel-call{grid-template-columns:42px 1fr auto;gap:12px}
.tel-call .tel-wave{display:none}
.tel-stats{grid-template-columns:1fr 1fr 1fr;gap:10px}
.tt{max-width:100%}
.tt-row{grid-template-columns:130px 1fr 64px;gap:10px;padding:12px}
.tt-timeline-head{grid-template-columns:130px 1fr 64px;padding:8px 12px}
.tm-grid{grid-template-columns:1fr;gap:16px}
.tm-card{padding:24px 22px}
.tm-card.dk{grid-row:auto}
.tm-card .tm-quote{font-size:17px}
.tm-card.dk .tm-quote{font-size:19px}
.final-cta{padding:64px 24px}
.final-cta h2{font-size:clamp(34px,7vw,48px);letter-spacing:-1.2px}
.final-cta p{font-size:15px}
.ft-wrap{padding:40px 24px 24px}
.ft-grid{grid-template-columns:1fr 1fr;gap:32px}
.ft-brand{grid-column:1 / -1;margin-bottom:8px}
.ft-brand p{max-width:540px}
.demo-overlay{padding:16px}
.demo-modal{max-width:520px;padding:32px 28px;border-radius:18px}
.demo-row{grid-template-columns:1fr 1fr;gap:12px}
.fab{width:54px;height:54px}
.fab svg{width:24px;height:24px}
}
@media (max-width:560px){
.minibar{padding:5px 6px 5px 14px;max-width:calc(100% - 24px);width:auto}
.minibar-brand{font-size:14px;letter-spacing:-.018em}
.minibar-login{font-size:12px;padding:0 2px 0 10px;margin-left:2px}
.minibar-login::before{height:14px}
.minibar-login .ar{display:none}
.minibar-cta{height:30px;padding:0 12px;font-size:12px;margin-left:8px;gap:4px}
.hero{padding:88px 18px 48px;gap:28px}
.h1{font-size:clamp(24px,7.4vw,30px);letter-spacing:-.6px;line-height:1.12;overflow-wrap:break-word}
.lede{font-size:15px;line-height:1.5;max-width:100%}
.hero-mock{transform:none;max-width:100%;overflow:visible}
.hero-r .hero-mock{transform:none}
.hero-mock > .px:not(.tilt){display:none}
.hero-mock > .orb{display:none}
.avatars{display:none}
.hero-l .rv.d4{gap:0!important}
.hero-l .rv.d4 > div:last-child{font-size:13px}
.sec2{padding:56px 18px;gap:32px}
.h2{font-size:24px;letter-spacing:-.5px;line-height:1.15}
.h2-lede{font-size:14.5px;margin-bottom:20px}
.dv-anno{font-size:10px;padding:6px 9px;min-width:auto;max-width:48%}
.dv-anno div{font-size:9px!important}
.dv-anno div + div{font-size:11px!important}
.sec{padding:48px 18px}
.sec-head{padding-bottom:14px;margin-bottom:28px;gap:10px}
.sec-head h2{font-size:24px;letter-spacing:-.6px;line-height:1.15}
.sec-head .sec-meta{font-size:10px}
.wf2-tabs{grid-template-columns:1fr 1fr}
.wf2-tab{padding:12px 14px}
.wf2-tab .wf2-l{font-size:12px}
.wf2-tab .wf2-t{font-size:11px}
.wf2-stage{padding:20px 16px;min-height:auto}
.wf2-panel{gap:18px;inset:20px 16px}
.wf2-info h3{font-size:17px;line-height:1.2}
.wf2-info p{font-size:13.5px}
.wf2-info .badge{font-size:10px}
.wf2-info .micro{font-size:10px}
.ft-card{padding:22px 20px}
.ft-card.big h3{font-size:20px}
.ft-card h3{font-size:18px}
.ft-card p{font-size:13.5px}
.ill-archive,.ill-queue,.ill-money,.ill-schedule{max-width:100%}
.ill-archive .ar-row{padding:8px 10px;grid-template-columns:36px 1fr 40px;gap:8px}
.ill-archive .ar-thumb{width:36px;height:36px}
.ill-archive .ar-n{font-size:12px}
.ill-archive .ar-d{font-size:9.5px}
.spot,.spot.reverse{padding:48px 18px;gap:28px}
.spot-title{font-size:22px;letter-spacing:-.5px;line-height:1.2}
.spot-lede{font-size:14.5px;line-height:1.5;margin-bottom:18px}
.spot-cta{font-size:14px}
.spot-tiles{gap:8px;grid-template-columns:1fr 1fr}
.spot-tile{padding:12px 14px;gap:4px}
.spot-tile .t-h{font-size:13.5px}
.spot-tile .t-s{font-size:11.5px}
.spot-tile .t-icon{width:28px;height:28px;font-size:14px}
.wa-phone{max-width:240px;height:460px;border-radius:30px;border-width:6px}
.wa-phone::before{width:80px;height:18px;top:10px}
.wa-head{padding:30px 10px 8px;gap:8px}
.wa-head .wa-av{width:28px;height:28px;font-size:11px}
.wa-head .wa-meta .n{font-size:11.5px}
.wa-head .wa-meta .s{font-size:9px}
.wa-body{padding:10px}
.wa-msg{font-size:11px;padding:6px 9px}
.tel-head{padding:12px 14px}
.tel-head .t{font-size:13px}
.tel-head .badge{font-size:9px}
.tel-call{padding:12px 14px;grid-template-columns:38px 1fr auto;gap:10px}
.tel-call .av{width:38px;height:38px;font-size:13px}
.tel-call .meta .n{font-size:13px}
.tel-call .meta .p{font-size:10px}
.tel-call .meta .tag{font-size:9px}
.tel-call .duration{font-size:11px}
.tel-stats{padding:12px 14px;grid-template-columns:repeat(3,1fr);gap:6px}
.tel-stat .v{font-size:16px}
.tel-stat .l{font-size:8.5px;line-height:1.3}
.tt-head{padding:12px 14px}
.tt-head .t{font-size:12.5px}
.tt-head .d{font-size:10px}
.tt-timeline-head{grid-template-columns:100px 1fr 56px;padding:6px 12px;font-size:8.5px}
.tt-row{grid-template-columns:100px 1fr 56px;gap:8px;padding:10px 12px}
.tt-emp .av{width:26px;height:26px;font-size:11px}
.tt-emp .meta .n{font-size:11.5px}
.tt-emp .meta .r{font-size:9.5px}
.tt-bar{height:18px}
.tt-hours{font-size:11px}
.tt-hours .sm{font-size:8.5px}
.tt-stats{padding:12px 14px;flex-direction:column;align-items:flex-start;gap:8px}
.tt-stats .val{font-size:16px}
.tt-stats .lab,.tt-stats .val .ll{font-size:8.5px}
.tt-stats .vals{gap:14px;flex-wrap:wrap}
.tm-card{padding:22px 20px}
.tm-card .tm-quote{font-size:15px;margin-bottom:18px}
.tm-card.dk .tm-quote{font-size:17px}
.tm-card .tm-mark{font-size:10px;margin-bottom:12px}
.tm-author .av{width:40px;height:40px;font-size:14px}
.tm-author .meta{font-size:12px}
.tm-stat .v{font-size:26px}
.tm-stat .l{font-size:9.5px}
.faq summary{font-size:14.5px;padding:16px 0;gap:14px}
.faq .faq-body{font-size:13.5px;padding:0 8px 16px 0}
.faq .faq-icon{width:26px;height:26px}
.final-cta{padding:56px 18px}
.final-cta h2{font-size:clamp(28px,8vw,40px);letter-spacing:-.8px;line-height:1.08;margin-bottom:14px}
.final-cta p{font-size:14.5px;margin-bottom:28px}
.final-cta .fc-row{gap:10px;flex-direction:column;align-items:stretch}
.final-cta .btn{height:50px;width:100%;justify-content:center}
.ft-wrap{padding:36px 18px 24px}
.ft-grid{grid-template-columns:1fr;gap:28px;margin-bottom:0}
.ft-brand{grid-column:auto;margin-bottom:0}
.demo-overlay{padding:0;align-items:flex-end}
.demo-modal{
max-width:100%;width:100%;
padding:24px 20px 28px;
border-radius:20px 20px 0 0;
transform:translateY(40px);
}
.demo-overlay.on .demo-modal{transform:none}
.demo-modal::before{border-radius:20px 20px 0 0}
.demo-close{top:12px;right:12px;width:32px;height:32px;font-size:14px}
.demo-eyebrow{font-size:10px;margin-bottom:12px}
.demo-title{font-size:20px;line-height:1.15;letter-spacing:-.5px;margin-bottom:18px;padding-right:32px}
.demo-row{grid-template-columns:1fr;gap:12px}
.demo-label{font-size:10px}
.demo-input{height:48px;font-size:15px}
.demo-submit{height:52px;font-size:15px;margin-top:8px}
.demo-success .ic{width:60px;height:60px;font-size:26px;margin-bottom:14px}
.demo-success h3{font-size:19px}
.demo-success p{font-size:13.5px}
.demo-success .ok-meta{font-size:10px;padding:8px 12px;flex-wrap:wrap;gap:6px;text-align:center}
.fab-stack{bottom:16px;right:16px;gap:10px}
.fab{width:50px;height:50px}
.fab svg{width:22px;height:22px}
.fab .lab{display:none}
}
@media (max-width:360px){
.hero{padding:84px 14px 40px}
.sec,.sec2{padding:44px 14px}
.spot,.spot.reverse{padding:44px 14px}
.h1{font-size:22px}
.h2,.sec-head h2{font-size:22px}
.spot-title{font-size:20px}
.minibar-cta{padding:0 10px;font-size:11px}
.minibar-login{font-size:11px;padding:0 0 0 8px}
.demo-modal{padding:20px 16px 24px}
.demo-title{font-size:18px}
}