/* QuickConto 2027 | Tema unico Melograno | senza selettore palette */
:root {
    /* BRAND QUICKCONTO */
    --accent: #8B2433;
    --accent-strong: #711C29;
    --accent-deep: #571721;
    /* Rosso chiaro: SOLO per selezioni / piccoli dettagli */
    --accent-soft: #F5EFF1;
    --accent-faint: #FAF7F8;
    /* TESTI */
    --ink: #1A2229;
    --ink-2: #3C4954;
    --muted: #66727C;
    /* SFONDI NEUTRI */
    --bg: #FFFFFF;
    --bg-soft: #F5F6F8;
    --surface: #FFFFFF;
    --surface-2: #F8F9FA;
    /* BORDI NEUTRI - non rosati */
    --line: #E0E5EA;
    --line-strong: #C8D1D9;
    --success: #397357;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input{font:inherit}
body.menu-open{overflow:hidden}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:12px;width:auto;height:auto;padding:8px 12px;background:#fff;border:1px solid var(--line-strong);border-radius:8px;z-index:5000}
.qc-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}

/* header */
.qc-header {
    position: sticky;
    top: 0;
    z-index: 1400;
    background: rgba(255,252,250,.98);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--line);
}
.qc-header-inner{min-height:var(--header-h);display:flex;align-items:center;gap:24px}
.qc-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}
.qc-brand-logo{width:42px;height:42px;border-radius:10px;box-shadow:0 8px 18px rgba(139,36,51,.15);flex:none}
.qc-brand-name{display:flex;flex-direction:column;font-size:1.16rem;font-weight:800;letter-spacing:-.02em;line-height:1.02;color:var(--ink)}
.qc-brand-name small{margin-top:4px;font-size:.72rem;font-weight:600;color:var(--muted);letter-spacing:0}
.qc-nav{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap}
.qc-nav>a,.qc-nav-group-toggle{position:relative;padding:7px 9px;border:0;background:none;color:var(--ink-2);font-size:.84rem;font-weight:650;cursor:pointer;border-radius:8px;transition:background-color .18s ease,color .18s ease;white-space:nowrap}
.qc-nav>a:after,.qc-nav-group-toggle:after{display:none}
/*.qc-nav>a:hover,.qc-nav-group-toggle:hover,.qc-nav>a.is-current,.qc-nav-group-toggle.is-current{color:#fff;background:var(--accent)}*/
    .qc-nav > a:hover,
    .qc-nav-group-toggle:hover,
    .qc-nav > a.is-current,
    .qc-nav-group-toggle.is-current {
        background: var(--accent-soft);
        color: var(--accent-strong);
    }
.qc-nav>a:hover:after,.qc-nav-group-toggle:hover:after,.qc-nav>a.is-current:after,.qc-nav-group-toggle.is-current:after{opacity:0;transform:none}
.qc-nav-group{position:relative}
.qc-nav-submenu{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-md);display:none}
.qc-nav-group:hover .qc-nav-submenu,.qc-nav-group.is-open .qc-nav-submenu{display:block}
.qc-nav-submenu a{display:block;padding:10px 11px;border-radius:10px;color:var(--ink-2);font-size:.92rem}
.qc-nav-submenu a:hover{background:var(--bg-soft);color:var(--ink)}
.qc-menu-toggle{display:none;align-items:center;gap:10px;margin-left:auto;padding:11px 18px 11px 16px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);border-radius:999px;font-weight:700;box-shadow:var(--shadow-sm)}
.qc-menu-icon,.qc-menu-icon:before,.qc-menu-icon:after{display:block;content:'';width:18px;height:2px;background:var(--ink);border-radius:2px}
.qc-menu-icon{position:relative}
.qc-menu-icon:before{position:absolute;top:-6px;left:0}
.qc-menu-icon:after{position:absolute;top:6px;left:0}

