*{box-sizing:border-box;margin:0;padding:0}:root{--accent-blue:#1d4ed8;--accent-blue-dark:#1e3a8a;--accent-orange:#f97316;--text-strong:#0f172a;--text:#334155;--surface:#fff;--surface-muted:#f5f6f8;--border:#e0e7ef;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--space-13:120px;--space-14:140px}body{background-color:var(--surface);color:var(--text-strong);height:100%;font-family:Manrope,Segoe UI,Arial,sans-serif;overflow:hidden}.hero-bg{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-bg-item{object-fit:contain;opacity:.3;filter:grayscale(.6)saturate(.9)blur(.2px);animation-name:heroDrift;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.hero-bg-item-2{animation-direction:alternate}.hero-bg-item-3{animation-direction:alternate-reverse}.product-pane{position:relative}.product-pane-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.product-pane-item{object-fit:contain;opacity:.22;filter:grayscale(.7)saturate(.8)blur(.3px);animation-name:heroDrift;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes heroDrift{0%{transform:translate(0)rotate(0)scale(1)}33%{transform:translate(var(--x1,18px), var(--y1,-12px)) rotate(var(--r1,4deg)) scale(1.08)}66%{transform:translate(var(--x2,-20px), var(--y2,16px)) rotate(var(--r2,-6deg)) scale(.92)}to{transform:translate(var(--x3,12px), var(--y3,-14px)) rotate(var(--r3,5deg)) scale(1.12)}}html,#root{height:100%}.container{max-width:1200px;padding:0 var(--space-5);margin:0 auto}.page-loader{min-height:40vh;color:var(--text);letter-spacing:.04em;place-items:center;font-size:14px;display:grid}a{color:inherit;text-decoration:none}.btn-primary{background:var(--accent-blue);color:#fff;border-radius:6px;padding:12px 22px;font-weight:600;transition:all .3s}.btn-primary:hover{background:var(--accent-blue-dark)}.btn-outline{border:1px solid var(--accent-blue);color:var(--accent-blue);border-radius:6px;padding:12px 22px;font-weight:600;transition:all .3s}.btn-outline:hover{background:var(--accent-blue);color:#fff}.about-page{background:var(--surface-muted);height:100vh;color:var(--text-strong);font-family:Manrope,Segoe UI,Arial,sans-serif;position:relative;overflow-y:auto}.about-page .hero-bg{z-index:0}.about-page:before,.about-page:after{content:none}.about-hero{padding:var(--space-14) 0 var(--space-8);z-index:1;position:relative}.about-hero-grid{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.about-hero-copy{font-family:Manrope,Segoe UI,Arial,sans-serif}.about-kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--accent-blue);margin-bottom:14px;font-size:12px;font-weight:700}.about-title{color:var(--text-strong);margin-bottom:18px;font-family:Fraunces,Times New Roman,serif;font-size:clamp(32px,4vw,54px)}.about-lede{color:var(--text);margin-bottom:26px;font-size:18px;line-height:1.7}.about-actions{flex-wrap:wrap;gap:14px;display:flex}.about-hero-panel{background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:0 16px 30px #0f172a1f}.about-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.about-stat-card{text-align:center;background:#f0f4ff;border-radius:18px;padding:16px}.about-stat-value{color:var(--text-strong);margin-bottom:6px;font-size:20px;font-weight:700}.about-stat-label{color:#64748b;font-size:12px;line-height:1.4}.about-hero-note{color:#64748b;margin-top:20px;font-size:14px;line-height:1.6}.about-section{padding:var(--space-9) 0;z-index:1;position:relative}.about-section-header{max-width:720px;margin-bottom:30px}.about-section h2{color:var(--text-strong);margin-bottom:14px;font-family:Fraunces,Times New Roman,serif;font-size:clamp(26px,3vw,38px)}.about-section p{color:var(--text);line-height:1.7}.about-card-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.about-card{background:var(--surface);padding:var(--space-5);border:1px solid var(--border);border-radius:22px;box-shadow:0 10px 22px #0f172a14}.about-card h3{color:var(--text-strong);margin-bottom:8px;font-size:16px;font-weight:700}.about-card p{color:#64748b;font-size:14px;line-height:1.6}.about-panel{background:#eaf0f7}.about-split{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.about-panel-card{background:var(--surface);padding:var(--space-6);border:1px solid var(--border);border-radius:24px;box-shadow:0 12px 26px #0f172a14}.about-list{gap:12px;margin-top:18px;padding:0;list-style:none;display:grid}.about-list li{color:var(--text);padding-left:22px;line-height:1.6;position:relative}.about-list li:before{content:"";background:var(--accent-orange);border-radius:50%;width:10px;height:10px;position:absolute;top:9px;left:0}.about-chip-grid{flex-wrap:wrap;justify-content:flex-start;gap:12px;display:flex}.about-chip{background:var(--surface);border:1px solid var(--border);color:#374151;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;box-shadow:0 8px 16px #0f172a14}.about-cta{padding:var(--space-11) 0 var(--space-12)}.about-cta-inner{background:linear-gradient(120deg, var(--text-strong), var(--accent-blue-dark));padding:var(--space-7);justify-content:space-between;align-items:center;gap:var(--space-6);color:#f9fafb;border-radius:28px;display:flex;box-shadow:0 18px 44px #0f172a47}.about-cta .btn-outline{color:#f9fafb;border-color:#fff9}.about-cta .btn-outline:hover{color:#111827;background:#f9fafb}.about-cta-inner h2{color:#f9fafb}.about-cta-inner p{color:#f9fafbb8;margin-top:10px}.about-cta-actions{flex-direction:column;gap:12px;display:flex}.about-reveal{opacity:0;animation:.8s forwards aboutRise;animation-delay:var(--delay,0s);transform:translateY(18px)}@keyframes aboutRise{to{opacity:1;transform:translateY(0)}}@media (width<=980px){.about-hero-grid,.about-split{grid-template-columns:1fr}.about-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-cta-inner{flex-direction:column;align-items:flex-start}}@media (width<=720px){.about-hero{padding-top:var(--space-13)}.about-stat-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.about-reveal{opacity:1;animation:none;transform:none}}.contact-page{background:var(--surface-muted);height:100vh;color:var(--text-strong);justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.contact-hero{padding:var(--space-13) 0 var(--space-10);z-index:2;position:relative}.contact-hero-grid{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.contact-kicker{text-transform:uppercase;letter-spacing:.25em;color:var(--accent-blue);margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.contact-title{margin-bottom:18px;font-family:Fraunces,Times New Roman,serif;font-size:clamp(34px,4.5vw,58px)}.contact-lede{color:var(--text);margin-bottom:28px;font-size:18px;line-height:1.7}.contact-details{gap:var(--space-5);display:grid}.contact-card-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.contact-card{border:1px solid var(--border);padding:var(--space-5);background:#ffffffe6;border-radius:18px;box-shadow:0 18px 40px #0f172a0f}.contact-card h3{margin-bottom:8px;font-size:16px}.contact-card p{color:var(--text);line-height:1.6}.contact-mail-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.contact-band{padding:var(--space-8) 0 var(--space-11)}.contact-band-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.contact-band-grid h2{margin-bottom:8px;font-size:18px}.contact-band-grid p{color:var(--text)}@media (width<=960px){.contact-hero-grid{grid-template-columns:1fr}.contact-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-band-grid{grid-template-columns:1fr}}@media (width<=720px){.contact-card-grid{grid-template-columns:1fr}}.home-page{background:var(--surface);height:100vh;color:var(--text-strong);overflow-y:auto}.hero-section{min-height:85vh;padding:var(--space-14) 0 var(--space-11);background:linear-gradient(140deg,#f8fafc 0%,#fff 55%,#f1f5f9 100%);align-items:center;display:flex;position:relative;overflow:hidden}.hero-section .container{z-index:2;position:relative}.hero-content{max-width:640px}.hero-title{color:var(--text-strong);margin-bottom:18px;font-family:Fraunces,Times New Roman,serif;font-size:clamp(34px,5vw,62px)}.hero-subtitle{color:var(--text);margin-bottom:var(--space-6);font-size:18px;line-height:1.7}.hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.home-answers{padding:var(--space-10) 0 var(--space-11);background:var(--surface-muted)}.home-answers-grid{gap:var(--space-7);grid-template-columns:1.2fr .8fr;align-items:center;display:grid}.home-answers-card{background:var(--surface);border:1px solid var(--border);padding:var(--space-6);border-radius:24px;box-shadow:0 12px 28px #0f172a1f}.home-answers-card ul{margin-top:var(--space-3);gap:var(--space-2);color:var(--text);padding:0;list-style:none;display:grid}.home-answers-card li:before{content:"• ";color:var(--accent-orange);font-weight:700}@media (width<=980px){.hero-section{min-height:65vh;padding:var(--space-13) 0 var(--space-10)}}@media (width<=720px){.hero-section{padding:var(--space-13) 0 var(--space-9)}}.product-page{background:var(--surface);height:100vh;overflow-y:auto}.product-index{padding:var(--space-7) 0 var(--space-11);background:var(--surface-muted)}.product-index-grid{margin-top:var(--space-6);gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.product-index-card{background:var(--surface);border:1px solid var(--border);padding:var(--space-4);gap:var(--space-3);border-radius:20px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 12px 26px #0f172a1a}.product-index-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f172a24}.product-index-card img{object-fit:contain;border:1px solid var(--border);background:#f8fafc;border-radius:14px;width:100%;height:160px}.product-index-card h3{margin-bottom:6px;font-size:18px}.product-index-card span{color:var(--text);font-size:13px}.product-detail-page{background:var(--surface-muted);height:100vh;color:var(--text-strong);overflow-y:auto}.product-detail-hero{padding:var(--space-14) 0 var(--space-8)}.product-detail-hero-grid{gap:var(--space-7);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.product-kicker{text-transform:uppercase;letter-spacing:.25em;color:var(--accent-blue);margin-bottom:12px;font-size:12px;font-weight:700}.product-lede{color:var(--text);margin-bottom:var(--space-6);font-size:18px;line-height:1.7}.product-hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.product-hero-card{background:var(--surface);padding:var(--space-6);border:1px solid var(--border);gap:var(--space-4);border-radius:24px;display:grid;box-shadow:0 16px 32px #0f172a1f}.product-hero-card img{object-fit:contain;border:1px solid var(--border);background:#f8fafc;border-radius:18px;width:100%;height:240px}.product-hero-meta{gap:var(--space-3);color:var(--text);grid-template-columns:repeat(2,minmax(0,1fr));font-size:13px;display:grid}.product-hero-meta strong{color:var(--text-strong);margin-top:6px;font-size:16px;display:block}.product-detail-section{padding:var(--space-8) 0}.product-sub-grid{margin-top:var(--space-6);gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.product-sub-card{background:var(--surface);border:1px solid var(--border);padding:var(--space-4);gap:var(--space-3);border-radius:20px;display:grid;box-shadow:0 12px 24px #0f172a14}.product-sub-card img{object-fit:contain;border:1px solid var(--border);background:#f8fafc;border-radius:14px;width:100%;height:160px}.product-sub-card h3{margin-bottom:6px;font-size:16px}.product-sub-card span{color:var(--accent-blue);font-size:12px;font-weight:600}.product-detail-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.product-detail-card{background:var(--surface);border:1px solid var(--border);padding:var(--space-5);border-radius:20px;box-shadow:0 12px 22px #0f172a14}.product-detail-card h2{margin-bottom:10px;font-size:18px}.product-detail-card p{color:var(--text);line-height:1.6}.product-faq{padding-bottom:var(--space-5)}.product-faq-grid{margin-top:var(--space-5);gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.product-faq-card{background:var(--surface);border:1px solid var(--border);padding:var(--space-5);border-radius:20px;box-shadow:0 12px 24px #0f172a14}.product-faq-card h3{margin-bottom:8px;font-size:16px}.product-faq-card p{color:var(--text);line-height:1.6}.product-detail-cta{padding-bottom:var(--space-11)}.product-detail-cta-inner{justify-content:space-between;align-items:center;gap:var(--space-5);color:#f8fafc;padding:var(--space-7);background:linear-gradient(120deg,#0f172a,#1e3a8a);border-radius:26px;display:flex;box-shadow:0 18px 38px #0f172a40}.product-detail-cta-inner h2{margin-bottom:6px}.product-detail-cta-inner p{color:#f8fafccc;max-width:680px}@media (width<=720px){.product-detail-cta-inner{flex-direction:column;align-items:flex-start}.product-detail-cta-inner .btn-primary{text-align:center;width:100%}}.product-detail-empty{align-items:center;display:flex}.product-detail-missing{padding:var(--space-14) 0;gap:var(--space-4);display:grid}@media (width<=980px){.home-answers-grid,.product-detail-hero-grid{grid-template-columns:1fr}}@media (width<=720px){.product-detail-hero{padding-top:var(--space-13)}}.navbar{width:100%;max-width:1200px;padding:0 var(--space-5,20px);z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:25px;width:min(1158px,100% - 32px);position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0f172a1f}.navbar-inner{height:68px;padding:0 var(--space-6,24px);justify-content:space-between;align-items:center;gap:var(--space-6,24px);font-family:Manrope,Segoe UI,Arial,sans-serif;display:flex}.logo{color:#0f172a;letter-spacing:.2px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:inline-flex}.logo-image{object-fit:contain;width:90px;height:auto;display:block}.logo-text{white-space:nowrap}.nav-links{gap:var(--space-4,16px);display:flex}.nav-link{color:#334155;border-radius:20px;padding:8px 14px;font-size:15px;font-weight:600;transition:color .25s,background-color .25s,box-shadow .25s}.nav-link:hover{color:#f97316}.nav-link.active{color:#0f172a;background:#1d4ed81f;box-shadow:inset 0 0 0 1px #1d4ed838}.cta-btn{align-items:center;gap:var(--space-2,8px);color:#fff;letter-spacing:.2px;background:#1d4ed8;border-radius:20px;padding:10px 18px 10px 12px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 16px #0f172a33}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #2c242040}.cta-icon{color:#1d4ed8;background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.nav-toggle{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px;display:none}.nav-toggle-bar{background:#0f172a;border-radius:25px;width:22px;height:3px;display:block}.nav-overlay.open{opacity:1;pointer-events:auto}.nav-drawer{opacity:0;pointer-events:none;z-index:1001;background:#fff;border:1px solid #e2e8f0;border-radius:24px;gap:12px;width:min(320px,100% - 32px);padding:20px;transition:opacity .25s,transform .25s;display:grid;position:fixed;top:90px;right:0;transform:translateY(-8px)scale(.98);box-shadow:0 20px 40px #0f172a2e}.nav-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.nav-drawer-link{color:#0f172a;border-radius:14px;padding:10px 12px;font-size:16px;font-weight:600;transition:background-color .2s,color .2s}.nav-drawer-link:hover{color:#0f172a;background:#1d4ed81f}.nav-drawer-link.active{background:#1d4ed829}.nav-drawer-cta{color:#fff;background:#1d4ed8;border-radius:16px;justify-content:center;align-items:center;margin-top:4px;padding:12px 16px;font-weight:700;display:inline-flex}@media (width<=900px){.nav-links,.cta-btn-desk{display:none}.navbar-inner{padding:0 20px}.nav-toggle{display:inline-flex}}@media (width<=720px){.navbar{border-radius:20px;top:12px}.navbar-inner{gap:16px;height:60px;padding:0 16px}.logo-image{width:72px}.cta-btn{padding:8px 14px 8px 10px;font-size:13px}.nav-drawer{top:78px}}@media (width<=520px){.cta-btn{padding:8px 14px 8px 10px;font-size:13px}}@media (width<=420px){.navbar{width:calc(100% - 16px)}.cta-btn{gap:8px;padding:8px 12px}.cta-icon{width:24px;height:24px;font-size:12px}}