:root{
  --bg:#070a0f;
  --bg2:#0b1119;
  --surface:#0f1722;
  --surface2:#131d2a;
  --card:rgba(15,23,34,.86);
  --muted:#9baabd;
  --text:#eef5ff;
  --text-soft:#c9d6e6;
  --accent:#1b8fff;
  --accent2:#40d3ff;
  --accent-soft:rgba(27,143,255,.14);
  --line:rgba(204,222,244,.13);
  --line-strong:rgba(80,172,255,.34);
  --shadow:0 20px 60px rgba(0,0,0,.38);
  --shadow-soft:0 12px 34px rgba(0,0,0,.25);
  --radius:8px;
  --radius2:8px;
  --container:1160px;
  --font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans","Helvetica Neue",sans-serif;
}

*{box-sizing:border-box}
html,body{min-height:100%}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font);
  background:
    linear-gradient(180deg,#0a1018 0%,#070a0f 42%,#090d13 100%);
  color:var(--text);
  line-height:1.6;
  text-rendering:optimizeLegibility;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 58%);
}

a{color:inherit;text-decoration:none}
a:hover{color:#ffffff}
a:focus-visible,
button:focus-visible,
input:focus-visible{
  outline:3px solid rgba(64,211,255,.62);
  outline-offset:3px;
}

.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.header .container{max-width:1280px}
.main{padding-bottom:56px}
.muted{color:var(--muted)}

.header{
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid var(--line);
  background:rgba(7,10,15,.86);
  backdrop-filter:saturate(150%) blur(16px);
  box-shadow:0 14px 40px rgba(0,0,0,.24);
}
.header__row{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:70px;
  padding:10px 0;
}
.brand{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  flex:0 0 auto;
  font-weight:850;
}
.brand__logo{font-size:22px;line-height:1}
.brand__tld{font-size:16px;color:var(--accent2);font-weight:800}
.brand--footer .brand__logo{font-size:21px}
.nav{
  display:flex;
  align-items:center;
  gap:3px;
  flex:1 1 auto;
  overflow:hidden;
  min-width:0;
  margin-left:4px;
}
.nav__link{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 7px;
  border:1px solid transparent;
  border-radius:var(--radius);
  color:var(--muted);
  font-size:12.5px;
  font-weight:700;
  white-space:nowrap;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.nav__link:hover{
  color:var(--text);
  border-color:var(--line);
  background:rgba(255,255,255,.04);
  transform:translateY(-1px);
}
.nav__link.is-active{
  color:#fff;
  border-color:rgba(64,211,255,.4);
  background:linear-gradient(180deg,rgba(27,143,255,.18),rgba(27,143,255,.08));
}
.header__cta{
  display:flex;
  gap:8px;
  flex:0 0 auto;
  margin-left:auto;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:11px 16px;
  border:1px solid rgba(64,211,255,.46);
  border-radius:var(--radius);
  background:linear-gradient(135deg,#1b8fff 0%,#0b68d4 100%);
  color:#fff;
  font-weight:800;
  line-height:1.2;
  box-shadow:0 14px 34px rgba(27,143,255,.24);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.btn:hover{
  color:#fff;
  transform:translateY(-2px);
  border-color:rgba(105,218,255,.72);
  box-shadow:0 18px 44px rgba(27,143,255,.32);
}
.btn--ghost{
  padding-inline:8px;
  background:transparent;
  border-color:transparent;
  color:var(--text-soft);
  box-shadow:none;
}
.btn--ghost:hover{
  transform:none;
  background:rgba(255,255,255,.026);
  border-color:rgba(201,214,230,.08);
  color:#fff;
  box-shadow:none;
}
.header__cta .btn--ghost,
.btn--ghost[href^="tel:"],
.hero__actions .btn--ghost[href="/contacts/"]{
  padding-inline:16px;
  background:rgba(255,255,255,.035);
  border-color:rgba(201,214,230,.12);
}
.header__cta .btn--ghost:hover,
.btn--ghost[href^="tel:"]:hover,
.hero__actions .btn--ghost[href="/contacts/"]:hover{
  background:rgba(27,143,255,.1);
  border-color:rgba(64,211,255,.28);
}
.btn--wide{width:100%}

.hero{
  padding:44px 0 16px;
  border-bottom:1px solid rgba(255,255,255,.035);
}
.hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:28px;
  align-items:center;
}
.kicker{
  margin:0 0 12px;
  color:var(--text-soft);
  font-size:13px;
  font-weight:700;
  text-transform:none;
  letter-spacing:0;
}
h1{
  margin:0 0 14px;
  max-width:900px;
  color:#fff;
  font-size:56px;
  line-height:1.05;
  letter-spacing:0;
}
.lead{
  max-width:70ch;
  margin:0 0 18px;
  color:var(--text-soft);
  font-size:17px;
}
.hero__media{
  position:relative;
  margin:22px 0 6px;
  overflow:hidden;
  border:1px solid rgba(201,214,230,.2);
  border-radius:var(--radius2);
  background:#0b1119;
  box-shadow:var(--shadow);
}
.hero__media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 38%,rgba(0,0,0,.22));
}
.hero__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:5/3;
  object-fit:cover;
  filter:saturate(.9) contrast(1.06) brightness(.82);
}
.hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0;
}
.hero__badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-top:14px;
}
.badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--muted);
  font-size:13px;
  font-weight:650;
  line-height:1.45;
}
.badge::before{
  content:"";
  flex:0 0 auto;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(64,211,255,.55);
}

