:root{
  --bg:#080909;
  --bg2:#0d0e0f;
  --line:#25282a;
  --text:#f3f3f3;
  --muted:#a8abad;
  --orange:#ff7900;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.wrap{width:min(var(--max),calc(100% - 48px));margin:0 auto}

/* HEADER */
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(8,9,9,.97);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(8px);
}
.nav{
  min-height:96px;
  display:flex;
  align-items:center;
  gap:34px;
}
.brand{
  width:235px;
  flex:0 0 235px;
  display:block;
}
.brand img{display:block;width:100%}
.main-nav{
  margin-left:10px;
  display:flex;
  align-items:center;
  gap:27px;
  font-size:14px;
  letter-spacing:.045em;
  text-transform:uppercase;
  white-space:nowrap;
}
.main-nav a{
  color:#dedede;
  padding:12px 0;
  border-bottom:2px solid transparent;
}
.main-nav a:hover,
.main-nav a[aria-current="page"]{
  color:#fff;
  border-bottom-color:var(--orange);
}
.menu-toggle{
  display:none;
  margin-left:auto;
  border:1px solid #34383a;
  background:transparent;
  color:#fff;
  padding:10px 12px;
  font-size:12px;
  letter-spacing:.08em;
}

/* HOME */
.hero{
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--line);
}
.hero-inner{
  width:min(820px,100%);
  padding:72px 0 76px;
}
.hero h1{
  margin:0 0 20px;
  font-size:clamp(38px,4.6vw,58px);
  line-height:1.04;
  letter-spacing:-.04em;
  font-weight:800;
}
.hero h1 .accent{color:var(--orange)}
.hero p{
  margin:0;
  max-width:760px;
  color:#c3c5c6;
  font-size:18px;
}
.techline{
  border-bottom:1px solid var(--line);
  padding:18px 0;
  color:#bfc2c3;
  font-size:13px;
  letter-spacing:.01em;
}
.techline strong{color:var(--orange);font-weight:700}

