/* Главная портала: тёмный «космический» первый экран и светлые карточки продуктов. Подключается только на главной. */
body[data-page=home] .top{position:sticky;background:rgb(8 12 36 / .78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgb(255 255 255 / .08)}
body[data-page=home] .top .logo,body[data-page=home] .nav a:hover{color:#fff}
body[data-page=home] .nav a{color:rgb(255 255 255 / .78)}
body[data-page=home] .nav a:hover{background:rgb(255 255 255 / .1)}
body[data-page=home] .iconbtn{background:rgb(255 255 255 / .08);border-color:rgb(255 255 255 / .18);color:#fff}
body[data-page=home] .btn-ghost{color:#fff;border-color:rgb(255 255 255 / .35)}
@media (max-width:820px){body[data-page=home] .nav{background:#0b1030;border-color:rgb(255 255 255 / .1)}}

.hero2{position:relative;overflow:hidden;color:#fff;background:radial-gradient(90% 70% at 78% 30%,#2a2f9c 0%,transparent 60%),radial-gradient(70% 60% at 10% 0%,#1e3a8a 0%,transparent 60%),linear-gradient(180deg,#070a26 0%,#0c1240 60%,#101a5a 100%);padding:clamp(32px,6vw,72px) 0 clamp(72px,10vw,130px)}
.hero2::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-2px;height:clamp(40px,7vw,90px);background:var(--gr-bg);border-radius:50% 50% 0 0/100% 100% 0 0}
.stars{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 30% 70%,#bfdbfe,transparent),radial-gradient(1.5px 1.5px at 55% 15%,#fff,transparent),radial-gradient(1px 1px at 72% 80%,#ddd6fe,transparent),radial-gradient(1px 1px at 90% 35%,#fff,transparent),radial-gradient(1px 1px at 45% 45%,#93c5fd,transparent);opacity:.7;animation:tw 6s ease-in-out infinite alternate}
@keyframes tw{to{opacity:.35}}
.hero2-in{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.pill{display:inline-block;padding:7px 14px;border-radius:999px;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .16);font-size:13px;margin:0 0 18px;color:rgb(255 255 255 / .9)}
.hero2 h1{font-size:clamp(34px,5.6vw,60px);line-height:1.08;letter-spacing:-.02em;margin:0 0 18px;max-width:14ch}
.hero2 h1 em{font-style:normal;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2-lead{font-size:clamp(16px,1.8vw,19px);line-height:1.55;color:rgb(255 255 255 / .82);max-width:46ch;margin:0 0 26px}
.hero2 .row{display:flex;gap:12px;flex-wrap:wrap}
.hero2-note{margin:16px 0 0;font-size:13px;color:rgb(255 255 255 / .6);max-width:46ch}
.btn-glow{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 10px 30px -8px rgb(139 92 246 / .75);text-decoration:none;transition:transform .2s,box-shadow .2s}
.btn-glow:hover{transform:translateY(-2px);box-shadow:0 14px 36px -8px rgb(139 92 246 / .95)}
.btn-outline{background:rgb(255 255 255 / .06);color:#fff;border-color:rgb(255 255 255 / .4);text-decoration:none}
.btn-outline:hover{background:rgb(255 255 255 / .14)}

/* орбита с продуктами */
.orbit{position:relative;aspect-ratio:1/.92;min-height:300px;--px:0;--py:0}
.orbit .glow{position:absolute;left:50%;top:52%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgb(99 102 241 / .75),rgb(56 189 248 / .25) 45%,transparent 70%);filter:blur(24px);animation:pulse 5s ease-in-out infinite}
@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.8}}
.ring{position:absolute;left:50%;top:55%;border-radius:50%;border:1.5px solid rgb(125 211 252 / .45);transform:translate(-50%,-50%) rotateX(68deg);box-shadow:0 0 24px rgb(99 102 241 / .5)}
.r1{width:92%;aspect-ratio:1;animation:spin 40s linear infinite}
.r2{width:68%;aspect-ratio:1;border-color:rgb(167 139 250 / .5);animation:spin 28s linear infinite reverse}
@keyframes spin{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}
.cube{position:absolute;left:50%;top:50%;width:34%;transform:translate(calc(-50% + var(--px)*14px),calc(-50% + var(--py)*14px));filter:drop-shadow(0 18px 30px rgb(56 189 248 / .55));animation:float 6s ease-in-out infinite;transition:transform .15s}
@keyframes float{50%{margin-top:-10px}}
.chip{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 14px;min-width:92px;border-radius:16px;text-decoration:none;color:#fff;font-size:13px;font-weight:600;text-align:center;line-height:1.2;background:linear-gradient(160deg,rgb(255 255 255 / .16),rgb(255 255 255 / .05));border:1px solid rgb(255 255 255 / .22);backdrop-filter:blur(8px);box-shadow:0 10px 28px -10px rgb(0 0 0 / .5),0 0 0 0 var(--pc);animation:bob 7s ease-in-out infinite;transition:transform .2s,box-shadow .2s}
.chip svg{color:var(--pc);filter:drop-shadow(0 0 8px var(--pc))}
.chip:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 32px -10px var(--pc)}
@keyframes bob{50%{translate:0 -8px}}
.chip-1{left:6%;top:30%;animation-delay:-1s}.chip-2{left:34%;top:2%;animation-delay:-3s}.chip-3{right:6%;top:6%;animation-delay:-2s}
.chip-4{left:0;top:62%;animation-delay:-4s}.chip-5{left:30%;top:78%;animation-delay:-5s}.chip-6{right:0;top:44%;animation-delay:-6s}

/* карточки продуктов */
.home-products{padding-top:var(--gr-sp-6)}
.pgrid{grid-template-columns:repeat(3,1fr)}
.pcard2{position:relative;display:flex;flex-direction:column;gap:10px;border:1px solid color-mix(in srgb,var(--pc) 22%,var(--gr-border));background:linear-gradient(160deg,color-mix(in srgb,var(--pc) 14%,var(--gr-surface)),var(--gr-surface) 62%);transition:transform .25s,box-shadow .25s,border-color .25s}
.pcard2:hover,.pcard2:focus-within{transform:translateY(-5px);box-shadow:0 18px 40px -16px color-mix(in srgb,var(--pc) 70%,transparent);border-color:var(--pc)}
.ptop{display:flex;justify-content:space-between;align-items:center}
.ptile{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--pc),color-mix(in srgb,var(--pc) 55%,#6c5cff));box-shadow:0 8px 18px -8px var(--pc)}
.pcard2 h3{margin:4px 0 0;font-size:20px}.pcard2 p{margin:0;color:var(--gr-text-muted);font-size:var(--gr-fs-sm);flex:1}
.pcard2 .tech{font-size:12px;color:var(--gr-text-muted)}
.pfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.pfoot .more{color:color-mix(in srgb,var(--pc) 62%,var(--gr-text));font-weight:600;text-decoration:none;font-size:var(--gr-fs-sm)}
.pfoot .stretch::after{content:"";position:absolute;inset:0;border-radius:inherit}
.open-link{position:relative;z-index:1;padding:8px 14px;min-height:40px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--pc) 70%,var(--gr-text));color:color-mix(in srgb,var(--pc) 62%,var(--gr-text));text-decoration:none;font-size:13px;font-weight:600}
.open-link:hover{background:var(--pc);color:#fff}

/* преимущества и призыв */
.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:18px;border-radius:20px;background:var(--gr-surface);border:1px solid var(--gr-border);box-shadow:var(--gr-shadow-sm);margin-bottom:var(--gr-sp-6)}
.benefits div{display:flex;flex-direction:column;gap:2px;padding:6px 10px;font-size:14px}.benefits span{font-size:24px}.benefits small{color:var(--gr-text-muted);font-size:12px}
.cta-band{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:clamp(22px,4vw,36px);border-radius:24px;color:#fff;background:radial-gradient(60% 120% at 100% 0%,#5b3ff0,transparent 60%),linear-gradient(135deg,#0b1240,#1b1f6b);margin-bottom:var(--gr-sp-7);position:relative;overflow:hidden}
.cta-band h2{margin:0 0 6px;font-size:clamp(22px,3vw,30px)}.cta-band p{margin:0;color:rgb(255 255 255 / .8)}

/* появление при прокрутке */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease var(--d,0ms),transform .6s ease var(--d,0ms)}
.js .rv.in{opacity:1;transform:none}

@media (max-width:1000px){
  .hero2-in{grid-template-columns:1fr}.hero2 h1{max-width:18ch}
  .orbit{aspect-ratio:auto;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:min(60vw,260px);margin-top:8px}
  .orbit .ring,.orbit .glow{top:min(30vw,130px)}.orbit .glow{width:70%}.r1{width:min(84vw,380px)}.r2{width:min(60vw,270px)}
  .cube{width:min(34vw,150px);top:min(30vw,130px)}
  .chip{position:static;flex-direction:row;justify-content:flex-start;text-align:left;animation:none;min-height:48px}
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .benefits{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){.pgrid{grid-template-columns:1fr}.orbit{grid-template-columns:1fr 1fr}.hero2 .btn{flex:1 1 100%;justify-content:center}.benefits{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.stars,.glow,.ring,.cube,.chip{animation:none!important}.js .rv{opacity:1;transform:none;transition:none}}

/* иллюстрации карточек */
.pcard2 .part{position:absolute;right:12px;bottom:48px;width:42%;max-width:170px;height:auto;pointer-events:none;filter:drop-shadow(0 12px 18px color-mix(in srgb,var(--pc) 45%,transparent));transition:transform .4s}
.pcard2:hover .part{transform:translateY(-4px) scale(1.05) rotate(-2deg)}
.pcard2 .ptop,.pcard2 h3,.pcard2 p,.pcard2 .tech{position:relative}
.pcard2 p,.pcard2 .tech{max-width:60%}
@media (max-width:560px){.pcard2 p{max-width:56%}.pcard2 .part{width:38%}}
@media (prefers-reduced-motion:reduce){.pcard2 .part{transition:none}}