.card{
  position:relative;
  overflow:hidden;
  padding:22px;
  border:1px solid var(--line);
  border-radius:var(--radius2);
  background:linear-gradient(180deg,rgba(19,29,42,.94),rgba(12,18,27,.92));
  box-shadow:var(--shadow);
}
.card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
}
.card__title{
  margin:0 0 7px;
  color:#fff;
  font-size:22px;
  line-height:1.2;
}
.card__sub{
  margin:0 0 14px;
  color:var(--muted);
  font-size:14px;
}

.form{position:relative}
.form label{
  display:block;
  margin:12px 0 0;
  color:var(--text-soft);
  font-size:13px;
  font-weight:750;
}
.form input,
.form textarea{
  width:100%;
  min-height:46px;
  margin-top:7px;
  padding:11px 13px;
  border:1px solid rgba(201,214,230,.18);
  border-radius:var(--radius);
  background:rgba(255,255,255,.055);
  color:var(--text);
  font:inherit;
  outline:none;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.form textarea{
  min-height:120px;
  resize:vertical;
}
.form input:focus,
.form textarea:focus{
  border-color:rgba(64,211,255,.66);
  background:rgba(255,255,255,.075);
  box-shadow:0 0 0 4px rgba(27,143,255,.12);
}
.form .btn{margin-top:14px}
.form__hidden{
  position:absolute;
  left:-9999px;
  opacity:0;
  pointer-events:none;
}
.form__note{margin:11px 0 0;color:var(--muted);font-size:12px}

.content{padding:18px 0 12px}
.direction-visual-section{
  padding:26px 0 6px;
}
.direction-visual{
  width:100%;
  margin:0;
  aspect-ratio:16 / 10;
  overflow:hidden;
  border-radius:18px;
  background:#0b1119;
}
.direction-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.section{
  margin-top:30px;
  scroll-margin-top:96px;
}
.section h2{
  margin:0 0 14px;
  color:#fff;
  font-size:27px;
  line-height:1.22;
  letter-spacing:0;
}
.section p{color:var(--text-soft)}
.grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.kv{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.kv .tile{height:100%}
.list{
  margin:10px 0 0;
  padding-left:20px;
  color:var(--text-soft);
}
hr.sep{
  height:1px;
  margin:34px 0 8px;
  border:0;
  background:linear-gradient(90deg,transparent,var(--line-strong),transparent);
}

.tile{
  position:relative;
  min-width:0;
  padding:18px;
  border:1px solid rgba(201,214,230,.08);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(19,29,42,.66),rgba(12,18,27,.58));
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.tile:hover{
  transform:translateY(-2px);
  border-color:rgba(201,214,230,.14);
  background:linear-gradient(180deg,rgba(23,35,50,.76),rgba(13,20,30,.66));
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.tile h3{
  margin:0 0 7px;
  color:#fff;
  font-size:17px;
  line-height:1.25;
}
.tile p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}
.home-page .icon-grid{
  align-items:stretch;
}
.home-page .home-icon-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:178px;
  overflow:hidden;
  padding:18px;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.home-page .home-card-icon{
  display:block;
  width:88px;
  height:66px;
  flex:0 0 auto;
  margin:0 0 16px;
  border:1px solid rgba(64,211,255,.16);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(12,19,30,.94),rgba(6,10,16,.94));
  filter:saturate(.96) contrast(1.04) brightness(.94);
  object-fit:contain;
  overflow:hidden;
}
.home-page .home-icon-card:hover .home-card-icon{
  filter:saturate(1) contrast(1.06) brightness(.98);
}
.home-page .category-icon-grid .home-icon-card{
  min-height:284px;
  padding:0;
}
.home-page .category-icon-grid .home-card-icon{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  margin:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  filter:none;
  padding:0;
  object-fit:cover;
}
.home-page .category-icon-grid .home-icon-card:hover .home-card-icon{
  filter:none;
}
.home-page .category-icon-grid .home-icon-card h3{
  padding:16px 18px 0;
}
.home-page .category-icon-grid .home-icon-card p{
  padding:0 18px 18px;
}
.home-page .country-icon-grid .home-card-icon{
  display:block;
  width:96px;
  height:auto;
  aspect-ratio:3/2;
  margin:0 0 16px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:none;
  padding:0;
  align-self:center;
  object-fit:contain;
  overflow:hidden;
}
.home-page .country-icon-grid .home-icon-card:hover .home-card-icon{
  filter:none;
}
.home-page .country-icon-grid .home-icon-card{
  min-height:210px;
}
.home-page .home-card-icon-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 16px;
}
.home-page .home-card-icon-row .home-card-icon{
  width:64px;
  height:56px;
  margin:0;
  border-radius:18px;
}
.home-page .home-icon-card h3{
  margin:0 0 7px;
}
.home-page .home-icon-card p{
  margin:0;
}
.section > .tile h3:not(:first-child){
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid var(--line);
}

