:root{--bg:#f6f8fc;--surface:#fff;--soft:#f1f4f9;--text:#10182b;--muted:#667287;--line:#e2e7f0;--primary:#5b4df4;--primary-dark:#4338ca;--teal:#12a594;--danger:#c53030;--shadow:0 26px 70px rgba(32,40,70,.13)}
:root[data-theme=dark]{--bg:#0b1020;--surface:#12192b;--soft:#182137;--text:#f6f7fb;--muted:#a7b0c4;--line:#26314b;--shadow:0 26px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;transition:.2s background,.2s color}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.7px}.brand b{color:var(--primary)}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#7367ff,#4b3dda);box-shadow:0 9px 20px rgba(91,77,244,.27);font-size:11px;letter-spacing:-.5px}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:1px solid transparent;border-radius:11px;font-weight:750;font-size:13px;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#6759f7,#4d40dc);box-shadow:0 12px 24px rgba(91,77,244,.24)}.btn-secondary{color:var(--text);border-color:var(--line);background:var(--surface)}.btn-light{color:var(--primary);background:#fff}.btn-small{min-height:38px;padding:0 15px;font-size:11px}.link-button{padding:9px;border:0;color:var(--text);background:transparent;font-size:12px;font-weight:700}.theme-toggle,.mobile-menu{width:38px;height:38px;border:0;border-radius:10px;color:var(--text);background:var(--soft)}.site-header{position:sticky;top:0;z-index:50;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid color-mix(in srgb,var(--line) 85%,transparent);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}.site-nav{display:flex;gap:30px;margin-left:auto;margin-right:38px}.site-nav a{color:var(--muted);font-size:12px;font-weight:700}.site-nav a:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:9px}.flash{position:fixed;z-index:150;right:22px;bottom:22px;max-width:380px;padding:14px 17px;border-radius:11px;box-shadow:var(--shadow);font-size:12px;font-weight:700}.success-flash{color:#065f46;background:#d1fae5}.error-flash{color:#991b1b;background:#fee2e2}.eyebrow{width:max-content;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface));font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hero-section{position:relative;display:grid;grid-template-columns:.86fr 1.14fr;gap:65px;align-items:center;max-width:1240px;margin:auto;padding:78px 24px 74px}.hero-section:before{content:"";position:absolute;z-index:-1;right:-160px;top:10px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(91,77,244,.16),transparent 68%)}.hero-copy h1{margin:19px 0 23px;font-size:clamp(48px,5vw,72px);line-height:.99;letter-spacing:-4.3px}.hero-copy h1 b{color:var(--primary)}.hero-copy>p{max-width:550px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}.hero-buttons{display:flex;gap:10px;margin-top:28px}.trust-line{display:flex;align-items:center;margin-top:34px}.trust-line>span{width:34px;height:34px;display:grid;place-items:center;margin-left:-7px;border:2px solid var(--bg);border-radius:50%;color:#fff;background:#2d3748;font-size:8px;font-weight:800}.trust-line>span:first-child{margin-left:0;background:#5b4df4}.trust-line>span:nth-child(2){background:#d97757}.trust-line>div{margin-left:12px}.trust-line strong,.trust-line small{display:block}.trust-line strong{font-size:11px}.trust-line small{margin-top:3px;color:var(--muted);font-size:9px}.generator-card{border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.generator-top{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid var(--line);font-size:11px}.generator-top span{color:var(--muted);font-size:9px}.online-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(18,165,148,.11)}.generator-grid{display:grid;grid-template-columns:1.08fr .92fr}.generator-controls{padding:21px;border-right:1px solid var(--line)}.step-title{display:flex;align-items:center;gap:8px;margin:1px 0 11px;font-size:10px;font-weight:850}.step-title:not(:first-child){margin-top:20px}.step-title span{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;color:#fff;background:var(--primary);font-size:9px}.qr-type-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.qr-type-tabs button{height:38px;padding:0 5px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--surface);font-size:8px;font-weight:750}.qr-type-tabs button.active,.qr-type-tabs button:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 55%,var(--line));background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.form-label{display:block;margin-top:10px;color:var(--muted);font-size:9px;font-weight:750}.form-label input,.form-label textarea,.form-label select,.auth-form input,.form-grid input,.form-grid textarea,.form-grid select,.table-filters input{width:100%;margin-top:6px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;outline:0;color:var(--text);background:var(--soft);font-size:10px;resize:vertical}.form-label input,.form-label select,.auth-form input,.form-grid input,.form-grid select{height:40px}.form-label input:focus,.form-label textarea:focus,.auth-form input:focus,.form-grid input:focus,.form-grid textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,77,244,.09)}.switch-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:9px}.switch-row small{margin-top:3px;color:var(--muted);font-size:7px}.switch-row input{display:none}.switch-row>i{position:relative;width:34px;height:20px;border-radius:99px;background:#cbd3df}.switch-row>i:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.switch-row input:checked+i{background:var(--primary)}.switch-row input:checked+i:after{transform:translateX(14px)}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-row>label{color:var(--muted);font-size:8px;font-weight:750}.color-row>label>div{height:38px;display:flex;align-items:center;gap:7px;margin-top:6px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.color-row input{width:22px;height:22px;padding:0;border:0;background:none}.color-row span{font:9px monospace}.preview-panel{display:flex;flex-direction:column;padding:21px;background:var(--soft)}.preview-title{display:flex;justify-content:space-between;font-size:9px;font-weight:750}.preview-title em{color:var(--teal);font-size:8px;font-style:normal}.qr-stage{min-height:295px;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;margin:13px 0;border:1px dashed var(--line);border-radius:12px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface) 58%)}.qr-output{width:175px;height:175px;display:grid;place-items:center;padding:12px;border-radius:13px;background:#fff;box-shadow:0 15px 34px rgba(20,28,50,.14)}.qr-output img,.qr-output canvas{max-width:100%;max-height:100%}.qr-stage>strong{margin-top:12px;padding:6px 12px;border-radius:99px;color:#fff;background:#151c2f;font-size:7px;letter-spacing:.14em}.generator-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.generator-actions .btn{min-height:40px;padding:0 10px;font-size:9px}.generator-message{margin:8px 0 0;color:var(--muted);font-size:8px;text-align:center}.compact-generator .generator-grid{grid-template-columns:1fr 1fr}.logo-strip{max-width:1160px;margin:auto;padding:27px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);color:var(--muted)}.logo-strip span{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.logo-strip strong{font-size:12px;letter-spacing:.05em;opacity:.7}.section{max-width:1180px;margin:auto;padding:110px 24px}.section-heading{max-width:720px;margin:0 auto 45px;text-align:center}.section-heading h2,.cta-section h2{margin:16px 0 0;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-2.5px}.section-heading p{margin:16px auto 0;color:var(--muted);font-size:14px;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{min-height:310px;padding:27px;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}.feature-grid article>i{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface));font-size:20px;font-style:normal}.feature-grid h3{margin:17px 0 8px;font-size:18px}.feature-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.mini-bars{height:120px;display:flex;align-items:flex-end;gap:10px;margin-top:30px;border-bottom:1px solid var(--line)}.mini-bars span{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#7a6fff,#5143dc)}.route-demo,.file-demo{margin-top:36px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--soft);font-size:9px}.route-demo{display:flex;justify-content:space-between;color:var(--muted)}.route-demo b{color:var(--primary)}.file-demo{display:flex;align-items:center;gap:10px}.file-demo>span{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;color:var(--primary);background:#e9e7ff;font-size:8px;font-weight:850}.file-demo>div{flex:1}.file-demo b,.file-demo small{display:block}.file-demo b{font-size:9px}.file-demo small{margin-top:4px;color:var(--muted);font-size:7px}.file-demo>i{color:var(--teal);font-style:normal}.soft-section{max-width:none;padding-left:max(24px,calc((100vw - 1132px)/2));padding-right:max(24px,calc((100vw - 1132px)/2));background:color-mix(in srgb,var(--primary) 4%,var(--surface));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.type-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.type-card-grid article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.type-card-grid article>span{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;color:var(--primary);background:#ebe9ff;font-size:9px;font-weight:850}.type-card-grid h3{margin:0 0 4px;font-size:11px}.type-card-grid p{margin:0;color:var(--muted);font-size:8px}.type-card-grid article>b{color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;max-width:980px;margin:auto}.pricing-grid article{position:relative;padding:29px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.pricing-grid .featured-plan{border:2px solid var(--primary);box-shadow:0 22px 48px rgba(91,77,244,.12)}.featured-plan>span{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:99px;color:#fff;background:var(--primary);font-size:8px;font-weight:850}.pricing-grid h3{margin:0 0 20px;font-size:18px}.pricing-grid>article>strong{font-size:37px;letter-spacing:-1.5px}.pricing-grid strong small{color:var(--muted);font-size:9px;letter-spacing:0}.pricing-grid p{color:var(--muted);font-size:10px}.pricing-grid ul{display:grid;gap:11px;margin:23px 0;padding:20px 0 0;border-top:1px solid var(--line);list-style:none;color:var(--muted);font-size:10px}.pricing-grid .btn{width:100%}.cta-section{padding:95px 24px;text-align:center;color:#fff;background:linear-gradient(135deg,#4036b7,#6758f1 56%,#5042d9)}.cta-section .eyebrow{color:#e2deff;background:rgba(255,255,255,.1)}.cta-section h2{max-width:700px;margin:16px auto 0}.cta-section p{margin:16px auto 26px;color:#e0ddff}.site-footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px;padding:68px max(24px,calc((100vw - 1160px)/2));color:#eef1f8;background:#0e1424}.site-footer p{max-width:330px;color:#8f99ad;font-size:10px;line-height:1.7}.site-footer>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:11px}.site-footer>div:not(:first-child) strong{margin-bottom:8px;font-size:11px}.site-footer>div:not(:first-child) a,.site-footer>div:not(:first-child) span{color:#8f99ad;font-size:9px}
/* Authentication */.auth-page{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:45px 18px}.auth-card{width:min(440px,100%);padding:34px;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:var(--shadow)}.auth-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:17px;border-radius:15px;color:#fff;background:var(--primary);font-weight:850}.auth-card h1{margin:15px 0 8px;font-size:29px;letter-spacing:-1px}.auth-card>p{margin:0 0 22px;color:var(--muted);font-size:11px}.auth-form{display:grid;gap:13px}.auth-form label{font-size:9px;font-weight:750}.auth-form .btn{width:100%;margin-top:4px}.auth-switch{margin-top:19px;color:var(--muted);font-size:10px;text-align:center}.auth-switch a{color:var(--primary);font-weight:800}.form-error{margin-bottom:12px;padding:10px;border-radius:8px;color:#991b1b;background:#fee2e2;font-size:9px}
/* Dashboard */.dashboard-body{overflow-x:hidden}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:19px 13px 15px;border-right:1px solid var(--line);background:var(--surface)}.app-sidebar>.brand{padding:0 8px 17px}.app-sidebar .brand-mark{width:35px;height:35px}.workspace-card{display:flex;align-items:center;gap:9px;margin:2px 3px 18px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.workspace-card>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--text);font-size:8px;font-weight:850}.workspace-card strong,.workspace-card small{display:block}.workspace-card strong{font-size:9px}.workspace-card small{margin-top:3px;color:var(--muted);font-size:7px}.side-nav{display:grid;gap:3px}.side-nav a{height:39px;display:flex;align-items:center;gap:9px;padding:0 11px;border-radius:8px;color:var(--muted);font-size:9px;font-weight:750}.side-nav a i{width:18px;text-align:center;font-style:normal;font-size:14px}.side-nav a:hover,.side-nav a.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.usage-box{margin:auto 4px 12px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.usage-box>div:first-child{display:flex;justify-content:space-between;font-size:8px}.usage-track{height:5px;margin:9px 0;border-radius:99px;background:var(--line);overflow:hidden}.usage-track i{display:block;width:28%;height:100%;background:var(--primary)}.usage-box small{color:var(--muted);font-size:7px}.sidebar-profile{display:flex;align-items:center;gap:9px;padding:10px 8px 0;border-top:1px solid var(--line)}.profile-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(135deg,#d97757,#ad4f37);font-size:8px;font-weight:850}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile strong{font-size:9px}.sidebar-profile small{margin-top:3px;color:var(--muted);font-size:7px}.app-main{min-width:0}.app-topbar{position:sticky;top:0;z-index:40;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 91%,transparent);backdrop-filter:blur(16px)}.topbar-title{font-size:10px;font-weight:750}.topbar-actions{display:flex;align-items:center;gap:7px}.mobile-menu{display:none}.app-content{max-width:1450px;margin:auto;padding:28px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px}.page-kicker{color:var(--primary);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.11em}.page-heading h1{margin:7px 0 7px;font-size:29px;line-height:1.1;letter-spacing:-1.3px}.page-heading p{margin:0;color:var(--muted);font-size:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stat-grid article{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;font-size:17px}.stat-icon.purple{color:#5b4df4;background:#ebe9ff}.stat-icon.teal{color:#0f766e;background:#ccfbf1}.stat-icon.orange{color:#c2410c;background:#ffedd5}.stat-icon.blue{color:#2563eb;background:#dbeafe}.stat-grid small,.stat-grid strong,.stat-grid em{display:block}.stat-grid small{color:var(--muted);font-size:8px}.stat-grid strong{margin-top:4px;font-size:20px}.stat-grid em{margin-top:4px;color:var(--teal);font-size:7px;font-style:normal}.panel{padding:19px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-heading h2,.panel-heading p{margin:0}.panel-heading h2{font-size:11px}.panel-heading p{margin-top:4px;color:var(--muted);font-size:7px}.panel-heading>a{color:var(--primary);font-size:8px;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:1.7fr .7fr;gap:14px;margin-bottom:14px}.dashboard-bars{height:225px;display:flex;align-items:flex-end;gap:8px;padding-top:25px}.dashboard-bars>div{height:100%;display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:center}.dashboard-bars i{width:100%;max-width:24px;min-height:4px;border-radius:5px 5px 0 0;background:linear-gradient(#7a70ff,#5143dc)}.dashboard-bars span{margin-top:7px;color:var(--muted);font-size:6px;white-space:nowrap}.empty-chart{width:100%;align-self:center;color:var(--muted);font-size:9px;text-align:center}.metric-row{margin-top:18px}.metric-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:6px;font-size:8px}.metric-row>div:last-child{height:5px;border-radius:99px;background:var(--line);overflow:hidden}.metric-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#847aff)}.empty-copy{margin:25px 0;color:var(--muted);font-size:9px;text-align:center}.table-panel{padding:0;overflow:hidden}.table-panel>.panel-heading{padding:16px 18px;border-bottom:1px solid var(--line)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:10px 13px;color:var(--muted);background:var(--soft);font-size:7px;text-align:left;text-transform:uppercase;letter-spacing:.06em}td{padding:11px 13px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}td:first-child{display:flex;align-items:center;gap:8px;color:var(--text)}td strong,td small{display:block}td strong{font-size:9px}td small{max-width:230px;margin-top:3px;overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.mini-qr{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:7px;color:#10182b;background:#fff;font-size:7px;font-weight:850}.status{display:flex;align-items:center;gap:5px;width:max-content}.status i{width:6px;height:6px;border-radius:50%}.status.active{color:#0f766e}.status.active i{background:#12a594}.status.paused{color:#a16207}.status.paused i{background:#f59e0b}.status.archived{color:#64748b}.status.archived i{background:#94a3b8}.empty-cell{padding:35px!important;text-align:center}.table-filters form{display:flex;gap:6px}.table-filters input{width:210px;margin:0}.table-link{color:var(--primary);font-weight:750}.muted{color:var(--muted)}.table-actions{display:flex;align-items:center;gap:8px}.table-actions a,.table-actions button{padding:0;border:0;color:var(--primary);background:transparent;font-size:8px;font-weight:750}.table-actions button{color:var(--danger)}.table-actions form{margin:0}.form-panel{max-width:850px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:9px;font-weight:750}.form-grid .full-field{grid-column:1/-1}.form-footer{display:flex;gap:8px;margin-top:18px}.analytics-stats,.admin-stats{grid-template-columns:repeat(3,1fr)}.analytics-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:13px}.analytics-grid>.panel{min-height:250px}.large-bars{height:195px;display:flex;align-items:flex-end;gap:5px;margin-top:26px;border-bottom:1px solid var(--line)}.large-bars>div{flex:1;height:100%;display:flex;align-items:flex-end}.large-bars i{width:100%;min-height:3px;border-radius:4px 4px 0 0;background:linear-gradient(#786dff,#5042da)}.rank-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:8px}.rank-row:last-child{border-bottom:0}.bulk-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bulk-upload-panel,.bulk-preview{min-height:440px}.drop-zone{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed color-mix(in srgb,var(--primary) 45%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--primary) 4%,var(--surface));text-align:center;cursor:pointer}.drop-zone input{display:none}.drop-zone>span{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;color:var(--primary);background:#ebe9ff;font-size:24px}.drop-zone h2{margin:15px 0 5px;font-size:13px}.drop-zone p,.drop-zone small{margin:0;color:var(--muted);font-size:8px}.drop-zone small{margin-top:13px}.bulk-rows{min-height:290px;margin:15px 0}.bulk-row{display:grid;grid-template-columns:25px 1fr 2fr;gap:8px;padding:9px;border-bottom:1px solid var(--line);font-size:8px}.bulk-row span,.bulk-row small{color:var(--muted)}.bulk-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-preview form .btn{width:100%}.bulk-preview form .btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{min-height:250px;display:grid;place-items:center;color:var(--muted);font-size:9px}
@media(max-width:1050px){.site-nav{gap:17px;margin-right:18px}.hero-section{gap:30px}.generator-grid{grid-template-columns:1fr}.generator-controls{border-right:0;border-bottom:1px solid var(--line)}.feature-grid{grid-template-columns:1fr}.type-card-grid{grid-template-columns:repeat(2,1fr)}.dashboard-shell{grid-template-columns:195px 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:1fr}}
@media(max-width:780px){.site-header{height:65px;padding:0 16px}.site-nav{display:none}.header-actions .link-button{display:none}.hero-section{grid-template-columns:1fr;padding-top:50px}.hero-copy{text-align:center}.hero-copy .eyebrow{margin:auto}.hero-copy>p{margin:auto}.hero-buttons,.trust-line{justify-content:center}.generator-card{margin-top:15px}.logo-strip{flex-wrap:wrap;justify-content:center}.logo-strip>span{width:100%;text-align:center}.pricing-grid{grid-template-columns:1fr;max-width:520px}.site-footer{grid-template-columns:2fr 1fr 1fr}.site-footer>div:last-child{display:none}.dashboard-shell{display:block}.app-sidebar{position:fixed;z-index:80;left:-250px;width:235px;transition:.2s left}.app-sidebar.open{left:0}.app-topbar{padding:0 15px}.mobile-menu{display:block}.app-content{padding:20px 14px}.analytics-grid,.bulk-grid{grid-template-columns:1fr}.compact-generator .generator-grid{grid-template-columns:1fr}}
@media(max-width:520px){.hero-copy h1{font-size:45px;letter-spacing:-3px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.generator-controls,.preview-panel{padding:15px}.qr-type-tabs{grid-template-columns:repeat(2,1fr)}.color-row,.generator-actions{grid-template-columns:1fr}.section{padding:78px 16px}.type-card-grid{grid-template-columns:1fr}.section-heading h2,.cta-section h2{letter-spacing:-1.7px}.site-footer{grid-template-columns:1fr 1fr;gap:35px}.site-footer>div:first-child{grid-column:1/-1}.page-heading{align-items:flex-start;flex-direction:column}.page-heading>.btn{width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-grid article{padding:12px}.stat-icon{width:35px;height:35px}.stat-grid strong{font-size:16px}.topbar-title{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full-field{grid-column:auto}.form-footer{flex-direction:column}.table-filters{align-items:flex-start;flex-direction:column}.table-filters form,.table-filters input{width:100%}.auth-card{padding:24px}}
@media print{.app-sidebar,.app-topbar,.page-heading .btn{display:none!important}.dashboard-shell{display:block}.app-content{padding:0}.panel{break-inside:avoid}}

/* ================================================================
   GLOBALQR EMERALD UI UPGRADE
   Primary: #10B981 | Secondary: #D1FAE5 | CTA: #059669
   ================================================================ */
:root{
    --bg:#f7fbf9;
    --surface:#ffffff;
    --soft:#effaf5;
    --text:#10231c;
    --muted:#60766d;
    --line:#dcebe4;
    --primary:#10B981;
    --primary-dark:#059669;
    --secondary:#D1FAE5;
    --cta:#059669;
    --teal:#10B981;
    --danger:#c53030;
    --shadow:0 24px 65px rgba(5,150,105,.12);
    --shadow-soft:0 10px 30px rgba(16,185,129,.08);
    --radius:18px;
}

:root[data-theme=dark]{
    --bg:#071712;
    --surface:#0d211a;
    --soft:#123127;
    --text:#f0fdf8;
    --muted:#9ab9ad;
    --line:#204638;
    --shadow:0 28px 75px rgba(0,0,0,.38);
    --shadow-soft:0 12px 34px rgba(0,0,0,.24);
}

::selection{color:#fff;background:var(--cta)}
body{
    min-height:100vh;
    background:
        radial-gradient(circle at 8% 4%,rgba(209,250,229,.8),transparent 28rem),
        radial-gradient(circle at 92% 20%,rgba(16,185,129,.07),transparent 31rem),
        var(--bg);
    font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{
    outline:3px solid rgba(16,185,129,.24);
    outline-offset:3px;
}

.brand{gap:12px;letter-spacing:-.85px}
.brand-mark{
    border:1px solid rgba(255,255,255,.28);
    border-radius:13px;
    background:linear-gradient(145deg,var(--primary),var(--cta));
    box-shadow:0 11px 25px rgba(5,150,105,.27),inset 0 1px 0 rgba(255,255,255,.28);
}

.btn{
    min-height:48px;
    border-radius:13px;
    font-weight:800;
    letter-spacing:.01em;
    box-shadow:none;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn-primary{
    color:#fff;
    background:linear-gradient(135deg,var(--cta),var(--primary));
    box-shadow:0 13px 28px rgba(5,150,105,.22);
}
.btn-primary:hover{box-shadow:0 17px 34px rgba(5,150,105,.3)}
.btn-secondary{
    border-color:color-mix(in srgb,var(--primary) 20%,var(--line));
    background:color-mix(in srgb,var(--surface) 92%,var(--secondary));
}
.btn-secondary:hover{border-color:var(--primary);background:var(--secondary)}
.btn-light{color:var(--cta);background:#fff;box-shadow:0 12px 30px rgba(2,44,34,.12)}
.btn-small{min-height:40px;border-radius:11px}
.link-button{border-radius:9px;transition:color .2s ease,background .2s ease}
.link-button:hover{color:var(--cta);background:var(--secondary)}
.theme-toggle,.mobile-menu{
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    background:color-mix(in srgb,var(--surface) 70%,var(--secondary));
    transition:transform .2s ease,color .2s ease,background .2s ease;
}
.theme-toggle:hover,.mobile-menu:hover{color:var(--cta);background:var(--secondary);transform:rotate(6deg)}

.site-header{
    height:80px;
    border-bottom-color:color-mix(in srgb,var(--primary) 12%,var(--line));
    background:color-mix(in srgb,var(--surface) 88%,transparent);
    box-shadow:0 8px 28px rgba(5,150,105,.04);
}
.site-nav{gap:8px}
.site-nav a{
    position:relative;
    padding:10px 13px;
    border-radius:9px;
    transition:color .2s ease,background .2s ease;
}
.site-nav a:hover{color:var(--cta);background:var(--secondary)}

.flash{border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);box-shadow:var(--shadow)}
.success-flash{color:#065f46;background:var(--secondary)}

.eyebrow{
    gap:7px;
    padding:9px 14px;
    border:1px solid rgba(16,185,129,.16);
    color:var(--cta);
    background:color-mix(in srgb,var(--secondary) 76%,var(--surface));
    box-shadow:0 7px 20px rgba(16,185,129,.06);
}

.hero-section{
    grid-template-columns:.9fr 1.1fr;
    gap:72px;
    padding-top:96px;
    padding-bottom:92px;
}
.hero-section:before{
    right:-110px;
    top:16px;
    width:610px;
    height:610px;
    background:radial-gradient(circle,rgba(16,185,129,.16),rgba(209,250,229,.22) 38%,transparent 70%);
}
.hero-section:after{
    content:"";
    position:absolute;
    z-index:-1;
    left:-120px;
    bottom:15px;
    width:320px;
    height:320px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(209,250,229,.82),transparent 70%);
}
.hero-copy h1{margin-top:22px;color:var(--text);letter-spacing:-4.5px}
.hero-copy h1 b{
    color:var(--primary);
    background:linear-gradient(110deg,var(--cta),var(--primary));
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.hero-copy>p{font-size:16px;line-height:1.75}
.hero-buttons{gap:12px;margin-top:31px}
.trust-line{margin-top:38px}
.trust-line>span{border-color:var(--bg);box-shadow:0 5px 14px rgba(16,35,28,.12)}
.trust-line>span:first-child{background:var(--primary)}
.trust-line>span:nth-child(2){background:var(--cta)}
.trust-line>span:nth-child(3){color:var(--cta);background:var(--secondary)}

.generator-card{
    position:relative;
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:24px;
    box-shadow:0 30px 85px rgba(5,150,105,.15),0 3px 10px rgba(15,35,28,.04);
}
.generator-card:before{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    left:9%;
    right:9%;
    height:3px;
    border-radius:0 0 99px 99px;
    background:linear-gradient(90deg,transparent,var(--primary),transparent);
}
.generator-top{
    height:60px;
    background:linear-gradient(90deg,color-mix(in srgb,var(--secondary) 45%,var(--surface)),var(--surface));
}
.online-dot{background:var(--primary);box-shadow:0 0 0 5px rgba(16,185,129,.13)}
.generator-controls{padding:24px}
.step-title span{border-radius:7px;background:linear-gradient(135deg,var(--primary),var(--cta));box-shadow:0 6px 13px rgba(5,150,105,.2)}
.qr-type-tabs{gap:8px}
.qr-type-tabs button{
    height:42px;
    border-radius:10px;
    transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease;
}
.qr-type-tabs button:hover{transform:translateY(-1px)}
.qr-type-tabs button.active,.qr-type-tabs button:hover{
    color:var(--cta);
    border-color:rgba(16,185,129,.42);
    background:var(--secondary);
    box-shadow:0 7px 17px rgba(16,185,129,.08);
}
.form-label input,.form-label textarea,.form-label select,.auth-form input,.form-grid input,.form-grid textarea,.form-grid select,.table-filters input{
    border-color:color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:10px;
    background:color-mix(in srgb,var(--surface) 82%,var(--soft));
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.form-label input:focus,.form-label textarea:focus,.auth-form input:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.table-filters input:focus{
    border-color:var(--primary);
    background:var(--surface);
    box-shadow:0 0 0 4px rgba(16,185,129,.12);
}
.switch-row{border-color:color-mix(in srgb,var(--primary) 10%,var(--line));background:color-mix(in srgb,var(--soft) 82%,var(--secondary))}
.switch-row input:checked+i{background:linear-gradient(90deg,var(--cta),var(--primary));box-shadow:0 5px 12px rgba(5,150,105,.2)}
.color-row>label>div{border-color:color-mix(in srgb,var(--primary) 10%,var(--line));background:var(--surface)}
.preview-panel{background:linear-gradient(150deg,color-mix(in srgb,var(--secondary) 55%,var(--soft)),var(--soft))}
.preview-title em{color:var(--cta)}
.qr-stage{
    border-color:rgba(16,185,129,.3);
    background:
        linear-gradient(rgba(16,185,129,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(16,185,129,.035) 1px,transparent 1px),
        radial-gradient(circle at 50% 38%,var(--secondary),var(--surface) 64%);
    background-size:22px 22px,22px 22px,auto;
}
.qr-output{border:1px solid rgba(16,185,129,.14);border-radius:16px;box-shadow:0 18px 42px rgba(5,150,105,.16)}
.qr-stage>strong{background:var(--cta);box-shadow:0 8px 18px rgba(5,150,105,.22)}

.logo-strip{border-top-color:color-mix(in srgb,var(--primary) 12%,var(--line))}
.logo-strip strong{color:color-mix(in srgb,var(--cta) 70%,var(--muted))}
.section{padding-top:118px;padding-bottom:118px}
.section-heading h2,.cta-section h2{color:var(--text)}
.feature-grid{gap:20px}
.feature-grid article{
    min-height:320px;
    border-color:color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:22px;
    box-shadow:var(--shadow-soft);
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.feature-grid article:hover{transform:translateY(-7px);border-color:rgba(16,185,129,.38);box-shadow:0 24px 55px rgba(5,150,105,.13)}
.feature-grid article>i{color:var(--cta);background:var(--secondary)}
.mini-bars span,.dashboard-bars i,.large-bars i{background:linear-gradient(180deg,var(--primary),var(--cta))}
.route-demo b,.file-demo>i{color:var(--cta)}
.file-demo>span{color:var(--cta);background:var(--secondary)}
.soft-section{
    background:linear-gradient(180deg,color-mix(in srgb,var(--secondary) 44%,var(--surface)),color-mix(in srgb,var(--secondary) 20%,var(--surface)));
    border-color:color-mix(in srgb,var(--primary) 12%,var(--line));
}
.type-card-grid{gap:14px}
.type-card-grid article{
    border-color:color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:15px;
    box-shadow:0 7px 22px rgba(5,150,105,.05);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.type-card-grid article:hover{transform:translateY(-3px);border-color:rgba(16,185,129,.35);box-shadow:0 14px 30px rgba(5,150,105,.1)}
.type-card-grid article>span{color:var(--cta);background:var(--secondary)}

.pricing-grid{gap:22px}
.pricing-grid article{
    border-color:color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:23px;
    box-shadow:var(--shadow-soft);
    transition:transform .25s ease,box-shadow .25s ease;
}
.pricing-grid article:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(5,150,105,.12)}
.pricing-grid .featured-plan{border-color:var(--primary);box-shadow:0 25px 58px rgba(5,150,105,.16)}
.featured-plan>span{background:linear-gradient(90deg,var(--cta),var(--primary));box-shadow:0 8px 18px rgba(5,150,105,.2)}

.cta-section{
    position:relative;
    overflow:hidden;
    color:#fff;
    background:linear-gradient(135deg,var(--cta),var(--primary));
}
.cta-section:before,.cta-section:after{
    content:"";
    position:absolute;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
}
.cta-section:before{width:420px;height:420px;left:-180px;top:-250px}
.cta-section:after{width:300px;height:300px;right:-110px;bottom:-210px}
.cta-section .eyebrow{position:relative;color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.12)}
.cta-section h2{position:relative;color:#fff}
.cta-section p{position:relative;color:#eafff6}
.cta-section .btn{position:relative}

.site-footer{
    color:#edfff7;
    background:linear-gradient(145deg,#08251c,#0a3527);
}
.site-footer p,.site-footer>div:not(:first-child) a,.site-footer>div:not(:first-child) span{color:#9ec8b8}
.site-footer a{transition:color .2s ease}
.site-footer a:hover{color:var(--primary)}

/* Authentication */
.auth-page{background:radial-gradient(circle at 50% 15%,rgba(209,250,229,.78),transparent 33rem)}
.auth-card{
    padding:38px;
    border-color:color-mix(in srgb,var(--primary) 15%,var(--line));
    border-radius:24px;
    box-shadow:0 30px 80px rgba(5,150,105,.13);
}
.auth-icon{border-radius:16px;background:linear-gradient(145deg,var(--primary),var(--cta));box-shadow:0 13px 27px rgba(5,150,105,.2)}
.auth-switch a{color:var(--cta)}

/* Dashboard */
.dashboard-shell{grid-template-columns:250px 1fr}
.app-sidebar{
    padding:21px 15px 17px;
    border-right-color:color-mix(in srgb,var(--primary) 12%,var(--line));
    background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--secondary) 23%,var(--surface)));
    box-shadow:9px 0 35px rgba(5,150,105,.035);
}
.workspace-card{border-color:rgba(16,185,129,.17);background:color-mix(in srgb,var(--secondary) 60%,var(--surface))}
.workspace-card>span{background:linear-gradient(145deg,var(--primary),var(--cta));box-shadow:0 8px 16px rgba(5,150,105,.18)}
.side-nav{gap:5px}
.side-nav a{height:43px;border-radius:10px;transition:color .2s ease,background .2s ease,transform .2s ease}
.side-nav a:hover,.side-nav a.active{color:var(--cta);background:var(--secondary);transform:translateX(2px)}
.side-nav a.active{box-shadow:inset 3px 0 0 var(--primary),0 7px 18px rgba(16,185,129,.07)}
.usage-box{border-color:rgba(16,185,129,.16);background:color-mix(in srgb,var(--secondary) 52%,var(--surface))}
.usage-track i{background:linear-gradient(90deg,var(--cta),var(--primary))}
.profile-avatar{background:linear-gradient(135deg,var(--primary),var(--cta));box-shadow:0 7px 16px rgba(5,150,105,.2)}
.app-topbar{
    height:68px;
    border-bottom-color:color-mix(in srgb,var(--primary) 12%,var(--line));
    background:color-mix(in srgb,var(--surface) 90%,transparent);
    box-shadow:0 6px 25px rgba(5,150,105,.035);
}
.app-content{padding:34px}
.page-kicker{color:var(--cta)}
.page-heading h1{font-size:31px}
.stat-grid{gap:15px;margin-bottom:17px}
.stat-grid article{
    min-height:90px;
    border-color:color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:17px;
    box-shadow:var(--shadow-soft);
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.stat-grid article:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.3);box-shadow:0 18px 38px rgba(5,150,105,.1)}
.stat-icon{color:var(--cta)!important;background:var(--secondary)!important}
.stat-icon.purple,.stat-icon.teal,.stat-icon.orange,.stat-icon.blue{color:var(--cta);background:var(--secondary)}
.stat-grid em{color:var(--cta)}
.panel{
    padding:22px;
    border-color:color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:17px;
    box-shadow:var(--shadow-soft);
}
.panel-heading>a,.table-link,.table-actions a{color:var(--cta)}
.metric-row i{background:linear-gradient(90deg,var(--cta),var(--primary))}
.table-panel{padding:0}
.table-panel>.panel-heading{padding:18px 21px}
th{padding:12px 14px;background:color-mix(in srgb,var(--secondary) 42%,var(--soft))}
td{padding:13px 14px}
.mini-qr{border-color:rgba(16,185,129,.18);box-shadow:0 5px 12px rgba(5,150,105,.06)}
.status.active{color:var(--cta)}
.status.active i{background:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,.11)}
.drop-zone{border-color:rgba(16,185,129,.36);background:color-mix(in srgb,var(--secondary) 44%,var(--surface));transition:border-color .2s ease,background .2s ease,transform .2s ease}
.drop-zone:hover{border-color:var(--primary);background:color-mix(in srgb,var(--secondary) 70%,var(--surface));transform:translateY(-2px)}
.drop-zone>span{color:var(--cta);background:var(--secondary);box-shadow:0 10px 22px rgba(5,150,105,.1)}

@media(max-width:1050px){
    .hero-section{gap:36px}
    .dashboard-shell{grid-template-columns:210px 1fr}
}
@media(max-width:780px){
    .site-header{height:68px}
    .hero-section{padding-top:58px;padding-bottom:72px}
    .hero-section:before{right:-260px;top:-60px}
    .app-sidebar{width:250px;left:-270px}
    .app-content{padding:22px 15px}
}
@media(max-width:520px){
    .hero-copy h1{font-size:44px;line-height:1.02;letter-spacing:-3.2px}
    .generator-card{border-radius:20px}
    .auth-card{padding:26px}
    .stat-grid{grid-template-columns:1fr}
    .stat-grid article{min-height:82px}
}
@media(prefers-reduced-motion:reduce){
    *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* ================================================================
   PREMIUM HOME PAGE V2
   ================================================================ */
.home-page{overflow:hidden}
.home-hero{
    position:relative;
    padding:62px 24px 74px;
    isolation:isolate;
}
.home-hero:before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:
        radial-gradient(circle at 82% 18%,rgba(16,185,129,.15),transparent 28rem),
        radial-gradient(circle at 11% 60%,rgba(209,250,229,.82),transparent 30rem);
    pointer-events:none;
}
.home-hero:after{
    content:"";
    position:absolute;
    z-index:-1;
    top:90px;
    right:-180px;
    width:470px;
    height:470px;
    border:1px solid rgba(16,185,129,.12);
    border-radius:50%;
    box-shadow:0 0 0 70px rgba(16,185,129,.025),0 0 0 140px rgba(16,185,129,.018);
}
.home-hero-inner{
    width:min(1380px,100%);
    margin:auto;
    display:grid;
    grid-template-columns:.76fr 1.24fr;
    gap:68px;
    align-items:center;
}
.premium-hero-copy{position:relative;z-index:4}
.premium-hero-copy .eyebrow{margin:0}
.eyebrow-dot{
    width:7px;
    height:7px;
    display:inline-block;
    border-radius:50%;
    background:var(--primary);
    box-shadow:0 0 0 5px rgba(16,185,129,.12);
}
.premium-hero-copy h1{
    max-width:650px;
    margin:24px 0 24px;
    color:var(--text);
    font-size:clamp(52px,5.25vw,78px);
    line-height:.98;
    letter-spacing:-5px;
}
.premium-hero-copy h1 b{
    color:var(--primary);
    background:linear-gradient(110deg,var(--cta),var(--primary));
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.premium-hero-copy>p{
    max-width:610px;
    margin:0;
    color:var(--muted);
    font-size:17px;
    line-height:1.75;
}
.btn-large{min-height:54px;padding:0 24px;border-radius:14px;font-size:13px}
.btn-large>span:last-child{font-size:18px;line-height:1}
.play-mark{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:var(--cta);
    background:var(--secondary);
    font-size:8px;
}
.hero-benefits{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:27px}
.hero-benefits span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:750}
.hero-benefits i{
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:var(--cta);
    background:var(--secondary);
    font-size:9px;
    font-style:normal;
    font-weight:900;
}
.hero-proof{display:flex;align-items:center;gap:14px;margin-top:34px;padding-top:26px;border-top:1px solid color-mix(in srgb,var(--primary) 13%,var(--line))}
.proof-avatars{display:flex;align-items:center;padding-left:7px}
.proof-avatars span{
    width:35px;
    height:35px;
    display:grid;
    place-items:center;
    margin-left:-8px;
    border:3px solid var(--bg);
    border-radius:50%;
    color:#fff;
    background:linear-gradient(145deg,var(--primary),var(--cta));
    box-shadow:0 6px 16px rgba(5,150,105,.14);
    font-size:7px;
    font-weight:900;
}
.proof-avatars span:nth-child(2){color:var(--cta);background:var(--secondary)}
.proof-avatars span:nth-child(3){background:var(--cta)}
.proof-avatars span:last-child{color:var(--cta);background:var(--surface)}
.hero-proof strong,.hero-proof small{display:block}
.hero-proof strong{font-size:11px}.hero-proof small{max-width:310px;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.45}

.hero-product{position:relative;z-index:3;min-width:0;padding:28px 0 22px}
.hero-product .generator-card{position:relative;z-index:2}
.product-glow{
    position:absolute;
    z-index:-1;
    inset:7% 4% -3%;
    border-radius:38px;
    background:linear-gradient(145deg,rgba(209,250,229,.9),rgba(16,185,129,.11));
    filter:blur(1px);
    transform:rotate(2deg);
}
.studio-badge,.scan-float-card{
    position:absolute;
    z-index:6;
    display:flex;
    align-items:center;
    border:1px solid rgba(16,185,129,.18);
    background:color-mix(in srgb,var(--surface) 90%,transparent);
    box-shadow:0 18px 45px rgba(5,150,105,.15);
    backdrop-filter:blur(18px);
}
.studio-badge{top:4px;right:35px;gap:9px;padding:10px 13px;border-radius:13px;animation:home-float 5s ease-in-out infinite}
.studio-badge>i{width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgba(16,185,129,.13)}
.studio-badge small,.studio-badge strong{display:block}.studio-badge small{color:var(--muted);font-size:6px}.studio-badge strong{margin-top:2px;font-size:8px}
.scan-float-card{right:-25px;bottom:-3px;gap:10px;padding:12px 13px;border-radius:15px;animation:home-float 5s ease-in-out 1s infinite}
.float-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,var(--primary),var(--cta));font-size:16px}
.scan-float-card small,.scan-float-card strong{display:block}.scan-float-card small{color:var(--muted);font-size:6px}.scan-float-card strong{margin-top:3px;font-size:8px}
.scan-float-card>b{margin-left:7px;padding:5px 7px;border-radius:99px;color:var(--cta);background:var(--secondary);font-size:6px;text-transform:uppercase}
@keyframes home-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.capability-strip{
    width:min(1260px,calc(100% - 48px));
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
    align-items:center;
    gap:26px;
    margin:0 auto 30px;
    padding:24px 30px;
    border:1px solid rgba(16,185,129,.14);
    border-radius:18px;
    background:color-mix(in srgb,var(--surface) 94%,var(--secondary));
    box-shadow:var(--shadow-soft);
}
.capability-strip>div{display:flex;align-items:center;justify-content:center;gap:11px}
.capability-strip strong{color:var(--cta);font-size:22px;letter-spacing:-.8px}.capability-strip span{color:var(--muted);font-size:8px;font-weight:750;line-height:1.4}
.capability-strip>i{width:1px;height:28px;background:var(--line)}

.home-section{width:min(1220px,100%);margin:auto;padding:112px 24px}
.split-section-heading{display:grid;grid-template-columns:1.15fr .65fr;gap:80px;align-items:end;margin-bottom:48px}
.split-section-heading h2,.compact-heading h2,.faq-intro h2,.premium-cta h2{
    margin:17px 0 0;
    color:var(--text);
    font-size:clamp(38px,4vw,56px);
    line-height:1.06;
    letter-spacing:-3px;
}
.split-section-heading>p{margin:0 0 4px;color:var(--muted);font-size:13px;line-height:1.75}

.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:18px}
.bento-card{
    position:relative;
    min-height:300px;
    padding:30px;
    border:1px solid rgba(16,185,129,.13);
    border-radius:23px;
    background:var(--surface);
    box-shadow:var(--shadow-soft);
    overflow:hidden;
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.bento-card:hover{transform:translateY(-5px);border-color:rgba(16,185,129,.35);box-shadow:0 25px 55px rgba(5,150,105,.12)}
.bento-card>small,.bento-copy>small{display:block;margin-top:17px;color:var(--cta);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.bento-card h3{margin:9px 0 9px;font-size:23px;line-height:1.16;letter-spacing:-.8px}
.bento-card p{max-width:530px;margin:0;color:var(--muted);font-size:10px;line-height:1.7}
.feature-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;color:var(--cta);background:var(--secondary);box-shadow:0 9px 22px rgba(16,185,129,.09);font-size:20px;font-style:normal}
.analytics-bento{grid-column:span 7;grid-row:span 2;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;min-height:618px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--secondary) 32%,var(--surface)))}
.analytics-preview{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;padding:21px;border:1px solid rgba(16,185,129,.15);border-radius:18px;background:color-mix(in srgb,var(--surface) 90%,var(--secondary));box-shadow:0 20px 45px rgba(5,150,105,.09)}
.analytics-preview-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line);font-size:8px;font-weight:800}.analytics-preview-head strong{padding:6px 8px;border-radius:7px;color:var(--muted);background:var(--soft);font-size:6px}
.analytics-total{display:flex;align-items:flex-end;justify-content:space-between;margin-top:22px}.analytics-total small,.analytics-total strong{display:block}.analytics-total small{color:var(--muted);font-size:7px}.analytics-total strong{margin-top:5px;font-size:28px;letter-spacing:-1px}.analytics-total>span{padding:6px 8px;border-radius:99px;color:var(--cta);background:var(--secondary);font-size:7px;font-weight:850}
.analytics-chart{height:230px;display:flex;align-items:flex-end;gap:9px;margin-top:22px;padding:20px 12px 0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,color-mix(in srgb,var(--line) 55%,transparent) 45px)}
.analytics-chart i{flex:1;min-width:7px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,var(--primary),var(--cta));box-shadow:0 7px 14px rgba(5,150,105,.13)}
.destination-bento{grid-column:span 5;background:linear-gradient(150deg,var(--surface),color-mix(in srgb,var(--secondary) 28%,var(--surface)))}
.style-bento{grid-column:span 5}.bulk-bento{grid-column:span 5}.secure-bento{grid-column:span 7;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;background:linear-gradient(140deg,color-mix(in srgb,var(--secondary) 55%,var(--surface)),var(--surface))}
.route-card{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:29px;padding:13px;border:1px solid rgba(16,185,129,.14);border-radius:12px;background:var(--surface);box-shadow:0 10px 25px rgba(5,150,105,.07);font-size:8px}.route-card span{color:var(--muted)}.route-card i{grid-row:span 2;align-self:center;color:var(--primary);font-style:normal}.route-card strong{color:var(--cta);font-size:9px}
.palette-preview{display:flex;align-items:center;gap:8px;margin-top:31px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.palette-preview i{width:34px;height:34px;border:4px solid var(--surface);border-radius:50%;background:var(--primary);box-shadow:0 5px 12px rgba(5,150,105,.12)}.palette-preview i:nth-child(2){margin-left:-17px;background:var(--cta)}.palette-preview i:nth-child(3){margin-left:-17px;background:var(--secondary)}.palette-preview span{margin-left:auto;color:var(--cta);font-size:8px;font-weight:850}
.upload-preview{display:flex;align-items:center;gap:11px;margin-top:29px;padding:14px;border:1px solid rgba(16,185,129,.14);border-radius:13px;background:var(--soft)}.upload-preview>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:var(--cta);background:var(--secondary);font-size:8px;font-weight:900}.upload-preview>div{flex:1}.upload-preview strong,.upload-preview small{display:block}.upload-preview strong{font-size:9px}.upload-preview small{margin-top:4px;color:var(--muted);font-size:7px}.upload-preview>b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--primary);font-size:9px}
.security-pills{display:grid;grid-template-columns:1fr 1fr;gap:9px}.security-pills span{display:flex;align-items:center;gap:7px;padding:11px;border:1px solid rgba(16,185,129,.14);border-radius:10px;background:color-mix(in srgb,var(--surface) 86%,var(--secondary));color:var(--muted);font-size:7px;font-weight:750}.security-pills i{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:var(--cta);background:var(--secondary);font-size:8px;font-style:normal}

