/* WARDOGS SEARCH — cinematic composition inspired by ghost.one. */
:root { --accent:#70a5ff; --muted:#939fb9; }
:focus-visible { outline:2px solid #8fbbff; outline-offset:6px; }
section[id] { scroll-margin-top:100px; }
.topbar { height:86px; padding-inline:4vw; gap:24px; }
.brand-mark { width:48px; height:48px; padding:4px; }
.brand-word { font-size:15px; letter-spacing:-.035em; }
.nav-links { gap:22px; margin-left:0; }
.nav-links a { font-size:12px; }
.search-pill { width:124px; }
.nav-actions { gap:10px; }
.login-btn { padding-inline:16px; font-size:12px; }
.hero { height:max(800px,100svh); min-height:800px; }
.hero-title { margin:0; top:40%; width:94%; gap:5vw; font-family:'Anton',sans-serif; font-weight:400; text-shadow:none; }
.hero-title span { font-size:clamp(78px,13.5vw,260px); line-height:1.05; letter-spacing:-.025em; font-style:normal; padding:0; transform:scaleY(1.35); }
.hero-character { height:86%; max-height:1000px; bottom:-7%; left:51%; }
.hero-copy { left:4vw; bottom:19%; width:29%; max-width:380px; }
.hero-copy p { font-size:clamp(13px,1.15vw,17px); line-height:1.8; color:#acb7ce; }
.hero-kicker { font-size:10px; letter-spacing:.23em; margin-bottom:14px; }
.hero-cta { right:4vw; bottom:19%; display:flex; flex-direction:column; align-items:stretch; gap:10px; }
.hero-cta a { display:flex; align-items:center; justify-content:center; gap:12px; padding:15px 22px; font-size:13px; background:rgba(17,28,51,.72); border-color:rgba(152,177,224,.24); }
.hero-cta a span { margin-left:auto; }
.hero-cta .discord-cta { background:linear-gradient(145deg,#87b5ff,#3c72d7); color:#071325; border-color:#91baff; box-shadow:0 6px 36px #3f75d42b; }
.discord-cta svg { width:21px; height:21px; }
.hero-stats { bottom:30px; left:4vw; right:4vw; z-index:12; transform:none; gap:0; border-top:1px solid #a0b4d721; padding-top:17px; justify-content:space-between; }
.hero-stats article { display:flex; align-items:center; gap:12px; min-width:0; padding:0; border:0; background:none; box-shadow:none; backdrop-filter:none; }
.hero-stats article strong { font:500 17px var(--ui); color:#7294c6; }
.hero-stats article span { margin:0; color:#b6c1d6; font-size:10px; letter-spacing:.15em; }
.hero-iridescent,.hero-sunburst,.hero-sweep,.hero-beams,.hero-orb { opacity:.22; }
.hero-smoke { opacity:.35; }
.hero-core-glow { opacity:.45; animation:none; }
.hero-grid { opacity:.25; }
.hero-floor-light { opacity:.35; }
.about-section { padding-top:90px; }
.about-panel { border-radius:22px; }
.about-main h2,.section-head h2 { font-size:clamp(44px,5vw,88px); line-height:1; letter-spacing:-.045em; }
.metrics strong { font:400 clamp(24px,3.4vw,58px) 'Anton',sans-serif; letter-spacing:.01em; }
.metrics article { padding:28px; }
.metrics span { font-size:10px; }
.products-section { padding-top:95px; padding-bottom:85px; }
.feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.feature-card,.feature-card.wide,.feature-card:nth-child(3) { grid-column:auto; min-height:470px; border-radius:22px; }
.feature-card-copy { left:24px; right:24px; bottom:26px; }
.feature-card-copy h3 { font-size:clamp(30px,3vw,50px); line-height:1; }
.feature-card-copy p { font-size:13px; line-height:1.75; }
.feature-card-copy a { display:inline-flex; padding-top:16px; border-top:1px solid #c9d8f52b; width:100%; color:#d1e0ff; }
.feature-card.hide { display:none; }
.advantages { padding-top:80px; padding-bottom:70px; }
.final-cta { padding-top:100px; padding-bottom:110px; }
.final-cta h2 { font-size:clamp(64px,8vw,130px); line-height:.95; }
@media(min-width:1100px) and (max-width:1260px) { .nav-links { display:flex; gap:16px; } .circle-btn { padding-inline:12px; } }
@media(max-width:1000px) {
  .hero-title { top:36%; gap:3vw; }
  .hero-character { height:82%; left:53%; }
  .hero-copy { width:31%; bottom:18%; }
  .hero-cta { bottom:18%; }
  .hero-cta a { padding:13px 16px; font-size:12px; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-card,.feature-card.wide,.feature-card:nth-child(3) { min-height:420px; }
}
@media(max-width:650px) {
  .topbar { height:76px; padding-inline:18px; gap:12px; }
  .brand-word { font-size:12px; }
  .hero { height:850px; min-height:850px; }
  .hero-title { top:25%; display:flex; gap:3vw; width:94%; }
  .hero-title span { font-size:13.5vw; }
  .hero-character { height:65%; bottom:20%; left:54%; }
  .hero-copy { left:22px; right:22px; width:auto; bottom:182px; max-width:none; }
  .hero-kicker { display:none; }
  .hero-copy p { font-size:14px; line-height:1.55; }
  .hero-copy br { display:none; }
  .hero-cta { left:22px; right:22px; bottom:94px; flex-direction:row; gap:8px; }
  .hero-cta a { flex:1; min-width:0; padding:14px 10px; font-size:11px; gap:6px; }
  .hero-stats { display:flex; bottom:25px; left:22px; right:22px; }
  .hero-stats article { gap:6px; }
  .hero-stats article strong { font-size:12px; }
  .hero-stats article span { font-size:8px; letter-spacing:0; }
  .about-section { padding-top:45px; }
  .metrics { grid-template-columns:1fr 1fr; }
  .metrics article { padding:22px 16px; }
  .about-main h2,.section-head h2 { font-size:42px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; } }

/* Battlefield edition */
:root { --bg:#080b10; --display:'Exo 2',sans-serif; }
body { background:#080b10; }
.topbar { background:#080c12e8; }
.brand-mark { box-shadow:0 0 22px #457fe52b; }
.login-btn:disabled { color:#abb9d0; opacity:.7; cursor:default; background:#111a2b; box-shadow:none; }
.brand-mark { width:52px; height:52px; padding:0; border:0; background:none; box-shadow:none; }
.brand-mark img { width:100%; height:100%; object-fit:cover; filter:drop-shadow(0 0 10px #338aff35); }
.about-emblem img { width:145px; height:145px; object-fit:cover; filter:drop-shadow(0 0 22px #287bff30); }
.about-emblem-ring { background:radial-gradient(circle,#2254a722,transparent 75%); box-shadow:none; }
.footer-mark { width:56px; height:56px; }
@media(max-width:650px) { .brand-mark { width:44px;height:44px; } .about-emblem img { width:116px;height:116px; } }
.search-pill { display:none; }
.hero { isolation:isolate; }
.battlefield { position:absolute; inset:0; z-index:0; background:url('assets/battlefield.jpg') center 38%/cover no-repeat; filter:grayscale(1) sepia(.25) hue-rotate(165deg) saturate(1.8); opacity:.28; mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%); }
.hero-vignette { background:linear-gradient(180deg,#060b148c,transparent 35%,#080b10 100%),linear-gradient(90deg,#080b10b3,transparent 45%,#080b1080); }
.hero-caption { position:absolute; left:4vw; right:4vw; top:125px; z-index:5; display:flex; justify-content:space-between; font:500 9px var(--ui); letter-spacing:.23em; color:#a5b4cb; }
.hero-caption span:first-child::before { content:''; display:inline-block; width:23px; height:2px; background:#71a5ff; vertical-align:middle; margin-right:12px; }
.hero-title { top:38%; }
.hero-title span { color:#edf1f8; }
.hero-character { height:83%; bottom:-6%; }
.hero-kicker { color:#cfddf5; letter-spacing:.13em; }
.hero-kicker i { display:inline-block; width:6px; height:6px; background:#7faeff; margin-right:7px; box-shadow:0 0 14px #7faeff; }
.hero-copy p { color:#c0cbdd; }
.hero-stats article { opacity:1; }
.hero-stats article span { color:#ccd5e5; }
.hero-cta a { border-radius:4px; transition:background .2s,transform .2s; }
.hero-cta a:hover { transform:translateY(-3px); background:#1c2d48; }
.hero-cta .discord-cta:hover { background:#9ac2ff; }
.about-section { padding-bottom:40px; }
.about-panel { border:0; padding:30px 0 50px; background:none; box-shadow:none; border-bottom:1px solid #a7bde31a; border-radius:0; }
.about-topline,.eyebrow { display:block; color:#7d9cc6; font-size:10px; font-weight:600; letter-spacing:.17em; margin-bottom:24px; }
.about-main h2 { font-size:clamp(40px,4.7vw,76px); line-height:1.06; }
.about-main h2 span,.section-head h2 span { color:#739cd5; }
.about-main p { font-size:15px; max-width:640px; }
.about-side { border-left:1px solid #a7bde31a; padding-left:35px; }
.metrics { margin-top:22px; background:transparent; border:0; border-radius:0; }
.metrics article { padding:20px 0; background:none; }
.metrics article + article { padding-left:26px; }
.metrics strong { font-size:30px; color:#e5ebf5; }
.products-section { padding-top:65px; }
.section-head h2 { font-size:clamp(42px,5vw,82px); line-height:1.06; }
.section-head p { font-size:14px; max-width:330px; padding-bottom:6px; }
.tabs { gap:8px; margin-top:35px; }
.tab { border-radius:3px; font-size:12px; padding:11px 18px; }
.tab.active { background:#7eabef; color:#09111e; border-color:#7eabef; }
.feature-card,.feature-card.wide,.feature-card:nth-child(3) { min-height:550px; border-radius:6px; border-color:#9cb9e322; box-shadow:none; }
.feature-card img { filter:saturate(.65) brightness(.75); }
.feature-card:hover { border-color:#7fafff75; }
.feature-card:hover img { filter:saturate(.85) brightness(.9); }
.card-overlay { background:linear-gradient(180deg,#070c1466,transparent 32%,#0a101dcc 56%,#090e17 90%); }
.card-top { position:absolute; z-index:4; top:22px; left:22px; right:22px; display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:9px; letter-spacing:.12em; color:#d0dcef; }
.status-chip { font-size:8px; letter-spacing:.04em; border:1px solid #cad8ef35; padding:6px 8px; border-radius:2px; background:#090e17b3; white-space:nowrap; }
.status-chip.live::before { content:''; display:inline-block; width:5px; height:5px; background:#74b4ff; margin-right:6px; }
.feature-card-copy { bottom:24px; }
.feature-card-copy h3 { font-size:clamp(27px,2.6vw,42px); line-height:1.05; letter-spacing:-.04em; margin-top:13px; min-height:2.1em; }
.feature-card-copy p { min-height:70px; margin-bottom:18px; font-size:13px; color:#b1bfd4; }
.feature-card-copy > span { font-size:9px; letter-spacing:.12em; color:#85b4fb; }
.card-tags { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:26px; }
.card-tags b { font-size:8px; font-weight:500; letter-spacing:.08em; padding:6px 8px; border:1px solid #a8c0e522; color:#93a6c5; }
.feature-card-copy a { justify-content:space-between; align-items:center; font-weight:600; padding-top:19px; }
.feature-card-copy a em { font-style:normal; color:#80b1ff; font-size:20px; }
.server-brief { display:grid; grid-template-columns:80px 1fr auto; gap:30px; align-items:center; padding:35px; margin-top:22px; border:1px solid #a8c0e522; background:linear-gradient(110deg,#121c2e,#0a1019); border-radius:6px; scroll-margin-top:110px; }
.brief-symbol { width:70px; height:70px; display:grid; place-items:center; color:#89b5f5; font-size:50px; border:1px solid #8cb3ef3b; border-radius:50%; }
.server-brief .eyebrow { font-size:9px; margin-bottom:12px; }
.server-brief h3 { font-family:var(--display); margin:0 0 12px; font-size:26px; }
.server-brief p { margin:0; max-width:650px; font-size:13px; color:#a7b7d0; line-height:1.8; }
.server-brief a { font-size:12px; padding:14px 17px; border:1px solid #acc4ea38; border-radius:3px; white-space:nowrap; }
.server-brief a span { margin-left:18px; color:#84b6ff; }
.adv-card { border-radius:6px; box-shadow:none; background:linear-gradient(160deg,#101722,#0c111a); }
.advantages .section-head h2 { font-size:clamp(40px,4.6vw,72px); }
.final-cta { border-top:1px solid #a8c0e51a; background:radial-gradient(ellipse at bottom,#17356270,transparent 65%); }
.final-cta h2 { font-size:clamp(54px,7vw,112px); }
.final-cta a { border-radius:4px; }
@media(max-width:1100px) { .server-brief { grid-template-columns:60px 1fr; } .server-brief a { grid-column:2; justify-self:start; } .brief-symbol { width:60px;height:60px; } }
@media(max-width:1000px) { .feature-grid { grid-template-columns:1fr; } .feature-card,.feature-card.wide,.feature-card:nth-child(3) { min-height:510px; } .feature-card-copy h3 { min-height:0;font-size:38px; } .feature-card-copy p { min-height:0; max-width:420px; } .hero-title { display:flex; } }
@media(max-width:650px) { .hero-caption { top:104px; left:22px; right:22px; font-size:7px; } .hero-caption span:last-child { display:none; } .hero-title { top:27%; } .hero-character { height:63%;bottom:21%; } .hero-kicker { display:block; font-size:9px; } .hero-copy { bottom:190px; } .about-side { border:0; padding:0; } .about-main h2 { font-size:42px; } .metrics article + article { padding-left:14px; } .metrics article { padding-left:14px; } .section-head h2 { font-size:40px; } .card-top { left:22px;right:22px; } .server-brief { padding:24px;grid-template-columns:1fr;gap:18px; } .brief-symbol { display:none; } .server-brief a { grid-column:1; } .server-brief h3 { font-size:23px; } }

/* Illustrations occupy their own row, never the text area. */
.adv-card,.adv-large { display:flex; flex-direction:column; min-height:370px; padding:30px; gap:30px; }
.adv-card-copy { flex:0 0 auto; }
.adv-card-copy h3 { font-size:25px; line-height:1.2; margin:0 0 14px; overflow-wrap:anywhere; }
.adv-card-copy p { font-size:14px; line-height:1.75; margin:0; max-width:520px; }
.adv-visual { position:relative; left:auto; bottom:auto; transform:none; width:100%; height:150px; margin-top:auto; flex:0 0 150px; pointer-events:none; }
.sliders { height:150px; gap:20px; justify-content:center; padding:12px 0; }
.sliders span { height:10px; flex-shrink:0; border-radius:2px; box-shadow:none; background:linear-gradient(90deg,#719edc 62%,#a9c2e415 62%); }
.sliders span:nth-child(2) { background:linear-gradient(90deg,#719edc 36%,#a9c2e415 36%); }
.sliders span:nth-child(3) { background:linear-gradient(90deg,#719edc 78%,#a9c2e415 78%); }
.radar,.orbit,.network { width:150px; align-self:center; animation:none; }
.radar::before,.orbit::before,.network::before { inset:7px; border-color:#77aaff45; }
.radar::after,.orbit::after,.network::after { inset:30px; }
.radar i,.orbit i,.network i { width:12px; height:12px; background:#81aff4; box-shadow:0 0 15px #70a4ee60; }
.radar b,.orbit b,.network b { width:55px;height:55px;font-size:27px;background:#172a46;color:#aacdff;box-shadow:none;border:1px solid #7aa8ec55; }
.chart { width:100%;height:150px;padding:6px; }
.chart svg { display:block;overflow:visible; }
.chart path { animation:none; stroke-dasharray:none;stroke-dashoffset:0;filter:none;stroke-linecap:round;stroke-linejoin:round; }
.chart .chart-grid { stroke:#a9c2e418;stroke-width:1; }
.chart .chart-line { stroke:#85b5fa;stroke-width:3; }
.chart circle { fill:#c1d9fc; }
.brief-symbol { font-family:Arial,sans-serif;line-height:1;font-size:35px; }
.brief-symbol svg,.radar b svg { width:28px;height:28px;fill:none;stroke:#a9caff;stroke-width:1.5;stroke-linecap:round; }
.language-picker { position:relative; }
.language-picker .circle-btn { cursor:pointer; }
.language-menu { position:absolute;right:0;top:calc(100% + 12px);width:205px;padding:7px;background:#111b2b;border:1px solid #729bd44d;border-radius:8px;box-shadow:0 15px 40px #0008; }
.language-menu[hidden] { display:none; }
.language-menu button { display:flex;align-items:center;gap:15px;width:100%;padding:12px;border:0;border-radius:4px;text-align:left;background:transparent;color:#dbe8fa;font-size:12px;cursor:pointer; }
.language-menu button span { color:#a6b8d2; }
.language-menu button:hover,.language-menu button[aria-pressed="true"] { background:#28436b; }
.hero-copy p { overflow-wrap:anywhere; }
html:not([lang="ru"]) .section-head h2 { font-size:clamp(35px,4.5vw,70px); }
.section-head > div { min-width:0; }
@media(max-width:650px) { .adv-card,.adv-large { padding:24px;min-height:350px; } .adv-card-copy h3 { font-size:23px; } .language-picker .circle-btn { display:flex;min-width:57px;padding:0 10px;height:40px; } .language-picker .circle-btn svg { display:none; } .nav-actions { gap:7px; } .section-head h2 { overflow-wrap:anywhere; } }

/* Moving light originates below the operator; copy stays on top. */
.hero-sunburst { left:50%;bottom:0;width:min(1500px,110vw);height:380px;z-index:7;opacity:.9;transform:translateX(-50%);background:radial-gradient(ellipse 45% 70% at 50% 100%,#f3faff 0%,#d8ecfff2 9%,#98c1ffb3 22%,#6389e84d 46%,transparent 78%);mix-blend-mode:normal;filter:blur(10px);animation:sourceBreathe 7s ease-in-out infinite alternate; }
.hero-sunburst::before,.hero-sunburst::after { content:'';position:absolute;inset:-12% -10% 0;transform-origin:50% 100%;background:conic-gradient(from -70deg at 50% 100%,transparent 0deg,#a9d1ff00 7deg,#cde7ff70 11deg,transparent 19deg,transparent 28deg,#e0f2ff90 33deg,transparent 43deg,transparent 57deg,#c2ddff75 62deg,transparent 70deg,transparent 80deg,#e6f5ff85 88deg,transparent 96deg,transparent 107deg,#c1dcff60 114deg,transparent 124deg,transparent 140deg);mask-image:radial-gradient(ellipse at 50% 100%,#000 4%,#000a 30%,transparent 69%);filter:blur(12px);animation:raysDrift 12s ease-in-out infinite alternate; }
.hero-sunburst::after { opacity:.6;animation-duration:17s;animation-direction:alternate-reverse; }
.hero-beams { display:none; }
.hero-sweep { opacity:.2!important; }
.hero-copy,.hero-cta { z-index:10; }
.hero-stats { z-index:12; }
.hero-bottom-fade { background:linear-gradient(transparent,#080b1099);height:110px;bottom:-50px; }
.hero-transition { height:60px;filter:blur(8px);background:linear-gradient(transparent,#080b10); }
.login-btn .steam-icon { width:20px;height:20px;flex:0 0 20px; }
@keyframes sourceBreathe { from { opacity:.75;transform:translateX(-50%) scaleX(.96); } to { opacity:1;transform:translateX(-50%) scaleX(1.04); } }
@keyframes raysDrift { from { transform:rotate(-6deg) scaleX(.95);opacity:.55; } to { transform:rotate(6deg) scaleX(1.08);opacity:.95; } }
@media(max-width:650px) { .hero-sunburst { bottom:28%;height:300px;width:135vw;opacity:.65; } }
@media(prefers-reduced-motion:reduce) { .hero-sunburst,.hero-sunburst::before,.hero-sunburst::after { animation:none!important; } }
.hero-sunburst { display:none; }
.section-wash { top:0; height:140px; opacity:.2; }
.hero-stats { background:#08111c55;padding:14px 10px 8px; }
.hero-stats article span { color:#e2ebfc;text-shadow:0 1px 4px #000; }
.hero-stats article strong { color:#aecbfa;text-shadow:0 1px 4px #000; }
.solar-source { position:absolute;left:10%;right:10%;bottom:0;height:360px;z-index:8;pointer-events:none; }
.solar-core { position:absolute;inset:0;background:radial-gradient(ellipse 38% 65% at 50% 100%,#f4fbff 0%,#d4e9fff2 10%,#98bbffad 30%,#7196ef40 55%,transparent 85%); }
.solar-rays { position:absolute;inset:0;transform-origin:50% 100%;background:conic-gradient(from -65deg at 50% 100%,transparent 0deg,#cce6ff60 16deg,transparent 25deg,#cce6ff80 40deg,transparent 50deg,#edf6ff99 66deg,transparent 76deg,#cce6ff70 97deg,transparent 105deg,#cce6ff50 121deg,transparent 130deg);mask-image:radial-gradient(ellipse at 50% 100%,#000,transparent 67%);animation:solarDrift 13s ease-in-out infinite alternate; }
@keyframes solarDrift { from { transform:rotate(-5deg);opacity:.45; } to { transform:rotate(5deg);opacity:.95; } }
@media(max-width:650px) { .solar-source { bottom:28%;height:280px;left:-15%;right:-15%;opacity:.75; } }
@media(prefers-reduced-motion:reduce) { .solar-rays { animation:none; } }

/* Entrance and split title leave a clear channel around the operator. */
.hero-title { width:96%;gap:26vw;top:36%;animation:titleArrival 1.4s cubic-bezier(.16,1,.3,1) both; }
.hero-title span { font-size:clamp(68px,10.8vw,232px); }
.hero-character { height:90%;max-height:1120px;left:51%;bottom:-8%;transform:translateX(-50%) translateY(var(--scroll-shift,0px));animation:operatorArrival 1.7s cubic-bezier(.16,1,.3,1) both; }
.hero-copy,.hero-cta { animation:copyArrival 1.1s .5s cubic-bezier(.16,1,.3,1) both; }
.solar-source { animation:lightArrival 2s .25s ease-out both; }
@keyframes operatorArrival { from { opacity:0;transform:translateX(-50%) translateY(210px) scale(.95); } to { opacity:1;transform:translateX(-50%) translateY(var(--scroll-shift,0px)) scale(1); } }
@keyframes titleArrival { from { opacity:0;filter:blur(8px);translate:0 45px; } to { opacity:1;filter:blur(0);translate:0 0; } }
@keyframes copyArrival { from { opacity:0;translate:0 24px; } to { opacity:1;translate:0 0; } }
@keyframes lightArrival { from { opacity:0; } to { opacity:1; } }

/* Layered illustrations, responsive and independent of the copy above. */
.adv-card,.adv-large { min-height:430px;border-radius:20px;gap:26px; }
.adv-visual { height:230px;flex-basis:230px; }
.adv-card::after { bottom:-15%;height:65%;opacity:.75; }
.radar,.orbit,.network { width:230px; }
.radar::before,.orbit::before,.network::before { inset:8px;border-color:#8caef075;border-width:1px; }
.radar::after,.orbit::after,.network::after { inset:42px;border-color:#8caef03d; }
.radar b,.orbit b,.network b { width:95px;height:95px;background:linear-gradient(140deg,#d8e6ff,#7194dd);color:#142137;border:1px solid #cadcff99;box-shadow:0 12px 40px #4b79d04d,inset 0 1px 0 #fff9; }
.radar b svg { width:43px;height:43px;stroke:#142137; }
.radar i,.orbit i,.network i { width:20px;height:20px;border:1px solid #d3e4ff80; }
.radar::after { animation:radarPulse 4s ease-in-out infinite;animation-play-state:paused; }
.radar i { animation:nodeBreathe 3s ease-in-out infinite alternate;animation-play-state:paused; }
.radar i:nth-child(2) { animation-delay:-1s; }
.radar i:nth-child(3) { animation-delay:-2s; }
.orbit { animation:orbitTravel 24s linear infinite;animation-play-state:paused; }
.orbit b { background:#0e1a30;animation:orbitCounter 24s linear infinite;animation-play-state:paused; }
.orbit b img { width:95%;height:95%;object-fit:cover; }
.fleet-panel { position:absolute;z-index:3;width:100px;padding:16px 13px;border:1px solid #b5cfff60;background:linear-gradient(130deg,#a2bff04a,#1e315c70);backdrop-filter:blur(8px);border-radius:14px;box-shadow:0 10px 24px #0003;animation:orbitCounter 24s linear infinite;animation-play-state:paused; }
.fleet-panel span { display:block;height:5px;margin:6px 0;border-radius:5px;background:#bacff08a; }
.fleet-panel span:nth-child(2) { width:70%; }
.fleet-one { left:-40px;top:25px; }
.fleet-two { right:-38px;bottom:20px; }
.sliders { position:relative;padding:62px 22px 24px;gap:22px;width:100%;border:1px solid #b6ccf142;border-radius:16px;background:linear-gradient(135deg,#a1b8e424,#637cac15);box-shadow:0 14px 30px #0002; }
.slider-window { position:absolute;top:20px;left:22px;display:flex;gap:7px; }
.slider-window i { width:8px;height:8px;border-radius:50%;background:#93afe16b; }
.sliders span { position:relative;overflow:visible;background:#abc3ed1a!important; }
.sliders span::before { content:'';position:absolute;inset:0 38% 0 0;border-radius:3px;background:linear-gradient(90deg,#5e84d1,#c8dcff);transform-origin:left;animation:sliderFill 5s ease-in-out infinite alternate;animation-play-state:paused; }
.sliders span::after { content:'';position:absolute;top:50%;left:62%;width:17px;height:17px;transform:translate(-50%,-50%);border-radius:50%;background:#edf4ff;box-shadow:0 0 12px #a1baff66;animation:sliderKnob 5s ease-in-out infinite alternate;animation-play-state:paused; }
.sliders span:nth-of-type(2)::before,.sliders span:nth-of-type(2)::after { animation-delay:-2s; }
.sliders span:nth-of-type(3)::before,.sliders span:nth-of-type(3)::after { animation-delay:-4s; }
.network i { animation:nodeFloat 4s ease-in-out infinite alternate;animation-play-state:paused; }
.network i:nth-child(2) { animation-delay:-2s; }
.network i:nth-child(3) { animation-delay:-1s; }
.network i:nth-child(4) { animation-delay:-3s; }
.network b { font-size:36px; }
.chart { width:100%;padding:5px 0; }
.chart .chart-line { stroke-width:5;stroke-dasharray:1;stroke-dashoffset:1;animation:chartTrace 6s ease-in-out infinite;animation-play-state:paused; }
.chart .chart-area { fill:url(#chart-fill);stroke:none;animation:chartShine 6s ease-in-out infinite;animation-play-state:paused; }
.chart .chart-arrow { stroke:#b5d4ff;stroke-width:5;animation:chartShine 6s ease-in-out infinite;animation-play-state:paused; }
.adv-card.is-in-view .adv-visual,.adv-card.is-in-view .adv-visual *,.adv-card.is-in-view .adv-visual::after,.adv-card.is-in-view .adv-visual *::before,.adv-card.is-in-view .adv-visual *::after { animation-play-state:running; }
@keyframes radarPulse { 0%,100% { scale:.9;opacity:.4; } 50% { scale:1.15;opacity:1; } }
@keyframes nodeBreathe { from { scale:.8;opacity:.5; } to { scale:1.15;opacity:1; } }
@keyframes orbitTravel { from { transform:rotate(0); } to { transform:rotate(360deg); } }
@keyframes orbitCounter { from { rotate:0deg; } to { rotate:-360deg; } }
@keyframes sliderFill { from { scale:.5 1; } to { scale:1.2 1; } }
@keyframes sliderKnob { from { left:31%; } to { left:74.4%; } }
@keyframes nodeFloat { from { translate:0 -7px; } to { translate:0 7px; } }
@keyframes chartTrace { 0% { stroke-dashoffset:1; } 55%,90% { stroke-dashoffset:0; } 100% { stroke-dashoffset:1; } }
@keyframes chartShine { 0%,100% { opacity:0; } 55%,90% { opacity:1; } }

.social-section { display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;padding:105px 7vw 120px;max-width:1800px;margin:auto; }
.social-copy h2 { font:900 clamp(48px,5.5vw,88px)/1.06 var(--display);margin:0 0 27px;letter-spacing:-.04em; }
.social-copy h2 span { color:#87b4f8; }
.social-copy p { max-width:500px;font-size:15px;color:#a7b8d1;line-height:1.85;margin:0 0 28px; }
.social-join { display:inline-flex;align-items:center;gap:35px;padding:17px 25px;border:1px solid #9cc2ff5c;background:linear-gradient(130deg,#86b2f6,#4371c3);color:#081327;border-radius:6px;font-size:13px;font-weight:700;transition:transform .25s,box-shadow .25s; }
.social-join:hover { transform:translateY(-3px);box-shadow:0 10px 30px #3879db30; }
.social-address { display:block;margin-top:17px;font-size:11px;letter-spacing:.08em;color:#7d96bd; }
.social-sculpture { position:relative;display:grid;place-items:center;min-height:450px;isolation:isolate; }
.social-word { position:absolute;z-index:-1;top:0;font:400 clamp(60px,7.5vw,120px)/1 'Anton',sans-serif;letter-spacing:-.025em;color:#395b8d;mask-image:linear-gradient(#000,transparent); }
.social-sculpture img { width:min(440px,100%);height:400px;object-fit:contain;filter:drop-shadow(0 20px 35px #0006);animation:socialFloat 6s ease-in-out infinite alternate;animation-play-state:paused; }
.social-sculpture:hover img { filter:drop-shadow(0 20px 35px #3175ed30); }
.social-orbit { position:absolute;right:8%;bottom:12%;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;font-size:24px;background:#7f9fda22;border:1px solid #b9d4fc55;backdrop-filter:blur(10px); }
.social-section.is-in-view .social-sculpture img { animation-play-state:running; }
@keyframes socialFloat { from { transform:translateY(8px) rotate(-3deg); } to { transform:translateY(-8px) rotate(2deg); } }
footer { padding-bottom:35px; }
.footer-bg-title { font-family:'Anton',sans-serif;opacity:.12;letter-spacing:-.025em; }
@media(max-width:1000px) { .hero-title { gap:22vw;top:33%; } .hero-character { height:88%; } .social-section { gap:25px; } .social-sculpture { min-height:340px; } .social-sculpture img { height:300px; } }
@media(max-width:650px) { .hero-title { top:26%;gap:18vw; } .hero-title span { font-size:11.7vw; } .hero-character { height:69%;bottom:20%;left:53%; } .adv-card,.adv-large { min-height:420px; } .adv-visual { height:210px;flex-basis:210px; } .radar,.orbit,.network { width:210px; } .fleet-one { left:-20px; } .fleet-two { right:-20px; } .social-section { grid-template-columns:1fr;padding:65px 22px;gap:40px; } .social-copy h2 { font-size:49px; } .social-sculpture { min-height:330px; } .social-word { font-size:80px; } .social-sculpture img { height:320px; } }
@media(prefers-reduced-motion:reduce) { .hero-character,.hero-title,.hero-copy,.hero-cta,.solar-source,.adv-visual,.adv-visual *,.adv-visual::after,.adv-visual *::before,.adv-visual *::after,.social-sculpture img { animation:none!important; } .chart .chart-line { stroke-dashoffset:0; } }