.tile--media{
  overflow:hidden;
  padding:0;
}
.tile__image{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  border:0;
  border-radius:0;
  aspect-ratio:16/9;
  object-fit:cover;
  filter:saturate(.92) contrast(1.04);
}
.tile--media h3{
  margin:0;
  padding:16px 16px 6px;
  border-top:0;
}
.tile--media p{padding:0 16px 16px}

.media-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:16px;
}
.media-tile{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#0d141f;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.media-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(64,211,255,.28);
  box-shadow:var(--shadow-soft);
}
.media-tile__image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  filter:saturate(.92) contrast(1.03) brightness(.9);
}
.media-tile h3{
  margin:0;
  padding:12px 14px 14px;
  color:#fff;
  font-size:16px;
  line-height:1.25;
}

.process-section{
  position:relative;
  padding:22px;
  border:1px solid rgba(64,211,255,.18);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(15,23,34,.68),rgba(8,13,20,.48));
}
.process-section h2{margin-bottom:18px}
.process-grid{
  position:relative;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.process-grid .tile{
  padding-top:36px;
}
.process-grid .tile--media{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:36px 0 0;
}
.process-grid .tile__image{
  width:calc(100% - 28px);
  height:clamp(118px,10vw,150px);
  margin:0 14px;
  border:1px solid rgba(64,211,255,.14);
  border-radius:12px;
  aspect-ratio:3/2;
  object-fit:cover;
  background:#080d14;
  filter:saturate(.9) contrast(1.04) brightness(.9);
}
.process-grid .tile::before{
  content:"";
  position:absolute;
  top:17px;
  left:18px;
  width:10px;
  height:10px;
  border:2px solid var(--accent2);
  border-radius:50%;
  background:var(--bg);
  box-shadow:0 0 0 5px rgba(27,143,255,.1);
}
.process-grid .tile::after{
  content:"";
  position:absolute;
  top:23px;
  left:36px;
  right:-17px;
  height:1px;
  background:linear-gradient(90deg,rgba(64,211,255,.45),transparent);
}
.process-grid .tile:nth-child(5)::after,
.process-grid .tile:nth-child(10)::after{display:none}

.conversion-page .hero{
  background:linear-gradient(180deg,rgba(27,143,255,.06),transparent 72%);
}
.conversion-page .card--form{
  border-color:rgba(64,211,255,.26);
}
.page-calculator .card--form,
.page-contacts .card--form,
.page-podbor .card--form{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.page-calculator .hero__badges .badge,
.page-contacts .hero__badges .badge,
.page-podbor .hero__badges .badge{
  border:0;
  background:transparent;
}
.conversion-page .card--form .list{
  padding:14px 16px 14px 32px;
  border:0;
  border-radius:var(--radius);
  background:rgba(255,255,255,.025);
}
.form-section{
  padding:22px;
  border:1px solid rgba(64,211,255,.18);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(15,23,34,.72),rgba(8,13,20,.5));
}
.form-section > p{
  max-width:78ch;
  margin-top:-4px;
}
.form-section > .card,
.form-section .card--form{
  max-width:880px;
  border-color:rgba(64,211,255,.3);
  background:linear-gradient(180deg,rgba(19,29,42,.96),rgba(10,16,24,.95));
}
.form-section .form .kv{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.form-section .form .kv + .kv,
.form-section .form .kv + label,
.form-section .form > label + label{
  margin-top:12px;
}
.form-section .form .kv label{
  margin:0;
}
.form-section .form > label{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.form-section .form .btn{
  min-height:50px;
  font-size:15px;
}

.cost-breakdown{
  padding:22px;
  border:1px solid rgba(64,211,255,.18);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(15,23,34,.66),rgba(8,13,20,.44));
}
.cost-breakdown .grid{
  counter-reset:cost;
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.cost-breakdown .tile{
  min-height:142px;
  padding-top:48px;
}
.cost-breakdown .tile::before{
  counter-increment:cost;
  content:counter(cost,decimal-leading-zero);
  position:absolute;
  top:16px;
  left:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:24px;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(145,164,184,.78);
  font-size:12px;
  font-weight:850;
}

.route-section{
  position:relative;
  padding:22px;
  border:1px solid rgba(64,211,255,.18);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(15,23,34,.66),rgba(8,13,20,.44));
}
.route-section .grid{
  position:relative;
  counter-reset:route;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
}
.route-section .tile{
  padding-top:44px;
}
.route-section .tile::before{
  counter-increment:route;
  content:counter(route);
  position:absolute;
  top:15px;
  left:16px;
  width:auto;
  height:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(145,164,184,.82);
  font-size:12px;
  font-weight:850;
  box-shadow:none;
}
.route-section .tile::after{
  content:"";
  position:absolute;
  top:28px;
  left:48px;
  right:-17px;
  height:1px;
  background:linear-gradient(90deg,rgba(64,211,255,.42),transparent);
}

.contact-center .grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.contact-center .tile{
  min-height:176px;
  display:flex;
  flex-direction:column;
}
.contact-center .tile p:last-child{
  margin-top:auto;
}
.contact-center .tile .btn{
  width:100%;
}

.catalog-showcase,
.country-showcase{
  padding:22px;
  border:1px solid rgba(64,211,255,.16);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(15,23,34,.62),rgba(8,13,20,.42));
}
.catalog-showcase .media-grid,
.country-showcase .media-grid{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  align-items:stretch;
}
.catalog-showcase .media-tile,
.country-showcase .media-tile{
  min-height:210px;
  background:#080d14;
}
.country-showcase .media-tile{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:0;
  aspect-ratio:auto;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.country-showcase .media-tile:hover{
  transform:none;
  border-color:transparent;
  box-shadow:none;
}
.catalog-showcase .media-tile::after,
.country-showcase .media-tile::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 42%,rgba(4,8,13,.82));
}
.country-showcase .media-tile::after{
  display:none;
}
.catalog-showcase .media-tile__image,
.country-showcase .media-tile__image{
  height:100%;
  min-height:210px;
  aspect-ratio:auto;
  object-fit:cover;
}
.country-showcase .media-tile__image{
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:3/2;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:none;
  padding:0;
  object-fit:contain;
}
.country-showcase .media-tile h3{
  position:static;
  padding:0;
  background:transparent;
  backdrop-filter:none;
}
.catalog-showcase .media-tile h3,
.country-showcase .media-tile h3{
  position:absolute;
  left:12px;
  right:12px;
  bottom:10px;
  z-index:1;
  padding:10px 12px;
  border:0;
  border-radius:6px;
  background:rgba(7,10,15,.52);
  backdrop-filter:blur(6px);
}
.country-showcase .media-tile h3{
  position:static;
  left:auto;
  right:auto;
  bottom:auto;
  z-index:auto;
  padding:0;
  background:transparent;
  backdrop-filter:none;
}

