:root{font-family:Arial,Helvetica,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}header{height:96px;max-width:1280px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:32px;border-bottom:1px solid #dfe4ed}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;text-decoration:none;color:inherit;gap:5px}.brand>span:not(.brandmark):not(.brand-dot){font-weight:400}.brandmark{display:grid;place-items:center;background:#2b48ef;color:white;width:37px;height:37px;border-radius:10px;margin-right:6px;font-size:31px}.brand-dot{color:#2b48ef}.topnote{font-size:14px;color:#737c8d}.badge{margin-left:auto;border:1px solid #dce2f3;border-radius:30px;padding:9px 15px;color:#2b48ef;font-size:13px;font-weight:700;background:#edf0ff}main{max-width:1184px;margin:0 auto;padding:46px 0 24px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#2b48ef;margin:0 0 17px}h1{font-size:48px;line-height:1.1;letter-spacing:-2px;margin:0;font-weight:700}h1 span{color:#81899a}.intro-copy{color:#677286;line-height:1.7;font-size:16px;margin:0 0 3px}.workspace{display:grid;grid-template-columns:1.08fr 1fr;background:white;border:1px solid #e0e5ee;border-radius:22px;overflow:hidden;box-shadow:0 15px 50px #24366306}.editor{padding:34px 38px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.section-head h2{font-size:19px;letter-spacing:-.4px;margin:0}.section-head>span{font-size:11px;letter-spacing:1.2px;color:#8b94a5}label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}textarea{width:100%;resize:vertical;min-height:118px;max-height:280px;border:1px solid #dce1e9;border-radius:10px;background:#fbfcfe;padding:16px;line-height:1.5;font-family:inherit;font-size:16px;color:#172033}textarea::placeholder{color:#a0a7b4}textarea:focus{outline:2px solid #2b48ef;outline-offset:2px}.input-meta{display:flex;justify-content:space-between;font-size:12px;color:#81899a;gap:10px;margin-top:9px}.divider{height:1px;background:#edf0f5;margin:28px 0}.colors{display:flex;align-items:center;gap:11px;margin-bottom:23px}.swatch{border:4px solid white;background:var(--swatch);border-radius:50%;width:36px;height:36px;cursor:pointer;outline:1px solid #e1e5ef}.swatch.selected{outline:2px solid var(--swatch);outline-offset:2px}.custom-color{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;border:1px solid #dfe4ed;padding:6px 9px;border-radius:8px}input[type=color]{width:24px;height:25px;border:0;background:none;padding:0;cursor:pointer}.size-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.size-row label{margin:0}select{font-family:inherit;font-size:14px;padding:10px;border:1px solid #dfe4ed;border-radius:8px;background:#fff;color:inherit}.privacy{font-size:12px;color:#8991a1;display:flex;align-items:center;gap:7px;margin:19px 0 0}.privacy svg{width:15px;height:15px}.error{font-size:13px;color:#b13a40;line-height:1.5;margin:10px 0 0}.error:empty{display:none}.preview-panel{background:#eef2fc;border-left:1px solid #e0e5ee;padding:27px 35px;display:flex;flex-direction:column;align-items:center}.preview-top{display:flex;justify-content:space-between;width:100%;font-size:11px;letter-spacing:1.3px;color:#747e94}.preview-top span:last-child{letter-spacing:0;background:#fff9;padding:4px 9px;border-radius:5px;margin-top:-4px}.qr-stage{width:100%;flex:1;min-height:304px;display:grid;place-items:center;background-image:radial-gradient(#c7d0e4 .8px,transparent .8px);background-size:16px 16px;margin:20px 0 0}.qr-paper{width:254px;height:254px;background:white;border-radius:14px;padding:12px;box-shadow:0 14px 35px #253c6d13;transform:rotate(-3deg);transition:transform .25s}.qr-paper:hover{transform:rotate(0)}.qr-paper svg{display:block;width:100%;height:100%}.preview-caption{font-size:13px;text-align:center;color:#747e94;min-height:32px;margin:15px 0 17px;line-height:1.5}.downloads{display:flex;width:100%;gap:11px}button{font-family:inherit}.downloads button{font-size:15px;font-weight:600;border-radius:10px;padding:16px 18px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;flex:1;gap:12px}.primary{background:#2b48ef;color:white;border:1px solid #2b48ef;box-shadow:0 4px 9px #2b48ef20}.secondary{background:white;border:1px solid #d5dded;color:#25345b}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #2b48ef;outline-offset:4px}.download-note{font-size:11px;color:#828da4;text-align:center;margin:15px 0 0;line-height:1.5}footer{display:flex;align-items:center;gap:24px;margin-top:25px;color:#7b8597;font-size:12px}footer>span:first-child{font-weight:600;color:#576276;white-space:nowrap}footer p{max-width:520px;line-height:1.6;margin:0}.footer-label{margin-left:auto;font-size:10px;letter-spacing:1.3px;white-space:nowrap}@media(min-width:1500px){main{padding-top:65px}.intro{margin-bottom:45px}}@media(max-width:1250px){main{margin:0 40px}header{padding:0 40px}}@media(max-width:760px){header{height:77px;padding:0 22px}.topnote{display:none}.badge{font-size:11px;padding:8px 10px}main{margin:0;padding:30px 20px}.intro{display:block;margin-bottom:25px}h1{font-size:38px;letter-spacing:-1.6px}.intro-copy{font-size:14px;margin-top:17px;line-height:1.6}.workspace{grid-template-columns:1fr;border-radius:17px}.editor{padding:25px 22px}.section-head>span{font-size:10px}.section-head h2{font-size:17px}.preview-panel{border-left:0;border-top:1px solid #e0e5ee;padding:25px 22px}.qr-stage{min-height:285px}.colors{gap:10px}.swatch{width:31px;height:31px}.custom-color{gap:4px;padding:5px}.input-meta{font-size:11px}footer{flex-wrap:wrap;gap:10px;margin-top:22px}footer p{width:100%}.footer-label{margin-left:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
[hidden]{display:none!important}.content-tabs{display:flex;gap:8px;margin-bottom:22px}.content-tabs button{flex:1;padding:12px 8px;border:1px solid #dce1e9;border-radius:9px;background:#fff;font-size:14px;cursor:pointer;color:#677286}.content-tabs button[aria-pressed=true]{background:#edf0ff;border-color:#2b48ef;color:#2b48ef;font-weight:600}.upload-zone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:24px 14px;border:1px dashed #9baaf1;border-radius:10px;background:#f6f8ff;cursor:pointer}.upload-zone strong{font-size:16px}.upload-zone span{font-size:14px;font-weight:400;line-height:1.5;color:#677286}.upload-zone input{max-width:100%;font-size:14px}#file-preview{display:flex;align-items:center;gap:14px;margin:16px 0;font-size:14px;overflow-wrap:anywhere}#uploaded-preview{width:66px;height:66px;object-fit:contain;border-radius:6px;background:#f5f7fb}.upload-button{width:100%;padding:14px;border-radius:9px;cursor:pointer;font-size:15px}#upload-message{font-size:14px;line-height:1.5;color:#53617a}#image-link{width:100%;padding:12px;font:14px Arial;border:1px solid #dce1e9;border-radius:8px;color:#172033;background:#fbfcfe}.link-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:12px}.link-actions button{background:white;border:1px solid #dce1e9;border-radius:7px;padding:10px;font-size:14px;cursor:pointer}.link-actions a{color:#2b48ef;font-size:14px}.privacy{line-height:1.5}.privacy svg{flex-shrink:0}
#menu-fields{border:0;padding:0;margin:0;min-width:0}#menu-input input:not([type=file]){width:100%;padding:12px;border:1px solid #dce1e9;border-radius:8px;background:#fbfcfe;color:#172033;font:inherit}#menu-name{margin-bottom:18px}#menu-description{min-height:75px}#menu-empty,.menu-help,#menu-message{font-size:14px;line-height:1.6;color:#53617a}.category-card{border:1px solid #dce1e9;border-radius:12px;padding:16px;margin:18px 0;background:#f8faff}.menu-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.menu-field{flex:1;min-width:0;margin-bottom:14px}.menu-field input,.menu-field textarea{display:block;margin-top:8px;max-width:100%}.menu-field textarea{min-height:70px}.menu-field input[type=file]{font-size:14px}.menu-action{border:1px solid #ccd5e7;border-radius:8px;background:white;color:#2b48ef;font-size:14px;padding:10px 12px;cursor:pointer;margin:0 0 12px}.danger{color:#a52e3a}.product-card{padding:16px 0 8px;border-top:1px solid #dce1e9}.product-thumbnail{width:90px;height:90px;object-fit:cover;border-radius:8px;display:block;margin-bottom:10px}#menu-result label{margin-top:18px}#menu-result input{font-size:14px!important}.editor{min-width:0}.preview-panel{justify-content:flex-start}.qr-stage{flex:0 0 auto}input,textarea{scroll-margin:24px}@media(max-width:400px){.content-tabs{gap:4px}.content-tabs button{padding:10px 5px}.category-card{padding:12px}}

/* Membership extends QR Studio's blue workspace palette. */
#member-nav{display:flex;gap:10px;align-items:center;margin-left:auto}.nav-button,.back-link{font-size:14px;text-decoration:none;color:#2b48ef;padding:11px 16px;border-radius:9px;white-space:nowrap}.nav-button.solid{background:#2b48ef;color:#fff}.back-link{margin-left:auto}.account-page{max-width:1000px}.account-heading{margin-bottom:32px}.account-heading h1{font-size:40px}.account-heading>p:last-child{color:#647187;line-height:1.6}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.account-card,.plan-card{padding:32px;border:1px solid #dce2ed;border-radius:20px;background:#fff;min-width:0}.account-card h2{font-size:25px;margin:0 0 22px}.account-card p{line-height:1.65;overflow-wrap:anywhere}.account-card .eyebrow{font-size:13px}.account-email{font-weight:700}.member-status{background:#edf1ff;padding:12px 16px;border-radius:9px;color:#2b48ef}.account-primary,.account-secondary{display:block;width:100%;text-align:center;border-radius:10px;font-size:16px;font-weight:600;padding:15px 18px;margin-top:12px;text-decoration:none;cursor:pointer}.account-primary{background:#2b48ef;border:1px solid #2b48ef;color:#fff}.account-secondary{border:1px solid #d7dfef;background:white;color:#25345b}.signout{display:inline-block;color:#52627a;margin-top:18px;font-size:14px}.plan-card{background:#eef2fc}.plan-top{display:flex;justify-content:space-between;gap:15px;font-size:13px;font-weight:700;letter-spacing:1px;color:#40547d}.shopier-word{letter-spacing:-.5px;font-size:20px;color:#6843b9}.plan-price{font-size:72px;letter-spacing:-3px;font-weight:700;line-height:1.1;margin:26px 0 14px}.plan-price span{font-size:20px;color:#53627b;letter-spacing:0;font-weight:400}.plan-card ul{list-style:none;padding:12px 0;margin:18px 0;border-top:1px solid #d4dced;border-bottom:1px solid #d4dced}.plan-card li{padding:10px 0;font-size:16px;line-height:1.5}.plan-card li:before{content:'✓';color:#2b48ef;margin-right:10px}.billing-note{font-size:14px;line-height:1.6;color:#53627b}.setup-note{background:white;padding:16px;border-radius:10px;color:#53627b;font-size:14px;line-height:1.6}.payment-instructions{background:#fff;padding:18px;border-radius:12px;margin-top:18px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.payment-instructions code{display:block;overflow-wrap:anywhere;font-size:14px;user-select:all}#account-message{font-size:14px;color:#2b48ef;line-height:1.6}.membership-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#edf1ff;border:1px solid #dce2f3;border-radius:12px;padding:16px 20px;margin-bottom:22px;font-size:14px;line-height:1.5}.membership-strip a{color:#2b48ef;font-weight:700;white-space:nowrap}a:focus-visible{outline:2px solid #2b48ef;outline-offset:4px}[hidden]{display:none!important}@media(max-width:760px){header{height:auto;min-height:84px;padding:20px;gap:12px;flex-wrap:wrap}.topnote{display:none}#member-nav{gap:4px}.nav-button{padding:10px;font-size:14px}.account-page{padding:28px 20px}.account-grid{grid-template-columns:1fr}.account-heading h1{font-size:32px}.account-card,.plan-card{padding:24px}.membership-strip{align-items:flex-start;flex-direction:column;gap:8px}.back-link{padding:8px}.plan-price{font-size:64px}}

.brand-name{display:inline-block;background:linear-gradient(105deg,#172033 15%,#2b48ef 40%,#8b42ec 55%,#172033 80%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:hola-shimmer 6s ease-in-out infinite}.brand .brand-name span{color:inherit}.brand-dot{animation:hola-dot 3s ease-in-out infinite}@keyframes hola-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes hola-dot{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.brand-name,.brand-dot{animation:none}}.language-note{font-size:14px;line-height:1.6;background:#eef1ff;padding:16px;border-radius:12px}.qr-paper:empty{display:grid;place-items:center}.qr-paper:empty:after{content:'QR Hola';font-size:26px;font-weight:700;color:#8992a5}
/* Shared navigation and the account's saved menus. */
.navigation-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #dce1e9;border-radius:10px;background:#fff;color:#172033;cursor:pointer}header{gap:18px}.drawer-open{overflow:hidden}.site-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(340px,88vw);height:100dvh;max-height:100dvh;max-width:100vw;padding:28px 24px;border:0;border-inline-end:1px solid #dfe4ed;background:#fff;color:#172033;box-shadow:12px 0 50px #17203320}.site-drawer[open]{display:flex;flex-direction:column;animation:drawer-in .2s ease-out}.site-drawer::backdrop{background:#111b3866}.drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.drawer-heading h2{font-size:25px;margin:0}.drawer-close{width:44px;height:44px;border:1px solid #dce1e9;border-radius:10px;background:#f5f7fb;font-size:28px;cursor:pointer}.site-drawer nav{display:grid;gap:8px}.site-drawer a{display:block;padding:15px 14px;border-radius:10px;text-decoration:none;color:#172033;font-size:16px}.site-drawer a:hover,.site-drawer a[aria-current=page]{background:#edf1ff;color:#2b48ef}.drawer-bottom{margin-top:auto;padding-top:32px}.drawer-bottom a{font-size:14px;color:#647187}.panel-shortcut{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #dce2ed;border-radius:14px;padding:22px 24px;margin-bottom:22px}.panel-shortcut .eyebrow{font-size:12px}.panel-shortcut h2{font-size:23px;margin:8px 0}.panel-shortcut p{margin:0;color:#647187;font-size:14px;line-height:1.6}.dashboard{padding-top:40px;padding-bottom:60px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.dashboard h1{font-size:38px}.dashboard-heading p:not(.eyebrow),.page-note{font-size:16px;line-height:1.6;color:#647187}.page-note{margin:24px 0}.saved-menus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.saved-menu{padding:24px;border:1px solid #dce2ed;border-radius:16px;background:#fff;min-width:0}.saved-menu h2{font-size:22px;line-height:1.4;overflow-wrap:anywhere;margin:12px 0}.saved-menu p{color:#647187;font-size:14px}.saved-menu-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.saved-menu-actions a,.saved-menu-actions button{font:14px Arial;text-decoration:none;padding:12px;border:1px solid #dce1e9;border-radius:8px;background:#fff;color:#2b48ef;cursor:pointer}.saved-menu-actions a:nth-child(2){background:#2b48ef;border-color:#2b48ef;color:white}.copy-fallback{width:100%;padding:12px;margin-top:14px;font:14px Arial}#menus-status{font-size:14px;line-height:1.6;color:#647187}#menus-more,#menus-retry{max-width:300px}.dashboard .account-card p{font-size:16px}.dashboard .account-card .nav-button{display:inline-block}@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media(max-width:760px){header .topnote{display:none}header{gap:10px}.dashboard-heading,.panel-shortcut{align-items:flex-start;flex-direction:column}.saved-menus{grid-template-columns:1fr}.dashboard{padding-top:28px}.dashboard h1{font-size:32px}.saved-menu{padding:20px}}@media(prefers-reduced-motion:reduce){.site-drawer[open]{animation:none}}
/* Informative, animated welcome before the tools. */
html{scroll-behavior:smooth}.hola-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:64px;min-height:620px;padding:30px 0 64px}.hero-copy h1{font-size:clamp(46px,4.8vw,68px);line-height:1.08;letter-spacing:-3px}.hero-copy h1 span{color:#2b48ef}.hero-description{max-width:510px;font-size:18px;line-height:1.75;color:#647187;margin:26px 0}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.hero-actions .solid{padding:17px 21px;font-size:16px}.hero-secondary{font-size:15px;color:#172033;text-underline-offset:5px}.hero-note{font-size:14px;color:#647187;margin-top:22px;line-height:1.6}.hello-motion{background:#2b48ef;color:#fff;border-radius:26px;padding:28px;min-height:440px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 24px 60px #2b48ef24}.motion-top,.motion-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px;line-height:1.6}.motion-top span:first-child{font-weight:700;white-space:nowrap}.motion-top span:last-child{max-width:160px;text-align:right;opacity:.8}.scan-symbol{position:relative;width:160px;height:160px;align-self:center;margin:30px 0 18px}.scan-symbol svg{width:100%;height:100%;animation:symbol-breathe 4s ease-in-out infinite}.scan-line{position:absolute;left:0;right:0;top:15%;height:2px;background:#baffdc;box-shadow:0 0 20px #baffdc;animation:scan-pass 4s ease-in-out infinite}.motion-text{position:relative;height:64px;text-align:center;font-size:clamp(23px,2.8vw,35px);font-weight:700;letter-spacing:-1px;margin:8px 0 30px}.motion-text span{position:absolute;inset:0;display:grid;place-items:center;opacity:0;animation:hello-cycle 9s infinite}.motion-text span:nth-child(2){animation-delay:3s}.motion-text span:nth-child(3){animation-delay:6s}.motion-bottom{border-top:1px solid #ffffff40;padding-top:20px;font-size:12px;letter-spacing:.5px}.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:30px 0 48px;margin-bottom:60px;border-top:1px solid #dce2ed;border-bottom:1px solid #dce2ed;scroll-margin-top:28px}.how-steps>div>span{color:#2b48ef;font-size:14px;font-weight:700}.how-steps h2{font-size:20px;margin:14px 0 10px;letter-spacing:-.4px}.how-steps p{font-size:16px;line-height:1.6;color:#647187;margin:0}.builder-heading{scroll-margin-top:30px;margin-bottom:28px}.builder-heading h2{font-size:34px;letter-spacing:-1px;margin:0 0 10px}.builder-heading>p:last-child{color:#647187;font-size:16px}.content-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#whatsapp-phone{width:100%;border:1px solid #dce1e9;border-radius:10px;padding:14px;background:#fbfcfe;color:#172033;font:16px Arial}.field-help{font-size:14px;line-height:1.6;color:#647187;margin:10px 0 20px}#whatsapp-message{min-height:110px}#create-access{margin:0 0 14px;font-size:15px}.hello-motion:hover .scan-symbol svg,.hello-motion:hover .scan-line,.hello-motion:hover .motion-text span{animation-play-state:paused}@keyframes scan-pass{0%,100%{top:15%;opacity:.5}50%{top:85%;opacity:1}}@keyframes symbol-breathe{0%,100%{transform:scale(.94)}50%{transform:scale(1.04)}}@keyframes hello-cycle{0%,3%{opacity:0;transform:translateY(12px)}8%,28%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-12px)}}@media(max-width:900px){.hola-hero{gap:30px}.hello-motion{padding:24px}.hero-copy h1{font-size:48px}}@media(max-width:760px){.hola-hero{grid-template-columns:1fr;gap:32px;padding:8px 0 38px;min-height:0}.hero-copy h1{font-size:48px;letter-spacing:-2px}.hero-description{font-size:16px;margin:20px 0}.hello-motion{min-height:360px;padding:24px}.scan-symbol{width:130px;height:130px;margin:18px 0 12px}.motion-text{font-size:30px;margin-bottom:16px;height:50px}.how-steps{grid-template-columns:1fr;gap:24px;padding:28px 0;margin-bottom:38px}.how-steps h2{margin:8px 0}.hero-actions{gap:18px}.builder-heading h2{font-size:28px}.hero-actions .solid{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scan-symbol svg,.scan-line,.motion-text span{animation:none!important}.motion-text span{display:none}.motion-text span:first-child{display:grid;opacity:1;transform:none}.scan-line{top:50%}}

#motion-toggle{align-self:center;background:transparent;color:#fff;border:1px solid #ffffff60;border-radius:7px;padding:8px 12px;font-size:12px;margin-bottom:18px;cursor:pointer}.motion-paused .scan-symbol svg,.motion-paused .scan-line,.motion-paused .motion-text span{animation-play-state:paused}@media(prefers-reduced-motion:reduce){#motion-toggle{display:none}}

.mascot-stage{align-self:center;display:grid;place-items:center;width:224px;height:224px;flex-shrink:0;margin:20px 0 12px;background:#f4f7ff;border-radius:50%}.hola-mascot{display:block;width:200px;height:200px;object-fit:contain;transform-origin:50% 85%;animation:hola-hop 3.8s ease-in-out infinite;filter:drop-shadow(0 8px 7px #19295520)}.hello-motion:hover .hola-mascot,.motion-paused .hola-mascot{animation-play-state:paused}@keyframes hola-hop{0%,100%{transform:translateY(0) rotate(-3deg)}25%{transform:translateY(-10px) rotate(4deg)}48%{transform:translateY(0) rotate(-2deg)}62%{transform:translateY(-4px) rotate(2deg)}78%{transform:translateY(0) rotate(-3deg)}}@media(max-width:760px){.mascot-stage{width:188px;height:188px;margin:16px 0 12px}.hola-mascot{width:168px;height:168px}}@media(prefers-reduced-motion:reduce){.hola-mascot{animation:none;transform:none}}

.dashboard-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.panel-signout{background:white;border:1px solid #dce1e9;color:#52627a}.panel-signout:hover{border-color:#2b48ef;color:#2b48ef}.menu-cover-editor{margin:20px 0;padding:16px;border:1px solid #dce1e9;border-radius:12px;background:#f8faff}.menu-cover-editor input[type=file]{display:block;width:100%;max-width:100%;font-size:14px}.menu-cover-editor .field-help{margin:0 0 12px}#menu-cover-preview{margin-top:14px}#menu-cover-image{display:block;width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:10px}#remove-menu-cover{margin:0}

/* Compact transparent logo and how-to steps. */
.brand-image{position:relative;display:block;flex:0 0 auto;width:140px;height:60px;background:transparent}.brand-image svg{display:block;width:100%;height:100%;overflow:visible}.how-steps{gap:18px;padding:20px 0 24px;margin-bottom:32px}.how-steps h2{margin:8px 0 5px}.how-steps p{line-height:1.4}@media(max-width:760px){.brand-image{width:114px;height:49px}.how-steps{gap:14px;padding:16px 0;margin-bottom:24px}.how-steps>div{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;row-gap:4px;align-items:baseline}.how-steps>div>span{grid-column:1;grid-row:1}.how-steps h2{grid-column:2;margin:0}.how-steps p{grid-column:2;margin:0}}

.logo-pupils{animation:logo-look 9s ease-in-out infinite}.brand-image:hover .logo-pupils,.brand-image:focus-visible .logo-pupils,.logo-motion-paused .logo-pupils{animation-play-state:paused}@keyframes logo-look{0%,12%,100%{transform:translateX(0)}32%,44%{transform:translateX(-22px)}68%,80%{transform:translateX(9px)}}@media(prefers-reduced-motion:reduce){.logo-pupils{animation:none}}
.menu-brand-editor{margin:20px 0;padding:16px;border:1px solid #dce1e9;border-radius:12px;background:#fff}.menu-brand-editor input[type=file]{display:block;width:100%;font-size:14px}.menu-brand-editor>label:not(:first-child){margin-top:18px}.menu-background-control{display:flex;align-items:center;gap:12px}.menu-background-control input{width:48px;height:38px}.menu-background-control span{font:14px monospace;color:#647187}#menu-logo-preview{margin-top:14px}#menu-logo-image{display:block;max-width:180px;width:auto;height:90px;object-fit:contain;border-radius:8px;margin-bottom:10px;background:linear-gradient(45deg,#eef1f6 25%,transparent 25%),linear-gradient(-45deg,#eef1f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef1f6 75%),linear-gradient(-45deg,transparent 75%,#eef1f6 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}

/* Pricing is shared by the landing, account and packages views. */
.home-packages{display:grid;grid-template-columns:1fr 1.45fr auto;align-items:center;gap:28px;padding:28px 30px;margin:0 0 52px;border:1px solid #dce2ed;border-radius:18px;background:#fff}.home-packages h2{font-size:28px;margin:0 0 8px;letter-spacing:-.8px}.home-packages p:not(.eyebrow){margin:0;color:#647187;line-height:1.55;font-size:14px}.home-package-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.home-package-list span{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid #dce2ed;border-radius:11px;color:#52627a;font-size:14px}.home-package-list strong{color:#172033;font-size:16px}.home-package-list .popular{background:#edf1ff;border-color:#b8c5ff;color:#2b48ef}.packages-page{padding-bottom:72px}.packages-heading{max-width:670px;margin:24px 0 42px}.packages-heading h1{font-size:clamp(44px,6vw,70px)}.packages-heading h1 span{color:#2b48ef}.packages-heading>p:last-child{max-width:610px;color:#647187;font-size:18px;line-height:1.7}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pricing-card{position:relative;display:flex;flex-direction:column;min-height:340px;padding:30px;border:1px solid #dce2ed;border-radius:20px;background:#fff}.pricing-card.featured{background:#172033;color:#fff;border-color:#172033;transform:translateY(-10px);box-shadow:0 22px 50px #1720331f}.pricing-label{font-size:13px;font-weight:800;letter-spacing:1.4px;color:#2b48ef}.featured .pricing-label{color:#9eb0ff}.pricing-card h2{font-size:52px;letter-spacing:-2px;margin:26px 0 14px}.pricing-card h2 span{font-size:19px;letter-spacing:0;font-weight:500}.pricing-card p{color:#647187;line-height:1.65;margin:0 0 28px}.pricing-card.featured p{color:#b9c1d0}.pricing-button{margin-top:auto;display:block;padding:15px 16px;border-radius:10px;background:#2b48ef;color:#fff;text-decoration:none;text-align:center;font-weight:700}.featured .pricing-button{background:#fff;color:#172033}.pricing-badge{position:absolute;right:20px;top:20px;background:#2b48ef;color:#fff;padding:7px 9px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.7px}.package-includes{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;margin:70px 0 30px;padding:42px;border:1px solid #dce2ed;border-radius:20px;background:#eef2fc}.package-includes h2{font-size:34px;margin:0;letter-spacing:-1px}.package-includes ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;list-style:none;padding:0;margin:0}.package-includes li{position:relative;padding-left:24px;line-height:1.5}.package-includes li:before{content:'✓';position:absolute;left:0;color:#2b48ef;font-weight:800}.package-note{display:flex;align-items:center;gap:18px;padding:24px 28px;border:1px solid #dce2ed;border-radius:16px;background:#fff}.package-note p{margin:0;flex:1;color:#647187;line-height:1.6;font-size:14px}.package-note .nav-button{margin-left:auto}.membership-options{grid-column:auto}.compact-plans{display:grid;gap:10px;margin:24px 0}.compact-plan{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;padding:16px;border:1px solid #d4dced;border-radius:12px;background:#fff}.compact-plan>span{font-size:12px;font-weight:800;letter-spacing:1px;color:#2b48ef}.compact-plan>strong{font-size:22px;grid-column:1}.compact-plan>small{grid-column:1;color:#2b48ef}.compact-plan>a{grid-column:2;grid-row:1/4;padding:12px 14px;border-radius:8px;background:#2b48ef;color:#fff;text-decoration:none;font-weight:700;font-size:14px}.compact-plan.featured{border-color:#9eb0ff;background:#f6f8ff}
@media(max-width:900px){.home-packages{grid-template-columns:1fr}.home-package-list{grid-template-columns:repeat(3,1fr)}.pricing-card{padding:24px}.pricing-card h2{font-size:42px}.package-includes{grid-template-columns:1fr}.package-note{align-items:flex-start;flex-direction:column}.package-note .nav-button{margin-left:0}}
@media(max-width:760px){.home-packages{padding:22px;margin-bottom:34px}.home-package-list{grid-template-columns:1fr}.packages-heading{margin-top:8px}.packages-heading>p:last-child{font-size:16px}.pricing-grid{grid-template-columns:1fr}.pricing-card{min-height:0}.pricing-card.featured{transform:none}.package-includes{margin-top:34px;padding:26px;gap:24px}.package-includes ul{grid-template-columns:1fr}.package-note{padding:22px}}

.auth-view form,.auth-simple form{display:grid;gap:10px}.auth-view label,.auth-simple label{font-size:14px;font-weight:600;margin-top:8px}.auth-view input,.auth-simple input{width:100%;min-width:0;box-sizing:border-box;padding:13px;border:1px solid #ccd3e1;border-radius:10px;background:#fff;font:inherit;font-size:16px}.auth-text-button{display:block;background:none;border:0;padding:12px 0;color:#2b48ef;font:inherit;font-size:14px;cursor:pointer;text-align:left}.auth-simple{max-width:480px;margin:8vh auto;padding:24px}.auth-simple section{background:white;border:1px solid #dce2ed;padding:28px;border-radius:20px}.auth-simple h1{font-size:28px}.auth-simple button{margin-top:12px}.panel-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.panel-tabs a{padding:10px 14px;border-radius:10px;border:1px solid #dce2ed;color:#2b48ef;text-decoration:none;font-weight:600;font-size:14px}.panel-tabs a[aria-current]{background:#2b48ef;color:white}.auth-view [hidden]{display:none}button:disabled{cursor:wait;opacity:.65}

.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.admin-stats article{background:#fff;border:1px solid #dce2ed;border-radius:16px;padding:18px}.admin-stats span{display:block;color:#647187;font-size:14px}.admin-stats strong{display:block;font-size:30px;margin-top:6px}.admin-stats .new-members{background:#edf1ff;border-color:#bec9ff}.admin-tools{display:flex;gap:10px;align-items:end;margin:22px 0}.admin-tools label{position:absolute;width:1px;height:1px;overflow:hidden}.admin-tools input,.admin-tools select{padding:12px 14px;border:1px solid #d2d9e5;border-radius:10px;background:#fff;font:inherit}.admin-tools input{flex:1}.member-list{display:grid;gap:12px}.member-card{background:#fff;border:1px solid #dce2ed;border-radius:16px;padding:18px}.member-card-top{display:flex;align-items:start;justify-content:space-between;gap:14px}.member-card h2{font-size:18px;margin:0;overflow-wrap:anywhere}.member-card p{color:#647187;margin:6px 0}.member-badge{padding:6px 9px;border-radius:20px;background:#e8f7ef;color:#17633e;font-size:12px;font-weight:700;white-space:nowrap}.member-card[data-state="expired"] .member-badge{background:#f2f3f6;color:#606a79}.member-card[data-state="suspended"] .member-badge{background:#fff0f0;color:#a52d2d}.member-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.member-actions button,.gift-custom button,.note-save,.member-access button{border:1px solid #cbd3e2;background:#fff;border-radius:9px;padding:9px 12px;color:#243147;font:inherit;font-size:14px;cursor:pointer}.gift-custom{display:flex;gap:8px;align-items:end}.gift-custom label{font-size:13px;color:#647187}.gift-custom input{display:block;width:100px;padding:9px;border:1px solid #cbd3e2;border-radius:8px;font:inherit;margin-top:4px}.admin-note{display:block;width:100%;margin-top:14px;padding:10px;border:1px solid #d2d9e5;border-radius:9px;font:inherit;resize:vertical}.note-save{margin-top:7px}.member-access{border-top:1px solid #e7eaf0;margin-top:14px;padding-top:14px}.member-access .suspend-member{color:#a52d2d;border-color:#efc7c7}.member-access .restore-member{color:#17633e;border-color:#b8dfc9}@media(max-width:700px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-tools{display:grid}.admin-tools input,.admin-tools select{width:100%}.member-card-top{display:grid}.gift-custom{align-items:end}}
.notification-badge:not([hidden]){display:inline-flex;align-items:center;justify-content:center;background:#d92338;color:#fff;border-radius:999px;padding:4px 9px;margin-left:8px;font-size:13px;line-height:1.2;font-weight:750;white-space:nowrap;vertical-align:middle}.admin-notifications{background:#fff;border:1px solid #dce2ed;border-radius:18px;padding:22px;margin:20px 0}.admin-notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-notifications h2{margin:5px 0 0;font-size:23px}.admin-notifications-heading button{white-space:nowrap}.recent-members{list-style:none;padding:0;margin:14px 0 0}.recent-members li{border-top:1px solid #e7eaf0;padding:12px 0;overflow-wrap:anywhere}.recent-members li:last-child{padding-bottom:0}.recent-members strong,.recent-members small{display:block}.recent-members small{color:#647187;margin-top:3px}@media(max-width:700px){.admin-notifications-heading{align-items:start;flex-direction:column}.admin-notifications h2{font-size:21px}}
.services-page,.contact-page{max-width:1200px;margin:0 auto;padding:38px 48px 70px}.services-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:70px;align-items:center;padding:50px 0 64px}.services-hero h1,.contact-hero h1{font-size:clamp(44px,5.5vw,72px);line-height:1.02;letter-spacing:-3px;margin:14px 0 24px}.services-hero>div>p:last-of-type,.contact-hero>div>p{max-width:650px;color:#647187;font-size:18px;line-height:1.75}.service-hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.services-hero aside{display:grid;gap:10px;background:#2b48ef;color:#fff;border-radius:24px;padding:28px;box-shadow:0 22px 55px #2b48ef24}.services-hero aside span{font-size:12px;letter-spacing:1.2px;opacity:.75;margin-bottom:8px}.services-hero aside strong{font-size:25px;letter-spacing:-.5px;padding-bottom:10px;border-bottom:1px solid #ffffff35}.services-hero aside strong:last-child{border:0;padding-bottom:0}.mascot-route{position:relative;height:205px;margin:0 0 68px;padding:68px 22px 0;overflow:hidden;border-block:1px solid #dce2ed}.route-line{position:relative;height:2px;background:repeating-linear-gradient(90deg,#2b48ef 0 16px,transparent 16px 26px)}.route-line:after{content:"";position:absolute;right:-1px;top:-5px;width:10px;height:10px;border-top:2px solid #2b48ef;border-right:2px solid #2b48ef;transform:rotate(45deg)}.route-line span{position:absolute;left:var(--x);top:18px;width:max-content;transform:translateX(-50%);font-size:12px;font-weight:700;color:#56647b}.route-line span:first-child{transform:none}.route-line span:last-child{transform:translateX(-100%)}.route-line span:before{content:"";position:absolute;left:50%;top:-24px;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid #2b48ef;transform:translateX(-50%)}.mascot-route img{position:absolute;left:0;top:8px;width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 7px 6px #17203320);animation:hola-route-walk 12s ease-in-out infinite}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card{position:relative;min-height:340px;padding:30px;border:1px solid #dce2ed;border-radius:20px;background:#fff;overflow:hidden}.service-card.service-featured{background:#172033;color:#fff;border-color:#172033}.service-number{position:absolute;right:24px;top:24px;color:#8c96a8;font-size:13px;font-weight:700}.service-featured .service-number{color:#ffffff80}.service-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#edf1ff;color:#2b48ef;font-size:19px;font-weight:800;margin-bottom:24px}.service-featured .service-icon{background:#2b48ef;color:#fff}.service-card h2{font-size:26px;letter-spacing:-.7px;margin:0 0 14px}.service-card p{font-size:15px;line-height:1.7;color:#647187}.service-featured p,.service-featured li{color:#c7cede}.service-card ul{padding-left:18px;display:grid;gap:8px;font-size:14px;line-height:1.5}.service-card a{display:inline-block;margin-top:14px;color:#8fa2ff;font-weight:700;text-decoration:none}.service-example{padding:12px 14px;border-left:3px solid #2b48ef;background:#f3f5fb;border-radius:0 10px 10px 0}.service-steps{display:grid;grid-template-columns:.6fr 1.4fr;gap:55px;margin:76px 0;padding:48px 0;border-block:1px solid #dce2ed}.service-steps h2{font-size:36px;letter-spacing:-1.3px;margin:10px 0}.service-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-steps li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2b48ef;color:#fff;font-weight:700;margin-bottom:18px}.service-steps strong{font-size:17px}.service-steps li p{color:#647187;font-size:14px;line-height:1.6}.service-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px 40px;border-radius:22px;background:#edf1ff}.service-cta h2{font-size:30px;margin:8px 0 0;letter-spacing:-1px}.contact-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;min-height:610px;padding:38px 0}.instagram-follow{display:flex;align-items:center;gap:16px;width:min(490px,100%);margin-top:34px;padding:18px;border:1px solid #dce2ed;border-radius:16px;background:#fff;color:#172033;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.instagram-follow:hover{transform:translateY(-3px);box-shadow:0 16px 35px #17203312}.instagram-mark{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:15px;background:#2b48ef;color:#fff}.instagram-mark svg,.drawer-instagram svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.instagram-follow span:last-child{display:grid;gap:3px}.instagram-follow small{font-size:11px;letter-spacing:1px;color:#2b48ef;font-weight:700}.instagram-follow strong{font-size:20px}.instagram-follow em{font-style:normal;color:#647187;font-size:13px}.contact-mascot{position:relative;display:grid;place-items:center;min-height:410px;border-radius:28px;background:#2b48ef;overflow:hidden}.contact-mascot:before,.contact-mascot:after{content:"";position:absolute;border:1px solid #ffffff38;border-radius:50%}.contact-mascot:before{width:330px;height:330px}.contact-mascot:after{width:430px;height:430px}.contact-mascot img{position:relative;z-index:1;width:245px;height:245px;object-fit:contain;animation:hola-contact-wave 4s ease-in-out infinite;filter:drop-shadow(0 12px 8px #17203330)}.social-bubble{position:absolute;z-index:2;left:20px;top:22px;max-width:250px;padding:14px 16px;background:#fff;border-radius:14px 14px 14px 4px;color:#172033;font-size:13px;line-height:1.5;box-shadow:0 10px 30px #17203325}.contact-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:38px;border-top:1px solid #dce2ed}.contact-reasons article{padding:25px;border:1px solid #dce2ed;border-radius:16px;background:#fff}.contact-reasons span{color:#2b48ef;font-size:13px;font-weight:700}.contact-reasons h2{font-size:21px;margin:14px 0 9px}.contact-reasons p{color:#647187;font-size:14px;line-height:1.65;margin:0}.drawer-bottom .drawer-instagram{display:flex;align-items:center;gap:11px;margin-top:14px;padding:13px;background:#edf1ff;color:#2b48ef}.drawer-instagram svg{flex:0 0 25px}.drawer-instagram span{display:grid;gap:2px;font-weight:700}.drawer-instagram small{font-size:9px;letter-spacing:1px;color:#647187}.drawer-instagram:hover{background:#e2e8ff!important}@keyframes hola-route-walk{0%{left:0;transform:translateY(0) rotate(-3deg) scaleX(1)}8%{transform:translateY(-7px) rotate(3deg) scaleX(1)}48%{left:calc(100% - 108px);transform:translateY(0) rotate(-3deg) scaleX(1)}50%{left:calc(100% - 108px);transform:translateY(0) scaleX(-1)}58%{transform:translateY(-7px) rotate(3deg) scaleX(-1)}98%{left:0;transform:translateY(0) scaleX(-1)}100%{left:0;transform:translateY(0) scaleX(1)}}@keyframes hola-contact-wave{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(4deg)}}@media(max-width:800px){.services-page,.contact-page{padding:24px 20px 55px}.services-hero,.contact-hero{grid-template-columns:1fr;gap:32px;padding:28px 0 45px}.services-hero h1,.contact-hero h1{font-size:46px;letter-spacing:-2px}.services-hero>div>p:last-of-type,.contact-hero>div>p{font-size:16px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.mascot-route{margin-bottom:45px;padding-inline:6px}.route-line span{font-size:10px}.service-steps{grid-template-columns:1fr;gap:25px;margin:48px 0;padding:35px 0}.service-steps ol{grid-template-columns:1fr;gap:20px}.service-steps li{display:grid;grid-template-columns:42px 1fr;column-gap:10px}.service-steps li>span{grid-row:1/3;margin:0}.service-steps li p{margin:5px 0}.service-cta{align-items:flex-start;flex-direction:column;padding:28px}.contact-mascot{min-height:360px}.contact-reasons{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.mascot-route img{animation:none;left:0}.contact-mascot img{animation:none}.instagram-follow{transition:none}}
.app-install-button{position:fixed;z-index:70;right:18px;bottom:18px;display:flex;align-items:center;gap:9px;padding:13px 16px;border:0;border-radius:999px;background:#172033;color:#fff;box-shadow:0 12px 32px #17203338;font:700 14px Arial;cursor:pointer}.app-install-button[hidden]{display:none}.app-install-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.install-help{width:min(430px,calc(100% - 30px));padding:28px;border:0;border-radius:22px;color:#172033;background:#fff;box-shadow:0 25px 80px #17203345}.install-help::backdrop{background:#111b386e}.install-help-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:1px solid #dce2ed;border-radius:10px;background:#f5f7fb;font-size:24px;cursor:pointer}.install-help img{display:block;width:92px;height:92px;object-fit:contain;margin-bottom:10px}.install-help h2{font-size:28px;margin:8px 0 18px}.install-help ol{padding-left:22px;display:grid;gap:12px;line-height:1.55}.install-help>p:last-child{color:#647187;font-size:14px;line-height:1.6}@media(max-width:600px){.app-install-button{right:12px;bottom:12px;padding:12px 14px}}
.qr-options-editor{margin:20px 0;padding:16px;border:1px solid #dce1e9;border-radius:12px;background:#fff}.qr-options-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.qr-options-heading h3{font-size:18px;margin:0 0 5px}.qr-options-heading p{margin:0}.qr-options-heading>span{white-space:nowrap;padding:5px 8px;border-radius:20px;background:#edf1ff;color:#2b48ef;font-size:12px;font-weight:700}.qr-option-list{display:grid;gap:8px;margin:16px 0}.qr-option-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid #dce2ed;border-radius:10px;background:#f8faff}.qr-option-kind{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#2b48ef;color:#fff;font-size:12px;font-weight:800}.qr-option-copy{min-width:0}.qr-option-copy strong,.qr-option-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-option-copy small{margin-top:3px;color:#647187;font-size:11px}.qr-option-controls{display:flex;gap:5px}.qr-option-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #d3dbea;border-radius:8px;background:#fff;color:#2b48ef;cursor:pointer}.qr-option-controls button:disabled{opacity:.3;cursor:default}.qr-option-controls .remove-option{color:#a52e3a}.qr-option-add{display:grid;gap:8px;margin-top:14px;padding-top:16px;border-top:1px solid #e1e6ef}.qr-option-add label{font-size:13px;font-weight:700}.qr-option-add select,.qr-option-add textarea{width:100%;padding:12px;border:1px solid #dce1e9;border-radius:8px;background:#fbfcfe;color:#172033;font:inherit}.qr-option-add .menu-action{justify-self:start;margin-top:4px}.category-summary{display:flex;align-items:center;gap:8px;margin:2px 0 10px;color:#647187;font-size:12px}.category-toggle{display:flex;align-items:center;gap:7px;white-space:nowrap}.category-toggle .chevron{display:inline-block;transition:transform .18s ease}.category-card.is-collapsed .category-toggle .chevron{transform:rotate(-90deg)}.category-card.is-collapsed{padding-bottom:6px}@media(max-width:520px){.qr-option-card{grid-template-columns:34px minmax(0,1fr)}.qr-option-kind{width:34px;height:34px}.qr-option-controls{grid-column:1/-1;justify-content:flex-end}.qr-options-heading{align-items:center}}
@media(prefers-reduced-motion:reduce){.category-toggle .chevron{transition:none}}

/* Desktop hero alignment: keep both columns on one top line and anchor the blue card to the content edge. */
@media(min-width:1050px){.hola-hero{grid-template-columns:minmax(0,1fr) minmax(440px,520px);align-items:start;gap:64px;min-height:0;margin-top:-28px;padding:0 0 56px}.hero-copy{align-self:center;padding-top:0}.hello-motion{align-self:start;justify-self:end;width:100%;max-width:520px}}

/* Help center */
.support-page{padding-top:24px;padding-bottom:72px}.support-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding:42px 0 66px}.support-hero h1{font-size:clamp(44px,5vw,70px);line-height:1.06;letter-spacing:-2.8px;margin:0 0 24px}.support-hero h1 span{color:#2b48ef}.support-hero p:not(.eyebrow){color:#647187;font-size:18px;line-height:1.7;max-width:585px;margin:0 0 30px}.support-hero .nav-button{display:inline-block}.support-hero-card{position:relative;display:grid;place-items:center;min-height:340px;border-radius:24px;background:#2b48ef;color:#fff;overflow:hidden}.support-hero-card:before,.support-hero-card:after{content:"";position:absolute;width:290px;height:290px;border:1px solid #ffffff2d;border-radius:50%}.support-hero-card:after{width:410px;height:410px}.support-hero-card img{position:relative;z-index:1;width:188px;height:188px;object-fit:contain;filter:drop-shadow(0 12px 8px #17203338)}.support-hero-card>span:last-child{position:absolute;bottom:24px;left:26px;font-size:15px;font-weight:700}.support-orbit{position:absolute;right:25px;top:20px;opacity:.7;font-size:27px;font-weight:700}.support-topics{scroll-margin-top:24px}.support-section-head{padding-top:38px;border-top:1px solid #dce2ed}.support-section-head h2{font-size:34px;letter-spacing:-1px;margin:0 0 10px}.support-section-head>p:last-child{color:#647187;line-height:1.6;margin:0 0 26px}.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.support-grid article{padding:25px 26px;border:1px solid #dce2ed;border-radius:17px;background:#fff;scroll-margin-top:24px}.support-number{color:#2b48ef;font-size:11px;font-weight:800;letter-spacing:1.2px}.support-grid h3{font-size:21px;line-height:1.25;letter-spacing:-.4px;margin:13px 0 10px}.support-grid p{font-size:14px;line-height:1.7;color:#647187;margin:0}.support-grid a{color:#2b48ef;text-underline-offset:3px;font-weight:700}.support-grid strong{color:#34435b}.support-contact{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:48px;padding:34px 36px;border-radius:20px;background:#edf1ff}.support-contact h2{font-size:27px;letter-spacing:-.7px;margin:4px 0 10px}.support-contact p:last-child{max-width:650px;margin:0;color:#53627b;font-size:14px;line-height:1.6}.support-contact .nav-button{flex:0 0 auto}@media(max-width:760px){.support-page{padding:14px 20px 48px}.support-hero{grid-template-columns:1fr;gap:26px;padding:28px 0 48px}.support-hero h1{font-size:46px;letter-spacing:-2px}.support-hero p:not(.eyebrow){font-size:16px}.support-hero-card{min-height:260px}.support-hero-card img{width:145px;height:145px}.support-section-head h2{font-size:28px}.support-grid{grid-template-columns:1fr}.support-grid article{padding:22px}.support-contact{align-items:start;flex-direction:column;padding:27px;margin-top:32px}.support-contact .nav-button{width:100%;text-align:center}}
/* Approved first-screen concept */
.hola-hero-new{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(30px,6vw,95px);align-items:stretch;padding:24px 0 55px;min-height:690px}.hola-hero-new .hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px 0}.hola-hero-new .eyebrow{color:#2446ec;letter-spacing:.08em;border-bottom:3px solid #2446ec;padding-bottom:18px;font-weight:800}.hola-hero-new h1{font-size:clamp(56px,6.4vw,100px);line-height:1.08;letter-spacing:-.055em;margin:24px 0 30px;color:#19233f}.hola-hero-new h1 span{color:#2446ec}.hola-hero-new .hero-description{max-width:495px;color:#5b6885;font-size:18px;line-height:1.8}.hola-hero-new .hero-actions{margin-top:22px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hola-hero-new .hero-actions .nav-button{padding:20px 24px;border-radius:15px}.hero-mini-steps{display:flex;gap:20px;justify-content:space-between;width:100%;border-top:1px solid #d7dfeb;padding-top:24px;margin-top:auto;font-size:13px;font-weight:700;color:#19233f}.hero-mini-steps b{color:#2446ec;margin-right:12px}.hero-demo{position:relative;min-height:660px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#315cfa,#10269d);box-shadow:0 24px 46px #14245326;color:white;padding:32px 38px}.hero-demo-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;letter-spacing:.08em}.hero-demo-top small{font-size:11px}.hero-demo-ring{position:absolute;border:1px solid #ffffff74;border-radius:50%;width:480px;height:480px;right:30px;top:65px}.hero-demo-card{position:absolute;left:9%;top:21%;width:62%;max-width:390px;border-radius:23px;background:white;color:#19233f;padding:26px;z-index:2;box-shadow:0 18px 32px #1024723b}.hero-demo-venue{display:flex;align-items:center;gap:17px;border-bottom:1px solid #dae2f0;padding-bottom:18px}.hero-demo-venue>span:last-child{display:grid;gap:8px}.hero-demo-venue small{font-size:12px;color:#62708b;font-weight:800;letter-spacing:.06em}.hero-demo-venue strong{font-size:21px}.hero-demo-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:#e8eeff;color:#2446ec;font-size:35px}.hero-demo-links{display:grid;gap:11px;margin-top:17px}.hero-demo-links span{background:#f1f4fa;border-radius:13px;padding:15px;color:#1b2741;font-size:14px;font-weight:700}.hero-demo-links b{float:right;color:#2446ec}.hero-demo-mascot{position:absolute;z-index:3;right:-2%;top:38%;width:39%;height:auto;filter:drop-shadow(0 18px 18px #1421725c)}.hero-demo-badge{position:absolute;z-index:4;right:4%;bottom:14%;background:white;color:#19233f;border-radius:18px;padding:19px;display:flex;gap:15px;align-items:center;box-shadow:0 14px 26px #0c207749}.hero-demo-badge>span{display:grid;place-items:center;background:#bafa6c;border-radius:13px;width:54px;height:54px;font-size:24px}.hero-demo-badge strong{display:grid;font-size:18px}.hero-demo-badge small{margin-top:6px;color:#647187;font-size:13px;font-weight:400}
.menu-extra-fields{display:grid;gap:8px;margin:18px 0}.menu-extra-fields input{width:100%}.drag-handle{display:block;color:#51658a;cursor:grab;margin:8px 0}.saved-menu-actions{flex-wrap:wrap}.slug-form{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.slug-form label{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.slug-form input{min-width:160px}.menu-stats{padding:14px;background:#f3f6ff;border-radius:12px;line-height:1.7}.membership-status-card{background:#eff3ff;border-radius:15px;padding:16px;margin:14px 0}.photo-menu-import{display:block;margin-bottom:32px}.photo-menu-import input[type=search],.photo-menu-import input[type=file]{display:block;width:100%;margin:9px 0 15px}.import-targets{display:grid;gap:8px}.import-row{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:10px;padding:10px 0;border-bottom:1px solid #dde4ef}.import-row input{width:100%;display:block}.photo-menu-import button{margin:7px 6px 7px 0;cursor:pointer}
@media(max-width:850px){.hola-hero-new{grid-template-columns:1fr;gap:10px;padding-top:4px}.hola-hero-new .hero-copy{padding:34px 0}.hola-hero-new h1{font-size:clamp(50px,11vw,78px)}.hero-mini-steps{margin-top:45px}.hero-demo{min-height:570px}.import-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.hola-hero-new h1{font-size:clamp(46px,12vw,62px)}.hola-hero-new .hero-description{font-size:16px}.hero-demo{min-height:460px;border-radius:23px;padding:23px}.hero-demo-ring{width:310px;height:310px;right:-35px;top:70px}.hero-demo-card{top:23%;left:5%;width:68%;padding:14px}.hero-demo-venue{gap:8px}.hero-demo-icon{width:42px;height:42px;font-size:23px}.hero-demo-venue strong{font-size:15px}.hero-demo-venue small{font-size:9px}.hero-demo-links span{font-size:11px;padding:10px}.hero-demo-mascot{width:42%;top:40%;right:-5%}.hero-demo-badge{right:5%;bottom:8%;padding:10px}.hero-demo-badge>span{width:34px;height:34px}.hero-demo-badge strong{font-size:12px}.hero-demo-badge small{font-size:10px}.hero-mini-steps{font-size:10px;gap:6px}.hero-mini-steps b{margin-right:3px}.import-row{grid-template-columns:1fr}}

/* Keep the approved introduction compact and aligned on both screen sizes. */
.hola-hero.hola-hero-new{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:clamp(28px,4vw,58px);margin-top:0;min-height:0;padding:18px 0 48px}
.hola-hero-new .hero-copy{align-self:stretch;justify-content:center;min-width:0;padding:24px 0 18px}
.hola-hero-new .eyebrow{font-size:12px;line-height:1.35;letter-spacing:.065em;margin:0;padding-bottom:12px}
.hola-hero-new h1{font-size:clamp(50px,5.2vw,75px);line-height:1.035;letter-spacing:-.052em;margin:24px 0 20px}
.hola-hero-new .hero-description{font-size:17px;line-height:1.58;max-width:470px;margin:0}
.hola-hero-new .hero-actions{margin-top:28px;gap:18px}
.hola-hero-new .hero-actions .nav-button{font-size:15px;padding:16px 20px}
.hola-hero-new .hero-secondary{font-size:15px}
.hola-hero-new .hero-mini-steps{margin-top:54px;gap:12px;padding-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hola-hero-new .hero-mini-steps span{display:flex;align-items:baseline;gap:6px;min-width:0}
.hola-hero-new .hero-mini-steps b{margin:0;flex:none}
.hola-hero-new .hero-demo{width:100%;min-width:0;min-height:600px}
@media(max-width:850px){
 .hola-hero.hola-hero-new{grid-template-columns:1fr;gap:24px;padding:12px 0 34px}
 .hola-hero-new .hero-copy{justify-content:flex-start;padding:0}
 .hola-hero-new .hero-mini-steps{margin-top:30px;padding-top:16px}
 .hola-hero-new .hero-demo{min-height:490px}
}
@media(max-width:760px){
 header{height:70px;min-height:70px;padding:0 16px;gap:10px;flex-wrap:nowrap}
 header .navigation-toggle{flex:0 0 40px;width:40px;height:40px}
 header .brand-image{flex:0 0 112px;width:112px;height:48px}
 header #member-nav{min-width:0;gap:0;margin-left:auto}
 header #member-nav .nav-button:not(:last-child){display:none}
 header #member-nav .nav-button{font-size:13px;padding:10px 12px}
 body:has(.hola-hero-new) > main{margin:0;padding:16px 16px 24px}
 .hola-hero-new .eyebrow{font-size:11px;padding-bottom:9px}
 .hola-hero-new h1{font-size:clamp(41px,10.7vw,56px);margin:18px 0 16px;letter-spacing:-.052em}
 .hola-hero-new .hero-description{font-size:15px;line-height:1.52}
 .hola-hero-new .hero-actions{margin-top:22px;gap:14px}
 .hola-hero-new .hero-actions .nav-button{padding:13px 15px;font-size:14px}
 .hola-hero-new .hero-secondary{font-size:14px}
 .hola-hero-new .hero-mini-steps{font-size:11px;line-height:1.3}
 .hola-hero-new .hero-demo{min-height:410px}
}
@media(max-width:380px){
 header .brand-image{flex-basis:100px;width:100px}
 .hola-hero-new h1{font-size:40px}
 .hola-hero-new .hero-actions{align-items:flex-start;flex-direction:column;gap:16px}
 .hola-hero-new .hero-mini-steps{font-size:10px}
 .hola-hero-new .hero-demo{min-height:380px}
}