@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#0b1220;--ink:#172334;--muted:#697787;--line:#e5e9ee;--teal:#0f8c87;--cream:#f5f7f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{max-width:1180px;margin:auto;padding:0 24px}.header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:10px;font:800 16px/1.05 Manrope;letter-spacing:.07em}.brand-sub{display:block;color:var(--teal);font-size:10px;letter-spacing:.27em;margin-top:5px}.mark{font-size:32px;color:var(--teal)}nav{display:flex;gap:29px;margin-left:auto}nav a,.nav-pill{font-size:13px;font-weight:700}nav a:hover{color:var(--teal)}.nav-pill{padding:12px 18px;border:1px solid #cbd5da;border-radius:6px}.nav-pill span{margin-left:10px}#menu{display:none;border:0;background:none;font-size:24px}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;min-height:540px;align-items:center;gap:50px}.eyebrow,.kicker{font-size:11px;letter-spacing:.19em;font-weight:800;color:var(--teal)}.eyebrow{color:#8de0d1}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#61dfc3;margin-right:7px}.hero h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em}.hero h1{font-size:clamp(38px,5vw,65px);line-height:1.12;margin:23px 0}.hero h1 em,.dark-section h2 em{font-style:normal;color:#65d5c0}.lead{font-size:16px;line-height:1.8;color:#b7c2d0;max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;gap:22px;align-items:center;padding:16px 21px;border-radius:5px;font-weight:700;font-size:13px}.primary{background:#5bd4bc;color:#0a2224}.secondary{border:1px solid #4c5b6e}.hero-foot{display:flex;flex-wrap:wrap;gap:22px;color:#9babbc;font-size:11px;margin-top:52px}.hero-art{height:390px;position:relative;border:1px solid #344456;background:radial-gradient(circle at center,#153d47 0,#102131 44%,#0b1220 80%);border-radius:10px;overflow:hidden}.art-label,.art-note{position:absolute;color:#9eb1c2;font-size:11px;letter-spacing:.15em}.art-label{top:24px;left:25px}.art-note{bottom:24px;left:25px}.art-ring{border:1px solid #427a7a;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ring1{width:270px;height:270px}.ring2{width:190px;height:190px;border-style:dashed}.art-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:800 95px Manrope;color:#72dfca;display:flex;align-items:center;gap:12px}.art-center span{font:600 12px/1.5 DM Sans;color:#c1d5d7}.strip{background:#eaf4f1}.strip-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:82px;font-size:12px;color:#51756f}.strip strong{font:800 18px Manrope;color:#183a38}.section{padding-top:100px;padding-bottom:100px;scroll-margin-top:80px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section h2{font-size:clamp(30px,4vw,46px);margin:13px 0 15px;line-height:1.2}.section-head p{color:var(--muted);max-width:620px;line-height:1.7;margin:0}.counter{font-size:12px;font-weight:800;color:var(--teal)}.tools{display:flex;gap:14px;margin-bottom:23px}.search{flex:1;border:1px solid var(--line);border-radius:7px;padding:12px 16px;color:#7d8c98}.search input{border:0;outline:0;width:90%;color:var(--ink)}select{border:1px solid var(--line);border-radius:7px;background:white;padding:12px;color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.operator{border:1px solid var(--line);border-radius:9px;padding:23px;min-height:250px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.operator:hover{transform:translateY(-3px);border-color:#a5d5cc}.operator-icon{width:48px;height:48px;display:grid;place-items:center;background:#e8f4f1;border-radius:10px;color:#087d79;font:800 21px Manrope}.operator h3{margin:21px 0 7px;font:800 19px Manrope}.operator p{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 20px}.operator button{margin-top:auto;border:0;background:none;text-align:left;padding:0;color:var(--teal);font-size:12px;font-weight:800;cursor:pointer}.disclaimer{font-size:12px;line-height:1.7;color:var(--muted);margin-top:22px}.dark-section{background:#101d2a;color:white}.dark-section h2{margin-bottom:40px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.features article{border-top:1px solid #405363;padding-top:24px}.feature-num{color:#71dbc5;font:800 12px Manrope}.features h3{font:800 19px Manrope;margin:22px 0 12px}.features p{color:#aebfcb;line-height:1.75;font-size:14px}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guides article{background:#f4f7f7;border-radius:8px;padding:29px}.guide-icon{font-size:36px;color:var(--teal)}.tag{font-size:10px;letter-spacing:.15em;color:var(--teal);font-weight:800;margin-top:26px}.guides h3{font:800 20px Manrope;letter-spacing:-.03em}.guides p,.about p,.contact p{color:var(--muted);line-height:1.8;font-size:14px}.about{background:#f5f8f7}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact{max-width:1180px}.contact-placeholder{display:inline-block;padding:16px 20px;border:1px solid var(--line);border-radius:6px;margin-top:20px;font-size:13px}footer{background:#0b1220;color:#fff;padding:43px 0}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links button,.footer-links a{border:0;background:none;color:#c0cbd7;font-size:12px;cursor:pointer;padding:0}.footer-bottom{border-top:1px solid #334252;margin-top:35px;padding-top:23px;color:#8d9cab;font-size:11px;line-height:1.7}dialog{border:0;border-radius:12px;max-width:630px;width:calc(100% - 30px);padding:30px;box-shadow:0 20px 90px #0005}dialog::backdrop{background:#081421b8}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.modal-head h2{font:800 28px Manrope}.modal-head button{border:0;background:#eef3f3;padding:10px;cursor:pointer;border-radius:6px}#modal-body{line-height:1.8;color:#586675;font-size:14px}#modal-body ul{padding-left:20px}@media(max-width:900px){nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}#menu{display:block;margin-left:auto}.nav-pill{display:none}.hero-grid{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px}.hero-art{height:300px}.cards{grid-template-columns:repeat(2,1fr)}.strip-inner{flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.about-grid{gap:20px}}@media(max-width:560px){.wrap{padding-left:18px;padding-right:18px}.section{padding-top:65px;padding-bottom:65px}.cards,.features,.guides,.about-grid{grid-template-columns:1fr}.tools{flex-direction:column}.hero-foot{margin-top:32px}.hero-art{height:260px}.footer-top,.footer-bottom{align-items:start;flex-direction:column}.section-head{align-items:start;flex-direction:column}}
/* PuntoQuota v2 — schede informative */
.operator{min-height:295px;position:relative;overflow:hidden}.operator-wordmark{width:100%;height:73px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--brand) 12%,white);border:1px solid color-mix(in srgb,var(--brand) 25%,white);color:var(--brand);font:800 clamp(17px,2vw,24px) Manrope,Arial,sans-serif;letter-spacing:-.055em}.operator-meta{margin-top:14px;font-size:10px;color:#54756d;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.operator h3{margin:10px 0 8px}.operator button{padding:10px 0}.operator button:hover{text-decoration:underline}.profile-mark{background:color-mix(in srgb,var(--brand) 10%,white);border-radius:8px;color:var(--brand);padding:20px;text-align:center;font:800 28px Manrope}.profile-table{border:1px solid #e2e9e9;border-radius:8px;overflow:hidden;margin:20px 0}.profile-table>div{display:flex;justify-content:space-between;gap:15px;padding:11px 14px;border-bottom:1px solid #e2e9e9}.profile-table>div:last-child{border-bottom:0}.profile-table span{color:#667788}.profile-table strong{text-align:right;color:#1d3441}.source-link{color:#007b78;text-decoration:underline;font-weight:700}.small-note{font-size:12px;color:#657481}@media(max-width:560px){.profile-table>div{flex-direction:column;gap:3px}.profile-table strong{text-align:left}}

/* PuntoQuota V3 */
.compare-section{background:#eff8f6}.compare-section h2{font-size:clamp(30px,4vw,48px);margin:12px 0}.compare-section p{max-width:700px;color:#536775}.selection{margin:22px 0;padding:15px 18px;background:#fff;border:1px solid #c8e5df;border-radius:12px;font-weight:700;color:#145c56}.compare-scroll{overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:620px;background:#fff;border-radius:12px;overflow:hidden}.compare-table th,.compare-table td{padding:16px;text-align:left;border-bottom:1px solid #e4eded;vertical-align:top}.compare-table tr:first-child{background:#0b2330;color:#fff}.compare-table tr:not(:first-child) th{color:#234b55;width:22%}.compare-toggle,.guide-read,.clear-btn{cursor:pointer;border:1px solid #8bc9bd;background:#e6f9f5;color:#075f59;padding:11px 14px;border-radius:9px;font-weight:700;margin-top:10px}.compare-toggle[aria-pressed="true"]{background:#0d746c;color:white}.clear-btn{margin-top:16px;background:#fff}.guide-read{margin-top:18px}.operator button:focus-visible,.compare-section button:focus-visible{outline:3px solid #ffae42;outline-offset:3px}
/* V4: link verso pagine editoriali */
.detail-link{display:inline-block;color:#087b75;font-weight:800;font-size:12px;text-decoration:none;margin-top:14px}.detail-link:hover{text-decoration:underline}

/* V5: pannelli visivi dei marchi, senza collegamenti commerciali */
.operator{padding:15px;min-height:340px;border-radius:15px;box-shadow:0 7px 25px #132c3b0a}
.operator-wordmark{height:90px;background:transparent;border:0;border-radius:9px;overflow:hidden}
.operator-wordmark img{width:100%;height:100%;object-fit:cover;display:block;border-radius:9px}
.operator-meta{margin-top:10px;letter-spacing:.02em;color:#203a4b;font-size:11px}
.operator h3{font-size:16px;margin:10px 0 7px}
.operator p{min-height:64px;margin-bottom:10px}
.operator .detail-link{margin-top:auto;display:block;font-weight:800;color:#007f78;font-size:12px;padding:10px 0}
.operator .compare-toggle{display:block;width:100%;margin-top:5px;padding:11px 8px;border:1px solid #008d84;border-radius:8px;text-align:center;background:#fff;color:#00665e;font-size:14px}
.operator .compare-toggle[aria-pressed="true"]{background:#006d67;color:white}
@media(max-width:560px){.operator{min-height:320px}.operator p{min-height:0}}

/* Loghi forniti dall'utente: proporzioni mantenute */
.operator-wordmark img{object-fit:contain;background:#fff}
.operator-wordmark a{display:block;width:100%;height:100%}

/* PuntoQuota V8 — footer editoriale */
.pq-footer{background:#0d1015;color:#f3f6fa;padding:58px 0 26px}.pq-footer-intro{max-width:690px}.pq-footer-logo{font:800 24px Manrope,Arial,sans-serif;letter-spacing:-.05em;color:#fff}.pq-footer-logo span{color:#55d6c1}.pq-footer-intro p{color:#ced3dc;font-size:14px;line-height:1.8}.pq-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;margin:38px 0;padding:35px 0;border-top:1px solid #323944;border-bottom:1px solid #323944}.pq-footer-grid>div{display:flex;flex-direction:column;gap:13px}.pq-footer-grid h3{font-size:12px;letter-spacing:.12em;color:#8df4b2;margin:0 0 6px}.pq-footer-grid a{color:#d9e0e9;font-size:13px;text-decoration:none}.pq-footer-grid a:hover{color:#8df4b2;text-decoration:underline}.pq-footer-warning strong{color:#8df4b2;font-size:13px}.pq-footer-warning p{max-width:900px;color:#cbd4df;font-size:13px;line-height:1.8}.pq-footer-copy{font-size:11px;color:#9daab8;margin-top:30px}.v8-article{padding:65px 0 95px;min-height:55vh}.v8-article h1{font:800 clamp(32px,5vw,50px) Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:15px 0}.v8-lead{max-width:780px;color:#607181;line-height:1.8}.v8-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:35px}.v8-panel{border:1px solid #dde6e8;border-radius:12px;padding:26px;background:#f8fbfa}.v8-panel h2{font-size:20px;margin:0 0 12px}.v8-panel p{color:#526574;line-height:1.8;font-size:14px}.v8-back{display:inline-block;margin-bottom:20px;color:#007d76;font-weight:700}.v8-note{margin-top:32px;padding:17px;border-left:3px solid #008b82;background:#eef7f4;font-size:13px;color:#395963;line-height:1.7}@media(max-width:850px){.pq-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.pq-footer-grid,.v8-panels{grid-template-columns:1fr}.pq-footer{padding-top:40px}}

/* V8 presentazione: logo non cliccabile, mantenendo le proporzioni originali */
.logo-static{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:90px;cursor:default}.logo-static img{display:block;max-width:100%;max-height:100%;object-fit:contain}

/* V9: link su logo, focus accessibile */
.logo-external{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:90px;cursor:pointer}.logo-external img{max-width:100%;max-height:100%;object-fit:contain}.logo-external:focus-visible{outline:3px solid #008f87;outline-offset:3px;border-radius:8px}

/* V13: uniform white cards for Goldbet, Planetwin365, William Hill */
.operator-wordmark:has(img[src="logos/goldbet.png"]),.operator-wordmark:has(img[src="logos/planetwin365.png"]),.operator-wordmark:has(img[src="logos/william-hill.png"]){background:#fff;border-color:#e5e8ec;}

/* V15: accessible editorial sections */
.v8-panel p a{color:#006e68;font-weight:700;text-decoration:underline}.v8-panel p a:focus-visible,.pq-footer-grid a:focus-visible{outline:3px solid #0d9d8e;outline-offset:3px}.v8-panel{overflow-wrap:anywhere}.v8-article{scroll-margin-top:70px}

/* V16: navigazione mobile su tutte le pagine */
#menu{cursor:pointer;min-width:44px;min-height:44px;align-items:center;justify-content:center;color:#172334;border-radius:7px}#menu:focus-visible,.header nav a:focus-visible{outline:3px solid #0f8c87;outline-offset:3px}
@media(max-width:900px){.header .nav{position:relative}.header .nav>nav{position:absolute;top:100%;left:0;right:0;z-index:30;max-height:calc(100dvh - 78px);overflow-y:auto;box-shadow:0 12px 22px #0b12201c;padding:16px 24px}.header .nav>nav.open{display:flex}.header .nav>nav a{display:block;padding:12px 4px;min-height:44px}.header #menu{display:flex}}

/* V17 — editorial sections */
.pq-editorial-note{max-width:900px;margin:30px auto 0;padding:25px 29px;border:1px solid rgba(110,143,161,.25);border-radius:16px;background:rgba(127,161,178,.075);line-height:1.75}
.pq-editorial-note h3{font-size:1.2rem;margin:0 0 10px;letter-spacing:-.02em}
.pq-editorial-note p{margin:0;max-width:78ch}
@media(max-width:650px){.pq-editorial-note{padding:19px;margin-top:24px}}