:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#15203a;background:#f5f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{background:white;border-bottom:1px solid #e9ecf3}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:800;display:flex;gap:11px;align-items:center;letter-spacing:-.7px}.brand b{color:#5365e8}.brandicon{display:grid;place-items:center;width:39px;height:39px;background:#5365e8;color:white;border-radius:11px;font-size:31px}.navlabel{color:#79839a;font-size:14px}.navcta{border:1px solid #d9def2;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:700}.hero{text-align:center;padding:65px 0 45px}.eyebrow{color:#5266e6;font-size:12px;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(38px,5.6vw,65px);line-height:1.08;letter-spacing:-2.7px;margin:18px 0}.hero h1 em{font-style:normal;color:#5266e6}.hero p{color:#707d94;max-width:590px;margin:0 auto;font-size:17px;line-height:1.7}.pills{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:23px}.pills span{background:white;border:1px solid #e7eaf3;border-radius:40px;padding:8px 14px;font-size:12px;color:#536179}.studio{display:grid;grid-template-columns:1.3fr .9fr;gap:22px;align-items:start}.editor,.preview{background:white;border:1px solid #e5e9f2;border-radius:18px;box-shadow:0 12px 35px #172c6210;padding:30px}.section-title{display:flex;gap:15px;align-items:center;margin-bottom:21px}.section-title h2{font-size:19px;letter-spacing:-.4px;margin:0 0 4px}.section-title p{margin:0;font-size:13px;color:#8a95a7}.step{background:#ecedff;color:#5665e4;border-radius:10px;font-weight:800;padding:12px}.types{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.type{background:#fff;border:1px solid #e4e8f1;border-radius:11px;min-height:70px;display:flex;flex-direction:column;justify-content:center;gap:7px;align-items:center;color:#34425c;font-size:20px}.type span{font-size:12px}.type.active{border:2px solid #5667ea;background:#f1f2ff;color:#4e5fdb;font-weight:750}.fields{margin-top:25px;display:grid;gap:13px}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:700;color:#35435d}.field input,.field textarea,.field select,.colors select{border:1px solid #dfe4ee;border-radius:9px;padding:12px 13px;width:100%;outline:none;background:white;color:#15203a}.field input:focus,.field textarea:focus{border-color:#6572e9;box-shadow:0 0 0 3px #6572e91c}.field textarea{min-height:90px;resize:vertical}.line{height:1px;background:#edf0f5;margin:28px 0}.colors{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px}.colors label{font-size:12px;font-weight:700;display:grid;gap:8px}.colors input[type=color]{height:43px;width:100%;border:1px solid #dfe4ee;border-radius:9px;padding:4px;background:white}.actions{display:flex;align-items:center;gap:12px;margin-top:25px}.primary,.secondary{border:0;border-radius:10px;padding:14px 18px;font-weight:750;font-size:13px}.primary{background:#5667e9;color:white}.primary:hover{background:#4154d7}.secondary{background:white;border:1px solid #dce2ef;color:#394761}.actions .primary{flex:1}#status{font-size:12px;color:#64728a}.preview{position:sticky;top:20px;text-align:center}.preview-top{display:flex;justify-content:space-between;align-items:center}.live{color:#5263dc;font-size:11px;font-weight:800;letter-spacing:1px}.tag{background:#f1f4fa;border-radius:40px;padding:7px 10px;font-size:11px;color:#68768c}.qrbox{background:#f8f9fd;border-radius:16px;margin:23px auto;padding:28px;display:grid;place-items:center;max-width:355px;aspect-ratio:1}#qrview{width:100%;height:auto;aspect-ratio:1;max-width:300px;background:white}.preview h3{font-size:20px;margin:4px 0 7px}.preview p{font-size:13px;line-height:1.6;color:#8490a2;margin:0 auto 23px;max-width:310px}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info{margin-top:20px;border-radius:10px;background:#f4f6fc;color:#78859b;padding:14px;font-size:12px;line-height:1.5;text-align:left}.benefits{text-align:center;padding:72px 0}.benefits h2{font-size:27px;letter-spacing:-.8px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;text-align:left}.benefit-grid article{padding:25px;background:white;border:1px solid #e8ecf4;border-radius:14px}.benefit-grid article span{font-size:25px}.benefit-grid h3{font-size:16px}.benefit-grid p{font-size:13px;line-height:1.6;color:#8290a3}footer{border-top:1px solid #e4e8f1;background:white}.foot{display:flex;justify-content:space-between;padding:24px 0;color:#8190a2;font-size:12px}.foot a{color:#5265df}@media(max-width:850px){.studio{grid-template-columns:1fr}.preview{position:static}.navlabel{display:none}}@media(max-width:520px){.wrap{width:min(100% - 24px,1180px)}.nav{height:65px}.brand{font-size:19px}.navcta{font-size:11px;padding:9px}.hero{padding:43px 0 30px}.hero h1{letter-spacing:-1.7px}.hero p{font-size:14px}.editor,.preview{padding:18px}.types{grid-template-columns:repeat(3,1fr)}.colors{grid-template-columns:1fr 1fr}.colors label:last-child{grid-column:span 2}.benefit-grid{grid-template-columns:1fr}.downloads{grid-template-columns:1fr}.foot{gap:12px;flex-direction:column}}

