*{box-sizing:border-box} :root{--bg:#05060b;--panel:#0b0e18;--panel2:#101522;--line:rgba(139,160,200,.16);--text:#f4f7ff;--muted:#929bb0;--cyan:#00d9ff;--purple:#a855f7;--pink:#f04fd8;--glow:0 0 35px rgba(0,217,255,.13),0 0 70px rgba(168,85,247,.10)}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.18}.ambient-one{width:420px;height:420px;background:#006dff;top:140px;left:-220px}.ambient-two{width:460px;height:460px;background:#9b28ff;top:680px;right:-260px}.site-header{height:78px;max-width:1200px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(0,217,255,.5);border-radius:10px;color:var(--cyan);font-size:25px;box-shadow:0 0 18px rgba(0,217,255,.18)}nav{display:flex;gap:30px;color:#aeb7c9;font-size:13px}nav a:hover,.site-footer a:hover{color:var(--cyan)}.header-cta{border:1px solid rgba(0,217,255,.4);border-radius:30px;padding:9px 17px;font-size:12px;color:#dffaff;background:rgba(0,217,255,.06)}.header-cta span{color:var(--cyan);margin-left:8px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:22px}.hero{max-width:1200px;margin:auto;min-height:590px;padding:90px 28px 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:var(--cyan);display:flex;align-items:center;gap:9px}.pulse,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);display:inline-block}.hero h1{font-size:clamp(43px,5.5vw,70px);line-height:1.08;letter-spacing:-3.8px;margin:22px 0}.hero h1 span{background:linear-gradient(90deg,var(--cyan),#9b7bff 65%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:520px;color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}.btn{border:0;border-radius:9px;padding:13px 19px;font-size:13px;font-weight:700;cursor:pointer;transition:.25s}.btn-primary{color:#001017;background:linear-gradient(100deg,#00d9ff,#70a7ff);box-shadow:0 0 25px rgba(0,217,255,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 35px rgba(0,217,255,.4)}.btn-primary span{margin-left:14px}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#e4e9f6}.btn-ghost:hover{border-color:var(--purple);background:rgba(168,85,247,.08)}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px;color:#9ca8bd;font-size:11px}.hero-proof span:first-letter{color:var(--cyan)}.hero-art{height:390px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(0,217,255,.16);border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:410px;height:240px}.orbit-b{width:330px;height:340px;border-color:rgba(168,85,247,.22);transform:rotate(45deg)}.hero-qr-card{position:relative;width:260px;height:285px;border:1px solid rgba(0,217,255,.4);border-radius:24px;background:linear-gradient(145deg,rgba(17,26,45,.94),rgba(9,11,21,.94));box-shadow:0 0 25px rgba(0,217,255,.2),0 0 90px rgba(116,53,255,.2),inset 0 0 35px rgba(0,217,255,.05);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px;transform:rotate(-5deg)}.hero-qr-card:before{content:"";position:absolute;inset:-2px;border-radius:25px;background:linear-gradient(120deg,var(--cyan),transparent 35%,var(--purple),transparent 80%);filter:blur(15px);opacity:.35;z-index:-1}.mini-qr{width:145px;height:145px;background:white;border-radius:8px;position:relative;background-image:repeating-conic-gradient(#101827 0 25%,#fff 0 50%);background-size:13px 13px;overflow:hidden}.mini-qr:before,.mini-qr:after,.mini-qr i{content:"";position:absolute;width:36px;height:36px;border:7px solid #101827;background:#fff;box-shadow:inset 0 0 0 6px #101827}.mini-qr:before{top:8px;left:8px}.mini-qr:after{top:8px;right:8px}.mini-qr i:nth-child(1){bottom:8px;left:8px}.mini-qr i:nth-child(2),.mini-qr i:nth-child(3){display:none}.mini-qr b{position:absolute;width:25px;height:25px;background:#101827;right:25px;bottom:22px}.hero-qr-label{font-size:10px;color:#aab7ce}.hero-qr-label .live-dot{margin-right:7px}.floating-tag{position:absolute;border:1px solid rgba(0,217,255,.3);background:rgba(7,12,23,.85);padding:9px 13px;border-radius:7px;font-size:9px;letter-spacing:1.3px;color:#c9f8ff;box-shadow:0 0 20px rgba(0,217,255,.1)}.tag-top{top:37px;right:15px}.tag-bottom{bottom:42px;left:20px;color:#c8d0e1}.tag-bottom span{color:var(--cyan)}.section{max-width:1160px;margin:0 auto;padding:90px 28px}.section-heading{text-align:center;margin-bottom:42px}.section-heading .eyebrow{justify-content:center}.section-heading h2{font-size:clamp(29px,4vw,42px);letter-spacing:-1.7px;margin:12px 0 8px}.section-heading p{color:var(--muted);font-size:14px;margin:0}.generator-section{max-width:1120px}.generator-shell{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid rgba(0,217,255,.2);border-radius:18px;overflow:hidden;background:rgba(9,13,23,.88);box-shadow:0 0 28px rgba(0,217,255,.09),0 0 95px rgba(133,49,255,.10)}.generator-panel{padding:30px;border-right:1px solid var(--line)}.panel-title,.panel-title>div,.preview-top,.preview-top>div{display:flex;align-items:center;justify-content:space-between}.panel-title{margin-bottom:25px}.panel-title>div{justify-content:flex-start;gap:10px}.panel-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--cyan);background:rgba(0,217,255,.1);font-size:21px}.panel-title strong{font-size:15px}.free-pill{font-size:9px;letter-spacing:1px;color:#9df5ff;border:1px solid rgba(0,217,255,.28);padding:5px 8px;border-radius:30px}.field-label{display:block;font-size:11px;font-weight:600;color:#d6deed;margin:17px 0 8px}.muted{color:#77839b;font-size:10px;font-weight:400;margin-left:5px}.control{width:100%;height:43px;border:1px solid rgba(147,166,205,.18);border-radius:7px;background:#0b1120;color:#eaf1ff;padding:0 12px;outline:none}.control:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,217,255,.08)}.dynamic-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.dynamic-fields .field-wrap.full{grid-column:1/-1}.dynamic-fields input,.dynamic-fields textarea,.dynamic-fields select{width:100%;border:1px solid rgba(147,166,205,.18);border-radius:7px;background:#0b1120;color:#eaf1ff;padding:11px 12px;outline:none}.dynamic-fields textarea{min-height:75px;resize:vertical}.dynamic-fields input:focus,.dynamic-fields textarea:focus,.dynamic-fields select:focus{border-color:var(--cyan)}.customize-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:24px;padding-top:19px;font-size:12px;font-weight:700}.customize-heading .muted{font-size:8px;letter-spacing:1px}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.color-control{height:43px;border:1px solid rgba(147,166,205,.18);border-radius:7px;background:#0b1120;display:flex;align-items:center;padding:5px 10px;gap:10px;font-size:11px;color:#c7d0e1}.color-control input{width:30px;height:29px;border:0;padding:0;background:none;cursor:pointer}.range{width:100%;accent-color:var(--cyan);margin-top:12px}.upload-box{display:flex;align-items:center;gap:12px;padding:11px;border:1px dashed rgba(0,217,255,.3);border-radius:8px;background:rgba(0,217,255,.025);cursor:pointer}.upload-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:rgba(0,217,255,.1);color:var(--cyan);font-size:20px}.upload-box strong,.upload-box small{display:block}.upload-box strong{font-size:11px;color:#d9faff}.upload-box small{font-size:9px;color:#8290a8}.upload-box input{display:none}.form-error{color:#ff829e;font-size:11px;min-height:17px;margin-top:8px}.generate-btn{width:100%;margin-top:4px}.privacy-note{text-align:center;font-size:9px;color:#78869e;margin:13px 0 0}.preview-panel{padding:30px;display:flex;flex-direction:column;align-items:stretch;background:radial-gradient(ellipse at 50% 42%,rgba(0,217,255,.09),transparent 60%)}.preview-top{font-size:11px;color:#dce8f7}.preview-top>div{gap:9px}.preview-status{font-size:8px;letter-spacing:1.2px;color:#7d8ba4}.qr-stage{flex:1;min-height:320px;display:grid;place-items:center;margin:20px 0 12px;border:1px solid rgba(145,164,205,.12);border-radius:13px;background:rgba(4,7,14,.45);position:relative;overflow:hidden}.qr-stage:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(0,217,255,.12);filter:blur(65px)}.qr-preview{position:relative;z-index:1;padding:15px;background:white;border-radius:10px;min-width:180px;min-height:180px;display:grid;place-items:center;box-shadow:0 0 32px rgba(0,217,255,.16)}.qr-preview canvas,.qr-preview svg{display:block;max-width:100%;height:auto}.placeholder-qr{width:180px;height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#17243b;background:repeating-conic-gradient(#17243b 0 25%,#fff 0 50%);background-size:16px 16px;outline:10px solid white}.placeholder-qr span{font-size:42px;background:white;border-radius:8px;padding:3px 12px}.placeholder-qr small{font-size:10px;text-align:center;background:white;padding:3px 7px;border-radius:4px}.preview-caption{text-align:center;display:grid;gap:3px}.preview-caption strong{font-size:13px}.preview-caption span{font-size:10px;color:var(--muted)}.download-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.download-btn{background:rgba(0,217,255,.06);border:1px solid rgba(0,217,255,.25);color:#c8f8ff;border-radius:7px;padding:11px 6px;font-size:10px;font-weight:700;cursor:pointer}.download-btn:hover:not(:disabled){background:rgba(0,217,255,.15);box-shadow:0 0 16px rgba(0,217,255,.12)}.download-btn:disabled{opacity:.35;cursor:not-allowed}.scan-tip{text-align:center;color:#78869e;font-size:9px;margin:12px 0 0}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.tool-card{padding:20px;text-align:left;border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,24,40,.9),rgba(9,12,21,.9));border-radius:12px;color:var(--text);cursor:pointer;transition:.25s}.tool-card:hover{transform:translateY(-4px);border-color:rgba(0,217,255,.55);box-shadow:0 0 25px rgba(0,217,255,.1)}.tool-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(0,217,255,.09);color:var(--cyan);font-size:20px;margin-bottom:14px}.tool-card strong,.tool-card small{display:block}.tool-card strong{font-size:12px}.tool-card small{font-size:10px;color:var(--muted);margin-top:4px}.how-section{border-top:1px solid rgba(255,255,255,.04)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-card{position:relative;padding:28px;border:1px solid var(--line);border-radius:13px;background:rgba(12,16,28,.7)}.step-number{position:absolute;right:20px;top:18px;color:#53617b;font-size:11px;letter-spacing:2px}.step-icon{font-size:25px;color:var(--cyan);margin-bottom:22px;text-shadow:0 0 15px rgba(0,217,255,.5)}.step-card h3,.benefits-grid h3,.features-grid h3{font-size:15px;margin:0 0 8px}.step-card p,.benefits-grid p,.features-grid p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.benefits-grid article{padding:22px 18px;border:1px solid var(--line);border-radius:12px;background:rgba(12,16,28,.65)}.benefits-grid article>span{display:block;color:var(--cyan);font-size:25px;margin-bottom:15px;text-shadow:0 0 14px rgba(0,217,255,.45)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.features-grid article{padding:22px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,rgba(15,20,34,.8),rgba(8,10,18,.8))}.features-grid h3:before{content:"✦";color:var(--cyan);font-size:10px;margin-right:9px}.faq-list{max-width:780px;margin:auto}.faq-list details{border-bottom:1px solid var(--line);padding:19px 4px}.faq-list summary{font-size:13px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:"+";color:var(--cyan);font-size:18px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:12px;color:var(--muted);max-width:680px;margin:12px 0 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-grid article{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(12,16,28,.75)}.blog-art{height:135px;display:grid;place-items:center;font-size:55px;color:rgba(255,255,255,.8);text-shadow:0 0 30px var(--cyan)}.art-one{background:radial-gradient(circle at 50% 50%,#164a6a,#10152b 60%,#090b14)}.art-two{background:radial-gradient(circle at 50% 50%,#4d2479,#15122b 60%,#090b14)}.art-three{background:radial-gradient(circle at 50% 50%,#125c60,#101b2c 60%,#090b14)}.blog-content{padding:19px}.blog-content>span{font-size:8px;letter-spacing:1.5px;color:var(--cyan)}.blog-content h3{font-size:14px;margin:8px 0}.blog-content p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.site-footer{border-top:1px solid var(--line);background:#070910;padding:55px max(28px,calc((100% - 1104px)/2)) 20px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.3fr;gap:35px;padding-bottom:40px}.footer-brand p{font-size:11px;color:var(--muted);line-height:1.9}.site-footer h4{font-size:11px;margin:5px 0 15px}.site-footer a:not(.brand){display:block;color:#8e9ab0;font-size:10px;margin:9px 0}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#64718a;font-size:9px}.footer-bottom b{color:var(--cyan)}@media(max-width:850px){nav{gap:14px}.hero{gap:15px}.hero h1{font-size:52px}.tools-grid{grid-template-columns:repeat(3,1fr)}.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.site-header{height:68px;padding:0 18px}.site-header nav{display:none;position:absolute;top:67px;left:0;right:0;background:#090d18;padding:18px;flex-direction:column;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.header-cta{margin-left:auto;margin-right:13px}.menu-toggle{display:block}.hero{padding:65px 20px 50px;grid-template-columns:1fr;text-align:center}.hero-copy .eyebrow,.hero-actions,.hero-proof{justify-content:center}.hero-copy>p{margin:auto}.hero h1{font-size:46px;letter-spacing:-2.5px}.hero-art{height:320px}.orbit-a{width:310px}.orbit-b{width:280px;height:290px}.hero-qr-card{transform:scale(.88) rotate(-5deg)}.section{padding:65px 19px}.generator-shell{grid-template-columns:1fr}.generator-panel{border-right:0;border-bottom:1px solid var(--line);padding:22px}.preview-panel{padding:22px}.tools-grid{grid-template-columns:repeat(2,1fr)}.steps-grid,.features-grid,.blog-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:10px;flex-direction:column}.section-heading{margin-bottom:30px}}@media(max-width:390px){.benefits-grid{grid-template-columns:1fr}.custom-grid{gap:8px}.generator-panel{padding:17px}.preview-panel{padding:17px}}