:root{font-family:'Outfit','DM Sans',system-ui,sans-serif;color:#062e51}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}
.zw-body{--accent:#117dbd;--accent2:#0cc1d9;--soft:#e4f8fd;--border:#a7e2eb;--postit-bg:#078ac5;--postit-border:#35d0e4;--postit-note:#b6efff;--postit-ink:#075b89;min-height:100dvh;background:radial-gradient(circle at 99% -4%,#9cdeef67,transparent 39%),radial-gradient(circle at 0% 100%,#85e0e94d,transparent 33%),#f6fcff}
.zw-body[data-section-palette='ren']{--accent:#673ab0;--accent2:#9455e7;--soft:#f0e9ff;--border:#d9c5f2;--postit-bg:#693cb4;--postit-border:#a77beb;--postit-note:#dac4ff;--postit-ink:#4e257b;background:radial-gradient(circle at 100% 0%,#c9b5f24d,transparent 40%),radial-gradient(circle at 0% 100%,#8adfe653,transparent 37%),#f8f9ff}
.zw-header{max-width:1150px;margin:auto;padding:26px clamp(18px,5vw,56px);display:flex;align-items:center;gap:15px;color:#0b2c53;font-weight:900;font-size:25px}
.zw-header a{display:inline-flex;gap:11px;align-items:center;border-radius:11px}.zw-header a:focus-visible{outline:3px solid #eeba24;outline-offset:4px}
.zw-header svg{width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.zw-main{max-width:1110px;margin:8px auto 0;padding:clamp(18px,4vw,55px);padding-bottom:125px}
.zw-kicker{display:inline-flex;gap:8px;align-items:center;background:var(--soft);color:var(--accent);border:1px solid var(--border);border-radius:30px;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:8px 13px}
.zw-main h1{font:900 clamp(39px,6.1vw,74px)/1.02 'Outfit',sans-serif;letter-spacing:-.055em;margin:23px 0 12px}
.zw-main>p{max-width:680px;color:#557789;font-size:clamp(16px,1.9vw,20px);line-height:1.5}
.zw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr));gap:15px;margin-top:29px}
.zw-card{display:flex;align-items:center;gap:12px;min-height:110px;padding:21px;border:1.7px solid var(--border);border-radius:22px;background:#ffffffea;box-shadow:0 12px 25px #0c4d7410;color:#11365c;transition:transform .2s,box-shadow .2s}
.zw-card:hover{transform:translateY(-2px);box-shadow:0 17px 30px #0c4d7426}
.zw-card strong{font-size:21px;line-height:1.1}.zw-card small{display:block;margin-top:7px;color:#627f8e;font-size:13px;font-weight:600;line-height:1.4}
.zw-card .zw-ico{flex-shrink:0;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--accent);font-size:28px}
.zw-card .zw-arrow{margin-left:auto;font-size:30px;color:var(--accent)}
.zw-card--featured{border-color:transparent;background:linear-gradient(115deg,var(--accent),var(--accent2));color:#fff}
.zw-card--featured small,.zw-card--featured .zw-arrow{color:#fff}.zw-card--featured .zw-ico{background:#ffffff31;color:#fff}
.zw-note{background:#fff;border:1px solid var(--border);padding:24px;border-radius:20px;margin-top:27px;box-shadow:0 12px 28px #0d3f6812}
.zw-note h2{font-size:24px;margin:0 0 9px}.zw-note p{color:#5c7a8d;margin:0 0 16px;line-height:1.6}
.zw-field{display:block;font-size:14px;font-weight:800;color:#2e5668;margin-top:16px}
.zw-field input,.zw-field textarea{display:block;margin-top:8px;width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;background:#fbfdff;color:#062c50}
.zw-field textarea{min-height:160px;resize:vertical;line-height:1.5}
.zw-button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:11px 19px;background:var(--accent);color:#fff;border:0;border-radius:13px;font-size:14px;font-weight:800;margin-top:18px;cursor:pointer}
.zw-button:focus-visible{outline:3px solid #eeba24;outline-offset:3px}
.zw-button--outline{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.zw-status{font-size:14px;color:var(--accent);font-weight:700}
@media(max-width:600px){.zw-header{padding:21px}.zw-main{padding:18px 20px 140px}.zw-main h1{margin-top:18px}.zw-card{min-height:88px;padding:15px}.zw-card strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.zw-card{transition:none}}

/* Navigazione secondaria e miniature: stesse proporzioni delle landing Zygos. */
.zw-header a{display:inline-flex;align-items:center;gap:9px;min-height:43px;padding:9px 15px 9px 11px;background:#ffffffda;border:1px solid var(--border);border-radius:999px;box-shadow:0 5px 16px #0d4a6510;font:750 clamp(15px,1.4vw,18px)/1.1 'Outfit',system-ui,sans-serif;transition:background .18s,transform .18s}
.zw-header a:hover{background:#fff;transform:translateX(-2px)}
.zw-header a svg{width:20px;height:20px;stroke-width:2.4}
.zw-ico img{display:block;width:40px;height:40px;object-fit:contain}
@media(max-width:650px){.zw-header{padding:18px 20px}.zw-header a{min-height:42px;font-size:15px}}