.workflow-section{max-width:none;background:linear-gradient(180deg,color-mix(in srgb,var(--secondary) 52%,var(--surface)),color-mix(in srgb,var(--secondary) 22%,var(--surface)));border-top:1px solid rgba(16,185,129,.1);border-bottom:1px solid rgba(16,185,129,.1)}
.workflow-inner{padding-top:104px;padding-bottom:104px}
.compact-heading{max-width:760px;margin:0 auto 52px;text-align:center}.compact-heading .eyebrow{margin:auto}.compact-heading p{max-width:650px;margin:17px auto 0;color:var(--muted);font-size:12px;line-height:1.7}
.workflow-grid{display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr;align-items:center}
.workflow-grid article{position:relative;min-height:285px;padding:29px;border:1px solid rgba(16,185,129,.14);border-radius:21px;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .23s ease,box-shadow .23s ease}.workflow-grid article:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(5,150,105,.11)}
.workflow-number{position:absolute;top:22px;right:23px;color:color-mix(in srgb,var(--primary) 30%,var(--line));font-size:28px;font-weight:900;letter-spacing:-1px}.workflow-grid article>i{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--primary),var(--cta));box-shadow:0 12px 25px rgba(5,150,105,.18);font-size:20px;font-style:normal}.workflow-grid h3{margin:31px 0 10px;font-size:19px}.workflow-grid p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}.workflow-line{height:1px;background:repeating-linear-gradient(90deg,var(--primary) 0,var(--primary) 5px,transparent 5px,transparent 10px)}.workflow-line i{display:block;width:8px;height:8px;margin:-4px auto 0;border:2px solid var(--surface);border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px rgba(16,185,129,.11)}

