:root{
  color-scheme:dark;
  --bg:#07090d;
  --surface:#0d1118;
  --surface-2:#121823;
  --text:#f7f9fc;
  --muted:#98a2b3;
  --line:rgba(255,255,255,.1);
  --blue:#2563eb;
  --orange:#f06b3a;
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Manrope",system-ui,sans-serif;line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased}
::selection{background:var(--blue);color:#fff}*{scrollbar-color:#38445a var(--bg);scrollbar-width:thin}
a{color:inherit}
.skip{position:fixed;left:1rem;top:-5rem;background:#fff;color:#07090d;padding:.75rem 1rem;border-radius:.4rem;z-index:20}.skip:focus{top:1rem}
.shell{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}
.topbar{height:5.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:800;letter-spacing:-.03em}
.brand img{width:3.15rem;height:3.15rem;object-fit:contain}
.brand small{display:block;color:var(--muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.contact{color:#c7ceda;text-decoration:none;font-size:.86rem;border-bottom:1px solid #596171;padding-bottom:.15rem;transition:border-color .2s,color .2s}.contact:hover{color:#fff;border-color:#fff}
.hero{padding:clamp(3.5rem,6vw,5.5rem) 0 2.5rem;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);gap:3rem;align-items:end}
h1{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(3.6rem,7vw,6rem);font-weight:400;line-height:.9;letter-spacing:-.035em;margin:0;max-width:11ch;text-wrap:balance}
.hero-copy{color:#acb5c3;font-size:clamp(1rem,1.5vw,1.2rem);max-width:34rem;margin:0 0 .65rem;text-wrap:pretty}.hero-copy strong{color:#fff}
.launch-offer{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(14rem,.55fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;margin-bottom:1rem;padding:clamp(1.5rem,3.5vw,2.8rem);overflow:hidden;background:#0b1937;border:1px solid rgba(96,165,250,.34);isolation:isolate}
.launch-offer::before{content:"";position:absolute;z-index:-1;inset:-40% 45% -80% -15%;background:radial-gradient(circle,rgba(37,99,235,.36),transparent 67%);pointer-events:none}
.launch-offer-status{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;color:#a9c8ff;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.launch-offer-status span{width:.55rem;height:.55rem;border-radius:50%;background:#5d91ff;box-shadow:0 0 0 .35rem rgba(93,145,255,.13);animation:offer-pulse 2.2s ease-out infinite}
.launch-offer-copy h2{max-width:20ch;margin:0 0 .8rem;font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:400;line-height:.96;letter-spacing:-.03em;text-wrap:balance}.launch-offer-copy p{max-width:58ch;margin:0;color:#b4c5e3;font-size:.9rem;text-wrap:pretty}
.offer-counter{display:flex;align-items:center;gap:.7rem;font-variant-numeric:tabular-nums}.offer-counter>i{width:.34rem;height:1.7rem;background:radial-gradient(circle,#79a6ff 0 35%,transparent 40%) center top/.34rem .85rem repeat-y;opacity:.75}.offer-counter-unit{min-width:7.6rem;padding:1rem 1.15rem;background:#050b18;border:1px solid rgba(121,166,255,.28);box-shadow:0 1.4rem 3.5rem rgba(0,0,0,.28);text-align:center}.offer-counter-unit strong{display:block;color:#fff;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1;letter-spacing:-.035em}.offer-counter-unit span{display:block;margin-top:.45rem;color:#86a9e4;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.launch-offer-cta{min-height:6.3rem;padding:1.2rem 1.3rem;display:flex;flex-direction:column;justify-content:space-between;background:#2563eb;color:#fff;text-decoration:none;font-size:.9rem;font-weight:800;transition:background .2s,transform .3s cubic-bezier(.2,.75,.25,1)}.launch-offer-cta small{display:flex;justify-content:space-between;gap:1rem;color:#dbe8ff;font-size:.67rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.launch-offer-cta:hover{background:#1f55c9;transform:translateY(-3px)}.launch-offer-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
.launch-offer-actions{display:grid;gap:.65rem}.launch-offer-cta{min-height:4.9rem}.launch-offer-cta.secondary{background:#0b1019;border:1px solid rgba(121,166,255,.45)}.launch-offer-cta.secondary:hover{background:#111b2d}
.products{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.82fr);gap:1rem;padding-bottom:clamp(5rem,8vw,8rem)}
.product{position:relative;min-height:34rem;padding:clamp(1.5rem,3vw,2.6rem);border:1px solid var(--line);background:var(--surface);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;isolation:isolate;transition:transform .35s cubic-bezier(.2,.75,.25,1),border-color .25s}
.product::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 78% 12%,var(--glow),transparent 45%)}
.product::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 42%,rgba(7,9,13,.9))}
.product:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.24)}
.product:focus-visible{outline:3px solid #fff;outline-offset:4px}
.product-blue{--accent:var(--blue);--glow:rgba(52,120,255,.22)}
.product-site{--accent:#78a3ff;--glow:rgba(67,119,229,.2)}
.product-orange{--accent:var(--orange);--glow:rgba(240,107,58,.22)}
.product-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#b8c0cc;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.product-index{font-variant-numeric:tabular-nums;color:var(--accent)}
.product-visual{height:17rem;margin:2.8rem 0 2rem;position:relative;display:grid;place-items:center}
.dashboard{width:min(100%,34rem);aspect-ratio:1.75;background:#080d17;border:1px solid rgba(78,138,255,.35);box-shadow:0 2rem 5rem rgba(0,0,0,.42);transform:perspective(900px) rotateX(6deg) rotateY(-7deg);padding:1rem;display:grid;grid-template-columns:4.2rem 1fr;gap:.85rem}
.dash-side{background:#101827;border-radius:.35rem;padding:.65rem;display:grid;align-content:start;gap:.55rem}.dash-side i{height:.45rem;background:#263553;border-radius:1rem}.dash-side i:first-child{height:1.5rem;background:var(--blue);margin-bottom:.6rem;border-radius:.25rem}.dash-main{display:grid;grid-template-rows:2.2rem 1fr;gap:.7rem}.dash-head{background:#111a2a;border-radius:.35rem}.dash-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:.7rem}.dash-panel{background:#111a2a;border-radius:.35rem;padding:.7rem;display:grid;align-content:end;grid-template-columns:repeat(5,1fr);gap:.3rem}.dash-panel i{background:#3478ff;height:var(--h);opacity:calc(.35 + var(--i));border-radius:.15rem .15rem 0 0}.dash-panel:last-child{display:block;background:linear-gradient(145deg,#17233a,#0f1726)}
.site-mini{width:min(100%,28rem);background:#edf3ff;color:#0b1428;border:1px solid #6f91d6;box-shadow:0 2rem 5rem rgba(0,0,0,.42);transform:perspective(900px) rotateX(5deg) rotateY(5deg)}.site-mini-bar{height:2rem;display:flex;align-items:center;gap:.35rem;padding:0 .75rem;background:#0a1120}.site-mini-bar i{width:.42rem;height:.42rem;border-radius:50%;background:#33435f}.site-mini-bar span{margin-left:.35rem;color:#72809a;font-size:.55rem}.site-mini-body{min-height:12rem;padding:1.4rem;background:#eaf1ff;position:relative;overflow:hidden}.site-mini-body::after{content:"";position:absolute;right:-1.2rem;top:1.1rem;width:8rem;height:8rem;border-radius:50%;background:#2869f2}.site-mini-body strong{position:relative;z-index:1;display:block;font:400 1.9rem/.95 "DM Serif Display",Georgia,serif}.site-mini-body>span{display:block;width:48%;height:.35rem;margin-top:1rem;background:#8191ad}.site-mini-body>span+span{width:36%;margin-top:.45rem}.site-mini-body button{position:relative;z-index:1;margin-top:1.2rem;border:0;background:#0d1e45;color:#fff;padding:.55rem .75rem;font:700 .6rem Manrope,sans-serif}
.price-card{width:min(83%,24rem);background:#f3eee4;color:#151510;padding:1.5rem;box-shadow:0 1.8rem 4rem rgba(0,0,0,.38);transform:rotate(2deg)}
.price-card-top{display:flex;justify-content:space-between;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.price-query{font-family:"DM Serif Display",Georgia,serif;font-size:2.05rem;line-height:1;margin:2.2rem 0 1rem}.price-status{display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:800}.price-dot{width:.75rem;height:.75rem;background:var(--orange);border-radius:50%}
.product h2{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.035em;line-height:.95;margin:auto 0 .9rem;max-width:10ch;text-wrap:balance}.product p{margin:0;color:#aeb7c4;max-width:35rem;text-wrap:pretty}.product-link{display:inline-block;margin-top:1.8rem;color:#fff;font-weight:800;font-size:.9rem;border-bottom:2px solid var(--accent);padding-bottom:.25rem;width:max-content;transition:color .2s,border-color .2s}.product:hover .product-link{color:var(--accent);border-color:currentColor}
.solutions{padding:clamp(4.5rem,8vw,8rem) 0;border-top:1px solid var(--line)}.solutions-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:3rem}.solutions-intro h2{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2.8rem,5vw,5rem);font-weight:400;line-height:.92;letter-spacing:-.035em;max-width:13ch;margin:0;text-wrap:balance}.solutions-intro p{color:#aeb7c4;max-width:42rem;margin:0;text-wrap:pretty}.solution-directory{border-top:1px solid var(--line)}.solution-directory>a{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:2rem;padding:1.35rem .25rem;border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s,color .2s}.solution-directory>a>span{padding-top:.2rem;color:#79a6ff;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.solution-directory h3{margin:0 0 .3rem;font-size:clamp(1.05rem,2vw,1.3rem);letter-spacing:-.02em}.solution-directory p{margin:0;color:#9fa9b8;font-size:.85rem}.solution-directory>a:hover{background:#0b1019;color:#a9c8ff}.solution-directory>a:focus-visible{outline:2px solid #79a6ff;outline-offset:3px}.solution-actions{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem}.solution-actions a{color:#dce6f7;text-decoration-thickness:1px;text-underline-offset:.35rem;font-size:.84rem;font-weight:800}.solution-actions a:hover{color:#79a6ff}
.newsroom{padding:clamp(4.5rem,8vw,8rem) 0;border-top:1px solid var(--line)}
.newsroom-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;margin-bottom:3rem}.newsroom-head h2{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2.8rem,5vw,5rem);font-weight:400;line-height:.92;letter-spacing:-.035em;max-width:13ch;margin:0 0 1.1rem;text-wrap:balance}.newsroom-head p{color:#aeb7c4;max-width:42rem;margin:0;text-wrap:pretty}.archive-link{color:#fff;text-decoration:none;font-weight:800;border-bottom:2px solid var(--blue);padding-bottom:.25rem;white-space:nowrap}.archive-link:hover{color:#79a6ff}
.update-list{border-top:1px solid var(--line)}.home-update{display:grid;grid-template-columns:12rem minmax(0,1fr) auto;gap:2rem;align-items:center;padding:1.55rem .25rem;border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s}.home-update:hover{background:#0b1019}.home-update-meta{display:grid;gap:.35rem;color:#8f99a9;font-size:.78rem}.home-update-meta time{font-variant-numeric:tabular-nums}.home-update-meta span{text-transform:uppercase;letter-spacing:.08em;color:#79a6ff;font-weight:800}.home-update h3{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.2;letter-spacing:-.02em;margin:0 0 .35rem}.home-update p{color:#9fa9b8;font-size:.86rem;margin:0;max-width:65ch;text-wrap:pretty}.home-update-open{font-size:.8rem;font-weight:800;color:#dce6f7}.update-skeleton{height:6.2rem;border-bottom:1px solid var(--line);background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);background-size:220% 100%;animation:update-loading 1.5s ease-in-out infinite}.updates-error{padding:1.5rem 0;color:#c4ccda}.updates-error p{margin:0 0 .4rem}.updates-error a{color:#79a6ff}
.newsletter-block{display:grid;grid-template-columns:minmax(0,.9fr) minmax(22rem,1.1fr);gap:clamp(2rem,6vw,6rem);align-items:center;margin-top:4rem;padding:clamp(1.8rem,4vw,3.2rem);background:#0d1420}.newsletter-copy h3{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:.96;letter-spacing:-.03em;max-width:12ch;margin:0 0 1rem;text-wrap:balance}.newsletter-copy p{color:#aeb7c4;max-width:38rem;margin:0}.newsletter-form label{display:block;font-size:.8rem;font-weight:800;margin-bottom:.5rem}.newsletter-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.newsletter-row input{min-width:0;background:#070b12;border:1px solid #3d4758;border-right:0;color:#fff;padding:.95rem 1rem;font:inherit;caret-color:var(--blue)}.newsletter-row input::placeholder{color:#7f8998}.newsletter-row input:focus{outline:2px solid #79a6ff;outline-offset:2px}.newsletter-row button{border:0;background:var(--blue);color:#fff;padding:.9rem 1.2rem;font:inherit;font-weight:800;cursor:pointer;transition:background .2s}.newsletter-row button:hover{background:#1f60e8}.newsletter-row button:disabled{cursor:wait;opacity:.7}.newsletter-note,.newsletter-message{font-size:.76rem;margin:.7rem 0 0;color:#8f99a9}.newsletter-note a{color:#c7d9ff}.newsletter-message{font-weight:700}.newsletter-message.success{color:#7ed9a5}.newsletter-message.error{color:#ff9c9c}
@keyframes update-loading{to{background-position:-220% 0}}
@keyframes offer-pulse{0%{box-shadow:0 0 0 0 rgba(93,145,255,.35)}65%,100%{box-shadow:0 0 0 .7rem rgba(93,145,255,0)}}
.foot{display:flex;justify-content:space-between;gap:2rem;padding:2rem 0 3rem;border-top:1px solid var(--line);color:#8f99a9;font-size:.8rem}.foot-links{display:flex;gap:1.2rem}.foot a{text-decoration:none}.foot a:hover{color:#fff}
@media(max-width:1100px){.products{grid-template-columns:1fr 1fr}.product-orange{grid-column:1/-1;min-height:29rem}.launch-offer{grid-template-columns:minmax(0,1fr) auto}.launch-offer-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.launch-offer-cta{min-height:auto;flex-direction:row;align-items:center;gap:1rem}.launch-offer-cta small{align-items:center}}
@media(max-width:800px){.topbar{height:4.5rem}.brand img{width:2.65rem;height:2.65rem}.hero{grid-template-columns:1fr;gap:1.5rem;padding-top:3.25rem}.hero-copy{margin:0}.launch-offer{grid-template-columns:1fr}.offer-counter{justify-content:flex-start}.launch-offer-actions{grid-column:auto;grid-template-columns:1fr}.launch-offer-cta{grid-column:auto}.products{grid-template-columns:1fr}.product,.product-orange{grid-column:auto;min-height:31rem}.product-visual{height:14rem;margin-block:2rem 1.5rem}.product-orange{min-height:29rem}.solutions-intro{grid-template-columns:1fr;align-items:start}.solution-directory>a{grid-template-columns:1fr;gap:.55rem}.newsroom-head{grid-template-columns:1fr;align-items:start}.archive-link{width:max-content}.home-update{grid-template-columns:1fr;gap:.75rem;padding-block:1.35rem}.home-update-open{display:none}.newsletter-block{grid-template-columns:1fr}.foot{flex-direction:column}.contact{font-size:.8rem;border:1px solid var(--line);padding:.55rem .7rem}}
@media(max-width:520px){.launch-offer{padding:1.25rem}.offer-counter{gap:.45rem}.offer-counter-unit{min-width:0;flex:1;padding:.9rem .7rem}.launch-offer-cta{align-items:flex-start;flex-direction:column}.newsletter-row{grid-template-columns:1fr}.newsletter-row input{border-right:1px solid #3d4758}.newsletter-row button{min-height:3rem}.newsletter-block{padding:1.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product,.product-link,.home-update,.newsletter-row button,.launch-offer-cta{transition:none}.update-skeleton,.launch-offer-status span{animation:none}}
.site-mini-body b{position:relative;z-index:1;display:inline-block;margin-top:1.2rem;background:#0d1e45;color:#fff;padding:.55rem .75rem;font:700 .6rem Manrope,sans-serif}
.launch-offer-status span{animation:none}.offer-counter>i{background:linear-gradient(to bottom,#79a6ff 0 .34rem,transparent .34rem .85rem) center top/.34rem .85rem repeat-y}.offer-counter-unit span{font-size:.7rem}.launch-offer-cta small{color:#fff;font-size:.72rem}
/* Gioco: One Tap. Accento lime confinato a questa card, come l'arancio di Quanto Costa. */
.product-game{--accent:#b7ff5a;--glow:rgba(183,255,90,.13);grid-column:1/-1;min-height:26rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:auto 1fr;column-gap:clamp(1.5rem,4vw,4rem)}
.product-game .product-meta{grid-column:1/-1;grid-row:1;position:relative;z-index:2}
.game-copy{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-width:0}
.product-game h2{max-width:12ch}
.product-game .product-visual.game-visual{grid-column:2;grid-row:1/3;height:auto;min-height:20rem;margin:0;display:block}
.game-phone{position:absolute;display:block;width:min(46%,13.5rem);aspect-ratio:9/16;overflow:hidden;background:#08090c;border:1px solid rgba(255,255,255,.24);border-radius:1.6rem;box-shadow:0 1.8rem 4rem rgba(0,0,0,.5)}
.game-phone img{display:block;width:100%;height:100%;object-fit:cover}
.game-phone-back{right:5%;top:4.5rem;transform:rotate(5deg)}
.game-phone-front{right:34%;top:1.2rem;z-index:1}
@media(max-width:800px){.product-game{grid-template-columns:1fr;grid-template-rows:none;min-height:0}.product-game .product-meta,.game-copy,.product-game .product-visual.game-visual{grid-column:1;grid-row:auto}.product-game .product-visual.game-visual{min-height:21rem;margin-top:2rem}.game-phone{width:min(44%,11rem)}.game-phone-back{right:6%;top:1rem}.game-phone-front{right:34%;top:auto;bottom:-3rem}.product-game h2{margin-top:2.5rem}}

/* Guida: banner in cima e call to action nell'hero */
.guide-bar{display:block;background:#0b1937;border-bottom:1px solid rgba(121,166,255,.35);text-decoration:none;color:#dbe7ff;font-size:.84rem;transition:background .2s}
.guide-bar:hover{background:#10224a}
.guide-bar-inner{display:flex;align-items:center;justify-content:center;gap:.9rem;min-height:2.7rem;padding-block:.35rem}
.guide-bar b{flex:none;padding:.15rem .5rem;background:#2563eb;color:#fff;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}
.guide-bar u{flex:none;text-decoration:none;font-weight:800;color:#fff;border-bottom:1px solid #79a6ff}
.guide-bar:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.guide-hero{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem;border:1px solid rgba(121,166,255,.4);background:#0b1019;text-decoration:none;transition:background .2s,border-color .2s}
.guide-hero span{color:#a9c8ff;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.guide-hero strong{font-size:1rem}
.guide-hero:hover{background:#111b2d;border-color:#79a6ff}
@media(max-width:700px){.guide-bar-inner{justify-content:flex-start;font-size:.78rem}.guide-bar-inner>span{flex:1;min-width:0}.guide-bar u i{display:none}.guide-hero{flex-direction:column;align-items:flex-start}}
