@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#030c20;--panel:#08152a;--line:#ffffff20;--text:#f1f5fa;--muted:#9caec3;--cyan:#00dfed;--font:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:var(--cyan);color:var(--bg)}.wrap{width:min(1280px,88%);margin:auto}.skip{position:absolute;left:20px;top:-80px;z-index:100;background:var(--cyan);color:var(--bg);padding:10px}.skip:focus{top:15px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.wordmark{font-family:'Space Grotesk',sans-serif;font-size:25px;letter-spacing:5px;font-weight:500;white-space:nowrap}.wordmark span{color:var(--cyan)}nav{display:flex;align-items:center;gap:36px;font-size:14px}nav a{color:#b5c1d1;transition:color .2s}nav a:hover,nav a[aria-current=page]{color:var(--cyan)}.nav-cta{border:1px solid #58717f;padding:10px 18px;border-radius:4px;color:white}.menu-button{display:none}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2.6px;color:var(--cyan);font-weight:600;display:flex;align-items:center;gap:13px}.eyebrow:before{content:'';height:1px;width:28px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:400;line-height:1.08;letter-spacing:-2px}h1{font-size:clamp(48px,5.6vw,80px);margin:28px 0}h1 em,h2 em{font-style:normal;color:var(--cyan)}h2{font-size:clamp(36px,4vw,56px);margin-bottom:28px}h3{font-size:25px;letter-spacing:-.8px}p{color:var(--muted)}.hero{min-height:710px;display:grid;grid-template-columns:1.16fr 1fr;align-items:center;position:relative;gap:5px}.hero-copy{position:relative;z-index:1;padding:65px 0}.hero-copy>p{max-width:480px;font-size:18px}.hero-art{width:115%;max-width:690px;margin-left:-7%;mix-blend-mode:screen;pointer-events:none}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:27px;margin-top:36px}.button{display:inline-flex;gap:27px;align-items:center;justify-content:space-between;background:var(--cyan);color:#031020;border:1px solid var(--cyan);padding:14px 23px;border-radius:3px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#77f6ff;transform:translateY(-2px)}.text-link{font-size:14px;border-bottom:1px solid #738396;padding-bottom:5px}.text-link span{margin-left:20px}.hero-bottom{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted)}.hero-bottom span:last-child{color:var(--text)}section{padding:110px 0}.intro{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;border-top:1px solid var(--line)}.intro h2{max-width:750px}.intro p{max-width:630px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section-head p{max-width:380px;margin:0}.section-head h2{margin-bottom:0}.values{background:#071226;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr)}.value{padding:10px 40px 5px;border-left:1px solid var(--line)}.value:first-child{padding-left:0;border:0}.value:last-child{padding-right:0}.value-num{color:var(--cyan);font-family:monospace;font-size:13px}.value-symbol{height:90px;display:flex;align-items:center;font-family:'Space Grotesk';font-size:45px;color:var(--cyan);font-weight:400}.value p{font-size:16px;margin-bottom:0}.product-feature{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.star-stage{min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid var(--line);background:radial-gradient(ellipse at center,#06334a55,transparent 65%);overflow:hidden}.star-stage:before,.star-stage:after{content:'';position:absolute;width:270px;height:270px;border:1px solid #00dfed20;transform:rotate(45deg)}.star-stage:after{width:380px;height:380px}.star-stage img{width:230px;z-index:1}.stage-label{position:absolute;bottom:22px;left:25px;font:12px monospace;color:var(--muted);letter-spacing:2px}.product-logo{width:210px;display:block;margin:15px 0 32px}.product-feature h2{font-size:48px}.tags{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.tags span{font-size:12px;border:1px solid var(--line);padding:5px 10px;color:var(--muted)}.closing{border-top:1px solid var(--line);padding:75px 0;display:flex;align-items:center;justify-content:space-between;gap:40px}.closing h2{font-size:38px;margin:0}.closing p{margin:16px 0 0}footer{border-top:1px solid var(--line);padding:40px 0}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:25px}.footer-top p{font-size:14px;margin:10px 0 30px}.footer-links{display:flex;gap:25px;font-size:14px}.footer-bottom{font-size:12px;color:var(--muted)}.polaris-hero{min-height:640px}.polaris-hero h1{font-size:clamp(45px,5.2vw,72px)}.polaris-hero .product-logo{width:210px;margin-bottom:35px}.polaris-hero .star-stage{border:0;min-height:480px}.polaris-hero .star-stage img{width:300px}.architecture{border-top:1px solid var(--line);background:linear-gradient(180deg,#071529, var(--bg))}.architecture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.module-map{border:1px solid var(--line);padding:32px;background:#061123}.core-node{text-align:center;border:1px solid #00dfed60;background:#00dfed08;padding:25px}.core-node img{height:55px;width:55px;vertical-align:middle}.core-node strong{display:block;font-family:'Space Grotesk';font-size:23px}.core-node small{color:var(--muted);font-size:13px}.connector{height:35px;width:1px;background:#00dfed70;margin:auto}.module-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module-button{background:#0d1b30;color:var(--muted);border:1px solid var(--line);padding:18px 8px;font-size:13px;cursor:pointer;border-radius:2px}.module-button:hover,.module-button[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan);background:#00dfed0a}.map-caption{font-size:12px;text-align:center;margin:23px 0 0}.module-detail{min-height:240px}.module-detail h3{font-size:34px;margin:18px 0}.module-detail p{font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 65px}.feature-item{border-top:1px solid var(--line);padding-top:25px}.feature-item h3{font-size:24px;margin:18px 0}.feature-item p{font-size:16px;max-width:520px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps h3{margin-top:20px}.steps p{font-size:16px}.faq{max-width:850px;margin:auto}details{border-bottom:1px solid var(--line);padding:25px 0}summary{cursor:pointer;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:25px}summary:after{content:'+';color:var(--cyan)}details[open] summary:after{content:'−'}details p{margin:20px 35px 0 0;font-size:16px}.fade-in{animation:appear .8s ease-out both}@keyframes appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:850px){.wrap{width:88%}header{height:82px}nav{gap:20px}.hero{min-height:0;grid-template-columns:1.2fr 1fr}.hero h1{font-size:49px}.hero-art{width:130%;margin-left:-20%}.intro{gap:35px;grid-template-columns:1fr 2fr}section{padding:75px 0}.product-feature{gap:35px}.product-feature h2{font-size:37px}.star-stage{min-height:340px}.value{padding:10px 24px}.architecture-grid{gap:30px}.module-map{padding:20px}.section-head{align-items:start}}@media(max-width:600px){header{height:78px}.wordmark{font-size:21px;letter-spacing:4px}.menu-button{display:block;color:white;background:none;border:1px solid var(--line);padding:6px 12px;font-size:14px}nav{display:none;position:absolute;top:77px;left:-7%;right:-7%;background:#08152a;border-bottom:1px solid var(--line);padding:25px 7%;align-items:stretch;flex-direction:column;gap:22px}nav.open{display:flex}.hero{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:55px 0 5px}.hero h1{font-size:49px;letter-spacing:-2.4px}.hero-copy>p{font-size:16px}.hero-art{width:100%;margin:-20px auto -10px;max-width:420px}.hero-bottom{font-size:10px;letter-spacing:1px;gap:20px}.hero-bottom span:last-child{text-align:right}.intro,.product-feature,.architecture-grid{grid-template-columns:1fr;gap:35px}.intro{padding-top:65px}.section-head{display:block}.section-head p{margin-top:25px}.value-grid,.steps,.feature-grid{grid-template-columns:1fr;gap:30px}.value,.value:first-child,.value:last-child{border:0;border-top:1px solid var(--line);padding:25px 0 0}.value-symbol{height:70px}.value h3{margin-bottom:15px}.product-feature .star-stage{min-height:340px}.product-feature h2{font-size:39px}.closing{display:block}.closing .button{margin-top:30px}.closing h2{font-size:32px}.footer-top,.footer-bottom{flex-direction:column;gap:15px}.footer-links{margin-bottom:25px}.footer-bottom{font-size:12px}.polaris-hero .hero-copy{padding-bottom:10px}.polaris-hero .star-stage{min-height:360px}.polaris-hero .star-stage img{width:240px}.polaris-hero h1{font-size:47px}.module-detail{min-height:220px}.section-head h2{font-size:39px}summary{font-size:17px}.actions{gap:20px}.button{padding:13px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-art{height:auto;mask-image:radial-gradient(ellipse at center,#000 45%,transparent 73%)}.hero-copy{min-width:0}.product-logo{height:auto}.hero h1{font-size:clamp(46px,5.1vw,74px)}@media(max-width:600px){.hero h1{font-size:clamp(38px,10.8vw,49px)}}
.module-button{font-size:14px}.tags span{font-size:14px}

/* Identità Ninecode: font Polaris fornito dal brand. */
@font-face{font-family:'Polaris';src:url('/assets/Polaris.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.wordmark{font-family:'Polaris',sans-serif;font-weight:400;letter-spacing:3px}
.hero-brand{position:relative;width:115%;max-width:690px;margin-left:-7%;pointer-events:none}
.hero-brand .hero-art{display:block;width:100%;max-width:none;margin:0;clip-path:inset(0 0 28% 0)}
.hero-wordmark{position:absolute;top:74.5%;left:0;width:100%;text-align:center;font-size:clamp(27px,3.25vw,47px);letter-spacing:5px;line-height:1.2}
@media(max-width:850px) and (min-width:601px){.hero-brand{width:130%;margin-left:-20%}}
@media(max-width:600px){.hero-brand{width:100%;margin:-20px auto -10px;max-width:420px}.hero-wordmark{font-size:clamp(25px,8vw,34px);letter-spacing:3px}}

/* Didascalie dei riquadri Polaris, centrate rispetto al simbolo. */
.stage-label{left:0;right:0;padding:0 18px;text-align:center;font-family:'Polaris',sans-serif;font-weight:400;font-size:12px;letter-spacing:1px;line-height:1.6}