/* buttons */
.qc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border-radius:12px;border:1px solid transparent;font-size:.93rem;font-weight:700;transition:all .18s ease;cursor:pointer}
.qc-btn:hover{transform:translateY(-1px)}
.qc-btn-primary{background:var(--accent);color:#fff;box-shadow:0 12px 28px rgba(139,36,51,.16)}
.qc-btn-primary:hover{background:var(--accent-strong);box-shadow:0 14px 30px rgba(113,28,41,.18)}

.qc-btn-green {
    background-color: darkgreen;
    color: #ffff;
    border-color:black;
    box-shadow: 0 12px 28px rgba(139,36,51,.16)
}

    .qc-btn-green:hover {
        background-color: seagreen;
        box-shadow: 0 14px 30px rgba(113,28,41,.18)
    }

.qc-btn-secondary{background:#0094ff;border-color:#3C4954;color:#FFFFFF;}
.qc-btn-secondary:hover{background:#4800ff;}
.qc-btn-light {
    background: #0094ff;
    border-color: #3C4954;
    color: #FFFFFF;
}
    .qc-btn-light:hover {
        background: #4800ff;
    }
.qc-btn-outline-light{background-color:lightyellow;border-color:#111}
.qc-btn-outline-light:hover{background-color:burlywood}

/* hero */
.qc-hero {
    padding: 34px 0 24px;
    background: #F5F6F8;
}
.qc-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.96fr);gap:38px;align-items:center}
.qc-eyebrow,.qc-section-no,.qc-panel-kicker,.qc-price-kicker{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.qc-hero-copy h1{margin:10px 0 14px;font-size:clamp(2rem,4.3vw,3.15rem);line-height:1.08;letter-spacing:-.03em;font-weight:800}
.qc-hero-copy h1 em{font-style:normal;color:var(--accent)}
.qc-hero-intro{max-width:620px;margin:0 0 18px;font-size:1rem;color:var(--ink-2)}
.qc-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.qc-hero-points{display:flex;flex-wrap:wrap;gap:10px}
.qc-hero-points span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.84rem;font-weight:650;color:var(--ink-2)}
.qc-hero-visual{position:relative}
.qc-product-frame{padding:18px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-md)}
.qc-product-frame img{width:100%;height:auto;object-fit:contain}
.qc-visual-note{position:absolute;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);background:rgba(255,255,255,.97);border-radius:14px;box-shadow:var(--shadow-sm);font-size:.8rem}
.qc-visual-note strong{font-size:.78rem;color:var(--accent)}
.qc-visual-note span{color:var(--muted)}
.qc-visual-note-top{top:14px;right:-10px}
.qc-visual-note-bottom{left:-12px;bottom:18px}

/* flow */
.qc-flow {
    padding: 10px 0 14px;
    background: #F5F6F8;
}
.qc-flow-title{margin:0 0 14px;text-align:center;font-size:.96rem;font-weight:700;color:var(--muted)}
.qc-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;padding:0;margin:0}
.qc-flow-grid li{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}
.qc-flow-grid span{display:block;margin-bottom:8px;font-size:.76rem;font-weight:800;color:var(--accent)}
.qc-flow-grid strong{display:block;margin-bottom:6px;font-size:1rem;font-weight:800;letter-spacing:-.01em}
.qc-flow-grid small{display:block;font-size:.88rem;color:var(--muted)}

/* sections */
.qc-section {
    padding: 40px 0;
    background: #FFFFFF;
}
.qc-section-soft {
    background: #F5F6F8;
    border-top: 1px solid #E0E5EA;
    border-bottom: 1px solid #E0E5EA;
}
/*.qc-section-soft{background:var(--bg-soft);border-top:1px solid rgba(231,223,218,.75);border-bottom:1px solid rgba(231,223,218,.75)}*/
/*.qc-section-dark{background:linear-gradient(180deg,var(--accent-faint) 0%,var(--surface) 100%);border-top:1px solid rgba(231,223,218,.75);border-bottom:1px solid rgba(231,223,218,.75)}*/
.qc-section-dark {
    background: #F5F6F8;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}
.qc-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;width:100%;min-width:0}
.qc-section-heading h2,.qc-closing h2{margin:7px 0 9px;font-size:clamp(1.68rem,3.5vw,2.28rem);line-height:1.1;letter-spacing:-.025em;font-weight:800}
.qc-section-heading p,.qc-closing p,.qc-tab-panel p,.qc-audience-card p,.qc-compat-grid p,.qc-price-card p,.qc-web-cards small,.qc-footer p,.qc-footer small{margin:0;color:var(--ink-2)}
.qc-text-link{font-size:.92rem;font-weight:750;color:var(--accent);white-space:nowrap}
.qc-lead{font-size:.98rem;color:var(--ink-2);margin:0 0 16px}

/* audience */
.qc-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.qc-audience-card, .qc-price-card, .qc-compat-grid article, .qc-tab-panel, .qc-split-card, .qc-web-cards article, .qc-qr-card, .qc-order-card {
    background: #FFFFFF;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: var(--shadow-sm)
}
.qc-audience-card{display:flex;align-items:flex-start;gap:14px;padding:18px}
.qc-audience-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:.83rem;font-weight:800;letter-spacing:.08em}
.qc-audience-card h3,.qc-price-card h3,.qc-compat-grid h3,.qc-tab-panel h3,.qc-web-cards strong{margin:0 0 6px;font-size:1rem;line-height:1.2;font-weight:800;letter-spacing:-.015em}
.qc-audience-card p{font-size:.92rem}