.types-heading{margin-bottom:38px}.premium-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.premium-type-grid article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:16px;border:1px solid rgba(16,185,129,.12);border-radius:15px;background:var(--surface);box-shadow:0 7px 22px rgba(5,150,105,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.premium-type-grid article:hover{transform:translateY(-3px);border-color:rgba(16,185,129,.35);box-shadow:0 14px 32px rgba(5,150,105,.09)}
.type-symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--cta);background:var(--secondary);font-size:9px;font-weight:900}.premium-type-grid h3{margin:0 0 4px;font-size:11px}.premium-type-grid p{margin:0;color:var(--muted);font-size:7px}.premium-type-grid a{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--cta);background:var(--soft);font-size:13px;transition:color .2s ease,background .2s ease,transform .2s ease}.premium-type-grid a:hover{color:#fff;background:var(--cta);transform:rotate(8deg)}
.types-more{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:15px 18px;border:1px dashed rgba(16,185,129,.28);border-radius:13px;background:color-mix(in srgb,var(--secondary) 35%,var(--surface));font-size:9px}.types-more span{color:var(--muted)}.types-more a{color:var(--cta);font-weight:850}

.use-case-section{max-width:none;background:color-mix(in srgb,var(--secondary) 25%,var(--surface));border-top:1px solid rgba(16,185,129,.09);border-bottom:1px solid rgba(16,185,129,.09)}
.use-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.use-case-grid article{padding:12px 12px 24px;border:1px solid rgba(16,185,129,.13);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .23s ease,box-shadow .23s ease}.use-case-grid article:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(5,150,105,.11)}
.use-case-art{position:relative;height:215px;display:flex;align-items:flex-end;padding:19px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,var(--secondary),color-mix(in srgb,var(--primary) 25%,var(--secondary)))}.use-case-art:before{content:"";position:absolute;width:210px;height:210px;right:-85px;top:-85px;border:1px solid rgba(5,150,105,.15);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.15),0 0 0 60px rgba(255,255,255,.08)}.use-case-art span{position:relative;z-index:2;padding:8px 10px;border-radius:8px;color:var(--cta);background:rgba(255,255,255,.72);font-size:8px;font-weight:900;letter-spacing:.08em}.use-case-art>i{position:absolute;z-index:3;right:23px;bottom:22px;width:72px;height:72px;display:grid;place-items:center;border:8px solid #fff;border-radius:11px;color:#10231c;background:#fff;box-shadow:0 15px 30px rgba(5,150,105,.18);font-size:11px;font-style:normal;font-weight:900}.dining-art{background:linear-gradient(145deg,color-mix(in srgb,var(--secondary) 75%,#fff),var(--secondary))}.event-art{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 18%,var(--secondary)),var(--secondary))}.business-art{background:linear-gradient(145deg,var(--secondary),color-mix(in srgb,var(--cta) 20%,var(--secondary)))}
.use-case-grid article>small{display:block;margin:20px 8px 8px;color:var(--cta);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.use-case-grid h3{margin:0 8px;font-size:15px;line-height:1.45;letter-spacing:-.25px}

.pricing-section{padding-top:112px}.premium-pricing-grid article{padding:33px}.plan-label{display:inline-flex;padding:7px 10px;border-radius:99px;color:var(--cta);background:var(--secondary);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.premium-pricing-grid h3{margin-top:24px}.premium-pricing-grid .featured-plan{transform:translateY(-9px);background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--secondary) 32%,var(--surface)))}.premium-pricing-grid .featured-plan:hover{transform:translateY(-14px)}.popular-label{top:-14px!important}
.premium-pricing-grid .featured-plan>.plan-label{position:static;transform:none;padding:7px 10px;color:var(--cta);background:var(--secondary);box-shadow:none}
.premium-pricing-grid .featured-plan>.popular-label{position:absolute;top:-14px;left:50%;transform:translateX(-50%);color:#fff;background:linear-gradient(90deg,var(--cta),var(--primary))}

.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}.faq-intro{position:sticky;top:115px}.faq-intro h2{font-size:46px}.faq-intro>p{margin:17px 0 25px;color:var(--muted);font-size:12px;line-height:1.7}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:22px 0;cursor:pointer;font-size:13px;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:var(--cta);background:var(--secondary);font-style:normal;transition:transform .2s ease}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{max-width:700px;margin:-5px 45px 22px 0;color:var(--muted);font-size:10px;line-height:1.75}

