/* NextQR Studio, October 2026: one palette and stronger information hierarchy. */
:root{--ink:#13233c;--soft:#57657c;--muted:#63718a;--purple:#6240d9;--purp2:#7346ed;--purple-light:#efebff;--bg:#f4f7fc;--line:#dfe6f0;--surface-2:#f7f9fd;--shadow:0 8px 28px #16294b07;--studio-blue:#2463eb;--studio-navy:#13233c}
body{font-size:14px;line-height:1.6}.btn{min-height:44px;border-radius:12px;font-size:13px}.input,.select,.textarea{font-size:14px;min-height:46px;border-radius:11px}.field>label{font-size:13px}.hint,.help,.note,.footer-small{font-size:12px}.card{border-radius:18px;box-shadow:var(--shadow)}h1,h2,h3{text-wrap:balance}.page-header h1{font-size:30px;letter-spacing:-1.1px}.page-header p{font-size:14px;max-width:650px}.empty-state p,.empty p{font-size:13px}.top-icon{min-width:44px;min-height:44px}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #2463eb;outline-offset:4px}
.lp{--lp-ink:#13233c;--lp-soft:#57657c;--lp-violet:#6240d9;background:#f4f7fc}.lp-nav{max-width:none;background:#ffffffef;border-bottom:1px solid #e3e9f2;padding:20px max(32px,calc((100vw - 1320px)/2));position:relative;z-index:5;min-height:88px}.lp-nav-links{font-size:14px;gap:30px}.lp-nav .brand-logo{width:180px}.quick-hero{max-width:1400px;margin:32px auto 0;padding:40px 40px 52px;gap:44px;background:transparent;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:660px;align-items:center}.quick-intro{padding:12px 0}.quick-eyebrow{font-size:11px;letter-spacing:.08em;background:#e8edff;border:1px solid #d8e0fa;padding:8px 12px;border-radius:8px;color:#3d50a0}.quick-intro h1{font-size:clamp(38px,4.5vw,66px);line-height:1.08;letter-spacing:-2.7px;margin:24px 0}.quick-intro h1 span{background:linear-gradient(100deg,#2463eb,#7346ed);background-clip:text;-webkit-background-clip:text;color:transparent}.quick-intro>p{font-size:16px;line-height:1.8;max-width:410px}.quick-intro>.btn{margin-top:10px;min-height:52px;padding-inline:23px}.quick-benefits{flex-wrap:wrap;gap:12px;margin-top:22px;font-size:12px;color:#526078}.quick-platform-note{background:#fff;border:1px solid var(--line);border-left:3px solid #2463eb;padding:16px;border-radius:12px;max-width:410px;box-shadow:0 8px 26px #14275105}.quick-platform-note b{font-size:13px}.quick-platform-note span{font-size:12px;line-height:1.6}.quick-wrap{padding:8px;background:linear-gradient(135deg,#d8e9ff,#e2dcfb);border-radius:26px;box-shadow:0 24px 70px #193b6b12}.quick-wrap #quick-panel{border-radius:19px;box-shadow:none}.quick-steps{padding:24px;border-bottom:1px solid #e3e9f2}.quick-steps button b{font-size:12px}.quick-workspace,.quick-workspace.choosing-type{min-height:390px}.quick-controls{padding:26px}.quick-stage-heading h2{font-size:23px;letter-spacing:-.6px}.quick-stage-heading p{font-size:13px}.quick-types{gap:10px}.quick-types button{min-height:90px;border-color:#e0e6f0;background:#fff;padding:15px 12px;align-items:center}.quick-types button.selected{background:#f3f5ff;border-color:#7f80dd;box-shadow:0 0 0 3px #6240d908}.quick-types b{font-size:14px}.quick-types small{font-size:12px;line-height:1.5;padding-top:3px}.quick-type-icon{width:42px;height:42px}.quick-types em{font-size:9px;position:static;margin-left:auto;align-self:flex-start;padding:3px 6px}.quick-types button>span:nth-child(2){flex:1;min-width:0}.quick-footer{padding:20px 24px;background:#fafbfe;border-radius:0 0 19px 19px}.quick-footer small{font-size:11px}.quick-footer .btn{min-height:46px}.quick-preview{background:#f6f8fd;border-left:1px solid #e3e9f2}.quick-preview p{font-size:12px}.quick-status{font-size:12px}.lp-capabilities{border-block:1px solid #e2e8f2;background:#fff}.lp-capabilities>span{font-size:11px}.lp-capabilities div span{font-size:13px}
.studio-gallery{max-width:1280px;margin:0 auto;padding:60px 40px 12px}.studio-gallery-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.studio-gallery-header h2{font-size:32px;letter-spacing:-1px;margin:8px 0}.studio-gallery-header p{font-size:14px;color:var(--soft);max-width:380px;line-height:1.8}.studio-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.studio-style{background:#fff;border:1px solid #dfe6f0;border-radius:18px;padding:20px;text-align:left;color:var(--ink);transition:transform 300ms var(--ease-comfort),box-shadow 300ms var(--ease-comfort),border-color 300ms ease}.studio-style-art{display:grid;place-items:center;min-height:180px;border-radius:12px;background:var(--style-wash);margin-bottom:18px}.studio-style-art img{width:140px;height:140px;background:#fff;padding:12px;border-radius:14px;box-shadow:0 10px 26px #1c27520f}.studio-style-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:750}.studio-style small{display:block;font-size:12px;color:var(--soft);margin-top:5px}.studio-style .app-icon{color:#6240d9}.lp-section{padding-block:76px}.lp-section-head h2,.lp-faq h2{font-size:43px;letter-spacing:-1.8px}.lp-section-head p{font-size:15px}.lp-bento article{border-radius:22px;border:1px solid #dfe6f0}.lp-feature-design{background:#ecebff}.lp-feature-dynamic{background:#fff}.lp-feature-organize{background:#e5f4ee}.lp-feature-analytics{background:#172b4c}.lp-bento h3{font-size:27px;letter-spacing:-.7px}.lp-bento p{font-size:14px;line-height:1.8}.lp-use-art{border-radius:18px}.lp-process-grid article{background:#fff;border:1px solid #dfe6f0;border-radius:16px;padding:24px}.lp-faq-list details{background:#fff;padding:4px 20px;border:1px solid #dfe6f0;border-radius:12px;margin-bottom:10px}.lp-faq-list summary{font-size:14px;min-height:64px}.lp-faq-list p{font-size:14px}.lp-final{border-radius:26px;background:#172b4c;margin-bottom:50px}.lp-final h2{font-size:48px}.lp-footer{background:#fff}
.shell{grid-template-columns:246px minmax(0,1fr)}.sidebar{background:#13233c;border-right:0;color:#cad5e6;padding-inline:18px}.sidebar-brand{padding:30px 14px}.sidebar .brand-logo{background:#fff;border-radius:11px;padding:10px;width:170px;box-sizing:content-box}.nav-item{font-size:13px;color:#c3cfe0;min-height:46px;border-radius:10px;padding-inline:14px;margin-block:3px}.nav-item:hover{color:#fff;background:#203653}.nav-item.active{color:#fff;background:#2d4770;box-shadow:inset 3px 0 #76aaff}.nav-item.active:before{display:none}.sidebar-more-title{color:#93a7c4;font-size:10px;letter-spacing:.12em}.sidebar-more{border-color:#ffffff15}.sidebar-promo{background:#203653;border:1px solid #ffffff15;border-radius:16px;color:#fff}.sidebar-promo h3{color:#fff;font-size:19px}.sidebar-promo p{color:#c0cfe3;font-size:12px}.promo-badge{color:#a6c9ff;font-size:10px}.promo-cta{background:#fff;color:#263e62;border-radius:10px;min-height:44px}.topbar{min-height:84px;background:#ffffffed;border-bottom:1px solid #dfe6f0;box-shadow:none}.top-search{background:#f4f7fc;border:1px solid #e3e9f2;border-radius:12px;padding:10px 14px}.top-search input{font-size:13px}.top-profile{padding:6px 8px;border-radius:12px}.profile-text strong{font-size:12px}.profile-text small{font-size:11px}.page{padding:32px 32px 48px;max-width:1700px}.ref-welcome{background:#172b4c;border:0;border-radius:20px;min-height:182px;color:#fff;overflow:hidden}.welcome-copy{padding:28px 32px}.ref-kicker{font-size:11px;color:#a9c9ff;letter-spacing:.08em}.ref-welcome h1{color:#fff;font-size:34px;letter-spacing:-1px}.ref-welcome h1 em{font-style:normal;color:#aebeff}.ref-welcome p{color:#c5d1e2;font-size:13px;max-width:490px}.welcome-waves{opacity:.13}.welcome-tagline{color:#a9bddb;font-size:13px}.welcome-tagline strong{color:#fff}.ref-metrics{gap:16px;margin-top:22px}.ref-metric{padding:22px 18px;gap:16px;border:1px solid #dfe6f0;box-shadow:none;min-height:132px}.ref-metric-copy strong{font-size:32px;letter-spacing:-1px;line-height:1.3}.ref-metric-label{font-size:12px}.ref-metric-copy small{font-size:11px}.ref-metric-icon{border-radius:14px;width:48px;height:48px}.ref-panel-heading h3,.panel-head h3{font-size:16px}.ref-panel-heading p{font-size:12px}.ref-chart-grid,.ref-bottom-grid{gap:20px;margin-top:22px}.ref-activity-row strong{font-size:12px}.qr-card{border:1px solid #dfe6f0;padding:22px;box-shadow:none}.qr-card h3{font-size:16px}.qr-card p{font-size:12px}.qr-card:hover{box-shadow:0 12px 30px #1933540d}.table th{font-size:11px}.table td{font-size:13px}.filter-bar{padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px}.pill,.badge{font-size:11px}.builder-main{padding:28px}.builder-preview{background:#f0f4fb;border-radius:18px;padding:24px;border:1px solid #dfe6f0}.preview-title{font-size:12px}.type-option{min-height:140px;padding:18px;gap:12px}.type-copy b{font-size:14px}.type-copy small{font-size:12px}.type-icon{width:44px;height:44px}.step-pill{font-size:12px;min-height:44px}.design-pick{min-height:68px}.design-pick-label{font-size:12px}.auth-aside{background:#172b4c}.auth-quote h2{font-size:44px;letter-spacing:-1px}.auth-content{background:#f7f9fd}.auth-form{background:#fff;padding:32px;border:1px solid #dfe6f0;border-radius:22px;max-width:480px;box-shadow:0 18px 50px #193b6b08}.modal-box,.modal{border-radius:20px}.modal h2{font-size:23px}
body.dark{--ink:#e8edf8;--soft:#b2bfd4;--muted:#99aac5;--bg:#101c30;--white:#182940;--surface-2:#1d304a;--line:#2b405e;--purple-light:#293258;--shadow:0 10px 25px #00000010}.dark .sidebar{background:#0c1729}.dark .topbar{background:#13233c;border-color:var(--line)}.dark .top-search,.dark .filter-bar{background:#182940;border-color:var(--line)}.dark .ref-welcome{background:#1d3353}.dark .ref-metric,.dark .qr-card,.dark .builder-preview{border-color:var(--line)}.dark .builder-preview{background:#14253e}.dark .type-option.selected{background:#233452;border-color:#8d86e5}.dark .type-copy b{color:var(--ink)}.dark .type-icon{background:#2b3858;color:#c4baff}.dark .design-pick-glyph{background:#293258}.dark .design-pick.active .design-pick-glyph{background:#3b4470}
@media(hover:hover){.studio-style:hover{transform:translateY(-5px);border-color:#adbce0;box-shadow:0 14px 30px #172b4c0a}}
@media(max-width:1280px){.quick-hero{gap:28px;padding-inline:32px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.quick-intro h1{font-size:47px}.quick-types button{padding:12px 10px}.quick-types small{font-size:11px}.quick-types em{display:none}.ref-metric{padding:18px}.shell{grid-template-columns:220px minmax(0,1fr)}.sidebar .brand-logo{width:146px}.page{padding-inline:24px}}
@media(max-width:1050px){.quick-hero{grid-template-columns:1fr;max-width:820px;margin-top:0;padding-top:38px;gap:30px}.quick-intro{max-width:650px;text-align:center;margin:auto}.quick-intro>p,.quick-platform-note{margin-inline:auto}.quick-benefits{justify-content:center}.quick-platform-note{text-align:left}.quick-intro h1{font-size:52px}.studio-gallery{padding-inline:32px}.studio-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-nav-links{gap:16px;font-size:12px}}
@media(max-width:930px){.shell{grid-template-columns:1fr}.sidebar{width:246px}.topbar{min-height:72px}.page{padding:24px 20px 40px}.welcome-copy{padding:24px}.ref-welcome h1{font-size:29px}.auth-form{padding:28px}.lp-nav{padding:16px 24px}.lp-nav .brand-logo{width:150px}.lp-nav-links{display:none}}
@media(max-width:600px){.lp-nav{padding:14px 18px;min-height:74px;gap:10px}.lp-nav .brand-logo{width:130px}.lp-nav .inline{gap:8px}.lp-nav .btn{font-size:11px;padding-inline:11px;min-height:42px}.quick-hero{padding:30px 16px 36px;gap:28px}.quick-intro h1{font-size:40px;letter-spacing:-1.8px}.quick-intro>p{font-size:14px}.quick-eyebrow{font-size:9px}.quick-platform-note{margin-top:22px}.quick-wrap{padding:6px;border-radius:22px}.quick-controls{padding:22px 16px}.quick-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-types button{min-height:126px;align-items:flex-start;padding:14px 11px;flex-direction:column;gap:9px}.quick-types b{font-size:13px}.quick-types small{font-size:11px}.quick-steps{padding:20px 14px}.quick-steps button b{font-size:10px}.quick-stage-heading h2{font-size:21px}.quick-stage-heading p{font-size:12px}.quick-footer{padding:18px 16px}.quick-footer small{max-width:155px;font-size:10px}.studio-gallery{padding:38px 20px 10px}.studio-gallery-header{display:block}.studio-gallery-header h2{font-size:28px}.studio-gallery-header p{font-size:13px}.studio-style-grid{gap:12px}.studio-style{padding:12px;border-radius:15px}.studio-style-art{min-height:140px;margin-bottom:12px}.studio-style-art img{width:105px;height:105px;padding:8px;border-radius:11px}.studio-style-title{font-size:13px}.studio-style small{font-size:11px}.lp-section{padding:48px 20px}.lp-section-head h2,.lp-faq h2{font-size:33px}.lp-bento h3{font-size:25px}.lp-final{margin:0 16px 30px;padding:32px 24px}.lp-final h2{font-size:36px}.page{padding:22px 16px 36px}.page-header h1{font-size:27px}.page-header p{font-size:13px}.ref-welcome h1{font-size:27px}.welcome-copy{padding:24px 20px}.ref-metric{padding:17px 14px;min-height:122px}.ref-metric-copy strong{font-size:29px}.ref-metric-label{font-size:11px}.ref-metrics{gap:12px}.type-grid{gap:10px}.type-option{padding:14px 12px;min-height:142px}.type-copy small{font-size:11px}.type-copy b{font-size:13px}.builder-main{padding:20px 16px}.builder-preview{padding:20px}.auth-content{padding:24px 16px;min-height:100dvh}.auth-form{padding:24px 20px;border-radius:18px}.auth-form h1{font-size:29px}.topbar{padding-inline:14px}.top-search{padding:8px 10px}.modal-box{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.studio-style,.btn,.quick-types button{transition:none!important}.studio-style:hover{transform:none}}
.welcome-tagline strong{display:block}.welcome-tagline .btn{display:flex;width:fit-content;margin-left:auto}.ref-mobile-actions{display:none}.privacy-page{max-width:860px;margin:48px auto;background:#fff;border:1px solid #dfe6f0;border-radius:22px;padding:40px;box-shadow:0 16px 40px #172b4c08}.privacy-page h1{font-size:34px;letter-spacing:-1px}.privacy-page h2{font-size:20px;margin-top:30px}.privacy-page p{font-size:14px;line-height:1.9;color:var(--soft)}
@media(max-width:930px){.ref-mobile-actions{display:flex}}
@media(max-width:600px){.privacy-page{margin:20px 16px;padding:26px 20px}.privacy-page h1{font-size:29px}}

.step-pill{height:6px;min-height:6px;border-radius:999px}.stepper{gap:7px;margin-bottom:24px}.welcome-tagline .btn{margin-top:14px;background:#fff;color:#263e62;box-shadow:none}.welcome-tagline{border:0}.quick-controls{padding:0}.quick-workspace{padding:26px;gap:22px}.quick-footer-note{font-size:11px;color:#57657c}.quick-preview{padding:20px;border-radius:14px}.quick-preview .quick-control-label{font-size:11px}
@media(max-width:600px){.quick-workspace{padding:20px 16px;min-height:0}.quick-workspace.choosing-type{min-height:0}.quick-preview{padding:18px 12px;border:1px solid #e3e9f2}.quick-footer-note{font-size:11px}.welcome-tagline{display:none}.stepper{margin-bottom:20px}}