/* GENERAL SECTIONS */
section.block{
  padding:74px 0;
  border-bottom:1px solid var(--line);
}
.block h2{
  margin:0 0 22px;
  font-size:clamp(32px,4vw,50px);
  letter-spacing:-.035em;
  line-height:1.05;
}
.block p{
  color:#c6c8c9;
  font-size:17px;
  max-width:900px;
}
.confidential{
  background:var(--bg2);
}
.confidential-inner{
  border-left:4px solid var(--orange);
  padding-left:30px;
  max-width:980px;
}
.contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:start;
}
.contact-phone{
  display:inline-block;
  color:var(--orange);
  font-size:clamp(30px,4vw,44px);
  font-weight:800;
  margin-top:8px;
}
.company-data{
  color:#c7c9ca;
  line-height:1.85;
  border-left:1px solid var(--line);
  padding-left:36px;
}
.company-data strong{color:#fff;font-size:18px}

/* INTERNAL PAGE */
.page-head{
  padding:62px 0 50px;
  border-bottom:1px solid var(--line);
}
.breadcrumb{
  color:#7e8284;
  font-size:12px;
  margin-bottom:16px;
}
.breadcrumb a:hover{color:var(--orange)}
.page-head h1{
  margin:0;
  font-size:clamp(38px,5vw,62px);
  line-height:1.02;
  letter-spacing:-.04em;
}
.page-head p{
  margin:18px 0 0;
  max-width:760px;
  color:#c2c5c6;
  font-size:17px;
}

/* OFFER LIST: NO RIGHT-HAND DESCRIPTION */
.offer-list{
  border-top:1px solid var(--line);
}
.offer-item{
  min-height:98px;
  display:grid;
  grid-template-columns:86px 1fr 48px;
  align-items:center;
  gap:24px;
  border-bottom:1px solid var(--line);
  transition:background .18s ease;
}
.offer-item:hover{background:#0d0f10}
.offer-no{
  color:var(--orange);
  font-weight:800;
  font-size:13px;
  letter-spacing:.08em;
}
.offer-name{
  font-size:clamp(22px,2.5vw,32px);
  line-height:1.12;
  font-weight:700;
  letter-spacing:-.02em;
}
.offer-arrow{
  text-align:right;
  color:#5d6265;
  font-size:26px;
  transition:transform .18s ease,color .18s ease;
}
.offer-item:hover .offer-name,
.offer-item:hover .offer-arrow{color:var(--orange)}
.offer-item:hover .offer-arrow{transform:translateX(4px)}

/* SERVICE DETAIL */
.detail{
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  gap:70px;
  align-items:start;
}
.detail-copy h2{
  margin:0 0 18px;
  font-size:32px;
}
.detail-copy p{
  color:#c6c8c9;
  font-size:17px;
}
.detail-list{
  border-top:1px solid var(--line);
}
.detail-list div{
  padding:16px 0;
  border-bottom:1px solid var(--line);
  color:#d8d9da;
}
.discreet-note{
  margin-top:28px;
  color:#85898b!important;
  font-size:13px!important;
}

/* ABOUT */
.about-copy{
  max-width:900px;
}
.about-copy p{
  margin:0 0 18px;
  color:#c6c8c9;
  font-size:17px;
}

/* FOOTER */
footer{
  padding:28px 0 38px;
  color:#737779;
  font-size:12px;
}
.footer-row{
  display:flex;
  justify-content:space-between;
  gap:24px;
}

/* MOBILE */
@media(max-width:900px){
  .wrap{width:min(var(--max),calc(100% - 28px))}
  .nav{min-height:78px}
  .brand{width:200px;flex-basis:200px;max-width:62vw}
  .menu-toggle{display:block}
  .main-nav{
    display:none;
    position:absolute;
    top:78px;
    left:0;
    right:0;
    margin:0;
    padding:18px 22px 22px;
    background:#090a0a;
    border-bottom:1px solid var(--line);
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }
  .main-nav.open{display:flex}
  .main-nav a{width:100%;padding:12px 0}
  .hero{min-height:auto}
  .hero-inner{padding:56px 0 60px}
  .hero h1{font-size:clamp(38px,10vw,58px)}
  .contact-grid,.detail{grid-template-columns:1fr;gap:34px}
  .company-data{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:28px}
}
@media(max-width:560px){
  .brand{width:190px;flex-basis:190px}
  .hero p,.block p,.page-head p,.detail-copy p,.about-copy p{font-size:16px}
  section.block{padding:56px 0}
  .offer-item{grid-template-columns:54px 1fr 28px;gap:14px;min-height:88px}
  .offer-name{font-size:22px}
  .footer-row{flex-direction:column}
}

.service-copy{
  max-width:900px;
}
.service-copy p{
  margin:0 0 20px;
  color:#c9cbcc;
  font-size:17px;
  line-height:1.72;
}


/* OFERTA — compact final layout */
.offer-list{
  width:min(820px,100%);
  margin:0 auto;
}
.offer-item{
  min-height:64px;
  grid-template-columns:1fr 28px;
  gap:18px;
  padding:0 4px;
}
.offer-name{
  font-size:20px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.01em;
}
.offer-arrow{
  font-size:20px;
}
@media (max-width:700px){
  .offer-list{width:100%}
  .offer-item{
    min-height:60px;
    grid-template-columns:1fr 24px;
    gap:12px;
  }
  .offer-name{font-size:18px}
  .offer-arrow{font-size:18px}
}


/* GLOBAL HEADER UNIFICATION */
.site-header .nav{
  min-height:88px !important;
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
}
.site-header .brand{
  width:220px !important;
  flex:0 0 220px !important;
  max-width:none !important;
}
.site-header .main-nav{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:30px !important;
  font-size:13px !important;
}
.site-header .main-nav a{
  padding:10px 0 !important;
}
@media(max-width:900px){
  .site-header .nav{min-height:76px !important}
  .site-header .brand{
    width:190px !important;
    flex-basis:190px !important;
    max-width:62vw !important;
  }
  .site-header .main-nav{
    display:none !important;
    top:76px !important;
    margin:0 !important;
    justify-content:flex-start !important;
  }
  .site-header .main-nav.open{display:flex !important}
}

/* OFFER PAGE FINAL COMPACT LIST */
.offer-list{
  width:min(760px,100%) !important;
  margin:0 auto !important;
}
.offer-item{
  min-height:58px !important;
  display:grid !important;
  grid-template-columns:1fr 22px !important;
  gap:14px !important;
  padding:0 !important;
}
.offer-item .offer-no{
  display:none !important;
}
.offer-name{
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}
.offer-arrow{
  font-size:17px !important;
}
.page-head{
  padding:42px 0 32px !important;
}
.page-head h1{
  font-size:40px !important;
}
@media(max-width:700px){
  .offer-list{width:100% !important}
  .offer-item{min-height:56px !important}
  .offer-name{font-size:17px !important}
  .page-head h1{font-size:34px !important}
}

/* SERVICE COPY PRO */
.service-copy{
  max-width:880px;
}
.service-copy p{
  margin:0 0 22px;
  color:#c8cbcc;
  font-size:16px;
  line-height:1.72;
}
.service-copy p:last-child{
  margin-bottom:0;
}

/* T-LAN SERVICE PRO */
.service-pro{padding:58px 0 70px;border-bottom:1px solid var(--line)}.service-breadcrumb{margin-bottom:28px;color:#777f82;font-size:12px}.service-breadcrumb a{color:#777f82}.service-breadcrumb span{padding:0 8px;color:#444}
.service-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:64px;align-items:stretch}.service-content h1{max-width:760px;margin:0;color:#f4f4f2;font-size:clamp(40px,4.1vw,64px);line-height:1;letter-spacing:-.035em}.service-content h1 em{color:var(--orange);font-style:normal}.service-accent{width:78px;height:2px;margin:26px 0 40px;background:var(--orange)}
.service-intro{display:grid;grid-template-columns:56px 1fr;gap:24px;max-width:760px}.service-symbol{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font-size:20px}.service-intro p{margin:0 0 13px;color:#aeb3b5;font-size:15px;line-height:1.65}.service-intro .service-lead{color:#f0f0ee;font-size:17px}
.service-scope{max-width:760px;margin-top:34px;padding:22px 26px;border:1px solid #272b2d;background:linear-gradient(135deg,rgba(255,122,0,.035),rgba(255,255,255,.012))}.service-scope-title{margin-bottom:13px;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.service-scope ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 24px}.service-scope li{position:relative;padding-left:19px;color:#c6c9ca;font-size:14px}.service-scope li:before{content:"";position:absolute;left:0;top:.68em;width:9px;height:1px;background:var(--orange)}
.service-visual{position:relative;min-height:445px;overflow:hidden;border:1px solid #25292b;background:radial-gradient(circle at 72% 30%,rgba(255,122,0,.11),transparent 26%),linear-gradient(145deg,#101214,#090a0b 58%,#0d0f10)}.service-visual:before{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px}.service-visual-label{position:absolute;top:24px;left:26px;color:#737a7d;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.service-tech-art{position:absolute;left:10%;top:34%;z-index:2;color:#f17800;opacity:.88;transform:scale(1.15);transform-origin:left center}.service-tech-art pre{margin:0;font:15px/1.75 Consolas,Monaco,monospace}.service-circuit{position:absolute;right:-35px;bottom:-35px;width:260px;height:260px;border:1px solid rgba(255,122,0,.32);border-radius:50%}.service-circuit:before,.service-circuit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.service-circuit:before{inset:38px}.service-circuit:after{inset:82px}
@media(max-width:900px){.service-grid{grid-template-columns:1fr;gap:38px}.service-visual{min-height:310px}}@media(max-width:620px){.service-pro{padding:38px 0 50px}.service-content h1{font-size:38px}.service-intro{grid-template-columns:1fr;gap:15px}.service-scope ul{grid-template-columns:1fr}.service-visual{min-height:270px}}

/* OFFER + CONTACT REFINEMENT */
.offer-pro-block{padding-top:42px}.offer-pro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.offer-pro-card{min-height:150px;padding:24px;display:grid;grid-template-columns:42px 1fr 20px;gap:16px;align-items:start;border:1px solid #262a2c;background:linear-gradient(145deg,#0d0f10,#090a0a);transition:.18s ease}
.offer-pro-card:hover{border-color:rgba(255,122,0,.65);transform:translateY(-2px);background:linear-gradient(145deg,#121313,#0a0b0b)}
.offer-pro-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #383d3f;border-radius:50%;color:var(--orange);font-size:16px}.offer-pro-card strong{display:block;color:#f2f2ef;font-size:17px;line-height:1.25}.offer-pro-card small{display:block;margin-top:10px;color:#858c8f;font-size:12px;line-height:1.5}.offer-pro-card b{color:#697174;font-weight:400}.offer-pro-card:hover b{color:var(--orange)}
.contact-pro-block{padding:58px 0 72px}.contact-pro{max-width:980px;margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;border:1px solid #272b2d;background:linear-gradient(145deg,#0d0f10,#090a0a)}
.contact-pro-main,.contact-pro-data{padding:48px 52px}.contact-pro-main{position:relative;background:radial-gradient(circle at 10% 10%,rgba(255,122,0,.08),transparent 38%)}.contact-pro-main:after{content:"";position:absolute;right:0;top:42px;bottom:42px;width:1px;background:#292d2f}
.contact-kicker{display:block;margin-bottom:22px;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.contact-pro-phone{display:inline-block;color:#f4f4f2;font-size:clamp(28px,3vw,40px);font-weight:750;letter-spacing:-.025em;border-bottom:2px solid var(--orange);padding-bottom:7px}.contact-pro-main p{margin:22px 0 0;color:#858c8f;font-size:13px}
.contact-pro-data h2{margin:0 0 16px;color:#f4f4f2;font-size:25px}.contact-pro-data address{color:#c7cacc;font-style:normal;font-size:14px;line-height:1.65}.contact-pro-data dl{margin:26px 0 0}.contact-pro-data dl div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid #25292b}.contact-pro-data dt{color:#777f82;font-size:11px;letter-spacing:.08em}.contact-pro-data dd{margin:0;color:#e5e5e2;font-size:13px}
@media(max-width:950px){.offer-pro-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.offer-pro-grid{grid-template-columns:1fr}.contact-pro{grid-template-columns:1fr}.contact-pro-main,.contact-pro-data{padding:32px 28px}.contact-pro-main:after{display:none}.contact-pro-data{border-top:1px solid #292d2f}}

/* CONTACT - remove separators only */
.contact-pro-data dl div{border-top:0!important;}