:root{--bg:#fff;--bg-soft:#f8f5fe;--bg-card:#f8f5fe;--bg-card-alt:#ede4fc;--primary:#6c2bd9;--accent:#6c2bd9;--accent-hover:#4c1d95;--accent-soft:#c084fc29;--secondary:#c084fc;--text:#1e1b2e;--text-muted:#1e1b2e;--text-dim:#4c1d95;--border:#6c2bd933;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--radius:10px;--max-width:1200px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text-muted);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(2.6rem,4.2vw,3.5rem);font-weight:700}h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600}h3{font-size:clamp(1.25rem,1.6vw,1.5rem);font-weight:500}h4{font-size:1rem;font-weight:600}p{font-size:1rem}.caption{font-family:var(--font-body);font-size:.8rem;font-weight:400}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius);font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:500;transition:all .25s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn--ghost{color:var(--accent);border-color:var(--accent);background:0 0}.btn--ghost:hover{background:var(--accent-soft);border-color:var(--accent-hover);color:var(--accent-hover)}.header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#ffffffd9;position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.brand-mark{letter-spacing:.32em;font-family:"Exo 2",sans-serif;font-weight:700}.logo{color:var(--primary);white-space:nowrap;letter-spacing:.32em;font-family:"Exo 2",sans-serif;font-size:1.4rem;font-weight:700}.logo span{color:var(--accent)}.nav{gap:32px;display:flex}.nav a{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:4px 0;font-size:.85rem;position:relative}.nav a:hover,.nav a.active{color:var(--accent-hover)}.nav a:after{content:"";background:var(--accent-hover);width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:0}.nav a:hover:after{width:100%}.header__actions{align-items:center;gap:16px;display:flex}.nav-toggle{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.hero{background:radial-gradient(circle at 20% 20%, var(--accent-soft), transparent 45%), radial-gradient(circle at 80% 30%, #6c2bd90f, transparent 45%), var(--bg);align-items:center;padding:32px 0;display:flex;position:relative;overflow:hidden}.hero .container{z-index:2;flex:1;min-width:0;position:relative}.hero__content{max-width:560px}.hero__visual{flex:none;justify-content:flex-start;align-items:center;min-width:0;max-width:100%;display:flex}.hero__visual img{width:clamp(200px,46vw,700px);max-width:100%;height:auto;display:block}.hero h1{text-transform:uppercase;margin-bottom:0;font-family:"Exo 2",sans-serif;font-size:clamp(2.1rem,7.5vw,6rem);line-height:1.05}.hero h1 .accent{color:var(--accent)}.hero__lead{letter-spacing:.04em;color:var(--text);margin-bottom:-6px;font-size:1.05em;font-weight:700;display:block;transform:translateY(-10px)}.hero__brand{font-size:1.25em;font-weight:700;display:block}.nowrap{white-space:nowrap}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.hero__visual{animation:.8s both heroFadeUp}.hero__visual img{animation:5s ease-in-out infinite heroFloat}.hero h1{animation:.8s .15s both heroFadeUp}@media (prefers-reduced-motion:reduce){.hero__visual,.hero__visual img,.hero h1{animation:none!important}}.section{padding:clamp(48px,9vw,90px) 0}.section--soft{background:var(--bg-soft)}.section--dark{background:var(--text)}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:#fff}.section--dark p{color:#ffffffb8}.section--dark .tag{color:var(--secondary)}.section--dark .step{border-color:#ffffff26}.section--dark .step__number{color:var(--secondary);opacity:.6}.section__head{text-align:center;max-width:640px;margin:0 auto 56px}.section__head p{color:var(--text-dim)}.tag{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.8rem;display:inline-block}.design-service{justify-content:space-between;align-items:center;gap:56px;display:flex}.design-service__body{text-align:left;min-width:0;max-width:560px}.design-service__body h2{margin-bottom:16px}.design-service__lead{font-family:var(--font-display);color:var(--secondary);margin-bottom:16px;font-size:1.2rem}.design-service__list{text-align:left;flex-direction:column;gap:12px;margin:28px 0 32px;padding:0;list-style:none;display:flex}.design-service__list li{color:#fff;padding-left:30px;font-size:.95rem;position:relative}.design-service__list li:before{content:"✓";background:var(--secondary);width:20px;height:20px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.design-service__visual{flex:none;min-width:0;max-width:100%}.design-service__visual img{border-radius:20px;width:clamp(180px,30vw,440px);max-width:100%;height:auto;animation:5s ease-in-out infinite heroFloat}@media (prefers-reduced-motion:reduce){.design-service__visual img{animation:none!important}}@media (width<=960px){.design-service{text-align:center;flex-direction:column-reverse}.design-service__body{text-align:center;max-width:100%}.design-service__list{align-items:flex-start;width:fit-content;margin-left:auto;margin-right:auto}}.keychains-section{border-top:1px solid var(--border);align-items:stretch;gap:0;min-height:560px;padding-top:0;padding-bottom:0;display:flex;overflow:hidden}.keychains-section .container{flex:1;justify-content:flex-end;align-items:center;min-width:0;max-width:none;margin:0;padding:72px 24px 72px 48px;display:flex}.keychains__body{text-align:left;min-width:0;max-width:560px;margin-left:auto}.keychains__body h2{font-size:clamp(2.2rem,3vw,3rem)}.keychains__body p{color:var(--text-dim);margin-bottom:12px}.keychains__body p strong{color:var(--text)}.keychains__body h3{margin:20px 0}.keychains__visual{flex:0 0 50%;width:50%;min-width:0}.keychains__list{text-align:left;flex-direction:column;gap:12px;margin:28px 0 32px;padding:0;list-style:none;display:flex}.keychains__list li{color:var(--text);padding-left:34px;font-size:1.15rem;position:relative}.keychains__list li:before{content:"✓";background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:1px;left:0}.keychains__body .btn{padding:14px 32px;font-size:1.1rem}.carousel{width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #6c2bd92e}.carousel__slide{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.carousel__slide.is-active{opacity:1}.carousel__dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.carousel__dots button{cursor:pointer;background:#ffffff8c;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .25s}.carousel__dots button.is-active{background:#fff;border-radius:999px;width:22px}@media (width<=960px){.keychains-section{text-align:center;flex-direction:column;min-height:0}.keychains-section .container{padding-top:48px;padding-bottom:48px}.keychains__body{text-align:center;max-width:100%;margin:0 auto}.keychains__list{align-items:flex-start;width:fit-content;margin-left:auto;margin-right:auto}.keychains__visual{aspect-ratio:4/3;flex-basis:auto;width:100%}}.how-to-order__mascot{width:clamp(120px,14vw,180px);height:auto;margin:0 auto 16px;animation:5s ease-in-out infinite heroFloat}@media (prefers-reduced-motion:reduce){.how-to-order__mascot{animation:none!important}}.steps{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.step{text-align:center;border:1px solid var(--border);border-radius:var(--radius);padding:32px 20px;position:relative}.step__number{font-family:var(--font-display);color:var(--primary);opacity:.35;margin-bottom:12px;font-size:2.5rem}.step p{color:#ffffffbf;margin:0;font-size:.9rem}.file-store{flex-direction:column;gap:14px;max-width:760px;margin:0 auto;display:flex}.file-store-card{background:var(--bg);border-left:4px solid var(--accent);text-align:left;border-radius:12px;align-items:center;gap:20px;min-width:0;padding:20px 24px;transition:all .25s;display:flex;box-shadow:0 4px 16px #6c2bd914}.file-store-card:hover{transform:translate(6px);box-shadow:0 10px 24px #6c2bd92e}.file-store-card__index{font-family:var(--font-display);color:var(--accent-soft);-webkit-text-stroke:1px var(--accent);flex:none;font-size:1.4rem;font-weight:700}.file-store-card__icon{background:var(--accent);color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.file-store-card__body{min-width:0}.file-store-card__body h3{margin-bottom:2px;font-size:1.05rem}.file-store-card__body p{color:var(--text-dim);margin:0;font-size:.9rem}.file-store__cta{text-align:center;margin-top:40px}@media (width<=560px){.file-store-card{gap:14px;padding:16px}.file-store-card__index{display:none}}.catalog-back{padding-top:32px}.catalog-back a{color:var(--accent);font-size:.9rem;font-weight:600}.catalog-back a:hover{color:var(--accent-hover)}.catalog{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.catalog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all .3s;overflow:hidden}.catalog-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 30px #6c2bd92e}.catalog-card__media{aspect-ratio:1;position:relative;overflow:hidden}.catalog-card__media img{object-fit:cover;width:100%;height:100%}.catalog-card__placeholder{background:repeating-linear-gradient(45deg, var(--bg-card), var(--bg-card) 10px, var(--bg-card-alt) 10px, var(--bg-card-alt) 20px);width:100%;height:100%;color:var(--text-dim);text-align:center;justify-content:center;align-items:center;padding:12px;font-size:.8rem;display:flex}.catalog-card__body{padding:18px}.catalog-card__body h3{margin-bottom:4px;font-size:1rem}.catalog-card__price{color:var(--accent);font-family:var(--font-display);margin-bottom:14px;font-size:1rem}.catalog-card__actions{gap:8px;display:flex}.catalog-card__actions .btn{flex:1;justify-content:center;padding:10px 12px;font-size:.8rem}.section--dark .btn--ghost{color:var(--secondary);border-color:var(--secondary)}.section--dark .btn--ghost:hover{color:#fff;background:#ffffff14;border-color:#fff}.cta{text-align:center;padding:24px 0}.cta h2{margin-bottom:28px}.cta__actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footer{background:var(--bg-soft);border-top:1px solid var(--border);padding:32px 0 16px}.footer__grid{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:20px;display:flex}.footer__grid>div:first-child{max-width:360px}.footer h4{color:var(--text);margin-bottom:10px;font-size:.85rem}.footer p{color:var(--text-dim);margin:6px 0 0;font-size:.85rem}.footer ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.footer ul a{color:var(--text-dim);font-size:.85rem}.footer ul a:hover{color:var(--accent)}.social-row{gap:10px;margin-top:10px;display:flex}.social-row a{border:1px solid var(--border);width:32px;height:32px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.social-row a:hover{border-color:var(--accent);color:var(--accent)}.footer__bottom{text-align:center;color:var(--text-dim);border-top:1px solid var(--border);padding-top:14px;font-size:.75rem}.footer--dark{background:var(--text);border-top-color:#ffffff26}.footer--dark .logo,.footer--dark .logo span,.footer--dark h4{color:#fff}.footer--dark p,.footer--dark ul a{color:#ffffffb8}.footer--dark ul a:hover{color:var(--secondary)}.footer--dark .social-row a{color:#fffc;border-color:#ffffff40}.footer--dark .social-row a:hover{border-color:var(--secondary);color:var(--secondary)}.footer--dark .footer__bottom{color:#ffffff8c;border-top-color:#ffffff26}.whatsapp-float{background:var(--accent);z-index:200;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:all .25s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #6c2bd966}.whatsapp-float:hover{background:var(--accent-hover);transform:scale(1.08)}.whatsapp-float svg{fill:#fff;width:28px;height:28px}@media (width<=960px){.nav{display:none}.nav.nav--open{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:16px;max-height:calc(100vh - 100%);padding:16px 24px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.nav-toggle{display:block}.hero{text-align:center;flex-direction:column}.hero__visual{justify-content:center;margin-bottom:8px}.hero__content{max-width:100%}.footer__grid{flex-direction:column}.footer__grid>div:first-child{max-width:none}.steps{grid-template-columns:1fr}.cta__actions{flex-direction:column;align-items:stretch}.catalog-card__actions{flex-direction:column}}@media (width<=640px){.container{padding:0 18px}.keychains-section .container{padding-left:18px;padding-right:18px}.keychains__list li{padding-left:30px;font-size:1rem}.file-store-card{flex-wrap:wrap}}@media (width<=480px){.header__inner{padding:14px 16px}.logo{letter-spacing:.18em;font-size:1.15rem}.header__actions{gap:8px}.header__actions .btn{padding:8px 14px;font-size:.8rem}.btn{padding:10px 20px}.file-store-card{gap:12px;padding:14px}.file-store-card__icon{width:40px;height:40px}.design-service__lead{font-size:1.05rem}.cta__actions .btn,.cta__actions a{width:100%}}@media (width<=360px){.logo{letter-spacing:.12em;font-size:1rem}.header__actions .btn{padding:7px 10px;font-size:.72rem}.catalog-card__actions{flex-direction:column}}