.premium-cta{
    position:relative;
    width:min(1220px,calc(100% - 48px));
    min-height:360px;
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:55px;
    align-items:center;
    margin:0 auto 100px;
    padding:65px 70px;
    border-radius:30px;
    color:#fff;
    background:linear-gradient(135deg,var(--cta),var(--primary));
    box-shadow:0 35px 80px rgba(5,150,105,.22);
    overflow:hidden;
}
.premium-cta-copy,.premium-cta-actions{position:relative;z-index:2}.premium-cta-copy>span{font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.premium-cta h2{max-width:690px;color:#fff}.premium-cta p{max-width:620px;margin:17px 0 0;color:#eafff6;font-size:12px;line-height:1.7}.premium-cta-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.premium-cta-actions .btn{width:100%;max-width:300px}.premium-cta-actions small{color:#d9fff0;font-size:8px}.cta-orbit{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%}.orbit-one{width:430px;height:430px;right:-170px;top:-210px;box-shadow:0 0 0 55px rgba(255,255,255,.05)}.orbit-two{width:260px;height:260px;left:-100px;bottom:-180px;box-shadow:0 0 0 38px rgba(255,255,255,.04)}
.footer-copy{display:block;margin-top:25px;color:#6fa28f;font-size:8px}

@media(max-width:1180px){
    .site-nav{gap:1px;margin-right:14px}.site-nav a{padding:8px 9px}
    .home-hero-inner{grid-template-columns:1fr;max-width:900px;gap:42px}
    .premium-hero-copy{text-align:center}.premium-hero-copy .eyebrow{margin:auto}.premium-hero-copy h1,.premium-hero-copy>p{margin-left:auto;margin-right:auto}.premium-hero-copy .hero-buttons,.hero-benefits,.hero-proof{justify-content:center}.hero-proof{width:max-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left}
    .hero-product{width:100%;max-width:850px;margin:auto}.scan-float-card{right:-12px}
    .analytics-bento{grid-column:span 12;grid-row:auto;min-height:500px}.destination-bento,.style-bento,.bulk-bento{grid-column:span 6}.secure-bento{grid-column:span 12}
}
@media(max-width:920px){
    .capability-strip{grid-template-columns:1fr 1fr;gap:0;padding:10px}.capability-strip>div{justify-content:flex-start;padding:16px}.capability-strip>i{display:none}
    .split-section-heading{grid-template-columns:1fr;gap:20px}.split-section-heading>p{max-width:700px}
    .analytics-bento{grid-template-columns:1fr;min-height:auto}.analytics-preview{min-height:330px}
    .workflow-grid{grid-template-columns:1fr;gap:14px}.workflow-line{display:none}.workflow-grid article{min-height:230px}
    .premium-type-grid{grid-template-columns:repeat(2,1fr)}
    .use-case-grid{grid-template-columns:repeat(2,1fr)}
    .faq-section{grid-template-columns:1fr;gap:45px}.faq-intro{position:static;text-align:center}.faq-intro .eyebrow{margin:auto}.faq-intro>p{max-width:620px;margin-left:auto;margin-right:auto}.faq-intro h2{font-size:42px}
    .premium-cta{grid-template-columns:1fr;text-align:center}.premium-cta h2,.premium-cta p{margin-left:auto;margin-right:auto}
}
@media(max-width:780px){
    .home-hero{padding:48px 15px 60px}.premium-hero-copy h1{font-size:52px;letter-spacing:-3.8px}.premium-hero-copy>p{font-size:15px}
    .studio-badge{right:18px}.scan-float-card{display:none}
    .capability-strip{width:calc(100% - 30px)}
    .home-section{padding:85px 16px}.split-section-heading h2,.compact-heading h2,.premium-cta h2{letter-spacing:-2.2px}
    .destination-bento,.style-bento,.bulk-bento,.secure-bento{grid-column:span 12}.secure-bento{grid-template-columns:1fr}.bento-card{min-height:auto}
    .premium-cta{width:calc(100% - 30px);margin-bottom:70px;padding:52px 30px;border-radius:24px}
}
@media(max-width:560px){
    .premium-hero-copy h1{font-size:43px;line-height:1.02;letter-spacing:-3px}.premium-hero-copy .hero-buttons{flex-direction:column}.premium-hero-copy .hero-buttons .btn{width:100%}.hero-benefits{justify-content:flex-start;flex-direction:column;align-items:flex-start;width:max-content;margin-left:auto;margin-right:auto}.hero-proof{align-items:flex-start}.proof-avatars{padding-top:2px}
    .hero-product{padding-top:18px}.studio-badge{display:none}
    .capability-strip{grid-template-columns:1fr}.capability-strip>div{padding:13px}.capability-strip strong{min-width:52px}
    .split-section-heading h2,.compact-heading h2,.faq-intro h2,.premium-cta h2{font-size:36px;letter-spacing:-2px}
    .bento-card{padding:23px;border-radius:19px}.analytics-chart{height:180px}.security-pills{grid-template-columns:1fr}
    .premium-type-grid{grid-template-columns:1fr}.types-more{align-items:flex-start;flex-direction:column}
    .use-case-grid{grid-template-columns:1fr}.use-case-art{height:200px}
    .premium-pricing-grid .featured-plan,.premium-pricing-grid .featured-plan:hover{transform:none}
    .faq-list summary{font-size:11px}.faq-list details p{margin-right:0}
    .premium-cta{min-height:auto;padding:45px 23px}.premium-cta-actions .btn{white-space:normal}
}

/* Complete multi-format QR generator */
.all-type-picker{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:10px;
    padding:10px 11px;
    border:1px solid rgba(16,185,129,.16);
    border-radius:11px;
    background:color-mix(in srgb,var(--secondary) 42%,var(--surface));
}
.all-type-picker>span{min-width:0}.all-type-picker strong,.all-type-picker small{display:block}.all-type-picker strong{font-size:9px}.all-type-picker small{margin-top:3px;color:var(--muted);font-size:7px}
.all-type-picker select{
    width:min(190px,48%);
    height:38px;
    padding:0 30px 0 10px;
    border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));
    border-radius:9px;
    outline:0;
    color:var(--text);
    background:var(--surface);
    font-size:8px;
    font-weight:800;
}
.all-type-picker select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,.11)}
.qr-payload-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.qr-payload-fields .form-label{margin-top:9px}
.qr-payload-fields .full-field{grid-column:1/-1}
.payload-checkbox{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:9px;
    padding:10px 11px;
    border:1px solid color-mix(in srgb,var(--primary) 11%,var(--line));
    border-radius:10px;
    background:var(--soft);
    cursor:pointer;
}
.payload-checkbox strong,.payload-checkbox small{display:block}.payload-checkbox strong{font-size:9px}.payload-checkbox small{margin-top:3px;color:var(--muted);font-size:7px}.payload-checkbox input{position:absolute;opacity:0;pointer-events:none}.payload-checkbox>i{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:transparent;background:var(--surface);font-size:10px;font-style:normal;transition:.2s}.payload-checkbox input:checked+i{color:#fff;border-color:var(--primary);background:linear-gradient(145deg,var(--primary),var(--cta));box-shadow:0 6px 14px rgba(5,150,105,.18)}
.switch-row.disabled{opacity:.58;cursor:not-allowed}.switch-row.disabled>i{background:var(--line)}
.generator-message{min-height:13px}

@media(max-width:520px){
    .all-type-picker{align-items:flex-start;flex-direction:column}.all-type-picker select{width:100%}
    .qr-payload-fields{grid-template-columns:1fr}.qr-payload-fields .full-field{grid-column:auto}
}

/* Dashboard readability upgrade */
.dashboard-body .app-sidebar>.brand{font-size:22px}
.dashboard-body .workspace-card{padding:12px}
.dashboard-body .workspace-card>span{width:36px;height:36px;font-size:10px}
.dashboard-body .workspace-card strong{font-size:13px}
.dashboard-body .workspace-card small{margin-top:4px;font-size:10px;line-height:1.35}
.dashboard-body .side-nav a{height:47px;gap:10px;padding:0 13px;font-size:13px}
.dashboard-body .side-nav a i{font-size:16px}
.dashboard-body .usage-box>div:first-child{font-size:11px}
.dashboard-body .usage-box small{font-size:10px;line-height:1.45}
.dashboard-body .sidebar-profile{padding-top:13px}
.dashboard-body .profile-avatar{width:36px;height:36px;font-size:11px}
.dashboard-body .sidebar-profile strong{font-size:13px}
.dashboard-body .sidebar-profile small{font-size:10px}
.dashboard-body .topbar-title{font-size:13px}
.dashboard-body .topbar-actions .btn-small,.dashboard-body .topbar-actions .link-button{font-size:13px}
.dashboard-body .page-kicker{font-size:11px}
.dashboard-body .page-heading h1{font-size:34px;letter-spacing:-1.5px}
.dashboard-body .page-heading p{font-size:13px;line-height:1.5}
.dashboard-body .stat-grid article{gap:14px;padding:19px}
.dashboard-body .stat-grid small{font-size:12px}
.dashboard-body .stat-grid strong{font-size:24px}
.dashboard-body .stat-grid em{font-size:10px;line-height:1.4}
.dashboard-body .panel-heading h2{font-size:15px}
.dashboard-body .panel-heading p{margin-top:5px;font-size:11px;line-height:1.4}
.dashboard-body .panel-heading>a{font-size:11px}
.dashboard-body .dashboard-bars span{font-size:10px}
.dashboard-body .empty-chart,.dashboard-body .empty-copy,.dashboard-body .empty-state{font-size:12px;line-height:1.55}
.dashboard-body .metric-row>div:first-child{font-size:12px}
.dashboard-body th{padding:14px 15px;font-size:10px}
.dashboard-body td{padding:15px;font-size:12px;line-height:1.45}
.dashboard-body td strong{font-size:13px}
.dashboard-body td small{font-size:10px;line-height:1.4}
.dashboard-body .mini-qr{width:38px;height:38px;font-size:9px}
.dashboard-body .table-actions a,.dashboard-body .table-actions button{font-size:11px}
.dashboard-body .form-grid label{font-size:12px}
.dashboard-body .form-grid input,.dashboard-body .form-grid textarea,.dashboard-body .form-grid select,.dashboard-body .table-filters input{font-size:13px}
.dashboard-body .rank-row,.dashboard-body .bulk-row{font-size:12px}
.dashboard-body .drop-zone h2{font-size:17px}
.dashboard-body .drop-zone p,.dashboard-body .drop-zone small{font-size:11px;line-height:1.5}

@media(max-width:1050px){
    .dashboard-body .side-nav a{font-size:12px}
    .dashboard-body .workspace-card strong{font-size:12px}
}
@media(max-width:520px){
    .dashboard-body .page-heading h1{font-size:29px}
    .dashboard-body .stat-grid small{font-size:11px}
    .dashboard-body .stat-grid strong{font-size:21px}
    .dashboard-body th{font-size:9px}
    .dashboard-body td{font-size:11px}
}

/* ================================================================
   COMPLETE RESPONSIVE SYSTEM — MOBILE / TABLET / DESKTOP
   ================================================================ */
html,body{max-width:100%}
body{overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
input,textarea,select{min-width:0}
.mobile-nav-only,.public-menu-toggle,.sidebar-close,.sidebar-backdrop{display:none}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.app-main,.app-content,.home-page,.home-hero-inner,.hero-product,.generator-card,.panel{min-width:0}

/* Readable, touch-friendly QR studio on every screen */
.generator-top{font-size:13px}
.generator-top span{font-size:11px}
.step-title{font-size:13px}
.step-title span{font-size:11px}
.qr-type-tabs button{min-height:42px;height:auto;padding:9px 6px;font-size:11px;line-height:1.25}
.form-label{font-size:12px;line-height:1.35}
.form-label input,.form-label textarea,.form-label select{font-size:13px}
.switch-row strong{font-size:12px}.switch-row small{font-size:10px;line-height:1.4}
.color-row>label{font-size:11px}.color-row span{font-size:11px}
.preview-title{font-size:12px}.preview-title em{font-size:10px}
.qr-stage>strong{font-size:9px}.generator-actions .btn{font-size:11px}.generator-message{font-size:10px;line-height:1.45}
.all-type-picker strong{font-size:12px}.all-type-picker small{font-size:10px;line-height:1.4}.all-type-picker select{font-size:12px}
.payload-checkbox strong{font-size:12px}.payload-checkbox small{font-size:10px}

/* Public navigation switches to a menu before links become cramped */
@media(max-width:1024px){
    .public-body .site-header{height:68px;padding:0 20px}
    .public-body .site-nav{position:absolute;top:calc(100% + 10px);right:20px;width:min(340px,calc(100vw - 40px));display:none;flex-direction:column;gap:4px;margin:0;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 24px 65px rgba(5,150,105,.16)}
    .public-body .site-nav.open{display:flex}
    .public-body .site-nav a{width:100%;padding:13px 14px;border-radius:11px;font-size:13px}
    .public-body .site-nav .mobile-nav-only{display:flex}
    .public-body .site-nav .mobile-nav-cta{justify-content:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--cta))}
    .public-menu-toggle{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--text);background:var(--soft);font-size:20px}
    .home-hero-inner{grid-template-columns:1fr;max-width:900px;gap:42px}
    .hero-product{width:100%;max-width:850px;margin:auto}
    .pricing-grid{grid-template-columns:1fr;max-width:560px}
    .premium-pricing-grid .featured-plan,.premium-pricing-grid .featured-plan:hover{transform:none}
    .site-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;padding:55px 28px}
    .site-footer>div:last-child{display:flex}
}

