.kq-qr-generator{
    --ink:#10141C;
    --ink-2:#1A2130;
    --ink-3:#252D40;
    --paper:#F6F4EE;
    --paper-2:#FFFFFF;
    --signal:#765bdb;
    --signal-dark:#4f76da;
    --signal-soft:rgba(79,118,218,.1);
    --gold:#765bdb;
    --line: rgba(16,20,28,.12);
    --line-soft: rgba(16,20,28,.08);
    --line-dark: rgba(255,255,255,.12);
    --muted:#6B7280;
    --muted-2:#9CA3AF;
    --good:#1FAA59;
    --warn:#B45309;
    --radius:20px;
    --radius-sm:12px;
    --shadow: 0 24px 60px -24px rgba(16,20,28,.35);
    --shadow-sm: 0 10px 30px -14px rgba(16,20,28,.25);
    --font-display:'Space Grotesk', sans-serif;
    --font-body:'Inter', sans-serif;
    --font-mono:'JetBrains Mono', monospace;
  }
.kq-qr-generator *{box-sizing:border-box;}
.kq-qr-generator{scroll-behavior:smooth;}
.kq-qr-generator{
    margin:0; font-family:var(--font-body); color:var(--ink); background:var(--paper);
    -webkit-font-smoothing:antialiased; line-height:1.5;
  }
.kq-qr-generator img,.kq-qr-generator svg{display:block; max-width:100%;}
.kq-qr-generator a{color:inherit;}
.kq-qr-generator button{font-family:inherit;}
.kq-qr-generator .container{max-width:1180px; margin:0 auto; padding:0 24px;}
.kq-qr-generator .eyebrow{
    font-family:var(--font-mono); font-size:12.5px; letter-spacing:.08em; text-transform:uppercase;
    display:inline-flex; align-items:center; gap:8px; color:var(--signal); font-weight:600;
  }
.kq-qr-generator .eyebrow::before{content:""; width:7px; height:7px; background:var(--signal); border-radius:2px; display:inline-block;}
.kq-qr-generator h1,.kq-qr-generator h2,.kq-qr-generator h3{font-family:var(--font-display); margin:0; letter-spacing:-.01em;}
.kq-qr-generator h1{font-size:clamp(34px,4.6vw,54px); line-height:1.06; font-weight:700;}
.kq-qr-generator h2{font-size:clamp(26px,3.2vw,38px); line-height:1.14; font-weight:600;}
.kq-qr-generator h3{font-size:19px; font-weight:600;}
.kq-qr-generator p{margin:0;}
.kq-qr-generator .muted{color:var(--muted);}
.kq-qr-generator .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    font-family:var(--font-body); font-weight:600; font-size:15px; padding:14px 22px;
    border-radius:999px; border:1px solid transparent; cursor:pointer; text-decoration:none;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
    white-space:nowrap;
  }
