:root{--hw-ink:#1c1c1c;--hw-ocean:#000000;--hw-teal:#5a5a5a;--hw-lime:#ebebeb;--hw-amber:#006aff;--hw-paper:#ffffff;--hw-bg:#f7f7f7;--hw-muted:#5a5a5a;--hw-line:#d8d8d8}body{background:var(--hw-bg);color:var(--hw-ink)}.hw-app{min-height:100vh;padding-bottom:86px}.hw-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px clamp(16px,4vw,58px);background:var(--hw-paper);border-bottom:1px solid var(--hw-line)}.hw-brand{display:flex;align-items:center;gap:11px;color:var(--hw-ink);text-decoration:none}.hw-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#f7f7f7;font-size:22px}.hw-brand__name{display:block;font:700 17px/1.2 var(--font-display)}.hw-brand__hint{display:block;margin-top:4px;color:#006aff;font-size:11px}.hw-module{color:var(--hw-ocean);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hw-top>a:last-child{color:var(--hw-ocean);font-size:13px;font-weight:700}.hw-nav{display:flex;gap:7px;padding:9px clamp(16px,4vw,58px);background:#f7f7f7;border-bottom:1px solid var(--hw-line);overflow-x:auto}.hw-nav a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:11px;color:#5a5a5a;font-size:13px;font-weight:750;white-space:nowrap}.hw-nav a[aria-current=page]{background:var(--hw-ocean);color:white}.hw-nav__n{display:grid;place-items:center;width:23px;height:23px;border:1px solid currentColor;border-radius:50%;font-size:11px}.hw-main{width:min(1180px,100%);margin:auto;padding:24px clamp(16px,4vw,52px) 50px}.hw-crumb{display:flex;align-items:center;gap:9px;margin-bottom:24px;color:var(--hw-muted);font-size:12px}.hw-crumb a{color:inherit}.hw-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:26px;padding:clamp(25px,5vw,48px);background:var(--hw-ink);color:#fff;border-radius:24px;overflow:hidden;position:relative}.hw-hero:before{content:'';position:absolute;width:370px;height:370px;right:-90px;top:-200px;border-radius:50%;background:#8ebc9e18}.hw-eyebrow{margin:0 0 9px;color:var(--hw-amber);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hw-hero h1{max-width:620px;margin:0 0 12px;color:#fff;font:700 clamp(31px,4vw,46px)/1.04 var(--font-display);letter-spacing:-.03em}.hw-hero p{max-width:58ch;margin:0;color:#d7e1dc;font-size:15px}.hw-stage{min-height:220px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.hw-stage__tablet{width:185px;height:133px;border:8px solid #293c42;border-radius:15px;background:#f4f5ef;box-shadow:0 20px 38px #070d0f66;transform:rotate(-7deg);padding:12px}.hw-screenbar{height:11px;width:46%;margin-bottom:10px;border-radius:6px;background:#dfe8df}.hw-screenlines{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hw-screenlines span{height:35px;border-radius:5px;background:#d6e4db}.hw-screenlines span:first-child{background:#e7bf8f}.hw-stage__phone{width:72px;height:132px;border:6px solid #2a3d42;border-radius:15px;background:#eef1e9;padding:10px 5px;box-shadow:0 16px 28px #070d0f55;transform:translateY(24px) rotate(7deg)}.hw-phone-line{height:6px;margin:7px 0;border-radius:5px;background:#c9d6cc}.hw-phone-line:nth-child(2){height:42px;background:#d6a77d}.hw-tag{display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:4px 9px;border-radius:999px;background:#f7f7f7;color:#456649;font-size:11px;font-weight:800}.hw-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:27px 0 13px}.hw-section-head h2{margin:0;color:var(--hw-ink);font:700 25px var(--font-display)}.hw-section-head p{margin:4px 0 0;color:var(--hw-muted);font-size:13px}.hw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hw-card{display:flex;flex-direction:column;min-height:280px;padding:17px;background:var(--hw-paper);border:1px solid var(--hw-line);border-radius:17px;box-shadow:0 6px 22px #1d373309;transition:transform .18s,border-color .18s}.hw-card:hover{transform:translateY(-3px);border-color:#8fb4a0}.hw-card__visual{display:grid;place-items:center;min-height:115px;margin:-4px -4px 14px;border-radius:12px;background:linear-gradient(145deg,#ebebeb,#c6d9ca);overflow:hidden}.hw-card:nth-child(2) .hw-card__visual{background:linear-gradient(145deg,#f0e5d4,#d5d9bf)}.hw-card:nth-child(3) .hw-card__visual{background:linear-gradient(145deg,#e4ebee,#c4d9db)}.hw-card:nth-child(4) .hw-card__visual{background:linear-gradient(145deg,#e8e5d7,#c8d3bf)}.hw-card:nth-child(5) .hw-card__visual{background:linear-gradient(145deg,#f1e4d8,#dbc9ba)}.hw-mini-device{display:grid;place-items:center;color:var(--hw-ocean);font-size:54px;filter:drop-shadow(0 9px 7px #142c3522)}.hw-card h3{margin:10px 0 6px;color:var(--hw-ink);font:700 20px var(--font-display)}.hw-card p{margin:0;color:var(--hw-muted);font-size:13px}.hw-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px}.hw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid var(--hw-line);border-radius:11px;background:var(--hw-paper);color:var(--hw-ink);font:700 13px var(--font-sans);text-decoration:none;cursor:pointer}.hw-btn:hover{border-color:#8aa99a;background:#f7faf6}.hw-btn--primary{border-color:var(--hw-ocean);background:var(--hw-ocean);color:#fff}.hw-btn--primary:hover{background:#103a42;color:#fff}.hw-btn--quiet{background:transparent}.hw-note{margin-top:19px;padding:14px 16px;border-left:3px solid var(--hw-amber);border-radius:0 11px 11px 0;background:#faf1e7;color:#645646;font-size:13px;line-height:1.55}.hw-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:18px;margin-top:20px}.hw-panel{padding:21px;background:var(--hw-paper);border:1px solid var(--hw-line);border-radius:18px;box-shadow:0 6px 22px #1d373309}.hw-panel h2{margin:0 0 9px;font:700 24px var(--font-display)}.hw-panel p{color:var(--hw-muted);font-size:14px}.hw-big-visual{display:grid;place-items:center;min-height:320px;border-radius:15px;background:linear-gradient(145deg,#ebebeb,#c7d9cc);position:relative;overflow:hidden}.hw-big-visual:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:#fff9;filter:blur(28px)}.hw-device{position:relative;z-index:1;display:grid;place-items:center;color:var(--hw-ocean);font-size:112px;filter:drop-shadow(0 14px 10px #132b3533)}.hw-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0}.hw-spec{padding:13px;background:#f2f5f0;border-radius:11px}.hw-spec small{display:block;color:var(--hw-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.hw-spec strong{display:block;margin-top:5px;font-size:14px}.hw-detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.hw-basket{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start;margin-top:20px}.hw-selected-list{display:grid;gap:10px}.hw-selected{display:flex;align-items:center;gap:13px;padding:14px;background:var(--hw-paper);border:1px solid var(--hw-line);border-radius:14px}.hw-selected__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#e7efe8;font-size:26px}.hw-selected__meta{flex:1}.hw-selected__meta strong,.hw-selected__meta small{display:block}.hw-selected__meta small{margin-top:3px;color:var(--hw-muted);font-size:12px}.hw-empty{padding:30px;text-align:center;border:1px dashed #b8c8bf;border-radius:15px;color:var(--hw-muted)}.hw-count{display:inline-grid;place-items:center;min-width:27px;height:27px;padding:0 6px;border-radius:999px;background:var(--hw-lime);color:var(--hw-ink);font-size:12px;font-weight:850}.hw-summary{position:sticky;top:15px;padding:20px;background:var(--hw-ink);border-radius:17px;color:white}.hw-summary h2{margin:0 0 8px;color:white;font:700 23px var(--font-display)}.hw-summary p{color:#d3dfd9;font-size:13px}.hw-summary__line{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid #ffffff26;font-size:13px}.hw-summary .hw-btn{width:100%;margin-top:11px}.hw-footer{margin-top:22px;color:var(--hw-muted);font-size:12px}.hw-toast{position:fixed;left:50%;bottom:80px;z-index:110;transform:translateX(-50%);max-width:min(90vw,520px);padding:12px 17px;border-radius:12px;background:var(--hw-ink);color:white;box-shadow:0 10px 30px #142c3533}.hw-toast[hidden]{display:none}.hw-btn:focus-visible,.hw-nav a:focus-visible,.hw-card:focus-visible{outline:3px solid #d6a86f;outline-offset:2px}@media(max-width:760px){.hw-top{padding:10px 14px}.hw-module{display:none}.hw-nav{padding:8px 12px;gap:3px}.hw-nav a{padding:0 11px;font-size:12px}.hw-main{padding:17px 14px 38px}.hw-crumb{margin-bottom:16px}.hw-hero{grid-template-columns:1fr;padding:24px 20px;border-radius:18px}.hw-stage{min-height:150px}.hw-stage__tablet{width:155px;height:112px}.hw-stage__phone{width:61px;height:111px}.hw-grid{grid-template-columns:1fr}.hw-card{min-height:0}.hw-card__visual{min-height:95px}.hw-section-head{align-items:flex-start;flex-direction:column}.hw-detail,.hw-basket{grid-template-columns:1fr}.hw-panel{padding:17px}.hw-big-visual{min-height:240px}.hw-device{font-size:85px}.hw-specs{grid-template-columns:1fr 1fr}.hw-summary{position:static}.hw-selected{padding:11px}.hw-selected .hw-btn{padding:0 10px}.hw-app{padding-bottom:92px}}@media(min-width:761px) and (max-width:1024px){.hw-main{padding-left:27px;padding-right:27px}.hw-grid{grid-template-columns:repeat(2,1fr)}.hw-basket{grid-template-columns:minmax(0,1fr) 280px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
/* Foto realistiche dei dispositivi: immagini locali ottimizzate WebP. */
.hw-card__visual{position:relative;display:block;aspect-ratio:16/9;min-height:0;background:#eee;overflow:hidden}
.hw-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hw-card__visual .hw-mini-device{display:none}
.hw-big-visual{padding:0;background:#e8e7e2}
.hw-big-visual:after{display:none}
.hw-detail-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hw-selected__image{display:block;flex:0 0 48px;width:48px;height:48px;border-radius:13px;object-fit:cover}
@media(max-width:760px){.hw-card__visual{aspect-ratio:16/9;min-height:0}.hw-big-visual{min-height:240px}}

.hw-detail>.hw-panel:first-child{display:flex;padding:0;overflow:hidden}
.hw-detail>.hw-panel:first-child .hw-big-visual{flex:1;width:100%;height:100%;min-height:360px;border-radius:17px}
@media(max-width:760px){.hw-detail>.hw-panel:first-child .hw-big-visual{min-height:240px}}
.hw-card__modules,.hw-module-links{display:grid;gap:5px;margin-top:12px;font-size:12px}.hw-card__modules strong,.hw-module-links strong{color:var(--hw-ink);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.hw-card__modules a,.hw-module-links a{width:fit-content;color:#006aff;text-decoration:underline;text-underline-offset:2px}.hw-card__modules span,.hw-module-links span{color:#8b3d2f;font-weight:750}.hw-module-links{padding:13px;background:#f7f7f7;border:1px solid var(--hw-line);border-radius:11px}.hw-module-links small{color:var(--hw-muted)}
.hw-card__modules,.hw-module-links{display:grid;gap:5px;margin-top:12px;font-size:12px}.hw-card__modules strong,.hw-module-links strong{color:var(--hw-ink);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.hw-card__modules a,.hw-module-links a{width:fit-content;color:#006aff;text-decoration:underline;text-underline-offset:2px}.hw-card__modules span,.hw-module-links span{color:#8b3d2f;font-weight:750}.hw-module-links{padding:13px;background:#f7f7f7;border:1px solid var(--hw-line);border-radius:11px}.hw-module-links small{color:var(--hw-muted)}