:root{
  --bg:#071015;
  --bg2:#0c1b28;
  --panel:rgba(13,31,46,.76);
  --panel2:rgba(11,24,36,.92);
  --stroke:rgba(114,213,255,.22);
  --text:#eef8ff;
  --muted:#a8bdc9;
  --blue:#37a7ff;
  --cyan:#38f5dd;
  --gold:#f6c768;
  --green:#74f7b6;
  --danger:#ffb86b;
  --shadow:0 22px 80px rgba(0,0,0,.35);
  --radius:22px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;
  background:
    radial-gradient(circle at 74% 8%,rgba(55,167,255,.18),transparent 30%),
    radial-gradient(circle at 16% 28%,rgba(56,245,221,.14),transparent 28%),
    linear-gradient(135deg,#061016 0%,#081923 46%,#071016 100%);
  color:var(--text);
  line-height:1.55;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
body::before{
  content:"";
  position:fixed;inset:0;z-index:-2;
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.2));
}
body::after{
  content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,transparent 0 45%,rgba(0,0,0,.32) 78%);
}
.container{max-width:var(--max);margin:0 auto;padding:0 22px}
.skip-link{position:absolute;left:-999px;top:10px;background:#fff;color:#000;padding:8px 12px;border-radius:8px;z-index:9999}
.skip-link:focus{left:10px}
.site-header{
  position:sticky;top:0;z-index:70;
  border-bottom:1px solid var(--stroke);
  background:rgba(7,16,21,.76);
  backdrop-filter:blur(18px);
}
.header-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.02em;white-space:nowrap}
.logo-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#021018;box-shadow:0 0 30px rgba(55,167,255,.35)}
.logo small{display:block;font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:15px;color:#d8eefa;font-size:14px}
.nav a{opacity:.84;transition:.2s}
.nav a:hover{opacity:1;color:var(--cyan)}
.header-actions{display:flex;align-items:center;gap:10px}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--stroke);background:rgba(255,255,255,.04);border-radius:14px;color:var(--text)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--text);cursor:pointer;transition:transform .2s,box-shadow .2s,border .2s,background .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px);border-color:rgba(56,245,221,.5);box-shadow:0 12px 34px rgba(56,245,221,.12)}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#03131a;border:0;font-weight:900;box-shadow:0 14px 42px rgba(55,167,255,.25)}
.btn-gold{background:linear-gradient(135deg,#f3b94d,#ffe39b);color:#1e1603;border:0;font-weight:900}
.btn-soft{background:rgba(56,245,221,.08);border-color:rgba(56,245,221,.25)}
.btn-link{background:transparent;border-color:transparent;padding-inline:0;color:var(--cyan)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.eyebrow::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
h1,h2,h3{line-height:1.03;margin:0;color:#fff;letter-spacing:-.04em}
h1{font-size:clamp(42px,6.1vw,82px)}
h2{font-size:clamp(30px,4vw,54px)}
h3{font-size:clamp(20px,2.3vw,28px)}
p{margin:0;color:var(--muted)}
.section{padding:84px 0;position:relative}
.section.compact{padding:58px 0}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
.section-head p{max-width:680px}
.hero{min-height:calc(100svh - 70px);display:flex;align-items:center;padding:26px 0 46px;position:relative}
.hero::before{content:"";position:absolute;inset:8% -8% auto auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(56,245,221,.16),transparent 68%);filter:blur(10px);z-index:-1}
.hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr);gap:28px;align-items:center;width:100%}
.hero-copy{min-width:0}
.hero-copy .lead{font-size:clamp(16px,1.5vw,20px);max-width:650px;margin:18px 0 22px;color:#d8eefa}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.hero-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;max-width:720px}
.fact{padding:13px 12px;border:1px solid var(--stroke);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));min-width:0}
.fact b{display:block;font-size:18px;color:#fff;white-space:nowrap}
.fact span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.tagline{margin-top:14px;color:#d6f7ff;font-weight:700}
.hero-machine-wrap{min-width:0}
.glass-card{border:1px solid var(--stroke);background:linear-gradient(180deg,rgba(16,40,58,.82),rgba(5,15,23,.82));box-shadow:var(--shadow);border-radius:var(--radius);position:relative;overflow:hidden}
.glass-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 24%,transparent 72%,rgba(56,245,221,.08));pointer-events:none}
.machine-card{padding:18px}
.machine-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:12px;position:relative;z-index:1}
.machine-head p{font-size:13px;max-width:420px}
.readiness{min-width:164px;text-align:right}
.readiness strong{display:block;font-size:24px;color:#fff}
.progress{height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.08);margin-top:5px}
.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--gold));border-radius:inherit;transition:width .45s ease}
.machine-svg{width:100%;height:auto;display:block;position:relative;z-index:1;filter:drop-shadow(0 12px 40px rgba(0,0,0,.22))}
.machine-node{cursor:pointer;transition:transform .18s, filter .18s;transform-box:fill-box;transform-origin:center}
.machine-node:hover{transform:translateY(-2px);filter:drop-shadow(0 0 12px rgba(56,245,221,.55))}
.machine-node rect{fill:rgba(14,35,52,.96);stroke:rgba(111,214,255,.48);stroke-width:1.3;transition:.2s}
.machine-node text{font-weight:800;fill:#eafaff;font-size:10px;pointer-events:none}
.machine-node.is-active rect{fill:rgba(24,82,102,.96);stroke:var(--cyan);stroke-width:2.2;filter:drop-shadow(0 0 9px rgba(56,245,221,.65))}
.machine-line{stroke:rgba(96,191,255,.36);stroke-width:2;stroke-dasharray:6 8;fill:none;animation:dash 9s linear infinite}
.machine-line.active{stroke:var(--cyan);stroke-width:3;animation-duration:2.2s;filter:drop-shadow(0 0 8px rgba(56,245,221,.8))}
@keyframes dash{to{stroke-dashoffset:-160}}
.machine-tooltip{position:relative;z-index:2;margin-top:12px;padding:14px 15px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid rgba(56,245,221,.2);color:#dffcff;font-size:14px;min-height:52px}
.machine-final{display:none;margin-top:12px;padding:16px;border-radius:18px;border:1px solid rgba(246,199,104,.45);background:linear-gradient(135deg,rgba(246,199,104,.16),rgba(56,245,221,.07));position:relative;z-index:1}
.machine-final.is-show{display:flex;align-items:center;justify-content:space-between;gap:14px}
.machine-final p{color:#fff;font-weight:800}
.preloader{position:fixed;z-index:9999;inset:0;background:#061016;display:grid;place-items:center;transition:opacity .5s ease,visibility .5s ease}
.preloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.preloader-box{width:min(680px,86vw);text-align:center}
.preloader-title{font-weight:1000;letter-spacing:.1em;color:#fff;margin-bottom:8px}
.preloader-sub{font-size:12px;color:var(--cyan);font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.loader-flow{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;position:relative}
.loader-flow::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:flow 1.2s linear infinite;box-shadow:0 0 20px var(--cyan)}
.loader-flow span{position:relative;z-index:1;padding:8px 5px;border:1px solid rgba(56,245,221,.3);border-radius:10px;background:rgba(6,22,30,.9);font-size:10px;color:#cffff8}
@keyframes flow{0%{transform:translateX(-22%);opacity:.25}50%{opacity:1}100%{transform:translateX(22%);opacity:.25}}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{padding:22px;border:1px solid var(--stroke);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.026));box-shadow:0 16px 44px rgba(0,0,0,.14);position:relative;overflow:hidden}
.card::after{content:"";position:absolute;inset:auto -30% -60% auto;width:180px;height:180px;border-radius:50%;background:rgba(56,245,221,.08);filter:blur(10px)}
.card h3{margin-bottom:10px}
.card p,.card li{font-size:15px;color:#bfd2dc}
.card ul{margin:12px 0 0;padding-left:20px;color:#bfd2dc}
.formula{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.formula span{padding:10px 13px;border:1px solid rgba(56,245,221,.26);border-radius:999px;background:rgba(56,245,221,.07);font-weight:800;color:#eaffff}
.offer-table,.price-table{width:100%;border-collapse:separate;border-spacing:0 10px}
.offer-table th,.price-table th{text-align:left;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;padding:0 14px 6px}
.offer-table td,.price-table td{background:rgba(255,255,255,.045);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:15px 14px;color:#c8d9e2;vertical-align:top}
.offer-table td:first-child,.price-table td:first-child{border-left:1px solid var(--stroke);border-radius:16px 0 0 16px;color:#fff;font-weight:900}
.offer-table td:last-child,.price-table td:last-child{border-right:1px solid var(--stroke);border-radius:0 16px 16px 0}
.price{color:var(--gold)!important;white-space:nowrap;font-weight:900!important}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.product-card{min-height:224px}
.product-card .price-badge{display:inline-flex;margin:0 0 12px;padding:6px 10px;border-radius:999px;background:rgba(246,199,104,.11);border:1px solid rgba(246,199,104,.28);color:#ffe3a0;font-weight:900}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.check-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.check-list li{padding-left:28px;position:relative;color:#d2e3ea}
.check-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:1000}
.check-list.no li::before{content:"—";color:var(--danger)}
.founder{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:center}
.founder-photo{border-radius:26px;overflow:hidden;border:1px solid var(--stroke);box-shadow:var(--shadow);background:#0c2132}
.founder-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.founder-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.case-grid{display:grid;grid-template-columns:repeat(5, minmax(0,1fr));gap:12px}
.case-card{padding:16px;border-radius:18px;border:1px solid var(--stroke);background:rgba(255,255,255,.045);min-height:230px}
.case-card a{color:var(--cyan);font-weight:900;word-break:break-word}
.case-card p{font-size:13px;margin-top:8px}
.eco-map{padding:16px}
.eco-map picture,.eco-map img{border-radius:18px;overflow:hidden;width:100%}
.eco-map img{border:1px solid rgba(255,255,255,.12);background:#dff1ff}
.eco-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}
.eco-list span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:10px;border-radius:14px;border:1px solid var(--stroke);background:rgba(255,255,255,.04);font-size:13px;color:#dff8ff;font-weight:800}
.steps{counter-reset:step;display:grid;gap:12px}
.step{counter-increment:step;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:15px;border-radius:18px;border:1px solid var(--stroke);background:rgba(255,255,255,.043)}
.step::before{content:counter(step);width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#04141a;font-weight:1000}
.ladder{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:10px 2px 8px}
.ladder span{flex:0 0 auto;padding:12px 14px;border-radius:999px;border:1px solid rgba(56,245,221,.28);background:rgba(56,245,221,.07);font-weight:900;color:#eaffff}
.faq{display:grid;gap:12px}
details{border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.045);padding:16px 18px}
summary{cursor:pointer;font-weight:900;color:#fff}
details p{margin-top:10px}
.contact-wrap{display:grid;grid-template-columns:.92fr 1.08fr;gap:20px;align-items:start}
.form-card{padding:22px;border-radius:var(--radius);border:1px solid rgba(56,245,221,.24);background:linear-gradient(180deg,rgba(16,40,58,.88),rgba(5,15,23,.9));box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:grid;gap:6px}
.field.full{grid-column:1/-1}
label{color:#e7f7ff;font-weight:800;font-size:13px}
input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.22);color:#fff;border-radius:14px;padding:12px 13px;outline:none;transition:border .2s,box-shadow .2s}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:rgba(56,245,221,.6);box-shadow:0 0 0 4px rgba(56,245,221,.08)}
.checkbox{display:flex;gap:10px;align-items:flex-start;color:#cfe1e8;font-size:13px}
.checkbox input{width:auto;margin-top:4px;accent-color:#38f5dd}
.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.form-status{margin-top:12px;min-height:22px;color:var(--green);font-weight:800}
.cta-band{padding:34px;border:1px solid rgba(246,199,104,.38);background:linear-gradient(135deg,rgba(246,199,104,.16),rgba(55,167,255,.08),rgba(56,245,221,.08));border-radius:30px;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:var(--shadow)}
.site-footer{padding:38px 0 26px;border-top:1px solid var(--stroke);background:rgba(2,9,13,.55)}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;align-items:start}
.footer-grid a{color:#cce7f2;display:inline-block;margin:3px 0}
.footer-bottom{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#93aab6;font-size:13px}
.cookie{position:fixed;z-index:80;left:20px;right:20px;bottom:20px;display:none;max-width:920px;margin:0 auto;padding:16px;border-radius:18px;border:1px solid var(--stroke);background:rgba(6,18,26,.94);backdrop-filter:blur(16px);box-shadow:var(--shadow);gap:16px;align-items:center;justify-content:space-between}
.cookie.is-show{display:flex}
.cookie p{font-size:13px}
.seo-page .hero{min-height:auto;padding:78px 0 44px}
.seo-page .content{max-width:860px}
.seo-page .content p{font-size:18px;margin:18px 0}
.breadcrumbs{color:#8fb2c0;font-size:13px;margin-bottom:20px}
.breadcrumbs a{color:var(--cyan)}
.kicker-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.kicker-row span{border:1px solid var(--stroke);border-radius:999px;padding:8px 10px;color:#d9f8ff;background:rgba(255,255,255,.04);font-size:13px;font-weight:800}
@media (max-width:1100px){
  .nav{display:none;position:absolute;top:70px;left:16px;right:16px;flex-direction:column;align-items:stretch;padding:16px;border:1px solid var(--stroke);border-radius:18px;background:rgba(6,18,26,.96)}
  .nav.is-open{display:flex}
  .menu-toggle{display:inline-grid;place-items:center}
  .hero-grid{grid-template-columns:1fr;gap:22px}
  .hero{padding-top:36px;min-height:auto}
  .hero-machine-wrap{max-width:760px;width:100%;margin:0 auto}
  .hero-facts{grid-template-columns:repeat(2,1fr)}
  .products{grid-template-columns:repeat(2,1fr)}
  .case-grid{grid-template-columns:repeat(2,1fr)}
  .eco-list{grid-template-columns:repeat(3,1fr)}
  .founder{grid-template-columns:1fr}
  .founder-photo{max-width:430px}
}
@media (max-width:760px){
  .container{padding:0 16px}
  .section{padding:58px 0}
  .section-head{display:block}
  .grid-2,.grid-3,.grid-4,.check-grid,.contact-wrap,.footer-grid{grid-template-columns:1fr}
  .hero-actions .btn{width:100%}
  .hero-facts{grid-template-columns:1fr 1fr}
  .fact b{font-size:16px}
  .machine-head,.machine-final,.cta-band{display:block;text-align:left}
  .readiness{text-align:left;margin-top:12px}
  .machine-card{padding:14px}
  .machine-svg text{font-size:9px}
  .products{grid-template-columns:1fr}
  .offer-table,.price-table,.offer-table tbody,.price-table tbody,.offer-table tr,.price-table tr,.offer-table td,.price-table td{display:block;width:100%}
  .offer-table thead,.price-table thead{display:none}
  .offer-table td,.price-table td{border-left:1px solid var(--stroke);border-right:1px solid var(--stroke);border-radius:0!important;border-bottom:0}
  .offer-table td:first-child,.price-table td:first-child{border-radius:16px 16px 0 0!important}
  .offer-table td:last-child,.price-table td:last-child{border-bottom:1px solid var(--stroke);border-radius:0 0 16px 16px!important}
  .eco-list{grid-template-columns:1fr 1fr}
  .founder-stack{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .header-inner{height:64px}
  .nav{top:64px}
  .btn.header-cta{display:none}
  .loader-flow{grid-template-columns:repeat(3,1fr)}
  .cookie{display:none;left:12px;right:12px;bottom:12px;align-items:stretch}
  .cookie.is-show{display:block}
  .cookie .btn{margin-top:10px;width:100%}
}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .preloader{display:none!important}
}
.section-note{margin:18px 0 0;color:var(--muted);font-size:16px;max-width:920px}
.case-list{margin:12px 0 0;padding-left:20px;color:var(--muted)}
.case-list li{margin:8px 0}
.accent-line{margin-top:14px;color:#eafaff;border-left:3px solid var(--gold);padding-left:14px;font-weight:700}
.accent-card{background:linear-gradient(135deg,rgba(55,167,255,.14),rgba(56,245,221,.08));border-color:rgba(56,245,221,.32)}
.contact-email{margin-top:14px;padding:12px 14px;border:1px solid rgba(56,245,221,.28);border-radius:16px;background:rgba(56,245,221,.06);color:#eafaff;font-weight:700;max-width:720px}
.contact-email a{font-weight:800}

/* === F-38 final blue future redesign patch === */
:root{
  --bg:#04102d;
  --bg2:#071b48;
  --panel:rgba(8,31,82,.78);
  --panel2:rgba(5,22,58,.92);
  --stroke:rgba(102,196,255,.26);
  --text:#eef8ff;
  --muted:#aac3db;
  --blue:#2d8cff;
  --cyan:#2de7ff;
  --gold:#ffd169;
  --green:#62ffd9;
  --shadow:0 28px 96px rgba(0,18,64,.42);
}
body{
  background:
    radial-gradient(circle at 78% 6%,rgba(45,140,255,.34),transparent 32%),
    radial-gradient(circle at 18% 18%,rgba(45,231,255,.20),transparent 26%),
    radial-gradient(circle at 52% 86%,rgba(33,88,255,.20),transparent 36%),
    linear-gradient(135deg,#030a24 0%,#061b51 42%,#04102d 100%);
}
body::before{
  background-image:
    linear-gradient(rgba(102,196,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(102,196,255,.055) 1px,transparent 1px),
    radial-gradient(circle,rgba(45,231,255,.11) 1px,transparent 1.6px);
  background-size:46px 46px,46px 46px,92px 92px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.96),rgba(0,0,0,.18));
}
.site-header{background:rgba(3,14,45,.78);box-shadow:0 12px 44px rgba(0,20,70,.22)}
.logo-mark,.step::before{background:linear-gradient(135deg,#2d8cff,#2de7ff 56%,#62ffd9)}
.btn-primary{background:linear-gradient(135deg,#2d8cff,#2de7ff 58%,#62ffd9);box-shadow:0 16px 48px rgba(45,140,255,.34)}
.btn-soft{background:rgba(45,231,255,.10);border-color:rgba(45,231,255,.30)}
.glass-card,.card,.case-card,.form-card{background:linear-gradient(180deg,rgba(13,45,110,.74),rgba(4,18,55,.78));box-shadow:var(--shadow)}
.hero{min-height:calc(92svh - 70px);padding:34px 0 42px;overflow:hidden}
.hero::before{inset:6% -10% auto auto;width:620px;height:620px;background:radial-gradient(circle,rgba(45,231,255,.22),transparent 67%)}
.hero::after{content:"";position:absolute;left:-120px;bottom:-180px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(45,140,255,.22),transparent 66%);filter:blur(4px);z-index:-1}
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);gap:34px}
.hero-slogan{display:inline-block;margin:0 0 12px;padding:10px 14px;border:1px solid rgba(45,231,255,.32);border-radius:18px;background:linear-gradient(135deg,rgba(45,140,255,.18),rgba(45,231,255,.10));color:#eaffff;font-weight:1000;letter-spacing:.055em;line-height:1.2;text-transform:uppercase;box-shadow:0 0 34px rgba(45,231,255,.10)}
.hero-visual{min-height:460px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.hero-visual::after{content:"";position:absolute;inset:10%;background:conic-gradient(from 120deg,transparent,rgba(45,231,255,.18),transparent,rgba(45,140,255,.20),transparent);filter:blur(20px);z-index:0;animation:slowSpin 18s linear infinite}
.hero-orbit{position:absolute;inset:52px;z-index:1;border:1px solid rgba(45,231,255,.22);border-radius:50%;transform:rotate(-12deg)}
.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;inset:42px;border:1px dashed rgba(98,255,217,.18);border-radius:50%}
.hero-orbit::after{inset:92px;border-style:solid;border-color:rgba(255,209,105,.18)}
.hero-orbit span{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 24px var(--cyan)}
.hero-orbit span:nth-child(1){left:14%;top:18%}.hero-orbit span:nth-child(2){right:18%;top:34%;background:var(--gold);box-shadow:0 0 24px var(--gold)}.hero-orbit span:nth-child(3){left:50%;bottom:8%;background:var(--green);box-shadow:0 0 24px var(--green)}
.system-card,.terminal-card,.hero-mini-grid,.hero-panel-note{position:relative;z-index:2}
.system-card{padding:18px;border:1px solid rgba(45,231,255,.28);border-radius:20px;background:rgba(3,18,54,.68);backdrop-filter:blur(14px)}
.system-card small{display:block;color:var(--cyan);font-weight:1000;letter-spacing:.14em;margin-bottom:6px}.system-card strong{font-size:clamp(20px,2.6vw,32px);line-height:1.05;color:#fff}
.terminal-card{margin:34px 0 22px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(1,10,35,.58)}
.terminal-line{display:flex;gap:12px;align-items:center;padding:10px 0;color:#d8f4ff;border-bottom:1px solid rgba(255,255,255,.08)}.terminal-line:last-child{border-bottom:0}.terminal-line b{color:var(--cyan)}.terminal-line.active{color:#fff;font-weight:900;text-shadow:0 0 14px rgba(45,231,255,.5)}
.hero-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.hero-mini-grid span{padding:12px;border-radius:15px;border:1px solid rgba(45,231,255,.24);background:rgba(45,231,255,.08);font-weight:900;text-align:center;color:#eaffff}
.hero-panel-note{margin-top:14px;color:#d8f4ff;font-weight:700}
@keyframes slowSpin{to{transform:rotate(360deg)}}
.machine-section{padding-top:72px;background:linear-gradient(180deg,rgba(4,16,45,.36),rgba(5,25,72,.32),rgba(4,16,45,0));position:relative}
.machine-section::before{content:"";position:absolute;inset:36px 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(45,231,255,.7),transparent)}
.machine-section-head{align-items:start}.machine-section-head h2{max-width:760px}.machine-section-head>p{max-width:440px}
.machine-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:stretch}.machine-card-wide{padding:20px}.machine-side{display:flex;flex-direction:column;gap:16px;justify-content:center}.compact-formula{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0}.compact-formula span{font-size:12px;padding:7px 9px}
.future-machine{border-radius:24px;background:radial-gradient(circle at 48% 48%,rgba(45,140,255,.12),transparent 52%)}
.traffic-tags rect{fill:rgba(45,140,255,.14);stroke:rgba(45,231,255,.35)}.traffic-tags text{fill:#dffcff}.interface-parts rect,.interface-parts circle{fill:rgba(45,231,255,.08);stroke:rgba(98,255,217,.32)}.interface-parts path{stroke:#bdfcff;stroke-width:2;fill:none}.lead-card-svg{opacity:.92;transition:.25s}.machine-card:has(.machine-final.is-show) .lead-card-svg{opacity:1;filter:drop-shadow(0 0 18px rgba(255,209,105,.58))}
.machine-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;position:relative;z-index:2}.machine-controls button{border:1px solid rgba(45,231,255,.25);background:rgba(45,140,255,.10);color:#eaffff;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900;cursor:pointer;transition:.2s}.machine-controls button:hover,.machine-controls button.is-active{background:linear-gradient(135deg,rgba(45,140,255,.36),rgba(45,231,255,.18));border-color:rgba(98,255,217,.72);box-shadow:0 0 22px rgba(45,231,255,.16)}
.machine-node rect{fill:rgba(6,31,82,.96);stroke:rgba(93,200,255,.56)}.machine-node.is-active rect{fill:rgba(12,78,130,.98);stroke:var(--green);filter:drop-shadow(0 0 13px rgba(98,255,217,.75))}.machine-line{stroke:rgba(93,200,255,.32)}.machine-line.active{stroke:var(--green)}
.machine-final.is-show .btn{animation:pulseCTA 1.6s ease-in-out infinite}@keyframes pulseCTA{0%,100%{box-shadow:0 0 0 rgba(255,209,105,0)}50%{box-shadow:0 0 36px rgba(255,209,105,.42)}}
@media (max-width:1100px){.machine-layout{grid-template-columns:1fr}.machine-side{display:block}.hero-visual{min-height:380px}.hero-grid{grid-template-columns:1fr}.machine-section-head{display:block}.machine-section-head>p{max-width:760px;margin-top:12px}}
@media (max-width:760px){.hero{min-height:auto;padding:34px 0 44px}.hero-slogan{font-size:12px}.hero-visual{min-height:auto;padding:18px}.hero-orbit{display:none}.terminal-card{margin:18px 0}.hero-mini-grid{grid-template-columns:1fr 1fr}.machine-section{padding-top:56px}.machine-card-wide{padding:14px}.future-machine{min-width:720px}.machine-card{overflow-x:auto}.machine-controls button{flex:1 1 calc(50% - 8px)}.machine-final.is-show{display:block}.machine-final .btn{margin-top:12px;width:100%}}
.machine-card.is-complete .lead-card-svg{opacity:1;filter:drop-shadow(0 0 18px rgba(255,209,105,.58))}
@media (max-width:760px){.future-machine{min-width:0}.machine-card{overflow:hidden}.machine-controls button{flex:1 1 100%}}
.preloader{overflow:hidden}
@media (max-width:760px){.preloader-box{width:min(340px,86vw)}.loader-flow{grid-template-columns:repeat(3,1fr);max-width:100%;overflow:hidden}.loader-flow span{min-width:0;font-size:9px}}
.hero h1{font-size:clamp(40px,4.8vw,68px)}
.hero-copy .lead{margin:14px 0 16px}
.hero-actions{margin:16px 0}
.hero-facts{margin-top:14px}
.hero-visual{min-height:420px}
@media (max-width:760px){.hero h1{font-size:clamp(38px,12vw,52px)}.hero-visual{min-height:auto}}


/* === F-38 v5: connected graph, compact sections, process, form extras === */
.section{padding:60px 0}.section.compact{padding:44px 0}.section-head{margin-bottom:22px}.hero{min-height:calc(88svh - 70px)}
.business-graph{min-height:430px;padding:18px;overflow:hidden;--mx:.5;--my:.5;isolation:isolate}
.business-graph::after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at calc(var(--mx)*100%) calc(var(--my)*100%),rgba(45,231,255,.24),transparent 28%),conic-gradient(from 70deg,rgba(45,140,255,.14),transparent,rgba(98,255,217,.14),transparent);filter:blur(16px);z-index:0;transition:.08s linear}
.graph-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(98,255,217,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(98,255,217,.045) 1px,transparent 1px);background-size:30px 30px;opacity:.85;z-index:0}.graph-title{position:relative;z-index:3;padding:14px 16px;border:1px solid rgba(45,231,255,.24);border-radius:18px;background:rgba(4,19,58,.58);backdrop-filter:blur(12px)}.graph-title small{display:block;color:var(--cyan);font-weight:1000;letter-spacing:.14em;margin-bottom:6px}.graph-title strong{display:block;font-size:clamp(20px,2.2vw,30px);line-height:1.05;color:#fff}.graph-stage{position:relative;z-index:2;height:350px;margin-top:8px}.graph-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.graph-connection{fill:none;stroke:url(#graphLineGradient);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:7 12;opacity:.42;animation:dash 8s linear infinite;transition:.2s}.business-graph[data-active] .graph-connection{opacity:.22}.graph-connection.is-active{opacity:1;stroke-width:3.6;filter:drop-shadow(0 0 9px rgba(45,231,255,.9));animation-duration:2.2s}.graph-pulse{fill:none;stroke:rgba(45,231,255,.35);stroke-width:2;stroke-dasharray:4 10;animation:graphPulse 3.4s ease-in-out infinite;transform-origin:center}.graph-node{position:absolute;left:calc(var(--x)/620*100%);top:calc(var(--y)/460*100%);transform:translate(-50%,-50%) translate(var(--tx,0),var(--ty,0));width:132px;min-height:62px;border:1px solid rgba(93,200,255,.42);border-radius:19px;background:linear-gradient(180deg,rgba(13,55,125,.88),rgba(5,24,70,.86));color:#eef8ff;box-shadow:0 18px 44px rgba(0,18,64,.32);cursor:pointer;transition:box-shadow .2s,border .2s,background .2s,transform .08s linear;z-index:3;text-align:left;padding:11px 12px}.graph-node span{display:block;font-weight:1000;letter-spacing:-.02em}.graph-node small{display:block;margin-top:3px;color:#bfefff;font-size:11px;line-height:1.15}.graph-node:hover,.graph-node.is-active{border-color:rgba(98,255,217,.95);background:linear-gradient(135deg,rgba(45,140,255,.52),rgba(45,231,255,.18));box-shadow:0 0 0 1px rgba(98,255,217,.18),0 0 34px rgba(45,231,255,.28)}.graph-node.is-core{width:150px;min-height:76px;text-align:center;background:linear-gradient(135deg,rgba(45,140,255,.72),rgba(45,231,255,.22));border-color:rgba(98,255,217,.78);box-shadow:0 0 42px rgba(45,231,255,.28)}.graph-hint{position:relative;z-index:3;margin-top:10px;padding:13px 14px;border:1px solid rgba(45,231,255,.24);border-radius:16px;background:rgba(2,15,50,.62);color:#dffcff;font-weight:700;font-size:14px}.approach-card p+p{margin-top:12px}.process-chain{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:12px}.process-chain::before{content:"";position:absolute;left:5%;right:5%;top:36px;height:2px;background:linear-gradient(90deg,rgba(45,140,255,.15),rgba(45,231,255,.85),rgba(255,209,105,.55));box-shadow:0 0 18px rgba(45,231,255,.36)}.process-item{position:relative;z-index:1;padding:18px 12px 14px;border:1px solid rgba(93,200,255,.28);border-radius:18px;background:linear-gradient(180deg,rgba(13,45,110,.74),rgba(4,18,55,.78));min-height:178px;transition:.2s}.process-item:hover{transform:translateY(-3px);border-color:rgba(98,255,217,.68);box-shadow:0 20px 52px rgba(45,231,255,.12)}.process-item span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#03143a;font-weight:1000;box-shadow:0 0 26px rgba(45,231,255,.28)}.process-item h3{font-size:16px;text-align:center;letter-spacing:-.02em;margin-bottom:8px}.process-item p{font-size:12px;text-align:center;color:#c6dded}.bonus-card{margin-top:16px;border-color:rgba(255,209,105,.32);background:linear-gradient(135deg,rgba(255,209,105,.13),rgba(45,231,255,.06))}.more-links{padding:18px 20px;border:1px solid rgba(45,231,255,.22);border-radius:20px;background:rgba(4,20,64,.42)}.more-links h3{font-size:24px;margin-bottom:10px}.more-links ul{columns:2;margin:0;padding-left:20px}.more-links li{break-inside:avoid;margin:6px 0;color:#d7eefb}.more-links a{color:#dffcff;border-bottom:1px solid rgba(45,231,255,.28)}.faq-title{font-size:clamp(26px,3vw,40px);margin:26px 0 16px}.extras-field>label{margin-bottom:10px}.extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.extras-grid label{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid rgba(45,231,255,.18);border-radius:12px;background:rgba(45,140,255,.06);font-size:13px;color:#dffcff}.extras-grid input{margin-top:3px;accent-color:var(--cyan)}
@keyframes graphPulse{0%,100%{r:54;opacity:.3}50%{r:74;opacity:.75}}
@media (max-width:1180px){.process-chain{grid-template-columns:repeat(4,1fr)}.process-chain::before{display:none}.process-item{min-height:150px}.business-graph{min-height:400px}.graph-stage{height:330px}}
@media (max-width:760px){.section{padding:46px 0}.section.compact{padding:34px 0}.hero{min-height:auto}.business-graph{min-height:auto;padding:14px}.graph-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.graph-lines{display:none}.graph-node{position:relative;left:auto;top:auto;transform:none!important;width:auto;min-height:76px;padding:12px}.graph-node.is-core{width:auto;grid-column:1/-1;min-height:72px}.process-chain{grid-template-columns:1fr;gap:9px}.process-item{display:grid;grid-template-columns:44px 1fr;column-gap:10px;min-height:auto;text-align:left}.process-item span{grid-row:1/3;margin:0}.process-item h3,.process-item p{text-align:left}.more-links ul{columns:1}.extras-grid{grid-template-columns:1fr}.graph-title strong{font-size:21px}.graph-hint{font-size:13px}.nav a[href="#prices"],.nav a[href="/#prices"]{display:none}}