:root{--brand:#ef0015;--ink:#151515;--muted:#666a73;--line:#e3e5e8;--soft:#f4f5f7;--purple:#6557ff;--green:#158447}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-top:72px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.header-inner{height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:240px}.brand-logo{display:block;width:178px;height:48px;object-fit:contain;object-position:left center;background:#151515;border-radius:4px;padding:5px 8px}.brand-product{border-left:1px solid var(--line);padding-left:12px}.brand-product strong{display:block;font-size:14px}.brand-product small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:3px}.main-nav a{font-size:12px;color:#555b65;padding:11px;border-radius:4px;transition:.18s}.main-nav a:hover{background:#f0efff;color:var(--purple)}.main-nav a.active{background:var(--purple);color:#fff}.main-nav a.contact-link{background:var(--ink);color:#fff;margin-left:6px}.main-nav a.contact-link:hover{background:var(--brand)}
.lang-switch{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-left:7px}.lang-switch a{padding:9px 8px;border-radius:0!important;font-size:10px}.lang-switch a.current{background:#ececf0;color:#111}.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;font-size:24px}
.generator-area{background:var(--soft);border-bottom:1px solid var(--line);padding:22px 0 10px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.page-heading h1{font-size:27px;margin:0 0 4px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.badge{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--green);background:#e8f8ed;padding:6px 9px;border-radius:999px}
.generator{display:grid;grid-template-columns:210px 1fr 326px;background:#fff;border:1px solid #dadde2;min-height:455px}.gen-col{border-right:1px solid var(--line);padding:17px}.gen-col:last-child{border-right:0;background:#fcfcfc}.gen-type{padding-left:0;padding-right:0}
.step-title{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:13px}.gen-type .step-title{margin-left:17px;margin-right:17px}.step-num{width:25px;height:25px;display:grid;place-items:center;background:#222;color:#fff;border-radius:50%;font-size:11px;font-weight:800}.step-title strong,.step-title small{display:block}.step-title strong{font-size:14px}.step-title small{font-size:10px;color:var(--muted);margin-top:2px}
.type-list{display:flex;flex-direction:column}.type-btn{border:0;border-left:3px solid transparent;background:#fff;text-align:left;padding:9px 16px;color:#5f6368;font-size:12px}.type-btn span{display:inline-block;width:25px}.type-btn:hover{background:#f7f7fa;color:#111}.type-btn.active{background:#f0efff;color:#3127a4;border-left-color:var(--purple);font-weight:700}
.fields{display:grid;gap:11px}.field{display:grid;gap:5px}.field label{font-size:11px;font-weight:700}.field input,.field textarea,.field select,.design-panel select{border:1px solid #cfd2d8;border-radius:3px;background:#fff;padding:9px 10px;width:100%;outline:none}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--purple);box-shadow:0 0 0 2px rgba(101,87,255,.08)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.browser-note{display:flex;gap:7px;margin-top:12px;padding:9px;border:1px solid var(--line);background:#fafafa;font-size:10px;color:var(--muted);line-height:1.4}.browser-note p{margin:0}.preview{text-align:center}.qr-box{width:232px;height:232px;margin:4px auto 8px;display:grid;place-items:center;background:#fff;border:1px solid var(--line)}.qr-box svg,.qr-box canvas{max-width:214px!important;max-height:214px!important}.qr-status{font-size:10px;color:var(--muted);min-height:25px}
.tab-row{display:flex;border-bottom:1px solid var(--line);margin-top:8px}.tab-btn{flex:1;border:0;background:transparent;padding:8px;color:var(--muted);font-size:11px}.tab-btn:hover{background:#f0efff;color:var(--purple)}.tab-btn.active{font-weight:800;color:var(--purple);border-bottom:2px solid var(--purple)}
.download-panel,.design-panel{padding-top:12px;text-align:left}.hidden{display:none!important}.download-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.download-btn{border:1px solid #cfd2d8;background:#fff;padding:10px;border-radius:3px;font-size:12px;font-weight:700}.download-btn:hover{border-color:var(--purple);color:var(--purple)}.download-btn.primary{background:var(--purple);border-color:var(--purple);color:#fff}.download-btn:disabled{opacity:.4;cursor:not-allowed}.design-panel label{display:grid;grid-template-columns:1fr 95px;gap:8px;align-items:center;font-size:11px;margin-bottom:8px}.design-panel input[type=color]{height:33px;width:95px;border:1px solid var(--line)}.design-panel input[type=file]{grid-column:1/-1;width:100%;font-size:10px;border:1px solid var(--line);padding:7px}.remove-logo{width:100%;border:1px solid var(--line);background:#fff;padding:8px;font-size:10px}.remove-logo:hover{border-color:var(--brand);color:var(--brand)}.tiny-help{font-size:9px;color:var(--muted);line-height:1.4;margin-top:7px}
.quick-benefits{display:flex;gap:16px;align-items:center;padding:10px 2px;font-size:10px;color:var(--muted)}.quick-benefits a{margin-left:auto;color:var(--purple);font-weight:800}.quick-benefits a:hover{color:var(--brand)}
.content{padding:58px 0}.content.narrow{max-width:920px}.kicker{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--purple);text-transform:uppercase}h2{font-size:32px;line-height:1.12;margin:8px 0 16px}h3{font-size:18px;margin:0 0 10px}.lead{font-size:17px;line-height:1.65;color:var(--muted);max-width:900px}.copy{color:var(--muted);line-height:1.7;font-size:14px}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.card{border:1px solid var(--line);padding:20px;background:#fff}.card:hover{border-color:#bcb5ff}.card .n{font-size:10px;color:var(--purple);font-weight:800}.card p{color:var(--muted);font-size:13px;line-height:1.55}
.dark-section{background:#1b1c1f;color:#fff;padding:60px 0}.dark-section .copy,.dark-section .lead{color:#b7bac1}.dark-section .card{background:#24262b;border-color:#373941}.dark-section .card p{color:#afb2b9}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}
.feature-list{display:grid;gap:10px}.feature{display:flex;gap:12px;padding:14px;border:1px solid var(--line)}.feature-icon{width:30px;height:30px;display:grid;place-items:center;background:#f0efff;color:var(--purple);border-radius:4px;flex:none}.feature strong,.feature span{display:block}.feature strong{font-size:13px}.feature span{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.4}.dark-section .feature{border-color:#383a40}.dark-section .feature-icon{background:#302b62;color:#c2bdff}.dark-section .feature span{color:#aeb1b7}
.steps{counter-reset:step;display:grid;gap:0;margin-top:26px;border:1px solid var(--line)}.step-item{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.step-item:last-child{border-bottom:0}.step-item:before{counter-increment:step;content:"0" counter(step);font-weight:900;color:var(--purple)}.step-item p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.cta-box{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px;padding:22px;background:#f4f3ff;border:1px solid #ddd9ff}.cta-box strong{display:block}.cta-box span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.cta-btn{display:inline-block;background:var(--ink);color:#fff;padding:12px 15px;font-size:12px;font-weight:800;white-space:nowrap}.cta-btn:hover{background:var(--brand)}.dark-section .cta-box{background:#24262b;border-color:#3a3c43}.dark-section .cta-box span{color:#b8bbc1}.dark-section .cta-btn{background:#fff;color:#191a1d}.dark-section .cta-btn:hover{background:var(--brand);color:#fff}
.hero-compact{padding:48px 0 34px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f8f8fa,#fff)}.hero-compact h1{font-size:42px;line-height:1.05;margin:8px 0 16px;max-width:850px}.format-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.format-pills span{border:1px solid var(--line);padding:8px 10px;font-size:11px;background:#fff}.logo-demo{padding:20px;border:1px solid var(--line);background:#fafafa}.logo-demo .fake-qr{width:210px;aspect-ratio:1;margin:auto;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#111 0 9px,#fff 9px 15px);position:relative}.logo-demo .fake-qr:after{content:"IMAGINE";position:absolute;background:#ef0015;color:#fff;padding:12px 8px;font-size:11px;font-weight:900;border:6px solid #fff}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.metric{border:1px solid #3a3c43;padding:15px}.metric strong{display:block;font-size:24px}.metric span{display:block;font-size:10px;color:#aeb1b7;margin-top:4px}.flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}.flow code{padding:10px;background:#25272c;border:1px solid #3b3d43;color:#eee}
.api-layout{display:grid;grid-template-columns:240px 1fr;gap:35px;align-items:start}.api-sidebar{position:sticky;top:94px;border:1px solid var(--line);padding:12px;background:#fff}.api-sidebar a{display:block;padding:8px 9px;font-size:11px;color:var(--muted);border-left:2px solid transparent}.api-sidebar a:hover{color:var(--purple);background:#f5f4ff;border-left-color:var(--purple)}.api-doc section{scroll-margin-top:95px;padding-bottom:38px;border-bottom:1px solid var(--line);margin-bottom:38px}.code{background:#17181b;color:#e8e9ec;padding:15px;overflow:auto;font:12px/1.6 Consolas,Monaco,monospace;white-space:pre-wrap}.endpoint{display:flex;align-items:center;gap:8px;margin:14px 0}.method{font-size:10px;font-weight:900;background:#e6f7ed;color:#137444;padding:5px 7px}.endpoint code{font-size:12px}.param-table{width:100%;border-collapse:collapse;font-size:12px}.param-table th,.param-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;vertical-align:top}.param-table th{background:#fafafa}.notice{padding:14px;border-left:3px solid var(--purple);background:#f4f3ff;color:#555b65;font-size:12px;line-height:1.55;margin:16px 0}.warning{border-left-color:#e09b10;background:#fff8e9}.status-chip{font-size:10px;background:#fff0d3;color:#8b5e00;padding:5px 7px;font-weight:800}
.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{font-weight:700;font-size:14px;cursor:pointer}.faq p{font-size:13px;color:var(--muted);line-height:1.6}
.site-footer{background:#151619;color:#fff;padding-top:43px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:38px;padding-bottom:36px}.footer-logo{width:220px;height:auto;background:#151619}.footer-about{font-size:12px;color:#aaaeb5;line-height:1.6;max-width:390px}.footer-grid h4{font-size:12px;margin:0 0 12px}.footer-grid a,.footer-grid span{display:block;color:#aaaeb5;font-size:11px;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-cta{display:inline-block!important;background:#fff;color:#151619!important;padding:10px 12px;font-weight:800;margin-top:10px!important}.footer-cta:hover{background:var(--brand)!important;color:#fff!important}.footer-bottom{min-height:64px;border-top:1px solid #303136;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#868b93;font-size:10px}.footer-bottom div{display:flex;gap:14px}.footer-bottom a:hover{color:#fff}
@media(max-width:980px){.brand-product{display:none}.brand{min-width:0}.brand-logo{width:160px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 16px 14px;flex-direction:column;align-items:stretch;box-shadow:0 15px 30px rgba(0,0,0,.08)}.main-nav.open{display:flex}.main-nav a{padding:12px}.lang-switch{margin:7px 0 0}.lang-switch a{text-align:center;flex:1}.generator{grid-template-columns:170px 1fr}.preview{grid-column:1/-1;border-top:1px solid var(--line);border-right:0}.cards-3,.metric-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.api-layout{grid-template-columns:1fr}.api-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:min(100% - 20px,1180px)}.header-inner{height:64px}.brand-logo{width:145px;height:42px}.main-nav{top:64px}.page-heading{align-items:flex-start}.page-heading h1{font-size:22px}.generator{grid-template-columns:1fr}.gen-col{border-right:0;border-bottom:1px solid var(--line)}.type-list{display:grid;grid-template-columns:repeat(3,1fr);padding:0 8px}.type-btn{text-align:center;padding:9px 4px;border-left:0;border-bottom:2px solid transparent;font-size:10px}.type-btn span{display:block;width:auto;font-size:16px;margin-bottom:2px}.type-btn.active{border-left:0;border-bottom-color:var(--purple)}.quick-benefits{flex-wrap:wrap;gap:8px 13px}.quick-benefits a{width:100%;margin-left:0}.hero-compact h1{font-size:34px}h2{font-size:27px}.cards-3,.metric-grid,.footer-grid{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:flex-start}.cta-btn{width:100%;text-align:center}.footer-bottom{flex-direction:column;align-items:flex-start;padding:17px 0}.footer-bottom div{flex-wrap:wrap}.api-sidebar{grid-template-columns:1fr 1fr}.param-table{font-size:10px}}

.brand-product strong{
  font-size:15px;
  letter-spacing:.03em;
}
.brand-product small{
  font-size:10px;
  font-weight:800;
  color:var(--brand);
  letter-spacing:.08em;
}
.qrgratis-mark{
  display:inline-block;
  margin-bottom:8px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  color:var(--brand);
}
.brand-note{
  display:inline-block;
  margin-top:18px;
  padding:8px 10px;
  border:1px solid var(--line);
  background:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}
@media(max-width:620px){
  body{padding-top:64px}
}

.qr-commercial-cta{
  margin-top:14px;
  padding:18px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#fff;
  display:grid;
  gap:5px;
  text-align:left;
}
.qr-commercial-cta strong{
  font-size:15px;
  color:#111827;
}
.qr-commercial-cta span{
  font-size:12.5px;
  color:#6b7280;
}
.qr-commercial-cta a{
  margin-top:7px;
  display:inline-flex;
  width:max-content;
  padding:9px 14px;
  border-radius:7px;
  background:#111;
  color:#fff;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
.qr-commercial-cta a:hover{
  background:#6c55ff;
}

.design-pro-cta{
  min-height:118px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:20px;
  text-align:center;
  border:2px solid #6c55ff;
  border-radius:10px;
  background:linear-gradient(135deg,#f7f5ff,#ffffff);
  color:#151515;
  text-decoration:none;
}
.design-pro-cta strong{
  font-size:17px;
  font-weight:900;
  color:#5d47ff;
  letter-spacing:.02em;
}
.design-pro-cta span{
  font-size:12.5px;
  color:#555;
}
.design-pro-cta:hover{
  background:#6c55ff;
  color:#fff;
}
.design-pro-cta:hover strong,
.design-pro-cta:hover span{
  color:#fff;
}