#level-apps-demo .la-stage{--la-bg:light-dark(#fbfbfd,#12171e);--la-panel:light-dark(#fff,#1c2430);--la-ink:light-dark(#172332,#f0f3f8);--la-muted:light-dark(#536273,#bac6d4);--la-line:light-dark(#dce3eb,#3e4b5d);--la-accent:light-dark(#174ac8,#b1c9ff);--la-on:light-dark(#fff,#122953);--la-soft:light-dark(#edf2ff,#263750);--la-banner:light-dark(#174ac8,#203777);--la-banner-ink:light-dark(#fff,#eff4ff);--la-banner-muted:light-dark(#dfe8ff,#d5e1ff);--la-deco:light-dark(#ffffff26,#ffffff16);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--la-ink);box-sizing:border-box;width:100%;min-height:1400px;} #level-apps-demo .la-stage[data-format="celular"]{max-width:390px;margin:auto;min-height:1950px;} #level-apps-demo .la-site{background:var(--la-bg);container-type:inline-size;border:1px solid var(--la-line);border-radius:18px;} #level-apps-demo .la-site *{box-sizing:border-box;} #level-apps-demo [hidden]{display:none!important;} #level-apps-demo .la-stage button{color:inherit;font-family:inherit;} #level-apps-demo .la-header{padding:20px 32px;display:flex;gap:16px;justify-content:space-between;align-items:center;} #level-apps-demo .la-brand{display:flex;gap:7px;align-items:center;font-size:25px;letter-spacing:-1.5px;font-weight:900;min-height:48px;background:transparent;border:0;padding:0;} #level-apps-demo .la-brand span{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--la-accent);} #level-apps-demo .la-login{min-height:48px;border:1px solid var(--la-line);padding:10px 15px;display:flex;align-items:center;gap:10px;border-radius:30px;background:var(--la-panel);font-weight:600;font-size:14px;} #level-apps-demo .la-login svg{width:17px;height:17px;} #level-apps-demo .la-hero{padding:38px 36px 42px;} #level-apps-demo .la-kicker{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--la-muted);} #level-apps-demo h1{margin:18px 0 22px;font-size:clamp(40px,5.7cqw,66px);font-weight:800;line-height:1.04;letter-spacing:-2.8px;overflow-wrap:break-word;} #level-apps-demo h1 em{color:var(--la-accent);font-style:normal;} #level-apps-demo .la-hero p{font-size:17px;color:var(--la-muted);margin:0;} #level-apps-demo .la-content{padding:25px 34px 12px;} #level-apps-demo .la-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;} #level-apps-demo h2{font-size:23px;line-height:1.25;letter-spacing:-.7px;margin:0;} #level-apps-demo .la-heading>span{color:var(--la-muted);font-size:13px;} #level-apps-demo .la-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;} #level-apps-demo .la-pick{min-width:0;min-height:70px;padding:15px;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--la-line);border-radius:12px;background:var(--la-panel);font-size:16px;font-weight:650;line-height:1.25;} #level-apps-demo .la-pick[aria-pressed="true"]{background:var(--la-soft);border-color:var(--la-accent);} #level-apps-demo .la-pick-title{min-width:0;overflow-wrap:break-word;} #level-apps-demo .la-symbol{display:flex;align-items:center;justify-content:center;background:var(--la-soft);color:var(--la-accent);width:38px;height:38px;border-radius:10px;flex-shrink:0;} #level-apps-demo .la-symbol svg{width:21px;height:21px;} #level-apps-demo .la-detail{margin:24px 0 0;border:1px solid var(--la-line);background:var(--la-panel);border-radius:18px;padding:25px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.9fr);gap:30px;} #level-apps-demo .la-detail h3{font-size:31px;line-height:1.2;letter-spacing:-1px;margin:12px 0;} #level-apps-demo .la-detail p{font-size:16px;color:var(--la-muted);margin:0 0 20px;} #level-apps-demo .la-detail-price{font-size:13px;color:var(--la-muted);margin:0 0 12px;} #level-apps-demo .la-actions{display:grid;gap:8px;} #level-apps-demo .la-button{min-height:48px;padding:12px 16px;border:1px solid var(--la-line);border-radius:9px;background:var(--la-panel);font-size:15px;font-weight:650;line-height:1.3;width:100%;} #level-apps-demo .la-button.primary{background:var(--la-accent);border-color:var(--la-accent);color:var(--la-on);} #level-apps-demo .la-install-note{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--la-muted);margin-top:17px;} #level-apps-demo .la-install-note svg{height:18px;width:18px;flex-shrink:0;} #level-apps-demo .la-footer{margin:32px 34px 0;padding:20px 0;display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--la-line);color:var(--la-muted);font-size:12px;} #level-apps-demo .la-footer strong{letter-spacing:1px;} #level-apps-demo .la-hero-impacto{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;background:var(--la-banner);color:var(--la-banner-ink);margin:0 16px;border-radius:10px;} #level-apps-demo .la-hero-impacto h1{font-size:clamp(42px,6cqw,70px);} #level-apps-demo .la-hero-impacto .la-kicker,#level-apps-demo .la-hero-impacto p{color:var(--la-banner-muted);} #level-apps-demo .la-hero-impacto h1 em{color:var(--la-banner-ink);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px;} #level-apps-demo .la-hero-art{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px;border:1px solid var(--la-deco);border-radius:90px 12px 12px 12px;background:var(--la-deco);} #level-apps-demo .la-art-word{font-size:clamp(23px,3cqw,35px);font-weight:750;line-height:1.15;letter-spacing:-1px;} #level-apps-demo .la-art-icons{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0;} #level-apps-demo .la-art-icons svg{width:42px;height:42px;padding:10px;background:var(--la-deco);border-radius:13px;} #level-apps-demo .la-art-caption{font-size:12px;color:var(--la-banner-muted);} #level-apps-demo [data-design="vidriera"]{--la-bg:light-dark(#f7f4e7,#181c15);--la-panel:light-dark(#fffef5,#242a20);--la-ink:light-dark(#263c2a,#eef3e8);--la-muted:light-dark(#58634f,#bdc8b3);--la-line:light-dark(#d8ddc7,#485340);--la-accent:light-dark(#36573a,#c1d8a9);--la-on:light-dark(#fff,#223b27);--la-soft:light-dark(#e5ebd3,#35432c);} #level-apps-demo .la-hero-vidriera{padding-top:27px;border-bottom:1px solid var(--la-line);} #level-apps-demo .la-hero-vidriera h1{font-size:clamp(40px,6cqw,70px);font-weight:850;letter-spacing:-3px;} #level-apps-demo .la-hero-vidriera h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;} #level-apps-demo .la-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;} #level-apps-demo .la-round-note{display:grid;place-content:center;text-align:center;background:var(--la-accent);color:var(--la-on);font-size:11px;letter-spacing:1.3px;font-weight:700;line-height:1.5;width:85px;height:85px;border-radius:50%;flex-shrink:0;transform:rotate(-12deg);} #level-apps-demo [data-design="vidriera"] .la-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} #level-apps-demo [data-design="vidriera"] .la-pick{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:155px;padding:20px;border-radius:3px;font-size:22px;} #level-apps-demo [data-design="vidriera"] .la-pick:first-child{grid-column:span 2;grid-row:span 2;min-height:322px;font-size:36px;background:var(--la-soft);} #level-apps-demo [data-design="vidriera"] .la-pick:first-child .la-symbol{width:65px;height:65px;} #level-apps-demo [data-design="vidriera"] .la-detail{border-radius:3px;} #level-apps-demo [data-design="vidriera"] .la-button{border-radius:3px;} #level-apps-demo [data-design="estudio"]{--la-bg:light-dark(#f3eff9,#1b1429);--la-panel:light-dark(#fff,#251d35);--la-ink:light-dark(#342447,#f7efff);--la-muted:light-dark(#6f5d83,#cab9d9);--la-line:light-dark(#dcd0eb,#534367);--la-accent:light-dark(#6939a3,#e1baff);--la-on:light-dark(#fff,#38214d);--la-soft:light-dark(#e9dff6,#3a2853);} #level-apps-demo .la-hero-estudio{background:linear-gradient(120deg,var(--la-bg),var(--la-soft));} #level-apps-demo .la-hero-estudio h1{font-size:clamp(39px,5.5cqw,63px);font-weight:650;letter-spacing:-2.5px;} #level-apps-demo .la-studio-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;} #level-apps-demo .la-studio-layout aside>h2{font-size:15px;color:var(--la-muted);margin:0 0 18px;} #level-apps-demo [data-design="estudio"] .la-catalog{grid-template-columns:1fr;gap:6px;} #level-apps-demo [data-design="estudio"] .la-pick{min-height:55px;padding:8px 12px;background:transparent;border-color:transparent;} #level-apps-demo [data-design="estudio"] .la-pick[aria-pressed="true"]{background:var(--la-panel);border-color:var(--la-line);} #level-apps-demo [data-design="estudio"] .la-detail{margin:0;display:flex;flex-direction:column;justify-content:center;padding:35px;gap:18px;border-radius:24px;} #level-apps-demo [data-design="estudio"] .la-detail .la-symbol{width:70px;height:70px;border-radius:20px;} #level-apps-demo [data-design="estudio"] .la-detail .la-symbol svg{width:34px;height:34px;} #level-apps-demo [data-design="estudio"] .la-detail h3{font-size:40px;} #level-apps-demo [data-design="escaparate"]{--la-bg:light-dark(#fcfaf7,#1c1816);--la-panel:light-dark(#fcfaf7,#1c1816);--la-ink:light-dark(#322923,#f5eae2);--la-muted:light-dark(#736357,#cabaad);--la-line:light-dark(#ded4cb,#51433a);--la-accent:light-dark(#a03c23,#ffb8a0);--la-on:light-dark(#fff,#482318);--la-soft:light-dark(#f5e8df,#3b2b22);} #level-apps-demo .la-hero-escaparate h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,6cqw,72px);font-weight:400;line-height:1.03;letter-spacing:-3px;} #level-apps-demo .la-hero-escaparate h1 em{font-style:italic;} #level-apps-demo [data-design="escaparate"] .la-catalog{display:block;border-top:1px solid var(--la-line);} #level-apps-demo .la-accordion{border-bottom:1px solid var(--la-line);} #level-apps-demo [data-design="escaparate"] .la-pick{width:100%;border:0;border-radius:0;min-height:65px;background:transparent;padding:16px 0;font-size:25px;gap:20px;} #level-apps-demo [data-design="escaparate"] .la-pick[aria-pressed="true"]{color:var(--la-accent);} #level-apps-demo .la-ordinal{font-size:12px;color:var(--la-muted);font-weight:400;min-width:24px;} #level-apps-demo .la-accordion-arrow{margin-left:auto;flex-shrink:0;width:20px;height:20px;} #level-apps-demo [data-design="escaparate"] .la-detail{border:0;border-radius:0;background:transparent;padding:0 0 24px 44px;margin:0;gap:25px;} #level-apps-demo [data-design="escaparate"] .la-detail h3,#level-apps-demo [data-design="escaparate"] .la-detail .la-symbol{display:none;} #level-apps-demo [data-design="mosaico"]{--la-bg:light-dark(#edf7f7,#101e24);--la-panel:light-dark(#fff,#1c3038);--la-ink:light-dark(#133039,#e9f8fb);--la-muted:light-dark(#4b6771,#b3ccd3);--la-line:light-dark(#cbdfe3,#3f5963);--la-accent:light-dark(#086779,#8cdae6);--la-on:light-dark(#fff,#17333b);--la-soft:light-dark(#d8edf0,#23414b);} #level-apps-demo .la-hero-mosaico{text-align:center;padding-bottom:25px;} #level-apps-demo .la-hero-mosaico h1{font-size:clamp(36px,5cqw,58px);letter-spacing:-2.5px;} #level-apps-demo .la-platform{display:flex;justify-content:center;gap:25px;color:var(--la-muted);font-size:13px;margin-top:24px;} #level-apps-demo .la-platform>span{display:flex;align-items:center;gap:7px;} #level-apps-demo .la-platform svg{width:18px;height:18px;} #level-apps-demo [data-design="mosaico"] .la-catalog{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 10px;} #level-apps-demo [data-design="mosaico"] .la-pick{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;border-color:transparent;background:transparent;padding:9px 4px;gap:12px;font-size:15px;} #level-apps-demo [data-design="mosaico"] .la-pick[aria-pressed="true"]{background:var(--la-panel);border-color:var(--la-line);} #level-apps-demo [data-design="mosaico"] .la-pick .la-symbol{width:69px;height:69px;border-radius:21px;background:var(--la-accent);color:var(--la-on);} #level-apps-demo [data-design="mosaico"] .la-pick .la-symbol svg{width:31px;height:31px;} #level-apps-demo [data-design="mosaico"] .la-detail{margin-top:30px;} #level-apps-demo .la-flow{max-width:460px;padding:28px;margin:auto;min-height:650px;} #level-apps-demo .la-back{min-height:48px;background:transparent;border:0;padding:0;font-size:14px;color:var(--la-muted);} #level-apps-demo .la-flow h2{font-size:31px;line-height:1.15;margin:23px 0 13px;overflow-wrap:break-word;} #level-apps-demo .la-flow p{color:var(--la-muted);} #level-apps-demo .la-field{display:block;font-size:14px;margin:15px 0;} #level-apps-demo .la-field input{display:block;width:100%;margin-top:7px;min-height:50px;font:16px system-ui;background:var(--la-panel);color:var(--la-muted);border:1px solid var(--la-line);border-radius:9px;padding:12px;opacity:1;} #level-apps-demo .la-demo{font-size:12px;color:var(--la-muted);margin:18px 0;} #level-apps-demo .la-account-app{background:var(--la-panel);border:1px solid var(--la-line);border-radius:18px;padding:23px;margin:22px 0;} #level-apps-demo .la-account-app h3{font-size:25px;margin:0 0 10px;} #level-apps-demo .la-account-app .la-actions{margin-top:20px;} #level-apps-demo .la-sample{font-size:13px;background:var(--la-soft);color:var(--la-accent);display:inline-block;padding:5px 9px;border-radius:6px;} #level-apps-demo .la-stage{min-height:1650px;} @container (max-width:720px){ #level-apps-demo .la-header{padding:15px 22px;} #level-apps-demo .la-hero{padding:27px 24px;} #level-apps-demo .la-content{padding:24px;} #level-apps-demo .la-catalog{grid-template-columns:repeat(2,minmax(0,1fr));} #level-apps-demo .la-detail{grid-template-columns:1fr;gap:12px;} #level-apps-demo .la-studio-layout{grid-template-columns:1fr;gap:20px;} #level-apps-demo [data-design="estudio"] .la-catalog{grid-template-columns:repeat(2,minmax(0,1fr));} #level-apps-demo [data-design="estudio"] .la-detail{padding:25px;} #level-apps-demo [data-design="mosaico"] .la-catalog{grid-template-columns:repeat(3,minmax(0,1fr));} #level-apps-demo [data-design="vidriera"] .la-catalog{grid-template-columns:repeat(2,minmax(0,1fr));} #level-apps-demo [data-design="vidriera"] .la-pick:first-child{grid-column:span 2;grid-row:auto;min-height:160px;flex-direction:row;align-items:center;} #level-apps-demo .la-heading{align-items:flex-start;flex-direction:column;gap:5px;} #level-apps-demo .la-footer{margin-left:24px;margin-right:24px;flex-direction:column;gap:5px;} } @container (max-width:440px){ #level-apps-demo h1,#level-apps-demo .la-hero-impacto h1,#level-apps-demo .la-hero-vidriera h1,#level-apps-demo .la-hero-estudio h1,#level-apps-demo .la-hero-escaparate h1,#level-apps-demo .la-hero-mosaico h1{font-size:39px;letter-spacing:-1.6px;} #level-apps-demo .la-hero-impacto{display:block;margin:0 10px;padding:25px 20px;} #level-apps-demo .la-hero-art{padding:18px;margin-top:25px;border-radius:35px 10px 10px 10px;} #level-apps-demo .la-art-word{font-size:23px;} #level-apps-demo .la-art-icons{margin:17px 0;} #level-apps-demo .la-art-caption{font-size:12px;} #level-apps-demo .la-hero p{font-size:16px;} #level-apps-demo .la-content{padding:22px 18px 10px;} #level-apps-demo .la-header{padding:12px 18px;gap:9px;} #level-apps-demo .la-brand{font-size:23px;} #level-apps-demo .la-brand span{font-size:10px;} #level-apps-demo .la-login{padding:9px 11px;} #level-apps-demo .la-pick{font-size:15px;padding:12px 9px;gap:8px;min-height:78px;} #level-apps-demo .la-pick .la-symbol{width:29px;height:29px;border-radius:8px;} #level-apps-demo .la-pick .la-symbol svg{width:17px;height:17px;} #level-apps-demo .la-detail{padding:20px;} #level-apps-demo .la-detail h3,#level-apps-demo [data-design="estudio"] .la-detail h3{font-size:29px;} #level-apps-demo .la-round-note{width:65px;height:65px;font-size:10px;} #level-apps-demo [data-design="vidriera"] .la-pick{min-height:128px;padding:15px;font-size:19px;} #level-apps-demo [data-design="vidriera"] .la-pick:first-child{min-height:135px;font-size:29px;} #level-apps-demo [data-design="escaparate"] .la-pick{font-size:21px;gap:11px;} #level-apps-demo [data-design="escaparate"] .la-detail{padding-left:0;} #level-apps-demo [data-design="mosaico"] .la-pick{font-size:13px;} #level-apps-demo [data-design="mosaico"] .la-pick .la-symbol{width:58px;height:58px;border-radius:18px;} #level-apps-demo [data-design="mosaico"] .la-pick .la-symbol svg{width:27px;height:27px;} #level-apps-demo .la-flow{padding:22px;} } @media(max-width:800px){#level-apps-demo .la-stage{min-height:1950px;}} #level-apps-demo{--gold-logo:url("./logo-transparent.png");} #level-apps-demo[data-palette="level-gold"] .la-stage{--la-bg:#060606;--la-panel:#141210;--la-ink:#f4e5c3;--la-muted:#c3b899;--la-line:#786446;--la-accent:#d6b570;--la-on:#171007;--la-soft:#282014;--la-banner:#141210;--la-banner-ink:#f4e5c3;--la-banner-muted:#c3b899;--la-deco:#d6b57022;} #level-apps-demo[data-palette="level-gold"] .level-stage{--level-bg:#060606;--level-panel:#141210;--level-ink:#f4e5c3;--level-muted:#c3b899;--level-line:#786446;--level-accent:#d6b570;--level-accent-ink:#171007;--level-tint:#282014;--level-shadow:#00000055;} #level-apps-demo[data-palette="original"] .la-stage[data-design="dorado"]{--la-bg:#060606;--la-panel:#141210;--la-ink:#f4e5c3;--la-muted:#c3b899;--la-line:#786446;--la-accent:#d6b570;--la-on:#171007;--la-soft:#282014;--la-banner:#141210;--la-banner-ink:#f4e5c3;--la-banner-muted:#c3b899;--la-deco:#d6b57022;} #level-apps-demo [data-design="dorado"] .la-site{color-scheme:dark;} #level-apps-demo [data-design="dorado"] .la-brand{color:var(--la-accent);} #level-apps-demo [data-design="dorado"] .la-header{padding:22px 36px;} #level-apps-demo .la-gold-hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:20px;padding:42px 40px 50px;background:var(--la-bg);border-bottom:1px solid var(--la-line);} #level-apps-demo .la-gold-hero h1{font-size:62px;line-height:1.08;letter-spacing:-2.7px;margin:15px 0 20px;} #level-apps-demo .la-gold-hero h1 em{color:var(--la-accent);font-style:normal;} #level-apps-demo .la-gold-hero p{font-size:18px;line-height:1.7;color:var(--la-muted);margin:0 0 19px;} #level-apps-demo .la-gold-logo{width:290px;height:290px;justify-self:center;background-image:var(--gold-logo);background-size:contain;background-position:center;background-repeat:no-repeat;} #level-apps-demo .la-gold-install{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--la-muted);} #level-apps-demo .la-gold-catalog-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;} #level-apps-demo .la-gold-catalog-title h2{font-size:26px;margin:0;letter-spacing:-.6px;} #level-apps-demo .la-gold-catalog-title span{font-size:14px;color:var(--la-muted);} #level-apps-demo .la-gold-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start;} #level-apps-demo [data-design="dorado"] .la-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} #level-apps-demo [data-design="dorado"] .la-pick{min-height:108px;border:1px solid var(--la-line);border-radius:12px;padding:17px 13px;display:flex;flex-direction:column;align-items:flex-start;gap:11px;background:var(--la-panel);color:var(--la-ink);text-align:left;} #level-apps-demo [data-design="dorado"] .la-pick[aria-pressed="true"]{background:var(--la-soft);border-color:var(--la-accent);color:var(--la-accent);} #level-apps-demo [data-design="dorado"] .la-pick-title{font-size:15px;line-height:1.35;} #level-apps-demo [data-design="dorado"] .la-detail{min-height:348px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:25px;border:1px solid var(--la-line);border-radius:12px;background:var(--la-panel);} #level-apps-demo [data-design="dorado"] .la-detail h3{font-size:25px;margin:17px 0 9px;} #level-apps-demo [data-design="dorado"] .la-detail p{font-size:16px;line-height:1.6;color:var(--la-muted);} #level-apps-demo [data-design="dorado"] .la-actions{display:flex;flex-direction:column;gap:10px;} #level-apps-demo [data-design="dorado"] .la-detail-price{margin-bottom:14px;} #level-apps-demo [data-design="dorado"] .la-button{width:100%;} @container(max-width:600px){ #level-apps-demo [data-design="dorado"] .la-header{padding:18px;} #level-apps-demo .la-gold-hero{padding:20px 20px 28px;grid-template-columns:1fr;text-align:center;gap:8px;} #level-apps-demo .la-gold-logo{grid-row:1;width:180px;height:180px;} #level-apps-demo .la-gold-hero h1{font-size:37px;letter-spacing:-1.5px;margin:12px 0 15px;} #level-apps-demo .la-gold-hero p{font-size:16px;line-height:1.6;} #level-apps-demo .la-gold-install{justify-content:center;} #level-apps-demo .la-gold-catalog-title{align-items:flex-start;flex-direction:column;gap:5px;} #level-apps-demo .la-gold-catalog-title h2{font-size:25px;} #level-apps-demo .la-gold-layout{grid-template-columns:1fr;gap:18px;} #level-apps-demo [data-design="dorado"] .la-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} #level-apps-demo [data-design="dorado"] .la-pick{min-height:100px;padding:16px;} #level-apps-demo [data-design="dorado"] .la-detail{min-height:0;padding:22px;} } #level-apps-demo .level-stage{--level-bg:light-dark(#f5f6f8,#101315);--level-panel:light-dark(#ffffff,#191e22);--level-ink:light-dark(#172329,#f1f4f5);--level-muted:light-dark(#53646e,#b0bdc4);--level-line:light-dark(#dce3e7,#35424b);--level-accent:light-dark(#076a77,#74d7df);--level-accent-ink:light-dark(#ffffff,#10282b);--level-tint:light-dark(#e1f2f3,#20383b);--level-shadow:light-dark(#1329320a,#00000030);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--level-ink);width:100%;min-height:1130px;box-sizing:border-box;} #level-apps-demo .level-site{background:var(--level-bg);border:1px solid var(--level-line);border-radius:22px;overflow:hidden;container-type:inline-size;box-shadow:0 10px 35px var(--level-shadow);} #level-apps-demo .level-site *{box-sizing:border-box;} #level-apps-demo [hidden]{display:none!important;} #level-apps-demo .level-header{background:var(--level-panel);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 34px;border-bottom:1px solid var(--level-line);} #level-apps-demo .level-brand{display:flex;gap:9px;align-items:baseline;text-decoration:none;color:var(--level-ink);font-size:24px;font-weight:850;letter-spacing:-1.5px;min-height:48px;align-items:center;} #level-apps-demo .level-brand span{font-size:12px;letter-spacing:2px;font-weight:650;color:var(--level-accent);} #level-apps-demo .level-login{background:transparent;border:1px solid var(--level-line);border-radius:100px;padding:10px 16px;min-height:46px;display:flex;align-items:center;gap:9px;color:var(--level-ink);font:600 14px system-ui;} #level-apps-demo .level-login svg{width:17px;height:17px;} #level-apps-demo .level-store{padding:0 34px;} #level-apps-demo .level-hero{padding:49px 0 39px;text-align:center;} #level-apps-demo .level-eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--level-muted);} #level-apps-demo h1{font-size:clamp(36px,6cqw,62px);line-height:1.04;font-weight:800;letter-spacing:-2.8px;margin:18px 0;} #level-apps-demo h1 em{font-style:normal;color:var(--level-accent);} #level-apps-demo .level-hero p,#level-apps-demo .level-editorial-intro p{font-size:17px;margin:0 0 19px;color:var(--level-muted);} #level-apps-demo .level-promise{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--level-muted);} #level-apps-demo .level-promise svg{width:17px;height:17px;color:var(--level-accent);} #level-apps-demo .level-catalog-title{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:0 0 18px;} #level-apps-demo h2{font-size:22px;letter-spacing:-.5px;margin:0;font-weight:750;} #level-apps-demo .level-catalog-title span{font-size:13px;color:var(--level-muted);} #level-apps-demo .level-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;} #level-apps-demo .level-app{background:var(--level-panel);border:1px solid var(--level-line);border-radius:17px;padding:21px;min-width:0;display:flex;flex-direction:column;} #level-apps-demo .level-app-head{display:flex;align-items:center;gap:13px;margin-bottom:16px;} #level-apps-demo .level-icon{background:var(--level-tint);color:var(--level-accent);width:45px;height:45px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;} #level-apps-demo .level-icon svg{width:23px;height:23px;} #level-apps-demo .level-app h3{font-size:19px;line-height:1.3;letter-spacing:-.4px;margin:0;font-weight:750;} #level-apps-demo .level-app-kind{font-size:11px;font-weight:650;color:var(--level-muted);margin-top:3px;} #level-apps-demo .level-app-desc{font-size:14px;color:var(--level-muted);line-height:1.6;margin:0 0 20px;min-height:46px;} #level-apps-demo .level-price{font-size:13px;margin:auto 0 16px;color:var(--level-muted);} #level-apps-demo .level-actions{display:grid;gap:8px;} #level-apps-demo .level-action{font:650 14px/1.3 system-ui;min-height:48px;padding:12px 13px;border-radius:10px;border:1px solid var(--level-line);color:var(--level-ink);background:var(--level-panel);width:100%;} #level-apps-demo .level-action.primary{color:var(--level-accent-ink);background:var(--level-accent);border-color:var(--level-accent);} #level-apps-demo .level-footer{display:flex;justify-content:space-between;gap:14px;padding:28px 0;margin-top:24px;border-top:1px solid var(--level-line);font-size:12px;color:var(--level-muted);} #level-apps-demo .level-footer>span:first-child{font-weight:750;letter-spacing:1px;} #level-apps-demo [data-design="editorial"]{--level-bg:light-dark(#faf7f2,#171513);--level-panel:light-dark(#fffdf9,#231e19);--level-accent:light-dark(#9b3c1f,#f7b196);--level-accent-ink:light-dark(#ffffff,#392012);--level-tint:light-dark(#f6e6dc,#423029);--level-line:light-dark(#e4dbd0,#493b31);--level-ink:light-dark(#302923,#f5efe7);--level-muted:light-dark(#726255,#c1b2a2);} #level-apps-demo [data-design="editorial"] .level-header{background:var(--level-bg);border-bottom:0;} #level-apps-demo .level-editorial-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:32px;padding:38px 0 34px;} #level-apps-demo [data-design="editorial"] h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(36px,5.2cqw,57px);letter-spacing:-2.5px;line-height:1.08;} #level-apps-demo [data-design="editorial"] h1 em{font-style:italic;} #level-apps-demo .level-feature .level-app{background:var(--level-tint);border:0;padding:27px;} #level-apps-demo .level-feature .level-icon{background:var(--level-panel);width:54px;height:54px;} #level-apps-demo .level-feature .level-app h3{font-size:25px;} #level-apps-demo .level-feature .level-app-desc{font-size:15px;min-height:0;} #level-apps-demo [data-design="editorial"] .level-catalog{grid-template-columns:repeat(2,minmax(0,1fr));} #level-apps-demo [data-design="editorial"] .level-catalog .level-app{padding:20px;} #level-apps-demo [data-design="editorial"] .level-catalog .level-app-desc{margin-bottom:13px;min-height:0;} #level-apps-demo [data-design="editorial"] .level-catalog .level-actions{grid-template-columns:1.55fr 1fr;} #level-apps-demo [data-design="compacto"]{--level-accent:light-dark(#2650b5,#b0c7ff);--level-accent-ink:light-dark(#ffffff,#172e62);--level-tint:light-dark(#edf2ff,#263955);} #level-apps-demo [data-design="compacto"] .level-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;padding:35px 0 31px;} #level-apps-demo [data-design="compacto"] h1{font-size:46px;} #level-apps-demo [data-design="compacto"] .level-hero p{margin-bottom:0;} #level-apps-demo [data-design="compacto"] .level-catalog{display:flex;flex-direction:column;gap:11px;} #level-apps-demo [data-design="compacto"] .level-app{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:25px;padding:23px;} #level-apps-demo [data-design="compacto"] .level-app-head{grid-column:1;grid-row:1;margin-bottom:5px;} #level-apps-demo [data-design="compacto"] .level-app-desc{grid-column:1;grid-row:2;margin:0 0 0 58px;min-height:0;} #level-apps-demo [data-design="compacto"] .level-price{grid-column:2;grid-row:1;text-align:right;margin:0 0 10px;} #level-apps-demo [data-design="compacto"] .level-actions{grid-column:2;grid-row:2;grid-template-columns:1.5fr 1fr;align-self:end;} #level-apps-demo .level-flow{padding:30px;max-width:450px;margin:0 auto;min-height:600px;} #level-apps-demo .level-back{color:var(--level-muted);background:transparent;border:0;font:500 14px system-ui;min-height:48px;padding:0;} #level-apps-demo .level-flow h2{font-size:29px;margin:24px 0 12px;} #level-apps-demo .level-flow p{color:var(--level-muted);font-size:15px;} #level-apps-demo .level-flow label{display:block;font-size:14px;margin:16px 0 6px;} #level-apps-demo .level-flow input{font:16px system-ui;width:100%;min-height:50px;padding:12px;border:1px solid var(--level-line);border-radius:10px;background:var(--level-panel);color:var(--level-muted);opacity:1;} #level-apps-demo .level-flow .level-actions{margin:24px 0 14px;} #level-apps-demo .level-simulation{font-size:12px!important;} #level-apps-demo .level-mine{background:var(--level-panel);border:1px solid var(--level-line);border-radius:14px;padding:22px;margin-top:22px;} #level-apps-demo .level-success{display:inline-flex;color:var(--level-accent);background:var(--level-tint);padding:5px 10px;border-radius:8px;font-size:13px;} #level-apps-demo .level-stage[data-format="celular"]{max-width:390px;margin:auto;min-height:3500px;} #level-apps-demo .level-stage[data-format="celular"] .level-site{border-radius:24px;} @container (max-width:650px){ #level-apps-demo .level-store{padding:0 22px;} #level-apps-demo .level-header{padding:16px 22px;} #level-apps-demo .level-catalog{grid-template-columns:repeat(2,minmax(0,1fr));} #level-apps-demo .level-hero{padding:34px 0;} #level-apps-demo .level-editorial-intro{gap:20px;grid-template-columns:1fr;} #level-apps-demo .level-editorial-intro h1{font-size:46px;} #level-apps-demo [data-design="editorial"] .level-catalog .level-actions{grid-template-columns:1fr;} #level-apps-demo [data-design="compacto"] .level-hero{display:block;} #level-apps-demo [data-design="compacto"] .level-promise{margin-top:15px;} #level-apps-demo [data-design="compacto"] .level-app{grid-template-columns:1fr;} #level-apps-demo [data-design="compacto"] .level-price{grid-column:1;grid-row:3;text-align:left;margin:14px 0;} #level-apps-demo [data-design="compacto"] .level-actions{grid-column:1;grid-row:4;} } @container (max-width:430px){ #level-apps-demo .level-catalog,#level-apps-demo [data-design="editorial"] .level-catalog{grid-template-columns:1fr;} #level-apps-demo h1{font-size:44px;letter-spacing:-1.8px;} #level-apps-demo .level-hero p{font-size:16px;} #level-apps-demo .level-catalog-title{align-items:flex-start;flex-direction:column;gap:4px;} #level-apps-demo .level-app{padding:21px;} #level-apps-demo .level-app-desc{min-height:0;margin-bottom:15px;} #level-apps-demo .level-app .level-actions,#level-apps-demo [data-design="editorial"] .level-catalog .level-actions{grid-template-columns:1fr;} #level-apps-demo .level-footer{flex-direction:column;gap:5px;} #level-apps-demo .level-editorial-intro{padding-top:18px;} #level-apps-demo .level-header{padding:15px 20px;} #level-apps-demo .level-brand{font-size:23px;} #level-apps-demo .level-brand span{font-size:11px;} #level-apps-demo .level-store{padding:0 20px;} #level-apps-demo .level-flow{padding:22px;} } #level-apps-demo .level-stage{min-height:1700px;} @media(max-width:800px){#level-apps-demo .level-stage{min-height:2800px;}} @media(max-width:500px){#level-apps-demo .level-stage{min-height:3500px;}} #level-apps-demo .cmp-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:12px;} #level-apps-demo .cmp-palette{width:230px;} #level-apps-demo .cmp-editor{margin:14px 0;} #level-apps-demo .cmp-editor-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:12px 0;} #level-apps-demo .la-stage input::placeholder{color:var(--la-muted);opacity:1;} #level-apps-demo .level-stage input::placeholder{color:var(--level-muted);opacity:1;} #level-apps-demo .cmp-pair{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);gap:18px;margin-top:14px;} #level-apps-demo .cmp-device{min-width:0;} #level-apps-demo .cmp-label{font:500 14px system-ui;margin-bottom:9px;color:var(--foreground);} #level-apps-demo .cmp-viewport{height:590px;overflow-y:auto;overflow-x:hidden;background:#231f20;border:1px solid #70505f;border-radius:12px;overscroll-behavior:contain;} #level-apps-demo .cmp-device[data-device="celular"] .cmp-viewport{border-radius:23px;} #level-apps-demo .cmp-space{position:relative;min-height:590px;width:100%;overflow:hidden;} #level-apps-demo .cmp-space>.la-stage,#level-apps-demo .cmp-space>.level-stage{position:absolute;top:0;left:0;transform-origin:top left;min-height:0!important;max-width:none!important;margin:0!important;} #level-apps-demo .cmp-device[data-device="pc"] .la-stage,#level-apps-demo .cmp-device[data-device="pc"] .level-stage{width:1024px!important;} #level-apps-demo .cmp-device[data-device="celular"] .la-stage,#level-apps-demo .cmp-device[data-device="celular"] .level-stage{width:390px!important;} #level-apps-demo .cmp-space>.la-stage .la-site,#level-apps-demo .cmp-space>.level-stage .level-site{border:0;border-radius:0;} #level-apps-demo[data-palette="original"] .la-stage,#level-apps-demo[data-palette="original"] .level-stage{color-scheme:dark;} #level-apps-demo[data-palette="miami"] .la-stage{--la-bg:#231f20;--la-panel:#30272c;--la-ink:#f7b5cd;--la-muted:#e8cbd6;--la-line:#70505f;--la-accent:#f7b5cd;--la-on:#231f20;--la-soft:#482f3c;--la-banner:#f7b5cd;--la-banner-ink:#231f20;--la-banner-muted:#4c3641;--la-deco:#231f2012;} #level-apps-demo[data-palette="miami"] .level-stage{--level-bg:#231f20;--level-panel:#30272c;--level-ink:#f7b5cd;--level-muted:#e8cbd6;--level-line:#70505f;--level-accent:#f7b5cd;--level-accent-ink:#231f20;--level-tint:#482f3c;--level-shadow:#00000030;} #level-apps-demo[data-palette="miami-pink"] .la-stage{--la-bg:#f7b5cd;--la-panel:#f3a9c5;--la-ink:#231f20;--la-muted:#553440;--la-line:#895263;--la-accent:#231f20;--la-on:#f7b5cd;--la-soft:#e597b5;--la-banner:#231f20;--la-banner-ink:#f7b5cd;--la-banner-muted:#e8cbd6;--la-deco:#f7b5cd17;} #level-apps-demo[data-palette="miami-pink"] .level-stage{--level-bg:#f7b5cd;--level-panel:#f3a9c5;--level-ink:#231f20;--level-muted:#553440;--level-line:#895263;--level-accent:#231f20;--level-accent-ink:#f7b5cd;--level-tint:#e597b5;--level-shadow:#231f2020;} @media(max-width:620px){#level-apps-demo .cmp-pair{grid-template-columns:1fr;gap:20px;}#level-apps-demo .cmp-device[data-device="celular"]{max-width:390px;width:100%;margin:auto;}#level-apps-demo .cmp-viewport{height:520px;}#level-apps-demo .cmp-space{min-height:520px;}} #level-apps-demo .cmp-viewport{height:700px;} #level-apps-demo[data-layout="pc"] .cmp-pair{grid-template-columns:1fr;} #level-apps-demo[data-layout="pc"] .cmp-device[data-device="celular"]{display:none;} #level-apps-demo[data-layout="celular"] .cmp-pair{grid-template-columns:1fr;} #level-apps-demo[data-layout="celular"] .cmp-device[data-device="pc"]{display:none;} #level-apps-demo[data-layout="celular"] .cmp-device[data-device="celular"]{width:min(100%,390px);margin:auto;} #level-apps-demo .la-head-actions{display:flex;gap:10px;align-items:center;} #level-apps-demo .la-demo-badge{color:var(--la-muted);font-size:12px;letter-spacing:1px;} #level-apps-demo [data-design="dorado"] .la-flow{min-height:680px;padding:36px 40px;max-width:none;} #level-apps-demo .la-flow-content{max-width:600px;margin:auto;} #level-apps-demo .la-flow-content h2{font-size:34px;margin:16px 0 12px;letter-spacing:-1px;} #level-apps-demo .la-flow-content p{font-size:17px;line-height:1.6;color:var(--la-muted);} #level-apps-demo .la-flow-content form{display:grid;gap:15px;margin:25px 0;} #level-apps-demo .la-flow-content label{display:grid;gap:8px;font-size:16px;} #level-apps-demo .la-flow-content input{opacity:1;font-size:16px;background:var(--la-panel);color:var(--la-ink);padding:13px;border:1px solid var(--la-line);border-radius:10px;width:100%;min-height:50px;} #level-apps-demo .la-own-card{background:var(--la-panel);border:1px solid var(--la-line);border-radius:14px;padding:23px;margin:20px 0;} #level-apps-demo .la-own-card h3{font-size:23px;margin:12px 0;} #level-apps-demo .la-own-state{color:var(--la-accent);font-size:15px;} #level-apps-demo .la-notice{color:var(--la-accent);font-size:16px;line-height:1.5;margin-top:18px;} #level-apps-demo .la-own-card .la-actions{margin-top:18px;} #level-apps-demo .la-flow-content .la-button{min-height:50px;font-size:16px;} #level-apps-demo .la-feature-list{display:grid;gap:12px;padding:0;list-style:none;margin:24px 0;} #level-apps-demo .la-feature-list li{display:flex;gap:12px;align-items:center;color:var(--la-ink);font-size:17px;} #level-apps-demo .la-feature-list svg{color:var(--la-accent);} @container(max-width:600px){#level-apps-demo [data-design="dorado"] .la-flow{padding:22px 20px;min-height:700px;}#level-apps-demo .la-flow-content h2{font-size:29px;}#level-apps-demo .la-demo-badge{font-size:11px;}#level-apps-demo .la-head-actions{gap:8px;}} @media(max-width:620px){#level-apps-demo .cmp-viewport{height:620px;}} html{background:#060606;color:#f4e5c3;color-scheme:dark;} body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;} button{cursor:pointer;}button:focus-visible,input:focus-visible{outline:3px solid #d6b570;outline-offset:4px;} #level-apps-demo .la-stage{width:100%;min-height:100dvh!important;max-width:1200px;margin:auto;} #level-apps-demo .la-site{border:0;border-radius:0;min-height:100dvh;} #level-apps-demo .la-detail{margin-top:0;} #level-apps-demo .la-head-actions{display:flex;gap:10px;align-items:center;} #level-apps-demo .la-install-header{min-height:44px;padding:9px 15px;border:1px solid var(--la-line);border-radius:30px;background:var(--la-panel);font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;color:var(--la-accent);} #level-apps-demo:not([data-install-available]) [data-install],#level-apps-demo:not([data-install-available]) [data-act="install"]{display:none;} #level-apps-demo .la-install-status{margin:0 36px 12px;color:var(--la-muted);font-size:14px;} #level-apps-demo [data-install-status]:empty{display:none;} #level-apps-demo .la-back{min-height:48px;padding:10px 0;background:transparent;border:0;color:var(--la-muted);font:inherit;} @media(max-width:600px){#level-apps-demo .la-header{flex-wrap:wrap;padding:12px 18px;gap:8px;}#level-apps-demo .la-demo-badge{display:none;}#level-apps-demo .la-head-actions{gap:7px;}#level-apps-demo .la-install-header{padding:9px 11px;font-size:13px;}#level-apps-demo .la-install-status{margin:0 18px 12px;}} @media(display-mode:standalone){#level-apps-demo [data-install],#level-apps-demo [data-act="install"],#level-apps-demo [data-install-status]{display:none!important;}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;}} /* Compact responsive store; no clipping or page-scale transforms. */ #level-apps-demo [data-design="dorado"] .la-header{padding:8px 24px;flex-wrap:nowrap;gap:10px;} #level-apps-demo [data-design="dorado"] .la-gold-hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);padding:14px 24px 18px;gap:16px;text-align:left;} #level-apps-demo [data-design="dorado"] .la-gold-hero h1{font-size:clamp(30px,4.4vw,48px);line-height:1.06;letter-spacing:-1.6px;margin:8px 0 10px;} #level-apps-demo [data-design="dorado"] .la-gold-hero p{font-size:15px;line-height:1.4;margin:0 0 8px;} #level-apps-demo [data-design="dorado"] .la-gold-logo{grid-row:auto;width:clamp(100px,24dvh,210px);height:clamp(100px,24dvh,210px);} #level-apps-demo [data-design="dorado"] .la-gold-install{font-size:12px;gap:6px;justify-content:flex-start;} #level-apps-demo [data-design="dorado"] .la-gold-install svg{width:16px;height:16px;} #level-apps-demo [data-design="dorado"] .la-content{padding:12px 24px 16px;} #level-apps-demo [data-design="dorado"] .la-gold-catalog-title{margin:0 0 10px;display:flex;flex-direction:row;align-items:center;gap:8px;} #level-apps-demo [data-design="dorado"] .la-gold-catalog-title h2{font-size:22px;} #level-apps-demo [data-design="dorado"] .la-gold-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;} #level-apps-demo [data-design="dorado"] .la-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;} #level-apps-demo [data-design="dorado"] .la-pick{min-height:64px;padding:10px;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;} #level-apps-demo [data-design="dorado"] .la-pick-title{font-size:15px;line-height:1.25;overflow-wrap:normal;} #level-apps-demo [data-design="dorado"] .la-pick .la-symbol{width:28px;height:28px;} #level-apps-demo [data-design="dorado"] .la-pick .la-symbol svg{width:18px;height:18px;} #level-apps-demo [data-design="dorado"] .la-detail{min-height:0;gap:12px;padding:16px;justify-content:space-between;} #level-apps-demo [data-design="dorado"] .la-detail>div>.la-symbol,#level-apps-demo [data-design="dorado"] .la-detail .la-install-note{display:none;} #level-apps-demo [data-design="dorado"] .la-detail h3{font-size:24px;margin:0 0 6px;line-height:1.15;} #level-apps-demo [data-design="dorado"] .la-detail p{font-size:15px;line-height:1.35;margin:0;} #level-apps-demo [data-design="dorado"] .la-detail-price{font-size:12px;margin:0 0 6px;} #level-apps-demo [data-design="dorado"] .la-actions{flex-direction:row;gap:8px;} #level-apps-demo [data-design="dorado"] .la-actions .la-button{flex:1;min-width:0;min-height:44px;padding:8px;font-size:14px;} @media(max-width:700px){ #level-apps-demo [data-design="dorado"] .la-header{padding:6px 12px;gap:5px;} #level-apps-demo [data-design="dorado"] .la-brand{font-size:22px;min-height:44px;} #level-apps-demo [data-design="dorado"] .la-brand span{font-size:9px;letter-spacing:1px;} #level-apps-demo [data-design="dorado"] .la-demo-badge{display:none;} #level-apps-demo [data-design="dorado"] .la-head-actions{gap:5px;} #level-apps-demo [data-design="dorado"] .la-login,#level-apps-demo [data-design="dorado"] .la-install-header{font-size:12px;padding:8px 10px;min-height:44px;} #level-apps-demo [data-design="dorado"] .la-login svg{display:none;} #level-apps-demo [data-design="dorado"] .la-gold-hero{padding:8px 12px 10px;gap:8px;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);} #level-apps-demo [data-design="dorado"] .la-kicker{display:block;font-size:9px;letter-spacing:1px;line-height:1.2;} #level-apps-demo [data-design="dorado"] .la-gold-hero h1{font-size:clamp(22px,6.1vw,30px);letter-spacing:-.8px;margin:5px 0 6px;} #level-apps-demo [data-design="dorado"] .la-gold-hero p{font-size:12px;line-height:1.25;margin:0 0 5px;} #level-apps-demo [data-design="dorado"] .la-gold-logo{width:min(100%,120px);height:auto;aspect-ratio:1;grid-row:auto;} #level-apps-demo [data-design="dorado"] .la-gold-install{font-size:10px;gap:4px;line-height:1.2;} #level-apps-demo [data-design="dorado"] .la-gold-install svg{width:13px;height:13px;} #level-apps-demo [data-design="dorado"] .la-content{padding:8px 12px 10px;} #level-apps-demo [data-design="dorado"] .la-gold-catalog-title{margin-bottom:8px;} #level-apps-demo [data-design="dorado"] .la-gold-catalog-title h2{font-size:18px;} #level-apps-demo [data-design="dorado"] .la-gold-catalog-title>span{font-size:10px;} #level-apps-demo [data-design="dorado"] .la-gold-layout{grid-template-columns:1fr;gap:8px;} #level-apps-demo [data-design="dorado"] .la-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;} #level-apps-demo [data-design="dorado"] .la-pick{min-height:54px;padding:7px 5px;gap:5px;border-radius:9px;} #level-apps-demo [data-design="dorado"] .la-pick-title{font-size:13px;line-height:1.2;} #level-apps-demo [data-design="dorado"] .la-pick .la-symbol{width:22px;height:22px;border-radius:6px;} #level-apps-demo [data-design="dorado"] .la-pick .la-symbol svg{width:15px;height:15px;} #level-apps-demo [data-design="dorado"] .la-detail{padding:10px;gap:8px;} #level-apps-demo [data-design="dorado"] .la-detail h3{font-size:20px;margin:0 0 4px;} #level-apps-demo [data-design="dorado"] .la-detail p{font-size:14px;line-height:1.25;} #level-apps-demo [data-design="dorado"] .la-actions .la-button{font-size:13px;} #level-apps-demo [data-design="dorado"] .la-actions .la-button.primary{flex:1.6;} } @media(max-width:350px){ #level-apps-demo [data-design="dorado"] .la-pick .la-symbol{display:none;} #level-apps-demo [data-design="dorado"] .la-gold-hero p{font-size:11.5px;} #level-apps-demo [data-design="dorado"] .la-gold-hero{padding-top:5px;padding-bottom:6px;} #level-apps-demo [data-design="dorado"] .la-gold-hero h1{font-size:21px;margin:4px 0;} #level-apps-demo [data-design="dorado"] .la-detail{padding:6px;gap:4px;} #level-apps-demo [data-design="dorado"] .la-detail-price{margin-bottom:2px;line-height:1.2;} #level-apps-demo [data-design="dorado"] .la-content{padding-bottom:4px;} } /* Grow readable type and catalogue rows with actual viewport height. */ #level-apps-demo{--app-type:clamp(16px,1.5vw,20px);--body-type:clamp(15px,2.1dvh,18px);--action-type:clamp(15px,2.1dvh,18px);} #level-apps-demo[data-screen="store"] .la-site{height:100dvh;min-height:0;display:flex;flex-direction:column;} #level-apps-demo [data-design="dorado"] .la-header{flex-shrink:0;} #level-apps-demo [data-design="dorado"] .la-store{flex:1;min-height:0;display:flex;flex-direction:column;} #level-apps-demo [data-design="dorado"] .la-gold-hero{flex-shrink:0;padding-top:12px;padding-bottom:16px;} #level-apps-demo [data-design="dorado"] .la-kicker{display:block;font-size:11px;letter-spacing:1px;line-height:1.2;} #level-apps-demo [data-design="dorado"] .la-gold-hero h1{font-size:clamp(28px,6dvh,52px);margin:7px 0 9px;} #level-apps-demo [data-design="dorado"] .la-gold-hero p{font-size:clamp(14px,2.3dvh,18px);line-height:1.3;margin-bottom:7px;} #level-apps-demo [data-design="dorado"] .la-gold-logo{width:clamp(100px,24dvh,230px);height:clamp(100px,24dvh,230px);} #level-apps-demo [data-design="dorado"] .la-gold-install{font-size:clamp(12px,1.8dvh,15px);} #level-apps-demo [data-design="dorado"] .la-content{flex:1;min-height:0;display:flex;flex-direction:column;} #level-apps-demo [data-design="dorado"] .la-gold-catalog-title{flex-shrink:0;} #level-apps-demo [data-design="dorado"] .la-gold-catalog-title h2{font-size:clamp(20px,3dvh,26px);} #level-apps-demo [data-design="dorado"] .la-gold-layout{flex:1;min-height:0;align-items:stretch;} #level-apps-demo [data-design="dorado"] .la-catalog{height:100%;align-self:stretch;min-height:0;grid-template-rows:repeat(3,minmax(52px,1fr));} #level-apps-demo [data-design="dorado"] .la-pick{min-height:0;} #level-apps-demo [data-design="dorado"] .la-pick-title{font-size:var(--app-type);} #level-apps-demo [data-design="dorado"] .la-detail h3{font-size:clamp(22px,3.2dvh,28px);} #level-apps-demo [data-design="dorado"] .la-detail p{font-size:var(--body-type);} #level-apps-demo [data-design="dorado"] .la-detail-price{font-size:14px;line-height:1.2;} #level-apps-demo [data-design="dorado"] .la-actions .la-button{font-size:var(--action-type);} #level-apps-demo [data-design="dorado"] .la-actions .la-button.primary{flex:2;} @media(min-width:701px) and (max-width:950px){#level-apps-demo [data-design="dorado"] .la-pick .la-symbol{display:none;}} @media(min-width:701px) and (max-height:520px){ #level-apps-demo [data-design="dorado"] .la-header{padding:4px 24px;} #level-apps-demo [data-design="dorado"] .la-gold-hero{padding-top:4px;padding-bottom:6px;} #level-apps-demo [data-design="dorado"] .la-gold-hero h1{font-size:26px;margin:4px 0 6px;line-height:1.06;} #level-apps-demo [data-design="dorado"] .la-gold-hero p{font-size:14px;line-height:1.2;margin-bottom:4px;} #level-apps-demo [data-design="dorado"] .la-content{padding:8px 24px 10px;} #level-apps-demo [data-design="dorado"] .la-gold-catalog-title{margin-bottom:8px;} #level-apps-demo [data-design="dorado"] .la-gold-catalog-title h2{font-size:20px;} #level-apps-demo [data-design="dorado"] .la-catalog{grid-template-rows:repeat(3,minmax(44px,1fr));} #level-apps-demo [data-design="dorado"] .la-pick{padding:2px 6px;} #level-apps-demo [data-design="dorado"] .la-pick-title{font-size:16px;} #level-apps-demo [data-design="dorado"] .la-detail{padding:10px;gap:8px;} #level-apps-demo [data-design="dorado"] .la-detail h3{font-size:22px;} #level-apps-demo [data-design="dorado"] .la-detail p{font-size:15px;} } @media(max-width:700px){ #level-apps-demo{--app-type:clamp(15px,2dvh,18px);} #level-apps-demo [data-design="dorado"] .la-brand{font-size:25px;} #level-apps-demo [data-design="dorado"] .la-brand span{font-size:10px;} #level-apps-demo [data-design="dorado"] .la-login,#level-apps-demo [data-design="dorado"] .la-install-header{font-size:clamp(13px,1.8dvh,15px);} #level-apps-demo [data-design="dorado"] .la-gold-hero{padding-top:10px;padding-bottom:12px;} #level-apps-demo [data-design="dorado"] .la-kicker{font-size:clamp(10px,1.3dvh,12px);} #level-apps-demo [data-design="dorado"] .la-gold-hero h1{font-size:clamp(22px,min(7.8vw,3.8dvh),34px);margin:6px 0 7px;} #level-apps-demo [data-design="dorado"] .la-gold-hero p{font-size:clamp(12px,1.85dvh,16px);line-height:1.25;margin-bottom:6px;} #level-apps-demo [data-design="dorado"] .la-gold-logo{width:min(100%,160px);height:auto;} #level-apps-demo [data-design="dorado"] .la-gold-install{font-size:clamp(11px,1.6dvh,14px);} #level-apps-demo [data-design="dorado"] .la-gold-install svg{width:14px;height:14px;} #level-apps-demo [data-design="dorado"] .la-content{padding-top:10px;padding-bottom:12px;} #level-apps-demo [data-design="dorado"] .la-gold-catalog-title{margin-bottom:10px;} #level-apps-demo [data-design="dorado"] .la-gold-catalog-title h2{font-size:clamp(20px,2.7dvh,25px);} #level-apps-demo [data-design="dorado"] .la-gold-catalog-title>span{font-size:clamp(10px,1.4dvh,13px);} #level-apps-demo [data-design="dorado"] .la-gold-layout{grid-template-rows:minmax(0,1fr) auto;gap:10px;} #level-apps-demo [data-design="dorado"] .la-catalog{gap:7px;} #level-apps-demo [data-design="dorado"] .la-pick{flex-direction:column;justify-content:center;text-align:center;gap:6px;} #level-apps-demo [data-design="dorado"] .la-pick .la-symbol{width:23px;height:23px;display:none;} #level-apps-demo [data-design="dorado"] .la-pick .la-symbol svg{width:17px;height:17px;} #level-apps-demo [data-design="dorado"] .la-detail{padding:12px;gap:10px;} #level-apps-demo [data-design="dorado"] .la-detail h3{font-size:clamp(22px,3dvh,27px);margin-bottom:5px;} } @media(max-width:700px) and (min-height:780px){#level-apps-demo [data-design="dorado"] .la-pick .la-symbol{display:flex;}} @media(max-width:350px){ #level-apps-demo [data-design="dorado"] .la-brand{font-size:22px;} #level-apps-demo [data-design="dorado"] .la-login,#level-apps-demo [data-design="dorado"] .la-install-header{font-size:12px;} } @media(max-width:700px) and (max-height:620px){ #level-apps-demo [data-design="dorado"] .la-gold-hero{padding-top:5px;padding-bottom:6px;} #level-apps-demo [data-design="dorado"] .la-gold-hero h1{font-size:22px;margin:4px 0;} #level-apps-demo [data-design="dorado"] .la-content{padding-top:6px;padding-bottom:6px;} #level-apps-demo [data-design="dorado"] .la-gold-catalog-title{margin-bottom:6px;} #level-apps-demo [data-design="dorado"] .la-gold-layout{gap:6px;} #level-apps-demo [data-design="dorado"] .la-detail{padding:6px;gap:4px;} #level-apps-demo [data-design="dorado"] .la-detail-price{margin-bottom:2px;} }