.logo-upload{display:grid;gap:9px;margin-top:22px}.logo-upload label{font-size:13px;font-weight:700;color:#35435d}.logo-upload input{width:100%;border:1px solid #dfe4ee;border-radius:9px;padding:10px}.logo-upload button{justify-self:start;padding:9px 13px}.logo-upload small{color:#79859a;line-height:1.5}.field:has(#f-phone) input{font-variant-numeric:tabular-nums}

.logo-presets{display:flex;gap:9px;flex-wrap:wrap}.logo-preset{border:1px solid #cfd9e8;background:#fff;color:#273754;border-radius:10px;padding:10px 15px;cursor:pointer;font-weight:700}.logo-preset.selected{border:2px solid #1675e8;background:#eaf3ff;color:#075ab6}.logo-options{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:14px;border:1px solid #e1e8f3;border-radius:12px;background:#f8fbff}.logo-options label{font-size:12px}.logo-options input[type=range]{width:100%;accent-color:#1477e9}.logo-options select{min-width:160px;padding:7px;border-radius:7px;border:1px solid #cfd9e8}.logo-options output{font-weight:800;color:#1477e9}@media(max-width:540px){.logo-options{grid-template-columns:1fr}.logo-options select{width:100%}}

.sponsors{padding:54px 0 18px}.sponsors-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.sponsors h2{font-size:26px;margin:10px 0}.sponsors-head p{color:#77849a;font-size:14px}.ad-disclosure{font-size:11px;border:1px solid #dbe1ec;border-radius:40px;padding:7px 12px;color:#6c778c}.sponsor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.sponsor-card{background:#fff;border:1px solid #e1e6f0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 25px #172c620a}.sponsor-art{height:145px;background:#eff4ff;display:grid;place-items:center;overflow:hidden}.sponsor-art img{width:100%;height:100%;object-fit:contain;padding:16px}.sponsor-art .sponsor-placeholder{font-size:40px;color:#5265df}.sponsor-content{padding:19px;display:flex;flex-direction:column;flex:1;gap:10px}.sponsor-content h3{margin:0;font-size:17px}.sponsor-content p{font-size:13px;line-height:1.6;color:#718097;margin:0;flex:1}.sponsor-link{align-self:start;background:#5667e9;color:#fff;border-radius:9px;padding:10px 14px;font-weight:750;font-size:12px}.sponsor-note{font-size:11px;color:#8894a5}.sponsor-empty{color:#7a879a;font-size:13px;padding:20px;border:1px dashed #cfd8e8;border-radius:12px;grid-column:1/-1}@media(max-width:850px){.sponsor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.sponsor-grid{grid-template-columns:1fr}.sponsors-head{flex-wrap:wrap}}