:root{--premium-ink:#071321;--premium-ink-2:#0c1c30;--premium-blue:#1558d6;--premium-line:rgba(12,28,48,.12);--premium-muted:#607087}
html{scroll-behavior:smooth}body{background:#f6f8fb;color:var(--premium-ink)}.bg-fx{display:none}.container{width:min(1240px,calc(100% - 48px))}.header{background:rgba(255,255,255,.88);border-bottom:1px solid rgba(7,19,33,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-top{background:var(--premium-ink);border:0}.header-top,.header-top a{color:rgba(255,255,255,.78)}.nav a{font-weight:600}.btn{border-radius:10px;box-shadow:none;font-weight:700}.btn.primary{background:var(--premium-blue);border-color:var(--premium-blue);box-shadow:0 12px 28px rgba(21,88,214,.22)}
.hero{position:relative;overflow:hidden;background:var(--premium-ink);color:#fff;padding:92px 0 0}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 75% 35%,rgba(26,105,255,.25),transparent 34%);background-size:72px 72px,72px 72px,auto;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.hero .container{position:relative}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);gap:72px;align-items:center}.hero h1{max-width:760px;font-size:clamp(48px,5.25vw,78px);line-height:.98;letter-spacing:-.055em;color:#fff;margin:22px 0}.hero-subtitle{max-width:720px;font-size:clamp(19px,2vw,26px);line-height:1.35;color:rgba(255,255,255,.86);font-weight:500}.hero .lead{max-width:680px;color:rgba(255,255,255,.62);font-size:17px;line-height:1.7}.hero .kicker{color:#81afff;border-color:rgba(129,175,255,.25);background:rgba(21,88,214,.12)}.hero-actions{margin-top:34px}.hero .btn:not(.primary){color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06)}.hero-links .link{color:rgba(255,255,255,.68)}.hero-note{color:rgba(255,255,255,.52);border-color:rgba(255,255,255,.12);background:transparent;padding-left:0}.hero-card{position:relative;min-height:610px;overflow:hidden;background:linear-gradient(155deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);border-radius:28px;color:#fff;box-shadow:0 40px 100px rgba(0,0,0,.28);padding:28px}.hero-product{position:absolute;right:-32px;top:-62px;width:70%;height:440px;pointer-events:none}.hero-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 30px rgba(0,0,0,.25))}.hero-card .badge{position:relative;color:#b9d1ff;border-color:rgba(255,255,255,.14);background:rgba(4,15,29,.38)}.hero-card .stats{position:absolute;left:28px;right:28px;bottom:150px;grid-template-columns:1fr 1fr}.hero-card .stat{border-color:rgba(255,255,255,.12);background:rgba(3,13,25,.38)}.hero-card .stat .num{color:#fff}.hero-card .stat .lbl{color:rgba(255,255,255,.55)}.hero-bullets{position:absolute;left:28px;right:28px;bottom:22px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-bullets li{color:rgba(255,255,255,.68);font-size:12px}.hero-bullets li:last-child{grid-column:1/-1}.trust-strip{margin-top:72px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.12)}.trust-strip>div{display:flex;gap:18px;align-items:center;padding:24px 0;border-right:1px solid rgba(255,255,255,.12)}.trust-strip>div:not(:first-child){padding-left:24px}.trust-strip strong{font-size:12px;color:#679eff}.trust-strip span{font-size:14px;color:rgba(255,255,255,.72);letter-spacing:.02em}
.section{padding:104px 0;background:#f6f8fb}.section:nth-of-type(odd){background:#fff}.section-head{margin-bottom:44px}.section-head h2{max-width:780px;font-size:clamp(36px,4vw,58px);line-height:1.03;letter-spacing:-.045em}.section-head .sub{max-width:760px;font-size:17px;line-height:1.7;color:var(--premium-muted)}.section-index{margin-bottom:16px;color:var(--premium-blue);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.cards{gap:18px}.card,.panel,.case,.contact-card,.faq-item{border:1px solid var(--premium-line);border-radius:18px;background:#fff;box-shadow:none}.card-premium{padding:0 24px 28px;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.card-premium:hover{transform:translateY(-5px);border-color:rgba(21,88,214,.38)}.card-media{height:420px;margin:0 -24px 22px;background:linear-gradient(150deg,#edf3fb,#fff)}.card-media img{transition:transform .45s ease}.card-premium:hover .card-media img{transform:scale(1.025)}.card .title{font-size:22px;letter-spacing:-.025em}.card .desc{color:var(--premium-muted);line-height:1.65}.flagship{margin-top:20px;border-radius:22px;background:var(--premium-ink);border:0;color:#fff;box-shadow:none}.flagship-inner{padding:28px}.flagship-title{font-size:34px;letter-spacing:-.035em;color:#fff}.flagship-desc,.feat-desc,.flagship-side .k{color:rgba(255,255,255,.58)}.feat-title,.flagship-side .v{color:#fff}.flagship-media .shot{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}.flagship-side{border-color:rgba(255,255,255,.12)}.two-col{gap:18px}.panel{padding:30px}.panel .sub,.panel .d{color:var(--premium-muted)}#solutions .two-col .panel{background:#eef3f9}.steps .step{padding:16px 0;border-bottom:1px solid var(--premium-line)}.steps .n{background:var(--premium-ink);color:#fff}.case{position:relative;padding:32px;min-height:230px;overflow:hidden}.case:before{content:"";position:absolute;right:-50px;bottom:-70px;width:170px;height:170px;border:1px solid rgba(21,88,214,.15);border-radius:50%}.case h3{font-size:25px;letter-spacing:-.025em}.case p{color:var(--premium-muted);line-height:1.65}.pill{border-radius:6px;background:#edf3ff;color:#164eae}.faq{max-width:940px}.faq-item{margin-bottom:10px;padding:4px 8px}.faq-q{font-size:17px}.faq-a{color:var(--premium-muted);line-height:1.7}.contact-grid{gap:18px}.contact-card{padding:32px}.contact-card:first-child{background:var(--premium-ink);color:#fff}.contact-card:first-child .sub,.contact-card:first-child .small,.contact-card:first-child .hint{color:rgba(255,255,255,.64)!important}.contact-card:first-child a{color:#8eb8ff}.contact-card:first-child .sep{border-color:rgba(255,255,255,.12)}input,textarea,select{border-radius:10px!important}.footer{background:#050d17;color:rgba(255,255,255,.65);border:0}.footer a{color:rgba(255,255,255,.65)}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;gap:48px}.hero-card{min-height:570px}.hero-product{width:55%}.cards-3{grid-template-columns:repeat(2,1fr)}.card-media{height:390px}.flagship-inner{grid-template-columns:1fr}.flagship-side{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:24px 0 0}}
@media(max-width:760px){.container{width:min(100% - 28px,1240px)}.hero{padding-top:58px}.hero h1{font-size:43px}.hero-grid{gap:34px}.hero-card{min-height:535px;padding:20px}.hero-product{right:-38px;top:-70px;width:76%;height:390px}.hero-card .stats{left:20px;right:20px;bottom:150px}.hero-bullets{left:20px;right:20px}.trust-strip{grid-template-columns:1fr 1fr;margin-top:48px}.trust-strip>div{padding:18px 10px 18px 0}.trust-strip>div:not(:first-child){padding-left:10px}.trust-strip>div:nth-child(2){border-right:0}.trust-strip>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}.section{padding:72px 0}.section-head h2{font-size:39px}.cards-3,.cards-2,.two-col{grid-template-columns:1fr}.card-media{height:380px}.flagship-inner{padding:18px}.flagship-media{grid-template-columns:1fr 1fr}.contact-card{padding:24px}}
@media(max-width:480px){.hero h1{font-size:37px}.hero-subtitle{font-size:18px}.hero-card{min-height:620px}.hero-product{width:90%;top:-45px;height:350px}.hero-card .stats{grid-template-columns:1fr;bottom:190px}.hero-bullets{grid-template-columns:1fr;bottom:18px}.hero-bullets li:last-child{grid-column:auto}.trust-strip{grid-template-columns:1fr}.trust-strip>div,.trust-strip>div:not(:first-child){padding:15px 0;border-right:0;border-top:1px solid rgba(255,255,255,.12)}.card-media{height:340px}.flagship-media{grid-template-columns:1fr}.section-head h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-premium,.card-media img{transition:none}}

/* v1.1 — layout corrections after cross-breakpoint QA */
body.is-scrolled .header-top{background:var(--premium-ink)}
body.is-scrolled .header-top .toplink{color:rgba(255,255,255,.78)}
.reveal,.reveal.is-visible{opacity:1;transform:none;filter:none;transition:none}
h1,h2,h3,h4,p,a,button{overflow-wrap:break-word}
.hero-card{min-height:0;display:grid;grid-template-columns:1fr 1.15fr;grid-template-areas:"badge product" "stats product" "bullets bullets";gap:18px;align-items:start}
.hero-product{grid-area:product;position:relative;inset:auto;width:100%;height:330px}
.hero-card .badge{grid-area:badge}
.hero-card .stats{grid-area:stats;position:static;grid-template-columns:1fr;margin:0}
.hero-card .stat .num{font-size:16px}
.hero-bullets{grid-area:bullets;position:static;margin:0!important}
@media(max-width:1050px){
  .hero-card{min-height:0;grid-template-columns:.8fr 1.2fr;grid-template-areas:"badge product" "stats product" "bullets product"}
  .hero-product{width:100%;height:420px}
  .cards.cards-3>.card{grid-column:span 6}
}
@media(max-width:760px){
  .hero-card{min-height:0;grid-template-columns:1fr 1fr;grid-template-areas:"badge badge" "product product" "stats stats" "bullets bullets"}
  .hero-product{inset:auto;width:100%;height:330px}
  .hero-card .stats{position:static;grid-template-columns:1fr 1fr}
  .hero-bullets{position:static}
  .cards.cards-3>.card,.cards.cards-2>.case{grid-column:span 12}
}
@media(max-width:480px){
  .hero-card{min-height:0}
  .hero-product{inset:auto;width:100%;height:290px}
  .hero-card .badge,.hero-card .stats,.hero-bullets{display:none}
  .hero-card{grid-template-columns:1fr;grid-template-areas:"product";padding:14px}
  .hero-links{display:none}
  .hero-note{margin-top:12px}
}

/* v1.2 — light FlowTech palette, aligned with the blue/cyan logo */
:root{--premium-ink:#142238;--premium-ink-2:#1d2d46;--premium-blue:#1558d6;--premium-cyan:#1e9cea;--premium-line:rgba(20,34,56,.11);--premium-muted:#5c6c82}
body{background:#f5f9ff;color:var(--premium-ink)}
.header-top,body.is-scrolled .header-top{background:#edf5ff;border-bottom:1px solid rgba(21,88,214,.08)}
.header-top .toplink,body.is-scrolled .header-top .toplink{color:#38516f}
.header-top .topicon{color:#1558d6}
.hero{background:linear-gradient(135deg,#f8fbff 0%,#edf5ff 54%,#f7fbff 100%);color:var(--premium-ink);border-bottom:1px solid rgba(21,88,214,.1)}
.hero:before{background:linear-gradient(rgba(21,88,214,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,88,214,.045) 1px,transparent 1px),radial-gradient(circle at 77% 34%,rgba(30,156,234,.16),transparent 36%);background-size:72px 72px,72px 72px,auto;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.hero h1{color:#10233e}
.hero-subtitle{color:#29415f}
.hero .lead{color:#5b6c82}
.hero .kicker{color:#1558d6;border-color:rgba(21,88,214,.16);background:rgba(255,255,255,.72)}
.hero .btn:not(.primary){color:#17365f;border-color:rgba(21,88,214,.18);background:#fff}
.hero-links .link{color:#365677;border-bottom-color:rgba(21,88,214,.2)}
.hero-note{color:#64758a;border-color:rgba(21,88,214,.12)}
.hero-card{background:rgba(255,255,255,.86);border-color:rgba(21,88,214,.13);color:var(--premium-ink);box-shadow:0 30px 80px rgba(35,80,140,.14)}
.hero-card .badge{color:#1558d6;border-color:rgba(21,88,214,.14);background:#eef5ff}
.hero-card .stat{border-color:rgba(21,88,214,.1);background:#f7faff}
.hero-card .stat .num{color:#123d86}
.hero-card .stat .lbl{color:#65768b}
.hero-bullets li{color:#52657d}
.hero-bullets .mini-icon{background:#e8f3ff;border-color:rgba(21,88,214,.15);color:#1558d6}
.trust-strip{border-top-color:rgba(21,88,214,.12)}
.trust-strip>div{border-right-color:rgba(21,88,214,.1)}
.trust-strip span{color:#47617d}
.section{background:#f5f9ff}
.section:nth-of-type(odd){background:#fff}
.flagship{background:linear-gradient(135deg,#123f8f 0%,#1558d6 58%,#168cda 100%);box-shadow:0 24px 60px rgba(21,88,214,.18)}
.flagship .flagship-badge{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}
.flagship .flagship-title,.flagship .feat-title,.flagship .flagship-side .v{color:#fff}
.flagship .flagship-desc,.flagship .feat-desc,.flagship .flagship-list li,.flagship .flagship-side .k{color:rgba(255,255,255,.78)}
.flagship .bullet{background:#55c4ff;box-shadow:0 0 0 4px rgba(85,196,255,.16)}
.flagship-media .shot{background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.24)}
.flagship-side .spec{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}
#solutions .two-col .panel{background:#f0f6fd}
.contact-card:first-child{background:linear-gradient(145deg,#123f8f,#1558d6);box-shadow:0 22px 50px rgba(21,88,214,.16)}
.footer{background:#10233e}
@media(max-width:760px){
  .trust-strip>div:nth-child(n+3){border-top-color:rgba(21,88,214,.1)}
}
@media(max-width:480px){
  .trust-strip>div,.trust-strip>div:not(:first-child){border-top-color:rgba(21,88,214,.1)}
}

/* v1.3 — compactness and mobile polish */
.cards.cards-3,.cards.cards-2{grid-template-columns:repeat(12,minmax(0,1fr))}
.section-head{max-width:900px}
.card-premium .desc{max-width:46ch}
.cookie-banner{box-shadow:0 18px 48px rgba(20,34,56,.26)}
@media(max-width:1050px) and (min-width:761px){
  .cards.cards-3>.card{grid-column:span 6}
  .cards.cards-3>.card:nth-child(3){grid-column:4/span 6}
  .card-media{height:350px}
  .section{padding:84px 0}
  .section-head{margin-bottom:34px}
}
@media(max-width:600px){
  .hero{padding-top:46px}
  .hero-grid{gap:24px}
  .hero-card{display:none}
  .hero h1{font-size:clamp(36px,10vw,43px);line-height:1.02}
  .hero .lead{font-size:16px;line-height:1.6}
  .hero-actions{margin-top:24px}
  .trust-strip{margin-top:34px}
  .section{padding:56px 0}
  .section-head{margin-bottom:26px}
  .section-head h2{font-size:34px}
  .section-head .sub{font-size:15px;line-height:1.6}
  .card-premium{padding:0 18px 22px}
  .card-media{height:270px;margin:0 -18px 18px}
  .card .title{font-size:20px}
  .card .desc{font-size:14px;line-height:1.55}
  .flagship{margin-top:16px}
  .flagship-inner{padding:16px}
  .flagship-title{font-size:26px}
  .flagship-media .shot img{height:165px}
  .flagship-side{grid-template-columns:1fr 1fr;gap:8px}
  .flagship-side .spec{padding:12px}
  #solutions .two-col{gap:12px!important;margin-top:12px!important}
  #solutions .panel{padding:20px}
  #solutions .panel .list{gap:8px}
  .panel{padding:22px}
  .case{padding:24px;min-height:0}
  .case h3{font-size:22px}
  .contact-card{padding:22px}
  .cookie-banner__title{font-size:16px}
  .cookie-banner__text{font-size:12px;line-height:1.45}
  .cookie-btn{min-height:38px;padding:7px 10px;font-size:12px}
}

/* v1.5 — clearer visual separation between sections and cards */
.section{position:relative;border-top:1px solid rgba(21,88,214,.10)}
#solutions{background:#edf4fc}
#production{background:#fff}
#cases{background:#f1f6fc}
#faq{background:#fff}
#contacts{background:#edf4fc}
.section-index{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border:1px solid rgba(21,88,214,.14);border-radius:8px;background:#fff;box-shadow:0 5px 16px rgba(36,76,130,.06)}
.section-head h2{margin-top:2px}
.card,.panel,.case,.contact-card{border-color:rgba(30,61,101,.15);box-shadow:0 10px 28px rgba(38,70,112,.07)}
.card-premium{background:#fff}
.card-premium:hover{box-shadow:0 18px 40px rgba(30,75,135,.13)}
.card-media{border-bottom:1px solid rgba(21,88,214,.11);background:linear-gradient(155deg,#eaf3fd,#fff 72%)}
.flagship{border:1px solid rgba(16,65,145,.18);box-shadow:0 24px 60px rgba(21,88,214,.22)}
#solutions .two-col .panel{background:#fff}
#solutions .two-col .panel:nth-child(even){background:#f8fbff}
#production .panel{background:#f8fbff}
#production .panel:first-child{background:#fff}
.case{background:#fff}
.faq{border-color:rgba(30,61,101,.15);box-shadow:0 12px 30px rgba(38,70,112,.07)}
.faq-item{box-shadow:none;border-radius:0;background:#fff}
.contact-card{background:#fff}
.contact-map{border-top:4px solid rgba(21,88,214,.16)}
@media(max-width:600px){
  .section{border-top-color:rgba(21,88,214,.13)}
  .section-index{min-height:26px;padding:5px 9px}
  .card,.panel,.case,.contact-card{box-shadow:0 8px 22px rgba(38,70,112,.08)}
}