.home{min-height:100vh;background:radial-gradient(120% 140% at 10% 20%,#0f1a2a,#060a11);color:#e8edf5;font-family:Inter,system-ui,-apple-system,sans-serif;padding:48px 24px 64px}*,*:before,*:after{box-sizing:border-box}a{color:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.home-hero{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;max-width:1100px;margin:0 auto;padding:6px 0 0}.hero-presenter{display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;padding:8px 0;color:#e8edf5;font-weight:700;letter-spacing:.01em}.hero-presenter img{width:56px;height:56px;border-radius:10px;object-fit:cover}.home-hero__content h1{margin:12px 0 14px;font-size:clamp(28px,4vw,44px);line-height:1.12;letter-spacing:-.02em}.home-hero__content .lead{color:#c8d3e4;margin:0 0 18px;line-height:1.7;max-width:52ch}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.22em;font-weight:700;font-size:12px;color:#7bc6ff;background:#7bc6ff14;padding:6px 10px;border-radius:999px;border:1px solid rgba(123,198,255,.18)}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 18px}.badge{font-size:13px;color:#d6e2f7;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:24px}.cta-row.center{justify-content:center}.cta-note{margin:12px 0 0;color:#94a7c5;font-size:14px}.btn-cta,.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:700;border-radius:12px;padding:14px 18px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,border-color .2s ease,background .2s ease;outline:none}.btn-cta{background:linear-gradient(120deg,#1ec28d,#15a6dd);color:#05121f;box-shadow:0 12px 28px #1ec28d47}.btn-cta:hover,.btn-cta:focus-visible{transform:translateY(-2px);box-shadow:0 16px 34px #1ec28d61;opacity:.96}.btn-secondary{border:1px solid rgba(255,255,255,.16);color:#e8edf5;background:#ffffff0a}.btn-secondary:hover,.btn-secondary:focus-visible{border-color:#7bc6ff99;transform:translateY(-1px);opacity:.94}.btn-ghost{border:1px solid rgba(255,255,255,.12);background:transparent;color:#d6e2f7;padding:14px 16px}.btn-ghost:hover,.btn-ghost:focus-visible{border-color:#ffffff38;background:#ffffff0a;transform:translateY(-1px);opacity:.95}.home-hero__visual{display:flex;justify-content:flex-end}.visual-card{width:100%;max-width:520px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 22px 60px #00000061;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.visual-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);color:#a9b9d3;font-weight:600}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#7bc6ff;opacity:.8}.visual-body{padding:14px}.visual-img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.visual-meta{margin-top:12px;display:grid;gap:10px}.visual-meta__row{display:flex;flex-wrap:wrap;gap:8px}.pill{font-size:12px;color:#cfe0ff;padding:7px 10px;border-radius:999px;border:1px solid rgba(123,198,255,.22);background:#7bc6ff0f}.visual-linkrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.shortlink{color:#eaf2ff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32ch;opacity:.95}.qr-chip{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0000002e;flex:0 0 auto}.qr-chip img{width:44px;height:44px;display:block;border-radius:8px;opacity:.95}.visual-footer{display:grid;gap:10px;padding:14px;border-top:1px solid rgba(255,255,255,.06)}.tiny{margin:0;font-size:13px;color:#9bb0cf;line-height:1.5}.home-hero__card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;box-shadow:0 18px 50px #00000059}.home-hero__card ul{list-style:none;padding:0;margin:14px 0 20px;display:grid;gap:10px}.home-hero__card li{padding-left:20px;position:relative;color:#d6e2f7;line-height:1.5}.home-hero__card li:before{content:"•";position:absolute;left:0;color:#7bc6ff}.home-section{max-width:1100px;margin:54px auto 0;padding:34px 0 0}.home-section--alt{margin-top:44px;padding-top:44px;border-top:1px solid rgba(255,255,255,.07)}.section-head{text-align:center;margin-bottom:22px}.home-section h2{font-size:clamp(22px,3vw,32px);margin:0 0 10px;letter-spacing:-.01em}.sublead{margin:0 auto;max-width:68ch;color:#c8d3e4;line-height:1.7}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:1fr;align-items:stretch}.feature{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;box-shadow:0 10px 28px #00000040;height:100%;display:flex;flex-direction:column}.feature h3{margin:0 0 6px;letter-spacing:-.01em}.feature p{margin:0;color:#c8d3e4;line-height:1.6}.benefit-strip{margin:18px auto 0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.benefit-strip__item{border-radius:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.benefit-strip__item strong{display:block;margin-bottom:4px}.benefit-strip__item span{color:#c8d3e4;line-height:1.6}.steps{list-style:none;padding:0;margin:22px auto 0;width:min(760px,100%);display:grid;gap:12px}.step{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.step__num{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:800;color:#05121f;background:#7bc6ffe6;box-shadow:0 10px 24px #7bc6ff38}.step__body h3{margin:0 0 6px}.step__body p{margin:0;color:#c8d3e4;line-height:1.6}.logo-grid{margin-top:18px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.logo-card{display:grid;gap:10px;align-content:center;justify-items:center;text-decoration:none;padding:16px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;box-shadow:0 12px 28px #00000040;transition:transform .15s ease,border-color .2s ease,opacity .15s ease}.logo-card:hover,.logo-card:focus-visible{transform:translateY(-2px);border-color:#7bc6ff73;opacity:.96}.logo-card img{max-width:160px;width:100%;height:auto;display:block;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#00000026}.logo-name{font-weight:700;color:#d6e2f7;font-size:14px;opacity:.95}.client-marquee{--client-size: clamp(110px, 10vw, 144px);--client-gap: 20px;margin-top:18px;display:grid;gap:12px;padding:16px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;box-shadow:0 18px 50px #00000040;overflow:hidden}.client-marquee__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.client-marquee__row{--client-duration: 60s;--client-start: 0px;--client-end: 0px;display:flex;width:max-content;gap:var(--client-gap);padding:8px 10px;margin:0 auto;animation:client-pan var(--client-duration) linear infinite;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.client-marquee__row--staggered{padding-left:calc(10px + (var(--client-size) + var(--client-gap)) / 2)}@keyframes client-pan{0%{transform:translate3d(var(--client-start),0,0)}to{transform:translate3d(calc(-1 * var(--client-end)),0,0)}}.client-badge{flex:0 0 auto;display:grid;gap:8px;justify-items:center;text-decoration:none;width:var(--client-size);opacity:.96;transition:transform .15s ease,opacity .15s ease}.client-badge:hover,.client-badge:focus-visible{transform:translateY(-2px);opacity:1}.client-badge__circle{width:var(--client-size);height:var(--client-size);border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0003;box-shadow:0 14px 30px #00000052;display:grid;place-items:center;overflow:hidden;position:relative}.client-badge__circle:not([data-no-logo=true]){background:#fff;border-color:#0000001f}.client-badge__circle img{width:100%;height:100%;object-fit:contain;padding:14px;display:block;opacity:.98}.client-badge__fallback{padding:10px;text-align:center;font-weight:800;font-size:11px;line-height:1.2;color:#e8edf5;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.client-badge__circle:not([data-no-logo=true]) .client-badge__fallback{opacity:0}.client-badge__circle[data-no-logo=true] .client-badge__fallback{opacity:1}.client-badge__caption{font-weight:700;color:#d6e2f7;font-size:12px;line-height:1.2;text-align:center;max-width:var(--client-size);opacity:.96;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (hover: hover){.client-marquee__viewport:hover .client-marquee__row,.client-marquee__row:focus-within{animation-play-state:paused}}.faq{margin:18px auto 0;width:min(760px,100%);display:grid;gap:12px}.faq-item{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:14px 16px}.faq-item summary{cursor:pointer;font-weight:700;color:#e8edf5}.faq-item p{margin:10px 0 0;color:#c8d3e4;line-height:1.7}.home-footer{max-width:1100px;margin:56px auto 0;padding-top:26px;border-top:1px solid rgba(255,255,255,.08)}.home-footer__inner{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.footer-left p{margin:6px 0 0}.footer-right{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.footer-link{text-decoration:none;color:#c8d3e4;font-weight:600;opacity:.9}.footer-link:hover,.footer-link:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:4px}@media (max-width: 900px){.home-hero{align-items:stretch}.home-hero__visual{justify-content:flex-start}.visual-card{max-width:100%}}@media (max-width: 600px){.home{padding:32px 18px 48px}.home-hero{grid-template-columns:1fr}.cta-row{flex-direction:column;align-items:stretch}.shortlink{max-width:24ch}.home-footer__inner{align-items:flex-start}}@media (prefers-reduced-motion: reduce){.btn-cta,.btn-secondary,.btn-ghost,.logo-card,.client-badge{transition:none}.client-marquee__viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.client-marquee__row{animation:none;transform:translate(0)}}:root{--bg-body: #f5f5f5;--bg-surface: #ffffff;--bg-surface-alt: #f2f4f7;--bg-surface-strong: #e9ecef;--color-text: #1f1f1f;--color-strong-text: #050505;--color-muted: #6c757d;--color-faded: #9098a0;--color-primary: #0d6efd;--color-primary-strong: #0b5ed7;--color-border: #dee2e6;--color-border-soft: #eaedf1;--shadow-soft: 0 10px 20px rgba(15, 23, 42, .08);--shadow-strong: 0 .75rem 2rem rgba(0, 0, 0, .25);--shadow-focus: rgba(0, 0, 0, .65);--thumb-active-shadow: 0 15px 22px rgba(13, 110, 253, .3);--overlay-strong: rgba(255, 255, 255, .6);--overlay-backdrop: rgba(0, 0, 0, .35);--viewer-gradient: radial-gradient(circle at top, #ffffff 0, #f2f4f7 50%, #e9ecef 100%);--thumb-gradient: linear-gradient( 90deg, rgba(242, 244, 247, 1) 0%, rgba(242, 244, 247, 0) 70% );--thumb-gradient-reverse: linear-gradient( 270deg, rgba(242, 244, 247, 1) 0%, rgba(242, 244, 247, 0) 70% );--page-image-bg: #ffffff;--page-image-loading-filter: brightness(.6);--nav-btn-bg: rgba(13, 110, 253, .08);--nav-btn-bg-hover: rgba(13, 110, 253, .16);--nav-btn-outline: rgba(13, 110, 253, .45);--section-active-bg: rgba(13, 110, 253, .04);--section-active-border: rgba(13, 110, 253, .14);--toggle-bg: rgba(255, 255, 255, .85);--toggle-border: rgba(0, 0, 0, .07);--toggle-shadow: 0 10px 25px rgba(15, 23, 42, .16);--burger-stroke: #1f1f1f;--thumbnail-label-bg: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(15, 23, 42, .8) 100%);--hero-overlay: rgba(0, 0, 0, .35);--scrollbar-thumb: rgba(13, 110, 253, .3);--whatsapp-shadow: 0 10px 30px rgba(37, 211, 102, .32)}.theme-dark{--bg-body: #0d1424;--bg-surface: #0f172a;--bg-surface-alt: #111a2f;--bg-surface-strong: #1a2235;--color-text: #e7ecf6;--color-strong-text: #f8fafc;--color-muted: #c6ccda;--color-faded: #9da8bd;--color-primary: #7ac4ff;--color-primary-strong: #a2d6ff;--color-border: rgba(148, 163, 184, .28);--color-border-soft: rgba(148, 163, 184, .18);--shadow-soft: 0 12px 26px rgba(0, 0, 0, .45);--shadow-strong: 0 1rem 2.5rem rgba(0, 0, 0, .65);--shadow-focus: rgba(122, 196, 255, .65);--thumb-active-shadow: 0 15px 24px rgba(122, 196, 255, .35);--overlay-strong: rgba(10, 14, 24, .72);--overlay-backdrop: rgba(0, 0, 0, .55);--viewer-gradient: radial-gradient(circle at top, #131c31 0, #0c1423 48%, #080f1b 100%);--thumb-gradient: linear-gradient(90deg, rgba(13, 19, 33, 1) 0%, rgba(13, 19, 33, 0) 70%);--thumb-gradient-reverse: linear-gradient(270deg, rgba(13, 19, 33, 1) 0%, rgba(13, 19, 33, 0) 70%);--page-image-bg: #0f172a;--page-image-loading-filter: brightness(.5);--nav-btn-bg: rgba(122, 196, 255, .14);--nav-btn-bg-hover: rgba(122, 196, 255, .22);--nav-btn-outline: rgba(122, 196, 255, .6);--section-active-bg: rgba(122, 196, 255, .12);--section-active-border: rgba(122, 196, 255, .38);--toggle-bg: rgba(15, 23, 42, .9);--toggle-border: rgba(255, 255, 255, .12);--toggle-shadow: 0 14px 32px rgba(0, 0, 0, .55);--burger-stroke: #e7ecf6;--thumbnail-label-bg: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(6, 9, 16, .9) 100%);--hero-overlay: rgba(0, 0, 0, .5);--scrollbar-thumb: rgba(122, 196, 255, .35);--whatsapp-shadow: 0 10px 30px rgba(37, 211, 102, .26)}body{margin:0;background-color:var(--bg-body);color:var(--color-text);overscroll-behavior-y:none;transition:background-color .25s ease,color .2s ease}.landing-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:landingFade .85s ease-out}.landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-color:#00000059;background-blend-mode:multiply;opacity:0;transition:opacity .6s ease}.landing-bg.is-visible{opacity:1}.landing-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0000008c,#00000040);animation:landingPulse 6s ease-in-out infinite alternate}.landing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-overlay);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.landing-content{position:relative;z-index:1;max-width:480px;padding:2rem;animation:landingFloat 2.5s ease-in-out infinite alternate}.letter-spacing{letter-spacing:.4rem}.shadow-text{text-shadow:0 6px 18px rgba(0,0,0,.35)}.landing-title-image{width:160px;height:160px;border-radius:50%;border:4px solid #ffffff;overflow:hidden;background:#ffffff14;box-shadow:0 12px 30px #0006;display:flex;align-items:center;justify-content:center}.landing-title-image.is-png{background:#fff}.landing-title-image img{width:100%;height:100%;object-fit:cover;display:block}.catalog-layout{height:100vh;overflow:hidden;display:flex;min-height:0}.catalog-layout.is-hidden{visibility:hidden}#whatsapp-link{position:fixed;bottom:1.5rem;right:1.5rem;opacity:1;background-color:#25d366;color:#fff;padding:10px;z-index:2000;box-shadow:var(--whatsapp-shadow);transition:opacity 1s ease,transform .2s ease}#whatsapp-link:hover,#whatsapp-link:focus-visible{opacity:1;transform:translateY(-1px)}.btn-whatsapp{--bs-btn-color: #fff;--bs-btn-bg: #25d366;--bs-btn-border-color: #25d366;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #1ebe59;--bs-btn-hover-border-color: #1ebe59;--bs-btn-focus-shadow-rgb: 37, 211, 102;--bs-btn-active-color: #fff;--bs-btn-active-bg: #1aa34f;--bs-btn-active-border-color: #1aa34f;--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #25d366;--bs-btn-disabled-border-color: #25d366}.ui-hidden{opacity:0!important;visibility:hidden;pointer-events:none}.ui-visible{opacity:1!important;visibility:visible;pointer-events:auto}.floating-ui-hidden{opacity:0!important;visibility:hidden;pointer-events:none}.fly-in-from-right{animation:flyInFromRight .3s ease-out}.theme-toggle{border:1px solid var(--toggle-border);background:var(--toggle-bg);color:var(--color-text);border-radius:50%;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:none;cursor:pointer;opacity:1;transition:opacity 1s ease,background-color .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}.theme-toggle:hover,.theme-toggle:focus-visible{transform:translateY(-1px);outline:none;border-color:var(--color-primary);color:var(--color-primary)}.theme-toggle .theme-icon{width:20px;height:20px}.cart-toggle{position:fixed;top:1rem;right:1rem;top:calc(1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));z-index:2100;border:1px solid var(--toggle-border);background:var(--toggle-bg);color:var(--color-text);border-radius:50%;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:var(--toggle-shadow);cursor:pointer;opacity:1;transition:opacity 1s ease,background-color .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}.cart-toggle:hover,.cart-toggle:focus-visible{transform:translateY(-1px);outline:none;border-color:var(--color-primary);color:var(--color-primary)}.cart-toggle .cart-icon{width:22px;height:22px}.cart-toggle .cart-badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;border-radius:999px;background:var(--color-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 .35rem;font-size:.72rem;font-weight:700;line-height:1;box-shadow:0 12px 26px #0d6efd47}.theme-dark .cart-toggle .cart-badge{box-shadow:0 12px 26px #7ac4ff2e}.cart-toggle .cart-badge.is-popping{animation:cartBadgePop .28s ease-out}@keyframes cartBadgePop{0%{transform:scale(1)}55%{transform:scale(1.35)}to{transform:scale(1)}}.sidebar{position:relative;flex:0 0 260px;height:100%;min-height:0;border-right:1px solid var(--color-border);background-color:var(--bg-surface);overflow:hidden;display:flex;flex-direction:column;color:var(--color-text);transition:background-color .25s ease,color .2s ease,border-color .2s ease}.sidebar-header{flex-shrink:0;background-color:var(--bg-surface);display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem}.sidebar-header-actions{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0}.sidebar-search{flex-shrink:0;padding:0 .75rem .75rem;border-bottom:1px solid var(--color-border-soft);background-color:var(--bg-surface)}.sidebar-search-input-wrapper{position:relative}.sidebar-search-input{width:100%;padding:.45rem 2.1rem .45rem .75rem;border-radius:.65rem;border:1px solid var(--color-border-soft);background:var(--bg-surface-alt);color:var(--color-text);transition:border-color .2s ease,background-color .2s ease}.sidebar-search-input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-search-clear-btn{position:absolute;top:50%;right:.4rem;transform:translateY(-50%);border:none;background:transparent;color:var(--color-muted);font-size:1.15rem;line-height:1;padding:0;border-radius:999px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,background .2s ease}.sidebar-search-clear-btn:hover,.sidebar-search-clear-btn:focus-visible{color:var(--color-primary);background:var(--nav-btn-bg)}.sidebar-search-results{display:flex;flex-direction:column;gap:.3rem;max-height:220px;overflow-y:auto;padding:.4rem .45rem .4rem .4rem;border-radius:.75rem;border:1px solid var(--color-border-soft);background:var(--bg-surface-alt);box-shadow:inset 0 0 0 1px #00000008}.sidebar-search-results-label{margin-top:.55rem;font-size:.7rem;letter-spacing:.08em;color:var(--color-muted);text-transform:uppercase;padding:0 .15rem}.sidebar-search-result{border:1px solid var(--color-border-soft);border-radius:.5rem;background:var(--bg-surface);padding:.5rem .65rem;color:var(--color-text);display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.sidebar-search-result:hover{background:var(--nav-btn-bg);border-color:var(--color-border)}.sidebar-search-result:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-search-result-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-search-result-badge{border:1px solid var(--color-border-soft);background:var(--bg-surface-alt);color:var(--color-text);font-size:.7rem;letter-spacing:.1em;padding:.15rem .4rem;border-radius:999px;min-width:70px;text-align:center;font-weight:600;flex-shrink:0}.sidebar-search-empty{color:var(--color-muted);font-size:.85rem;padding:.25rem .15rem}.sidebar-title{flex:1 1 auto;min-width:0;font-size:.95rem;font-weight:700;color:var(--color-strong-text);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-scroll{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:0 .75rem .75rem}.sidebar-scroll .section-zone-group{margin-bottom:.25rem}.sidebar-scroll .section-zone-divider{font-size:.65rem;letter-spacing:.08em;color:var(--color-muted);margin:.75rem 0 .35rem;border:none;background:transparent;width:100%;padding:0 0 .35rem;display:flex;align-items:center;justify-content:space-between;text-align:left;border-bottom:1px solid var(--color-border-soft);cursor:pointer;transition:color .2s ease}.sidebar-scroll .section-zone-divider:hover,.sidebar-scroll .section-zone-divider:focus-visible{color:var(--color-text)}.sidebar-scroll .section-zone-divider:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:.25rem}.sidebar-scroll .section-zone-label{flex:1}.sidebar-scroll .section-zone-chevron{display:inline-block;width:.55rem;height:.55rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s ease,color .2s ease;margin-left:.25rem}.sidebar-scroll .section-zone-divider.is-collapsed .section-zone-chevron{transform:rotate(-45deg)}.sidebar-scroll .section-zone-body{display:flex;flex-direction:column}.sidebar-scroll .section-zone-body.is-collapsed{display:none}.sidebar-scroll .section-link{border:none;border-radius:.35rem;background:transparent;padding:.55rem .75rem;margin-bottom:.35rem;color:var(--color-text);justify-content:space-between;transition:background .2s ease,color .2s ease}.sidebar-scroll .section-link span:first-child{transition:font-weight .2s ease}.sidebar-scroll .section-link:hover span:first-child,.sidebar-scroll .section-link:focus-visible span:first-child,.sidebar-scroll .section-link.active span:first-child{font-weight:700}.sidebar-scroll .section-link.active{background:var(--section-active-bg);color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--section-active-border)}.sidebar-scroll .section-link:last-child{margin-bottom:0}.sidebar-scroll .section-link .section-badge{border:1px solid var(--color-border-soft);background:var(--bg-surface-alt);color:var(--color-text);font-size:.7rem;letter-spacing:.1em;padding:.15rem .4rem;border-radius:999px;min-width:70px;text-align:center;font-weight:600}.sidebar-scroll .section-link.active .section-badge{background:#0d6efd1f;color:var(--color-primary);border-color:var(--section-active-border)}.sidebar-footer{margin-top:auto;padding:.75rem;border-radius:.65rem;border:1px solid var(--color-border-soft);background:var(--bg-surface-alt);text-align:center;box-shadow:var(--shadow-soft)}.sidebar-footer .qr-label{font-size:.82rem;color:var(--color-muted);margin-bottom:.5rem}.sidebar-footer .qr-image{width:100%;max-width:180px;height:auto;border-radius:.5rem;background:#fff;padding:.35rem;box-shadow:var(--shadow-soft)}.sidebar-footer .qr-url{display:block;margin:.5rem auto .25rem;word-break:break-all;font-size:.7rem;color:var(--color-muted);background:var(--bg-surface);padding:.35rem .45rem;border-radius:.35rem;border:1px dashed var(--color-border-soft)}.sidebar-footer .credit-link{display:block;margin-top:.4rem;font-size:.8rem;color:var(--color-text);text-decoration:none}.sidebar-footer .credit-link:hover,.sidebar-footer .credit-link:focus-visible{color:var(--color-primary)}.theme-dark .sidebar-scroll .section-link .section-badge{background:#ffffff0f;border-color:#7ac4ff38;color:var(--color-primary-strong)}.theme-dark .sidebar-scroll .section-link.active .section-badge{background:#7ac4ff2e}.viewer{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;color:inherit}.viewer-body{flex:1;min-height:0;background:transparent;display:flex;flex-direction:column;align-items:stretch;padding:0;position:relative}.thumbnail-strip{margin:.75rem 0 .5rem;width:100%;overflow:hidden;position:relative;display:flex;justify-content:center}.thumbnail-strip:before,.thumbnail-strip:after{content:"";position:absolute;top:0;bottom:0;width:60px;pointer-events:none;z-index:1}.thumbnail-strip:before{left:0;background:var(--thumb-gradient)}.thumbnail-strip:after{right:0;background:var(--thumb-gradient-reverse)}.thumbnail-scroll{display:flex;gap:.75rem;padding:0 .25rem 0 .5rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;justify-content:center;margin:0 auto;scrollbar-width:none;-ms-overflow-style:none}.thumbnail-scroll::-webkit-scrollbar{display:none}.thumbnail-item{flex:0 0 auto;width:90px;aspect-ratio:1 / 1;padding:0;border:none;border-radius:.65rem;background:var(--bg-surface);display:inline-flex;position:relative;overflow:hidden;box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .25s ease}.thumbnail-item img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9);transition:transform .2s ease,filter .2s ease}.thumbnail-item.active,.thumbnail-item:focus-visible{box-shadow:var(--thumb-active-shadow);transform:translateY(-1px);outline:none}.thumbnail-item:not(.active):hover img{transform:scale(1.03)}.thumbnail-page-indicator{position:absolute;bottom:0;left:0;right:0;padding:.2rem 0;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-align:center;background:var(--thumbnail-label-bg);color:#fff}.page-wrapper{position:relative;flex:1 1 auto;width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:visible;margin-bottom:.5rem;perspective:1800px;perspective-origin:center;touch-action:pan-y;user-select:none;-webkit-user-select:none;--page-pan-x: 0px}.page-viewport{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;box-sizing:border-box;padding:1.25rem 1.25rem 2.75rem;display:flex;align-items:center;justify-content:center}.page-viewport.is-flip{overflow:visible}.page-carousel{width:100%;height:100%;display:flex;align-items:center;transform:translate3d(calc(-100% + var(--page-pan-x, 0px)),0,0);will-change:transform}.page-cell{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.page-image{max-width:100%;max-height:100%;display:block;margin:0 auto;transform:scale(var(--page-zoom, 1));transform-origin:center center;transform-style:preserve-3d;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease,background-color .25s ease;box-shadow:var(--shadow-strong);border-radius:.25rem;background-color:var(--page-image-bg);position:relative;z-index:1}.page-image.is-loading{filter:var(--page-image-loading-filter);opacity:.55;transition:opacity .2s ease,filter .2s ease}.page-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;pointer-events:none;z-index:0;opacity:.75;filter:saturate(.92) contrast(.98);box-shadow:none}.page-image.flip-next{animation:page-flip-next .6s cubic-bezier(.33,1,.68,1)}.page-image.flip-prev{animation:page-flip-prev .6s cubic-bezier(.33,1,.68,1)}.page-image.pan-next{animation:page-pan-next .45s cubic-bezier(.33,1,.68,1) forwards}.page-image.pan-prev{animation:page-pan-prev .45s cubic-bezier(.33,1,.68,1) forwards}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.25rem;display:flex;align-items:center;justify-content:center;background:var(--overlay-strong);pointer-events:auto;transition:opacity .2s ease,background-color .2s ease}.loading-spinner{width:48px;height:48px;border:4px solid rgba(13,110,253,.35);border-top-color:var(--color-primary);border-radius:50%;animation:loading-spin .8s linear infinite}.theme-dark .loading-spinner{border-color:#7ac4ff73}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.viewer-page-nav{margin-top:auto;margin-bottom:.75rem;gap:.75rem;align-self:center}.viewer-cart-bar{margin:.1rem auto .55rem;padding:.5rem .7rem;max-width:min(720px,100%);width:min(720px,100%);display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:.75rem}@media (min-width: 992px){.viewer-cart-bar{max-width:420px;width:420px}}.viewer-cart-meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:.15rem}.viewer-cart-bar .viewer-cart-add-btn{border-radius:999px;font-weight:700;padding:.45rem .75rem;white-space:nowrap}.viewer-cart-bar .viewer-cart-item{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:800;color:var(--color-strong-text)}.viewer-cart-bar .viewer-cart-price{font-size:.82rem;font-weight:800;color:var(--color-muted)}.toast-snackbar{position:fixed;left:50%;bottom:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(-50%);z-index:2400;background:#0f172aeb;color:#fff;padding:.6rem .85rem;border-radius:999px;box-shadow:var(--shadow-soft);font-weight:700;font-size:.85rem;max-width:min(520px,calc(100vw - 2rem));text-align:center;animation:snackbarIn .2s ease-out}.theme-dark .toast-snackbar{background:#020617f0}@keyframes snackbarIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cart-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2300;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cart-modal{width:min(580px,100%);max-height:min(84vh,720px);background:var(--bg-surface);color:var(--color-text);border-radius:.85rem;border:1px solid var(--color-border);box-shadow:var(--shadow-strong);overflow:hidden;display:flex;flex-direction:column}.cart-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid var(--color-border-soft)}.cart-modal-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--color-strong-text)}.cart-modal-close{border:1px solid var(--toggle-border);background:var(--toggle-bg);color:var(--color-text);width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease}.cart-modal-close:hover,.cart-modal-close:focus-visible{transform:translateY(-1px);outline:none;border-color:var(--color-primary);color:var(--color-primary)}.cart-modal-body{padding:.85rem 1rem 1rem;overflow:auto;min-height:0}.cart-item-list{margin:0}.cart-item-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cart-item-main{display:flex;align-items:center;gap:.65rem;min-width:0;flex:1}.cart-item-thumb{width:46px;height:46px;border-radius:.6rem;object-fit:cover;background:var(--bg-surface-alt);border:1px solid var(--color-border-soft);flex-shrink:0}.cart-item-thumb-placeholder{background:var(--bg-surface-strong)}.cart-item-details{min-width:0;display:flex;flex-direction:column}.cart-item-id{font-weight:800;color:var(--color-strong-text);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-unit-price{font-size:.8rem}.cart-item-controls{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.cart-qty{min-width:26px;text-align:center;font-weight:800;color:var(--color-strong-text)}.cart-modal-footer{padding:.95rem 1rem 1rem;border-top:1px solid var(--color-border-soft);background:var(--bg-surface-alt);display:flex;flex-direction:column;gap:.65rem}.cart-modal-totals{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-weight:800}.cart-modal-total-items{color:var(--color-muted);font-weight:700}.cart-modal-total-price{color:var(--color-strong-text)}.cart-modal-hint{font-size:.82rem;line-height:1.35}.viewer-page-indicator{border:none;background:transparent;color:var(--color-text);font:inherit;cursor:pointer;padding:.35rem .95rem;border-radius:0;transition:color .2s ease}.theme-dark .viewer-page-indicator{color:var(--color-text)}.viewer-page-indicator:hover,.viewer-page-indicator:focus-visible{color:var(--color-strong-text)}.viewer-page-indicator:focus-visible{outline:2px solid var(--shadow-focus);outline-offset:2px}.viewer-nav-btn{border:none;background:var(--nav-btn-bg);color:var(--color-primary);padding:.35rem .85rem;border-radius:999px;font-weight:600;transition:background-color .2s ease,color .2s ease}.viewer-nav-btn:hover{background:var(--nav-btn-bg-hover)}.viewer-nav-btn:focus-visible{outline:2px solid var(--nav-btn-outline);outline-offset:2px}#prevPageBtn,#nextPageBtn{background:transparent;color:var(--color-text);padding:.35rem;border-radius:0;min-width:0;font-size:1.2rem}#prevPageBtn:hover,#prevPageBtn:focus-visible,#nextPageBtn:hover,#nextPageBtn:focus-visible{background:transparent;color:var(--color-strong-text);box-shadow:none;outline:2px solid var(--shadow-focus);outline-offset:2px}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-backdrop);z-index:1030;display:none;transition:background-color .2s ease}.sidebar-backdrop.show{display:block}@media (max-width: 991.98px){:root{--sidebar-mobile-width: min(320px, 80vw)}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1040;width:var(--sidebar-mobile-width);transform:translate(-100%);transition:transform .2s ease-out}.sidebar.show{transform:translate(0)}}.toggle-sidebar-btn{position:absolute;top:.75rem;left:.75rem;z-index:1100;width:44px;height:44px;border:1px solid var(--toggle-border);border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--toggle-bg);color:var(--color-text);box-shadow:var(--toggle-shadow);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease}.toggle-sidebar-btn:hover,.toggle-sidebar-btn:focus-visible{transform:translateY(-1px);outline:none;border-color:var(--color-primary);color:var(--color-primary)}.toggle-sidebar-btn:focus-visible{outline:2px solid var(--nav-btn-outline);outline-offset:2px}.toggle-sidebar-btn.is-animating{transform:scale(1.08)}.toggle-sidebar-btn .burger-icon{width:28px;height:20px}.burger-line{stroke:var(--burger-stroke);stroke-width:2;stroke-linecap:round;transition:transform .3s ease,stroke .3s ease}.toggle-sidebar-btn:hover .burger-line,.toggle-sidebar-btn:focus-visible .burger-line{stroke:var(--color-primary)}.toggle-sidebar-btn.is-animating .burger-line:nth-child(1){transform:translateY(3px) rotate(3deg)}.toggle-sidebar-btn.is-animating .burger-line:nth-child(2){transform:scaleX(.9)}.toggle-sidebar-btn.is-animating .burger-line:nth-child(3){transform:translateY(-3px) rotate(-3deg)}.mobile-active-section{display:block;margin:.35rem 0 0;padding:0 .5rem;text-align:center;font-size:.95rem;font-weight:600;color:var(--color-muted);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-mobile-title{display:flex;justify-content:center;margin-top:.4rem;padding:0 .5rem}.sidebar-close-btn{position:static;border:none;background:transparent;color:var(--color-muted);font-size:1.25rem;line-height:1;padding:0;border-radius:999px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;cursor:pointer;transition:color .2s ease,background .2s ease}.sidebar-close-btn:hover,.sidebar-close-btn:focus-visible{color:var(--color-primary);background:var(--nav-btn-bg)}@keyframes landingFade{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes flyInFromRight{0%{opacity:0;transform:translate(44px)}50%{opacity:1;transform:translate(-6px)}75%{transform:translate(3px)}to{opacity:1;transform:translate(0)}}@keyframes landingPulse{0%{opacity:.65}to{opacity:.85}}@keyframes landingFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes page-flip-next{0%{transform:scale(var(--page-zoom, 1)) rotateY(-70deg) translate(-16px);box-shadow:0 15px 30px #00000038;filter:brightness(.92) contrast(.96)}55%{transform:scale(var(--page-zoom, 1)) rotateY(14deg) translate(12px);box-shadow:0 18px 32px #00000029}to{transform:scale(var(--page-zoom, 1)) rotateY(0) translate(0);box-shadow:var(--shadow-strong);filter:brightness(1) contrast(1)}}@keyframes page-flip-prev{0%{transform:scale(var(--page-zoom, 1)) rotateY(70deg) translate(16px);box-shadow:0 15px 30px #00000038;filter:brightness(.92) contrast(.96)}55%{transform:scale(var(--page-zoom, 1)) rotateY(-14deg) translate(-12px);box-shadow:0 18px 32px #00000029}to{transform:scale(var(--page-zoom, 1)) rotateY(0) translate(0);box-shadow:var(--shadow-strong);filter:brightness(1) contrast(1)}}@keyframes page-pan-next{0%{transform:scale(var(--page-zoom, 1)) translate(56px);opacity:.65;filter:brightness(.98) contrast(.98)}70%{transform:scale(var(--page-zoom, 1)) translate(-6px);opacity:1;filter:brightness(1) contrast(1)}to{transform:scale(var(--page-zoom, 1)) translate(0);opacity:1;filter:brightness(1) contrast(1)}}@keyframes page-pan-prev{0%{transform:scale(var(--page-zoom, 1)) translate(-56px);opacity:.65;filter:brightness(.98) contrast(.98)}70%{transform:scale(var(--page-zoom, 1)) translate(6px);opacity:1;filter:brightness(1) contrast(1)}to{transform:scale(var(--page-zoom, 1)) translate(0);opacity:1;filter:brightness(1) contrast(1)}}