.page-categories .grid .tile,
.page-directions .grid .tile{
  display:flex;
  flex-direction:column;
}
.page-categories .grid .tile p:last-child,
.page-directions .grid .tile p:last-child{
  margin-top:auto;
  padding-top:12px;
}
.page-categories .grid .tile .btn,
.page-directions .grid .tile .btn{
  width:100%;
}

.seo-page .hero{
  position:relative;
  overflow:hidden;
  padding:36px 0 30px;
  border-bottom:1px solid rgba(64,211,255,.12);
  background:
    linear-gradient(135deg,rgba(27,143,255,.12),transparent 34%),
    linear-gradient(180deg,rgba(15,23,34,.74),rgba(7,10,15,.2));
}
.seo-page .hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:92px 92px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.58),transparent 78%);
  opacity:.6;
}
.seo-page .hero .container{
  position:relative;
  z-index:1;
  max-width:1040px;
}
.seo-page .hero .muted:first-child{
  display:block;
  max-width:100%;
  margin:0 0 16px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
}
.seo-page .hero .muted:first-child a{
  color:var(--text-soft);
  font-weight:750;
}
.seo-page .hero .muted:first-child a:hover{
  color:#fff;
}
.seo-page .hero h1{
  max-width:930px;
  font-size:50px;
}
.seo-page .hero .lead{
  max-width:78ch;
  margin-bottom:22px;
  padding-left:18px;
  border-left:2px solid rgba(64,211,255,.42);
  color:#d6e2ef;
  font-size:16px;
}
.seo-page .hero .hero__actions{
  margin-top:20px;
}
.seo-page .hero .hero__actions .btn{
  min-height:46px;
}
.auction-page .hero{
  background:
    linear-gradient(135deg,rgba(27,143,255,.15),transparent 38%),
    linear-gradient(180deg,rgba(15,23,34,.78),rgba(7,10,15,.22));
}
.guide-page .hero{
  background:
    linear-gradient(135deg,rgba(64,211,255,.11),transparent 36%),
    linear-gradient(180deg,rgba(16,26,38,.74),rgba(7,10,15,.2));
}
.service-page .hero{
  background:
    linear-gradient(135deg,rgba(27,143,255,.13),transparent 32%),
    linear-gradient(180deg,rgba(15,23,34,.8),rgba(7,10,15,.18));
}
.seo-page .content{
  padding-top:26px;
}
.seo-page .content .container{
  max-width:1080px;
}
.seo-page .content .section{
  position:relative;
  margin-top:24px;
  padding:22px;
  border:1px solid rgba(201,214,230,.08);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(15,23,34,.54),rgba(8,13,20,.36));
  box-shadow:0 14px 34px rgba(0,0,0,.14);
}
.seo-page .content .section h2{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  font-size:24px;
}
.seo-page .content .section h2::before{
  content:"";
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(64,211,255,.55);
  box-shadow:none;
}
.seo-page .content .grid{
  gap:14px;
}
.seo-page .content .tile{
  border-color:rgba(201,214,230,.08);
  background:linear-gradient(180deg,rgba(19,29,42,.68),rgba(10,16,24,.56));
}
.seo-page .content .tile h3{
  font-size:16px;
}
.seo-page .content .tile p,
.seo-page .content .section p{
  color:#c4d2e2;
}
.seo-page .content .tile table{
  width:100%;
  margin:14px 0 0;
  border-collapse:collapse;
  table-layout:fixed;
  color:#c4d2e2;
  font-size:14px;
}
.seo-page .content .tile th,
.seo-page .content .tile td{
  padding:12px;
  border:1px solid rgba(201,214,230,.1);
  vertical-align:top;
  overflow-wrap:anywhere;
}
.seo-page .content .tile th{
  color:#f5f7fb;
  font-weight:700;
  background:rgba(255,255,255,.035);
}
.seo-page .content p.hero__actions{
  margin:16px 0 0;
  padding:14px;
  border:1px solid rgba(64,211,255,.18);
  border-radius:var(--radius);
  background:rgba(27,143,255,.07);
}
.seo-page .content p.hero__actions .btn{
  flex:1 1 180px;
}
.seo-faq-section .tile{
  overflow:hidden;
  padding:0;
  border-color:rgba(201,214,230,.12);
  background:rgba(255,255,255,.025);
  box-shadow:none;
}
.seo-faq-section .tile:hover{
  transform:none;
  box-shadow:none;
}
.seo-faq-section .tile h3{
  margin:0;
  padding:16px 18px 6px;
  border-top:1px solid rgba(201,214,230,.1);
}
.seo-faq-section .tile h3:first-child{
  border-top:0;
}
.seo-faq-section .tile p{
  padding:0 18px 16px;
}
.seo-form-section{
  border-color:rgba(64,211,255,.22)!important;
  background:
    linear-gradient(135deg,rgba(27,143,255,.1),transparent 42%),
    linear-gradient(180deg,rgba(15,23,34,.76),rgba(8,13,20,.54))!important;
}
.seo-form-section .card--form{
  max-width:860px;
  margin:0 auto;
  border-color:rgba(64,211,255,.34);
  background:linear-gradient(180deg,rgba(19,29,42,.98),rgba(9,15,23,.96));
}
.seo-form-section .card__title{
  font-size:24px;
}
.seo-form-section .form > label{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.seo-form-section .form > label + label{
  margin-top:12px;
}
.seo-form-section .form input{
  min-height:48px;
}
.seo-form-section .form .btn{
  min-height:50px;
  font-size:15px;
}
.legal-note-section{
  padding:18px 20px!important;
  border-color:rgba(201,214,230,.1)!important;
  background:linear-gradient(180deg,rgba(15,23,34,.5),rgba(8,13,20,.34))!important;
  box-shadow:none!important;
}
.legal-note-section h2{
  color:var(--text-soft);
  font-size:18px!important;
}
.legal-note-section h2::before{
  background:rgba(201,214,230,.5)!important;
  box-shadow:0 0 0 6px rgba(201,214,230,.05)!important;
}
.legal-note-section .tile{
  padding:14px 16px;
  border-color:rgba(201,214,230,.08);
  background:rgba(255,255,255,.018);
  box-shadow:none;
}
.legal-note-section .tile:hover{
  transform:none;
  border-color:rgba(201,214,230,.1);
  box-shadow:none;
}
.legal-note-section .tile p{
  color:var(--muted);
  font-size:13px;
}

/* Trust/company pages */
.trust-page .hero{
  position:relative;
  overflow:hidden;
  padding:46px 0 42px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(145deg,rgba(12,19,29,.98),rgba(7,11,18,.96) 52%,rgba(11,27,45,.9)),
    linear-gradient(90deg,rgba(64,211,255,.1),transparent 38%,rgba(59,130,246,.08));
}
.trust-page .hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 76%);
}
.trust-page .hero .container{
  position:relative;
  z-index:1;
}
.trust-page .hero__grid{
  align-items:center;
}
.trust-page .kicker{
  width:auto;
  max-width:100%;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--text-soft);
}
.trust-page h1{
  max-width:820px;
}
.trust-page .lead{
  max-width:760px;
  color:var(--text-soft);
}
.trust-page .hero__badges{
  margin-top:20px;
}
.trust-page .badge{
  border:0;
  background:transparent;
  color:var(--text-soft);
}
.trust-page .content{
  padding:36px 0 60px;
  background:
    linear-gradient(180deg,rgba(8,13,20,.96),rgba(7,10,16,.99)),
    linear-gradient(90deg,rgba(64,211,255,.035),transparent 44%,rgba(59,130,246,.04));
}
.trust-page .content .section{
  position:relative;
  padding:30px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(17,26,39,.62),rgba(10,16,25,.48));
  box-shadow:0 18px 48px rgba(0,0,0,.2);
}
.trust-page .content .section + .section{
  margin-top:24px;
}
.trust-page .content .section::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  border-radius:8px 8px 0 0;
  background:linear-gradient(90deg,rgba(64,211,255,.38),rgba(59,130,246,.16),transparent);
}
.trust-page .content .section h2{
  margin-top:0;
  color:#f7fbff;
}
.trust-page .content .section p{
  color:var(--text-soft);
}
.trust-page .content .grid{
  align-items:stretch;
}
.trust-page .content .tile{
  height:100%;
  border-color:rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  box-shadow:0 12px 30px rgba(0,0,0,.14);
}
.trust-page .content .tile:hover{
  transform:none;
  border-color:rgba(255,255,255,.11);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.trust-page .content .tile h3{
  color:#fff;
}
.trust-page .content .tile p{
  color:var(--muted);
}
.trust-form,
.trust-note-card,
.trust-form-section .card--form{
  border-color:rgba(64,211,255,.18);
  background:linear-gradient(180deg,rgba(18,29,43,.92),rgba(9,15,24,.86));
  box-shadow:0 22px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05);
}
.trust-form .card__title,
.trust-note-card .card__title{
  color:#fff;
}
.trust-form .form > label,
.trust-form-section .form > label,
.trust-form-section .form .kv label{
  color:var(--text-soft);
}
.trust-form .form input,
.trust-form .form textarea,
.trust-form-section .form input,
.trust-form-section .form textarea{
  border-color:rgba(201,214,230,.18);
  background:rgba(4,8,14,.55);
}
.company-page .content .section{
  max-width:920px;
}
.company-page .content .section p{
  font-size:17px;
  line-height:1.75;
}
.proof-page .content .grid,
.reviews-page .content .grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.proof-page .content .tile,
.reviews-page .content .tile{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:100%;
}
.proof-page .content .tile h3,
.reviews-page .content .tile h3{
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.legal-page .content .section{
  max-width:920px;
  border-color:rgba(201,214,230,.13);
  background:linear-gradient(180deg,rgba(17,25,36,.66),rgba(11,16,24,.62));
  box-shadow:0 18px 52px rgba(0,0,0,.18);
}
.legal-page .content .section::before{
  background:linear-gradient(90deg,rgba(201,214,230,.45),rgba(64,211,255,.2),transparent);
}
.legal-page .content .section h2{
  color:var(--text-soft);
}
.reviews-page .trust-note-card{
  border-color:rgba(201,214,230,.15);
  box-shadow:0 18px 56px rgba(0,0,0,.24);
}
.reviews-page .trust-note-card .list{
  margin-top:16px;
}
.trust-faq .tile{
  border-color:rgba(201,214,230,.08);
  background:rgba(255,255,255,.024);
}
.trust-faq .tile h3{
  font-size:17px;
}
.trust-faq .tile p{
  font-size:15px;
}

.related-links{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(201,214,230,.12);
}
.related-links h3{
  margin:0 0 10px;
  color:#fff;
  font-size:17px;
  line-height:1.25;
}
.related-links__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 22px;
  margin:0;
  padding-left:18px;
  color:var(--muted);
}
.related-links__list li{
  padding-left:2px;
}
.related-links__list a{
  color:var(--text-soft);
  text-decoration:none;
  border-bottom:1px solid rgba(64,211,255,.25);
  transition:color .16s ease,border-color .16s ease;
}
.related-links__list a:hover{
  color:#fff;
  border-bottom-color:rgba(64,211,255,.58);
}
.related-links__list a:focus-visible{
  outline:2px solid rgba(64,211,255,.78);
  outline-offset:4px;
  border-radius:4px;
}

