html{scrollbar-gutter:stable}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17131f;background:linear-gradient(180deg,#eefcff 0%,#e4f8fb 48%,#fff 100%)}button,input{font:inherit}button{cursor:pointer;border:0}.top-strip{overflow:hidden;background:#52bdd0;color:#fff;height:38px;display:flex;align-items:center;white-space:nowrap}.ticker{display:flex;gap:22px;min-width:max-content;font-size:12px;font-weight:800;letter-spacing:.12em;animation:ticker 22s linear infinite}.ticker b{opacity:.75}@keyframes ticker{to{transform:translateX(-50%)}}.nav{position:sticky;top:0;z-index:10;margin:0 auto;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid #e7e2ee}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#17131f;font-size:19px}.brand img{width:35px;height:35px;object-fit:contain}.nav nav{display:flex;gap:30px}.nav nav a{color:#315760;text-decoration:none;font-size:14px;font-weight:600}.nav-actions{display:flex;gap:10px}.primary,.secondary,.ghost{border-radius:999px;padding:13px 22px;font-weight:800}.auth-top-button{display:inline-flex;align-items:center;gap:8px}.auth-top-button img{width:22px;height:22px;object-fit:contain;display:block}.primary{background:#7c3aed;color:#fff;box-shadow:0 10px 24px rgba(25,174,195,.2)}.secondary,.ghost{background:#fff;color:#5b21b6;border:1px solid #bfe8ee}.hero{max-width:1240px;margin:30px auto 20px;padding:70px 6%;border-radius:34px;min-height:520px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:radial-gradient(circle at 75% 25%,#bceff5,transparent 35%),linear-gradient(120deg,#fff,#d9f7fb);box-shadow:0 25px 60px rgba(50,150,165,.12);overflow:hidden}.eyebrow{display:inline-block;padding:8px 13px;border:1px solid #a9e7ef;border-radius:999px;color:#5b21b6;font-size:12px;font-weight:800}.hero h1{font-size:62px;line-height:.98;margin:20px 0 15px;letter-spacing:-.05em;color:#17131f}.hero h1 span{color:#7c3aed}.hero p{font-size:19px;line-height:1.5;color:#496b73;max-width:580px}.hero-buttons{display:flex;gap:12px;margin:25px 0}.checks{display:flex;flex-wrap:wrap;gap:12px;color:#287480;font-size:12px;font-weight:700}.hero-art{height:360px;position:relative;display:flex;justify-content:center;align-items:center}.qr-card{position:absolute;z-index:2;left:8%;top:20%;width:170px;height:190px;background:#fff;border-radius:25px;padding:20px;box-shadow:0 20px 40px rgba(28,130,145,.2);transform:rotate(-5deg);text-align:center}.fake-qr{font-size:110px;line-height:110px;color:#17131f}.qr-card small{font-weight:900;color:#7c3aed}.phone-art{width:210px;height:360px;border:10px solid #123841;border-radius:36px;background:#fff;padding:25px 16px;box-shadow:0 30px 50px rgba(25,120,135,.22);transform:rotate(6deg)}.phone-top{height:8px;width:65px;background:#0a3139;border-radius:20px;margin:-10px auto 22px}.mini-logo{font-weight:900;color:#5b21b6;margin-bottom:20px}.mini-row{padding:14px 10px;margin:8px 0;background:#faf9fc;border-radius:13px;font-size:13px}.stats{max-width:1240px;margin:0 auto 30px;background:#fff;border:1px solid #d7eff3;border-radius:25px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 15px 35px rgba(50,150,165,.08)}.stats>div{padding:22px;display:grid;grid-template-columns:48px 1fr;column-gap:10px;border-right:1px solid #eee9f2}.stats>div:last-child{border:0}.stat-icon{grid-row:span 2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f3e8ff;color:#7c3aed;font-size:22px}.stats b{font-size:20px}.stats small{color:#6b858a}.section,.section-card{max-width:1240px;margin:35px auto;padding:35px}.section-card{background:rgba(255,255,255,.9);border:1px solid #e7e2ee;border-radius:28px;box-shadow:0 16px 40px rgba(50,150,165,.08)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.centered{justify-content:center;text-align:center}.section-heading h2{margin:0;font-size:30px;letter-spacing:-.03em}.section-heading p{margin:6px 0 0;color:#668087}.type-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.type{padding:22px 10px;background:#faf9fc;border:1px solid #e7e2ee;border-radius:18px;color:#5b21b6;display:flex;flex-direction:column;gap:10px;align-items:center;font-weight:800}.type.active{background:#7c3aed;color:#fff}.type-logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff;box-shadow:0 8px 18px rgba(9,44,54,.08)}.type-logo svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.type-logo img{width:32px;height:32px;object-fit:contain;display:block}.type-logo.logo-website img{width:34px;height:34px}.type-logo.logo-phone img,.type-logo.logo-whatsapp img{width:34px;height:34px}.type.active .type-logo{background:rgba(255,255,255,.96)}.logo-website{color:#7c3aed}.logo-text{color:#7c3aed}.logo-social{color:#7c3aed}.logo-wifi{color:#7c3aed}.logo-location{color:#7c3aed}.logo-contact{color:#7c3aed}.logo-phone{color:#7c3aed}.logo-email{color:#7c3aed}.logo-whatsapp{color:#7c3aed}.type:hover .type-logo{transform:translateY(-2px);box-shadow:0 10px 22px rgba(9,44,54,.13)}.type-logo{transition:transform .18s ease,box-shadow .18s ease}.generator{margin-top:18px;display:grid;grid-template-columns:1fr 260px;gap:25px;padding:25px;background:#faf9fc;border-radius:22px}.form label{display:block;font-size:13px;font-weight:800;margin-bottom:15px}.form input,.search{width:100%;margin-top:7px;padding:14px 16px;border:1px solid #ddd5e6;border-radius:13px;background:#fff;outline:0}.form-actions{display:flex;gap:10px;margin-top:20px}.note{font-size:12px;color:#7a9196}.preview{background:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#769197}.qr-preview{width:175px;height:175px;display:grid;place-items:center;border:8px solid #17131f;border-radius:15px;font-size:50px;font-weight:900;color:#0ba9bd;background:repeating-conic-gradient(#17131f 0 25%,#fff 0 50%) 50%/22px 22px;margin-bottom:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-grid article{background:#fff;border:1px solid #d9eff2;border-radius:22px;padding:25px;box-shadow:0 10px 25px rgba(50,150,165,.06)}.feature-grid i{width:48px;height:48px;border-radius:15px;background:#f3e8ff;color:#7c3aed;display:grid;place-items:center;font-style:normal;font-size:23px}.feature-grid h3{margin:16px 0 7px}.feature-grid p{color:#688087;margin:0;line-height:1.5}.filter-row{display:flex;gap:8px;margin-bottom:14px}.filter{padding:8px 15px;border-radius:999px;background:#f7f1ff;color:#39727a;font-weight:800}.filter.active{background:#7c3aed;color:#fff}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:780px}.table-wrap th,.table-wrap td{padding:15px 10px;border-bottom:1px solid #eee9f2;text-align:left;font-size:13px}.status{padding:6px 10px;border-radius:999px;font-weight:800;font-size:11px}.status.active{background:#efe7ff;color:#5b21b6}.status.inactive{background:#fff0f0;color:#d04a4a}.actions{display:flex;gap:6px}.mini-btn{padding:8px 10px;border-radius:9px;background:#f7f1ff;color:#5b21b6;font-weight:800}.mini-btn.danger{background:#fff0f0;color:#d04a4a}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{padding:22px;border-radius:20px;background:#f2fbfc;border:1px solid #d7eff2}.metric small,.metric span{display:block;color:#769197}.metric b{display:block;font-size:34px;margin:5px 0}.chart-card{height:230px;margin-top:15px;padding:25px;background:#fff;border:1px solid #e7e2ee;border-radius:20px}.bars{height:160px;display:flex;align-items:flex-end;justify-content:space-around;gap:12px}.bar{width:10%;max-width:50px;border-radius:10px 10px 2px 2px;background:linear-gradient(#7c3aed,#b99be3);min-height:15px}.chart-labels{display:flex;justify-content:space-around;color:#83999e;font-size:11px;margin-top:10px}.scan-note{margin-top:15px;padding:18px;border-radius:18px;background:#f7f1ff}.scan-note p{color:#5f777c;margin-bottom:0;line-height:1.5}.plan-details{padding-top:10px}.plan-kicker{display:inline-block;padding:7px 12px;border-radius:999px;background:#f3e8ff;color:#5b21b6;font-size:11px;font-weight:900;letter-spacing:.12em}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.plan-card{background:#fff;border:1px solid #e7e2ee;border-radius:24px;padding:26px;box-shadow:0 12px 30px rgba(50,150,165,.06)}.plan-card.free-plan{border-top:4px solid #ddd5e6}.plan-card.pro-plan{border:2px solid #7c3aed;box-shadow:0 18px 40px rgba(25,174,195,.13)}.plan-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.plan-label{font-size:11px;font-weight:900;letter-spacing:.14em;color:#4f747c}.plan-card h3{margin:8px 0 0;font-size:22px}.plan-card-head>strong{font-size:30px;line-height:1;color:#0a3943;white-space:nowrap}.plan-card-head>strong span{font-size:13px;color:#6e858a;font-weight:800}.plan-subtitle{margin:10px 0 20px;color:#6a8288;font-size:13px}.plan-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-feature-grid>div{padding:14px;border-radius:16px;background:#faf9fc;border:1px solid #eee9f2}.plan-feature-grid b{display:block;font-size:13px;color:#5b21b6;margin-bottom:4px}.plan-feature-grid span{display:block;font-size:12px;line-height:1.45;color:#6b8389}.plan-note{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px;color:#39717a;font-size:12px;font-weight:800}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price{background:#fff;border:1px solid #e7e2ee;border-radius:24px;padding:28px;text-align:center}.price.featured{border:2px solid #7c3aed;box-shadow:0 15px 35px rgba(25,174,195,.12)}.price span{font-size:12px;font-weight:900;color:#5d7a80;letter-spacing:.15em}.price b{display:block;font-size:30px;margin:15px 0 0}.price p{color:#789096}.price ul{padding:0;list-style:none;text-align:left;line-height:2;color:#4c6b72}.cta{max-width:1240px;margin:30px auto 100px;padding:55px;text-align:center;border-radius:30px;background:linear-gradient(135deg,#dff9fb,#bfeef3)}.cta h2{font-size:36px;margin:0}.cta p{color:#55757b}.cta button{margin-top:12px}footer{padding:35px 6%;display:flex;justify-content:space-between;align-items:center;background:#fff;border-top:1px solid #e7e2ee;color:#6e878c}.mobile-nav{display:none}.modal{position:fixed;inset:0;background:rgba(5,45,53,.45);display:none;align-items:center;justify-content:center;z-index:50;padding:20px}.modal.show{display:flex}.modal-box{max-width:430px;background:#fff;border-radius:28px;padding:35px;text-align:center;position:relative;box-shadow:0 30px 70px rgba(0,0,0,.2)}.modal-close{position:absolute;right:18px;top:14px;background:transparent;font-size:26px;color:#789}.modal-icon{width:60px;height:60px;margin:auto;border-radius:20px;background:#f3e8ff;color:#0aa7bb;display:grid;place-items:center;font-size:28px}.modal-box p{color:#678087;line-height:1.5}.modal-close-btn{margin-top:10px}

@media(max-width:850px){body{padding-bottom:75px}.top-strip{height:32px}.ticker{font-size:10px;gap:13px}.nav{padding:10px 18px}.nav nav,.nav-actions .ghost{display:none}.brand{font-size:17px}.brand img{width:31px;height:31px}.nav-actions .primary{padding:10px 15px;font-size:12px}.hero{margin:12px 12px 18px;padding:35px 22px;display:block;min-height:auto;border-radius:25px}.hero h1{font-size:42px}.hero p{font-size:16px}.hero-buttons{flex-direction:column}.hero-art{height:270px;margin-top:15px}.phone-art{height:270px;width:160px}.qr-card{width:130px;height:145px}.fake-qr{font-size:75px;line-height:75px}.stats{margin:0 12px 20px;grid-template-columns:repeat(2,1fr);border-radius:20px}.stats>div{padding:15px;border-bottom:1px solid #eee9f2}.section,.section-card{margin:18px 12px;padding:22px;border-radius:22px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:25px}.type-grid{grid-template-columns:repeat(3,1fr)}.generator{grid-template-columns:1fr;padding:16px}.preview{min-height:230px}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article{padding:18px}.feature-grid h3{font-size:15px}.feature-grid p{font-size:12px}.analytics-grid,.pricing-grid{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr}.plan-feature-grid{grid-template-columns:1fr}.plan-card{padding:20px}.plan-card h3{font-size:19px}.plan-card-head>strong{font-size:26px}.plan-details{padding-top:4px}.table-wrap{margin:0 -10px}.cta{margin:18px 12px 35px;padding:35px 20px}.cta h2{font-size:28px}footer{padding:25px 18px;display:block;text-align:center}footer .brand{justify-content:center;margin-bottom:12px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;height:68px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid #e7e2ee;z-index:40}.mobile-nav button{background:transparent;color:#719098;font-size:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative}.mobile-nav button:first-child,.mobile-nav button:nth-child(2){color:#7c3aed}.mobile-nav small{font-size:10px;font-weight:800;margin-top:1px}.mobile-nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;transition:transform .18s ease,background .18s ease}.mobile-nav-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-nav button:hover .mobile-nav-icon,.mobile-nav button:focus-visible .mobile-nav-icon{transform:translateY(-2px);background:#faf9fc}.auth-nav-icon{width:29px;height:29px;background-image:url("assets/nav-icons/account-avatar.png");background-size:contain;background-repeat:no-repeat;background-position:center}.mobile-nav button.is-logged-in .auth-nav-icon{background-image:none}.mobile-nav button.is-logged-in .auth-nav-icon::before{content:"";width:24px;height:24px;display:block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9Z'/%3E%3C/svg%3E") center/contain no-repeat}.search{max-width:100%}}

/* =========================
   PHASE 2 DASHBOARD
========================= */
.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;margin-top:15px}.mini-insight-card{padding:25px;background:#fff;border:1px solid #e7e2ee;border-radius:20px}.mini-insight-card h3{margin:0 0 12px}.mini-insight-card h3:not(:first-child){margin-top:24px}.mix-row{display:grid;grid-template-columns:90px 1fr 38px;gap:10px;align-items:center;margin:9px 0;font-size:12px;color:#537078}.mix-track{height:9px;border-radius:999px;background:#eaf7f9;overflow:hidden}.mix-fill{height:100%;border-radius:999px;background:#7c3aed}.phase2-dashboard .metric{min-height:120px}
@media(max-width:850px){.dashboard-grid{grid-template-columns:1fr}.phase2-dashboard .analytics-grid{grid-template-columns:1fr 1fr}.mini-insight-card{padding:20px}}
@media(max-width:560px){.phase2-dashboard .analytics-grid{grid-template-columns:1fr}.mix-row{grid-template-columns:75px 1fr 30px}}

/* RenewQR Phase 2 hero artwork replacement */
.hero-art{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:420px;
  overflow:visible;
  position:relative;
}
.hero-art-image{
  display:block;
  width:min(112%, 560px);
  height:auto;
  max-height:480px;
  object-fit:contain;
  filter:drop-shadow(0 22px 32px rgba(12,65,78,.13));
}
@media (max-width: 800px){
  .hero-art{
    min-height:340px;
    margin-top:8px;
  }
  .hero-art-image{
    width:min(112%, 420px);
    max-height:390px;
  }
}

.filter-select{padding:11px 14px;border:1px solid #ddd5e6;border-radius:12px;background:#fff;color:#2f6670;font-weight:700;min-width:130px;outline:0}.fake-thumb{width:48px;height:48px;border-radius:12px;background:#f6fdfe;border:1px solid #e7e2ee;display:grid;place-items:center;overflow:hidden}.fake-thumb img{width:100%;height:100%;object-fit:cover}.detail-grid{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:start}.detail-card{padding:16px;border:1px solid #e7e2ee;border-radius:18px;background:#fff}.detail-list{display:grid;gap:10px}.detail-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #eee9f2}.detail-row:last-child{border-bottom:0}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}@media(max-width:700px){.detail-grid{grid-template-columns:1fr}.filter-select{width:100%;max-width:320px}}
/* Phase 2: dashboard and per-QR analytics */
.top-qr-card{margin-top:15px;padding:22px;background:#fff;border:1px solid #e7e2ee;border-radius:20px}
.top-qr-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e4f1f3}
.top-qr-row:last-child{border-bottom:0}
.top-qr-rank{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f3e8ff;color:#0c8ea3;font-weight:900}
.top-qr-main{min-width:0}.top-qr-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-qr-main small,.top-qr-row>strong small{display:block;color:#789096;font-weight:600;font-size:11px;margin-top:2px}
.qr-analytics-panel{margin-top:18px;padding:16px;border:1px solid #e7e2ee;border-radius:18px;background:#fff}
.qr-analytics-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.qr-analytics-head h4{margin:0}.qr-analytics-head span{font-size:11px;color:#6f888e;font-weight:800}
.qr-mini-bars{height:82px;display:flex;align-items:flex-end;justify-content:space-around;gap:7px;margin-top:12px}.qr-mini-bars span{width:10%;max-width:28px;min-height:10px;border-radius:7px 7px 2px 2px;background:linear-gradient(#7c3aed,#b99be3)}
.qr-mini-labels{display:flex;justify-content:space-around;color:#83999e;font-size:9px;margin-top:6px}.qr-mini-mix{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.qr-mini-mix span{padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #e7e2ee;color:#55777e;font-size:11px}
@media(max-width:700px){.top-qr-row{grid-template-columns:30px 1fr auto}.top-qr-row>strong{font-size:12px}.qr-analytics-head{align-items:flex-start}}
/* Phase 2 analytics chart: single, useful 7-day view */
#bars{height:100%;}
.analytics-chart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px;color:#5b21b6}
.analytics-chart-head div{display:flex;flex-direction:column;gap:2px}
.analytics-chart-head strong{font-size:22px}
.analytics-chart-head b{font-size:16px}
.analytics-chart-head span{font-size:11px;color:#799096}
#bars .renewqr-chart{height:165px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;width:100%}
#bars .chart-day{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:0}
#bars .chart-count{font-size:11px;font-weight:800;color:#0c4651;min-height:14px}
#bars .chart-bar{width:min(42px,72%);min-height:4px;border-radius:9px 9px 3px 3px;background:linear-gradient(#7c3aed,#b99be3);box-shadow:0 5px 12px rgba(43,193,210,.12);transition:height .25s ease}
#bars .chart-day strong{font-size:11px;color:#416b73}
#bars .chart-day>small:last-child{font-size:9px;color:#84999d}
@media(max-width:560px){.analytics-chart-head strong{font-size:18px}#bars .renewqr-chart{gap:5px}#bars .chart-bar{width:70%}}

/* Phase 2 final library polish */
.select-cell{width:46px;text-align:center!important}
.select-cell input{width:16px;height:16px;accent-color:#7c3aed;cursor:pointer}
.bulk-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 16px;padding:9px 12px;border:1px solid #e7e2ee;border-radius:14px;background:#fff;color:#52717a;font-size:12px}
.bulk-btn{padding:8px 12px;border-radius:9px;background:#f7f1ff;color:#5b21b6;font-weight:800;border:1px solid #e7e2ee}
.bulk-btn:disabled{opacity:.48;cursor:not-allowed}
.bulk-btn.danger{background:#fff0f0;color:#d04a4a;border-color:#ffdcdc}
.actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px;min-width:260px}
.actions .mini-btn{min-height:32px;white-space:nowrap;padding:7px 9px}
.actions .toggle-action{min-width:84px}
.status.active{background:#ddf8e9;color:#5b21b6;border:1px solid #bfeccc}
.status.inactive{background:#fff0f0;color:#d04a4a;border:1px solid #ffcaca}
.status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1;font-size:11px}
.table-wrap table{min-width:1040px}
@media(max-width:850px){.bulk-toolbar{margin-bottom:12px}.actions{min-width:235px}.actions .mini-btn{font-size:11px;padding:7px 8px}.table-wrap table{min-width:980px}}


/* =========================
   PHASE 4 DESIGNER + ORGANIZATION
========================= */
.phase4-studio{margin:18px 0 4px;padding:20px;border:1px solid #cfecef;border-radius:22px;background:linear-gradient(180deg,#fff,#faf9fc)}
.phase4-studio-head,.org-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.phase4-studio h3{margin:4px 0 4px;font-size:22px}.phase4-studio p,.org-card p{margin:0;color:#69838a;font-size:13px}.phase4-kicker{font-size:10px;letter-spacing:.16em;color:#0ba1b6;font-weight:900}.designer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:18px}.designer-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#50727a}.designer-grid input,.designer-grid select{width:100%;padding:10px 11px;border:1px solid #cfe7eb;border-radius:11px;background:#fff;color:#25545d;outline:none}.designer-grid input[type=color]{height:42px;padding:4px}.full-span{grid-column:span 3}.designer-preview-row{display:grid;grid-template-columns:260px 1fr;gap:20px;margin-top:18px;align-items:center}.designer-preview{min-height:260px;border-radius:18px;border:1px dashed #cfc0e3;background:#fff;display:grid;place-items:center;overflow:hidden;padding:14px;text-align:center}.designer-preview img{max-width:100%;max-height:235px;object-fit:contain}.designer-preview.frame-soft{box-shadow:inset 0 0 0 8px #e6f8fa}.designer-preview.frame-bold{box-shadow:inset 0 0 0 12px #5b21b6}.designer-help{padding:18px;border:1px solid #d9edf0;border-radius:18px;background:#fff}.designer-help b{font-size:14px}.designer-help p{margin:7px 0 14px}.org-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.org-card{padding:18px;border:1px solid #e7e2ee;border-radius:18px;background:#fff}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.org-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;background:#f7f1ff;border:1px solid #d3edf1;border-radius:999px;color:#2d6974;font-size:11px;font-weight:800}.org-chip button{background:transparent;color:#9a6a6a;font-size:12px;padding:0}.campaign-list{display:grid;gap:9px;margin-top:14px}.campaign-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #eee9f2;border-radius:13px;background:#fbfeff}.campaign-row b{display:block}.campaign-row small{display:block;color:#789197;margin-top:2px}.campaign-row button{background:transparent;color:#a06464;font-weight:800}.phase4-tag-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.phase4-tag{display:inline-flex;padding:3px 7px;border-radius:999px;background:#f0fbfc;border:1px solid #d8eef1;color:#4b7b83;font-size:9px;font-weight:800}
@media(max-width:980px){.designer-grid{grid-template-columns:repeat(3,1fr)}.full-span{grid-column:span 3}.designer-preview-row{grid-template-columns:220px 1fr}}
@media(max-width:700px){.org-grid{grid-template-columns:1fr}.designer-grid{grid-template-columns:1fr 1fr}.full-span{grid-column:span 2}.designer-preview-row{grid-template-columns:1fr}.phase4-studio-head,.org-card-head{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.designer-grid{grid-template-columns:1fr}.full-span{grid-column:span 1}}


/* =========================
   PHASE 5 ACCOUNT / BILLING
========================= */
.phase5-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.phase5-panel{padding:20px;border:1px solid #e7e2ee;border-radius:20px;background:#fff}.phase5-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.phase5-panel h3{margin:0 0 4px}.phase5-panel p{margin:0;color:#6f868c;font-size:12px}.phase5-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e9fbfd;color:#0a879a;font-size:10px;font-weight:900;letter-spacing:.08em}.phase5-muted{font-size:11px;color:#81979c;font-weight:800}.phase5-usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phase5-usage-grid>div{padding:14px;border:1px solid #eee9f2;border-radius:15px;background:#faf9fc}.phase5-usage-grid small{display:block;color:#789198}.phase5-usage-grid b{display:block;font-size:24px;color:#0a5663;margin-top:4px}.phase5-storage{margin-top:15px}.phase5-storage-head{display:flex;justify-content:space-between;font-size:12px;color:#597780;font-weight:800}.phase5-storage-track{height:9px;border-radius:999px;background:#e8f6f8;overflow:hidden;margin-top:7px}.phase5-storage-track>div{height:100%;width:0;border-radius:999px;background:#7c3aed;transition:width .25s}.phase5-plans-panel{margin-top:16px}.phase5-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.phase5-plan-card{padding:18px;border:1px solid #dbeef1;border-radius:18px;background:#fbfeff}.phase5-plan-card.is-active{border-color:#2bb7c9;box-shadow:0 0 0 3px rgba(32,181,200,.08)}.phase5-plan-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.phase5-plan-top span{font-size:11px;font-weight:900;color:#27717a;letter-spacing:.08em}.phase5-plan-top b{font-size:20px;color:#0b5662}.phase5-plan-card>small{color:#84969a}.phase5-plan-card ul{padding-left:18px;min-height:136px;color:#5c7379;font-size:12px;line-height:1.7}.phase5-list{display:grid;gap:8px;margin-bottom:12px}.phase5-list-row,.phase5-team-card{padding:12px;border:1px solid #eee9f2;border-radius:14px;background:#fafdfe}.phase5-list-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.phase5-list-row small{display:block;color:#7b9297;margin-top:3px}.phase5-team-card{display:grid;gap:10px}.phase5-team-card small{display:block;color:#789198;margin-top:3px}.phase5-team-members{display:flex;flex-wrap:wrap;gap:6px}.phase5-team-members span{padding:5px 8px;border-radius:999px;background:#f7f1ff;color:#4a7880;font-size:10px;font-weight:800}.phase5-team-invite{display:grid;grid-template-columns:1fr 100px auto;gap:7px}.phase5-team-invite input,.phase5-team-invite select,.phase5-panel input{padding:10px 11px;border:1px solid #cfe7eb;border-radius:11px;background:#fff;color:#25545d;outline:none;width:100%;box-sizing:border-box}.phase5-profile-panel label{display:block;margin-bottom:11px;color:#52737b;font-weight:800;font-size:12px}.phase5-profile-panel label input{display:block;margin-top:6px}.phase5-panel input:disabled{background:#f2f7f8;color:#789197}.phase5-account{scroll-margin-top:90px}@media(max-width:900px){.phase5-account-grid,.phase5-plan-grid{grid-template-columns:1fr}.phase5-team-invite{grid-template-columns:1fr}.phase5-team-invite select{width:100%}}

/* =========================
   PHASE 8: CLEAN NAVIGATION + BEGINNER UI
========================= */
body[data-active-view="home"] [data-view="dashboard"],
body[data-active-view="home"] [data-view="library"],
body[data-active-view="home"] [data-view="account"],
body[data-active-view="dashboard"] [data-view="home"],
body[data-active-view="dashboard"] [data-view="library"],
body[data-active-view="dashboard"] [data-view="account"],
body[data-active-view="library"] [data-view="home"],
body[data-active-view="library"] [data-view="dashboard"],
body[data-active-view="library"] [data-view="account"],
body[data-active-view="account"] [data-view="home"],
body[data-active-view="account"] [data-view="dashboard"],
body[data-active-view="account"] [data-view="library"]{display:none!important}
.nav nav a.is-active{color:#7c3aed;position:relative}
.nav nav a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:999px;background:#7c3aed}
.create-page-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:14px 16px;border:1px solid #e7e2ee;border-radius:20px;background:linear-gradient(135deg,#fff,#eafafd)}
.create-brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.create-brand-lockup img{width:48px;height:48px;object-fit:contain;border-radius:14px;background:#fff;padding:6px;border:1px solid #e7e2ee}.create-brand-lockup div{display:flex;flex-direction:column;gap:2px}.create-brand-lockup strong{font-size:17px;color:#17131f}.create-brand-lockup small{color:#6f878d;font-size:11px}.advanced-toggle{white-space:nowrap}.beginner-tip{font-size:11px;font-weight:800;color:#5c7b82;background:#faf9fc;border:1px solid #e7e2ee;padding:9px 11px;border-radius:999px;white-space:nowrap}
.advanced-panel{max-width:1240px;margin:0 auto 35px;padding:22px;border:1px solid #bfe7ed;border-radius:26px;background:linear-gradient(180deg,#f8feff,#faf9fc);box-shadow:0 15px 38px rgba(50,150,165,.08)}.advanced-panel[hidden]{display:none!important}.advanced-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.advanced-panel-head h3{margin:4px 0}.advanced-panel-head p{margin:0;color:#6a8389;font-size:12px;max-width:700px}.advanced-panel #phase4CreateControls,.advanced-panel #phase4Studio,.advanced-panel #organization{margin:14px 0 0}.advanced-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e7e2ee;color:#275e67}.advanced-section-title span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#7c3aed}.phase4-create-controls{padding:16px;border:1px solid #e7e2ee;border-radius:18px;background:#fff}.phase4-create-controls .smart-rule-box{margin-top:12px}.advanced-panel .phase4-studio,.advanced-panel .phase4-org{background:#fff}
.mobile-nav button.is-active{color:#7c3aed}.mobile-nav button.is-active .mobile-nav-icon{background:#f3e8ff;box-shadow:inset 0 0 0 1px #ddd5e6}.mobile-nav button.is-active small{color:#0b8194}
@media(max-width:850px){
  body[data-active-view="home"] .home-marketing{display:none!important}
  body[data-active-view="home"] .plan-details .section-heading{align-items:center;text-align:center;gap:10px;margin-bottom:18px}
  body[data-active-view="home"] .plan-details .section-heading > div{width:100%}
  body[data-active-view="home"] .plan-details .plan-kicker{font-size:9px;padding:6px 10px}
  body[data-active-view="home"] .plan-details .section-heading h2{font-size:24px}
  body[data-active-view="home"] .plan-details .section-heading p{font-size:12px;line-height:1.45}
  body[data-active-view="home"] .plan-details .plan-grid{grid-template-columns:1fr;gap:12px}
  body[data-active-view="home"] .plan-details .plan-card{padding:16px;border-radius:20px}
  body[data-active-view="home"] .plan-details .plan-card h3{font-size:18px}
  body[data-active-view="home"] .plan-details .plan-card-head>strong{font-size:24px}
  body[data-active-view="home"] .plan-details .plan-subtitle{font-size:12px;margin:8px 0 14px}
  body[data-active-view="home"] .plan-details .plan-feature-grid{grid-template-columns:1fr;gap:8px}
  body[data-active-view="home"] .plan-details .plan-feature-grid>div{padding:11px 12px}
  body[data-active-view="home"] .plan-details .plan-feature-grid b{font-size:12px}
  body[data-active-view="home"] .plan-details .plan-feature-grid span{font-size:11px}
  body[data-active-view="home"] .plan-details .plan-actions-inline{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  body[data-active-view="home"] .plan-details .plan-actions-inline button{min-width:0;width:100%;padding:11px 8px;font-size:11px}
  body[data-active-view="home"] .plan-details .plan-note{font-size:10px;gap:7px;line-height:1.4;text-align:center}
  .create-page-intro{margin:10px 12px 12px;padding:12px;border-radius:18px}.create-brand-lockup img{width:42px;height:42px}.create-brand-lockup strong{font-size:15px}.create-brand-lockup small{font-size:10px}.create-page-intro .advanced-toggle{padding:10px 13px;font-size:11px}.beginner-tip{width:100%;white-space:normal;border-radius:12px}.section-heading .beginner-tip{display:block}
  .advanced-panel{margin:10px 12px 20px;padding:16px;border-radius:20px}.advanced-panel-head{align-items:stretch;flex-direction:column}.advanced-panel-head .secondary{align-self:flex-start}
  body[data-active-view="dashboard"] .section-card,body[data-active-view="library"] .section-card,body[data-active-view="account"] .section-card{margin:10px 12px;padding:18px;border-radius:20px}
  #dashboard .section-heading,#library .section-heading,#account .section-heading{gap:12px}
  #library .table-wrap{overflow:visible;margin:0}
  #library .table-wrap table{min-width:0;width:100%;display:block}
  #library .table-wrap thead{display:none}
  #library .table-wrap tbody{display:grid;gap:12px}
  #library .table-wrap tr{display:block;border:1px solid #d8edf1;border-radius:18px;background:#fff;padding:12px;box-shadow:0 8px 20px rgba(50,150,165,.06)}
  #library .table-wrap td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #eef5f6;padding:10px 2px;text-align:right;min-height:0;font-size:12px}
  #library .table-wrap td:last-child{border-bottom:0}
  #library .table-wrap td::before{content:attr(data-label);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#7b9297;text-align:left;flex:0 0 auto}
  #library .table-wrap td[data-label="QR"],#library .table-wrap td[data-label="Actions"]{display:block;text-align:left}
  #library .table-wrap td[data-label="QR"]::before,#library .table-wrap td[data-label="Actions"]::before{display:block;margin-bottom:6px}
  #library .table-wrap td[data-label="Name"]{display:block;text-align:left}.actions{min-width:0}.actions .mini-btn{flex:1 1 auto}
  #library .select-cell{justify-content:flex-end}.fake-thumb{width:58px;height:58px}
  .nav-actions .primary{display:none}.nav{padding:9px 14px}.brand{font-size:16px}.brand img{width:30px;height:30px}
}
@media(max-width:520px){.type-grid{grid-template-columns:repeat(3,1fr)}.type{padding:15px 6px;border-radius:15px;font-size:11px}.type-logo{width:40px;height:40px}.form-actions{flex-direction:column}.form-actions button{width:100%}.advanced-panel .phase4-studio,.advanced-panel .phase4-org{padding:14px}.advanced-panel #organization{margin-top:12px}.advanced-panel .designer-grid{grid-template-columns:1fr}.advanced-panel .full-span{grid-column:span 1}.advanced-panel .designer-preview-row{grid-template-columns:1fr}}

/* PHASE 8B: POLISHED BEGINNER FLOW */
.advanced-qr-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto 18px;padding:14px 16px;max-width:1240px;border:1px solid #e7e2ee;border-radius:20px;background:linear-gradient(135deg,#fff,#faf9fc)}
.advanced-qr-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.advanced-qr-copy strong{font-size:16px;color:#17131f}.advanced-qr-copy small{font-size:11px;color:#6f878d;line-height:1.4}
.auth-brand-logo{width:68px;height:68px;margin:0 auto;display:grid;place-items:center;border-radius:19px;background:#f3e8ff;border:1px solid #ddd5e6;box-shadow:0 10px 24px rgba(13,168,188,.10)}
.auth-brand-logo img{width:52px;height:52px;object-fit:contain;display:block}
.auth-nav-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:850px){.advanced-qr-row{margin:0 12px 14px;padding:12px;gap:10px;border-radius:17px}.advanced-qr-copy strong{font-size:14px}.advanced-qr-copy small{font-size:10px}.advanced-qr-row .advanced-toggle{flex:none;padding:10px 12px;font-size:11px}.auth-nav-icon{background-image:none!important}.auth-nav-icon::before{display:none!important}.mobile-nav button:first-child,.mobile-nav button:nth-child(2),.mobile-nav button:nth-child(3),.mobile-nav button:nth-child(4){color:#7c3aed}.mobile-nav button.is-active{color:#7c3aed}}


/* RenewQR refinement: compact creation flow + advanced modal + result modal */
.renew-highlight,.renew-mini-label{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#d9fbff,#b9f0f6);border:1px solid #9fe3eb;color:#047a8b;font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.renew-mini-label{padding:5px 8px;background:#faf9fc;color:#7c3aed;border-color:#c7ebf0}.create-brand-lockup{background:linear-gradient(135deg,#fff,#e7fafc)}.create-brand-lockup strong{font-size:17px}
.advanced-qr-row{margin-top:18px;margin-bottom:0}.advanced-qr-row .renew-mini-label{margin-bottom:2px}
.advanced-modal-mount{display:grid;gap:14px}.advanced-modal-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 14px}.advanced-tab{padding:8px 11px;border:1px solid #e7e2ee;border-radius:999px;background:#faf9fc;color:#5f777d;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.advanced-tab.active{background:#f3e8ff;color:#7c3aed;border-color:#b8e6ed}.renewqr-advanced-modal{width:min(860px,100%)!important;padding:22px!important;background:linear-gradient(180deg,#fbffff,#faf9fc)!important}.renewqr-advanced-modal h2{font-size:25px;color:#0b3742}.advanced-modal-intro h3{margin:4px 0 4px;font-size:21px}.advanced-modal-intro p{margin:0;color:#71868c;font-size:12px;line-height:1.5}.advanced-modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid #e7e2ee;position:sticky;bottom:0;background:linear-gradient(180deg,rgba(251,255,255,.86),#fbffff 35%)}
.renewqr-advanced-modal .phase4-create-controls,.renewqr-advanced-modal .phase4-studio,.renewqr-advanced-modal .phase4-org{margin:0!important}.renewqr-advanced-modal .phase4-studio{padding:16px!important}.renewqr-advanced-modal .phase4-studio-head{margin-bottom:12px}.renewqr-advanced-modal .designer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.renewqr-advanced-modal .designer-help{display:none}.renewqr-advanced-modal .designer-preview-row{grid-template-columns:1fr;}.renewqr-advanced-modal .designer-preview{min-height:210px}.renewqr-advanced-modal .full-span{grid-column:span 2}.renewqr-advanced-modal input,.renewqr-advanced-modal select,.renewqr-advanced-modal textarea{width:100%}.logo-upload-line input[type=file]{padding:10px;border:1px dashed #cfc0e3;border-radius:12px;background:#faf9fc}
.designer-qr-shell{width:190px;height:190px;padding:13px;border-radius:20px;background:var(--qr-bg,#fff);display:grid;place-items:center;box-shadow:0 10px 26px rgba(9,44,54,.08);position:relative;overflow:hidden}.designer-qr-shell img{width:100%;height:100%;object-fit:contain;border-radius:10px}.designer-pattern-dots .designer-qr-shell img{filter:contrast(1.03)}.designer-pattern-classy .designer-qr-shell{box-shadow:inset 0 0 0 3px var(--qr-body),0 12px 28px rgba(9,44,54,.10)}.designer-pattern-pixel .designer-qr-shell{border-radius:7px}.designer-brand-badge{padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #d9edf1;color:#356a73;font-size:10px;font-weight:900}.designer-style-meta{color:#82969b;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.qr-result-wrap{text-align:center}.qr-result-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e6faef;color:#168052;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.qr-result-wrap h3{margin:10px 0 4px;font-size:21px;color:#0b3944}.qr-result-wrap p{margin:0 auto 15px;max-width:450px;color:#71858a;font-size:12px;line-height:1.5}.qr-result-image-wrap{width:min(320px,100%);aspect-ratio:1;margin:0 auto 16px;padding:16px;border:1px solid #e7e2ee;border-radius:24px;background:#fff;box-shadow:0 16px 30px rgba(40,130,145,.10);display:grid;place-items:center}.qr-result-image{width:100%;height:100%;object-fit:contain;border-radius:12px}.qr-result-actions{display:flex;justify-content:center;gap:10px}.renewqr-result-modal{width:min(540px,100%)!important;padding:22px!important}
@media(max-width:850px){
  .section-card{margin:12px 10px;padding:16px;border-radius:21px}.create-page-intro{margin:0 0 8px;padding:9px 11px}.create-brand-lockup{gap:9px}.create-brand-lockup img{width:34px;height:34px;padding:4px;border-radius:10px}.create-brand-lockup strong{font-size:13px}.create-brand-lockup small{font-size:9px}.renew-highlight{font-size:8px;padding:5px 8px}.section-heading{margin-bottom:10px}.section-heading h2{font-size:25px}.beginner-tip{display:none!important}.type-grid{gap:7px}.type{padding:11px 5px;gap:6px;min-height:74px}.type-logo{width:36px;height:36px;border-radius:11px}.type-logo img{width:28px;height:28px}.type-logo.logo-website img,.type-logo.logo-phone img,.type-logo.logo-whatsapp img{width:30px;height:30px}.generator{margin-top:10px;padding:12px;gap:10px;grid-template-columns:1fr}.generator .preview{display:none}.form label{margin-bottom:9px;font-size:11px}.form input,.search{padding:11px 12px;border-radius:11px;font-size:13px;margin-top:5px}.form-actions{margin-top:8px;gap:7px}.form-actions button{padding:11px 15px}.generator .note{display:none}.advanced-qr-row{margin-top:10px;padding:10px 11px;border-radius:16px}.advanced-qr-copy strong{font-size:12px}.advanced-qr-copy small{font-size:9px}.advanced-qr-row .advanced-toggle{padding:9px 10px;font-size:10px}.renewqr-advanced-modal{padding:15px!important;border-radius:20px!important}.renewqr-advanced-modal .designer-grid{grid-template-columns:1fr 1fr}.renewqr-advanced-modal .full-span{grid-column:span 2}.advanced-modal-footer{justify-content:stretch}.advanced-modal-footer button{flex:1}.renewqr-result-modal{padding:16px!important}.qr-result-image-wrap{max-width:270px}.qr-result-actions button{min-width:125px}
}
@media(max-width:520px){
  .renewqr-advanced-modal{max-height:92vh!important}.renewqr-advanced-modal .designer-grid{grid-template-columns:1fr}.renewqr-advanced-modal .full-span{grid-column:span 1}.renewqr-advanced-modal .phase4-create-controls{padding:12px}.renewqr-advanced-modal .phase4-studio{padding:12px!important}.advanced-modal-tabs{margin:8px 0 10px}.advanced-tab{font-size:9px;padding:7px 9px}.advanced-modal-footer{position:sticky;bottom:-1px}.qr-result-wrap h3{font-size:19px}
}

.action-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.action-modal-head h2{margin:0!important}.action-modal-close{width:36px;height:36px;border-radius:50%;background:#f4fafb;border:1px solid #e7e2ee;color:#57737a;font-size:24px;line-height:1;display:grid;place-items:center}.action-modal-close:hover{background:#e9f8fa;color:#0a6f7d}

/* Advanced generator: prominent standalone action and self-contained modal */
.advanced-create-action{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin-top:10px;padding:14px 16px;border:1px solid #b9e7ed;border-radius:20px;background:linear-gradient(135deg,#f4feff,#e3f9fc);box-shadow:0 10px 24px rgba(17,151,169,.08)}
.advanced-create-action .renew-mini-label{align-self:flex-start}.advanced-create-btn{width:100%;min-height:52px;font-size:15px;letter-spacing:.02em;box-shadow:0 10px 20px rgba(18,169,188,.18)}
.advanced-create-action small{color:#6e858b;font-size:11px;line-height:1.45;text-align:center}.advanced-detail-card{border:1px solid #d6edf1;border-radius:18px;background:#ffffff;padding:15px;margin-top:13px}.advanced-detail-card h4{margin:0 0 10px;color:#17131f;font-size:17px}.advanced-detail-card .advanced-section-title{margin-bottom:11px}.advanced-live-note{margin-top:10px;padding:9px 11px;border-radius:12px;background:#f3fbfc;color:#6c8489;font-size:10px;line-height:1.45}.advanced-generate-large{min-width:230px;min-height:50px;font-size:14px}.renewqr-advanced-modal .designer-grid{gap:10px}.renewqr-advanced-modal .designer-grid label{font-size:11px}.renewqr-advanced-modal .designer-grid input,.renewqr-advanced-modal .designer-grid select{margin-top:5px}.renewqr-advanced-modal .form-grid-2{gap:10px}.renewqr-advanced-modal .toggle-line{display:flex;align-items:center;gap:8px;font-size:12px}
@media(max-width:850px){.advanced-create-action{margin-top:10px;padding:12px;border-radius:17px}.advanced-create-btn{min-height:48px;font-size:13px}.advanced-create-action small{font-size:9px}.advanced-detail-card{padding:12px;margin-top:10px;border-radius:16px}.advanced-detail-card h4{font-size:15px}.advanced-generate-large{min-width:0;font-size:12px}}

/* Advanced QR compact redesign + live preview */
.renewqr-advanced-modal{width:min(920px,96vw)!important;max-height:94vh!important;overflow:auto!important;padding:18px!important;background:linear-gradient(180deg,#fbffff,#f3fbfc)!important}
.renewqr-advanced-modal .advanced-modal-intro{margin-bottom:10px}
.renewqr-advanced-modal .advanced-modal-intro h3{margin:4px 0 3px;font-size:22px;letter-spacing:-.02em}
.renewqr-advanced-modal .advanced-modal-intro p{margin:0;color:#71878c;font-size:11px;line-height:1.45}
.advanced-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.renewqr-advanced-modal .advanced-detail-card{margin:0 0 10px;padding:12px;border-radius:16px;background:#fff}
.renewqr-advanced-modal .advanced-section-title{margin-bottom:8px;padding-bottom:7px;font-size:12px}
.renewqr-advanced-modal .advanced-section-title span{font-size:9px}
.compact-fields{display:grid;gap:8px}
.compact-fields.two{grid-template-columns:1fr 1fr}
.renewqr-advanced-modal label{display:block;font-size:10px;font-weight:800;color:#476971}
.renewqr-advanced-modal input,.renewqr-advanced-modal select{width:100%;margin-top:4px;padding:9px 10px;border:1px solid #cfe8ec;border-radius:10px;background:#fff;color:#285761;outline:none;font-size:12px;min-height:36px}
.renewqr-advanced-modal input:focus,.renewqr-advanced-modal select:focus{border-color:#59c5d3;box-shadow:0 0 0 3px rgba(25,174,195,.08)}
.renewqr-advanced-modal input[type=color]{padding:3px;height:38px}
.smart-card{margin-bottom:10px!important}
.smart-enable{display:flex!important;align-items:center;gap:7px;font-size:11px!important;color:#315f68!important}
.smart-enable input{width:16px!important;min-height:16px!important;margin:0!important;accent-color:#7c3aed}
.compact-design-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.compact-design-grid .full-span{grid-column:1/-1}
.live-preview-card{margin-top:10px;padding:11px;border-radius:14px;border:1px solid #e7e2ee;background:linear-gradient(180deg,#f8feff,#f1fafb)}
.live-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.live-preview-head b{display:block;color:#154650;font-size:12px}
.live-preview-head small{display:block;color:#7a9095;font-size:9px;margin-top:2px}
.live-preview-head span{padding:4px 7px;border-radius:999px;background:#e8f9fb;color:#0b8ba0;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.adv-live-preview{min-height:190px;display:grid;place-items:center;padding:7px;background:#fff;border:1px dashed #cfe9ed;border-radius:13px;overflow:hidden}
.adv-preview-qr-shell{display:grid;place-items:center;padding:10px;border:0 solid transparent;border-radius:18px;background:#fff;box-shadow:0 12px 26px rgba(9,44,54,.08)}
.adv-preview-qr-shell.frame-soft{border:5px solid var(--adv-frame-color,#072f38);box-shadow:0 12px 26px rgba(9,44,54,.08)}
.adv-preview-qr-shell.frame-bold{border:9px solid var(--adv-frame-color,#072f38);box-shadow:0 12px 26px rgba(9,44,54,.12)}
.adv-preview-qr-shell canvas,.adv-preview-qr-shell svg{max-width:100%;height:auto;display:block}
.adv-preview-placeholder{min-height:170px;display:grid;place-items:center;align-content:center;gap:5px;text-align:center;color:#728a90}
.adv-preview-placeholder b{color:#385f67;font-size:12px}.adv-preview-placeholder span{font-size:10px}.adv-preview-icon{font-size:46px;color:#14aabd;line-height:1}
.renewqr-advanced-modal .advanced-modal-footer{margin:2px -18px -18px;padding:12px 18px;border-top:1px solid #e7e2ee;background:rgba(250,255,255,.97);position:sticky;bottom:-18px;z-index:3}
.renewqr-advanced-modal .advanced-generate-large{min-width:220px;min-height:46px;font-size:13px}
@media(max-width:850px){
  .renewqr-advanced-modal{width:min(680px,95vw)!important;max-height:93vh!important;padding:14px!important}
  .advanced-form-grid{grid-template-columns:1fr}
  .compact-fields.two{grid-template-columns:1fr 1fr}
  .compact-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-design-grid .full-span{grid-column:1/-1}
  .renewqr-advanced-modal .advanced-modal-footer{margin:2px -14px -14px;padding:10px 14px}
}
@media(max-width:520px){
  .renewqr-advanced-modal{width:calc(100vw - 18px)!important;padding:11px!important;border-radius:18px!important}
  .renewqr-advanced-modal .action-modal-head{margin-bottom:5px}
  .renewqr-advanced-modal .action-modal-close{width:32px;height:32px;font-size:21px}
  .renewqr-advanced-modal .advanced-modal-intro h3{font-size:19px}
  .renewqr-advanced-modal .advanced-detail-card{padding:10px;border-radius:14px;margin-bottom:8px}
  .compact-fields.two{grid-template-columns:1fr 1fr}
  .compact-design-grid{gap:6px}
  .renewqr-advanced-modal input,.renewqr-advanced-modal select{padding:8px 9px;font-size:11px;min-height:34px}
  .adv-live-preview{min-height:170px}
  .renewqr-advanced-modal .advanced-modal-footer{margin:2px -11px -11px;padding:9px 11px;gap:7px}
  .renewqr-advanced-modal .advanced-modal-footer button{flex:1;min-width:0!important;padding:11px 10px;font-size:11px}
}


/* Final mobile-only sizing fix: keep the Advanced QR modal fully above the bottom navigation. */
@media(max-width:520px){
  .renewqr-advanced-modal{
    width:calc(100vw - 28px)!important;
    height:min(78vh,620px)!important;
    max-height:calc(100vh - 112px)!important;
    margin:0 auto!important;
  }
}


/* Final popup stability fix: background never scrolls while a modal is open. */
body.renewqr-popup-open {
  overflow:hidden !important;
  overscroll-behavior:none !important;
}
body.renewqr-popup-open .renewqr-advanced-modal,
body.renewqr-popup-open [data-renewqr-action-modal],
body.renewqr-popup-open #renewqr-auth-modal,
body.renewqr-popup-open #renewqr-welcome-modal {
  touch-action:auto;
}
body.renewqr-popup-open .renewqr-advanced-modal,
body.renewqr-popup-open [data-renewqr-action-modal],
body.renewqr-popup-open #renewqr-auth-modal > div,
body.renewqr-popup-open #renewqr-welcome-modal > div {
  overscroll-behavior:contain;
}

.renewqr-advanced-modal {
  max-height:min(760px,calc(100dvh - 120px)) !important;
}

@media(max-width:520px){
  #renewqr-auth-modal { padding:14px !important; }
  #renewqr-auth-modal > div {
    width:calc(100vw - 28px) !important;
    max-height:min(560px,calc(100dvh - 110px)) !important;
    padding:22px !important;
    overflow:auto !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  #renewqr-welcome-modal { padding:14px !important; }
  #renewqr-welcome-modal > div {
    width:calc(100vw - 28px) !important;
    max-height:min(520px,calc(100dvh - 110px)) !important;
    padding:28px 22px 22px !important;
    overflow:auto !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}


/* Advanced plan action styles retained for compatibility. */
.plan-actions-inline{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.plan-actions-inline .primary,.plan-actions-inline .secondary{min-width:150px}
@media(max-width:600px){.plan-actions-inline{flex-direction:column}.plan-actions-inline button{width:100%}}


/* Phase 9 access controls: no extra logo, compact mobile auth actions, and Pro upgrade prompt. */
.auth-top-actions{display:flex;align-items:center;gap:8px}.auth-top-signup{display:none}.auth-top-button{min-width:86px;justify-content:center}.pro-required-modal{z-index:100050}.pro-upgrade-box{width:min(430px,calc(100vw - 28px))!important;max-height:min(520px,calc(100dvh - 110px))!important;padding:24px!important;overflow:auto;overscroll-behavior:contain}.pro-upgrade-box h2{margin:10px 0 8px}.pro-upgrade-box p{margin:0 0 16px;color:#6e858b;line-height:1.5}.pro-upgrade-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 10px}.pro-upgrade-prices button{width:100%}
@media(max-width:850px){.auth-top-actions{gap:6px}.auth-top-button,.auth-top-signup{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;font-size:11px;min-width:0}.auth-top-button{min-width:62px}.auth-top-signup{min-width:68px}.nav-actions .auth-top-actions{display:flex}.pro-upgrade-prices{grid-template-columns:1fr}.pro-upgrade-box{padding:20px!important}}
@media(max-width:520px){.nav{padding:8px 10px}.nav .brand{font-size:15px}.nav .brand img{width:28px;height:28px}.auth-top-actions{margin-left:auto}.auth-top-button,.auth-top-signup{padding:8px 10px;font-size:10px;border-radius:999px}.pro-upgrade-box{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 96px)!important}}

/* RenewQR visual refresh: black / white / purple, preserving all existing features. */
:root{
  --renew-purple:#7c3aed;
  --renew-purple-dark:#5b21b6;
  --renew-purple-soft:#f3e8ff;
  --renew-black:#0b0b10;
  --renew-ink:#17131f;
  --renew-muted:#6f6878;
  --renew-border:#e8e3ee;
}
html{background:#fff}
body{
  color:var(--renew-ink)!important;
  background:#fff!important;
}
.top-strip{
  background:var(--renew-black)!important;
  color:#fff!important;
  border-bottom:1px solid #202027;
}
.ticker{letter-spacing:.1em}
.nav{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid var(--renew-border)!important;
  box-shadow:0 8px 28px rgba(20,10,35,.05);
}
.brand{color:var(--renew-black)!important}
.nav nav a{color:#554d60!important}
.nav nav a:hover{color:var(--renew-purple)!important}
.primary{
  background:var(--renew-purple)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(124,58,237,.18)!important;
}
.primary:hover{background:var(--renew-purple-dark)!important}
.secondary,.ghost{
  background:#fff!important;
  color:var(--renew-purple-dark)!important;
  border-color:#d8c8ee!important;
}
.secondary:hover,.ghost:hover{background:var(--renew-purple-soft)!important;border-color:#b99be3!important}
.hero{
  background:
    radial-gradient(circle at 78% 20%,rgba(168,85,247,.18),transparent 34%),
    linear-gradient(135deg,#fff 0%,#faf7ff 58%,#f1eaff 100%)!important;
  border:1px solid #e8dff2;
  box-shadow:0 25px 60px rgba(60,30,90,.10)!important;
}
.eyebrow{border-color:#d9c7ef!important;color:var(--renew-purple-dark)!important;background:#fff}
.hero h1{color:var(--renew-black)!important}
.hero h1 span{color:var(--renew-purple)!important}
.hero p{color:#625a6c!important}
.checks{color:#5b4d68!important}
.stats,.section-card,.feature-grid article,.plan-card{
  background:#fff!important;
  border-color:var(--renew-border)!important;
  box-shadow:0 16px 40px rgba(30,15,45,.06)!important;
}
.stat-icon,.feature-grid i{background:var(--renew-purple-soft)!important;color:var(--renew-purple)!important}
.section-heading p,.feature-grid p,.plan-note,.plan-card .plan-label{color:var(--renew-muted)!important}
.section-heading h2,.feature-grid h3,.plan-card h3{color:var(--renew-black)!important}
.type{background:#faf9fc!important;border-color:var(--renew-border)!important;color:#51465d!important}
.type.active{background:var(--renew-purple)!important;color:#fff!important;border-color:var(--renew-purple)!important}
.type-logo{background:#fff!important;box-shadow:0 8px 18px rgba(30,15,45,.07)!important}
.generator,.metric,.chart-card,.advanced-detail-card{background:#faf9fc!important;border-color:var(--renew-border)!important}
.form input,.search,.renewqr-advanced-modal input,.renewqr-advanced-modal select{border-color:#ddd5e6!important;background:#fff!important;color:var(--renew-ink)!important}
.filter{background:#f3eef8!important;color:#5b4b68!important}
.filter.active{background:var(--renew-purple)!important;color:#fff!important}
.status.active{background:#efe7ff!important;color:var(--renew-purple-dark)!important}
.mini-btn{background:#f2ebfb!important;color:var(--renew-purple-dark)!important}
.advanced-qr-row,.scan-note{background:#f7f1ff!important;border-color:#e1d4ef!important}
.plan-kicker{background:var(--renew-purple-soft)!important;color:var(--renew-purple-dark)!important}
.plan-card.pro-plan{border-color:var(--renew-purple)!important;box-shadow:0 18px 40px rgba(124,58,237,.12)!important}
.plan-card.free-plan{border-top-color:#ddd5e6!important}
.mobile-nav{background:rgba(255,255,255,.97)!important;border-top-color:var(--renew-border)!important}
.mobile-nav button{color:#70687a!important}
.mobile-nav button.active,.mobile-nav button:hover{color:var(--renew-purple)!important}

/* Compact, integrated authentication popup. */
#renewqr-auth-modal{background:rgba(11,11,16,.58)!important;backdrop-filter:blur(4px);padding:16px!important}
#renewqr-auth-modal .auth-modal-box{
  width:min(390px,calc(100vw - 30px))!important;
  max-height:min(620px,calc(100dvh - 92px))!important;
  padding:22px!important;
  border:1px solid #e6ddef!important;
  border-radius:22px!important;
  box-shadow:0 28px 80px rgba(20,8,35,.28)!important;
}
#renewqr-auth-modal .auth-brand-logo{
  width:50px!important;height:50px!important;margin:0 auto!important;border-radius:15px!important;
  display:grid!important;place-items:center!important;background:#f1e7ff!important;
  border:1px solid #e1d1f3!important;
}
#renewqr-auth-modal .auth-brand-logo img{width:36px!important;height:36px!important;object-fit:contain!important}
#renewqr-auth-modal #authTitle{font-size:23px!important;letter-spacing:-.03em;color:var(--renew-black)!important}
#renewqr-auth-modal #authSubtitle{font-size:12px!important;color:var(--renew-muted)!important}
#renewqr-auth-modal label{color:#4e4658!important;font-size:12px!important;font-weight:800!important}
#renewqr-auth-modal input{
  border:1px solid #ddd5e6!important;border-radius:11px!important;padding:11px 12px!important;
  background:#fff!important;color:var(--renew-ink)!important;
}
#renewqr-auth-modal input:focus{outline:none!important;border-color:#9a6bdf!important;box-shadow:0 0 0 3px rgba(124,58,237,.10)!important}
#renewqr-auth-modal #authSubmit{border-radius:11px!important;padding:12px!important;font-size:13px!important}
#renewqr-auth-modal #authSwitch{color:var(--renew-purple-dark)!important}
#renewqr-auth-modal #authClose{color:#6f6878!important;width:32px;height:32px;border-radius:50%;background:#f7f3fa!important;font-size:22px!important;line-height:1}
#renewqr-auth-modal #googleSignInButton{min-height:40px!important}

/* Keep every generic popup compact and prevent the page behind it from scrolling. */
.modal{background:rgba(11,11,16,.58)!important;backdrop-filter:blur(4px)}
.modal-box{max-width:390px!important;padding:24px!important;border-radius:22px!important;border:1px solid #e6ddef!important;box-shadow:0 28px 80px rgba(20,8,35,.25)!important}
.modal-icon{width:52px!important;height:52px!important;border-radius:15px!important;background:var(--renew-purple-soft)!important;color:var(--renew-purple)!important}
.renewqr-advanced-modal{width:min(760px,calc(100vw - 34px))!important;max-height:min(76vh,680px)!important;border-radius:22px!important}
[data-renewqr-action-modal]{max-width:min(520px,calc(100vw - 30px))!important;max-height:min(72vh,560px)!important;border-radius:22px!important}

@media(max-width:850px){
  .nav-actions .primary{display:none!important}
  .nav{padding:9px 12px!important}
  .nav .brand{font-size:15px!important}
  .hero{margin:12px 10px 18px!important;border-radius:24px!important}
}
@media(max-width:520px){
  .nav{padding:8px 10px!important}
  .auth-top-button{padding:8px 12px!important;font-size:11px!important;min-width:64px!important}
  #renewqr-auth-modal .auth-modal-box{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 88px)!important;padding:18px!important;border-radius:19px!important}
  #renewqr-auth-modal #authTitle{font-size:20px!important}
  #renewqr-auth-modal .auth-brand-logo{width:44px!important;height:44px!important}
  #renewqr-auth-modal .auth-brand-logo img{width:31px!important;height:31px!important}
  .renewqr-advanced-modal{width:calc(100vw - 24px)!important;max-height:74vh!important;padding:14px!important}
  [data-renewqr-action-modal]{max-width:calc(100vw - 24px)!important;max-height:72vh!important}
}

/* PHASE 10B: final black / white / purple refinement requested by the user */
:root{
  --renew-purple:#7c3aed;
  --renew-purple-dark:#5b21b6;
  --renew-purple-soft:#f3e8ff;
  --renew-black:#0b0b10;
  --renew-ink:#17131f;
  --renew-muted:#6f6878;
  --renew-border:#e7e2ee;
}
body{background:#fff!important;color:var(--renew-ink)!important}
.top-strip{background:var(--renew-purple)!important;color:#fff!important;border-bottom:1px solid #6d27d9!important}
.ticker{color:#fff!important}
.nav{background:#fff!important;border-bottom:1px solid var(--renew-border)!important;box-shadow:0 8px 28px rgba(20,10,35,.05)!important}
.nav nav a{color:#4b4455!important}
.nav nav a:hover{color:var(--renew-purple)!important}
.brand{color:var(--renew-black)!important}
.primary{background:var(--renew-purple)!important;color:#fff!important;box-shadow:0 10px 24px rgba(124,58,237,.18)!important}
.primary:hover{background:var(--renew-purple-dark)!important}
.secondary,.ghost{background:#fff!important;color:var(--renew-purple-dark)!important;border-color:#d6c7e8!important}
.secondary:hover,.ghost:hover{background:var(--renew-purple-soft)!important;border-color:#b99be3!important}
.hero{background:linear-gradient(135deg,#fff 0%,#faf8ff 56%,#f1eafe 100%)!important;border-color:#e7def2!important;box-shadow:0 24px 60px rgba(40,20,70,.08)!important}
.eyebrow{border-color:#d8c8ee!important;color:var(--renew-purple-dark)!important;background:#fff!important}
.hero h1{color:var(--renew-black)!important}.hero h1 span{color:var(--renew-purple)!important}.hero p{color:#665f70!important}.checks{color:#5b5365!important}
.stats,.section-card,.feature-grid article,.plan-card{background:#fff!important;border-color:var(--renew-border)!important;box-shadow:0 16px 40px rgba(30,15,45,.06)!important}
.stat-icon,.feature-grid i{background:var(--renew-purple-soft)!important;color:var(--renew-purple)!important}
.section-heading h2,.section-heading h3,.feature-grid h3,.plan-card h3{color:var(--renew-black)!important}
.section-heading p,.feature-grid p,.plan-note,.plan-card .plan-label{color:var(--renew-muted)!important}
.type-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.type{background:#faf9fc!important;border-color:var(--renew-border)!important;color:#4e4657!important}
.type.active{background:var(--renew-purple)!important;color:#fff!important;border-color:var(--renew-purple)!important}
.type-logo{background:#fff!important;box-shadow:0 8px 18px rgba(30,15,45,.07)!important}
.type-logo svg{stroke:currentColor!important}.logo-website,.logo-text,.logo-social,.logo-wifi,.logo-location,.logo-contact{color:var(--renew-purple)!important}.type-logo img{filter:none!important}.generator,.metric,.chart-card,.advanced-detail-card{background:#faf9fc!important;border-color:var(--renew-border)!important}
.form input,.search,.renewqr-advanced-modal input,.renewqr-advanced-modal select,.renewqr-advanced-modal textarea{border-color:#ddd5e6!important;background:#fff!important;color:var(--renew-ink)!important}
.filter{background:#f3eef8!important;color:#5b4b68!important}.filter.active{background:var(--renew-purple)!important;color:#fff!important}
.status.active{background:#efe7ff!important;color:var(--renew-purple-dark)!important}.mini-btn{background:#f2ebfb!important;color:var(--renew-purple-dark)!important}
.advanced-qr-row,.scan-note{background:#f7f1ff!important;border-color:#e1d4ef!important}.plan-kicker{background:var(--renew-purple-soft)!important;color:var(--renew-purple-dark)!important}
.plan-card.pro-plan{border-color:var(--renew-purple)!important;box-shadow:0 18px 40px rgba(124,58,237,.12)!important}.plan-card.free-plan{border-top-color:#ddd5e6!important}
.mobile-nav{background:rgba(255,255,255,.98)!important;border-top-color:var(--renew-border)!important}.mobile-nav button{color:#70687a!important}.mobile-nav button.active,.mobile-nav button:hover{color:var(--renew-purple)!important}

/* Logo assets now use transparent backgrounds and purple brand marks. */
.brand img,.create-brand-lockup img,.footer-brand .brand img{background:transparent!important;border:0!important;box-shadow:none!important}
.create-brand-lockup{background:#fff!important;border-color:#ded5eb!important}.renew-highlight,.renew-mini-label{background:var(--renew-purple-soft)!important;border-color:#d7c6ed!important;color:var(--renew-purple-dark)!important}

/* Smaller, clearer account panel with profile identity at the top and logout at the end. */
.account-heading{margin-bottom:14px!important}
.account-profile-card{background:#fff;border:1px solid var(--renew-border);border-radius:24px;padding:20px;display:grid;gap:18px;box-shadow:0 14px 32px rgba(30,15,45,.05)}
.account-profile-main{display:flex;align-items:center;gap:14px;min-width:0}
.account-avatar{width:62px;height:62px;border-radius:50%;background:var(--renew-purple-soft);border:2px solid #d8c5ef;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;color:var(--renew-purple);font-weight:900;font-size:20px}
.account-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.account-profile-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.account-profile-copy strong{font-size:18px;color:var(--renew-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-profile-copy span{font-size:12px;color:var(--renew-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-profile-main .phase5-badge{margin-left:auto}
.account-profile-edit{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding-top:4px;border-top:1px solid #eee9f2}.account-profile-edit label{display:block;font-size:11px;font-weight:800;color:#4e4658}.account-profile-edit input{width:100%;margin-top:6px;padding:11px 12px;border:1px solid #ddd5e6;border-radius:11px;background:#fff}.account-profile-edit .primary{padding:11px 16px}
.account-logout-wrap{display:flex;justify-content:flex-end;border-top:1px solid #eee9f2;padding-top:14px}.account-logout-button{min-width:120px}

/* Advanced QR advertisement below the creator. */
.advanced-showcase{max-width:1240px;margin:20px auto 10px;padding:22px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center;background:#fff;border:1px solid var(--renew-border);border-radius:26px;box-shadow:0 16px 40px rgba(30,15,45,.06)}
.advanced-showcase-visual{position:relative;min-height:300px;border-radius:22px;background:linear-gradient(145deg,#0b0b10 0%,#17131f 70%,#24113c 100%);display:grid;place-items:center;overflow:hidden}
.advanced-showcase-visual img{width:min(86%,460px);max-height:280px;object-fit:contain;filter:grayscale(1) contrast(1.06) brightness(1.08);opacity:.94}
.advanced-showcase-badge{position:absolute;left:16px;top:16px;padding:7px 10px;border-radius:999px;background:#fff;color:var(--renew-purple-dark);font-size:10px;font-weight:900;letter-spacing:.1em}
.advanced-showcase-copy h2{margin:9px 0 8px;font-size:34px;line-height:1.04;letter-spacing:-.04em;color:var(--renew-black)}.advanced-showcase-copy>p{margin:0 0 16px;color:#686170;line-height:1.6;max-width:620px}
.advanced-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}.advanced-showcase-grid>div{padding:13px;border:1px solid var(--renew-border);border-radius:16px;background:#faf9fc}.advanced-showcase-grid b{display:block;color:var(--renew-black);font-size:12px;margin-bottom:4px}.advanced-showcase-grid span{font-size:11px;line-height:1.45;color:#6f6878;display:block}

/* Terms and privacy popups. */
.legal-modal{position:fixed;inset:0;z-index:200500;background:rgba(11,11,16,.58);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:16px}.legal-modal[hidden]{display:none!important}.legal-modal-box{position:relative;width:min(620px,calc(100vw - 28px));max-height:min(78vh,650px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #e2d9ed;border-radius:24px;padding:24px;box-shadow:0 30px 90px rgba(20,8,35,.28)}.legal-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;background:#f6f2f9;color:#6e6677;font-size:22px}.legal-modal-box h2{margin:10px 45px 16px 0;color:var(--renew-black);font-size:28px;letter-spacing:-.03em}.legal-body{color:#5f5969;line-height:1.65;font-size:13px}.legal-body h3{color:var(--renew-black);font-size:15px;margin:18px 0 6px}.legal-body p{margin:0 0 10px}.legal-body h3:first-child{margin-top:0}
footer{max-width:1240px;margin:32px auto 0;padding:28px 5% 40px;border-top:1px solid var(--renew-border);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#fff}.footer-brand{display:flex;align-items:center;gap:16px;color:var(--renew-muted);font-size:12px}.footer-links{display:flex;gap:16px}.footer-links button{background:transparent;color:#6f6878;font-size:12px;font-weight:700;padding:4px 0}.footer-links button:hover{color:var(--renew-purple)}

/* Welcome and authentication popups keep the same functionality, but stay inside the monochrome-purple palette. */
#renewqr-auth-modal{background:rgba(11,11,16,.62)!important}.auth-brand-logo{background:var(--renew-purple-soft)!important;border-color:#d8c5ef!important}.auth-brand-logo img{background:transparent!important}.renewqr-welcome-modal,.renewqr-welcome-close{color:var(--renew-black)!important}

@media(max-width:850px){
  .nav-actions .primary{display:none!important}
  .nav-actions{margin-left:auto!important}.auth-top-actions{display:flex!important}.auth-top-button{display:inline-flex!important}
  .nav{padding:9px 12px!important}.nav .brand{font-size:15px!important}.nav .brand img{width:30px;height:30px}
  .hero{margin:12px 10px 18px!important;border-radius:24px!important}
  .type-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .advanced-showcase{margin:14px 10px 8px;padding:14px;border-radius:21px;grid-template-columns:1fr;gap:14px}.advanced-showcase-visual{min-height:230px}.advanced-showcase-visual img{max-height:210px}.advanced-showcase-copy h2{font-size:26px}.advanced-showcase-grid{gap:8px}.advanced-showcase-grid>div{padding:11px}.account-profile-edit{grid-template-columns:1fr}.account-profile-main{align-items:flex-start}.account-profile-main .phase5-badge{margin-left:auto}.account-logout-wrap{justify-content:stretch}.account-logout-button{width:100%}
}
@media(max-width:520px){
  .top-strip{height:34px}.ticker{font-size:10px;gap:16px}.nav{padding:7px 10px!important}.nav .brand strong{font-size:14px}.auth-top-button{padding:8px 12px!important;font-size:11px!important;min-width:64px!important}.nav-actions{gap:0!important}
  .hero{box-shadow:none!important;border-radius:18px!important}.hero h1{font-size:42px!important}.hero p{font-size:15px!important}.hero-art{display:none!important}
  .type{padding:13px 5px!important;min-height:82px}.type-logo{width:38px;height:38px}.type-logo img{width:30px;height:30px}
  .advanced-showcase-copy h2{font-size:23px}.advanced-showcase-grid{grid-template-columns:1fr}.advanced-showcase-visual{min-height:190px}
  .legal-modal{padding:10px}.legal-modal-box{width:calc(100vw - 18px);max-height:82vh;padding:18px;border-radius:20px}.legal-modal-box h2{font-size:23px}.footer-links{width:100%;justify-content:center}
  .account-profile-card{padding:16px;border-radius:20px}.account-avatar{width:54px;height:54px}.account-profile-copy strong{font-size:16px}
}
@media(max-width:850px){
  body[data-active-view="home"] .advanced-showcase{display:grid!important}
  .create-page-intro{background:#fff!important;border-color:#e2d8ed!important}
  .advanced-panel{background:#fff!important;border-color:#e7e2ee!important;box-shadow:0 12px 30px rgba(30,15,45,.05)!important}
  .renewqr-advanced-modal{background:#fff!important}
}

/* =========================
   PHASE 12: FINAL PURPLE / WHITE CLEANUP
   Latest requested visual refinements. Existing functionality is unchanged.
========================= */
:root{
  --renew-purple:#7c3aed;
  --renew-purple-dark:#5b21b6;
  --renew-purple-soft:#f3e8ff;
  --renew-black:#0b0b10;
  --renew-ink:#17131f;
  --renew-muted:#6f6878;
  --renew-border:#e7e2ee;
}
html,body{background:#fff!important;color:var(--renew-ink)!important}
.top-strip{background:var(--renew-purple)!important;color:#fff!important;border-bottom-color:#5b21b6!important}
.ticker,.ticker span,.ticker b{color:#fff!important}
.nav{background:#fff!important;border-bottom-color:var(--renew-border)!important}
.nav nav a{color:#4e4657!important}.nav nav a:hover{color:var(--renew-purple)!important}
.primary{background:var(--renew-purple)!important;color:#fff!important;box-shadow:0 10px 24px rgba(124,58,237,.18)!important}
.primary:hover{background:var(--renew-purple-dark)!important}
.secondary,.ghost{background:#fff!important;color:var(--renew-purple-dark)!important;border-color:#d6c7e8!important}
.secondary:hover,.ghost:hover{background:var(--renew-purple-soft)!important;border-color:#b99be3!important}
.hero{background:linear-gradient(135deg,#fff 0%,#faf8ff 58%,#f3e8ff 100%)!important;box-shadow:0 24px 60px rgba(40,20,70,.08)!important;border-color:#e7def2!important}
.hero p,.section-heading p,.feature-grid p,.plan-subtitle,.phase5-panel p,.note,.chart-labels,.preview,.phase5-muted{color:var(--renew-muted)!important}
.checks{color:#5b5365!important}.stats,.section-card,.feature-grid article,.plan-card,.phase5-panel,.phase5-plan-card,.price{background:#fff!important;border-color:var(--renew-border)!important;box-shadow:0 16px 40px rgba(30,15,45,.06)!important}
.stat-icon,.feature-grid i{background:var(--renew-purple-soft)!important;color:var(--renew-purple)!important}
.stats small,.metric small,.metric span{color:var(--renew-muted)!important}
.metric{background:#faf9fc!important;border-color:var(--renew-border)!important}
.type{background:#faf9fc!important;border-color:var(--renew-border)!important;color:#51465d!important}.type.active{background:var(--renew-purple)!important;color:#fff!important;border-color:var(--renew-purple)!important}
.type-logo{background:#fff!important;box-shadow:0 8px 18px rgba(30,15,45,.07)!important}
.type-logo svg,.logo-website,.logo-text,.logo-social,.logo-wifi,.logo-location,.logo-contact,.logo-phone,.logo-email,.logo-whatsapp{color:var(--renew-purple)!important;stroke:currentColor!important}
.form input,.search,.phase5-panel input,.designer-grid input,.designer-grid select,.renewqr-advanced-modal input,.renewqr-advanced-modal select,.renewqr-advanced-modal textarea{background:#fff!important;border-color:#ddd5e6!important;color:var(--renew-ink)!important}
.filter{background:#f7f1ff!important;color:#5b4b68!important}.filter.active{background:var(--renew-purple)!important;color:#fff!important}
.status.active,.phase5-badge{background:var(--renew-purple-soft)!important;color:var(--renew-purple-dark)!important}
.mini-btn{background:#f2ebfb!important;color:var(--renew-purple-dark)!important}
.advanced-qr-row,.scan-note{background:#f7f1ff!important;border-color:#e1d4ef!important}
.plan-kicker,.renew-highlight,.renew-mini-label{background:var(--renew-purple-soft)!important;border-color:#d7c6ed!important;color:var(--renew-purple-dark)!important}
.plan-card.pro-plan{border-color:var(--renew-purple)!important;box-shadow:0 18px 40px rgba(124,58,237,.12)!important}
.plan-card-head>strong,.phase5-usage-grid b,.phase5-plan-top b{color:#4b246f!important}
.phase5-plan-card{background:#faf9fc!important;border-color:#e0d8ea!important}.phase5-plan-card.is-active{border-color:var(--renew-purple)!important;box-shadow:0 0 0 3px rgba(124,58,237,.08)!important}.phase5-plan-top span{color:var(--renew-purple-dark)!important}
.phase5-storage-track{background:#eee8f5!important}.phase5-team-members span,.org-chip,.phase4-tag{background:#f7f1ff!important;border-color:#e1d4ef!important;color:#5b4b68!important}
.phase5-list-row,.phase5-team-card,.phase4-studio,.phase4-create-controls,.org-card,.designer-help{background:#fff!important;border-color:var(--renew-border)!important}
.phase5-panel input:disabled{background:#faf9fc!important;color:#6f6878!important}
.create-page-intro{background:#fff!important;border-color:#ded5eb!important}
.create-brand-lockup{min-height:112px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:7px!important;width:100%!important;padding:22px 16px!important;background:linear-gradient(135deg,#fff,#f7f1ff)!important;border-color:#dfd5eb!important}
.create-brand-lockup strong{font-size:26px!important;line-height:1.16!important;letter-spacing:-.025em!important;color:var(--renew-black)!important}.create-brand-lockup small{font-size:13px!important;line-height:1.45!important;color:var(--renew-muted)!important}.create-brand-lockup img,.create-brand-lockup .renew-highlight{display:none!important}
.advanced-panel{background:linear-gradient(180deg,#fff,#faf9fc)!important;border-color:#ded5eb!important;box-shadow:0 15px 38px rgba(40,20,70,.06)!important}.advanced-section-title{color:#4b246f!important}.advanced-panel-head p,.advanced-modal-intro p{color:var(--renew-muted)!important}.renewqr-advanced-modal{background:linear-gradient(180deg,#fff,#faf9fc)!important}.advanced-tab{background:#faf9fc!important;color:#5f5969!important;border-color:var(--renew-border)!important}.advanced-tab.active{background:var(--renew-purple-soft)!important;color:var(--renew-purple)!important;border-color:#d7c6ed!important}.live-preview-card{background:#faf9fc!important}.live-preview-head span{background:var(--renew-purple-soft)!important;color:var(--renew-purple-dark)!important}.adv-live-preview{background:#fff!important;border-color:#ddd5e6!important}
.mobile-nav{background:#fff!important;border-top-color:var(--renew-border)!important}.mobile-nav button,.mobile-nav button small{color:#70687a!important}.mobile-nav button.is-active,.mobile-nav button.active,.mobile-nav button:hover{color:var(--renew-purple)!important}.mobile-nav button.is-active .mobile-nav-icon{background:var(--renew-purple-soft)!important;box-shadow:inset 0 0 0 1px #ddd5e6!important}.mobile-nav button.is-active small{color:var(--renew-purple-dark)!important}
.brand img,.create-brand-lockup img,.footer-brand-logo img,.account-avatar img{background:transparent!important;border:0!important;box-shadow:none!important}
.account-profile-card{background:#fff!important;border-color:var(--renew-border)!important}.account-avatar{background:var(--renew-purple-soft)!important;border-color:#d8c5ef!important;color:var(--renew-purple)!important}.account-profile-copy strong{color:var(--renew-black)!important}.account-profile-copy span{color:var(--renew-muted)!important}.account-logout-wrap{border-top-color:#eee9f2!important}
footer{max-width:1240px;margin:32px auto 0;padding:30px 5% 42px;border-top:1px solid var(--renew-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#fff!important;text-align:center}
.footer-brand{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:var(--renew-muted)!important}.footer-brand-logo{display:flex;align-items:center;justify-content:center}.footer-brand-logo img{width:58px!important;height:58px!important;object-fit:contain!important}.footer-links{display:flex;gap:18px;justify-content:center}.footer-links button{background:transparent!important;color:#6f6878!important}.footer-links button:hover{color:var(--renew-purple)!important}
.legal-modal{background:rgba(11,11,16,.62)!important}.legal-close{background:#f6f2f9!important;color:#6e6677!important}.legal-modal-box{background:#fff!important;border-color:#e2d9ed!important}.legal-body{color:#5f5969!important}
#renewqr-auth-modal .auth-brand-logo{background:var(--renew-purple-soft)!important;border-color:#d8c5ef!important}.modal-icon{background:var(--renew-purple-soft)!important;color:var(--renew-purple)!important}
/* Final removal of legacy sky-blue/cyan visual remnants. */
[class*="phase5-"]{--legacy-aqua:#7c3aed}.phase5-account,.phase5-plans-panel{background:#fff!important}.phase5-storage-track>div{background:var(--renew-purple)!important}
.mobile-home-stats{display:none}
.mobile-home-stats-heading{text-align:center}.mobile-home-stats-heading h2{margin:10px 0 4px;font-size:25px;color:var(--renew-black)}.mobile-home-stats-heading p{margin:0;color:var(--renew-muted);font-size:12px}.mobile-home-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.mobile-home-stats-grid>div{background:#fff;border:1px solid var(--renew-border);border-radius:17px;padding:15px 12px;text-align:center;box-shadow:0 10px 24px rgba(30,15,45,.05)}.mobile-home-stats-grid b{display:block;color:var(--renew-purple);font-size:23px;line-height:1.1}.mobile-home-stats-grid small{display:block;color:var(--renew-muted);font-size:10px;font-weight:800;margin-top:5px}
@media(max-width:850px){
  .mobile-home-stats{display:block!important;margin:16px 10px 0;padding:18px 14px;border:1px solid var(--renew-border);border-radius:22px;background:#fff;box-shadow:0 16px 36px rgba(30,15,45,.05)}
}
@media(max-width:520px){
  .create-brand-lockup{min-height:126px!important;padding:24px 14px!important}.create-brand-lockup strong{font-size:23px!important;max-width:330px!important}.create-brand-lockup small{font-size:11px!important;max-width:310px!important}
  footer{padding:28px 18px 96px!important;gap:16px!important}.footer-brand-logo img{width:54px!important;height:54px!important}.footer-links{gap:18px!important}
  .mobile-home-stats{margin-top:14px;padding:16px 12px!important}.mobile-home-stats-grid{gap:8px!important}.mobile-home-stats-grid>div{padding:14px 8px!important}.mobile-home-stats-grid b{font-size:21px!important}.mobile-home-stats-grid small{font-size:9px!important}
}
.hero-art-image{filter:hue-rotate(32deg) saturate(1.02)!important}
/* PHASE 13: dedicated QR-type logos */
.type-logo img[src$=".svg"]{width:31px!important;height:31px!important;object-fit:contain!important;display:block!important}
.type-logo.logo-website img[src$=".svg"]{width:32px!important;height:32px!important}
@media(max-width:520px){.type-logo img[src$=".svg"]{width:28px!important;height:28px!important}.type-logo.logo-website img[src$=".svg"]{width:29px!important;height:29px!important}}

/* PHASE 14: mobile-only Why Choose RenewQR before the Advanced QR promotion. */
.mobile-why-section{display:none}
@media(max-width:850px){
  .mobile-why-section{display:block!important;margin:16px 10px 14px;padding:18px 14px;border:1px solid var(--renew-border);border-radius:22px;background:#fff;box-shadow:0 16px 36px rgba(30,15,45,.05)}
  .mobile-why-heading{text-align:center}.mobile-why-heading h2{margin:9px 0 4px;font-size:25px;color:var(--renew-black)}.mobile-why-heading p{margin:0;color:var(--renew-muted);font-size:11px}
  .mobile-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}
  .mobile-why-grid article{background:#fff;border:1px solid var(--renew-border);border-radius:16px;padding:14px 11px;box-shadow:0 8px 20px rgba(30,15,45,.04)}
  .mobile-why-grid i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--renew-purple-soft);color:var(--renew-purple);font-style:normal;font-size:16px;margin-bottom:9px}
  .mobile-why-grid h3{margin:0 0 4px;color:var(--renew-black);font-size:13px}.mobile-why-grid p{margin:0;color:var(--renew-muted);font-size:10px;line-height:1.45}
}
@media(max-width:520px){
  .mobile-why-section{margin:14px 8px 12px;padding:16px 11px!important}.mobile-why-heading h2{font-size:22px!important}.mobile-why-heading p{font-size:10px!important}.mobile-why-grid{gap:8px!important}.mobile-why-grid article{padding:12px 9px!important}.mobile-why-grid h3{font-size:12px!important}.mobile-why-grid p{font-size:9px!important}.mobile-why-grid i{width:31px;height:31px;font-size:14px}
}

/* PHASE 15: iPhone stability + consistent mobile homepage sections. */
@media(max-width:850px){
  body.renewqr-popup-open{overflow:hidden!important;overscroll-behavior:none!important}
  #features{display:none!important}
  .mobile-why-section{display:block!important}
  .mobile-home-stats{display:block!important;visibility:visible!important;opacity:1!important}
  .type-logo img{width:31px!important;height:31px!important;object-fit:contain!important;display:block!important;margin:0 auto!important}
  .type-logo.logo-website img{width:32px!important;height:32px!important}
}
@media(max-width:520px){
  .type-logo img{width:29px!important;height:29px!important}
  .type-logo.logo-website img{width:30px!important;height:30px!important}
  .mobile-home-stats{margin-bottom:18px!important}
}
#renewqr-auth-modal{contain:layout paint!important;will-change:opacity,transform!important}
#renewqr-auth-modal .auth-modal-box{transform:translateZ(0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}

/* PHASE 16: final requested polish, with mobile-only emphasis where requested. */
.cta{
  background:linear-gradient(135deg,#ffffff 0%,#faf7ff 100%)!important;
  border:1px solid var(--renew-border)!important;
  box-shadow:0 18px 45px rgba(124,58,237,.08)!important;
}
.cta p{color:#6f6878!important}
.advanced-showcase{display:grid}
.advanced-mock-device{position:relative;width:min(92%,480px);height:260px;display:flex;align-items:center;justify-content:center;gap:14px}
.mock-qr-sheet{width:190px;height:205px;background:#fff;border-radius:20px;padding:18px;box-shadow:0 18px 38px rgba(0,0,0,.25);transform:rotate(-6deg);border:1px solid #e7dff1}
.mock-qr-title{font-weight:900;font-size:12px;color:#17131f;margin-bottom:12px}
.mock-qr-code{width:125px;height:125px;margin:auto;border-radius:14px;background:repeating-conic-gradient(#17131f 0 25%,#fff 0 50%) 50%/16px 16px;position:relative;box-shadow:inset 0 0 0 8px #fff}
.mock-qr-code span{position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:8px;background:#fff;border:5px solid #7c3aed;box-shadow:0 0 0 2px #fff}
.mock-qr-lines{display:flex;gap:5px;margin-top:10px}.mock-qr-lines i{height:4px;flex:1;border-radius:99px;background:#e7e0ef}
.mock-settings-card{width:190px;padding:18px;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 18px 38px rgba(0,0,0,.22);transform:rotate(5deg);border:1px solid #e7dff1;display:flex;flex-direction:column;gap:7px}
.mock-settings-card b{font-size:13px;color:#17131f}.mock-settings-card span{font-size:10px;line-height:1.5;color:#6f6878}.mock-settings-card em{font-size:10px;font-style:normal;font-weight:800;color:#7c3aed}
.advanced-showcase-btn{margin-top:2px}
@media(max-width:850px){
  .advanced-showcase{display:grid!important}
  .advanced-showcase-visual{background:linear-gradient(145deg,#0b0b10 0%,#17131f 70%,#24113c 100%)!important}
  .advanced-mock-device{height:215px;gap:10px}.mock-qr-sheet{width:150px;height:165px;padding:14px}.mock-qr-code{width:100px;height:100px;background-size:14px 14px}.mock-settings-card{width:160px;padding:14px}.mock-settings-card b{font-size:11px}.mock-settings-card span,.mock-settings-card em{font-size:9px}
  .create-brand-lockup{position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,#fff 0%,#faf6ff 72%,#f3e8ff 100%)!important;border:1px solid #d9c6ee!important;box-shadow:0 14px 30px rgba(124,58,237,.10)!important;text-align:center!important;justify-content:center!important}
  .create-brand-lockup::before{content:"✦";position:absolute;top:9px;left:14px;color:#7c3aed;font-size:16px;opacity:.9}.create-brand-lockup::after{content:"✦";position:absolute;right:14px;bottom:9px;color:#9a6be5;font-size:12px;opacity:.7}
  .create-brand-lockup strong{display:block!important;font-size:24px!important;line-height:1.12!important;letter-spacing:-.035em!important;color:#17131f!important;text-shadow:0 1px 0 #fff}
  .create-brand-lockup small{display:block!important;margin-top:8px!important;font-size:11px!important;line-height:1.5!important;color:#6f6878!important}
  .generator{position:relative!important;background:linear-gradient(180deg,#fff 0%,#faf7ff 100%)!important;border:1px solid #e0d5ee!important;box-shadow:0 18px 38px rgba(124,58,237,.10)!important;overflow:visible!important}
  .generator::before{content:"START HERE";position:absolute;top:-10px;left:14px;padding:5px 9px;border-radius:999px;background:#7c3aed;color:#fff;font-size:8px;font-weight:900;letter-spacing:.12em;box-shadow:0 7px 16px rgba(124,58,237,.24)}
  .generator .form label{color:#17131f!important}.generator .form input{border-color:#d8caea!important;box-shadow:0 5px 16px rgba(124,58,237,.05)!important}.generator .form-actions button:first-child{box-shadow:0 12px 25px rgba(124,58,237,.25)!important;transform:translateY(-1px)}
  .mobile-home-stats{margin-top:16px!important}
}
@media(min-width:851px){
  .advanced-showcase{margin-top:22px!important;margin-bottom:10px!important}
}


/* PHASE 17: precise popup/layout polish requested by user. */
html{scrollbar-gutter:stable;}
#solutions.cta{background:#fff!important;border:1px solid var(--renew-border)!important;box-shadow:0 16px 38px rgba(30,15,45,.05)!important;}
#solutions.cta p{color:var(--renew-muted)!important;}

/* Keep the top-right Login control hidden after authentication, including mobile CSS overrides. */
.renewqr-authenticated .auth-top-button{display:none!important;visibility:hidden!important;pointer-events:none!important;}

/* Reduce Safari/iPhone repaint flicker when the auth popup opens. */
#renewqr-auth-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:none!important;animation:none!important;}
#renewqr-auth-modal .auth-modal-box{transition:none!important;animation:none!important;}
html.renewqr-popup-open,body.renewqr-popup-open{overflow:hidden!important;overscroll-behavior:none!important;}
html.renewqr-popup-open .nav,html.renewqr-popup-open .mobile-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}

/* Advanced modal: always centered and never pushed to a side. */
[data-renewqr-action-modal]{width:100vw!important;height:100dvh!important;inset:0!important;display:grid!important;place-items:center!important;padding:16px!important;margin:0!important;background:rgba(15,10,22,.38)!important;}
.renewqr-advanced-modal{margin:0 auto!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important;box-shadow:0 18px 45px rgba(70,35,110,.18)!important;}
@media(max-width:520px){
  .renewqr-advanced-modal{width:calc(100vw - 24px)!important;height:auto!important;max-height:calc(100dvh - 112px)!important;margin:0 auto!important;}
}

/* Mobile tagline: attractive but without the unwanted rectangular inner border. */
@media(max-width:850px){
  .create-brand-lockup{border:0!important;border-color:transparent!important;box-shadow:none!important;background:linear-gradient(135deg,#fff 0%,#fbf8ff 75%,#f3e8ff 100%)!important;}
}

/* Advanced showcase: white/purple instead of the old black block, with a branded QR preview. */
.advanced-showcase-visual{background:linear-gradient(145deg,#fff 0%,#faf7ff 68%,#f1e6ff 100%)!important;border:1px solid #e4d8f1!important;box-shadow:none!important;}
.mock-qr-sheet{background:#fff!important;box-shadow:0 14px 30px rgba(70,35,110,.12)!important;border:1px solid #e2d7ef!important;}
.mock-qr-image{width:125px;height:125px;display:block;object-fit:contain;margin:0 auto;border-radius:16px;}
.mock-qr-lines i{background:#e3d9ef!important;}
.mock-settings-card{background:#fff!important;box-shadow:0 14px 30px rgba(70,35,110,.10)!important;border-color:#e2d7ef!important;}
@media(max-width:850px){.advanced-showcase-visual{background:linear-gradient(145deg,#fff 0%,#faf7ff 68%,#f1e6ff 100%)!important;}.mock-qr-image{width:96px;height:96px;}}

/* Keep the mobile live counters at the end of the homepage, with a clear first-party purple treatment. */
@media(max-width:850px){
  .mobile-home-stats{display:block!important;visibility:visible!important;opacity:1!important;background:#fff!important;border-color:#ded3ec!important;box-shadow:0 14px 34px rgba(70,35,110,.07)!important;}
  .mobile-home-stats-grid>div{border-color:#e4d9ef!important;background:#fff!important;}
}

/* PHASE 18: final mobile counters, popup stability and visual cleanup. */

/* Live homepage counters must remain visible on the phone homepage. */
@media (max-width:850px){
  body[data-active-view="home"] .mobile-home-stats{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* Merge the mobile tagline color into the rounded parent instead of creating a second rectangular panel. */
@media (max-width:850px){
  #create .create-page-intro{
    background:linear-gradient(135deg,#fff 0%,#fbf8ff 72%,#f3e8ff 100%)!important;
    border:1px solid #ded5eb!important;
    box-shadow:0 14px 30px rgba(124,58,237,.07)!important;
  }
  #create .create-brand-lockup{
    min-height:0!important;
    padding:22px 14px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:inherit!important;
  }
}

/* Do not repaint the sticky navigation when the login popup opens. */
html.renewqr-popup-open .nav,
html.renewqr-popup-open .mobile-nav,
body.renewqr-popup-open .nav,
body.renewqr-popup-open .mobile-nav{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:none!important;
}

/* Clip rather than resize the document when a popup opens, preventing scrollbar/layout flicker. */
html.renewqr-popup-open,
body.renewqr-popup-open{
  overflow:clip!important;
  overscroll-behavior:none!important;
}
#renewqr-auth-modal,
#renewqr-auth-modal .auth-modal-box{
  animation:none!important;
  transition:none!important;
}
#renewqr-auth-modal{will-change:auto!important;transform:translateZ(0)!important;}
#renewqr-auth-modal .auth-modal-box{will-change:auto!important;transform:translateZ(0)!important;}

/* Stronger authenticated-state guarantee for the header login control. */
.auth-top-button[hidden],
.renewqr-authenticated .auth-top-button{display:none!important;visibility:hidden!important;pointer-events:none!important;width:0!important;min-width:0!important;padding:0!important;border:0!important;}

/* Advanced QR modal: clean center placement, no dark panel shadow, full header visibility. */
[data-renewqr-action-modal]{
  background:rgba(255,255,255,.78)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.renewqr-advanced-modal{
  align-self:center!important;
  justify-self:center!important;
  box-shadow:0 12px 28px rgba(70,35,110,.10)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scroll-margin:0!important;
}
@media(max-width:850px){
  .renewqr-advanced-modal{
    width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 92px)!important;
    height:auto!important;
    margin:0!important;
    align-self:center!important;
  }
}

/* Keep the full Advanced QR showcase readable in the phone viewport. */
@media(max-width:850px){
  body[data-active-view="home"] .advanced-showcase{display:block!important;overflow:visible!important;}
  .advanced-showcase-visual{min-height:190px!important;}
  .advanced-showcase-copy{display:block!important;visibility:visible!important;opacity:1!important;padding:8px 2px 0!important;}
  .advanced-showcase-copy h2{margin-top:8px!important;}
  .advanced-showcase-grid{display:grid!important;}
}

/* Keep the Advanced QR showcase free of any legacy dark/black presentation. */
.advanced-showcase-visual,
.advanced-showcase-visual::before,
.advanced-showcase-visual::after{box-shadow:none!important;}



/* PHASE 19: desktop auth flicker + cleaner Advanced QR showcase. */
.advanced-showcase-badge{display:none!important;}
.mock-qr-sheet{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;}
.mock-qr-title{display:block!important;width:100%!important;text-align:center!important;color:var(--renew-purple)!important;font-weight:900!important;font-size:15px!important;letter-spacing:-.01em!important;margin:0 0 10px!important;}
.mock-qr-image{margin:0 auto!important;}
@media(max-width:850px){.mock-qr-title{font-size:13px!important;margin-bottom:8px!important;}}
@media(min-width:851px){html.renewqr-popup-open,body.renewqr-popup-open{overflow:visible!important;overscroll-behavior:auto!important;}#renewqr-auth-modal{position:fixed!important;inset:0!important;overflow:auto!important;}}


/* PHASE 21: popup fit, complete Advanced QR scrolling, and type-specific animated names. */
.qr-preview-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;padding:12px;color:#17131f;background:#fff;border-radius:8px;}
.qr-preview-icon{font-size:42px;line-height:1;color:var(--renew-purple,#7c3aed);}
.qr-preview-typing{min-height:22px;font-size:14px;font-weight:900;color:var(--renew-purple,#7c3aed);letter-spacing:-.01em;}

.renewqr-result-modal{box-sizing:border-box!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;}
.renewqr-result-modal .qr-result-wrap{width:100%;box-sizing:border-box;}
.renewqr-result-modal .qr-result-image-wrap{box-sizing:border-box;max-height:min(320px,45dvh);}
.renewqr-result-modal .qr-result-image{max-height:100%;}
.renewqr-result-modal .qr-result-actions{flex-wrap:wrap;padding-bottom:2px;}

.renewqr-advanced-modal{box-sizing:border-box!important;max-height:calc(100dvh - 32px)!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;}
.renewqr-advanced-modal .advanced-modal-footer{bottom:0!important;}

@media(max-width:520px){
  .renewqr-result-modal{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 28px)!important;padding:12px!important;}
  .renewqr-result-modal .action-modal-head{margin-bottom:6px;}
  .renewqr-result-modal .qr-result-image-wrap{width:min(220px,78vw)!important;max-height:220px!important;margin-bottom:10px;padding:10px!important;border-radius:18px;}
  .renewqr-result-modal .qr-result-wrap p{font-size:11px;margin-bottom:10px;}
  .renewqr-result-modal .qr-result-actions{gap:7px;}
  .renewqr-result-modal .qr-result-actions button{min-width:0!important;flex:1 1 120px;padding:10px 12px;}
  .renewqr-advanced-modal{width:calc(100vw - 20px)!important;height:auto!important;max-height:calc(100dvh - 28px)!important;padding:11px!important;}
  .renewqr-advanced-modal .advanced-modal-footer{position:sticky!important;bottom:0!important;}
}


/* Phase 22: Advanced QR is a dedicated full-screen workspace, not a popup. */
.renewqr-advanced-fullscreen{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  z-index:300000!important;
  background:#fff!important;
  overflow:hidden!important;
}
.advanced-fullscreen-shell{
  width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#faf9fc);
}
.advanced-fullscreen-head{
  min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--renew-border);background:#fff;flex:0 0 auto;
}
.advanced-fullscreen-brand{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.advanced-fullscreen-brand strong{font-size:20px;letter-spacing:-.02em;color:var(--renew-black)}.advanced-fullscreen-spacer{display:block}
.advanced-back-home{justify-self:start;min-width:150px}
.advanced-fullscreen-content{flex:1;min-height:0;overflow:auto;padding:24px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.renewqr-advanced-fullscreen .advanced-modal-intro{max-width:1180px;margin:0 auto 16px}.renewqr-advanced-fullscreen .advanced-form-grid,.renewqr-advanced-fullscreen .advanced-detail-card,.renewqr-advanced-fullscreen .advanced-modal-footer{max-width:1180px;margin-left:auto;margin-right:auto}
.renewqr-advanced-fullscreen .advanced-modal-footer{position:sticky;bottom:0;margin-top:16px;padding:14px 0;background:rgba(250,249,252,.96);border-top:1px solid var(--renew-border);z-index:5;display:flex;justify-content:flex-end}
.renewqr-advanced-fullscreen .advanced-generate-large{min-width:240px}
.advanced-logo-note{display:block;font-size:10px;color:var(--renew-muted);line-height:1.45;padding-top:3px}
@media(max-width:700px){
  .advanced-fullscreen-head{min-height:62px;padding:10px 12px;grid-template-columns:auto 1fr;gap:10px}.advanced-fullscreen-spacer{display:none}.advanced-fullscreen-brand{align-items:flex-start}.advanced-fullscreen-brand strong{font-size:16px}.advanced-back-home{min-width:0;padding:9px 11px;font-size:11px}.advanced-fullscreen-content{padding:14px}.renewqr-advanced-fullscreen .advanced-modal-footer{padding:10px 0}.renewqr-advanced-fullscreen .advanced-generate-large{width:100%}
}

/* PHASE 24: Advanced QR visual polish, full brand lockup, and responsive result modal. */
.renewqr-advanced-fullscreen .advanced-type-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(105px,1fr));
  gap:12px;
}
.renewqr-advanced-fullscreen .advanced-type-btn{
  min-height:104px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid #e5d8f3!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#faf7ff)!important;
  color:#21182b!important;
  box-shadow:0 8px 18px rgba(92,45,135,.06)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important;
}
.renewqr-advanced-fullscreen .advanced-type-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(92,45,135,.11)!important;border-color:#cdb4ea!important}
.renewqr-advanced-fullscreen .advanced-type-btn.active{background:linear-gradient(180deg,#f7efff,#eee2ff)!important;border-color:#9d70df!important;box-shadow:0 12px 26px rgba(124,58,237,.14)!important;color:#5b2493!important}
.renewqr-advanced-fullscreen .advanced-type-btn .type-logo{width:48px!important;height:48px!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 12px rgba(60,30,90,.08)!important}
.renewqr-advanced-fullscreen .advanced-type-btn .type-logo img{width:34px!important;height:34px!important;object-fit:contain!important}
.renewqr-advanced-fullscreen .advanced-detail-card{border-color:#e4d9ef!important;border-radius:22px!important;box-shadow:0 10px 28px rgba(48,25,72,.055)!important}
.renewqr-advanced-fullscreen .advanced-section-title{font-size:14px!important;color:#4b246f!important;padding-bottom:10px!important}
.renewqr-advanced-fullscreen .advanced-section-title span{background:#f1e6ff!important;padding:5px 8px;border-radius:999px;font-size:8px!important}
.renewqr-advanced-fullscreen label{color:#4a4054!important;font-size:11px!important}
.renewqr-advanced-fullscreen input,.renewqr-advanced-fullscreen select,.renewqr-advanced-fullscreen textarea{
  border-color:#ddd1ea!important;border-radius:12px!important;min-height:40px!important;color:#21182b!important;box-shadow:inset 0 1px 2px rgba(50,20,80,.03)!important;
}
.renewqr-advanced-fullscreen input:focus,.renewqr-advanced-fullscreen select:focus,.renewqr-advanced-fullscreen textarea:focus{border-color:#8d5bd1!important;box-shadow:0 0 0 3px rgba(124,58,237,.09)!important}
.renewqr-advanced-fullscreen .advanced-design-card{background:linear-gradient(180deg,#fff,#fbf9fe)!important}
.renewqr-advanced-fullscreen .compact-design-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.renewqr-advanced-fullscreen .compact-design-grid label{
  padding:11px;border:1px solid #e7ddef;border-radius:15px;background:#fff;box-shadow:0 6px 15px rgba(70,35,110,.045);
}
.renewqr-advanced-fullscreen .custom-logo-highlight{
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:14px!important;
  padding:15px!important;
  margin-bottom:14px!important;
  border:1.5px solid #cdb0f1!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#fff8e8 0%,#f8efff 52%,#f0e6ff 100%)!important;
  box-shadow:0 12px 28px rgba(124,58,237,.10)!important;
}
.renewqr-advanced-fullscreen .custom-logo-icon{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:#7c3aed!important;color:#fff!important;font-size:23px!important;box-shadow:0 8px 18px rgba(124,58,237,.24)!important}
.renewqr-advanced-fullscreen .custom-logo-copy strong{display:block!important;color:#4b246f!important;font-size:15px!important;margin-bottom:4px!important}
.renewqr-advanced-fullscreen .custom-logo-copy span,.renewqr-advanced-fullscreen .custom-logo-copy small{display:block!important;color:#675d70!important;font-size:10px!important;line-height:1.5!important}
.renewqr-advanced-fullscreen .custom-logo-upload{padding:10px 12px!important;border:1px dashed #9d70df!important;border-radius:13px!important;background:#fff!important;color:#5d2b91!important;font-weight:900!important;white-space:nowrap!important}
.renewqr-advanced-fullscreen .custom-logo-upload input{margin-top:5px!important;min-height:auto!important;padding:0!important;border:0!important;box-shadow:none!important}
.renewqr-advanced-fullscreen .adv-live-preview{min-height:300px!important;border-style:solid!important;border-color:#e1d5ec!important;border-radius:18px!important;background:#fff!important}
.renewqr-advanced-fullscreen .adv-preview-qr-shell canvas,.renewqr-advanced-fullscreen .adv-preview-qr-shell svg{width:min(330px,100%)!important;height:auto!important}

/* Keep generated result dialogs genuinely centered on desktop. Mobile rules below remain untouched. */
@media(min-width:851px){
  [data-renewqr-action-modal]{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;display:grid!important;place-items:center!important;padding:24px!important;overflow:hidden!important}
  [data-renewqr-action-modal] > .auth-modal-box{margin:0!important;justify-self:center!important;align-self:center!important}
}

@media(max-width:900px){
  .renewqr-advanced-fullscreen .advanced-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .renewqr-advanced-fullscreen .compact-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .renewqr-advanced-fullscreen .custom-logo-highlight{grid-template-columns:auto 1fr!important}
  .renewqr-advanced-fullscreen .custom-logo-upload{grid-column:1/-1}
}
@media(max-width:560px){
  .renewqr-advanced-fullscreen .advanced-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .renewqr-advanced-fullscreen .advanced-type-btn{min-height:88px!important}
  .renewqr-advanced-fullscreen .advanced-type-btn .type-logo{width:42px!important;height:42px!important}
  .renewqr-advanced-fullscreen .custom-logo-highlight{grid-template-columns:auto 1fr!important;gap:9px!important;padding:12px!important}
  .renewqr-advanced-fullscreen .custom-logo-icon{width:40px!important;height:40px!important}
  .renewqr-advanced-fullscreen .custom-logo-copy strong{font-size:13px!important}
  .renewqr-advanced-fullscreen .adv-live-preview{min-height:250px!important}
}

/* PHASE 25: QR scannability, compact logo payloads, and strict mobile vertical scrolling. */
.renewqr-advanced-fullscreen,
.renewqr-advanced-fullscreen .advanced-fullscreen-shell,
.renewqr-advanced-fullscreen .advanced-fullscreen-content{
  width:100%!important;max-width:100%!important;min-width:0!important;
}
.renewqr-advanced-fullscreen .advanced-fullscreen-content{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-x:none!important;}
.renewqr-advanced-fullscreen .advanced-form-grid,
.renewqr-advanced-fullscreen .advanced-detail-card,
.renewqr-advanced-fullscreen .advanced-type-grid,
.renewqr-advanced-fullscreen .compact-design-grid,
.renewqr-advanced-fullscreen .compact-fields{min-width:0!important;max-width:100%!important;}
.renewqr-advanced-fullscreen .advanced-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
.renewqr-advanced-fullscreen .compact-design-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
.renewqr-advanced-fullscreen label,.renewqr-advanced-fullscreen input,.renewqr-advanced-fullscreen select,.renewqr-advanced-fullscreen textarea{min-width:0!important;max-width:100%!important;}
.renewqr-advanced-fullscreen input[type=file]{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;}
.renewqr-advanced-fullscreen .custom-logo-highlight{min-width:0!important;max-width:100%!important;overflow:hidden!important;}
.renewqr-advanced-fullscreen .custom-logo-upload{min-width:0!important;max-width:100%!important;overflow:hidden!important;white-space:normal!important;}
@media(max-width:900px){
  .renewqr-advanced-fullscreen .advanced-form-grid{grid-template-columns:minmax(0,1fr)!important;}
  .renewqr-advanced-fullscreen .compact-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:560px){
  .renewqr-advanced-fullscreen .advanced-fullscreen-content{padding-left:10px!important;padding-right:10px!important;overflow-x:hidden!important;}
  .renewqr-advanced-fullscreen .advanced-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .renewqr-advanced-fullscreen .compact-fields.two{grid-template-columns:minmax(0,1fr)!important;}
  .renewqr-advanced-fullscreen .advanced-detail-card{width:100%!important;}
}
.renewqr-result-modal .qr-result-image{object-fit:contain!important;display:block!important;margin:0 auto!important;}

/* PHASE 27: dual Advanced QR branding modes, stronger logo sizing, centered result modal, and showcase ads. */
.advanced-brand-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.advanced-brand-mode{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;border:1px solid #e2d7ef;border-radius:18px;background:#fff;box-shadow:0 8px 18px rgba(70,35,110,.05);cursor:pointer;transition:.16s ease}
.advanced-brand-mode:hover{transform:translateY(-1px);border-color:#cbb0eb;box-shadow:0 12px 22px rgba(124,58,237,.09)}
.advanced-brand-mode.active{border-color:#8b52d4;background:linear-gradient(180deg,#fbf6ff,#f3e8ff);box-shadow:0 12px 24px rgba(124,58,237,.12)}
.advanced-brand-mode-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:#7c3aed;color:#fff;font-size:22px;font-weight:900;box-shadow:0 8px 16px rgba(124,58,237,.22)}
.advanced-brand-mode b{display:block;color:#4b246f;font-size:13px;margin-bottom:3px}.advanced-brand-mode small{display:block;color:#6b6274;font-size:10px;line-height:1.45}
.advanced-brand-feature-panel[hidden]{display:none!important}
.renewqr-result-modal{width:min(600px,calc(100vw - 40px))!important;max-height:calc(100dvh - 48px)!important;overflow:auto!important;margin:0!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important}
.renewqr-result-modal .qr-result-image-wrap{display:grid!important;place-items:center!important;min-height:120px!important}
.renewqr-result-modal .qr-result-image{width:min(380px,82vw)!important;height:auto!important;max-height:46dvh!important;object-fit:contain!important;display:block!important;margin:0 auto!important}
.renewqr-result-modal .qr-result-loading{padding:40px 20px;color:#6b6274;font-size:12px}
.advanced-showcase-grid{align-items:stretch}.advanced-showcase-grid>div{min-height:78px}.advanced-feature-ad{display:flex;flex-direction:column;justify-content:center}
@media(max-width:700px){
  .advanced-brand-mode-grid{grid-template-columns:1fr}renewqr-result-modal{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 28px)!important}.renewqr-result-modal .qr-result-image{width:min(300px,78vw)!important;max-height:40dvh!important}
}
@media(min-width:851px){[data-renewqr-action-modal]{display:flex!important;align-items:center!important;justify-content:center!important}.renewqr-result-modal{margin:auto!important}}


/* PHASE 30: centered QR result dialog with non-overlapping actions on all screens. */
[data-renewqr-action-modal]{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
[data-renewqr-action-modal] > .auth-modal-box.renewqr-result-modal{
  width:min(520px,calc(100vw - 32px))!important;
  max-width:520px!important;
  max-height:calc(100dvh - 32px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  margin:0!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  padding:18px!important;
}
.renewqr-result-modal .qr-result-wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:100%!important;
}
.renewqr-result-modal .qr-result-image-wrap{
  width:min(260px,72vw)!important;
  height:min(260px,34dvh)!important;
  aspect-ratio:1/1!important;
  flex:0 0 auto!important;
  padding:10px!important;
  margin:8px auto 12px!important;
  box-sizing:border-box!important;
}
.renewqr-result-modal .qr-result-image{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}
.renewqr-result-modal .qr-result-actions{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  margin:0!important;
  padding:2px 0 0!important;
}
.renewqr-result-modal .qr-result-actions button{
  position:relative!important;
  z-index:4!important;
  flex:0 1 auto!important;
  min-width:125px!important;
}
@media(max-width:560px){
  [data-renewqr-action-modal]{padding:12px!important;}
  [data-renewqr-action-modal] > .auth-modal-box.renewqr-result-modal{
    width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 24px)!important;
    padding:14px!important;
    border-radius:20px!important;
  }
  .renewqr-result-modal .qr-result-wrap h3{font-size:19px!important;margin:7px 0 4px!important;}
  .renewqr-result-modal .qr-result-wrap p{font-size:11px!important;line-height:1.4!important;margin-bottom:7px!important;}
  .renewqr-result-modal .qr-result-image-wrap{
    width:min(220px,68vw)!important;
    height:min(220px,29dvh)!important;
    padding:8px!important;
    margin:7px auto 10px!important;
    border-radius:17px!important;
  }
  .renewqr-result-modal .qr-result-actions{gap:8px!important;}
  .renewqr-result-modal .qr-result-actions button{min-width:0!important;flex:1 1 0!important;padding:10px 11px!important;}
}


.account-contact-panel{margin-top:14px}.account-contact-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:4px}.account-contact-actions .secondary{min-width:130px}@media(max-width:700px){.account-contact-actions{align-items:stretch;flex-direction:column}.account-contact-actions .secondary{width:100%}}


/* RenewQR polish: subtle texture, richer surfaces and stable login modal */
body{background:radial-gradient(circle at 12px 18px,rgba(16,12,22,.055) 0 1px,transparent 1.4px) 0 0/24px 24px,radial-gradient(circle at 5px 9px,rgba(16,12,22,.035) 0 1px,transparent 1.2px) 0 0/37px 37px,linear-gradient(180deg,#eefcff 0%,#e7f8fb 45%,#fff 100%) !important;}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.12;background:repeating-linear-gradient(135deg,rgba(0,0,0,.045) 0 1px,transparent 1px 9px);}
.hero,.stats,.section-card,.advanced-showcase,.mobile-home-stats,.advanced-qr-row,.cta{position:relative;overflow:hidden;}
.hero::after,.section-card::after,.advanced-showcase::after,.stats::after,.mobile-home-stats::after,.cta::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background:radial-gradient(circle at 18% 28%,#000 0 1px,transparent 1.5px) 0 0/22px 22px;}
.account-feature-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px;}
.account-feature-pills span{padding:8px 11px;border:1px solid rgba(17,17,24,.1);border-radius:999px;background:rgba(255,255,255,.72);font-size:.82rem;font-weight:700;}
.free-access-panel{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(238,252,255,.84));}
.renewqr-auth-overlay{position:fixed !important;inset:0 !important;z-index:100000 !important;display:grid !important;place-items:center !important;padding:20px !important;background:rgba(11,11,16,.48) !important;contain:strict !important;isolation:isolate !important;overflow:auto !important;opacity:1 !important;visibility:visible !important;transform:translateZ(0);backface-visibility:hidden;}
.renewqr-auth-overlay .auth-modal-box{width:min(440px,100%) !important;max-height:min(90vh,760px) !important;overflow:auto !important;border:1px solid rgba(124,58,237,.14) !important;border-radius:24px !important;box-shadow:0 28px 90px rgba(0,0,0,.28) !important;contain:layout paint !important;transform:translateZ(0);backface-visibility:hidden;}
#renewqr-auth-modal #googleSignInButton{height:44px !important;min-height:44px !important;overflow:hidden !important;contain:layout paint !important;}
@media (min-width:851px){html.renewqr-popup-open,body.renewqr-popup-open{overflow:hidden !important;}.renewqr-auth-overlay{overflow:hidden !important;}}


/* FINAL VISUAL PASS: advanced, dark-accented surfaces, no dotted page pattern. */
html,body{background:#f7f5fb!important;}
body{
  background:
    radial-gradient(900px 500px at 8% -4%,rgba(124,58,237,.16),transparent 62%),
    radial-gradient(800px 520px at 96% 18%,rgba(31,41,55,.12),transparent 60%),
    linear-gradient(180deg,#f8f7fb 0%,#f1eef7 52%,#fbfbfd 100%)!important;
}
body::before{content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;z-index:-1!important;opacity:.34!important;background:
  linear-gradient(115deg,rgba(17,17,24,.055) 0 1px,transparent 1px 11px),
  linear-gradient(295deg,rgba(124,58,237,.035) 0 1px,transparent 1px 15px)!important;background-size:19px 19px,27px 27px!important;}
.hero,.stats,.section-card,.advanced-showcase,.mobile-home-stats,.advanced-qr-row,.cta,.generator,.plan-card,.chart-card,.top-qr-card,.org-card,.scan-note,.feature-grid article,.metric,.mini-insight-card{
  border-color:rgba(17,17,24,.10)!important;
  box-shadow:0 20px 55px rgba(17,17,24,.08),0 2px 0 rgba(255,255,255,.88) inset!important;
}
.hero{background:
  radial-gradient(circle at 76% 18%,rgba(124,58,237,.22),transparent 33%),
  linear-gradient(135deg,#fff 0%,#f7f3fd 60%,#ece7f5 100%)!important;}
.hero::after,.section-card::after,.advanced-showcase::after,.stats::after,.mobile-home-stats::after,.cta::after{display:none!important;}
.nav{box-shadow:0 10px 32px rgba(17,17,24,.09)!important;border-bottom-color:rgba(17,17,24,.08)!important;}
.primary,.secondary,.ghost,.type,.stat-icon,.feature-grid article,.plan-card,.metric,.chart-card,.top-qr-card,.org-card,.generator,.scan-note{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease!important;}
.primary:hover,.secondary:hover,.ghost:hover,.type:hover{transform:translateY(-2px);}
.primary:active,.secondary:active,.ghost:active,.type:active{transform:translateY(0) scale(.985);}
.stats>div,.type,.metric,.feature-grid article,.plan-card,.org-card,.chart-card,.top-qr-card,.scan-note{position:relative;overflow:hidden;}
.stats>div::before,.type::before,.metric::before,.feature-grid article::before,.plan-card::before,.org-card::before,.chart-card::before,.top-qr-card::before,.scan-note::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(124,58,237,.075),transparent 42%,rgba(17,17,24,.045));opacity:.7;}
.advanced-showcase{background:linear-gradient(135deg,#111118 0%,#17141f 46%,#24153c 100%)!important;border-color:#2b2633!important;box-shadow:0 24px 70px rgba(17,17,24,.20)!important;}
.advanced-showcase-visual{background:
  radial-gradient(circle at 30% 25%,rgba(124,58,237,.22),transparent 38%),
  linear-gradient(145deg,#0b0b10,#17131f 62%,#24133d)!important;border:0!important;}
.advanced-showcase-copy,.advanced-showcase-copy h2,.advanced-showcase-copy p,.advanced-showcase-copy span,.advanced-showcase-grid b,.advanced-showcase-grid span{color:#fff!important;}
.advanced-showcase-copy p,.advanced-showcase-grid span{color:#cfc8d9!important;}
.advanced-showcase-grid>div{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(8px);}
.mock-qr-sheet{animation:renewFloat 5.5s ease-in-out infinite;}
.mock-settings-card{animation:renewFloat 5.5s ease-in-out infinite reverse;}
.hero-art-image{filter:drop-shadow(0 22px 40px rgba(17,17,24,.16));animation:renewFloat 6s ease-in-out infinite;}
.eyebrow,.renew-mini-label{box-shadow:0 7px 20px rgba(124,58,237,.08);}
@keyframes renewFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes renewPulse{0%,100%{box-shadow:0 0 0 0 rgba(124,58,237,0)}50%{box-shadow:0 0 0 7px rgba(124,58,237,.07)}}
.primary{animation:renewPulse 3.6s ease-in-out infinite;}
.auth-modal-box{box-shadow:0 30px 90px rgba(17,17,24,.30)!important;border:1px solid rgba(124,58,237,.14)!important;}
#renewqr-auth-modal{background:rgba(9,9,13,.62)!important;}
#renewqr-auth-modal .auth-brand-logo{box-shadow:0 12px 28px rgba(124,58,237,.14)!important;}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}

/* =========================
   PHASE 31: MOTION + IPHONE QR ALIGNMENT
   Visual-only interaction polish. Existing functionality and content stay unchanged.
========================= */
:root{--renew-motion:.46s;--renew-ease:cubic-bezier(.22,.8,.22,1)}

/* The active app view now glides into place instead of appearing abruptly. */
.renew-view-enter{
  animation-duration:var(--renew-motion)!important;
  animation-timing-function:var(--renew-ease)!important;
  animation-fill-mode:both!important;
  animation-delay:var(--renew-view-stagger,0ms)!important;
  will-change:transform,opacity,filter!important;
}
.renew-view-enter.renew-view-from-right{animation-name:renewViewSlideRight!important}
.renew-view-enter.renew-view-from-left{animation-name:renewViewSlideLeft!important}
@keyframes renewViewSlideRight{from{opacity:0;transform:translate3d(26px,8px,0);filter:blur(4px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes renewViewSlideLeft{from{opacity:0;transform:translate3d(-26px,8px,0);filter:blur(4px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}

/* Section elements feel tactile when entered. */
.home-marketing,.section-card,.advanced-panel,.advanced-showcase,.mobile-home-stats,.mobile-why-section,.cta{
  scroll-margin-top:90px;
}
.section-card,.advanced-showcase,.mobile-home-stats,.mobile-why-section,.cta,.generator,.type,.metric,.chart-card,.plan-card,.org-card,.feature-grid article,.top-qr-card,.scan-note{
  transition:transform .28s var(--renew-ease),box-shadow .28s var(--renew-ease),border-color .28s ease,background .28s ease!important;
}
.section-card:hover,.advanced-showcase:hover,.mobile-home-stats:hover,.mobile-why-section:hover,.cta:hover{transform:translateY(-2px)}

/* Clicks get a quick inward slide/scale without affecting layout. */
button,a,.type,.mobile-nav button,.advanced-brand-mode{
  -webkit-tap-highlight-color:transparent;
}
button:active,.type:active,.mobile-nav button:active,.advanced-brand-mode:active{transform:translateY(1px) scale(.975)!important}

/* Modal motion: slide + soften instead of popping straight in. */
[data-renewqr-action-modal] > .auth-modal-box{
  animation:renewModalIn .38s var(--renew-ease) both!important;
}
@keyframes renewModalIn{from{opacity:0;transform:translate3d(0,24px,0) scale(.97);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}

/* Advanced showcase stays completely inside the mobile card. */
.advanced-showcase-visual{overflow:hidden!important;clip-path:inset(0 round 22px)}
.advanced-mock-device{max-width:100%!important;min-width:0!important;}

/* Safari/iPhone result modal: use a true square flex frame so the QR bitmap cannot drift. */
.renewqr-result-modal .qr-result-image-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.renewqr-result-modal .qr-result-image{
  position:relative!important;
  left:0!important;
  top:0!important;
  transform:none!important;
  object-position:50% 50%!important;
  flex:0 0 auto!important;
}
@media(max-width:560px){
  [data-renewqr-action-modal] > .auth-modal-box.renewqr-result-modal{
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    padding:14px 12px 13px!important;
  }
  .renewqr-result-modal .qr-result-wrap{width:100%!important;align-items:center!important}
  .renewqr-result-modal .qr-result-image-wrap{
    width:min(222px,64vw)!important;
    height:min(222px,64vw)!important;
    max-height:none!important;
    min-height:0!important;
    padding:9px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-self:center!important;
  }
  .renewqr-result-modal .qr-result-image{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    margin:0!important;
  }
  .renewqr-result-modal .qr-result-actions{width:100%!important;justify-content:center!important}
}

/* Mobile advanced showcase: no transformed child may protrude outside its rounded frame. */
@media(max-width:850px){
  .advanced-mock-device{width:100%!important;height:205px!important;gap:8px!important;justify-content:center!important;padding:0 5px!important;}
  .mock-qr-sheet{width:clamp(124px,37vw,145px)!important;height:clamp(142px,42vw,158px)!important;padding:12px!important;transform:rotate(-3deg)!important;flex:0 1 auto!important;}
  .mock-qr-title{font-size:12px!important;margin-bottom:7px!important}
  .mock-qr-image{width:clamp(78px,25vw,96px)!important;height:clamp(78px,25vw,96px)!important;}
  .mock-qr-lines{margin-top:7px!important}
  .mock-settings-card{width:clamp(116px,34vw,132px)!important;padding:12px!important;transform:rotate(3deg)!important;flex:0 1 auto!important;min-width:0!important;}
  .mock-settings-card b{font-size:10px!important}.mock-settings-card span,.mock-settings-card em{font-size:8px!important}
}

/* Staggered card reveal when a page opens. */
[data-view="home"] .feature-grid article,[data-view="dashboard"] .metric,[data-view="library"] .table-wrap,[data-view="account"] .account-profile-card{
  animation:renewCardRise .42s var(--renew-ease) both;
}
@keyframes renewCardRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
  .renew-view-enter,[data-view="home"] .feature-grid article,[data-view="dashboard"] .metric,[data-view="library"] .table-wrap,[data-view="account"] .account-profile-card{animation:none!important}
}


/* Requested UI fixes: seamless top ticker and Solutions content. */
.top-strip{overflow:hidden!important}
.ticker{display:flex!important;width:max-content!important;min-width:100%!important;gap:0!important;animation:ticker 22s linear infinite!important;will-change:transform}
.ticker-group{display:flex;align-items:center;gap:22px;flex:0 0 auto;padding-right:22px}
@keyframes ticker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.333333%,0,0)}}
.solutions-section{background:#fff!important;border:1px solid var(--renew-border)!important;box-shadow:0 16px 38px rgba(30,15,45,.05)!important}
.solutions-heading{max-width:760px;margin:0 auto 30px;text-align:center}
.solutions-heading .renew-mini-label{display:inline-block}
.solutions-heading h2{margin:10px 0 10px;font-size:36px;letter-spacing:-.04em;color:var(--renew-black)}
.solutions-heading p{margin:0;color:var(--renew-muted);line-height:1.6}
.solutions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;text-align:left;margin-bottom:28px}
.solutions-grid article{padding:22px;border:1px solid var(--renew-border);border-radius:20px;background:#faf9fc;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.solutions-grid article:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(30,15,45,.07);border-color:#d8c8ee}
.solution-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--renew-purple-soft);color:var(--renew-purple);font-size:22px;font-weight:900;margin-bottom:16px}
.solutions-grid h3{margin:0 0 8px;color:var(--renew-black);font-size:17px}
.solutions-grid p{margin:0;color:var(--renew-muted);font-size:13px;line-height:1.55}
.solutions-section>.primary{display:block;margin:0 auto}
@media(max-width:850px){
  .ticker{animation-duration:18s!important}
  .ticker-group{gap:13px;padding-right:13px}
  .solutions-heading h2{font-size:28px}
  .solutions-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){.solutions-grid{grid-template-columns:1fr}}

.contact-qr-fields textarea,.advanced-contact-fields textarea{width:100%;margin-top:7px;padding:14px 16px;border:1px solid #ddd5e6;border-radius:13px;background:#fff;outline:0;resize:vertical}.required-mark{color:#d04a4a}.contact-validation{min-height:18px;margin-top:4px;color:#b53a3a;font-size:12px;font-weight:700}.advanced-beyond-label{background:#7c3aed!important;color:#fff!important;text-shadow:none!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 8px 18px rgba(124,58,237,.22)!important}

/* Mobile Contact form alignment: keep every label/input stacked cleanly. */
.contact-qr-fields label{display:block!important;width:100%!important;margin-bottom:10px;}
.contact-qr-fields input,.contact-qr-fields textarea{width:100%!important;max-width:100%!important;min-width:0!important;display:block!important;}
.renewqr-advanced-fullscreen .advanced-contact-fields label{display:block!important;width:100%!important;margin-bottom:10px;}
.renewqr-advanced-fullscreen .advanced-contact-fields input,.renewqr-advanced-fullscreen .advanced-contact-fields textarea{width:100%!important;max-width:100%!important;min-width:0!important;display:block!important;box-sizing:border-box!important;}
@media(max-width:560px){
  .contact-qr-fields label,.renewqr-advanced-fullscreen .advanced-contact-fields label{margin-bottom:9px!important;}
  .contact-qr-fields input,.contact-qr-fields textarea,.renewqr-advanced-fullscreen .advanced-contact-fields input,.renewqr-advanced-fullscreen .advanced-contact-fields textarea{font-size:13px!important;padding:11px 12px!important;}
}

/* Advanced QR Google Drive logo action */
.renewqr-advanced-fullscreen .custom-logo-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.renewqr-advanced-fullscreen .custom-logo-drive{padding:10px 12px;border:1px solid #d8c6ef;border-radius:13px;background:#f8f3ff;color:#5d2b91;font-weight:900;cursor:pointer;white-space:nowrap}
.renewqr-advanced-fullscreen .custom-logo-drive:hover{background:#f1e8ff}
.renewqr-advanced-fullscreen .custom-logo-drive:disabled{opacity:.65;cursor:wait}
@media(max-width:700px){.renewqr-advanced-fullscreen .custom-logo-actions{grid-column:1/-1;flex-direction:column}.renewqr-advanced-fullscreen .custom-logo-upload,.renewqr-advanced-fullscreen .custom-logo-drive{width:100%;box-sizing:border-box;text-align:center}}