/* Tablet dashboard and content grids */
@media(max-width:1180px){
    .dashboard-shell{grid-template-columns:220px 1fr}
    .app-content{padding:26px 22px}
    .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .analytics-stats,.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dashboard-grid,.analytics-grid{grid-template-columns:1fr}
    .bulk-grid{grid-template-columns:1fr}
    .bulk-upload-panel,.bulk-preview{min-height:auto}
    .drop-zone{min-height:280px}
}

@media(max-width:900px){
    .dashboard-shell{display:block}
    .app-sidebar{position:fixed;z-index:110;inset:0 auto 0 0;width:min(300px,calc(100vw - 48px));height:100dvh;overflow-y:auto;transform:translateX(-105%);transition:transform .25s ease;box-shadow:24px 0 60px rgba(6,78,59,.2)}
    .app-sidebar.open{transform:translateX(0)}
    .sidebar-close{position:absolute;z-index:2;top:13px;right:12px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;color:var(--text);background:var(--soft);font-size:24px}
    .sidebar-backdrop{position:fixed;z-index:100;inset:0;width:100%;height:100%;border:0;background:rgba(7,31,23,.48);opacity:0;visibility:hidden;transition:.25s opacity,.25s visibility}
    .sidebar-open{overflow:hidden}
    .sidebar-open .sidebar-backdrop{display:block;opacity:1;visibility:visible}
    .mobile-menu{display:grid;place-items:center;flex:0 0 auto}
    .app-topbar{height:64px;padding:0 16px;gap:12px}
    .topbar-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .topbar-actions{margin-left:auto}
    .app-content{padding:22px 16px}
    .compact-generator .generator-grid,.generator-grid{grid-template-columns:1fr}
    .generator-controls{border-right:0;border-bottom:1px solid var(--line)}
    .form-panel{max-width:none}
    .form-grid{grid-template-columns:1fr}
    .form-grid .full-field{grid-column:auto}
    .dashboard-bars{overflow-x:auto;justify-content:flex-start;padding-bottom:8px}
    .dashboard-bars>div{min-width:34px}
    .large-bars{overflow-x:auto;padding-bottom:6px}
    .large-bars>div{min-width:13px}
    .dashboard-body table{min-width:720px}
    .analytics-grid>.panel{min-height:auto}
}