.site-map-hero{
  padding-bottom:44px;
}
.site-map-hero .container{
  max-width:980px;
}
.site-map-hero .lead{
  max-width:790px;
}
.site-map-highlights{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.site-map-highlight,
.site-map-section{
  border:1px solid rgba(201,214,230,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022));
  border-radius:var(--radius);
  padding:22px;
  box-shadow:0 18px 54px rgba(0,0,0,.18);
}
.site-map-highlight h2,
.site-map-section h3{
  margin:0 0 14px;
  color:#fff;
}
.site-map-highlight .kicker{
  margin-bottom:8px;
}
.site-map-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.site-map-section--wide{
  grid-column:1/-1;
}
.site-map-section p{
  margin:0 0 12px;
  color:var(--text-soft);
}
.site-map-list{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.site-map-list a{
  position:relative;
  display:inline;
  color:var(--text-soft);
  text-decoration:none;
  line-height:1.45;
  border-bottom:1px solid rgba(64,211,255,0);
  transition:color .16s ease,border-color .16s ease;
}
.site-map-list a::before{
  content:"";
  display:inline-block;
  width:5px;
  height:5px;
  margin-right:9px;
  border-radius:50%;
  background:rgba(64,211,255,.55);
  vertical-align:middle;
  transform:translateY(-1px);
}
.site-map-list a:hover{
  color:#fff;
  border-color:rgba(64,211,255,.35);
}
.site-map-list a:focus-visible{
  outline:2px solid rgba(64,211,255,.78);
  outline-offset:4px;
  border-radius:4px;
}
.site-map-list--featured{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.footer{
  margin-top:30px;
  padding:34px 0 12px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(8,13,20,.94),rgba(5,8,12,.98));
}
.footer__grid{
  display:grid;
  grid-template-columns:1.25fr .85fr .9fr;
  gap:24px;
}
.footer__title{
  margin:0 0 9px;
  color:#fff;
  font-weight:850;
}
.footer a{color:var(--text-soft)}
.footer a:hover{color:#fff}
.footer__links{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:var(--muted);
}
.footer__bottom{
  padding:16px 0 0;
  border-top:1px solid rgba(255,255,255,.06);
  margin-top:22px;
}

@media (max-width:1160px){
  .nav{display:none}
}
@media (max-width:980px){
  .hero{padding-top:30px}
  .hero__grid{grid-template-columns:1fr}
  h1{font-size:42px}
  .seo-page .hero h1{font-size:40px}
  .seo-page .content .grid{grid-template-columns:1fr 1fr}
  .site-map-highlights,
  .site-map-grid{grid-template-columns:1fr}
  .site-map-section--wide{grid-column:auto}
  .proof-page .content .grid,
  .reviews-page .content .grid{grid-template-columns:1fr 1fr}
  .grid,.kv,.process-grid,.cost-breakdown .grid{grid-template-columns:1fr 1fr}
  .footer__grid{grid-template-columns:1fr 1fr}
  .process-grid .tile:nth-child(5)::after{display:block}
  .process-grid .tile:nth-child(even)::after{display:none}
  .process-grid .tile__image{height:clamp(150px,28vw,220px)}
  .contact-center .grid{grid-template-columns:1fr}
  .route-section .tile:nth-child(even)::after{display:none}
}
@media (max-width:640px){
  .container{padding:0 16px}
  .header__row{min-height:64px;gap:10px}
  .brand__logo{font-size:20px}
  .brand__tld{font-size:15px}
  .header__cta{gap:6px}
  .header__cta .btn{min-height:38px;padding:9px 10px;font-size:13px}
  .hero{padding-top:24px}
  h1{font-size:32px;line-height:1.1}
  .lead{font-size:15px}
  .seo-page .hero{padding:24px 0 22px}
  .seo-page .hero h1{font-size:31px}
  .seo-page .hero .lead{
    padding-left:12px;
    font-size:15px;
  }
  .seo-page .content .section{
    padding:18px;
  }
  .seo-page .content .grid{
    grid-template-columns:1fr;
  }
  .seo-page .content p.hero__actions{
    padding:12px;
  }
  .seo-page .content p.hero__actions .btn{
    flex-basis:100%;
    width:100%;
  }
  .seo-faq-section .tile h3{
    padding:14px 14px 6px;
  }
  .seo-faq-section .tile p{
    padding:0 14px 14px;
  }
  .trust-page .hero{padding:26px 0 28px}
  .trust-page .kicker{
    width:auto;
    font-size:12px;
  }
  .trust-page .content{
    padding:26px 0 42px;
  }
  .trust-page .content .section{
    padding:18px;
  }
  .site-map-hero{padding-bottom:28px}
  .site-map-highlight,
  .site-map-section{padding:18px}
  .site-map-list--featured{grid-template-columns:1fr}
  .related-links__list{grid-template-columns:1fr}
  .proof-page .content .grid,
  .reviews-page .content .grid{grid-template-columns:1fr}
  .hero__actions{gap:8px}
  .hero__actions .btn{width:100%}
  .grid,.kv,.process-grid,.footer__grid,.cost-breakdown .grid{grid-template-columns:1fr}
  .card,.process-section,.form-section,.seo-form-section,.legal-note-section,.cost-breakdown,.route-section,.catalog-showcase,.country-showcase{padding:18px}
  .section{margin-top:24px}
  .section h2{font-size:23px}
  .media-grid{grid-template-columns:1fr}
  .process-grid{padding-left:14px}
  .process-grid::before{
    content:"";
    position:absolute;
    top:8px;
    bottom:8px;
    left:4px;
    width:1px;
    background:linear-gradient(180deg,var(--accent2),rgba(64,211,255,.06));
  }
  .process-grid .tile::before{left:-15px}
  .process-grid .tile::after{display:none!important}
  .process-grid .tile__image{height:clamp(180px,58vw,220px)}
  .route-section .grid{padding-left:14px}
  .route-section .grid::before{
    content:"";
    position:absolute;
    top:8px;
    bottom:8px;
    left:4px;
    width:1px;
    background:linear-gradient(180deg,var(--accent2),rgba(64,211,255,.06));
  }
  .route-section .tile::before{left:-15px}
  .route-section .tile::after{display:none!important}
  .catalog-showcase .media-grid,
  .country-showcase .media-grid{grid-template-columns:1fr}
  .catalog-showcase .media-tile,
  .country-showcase .media-tile,
  .catalog-showcase .media-tile__image,
  .country-showcase .media-tile__image{min-height:190px}
}
@media (max-width:380px){
  .container{padding:0 14px}
  .header__cta .btn{padding:8px 8px;font-size:12px}
  h1{font-size:30px}
  .seo-page .hero h1{font-size:29px}
  .seo-page .hero .muted:first-child{font-size:12px}
  .seo-page .content .section{padding:16px}
}