/* tabs */
.qc-feature-tabs{display:grid;grid-template-columns:270px 1fr;gap:18px}
.qc-tab-list{display:flex;flex-direction:column;gap:8px}
.qc-tab-list button{padding:12px 14px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;color:var(--ink-2);font-weight:700;cursor:pointer;transition:all .18s ease}
.qc-tab-list button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 12px 28px rgba(139,36,51,.15)}
.qc-tab-panel{padding:22px 24px;min-height:260px}
.qc-tab-panel ul{margin:14px 0 0;padding-left:18px;color:var(--ink)}
.qc-tab-panel li+li{margin-top:7px}

/* app kds */
.qc-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.qc-phone-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:520px;padding:20px}
.qc-phone-glow{position:absolute;inset:50% auto auto 50%;width:74%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle, rgba(139,36,51,.14) 0%, rgba(139,36,51,.06) 46%, rgba(139,36,51,0) 72%)}
.qc-phone-stage img{position:relative;width:min(302px,100%);height:auto;object-fit:contain;filter:drop-shadow(0 20px 34px rgba(38,51,59,.18));margin:0 auto}
.qc-process-mini{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}
.qc-process-mini div{min-width:120px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}
.qc-process-mini strong{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.88rem;margin-bottom:8px}
.qc-process-mini span{display:block;font-size:.95rem;font-weight:800;margin-bottom:2px}
.qc-process-mini small{display:block;color:var(--muted);font-size:.82rem}
.qc-process-mini i{font-style:normal;color:var(--accent);font-weight:800}
.qc-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:16px}
.qc-checks span{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink-2);font-size:.9rem}
.qc-inline-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

/* ordini web */
.qc-web-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.9fr);gap:28px;align-items:center}
.qc-web-cards{display:grid;gap:12px;margin-top:18px}
.qc-web-cards article{display:flex;align-items:center;gap:14px;padding:15px 16px}
.qc-web-cards span{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:.83rem;font-weight:800;letter-spacing:.08em}
.qc-web-cards strong{display:block;margin:0 0 4px}
.qc-web-cards small{display:block;font-size:.9rem}
.qc-web-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:18px}
.qc-qr-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:min(260px,100%);padding:20px;text-align:center}
.qc-fake-qr {
    display: block;
    width: 110px;
    height: 110px;
    border: 7px solid #fff;
    outline: 1px solid var(--line-strong);
    border-radius: 8px;
    background: #fff url("../img/quickconto_qrcode.png") center/contain no-repeat;
}
.qc-qr-card strong{font-size:1rem;color:var(--accent);letter-spacing:.03em}
.qc-qr-card small,.qc-order-card small{color:var(--muted);font-size:.9rem}
.qc-order-card {
    width: min(260px,100%);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    text-align: center;
}
.qc-order-card span{font-size:.84rem;font-weight:700;color:var(--muted)}
.qc-order-card strong{font-size:1.02rem}
.qc-order-card b{display:inline-flex;align-self:center;padding:7px 12px;border-radius:999px;background:rgba(60,122,96,.12);color:var(--success);font-size:.78rem;letter-spacing:.04em}

/* hardware */
.qc-compat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.qc-compat-grid article{padding:18px}
.qc-compat-grid span{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:32px;padding:0 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.08em;margin-bottom:12px}

/* beach and pricing */
.qc-beach-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.96fr)}
.qc-beach-image{display:flex;align-items:center;justify-content:center}
.qc-beach-image img{width:100%;height:auto;object-fit:contain;border:1px solid var(--line);border-radius:0;background:#fff;box-shadow:var(--shadow-sm)}
.qc-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.qc-price-card{position:relative;padding:22px}
.qc-price-link{display:inline-flex;margin-top:14px;color:var(--accent);font-weight:750;font-size:.92rem}
.qc-price-featured {
    border-color: rgba(139,36,51,.36);
    background: linear-graborder-color:#C9A2A8;
}
.qc-price-featured:before{content:'';position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 4px 4px;background:var(--accent)}

/* closing and footer */
.qc-closing {
    padding: 38px 0;
    background: #F5F6F8;
    border-top: 1px solid var(--line)
}
.qc-closing-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.qc-closing-actions{display:flex;gap:10px;flex-shrink:0}
.qc-footer {
    padding: 32px 0 18px;
    background: #F5F6F8;
    border-top: 1px solid #E0E5EA;
}
.qc-footer-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:26px}
.qc-footer a.qc-brand-footer{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:12px;margin:0 0 14px}
.qc-footer-brand{min-width:0}
.qc-footer .qc-brand-footer .qc-brand-logo{flex:0 0 42px;width:42px;height:42px}
.qc-footer .qc-brand-footer .qc-brand-name{display:flex;flex-direction:column;justify-content:center;white-space:nowrap;line-height:1.02}
.qc-footer h2{margin:0 0 10px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.qc-footer a{display:block;margin:7px 0;font-size:.92rem;color:var(--ink-2)}
.qc-footer a:hover{color:var(--accent)}
.qc-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:24px;padding-top:16px}
.qc-footer-bottom p{margin:0;font-size:.82rem;color:var(--muted)}
.qc-footer-bottom nav{display:flex;gap:14px;flex-wrap:wrap}
.qc-footer-bottom nav a{margin:0}

