/*
Theme Name: Sinexis
Description: Tema a blocchi per Sinexis Software Solution.
Version: 1.0.1
Requires at least: 6.6
Text Domain: sinexis
*/
:root{color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:#080f20;color:#f4f7ff;font-family:system-ui,sans-serif}
.wp-site-blocks{padding:0}
.wp-site-blocks>*{margin-block-start:0}
.sx-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.sx-header{border-bottom:1px solid #233149;background:#090f1e}
.sx-bar{min-height:84px;gap:20px}
.sx-brand{font-size:1.25rem;font-weight:800;letter-spacing:.12em}
.sx-brand a,.sx-nav a,.sx-footer a{text-decoration:none}
.sx-nav{font-size:.9rem;color:#d0dcf4;gap:24px}
.sx-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 35%,#152e5c,transparent 65%),#0b1428;padding:110px 0 126px}
.sx-hero::after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(#0b142800,#0b1428),url(assets/onda.webp) center bottom/cover;opacity:.65;mask-image:linear-gradient(transparent,#000 58%,transparent)}
.sx-hero .sx-wrap{position:relative;z-index:1}
.sx-kicker{color:#9dbdff;font-size:.78rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.sx-hero h1{font-size:clamp(2.85rem,7vw,6rem);line-height:1.01;letter-spacing:-.065em;max-width:900px;margin:22px 0}
.sx-lead{max-width:590px;color:#c2cee4;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65}
.sx-actions{margin-top:34px;gap:12px}
.sx-actions a{background:#a9c6ff;color:#09132b;border-radius:8px;font-weight:700;padding:.85em 1.2em}
.sx-secondary a{background:#121f36;color:#edf3ff;border:1px solid #58709b}
.sx-section{padding-block:76px}
.sx-section h2{font-size:clamp(2rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.05em;margin:10px 0 25px}
.sx-grid{gap:16px;margin-top:32px}
.sx-card{background:#101b31;border:1px solid #283956;border-radius:14px;padding:28px}
.sx-card h3{font-size:1.27rem;margin:12px 0}
.sx-card p,.sx-footer p{color:#b8c6df;line-height:1.65;margin:0}
.sx-contact{background:#111e36;border-block:1px solid #293b5a}
.sx-footer{padding-block:25px;font-size:.88rem}
a:focus-visible{outline:2px solid #a9c6ff;outline-offset:5px}
.sx-skip{position:absolute;left:16px;top:16px;transform:translateY(-180%);z-index:10;background:#fff;color:#081022;padding:10px}
.sx-skip:focus{transform:none}
@media(max-width:600px){.sx-wrap{width:calc(100% - 32px)}.sx-bar{padding-block:16px;min-height:auto}.sx-nav{gap:14px}.sx-hero{padding:68px 0 86px}.sx-section{padding-block:48px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.sx-bar,.sx-bar>.wp-block-group,.sx-nav,.sx-footer .sx-wrap{display:flex;align-items:center}
.sx-bar,.sx-footer .sx-wrap{justify-content:space-between;flex-wrap:wrap}
.sx-bar>.wp-block-group{gap:12px}
.sx-bar p,.sx-bar figure,.sx-footer p{margin:0}
.sx-nav{flex-wrap:wrap}
.sx-actions{display:flex;flex-wrap:wrap}
.sx-actions a{display:inline-block;text-decoration:none}
.sx-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:781px){.sx-grid{grid-template-columns:1fr}}