@media(max-width:760px){
    .public-body .site-header{padding:0 14px}
    .public-body .site-header>.brand{font-size:19px}
    .public-body .site-header .brand-mark{width:36px;height:36px}
    .public-body .site-nav{right:14px;width:calc(100vw - 28px)}
    .public-body .header-actions>.link-button{display:none}
    .home-hero{padding:44px 15px 56px}
    .premium-hero-copy h1{font-size:clamp(40px,10vw,52px);letter-spacing:-3px}
    .premium-hero-copy>p{font-size:15px}
    .hero-benefits{flex-wrap:wrap}
    .hero-product{padding-top:12px}
    .studio-badge,.scan-float-card{display:none}
    .generator-card{border-radius:18px}
    .generator-top{min-height:56px;height:auto;gap:10px;padding:12px 15px}
    .generator-top span{text-align:right}
    .generator-controls,.preview-panel{padding:18px}
    .qr-payload-fields{grid-template-columns:1fr}
    .qr-payload-fields .full-field{grid-column:auto}
    .qr-stage{min-height:285px}
    .home-section{padding:76px 16px}
    .split-section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:34px}
    .bento-grid{gap:14px}
    .analytics-bento,.destination-bento,.style-bento,.bulk-bento,.secure-bento{grid-column:span 12}
    .analytics-bento,.secure-bento{grid-template-columns:1fr;min-height:auto}
    .bento-card{min-height:auto;padding:24px}
    .workflow-grid{grid-template-columns:1fr;gap:14px}.workflow-line{display:none}
    .premium-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .faq-section{grid-template-columns:1fr;gap:40px}.faq-intro{position:static;text-align:center}.faq-intro .eyebrow{margin:auto}
    .premium-cta{width:calc(100% - 30px);grid-template-columns:1fr;margin-bottom:65px;padding:48px 28px;text-align:center}.premium-cta h2,.premium-cta p{margin-left:auto;margin-right:auto}
    .page-heading{align-items:flex-start;flex-direction:column;gap:16px}
    .page-heading>.btn{width:100%}
    .form-footer{flex-direction:column}.form-footer .btn{width:100%}
    .table-filters{align-items:flex-start;flex-direction:column}
    .table-filters form{width:100%}.table-filters input{width:100%}
    .auth-page{padding:24px 14px}.auth-card{padding:28px 22px}
}

