:root{color-scheme:dark;--navy:#0a192c;--lime:#c9f266;--muted:#afbdcd}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:#fff;font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,.showcase:focus-visible{outline:3px solid var(--lime);outline-offset:5px}header{height:95px;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;border-bottom:1px solid #ffffff16}header img{width:205px;height:64px;object-fit:contain}header span{font-size:12px;color:var(--muted);letter-spacing:.08em}.showcase{max-width:1600px;margin:auto;min-height:740px;display:grid;grid-template-columns:34% 66%;gap:0;padding:75px 5vw 60px;align-items:center;background:radial-gradient(ellipse at 75% 50%,#183248 0,transparent 62%)}.intro{padding-right:40px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:bold;color:var(--lime);margin:0 0 28px}.product-title{font-size:clamp(36px,4.4vw,68px);line-height:1.04;letter-spacing:-.055em;margin:0 0 24px}.product-title em{font-style:normal;color:var(--lime)}.lede{color:#c5cfda;line-height:1.65;font-size:16px;max-width:310px;margin-bottom:30px}.tabs{display:grid;gap:4px}.tabs button{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #ffffff19;padding:15px 0;background:transparent;color:#b2bfcd;text-align:left;font-size:14px;transition:color .2s}.tabs button span{font-size:10px;opacity:.6}.tabs button i{margin-left:auto;font-style:normal;opacity:0}.tabs button[aria-pressed=true]{color:var(--lime)}.tabs button[aria-pressed=true] i{opacity:1}.visual{min-width:0}.device{position:relative;background:#111b26;border:1px solid #63707b;border-radius:20px 20px 4px 4px;padding:20px 10px 10px;box-shadow:0 35px 70px #0006}.camera{position:absolute;top:7px;left:50%;width:5px;height:5px;border-radius:50%;background:#394b60}.screen{border-radius:8px 8px 0 0;overflow:hidden;background:#f3f5f8;color:#182639}.windowbar{height:30px;background:#edf1f5;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:9px;color:#657183;border-bottom:1px solid #d9e1e8}.lights{letter-spacing:2px;color:#aeb9c4}.slides{height:460px;position:relative;background:#f5f7fa}.slide{margin:0;position:absolute;inset:0;display:flex;flex-direction:column;animation:appear .5s ease}.slide[hidden]{display:none}.slide img{display:block;width:100%;height:calc(100% - 75px);object-fit:cover;object-position:top}.slide.overview{justify-content:space-between;background:#f5f7fa}.slide.overview img{height:auto;max-height:calc(100% - 75px);object-fit:contain;margin:auto 0}.slide.portrait{flex-direction:row;align-items:center;background:#f1eff8}.slide.portrait img{width:61%;height:100%;object-fit:contain;background:#fff}.slide.portrait figcaption{height:auto;width:39%;padding:25px;line-height:1.6;display:grid;gap:15px;background:transparent;border:0}.slide.portrait figcaption b{font-size:23px;line-height:1.2;letter-spacing:-.03em}.slide figcaption{background:#fff;padding:14px 20px;height:75px;display:flex;flex-direction:column;gap:5px;border-top:1px solid #e4e9ed}.slide figcaption b{font-size:14px}.slide figcaption span{font-size:11px;color:#5b6a7a;line-height:1.4}.device-base{height:12px;background:linear-gradient(#aeb6be,#737d88 65%,#424d59);border-radius:0 0 50% 50%;margin:0 -20px;box-shadow:0 15px 18px #0004}.controls{margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:10px}.controls p{font-size:10px;color:#adbbc9;display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%}.arrows{display:flex;align-items:center;gap:9px}.arrows button{height:34px;width:34px;border:1px solid #ffffff38;border-radius:50%;background:transparent;color:#fff}.arrows button:hover{background:var(--lime);color:var(--navy)}#counter{font-size:10px;color:var(--muted);min-width:42px;text-align:center}#pause{font-size:11px}.status{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.closing{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--lime);color:var(--navy);padding:35px 5vw}.closing strong{font-size:clamp(26px,3.6vw,48px);letter-spacing:-.05em}.closing span{font-size:13px}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.slides{height:520px}}@media(max-width:900px){.showcase{grid-template-columns:1fr;padding-top:40px;gap:35px}.intro{padding:0}.product-title{font-size:48px}.product-title br{display:none}.product-title em{display:block}.lede{max-width:100%}.tabs{grid-template-columns:1fr 1fr;gap:0 24px}.slides{height:430px}.closing span{max-width:160px}}@media(max-width:520px){header{height:80px}header img{width:155px}header span{max-width:100px;text-align:right;font-size:10px}.showcase{padding:35px 22px 40px}.eyebrow{font-size:9px}.product-title{font-size:40px}.tabs button{font-size:12px}.device{padding:17px 6px 6px;border-radius:14px 14px 4px 4px}.device-base{margin:0 -8px}.slides{height:300px}.slide figcaption{height:90px;padding:12px}.slide img{height:calc(100% - 90px)}.slide figcaption b{font-size:12px}.slide figcaption span{font-size:10px}.slide.portrait figcaption{padding:12px}.slide.portrait figcaption b{font-size:16px}.controls{align-items:flex-start}.controls p{max-width:140px;line-height:1.5;margin:0;font-size:9px}.arrows{gap:5px}.arrows button{width:30px;height:30px}.closing{align-items:flex-start;flex-direction:column;padding:28px 22px}.closing span{max-width:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:520px){.slide:not(.portrait) img{object-fit:contain;background:white}}
/* Interfacce dimostrative native: dimensioni relative allo schermo del mockup. */
.screen{container-type:inline-size}.slides{height:auto;aspect-ratio:1.64;background:#f5f7fb}.slide{left:6.7%;display:flex;flex-direction:column;animation:pageIn .55s ease both}.slide[hidden]{display:none}.app-page{flex:1;min-height:0;padding:2.8cqw 2.8cqw 1.4cqw;overflow:hidden;color:#17263c;font-size:1.35cqw}.app-nav{position:absolute;inset:0 auto 0 0;width:6.7%;background:#101f35;display:flex;align-items:center;flex-direction:column;gap:2.8cqw;color:#a7b8ce;z-index:2;padding-top:2cqw}.app-mark{color:white;font-size:3cqw;font-style:italic;font-weight:800;margin-bottom:1.8cqw}.app-mark span{color:#c9f266;font-size:1cqw}.nav-icon{font-size:2.1cqw}.nav-icon.selected{color:#c9f266;background:#ffffff16;border-radius:.8cqw;box-shadow:0 0 0 .8cqw #ffffff16}.nav-bottom{margin-top:auto;margin-bottom:2cqw;font-size:2cqw}.app-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.6cqw}.app-heading small{font-size:.94cqw;font-weight:bold;letter-spacing:.11em;color:#8390a3}h2{font-size:2.65cqw;letter-spacing:-.045em;line-height:1.2;margin:.65cqw 0 0}.avatar{width:3.6cqw;height:3.6cqw;border-radius:50%;background:#e4ebf1;display:grid;place-items:center;font-weight:bold;color:#547384}.slide figcaption{height:8.7cqw;flex-shrink:0;padding:1.6cqw 2.8cqw;gap:.7cqw;border-top:1px solid #e4e9f0;background:white}.slide figcaption b{font-size:1.6cqw}.slide figcaption span{font-size:1.2cqw;color:#78869a}.calendar-toolbar,.group-toolbar{display:flex;align-items:center;gap:1.7cqw;margin-bottom:1.8cqw}.calendar-toolbar strong{font-size:1.9cqw}.calendar-toolbar strong span{font-weight:400;color:#8d9bae}.pill{padding:.7cqw 1.1cqw;background:#e9eef4;border-radius:.7cqw;font-size:1.1cqw;color:#63738a}.calendar-today{margin-left:auto;padding:.7cqw 1.4cqw;border:1px solid #dfe5ec;border-radius:.65cqw;background:white;font-size:1.1cqw}.week{margin-left:4cqw;display:grid;grid-template-columns:repeat(5,1fr);gap:.8cqw;margin-bottom:1cqw}.day{text-align:center;font-size:.95cqw;color:#8d9aac;display:flex;align-items:center;justify-content:center;gap:.8cqw}.day b{font-size:1.5cqw;color:#253b56}.day.today{background:#122b46;color:#d4e0ee;border-radius:.7cqw;padding:.7cqw}.day.today b{color:#c9f266}.calendar-grid{height:25cqw;margin-left:4cqw;position:relative;background:repeating-linear-gradient(to bottom,#e6ebf2 0,#e6ebf2 1px,transparent 1px,transparent 8.3cqw),repeating-linear-gradient(to right,#e6ebf2 0,#e6ebf2 1px,transparent 1px,transparent 20%)}.hour{position:absolute;left:-4cqw;color:#92a0b1;font-size:.9cqw}.hour-one{top:0}.hour-two{top:8.3cqw}.hour-three{top:16.6cqw}.lesson{position:absolute;width:18.4%;padding:1.2cqw 1cqw;border-radius:.8cqw;display:flex;flex-direction:column;gap:.6cqw;box-shadow:0 .3cqw .7cqw #30405a08;animation:cardIn .6s both}.lesson small{font-size:.95cqw;opacity:.75}.lesson b{font-size:1.2cqw;line-height:1.3}.lesson span{font-size:.9cqw;opacity:.65}.lesson i{font-size:.87cqw;font-style:normal;margin-top:.5cqw}.lesson-one{top:1cqw;left:1%;background:#e0edf9;color:#2a5c88;animation-delay:.1s}.lesson-two{top:3.5cqw;left:21%;background:#eae2fa;color:#6d4f98;animation-delay:.24s}.lesson-three{top:1cqw;left:41%;background:#e0edf9;color:#2a5c88;animation-delay:.37s}.lesson-four{top:13cqw;left:61%;background:#e5f2c8;color:#526c2f;animation-delay:.5s}.lesson-five{top:9cqw;left:81%;background:#fcecd7;color:#8e6833;animation-delay:.64s}.app-toast{display:flex;align-items:center;gap:1.2cqw;background:#fff;border:1px solid #e9edf1;border-radius:1cqw;padding:1.1cqw 1.5cqw;margin-top:1.8cqw;box-shadow:0 .6cqw 2cqw #30405a05;animation:cardIn .6s 1s both}.app-toast>span{border-radius:50%;display:grid;place-items:center;background:#edf6db;color:#5e8132;width:2.7cqw;height:2.7cqw}.app-toast div{display:grid;gap:.5cqw}.app-toast b{font-size:1.15cqw}.app-toast small{font-size:.95cqw;color:#8c99a9}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw}.metric{position:relative;background:white;border:1px solid #e7ecf2;border-radius:1.1cqw;padding:1.6cqw;display:flex;flex-direction:column;gap:.9cqw;animation:cardIn .6s both}.metric:nth-child(2){animation-delay:.12s}.metric:nth-child(3){animation-delay:.24s}.metric-icon{position:absolute;right:1.4cqw;top:1.4cqw;width:3cqw;height:3cqw;display:grid;place-items:center;border-radius:.8cqw;font-size:1.6cqw}.blue{color:#3477b7;background:#e4effa}.green{color:#588731;background:#eaf4db}.amber{color:#b38331;background:#fff1d8}.purple{color:#8359b5;background:#eee5fa}.metric>small{font-size:1.15cqw;color:#7e8c9e}.metric>b{font-size:4cqw;letter-spacing:-.05em;line-height:1.2}.metric>span:last-child{font-size:.96cqw;color:#8e9aab}.metric>span.positive{color:#628a3d}.dashboard-lower{display:grid;grid-template-columns:1.65fr 1fr;gap:1.4cqw;margin-top:1.8cqw}.activity-card,.summary-card{background:white;border:1px solid #e7ecf2;border-radius:1.1cqw;padding:1.8cqw;animation:cardIn .6s .4s both}.card-heading{display:flex;justify-content:space-between;align-items:center}.card-heading b{font-size:1.3cqw}.card-heading>span{font-size:.9cqw;color:#9aa6b5}.activity-bar{position:relative;margin-top:2cqw;font-size:1.1cqw;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8cqw}.activity-bar b{color:#60738a}.bar-track{height:.8cqw;width:100%;background:#eef2f6;border-radius:1cqw;overflow:hidden}.bar-fill{height:100%;display:block;transform-origin:left;animation:grow 1.1s .45s both;border-radius:1cqw;background:#6e9bc7}.bar-a{width:86%}.bar-b{width:59%;background:#a497d1}.bar-c{width:40%;background:#b8d77c}.summary-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqw}.ring{width:11cqw;height:11cqw;background:conic-gradient(#9bc766 0deg 335deg,#edf1e7 335deg 360deg);border-radius:50%;display:grid;place-items:center;animation:ringIn 1s .5s both}.ring b{width:8.8cqw;height:8.8cqw;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.4cqw;letter-spacing:-.08em}.ring b small{font-size:1.5cqw;margin-left:.3cqw}.summary-card>strong{font-size:1.2cqw}.summary-card>small{font-size:1cqw;color:#8c99aa}.group-toolbar{justify-content:space-between;font-size:1cqw;color:#8f9bae}.group-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5cqw}.group-card{background:#fff;border:1px solid #e5eaf1;border-radius:1.2cqw;padding:1.7cqw;animation:cardIn .6s both}.group-card:nth-child(2){animation-delay:.15s}.group-card:nth-child(3){animation-delay:.3s}.sport-icon{display:grid;place-items:center;width:4cqw;height:4cqw;border-radius:1cqw;font-size:2.5cqw;margin-bottom:1.9cqw}.group-card>small{font-size:.87cqw;letter-spacing:.08em;color:#8b99ad}.group-card h3{font-size:2cqw;line-height:1.2;letter-spacing:-.04em;margin:1cqw 0 1.6cqw}.group-card p{font-size:1.1cqw;color:#8996a8;margin:0 0 .7cqw}.group-card>strong{font-size:1.3cqw}.capacity{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1cqw;margin-top:3cqw;font-size:1cqw;color:#8794a6}.capacity b{color:#354c65}.capacity-a{width:75%;background:#6e9bc7}.capacity-b{width:90%;background:#a497d1}.capacity-c{width:83%;background:#b8d77c}.group-tag{display:inline-block;margin-top:2cqw;font-size:1cqw;background:#f1f4f8;color:#8190a4;border-radius:.5cqw;padding:.6cqw .9cqw}.payment-summary{display:flex;align-items:center;justify-content:space-between;padding:2.3cqw;border-radius:1.2cqw;background:linear-gradient(120deg,#142f4a,#234a60);color:white;animation:cardIn .6s both}.payment-summary small{font-size:.95cqw;letter-spacing:.06em;color:#b5ccda}.payment-summary h3{font-size:2.2cqw;letter-spacing:-.04em;margin:.9cqw 0}.payment-summary span{font-size:1.1cqw;color:#b8ccd9}.payment-total{display:grid;text-align:right;gap:.7cqw}.payment-total b{font-size:3.4cqw;letter-spacing:-.04em}.payment-total b small{font-size:2cqw;color:white}.payment-table{margin-top:2cqw;background:#fff;border-radius:1cqw;padding:0 1.7cqw;border:1px solid #e7ecf2}.payment-row{display:grid;grid-template-columns:1.1fr 1fr .65fr 1fr;gap:1cqw;align-items:center;border-bottom:1px solid #edf1f5;min-height:5.5cqw;font-size:1.05cqw;animation:cardIn .5s both}.payment-row:last-child{border:0;animation-delay:.4s}.payment-row:nth-child(3){animation-delay:.2s}.payment-head{color:#96a1b0;font-size:.9cqw;min-height:3.7cqw}.payment-row b{color:#74869b;font-size:.95cqw}.payment-row b span{color:#2b415a;margin-left:.8cqw}.badge{display:inline-block;justify-self:start;font-size:.9cqw;padding:.65cqw .9cqw;border-radius:2cqw;white-space:nowrap}.paid{color:#608737;background:#edf5df}.upcoming{color:#8b96a8;background:#f0f3f7}.payment-note{margin-top:1.6cqw;font-size:1.05cqw;color:#7e8d9f;display:flex;align-items:center;gap:.8cqw}.payment-note>span{color:#6b9446}.demo-label{font-size:8px;letter-spacing:.08em}.screen.motion-paused .slide *{animation-play-state:paused!important}@keyframes cardIn{from{opacity:0;transform:translateY(1.5cqw)}to{opacity:1;transform:translateY(0)}}@keyframes pageIn{from{opacity:0;transform:translateX(1cqw)}to{opacity:1;transform:none}}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ringIn{from{opacity:0;transform:scale(.75) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(max-width:900px){.slides{height:auto;aspect-ratio:1.64}}@media(max-width:520px){.slides{height:auto;aspect-ratio:1.3}.windowbar{height:24px;font-size:7px}.demo-label{font-size:6px}.app-page{padding-top:3cqw}.app-heading{margin-bottom:4cqw}h2{font-size:2.9cqw}.app-heading small{font-size:1.1cqw}.slide figcaption{height:12cqw;padding:2cqw 2.8cqw}.slide figcaption b{font-size:1.85cqw}.slide figcaption span{font-size:1.4cqw}.calendar-grid{height:32cqw}.metric-row{margin-top:3cqw}.dashboard-lower{margin-top:4cqw}.group-cards{margin-top:4cqw}.group-card{padding:2cqw 1.5cqw}.group-card h3{font-size:2.3cqw}.payment-summary{margin-top:4cqw}.payment-table{margin-top:4cqw}.payment-row{min-height:7cqw}.app-toast{margin-top:3cqw}.app-toast b{font-size:1.3cqw}.app-toast small{font-size:1.1cqw}}@media(prefers-reduced-motion:reduce){.bar-fill{transform:none}.lesson,.app-toast,.metric,.activity-card,.summary-card,.group-card,.payment-summary,.payment-row,.ring{opacity:1;transform:none}}
.calendar-grid{height:22.5cqw}@media(max-width:520px){.calendar-grid{height:29cqw}}