@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes featureHubCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.justqr-feature-hub{flex:0 0 auto;padding:clamp(4rem,10vw,6rem) max(clamp(1.25rem,5vw,2rem),env(safe-area-inset-right,0px)) clamp(4rem,10vw,6rem) max(clamp(1.25rem,5vw,2rem),env(safe-area-inset-left,0px));background:var(--background)}.justqr-feature-hub__inner{max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.justqr-feature-hub__header{margin-bottom:clamp(2rem,5vw,3rem)}.justqr-feature-hub__eyebrow{margin:0;margin-bottom:var(--spacing-2);font-size:var(--font-size-14);font-weight:var(--font-weight-600);color:var(--primary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;position:relative;display:inline-block;padding-bottom:var(--spacing-2)}.justqr-feature-hub__eyebrow:after{content:"";position:absolute;left:0;bottom:0;width:2rem;height:3px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 60%,transparent))}.justqr-feature-hub__title{color:var(--text-primary);font-size:clamp(2rem,5vw,2.75rem);margin:0;margin-bottom:var(--spacing-3);font-weight:var(--font-weight-700);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.justqr-feature-hub__subtitle{color:var(--text-secondary);font-size:clamp(1rem,1.8vw,1.125rem);margin:0;line-height:var(--line-height-loose);max-width:480px}.justqr-feature-hub__picker-wrap{margin-top:var(--spacing-4);display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.justqr-feature-hub__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(140px,auto);grid-gap:clamp(.75rem,2vw,1.25rem);gap:clamp(.75rem,2vw,1.25rem);grid-auto-flow:dense}@media (max-width:1023px){.justqr-feature-hub__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:479px){.justqr-feature-hub__grid{grid-template-columns:1fr}}.justqr-feature-hub__card--bento-sm{grid-column:span 1;grid-row:span 1}.justqr-feature-hub__card--bento-md{grid-column:span 2;grid-row:span 1}.justqr-feature-hub__card--bento-lg{grid-column:span 2;grid-row:span 2}@media (max-width:1023px){.justqr-feature-hub__card--bento-lg,.justqr-feature-hub__card--bento-md{grid-column:span 2;grid-row:span 1}}@media (max-width:479px){.justqr-feature-hub__card--bento-lg,.justqr-feature-hub__card--bento-md,.justqr-feature-hub__card--bento-sm{grid-column:span 1;grid-row:span 1}}.justqr-feature-hub__card{padding:0;background:var(--surface);border-radius:var(--radius-card-lg);border:2px solid transparent;box-shadow:var(--shadow-card);cursor:pointer;transition:box-shadow var(--transition-smooth) var(--ease-spring),transform var(--transition-smooth) var(--ease-spring),border-color var(--transition-normal);display:flex;flex-direction:column;align-items:stretch;text-align:left;overflow:hidden;animation:featureHubCardIn .5s var(--ease-spring-out) both;animation-delay:var(--card-delay,0s)}@media (prefers-reduced-motion:reduce){.justqr-feature-hub__card{animation:none}}.justqr-feature-hub__card:hover{box-shadow:var(--shadow-card-hover),0 8px 24px color-mix(in srgb,var(--primary) 12%,transparent);transform:translateY(-4px) scale(1.01)}.justqr-feature-hub__card:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.justqr-feature-hub__card--active{border-color:var(--primary);box-shadow:var(--shadow-card-hover),0 0 0 1px var(--primary-glow)}.justqr-feature-hub__card--active:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-card-hover),0 0 0 1px var(--primary-glow),0 8px 24px color-mix(in srgb,var(--primary) 10%,transparent)}.justqr-feature-hub__card--bento-lg,.justqr-feature-hub__card--bento-md{box-shadow:var(--shadow-card-hover),0 0 0 1px color-mix(in srgb,var(--primary) 15%,transparent)}.justqr-feature-hub__card-head{height:64px;background:linear-gradient(105deg,transparent 0,color-mix(in srgb,var(--primary) 14%,transparent) 22%,transparent 44%,color-mix(in srgb,var(--primary) 10%,transparent) 55%,transparent 78%,color-mix(in srgb,var(--primary) 6%,transparent) 100%),linear-gradient(255deg,color-mix(in srgb,var(--primary) 12%,transparent) 0,transparent 28%,color-mix(in srgb,var(--primary) 16%,transparent) 50%,transparent 72%,color-mix(in srgb,var(--primary) 8%,transparent) 100%),linear-gradient(180deg,var(--primary-ultra-light) 0,color-mix(in srgb,var(--primary) 5%,transparent) 100%);display:flex;align-items:center;justify-content:center}.justqr-feature-hub__card--bento-lg .justqr-feature-hub__card-head,.justqr-feature-hub__card--bento-md .justqr-feature-hub__card-head{background:radial-gradient(ellipse 80% 80% at 70% 50%,color-mix(in srgb,var(--primary) 18%,transparent) 0,transparent 70%),linear-gradient(105deg,transparent 0,color-mix(in srgb,var(--primary) 12%,transparent) 25%,transparent 50%,color-mix(in srgb,var(--primary) 10%,transparent) 75%,transparent 100%),linear-gradient(255deg,color-mix(in srgb,var(--primary) 10%,transparent) 0,transparent 40%,color-mix(in srgb,var(--primary) 14%,transparent) 100%),linear-gradient(180deg,var(--primary-ultra-light) 0,color-mix(in srgb,var(--primary) 5%,transparent) 100%)}.justqr-feature-hub__card--bento-lg,.justqr-feature-hub__card--bento-md{flex-direction:row}.justqr-feature-hub__card--bento-lg .justqr-feature-hub__card-body,.justqr-feature-hub__card--bento-md .justqr-feature-hub__card-body{order:1;flex:1 1;min-width:0;justify-content:center}.justqr-feature-hub__card--bento-lg .justqr-feature-hub__card-head,.justqr-feature-hub__card--bento-md .justqr-feature-hub__card-head{order:2;flex:0 0 auto;height:auto;min-height:100%;min-width:120px;padding:var(--spacing-4)}.justqr-feature-hub__card--bento-lg .justqr-feature-hub__card-head{min-width:140px}.justqr-feature-hub__card--bento-lg .justqr-feature-hub__card-head,.justqr-feature-hub__card--bento-md .justqr-feature-hub__card-head{box-shadow:-4px 0 12px color-mix(in srgb,var(--primary) 8%,transparent)}.justqr-feature-hub__card--bento-lg .justqr-feature-hub__card-title,.justqr-feature-hub__card--bento-md .justqr-feature-hub__card-title{font-size:var(--font-size-20);letter-spacing:var(--letter-spacing-tight)}.justqr-feature-hub__card--bento-lg .justqr-feature-hub__card-body{padding:var(--spacing-5) var(--spacing-6)}.justqr-feature-hub__card--bento-lg .justqr-feature-hub__card-body:before,.justqr-feature-hub__card--bento-md .justqr-feature-hub__card-body:before{height:70%;background:linear-gradient(165deg,transparent 0,color-mix(in srgb,var(--primary) 3%,transparent) 40%,color-mix(in srgb,var(--primary) 7%,transparent) 100%);opacity:.8}@media (max-width:479px){.justqr-feature-hub__card--bento-lg,.justqr-feature-hub__card--bento-md{flex-direction:column}.justqr-feature-hub__card--bento-lg .justqr-feature-hub__card-body,.justqr-feature-hub__card--bento-lg .justqr-feature-hub__card-head,.justqr-feature-hub__card--bento-md .justqr-feature-hub__card-body,.justqr-feature-hub__card--bento-md .justqr-feature-hub__card-head{order:unset;min-width:unset}.justqr-feature-hub__card--bento-lg .justqr-feature-hub__card-head,.justqr-feature-hub__card--bento-md .justqr-feature-hub__card-head{height:64px;min-height:unset;padding:0;box-shadow:none}.justqr-feature-hub__card--bento-lg .justqr-feature-hub__card-body{padding:var(--spacing-5) var(--spacing-5)}}.justqr-feature-hub__card-body{padding:var(--spacing-5) var(--spacing-5);flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-2);position:relative;overflow:hidden}.justqr-feature-hub__card-body:before{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;pointer-events:none;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--primary) 4%,transparent) 50%,color-mix(in srgb,var(--primary) 6%,transparent) 100%);opacity:.7}.justqr-feature-hub__card-body>*{position:relative;z-index:1}.justqr-feature-hub__card-label{font-size:var(--font-size-12);font-weight:var(--font-weight-600);color:var(--text-muted);letter-spacing:var(--letter-spacing-wide)}.justqr-feature-hub__card-title{font-size:var(--font-size-16);font-weight:var(--font-weight-600);color:var(--text-primary);margin:0;line-height:var(--line-height-snug);letter-spacing:-.01em}.justqr-feature-hub__card-desc{font-size:var(--font-size-13);color:var(--text-muted);margin:0;line-height:var(--line-height-relaxed);flex:1 1}.justqr-feature-hub__card-action{margin-top:var(--spacing-1);display:inline-flex;align-items:center}.justqr-feature-hub__panel{margin-top:clamp(2rem,4vw,2.5rem);padding:clamp(1.5rem,4vw,2rem);background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--border) 50%,transparent);animation:fadeIn .4s var(--ease-spring-out)}.justqr-feature-hub__panel-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border)}.justqr-feature-hub__panel-title{color:var(--text-primary);font-size:clamp(1.125rem,2.5vw,1.25rem);margin:0 0 4px;font-weight:var(--font-weight-700);letter-spacing:-.02em}.justqr-feature-hub__panel-desc{color:var(--text-muted);font-size:var(--font-size-14);margin:0;line-height:var(--line-height-relaxed)}.justqr-feature-hub__panel-actions{display:flex;gap:var(--spacing-2);align-items:center}.justqr-feature-hub__panel-content{padding:clamp(1.25rem,3vw,1.5rem);background:var(--background);border-radius:var(--radius-lg)}.justqr-feature-hub__result{flex-shrink:0;margin-top:var(--spacing-5);padding:var(--spacing-4);border-radius:var(--radius-lg)}.justqr-feature-hub__result--success{background:var(--primary-ultra-light);border:1px solid color-mix(in srgb,var(--primary) 25%)}.justqr-feature-hub__result--error{background:var(--error-light);border:1px solid color-mix(in srgb,var(--error) 25%)}.justqr-feature-hub__result-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.justqr-feature-hub__result-icon{width:28px;height:28px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-14);font-weight:var(--font-weight-700);color:var(--text-primary)}.justqr-feature-hub__result-icon--success{background:var(--primary);color:var(--text-inverse)}.justqr-feature-hub__result-icon--error{background:var(--error);color:var(--text-inverse)}.justqr-feature-hub__result-title{font-size:var(--font-size-12);font-weight:var(--font-weight-700)}.justqr-feature-hub__result-title--success{color:var(--primary)}.justqr-feature-hub__result-title--error{color:var(--error)}.justqr-feature-hub__result-message{margin:0;font-size:var(--font-size-12);color:var(--text-secondary);line-height:1.4}.justqr-feature-hub__result-details{margin-top:var(--spacing-2)}.justqr-feature-hub__result-summary{font-size:var(--font-size-12);font-weight:var(--font-weight-600);color:var(--text-muted);cursor:pointer}.justqr-feature-hub__result-pre{margin:var(--spacing-2) 0 0;padding:var(--spacing-2);background:var(--surface-elevated);border-radius:var(--radius-md);font-size:var(--font-size-10);color:var(--text-primary);overflow:auto;max-height:180px}.justqr-feature-hub__result-pre--modal{padding:var(--spacing-3);max-height:200px}.justqr-feature-hub__modal-inner{padding:clamp(1.5rem,4vw,2rem);padding-bottom:max(var(--spacing-5),env(safe-area-inset-bottom));height:100%;display:flex;flex-direction:column;box-sizing:border-box;min-height:0;overflow:hidden;background:var(--background)}.justqr-feature-hub__modal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border)}.justqr-feature-hub__modal-title{font-size:clamp(1rem,2vw,1.125rem);font-weight:var(--font-weight-600);color:var(--text-primary)}.justqr-feature-hub__modal-body{flex:1 1;min-height:0;min-width:0;overflow:auto}.justqr-feature-hub__saving{margin-top:var(--spacing-3);font-size:var(--font-size-13);color:var(--text-muted)}