:root {
  --background:#0b131c; --foreground:#f4f5f0; --card:#16222c; --card-foreground:#f4f5f0;
  --popover:#16222c; --popover-foreground:#f4f5f0; --primary:#c9bc80; --primary-foreground:#111820;
  --secondary:#e8e9e3; --secondary-foreground:#151d25; --muted:#23303b; --muted-foreground:#a8b3bc;
  --accent:#c9bc80; --accent-foreground:#111820; --destructive:#d85d5d; --border:#ffffff25;
  --input:#ffffff35; --ring:#c9bc80; --radius:.25rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%}
::selection{background:#c9bc80;color:#0b131c}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.container{width:min(100% - 96px,1376px);margin-inline:auto}
.site-header{height:84px;background:#0c151f;border-bottom:1px solid #ffffff1b;position:relative;z-index:20}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:11px;flex:none}
.brand-mark{width:27px;height:34px;object-fit:contain}
.brand-word{color:#f4f5f0;font-size:20px;font-weight:300;letter-spacing:.16em;line-height:1;white-space:nowrap}
.nav{display:flex;align-items:center;gap:clamp(16px,2.1vw,36px);margin-left:auto}
.nav a,.header-cta{font-size:13px;font-weight:600;color:#d2d9dc;transition:color .2s}
.nav a:hover,.header-cta:hover{color:#c9bc80}
.header-cta{height:40px;display:flex;align-items:center;gap:12px;color:#d4c88d;border-bottom:1px solid #d4c88d;margin-left:15px}
.menu-button{display:none;border:0;background:transparent;color:#fff;padding:8px;font-size:26px;line-height:1}
.hero{display:grid;grid-template-columns:54% 46%;min-height:min(820px,calc(100svh - 84px));background:#0c151f}
.hero-copy{padding-left:max(48px,calc((100vw - 1376px)/2));padding-right:clamp(36px,5vw,100px);display:flex;flex-direction:column;justify-content:space-between}
.hero-copy-inner{padding-block:clamp(90px,9vw,156px) 80px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:#c9bc80;margin:0 0 30px;display:flex;align-items:center;gap:13px}
.eyebrow-line{display:inline-block;width:26px;height:1px;background:currentColor}
.eyebrow--dark{color:#777c64}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3{font-weight:500}
.hero h1{font-size:clamp(50px,5.15vw,83px);line-height:1.045;letter-spacing:-.057em;max-width:850px;margin:0 0 37px}
.hero h1 em{font-style:normal;color:#c9bc80}
.hero-lead{font-size:clamp(17px,1.35vw,20px);line-height:1.58;max-width:580px;color:#d8dde0;margin-bottom:19px}
.hero-detail{color:#8e9ca8;font-size:16px;line-height:1.6;max-width:520px;margin-bottom:42px}
.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:16px 23px;font-size:14px;font-weight:700;line-height:1.3;transition:transform .2s,background .2s,color .2s;border:0}
.button:hover{transform:translateY(-3px)}
.button--accent{background:#d1c286;color:#101921}
.button--accent:hover{background:#e2d59b}
.text-link{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:7px}
.text-link--light{color:#f1f3f1}
.text-link:hover{color:#d1c286}
.hero-scroll{display:inline-flex;gap:13px;align-items:center;color:#8b9aa5;font-size:12px;letter-spacing:.08em;padding-bottom:34px;width:max-content}
.hero-visual{position:relative;background-image:linear-gradient(0deg,#07111be8 0%,transparent 33%),linear-gradient(90deg,#0c151f35,transparent 35%),url('assets/infrastructure.jpg');background-size:cover;background-position:54% center;min-height:650px}
.hero-visual::after{content:"";position:absolute;inset:0;border-left:1px solid #ffffff20;pointer-events:none}
.hero-visual-label{position:absolute;bottom:38px;left:42px;display:flex;align-items:center;gap:13px;font-size:13px;line-height:1.35;color:#e8ebe9;letter-spacing:.035em}
.visual-cross{font-size:29px;color:#c9bc80;font-weight:200;line-height:1}
.hero-visual-index{position:absolute;right:36px;bottom:44px;font-size:12px;letter-spacing:.13em;color:#a8b4ba}
.expertise-strip{background:#17232e;border-block:1px solid #ffffff12}
.expertise-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.expertise-inner span{font-size:13px;font-weight:600;color:#c3ccd0}
.expertise-inner i{width:4px;height:4px;border:1px solid #a59b6a;transform:rotate(45deg);flex:none}
.section{padding:116px 0 126px}
.section-heading{margin-bottom:55px}
.section-heading--split{display:flex;justify-content:space-between;align-items:end;gap:60px}
.section-heading h2,.audience h2{font-size:clamp(40px,4vw,64px);line-height:1.08;letter-spacing:-.052em;max-width:760px;margin:0}
.section-heading h2 span,.audience h2 span,.request-copy h2 span{color:#8f9686}
.heading-side{font-size:16px;line-height:1.6;color:#79818a;max-width:330px;margin:0 0 5px;flex:none}
.benefits,.makers,.audience{background:#f0f1ec;color:#141c24}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cdd0c9;border-left:1px solid #cdd0c9}
.benefit{position:relative;min-height:266px;padding:30px 30px 35px;border-right:1px solid #cdd0c9;border-bottom:1px solid #cdd0c9;transition:background .25s}
.benefit:hover{background:#e5e8e0}
.benefit-number{font-size:12px;color:#898f88;letter-spacing:.1em}
.benefit h3{font-size:23px;line-height:1.16;letter-spacing:-.035em;margin:57px 0 12px;max-width:270px}
.benefit p{font-size:15px;line-height:1.55;color:#67707a;max-width:350px;margin:0}
.benefit-mark{position:absolute;top:24px;right:27px;color:#8e967f;font-size:22px;font-weight:200}
.catalog{background:#0c151e}
.catalog .section-heading h2 span,.process .section-heading h2 span{color:#9ca88d}
.catalog .heading-side,.process .heading-side{color:#a0aeb6}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.category-card{min-height:425px;background:#192732;border:1px solid #ffffff1a;padding:31px 34px 27px;display:flex;flex-direction:column;transition:background .25s,transform .25s,border-color .25s}
.category-card:hover{background:#20333e;transform:translateY(-4px);border-color:#b6ad7c6e}
.category-card--1{background:#23323b}
.category-card--2{background:#1b2a34}
.category-card--3{background:#162731}
.category-card--4{background:#202e36}
.category-card--5{grid-column:span 2;min-height:330px;background:#1c2b34}
.category-top{display:flex;align-items:start;justify-content:space-between;color:#a8b49a}
.category-top span{font-size:12px;letter-spacing:.12em;font-weight:700}
.category-top .category-icon{font-size:34px;font-weight:300;line-height:1;letter-spacing:0}
.category-main{margin-top:auto;max-width:590px}
.category-main h3{font-size:clamp(28px,2.55vw,39px);line-height:1.11;letter-spacing:-.042em;max-width:550px;margin-bottom:16px}
.category-main h3{overflow-wrap:anywhere}
.category-main p{font-size:15px;line-height:1.55;color:#a8b7bc;max-width:590px;margin-bottom:32px}
.category-bottom{display:flex;justify-content:space-between;gap:28px;align-items:end;padding-top:18px;border-top:1px solid #ffffff2b}
.category-bottom p{color:#ccd2cb;font-size:13px;line-height:1.5;max-width:360px;margin:0}
.category-bottom button{background:none;border:0;color:#d8cb90;display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;padding:0;white-space:nowrap}
.category-bottom button:hover{color:#fff}
.category-card--5 .category-main{margin-top:45px}
.category-card--5 .category-main p{margin-bottom:34px}
.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #cfd2cc;border-left:1px solid #cfd2cc}
.manufacturer{height:128px;border-right:1px solid #cfd2cc;border-bottom:1px solid #cfd2cc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;padding:16px 14px;color:#586068;transition:background .2s,color .2s}
.manufacturer:hover{background:#e4e7df;color:#101820}
.manufacturer img{display:block;width:min(100%,185px);height:64px;object-fit:contain}
.manufacturer span{font-size:12px;font-weight:600;line-height:1.18}
.makers-note{font-size:13px;line-height:1.6;color:#858b87;margin:24px 0 0}
.process{background:#101e29}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff37}
.step{padding:29px 24px 20px 0;border-right:1px solid #ffffff28;min-height:278px}
.step+.step{padding-left:24px}
.step:last-child{border-right:0}
.step-head{display:flex;justify-content:space-between;color:#c7bc87;font-size:15px;letter-spacing:.08em}
.step-head svg{color:#74828c}
.step h3{font-size:22px;letter-spacing:-.03em;margin:83px 0 13px}
.step p{font-size:15px;color:#9faeb4;line-height:1.55;margin:0}
.audience{padding-block:94px}
.audience-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.audience h2{max-width:550px}
.client-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.client-list span{border:1px solid #d3d6d0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 15px;min-height:62px;font-size:14px;font-weight:600;line-height:1.3}
.client-list svg{color:#878e77;flex:none}
.request-section{background:#0c151e;padding:122px 0 132px}
.request-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(55px,8vw,125px)}
.request-copy{padding-top:12px}
.request-copy h2{font-size:clamp(42px,4.2vw,66px);letter-spacing:-.052em;line-height:1.08;max-width:650px;margin-bottom:28px}
.request-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;color:#aab6ba;max-width:565px}
.request-note{display:flex;gap:20px;align-items:start;border-top:1px solid #ffffff35;padding-top:25px;margin-top:76px;max-width:510px;color:#c9cfcd;font-size:14px;line-height:1.5}
.request-note svg{color:#c9bc80;flex:none}
.form-panel{background:#e9ece6;color:#121c23;padding:clamp(30px,3.6vw,55px)}
.form-heading{display:flex;align-items:center;justify-content:space-between;color:#777e69;font-size:12px;font-weight:700;letter-spacing:.15em;margin-bottom:21px}
.form-panel h3{font-size:clamp(29px,2.8vw,42px);letter-spacing:-.045em;line-height:1.13;max-width:470px;margin:0 0 39px}
.form-panel form{display:flex;flex-direction:column;gap:16px}
.form-panel label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:9px;min-width:0}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-panel input,.form-panel textarea{width:100%;min-width:0;background:#f9faf6;border:1px solid #cbd0c8;border-radius:0;padding:14px 15px;color:#172229;font-size:15px;line-height:1.4;outline:none;transition:border .2s}
.form-panel textarea{resize:vertical;min-height:95px}
.form-panel input:focus,.form-panel textarea:focus{border-color:#888d62;box-shadow:0 0 0 2px #b8bd9266}
.form-panel input::placeholder,.form-panel textarea::placeholder{color:#929a96}
.form-panel input[type=file]{background:transparent;border:1px dashed #a7afa2;font-size:13px;padding:12px}
.form-panel input[type=file]::file-selector-button{border:0;background:#d5dacd;color:#27312c;padding:8px 10px;margin-right:12px;cursor:pointer}
.file-label span,.form-hint{font-size:12px;color:#7c847e;font-weight:400}
.form-hint{margin:-5px 0 0}
.form-submit{width:100%;margin-top:8px;background:#18252b;color:#f4f5f0}
.form-submit:hover{background:#2c3a3e}
.form-submit:disabled{opacity:.65;cursor:wait}
.privacy-consent{font-size:12px;line-height:1.5;color:#76817a;margin:2px 0 0}
.privacy-consent a{text-decoration:underline;text-underline-offset:2px;color:#39473f}
.form-error{color:#a93636;font-size:14px;margin:0}
.form-success{padding:45px 0}
.form-success>span{display:grid;place-items:center;background:#d2d8c5;color:#203827;width:52px;height:52px;margin-bottom:30px}
.form-success h4{font-size:28px;letter-spacing:-.04em;margin-bottom:12px}
.form-success p{font-size:16px;line-height:1.55;color:#53615e}
.form-success button{border:0;border-bottom:1px solid #283631;background:transparent;display:inline-flex;gap:10px;align-items:center;padding:8px 0;color:#283631}
.final-cta{background:#c9bc80;color:#101920;padding:74px 0}
.final-layout{display:flex;align-items:end;justify-content:space-between;gap:50px}
.final-cta .eyebrow{color:#465047;margin-bottom:20px}
.final-cta h2{font-size:clamp(36px,4vw,60px);line-height:1.08;letter-spacing:-.05em;max-width:780px;margin-bottom:16px}
.final-cta p:not(.eyebrow){font-size:16px;line-height:1.55;color:#39443e;max-width:690px;margin-bottom:0}
.button--dark{background:#0b151e;color:#fff;white-space:nowrap;flex:none}
.button--dark:hover{background:#26353e}
.footer{background:#0a1119;color:#e4e8e7;padding:69px 0 28px}
.footer-main{display:flex;justify-content:space-between;gap:70px;padding-bottom:80px}
.footer-identity p{font-size:15px;line-height:1.55;color:#95a3aa;max-width:330px;margin:28px 0 0}
.footer-links{display:flex;gap:clamp(55px,8vw,140px)}
.footer-links>div{display:flex;flex-direction:column;gap:13px;min-width:140px}
.footer-links h3{font-size:13px;color:#c5bc8c;margin:0 0 9px}
.footer-links a{font-size:14px;color:#acb7b9}
.footer-links a:hover,.footer-bottom a:hover{color:#c9bc80}
.footer-links .footer-contact{min-width:240px;max-width:300px}
.footer-contact .footer-email{font-size:16px;font-weight:700;color:#e9e7d5}
.footer-contact address{font-style:normal;color:#acb7b9;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.footer-contact p{display:flex;flex-direction:column;gap:5px;margin:3px 0 0;line-height:1.4}
.footer-contact p span{font-size:12px;letter-spacing:.08em;color:#839197}
.footer-contact p strong{font-size:14px;font-weight:600;color:#dce2df}
.footer-bottom{border-top:1px solid #ffffff2b;padding-top:25px;display:flex;align-items:center;gap:30px;font-size:12px;color:#7e8c91}
.footer-bottom span{margin-right:auto}
.mobile-cta{display:none}
@media(max-width:1100px){
  .container{width:min(100% - 64px,1376px)}
  .nav{gap:17px}.nav a{font-size:12px}
  .header-cta{display:none}
  .hero{grid-template-columns:54% 46%;min-height:700px}
  .hero-copy{padding-left:32px;padding-right:32px}
  .hero h1{font-size:clamp(46px,5.2vw,66px)}
  .hero-actions{gap:18px}.hero-actions .button{width:100%}
  .request-layout{gap:45px}
  .brand-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
  .container{width:min(100% - 40px,1376px)}
  .site-header{height:70px}
  .brand-mark{width:23px;height:30px}.brand-word{font-size:18px}
  .menu-button{display:block}
  .nav{display:none;position:absolute;top:70px;left:0;right:0;background:#101c26;padding:20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 25px #0008}
  .nav--open{display:flex}.nav a{padding:14px 5px;border-bottom:1px solid #ffffff24;font-size:16px}
  .hero{display:flex;flex-direction:column;min-height:0}
  .hero-copy{padding:0 20px}
  .hero-copy-inner{padding:67px 0 55px}
  .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:25px}
  .hero h1{font-size:clamp(45px,10.5vw,72px);max-width:650px;margin-bottom:26px}
  .hero-lead{font-size:17px;margin-bottom:15px}.hero-detail{font-size:14px;margin-bottom:30px}
  .hero-actions{align-items:flex-start}
  .hero-actions .button{width:auto;max-width:100%;min-height:58px}
  .hero-scroll{display:none}
  .hero-visual{height:360px;min-height:0;background-position:center 48%}
  .hero-visual-label{left:20px;bottom:23px}.hero-visual-index{right:20px;bottom:28px}
  .expertise-inner{justify-content:flex-start;flex-wrap:wrap;gap:10px 15px;padding:17px 0;min-height:0}
  .expertise-inner span{font-size:11px}.expertise-inner i{width:3px;height:3px}
  .section{padding:80px 0}
  .section-heading--split{display:block}.section-heading{margin-bottom:35px}
  .section-heading h2,.audience h2{font-size:clamp(38px,8vw,55px)}
  .heading-side{margin-top:22px;max-width:550px;font-size:15px}
  .benefits-grid{grid-template-columns:repeat(2,1fr)}
  .benefit{min-height:235px;padding:23px}
  .benefit h3{font-size:20px;margin-top:45px}
  .benefit p{font-size:14px}
  .catalog-grid{gap:10px}
  .category-card{padding:22px;min-height:370px}
  .category-main h3{font-size:27px}
  .category-main p{font-size:14px}
  .category-bottom{display:block}
  .category-bottom p{margin-bottom:15px}
  .brand-grid{grid-template-columns:repeat(3,1fr)}
  .manufacturer{height:112px}.manufacturer img{height:52px;width:min(100%,155px)}.manufacturer span{font-size:12px}
  .steps{grid-template-columns:repeat(2,1fr)}
  .step{border-bottom:1px solid #ffffff28;min-height:240px;padding:24px 18px 18px 0}
  .step:nth-child(2){border-right:0}.step:nth-child(3){padding-left:0}
  .step h3{margin-top:55px}
  .audience-layout,.request-layout{grid-template-columns:1fr;gap:42px}
  .client-list{grid-template-columns:1fr 1fr}
  .request-section{padding:80px 0}
  .request-copy h2{font-size:clamp(40px,8vw,60px)}
  .request-note{margin-top:35px}
  .final-layout{display:block}.final-layout .button{margin-top:30px}
  .footer-main{display:block;padding-bottom:55px}
  .footer-links{margin-top:55px;gap:50px}
  .footer-bottom{flex-wrap:wrap;gap:15px 25px}
  .footer-bottom span{flex-basis:100%}
  .mobile-cta{display:flex;position:fixed;bottom:14px;left:14px;right:14px;z-index:18;background:#c9bc80;color:#101920;align-items:center;justify-content:space-between;padding:16px 20px;font-size:14px;font-weight:700;box-shadow:0 9px 32px #0008}
  .footer{padding-bottom:110px}
}
@media(max-width:540px){
  .hero h1{font-size:clamp(43px,11vw,58px)}
  .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:19px}
  .hero-actions .button{width:100%}
  .hero-visual{height:310px}
  .expertise-inner i:nth-of-type(2){display:none}
  .benefits-grid,.catalog-grid,.steps,.client-list{grid-template-columns:1fr}
  .benefit{min-height:0;padding:24px 25px 30px}
  .benefit h3{margin-top:42px}.benefit p{max-width:420px}
  .category-card,.category-card--5{grid-column:auto;min-height:390px}
  .category-card--5 .category-main{margin-top:auto}
  .category-bottom{display:flex;align-items:start;flex-direction:column;gap:14px}
  .category-bottom p{margin-bottom:0}
  .brand-grid{grid-template-columns:repeat(2,1fr)}
  .manufacturer{height:102px;padding:10px 8px;gap:7px}.manufacturer img{height:48px;width:min(100%,145px)}
  .step,.step+.step,.step:nth-child(3){min-height:0;padding:23px 0 30px;border-right:0}
  .step h3{margin-top:38px}
  .client-list span{min-height:55px}
  .form-row{grid-template-columns:1fr}
  .form-panel{padding:27px 22px}
  .form-panel h3{font-size:31px}
  .request-copy>p:not(.eyebrow){font-size:16px}
  .final-cta{padding:60px 0}
  .final-cta h2{font-size:38px}
  .footer-links{flex-direction:column;gap:34px}
  .footer-links .footer-contact{min-width:0;max-width:none}
}
@media(max-width:380px){.hero h1{font-size:38px}.expertise-inner{gap:8px}.expertise-inner span{font-size:10px}}
@keyframes reveal-up{from{opacity:.55;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@supports(animation-timeline:view()){
  .section-heading,.benefit,.category-card,.step,.audience-layout,.request-layout{animation:reveal-up linear both;animation-timeline:view();animation-range:entry 0% entry 27%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important}}
.legal-page,.inquiries-page{min-height:100vh;background:#f0f1ec;color:#17222a;padding:50px 0 100px}
.legal-wrap{max-width:810px;margin:auto;padding:0 25px}
.legal-back{display:inline-block;color:#68746d;font-size:14px;margin-bottom:78px}
.legal-page h1,.inquiries-page h1{font-size:clamp(43px,5vw,68px);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin-bottom:40px}
.legal-page h2{font-size:26px;font-weight:500;letter-spacing:-.025em;margin:40px 0 13px}
.legal-page p{font-size:17px;color:#4a5558;line-height:1.7}
.legal-page a:not(.legal-back){text-decoration:underline;text-underline-offset:3px}
.legal-page .eyebrow{margin-bottom:25px}
.legal-note{padding:22px;border-left:2px solid #939877;background:#e5e8e0;margin-top:50px}
.inquiries-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid #cbd0ca;padding-bottom:30px}
.inquiries-heading .legal-back{margin-bottom:45px}
.inquiries-heading h1{margin-bottom:0}
.inquiries-heading>span{font-size:14px;color:#66736e}
.inquiries-empty{padding:50px 0;font-size:18px;color:#64706c}
.inquiries-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:35px}
.inquiry{background:#fff;padding:28px;overflow-wrap:anywhere}
.inquiry-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#7b8781}
.inquiry h2{font-size:27px;letter-spacing:-.035em;font-weight:500;margin:32px 0 5px}
.inquiry p{font-size:14px;color:#52605a;line-height:1.5;margin-bottom:14px}
.inquiry-contacts{display:flex;gap:15px;flex-wrap:wrap}
.inquiry-contacts a,.inquiry-download{color:#64704c;text-decoration:underline;text-underline-offset:3px}
.inquiry-download{font-size:14px}
@media(max-width:760px){.inquiries-list{grid-template-columns:1fr}.legal-back{margin-bottom:55px}}