/* Original brand palette, with the refined responsive layout. */
:root{--paper:#f7f9ff;--paper2:#eaf0fc;--ink:#091a3b;--mut:#4a5b7d;--cobalt:#1b4fe6;--signal:#7dd3fc;--line:#091a3b26}
body{background:var(--paper)}
::selection{background:#7dd3fc;color:#091a3b}
section[id],article[id],#scarica{scroll-margin-top:100px}
.wrap{max-width:1240px;padding-inline:40px}
.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px 20px;border-radius:12px}
.skip-link:focus{top:16px}
.nav{max-width:1160px;top:20px;margin-top:20px;padding:12px 14px 12px 22px;background:#f7f9ffeb;border-color:#091a3b18;border-radius:20px;box-shadow:0 6px 30px #1a315009}
.brand{font-size:1.3rem;gap:11px}.brand img{width:34px;height:34px;border-radius:11px}
.nav-links{display:flex;gap:28px}.nav-links a{text-decoration:none;font-size:.85rem;font-weight:600;color:var(--mut)}.nav-links a:hover{color:var(--cobalt)}
.btn{border-radius:12px;background:var(--cobalt);font-size:.82rem;padding-inline:18px}.btn:hover{background:#1639b5}
.hero{grid-template-columns:1.08fr 1fr;gap:32px;padding-top:85px;padding-bottom:65px;position:relative}
.eyebrow{display:flex;align-items:center;gap:9px;font:500 .7rem var(--mono);letter-spacing:.08em;color:var(--cobalt);text-transform:uppercase;margin-bottom:26px}
.status-dot{width:7px;height:7px;background:var(--cobalt);border-radius:50%;box-shadow:0 0 0 5px #1b4fe610}
h1{font-size:clamp(3.2rem,6.5vw,5.8rem);line-height:.94;letter-spacing:-.055em}
h1 .ring-word{color:var(--cobalt)}
.lead{font-size:1.08rem;line-height:1.8;max-width:29em;margin:25px 0 30px}
.store{min-height:58px;border-radius:13px;padding:10px 20px;gap:12px;box-shadow:0 6px 14px #12213e0c}.store b{font-size:1.05rem}.store small{font-size:.56rem;line-height:1.6}
.store.soon{border:1px dashed var(--ink);color:var(--ink);background:transparent;cursor:default;box-shadow:none}
.hero-note{margin-top:25px;font-size:.73rem;color:var(--mut);max-width:420px;line-height:1.8}.hero-note span{display:block;color:var(--ink);font-family:var(--mono);font-size:.69rem;font-weight:500;letter-spacing:.08em}
.hero .stage{aspect-ratio:.92;border:1px solid #d3def5;border-radius:44px;background:radial-gradient(ellipse at 50% 45%,#e3e3f6 0%,#e9effc 56%,#eef3fd 100%);isolation:isolate}
.hero .stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#526eae30 .8px,transparent .8px);background-size:20px 20px;border-radius:inherit;z-index:-1;mask-image:linear-gradient(transparent,#000)}
.hero .stage .phone{width:45%;border-width:6px;border-radius:30px;transform:translate(-50%,-47%) rotate(7deg) translate(calc(var(--px,0)*10px),calc(var(--py,0)*10px));box-shadow:18px 30px 55px #27458135}
.stage-caption{position:absolute;top:24px;left:0;width:100%;text-align:center;font:500 .55rem var(--mono);letter-spacing:.12em;color:#6e80a1}
.hero .ring{stroke:#6582c1;stroke-opacity:.25}.hero .ring.r1,.hero .ring.r2{fill-opacity:.03}.hero .rlabel{opacity:.5;font-size:12px}
.chip{border:1px solid #ffffffc9;border-radius:16px;padding:13px 16px;font-size:.85rem;box-shadow:0 12px 30px #23426913;gap:11px}.chip small{display:block;font:500 .49rem var(--mono);letter-spacing:.06em;margin-bottom:5px;opacity:.6}.chip-icon{display:grid;place-items:center;border-radius:11px;width:36px;height:36px;font-size:1.3rem;background:#ebf1ff;color:var(--cobalt)}
.chip.a{background:#fff;color:var(--ink);left:-26px;top:29%}.chip.b{background:#fff;color:var(--ink);right:-18px;bottom:17%}.chip.b .chip-icon{background:#d6e4fc;color:#1b4fe6}
.discovery-strip{padding-block:22px 42px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:var(--mut);font-size:.79rem}.discovery-strip>span{max-width:135px}.discovery-strip>div{display:flex;justify-content:space-between;gap:36px;color:#394963;font-size:.95rem;font-weight:600}
.radius{margin:30px 24px 0;border-radius:36px;background:var(--cobalt);padding:90px 0;background-image:radial-gradient(ellipse at 85% 50%,#3f73f0 0%,transparent 60%)}
.radius .grid{gap:70px}.radius h2,.bento h2{font-size:clamp(2.5rem,4.2vw,3.6rem);letter-spacing:-.05em;line-height:1.08}.radius p{color:#ffffffd9;font-size:1rem;line-height:1.8}.radius .mono{font-size:.65rem;letter-spacing:.1em}
.radius .seg{border:1px solid #ffffff15;background:#ffffff08;padding:4px;border-radius:12px}.seg label{border-radius:8px;min-width:68px;padding-inline:13px;font-size:.75rem}.seg input:checked+label{background:var(--signal);color:var(--ink)}
.radius .big{font-size:6rem;margin-top:22px;color:#ffffff}.radius .big small{font-size:.26em}.radius .cnt{margin-bottom:0}.radius .rlabel{stroke:var(--cobalt)}.radius .phone{width:42%}
.bento{padding-top:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2{margin:0}.section-heading>p{max-width:300px;color:var(--mut);font-size:1rem;line-height:1.8}.section-heading .eyebrow{margin-bottom:18px;font-size:.62rem}
.grid6{gap:22px}.card{border-radius:26px;padding:34px;min-height:480px;border:1px solid var(--line)}.card h3{font-size:2.1rem;line-height:1.12;margin-top:23px;letter-spacing:-.04em}.card p{line-height:1.7;font-size:.94rem}.tag{font-size:.58rem;letter-spacing:.1em;padding:6px 11px;border-color:#ffffff35}
.c-ai{grid-column:span 3;background:#e6eefc;color:var(--ink);padding-right:34px;min-height:650px}.c-ai .tag{border-color:#1b4fe633;color:var(--cobalt)}.c-ai p{color:var(--mut)}.c-ai>p{max-width:24em}.c-ai .phone{width:36%;right:-18px;bottom:-130px;transform:rotate(-9deg);opacity:.95}.demo{max-width:75%;position:relative;z-index:1}.bubble{background:#fff;border:1px solid #e1e8f5;border-radius:16px;box-shadow:0 8px 20px #23426905;min-height:170px}.bubble .mono{color:var(--cobalt);font-size:.6rem}#tripStory{color:var(--ink);font-size:.9rem}.pill-btn{background:var(--cobalt);color:white;border-radius:10px;font-size:.8rem}.demo-row small{font-size:.55rem}
.c-home{grid-column:span 3;background:#dbe6fb;min-height:650px}.c-home .tag{border-color:#1b4fe633;color:#1b4fe6}.c-home p{color:#2d3f66;max-width:25em}.c-home .phone{width:52%;max-width:240px;margin:28px auto -300px;transform:rotate(7deg);box-shadow:0 25px 45px #35482e25}
.c-theme{margin-top:2px;min-height:520px;border:0}.c-theme .txt{padding:46px}.c-theme h3{font-size:2.6rem}.c-theme .tag{color:var(--accent);border-color:var(--accent)}.themes{gap:8px;max-width:340px;margin-top:24px}.themes label{min-height:56px;border-width:1px;border-radius:12px}.themes b{font-size:.88rem}.themes small{font-size:.74rem}.themes .sw{width:34px;height:34px}.tphone{height:100%;min-height:520px;background:radial-gradient(ellipse at 50% 80%,#678ee52b,transparent 70%)}.c-theme .tphone .phone{width:250px;margin-top:55px;transform:rotate(6deg)}
.cta{margin:65px auto 70px;padding:65px 40px 70px;background:#e6eefc;border:1px solid #d3def5;border-radius:30px;max-width:1160px;background-image:radial-gradient(ellipse at 50% 120%,#d9e5fb,transparent 70%)}.cta .eyebrow{justify-content:center;font-size:.62rem}.cta h2{font-size:clamp(2.7rem,5vw,4.5rem);line-height:1.08;letter-spacing:-.05em;max-width:none;margin-bottom:20px}.cta h2 span{color:var(--cobalt)}.cta-copy{color:var(--mut);font-size:1rem;margin-bottom:28px}
footer{font-size:.7rem;padding-block:26px 32px}footer a{text-underline-offset:4px}
@media(min-width:861px) and (max-width:1100px){.nav{margin-inline:24px}.nav-links{gap:18px}.hero{gap:20px}h1{font-size:4rem}.hero .stage{min-height:490px}.stores{gap:8px}.store{padding-inline:14px}.discovery-strip>div{gap:22px}.radius .grid{gap:28px}.cta{margin-inline:40px}}
@media(max-width:860px){.wrap{padding-inline:24px}.nav{top:10px;margin:10px 16px 0;padding:10px 12px;border-radius:16px}.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:48px;gap:45px;padding-bottom:30px}.hero>div:first-child{max-width:590px;margin-inline:auto;width:100%}h1{font-size:clamp(3.2rem,9vw,4.8rem)}.hero .stage{max-width:500px;width:calc(100% - 24px)}.hero-note{margin-top:20px}.discovery-strip{flex-direction:column;gap:18px;padding-top:30px;padding-bottom:24px}.discovery-strip>span{max-width:none}.discovery-strip>div{flex-wrap:wrap;justify-content:center;gap:14px 25px;font-size:.84rem}.radius{margin:20px 12px 0;padding:55px 0;border-radius:26px}.radius .grid{gap:35px}.radius .stage{max-width:440px}.radius .big{font-size:5rem}.bento{padding-top:65px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;max-width:450px}.card{min-height:580px;padding:28px}.card .phone{width:48%}.c-ai .phone{position:absolute;right:-20px;bottom:-100px;margin:0}.c-home .phone{position:relative;margin:30px auto -300px;right:auto;bottom:auto}.c-theme{padding:0;min-height:0}.c-theme .txt{padding:32px 28px 10px}.c-theme .tphone{min-height:380px;height:380px}.c-theme .tphone .phone{width:220px;margin:30px auto 0}.cta{margin:40px 20px;padding:45px 24px;border-radius:24px}.cta h2{font-size:clamp(2.5rem,7vw,4rem)}footer .wrap{gap:16px}}
@media(max-width:420px){.brand{font-size:1.1rem}.brand img{width:28px;height:28px}.nav .btn{padding-inline:12px;gap:7px;font-size:.73rem}.nav .btn svg{width:15px}.eyebrow{font-size:.57rem}h1{font-size:3.1rem}.lead{font-size:1rem}.store{padding:10px 12px;gap:9px}.store svg{width:22px}.store b{font-size:.93rem}.store small{font-size:.48rem}.chip{padding:10px;font-size:.7rem;gap:8px}.chip.a{left:-18px}.chip.b{right:-18px}.chip small{font-size:.42rem}.chip-icon{width:28px;height:28px}.stage-caption{font-size:.43rem}.hero .stage .phone{border-radius:23px;border-width:4px}.section-heading .eyebrow{font-size:.53rem}.card h3{font-size:1.9rem}.demo{max-width:85%}.c-theme h3{font-size:2.2rem}.radius h2,.bento h2{font-size:2.5rem}.cta .eyebrow{font-size:.5rem}}

/* ── Midnight Azure (tema scuro dell'app: app_theme.dart _m*) ─────────────────
   Sovrascrive la palette chiara sopra. bg0/1/2 = #040b1f/#0a1535/#11214a,
   primary #4da3ff, secondary #7dd3fc, testo #f4f8ff. */
:root{--paper:#040b1f;--paper2:#0a1535;--ink:#f4f8ff;--mut:#aab6d8;--cobalt:#4da3ff;--signal:#7dd3fc;--line:#f4f8ff26;--surface:#11214a}
::selection{background:#7dd3fc;color:#040b1f}
.skip-link{color:#040b1f}
.nav{background:#0a1535e6;border-color:#4da3ff30;box-shadow:0 8px 34px #00000055}
.btn{color:#040b1f}.btn:hover{background:#7dd3fc}
.store{background:#f4f8ff;color:#040b1f}.store.soon{background:transparent;color:var(--ink);border-color:#f4f8ff80}
.discovery-strip>div{color:#cdd8f2}
.hero .stage{border-color:#4da3ff33;background:radial-gradient(ellipse at 50% 45%,#16297a 0%,#0a1535 58%,#07112b 100%)}
.hero .stage:before{background-image:radial-gradient(#7dd3fc30 .8px,transparent .8px)}
.hero .stage .phone,.phone{border-color:#16275a}
.hero .stage .phone{box-shadow:18px 30px 55px #00000066}
.stage-caption{color:#8ea2cc}
.hero .ring{stroke:#7dd3fc;stroke-opacity:.35}
.chip{background:#11214a;color:var(--ink);border-color:#4da3ff40;box-shadow:0 14px 34px #00000066}
.chip.a,.chip.b{background:#11214a;color:var(--ink)}
.chip-icon,.chip.b .chip-icon{background:#1b3a82;color:#7dd3fc}
.radius{background:#0c1b45;background-image:radial-gradient(ellipse at 85% 50%,#1f4fb4 0%,transparent 62%);border:1px solid #4da3ff30}
.radius .rlabel{stroke:#0c1b45}
.radius .seg{border-color:#7dd3fc30;background:#040b1f66}
.seg input:checked+label{background:#7dd3fc;color:#040b1f}
.radius .phone{border-color:#16275a}
.c-ai{background:#0a1535;color:var(--ink)}.c-ai .tag{border-color:#7dd3fc55;color:#7dd3fc}
.bubble{background:#040b1f;border-color:#4da3ff30;color:var(--ink)}
#tripStory{color:var(--ink)}
.pill-btn{color:#040b1f}
.c-home{background:#11214a;color:var(--ink)}.c-home .tag{border-color:#7dd3fc55;color:#7dd3fc}.c-home p{color:#c4d0ee}
.c-home .phone{box-shadow:0 25px 45px #00000066}
.card{border-color:#4da3ff26}
.cta{background:#0a1535;border-color:#4da3ff30;background-image:radial-gradient(ellipse at 50% 120%,#1f4fb4,transparent 70%)}
footer{color:var(--mut)}