@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.container{width:100%}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}@layer base{:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 72.2% 50.6%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.5rem}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.calculator-container{padding:0 5% 5rem;max-width:1400px;margin:0 auto}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.subtle-text{color:var(--text-dim);font-size:.9rem;margin-bottom:1.5rem}.input-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:2rem}.input-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:120px}.input-group label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.glass-input{background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:10px 14px;color:#fff;font-size:.9rem;outline:none;transition:all .3s ease}.glass-input:focus{border-color:var(--neon-blue);background:#ffffff14}.glass-input option{background:#030712;color:#fff}.add-btn{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.table-wrapper{background:#0003;border-radius:16px;border:1px solid var(--border);overflow:hidden;margin-top:1rem}.loads-table{width:100%;border-collapse:collapse;font-size:.9rem}.loads-table th,.loads-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}.loads-table th{font-size:.75rem;text-transform:uppercase;color:var(--text-dim);font-weight:600}.loads-table tr:last-child td{border-bottom:none}.empty-msg{text-align:center;color:var(--text-dim);font-style:italic}.remove-btn{background:transparent;border:none;color:#ef4444;font-size:1.5rem;cursor:pointer;padding:0 .5rem;transition:transform .2s ease}.remove-btn:hover{transform:scale(1.2)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.calc-stats{display:flex;gap:1.5rem;margin-bottom:2rem}.mini-stat-box{flex:1;background:#ffffff08;padding:1.2rem;border-radius:16px;border:1px solid var(--border)}.mini-stat-box .unit{display:block;font-size:.7rem;color:var(--text-dim);text-transform:uppercase;margin-bottom:.5rem}.mini-stat-box .value-small{font-size:1.5rem;font-weight:700;color:#fff}.calc-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.full-width{width:100%;padding:14px}.clear-btn{font-size:.8rem}.recommendation-box{margin-top:2rem;border-style:dashed;border-color:var(--neon-gold)}.recommendation-box h3{font-size:1rem;font-weight:700;margin-bottom:1rem;color:var(--neon-gold);text-transform:uppercase;letter-spacing:1px}.rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.rec-item{display:flex;flex-direction:column}.rec-item .label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase}.rec-item .val{font-size:1.1rem;font-weight:700;color:#fff}.battery-options{border-top:1px solid var(--border);padding-top:1rem;margin-top:1rem}.battery-options .label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase}.battery-options p{margin-top:.5rem;color:#fff;font-weight:600;font-size:.85rem}@media(max-width:1024px){.calc-grid{grid-template-columns:1fr}}@media(max-width:640px){.settings-grid{grid-template-columns:1fr}.input-row{flex-direction:column;align-items:stretch}.add-btn{width:100%;border-radius:12px}}:root{--bg: #030712;--card-bg: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .08);--neon-blue: #0ea5e9;--neon-gold: #f59e0b;--text-dim: #94a3b8}body{background-color:var(--bg);color:#fff;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.glow-mesh{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(14,165,233,.15) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(245,158,11,.1) 0%,transparent 40%);z-index:-1}.glass-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.2rem;letter-spacing:2px}.brand-logo{height:42px;width:auto}.brand span{color:var(--neon-gold)}.hero-compact{text-align:center;padding:6rem 1rem 4rem}.gradient-text{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;background:linear-gradient(to right,#fff,var(--text-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bento-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:0 5% 5rem}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:24px;padding:2rem;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden}.glass-card:hover{border-color:#fff3;transform:translateY(-5px);background:#ffffff0d}.badge-dot{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-bottom:1rem}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block}.starter:before{background:#22c55e;box-shadow:0 0 10px #22c55e}.professional:before{background:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue)}.elite:before{background:var(--neon-gold);box-shadow:0 0 10px var(--neon-gold)}.main-stat{margin:1.5rem 0}.main-stat .unit{display:block;font-size:.7rem;color:var(--text-dim);text-transform:uppercase}.main-stat .value{font-size:2.5rem;font-weight:800;color:#fff}.load-glass-box{background:#0003;padding:1rem;border-radius:16px;margin:1.5rem 0;border:1px solid var(--border)}.load-glass-box p{font-size:.85rem;line-height:1.6;color:var(--text-dim);margin:0}.price-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}.price-val{display:block;font-size:1.5rem;font-weight:700;color:var(--neon-gold)}.product-image{width:100%;height:160px;border-radius:12px;-o-object-fit:cover;object-fit:cover;margin:1rem 0;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .25s ease}.product-image:hover{transform:scale(1.03)}.image-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:999;padding:1rem}.image-modal{position:relative;max-width:95vw;max-height:90vh;text-align:center}.image-modal img{width:auto;max-width:100%;max-height:80vh;border-radius:14px;border:1px solid rgba(255,255,255,.22)}.image-modal p{margin:.75rem 0 0;color:#fff;font-weight:600}.image-modal-close{position:absolute;top:-1rem;right:-1rem;width:32px;height:32px;border:none;border-radius:50%;background:#000000bf;color:#fff;font-size:1.2rem;cursor:pointer;line-height:1}.action-circle{width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:#fff;color:#000;font-size:1.2rem;cursor:pointer;transition:.3s}.action-circle:hover{transform:scale(1.1) rotate(-45deg)}.filter-pill-container{display:inline-flex;background:#ffffff0d;padding:6px;border-radius:100px;border:1px solid var(--border);margin-top:2rem}.pill{padding:8px 24px;border:none;background:transparent;color:var(--text-dim);border-radius:100px;cursor:pointer;font-weight:600;transition:.3s}.pill.active{background:#fff;color:#000}.nav-utils{display:flex;align-items:center;gap:1.5rem}.glass-link{background:transparent;border:none;color:var(--text-dim);font-weight:600;font-size:.9rem;cursor:pointer;transition:color .3s ease;position:relative}.glass-link:hover,.glass-link.active{color:#fff}.glass-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--neon-gold);border-radius:2px}.shimmer-btn{position:relative;background:#fff;color:#000;border:none;padding:10px 24px;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:none}.shimmer-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #0ea5e966}.shimmer-btn:hover .shimmer{left:200%;transition:all .6s ease}@media(max-width:640px){.glass-link{display:none}}