/* Cielo alpino — token in docs/design-tokens.md */
@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/archivo-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/public-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/public-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/public-sans-latin-700-normal.woff2) format("woff2")}
:root{--sky:#0b5fa5;--sky-hover:#08467a;--sky-tint:#dbeaf7;--sail:#c2410c;--sail-hover:#9a3412;--sail-light:#f26a2e;--bg:#f5f8fb;--surface:#fff;--fg:#14202b;--muted:#3d4b58;--muted-2:#55636f;--border:#c9d6e2;--border-soft:#dde6ee;--shadow:0 10px 30px rgba(11,63,111,.12)}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.6 "Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--sky)}a:hover{color:var(--sky-hover)}
h1,h2{font-family:Archivo,"Public Sans",system-ui,sans-serif;font-weight:800}
.wrap{max-width:46rem;margin:0 auto;padding:1.5rem 1rem}
.wide{max-width:1200px;margin:0 auto;padding:0 24px}
/* navigazione */
.nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
.nav .brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;white-space:nowrap;font:800 22px Archivo,sans-serif}
.nav .brand svg{flex:none}
.nav .sp{flex:1}
.nav a.lnk{color:#fff;text-decoration:none;font-weight:600}
.nav a.lnk:hover{text-decoration:underline;color:#fff}
header.top{background:var(--sky)}
header.top .nav{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
/* hero */
.hero{position:relative;background:var(--sky);color:#fff;overflow:hidden}
.hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%}
.hero picture img{object-fit:cover;object-position:30% 0}
.hero .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,38,66,.78) 0%,rgba(6,38,66,.5) 45%,rgba(6,38,66,.1) 100%)}
.hero .nav{position:relative}
.hero-body{position:relative;padding-top:200px;padding-bottom:180px}
/* il parapendio sta al centro della foto: da 1024px il testo parte sotto la vela, sotto 1024px la foto intera sta sopra il testo */
@media(min-width:1536px){.hero-body{padding-top:280px}}
@media(max-width:1023px){.hero{background:var(--sky-hover)}.hero picture{top:62px;bottom:auto;height:56.25vw}.hero .ov{display:none}.hero-body{padding-top:calc(56.25vw + 28px)}}
.eyebrow{margin:0 0 16px;font-weight:700;letter-spacing:.12em;font-size:14px;color:#ffd2bd}
.hero h1{margin:0;font-size:clamp(34px,4.4vw,56px);line-height:1.04;max-width:480px}
.hero .sub{margin:22px 0 32px;font-size:19px;line-height:1.5;max-width:520px;color:#e9f2fa}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;text-decoration:none;font-weight:700;font-size:17px;padding:15px 28px;border-radius:999px}
.btn-primary{background:var(--sail);color:#fff}.btn-primary:hover{background:var(--sail-hover);color:#fff}
.btn-ghost{color:#fff;border:2px solid #fff;padding:13px 26px}.btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff}
.launch{margin:28px 0 0;max-width:520px;background:#fff;color:var(--fg);border-left:5px solid var(--sail);border-radius:14px;padding:14px 18px;font-size:15px;line-height:1.5}
.launch strong{display:block;font-size:16px}
/* corpo home */
main.home{max-width:1200px;margin:-96px auto 0;padding:0 24px 64px;position:relative}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.feat{background:var(--surface);border-radius:20px;padding:28px;box-shadow:var(--shadow)}
.feat h2{margin:14px 0 8px;font-size:22px}
.feat p{margin:0;color:var(--muted)}
.sec{margin-top:72px}
.sec .k{margin:0 0 8px;font-weight:700;letter-spacing:.12em;font-size:13px;color:var(--sail)}
.sec h2.big{margin:0 0 20px;font-size:clamp(26px,3.6vw,36px);line-height:1.1}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:40px;align-items:center}
.split img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:20px;display:block}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:15px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.plan{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px}
.plan .n{font-weight:700;color:var(--muted)}
.plan .p{font:800 52px Archivo,sans-serif;margin:6px 0 0}
.plan .m{font-weight:700;color:var(--sky);margin:0 0 8px}
.plan .d{color:var(--muted);margin:0}
.fine{margin:16px 0 0;font-size:14px;color:var(--muted-2)}
.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;padding:28px 32px;box-shadow:var(--shadow)}
.panel h2{margin:0 0 10px;font-size:24px}
.panel p{margin:.5rem 0}.panel ol{padding-left:1.3rem}
.src{background:var(--sky-tint);border-radius:20px;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px}
.src h2{margin:0 0 10px;font-size:24px}.src p{margin:.4rem 0}
/* pagine di testo */
h1{font-size:1.9rem;line-height:1.2;margin:.5rem 0}
h2{font-size:1.2rem;margin:0 0 .5rem}
.lead{font-size:1.1rem;color:var(--muted)}
.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;box-shadow:var(--shadow);padding:1.1rem 1.4rem;margin:1rem 0}
.card p{margin:.5rem 0}
.notice{border-left:5px solid var(--sky)}
.muted{color:var(--muted);font-size:.9rem}
table{border-collapse:collapse;width:100%;font-size:.9rem;display:block;overflow-x:auto}
th,td{text-align:left;padding:.4rem .5rem .4rem 0;border-bottom:1px solid var(--border);vertical-align:top}
ul{padding-left:1.2rem}li{margin:.25rem 0}
blockquote{margin:.5rem 0;padding-left:.8rem;border-left:3px solid var(--border);color:var(--muted)}
/* footer */
footer{background:var(--fg);color:#c9d3dc;font-size:14px;line-height:1.7;margin-top:2rem}
footer .wrap{max-width:1200px;padding:40px 24px}
footer p{margin:.3rem 0}footer strong{color:#fff}
footer a{color:#fff}
@media(max-width:600px){.nav{gap:14px;flex-wrap:nowrap}.nav .brand{font-size:19px}.nav a.lnk{font-size:14px;white-space:nowrap}.hero-body{padding-bottom:150px}.plan .p{font-size:44px}main.home{padding-left:16px;padding-right:16px}.nav,header.top .nav{padding-left:16px;padding-right:16px}.panel,.src{padding:22px}}