/* utilities */
.qc-back-top{position:fixed;right:18px;bottom:18px;z-index:900;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--accent);box-shadow:var(--shadow-sm);font-size:18px;font-weight:800}
.qc-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:1300;max-width:920px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(38,51,59,.14)}
.qc-cookie>div:first-child{display:flex;flex-direction:column}
.qc-cookie strong{font-size:.8rem}
.qc-cookie span{font-size:.76rem;color:var(--muted)}
.qc-cookie>div:last-child{display:flex;align-items:center;gap:12px;flex-shrink:0}
.qc-cookie button{border:0;border-radius:9px;background:var(--accent);color:#fff;padding:8px 12px;font-weight:750;font-size:.8rem;cursor:pointer}
.qc-cookie a{font-size:.76rem;color:var(--accent);font-weight:700}

@media (max-width:1050px){
  :root{--header-h:72px}
  .qc-header-inner{flex-wrap:wrap;padding:12px 0}
  .qc-menu-toggle{display:flex}
  .qc-nav{display:none;width:100%;margin:0;flex-direction:column;align-items:stretch;gap:4px;padding-top:10px}
  .qc-nav.is-open{display:flex}
  .qc-nav>a,.qc-nav-group-toggle{width:100%;padding:10px 12px;border-radius:10px}
  .qc-nav>a:hover,.qc-nav-group-toggle:hover,.qc-nav>a.is-current{background:var(--accent);color:#fff}
  .qc-nav>a:after,.qc-nav-group-toggle:after{display:none}
  .qc-nav-group{width:100%}
  .qc-nav-submenu{position:static;width:100%;margin-top:4px;box-shadow:none}
  .qc-nav .qc-header-cta{margin-top:6px;justify-content:center}
  .qc-hero-grid,.qc-split,.qc-web-grid,.qc-feature-tabs{grid-template-columns:1fr}
  .qc-flow-grid,.qc-compat-grid,.qc-price-grid{grid-template-columns:repeat(2,1fr)}
  .qc-audience-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .qc-wrap{width:min(100% - 28px,1120px)}
  .qc-brand-name{font-size:1.05rem}
  .qc-brand-name small{font-size:.7rem}
  .qc-hero{padding:26px 0 20px}
  .qc-visual-note-top{right:6px;top:8px}
  .qc-visual-note-bottom{left:6px;bottom:8px}
  .qc-flow-grid,.qc-audience-grid,.qc-compat-grid,.qc-price-grid{grid-template-columns:1fr}
  .qc-checks{grid-template-columns:1fr}
    .qc-section {        padding: 32px 0;    }
  .qc-section-heading{margin-bottom:18px}
  .qc-closing-inner,.qc-footer-bottom,.qc-cookie{flex-direction:column;align-items:flex-start}
  .qc-footer-grid{grid-template-columns:1fr 1fr;gap:20px}
}

@media (max-width:760px){
  .qc-brand-footer .qc-brand-name{white-space:normal}
}

@media (max-width:560px){
  .qc-header-inner{gap:12px}
  .qc-menu-toggle{padding:11px 20px 11px 16px}
  .qc-brand-name small{display:none}
  .qc-hero-copy h1{font-size:clamp(1.82rem,10vw,2.35rem)}
  .qc-hero-actions,.qc-closing-actions,.qc-inline-actions{width:100%;display:grid;grid-template-columns:1fr}
  .qc-hero-actions .qc-btn,.qc-closing-actions .qc-btn,.qc-inline-actions .qc-btn{width:100%}
  .qc-flow-grid{grid-template-columns:1fr}
  .qc-tab-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .qc-tab-list button{font-size:.88rem;padding:11px 12px}
  .qc-tab-panel{padding:18px}
  .qc-cookie>div:last-child{width:100%;justify-content:space-between}
  .qc-footer-grid{grid-template-columns:1fr}
}