/* Contactory · homepage futuristica.
   Desktop: tutte le misure derivano da --u (1 unità = 1px del canvas 1440,
   ridotto in proporzione fino a 860px), così a 888px la composizione segue il
   mockup master. I testi hanno un minimo in px per restare leggibili.
   Sotto 768px il layout è autonomo, in px. */

@font-face{font-family:"Plus Jakarta Sans";src:url("assets/fonts/PlusJakartaSans-Variable.woff2?v=20261019173004") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}

:root{
  --navy:#07152F; --navy-2:#0D2A52; --navy-3:#123A68;
  --blue:#2768FF; --sky:#56A4FF; --aqua:#00C7C2; --mint:#72F2D1; --violet:#9B6CFF;
  --ice:#EAF6FF; --surface:#F5FAFF; --muted:#5F7290; /* #70809C del brand scurito per AA sui testi */
  --blue-text:#1F5BEA; --ink:#07152F; --text-2:#45557A;
  --gradient:linear-gradient(100deg,#2768FF 0%,#168CFF 46%,#00C7C2 78%,#72F2D1 100%);
  --aurora:linear-gradient(120deg,#2768FF 0%,#00C7C2 52%,#72F2D1 76%,#9B6CFF 100%);
  --shadow-soft:0 18px 50px rgba(10,45,95,.12);
  --font:"Plus Jakarta Sans",Arial,sans-serif;
  --u:min(calc(100vw / 1440), .92px);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--surface);line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.i{width:1.2em;height:1.2em;flex:none;display:inline-block;vertical-align:middle}

.wrap{width:100%;max-width:calc(1440 * var(--u));margin-inline:auto;padding-inline:calc(64 * var(--u))}

/* Bottoni */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font:inherit;font-weight:700;font-size:max(12.5px,calc(19 * var(--u)));line-height:1.2;
  padding:calc(16 * var(--u)) calc(28 * var(--u));border-radius:calc(10 * var(--u));border:1px solid transparent;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s}
.btn .i{width:1.05em;height:1.05em}
.btn-primary{background:linear-gradient(180deg,#3387FF,#1763F7);color:#fff;border-color:rgba(128,195,255,.7);box-shadow:0 8px 24px rgba(39,104,255,.3)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(39,104,255,.42)}
.btn-ghost{color:#fff;border-color:rgba(160,210,255,.75);background:rgba(10,39,76,.35)}
.btn-ghost:hover{background:rgba(39,104,255,.18)}
.btn-light{background:#fff;color:var(--navy)}
.btn-light:hover{background:var(--ice)}
.btn-block{width:100%}

.eyebrow{font-size:max(11px,calc(16 * var(--u)));font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-text);margin-bottom:calc(10 * var(--u))}
.eyebrow.center{text-align:center}
.title{text-align:center;font-weight:800;letter-spacing:-.025em;line-height:1.08;font-size:max(22px,calc(43 * var(--u)))}

/* ---------- Header + hero (navy) ---------- */
.dark-top{position:relative;overflow-x:clip;color:#fff;background:#06132C url("assets/backgrounds/hero-aurora.svg?v=20261019173004") center/cover no-repeat}
.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;height:calc(92 * var(--u))}
.brand img{width:calc(282 * var(--u));min-width:150px}
.nav{display:flex;align-items:center;gap:calc(40 * var(--u))}
.nav > a:not(.btn){text-decoration:none;color:#E6F1FF;font-size:max(13px,calc(20 * var(--u)));font-weight:500}
.nav > a:not(.btn):hover{color:var(--mint)}
.btn-nav{margin-left:calc(40 * var(--u));padding:calc(13 * var(--u)) calc(22 * var(--u))}
.menu-toggle{display:none}

.hero-copy{position:relative;z-index:1}
.hero{display:grid;grid-template-columns:minmax(0,580fr) minmax(0,732fr);align-items:center;gap:calc(20 * var(--u));padding-top:calc(16 * var(--u))}
.hero h1{font-size:max(30px,calc(56 * var(--u)));line-height:1;font-weight:800;letter-spacing:-.03em;margin-bottom:calc(26 * var(--u))}
.hero .grad{display:block;white-space:nowrap;background:linear-gradient(90deg,#56A4FF 0%,#2FB8F0 55%,#00C7C2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .eyebrow{color:#7FC4FF;margin-bottom:calc(20 * var(--u))}
.hero-text{font-size:max(14px,calc(25 * var(--u)));color:#DCEBFA;max-width:calc(540 * var(--u));margin-bottom:calc(34 * var(--u))}
.actions{display:flex;flex-wrap:wrap;gap:calc(22 * var(--u))}
.hero-art{margin-right:calc(-24 * var(--u));padding-block:calc(14 * var(--u))}

.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding-top:calc(30 * var(--u));padding-bottom:calc(34 * var(--u))}
.benefits li{display:flex;align-items:center;gap:calc(22 * var(--u));padding-inline:calc(30 * var(--u))}
.benefits li:first-child{padding-left:0}
.benefits li + li{border-left:1px solid rgba(140,200,255,.22)}
.b-icon{color:var(--sky);display:grid;place-items:center}
.b-icon .i{width:calc(54 * var(--u));height:calc(54 * var(--u));min-width:30px;min-height:30px}
.benefits h2{font-size:max(13px,calc(19 * var(--u)));font-weight:700;margin-bottom:2px}
.benefits p{font-size:max(11px,calc(15 * var(--u)));color:#C4D7EE}

/* ---------- Come funziona ---------- */
.how{background:#fff url("assets/backgrounds/light-signal-mesh.svg?v=20261019173004") center/cover no-repeat;padding:calc(26 * var(--u)) 0 calc(34 * var(--u))}
.how .title{margin-bottom:calc(26 * var(--u))}
.steps-wrap{position:relative}
.rail{position:absolute;left:0;right:0;width:100%;top:calc(-34 * var(--u));pointer-events:none}
.steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(28 * var(--u))}
.steps li{text-align:center}
.s-head{display:flex;justify-content:center;align-items:center;gap:calc(26 * var(--u));margin-bottom:calc(10 * var(--u));transform:translateX(calc(-30 * var(--u)))}
.s-num{width:calc(36 * var(--u));height:calc(36 * var(--u));min-width:22px;min-height:22px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;font-size:max(11px,calc(16 * var(--u)));display:grid;place-items:center;box-shadow:0 0 0 calc(6 * var(--u)) rgba(39,104,255,.12)}
.s-icon{width:calc(78 * var(--u));height:calc(78 * var(--u));min-width:44px;min-height:44px;border-radius:50%;background:#fff;border:1px solid #CFE3FA;box-shadow:0 10px 26px rgba(39,104,255,.14);display:grid;place-items:center;color:var(--navy)}
.s-icon .i{width:46%;height:46%}
.steps li:nth-child(n+3) .s-num{background:linear-gradient(135deg,var(--blue),var(--aqua))}
.steps h3{font-size:max(14px,calc(25 * var(--u)));font-weight:800;letter-spacing:-.01em}
.s-sub{color:var(--blue-text);font-weight:600;font-size:max(12px,calc(19 * var(--u)));margin:2px 0 calc(10 * var(--u))}
.s-text{color:var(--text-2);line-height:1.4;font-size:max(11.5px,calc(18 * var(--u)));max-width:17em;margin-inline:auto}

/* ---------- Piattaforme ---------- */
.platforms{background:linear-gradient(180deg,#F5FAFF 0%,#EEF7FF 100%);padding:calc(26 * var(--u)) 0 calc(30 * var(--u));border-top:1px solid #E3EEF9}
.platforms .title{margin-bottom:calc(20 * var(--u))}
.p-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(24 * var(--u))}
.p-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:calc(18 * var(--u));align-items:center;padding:calc(20 * var(--u));border-radius:calc(20 * var(--u));
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,247,255,.8));border:1px solid rgba(114,186,255,.32);box-shadow:var(--shadow-soft)}
.socialzen{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(229,251,248,.82));border-color:rgba(0,199,194,.3)}
.p-head{display:flex;align-items:center;gap:calc(14 * var(--u));margin-bottom:calc(12 * var(--u))}
.p-badge{flex:none;width:calc(66 * var(--u));height:calc(66 * var(--u));min-width:38px;min-height:38px;border-radius:calc(16 * var(--u));display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#3387FF,#1763F7);box-shadow:0 8px 22px rgba(39,104,255,.32)}
.socialzen .p-badge{background:linear-gradient(135deg,#19D3C5,#00A9B8);box-shadow:0 8px 22px rgba(0,199,194,.32)}
.p-badge .i{width:52%;height:52%}
.p-head h3{font-size:max(18px,calc(32 * var(--u)));font-weight:800;letter-spacing:-.02em;line-height:1.1}
.p-head p{font-size:max(11px,calc(16 * var(--u)));color:var(--text-2)}
.p-text{font-size:max(11px,calc(16 * var(--u)));line-height:1.4;color:var(--text-2);margin-bottom:calc(10 * var(--u))}
.checks li{display:flex;align-items:center;gap:calc(14 * var(--u));font-size:max(11.5px,calc(19 * var(--u)));line-height:1.35;padding:calc(2 * var(--u)) 0}
.checks .i{color:var(--blue);width:1.15em;height:1.15em;stroke-width:2.4}
.socialzen .checks .i{color:var(--aqua)}
.p-art{width:100%;border-radius:calc(14 * var(--u));box-shadow:0 10px 30px rgba(10,45,95,.12)}

/* ---------- Team marketing (navy) ---------- */
.team{color:#fff;background:#07152F url("assets/backgrounds/team-neural-field.svg?v=20261019173004") center/cover no-repeat;overflow:hidden}
.team-copy{position:relative;z-index:1}
.team-grid{display:grid;grid-template-columns:minmax(0,660fr) minmax(0,670fr);align-items:center;gap:calc(10 * var(--u));padding-top:calc(34 * var(--u));padding-bottom:calc(30 * var(--u))}
.team .eyebrow{color:#7FC4FF;margin-bottom:calc(14 * var(--u))}
.team h2{font-size:max(22px,calc(40 * var(--u)));font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-bottom:calc(20 * var(--u))}
.team h2 .nl{display:block}
.team-text{font-size:max(14px,calc(26 * var(--u)));color:#DCEBFA;margin-bottom:calc(28 * var(--u));max-width:27em}
.pill{display:inline-flex;align-items:center;gap:calc(18 * var(--u));padding:calc(20 * var(--u)) calc(52 * var(--u)) calc(20 * var(--u)) calc(34 * var(--u));border-radius:999px;background:linear-gradient(100deg,#2768FF 0%,#0F74E0 55%,#0A8291 100%);
  font-size:max(15px,calc(29 * var(--u)));box-shadow:0 0 0 1px rgba(160,230,255,.5),0 0 38px rgba(0,199,194,.35);margin-bottom:calc(26 * var(--u))}
.pill .i{width:1.3em;height:1.3em}
.pill strong{font-weight:800}
.pill span{font-size:.92em}
.pill strong{font-size:1.09em}
.note{font-size:max(11px,calc(16 * var(--u)));color:#AFC4DD;max-width:36em}
.team-art{padding-block:calc(10 * var(--u))}

/* ---------- Pacchetti ---------- */
.plans{background:#fff;padding:calc(30 * var(--u)) 0 calc(32 * var(--u))}
.plans .title{margin-bottom:calc(22 * var(--u))}
.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20 * var(--u));align-items:stretch}
.plan{display:flex;flex-direction:column;padding:calc(20 * var(--u)) calc(18 * var(--u)) calc(18 * var(--u));border-radius:calc(16 * var(--u));
  background:linear-gradient(160deg,#fff,#F6FAFF);border:1px solid #DCE9F7;box-shadow:var(--shadow-soft)}
.plan-head{display:flex;align-items:flex-start;gap:calc(14 * var(--u));margin-bottom:calc(14 * var(--u))}
.plan-icon{flex:none;width:calc(52 * var(--u));height:calc(52 * var(--u));min-width:30px;min-height:30px;border-radius:50%;background:var(--ice);color:var(--blue);display:grid;place-items:center}
.plan-icon .i{width:56%;height:56%}
.plan h3{font-size:max(13px,calc(19 * var(--u)));font-weight:800;margin:calc(6 * var(--u)) 0 calc(6 * var(--u))}
.price{font-size:max(11px,calc(18 * var(--u)));color:var(--muted);white-space:nowrap}
.price strong{font-size:max(19px,calc(35 * var(--u)));font-weight:800;color:var(--ink);letter-spacing:-.02em}
.act{font-size:max(11px,calc(17 * var(--u)));color:var(--muted);margin-top:2px}
.plan .checks{flex:1;padding-bottom:calc(10 * var(--u));margin-bottom:calc(10 * var(--u));border-bottom:1px solid #E1ECF8}
.plan .checks li{padding:calc(2 * var(--u)) 0;line-height:1.35;font-size:max(11px,calc(17 * var(--u)));align-items:flex-start;gap:calc(10 * var(--u))}
.plan .checks .i{color:var(--aqua);margin-top:.1em}
.plan-note{display:flex;align-items:center;gap:calc(10 * var(--u));font-size:max(11px,calc(15.5 * var(--u)));color:var(--muted);line-height:1.3;margin-bottom:calc(12 * var(--u))}
.plan-note .i{color:#7A8CA8}
.plan .btn{font-size:max(12px,calc(18 * var(--u)));padding:calc(13 * var(--u)) calc(10 * var(--u))}
.plan-dark{color:#fff;border:2px solid transparent;background:linear-gradient(160deg,#0E2C56,#07152F) padding-box,var(--aurora) border-box;
  box-shadow:0 0 30px rgba(0,199,194,.28),0 20px 50px rgba(7,21,47,.35)}
.plan-dark .plan-icon{background:rgba(86,164,255,.16);color:#fff;border:1px solid rgba(140,200,255,.4)}
.plan-dark .price,.plan-dark .act{color:#BFD3EA}
.plan-dark .price strong{color:#fff}
.plan-dark .checks{border-color:rgba(140,200,255,.22)}
.plan-dark .checks li{color:#E6F1FF}
.plan-dark .checks .i{color:var(--mint)}
.plan-dark .plan-note,.plan-dark .plan-note .i{color:#C4D7EE}
.terms{text-align:center;color:var(--muted);font-size:max(11px,calc(15 * var(--u)));margin-top:calc(18 * var(--u));line-height:1.5}

/* ---------- CTA + footer (navy) ---------- */
.dark-bottom{position:relative;color:#fff;overflow:hidden}
.cta{position:relative}
.cta-copy{position:relative;padding-top:calc(32 * var(--u));padding-bottom:calc(40 * var(--u))}
.cta h2{font-size:max(24px,calc(46 * var(--u)));font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-bottom:calc(8 * var(--u))}
.cta p{font-size:max(14px,calc(23 * var(--u)));color:#DCEBFA;margin-bottom:calc(26 * var(--u))}
.site-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:calc(16 * var(--u));padding-bottom:calc(26 * var(--u))}
.site-footer img{width:calc(196 * var(--u));min-width:120px}
.site-footer p{font-size:max(12px,calc(15 * var(--u)));color:#C4D7EE}
.site-footer a{color:inherit;text-decoration:none}
.site-footer p a:hover{color:var(--mint);text-decoration:underline}
.site-footer .f-co,.site-footer .f-links{white-space:nowrap}

/* ---------- Glass fallback ---------- */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .btn-ghost{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
}

/* ---------- Movimento (solo flussi e primo viewport) ---------- */
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .hero-copy,.hero-art,.benefits li{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
  .hero-art{animation-delay:.15s}
  .benefits li:nth-child(1){animation-delay:.3s}.benefits li:nth-child(2){animation-delay:.4s}.benefits li:nth-child(3){animation-delay:.5s}
  @keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  @keyframes drift{50%{transform:translateY(-4px)}}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- Tablet stretto: prezzi 2×2 ---------- */
@media (max-width:859px){
  .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .plan{padding:22px 20px}
}

/* Contatti: modulo tra i pacchetti e la CTA finale */
.contact{background:var(--surface);padding:clamp(44px,calc(72 * var(--u)),72px) 0;scroll-margin-top:12px}
.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(64 * var(--u));align-items:start}
.contact .title{text-align:left;margin-bottom:calc(16 * var(--u))}
.contact-lead{font-size:max(15px,calc(20 * var(--u)));color:var(--text-2);line-height:1.5;margin-bottom:calc(22 * var(--u))}
.contact .checks{display:grid;gap:6px}
.contact .checks .i{color:var(--aqua)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;background:#fff;border:1px solid #D6E6F7;border-radius:16px;padding:clamp(20px,calc(32 * var(--u)),32px);box-shadow:var(--shadow-soft)}
.field{display:grid;gap:6px;min-width:0}
.field-wide{grid-column:1/-1}
.field label{font-size:14px;font-weight:700;color:var(--ink)}
.field .opt{font-weight:500;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--surface);border:1px solid #C9DBEF;border-radius:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}
.field textarea{resize:vertical;min-height:110px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(39,104,255,.18);background:#fff}
.field [aria-invalid="true"]{border-color:#C8323C;box-shadow:0 0 0 3px rgba(200,50,60,.12)}
.field-error{font-size:13px;color:#B0242E}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--text-2);cursor:pointer}
.consent input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--blue)}
.privacy-note{font-size:13.5px;line-height:1.5;color:var(--muted)}
.privacy-note a{color:var(--blue-text)}
.form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.form-actions .btn[disabled]{opacity:.65;cursor:progress;transform:none}
.form-status{font-size:14.5px;color:var(--text-2)}
.form-status.is-error{color:#B0242E}
.form-sent{display:none;font-size:17px;font-weight:600;color:var(--ink);background:#E9FBF6;border:1px solid #9BE6D3;border-radius:12px;padding:16px 18px}
.form-sent:target,.contact-form.is-sent .form-sent{display:block}
.contact-form.is-sent > :not(.form-sent){display:none}
@media (max-width:859px){.contact-grid{grid-template-columns:1fr;gap:28px}}
@media (max-width:560px){.contact-form{grid-template-columns:1fr}}

/* ---------- Mobile (< 768px): layout autonomo ---------- */
@media (max-width:767px){
  :root{--u:1px}
  body{font-size:16px}
  .wrap{padding-inline:20px;max-width:none}
  .site-header{height:68px}
  .brand img{width:170px;min-width:0}
  .menu-toggle{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;border:1px solid rgba(140,200,255,.45);background:rgba(10,39,76,.5);color:#fff;cursor:pointer}
  .menu-toggle .i{width:22px;height:22px}
  .nav{display:none;position:absolute;top:64px;left:12px;right:12px;flex-direction:column;align-items:stretch;gap:0;padding:10px 16px 16px;border-radius:16px;
    background:linear-gradient(145deg,rgba(20,61,111,.97),rgba(6,25,55,.97));border:1px solid rgba(116,195,255,.42);box-shadow:0 20px 40px rgba(0,10,30,.5)}
  .nav.open{display:flex}
  .nav > a:not(.btn){font-size:17px;padding:13px 4px;border-bottom:1px solid rgba(140,200,255,.15)}
  .btn-nav{margin:12px 0 0;padding:14px}

  .btn{font-size:16px;padding:14px 22px;border-radius:10px}
  .eyebrow{font-size:12px;margin-bottom:10px}
  .title{font-size:28px}

  .hero{grid-template-columns:1fr;gap:28px;padding-top:20px}
  .hero h1{font-size:clamp(34px,10vw,44px);margin-bottom:18px}
  .hero .grad{white-space:normal}
  .p-head p{white-space:normal}
  .hero .eyebrow{margin-bottom:14px}
  .hero-text{font-size:17px;margin-bottom:24px;max-width:none}
  .actions{gap:12px}
  .actions .btn{flex:1 1 220px}
  .hero-art{margin:0 -8px}
  .benefits{grid-template-columns:1fr;padding-top:20px;padding-bottom:24px}
  .benefits li,.benefits li:first-child{padding:14px 0;gap:16px}
  .benefits li + li{border-left:0;border-top:1px solid rgba(140,200,255,.18)}
  .b-icon .i{width:34px;height:34px}
  .benefits h2{font-size:16px}
  .benefits p{font-size:14px}

  .how{padding:44px 0}
  .how .title{margin-bottom:28px}
  .rail{display:none}
  .steps{grid-template-columns:1fr 1fr;gap:28px 16px}
  .s-head{transform:none;gap:12px;margin-bottom:10px}
  .s-num{width:26px;height:26px;font-size:13px}
  .s-icon{width:52px;height:52px}
  .steps h3{font-size:18px}
  .s-sub{font-size:14px}
  .s-text{font-size:14px}

  .platforms{padding:44px 0}
  .platforms .title{margin-bottom:24px}
  .p-grid{grid-template-columns:1fr;gap:18px}
  .p-card{grid-template-columns:1fr;padding:20px;border-radius:18px;gap:18px}
  .p-badge{width:48px;height:48px;border-radius:14px}
  .p-head{gap:14px}
  .p-head h3{font-size:24px}
  .p-head p,.p-text{font-size:14px}
  .checks li{font-size:15px;gap:10px;padding:3px 0}
  .p-art{max-width:440px;margin-inline:auto}

  .team-grid{grid-template-columns:1fr;gap:20px;padding-top:44px;padding-bottom:36px}
  .team h2{font-size:30px}
  .team h2 .nl{display:inline}
  .team-text{font-size:17px;margin-bottom:22px}
  .pill{font-size:17px;padding:14px 22px;gap:12px;margin-bottom:18px}
  .note{font-size:14px}
  .team-art{margin:0 -12px}

  .plans{padding:44px 0}
  .plans .title{margin-bottom:24px}
  .plan-grid{grid-template-columns:1fr;gap:16px}
  .plan{padding:22px 20px;border-radius:16px}
  .plan-icon{width:44px;height:44px}
  .plan h3{font-size:17px}
  .price{font-size:15px}.price strong{font-size:30px}
  .act,.plan .checks li,.plan-note{font-size:15px}
  .plan .btn{font-size:16px;padding:14px}
  .terms{font-size:14px;margin-top:20px}

  .cta-copy{padding-top:44px;padding-bottom:24px}
  .cta h2{font-size:30px}
  .cta p{font-size:17px}
  .site-footer{justify-content:center;text-align:center;padding-top:20px;padding-bottom:28px}
  .site-footer img{width:150px}
  .site-footer p{font-size:14px}
  .site-footer .f-sep{display:none}
  .site-footer .f-co,.site-footer .f-links{display:block}
  .site-footer .f-links{margin-top:4px}
}