@media(max-width:560px){
    .public-body .header-actions>a.btn{display:none}
    .site-header .theme-toggle,.public-menu-toggle{width:40px;height:40px}
    .hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}
    .hero-benefits{align-items:flex-start;flex-direction:column;width:max-content;max-width:100%;margin-left:auto;margin-right:auto}
    .hero-proof{align-items:flex-start;text-align:left}
    .capability-strip{grid-template-columns:1fr;width:calc(100% - 28px)}.capability-strip>div{justify-content:flex-start}.capability-strip>i{display:none}
    .premium-type-grid,.use-case-grid{grid-template-columns:1fr}
    .premium-type-grid h3{font-size:13px}.premium-type-grid p{font-size:10px}
    .use-case-art{height:190px}
    .site-footer{grid-template-columns:1fr;gap:30px;padding:46px 22px}.site-footer>div{display:flex!important}.site-footer>div:first-child{grid-column:auto}
    .app-topbar{padding:0 12px}
    .topbar-title{display:none}
    .topbar-actions{gap:4px}
    .topbar-actions .theme-toggle,.mobile-menu{width:38px;height:38px}
    .topbar-actions .btn-small{min-width:40px;padding:0 10px}
    .topbar-create-label{display:none}
    .topbar-actions .link-button{font-size:12px;padding:7px}
    .app-content{padding:18px 12px}
    .page-heading h1,.dashboard-body .page-heading h1{font-size:28px;letter-spacing:-1px}
    .stat-grid,.analytics-stats,.admin-stats{grid-template-columns:1fr}
    .panel{padding:17px;border-radius:14px}
    .table-panel{padding:0}
    .table-panel>.panel-heading{padding:16px}
    .generator-controls,.preview-panel{padding:15px}
    .qr-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
    .all-type-picker{align-items:flex-start;flex-direction:column}.all-type-picker select{width:100%}
    .color-row,.generator-actions{grid-template-columns:1fr}
    .generator-actions .btn{width:100%;min-height:45px}
    .qr-stage{min-height:265px}
    .qr-output{width:165px;height:165px}
    .switch-row{gap:12px}
    .switch-row>span{min-width:0}
    .switch-row>i{flex:0 0 auto}
    .analytics-preview{min-height:260px;padding:17px}
    .analytics-chart{height:160px}
    .split-section-heading h2,.compact-heading h2,.faq-intro h2,.premium-cta h2{font-size:34px;letter-spacing:-1.8px}
    .premium-cta{min-height:auto;padding:40px 20px;border-radius:21px}
    .faq-list summary{font-size:12px}
    .auth-card h1{font-size:27px}.auth-form label{font-size:12px}.auth-form input{height:46px;font-size:14px}
}

@media(max-width:380px){
    .public-body .site-header{padding:0 10px}.public-body .site-header>.brand{font-size:17px}.public-body .site-header .brand-mark{width:34px;height:34px}
    .header-actions{gap:5px}
    .premium-hero-copy h1{font-size:37px;letter-spacing:-2.6px}
    .eyebrow{font-size:9px}
    .generator-top{align-items:flex-start;flex-direction:column}.generator-top span{text-align:left}
    .preview-title{gap:8px}.preview-title em{white-space:nowrap}
    .dashboard-body .app-sidebar{width:calc(100vw - 28px)}
    .topbar-actions .link-button{font-size:11px}
}

@media(hover:none){
    .btn:hover,.stat-grid article:hover,.bento-card:hover,.workflow-grid article:hover,.use-case-grid article:hover,.premium-type-grid article:hover{transform:none}
}

/* ================================================================
   BIO PAGES — LINK-IN-BIO EDITOR, LIBRARY AND RESPONSIVE PREVIEW
   ================================================================ */
