/* Nelynt editorial pages: visual consistency with the public product, with accessible conversion actions. */
body{
  background:radial-gradient(circle at 8% 0%,#133853 0,transparent 32rem),linear-gradient(145deg,#071829,#102c42);
  min-width:0;
}
.wrap{width:100%;max-width:980px}
header{align-items:center}
header .brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:-.035em;line-height:1.2}
header .brand::before{
  content:"";width:28px;height:28px;flex:none;
  background:url("/favicon.svg") center/contain no-repeat;
}
header .back{color:#54e2ed;text-underline-offset:4px}
main{min-width:0;border-color:#d5e7ed;border-radius:20px;box-shadow:0 18px 55px rgba(0,0,0,.19)}
main h1{font-size:clamp(30px,4.6vw,50px);line-height:1.08;overflow-wrap:break-word}
main p,main li{max-width:78ch}
main a:not(.button-primary){color:#09657a;text-underline-offset:3px}
main .card{min-width:0;border-color:#d6e7ed;transition:border-color .15s,box-shadow .15s}
main .card:hover{border-color:#87cbd4;box-shadow:0 8px 24px rgba(6,32,54,.06)}
main .card strong{line-height:1.4}
.intro-cta,.cta{
  background:linear-gradient(125deg,#082238,#103c51);
  color:#eaf7f8;border:1px solid rgba(82,211,220,.33);
  border-radius:18px;box-shadow:0 12px 28px rgba(3,34,49,.15);
}
.intro-cta{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:20px 22px;margin:24px 0 28px;
}
.intro-cta .intro-copy{min-width:0;flex:1}
.intro-cta .intro-label{display:block;margin-bottom:7px;color:#99f1e5;font-size:11px;letter-spacing:.09em;font-weight:800;text-transform:uppercase}
.intro-cta strong,.cta strong{display:block;font-size:20px;line-height:1.25;letter-spacing:-.015em}
.intro-cta p,.cta p{color:#c7e2e9;font-size:14px;line-height:1.6;margin:9px 0 0;max-width:62ch}
main .intro-cta a.button-primary,main .cta a{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;min-width:172px;padding:11px 17px;border:0;border-radius:11px;
  color:#062638;background:linear-gradient(120deg,#10c7e8,#88eadc);
  font-size:14px;font-weight:800;text-align:center;text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,.16);transition:filter .15s,transform .15s;
}
main .intro-cta a.button-primary:hover,main .cta a:hover{filter:brightness(1.05);transform:translateY(-1px)}
main .cta{padding:23px 24px}
main .cta a{margin-top:16px}
main .cta p{margin:10px 0 0}
a:focus-visible{outline:3px solid #0d8fd1;outline-offset:3px}
footer a{text-underline-offset:3px}
@media(max-width:720px){
  .wrap{padding:24px 16px 44px}
  header{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}
  header .brand{font-size:23px}
  main{padding:20px;border-radius:17px}
  main h1{font-size:clamp(30px,8vw,38px);line-height:1.11}
  main .lead{font-size:17px;line-height:1.6}
  .intro-cta{flex-direction:column;align-items:stretch;padding:18px;gap:15px}
  .intro-cta strong,.cta strong{font-size:19px}
  main .intro-cta a.button-primary,main .cta a{width:100%;min-width:0}
  main .cta{padding:20px}
  main .cards{grid-template-columns:1fr}
  main .table-wrap{max-width:100%;overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){
  main .card,main .intro-cta a.button-primary,main .cta a{transition:none}
}
