@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700;800;900&family=Rubik:wght@500;600;700;800;900&display=swap";:root{color-scheme:light;--color-primary: #1c1917;--color-on-primary: #ffffff;--color-secondary: #44403c;--color-accent: #a16207;--color-accent-strong: #d6a729;--color-cyan: #176f76;--color-background: #fafaf9;--color-surface: rgba(255, 255, 255, .78);--color-surface-strong: rgba(255, 255, 255, .93);--color-foreground: #0c0a09;--color-muted: #e8ecf0;--color-border: rgba(28, 25, 23, .14);--color-destructive: #b91c1c;--color-ring: #1c1917;--shadow-soft: 0 18px 60px rgba(28, 25, 23, .12);--shadow-tight: 0 10px 30px rgba(28, 25, 23, .12);--radius: 8px;--header-height: 76px;font-family:Nunito Sans,Tahoma,sans-serif;font-size:16px;line-height:1.5;color:var(--color-foreground);background:var(--color-background);letter-spacing:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden}body,button,input,select,textarea{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(214,167,41,.72);outline-offset:3px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Rubik,Tahoma,sans-serif;letter-spacing:0}.site-header{position:fixed;inset:16px max(16px,env(safe-area-inset-right)) auto max(16px,env(safe-area-inset-left));z-index:50;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid rgba(255,255,255,.44);border-radius:var(--radius);background:#fafaf9c7;-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);box-shadow:var(--shadow-tight)}.brand-mark{display:inline-flex;align-items:center;min-width:150px;height:44px}.brand-mark img{height:42px;width:auto}.site-header nav{display:flex;align-items:center;gap:8px}.site-header nav button,.ghost-icon-button{min-height:44px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--color-secondary);display:inline-flex;align-items:center;gap:8px;padding:10px 14px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.site-header nav button:hover,.ghost-icon-button:hover{background:#1c191712;color:var(--color-foreground)}.site-header nav .nav-active{background:var(--color-primary);color:var(--color-on-primary)}.hero-section{position:relative;min-height:min(760px,88dvh);display:flex;align-items:center;padding:calc(var(--header-height) + 54px) max(24px,5vw) 88px;overflow:hidden;color:#fff;background:linear-gradient(115deg,#090909fa,#1e1a13e0 46%,#124448db),#111}.three-showcase{position:absolute;inset:0;z-index:0;min-height:100%}.three-showcase canvas{width:100%!important;height:100%!important;display:block;touch-action:pan-y}.three-fallback{background:linear-gradient(120deg,#d6a72924,#176f7629),transparent}.hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#000000e0,#00000094 44%,#0000002e),linear-gradient(180deg,#0000001a,#00000073);pointer-events:none}.hero-content{position:relative;z-index:2;width:min(720px,100%);padding-top:18px}.eyebrow,.section-heading>span,.catalog-header span{display:inline-flex;align-items:center;min-height:30px;color:var(--color-accent-strong);font-weight:800;font-size:.92rem}.hero-content h1{max-width:700px;margin-bottom:20px;font-size:clamp(2.5rem,7vw,6.4rem);line-height:.97;font-weight:900}.hero-content p{max-width:640px;color:#ffffffd6;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.75}.hero-actions,.form-actions,.filter-toggles,.table-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.primary-button,.secondary-button,.ghost-button,.danger-button,.inline-link{min-height:44px;border-radius:var(--radius);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;font-weight:800;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.primary-button{background:var(--color-accent-strong);color:#16110a;box-shadow:0 14px 30px #d6a7293d}.primary-button:hover{transform:translateY(-1px);box-shadow:0 18px 36px #d6a72952}.secondary-button{color:#fff;background:#ffffff1f;border-color:#ffffff42;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.secondary-button:hover{background:#ffffff30}.ghost-button{color:var(--color-primary);background:#ffffffb8;border-color:var(--color-border)}.ghost-button:hover{background:#fff;border-color:#a1620761}.danger-button{color:#fff;background:var(--color-destructive)}.danger-button:hover{background:#991b1b}.full-width{width:100%}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(640px,100%);margin-top:34px}.hero-metrics span{min-height:76px;padding:14px 16px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.22);background:#ffffff1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffffffc7}.hero-metrics strong{display:block;color:#fff;font:900 1.8rem Rubik,sans-serif}.trust-band{width:min(1180px,calc(100% - 32px));margin:-44px auto 72px;position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;border:1px solid rgba(255,255,255,.56);border-radius:var(--radius);background:#ffffffd6;-webkit-backdrop-filter:blur(20px) saturate(1.18);backdrop-filter:blur(20px) saturate(1.18);box-shadow:var(--shadow-soft)}.trust-band div,.capability-grid div{min-height:72px;display:flex;align-items:center;gap:10px;padding:14px;border-radius:var(--radius);background:#fafaf9b8;color:var(--color-primary);font-weight:800}.featured-section,.search-section,.catalog-section,.capabilities-section,.admin-shell{width:min(1180px,calc(100% - 32px));margin:0 auto 88px}.section-heading{max-width:680px;margin-bottom:26px}.section-heading.compact{margin-bottom:18px}.section-heading h1,.section-heading h2{margin-bottom:12px;font-size:clamp(2rem,4vw,3.55rem);line-height:1.05;color:var(--color-primary)}.section-heading p{color:#57534e;font-size:1.07rem;line-height:1.75}.featured-grid,.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{overflow:hidden;border:1px solid rgba(28,25,23,.12);border-radius:var(--radius);background:var(--color-surface-strong);box-shadow:0 12px 36px #1c191714;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.product-card:hover{transform:translateY(-3px);border-color:#a162074d;box-shadow:0 18px 54px #1c191724}.product-visual{position:relative;min-height:190px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(140deg,#ffffffeb,#e8ecf0b8),var(--tone-bg, #f3f3f1)}.product-visual:before{content:"";position:absolute;inset:auto 20px 18px;height:18px;background:#1c191733;filter:blur(18px);transform:perspective(500px) rotateX(60deg)}.device{position:relative;z-index:2;display:block;border:2px solid rgba(255,255,255,.45);background:linear-gradient(135deg,var(--tone-start, #1c1917),var(--tone-end, #44403c));box-shadow:0 20px 45px #1c191742,inset 0 1px #ffffff47}.device-phones{width:78px;height:144px;border-radius:18px;transform:rotate(-12deg)}.device-laptops{width:166px;height:96px;border-radius:8px;transform:perspective(420px) rotateX(12deg) rotateY(-16deg)}.device-laptops:after{content:"";position:absolute;left:-12px;right:-12px;bottom:-18px;height:16px;border-radius:4px;background:linear-gradient(90deg,#2d2d2d,#5b5b5b)}.device-tvs{width:170px;height:104px;border-radius:5px}.device-tvs:after{content:"";position:absolute;left:72px;bottom:-36px;width:26px;height:36px;background:#3f3b35}.device-appliances{width:92px;height:138px;border-radius:10px}.device-appliances:after{content:"";position:absolute;left:21px;top:38px;width:48px;height:48px;border-radius:50%;border:7px solid rgba(255,255,255,.55);background:#0c0a0952}.device-gaming{width:132px;height:92px;border-radius:28px;transform:rotate(5deg)}.device-gaming:before,.device-accessories:before{content:"";position:absolute;inset:28px auto auto 30px;width:14px;height:14px;border-radius:50%;background:var(--color-accent-strong);box-shadow:46px 0 #ffffffc2}.device-accessories{width:126px;height:82px;border-radius:40px;transform:rotate(-4deg)}.device-glow{position:absolute;width:180px;height:90px;border-radius:50%;background:#d6a72929;filter:blur(34px)}.tone-graphite,.tone-carbon,.tone-black,.tone-midnight{--tone-start: #090909;--tone-end: #3a342d}.tone-titanium,.tone-silver,.tone-steel{--tone-start: #9a9388;--tone-end: #2f3133}.tone-blue,.tone-navy{--tone-start: #0b3768;--tone-end: #071827}.tone-white,.tone-ice{--tone-start: #f7f5ef;--tone-end: #9aa7b1}.product-content{padding:18px}.product-topline,.product-stats,.tag-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.product-topline{justify-content:space-between;margin-bottom:10px;color:var(--color-cyan);font-weight:800;font-size:.9rem}.featured-pill,.match-reason,.tag-row span{min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#d6a72921;color:#684507;font-size:.84rem;font-weight:800}.product-card h3{margin-bottom:8px;font-size:1.2rem;line-height:1.25}.product-card p{min-height:70px;color:#57534e;line-height:1.65}.match-reason{border-radius:var(--radius);color:#115e62;background:#176f761a}.product-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.product-meta div{padding:10px;border-radius:var(--radius);background:#f5f3ef}.product-meta dt{color:#78716c;font-size:.78rem;font-weight:800}.product-meta dd{margin:2px 0 0;font:900 1.02rem Rubik,sans-serif;color:var(--color-primary)}.product-stats{margin-bottom:12px;color:#57534e;font-size:.9rem;font-weight:800}.product-stats span{display:inline-flex;align-items:center;gap:5px}.tag-row{margin-bottom:16px}.tag-row span{color:#44403c;background:#efede8}.search-panel,.admin-login,.product-form,.admin-list,.empty-state{border:1px solid rgba(28,25,23,.12);border-radius:var(--radius);background:#ffffffd1;-webkit-backdrop-filter:blur(18px) saturate(1.14);backdrop-filter:blur(18px) saturate(1.14);box-shadow:var(--shadow-soft)}.search-panel{padding:18px}.context-search{position:relative;min-height:72px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(161,98,7,.24);border-radius:var(--radius);background:#fff;font-weight:900}.context-search input{width:100%;min-height:48px;border:0;outline:0;color:var(--color-primary);background:transparent}.filters-grid,.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}label{color:#44403c;font-weight:800;font-size:.92rem}.filters-grid label,.form-grid label,.product-form>label,.admin-list-header label{display:grid;gap:7px}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius);background:#ffffffeb;color:var(--color-primary);padding:10px 12px;transition:border-color .16s ease,box-shadow .16s ease}textarea{min-height:104px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:#a1620752}.filter-toggles{margin-top:14px}.filter-toggles label,.checkbox-label{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);background:#e8ecf080}.filter-toggles input,.checkbox-label input{width:18px;min-height:auto;height:18px}.catalog-header,.admin-list-header,.form-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.catalog-header h2,.admin-list-header h2,.form-header h2{margin:0;font-size:clamp(1.6rem,3vw,2.4rem)}.inline-link{color:var(--color-cyan);background:#176f7617}.empty-state{min-height:260px;display:grid;place-items:center;text-align:center;padding:40px 20px}.empty-state h3{margin:10px 0 6px}.empty-state p{max-width:460px;color:#57534e}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.capability-grid div{min-height:190px;display:block;padding:22px;border:1px solid rgba(28,25,23,.1);background:#fff}.capability-grid svg{color:var(--color-accent)}.capability-grid h3{margin:14px 0 8px}.capability-grid p{color:#57534e;line-height:1.7}.admin-shell{padding-top:calc(var(--header-height) + 72px)}.admin-login{width:min(560px,100%);padding:22px}.login-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:8px}.admin-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.2fr);gap:18px;align-items:start}.product-form,.admin-list{padding:18px}.product-form{position:sticky;top:calc(var(--header-height) + 24px)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius)}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:13px 12px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}th{background:#f5f3ef;color:var(--color-secondary);font-size:.85rem}td strong,td span{display:block}td span{color:#78716c;font-size:.86rem}.price-cell{display:inline-flex;align-items:center;gap:6px;color:var(--color-primary)}.form-status{display:inline-flex;align-items:center;gap:6px;color:var(--color-cyan);font-weight:800}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:1120px){.featured-grid,.product-grid,.filters-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.product-form{position:static}}@media(max-width:820px){:root{--header-height: 70px}.site-header{inset:10px 10px auto;min-height:58px;gap:8px}.brand-mark{min-width:112px}.brand-mark img{height:34px}.site-header nav{gap:4px}.site-header nav button{padding:9px 10px;font-size:.92rem}.hero-section{min-height:86dvh;padding:calc(var(--header-height) + 48px) 18px 74px}.hero-content h1{font-size:clamp(2rem,10vw,3.15rem)}.hero-scrim{background:linear-gradient(90deg,#000000d1,#00000070),linear-gradient(180deg,#00000005,#00000080)}.three-showcase{opacity:.9;transform:translate(4%,6%) scale(.92)}.hero-actions,.hero-metrics,.trust-band,.capability-grid,.login-row{grid-template-columns:1fr}.hero-actions a,.login-row button{width:100%}.hero-metrics{gap:8px}.trust-band{margin-top:-36px;grid-template-columns:repeat(2,minmax(0,1fr))}.featured-section,.search-section,.catalog-section,.capabilities-section,.admin-shell{width:min(100% - 24px,1180px);margin-bottom:64px}.product-grid,.featured-grid,.filters-grid,.form-grid{grid-template-columns:1fr}.context-search{grid-template-columns:auto 1fr}.context-search input{grid-column:1 / -1}.catalog-header,.admin-list-header,.form-header{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.site-header nav button{width:44px;padding:9px;overflow:hidden;color:var(--color-secondary);font-size:0;gap:0}.site-header nav button svg{color:currentColor}.hero-content p{font-size:1rem}.hero-metrics span{min-height:68px}.trust-band,.product-meta{grid-template-columns:1fr}.product-card p{min-height:auto}.primary-button,.secondary-button,.ghost-button,.danger-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}