*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-900:#0d47a1;--blue-800:#1565c0;--blue-700:#1976d2;--blue-600:#1e88e5;--blue-500:#2196f3;--blue-400:#42a5f5;--blue-300:#64b5f6;--blue-200:#90caf9;--blue-100:#bbdefb;--blue-50:#e3f2fd;--ice-500:#00b0ff;--ice-400:#29b6f6;--ice-300:#4fc3f7;--ice-200:#81d4fa;--ice-100:#b3e5fc;--ice-50:#e1f5fe;--gray-900:#0f172a;--gray-800:#1e293b;--gray-700:#334155;--gray-600:#475569;--gray-500:#64748b;--gray-400:#94a3b8;--gray-300:#cbd5e1;--gray-200:#e2e8f0;--gray-100:#f1f5f9;--gray-50:#f8fafc;--white:#fff;--bg-primary:#fafcff;--bg-alt:#f0f7ff;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:60px;--font-display:"DM Serif Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a0a;--shadow-blue:0 4px 14px #1976d233;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:100px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:var(--font-body);color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef6ff;line-height:1.6;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}.section{padding:var(--space-20) var(--space-10);max-width:1200px;margin:0 auto}.section-label{text-transform:uppercase;letter-spacing:.14em;color:var(--blue-600);margin-bottom:var(--space-3);text-align:center;font-size:11px;font-weight:700}.section-title{font-family:var(--font-display);color:var(--gray-900);letter-spacing:-.02em;text-align:center;margin-bottom:var(--space-4);font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1.15}.section-subtitle{color:var(--gray-500);text-align:center;max-width:560px;margin:0 auto var(--space-12);font-size:15px;line-height:1.7}.section-divider{background:var(--gray-200);border:none;height:1px;margin:0}@keyframes revealUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-children>*{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(20px)}.reveal-children.visible>:first-child{transition-delay:50ms}.reveal-children.visible>:nth-child(2){transition-delay:.12s}.reveal-children.visible>:nth-child(3){transition-delay:.19s}.reveal-children.visible>:nth-child(4){transition-delay:.26s}.reveal-children.visible>:nth-child(5){transition-delay:.33s}.reveal-children.visible>:nth-child(6){transition-delay:.4s}.reveal-children.visible>*{opacity:1;transform:translateY(0)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);padding:var(--space-6);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-xl);overflow-y:auto}.modal-content h3{margin-bottom:var(--space-4);color:var(--gray-900);font-size:18px}.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--gray-700);margin-bottom:var(--space-2);font-size:13px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue-500);outline:none;box-shadow:0 0 0 3px #2196f31a}.modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.btn-primary{background:var(--blue-600);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) ease;border:none;font-weight:600}.btn-primary:hover{background:var(--blue-700);transform:translateY(-1px);box-shadow:0 4px 12px #2196f333}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) ease;font-weight:600}.btn-secondary:hover{background:var(--gray-200)}@media (width<=480px){.modal-content{padding:var(--space-4)}}.navbar{z-index:100;-webkit-backdrop-filter:blur();background:#eef6ff00;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:64px;padding:0 40px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);background:#eef6fff2;border-bottom:1px solid #2196f31a;box-shadow:0 1px 24px #0d1b3314}.nav-logo{align-items:center;gap:8px;text-decoration:none;display:flex}.nav-logo-icon{color:#2196f3;filter:drop-shadow(0 0 6px #2196f34d);flex-shrink:0;width:34px;height:34px}.nav-logo-text{color:#0d1b33;letter-spacing:-.02em;font-family:Space Grotesk,Inter,sans-serif;font-size:17px;font-weight:700}.nav-logo-text span{color:#2196f3}.nav-links{align-items:center;gap:36px;list-style:none;display:flex}.nav-links a{color:#0d1b338c;letter-spacing:.01em;font-family:Space Grotesk,Inter,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#2196f3}.nav-actions{align-items:center;gap:10px;display:flex}.nav-ghost{color:#0d1b33a6;cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:0 0;border:1.5px solid #0d1b3326;border-radius:100px;align-items:center;gap:6px;height:38px;padding:0 16px;font-family:Space Grotesk,Inter,sans-serif;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.nav-ghost:hover{color:#2196f3;background:#2196f30f;border-color:#2196f359}.nav-cta{color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:#2196f3;border:none;border-radius:100px;align-items:center;gap:8px;height:38px;padding:0 20px;font-family:Space Grotesk,Inter,sans-serif;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #2196f34d}.nav-cta:hover{background:#1565c0;transform:translateY(-1px);box-shadow:0 6px 24px #2196f373}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;display:none}.nav-toggle span{background:#0d1b3399;border-radius:2px;width:20px;height:2px;transition:all .3s;display:block}.nav-toggle.open span:first-child{transform:rotate(45deg)translate(2.5px,2.5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(2.5px,-2.5px)}.nav-mobile-menu{-webkit-backdrop-filter:blur(24px);z-index:99;background:#f8fbfff7;border-bottom:1px solid #2196f31f;flex-direction:column;gap:16px;padding:24px 32px;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;display:none;position:fixed;top:64px;left:0;right:0;box-shadow:0 8px 32px #0d1b3314}.nav-mobile-menu.open{display:flex}.nav-mobile-menu a{color:#0d1b33a6;border-bottom:1px solid #0d1b330f;padding:8px 0;font-family:Space Grotesk,Inter,sans-serif;font-size:15px;font-weight:600;text-decoration:none}.nav-mobile-menu a:hover{color:#2196f3}.nav-mobile-menu .nav-cta{border-bottom:none;justify-content:center;margin-top:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.navbar{padding:0 20px}.nav-links{display:none}.nav-desktop-cta{display:none!important}.nav-toggle{display:flex}}@media (width<=480px){.nav-logo-icon{width:24px;height:24px}.nav-logo-text{font-size:14px}.nav-logo{gap:6px}}.footer{color:#0d1b338c;background:#f0f6ff;border-top:1px solid #2196f31f}.footer-inner{max-width:1200px;margin:0 auto;padding:72px 40px 40px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px;display:grid}.footer-brand{max-width:280px}.footer-logo{align-items:center;gap:8px;margin-bottom:16px;text-decoration:none;display:flex}.footer-logo-icon{color:#2196f3;filter:drop-shadow(0 0 6px #2196f34d);width:28px;height:28px}.footer-logo-text{color:#0d1b33;letter-spacing:-.02em;font-family:Space Grotesk,Inter,sans-serif;font-size:16px;font-weight:700}.footer-logo-text span{color:#2196f3}.footer-brand p{color:#0d1b3373;margin-bottom:20px;font-size:13px;line-height:1.7}.footer-socials{gap:10px;display:flex}.footer-social-link{color:#0d1b3366;background:#2196f30f;border:1px solid #2196f326;border-radius:8px;place-items:center;width:36px;height:36px;text-decoration:none;transition:all .25s;display:grid}.footer-social-link:hover{color:#2196f3;background:#2196f31a;border-color:#2196f359}.footer-social-link svg{width:16px;height:16px}.footer-col h4{text-transform:uppercase;letter-spacing:.15em;color:#0d1b3373;margin-bottom:20px;font-family:Space Grotesk,Inter,sans-serif;font-size:11px;font-weight:700}.footer-col ul{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-col a{color:#0d1b3373;font-size:13px;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#2196f3}.footer-bottom{border-top:1px solid #0d1b3314;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:32px;display:flex}.footer-bottom p{color:#0d1b334d;font-size:12px}.footer-bottom-links{gap:24px;display:flex}.footer-bottom-links a{color:#0d1b334d;font-size:12px;text-decoration:none;transition:color .2s}.footer-bottom-links a:hover{color:#0d1b3399}.footer-webeeld{justify-content:center;align-items:center;gap:8px;margin-top:4px;padding-top:20px;display:flex}.footer-webeeld-logo{object-fit:contain;border-radius:4px;width:22px;height:22px}.footer-webeeld-text{color:#0d1b33a6;font-size:12px}.footer-webeeld-link{color:#0d1b33;font-weight:700;text-decoration:none;transition:color .2s}.footer-webeeld-link:hover{color:#2196f3;text-decoration:underline}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-brand{grid-column:1/-1;max-width:none}.footer-inner{padding:56px 24px 36px}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column}}.sidebar{width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--gray-200);z-index:50;transition:transform .3s var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar--admin{background:var(--gray-900);border-right-color:var(--gray-800)}.sidebar-header{height:var(--topbar-height);padding:0 var(--space-5);align-items:center;gap:var(--space-2);border-bottom:1px solid var(--gray-200);flex-shrink:0;display:flex}.sidebar--admin .sidebar-header{border-bottom-color:var(--gray-800)}.sidebar-logo-icon{width:28px;height:28px;color:var(--blue-600);flex-shrink:0}.sidebar--admin .sidebar-logo-icon{color:var(--blue-400)}.sidebar-logo-text{color:var(--gray-900);letter-spacing:-.02em;font-size:15px;font-weight:800}.sidebar-logo-text span{color:var(--blue-600)}.sidebar--admin .sidebar-logo-text{color:var(--white)}.sidebar--admin .sidebar-logo-text span{color:var(--blue-400)}.sidebar-role-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;margin-left:auto;padding:2px 8px;font-size:9px;font-weight:700}.sidebar-role-badge--user{background:var(--blue-50);color:var(--blue-700)}.sidebar-role-badge--admin{color:#f87171;background:#ef444426}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1;overflow-y:auto}.sidebar-nav-group{margin-bottom:var(--space-5)}.sidebar-nav-label{text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400);padding:0 var(--space-3);margin-bottom:var(--space-2);font-size:10px;font-weight:700}.sidebar--admin .sidebar-nav-label{color:var(--gray-500)}.sidebar-nav-items{flex-direction:column;gap:2px;list-style:none;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--gray-600);transition:all var(--duration-fast) ease;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--gray-100);color:var(--gray-900)}.sidebar-link.active{background:var(--blue-50);color:var(--blue-700);font-weight:600}.sidebar--admin .sidebar-link{color:var(--gray-400)}.sidebar--admin .sidebar-link:hover{background:var(--gray-800);color:var(--gray-200)}.sidebar--admin .sidebar-link.active{color:var(--blue-400);background:#2196f31f}.sidebar-link-icon{flex-shrink:0;width:20px;height:20px}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--gray-200);flex-shrink:0}.sidebar--admin .sidebar-footer{border-top-color:var(--gray-800)}.sidebar-user{align-items:center;gap:var(--space-3);display:flex}.sidebar-avatar{background:var(--blue-100);width:34px;height:34px;color:var(--blue-700);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.sidebar--admin .sidebar-avatar{background:var(--gray-700);color:var(--blue-300)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar--admin .sidebar-user-name{color:var(--gray-200)}.sidebar-user-email{color:var(--gray-400);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-overlay,.sidebar-mobile-toggle{display:none}@media (width<=860px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:49;background:#0f172a66;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.sidebar-mobile-toggle{border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--gray-600);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-mobile-toggle svg{width:20px;height:20px}}.topbar{top:0;left:var(--sidebar-width);height:var(--topbar-height);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--gray-200);padding:0 var(--space-6);z-index:40;transition:left .3s var(--ease-out);background:#fffffff2;justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}.topbar-left{align-items:center;gap:var(--space-4);display:flex}.topbar-breadcrumb{align-items:center;gap:var(--space-2);color:var(--gray-400);font-size:13px;display:flex}.topbar-breadcrumb a{color:var(--gray-400);transition:color var(--duration-fast) ease;font-weight:500;text-decoration:none}.topbar-breadcrumb a:hover{color:var(--blue-600)}.topbar-breadcrumb-sep{color:var(--gray-300)}.topbar-breadcrumb-current{color:var(--gray-700);font-weight:600}.topbar-right{align-items:center;gap:var(--space-4);display:flex}.topbar-search{position:relative}.topbar-search input{width:220px;height:36px;padding:0 var(--space-3) 0 var(--space-8);background:var(--gray-100);border-radius:var(--radius-md);font-family:var(--font-body);color:var(--gray-700);transition:all var(--duration-fast) ease;border:1px solid #0000;outline:none;font-size:12.5px}.topbar-search input::placeholder{color:var(--gray-400)}.topbar-search input:focus{background:var(--white);border-color:var(--blue-200);box-shadow:0 0 0 3px #2196f314}.topbar-search-icon{width:15px;height:15px;color:var(--gray-400);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.topbar-icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--gray-500);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;border:none;place-items:center;display:grid;position:relative}.topbar-icon-btn:hover{background:var(--gray-100);color:var(--gray-700)}.topbar-icon-btn svg{width:18px;height:18px}.topbar-notification-dot{background:var(--error);border:1.5px solid var(--white);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.topbar-avatar{background:var(--blue-100);width:32px;height:32px;color:var(--blue-700);cursor:pointer;transition:box-shadow var(--duration-fast) ease;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.topbar-avatar:hover{box-shadow:0 0 0 3px #2196f326}@media (width<=860px){.topbar{left:0}.topbar-search{display:none}}.topbar-select-wrapper{align-items:center;display:flex;position:relative}.topbar-currency-select{appearance:none;background:var(--blue-50);border:1px solid var(--blue-100);color:var(--blue-700);cursor:pointer;transition:all var(--duration-fast) ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231976d2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border-radius:20px;outline:none;padding:6px 32px 6px 14px;font-size:13px;font-weight:600}.topbar-currency-select:hover{background-color:var(--blue-100);border-color:var(--blue-200)}.dashboard-layout{background:var(--gray-50);min-height:100vh}.dashboard-content{margin-left:var(--sidebar-width);padding-top:var(--topbar-height);min-height:100vh;transition:margin-left .3s var(--ease-out)}.dashboard-page{padding:var(--space-6);max-width:1400px}.dashboard-page-header{margin-bottom:var(--space-6)}.dashboard-page-title{font-family:var(--font-display);color:var(--gray-900);letter-spacing:-.02em;margin-bottom:var(--space-1);font-size:26px;font-weight:400}.dashboard-page-subtitle{color:var(--gray-500);font-size:13.5px}.dashboard-stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.dashboard-grid-2{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.dashboard-grid-3{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.dashboard-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5)}.dashboard-card-title{color:var(--gray-900);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.dashboard-card-title span{color:var(--gray-400);font-size:11px;font-weight:600}.activity-feed{flex-direction:column;list-style:none;display:flex}.activity-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100);display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:var(--radius-sm);flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.activity-icon--sale{background:var(--success-light);color:var(--success)}.activity-icon--restock{background:var(--blue-50);color:var(--blue-600)}.activity-icon--alert{background:var(--error-light);color:var(--error)}.activity-icon--revenue{background:var(--warning-light);color:var(--warning)}.activity-icon--maintenance{background:var(--gray-100);color:var(--gray-500)}.activity-icon svg{width:14px;height:14px}.activity-text{color:var(--gray-700);font-size:12.5px;line-height:1.4}.activity-time{color:var(--gray-400);margin-top:2px;font-size:10.5px}.alert-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100);display:flex}.alert-item:last-child{border-bottom:none}.alert-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.alert-dot--critical{background:var(--error)}.alert-dot--warning{background:var(--warning)}.alert-dot--info{background:var(--blue-400)}.alert-text{color:var(--gray-700);font-size:12.5px;line-height:1.4}.alert-meta{color:var(--gray-400);margin-top:2px;font-size:10.5px}@media (width<=860px){.dashboard-content{margin-left:0}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid-2,.dashboard-grid-3{grid-template-columns:1fr}}@media (width<=480px){.dashboard-page{padding:var(--space-4)}.dashboard-stats-grid{grid-template-columns:1fr}}:root{--blue:#2196f3;--blue-light:#42b3f4;--blue-deep:#1565c0;--blue-pale:#ebf5ff;--bg:#eef6ff;--surface:#fff;--surface-2:#e0efff;--border:#0d1b3314;--border-blue:#2196f333;--text:#0d1b33;--text-muted:#0d1b338c;--text-dim:#0d1b3359;--shadow-sm:0 2px 8px #2196f314, 0 1px 3px #0000000d;--shadow-md:0 8px 32px #2196f31f, 0 2px 8px #0000000f;--shadow-lg:0 24px 64px #2196f329, 0 8px 24px #00000014;--shadow-blue:0 4px 20px #2196f359;--font-head:"Space Grotesk", "Inter", sans-serif;--font-body:"Inter", sans-serif;--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}.lp{color:var(--text);font-family:var(--font-body);background:#eef6ff;min-height:100vh;overflow-x:clip}.lp-label{font-family:var(--font-head);letter-spacing:.2em;color:var(--blue);text-transform:uppercase;margin-bottom:16px;font-size:10px;font-weight:700;display:block}.lp-section-h2{font-family:var(--font-head);letter-spacing:-.03em;color:var(--text);margin-bottom:16px;font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.1}.lp-section-sub{color:var(--text-muted);max-width:480px;margin-bottom:60px;font-size:16px;line-height:1.7}.lp-neon{color:var(--blue)}.lp-btn-primary{background:var(--blue);color:#fff;height:52px;font-family:var(--font-head);transition:all .3s var(--ease-expo);box-shadow:var(--shadow-blue);white-space:nowrap;border-radius:100px;align-items:center;gap:10px;padding:0 28px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.lp-btn-primary:hover{background:var(--blue-deep);transform:translateY(-2px);box-shadow:0 8px 32px #2196f373}.lp-btn-xl{height:60px;padding:0 36px;font-size:16px}.lp-btn-ghost{border:1.5px solid var(--border-blue);height:52px;color:var(--blue);font-family:var(--font-head);transition:all .3s var(--ease-expo);background:#2196f30a;border-radius:100px;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.lp-btn-ghost:hover{border-color:var(--blue);background:#2196f31a;transform:translateY(-1px)}.lp-hero{flex-direction:column;justify-content:center;min-height:100vh;padding-top:64px;display:flex;position:relative;overflow:hidden}.lp-hero-bg{pointer-events:none;position:absolute;inset:0}.bg-orb{filter:blur(80px);border-radius:50%;animation:20s ease-in-out infinite orb-drift;position:absolute}.bg-orb-1{background:radial-gradient(circle,#2196f314 0%,#0000 70%);width:700px;height:700px;animation-duration:18s;top:-150px;left:-150px}.bg-orb-2{background:radial-gradient(circle,#42b3f412 0%,#0000 70%);width:500px;height:500px;animation-duration:24s;animation-delay:-8s;top:20%;right:-80px}.bg-orb-3{background:radial-gradient(circle,#2196f30f 0%,#0000 70%);width:400px;height:400px;animation-duration:30s;animation-delay:-15s;bottom:-80px;left:35%}.bg-grid{background-image:linear-gradient(#2196f31a 1px,#0000 1px),linear-gradient(90deg,#2196f31a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 20%,#0000 80%);mask-image:radial-gradient(80% 80%,#000 20%,#0000 80%)}.bg-vignette{display:none}.lp-hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:36px 40px 20px;display:grid;position:relative}.lp-pill{height:32px;color:var(--blue);letter-spacing:.01em;background:#2196f314;border:1px solid #2196f338;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.pill-dot{background:var(--blue);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 6px #2196f399}.lp-h1{font-family:var(--font-head);letter-spacing:-.04em;color:var(--text);margin-bottom:24px;font-size:clamp(42px,5.5vw,72px);font-weight:700;line-height:1.05}.lp-lead{color:var(--text-muted);max-width:440px;margin-bottom:36px;font-size:17px;line-height:1.7}.lp-cta-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:52px;display:flex}.lp-stat-row{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.lp-stat{flex-direction:column;gap:4px;display:flex}.lp-stat-n{font-family:var(--font-head);color:var(--text);letter-spacing:-.03em;font-size:28px;font-weight:700;line-height:1}.lp-stat-n sup{vertical-align:super;font-size:14px}.lp-stat-l{color:var(--text-dim);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:500}.lp-stat-sep{background:var(--border);width:1px;height:36px}.lp-scroll-hint{z-index:2;flex-direction:column;align-items:center;gap:10px;text-decoration:none;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-mouse{border:2px solid var(--border-blue);border-radius:100px;justify-content:center;width:24px;height:38px;padding-top:6px;display:flex}.scroll-wheel{background:var(--blue);border-radius:100px;width:4px;height:8px;animation:1.8s ease-in-out infinite scroll-wheel}.lp-scroll-hint span{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:600}.vm-wrapper{flex-shrink:0;width:320px;height:560px;position:relative}.vm-glow-ambient{filter:blur(30px);pointer-events:none;background:radial-gradient(#2196f31f 0%,#0000 70%);width:100%;height:90%;animation:4s ease-in-out infinite glow-pulse;position:absolute;top:5%;left:0%}.vm-side-panel{clip-path:polygon(0 1.5%,100% 0%,100% 100%,0 98.5%);z-index:0;background:linear-gradient(90deg,#7bb8e8 0%,#5a9ed8 100%);border-top:1px solid #2196f366;border-bottom:1px solid #2196f34d;border-right:1px solid #2196f34d;border-radius:0 10px 10px 0;width:52px;height:556px;position:absolute;top:8px;left:272px}.vm-ground{filter:blur(10px);background:radial-gradient(#2196f32e 0%,#0000 70%);width:90%;height:24px;position:absolute;bottom:-12px;left:5%}.vm{z-index:1;background:linear-gradient(150deg,#fff 0%,#ebf5ff 50%,#dde9f8 100%);border:2.5px solid #2196f3;border-radius:18px 18px 10px 10px;width:276px;height:572px;animation:9s ease-in-out infinite vm-float;position:absolute;top:0;left:0;overflow:hidden;transform:perspective(1100px)rotateY(-10deg)rotateX(2deg);box-shadow:0 32px 80px #2196f340,0 8px 24px #2196f326,0 2px 6px #0000000f,inset 0 1px #fffffff2}.vm-header{background:linear-gradient(#2196f31a,#2196f308);border-bottom:1px solid #2196f326;justify-content:space-between;align-items:center;padding:12px 16px 10px;display:flex}.vm-header-logo{font-family:var(--font-head);letter-spacing:.08em;color:var(--blue-deep);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.vm-header-logo svg{color:var(--blue)}.vm-header-status{letter-spacing:.15em;color:var(--blue);align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.vm-pulse-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 6px #22c55e99}.vm-window{border:1px solid #2196f32e;border-radius:10px;height:230px;margin:10px 12px 8px;position:relative;overflow:hidden}.vm-window-inner{background:radial-gradient(at 30% 20%,#2196f30f 0%,#0000 60%),linear-gradient(#ffffffe6,#ebf8ffcc);width:100%;height:100%;position:relative}.vm-product-grid{grid-template-columns:repeat(3,1fr);gap:0;height:100%;padding:6px;display:grid}.vm-product{transition:all .4s var(--ease-expo);background:#ffffff80;border:1px solid #2196f30f;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.vm-product-inner{transition:transform .3s var(--ease-expo);flex-direction:column;align-items:center;gap:2px;display:flex}.vm-product-emoji{filter:drop-shadow(0 2px 4px #0000001f);transition:transform .3s var(--ease-spring);font-size:20px;line-height:1}.vm-product-slot{color:#0d1b3359;letter-spacing:.1em;font-size:7px;font-weight:700;font-family:var(--font-head)}.vm-product.is-selected{background:#2196f31a;border-color:#2196f34d}.vm-product.is-selected .vm-product-emoji{transform:scale(1.18)}.vm-select-ring{border:2px solid var(--blue);border-radius:5px;animation:1.2s ease-in-out infinite ring-pulse;position:absolute;inset:2px;box-shadow:0 0 12px #2196f366,inset 0 0 8px #2196f314}.vm-product.is-gone .vm-product-emoji{opacity:.2;transform:scale(.8)translateY(10px)}.vm-glass-sheen{pointer-events:none;background:linear-gradient(105deg,#ffffff80 0%,#ffffff1a 50%,#0000 100%);width:40%;height:100%;position:absolute;top:0;left:0}.vm-screen{background:linear-gradient(135deg,#d6eeff 0%,#c0e2ff 50%,#b0d8ff 100%);border:1.5px solid #2196f3;border-radius:8px;justify-content:center;align-items:center;height:108px;margin:0 12px 8px;display:flex;position:relative;overflow:hidden}.vm-screen:before{content:"";background:linear-gradient(135deg,#ffffff80 0%,#0000 60%);position:absolute;inset:0}.vm-screen-state{animation:screen-in .4s var(--ease-expo);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px;display:flex;position:absolute;inset:0}@keyframes screen-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.screen-grid-icon{grid-template-columns:1fr 1fr;gap:3px;margin-bottom:4px;display:grid}.screen-grid-icon span{border:1px solid #1565c080;border-radius:1px;width:6px;height:6px}.screen-headline{font-family:var(--font-head);letter-spacing:.12em;color:#1565c0;text-shadow:none;font-size:11px;font-weight:700}.screen-sub{color:#0d1b3380;letter-spacing:.06em;font-size:8px;font-weight:500}.screen-cursor-row{margin-top:2px}.screen-cursor{background:#2196f3;border-radius:1px;width:6px;height:9px;animation:1s step-end infinite cursor-blink;display:inline-block}.screen-item{gap:3px}.screen-item-emoji{filter:drop-shadow(0 2px 4px #00000026);font-size:22px;line-height:1}.screen-item-name{font-family:var(--font-head);color:#0d1b33;letter-spacing:.05em;font-size:10px;font-weight:700}.screen-item-meta{color:#0d1b3380;align-items:center;gap:4px;font-size:8px;display:flex}.meta-sep{color:#0d1b3340}.screen-confirm-btn{color:#fff;letter-spacing:.1em;background:#2196f3;border-radius:100px;margin-top:4px;padding:3px 10px;font-size:8px;font-weight:800;animation:1s ease-in-out infinite confirm-bounce}.screen-pay{gap:6px}.qr-block{border:1.5px solid #1565c099;border-radius:4px;width:50px;height:50px;padding:4px;position:relative}.qr-corner{border-style:solid;border-color:#1565c0;width:10px;height:10px;position:absolute}.qr-corner.tl{border-width:2px 0 0 2px;border-radius:2px 0 0;top:-1px;left:-1px}.qr-corner.tr{border-width:2px 2px 0 0;border-radius:0 2px 0 0;top:-1px;right:-1px}.qr-corner.bl{border-width:0 0 2px 2px;border-radius:0 0 0 2px;bottom:-1px;left:-1px}.qr-corner.br{border-width:0 2px 2px 0;border-radius:0 0 2px;bottom:-1px;right:-1px}.qr-dots{grid-template-columns:repeat(5,1fr);gap:2px;width:100%;height:100%;display:grid}.qr-dot{background:#1565c0;border-radius:1px}.qr-scan-line{background:linear-gradient(90deg,#0000,#2196f3,#0000);height:1.5px;animation:1.5s ease-in-out infinite qr-scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 8px #2196f380}.screen-done{gap:5px}.done-ring{width:40px;height:40px;animation:done-ring-pop .5s var(--ease-spring);background:#2196f31a;border:2.5px solid #1565c0;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 16px #2196f34d}.vm-controls{grid-template-columns:1fr auto;align-items:start;gap:8px;margin:0 12px 8px;display:grid}.vm-keypad{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.vm-key{height:18px;font-size:8px;font-family:var(--font-head);color:var(--text-muted);background:#0d1b330d;border:1px solid #0d1b331a;border-radius:3px;justify-content:center;align-items:center;font-weight:600;transition:all .15s;display:flex}.vm-key.vm-key-active{color:var(--blue);background:#2196f31a;border-color:#2196f34d}.vm-payment-panel{background:#0d1b330a;border:1px solid #0d1b3314;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;display:flex}.vm-card-slot{background:#0d1b3314;border:1px solid #0d1b331f;border-radius:2px;justify-content:center;align-items:center;width:32px;height:14px;display:flex}.card-slot-line{background:#0d1b3333;border-radius:1px;width:24px;height:1.5px}.vm-nfc-icon{color:var(--blue);opacity:.7}.vm-pay-label{color:var(--text-dim);letter-spacing:.06em;white-space:nowrap;font-size:6px;font-weight:600}.vm-dispenser{background:#0d1b330a;border:1px solid #0d1b331a;border-radius:6px;justify-content:center;align-items:center;height:36px;margin:0 12px;display:flex;position:relative;overflow:hidden}.vm-dispenser-door{transition:transform .5s var(--ease-expo);background:linear-gradient(90deg,#eef5ff,#e5f0ff);border-top:1px solid #2196f31f;position:absolute;inset:0}.vm-dispenser.vm-dispenser-open .vm-dispenser-door{transform:translateY(-100%)}.vm-dispensed{animation:item-drop .6s var(--ease-spring);z-index:1;font-size:20px;position:relative}.vm-vents{flex-direction:column;gap:3px;display:flex;position:absolute;bottom:8px;left:12px;right:12px}.vm-vent{background:#2196f30f;border-radius:1px;height:2px}.vm-edge-light{background:linear-gradient(#0000 0%,#2196f366 20%,#2196f399 50%,#2196f366 80%,#0000 100%);border-radius:0 0 0 18px;width:2px;height:100%;animation:3s ease-in-out infinite edge-shimmer;position:absolute;top:0;left:0}.lp-journey{background:0 0;height:280vh;position:relative}.lp-steps-mid-row,.lp-steps-23{display:contents}.lp-machine-left{display:none}.lp-journey-sticky{justify-content:center;align-items:center;gap:80px;max-width:1300px;height:100vh;margin:0 auto;padding:80px 60px 40px;display:flex;position:sticky;top:0}.lp-journey-visual{flex-shrink:0}.lp-journey-copy{flex:1;max-width:500px}.lp-steps{flex-direction:column;margin-top:28px;display:flex}.lp-step{opacity:.3;transition:opacity .5s var(--ease-expo);grid-template-columns:56px 1fr;gap:16px;display:grid}.lp-step.is-active{opacity:1}.lp-step.is-done{opacity:.45}.lp-step-track{flex-direction:column;align-items:center;display:flex}.lp-step-num{border:2px solid var(--border);width:40px;height:40px;font-family:var(--font-head);color:var(--text-dim);transition:all .5s var(--ease-expo);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.lp-step.is-active .lp-step-num{border-color:var(--blue);color:var(--blue);background:#2196f314;box-shadow:0 0 0 4px #2196f31f}.lp-step.is-done .lp-step-num{color:#2196f399;background:#2196f30a;border-color:#2196f366}.lp-step-line{background:linear-gradient(to bottom, var(--border), transparent);flex:1;width:1px;min-height:12px;margin-top:6px}.lp-step.is-done .lp-step-line{background:linear-gradient(#2196f34d,#2196f314)}.lp-step-body{padding-top:6px;padding-bottom:8px}.lp-step-tag{letter-spacing:.12em;color:var(--blue);text-transform:uppercase;background:#2196f314;border:1px solid #2196f333;border-radius:100px;margin-bottom:6px;padding:2px 10px;font-size:9px;font-weight:700;display:none}.lp-step.is-active .lp-step-tag{display:inline-block}.lp-step-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;font-size:10px;font-weight:700;transition:color .3s}.lp-step.is-active .lp-step-label{color:#2196f3b3}.lp-step.is-done .lp-step-label{color:#2196f373}.lp-step-heading{font-family:var(--font-head);letter-spacing:-.03em;max-height:0;color:var(--text);white-space:pre-line;transition:font-size .4s var(--ease-expo), max-height .4s var(--ease-expo);font-size:0;font-weight:700;line-height:1.15;overflow:hidden}.lp-step.is-active .lp-step-heading{max-height:120px;margin-bottom:10px;font-size:clamp(22px,2.8vw,32px)}.lp-step-text{color:var(--text-muted);max-width:380px;font-size:14px;line-height:1.7;display:none}.lp-step.is-active .lp-step-text{animation:fade-in-up .4s var(--ease-expo);display:block}.lp-ticker-wrap{z-index:1;background:0 0;border-top:none;border-bottom:none;width:100%;padding:14px 0;position:relative;overflow:hidden}.lp-ticker{width:max-content;animation:30s linear infinite ticker-scroll;display:flex}.lp-ticker-rtl{animation-direction:reverse}.lp-ticker-item{font-family:var(--font-head);letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;align-items:center;gap:12px;padding:0 28px;font-size:12px;font-weight:600;display:flex}.ticker-diamond{color:var(--blue);font-size:8px}.lp-features{background:linear-gradient(#eef6ff,#fff);padding:120px 40px;position:relative}.lp-features:before{content:"";background:linear-gradient(to right, transparent, var(--border-blue), transparent);width:600px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.lp-features-inner{max-width:1200px;margin:0 auto}.lp-feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:64px;display:grid}.lp-feature-card{transition:transform .35s var(--ease-expo), border-color .3s ease, box-shadow .35s var(--ease-expo);background:linear-gradient(145deg,#0d1b33 0%,#142440 100%);border:1px solid #2196f32e;border-radius:20px;flex-direction:column;gap:0;padding:36px 36px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #08102059,0 2px 8px #0003}.lp-feature-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#2196f31a 0%,#0000 70%);width:200px;height:200px;position:absolute;top:0;left:0}.lp-feature-card:hover{border-color:#2196f373;transform:translateY(-6px);box-shadow:0 28px 72px #08102073,0 0 0 1px #2196f340}.lp-fc-hero{background:linear-gradient(135deg,#1565c0 0%,#2196f3 60%,#42b3f4 100%);border-color:#ffffff26;grid-column:span 2;padding:48px 52px;box-shadow:0 24px 80px #1565c080,0 4px 16px #1565c04d}.lp-fc-hero:before{background:radial-gradient(circle at 0 0,#ffffff1f 0%,#0000 65%)}.lp-fc-hero:hover{border-color:#ffffff59;box-shadow:0 36px 100px #1565c099,0 0 0 1px #fff3}.lp-fc-hero .lp-feature-icon-box{color:#fff;background:#ffffff2e;border-color:#ffffff40;box-shadow:0 0 24px #ffffff1a}.lp-fc-hero .lp-feature-title{color:#fff;font-size:26px}.lp-fc-hero .lp-feature-body{color:#ffffffbf;max-width:460px;font-size:15px}.lp-fc-wide{flex-direction:row;grid-column:span 3;align-items:center;gap:48px;padding:36px 52px}.lp-fc-wide .lp-fc-text{flex:1;align-items:center;gap:64px;display:flex}.lp-fc-wide .lp-feature-body{max-width:480px}.lp-fc-wide .lp-fc-text:before{content:"";background:linear-gradient(#0000,#2196f366,#0000);flex-shrink:0;width:1px;height:60px}.lp-feature-icon-box{color:#42b3f4;background:#2196f326;border:1px solid #2196f34d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:28px;transition:background .3s,box-shadow .3s;display:flex;box-shadow:0 0 20px #2196f31a}.lp-feature-card:hover .lp-feature-icon-box{background:#2196f338;box-shadow:0 0 30px #2196f340}.lp-fc-wide .lp-feature-icon-box{margin-bottom:0}.lp-feature-icon{display:none}.lp-fc-text{flex-direction:column;display:flex}.lp-feature-title{font-family:var(--font-head);color:#eef6ff;letter-spacing:-.025em;margin-bottom:12px;font-size:18px;font-weight:700;line-height:1.2}.lp-feature-body{color:#b4d2f0a6;font-size:13.5px;line-height:1.75}.lp-stats{background:0 0;padding:100px 40px;position:relative;overflow:hidden}.lp-stats-inner{background:var(--surface);max-width:1200px;box-shadow:var(--shadow-md);border:1px solid #2196f333;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:40px;margin:0 auto;padding:60px;display:grid;position:relative}.lp-stats-glow{display:none}.lp-stat-block{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.lp-stat-block:not(:last-child):after{content:"";background:linear-gradient(to bottom, transparent, var(--border-blue), transparent);width:1px;height:80%;position:absolute;top:10%;right:-20px}.lp-stat-big{font-family:var(--font-head);letter-spacing:-.04em;color:var(--blue);font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1}.lp-stat-blabel{color:var(--text-muted);letter-spacing:.01em;max-width:140px;font-size:13px;line-height:1.4}.lp-cta{text-align:center;background:linear-gradient(135deg,#1565c0 0%,#2196f3 55%,#42b3f4 100%);padding:140px 40px 120px;position:relative;overflow:hidden}.lp-cta-bg,.cta-orb{display:none}.cta-grid{background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60%,#000,#0000);mask-image:radial-gradient(80% 60%,#000,#0000)}.lp-cta-inner{z-index:1;max-width:680px;margin:0 auto;position:relative}.lp-cta-inner .lp-label{color:#ffffffbf}.lp-cta-h2{font-family:var(--font-head);letter-spacing:-.04em;color:#fff;margin-bottom:24px;font-size:clamp(40px,5.5vw,68px);font-weight:700;line-height:1.05}.lp-cta-inner .lp-neon{color:#ffffffe0}.lp-cta-sub{color:#ffffffb8;max-width:500px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.7}.lp-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.lp-cta .lp-btn-primary{color:var(--blue-deep);background:#fff;box-shadow:0 8px 32px #0003}.lp-cta .lp-btn-primary:hover{background:#ebf5ff;box-shadow:0 12px 40px #00000040}.lp-cta .lp-btn-ghost{color:#fff;background:#ffffff1a;border-color:#fff6}.lp-cta .lp-btn-ghost:hover{background:#fff3;border-color:#ffffffb3}.lp-cta-note{color:#ffffff80;letter-spacing:.04em;font-size:12px}@keyframes vm-float{0%,to{transform:perspective(1100px)rotateY(-10deg)rotateX(2deg)translateY(0)}50%{transform:perspective(1100px)rotateY(-10deg)rotateX(2deg)translateY(-14px)}}@keyframes glow-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(.92)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}@keyframes ring-pulse{0%,to{box-shadow:0 0 10px #2196f34d,inset 0 0 6px #2196f314}50%{box-shadow:0 0 20px #2196f380,inset 0 0 10px #2196f31f}}@keyframes edge-shimmer{0%,to{opacity:.8}50%{opacity:.3}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes confirm-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes qr-scan{0%{opacity:1;top:0}to{opacity:.3;top:100%}}@keyframes item-drop{0%{opacity:0;transform:translateY(-24px)}60%{opacity:1;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes done-ring-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}@keyframes scroll-wheel{0%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(12px)}61%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.lp-hero-inner{text-align:center;grid-template-columns:1fr;padding:60px 32px 80px}.lp-hero-visual{order:-1;justify-content:center;display:flex}.lp-pill,.lp-cta-row,.lp-stat-row{justify-content:center}.lp-lead{margin-left:auto;margin-right:auto}.lp-h1{font-size:clamp(36px,6vw,56px)}.lp-journey-sticky{flex-direction:column;gap:32px;height:auto;min-height:100vh;padding:80px 32px 40px}.lp-journey{height:auto}.lp-journey-copy{max-width:100%}.lp-feature-grid{grid-template-columns:repeat(2,1fr)}.lp-fc-hero{grid-column:span 2}.lp-fc-wide{flex-direction:column;grid-column:span 2;gap:20px}.lp-fc-wide .lp-fc-text{flex-direction:column;gap:0}.lp-fc-wide .lp-fc-text:before{display:none}.lp-stats-inner{grid-template-columns:repeat(2,1fr);gap:40px 60px;padding:48px 40px}.lp-stat-block:not(:last-child):after{display:none}}@media (width<=768px){.lp-journey{height:360vh}.lp-journey-sticky{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;height:100vh;padding:68px 24px 16px;position:sticky;top:0;overflow:hidden}.lp-journey-visual{display:none}.lp-journey-copy{max-width:100%;padding-left:0}.lp-label{margin-bottom:4px;font-size:10px}.lp-section-h2{margin-bottom:4px;font-size:clamp(20px,5vw,26px)}.lp-steps{margin-top:4px}.lp-step{grid-template-columns:36px 1fr;gap:10px}.lp-step-num{width:36px;height:36px;font-size:11px}.lp-step.is-active .lp-step-heading{max-height:70px!important;font-size:16px!important}.lp-step-text{font-size:12px;line-height:1.5}.lp-step-body{padding-top:4px;padding-bottom:4px}.lp-steps-mid-row{flex-direction:row;align-items:flex-start;gap:12px;display:flex}.lp-machine-left{flex:0 0 128px;height:270px;display:block;overflow:hidden}.lp-machine-left .vm-wrapper{transform-origin:0 0;width:276px;height:572px;transform:scale(.464)}.lp-machine-left .vm{animation:none!important;transform:none!important}.lp-machine-left .vm-side-panel,.lp-machine-left .vm-glow-ambient{display:none!important}.lp-steps-23{flex-direction:column;flex:1;min-width:0;display:flex}.lp-steps-23 .lp-step{opacity:1!important}.lp-steps-23 .lp-step-heading{max-height:80px!important;font-size:13px!important}.lp-steps-23 .lp-step-text{font-size:11px;line-height:1.5;display:block!important}.lp-feature-grid{grid-template-columns:1fr}.lp-fc-hero,.lp-fc-wide{grid-column:span 1}.lp-fc-hero{padding:36px 28px}.lp-fc-hero .lp-feature-title{font-size:20px}.lp-stats-inner{grid-template-columns:repeat(2,1fr);gap:32px;padding:40px 24px}.lp-features{padding:80px 24px}.lp-cta{padding:100px 24px 80px}}@media (width<=480px){.lp-hero-inner{padding:60px 20px}.lp-hero-visual{margin-top:16px}.lp-hero-visual .vm-wrapper{transform-origin:top;transform:scale(.65)}.lp-cta-row{flex-direction:column;align-items:center}.lp-stat-row{flex-wrap:nowrap;justify-content:center;gap:10px}.lp-stat-n{font-size:22px}.lp-stat-l{white-space:nowrap;font-size:9px}.lp-stat-sep{height:28px}.lp-stats-inner{grid-template-columns:1fr 1fr}}.abn-section{background:0 0;padding:100px 40px 80px;position:relative;overflow:hidden}.abn-section:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 28%,#2196f314 0%,#0000 70%),radial-gradient(40% 60% at 72% 30%,#42b3f40f 0%,#0000 70%);position:absolute;inset:0}.abn-header{text-align:center;max-width:1200px;margin:0 auto 64px}.abn-body{grid-template-columns:500px minmax(0,400px);align-items:center;gap:48px;max-width:1080px;margin:0 auto;display:grid}.abn-network{aspect-ratio:1;flex-shrink:0;width:min(540px,100%);position:relative}.abn-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.abn-line--active{animation:.9s linear infinite abn-dash}@keyframes abn-dash{to{stroke-dashoffset:-20px}}.abn-core{width:88px;height:88px}.abn-core-ring{border:1px solid #2196f347;border-radius:50%;animation:3s ease-out infinite abn-ring-pulse;position:absolute}.abn-core-ring-1{animation-delay:0s;inset:-22px}.abn-core-ring-2{border-color:#2196f321;animation-delay:1.1s;inset:-44px}@keyframes abn-ring-pulse{0%{opacity:.9;transform:scale(.82)}to{opacity:0;transform:scale(1.18)}}.abn-core-inner{z-index:1;-webkit-backdrop-filter:blur(20px);background:#fffffff0;border:1.5px solid #2196f361;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:100%;display:flex;position:relative;box-shadow:0 0 0 10px #2196f30d,0 8px 40px #2196f338,0 2px 8px #0000000f}.abn-core-label{letter-spacing:.14em;color:#2196f3;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:800}.abn-node{cursor:pointer;flex-direction:column;align-items:center;gap:6px;display:flex}.abn-node-icon{-webkit-backdrop-filter:blur(16px);color:#2196f3;background:#ffffffe6;border:1.5px solid #2196f333;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 20px #2196f31a,0 1px 4px #0000000d}.abn-node--active .abn-node-icon,.abn-node:hover .abn-node-icon{color:#1565c0;background:#fff;border-color:#2196f3;box-shadow:0 0 0 4px #2196f324,0 8px 32px #2196f352,0 2px 8px #00000014}.abn-node-label{color:#0d1b33;letter-spacing:.02em;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border-radius:100px;padding:2px 8px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;transition:color .2s}.abn-node--active .abn-node-label{color:#1565c0}.abn-node-stat{color:#2196f3;letter-spacing:.04em;white-space:nowrap;opacity:0;background:#2196f314;border-radius:100px;padding:1px 7px;font-size:9px;font-weight:600;transition:all .25s;transform:translateY(-3px)}.abn-node--active .abn-node-stat,.abn-node:hover .abn-node-stat{opacity:1;transform:translateY(0)}.abn-panel-area{align-items:flex-start;min-height:460px;display:flex}.abn-panel{-webkit-backdrop-filter:blur(28px);background:linear-gradient(145deg,#ffffffd1 0%,#dbeeffb8 50%,#c4e0ffa6 100%);border:1px solid #2196f338;border-color:#ffffffbf #2196f338 #2196f338 #fff9;border-radius:22px;width:100%;padding:28px 28px 24px;box-shadow:0 20px 60px #2196f324,0 4px 16px #0000000d,inset 0 1px #fffc}.abn-panel-header{border-bottom:1px solid #2196f31a;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:22px;display:flex}.abn-panel-icon{color:#2196f3;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f333;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.abn-panel-title{color:#0d1b33;letter-spacing:-.025em;margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;line-height:1.2}.abn-panel-desc{color:#0d1b338a;font-size:13px;line-height:1.65}.abn-metrics{flex-direction:column;gap:9px;margin-bottom:28px;display:flex}.abn-metric{background:#2196f30a;border:1px solid #2196f317;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.abn-metric-label{color:#0d1b3394;letter-spacing:.01em;font-size:12px;font-weight:600}.abn-metric-right{align-items:center;gap:10px;display:flex}.abn-metric-value{color:#0d1b33;letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700}.abn-metric-trend{letter-spacing:.02em;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:700}.abn-metric-trend.up{color:#0d9488;background:#0d94881a}.abn-metric-trend.neutral{color:#64748b;background:#64748b1a}.abn-checklist{flex-direction:column;gap:9px;margin-bottom:28px;display:flex}.abn-check-item{background:#2196f30a;border:1px solid #2196f317;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.abn-check-icon{background:#2196f31a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.abn-check-label{color:#0d1b33;margin-bottom:2px;font-size:13px;font-weight:700}.abn-check-sub{color:#0d1b337a;font-size:11px;line-height:1.4}.abn-color-row{background:#2196f30a;border:1px solid #2196f317;border-radius:10px;align-items:center;gap:8px;margin-bottom:18px;padding:14px 16px;display:flex}.abn-swatch{cursor:pointer;border:2px solid #fffc;border-radius:50%;flex-shrink:0;width:26px;height:26px;box-shadow:0 2px 8px #00000024}.abn-color-label{color:#0d1b336b;margin-left:6px;font-size:11px;font-weight:600}.abn-panel-footer{padding-top:4px}.abn-panel-cta{color:#2196f3;letter-spacing:.04em;align-items:center;gap:6px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:gap .2s,color .2s;display:inline-flex}.abn-panel-cta:hover{color:#1565c0;gap:10px}.abn-panel--default{text-align:center;background:linear-gradient(145deg,#ffffffc7 0%,#dbeeffa6 50%,#c4e0ff94 100%);border:1px dashed #2196f347;flex-direction:column;align-items:center;padding:32px 24px;display:flex}.abn-default-icon{background:#2196f312;border:1.5px solid #2196f338;border-radius:20px;justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:20px;animation:4s ease-in-out infinite abn-float;display:flex}@keyframes abn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.abn-default-title{color:#0d1b33;margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700}.abn-default-sub{color:#0d1b337a;max-width:300px;margin-bottom:30px;font-size:13px;line-height:1.65}.abn-node-list{flex-direction:column;gap:7px;width:100%;display:flex}.abn-node-list-item{cursor:pointer;text-align:left;background:#2196f30a;border:1px solid #2196f317;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.abn-node-list-item:hover{background:#2196f317;border-color:#2196f340}.abn-node-list-icon{color:#2196f3;background:#2196f31a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.abn-node-list-label{color:#0d1b33;font-size:12px;font-weight:700}.abn-node-list-stat{color:#2196f3;margin-top:1px;font-size:10px;font-weight:600}@media (width<=1100px){.abn-body{grid-template-columns:1fr;justify-items:center}.abn-network{margin:0 auto}.abn-panel-area{width:100%;max-width:540px;margin:0 auto}}@media (width<=620px){.abn-section{padding:60px 12px 48px}.abn-header{margin-bottom:36px}.abn-body{gap:24px;flex-direction:column!important;align-items:center!important;display:flex!important}.abn-network{margin:0 auto;aspect-ratio:1!important;width:min(340px,100%)!important;height:auto!important}.abn-node-icon{border-radius:11px;width:40px;height:40px}.abn-node-icon svg{width:15px;height:15px}.abn-node-label{padding:1px 6px;font-size:9.5px}.abn-node-stat{display:none}.abn-core{width:64px;height:64px}.abn-core-ring-1{inset:-14px}.abn-core-ring-2{inset:-30px}.abn-core-inner svg{width:18px;height:18px}.abn-core-label{font-size:8px}.abn-panel{border-radius:18px;padding:22px 18px}.abn-panel-title{font-size:16px}.abn-panel--default{padding:28px 18px}.abn-default-title{font-size:14px}.abn-default-sub:after{content:" Tap a node to explore."}}.ln-section{background:0 0;padding:100px 40px 80px;position:relative;overflow:hidden}.ln-bg-ambient{pointer-events:none;background:radial-gradient(70% 60% at 50% 40%,#2196f317 0%,#0000 70%),radial-gradient(40% 40% at 20% 80%,#42b3f40f 0%,#0000 60%),radial-gradient(30% 40% at 80% 20%,#2196f30d 0%,#0000 60%);position:absolute;inset:0}.ln-header{text-align:center;max-width:680px;margin:0 auto 56px}.ln-live-badge{letter-spacing:.18em;color:#2196f3;background:#2196f314;border:1px solid #2196f338;border-radius:100px;align-items:center;gap:7px;margin-bottom:20px;padding:5px 14px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:800;display:inline-flex}.ln-live-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite ln-dot-pulse;box-shadow:0 0 8px #22c55eb3}@keyframes ln-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.75)}}.ln-headline{letter-spacing:-.04em;color:#0d1b33;margin-bottom:18px;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.08}.ln-headline-accent{color:#2196f3}.ln-subheadline{color:#0d1b338c;max-width:520px;margin:0 auto;font-size:16px;line-height:1.7}.ln-viz-wrap{max-width:880px;margin:0 auto 64px;position:relative}.ln-viz{-webkit-backdrop-filter:blur(28px);background:linear-gradient(145deg,#ffffffb8 0%,#d6eeff9e 45%,#c0e2ff8c 100%);border:1px solid #2196f32e;border-color:#ffffffb3 #2196f32e #2196f32e #ffffff8c;border-radius:28px;padding:32px;position:relative;box-shadow:0 24px 80px #2196f321,0 4px 24px #0000000a,inset 0 1px #ffffffd9}.ln-svg{width:100%;height:auto;display:block;overflow:visible}.ln-line-active{animation:1.2s linear infinite ln-dash}@keyframes ln-dash{to{stroke-dashoffset:-24px}}.ln-tooltip{-webkit-backdrop-filter:blur(28px);pointer-events:none;z-index:10;background:linear-gradient(145deg,#ffffffe0 0%,#d6eeffc7 50%,#c0e2ffb3 100%);border:1px solid #2196f338;border-color:#ffffffbf #2196f338 #2196f338 #fff9;border-radius:16px;width:220px;padding:18px 20px;position:absolute;box-shadow:0 16px 48px #2196f329,0 4px 12px #0000000d,inset 0 1px #ffffffd9}.ln-tooltip-header{border-bottom:1px solid #2196f31a;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:12px;display:flex}.ln-tooltip-dot{background:#2196f3;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px #2196f380}.ln-tooltip-city{color:#0d1b33;letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.ln-tooltip-grid{flex-direction:column;gap:8px;display:flex}.ln-tooltip-row{justify-content:space-between;align-items:center;display:flex}.ln-tooltip-row span:first-child{color:#0d1b3380;font-size:11px;font-weight:500}.ln-tooltip-row span:last-child{color:#0d1b33;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700}.ln-tooltip-row .green{color:#0d9488}.ln-metrics-wrap{max-width:1100px;margin:0 auto}.ln-metrics{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ln-metric{-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffffc7 0%,#d6eeffa6 50%,#c0e2ff94 100%);border:1px solid #2196f32e;border-color:#ffffffb8 #2196f32e #2196f32e #ffffff8f;border-radius:16px;align-items:flex-start;gap:18px;min-width:0;padding:28px 28px 24px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #2196f31a,0 1px 4px #0000000a,inset 0 1px #fffc}.ln-metric:hover{transform:translateY(-3px);box-shadow:0 14px 44px #2196f329,0 2px 8px #0000000d,inset 0 1px #ffffffd9}.ln-metric:before{content:"";background:linear-gradient(#42b3f4,#2196f3,#1565c0);border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.ln-metric-value{letter-spacing:-.04em;color:#0d1b33;white-space:nowrap;font-variant-numeric:tabular-nums;margin-bottom:6px;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:clamp(28px,2.8vw,40px);font-weight:800;line-height:1}.ln-metric-label{color:#0d1b3380;letter-spacing:.01em;max-width:120px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:1.4}.ln-metric-dot{background:#22c55e;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite ln-dot-pulse;position:absolute;top:12px;right:14px;box-shadow:0 0 6px #22c55e80}.ln-metric:nth-child(2) .ln-metric-dot{animation-delay:.3s}.ln-metric:nth-child(3) .ln-metric-dot{animation-delay:.6s}.ln-metric:nth-child(4) .ln-metric-dot{animation-delay:.9s}.ln-metric:nth-child(5) .ln-metric-dot{animation-delay:1.2s}.ln-metric:nth-child(6) .ln-metric-dot{animation-delay:1.5s}@media (width<=900px){.ln-metrics{grid-template-columns:repeat(3,1fr)}.ln-section{padding:80px 24px 60px}.ln-viz-wrap{max-width:100%}}@media (width<=600px){.ln-section{padding:60px 20px 48px}.ln-header{margin-bottom:32px}.ln-headline{font-size:clamp(28px,7vw,40px)}.ln-viz{border-radius:16px;padding:12px}.ln-viz-wrap{margin-bottom:20px}.ln-city-node circle:first-of-type{r:12px}.ln-city-node circle:nth-of-type(2){r:6px}.ln-city-name{font-size:12px!important}.ln-metrics{grid-template-columns:repeat(2,1fr);gap:6px}.ln-metric{gap:8px;padding:10px 10px 8px!important}.ln-metric-value{margin-bottom:2px;font-size:clamp(13px,3.8vw,16px)!important}.ln-metric-label{max-width:80px;font-size:9px}.ln-metric-dot{width:4px;height:4px;top:6px;right:8px}.ln-tooltip{border-radius:12px;width:100%;margin-top:12px;position:static}}.login-page{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-alt) 50%, var(--blue-50) 100%);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";opacity:.15;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px;position:absolute;inset:0}.login-card{z-index:1;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);width:100%;max-width:420px;box-shadow:var(--shadow-xl);text-align:center;position:relative}.login-logo{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);display:flex}.login-logo-icon{width:40px;height:40px;color:var(--blue-600)}.login-logo-text{color:var(--gray-900);letter-spacing:-.02em;font-size:22px;font-weight:800}.login-logo-text span{color:var(--blue-600)}.login-card h1{font-family:var(--font-display);color:var(--gray-900);margin-bottom:var(--space-2);font-size:24px;font-weight:400}.login-card>p{color:var(--gray-500);margin-bottom:var(--space-8);font-size:13.5px;line-height:1.6}.login-google-btn{justify-content:center;align-items:center;gap:var(--space-3);background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);width:100%;height:48px;font-family:var(--font-body);color:var(--gray-700);cursor:not-allowed;opacity:.6;transition:all var(--duration-normal) ease;margin-bottom:var(--space-3);font-size:14px;font-weight:600;display:flex}.login-google-btn svg{width:18px;height:18px}.login-hint{color:var(--gray-400);margin-bottom:var(--space-6);font-size:11px}.login-divider{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--gray-200);flex:1;height:1px}.login-divider span{color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.login-quick-access{gap:var(--space-3);flex-direction:column;display:flex}.login-role-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);width:100%;height:48px;font-family:var(--font-body);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);font-size:13.5px;font-weight:700;text-decoration:none;display:flex}.login-role-btn--user{background:var(--blue-700);color:var(--white);box-shadow:var(--shadow-blue);border:none}.login-role-btn--user:hover{background:var(--blue-800);transform:translateY(-2px);box-shadow:0 6px 20px #1976d24d}.login-role-btn--admin{background:var(--white);color:var(--gray-700);border:1.5px solid var(--gray-200)}.login-role-btn--admin:hover{border-color:var(--gray-300);background:var(--gray-50);transform:translateY(-1px)}.login-role-btn svg{width:16px;height:16px}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5);align-items:flex-start;gap:var(--space-4);transition:all var(--duration-normal) var(--ease-out);display:flex}.stat-card:hover{border-color:var(--blue-100);box-shadow:var(--shadow-md)}.stat-card-icon{border-radius:var(--radius-md);flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.stat-card-icon svg{width:20px;height:20px}.stat-card-icon--blue{background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-100)}.stat-card-icon--green{background:var(--success-light);color:var(--success);border:1px solid #a7f3d0}.stat-card-icon--amber{background:var(--warning-light);color:var(--warning);border:1px solid #fde68a}.stat-card-icon--red{background:var(--error-light);color:var(--error);border:1px solid #fecaca}.stat-card-body{flex:1;min-width:0}.stat-card-label{color:var(--gray-500);margin-bottom:2px;font-size:12px;font-weight:600}.stat-card-value{font-family:var(--font-display);color:var(--gray-900);letter-spacing:-.02em;font-size:26px;font-weight:400;line-height:1.1}.stat-card-trend{margin-top:var(--space-1);align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}.stat-card-trend--up{color:var(--success)}.stat-card-trend--down{color:var(--error)}.stat-card-trend svg{width:12px;height:12px}.fridges-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.fridge-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--duration-normal) var(--ease-out);color:inherit;text-decoration:none;display:block}.fridge-card:hover{border-color:var(--blue-200);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.fridge-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.fridge-card-name{color:var(--gray-900);margin-bottom:2px;font-size:16px;font-weight:700}.fridge-card-location{color:var(--gray-500);align-items:center;gap:4px;font-size:12px;display:flex}.fridge-card-location svg{flex-shrink:0;width:12px;height:12px}.fridge-card-metrics{gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.fridge-metric{text-align:center}.fridge-metric-value{font-family:var(--font-display);color:var(--gray-900);font-size:18px;line-height:1}.fridge-metric-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:10px;font-weight:600}.fridge-card-footer{justify-content:space-between;align-items:center;display:flex}.fridge-card-restocked{color:var(--gray-400);font-size:11.5px}.fridge-card-arrow{border-radius:var(--radius-sm);background:var(--blue-50);width:28px;height:28px;color:var(--blue-600);transition:all var(--duration-fast) ease;place-items:center;display:grid}.fridge-card:hover .fridge-card-arrow{background:var(--blue-600);color:var(--white)}.fridge-card-arrow svg{width:14px;height:14px}@media (width<=480px){.fridges-grid{grid-template-columns:1fr}}.data-table-wrap{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.data-table-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.data-table-title{color:var(--gray-900);font-size:15px;font-weight:700}.data-table-actions{align-items:center;gap:var(--space-3);display:flex}.data-table-search{height:34px;padding:0 var(--space-3);background:var(--gray-100);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--gray-700);width:200px;transition:all var(--duration-fast) ease;border:1px solid #0000;outline:none;font-size:12.5px}.data-table-search:focus{background:var(--white);border-color:var(--blue-200)}.data-table-btn{height:34px;padding:0 var(--space-4);background:var(--blue-700);color:var(--white);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;align-items:center;gap:var(--space-2);transition:background var(--duration-fast) ease;border:none;font-size:12px;font-weight:600;display:inline-flex}.data-table-btn:hover{background:var(--blue-800)}.data-table-btn svg{width:14px;height:14px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;padding:var(--space-3) var(--space-5);text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);background:var(--gray-50);border-bottom:1px solid var(--gray-200);white-space:nowrap;font-size:11px;font-weight:700}.data-table td{padding:var(--space-3) var(--space-5);color:var(--gray-700);border-bottom:1px solid var(--gray-100);white-space:nowrap;font-size:13px}.data-table tbody tr{transition:background var(--duration-fast) ease}.data-table tbody tr:hover{background:var(--gray-50)}.data-table tbody tr.clickable-row{cursor:pointer}.data-table tbody tr.clickable-row:hover{background:var(--blue-50)}.data-table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge--online,.status-badge--active{background:var(--success-light);color:#059669}.status-badge--offline,.status-badge--churned{background:var(--error-light);color:var(--error)}.status-badge--maintenance{background:var(--warning-light);color:#d97706}.status-badge--lead{background:var(--info-light);color:var(--info)}.status-badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.data-table-scroll{overflow-x:auto}@media (width<=860px){.data-table-search{width:140px}}.support-thread-page{height:calc(100vh - var(--topbar-height));flex-direction:column;display:flex;padding-bottom:0!important}.back-btn{color:var(--blue-600);cursor:pointer;margin-bottom:var(--space-2);background:0 0;border:none;align-items:center;font-weight:600;display:inline-flex}.back-btn:hover{text-decoration:underline}.thread-container{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:var(--space-5);gap:var(--space-4);margin-bottom:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-bubble{max-width:80%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);position:relative}.message-user{background:var(--blue-50);border:1px solid var(--blue-100);align-self:flex-end}.message-admin{background:var(--gray-50);border:1px solid var(--gray-200);align-self:flex-start}.message-meta{color:var(--gray-500);margin-bottom:var(--space-2);font-size:12px}.message-text{color:var(--gray-800);font-size:14px;line-height:1.5}.reply-box{background:var(--white);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--gray-200);gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.reply-box textarea{border:1px solid var(--gray-200);border-radius:var(--radius-md);width:100%;padding:var(--space-3);font-family:var(--font-body);resize:vertical;font-size:14px}.reply-box textarea:focus{border-color:var(--blue-500);outline:none}.reply-box button{align-self:flex-end}.routes-page-grid{gap:var(--space-5);height:calc(100vh - var(--topbar-height) - 140px);grid-template-columns:300px 1fr;min-height:500px;display:grid}.routes-sidebar{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);overflow-y:auto}.routes-sidebar-title{color:var(--gray-900);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-100);font-size:14px;font-weight:700}.route-item{padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) ease;margin-bottom:var(--space-2);border:1px solid #0000}.route-item:hover{background:var(--gray-50)}.route-item.active{background:var(--blue-50);border-color:var(--blue-200)}.route-item-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.route-item-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.route-item-name{color:var(--gray-900);font-size:13.5px;font-weight:700}.route-item-meta{color:var(--gray-500);padding-left:18px;font-size:11.5px}.routes-map-container{border-radius:var(--radius-lg);border:1px solid var(--gray-200);background:var(--gray-100);position:relative;overflow:hidden}.routes-map-container>div{height:100%!important}.map-placeholder{justify-content:center;align-items:center;gap:var(--space-3);height:100%;color:var(--gray-400);text-align:center;padding:var(--space-6);flex-direction:column;font-size:14px;display:flex}.map-placeholder svg{opacity:.5;width:48px;height:48px}.map-placeholder p{max-width:300px;font-size:13px;line-height:1.6}@media (width<=860px){.routes-page-grid{grid-template-columns:1fr;height:auto}.routes-map-container{min-height:400px}}.hero{min-height:calc(100vh - 64px);padding:120px var(--space-10) var(--space-16);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse 80% 70% at 10% 20%, #bbdefb59 0%, transparent 60%), radial-gradient(ellipse 60% 80% at 85% 80%, #1565c00d 0%, transparent 50%), radial-gradient(ellipse 50% 40% at 60% 5%, #e1f5fe80 0%, transparent 50%), linear-gradient(170deg, var(--bg-primary) 0%, var(--bg-alt) 100%);z-index:0;position:absolute;inset:0}.hero:after{content:"";z-index:1;opacity:.18;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:absolute;inset:0}.hero-grid{z-index:2;gap:var(--space-12);grid-template-columns:1fr 480px;align-items:center;width:100%;max-width:1200px;display:grid;position:relative}.hero-copy{opacity:0;animation:revealUp .8s .1s var(--ease-out) forwards}.hero-pill{align-items:center;gap:var(--space-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--blue-100);border-radius:var(--radius-full);color:var(--blue-700);margin-bottom:var(--space-5);background:#fffc;padding:5px 16px 5px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.hero-pill-dot{background:var(--blue-500);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2196f326}.hero h1{font-family:var(--font-display);color:var(--gray-900);letter-spacing:-.03em;margin-bottom:var(--space-5);font-size:clamp(32px,3.8vw,50px);font-weight:400;line-height:1.1}.hero h1 em{color:var(--blue-700);font-style:italic}.hero-sub{color:var(--gray-500);margin-bottom:var(--space-8);max-width:480px;font-size:16px;line-height:1.7}.hero-sub strong{color:var(--gray-700);font-weight:600}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.hero-btn-primary{height:48px;padding:0 var(--space-6);background:var(--blue-700);color:var(--white);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;align-items:center;gap:var(--space-2);transition:all var(--duration-normal) var(--ease-out);border:none;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #1976d240,0 6px 20px #1976d226}.hero-btn-primary:hover{background:var(--blue-800);transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d,0 12px 32px #1976d233}.hero-btn-secondary{height:48px;padding:0 var(--space-6);color:var(--gray-700);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;align-items:center;gap:var(--space-2);transition:all var(--duration-normal) var(--ease-out);background:0 0;font-size:14px;font-weight:600;display:inline-flex}.hero-btn-secondary:hover{border-color:var(--blue-300);color:var(--blue-700);background:var(--blue-50);transform:translateY(-1px)}.hero-stats{gap:var(--space-8);padding-top:var(--space-5);border-top:1px solid #1565c014;display:flex}.hero-stat{text-align:left}.hero-stat-num{font-family:var(--font-display);color:var(--blue-700);letter-spacing:-.03em;font-size:30px;font-weight:400;line-height:1}.hero-stat-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-1);font-size:10.5px;font-weight:700}.hero-visual{opacity:0;animation:revealUp .8s .3s var(--ease-out) forwards}.hero-image-wrap{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid #1565c014;position:relative;overflow:hidden}.hero-image-wrap img{object-fit:cover;width:100%;height:auto;display:block}.hero-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lg);background:#fffffff2;border:1px solid #1565c00f;display:flex;position:absolute;bottom:20px;left:20px}.hero-badge-icon{background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--blue-600);place-items:center;display:grid}.hero-badge-text{color:var(--gray-900);font-size:11px;font-weight:700;line-height:1.3}.hero-badge-text small{color:var(--gray-400);font-size:10px;font-weight:500;display:block}@media (width<=960px){.hero-grid{gap:var(--space-10);text-align:center;grid-template-columns:1fr}.hero-copy{order:1}.hero-visual{order:2;max-width:500px;margin:0 auto}.hero h1{font-size:clamp(28px,5vw,40px)}.hero-sub{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}}@media (width<=480px){.hero{padding:100px var(--space-5) var(--space-12)}.hero-actions{flex-direction:column}.hero-btn-primary,.hero-btn-secondary{justify-content:center;width:100%}.hero-stats{gap:var(--space-5)}.hero-stat-num{font-size:24px}}.trust-bar{padding:var(--space-8) var(--space-10);text-align:center;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);background:var(--white)}.trust-bar p{text-transform:uppercase;letter-spacing:.14em;color:var(--gray-400);margin-bottom:var(--space-5);font-size:10.5px;font-weight:700}.trust-logos{justify-content:center;align-items:center;gap:var(--space-10);row-gap:var(--space-5);flex-wrap:wrap;max-width:900px;margin:0 auto;display:flex}.trust-logo-item{font-family:var(--font-body);color:var(--gray-300);letter-spacing:-.02em;transition:all var(--duration-normal) ease;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:18px;font-weight:800}.trust-logo-item:hover{color:var(--gray-500)}@media (width<=640px){.trust-logos{gap:var(--space-6)}.trust-logo-item{font-size:15px}}.how-it-works{background:var(--white)}.hw-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.hw-card{text-align:center;padding:var(--space-8) var(--space-6);background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);position:relative}.hw-card:hover{box-shadow:var(--shadow-lg);border-color:var(--blue-100);transform:translateY(-4px)}.hw-num{background:var(--blue-700);width:28px;height:28px;color:var(--white);font-size:12px;font-weight:800;font-family:var(--font-body);border-radius:50%;place-items:center;display:grid;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.hw-icon{background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-md);width:52px;height:52px;margin:var(--space-2) auto var(--space-4);color:var(--blue-600);place-items:center;display:grid}.hw-icon svg{width:24px;height:24px}.hw-title{font-family:var(--font-display);color:var(--gray-900);margin-bottom:var(--space-2);font-size:20px;font-weight:400}.hw-text{color:var(--gray-500);font-size:13.5px;line-height:1.7}@media (width<=768px){.hw-grid{gap:var(--space-10);grid-template-columns:1fr;max-width:400px;margin:0 auto}}.showcase{background:var(--bg-alt);position:relative;overflow:hidden}.showcase:after{content:"";opacity:.06;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;position:absolute;inset:0}.showcase-split{z-index:1;max-width:1200px;padding:var(--space-20) var(--space-10);grid-template-columns:1fr 1fr;align-items:center;gap:0;margin:0 auto;display:grid;position:relative}.showcase-img{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid #1565c00f;overflow:hidden}.showcase-img img{object-fit:cover;width:100%;height:100%;display:block}.showcase-content{padding-left:var(--space-16)}.showcase-content .section-label{text-align:left}.showcase-content h2{font-family:var(--font-display);color:var(--gray-900);letter-spacing:-.02em;margin-bottom:var(--space-4);font-size:clamp(26px,2.6vw,36px);font-weight:400;line-height:1.15}.showcase-content>p{color:var(--gray-500);margin-bottom:var(--space-8);max-width:440px;font-size:15px;line-height:1.7}.feature-list{gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.feature-list li{align-items:flex-start;gap:var(--space-3);color:var(--gray-700);font-size:14px;font-weight:500;line-height:1.5;display:flex}.feature-check{background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-sm);width:22px;min-width:22px;height:22px;color:var(--blue-600);place-items:center;margin-top:1px;display:grid}.feature-check svg{width:12px;height:12px}@media (width<=860px){.showcase-split{gap:var(--space-10);padding:var(--space-16) var(--space-6);grid-template-columns:1fr}.showcase-content{text-align:center;padding-left:0}.showcase-content .section-label{text-align:center}.showcase-content>p{margin-left:auto;margin-right:auto}.feature-list{max-width:360px;margin:0 auto}.showcase-img{max-width:500px;margin:0 auto}}.video-showcase{background:var(--white)}.video-showcase .section{padding-bottom:var(--space-20)}.video-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.video-card{aspect-ratio:16/9;background:linear-gradient(135deg, var(--gray-100) 0%, var(--gray-50) 100%);border:2px dashed var(--gray-200);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-3);cursor:default;transition:all var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.video-card:hover{border-color:var(--blue-200);background:linear-gradient(135deg, var(--blue-50) 0%, var(--gray-50) 100%)}.video-card-icon{background:var(--white);border:1.5px solid var(--gray-200);width:56px;height:56px;color:var(--gray-400);transition:all var(--duration-normal) var(--ease-out);border-radius:50%;place-items:center;display:grid}.video-card:hover .video-card-icon{color:var(--blue-500);border-color:var(--blue-200);box-shadow:var(--shadow-md)}.video-card-icon svg{width:24px;height:24px;margin-left:2px}.video-card-label{color:var(--gray-400);text-align:center;font-size:12px;font-weight:600;line-height:1.4}.video-card:hover .video-card-label{color:var(--gray-500)}.video-coming-badge{top:var(--space-3);right:var(--space-3);background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-full);color:var(--blue-600);text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;font-size:10px;font-weight:700;position:absolute}@media (width<=768px){.video-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}.video-card--has-video{cursor:default;background:#000;border:none}.video-card--has-video:hover{background:#000;border-color:#0000}.video-card-player{position:absolute;inset:0}.video-card-player iframe,.video-card-player video{border-radius:var(--radius-lg);border:none;width:100%;height:100%}.video-card--has-video .video-card-label{color:#fff;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:linear-gradient(#0000,#000000b3);padding:8px;position:absolute;bottom:0;left:0;right:0}.why-section{background:var(--bg-primary)}.why-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.why-card{padding:var(--space-6);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.why-card:hover{box-shadow:var(--shadow-lg);border-color:var(--blue-100);transform:translateY(-4px)}.why-card-icon{background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-md);width:44px;height:44px;color:var(--blue-600);margin-bottom:var(--space-4);place-items:center;display:grid}.why-card-icon svg{width:20px;height:20px}.why-card h3{font-family:var(--font-display);color:var(--gray-900);margin-bottom:var(--space-2);font-size:18px;font-weight:400}.why-card p{color:var(--gray-500);font-size:13.5px;line-height:1.7}@media (width<=768px){.why-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}@media (width>=769px) and (width<=960px){.why-grid{grid-template-columns:repeat(2,1fr)}}.testimonials-section{background:var(--white)}.testimonials-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);transition:all var(--duration-normal) var(--ease-out)}.testimonial-card:hover{border-color:var(--blue-100);box-shadow:var(--shadow-lg)}.testimonial-stars{margin-bottom:var(--space-4);color:var(--warning);gap:2px;display:flex}.testimonial-stars svg{width:16px;height:16px}.testimonial-quote{color:var(--gray-600);margin-bottom:var(--space-6);font-size:14px;font-style:italic;line-height:1.75}.testimonial-author{align-items:center;gap:var(--space-3);display:flex}.testimonial-avatar{background:var(--blue-100);width:40px;height:40px;color:var(--blue-700);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.testimonial-name{color:var(--gray-900);font-size:13px;font-weight:700;line-height:1.3}.testimonial-role{color:var(--gray-400);font-size:11.5px;font-weight:500}@media (width<=768px){.testimonials-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}.cta-section{background:linear-gradient(135deg, var(--blue-800) 0%, var(--blue-700) 40%, var(--blue-600) 100%);position:relative;overflow:hidden}.cta-section:after{content:"";opacity:.12;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;position:absolute;inset:0}.cta-inner{z-index:1;text-align:center;max-width:680px;padding:var(--space-20) var(--space-10);margin:0 auto;position:relative}.cta-inner h2{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;margin-bottom:var(--space-4);font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1.15}.cta-inner p{color:#ffffffbf;margin-bottom:var(--space-8);font-size:15px;line-height:1.7}.cta-btn{align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-8);background:var(--white);color:var(--blue-800);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border:none;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #00000026}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0003}.cta-btn svg{width:16px;height:16px}@media (width<=480px){.cta-inner{padding:var(--space-16) var(--space-6)}}.site-editor{flex-direction:column;gap:0;height:calc(100vh - 64px);display:flex;overflow:hidden}.se-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#0f1219d9;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.se-toolbar-title{color:#f0f2f5;white-space:nowrap;align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.se-toolbar-title svg{color:#6c5ce7;flex-shrink:0;width:20px;height:20px}.se-toolbar-badge-warn{color:#fdcb6e;letter-spacing:.3px;background:#fdcb6e26;border-radius:4px;padding:2px 8px;font-size:.68rem;font-weight:600}.se-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.se-toolbar-status{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:500}.se-toolbar-status.unsaved{color:#fdcb6e;background:#fdcb6e26}.se-toolbar-status.saved{color:#00ce94;background:#00ce9426}.se-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.se-btn svg{width:14px;height:14px}.se-btn--primary{color:#fff;background:linear-gradient(135deg,#6c5ce7,#a855f7)}.se-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6c5ce766}.se-btn--primary:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.se-btn--ghost{color:#b0b8c8;background:#ffffff0f;border:1px solid #ffffff14}.se-btn--ghost:hover{color:#f0f2f5;background:#ffffff1a}.se-btn--danger{color:#e17055;background:#d630311f;border:1px solid #d6303126}.se-btn--danger:hover{background:#d6303133}.se-main{flex:1;display:flex;overflow:hidden}.se-editor-panel{background:#0c0e14f2;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:6px;width:420px;min-width:350px;padding:12px 12px 60px;display:flex;overflow-y:auto}.se-editor-panel::-webkit-scrollbar{width:5px}.se-editor-panel::-webkit-scrollbar-track{background:0 0}.se-editor-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.se-section{background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;transition:border-color .2s;overflow:hidden}.se-section.open{border-color:#6c5ce74d}.se-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 14px;transition:background .15s;display:flex}.se-section-header:hover{background:#ffffff08}.se-section-icon{background:#6c5ce71f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.se-section-icon svg{color:#a78bfa;width:14px;height:14px}.se-section-label{color:#e2e8f0;flex:1;font-size:.84rem;font-weight:600}.se-section-chevron{color:#64748b;flex-shrink:0;width:16px;height:16px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.se-section.open .se-section-chevron{transform:rotate(180deg)}.se-section-body{max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.se-section.open .se-section-body{max-height:3000px}.se-section-content{flex-direction:column;gap:12px;padding:4px 14px 14px;display:flex}.se-field{flex-direction:column;gap:4px;display:flex}.se-field-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-size:.7rem;font-weight:600}.se-field-input,.se-field-textarea{color:#e2e8f0!important;box-sizing:border-box!important;appearance:none!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:8px!important;outline:none!important;width:100%!important;margin:0!important;padding:9px 12px!important;font-family:inherit!important;font-size:.84rem!important;transition:border-color .2s,box-shadow .2s!important}.se-field-input:focus,.se-field-textarea:focus{border-color:#6c5ce780!important;box-shadow:0 0 0 3px #6c5ce71a!important}.se-field-textarea{resize:vertical;min-height:70px;line-height:1.5}.se-image-upload{cursor:pointer;background:#ffffff08;border:1px dashed #ffffff1f;border-radius:10px;transition:border-color .2s;position:relative;overflow:hidden}.se-image-upload:hover{border-color:#6c5ce766}.se-image-upload input[type=file]{display:none}.se-image-preview{object-fit:cover;width:100%;height:120px;display:block}.se-image-overlay{opacity:0;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .2s;display:flex;position:absolute;inset:0}.se-image-upload:hover .se-image-overlay{opacity:1}.se-image-overlay svg{color:#fff;width:24px;height:24px}.se-image-overlay span{color:#fff;font-size:.78rem;font-weight:500}.se-image-placeholder{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.se-image-placeholder svg{width:28px;height:28px}.se-image-placeholder span{font-size:.78rem}.se-repeater{flex-direction:column;gap:6px;display:flex}.se-repeater-item{align-items:center;gap:6px;display:flex}.se-repeater-item .se-field-input{flex:1}.se-repeater-remove{color:#e17055;cursor:pointer;background:#d630311a;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.se-repeater-remove:hover{background:#d6303133}.se-repeater-remove svg{width:14px;height:14px}.se-repeater-add{color:#a78bfa;cursor:pointer;background:0 0;border:1px dashed #ffffff1f;border-radius:6px;align-self:flex-start;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.se-repeater-add:hover{background:#6c5ce71a;border-color:#6c5ce74d}.se-repeater-add svg{width:12px;height:12px}.se-card-editor{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex;position:relative}.se-card-editor-header{justify-content:space-between;align-items:center;display:flex}.se-card-editor-num{text-transform:uppercase;letter-spacing:.5px;color:#6c5ce7;font-size:.68rem;font-weight:700}.se-link-row{grid-template-columns:1fr 1fr auto;align-items:end;gap:6px;display:grid}.se-link-row .se-field{min-width:0}.se-preview-panel{background:#1a1d25;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.se-preview-bar{background:#0f1219e6;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;display:flex}.se-preview-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.se-preview-dot:first-child{background:#ff5f57}.se-preview-dot:nth-child(2){background:#febc2e}.se-preview-dot:nth-child(3){background:#28c840}.se-preview-url{color:#64748b;text-align:center;background:#ffffff0f;border-radius:6px;flex:1;max-width:300px;margin-left:8px;padding:4px 14px;font-size:.72rem}.se-preview-zoom{gap:2px;margin-left:auto;display:flex}.se-zoom-btn{color:#64748b;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;font-family:inherit;font-size:.68rem;font-weight:700;transition:all .15s;display:flex}.se-zoom-btn:hover{color:#e2e8f0;background:#ffffff14}.se-zoom-btn.active{color:#a78bfa;background:#6c5ce733;border-color:#6c5ce766}.se-preview-frame-wrap{background:#f8f9fa;flex:1;position:relative;overflow:auto}.se-preview-scaler{transform-origin:0 0;position:absolute;top:0;left:0}.se-preview-site{pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff;min-height:100vh}.se-preview-site .navbar{position:relative!important;top:auto!important}.se-preview-site .nav-mobile-menu{display:none!important}.se-toast{z-index:1000;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:.85rem;font-weight:500;animation:.3s forwards seToastIn;display:flex;position:fixed;bottom:24px;right:24px}.se-toast.success{color:#00ce94;background:#00ce9426;border:1px solid #00ce944d}.se-toast.error{color:#e17055;background:#d6303126;border:1px solid #d630314d}@keyframes seToastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.se-divider{background:#ffffff0f;height:1px;margin:2px 0}.se-sub-heading{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-top:2px;font-size:.72rem;font-weight:700}.se-loading{color:#64748b;justify-content:center;align-items:center;gap:12px;height:100%;font-size:.95rem;display:flex}.se-spinner{border:3px solid #6c5ce733;border-top-color:#6c5ce7;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite seSpin}@keyframes seSpin{to{transform:rotate(360deg)}}@media (width<=900px){.se-main{flex-direction:column}.se-editor-panel{border-bottom:1px solid #ffffff0f;border-right:none;width:100%;min-width:0;max-height:50vh}}