@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:300;font-display:swap;src:url(../media/5f841e19a104a2f1-s.p.1two88yljb5sr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:300;font-display:swap;src:url(../media/6d62c74c8e468ef4-s.0eam1vlzr7y9e.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:300;font-display:swap;src:url(../media/9d978ba009f47915-s.p.1x4h7xumh6h0q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/53e45098eac42afb-s.p.1uklb5el4zgvl.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85ea1b3aadcead52-s.05i4gb4p0piv4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3c285486269019b7-s.p.2g-0we2o5_ngd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/625a092f804baad3-s.p.1zvg0ggiaivzo.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6afabefbb32d7517-s.0jaqhc1tb-5xm.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a4f4f75ad654963f-s.p.1hvvd1t-trplq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a3bcb02a0e9e5d11-s.p.25pbmqxk8u2s7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35fd19aef91b293-s.0n_ln9vqskgts.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8f46d218c8f79e34-s.p.2wu4yy186g04j.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8ffc259da9d23054-s.p.10uaeld2xxvpt.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9e486ba39c38fb8a-s.2bbpeapf-lbjw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6f42e0a3b0519c4d-s.p.13y-iz2lazqtb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fcf129058e6e31f2-s.p.1ubek13yfcpkr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7b74840ea7c05e95-s.0t1_atrj_pkiu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/3eca85881bcfa204-s.p.0unco9n87mni8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.be_vietnam_pro_53ac1978-module__EKPasG__className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.be_vietnam_pro_53ac1978-module__EKPasG__variable{--font-be-vietnam-pro:"Be Vietnam Pro", "Be Vietnam Pro Fallback"}
:root{--srv-bg:#f7fbfc;--srv-surface:#fff;--srv-surface-soft:#f2f8fa;--srv-surface-muted:#eef4f6;--srv-primary:#b92027;--srv-primary-600:#9f171d;--srv-primary-500:#d1353c;--srv-primary-400:#e65a60;--srv-primary-100:#fee2e2;--srv-primary-50:#fef2f2;--srv-secondary:#102a43;--srv-navy:#0b1f3a;--srv-navy-light:#1e3a5f;--srv-accent:#f59e0b;--srv-accent-light:#fbbf24;--srv-text:#102a43;--srv-text-secondary:#475569;--srv-text-muted:#64748b;--srv-text-soft:#94a3b8;--srv-text-inverse:#f1f5f9;--srv-border:#0b1f3a14;--srv-border-strong:#0b1f3a29;--srv-border-light:#0b1f3a0a;--srv-border-muted:#ebf1f5;--srv-success:#16a34a;--srv-success-light:#dcfce7;--srv-success-bg:#f0fdf4;--srv-warning:#f59e0b;--srv-warning-light:#fef3c7;--srv-warning-bg:#fffbeb;--srv-error:#ef4444;--srv-error-light:#fee2e2;--srv-error-bg:#fef2f2;--srv-info:#2563eb;--srv-info-light:#dbeafe;--srv-blue:#2563eb;--srv-purple:#7c3aed;--srv-pink:#db2777;--srv-green:#2e7d32;--shadow-xs:0 1px 2px #0b1f3a0a;--shadow-sm:0 2px 8px #0b1f3a0a;--shadow-md:0 8px 24px #0b1f3a0f;--shadow-lg:0 12px 32px #0b1f3a14;--shadow-xl:0 20px 48px #0b1f3a1f;--shadow-card:0 4px 20px #0b1f3a0d, 0 2px 8px #0b1f3a05;--shadow-card-hover:0 20px 40px #0b1f3a1f, 0 1px 3px #0b1f3a05;--shadow-btn:0 8px 20px #b920272e;--shadow-glow:0 0 20px #b920271f;--font-heading:var(--font-be-vietnam-pro), "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:var(--font-be-vietnam-pro), "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:var(--font-be-vietnam-pro), "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.5rem;--text-6xl:4.5rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-9:36px;--sp-10:40px;--sp-12:48px;--sp-14:56px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:28px;--radius-pill:999px;--ease:cubic-bezier(.4, 0, .2, 1);--duration:.22s;--transition:all .22s cubic-bezier(.4, 0, .2, 1);--container:1280px;--brand-primary:var(--srv-primary);--brand-primary-light:var(--srv-primary-500);--brand-soft:var(--srv-primary-50)}[data-brand=vega]{--brand-primary:#b92027;--brand-soft:#fef2f2}[data-brand=balacom]{--brand-primary:#e39518;--brand-soft:#fffbeb}[data-brand=facare]{--brand-primary:#0e86c8;--brand-soft:#f0f9ff}[data-brand=drloan]{--brand-primary:#475569;--brand-soft:#f8fafc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:92px}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--srv-text);background:var(--srv-bg);min-height:100vh;line-height:1.6}img,video,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--srv-navy);font-weight:700;line-height:1.2}.container{max-width:var(--container);padding:0 var(--sp-8);margin:0 auto}.section{padding:var(--sp-20) 0}.section-sm{padding:var(--sp-12) 0}.glass-card{-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #00000008, inset 0 1px 0 #fffc, var(--shadow-lg);border-radius:var(--radius-xl);padding:var(--sp-8);background:#ffffffc2;border:1px solid #fff9}.card{border:1px solid var(--srv-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition);background:linear-gradient(#fff 0%,#f7fbfc 100%);overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--srv-border-strong);transform:translateY(-4px)}.card-body{padding:var(--sp-6)}.metric-card{border:1px solid var(--srv-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--sp-6);transition:var(--transition);background:radial-gradient(circle at 85% 20%,#14b8a614,#0000 40%),#fff}.metric-card:hover{box-shadow:var(--shadow-xl)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);font-family:var(--font-body);font-weight:600;font-size:var(--text-base);border-radius:var(--radius-md);transition:var(--transition);white-space:nowrap;cursor:pointer;border:1px solid #0000;padding:12px 20px;line-height:1;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--srv-primary) 0%, var(--srv-primary-600) 100%);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{background:linear-gradient(135deg, var(--srv-primary-600) 0%, var(--srv-primary) 100%);box-shadow:0 12px 28px #b920274d}.btn-secondary{color:var(--srv-navy);border:1px solid var(--srv-border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf}.btn-secondary:hover{border-color:var(--srv-primary);background:#fff}.btn-outline{color:var(--srv-primary);border:1.5px solid var(--srv-primary);background:0 0}.btn-outline:hover{background:var(--srv-primary-50)}.btn-ghost{color:var(--srv-text-muted);background:0 0}.btn-ghost:hover{background:var(--srv-surface-soft);color:var(--srv-text)}.btn-lg{font-size:var(--text-md);border-radius:var(--radius-md);padding:14px 28px}.btn-sm{font-size:var(--text-xs);padding:8px 16px}.btn-icon{border-radius:var(--radius-md);padding:10px}.badge{align-items:center;gap:var(--sp-1);border-radius:var(--radius-pill);letter-spacing:.02em;text-transform:uppercase;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-vega{color:#b92027;background:#fef2f2}.badge-balacom{color:#e39518;background:#fffbeb}.badge-facare{color:#0e86c8;background:#f0f9ff}.badge-drloan{color:#475569;background:#f8fafc}.badge-success{background:var(--srv-success-light);color:var(--srv-success)}.badge-warning{background:var(--srv-warning-light);color:#b45309}.badge-error{background:var(--srv-error-light);color:var(--srv-error)}.badge-info{background:var(--srv-info-light);color:var(--srv-info)}.badge-gray{color:var(--srv-text-muted);background:#f1f5f9}.status-dot{font-size:var(--text-sm);align-items:center;gap:6px;font-weight:500;display:inline-flex}.status-dot:before{content:"";border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot-success:before{background:var(--srv-success)}.status-dot-warning:before{background:var(--srv-warning)}.status-dot-error:before{background:var(--srv-error)}.status-dot-info:before{background:var(--srv-info)}.input{width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--srv-text);border:1px solid var(--srv-border-light);border-radius:var(--radius-md);transition:var(--transition);background:#fff;outline:none;padding:11px 16px}.input:focus{border-color:var(--srv-primary);box-shadow:0 0 0 3px #0f766e14}.input::placeholder{color:var(--srv-text-soft)}.input-error{border-color:var(--srv-error)}.label{font-size:var(--text-sm);color:var(--srv-text);margin-bottom:6px;font-weight:500;display:block}.form-group{margin-bottom:var(--sp-5)}.form-error{color:var(--srv-error);margin-top:4px;font-size:12px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%2394A3B8' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 5.646a.5.5 0 0 1 .708 0L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.filter-pill{font-size:var(--text-sm);color:var(--srv-text-secondary);border:1px solid var(--srv-border-light);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);background:#fff;align-items:center;gap:6px;padding:9px 16px;font-weight:500;display:inline-flex}.filter-pill:hover{border-color:var(--srv-primary);color:var(--srv-primary)}.filter-pill-active{border-color:var(--srv-primary);color:var(--srv-primary);background:var(--srv-primary-50)}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--srv-border-light);background:#fff;overflow:hidden}.table{border-collapse:collapse;width:100%;font-size:var(--text-base)}.table th{text-align:left;font-weight:600;font-size:var(--text-sm);color:var(--srv-text-muted);background:var(--srv-surface-soft);border-bottom:1px solid var(--srv-border-light);padding:14px 20px}.table td{border-bottom:1px solid var(--srv-border-muted);color:var(--srv-text);vertical-align:middle;padding:16px 20px}.table tbody tr{transition:background var(--duration) var(--ease)}.table tbody tr:hover{background:var(--srv-surface-soft)}.table tbody tr:last-child td{border-bottom:none}.table-product{align-items:center;gap:var(--sp-3);display:flex}.table-product-img{border-radius:var(--radius-sm);background:var(--srv-surface-soft);object-fit:cover;flex-shrink:0;width:44px;height:44px}.table-product-name{color:var(--srv-text);font-weight:600}.table-product-sku{color:var(--srv-text-soft);font-size:12px}.table-action{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--srv-text-muted);transition:var(--transition);justify-content:center;align-items:center;display:inline-flex}.table-action:hover{background:var(--srv-surface-soft);color:var(--srv-primary)}.pagination{align-items:center;gap:var(--sp-1);padding:var(--sp-4) var(--sp-5);display:flex}.pagination-btn{border-radius:var(--radius-sm);width:36px;height:36px;font-size:var(--text-sm);color:var(--srv-text-secondary);transition:var(--transition);justify-content:center;align-items:center;font-weight:500;display:flex}.pagination-btn:hover{background:var(--srv-surface-soft)}.pagination-btn-active{background:var(--srv-primary);color:#fff}.pagination-btn-active:hover{background:var(--srv-primary-600)}.sidebar{width:260px;padding:var(--sp-6) 0;z-index:50;background:linear-gradient(#0b1f3a 0%,#102a43 100%);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{align-items:center;gap:var(--sp-3);padding:0 var(--sp-6) var(--sp-8);margin-bottom:var(--sp-6);border-bottom:1px solid #ffffff14;display:flex}.sidebar-logo-text{font-family:var(--font-heading);font-weight:800;font-size:var(--text-lg);color:#fff}.sidebar-menu{padding:0 var(--sp-3);flex:1;list-style:none}.sidebar-item{align-items:center;gap:var(--sp-3);padding:11px var(--sp-5);border-radius:var(--radius-md);font-size:var(--text-base);color:#ffffff8c;transition:var(--transition);cursor:pointer;margin-bottom:2px;font-weight:500;display:flex;position:relative}.sidebar-item:hover{color:#ffffffd9;background:#ffffff0f}.sidebar-item-active{color:#fff;background:#0f766e2e}.sidebar-item-active:before{content:"";background:var(--srv-primary-500);border-radius:2px;width:3px;position:absolute;top:6px;bottom:6px;left:-12px}.sidebar-group-label{padding:var(--sp-4) var(--sp-5) 6px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff52;font-size:10px;font-weight:700;list-style:none}.sidebar-group-label:first-child{padding-top:var(--sp-2)}.topbar{padding:var(--sp-4) var(--sp-8);border-bottom:1px solid var(--srv-border-light);justify-content:space-between;align-items:center;gap:var(--sp-6);background:#fff;min-height:68px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:var(--sp-4);display:flex}.topbar-breadcrumb{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--srv-text-muted);display:flex}.topbar-breadcrumb-sep{color:var(--srv-text-soft)}.topbar-breadcrumb-current{color:var(--srv-text);font-weight:500}.topbar-search{align-items:center;gap:var(--sp-2);background:var(--srv-surface-soft);border:1px solid var(--srv-border-light);border-radius:var(--radius-md);min-width:280px;color:var(--srv-text-soft);font-size:var(--text-sm);padding:9px 16px;display:flex}.topbar-icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--srv-text-muted);transition:var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon:hover{background:var(--srv-surface-soft)}.topbar-icon-badge{background:var(--srv-error);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.topbar-profile{align-items:center;gap:var(--sp-3);border-radius:var(--radius-pill);border:1px solid var(--srv-border-light);cursor:pointer;transition:var(--transition);padding:4px 12px 4px 4px;display:flex}.topbar-profile:hover{background:var(--srv-surface-soft)}.topbar-avatar{background:var(--srv-primary-100);width:36px;height:36px;color:var(--srv-primary);font-weight:700;font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.topbar-profile-name{font-size:var(--text-sm);color:var(--srv-text);font-weight:600}.topbar-profile-role{color:var(--srv-text-soft);font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;padding:var(--sp-4);background:#0b1f3a66;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;animation:modalIn .25s var(--ease);background:#fff}.modal-header{padding:var(--sp-6) var(--sp-6) var(--sp-4)}.modal-body{padding:0 var(--sp-6) var(--sp-6)}.modal-footer{padding:var(--sp-4) var(--sp-6) var(--sp-6);gap:var(--sp-3);justify-content:flex-end;display:flex}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--srv-border-light);background:#ffffffeb;height:76px;position:sticky;top:0}.nav-inner{max-width:var(--container);padding:0 var(--sp-8);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--sp-3);font-family:var(--font-heading);font-weight:800;font-size:var(--text-xl);color:var(--srv-primary);display:flex}.nav-brand-divider{background:var(--srv-border-light);width:1px;height:28px;margin:0 var(--sp-4)}.nav-brand-name{font-family:var(--font-heading);font-weight:700;font-size:var(--text-lg);color:var(--srv-navy)}.nav-links{align-items:center;gap:var(--sp-8);list-style:none;display:flex}.nav-link{font-size:var(--text-base);color:var(--srv-text-secondary);transition:color var(--duration) var(--ease);padding:4px 0;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--srv-primary);height:2px;transition:transform var(--duration) var(--ease);transform-origin:100%;border-radius:1px;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-link:hover{color:var(--srv-primary)}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.nav-link-active{color:var(--srv-primary)}.nav-link-active:after{transform-origin:0;transform:scaleX(1)}.nav-right{align-items:center;gap:var(--sp-4);display:flex}.nav-hotline{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--srv-text);font-weight:600;display:flex}.nav-hotline-label{color:var(--srv-text-soft);font-size:11px;font-weight:500}.footer{background:var(--srv-navy);color:var(--srv-text-inverse);padding:var(--sp-16) 0 var(--sp-8)}.footer-grid{gap:var(--sp-10);margin-bottom:var(--sp-12);grid-template-columns:1.5fr repeat(4,1fr);display:grid}.footer-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-5);color:#ffffff80;font-weight:700}.footer-links{gap:var(--sp-3);flex-direction:column;list-style:none;display:flex}.footer-link{font-size:var(--text-sm);color:#ffffffa6;transition:color var(--duration) var(--ease)}.footer-link:hover{color:#fff}.footer-bottom{padding-top:var(--sp-8);text-align:center;font-size:var(--text-sm);color:#fff6;border-top:1px solid #ffffff14}.grid-2{gap:var(--sp-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--sp-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--sp-6);grid-template-columns:repeat(4,1fr);display:grid}.grid-6{gap:var(--sp-6);grid-template-columns:repeat(6,1fr);display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.3s both fadeIn}.animate-fade-in-up{animation:.5s both fadeInUp}.skeleton{background:linear-gradient(90deg, var(--srv-surface-soft) 25%, white 50%, var(--srv-surface-soft) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.toast{bottom:var(--sp-6);right:var(--sp-6);align-items:center;gap:var(--sp-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);font-size:var(--text-sm);z-index:2000;background:#fff;padding:14px 20px;font-weight:500;animation:.25s fadeInUp;display:flex;position:fixed}.toast-success{border-left:3px solid var(--srv-success)}.toast-error{border-left:3px solid var(--srv-error)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--srv-text-soft);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--srv-text-muted)}::selection{background:var(--srv-primary-100);color:var(--srv-primary)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-6{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 var(--sp-4)}.section{padding:var(--sp-12) 0}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.grid-6{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:var(--sp-8);grid-template-columns:1fr}.nav-links,.nav-right .nav-hotline{display:none}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}}
:root{--srv-primary:#b92027;--srv-primary-600:#9f171d;--srv-primary-500:#d32f37;--srv-primary-400:#e15760;--srv-primary-100:#fad9db;--srv-primary-50:#fef2f2;--srv-navy:#353535;--srv-navy-900:#1a1a1a;--srv-navy-800:#353535;--srv-navy-700:#424242;--srv-navy-600:#525252;--srv-cta:#b92027;--srv-cta-600:#9f171d;--srv-cta-50:#fef2f2;--srv-blue:#0e86c8;--srv-blue-600:#0b6ba0;--srv-blue-50:#e7f3fa;--srv-accent:#e39518;--srv-accent-600:#c57d0f;--srv-accent-50:#fdf3e2;--shadow-btn:0 8px 20px #b920272e;--shadow-glow:0 0 20px #b920271f;--shadow-cta:0 10px 24px #b9202747;--brand-primary:var(--srv-primary)}.btn-cta{background:var(--srv-cta);color:#fff;box-shadow:var(--shadow-cta);border:1.5px solid #0000}.btn-cta:hover{background:var(--srv-cta-600);transform:translateY(-2px);box-shadow:0 14px 30px #b9202757}.btn-outline-light{color:#fff;background:0 0;border:1.5px solid #fff6}.btn-outline-light:hover{background:#ffffff1a;border-color:#fff}.hero{padding:var(--sp-16) 0 var(--sp-20);background:linear-gradient(135deg,#fef2f2 0%,#f4f6f8 45%,#e7f3fa 100%);align-items:center;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;opacity:.45;width:55%;position:absolute;top:0;bottom:0;right:0}.hero-bg-gradient{background:radial-gradient(at 60% 40%,#b920271f 0%,#0000 55%),radial-gradient(at 80% 70%,#0e86c80f 0%,#0000 45%);width:120%;height:140%;position:absolute;top:-20%;right:-10%}.hero-dna{opacity:.18;pointer-events:none;width:420px;height:420px;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.hero-content{z-index:2;max-width:640px;position:relative}.hero-eyebrow{font-size:var(--text-sm);color:var(--srv-primary);margin-bottom:var(--sp-4);letter-spacing:.01em;font-weight:500}.hero h1{font-family:var(--font-serif);color:var(--srv-navy);margin-bottom:var(--sp-5);letter-spacing:-.02em;font-size:clamp(2.5rem,4.5vw,3.75rem);font-weight:800;line-height:1.1}.hero h1 em{color:var(--srv-primary);font-style:italic}.hero-desc{font-size:var(--text-md);color:var(--srv-text-secondary);margin-bottom:var(--sp-8);max-width:520px;line-height:1.7}.hero-actions{gap:var(--sp-4);align-items:center;display:flex}.hero-actions .btn-secondary{align-items:center;gap:var(--sp-2);display:flex}.hero-actions .btn-secondary .play-icon{border:1.5px solid var(--srv-border-strong);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.section-header{margin-bottom:var(--sp-8);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--text-2xl);color:var(--srv-navy);font-weight:700}.section-link{font-size:var(--text-sm);color:var(--srv-primary);transition:var(--transition);align-items:center;gap:4px;font-weight:600;display:flex}.section-link:hover{opacity:.8}.brand-cards{gap:var(--sp-5);grid-template-columns:repeat(4,1fr);display:grid}.brand-card{border:1px solid var(--srv-border);border-radius:var(--radius-lg);padding:var(--sp-6);gap:var(--sp-4);transition:var(--transition);cursor:pointer;background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.brand-card:before{content:"";opacity:.08;width:120px;height:120px;transition:opacity var(--duration) var(--ease);border-radius:0 0 0 100%;position:absolute;top:0;right:0}.brand-card:hover{transform:translateY(-4px)}.brand-card:hover:before{opacity:.15}.brand-card[data-brand=vega]:before{background:#b92027}.brand-card[data-brand=balacom]:before{background:#e39518}.brand-card[data-brand=facare]:before{background:#0e86c8}.brand-card[data-brand=drloan]:before{background:#475569}.brand-card[data-brand=vega]:hover{border-color:#b9202759;box-shadow:0 12px 30px #b9202714}.brand-card[data-brand=vega]:hover .brand-card-arrow{color:#fff!important;background:#b92027!important}.brand-card[data-brand=balacom]:hover{border-color:#e3951859;box-shadow:0 12px 30px #e3951814}.brand-card[data-brand=balacom]:hover .brand-card-arrow{color:#fff!important;background:#e39518!important}.brand-card[data-brand=facare]:hover{border-color:#0e86c859;box-shadow:0 12px 30px #0e86c814}.brand-card[data-brand=facare]:hover .brand-card-arrow{color:#fff!important;background:#0e86c8!important}.brand-card[data-brand=drloan]:hover{border-color:#47556959;box-shadow:0 12px 30px #47556914}.brand-card[data-brand=drloan]:hover .brand-card-arrow{color:#fff!important;background:#475569!important}.brand-card-icon{border-radius:var(--radius-md);width:48px;height:48px;font-size:20px;font-weight:800;font-family:var(--font-heading);justify-content:center;align-items:center;display:flex}.brand-card h3{font-size:var(--text-lg);color:var(--srv-navy);letter-spacing:-.01em;font-weight:700}.brand-card p{font-size:var(--text-sm);color:var(--srv-text-muted);flex:1;line-height:1.5}.brand-card-arrow{width:36px;height:36px;transition:var(--transition);border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;display:flex}.brand-card:hover .brand-card-arrow{transform:translate(4px)}.product-card{border:1px solid var(--srv-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;height:180px;text-decoration:none;display:flex;position:relative;overflow:hidden;flex-direction:row!important}.product-card:hover{transform:translateY(-4px)}.product-card-body{z-index:2;flex-direction:column;justify-content:space-between;width:58%;display:flex;padding:var(--sp-4)!important}.product-card-info{flex-direction:column;gap:6px;display:flex}.product-card-badge-container{margin-bottom:2px;display:flex}.product-card-name{font-size:var(--text-sm);color:var(--srv-navy);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden;margin:0!important}.product-card-price{font-family:var(--font-heading);font-size:var(--text-base);color:var(--srv-navy);font-weight:700;margin:0!important}.product-card-link{color:var(--srv-text-muted);transition:color var(--duration) var(--ease);align-items:center;gap:4px;margin-top:auto;font-size:11px;font-weight:600;display:inline-flex}.product-card:hover .product-card-link{color:var(--srv-primary)}.product-card-image-side{z-index:1;justify-content:center;align-items:center;width:42%;display:flex;position:relative;overflow:visible}.product-card-decor{filter:blur(8px);opacity:.12;z-index:0;width:90px;height:90px;transition:transform .35s var(--ease);border-radius:50%;position:absolute}.product-card-decor-vega{background:#b92027}.product-card-decor-balacom{background:#e39518}.product-card-decor-facare{background:#0e86c8}.product-card-decor-drloan{background:#475569}.product-card:hover .product-card-decor{opacity:.18;transform:scale(1.15)}.product-card-img-wrap{z-index:1;justify-content:center;align-items:center;width:80%;height:80%;display:flex;position:relative}.product-card-img-wrap img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .35s var(--ease)}.product-card:hover .product-card-img-wrap img{transform:translateY(-4px)scale(1.04)}.product-card[data-brand=vega]:hover{border-color:#b9202740;box-shadow:0 12px 24px #b920270f}.product-card[data-brand=balacom]:hover{border-color:#e3951840;box-shadow:0 12px 24px #e395180f}.product-card[data-brand=facare]:hover{border-color:#0e86c840;box-shadow:0 12px 24px #0e86c80f}.product-card[data-brand=drloan]:hover{border-color:#47556940;box-shadow:0 12px 24px #4755690f}.stats-strip{padding:var(--sp-12) 0;border-top:1px solid var(--srv-border-light);border-bottom:1px solid var(--srv-border-light);background:#fff}.stats-grid{gap:var(--sp-8);grid-template-columns:repeat(4,1fr);display:grid}.stat-item{align-items:center;gap:var(--sp-5);justify-content:center;display:flex}.stat-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon-teal{background:var(--srv-primary-100);color:var(--srv-primary)}.stat-icon-blue{color:var(--srv-blue);background:#dbeafe}.stat-icon-pink{color:var(--srv-pink);background:#fdf2f8}.stat-icon-amber{color:#b45309;background:#fef3c7}.stat-value{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--srv-navy);font-weight:800;line-height:1}.stat-label{font-size:var(--text-sm);color:var(--srv-text-muted);margin-top:2px}.news-card{border:1px solid var(--srv-border);border-radius:var(--radius-lg);transition:var(--transition);background:#fff;overflow:hidden}.news-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.news-card-image{aspect-ratio:16/9;background:var(--srv-surface-soft);object-fit:cover;width:100%}.news-card-body{padding:var(--sp-5)}.news-card-category{color:var(--srv-primary);background:var(--srv-primary-50);border-radius:var(--radius-pill);margin-bottom:var(--sp-3);padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.news-card-title{font-size:var(--text-md);color:var(--srv-navy);margin-bottom:var(--sp-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.news-card-date{color:var(--srv-text-soft);font-size:12px}@media (max-width:1024px){.brand-cards,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{min-height:auto;padding:var(--sp-12) 0}.hero-bg{display:none}.brand-cards{grid-template-columns:1fr}.stats-grid{gap:var(--sp-6);grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column;align-items:flex-start}.section-header{gap:var(--sp-3);flex-direction:column;align-items:flex-start}}.sec-head{max-width:720px;margin:0 auto var(--sp-12);text-align:center}.sec-head--left{text-align:left;margin-left:0}.sec-eyebrow{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--srv-primary);margin-bottom:var(--sp-3);font-weight:700;display:inline-block}.sec-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--srv-navy);font-size:clamp(1.9rem,3.4vw,2.75rem);font-weight:800;line-height:1.15}.sec-sub{font-size:var(--text-md);color:var(--srv-text-muted);margin-top:var(--sp-4);line-height:1.7}.gateway{color:#fff;background:radial-gradient(120% 80% at 50% -10%,#b9202738 0%,#0000 55%),linear-gradient(#1a1a1a 0%,#353535 55% 100%);position:relative;overflow:hidden}.gateway:after{content:"";background:linear-gradient(90deg,#0000,#e1576066,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.gateway-inner{z-index:1;max-width:var(--container);padding:var(--sp-24) var(--sp-8) var(--sp-16);margin:0 auto;position:relative}.gateway-hero{text-align:center;max-width:820px;margin:0 auto}.gateway-eyebrow{font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--srv-primary-400);margin-bottom:var(--sp-5);font-weight:700;display:inline-block}.gateway-title{font-family:var(--font-serif);letter-spacing:-.025em;color:#fff;margin:0 0 var(--sp-5);font-size:clamp(2.4rem,5.2vw,4rem);font-weight:800;line-height:1.1}.gateway-title em{color:var(--srv-primary-400);font-style:normal}.gateway-sub{font-size:var(--text-lg);color:#ffffffc7;max-width:640px;margin:0 auto var(--sp-8);line-height:1.7}.gateway-cta-row{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.doors{gap:var(--sp-5);max-width:1040px;margin:var(--sp-16) auto 0;grid-template-columns:repeat(3,1fr);display:grid}.door{align-items:flex-start;gap:var(--sp-4);padding:var(--sp-7);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(14px);transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1f;flex-direction:column;text-decoration:none;display:flex}.door:hover{background:#ffffff1a;border-color:#e1576080;transform:translateY(-6px);box-shadow:0 24px 48px #00000047}.door-icon{border-radius:var(--radius-md);width:52px;height:52px;transition:var(--transition);border:1px solid #e1576047;justify-content:center;align-items:center;font-size:24px;display:flex}.door:hover .door-icon{border-color:#e1576099;background:#e1576038!important}.door h3{font-size:var(--text-lg);color:#fff;letter-spacing:-.01em;margin:0;font-weight:700}.door p{font-size:var(--text-sm);color:#ffffffa6;flex:1;margin:0;line-height:1.6}.door-go{font-size:var(--text-sm);color:var(--srv-primary-400);margin-top:var(--sp-1);align-items:center;gap:6px;font-weight:700;display:inline-flex}.door:hover .door-go{gap:10px}.gateway-stats{gap:var(--sp-6);max-width:900px;margin:var(--sp-16) auto 0;padding-top:var(--sp-10);border-top:1px solid #ffffff1a;grid-template-columns:repeat(4,1fr);display:grid}.gateway-stat{text-align:center}.gateway-stat-value{font-family:var(--font-heading);font-size:var(--text-4xl);color:#fff;letter-spacing:-.02em;font-weight:800;line-height:1}.gateway-stat-label{font-size:var(--text-sm);color:#ffffff8c;margin-top:var(--sp-2)}.eco-grid{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}.eco-card{gap:var(--sp-4);padding:var(--sp-7);background:var(--srv-surface);border:1px solid var(--srv-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.eco-card:before{content:"";background:var(--eco-accent,var(--srv-primary));opacity:0;height:3px;transition:opacity var(--duration) var(--ease);position:absolute;inset:0 0 auto}.eco-card:hover{box-shadow:var(--shadow-lg);border-color:var(--srv-border-strong);transform:translateY(-5px)}.eco-card:hover:before{opacity:1}.eco-card-icon{border-radius:var(--radius-md);width:52px;height:52px;font-family:var(--font-heading);font-weight:800;font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}.eco-card h3{font-size:var(--text-xl);color:var(--srv-navy);margin:0}.eco-card-tag{font-size:var(--text-xs);color:var(--srv-text-soft);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.eco-card p{font-size:var(--text-sm);color:var(--srv-text-muted);flex:1;margin:0;line-height:1.6}.eco-card-go{font-size:var(--text-sm);color:var(--eco-accent,var(--srv-primary));margin-top:var(--sp-1);align-items:center;gap:6px;font-weight:700;display:inline-flex}.eco-card--feature{background:radial-gradient(120% 100% at 100% 0%, color-mix(in srgb, var(--eco-accent) 8%, transparent), transparent 60%), var(--srv-surface);grid-column:span 2}.eco-card--feature:before{opacity:1}.eco-card--feature h3{font-size:var(--text-2xl)}@media (max-width:900px){.eco-card--feature{grid-column:span 1}}.xp-card{--xp-accent:var(--srv-primary);background:var(--srv-surface);border:1px solid var(--srv-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.xp-card:hover{box-shadow:var(--shadow-lg);border-color:var(--srv-border-strong);transform:translateY(-5px)}.xp-media{aspect-ratio:16/10;background:color-mix(in srgb, var(--xp-accent) 16%, #353535);position:relative;overflow:hidden}.xp-media img{object-fit:cover;width:100%;height:100%;transition:transform .55s var(--ease)}.xp-card:hover .xp-media img{transform:scale(1.05)}.xp-media-fallback{background:radial-gradient(120% 100% at 100% 0%, color-mix(in srgb, var(--xp-accent) 45%, transparent), transparent 62%), linear-gradient(135deg, #353535, color-mix(in srgb, var(--xp-accent) 55%, #353535));position:absolute;inset:0}.xp-media-overlay{background:linear-gradient(#35353500 30%,#3535358c 72%,#353535d1 100%);position:absolute;inset:0}.xp-tag{top:var(--sp-4);left:var(--sp-4);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:color-mix(in srgb, var(--xp-accent) 88%, transparent);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 11px;font-size:11px;font-weight:700;position:absolute}.xp-title{left:var(--sp-6);right:var(--sp-6);bottom:var(--sp-5);color:#fff;font-family:var(--font-heading);font-size:var(--text-xl);letter-spacing:-.01em;text-shadow:0 2px 14px #0006;margin:0;font-weight:800;position:absolute}.xp-body{gap:var(--sp-3);padding:var(--sp-6);flex-direction:column;flex:1;display:flex}.xp-painpoint{font-size:var(--text-sm);color:var(--srv-text-secondary);margin:0;font-weight:600;line-height:1.6}.xp-desc{font-size:var(--text-sm);color:var(--srv-text-muted);flex:1;margin:0;line-height:1.65}.xp-go{margin-top:var(--sp-1);font-size:var(--text-sm);color:var(--xp-accent);transition:gap var(--duration) var(--ease);align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.xp-card:hover .xp-go{gap:10px}.xp-card--feature{grid-column:span 2}.xp-card--feature .xp-media{aspect-ratio:16/8}.xp-card--feature .xp-title{font-size:var(--text-2xl)}@media (max-width:900px){.xp-card--feature{grid-column:span 1}.xp-card--feature .xp-media{aspect-ratio:16/10}.doors,.eco-grid{grid-template-columns:1fr}.gateway-stats{gap:var(--sp-8) var(--sp-4);grid-template-columns:repeat(2,1fr)}.gateway-inner{padding:var(--sp-16) var(--sp-4) var(--sp-12)}}.section--soft{background:radial-gradient(80% 60% at 15% 0%, #e157601a, transparent 60%), radial-gradient(70% 60% at 100% 100%, #0e86c80f, transparent 55%), var(--srv-bg);position:relative}.section--dark{color:#fff;background:radial-gradient(90% 70% at 100% 0,#b920272e,#0000 55%),linear-gradient(150deg,#1a1a1a 0%,#353535 60%,#2b2b2b 100%);position:relative;overflow:hidden}.sec-head-row{justify-content:space-between;align-items:flex-end;gap:var(--sp-6);margin-bottom:var(--sp-10);flex-wrap:wrap;display:flex}.sec-head-row .sec-head{text-align:left;max-width:580px;margin:0}.feature-grid{gap:var(--sp-5);grid-template-columns:repeat(4,1fr);display:grid}.feature-card{background:var(--srv-surface);border:1px solid var(--srv-border);border-radius:var(--radius-xl);padding:var(--sp-6);gap:var(--sp-3);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-num{font-family:var(--font-heading);font-size:var(--text-4xl);letter-spacing:-.02em;background:linear-gradient(135deg, var(--srv-primary) 0%, var(--srv-primary-400) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1}.feature-card-label{font-size:var(--text-base);color:var(--srv-navy);font-weight:700}.feature-card p{font-size:var(--text-sm);color:var(--srv-text-muted);margin:0;line-height:1.6}.reco-grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.reco-card{gap:var(--sp-3);background:var(--srv-surface);border:1px solid var(--srv-border);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;display:flex}.reco-card:hover{box-shadow:var(--shadow-md);border-color:var(--srv-border-strong);transform:translateY(-4px)}.community-grid{gap:var(--sp-6);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;display:grid}.community-feature{border-radius:var(--radius-2xl);color:#fff;min-height:380px;padding:var(--sp-8);transition:var(--transition);flex-direction:column;justify-content:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden}.community-feature:hover{transform:translateY(-4px)}.feed-list{gap:var(--sp-4);flex-direction:column;display:flex}.feed-card{background:var(--srv-surface);border:1px solid var(--srv-border);border-radius:var(--radius-lg);padding:var(--sp-5);transition:var(--transition);flex-direction:column;flex:1;gap:6px;text-decoration:none;display:flex}.feed-card:hover{border-color:var(--srv-border-strong);box-shadow:var(--shadow-sm);transform:translate(4px)}.glass-tile{border-radius:var(--radius-xl);padding:var(--sp-6);transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1f}.glass-tile:hover{background:#ffffff14;border-color:#e1576066}.journey-step{gap:var(--sp-3);flex-direction:column;display:flex;position:relative}.journey-num{font-family:var(--font-heading);font-size:var(--text-3xl);color:#0000;-webkit-text-stroke:1.5px #e157608c;font-weight:800;line-height:1}.logo-strip{justify-content:center;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.logo-chip{min-width:150px;height:60px;padding:0 var(--sp-6);border-radius:var(--radius-md);background:var(--srv-surface);border:1px solid var(--srv-border);font-size:var(--text-base);color:var(--srv-text-secondary);letter-spacing:-.01em;transition:var(--transition);justify-content:center;align-items:center;font-weight:700;display:flex}.logo-chip:hover{border-color:var(--srv-primary);color:var(--srv-primary)}.logo-chip--img{gap:var(--sp-3);background:#fff}.logo-chip--img img{object-fit:contain;filter:grayscale();opacity:.7;width:32px;height:32px;transition:var(--transition);flex-shrink:0}.logo-chip--img:hover img{filter:grayscale(0%);opacity:1}.logo-chip__name{font-size:var(--text-sm);color:var(--srv-text-secondary);white-space:nowrap;font-weight:700}.logo-chip--ghost{color:#ffffffd9;background:#ffffff0a;border-color:#ffffff24}@media (max-width:1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.community-grid{grid-template-columns:1fr}}@media (max-width:600px){.feature-grid{grid-template-columns:1fr}}.cd-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--srv-primary);margin-bottom:var(--sp-2);font-size:12px;font-weight:700}.cd-card{transition:transform .25s var(--ease,ease), box-shadow .25s var(--ease,ease), border-color .25s var(--ease,ease)}.cd-card:hover{border-color:var(--srv-border-strong);transform:translateY(-4px);box-shadow:0 16px 40px #0f172a1f}.cd-event{transition:transform .2s var(--ease,ease), box-shadow .2s var(--ease,ease), border-color .2s var(--ease,ease);position:relative}.cd-event:before{content:"";border-radius:var(--radius-xl) 0 0 var(--radius-xl);background:var(--srv-primary);opacity:0;width:3px;transition:opacity .2s var(--ease,ease);position:absolute;top:0;bottom:0;left:0}.cd-event:hover{border-color:var(--srv-border-strong);box-shadow:0 14px 34px #0f172a1a}.cd-event:hover:before{opacity:1}.cd-thumb{transition:transform .5s var(--ease,ease)}.cd-card:hover .cd-thumb{transform:scale(1.04)}