:root{
  /* Base premium (séria, elegante, tecnológica) */
  --bg:#07090D;              /* charcoal */
  --bg2:#0B1220;             /* navy profundo */
  --text:#F2F5FF;            /* off-white */
  --muted:rgba(242,245,255,.72);

  /* Superfícies e linhas (Apple-like) */
  --line:rgba(242,245,255,.12);
  --glass:rgba(255,255,255,.055);
  --glass2:rgba(255,255,255,.085);

  /* Acentos (tecnologia + exclusividade, sem neon) */
  --accent:#39D1C6;          /* teal premium */
  --accent2:#D6B77A;         /* champagne */
  --accentSoft:rgba(57,209,198,.16);
  --goldSoft:rgba(214,183,122,.14);

  /* Efeitos */
  --shadow: 0 20px 60px rgba(0,0,0,.55);
  --radius: 22px;
  --max: 1140px;
  --ease: cubic-bezier(.2,.8,.2,1);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:
  radial-gradient(1100px 700px at 18% 8%, var(--accentSoft), transparent 55%),
  radial-gradient(900px 620px at 78% 18%, var(--goldSoft), transparent 58%),
  linear-gradient(180deg, var(--bg), var(--bg2));
  color:var(--text);
  overflow-x:hidden;
}

.container{
  width:min(var(--max), calc(100% - 48px));
  margin-inline:auto;
}

.noise{
  pointer-events:none;
  position:fixed; inset:0;
  opacity:.08;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}

a{ color:inherit; text-decoration:none; }
.muted{ color:var(--muted); }
.center{ display:flex; justify-content:center; }
.mt-16{ margin-top:16px; } .mt-24{ margin-top:24px; }

.display{
  font-family:"Playfair Display", serif;
  letter-spacing:-.02em;
  font-size: clamp(36px, 4.2vw, 62px);
  line-height:1.02;
  margin:14px 0 14px;
}

.h2{
  font-family:"Playfair Display", serif;
  font-size: clamp(26px, 2.6vw, 38px);
  margin:0;
}

.lead{
  font-size: clamp(15px, 1.2vw, 18px);
  color:var(--muted);
  line-height:1.7;
  max-width: 56ch;
}

.gradient{
  background: linear-gradient(90deg, var(--accent), var(--accent2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

@media (prefers-reduced-motion: reduce){
  *{ animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}