.kq-qr-generator .btn:active{transform:translateY(1px);}
.kq-qr-generator .btn-primary{background:var(--signal); color:#fff; box-shadow:0 14px 30px -12px rgba(79,118,218,.55);}
.kq-qr-generator .btn-primary:hover{background:var(--signal-dark); box-shadow:0 18px 34px -12px rgba(79,118,218,.65);}
.kq-qr-generator .btn-dark{background:var(--ink); color:#fff;}
.kq-qr-generator .btn-dark:hover{background:var(--ink-2);}
.kq-qr-generator .btn-ghost{background:transparent; color:var(--ink); border-color:var(--line);}
.kq-qr-generator .btn-ghost:hover{border-color:var(--ink); }
.kq-qr-generator .btn-ghost-light{background:transparent; color:#fff; border-color:var(--line-dark);}
.kq-qr-generator .btn-ghost-light:hover{border-color:#fff;}
.kq-qr-generator .btn-sm{padding:10px 16px; font-size:13.5px; border-radius:999px;}
.kq-qr-generator .btn-block{width:100%;}
.kq-qr-generator .focus-vis:focus-visible,.kq-qr-generator a:focus-visible,.kq-qr-generator button:focus-visible,.kq-qr-generator input:focus-visible,.kq-qr-generator select:focus-visible,.kq-qr-generator textarea:focus-visible{
    outline:2.5px solid var(--signal); outline-offset:2px; border-radius:8px;
  }
@media (max-width:860px){}
.kq-qr-generator .hero{
    position:relative; background:var(--ink); color:#fff; overflow:hidden;
    padding:76px 0 90px;
  }
.kq-qr-generator .hero::before{
    content:""; position:absolute; inset:0;
    background-image: radial-gradient(rgba(255,255,255,.09) 1.4px, transparent 1.6px);
    background-size:16px 16px; opacity:.5; pointer-events:none;
    mask-image: radial-gradient(ellipse 90% 80% at 60% 20%, black 40%, transparent 85%);
  }
.kq-qr-generator .hero-grid{position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center;}
@media (max-width:960px){.kq-qr-generator .hero-grid{grid-template-columns:1fr; gap:44px;}
}
.kq-qr-generator .hero h1{margin-top:16px; color:#fff;}
.kq-qr-generator .hero h1 em{font-style:normal; color:var(--signal);}
.kq-qr-generator .hero p.lead{margin-top:18px; font-size:17px; color:rgba(255,255,255,.72); max-width:520px;}
.kq-qr-generator .hero p.lead b{color:#fff; font-weight:600;}
.kq-qr-generator .hero-badges{display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:26px;}
.kq-qr-generator .hero-badge{display:flex; align-items:center; gap:8px; font-size:13.5px; color:rgba(255,255,255,.85); font-weight:500;}
.kq-qr-generator .hero-badge svg{width:16px; height:16px; flex:0 0 auto; color:var(--signal);}
.kq-qr-generator .hero-ctas{display:flex; flex-wrap:wrap; gap:12px; margin-top:32px;}
.kq-qr-generator .viewfinder{position:relative; padding:22px;}
.kq-qr-generator .vf-corner{position:absolute; width:34px; height:34px; border:3px solid var(--signal); opacity:.9;}
.kq-qr-generator .vf-corner.tl{top:0; left:0; border-right:none; border-bottom:none; border-top-left-radius:10px;}
.kq-qr-generator .vf-corner.tr{top:0; right:0; border-left:none; border-bottom:none; border-top-right-radius:10px;}
.kq-qr-generator .vf-corner.bl{bottom:0; left:0; border-right:none; border-top:none; border-bottom-left-radius:10px;}
.kq-qr-generator .vf-corner.br{bottom:0; right:0; border-left:none; border-top:none; border-bottom-right-radius:10px;}
.kq-qr-generator .vf-inner{position:relative; overflow:hidden; border-radius:14px;}
.kq-qr-generator .vf-scanline{
    position:absolute; left:6%; right:6%; height:2px; top:0;
    background:linear-gradient(90deg, transparent, var(--signal) 25%, var(--gold) 50%, var(--signal) 75%, transparent);
    filter:drop-shadow(0 0 6px rgba(79,118,218,.8));
    animation: kqQrScan 3.2s ease-in-out infinite;
  }
@keyframes kqQrScan{
    0%{ top:4%; opacity:0;}
    8%{opacity:1;}
    50%{ top:92%; opacity:1;}
    58%{opacity:0;}
    100%{ top:92%; opacity:0;}
  }
@media (prefers-reduced-motion: reduce){.kq-qr-generator .vf-scanline{animation:none; display:none;}
}
.kq-qr-generator .hero-visual{position:relative;}
.kq-qr-generator .hero-card{
    background:var(--ink-2); border:1px solid var(--line-dark); border-radius:24px; padding:26px;
  }
.kq-qr-generator .hero-card-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;}
.kq-qr-generator .hero-tag{font-family:var(--font-mono); font-size:11.5px; letter-spacing:.06em; color:rgba(255,255,255,.55); text-transform:uppercase;}
.kq-qr-generator .hero-qr-wrap{background:#fff; border-radius:16px; padding:18px; display:flex; align-items:center; justify-content:center;}
.kq-qr-generator #heroCanvas{width:100%; height:auto; max-width:230px;}
.kq-qr-generator .hero-card-foot{display:flex; align-items:center; justify-content:space-between; margin-top:16px; font-size:12.5px; color:rgba(255,255,255,.55); font-family:var(--font-mono);}
.kq-qr-generator .live-dot{width:7px; height:7px; border-radius:50%; background:var(--good); display:inline-block; margin-right:6px; box-shadow:0 0 0 3px rgba(31,170,89,.25);}
.kq-qr-generator section{padding:84px 0;}
.kq-qr-generator .section-head{max-width:680px; margin-bottom:44px;}
.kq-qr-generator .section-head h2{margin-top:14px;}
.kq-qr-generator .section-head p{margin-top:14px; font-size:16px; color:var(--muted);}
.kq-qr-generator .section-head.center{margin-left:auto; margin-right:auto; text-align:center;}
.kq-qr-generator .generator{background:var(--paper-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.kq-qr-generator .gen-grid{display:grid; grid-template-columns:1.15fr .85fr; gap:40px; align-items:flex-start;}
@media (max-width:960px){.kq-qr-generator .gen-grid{grid-template-columns:1fr;}
}
.kq-qr-generator .panel{background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:26px;}
.kq-qr-generator .panel + .panel{margin-top:20px;}
.kq-qr-generator .panel-title{display:flex; align-items:center; gap:10px; margin-bottom:18px;}
.kq-qr-generator .panel-title .num{font-family:var(--font-mono); font-size:12px; background:var(--ink); color:#fff; width:22px; height:22px; border-radius:6px; display:flex; align-items:center; justify-content:center;}
.kq-qr-generator .panel-title h3{font-size:16.5px;}
.kq-qr-generator .tabs{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px;}
.kq-qr-generator .tab-btn{
    font-family:var(--font-mono); font-size:12.5px; font-weight:500; padding:9px 14px; border-radius:10px;
    border:1px solid var(--line); background:var(--paper-2); color:var(--muted); cursor:pointer; transition:all .15s;
  }
.kq-qr-generator .tab-btn.active{background:var(--ink); color:#fff; border-color:var(--ink);}
.kq-qr-generator .tab-btn:hover:not(.active){border-color:var(--ink);}
.kq-qr-generator .field{margin-bottom:16px;}
.kq-qr-generator .field label{display:block; font-size:13px; font-weight:600; margin-bottom:7px; color:var(--ink);}
.kq-qr-generator .field .hint{font-size:12px; color:var(--muted-2); margin-top:6px;}
.kq-qr-generator .field input[type=text],.kq-qr-generator .field input[type=tel],.kq-qr-generator .field input[type=email],.kq-qr-generator .field textarea,.kq-qr-generator .field select{
    width:100%; padding:12px 14px; border-radius:11px; border:1.5px solid var(--line); background:#fff;
    font-family:var(--font-body); font-size:14.5px; color:var(--ink); transition:border-color .15s;
  }
.kq-qr-generator .field input:focus,.kq-qr-generator .field select:focus,.kq-qr-generator .field textarea:focus{border-color:var(--ink); outline:none;}
.kq-qr-generator .field textarea{resize:vertical; min-height:70px;}
.kq-qr-generator .content-panel{display:none;}
.kq-qr-generator .content-panel.active{display:block;}
.kq-qr-generator .theme-row{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px;}
.kq-qr-generator .theme-btn{
    display:flex; align-items:center; gap:8px; padding:9px 13px; border-radius:11px; border:1.5px solid var(--line);
    background:#fff; cursor:pointer; font-size:13px; font-weight:600; color:var(--ink); transition:border-color .15s;
  }
.kq-qr-generator .theme-btn:hover{border-color:var(--ink);}
.kq-qr-generator .theme-swatch{display:flex;}
.kq-qr-generator .theme-swatch span{width:13px; height:13px; border-radius:50%; margin-left:-4px; border:1.5px solid #fff;}
.kq-qr-generator .theme-swatch span:first-child{margin-left:0;}
.kq-qr-generator .color-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:6px;}
.kq-qr-generator .color-field{display:flex; flex-direction:column; gap:7px;}
.kq-qr-generator .color-field label{font-size:12px; font-weight:600; color:var(--muted);}
.kq-qr-generator .color-field .swatch-input{display:flex; align-items:center; gap:8px; border:1.5px solid var(--line); border-radius:11px; padding:6px 8px; background:#fff;}
.kq-qr-generator .color-field input[type=color]{width:28px; height:28px; border:none; border-radius:7px; padding:0; background:none; cursor:pointer;}
.kq-qr-generator .color-field input[type=color]::-webkit-color-swatch{border-radius:7px; border:1px solid var(--line);}
.kq-qr-generator .color-field .hex{font-family:var(--font-mono); font-size:12px; color:var(--muted);}
.kq-qr-generator .contrast-warning{display:none; align-items:center; gap:8px; margin-top:12px; padding:10px 12px; border-radius:10px; background:#FFF4E5; color:var(--warn); font-size:12.5px; font-weight:600;}
.kq-qr-generator .contrast-warning.show{display:flex;}
.kq-qr-generator .shape-row{display:grid; grid-template-columns:repeat(5,1fr); gap:8px;}
.kq-qr-generator .shape-btn{
    display:flex; flex-direction:column; align-items:center; gap:8px; padding:12px 6px; border-radius:12px;
    border:1.5px solid var(--line); background:#fff; cursor:pointer; transition:border-color .15s;
  }
.kq-qr-generator .shape-btn.active{border-color:var(--ink); background:var(--paper);}
.kq-qr-generator .shape-btn span{font-size:10.5px; font-weight:600; text-align:center; color:var(--muted); line-height:1.2;}
.kq-qr-generator .shape-btn.active span{color:var(--ink);}
.kq-qr-generator .shape-icon{width:26px; height:26px;}
.kq-qr-generator .size-row{display:flex; gap:8px; flex-wrap:wrap;}
.kq-qr-generator .size-btn{
    font-family:var(--font-mono); font-size:12.5px; padding:9px 13px; border-radius:10px; border:1.5px solid var(--line);
    background:#fff; cursor:pointer; color:var(--muted); font-weight:500;
  }
.kq-qr-generator .size-btn.active{border-color:var(--ink); color:var(--ink); background:var(--paper);}
.kq-qr-generator .panel-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:20px;}
.kq-qr-generator .preview-sticky{position:sticky; top:96px; display:flex; flex-direction:column; gap:16px;}
.kq-qr-generator .preview-card{background:var(--ink); border-radius:var(--radius); padding:24px; color:#fff;}
.kq-qr-generator .preview-card-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;}
.kq-qr-generator .preview-card-head .eyebrow{color:var(--gold);}
.kq-qr-generator .preview-card-head .eyebrow::before{background:var(--gold);}
.kq-qr-generator .qr-canvas-wrap{background:#fff; border-radius:16px; padding:18px; display:flex; align-items:center; justify-content:center; min-height:230px;}
.kq-qr-generator #qrCanvas{width:100%; max-width:230px; height:auto;}
.kq-qr-generator .qr-meta{margin-top:16px; display:flex; flex-direction:column; gap:8px; font-size:12.5px; font-family:var(--font-mono); color:rgba(255,255,255,.62);}
.kq-qr-generator .qr-meta b{color:#fff; font-weight:500;}
.kq-qr-generator .qr-meta .row{display:flex; justify-content:space-between; gap:10px;}
.kq-qr-generator .qr-meta .row span:last-child{text-align:right; word-break:break-all; max-width:62%;}
.kq-qr-generator .toast{
    margin-top:6px; font-size:12.5px; color:var(--good); font-weight:600; display:flex; align-items:center; gap:7px;
    opacity:0; transform:translateY(-4px); transition:all .25s ease;
  }
.kq-qr-generator .toast.show{opacity:1; transform:translateY(0);}
.kq-qr-generator .upsell-card{
    background:linear-gradient(160deg, var(--signal-soft), #fff 60%); border:1px solid #FFD3C2; border-radius:var(--radius);
    padding:22px;
  }
.kq-qr-generator .upsell-card p{font-size:14px; color:var(--ink); margin-top:8px; line-height:1.55;}
.kq-qr-generator .upsell-card .btn{margin-top:14px;}
.kq-qr-generator .lead-section{background:var(--ink); color:#fff;}
.kq-qr-generator .lead-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:flex-start;}
@media (max-width:960px){.kq-qr-generator .lead-grid{grid-template-columns:1fr;}
}
.kq-qr-generator .lead-points{display:flex; flex-direction:column; gap:20px; margin-top:28px;}
.kq-qr-generator .lead-point{display:flex; gap:14px;}
.kq-qr-generator .lead-point .ico{
    width:38px; height:38px; border-radius:11px; background:var(--ink-2); border:1px solid var(--line-dark);
    display:flex; align-items:center; justify-content:center; flex:0 0 auto;
  }
.kq-qr-generator .lead-point .ico svg{width:18px; height:18px; color:var(--signal);}
.kq-qr-generator .lead-point h3{font-size:15.5px; color:#fff;}
.kq-qr-generator .lead-point p{font-size:14px; color:rgba(255,255,255,.62); margin-top:4px;}
.kq-qr-generator .no-pressure{margin-top:26px; display:inline-flex; align-items:center; gap:9px; font-size:13px; color:rgba(255,255,255,.6); font-family:var(--font-mono);}
.kq-qr-generator .no-pressure svg{width:15px; height:15px; color:var(--good);}
.kq-qr-generator .lead-form-card{background:#fff; color:var(--ink); border-radius:24px; padding:30px; box-shadow:var(--shadow);}
.kq-qr-generator .lead-form-card .form-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:6px;}
.kq-qr-generator .lead-form-card .form-top .time{font-size:12px; color:var(--muted); font-family:var(--font-mono);}
.kq-qr-generator .lead-form-card h3{font-size:19px;}
.kq-qr-generator .form-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:20px;}
.kq-qr-generator .form-grid .full{grid-column:1/-1;}
@media (max-width:520px){.kq-qr-generator .form-grid{grid-template-columns:1fr;}
}
.kq-qr-generator .consent{display:flex; gap:10px; align-items:flex-start; margin-top:6px; font-size:12.5px; color:var(--muted); line-height:1.5;}
.kq-qr-generator .consent input{margin-top:3px;}
.kq-qr-generator .error-text{color:#C0392B; font-size:12px; margin-top:5px; display:none;}
.kq-qr-generator .error-text.show{display:block;}
.kq-qr-generator .feature-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
@media (max-width:960px){.kq-qr-generator .feature-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){.kq-qr-generator .feature-grid{grid-template-columns:1fr;}
}
.kq-qr-generator .feature-card{background:#fff; border:1px solid var(--line); border-radius:18px; padding:24px;}
.kq-qr-generator .feature-card .ico{width:42px; height:42px; border-radius:12px; background:var(--ink); display:flex; align-items:center; justify-content:center; margin-bottom:16px;}
.kq-qr-generator .feature-card .ico svg{width:20px; height:20px; color:var(--signal);}
.kq-qr-generator .feature-card h3{font-size:16px;}
.kq-qr-generator .feature-card p{margin-top:8px; font-size:13.5px; color:var(--muted); line-height:1.6;}
.kq-qr-generator .compare-wrap{display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#fff;}
@media (max-width:760px){.kq-qr-generator .compare-wrap{grid-template-columns:1fr;}
}
.kq-qr-generator .compare-col{padding:30px;}
.kq-qr-generator .compare-col.highlight{background:var(--ink); color:#fff;}
.kq-qr-generator .compare-col + .compare-col{border-left:1px solid var(--line);}
@media (max-width:760px){.kq-qr-generator .compare-col + .compare-col{border-left:none; border-top:1px solid var(--line);}
}
.kq-qr-generator .compare-col h3{font-size:18px; margin-bottom:18px;}
.kq-qr-generator .compare-col.highlight h3{color:#fff;}
.kq-qr-generator .compare-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px;}
.kq-qr-generator .compare-list li{display:flex; gap:10px; font-size:14px; line-height:1.55;}
.kq-qr-generator .compare-list svg{width:17px; height:17px; flex:0 0 auto; margin-top:2px;}
.kq-qr-generator .compare-col:not(.highlight) svg{color:var(--muted-2);}
.kq-qr-generator .compare-col.highlight svg{color:var(--signal);}
.kq-qr-generator .compare-col:not(.highlight) p{color:var(--muted);}
.kq-qr-generator .compare-col.highlight p{color:rgba(255,255,255,.75);}
.kq-qr-generator .product-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
@media (max-width:860px){.kq-qr-generator .product-grid{grid-template-columns:1fr;}
}
.kq-qr-generator .product-card{border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); background:#fff; display:flex; flex-direction:column;}
.kq-qr-generator .product-media{height:170px; display:flex; align-items:center; justify-content:center; position:relative;}
.kq-qr-generator .product-media.a{background:linear-gradient(135deg,#10141C,#2B3550);}
.kq-qr-generator .product-media.b{background:linear-gradient(135deg,#7A1E12,#765bdb);}
.kq-qr-generator .product-media svg{width:64px; height:64px; color:rgba(255,255,255,.9);}
.kq-qr-generator .product-body{padding:24px; display:flex; flex-direction:column; gap:12px; flex:1;}
.kq-qr-generator .product-body ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px;}
.kq-qr-generator .product-body ul li{display:flex; gap:9px; font-size:13.5px; color:var(--muted);}
.kq-qr-generator .product-body ul svg{width:15px; height:15px; color:var(--good); flex:0 0 auto; margin-top:2px;}
.kq-qr-generator .product-body .btn{margin-top:auto; align-self:flex-start;}
.kq-qr-generator .process-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; counter-reset:step;}
@media (max-width:860px){.kq-qr-generator .process-grid{grid-template-columns:1fr;}
}
.kq-qr-generator .process-card{position:relative; padding:28px 24px 24px; border:1px solid var(--line); border-radius:18px; background:#fff;}
.kq-qr-generator .process-num{font-family:var(--font-mono); font-size:13px; font-weight:600; color:var(--signal); display:flex; align-items:center; gap:8px; margin-bottom:14px;}
.kq-qr-generator .process-num .bar{width:24px; height:1.5px; background:var(--line);}
.kq-qr-generator .faq-list{display:flex; flex-direction:column; gap:12px; max-width:820px;}
.kq-qr-generator details.faq-item{border:1px solid var(--line); border-radius:14px; background:#fff; padding:4px 20px;}
.kq-qr-generator details.faq-item summary{
    list-style:none; cursor:pointer; padding:16px 0; font-weight:600; font-size:15px; display:flex; justify-content:space-between; align-items:center; gap:16px;
  }
.kq-qr-generator details.faq-item summary::-webkit-details-marker{display:none;}
.kq-qr-generator details.faq-item summary .plus{width:20px; height:20px; flex:0 0 auto; position:relative;}
.kq-qr-generator details.faq-item summary .plus::before,.kq-qr-generator details.faq-item summary .plus::after{
    content:""; position:absolute; background:var(--ink); border-radius:2px; transition:transform .2s;
  }
.kq-qr-generator details.faq-item summary .plus::before{width:14px; height:2px; top:9px; left:3px;}
.kq-qr-generator details.faq-item summary .plus::after{width:2px; height:14px; top:3px; left:9px;}
.kq-qr-generator details.faq-item[open] summary .plus::after{transform:rotate(90deg); opacity:0;}
.kq-qr-generator details.faq-item p{font-size:14px; color:var(--muted); padding-bottom:18px; line-height:1.65; margin:0;}
.kq-qr-generator .final-cta{background:var(--ink); color:#fff; text-align:center; position:relative; overflow:hidden;}
.kq-qr-generator .final-cta::before{
    content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.08) 1.4px, transparent 1.6px);
    background-size:16px 16px; mask-image:radial-gradient(ellipse 70% 100% at 50% 50%, black 40%, transparent 85%);
  }
.kq-qr-generator .final-cta .container{position:relative;}
.kq-qr-generator .final-cta h2{color:#fff; max-width:680px; margin-left:auto; margin-right:auto;}
.kq-qr-generator .final-cta p{margin-top:14px; color:rgba(255,255,255,.65); max-width:560px; margin-left:auto; margin-right:auto;}
.kq-qr-generator .final-cta .hero-ctas{justify-content:center; margin-top:30px;}
@media (max-width:800px){}
.kq-qr-generator .hidden-input{position:absolute; opacity:0; pointer-events:none;}
.kq-qr-generator .form-success{display:none; align-items:center; gap:8px; margin-top:14px; padding:11px 14px; border-radius:10px; background:#EAF7EF; color:var(--good); font-size:13px; font-weight:600;}
.kq-qr-generator .form-success.show{display:flex;}
/* Keep KobiQR's established light blue-purple palette. */
.kq-qr-generator { --ink:#0f172a; --ink-2:#F7F9FC; --ink-3:#e2e8f0; --paper:#F7F9FC; --paper-2:#fff; --signal:#4f76da; --signal-dark:#765bdb; --signal-soft:rgba(79,118,218,.1); --gold:#765bdb; --line:#e2e8f0; --line-dark:#e2e8f0; --muted:#64748b; --muted-2:#64748b; --font-display:'Inter',sans-serif; --font-body:'Inter',sans-serif; --font-mono:var(--font-body); --gradient:linear-gradient(135deg,#4f76da,#765bdb); background:var(--paper); color:var(--ink); }
.kq-qr-generator .container { width:100%; max-width:1180px; }
.kq-qr-generator h1,.kq-qr-generator h2,.kq-qr-generator h3 { color:var(--ink); }
.kq-qr-generator .hero,.kq-qr-generator .lead-section,.kq-qr-generator .final-cta { background:radial-gradient(ellipse at top right,rgba(118,91,219,.07),transparent 60%),var(--paper); color:var(--ink); }
.kq-qr-generator .hero h1,.kq-qr-generator .hero p.lead b,.kq-qr-generator .lead-point h3,.kq-qr-generator .final-cta h2 { color:var(--ink); }
.kq-qr-generator .hero h1 { font-weight:800; letter-spacing:-.04em; }
.kq-qr-generator .hero p.lead,.kq-qr-generator .hero-badge,.kq-qr-generator .hero-tag,.kq-qr-generator .hero-card-foot,.kq-qr-generator .lead-point p,.kq-qr-generator .no-pressure,.kq-qr-generator .final-cta p { color:var(--muted); }
.kq-qr-generator .hero-card,.kq-qr-generator .preview-card { background:#fff; border:1px solid var(--line); box-shadow:0 12px 36px rgba(15,23,42,.05); color:var(--ink); }
.kq-qr-generator .hero-qr-wrap,.kq-qr-generator .qr-canvas-wrap { border:1px solid var(--line); }
.kq-qr-generator #qrCanvas,.kq-qr-generator #heroCanvas { width:100%; max-width:230px; }
.kq-qr-generator #qrCanvas canvas,.kq-qr-generator #heroCanvas canvas { display:block; width:100%; height:auto; }
.kq-qr-generator .qr-meta,.kq-qr-generator .qr-meta b { color:var(--muted); }
.kq-qr-generator .qr-meta .row { margin:0; flex-wrap:nowrap; }
.kq-qr-generator .qr-meta .row > * { width:auto; padding:0; }
.kq-qr-generator .qr-meta .row b { max-width:65%; overflow-wrap:anywhere; text-align:right; }
.kq-qr-generator .btn-primary,.kq-qr-generator .btn-primary:hover,.kq-qr-generator .btn-dark,.kq-qr-generator .btn-dark:hover { background:var(--gradient); color:#fff; box-shadow:0 8px 22px rgba(79,118,218,.18); }
.kq-qr-generator .btn-ghost-light { color:var(--ink); border-color:var(--line); }
.kq-qr-generator .btn { white-space:normal; }
.kq-qr-generator .btn:disabled { opacity:.6; cursor:not-allowed; }
.kq-qr-generator .panel-title .num,.kq-qr-generator .tab-btn.active { background:var(--gradient); border-color:transparent; }
.kq-qr-generator .panel { border-radius:24px; }
.kq-qr-generator .field input:focus,.kq-qr-generator .field textarea:focus,.kq-qr-generator .field select:focus { border-color:var(--signal); box-shadow:0 0 0 3px var(--signal-soft); }
.kq-qr-generator .upsell-card { border-color:var(--line); }
.kq-qr-generator .feature-card .ico,.kq-qr-generator .lead-point .ico { background:var(--signal-soft); }
.kq-qr-generator .compare-col.highlight { background:var(--paper); color:var(--ink); }
.kq-qr-generator .compare-col.highlight h3 { color:var(--ink); }
.kq-qr-generator .compare-col.highlight p { color:var(--muted); }
.kq-qr-generator .product-media.a,.kq-qr-generator .product-media.b { background:var(--gradient); }
.kq-qr-generator .preview-sticky { top:120px; }
.kq-qr-generator #generatorSection { scroll-margin-top:110px; }
.kq-qr-generator .toast { background:transparent; border:0; box-shadow:none; width:auto; }
.kq-qr-generator .toast:not(.show) { display:none; }
.kq-qr-generator .generator-error { color:#dc3545; margin:12px 0; }
.kq-qr-generator .feature-card,.kq-qr-generator .process-card,.kq-qr-generator .product-card { box-shadow:0 6px 24px rgba(15,23,42,.035); }
@media(max-width:960px) {
 .kq-qr-generator .preview-sticky { position:static; }
 .kq-qr-generator .hero-grid,.kq-qr-generator .gen-grid,.kq-qr-generator .lead-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
 .kq-qr-generator section { padding:56px 0; }
 .kq-qr-generator .container { padding:0 20px; }
 .kq-qr-generator .panel,.kq-qr-generator .lead-form-card { padding:22px; }
 .kq-qr-generator .color-grid { grid-template-columns:1fr; }
 .kq-qr-generator .shape-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .kq-qr-generator .viewfinder { padding:16px; }
 .kq-qr-generator .form-top { flex-wrap:wrap; gap:10px; }
}
@media(prefers-reduced-motion:reduce) {
 .kq-qr-generator * { animation:none !important; transition:none !important; }
}

/* Refined generator panels, preview and supporting sections. */
.kq-qr-generator .hero { padding:88px 0 80px; }
.kq-qr-generator .hero-grid { gap:64px; }
.kq-qr-generator .hero h1 { line-height:1.1; text-wrap:balance; }
.kq-qr-generator .hero p.lead { line-height:1.8; margin-top:24px; }
.kq-qr-generator .eyebrow { font-size:11px; font-weight:600; letter-spacing:.1em; }
.kq-qr-generator .hero .eyebrow { padding:9px 14px; border:1px solid var(--line); background:#fff; border-radius:100px; }
.kq-qr-generator .hero-badges { gap:12px 18px; }
.kq-qr-generator .hero-badge { font-size:12.5px; }
.kq-qr-generator .hero-visual { max-width:420px; width:100%; justify-self:center; }
.kq-qr-generator .hero-card { border-radius:28px; padding:28px; box-shadow:0 20px 48px rgba(79,118,218,.09); }
.kq-qr-generator .hero-qr-wrap { padding:26px; border-radius:20px; }
.kq-qr-generator .hero-card-foot { gap:12px; flex-wrap:wrap; font-size:11.5px; }
.kq-qr-generator .vf-corner { width:28px; height:28px; border-width:2px; }
.kq-qr-generator .vf-scanline { opacity:.45; }
.kq-qr-generator .section-head { margin-bottom:38px; }
.kq-qr-generator .section-head h2 { font-weight:700; letter-spacing:-.035em; text-wrap:balance; }
.kq-qr-generator .section-head p { line-height:1.8; }
.kq-qr-generator .gen-grid { gap:32px; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
.kq-qr-generator .panel { padding:30px; box-shadow:0 6px 24px rgba(15,23,42,.025); }
.kq-qr-generator .panel + .panel { margin-top:24px; }
.kq-qr-generator .panel-title { gap:12px; margin-bottom:24px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.kq-qr-generator .panel-title .num { width:30px; height:30px; border-radius:10px; font-weight:700; flex-shrink:0; }
.kq-qr-generator .panel-title h3 { font-size:18px; font-weight:700; }
.kq-qr-generator .tabs { padding:6px; gap:6px; border:1px solid var(--line); background:#fff; border-radius:16px; }
.kq-qr-generator .tab-btn { flex:1 1 auto; border-color:transparent; font-size:12px; padding:10px 12px; }
.kq-qr-generator .tab-btn.active { box-shadow:0 5px 14px rgba(79,118,218,.15); }
.kq-qr-generator .theme-btn { padding:11px 14px; border-radius:12px; }
.kq-qr-generator .theme-btn.active { border-color:var(--signal); box-shadow:0 0 0 2px var(--signal-soft); }
.kq-qr-generator .field label { font-size:12.5px; }
.kq-qr-generator .field textarea { line-height:1.75; }
.kq-qr-generator .swatch-input { min-height:48px; }
.kq-qr-generator .color-field .hex { font-size:11px; }
.kq-qr-generator .shape-row { gap:10px; }
.kq-qr-generator .shape-btn { padding:16px 6px; border-radius:14px; }
.kq-qr-generator .shape-btn.active,.kq-qr-generator .size-btn.active { border-color:var(--signal); background:var(--signal-soft); }
.kq-qr-generator .size-btn { padding:11px 13px; }
.kq-qr-generator .panel-actions { padding-top:20px; border-top:1px solid var(--line); }
.kq-qr-generator .panel-actions .btn { flex:1 1 auto; font-size:14px; padding:13px 18px; border-radius:12px; }
.kq-qr-generator .panel > .hint { color:var(--muted); font-size:12px; line-height:1.8; }
.kq-qr-generator .preview-card { border-radius:24px; padding:26px; box-shadow:0 16px 40px rgba(79,118,218,.08); }
.kq-qr-generator .preview-card-head { gap:12px; flex-wrap:wrap; margin-bottom:20px; }
.kq-qr-generator .qr-canvas-wrap { padding:26px; border-radius:20px; }
.kq-qr-generator .qr-meta { margin-top:22px; gap:0; }
.kq-qr-generator .qr-meta .row { padding:12px 0; border-bottom:1px solid var(--line); align-items:baseline; font-size:12px; }
.kq-qr-generator .qr-meta .row:last-child { border-bottom:0; padding-bottom:0; }
.kq-qr-generator .qr-meta b { color:var(--ink); }
.kq-qr-generator .upsell-card { padding:26px; border-radius:24px; }
.kq-qr-generator .upsell-card h3 { font-weight:700; }
.kq-qr-generator .upsell-card p { line-height:1.75; color:var(--muted); font-size:13.5px; }
.kq-qr-generator .lead-form-card { padding:34px; border:1px solid var(--line); box-shadow:0 16px 40px rgba(15,23,42,.05); }
.kq-qr-generator .lead-form-card h3 { font-weight:700; }
.kq-qr-generator .lead-point .ico { width:44px; height:44px; border-radius:14px; }
.kq-qr-generator .lead-point p { line-height:1.7; }
.kq-qr-generator .feature-card { padding:28px 24px; border-radius:22px; }
.kq-qr-generator .feature-card .ico { width:48px; height:48px; border-radius:15px; margin-bottom:22px; }
.kq-qr-generator .feature-card h3 { line-height:1.4; font-weight:700; }
.kq-qr-generator .feature-card p { line-height:1.8; }
.kq-qr-generator .compare-wrap { border-radius:26px; box-shadow:0 8px 28px rgba(15,23,42,.035); }
.kq-qr-generator .compare-col { padding:36px; }
.kq-qr-generator .compare-col h3 { font-weight:700; margin-bottom:24px; }
.kq-qr-generator .compare-list { gap:18px; }
.kq-qr-generator .product-card { border-radius:24px; }
.kq-qr-generator .product-body { padding:30px; gap:16px; }
.kq-qr-generator .product-body h3 { font-weight:700; }
.kq-qr-generator .product-body p,.kq-qr-generator .product-body li { line-height:1.8; }
.kq-qr-generator .process-card { padding:30px; border-radius:22px; }
.kq-qr-generator .process-card h3 { font-size:18px; font-weight:700; line-height:1.4; }
.kq-qr-generator .process-card p { line-height:1.8; }
.kq-qr-generator .faq-list { max-width:960px; }
.kq-qr-generator details.faq-item { border-radius:18px; padding:6px 24px; }
.kq-qr-generator details.faq-item[open] { border-color:var(--signal); box-shadow:0 8px 24px rgba(79,118,218,.05); }
.kq-qr-generator details.faq-item summary { line-height:1.6; }
.kq-qr-generator details.faq-item p { line-height:1.8; padding-bottom:22px; }
.kq-qr-generator .final-cta h2 { font-weight:750; letter-spacing:-.035em; text-wrap:balance; }
.kq-qr-generator .final-cta p { line-height:1.8; }
@media(hover:hover) {
 .kq-qr-generator .btn:hover:not(:disabled) { transform:translateY(-2px); }
 .kq-qr-generator .shape-btn:hover,.kq-qr-generator .size-btn:hover { border-color:var(--signal); }
}
@media(max-width:960px) {
 .kq-qr-generator .gen-grid { grid-template-columns:minmax(0,1fr); }
 .kq-qr-generator .hero-grid { gap:40px; }
}
@media(max-width:600px) {
 .kq-qr-generator .hero { padding:48px 0 56px; }
 .kq-qr-generator .panel,.kq-qr-generator .preview-card,.kq-qr-generator .lead-form-card,.kq-qr-generator .compare-col,.kq-qr-generator .product-body { padding:24px; }
 .kq-qr-generator .hero-card { padding:22px; }
 .kq-qr-generator .hero-qr-wrap,.kq-qr-generator .qr-canvas-wrap { padding:20px; }
 .kq-qr-generator .tab-btn { flex-basis:40%; }
 .kq-qr-generator .theme-btn { flex:1 1 auto; justify-content:center; }
 .kq-qr-generator .no-pressure { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) {
 .kq-qr-generator .btn:hover:not(:disabled) { transform:none; }
}

/* Turkish title casing, including headings and badges populated dynamically. */
.kq-qr-generator h1,
.kq-qr-generator h2,
.kq-qr-generator h3,
.kq-qr-generator h4,
.kq-qr-generator h5,
.kq-qr-generator h6,
.kq-qr-generator summary,
.kq-qr-generator .eyebrow,
.kq-qr-generator .badge,
.kq-qr-generator .pbadge,
.kq-qr-generator .hero-badge,
.kq-qr-generator .hero-tag,
.kq-qr-generator .tag,
.kq-qr-generator .tag2,
.kq-qr-generator .section-head-tag,
.kq-qr-generator .sector,
.kq-qr-generator .cat,
.kq-qr-generator .chip,
.kq-qr-generator .filter-chip,
.kq-qr-generator .platform-chip { text-transform:capitalize !important; }