.bio-promo-section{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:70px;margin-top:45px;margin-bottom:45px;padding-top:72px!important;padding-bottom:72px!important;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:30px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--secondary) 58%,var(--surface)));box-shadow:0 25px 75px rgba(5,150,105,.08);overflow:hidden}.bio-promo-copy h2{max-width:650px;margin:18px 0 16px;font-size:clamp(36px,4vw,54px);line-height:1.06;letter-spacing:-2.5px}.bio-promo-copy>p{max-width:620px;margin:0;color:var(--muted);font-size:14px;line-height:1.72}.bio-promo-copy>div{display:flex;align-items:center;gap:15px;margin-top:26px}.bio-promo-copy>div>span{color:var(--muted);font-size:10px}.bio-promo-visual{position:relative;min-height:450px;display:grid;place-items:center}.promo-phone{position:relative;z-index:2;width:265px;min-height:430px;display:flex;align-items:center;flex-direction:column;padding:35px 20px 22px;border:10px solid #10231c;border-radius:38px;background:linear-gradient(145deg,#d1fae5,#ecfdf5);box-shadow:0 35px 65px rgba(5,47,35,.21);transform:rotate(3deg)}.promo-phone:before{content:"";position:absolute;top:10px;width:58px;height:14px;border-radius:99px;background:#10231c}.promo-avatar{width:68px;height:68px;display:grid;place-items:center;margin-top:8px;border:3px solid #fff;border-radius:22px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--cta));box-shadow:0 10px 23px rgba(5,150,105,.22);font-size:25px;font-weight:900}.promo-phone>strong{margin-top:11px;font-size:16px}.promo-phone>small{margin:5px 0 15px;color:#426255;font-size:9px}.promo-phone>i{width:100%;min-height:47px;display:grid;grid-template-columns:31px 1fr 15px;align-items:center;gap:8px;margin-top:8px;padding:7px 10px;border-radius:13px;color:#fff;background:var(--cta);box-shadow:0 8px 18px rgba(5,150,105,.14);font-size:9px;font-style:normal;font-weight:800}.promo-phone>i b{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:var(--cta);background:#fff;font-size:7px}.promo-phone>i em{font-style:normal}.promo-qr{position:absolute;z-index:3;right:1%;bottom:15%;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(16,185,129,.2);border-radius:15px;background:#fff;box-shadow:0 18px 42px rgba(5,47,35,.16);transform:rotate(-4deg)}.promo-qr>span{width:52px;height:52px;display:grid;place-items:center;border:5px dashed #10231c;color:#10231c;font-size:9px;font-weight:900}.promo-qr strong{font-size:9px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.back-link{display:block;width:max-content;margin-bottom:13px;color:var(--cta);font-size:12px;font-weight:800}
.bio-page-heading p,.bio-editor-heading p{max-width:680px}
.bio-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.bio-stats article{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 10px 32px rgba(5,150,105,.04)}
.bio-stats .stat-icon{flex:0 0 46px;color:var(--cta);background:var(--secondary)}
.bio-stats small,.bio-stats strong,.bio-stats em{display:block}.bio-stats small{color:var(--muted);font-size:12px}.bio-stats strong{margin-top:3px;font-size:25px}.bio-stats em{margin-top:3px;color:var(--cta);font-size:10px;font-style:normal}
.bio-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bio-page-card{padding:0;overflow:hidden;border-radius:18px;box-shadow:0 13px 38px rgba(5,150,105,.05)}
.bio-card-top{display:flex;gap:14px;padding:20px}.bio-card-top>img,.bio-card-avatar{width:58px;height:58px;flex:0 0 58px;border-radius:18px;object-fit:cover}.bio-card-avatar{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--cta));font-size:21px;font-weight:900}
.bio-card-copy{min-width:0;flex:1}.bio-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.bio-card-title h2{margin:2px 0 5px;overflow:hidden;font-size:17px;letter-spacing:-.4px;text-overflow:ellipsis;white-space:nowrap}.bio-card-copy>a{color:var(--cta);font-size:11px;font-weight:800}.bio-card-copy>p{display:-webkit-box;margin:9px 0 0;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bio-card-title .status{flex:0 0 auto;padding:5px 8px;border-radius:99px;background:var(--soft);font-size:9px;font-weight:800}
.bio-card-body{display:flex;align-items:center;gap:17px;padding:16px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--secondary) 37%,var(--surface))}.bio-card-qr{width:82px;height:82px;display:grid;place-items:center;flex:0 0 82px;padding:7px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:12px;background:#fff}.bio-card-qr canvas,.bio-card-qr img{width:100%!important;height:100%!important}.bio-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);flex:1;gap:9px}.bio-card-metrics span{color:var(--muted);font-size:10px;text-align:center}.bio-card-metrics strong{display:block;margin-bottom:4px;color:var(--text);font-size:16px}
.bio-card-actions{display:flex;align-items:center;gap:8px;padding:14px 20px}.bio-card-actions .bio-preview-link,.bio-delete-button{padding:7px 4px;border:0;color:var(--cta);background:transparent;font-size:10px;font-weight:800}.bio-card-actions form{margin-left:auto}.bio-delete-button{color:var(--danger)}
.bio-empty-state{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.bio-empty-state>span{width:70px;height:70px;display:grid;place-items:center;border-radius:22px;color:var(--cta);background:var(--secondary);font-size:30px}.bio-empty-state h2{margin:20px 0 8px;font-size:24px}.bio-empty-state p{max-width:600px;margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.65}
.form-alert{display:flex;align-items:center;gap:12px;margin-bottom:17px;padding:15px 18px;border:1px solid #fecaca;border-radius:13px;color:#991b1b;background:#fff1f2;font-size:12px}.form-alert span{color:#b42318}
.bio-editor{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px}.bio-editor-fields{min-width:0;display:grid;gap:16px}.bio-form-section{padding:24px;border-radius:18px}.bio-section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.bio-section-heading>span{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--cta));font-size:11px;font-weight:900}.bio-section-heading h2{margin:1px 0 5px;font-size:17px}.bio-section-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.bio-profile-fields{display:grid;grid-template-columns:150px minmax(0,1fr);gap:25px}.bio-avatar-field{display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center}.bio-avatar-preview{width:112px;height:112px;display:grid;place-items:center;overflow:hidden;border:4px solid var(--surface);border-radius:34px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--cta));box-shadow:0 12px 27px rgba(5,150,105,.2);font-size:38px;font-weight:900}.bio-avatar-preview img{width:100%;height:100%;object-fit:cover}.bio-avatar-field small{color:var(--muted);font-size:9px;line-height:1.4}.check-line{display:flex;align-items:center;gap:6px;font-size:10px}.bio-profile-main{display:grid;gap:15px}.bio-profile-main>label,.bio-link-grid label,.bio-style-grid label{color:var(--text);font-size:12px;font-weight:750}.bio-profile-main input[type=text],.bio-profile-main textarea,.bio-link-grid input:not([type=checkbox]),.bio-link-grid select,.bio-style-grid select{width:100%;margin-top:7px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;outline:0;color:var(--text);background:var(--soft);font-size:13px;font-weight:500}.bio-profile-main input[type=text],.bio-link-grid input:not([type=checkbox]),.bio-link-grid select,.bio-style-grid select{height:45px}.bio-profile-main textarea{resize:vertical;line-height:1.55}.bio-profile-main input:focus,.bio-profile-main textarea:focus,.bio-link-grid input:focus,.bio-link-grid select:focus,.bio-style-grid select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.bio-profile-main label>small,.bio-link-grid label>small{color:var(--muted);font-size:9px;font-weight:500}.bio-profile-main>label>small{display:block;margin-top:6px}.input-prefix{display:flex;align-items:center;margin-top:7px;border:1px solid var(--line);border-radius:11px;background:var(--soft);overflow:hidden}.input-prefix:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.input-prefix span{max-width:52%;padding-left:12px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.input-prefix input{height:43px!important;margin:0!important;padding-left:2px!important;border:0!important;box-shadow:none!important}.publish-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--secondary) 42%,var(--surface));cursor:pointer}.publish-switch strong,.publish-switch small{display:block}.publish-switch strong{font-size:12px}.publish-switch small{margin-top:3px;color:var(--muted);font-size:9px;font-weight:500}.publish-switch input{position:absolute;opacity:0}.publish-switch i{position:relative;width:43px;height:25px;flex:0 0 43px;border-radius:99px;background:#cbd5e1;transition:.2s}.publish-switch i:after{content:"";position:absolute;top:4px;left:4px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.publish-switch input:checked+i{background:var(--primary)}.publish-switch input:checked+i:after{transform:translateX(18px)}
.bio-link-list{display:grid;gap:12px}.bio-link-row{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:10px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:.2s border-color,.2s opacity}.bio-link-row.dragging{opacity:.5;border-color:var(--primary)}.bio-link-handle{padding-top:29px;color:var(--muted);font-size:17px;cursor:grab;user-select:none}.bio-link-grid{display:grid;grid-template-columns:1fr 1.45fr .85fr;gap:11px}.bio-link-grid label:nth-of-type(4),.bio-link-grid label:nth-of-type(5){grid-column:span 1}.bio-link-grid .link-active-check{display:flex;align-items:center;gap:8px;align-self:end;height:45px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.link-active-check input{width:18px;height:18px;accent-color:var(--primary)}.bio-link-tools{display:flex;align-items:flex-start;gap:4px}.bio-link-tools button{width:31px;height:31px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--surface);font-size:15px}.bio-link-tools button:hover{color:var(--cta);border-color:var(--primary)}.bio-link-tools button:last-child:hover{color:var(--danger);border-color:#fecaca}.bio-add-link{width:100%;height:48px;margin-top:14px;border:1px dashed color-mix(in srgb,var(--primary) 55%,var(--line));border-radius:12px;color:var(--cta);background:color-mix(in srgb,var(--secondary) 44%,var(--surface));font-size:12px;font-weight:850}.bio-add-link:hover{border-style:solid;background:var(--secondary)}
.bio-theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.bio-theme-option input{position:absolute;opacity:0}.bio-theme-option>span{display:block;padding:8px;border:2px solid transparent;border-radius:13px;background:var(--soft);cursor:pointer}.bio-theme-option i{height:68px;display:block;border-radius:9px;background:linear-gradient(145deg,#d1fae5,#10b981)}.bio-theme-option strong{display:block;margin-top:7px;font-size:10px;text-align:center}.bio-theme-option input:checked+span{border-color:var(--primary);background:var(--secondary)}.bio-theme-option.theme-ocean i{background:linear-gradient(145deg,#dbeafe,#2563eb)}.bio-theme-option.theme-sunset i{background:linear-gradient(145deg,#ffedd5,#f97316)}.bio-theme-option.theme-midnight i{background:linear-gradient(145deg,#334155,#0f172a)}.bio-theme-option.theme-minimal i{background:linear-gradient(145deg,#fff,#e5e7eb)}
.bio-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.bio-color-grid label{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:10px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:10px;font-weight:750;background:var(--soft)}.bio-color-grid input{width:32px;height:32px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}.bio-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}
.bio-analytics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.bio-analytics-row article{padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.bio-analytics-row small,.bio-analytics-row strong{display:block}.bio-analytics-row small{color:var(--muted);font-size:10px}.bio-analytics-row strong{margin-top:5px;font-size:22px}.bio-top-links{margin-top:19px}.bio-top-links h3{font-size:13px}.bio-top-links>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.bio-top-links>div strong{color:var(--cta)}
.bio-save-bar{position:sticky;z-index:20;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:0 14px 42px rgba(5,150,105,.16);backdrop-filter:blur(18px)}.bio-save-bar strong,.bio-save-bar span{display:block}.bio-save-bar strong{font-size:12px}.bio-save-bar span{margin-top:3px;color:var(--muted);font-size:10px}.bio-save-bar .btn{min-width:155px}
.bio-editor-preview{position:sticky;top:85px;display:grid;gap:13px}.bio-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px;font-size:11px}.bio-preview-toolbar span{max-width:180px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.bio-phone-frame{position:relative;width:326px;max-width:100%;height:600px;margin:auto;padding:13px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:42px;background:#0f241d;box-shadow:0 25px 60px rgba(5,47,35,.18)}.bio-phone-speaker{position:absolute;z-index:3;top:20px;left:50%;width:74px;height:19px;transform:translateX(-50%);border-radius:99px;background:#0f241d}.bio-live-page{--bio-bg:#d1fae5;--bio-bg-two:#ecfdf5;--bio-text:#10231c;--bio-accent:#059669;height:100%;overflow-y:auto;padding:48px 19px 28px;border-radius:31px;color:var(--bio-text);background:linear-gradient(145deg,var(--bio-bg),var(--bio-bg-two));scrollbar-width:none;text-align:center}.bio-live-page::-webkit-scrollbar{display:none}.bio-live-avatar{width:75px;height:75px;display:grid;place-items:center;margin:0 auto 13px;overflow:hidden;border:3px solid rgba(255,255,255,.8);border-radius:25px;color:#fff;background:var(--bio-accent);box-shadow:0 10px 25px rgba(0,0,0,.12);font-size:27px;font-weight:900}.bio-live-avatar img{width:100%;height:100%;object-fit:cover}.bio-live-page h3{margin:0;font-size:20px;letter-spacing:-.6px}.bio-live-page>p{margin:7px auto 18px;font-size:10px;line-height:1.5;white-space:pre-line}.bio-live-links{display:grid;gap:8px}.bio-live-links.bio-layout-grid{grid-template-columns:1fr 1fr}.bio-live-links span{min-height:43px;display:grid;grid-template-columns:25px 1fr 17px;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.5);border-radius:12px;color:#fff;background:var(--bio-accent);box-shadow:0 7px 16px rgba(0,0,0,.08);font-size:9px;font-weight:800;text-align:left}.bio-live-links i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:var(--bio-accent);background:#fff;font-size:8px;font-style:normal}.bio-live-links b{text-align:right}.bio-live-links.bio-buttons-pill span{border-radius:99px}.bio-live-links.bio-buttons-square span{border-radius:3px}.bio-live-links.bio-buttons-outline span{color:var(--bio-text);border:2px solid var(--bio-accent);background:transparent;box-shadow:none}.bio-live-brand{display:block;margin-top:25px;font-size:8px;font-weight:800;opacity:.65}.bio-editor-qr{display:flex;align-items:center;gap:13px;padding:13px}.bio-editor-qr>div:first-child{width:78px;height:78px;display:grid;place-items:center;flex:0 0 78px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff}.bio-editor-qr canvas,.bio-editor-qr img{width:100%!important;height:100%!important}.bio-editor-qr>div:last-child{min-width:0}.bio-editor-qr strong,.bio-editor-qr span{display:block}.bio-editor-qr strong{font-size:11px}.bio-editor-qr span{margin-top:3px;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.bio-editor-qr button{margin-top:7px;padding:0;border:0;color:var(--cta);background:none;font-size:9px;font-weight:850}

@media(max-width:1240px){
    .bio-editor{grid-template-columns:minmax(0,1fr) 330px}.bio-phone-frame{width:300px;height:560px}.bio-link-grid{grid-template-columns:1fr 1fr}.bio-link-grid label:nth-of-type(3){grid-column:span 2}
}
@media(max-width:1050px){
    .bio-promo-section{grid-template-columns:1fr;gap:35px;text-align:center}.bio-promo-copy h2,.bio-promo-copy>p{margin-left:auto;margin-right:auto}.bio-promo-copy>div{justify-content:center}.bio-promo-visual{min-height:470px}
    .bio-card-grid{grid-template-columns:1fr}.bio-editor{grid-template-columns:1fr}.bio-editor-preview{position:static;grid-template-columns:minmax(280px,360px) 1fr;align-items:center;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.bio-preview-toolbar{grid-column:1/-1}.bio-phone-frame{width:326px;height:600px}.bio-editor-qr{align-self:start}.bio-editor-qr>div:first-child{width:120px;height:120px;flex-basis:120px}
}
@media(max-width:760px){
    .bio-stats{grid-template-columns:1fr}.bio-card-actions{flex-wrap:wrap}.bio-card-actions form{margin-left:0}.bio-profile-fields{grid-template-columns:1fr}.bio-avatar-field{padding-bottom:8px}.bio-link-row{grid-template-columns:20px minmax(0,1fr)}.bio-link-tools{grid-column:2;justify-content:flex-end}.bio-link-grid{grid-template-columns:1fr}.bio-link-grid label:nth-of-type(3){grid-column:auto}.bio-theme-grid{grid-template-columns:repeat(3,1fr)}.bio-color-grid{grid-template-columns:repeat(2,1fr)}.bio-editor-preview{grid-template-columns:1fr}.bio-phone-frame{width:min(326px,100%)}.bio-editor-qr{width:100%;max-width:420px;margin:auto}.bio-save-bar{align-items:stretch;flex-direction:column}.bio-save-bar .btn{width:100%}
}
@media(max-width:520px){
    .bio-promo-section{width:calc(100% - 24px);margin:25px auto;padding:48px 17px!important;border-radius:22px}.bio-promo-copy h2{font-size:35px;letter-spacing:-1.8px}.bio-promo-copy>p{font-size:13px}.bio-promo-copy>div{align-items:stretch;flex-direction:column}.bio-promo-visual{min-height:430px}.promo-phone{width:245px;min-height:405px}.promo-qr{right:-5%;bottom:8%}
    .bio-form-section{padding:17px}.bio-card-top{padding:16px}.bio-card-body{align-items:flex-start;padding:14px 16px}.bio-card-metrics{grid-template-columns:1fr;gap:6px}.bio-card-metrics span{display:flex;align-items:center;justify-content:space-between;text-align:left}.bio-card-metrics strong{display:inline;margin:0}.bio-card-actions{padding:13px 16px}.bio-card-actions .btn{flex:1}.bio-card-actions .bio-preview-link{margin-left:auto}.bio-theme-grid{grid-template-columns:repeat(2,1fr)}.bio-color-grid,.bio-style-grid,.bio-analytics-row{grid-template-columns:1fr}.bio-link-row{padding:11px 9px}.bio-link-handle{display:none}.bio-link-row{grid-template-columns:1fr}.bio-link-tools{grid-column:1}.bio-editor-preview{padding:14px}.bio-phone-frame{height:570px;border-radius:36px}.bio-live-page{border-radius:26px}.input-prefix span{display:none}.input-prefix input{padding-left:12px!important}.form-alert{align-items:flex-start;flex-direction:column}.bio-editor-qr{align-items:flex-start}.bio-editor-qr>div:first-child{width:90px;height:90px;flex-basis:90px}
}
@media(max-width:360px){.bio-card-actions .btn{width:100%;flex-basis:100%}.bio-editor-qr{flex-direction:column}.bio-editor-qr>div:first-child{width:120px;height:120px;flex-basis:120px;margin:auto}}