/* ===== AI-automation landing (futuristic dark, ILS palette) ===== */
.ax{--bg0:#050C26;--bg1:#081436;--glass:rgba(255,255,255,.055);--gl2:rgba(255,255,255,.09);--bd:rgba(140,170,255,.16);--tx:#E8EEFF;--tm:rgba(220,230,255,.68);--red:#ff6b70;
  background:var(--bg0);color:var(--tx)}
.ax main{position:relative;overflow:hidden}
.ax main:before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(120,150,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,255,.06) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.5) 30%,rgba(0,0,0,.15) 70%,#000 100%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.5) 30%,rgba(0,0,0,.15) 70%,#000 100%)}
.ax em{color:#7FA4FF}
.ax .hdr{background:rgba(5,12,38,.72);border-bottom:1px solid rgba(255,255,255,.07)}
.ax .nav a{color:#dfe7ff}.ax .nav a:after{background:var(--gold)}
.ax .burger i{background:#fff}
@media(max-width:980px){.ax .nav{background:#081436;border-color:rgba(255,255,255,.08)}.ax .nav a{border-color:rgba(255,255,255,.08)}}
.ax .soc{background:rgba(255,255,255,.1)}.ax .soc:hover{background:var(--blue)}
.ax .h2{color:#fff}.ax .sec{position:relative;padding:104px 0}
.ax .btn--ghost{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(160,185,255,.5)}.ax .btn--ghost:hover{background:#fff;color:var(--navy)}
.ax .btn:not(.btn--ghost){box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 10px 34px rgba(47,91,255,.55)}
.glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.55}
.lbl2{display:inline-flex;align-items:center;gap:10px;font:700 13px 'Manrope',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#9fb6ff;margin-bottom:18px}
.lbl2:before{content:"";width:28px;height:2px;background:var(--gold);border-radius:2px}
.sub3{color:var(--tm);font-size:18px;line-height:1.6;max-width:720px}
.center{text-align:center}.center .sub3{margin-inline:auto}

/* hero */
.axh{padding:84px 0 96px;position:relative}
.axh .g1{width:620px;height:620px;background:#2F5BFF;top:-220px;right:-160px}
.axh .g2{width:420px;height:420px;background:#F2A93B;opacity:.18;bottom:-180px;left:-140px}
.axh__in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:99px;background:rgba(47,91,255,.14);border:1px solid rgba(127,164,255,.3);font-weight:700;font-size:13px;color:#cfdcff;letter-spacing:.02em}
.pill i{width:8px;height:8px;border-radius:50%;background:#43e08a;box-shadow:0 0 0 0 rgba(67,224,138,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(67,224,138,0)}100%{box-shadow:0 0 0 0 rgba(67,224,138,0)}}
.axh h1{font-size:clamp(32px,4.4vw,56px);line-height:1.08;letter-spacing:-.025em;margin:22px 0 18px;color:#fff}
.axh h1 b{background:linear-gradient(90deg,#FFD27A,#F2A93B);-webkit-background-clip:text;background-clip:text;color:transparent}
.axh .lead{color:var(--tm);font-size:19px;max-width:520px;margin:0}
.axh__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.chipsx{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.chipsx span{font-size:13px;font-weight:700;color:#cfdcff;padding:8px 14px;border-radius:12px;background:var(--glass);border:1px solid var(--bd)}

/* phone + telegram */
.phone{position:relative;width:min(370px,100%);margin-inline:auto;border-radius:38px;padding:12px;background:linear-gradient(160deg,#1b2a66,#0a1440);box-shadow:0 0 0 1px rgba(160,185,255,.22),0 40px 90px rgba(0,0,0,.55),0 0 80px rgba(47,91,255,.35)}
.phone__scr{border-radius:28px;overflow:hidden;background:#0e1b3f;min-height:520px;display:flex;flex-direction:column}
.tg__top{display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.tg__av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#7a5bff);display:grid;place-items:center;font:800 14px 'Unbounded',sans-serif;color:#fff}
.tg__top b{display:block;font-size:15px;color:#fff}.tg__top small{font-size:12px;color:#7fe0a8}
.tg__body{flex:1;padding:16px 12px 18px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(400px 300px at 80% 0%,rgba(47,91,255,.18),transparent 70%)}
.tgm{max-width:92%;background:#1a2a5c;border:1px solid rgba(160,185,255,.14);border-radius:16px 16px 16px 6px;padding:11px 13px 8px;font-size:13.5px;line-height:1.5;color:#e6ecff;white-space:pre-line;opacity:0;transform:translateY(14px) scale(.98);animation:msgin .6s ease forwards}
.tgm b{color:#fff}.tgm .t{display:block;text-align:right;font-size:11px;color:rgba(220,230,255,.45);margin-top:2px}
.tgm .h{display:block;font-weight:800;color:#9fb6ff;font-size:12px;letter-spacing:.03em;margin-bottom:4px;text-transform:uppercase}
.m1{animation-delay:.5s}.m2{animation-delay:1.6s}.m3{animation-delay:2.7s}
@keyframes msgin{to{opacity:1;transform:none}}
.typing{display:inline-flex;gap:4px;padding:10px 14px;border-radius:14px;background:#1a2a5c;width:max-content;opacity:0;animation:msgin .4s 3.6s forwards}
.typing i{width:6px;height:6px;border-radius:50%;background:#9fb6ff;animation:dot 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
@keyframes dot{50%{opacity:.25;transform:translateY(-3px)}}
.phone__cap{text-align:center;margin-top:14px;font-size:14px;font-weight:600;color:rgba(235,242,255,.82)}
.ok{color:#7fe0a8}.warn{color:#FFC86B}

/* situation */
.sit2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.sit2 p{color:var(--tm);font-size:18px;line-height:1.7;margin-bottom:16px}.sit2 p strong{color:#fff}
.rout{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rout div{position:relative;padding:22px;border-radius:20px;background:var(--glass);border:1px solid var(--bd);overflow:hidden}
.rout div:after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:rgba(255,107,112,.12);filter:blur(14px)}
.rout svg{width:28px;height:28px;fill:none;stroke:#ff8f93;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rout b{display:block;margin-top:12px;font-size:17px;color:#fff}.rout span{font-size:14px;color:var(--tm)}

/* versus */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}
.vs__c{padding:34px;border-radius:26px;border:1px solid var(--bd);background:var(--glass)}
.vs__c h3{font-size:20px;margin-bottom:20px;display:flex;align-items:center;gap:12px;color:#fff}
.vs__c h3 i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:18px}
.vs__c li{position:relative;padding:12px 0 12px 34px;border-top:1px solid rgba(255,255,255,.07);color:var(--tm);font-size:15.5px;line-height:1.5}
.vs__c li b{color:#fff;font-weight:700}
.vs--h h3 i{background:rgba(255,107,112,.14);color:var(--red)}.vs--h li:before{content:"✕";position:absolute;left:4px;top:12px;color:var(--red);font-weight:800}
.vs--a{background:linear-gradient(160deg,rgba(47,91,255,.28),rgba(47,91,255,.08));border-color:rgba(127,164,255,.45);box-shadow:0 0 60px rgba(47,91,255,.25)}
.vs--a h3 i{background:var(--blue);color:#fff}.vs--a li{color:#dfe7ff}.vs--a li:before{content:"✓";position:absolute;left:4px;top:12px;color:var(--gold);font-weight:800}

/* scenarios */
.tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:44px 0 26px}
.tab{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:14px;border:1px solid var(--bd);background:var(--glass);color:#cfdcff;font:700 14.5px 'Manrope',sans-serif;cursor:pointer;transition:.2s}
.tab svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tab:hover{background:var(--gl2);color:#fff}.tab.on{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 10px 30px rgba(47,91,255,.45)}
.tab--own{border-style:dashed}
.pan{display:none;grid-template-columns:1.15fr .85fr;gap:28px;padding:36px;border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--bd);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.pan.on{display:grid;animation:msgin .45s ease forwards}
.pan h3{font-size:clamp(22px,2.4vw,30px);color:#fff;margin-bottom:18px}
.why{padding:18px 20px;border-radius:16px;background:rgba(242,169,59,.08);border:1px solid rgba(242,169,59,.25);margin-bottom:22px}
.why b{display:block;color:#FFC86B;font-size:14px;margin-bottom:8px}.why li{position:relative;padding:4px 0 4px 20px;color:#e6ecff;font-size:15px}
.why li:before{content:"";position:absolute;left:2px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.ba div{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.ba span{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.04em;padding:4px 10px;border-radius:99px;margin-bottom:8px}
.ba p{color:#dfe7ff;font-size:15px;line-height:1.55}
.ba .ba0 span{background:rgba(255,107,112,.15);color:var(--red)}.ba .ba1 span{background:rgba(47,91,255,.25);color:#b9cbff}
.res{padding:16px 20px;border-left:3px solid var(--gold);border-radius:6px 14px 14px 6px;background:rgba(242,169,59,.07);font:700 17px/1.45 'Manrope',sans-serif;color:#fff}
.note2{margin-top:14px;font-size:14px;color:#b9cbff}
.pan__m{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px;border-radius:22px;background:#0e1b3f;border:1px solid rgba(160,185,255,.14)}
.pan__m .tgm{opacity:1;transform:none;animation:none;max-width:100%}
.pan__m small{font-size:12px;color:rgba(220,230,255,.45);text-align:center}
.own p{color:var(--tm);font-size:16.5px;line-height:1.65;margin-bottom:16px}
.own ul{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.own li{padding:8px 14px;border-radius:12px;background:var(--glass);border:1px solid var(--bd);font-size:14px;color:#dfe7ff}

/* iceberg */
.ice{position:relative;margin-top:46px;border-radius:30px;overflow:hidden;border:1px solid var(--bd)}
.ice__top{position:relative;height:190px;background:linear-gradient(180deg,rgba(120,150,255,.08),rgba(120,150,255,.02));display:flex;align-items:flex-end;justify-content:center}
.ice__top svg{width:300px;height:150px;display:block}
.ice__tip{position:absolute;top:28px;left:50%;transform:translateX(-50%);font:700 15px 'Manrope',sans-serif;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:8px 16px;border-radius:99px;white-space:nowrap}
.ice__wl{height:2px;background:linear-gradient(90deg,transparent,#7FA4FF,transparent);box-shadow:0 0 18px #7FA4FF}
.ice__bot{background:linear-gradient(180deg,#0c2366 0%,#071437 100%);padding:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ice__bot div{padding:22px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(160,185,255,.16)}
.ice__bot svg{width:30px;height:30px;fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ice__bot b{display:block;margin:12px 0 8px;color:#fff;font-size:17px}.ice__bot p{color:var(--tm);font-size:14.5px;line-height:1.55}

/* statement */
.stm{position:relative;text-align:center;padding:70px 40px;border-radius:32px;background:radial-gradient(700px 300px at 50% 0%,rgba(127,164,255,.35),transparent 70%),linear-gradient(135deg,#1a3aa8,#2F5BFF 55%,#4b3dff);box-shadow:0 30px 90px rgba(47,91,255,.45);overflow:hidden}
.stm:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent)}
.stm h2{position:relative;font-size:clamp(24px,3.2vw,40px);line-height:1.25;color:#fff;max-width:900px;margin:0 auto}
.stm h2 b{color:#FFD27A}.stm p{position:relative;margin:18px auto 0;max-width:640px;color:rgba(255,255,255,.85);font-size:17px}

/* steps */
.stp{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}
.stp:before{content:"";position:absolute;left:8%;right:8%;top:34px;height:2px;background:linear-gradient(90deg,var(--blue),#7FA4FF,var(--gold));opacity:.7}
.stp div{position:relative;text-align:center;padding:0 8px}
.stp i{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:50%;background:#0b1a4a;border:2px solid #7FA4FF;font:800 20px 'Unbounded',sans-serif;font-style:normal;color:#fff;box-shadow:0 0 0 6px rgba(47,91,255,.15),0 0 30px rgba(47,91,255,.4)}
.stp div:last-child i{border-color:var(--gold);box-shadow:0 0 0 6px rgba(242,169,59,.15),0 0 30px rgba(242,169,59,.35)}
.stp b{display:block;color:#fff;font-size:17px;margin-bottom:8px}.stp p{color:var(--tm);font-size:14.5px;line-height:1.55}

/* integrations */
.intg{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}
.intg span{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:14px;background:var(--glass);border:1px solid var(--bd);color:#dfe7ff;font-weight:700;font-size:14.5px}
.intg span:before{content:"";width:8px;height:8px;border-radius:50%;background:#7FA4FF;box-shadow:0 0 10px #7FA4FF}

/* me */
.me{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;padding:44px;border-radius:30px;background:var(--glass);border:1px solid var(--bd)}
.me__img{width:240px;height:280px;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px rgba(160,185,255,.3),0 20px 50px rgba(0,0,0,.4)}
.me__img img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.me__n{font:800 clamp(56px,7vw,88px)/1 'Unbounded',sans-serif;background:linear-gradient(90deg,#7FA4FF,#2F5BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.me__s{color:var(--tm);font-weight:600;margin:6px 0 20px}
.me p{color:#dfe7ff;font-size:17px;line-height:1.65;margin-bottom:12px}.me p strong{color:#fff}

/* price */
.price{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:44px;border-radius:30px;border:1px solid rgba(242,169,59,.35);background:linear-gradient(120deg,rgba(242,169,59,.12),rgba(255,255,255,.03) 60%)}
.price h2{font-size:clamp(24px,2.8vw,34px);color:#fff;margin-bottom:14px}.price p{color:var(--tm);font-size:17px;line-height:1.65}
.price__f{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.price__f small{text-align:center;color:var(--tm);font-size:13.5px}

/* faq */
.faq{max-width:860px;margin:44px auto 0;display:grid;gap:12px}
.faq details{border-radius:18px;background:var(--glass);border:1px solid var(--bd);padding:0 22px}
.faq summary{list-style:none;cursor:pointer;padding:20px 30px 20px 0;position:relative;font-weight:700;font-size:16.5px;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:0;top:15px;font-size:24px;color:#7FA4FF;transition:.2s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq p{padding:0 0 20px;color:var(--tm);font-size:15.5px;line-height:1.65}

/* final */
.fin{text-align:center;padding:76px 32px;border-radius:34px;position:relative;overflow:hidden;background:radial-gradient(600px 280px at 50% 0%,rgba(242,169,59,.22),transparent 70%),linear-gradient(180deg,#0d1f5c,#081436);border:1px solid rgba(160,185,255,.2)}
.fin h2{font-size:clamp(26px,3.4vw,42px);color:#fff;margin-bottom:18px}
.fin p{max-width:680px;margin:0 auto 12px;color:var(--tm);font-size:18px;line-height:1.6}
.fin__b{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}
.fin__c{margin-top:16px;font-size:14px;color:rgba(220,230,255,.6)}

.ax .ftr{background:#040a20}
.ax .reveal{transition-duration:.9s}

@media(max-width:980px){
 .axh__in,.sit2,.pan,.price,.me{grid-template-columns:1fr}
 .vs{grid-template-columns:1fr}.ice__bot{grid-template-columns:1fr 1fr}
 .stp{grid-template-columns:1fr 1fr;row-gap:34px}.stp:before{display:none}
 .me{justify-items:center;text-align:center}.ax .sec{padding:72px 0}
}
@media(max-width:560px){
 .axh{padding:40px 0 64px}.axh .lead{font-size:17px}.axh__cta .btn{width:100%}
 .rout,.ba,.ice__bot{grid-template-columns:1fr}.pan{padding:22px}.vs__c{padding:24px}
 .tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding:0 20px 6px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:none}
 .stp{grid-template-columns:1fr}.price,.me{padding:26px}.me__img{width:200px;height:230px}
 .stm{padding:46px 22px}.fin{padding:52px 20px}.phone__scr{min-height:470px}
}
@media(prefers-reduced-motion:reduce){.tgm,.typing{opacity:1;transform:none;animation:none}.pill i{animation:none}}
.ba{grid-template-columns:1fr!important;gap:10px}
.ba>div{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:start}
.ba span{justify-self:start;margin:2px 0 0}
.pan{align-items:center}.pan__m{align-self:center}
.fin__c{margin-top:22px!important}
@media(max-width:560px){.ba>div{grid-template-columns:1fr;gap:6px}}
.pan>div{min-width:0}

.tgm .more{display:block;margin-top:6px;font-weight:700;font-size:12.5px;color:#7FA4FF}
.ice__bot{position:relative;background:linear-gradient(180deg,rgba(12,35,102,.55) 0%,rgba(7,20,55,.8) 100%)!important}
.ice__under{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ice__bot>div{position:relative;background:rgba(7,20,55,.38)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.ax .modal__box{color:var(--ink)}.ax .modal__box h3{color:var(--navy)}.ax .modal__box>p{color:var(--mut)}
.ice__bot svg.ice__under{position:absolute;left:0;top:0;width:100%;height:100%;stroke:none}
.ice__bot svg.ice__under path{stroke-linejoin:miter}.ice__bot svg.ice__under path+path{stroke:#cfdcff;stroke-width:1}
/* iceberg v3: one scene */
.ice{background:#061233}
.ice__art{position:absolute;left:0;top:0;width:100%;height:auto;display:block;pointer-events:none}
.ice__top{position:relative;height:auto;aspect-ratio:1200/190;background:none!important}
.ice__tip{top:22px!important;left:24px!important;transform:none!important}
.ice__bot{background:transparent!important}
.ice__bot>div{background:rgba(6,18,51,.42)!important}
@media(max-width:560px){.ice__art{width:auto;height:560px;left:50%;transform:translateX(-50%)}.ice__top{aspect-ratio:auto;height:190px}.ice__tip{left:50%!important;transform:translateX(-50%)!important;top:auto!important;bottom:150px}}
@media(max-width:560px){.ice__art{-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}}
/* iceberg v4: whole floating berg */
.ice__top{aspect-ratio:1200/190;height:auto}
.ice__top svg.ice__sky{position:absolute;inset:0;width:100%;height:100%;display:block}
.ice__bot{background:linear-gradient(180deg,rgba(26,61,158,.55),rgba(6,18,51,.95))!important}
.ice__bot svg.ice__deep{position:absolute;left:0;top:0;width:100%;height:calc(100% - 14px);stroke:none;fill:none;pointer-events:none;display:none}
.ice__bot svg.ice__deep.iw{display:block}.ice__top svg.ice__sky.is{display:none}
@media(max-width:980px){.ice__bot svg.ice__deep.iw{display:none}.ice__bot svg.ice__deep.im{display:block}}
@media(max-width:560px){.ice__top{aspect-ratio:auto;height:190px}.ice__top svg.ice__sky.iw{display:none}.ice__top svg.ice__sky.is{display:block}.ice__bot svg.ice__deep.im{display:none}.ice__bot svg.ice__deep.is{display:block}}