/* AVANTHY SOBRE — EDITORIAL TECH */
.avs-page{
  --navy:#071426;
  --navy2:#0b1d35;
  --blue:#246bfe;
  --blue2:#63a4ff;
  --orange:#ff7a1a;
  --ink:#0b1728;
  --muted:#64748b;
  --line:rgba(15,23,42,.12);
  font-family:"Poppins",sans-serif;
  color:var(--ink);
  background:#fff;
  overflow:hidden;
}
.avs-page *{box-sizing:border-box}
.avs-wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.avs-kicker{
  display:inline-flex;align-items:center;gap:10px;
  color:#91b9ff;font-size:12px;font-weight:700;letter-spacing:.17em
}
.avs-kicker i{width:28px;height:1px;background:var(--orange)}
.avs-kicker-dark{color:#315071}

/* HERO */
.avs-hero{
  min-height:720px;position:relative;display:flex;align-items:center;
  padding:105px 0 125px;color:#fff;overflow:hidden;
  background:
    radial-gradient(circle at 82% 20%,rgba(36,107,254,.18),transparent 30%),
    linear-gradient(135deg,#06111f,#07172a 55%,#0a1b31)
}
.avs-grid{
  position:absolute;inset:0;opacity:.11;
  background-image:
    linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(to bottom,#000,transparent 90%)
}
.avs-orbit{
  position:absolute;width:560px;height:560px;border-radius:50%;
  border:1px solid rgba(99,164,255,.15);right:-250px;top:40px;
  box-shadow:0 0 130px rgba(36,107,254,.10) inset
}
.avs-hero-layout{
  position:relative;z-index:2;display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:90px;align-items:end
}
.avs-hero h1{
  max-width:790px;margin:27px 0 28px;
  font-size:clamp(52px,6vw,86px);line-height:.98;
  letter-spacing:-.055em;font-weight:700
}
.avs-hero h1 span{
  display:block;background:linear-gradient(90deg,#fff,#7fb0ff);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.avs-lead{
  max-width:650px;margin:0;color:#b8c6d8;
  font-size:20px;line-height:1.7
}
.avs-manifesto{
  padding:30px 0 6px 32px;border-left:1px solid rgba(255,255,255,.15)
}
.avs-manifesto>span{
  color:#7891ad;font-size:10px;font-weight:700;letter-spacing:.16em
}
.avs-manifesto>p{
  margin:18px 0 30px;color:#d1dae6;font-size:17px;line-height:1.7
}
.avs-manifesto-line{
  display:flex;align-items:center;gap:10px;color:#8194aa;
  font-size:9px;letter-spacing:.1em
}
.avs-manifesto-line i{width:18px;height:1px;background:#39516c}

/* SECTIONS */
.avs-section{position:relative;padding:130px 0 145px}
.avs-two{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:110px
}
.avs-section h2{
  margin:24px 0 0;max-width:650px;
  font-size:clamp(40px,4.5vw,66px);line-height:1.02;
  letter-spacing:-.05em
}
.avs-copy{padding-top:43px}
.avs-copy p{margin:0 0 25px;color:var(--muted);font-size:18px;line-height:1.8}
.avs-copy .avs-copy-lead{color:var(--ink);font-size:22px;line-height:1.65}

.avs-section-head{max-width:850px}
.avs-section-head>p{
  max-width:690px;margin:28px 0 0;color:var(--muted);
  font-size:18px;line-height:1.8
}

/* AREAS */
.avs-today{background:#f7f9fc}
.avs-fields{margin-top:75px;border-top:1px solid var(--line)}
.avs-fields>div{
  display:grid;grid-template-columns:.65fr 1.35fr;
  gap:50px;padding:26px 0;border-bottom:1px solid var(--line)
}
.avs-fields strong{font-size:18px}
.avs-fields p{margin:0;color:var(--muted);font-size:17px;line-height:1.7}

/* THINKING */
.avs-thinking{
  color:#fff;
  background:linear-gradient(135deg,#071426,#0a1b31)
}
.avs-thinking h2{color:#fff}
.avs-principles{border-top:1px solid rgba(255,255,255,.14)}
.avs-principles article{padding:27px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.avs-principles strong{color:#fff;font-size:20px}
.avs-principles p{margin:9px 0 0;color:#9dafc4;font-size:16px;line-height:1.7}

/* WORK */
.avs-flow{
  margin-top:70px;padding:28px 0;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);display:flex;
  justify-content:space-between;align-items:center
}
.avs-flow span{font-size:20px;font-weight:600}
.avs-flow i{color:var(--orange);font-style:normal}

/* PRESENCE */
.avs-presence{background:#f7f9fc}
.avs-presence-grid{
  display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:center
}
.avs-place{padding:38px;border-left:1px solid #cfd8e5}
.avs-place>span{font-size:10px;font-weight:700;letter-spacing:.17em;color:#718096}
.avs-place strong{
  display:block;margin-top:15px;font-size:48px;letter-spacing:-.05em
}
.avs-place p{margin:2px 0;color:var(--blue);font-size:18px}
.avs-place>i{display:block;width:50px;height:2px;margin:28px 0;background:var(--orange)}
.avs-place small{display:block;max-width:370px;color:var(--muted);font-size:15px;line-height:1.7}

/* NEXT */
.avs-next{
  position:absolute;left:50%;bottom:30px;transform:translateX(-50%);
  display:flex;align-items:center;gap:12px;text-decoration:none;
  color:#53657a;font-size:9px;font-weight:700;letter-spacing:.15em
}
.avs-next i{
  width:34px;height:34px;border:1px solid #d4dce7;border-radius:50%;
  display:grid;place-items:center;color:var(--blue);
  font-size:15px;font-style:normal;transition:.2s ease
}
.avs-next:hover i{transform:translateY(4px)}
.avs-next-light{color:#8396ad}
.avs-next-light i{border-color:rgba(255,255,255,.2);color:#8eb8ff}

/* FINAL */
.avs-final{
  padding:125px 0 135px;color:#fff;
  background:#050d18
}
.avs-final h2{
  margin:25px 0 28px;font-size:clamp(52px,7vw,92px);
  line-height:.95;letter-spacing:-.06em
}
.avs-final h2 span{color:#75a9ff}
.avs-final p{
  max-width:650px;margin:0;color:#9bacc0;
  font-size:18px;line-height:1.75
}
.avs-contact{
  display:inline-flex;align-items:center;gap:18px;margin-top:42px;
  padding:15px 20px;border-radius:8px;background:var(--orange);
  color:#fff;text-decoration:none;font-size:14px;font-weight:700
}

html{scroll-behavior:smooth}

@media(max-width:800px){
  .avs-wrap{width:min(100% - 34px,1180px)}
  .avs-hero{min-height:auto;padding:88px 0 120px}
  .avs-hero-layout,.avs-two,.avs-presence-grid{grid-template-columns:1fr;gap:48px}
  .avs-hero h1{font-size:clamp(47px,13.5vw,66px)}
  .avs-lead{font-size:18px}
  .avs-manifesto{padding:24px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.15)}
  .avs-section{padding:90px 0 120px}
  .avs-section h2{font-size:clamp(39px,11vw,54px)}
  .avs-copy{padding-top:0}
  .avs-copy .avs-copy-lead{font-size:20px}
  .avs-copy p{font-size:17px}
  .avs-fields{margin-top:48px}
  .avs-fields>div{grid-template-columns:1fr;gap:8px;padding:22px 0}
  .avs-fields p{font-size:16px}
  .avs-flow{display:grid;grid-template-columns:1fr;gap:13px}
  .avs-flow i{transform:rotate(90deg);width:max-content}
  .avs-place{padding:28px 0 0;border-left:0;border-top:1px solid #cfd8e5}
  .avs-place strong{font-size:42px}
  .avs-next{bottom:24px}
  .avs-final{padding:95px 0 105px}
  .avs-final h2{font-size:clamp(48px,13vw,68px)}
}