:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #070a0f;--surface: rgba(15, 23, 35, .78);--surface-solid: #0c111a;--surface-hover: rgba(20, 31, 48, .88);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #f5f7fa;--muted: #aab4c1;--subtle: #7d8897;--portal: #38bdf8;--portal-secondary: #3b82f6;--portal-accent: #00a99d;--amber: #f5a623;--teal: #00a99d;--violet: #7c3aed;--orange: #ff6a00;--shadow: 0 26px 80px rgba(0, 0, 0, .34)}:root[data-theme=light]{color-scheme:light;--bg: #f4f7fb;--surface: rgba(255, 255, 255, .78);--surface-solid: #ffffff;--surface-hover: rgba(248, 250, 252, .96);--line: rgba(15, 23, 42, .1);--line-strong: rgba(15, 23, 42, .18);--text: #101722;--muted: #526071;--subtle: #748095;--shadow: 0 24px 70px rgba(45, 61, 86, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);transition:background .18s ease,color .18s ease}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";pointer-events:none;background:linear-gradient(rgba(125,136,151,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(125,136,151,.045) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%)}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 50% 8%,rgba(56,189,248,.13),transparent 30%),radial-gradient(circle at 8% 52%,rgba(59,130,246,.08),transparent 24%)}button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--portal);outline-offset:3px}h1,h2,h3,p{margin:0}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.navigation{width:min(100% - 40px,1420px);min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin:auto}.brand-logo{display:inline-flex;align-items:center;gap:12px}.theme-logo{position:relative;display:block;flex:0 0 auto}.theme-logo img{width:100%;height:100%;display:block;object-fit:contain}.theme-logo-light{display:none!important}.theme-logo-dark{display:block!important}:root[data-theme=light] .theme-logo-light{display:block!important}:root[data-theme=light] .theme-logo-dark{display:none!important}.brand-symbol{width:48px;height:48px}.brand-logo-compact{display:none;width:48px;height:48px;object-fit:contain}.brand-wordmark{display:inline-block;color:var(--text);font-size:18px;font-weight:850;letter-spacing:0;white-space:nowrap}:root[data-theme=light] .brand-symbol,:root[data-theme=light] .brand-wordmark{filter:drop-shadow(0 1px 1px rgba(15,23,42,.14))}.navigation-links{display:flex;align-items:center;gap:30px;color:var(--muted);font-size:14px;font-weight:750}.navigation-links a,.theme-toggle{transition:color .16s ease,border-color .16s ease,background .16s ease}.navigation-links a:hover{color:var(--text)}.theme-toggle,.menu-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}.theme-toggle:hover,.menu-button:hover{border-color:var(--line-strong);background:var(--surface-hover)}.menu-button{display:none}.hero{min-height:590px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px 24px 92px;text-align:center}.hero-signal{min-height:64px;display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:30px}.hero-signal .product-logo-assets{width:50px;height:50px;display:grid;place-items:center;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 12px 32px #00000029}.hero-signal .product-logo-assets .brand-symbol{width:100%;height:100%}.hero-signal .product-logo-assets:nth-child(2),.hero-signal .product-logo-assets:nth-child(4){transform:translateY(8px)}.hero-subtitle{display:inline-flex;align-items:center;min-height:30px;margin-bottom:16px;padding:0 12px;border:1px solid color-mix(in srgb,var(--portal) 35%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--portal) 10%,var(--surface));color:var(--text);font-size:12px;font-weight:850;text-transform:uppercase}.hero h1{max-width:920px;font-size:clamp(58px,8vw,106px);line-height:.91;letter-spacing:0;text-wrap:balance}.hero>p{max-width:760px;margin-top:28px;color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.65;text-wrap:balance}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:850;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-2px)}.button-primary{border-color:var(--portal);background:linear-gradient(135deg,var(--portal),var(--portal-secondary));color:#06111d;box-shadow:0 16px 38px #38bdf82e}.button-primary:hover{box-shadow:0 20px 44px #38bdf842}.button-secondary{background:var(--surface);color:var(--text)}.button-secondary:hover{border-color:var(--line-strong);background:var(--surface-hover)}.products-section{width:min(100% - 40px,1420px);margin:0 auto 80px;padding:56px clamp(20px,4vw,48px) 48px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-solid) 80%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading h2{font-size:clamp(34px,4vw,48px);line-height:1}.section-heading span{width:38px;height:3px;display:block;margin-top:13px;border-radius:99px;background:var(--portal)}.section-heading p{color:var(--muted);font-size:14px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,320px));justify-content:center;gap:14px}.product-card{--tone: var(--portal);min-height:316px;display:grid;grid-template-rows:auto 1fr auto;gap:26px;padding:24px;overflow:hidden;border:1px solid var(--line);border-top-color:color-mix(in srgb,var(--tone) 58%,var(--line));border-radius:8px;background:linear-gradient(160deg,color-mix(in srgb,var(--tone) 8%,var(--surface-solid)),var(--surface-solid) 60%);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.product-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--tone) 52%,var(--line));box-shadow:0 20px 46px color-mix(in srgb,var(--tone) 10%,transparent)}.product-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.brand-logo-card{width:68px;height:68px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tone) 45%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--tone) 10%,var(--surface-solid))}.product-logo-assets{width:100%;height:100%;display:grid;place-items:center}.brand-logo-card .brand-symbol{width:54px;height:54px}.availability{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:800}.availability i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e14}.status-coming_soon .availability i{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a}.status-maintenance .availability i{background:#ef4444;box-shadow:0 0 0 4px #ef44441a}.product-card-copy h3{font-size:25px;line-height:1.12}.product-card-copy p{margin-top:12px;color:var(--muted);font-size:14px;line-height:1.65}.product-access{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line);color:var(--tone);font-size:14px;font-weight:850}.product-access-disabled{color:var(--muted);cursor:default}.product-access svg{transition:transform .16s ease}.product-access:hover svg{transform:translate(4px)}.site-footer{width:min(100% - 40px,1420px);min-height:130px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;margin:auto;padding:28px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.brand-logo-footer .brand-symbol{width:44px;height:44px}.brand-logo-footer .brand-wordmark{font-size:16px}.brand-logo-footer-symbol{width:44px;height:44px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px}.footer-links a{color:var(--text);font-weight:800}.state-message{min-height:160px;display:grid;place-items:center;align-content:center;gap:9px;padding:26px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);text-align:center}.state-message strong{color:var(--text);font-size:15px}.state-message span{max-width:520px;font-size:13px;line-height:1.55}.maintenance-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:24px;padding:28px;text-align:center}.brand-logo-maintenance .brand-symbol{width:58px;height:58px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-shell{width:min(100% - 40px,1420px);margin:0 auto 72px;padding-top:52px}.admin-login-shell{min-height:calc(100vh - 78px);display:grid;place-items:center;padding-bottom:72px}.admin-login{width:min(100%,470px);padding:34px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-solid) 84%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-login h1,.admin-heading h1{margin-top:28px;font-size:clamp(34px,4vw,52px);line-height:1}.admin-login p,.admin-heading p{margin-top:14px;color:var(--muted);font-size:15px;line-height:1.6}.admin-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.admin-heading h1{margin-top:0}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:8px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-solid) 78%,transparent)}.admin-tabs button{min-height:38px;padding:0 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:850;cursor:pointer}.admin-tabs button.is-selected{border-color:color-mix(in srgb,var(--portal) 42%,var(--line));background:color-mix(in srgb,var(--portal) 12%,var(--surface));color:var(--text)}.admin-grid{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.35fr);gap:16px;align-items:start}.admin-panel{border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-solid) 82%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-panel-heading{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid var(--line)}.admin-panel-heading h2{font-size:18px}.admin-id{display:inline-flex;align-items:center;gap:7px;color:var(--subtle);font-size:12px;font-weight:800}.admin-card-list{display:grid;gap:10px;padding:14px}.admin-card-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .16s ease,background .16s ease}.admin-card-row.is-selected{border-color:var(--portal);background:var(--surface-hover)}.admin-card-main{display:flex;align-items:center;gap:12px;min-width:0;padding:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.admin-card-main strong,.form-preview strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.admin-card-main small,.form-preview small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.admin-logo-preview{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--tone) 45%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--tone) 10%,var(--surface-solid))}.admin-logo-preview .brand-symbol{width:38px;height:38px}.admin-row-actions{display:flex;align-items:center;gap:6px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;transition:background .16s ease,border-color .16s ease,opacity .16s ease}.icon-button:hover{border-color:var(--line-strong);background:var(--surface-hover)}.icon-button:disabled{cursor:not-allowed;opacity:.45}.danger-button{color:#ef4444}.editor-panel{position:sticky;top:94px}.admin-form{display:grid;gap:16px;padding:18px}.compact-form{padding:24px 0 0}.admin-form label{display:grid;gap:8px;color:var(--muted);font-size:12px;font-weight:850}.admin-form input,.admin-form textarea,.admin-form select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;outline:none;transition:border-color .16s ease,background .16s ease}.admin-form textarea{resize:vertical;line-height:1.5}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:var(--portal);background:var(--surface-hover)}.form-two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.45fr);gap:12px}.form-three-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-actions-row{display:flex;flex-wrap:wrap;gap:10px}.color-input{min-height:44px;padding:5px!important;cursor:pointer}.toggle-field{min-height:46px;display:flex!important;align-items:center;grid-template-columns:auto 1fr;gap:10px!important;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)!important}.toggle-field input{width:18px;min-height:18px;accent-color:var(--portal)}.form-preview{display:flex;align-items:center;gap:14px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.large-preview{width:62px;height:62px}.large-preview .brand-symbol{width:50px;height:50px}.logo-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.logo-upload-field{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.logo-upload-heading{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo-upload-heading div{display:grid;gap:3px}.logo-upload-heading strong{color:var(--text);font-size:13px}.logo-upload-heading span{color:var(--muted);font-size:11px;font-weight:760}.upload-dropzone{min-height:150px;display:grid!important;grid-template-rows:1fr auto;place-items:center;gap:12px!important;padding:12px;border:1px dashed var(--line-strong);border-radius:8px;background:color-mix(in srgb,var(--surface-solid) 62%,transparent);cursor:pointer;transition:border-color .16s ease,background .16s ease}.upload-dropzone:hover{border-color:var(--portal);background:var(--surface-hover)}.upload-dropzone input{position:absolute;width:1px;height:1px;min-height:1px;overflow:hidden;opacity:0;pointer-events:none}.upload-preview,.upload-empty-preview{width:78px;height:78px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-solid)}.upload-preview img{width:68px;height:68px;display:block;object-fit:contain}.upload-empty-preview{color:var(--muted)}.upload-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:12px;font-weight:850}.saved-logo-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.saved-logo-paths input{font-size:12px}.save-button{width:100%;margin-top:2px}.form-error,.admin-alert{padding:12px 14px;border-radius:8px;font-size:13px;font-weight:760;line-height:1.5}.form-error,.error-alert{border:1px solid rgba(239,68,68,.28);background:#ef44441a;color:#f87171}.success-alert{margin-bottom:12px;border:1px solid rgba(34,197,94,.28);background:#22c55e1a;color:#4ade80}.error-alert{margin-bottom:12px}.dry-run-box,.audit-list{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:13px;line-height:1.55}.dry-run-box strong,.audit-list h3{margin:0;color:var(--text);font-size:15px}.nested-editor{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.nested-editor-heading{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text)}.link-editor-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(180px,1fr) auto;gap:10px;align-items:end;padding-top:10px;border-top:1px solid var(--line)}.empty-editor{color:var(--muted);font-size:13px}.audit-row{display:grid;gap:3px;padding:10px 0;border-top:1px solid var(--line)}.audit-row strong{color:var(--text);font-size:13px}.audit-row span{color:var(--muted);font-size:12px}@media(max-width:1120px){.products-grid{grid-template-columns:repeat(auto-fit,minmax(260px,320px))}}@media(max-width:980px){.admin-grid{grid-template-columns:1fr}.editor-panel{position:static}}@media(max-width:700px){.navigation{width:min(100% - 32px,1420px);min-height:70px}.brand-logo-header .brand-symbol{width:42px;height:42px}.brand-logo-header .brand-wordmark{font-size:15px}.menu-button{display:inline-flex}.navigation-links{position:absolute;top:70px;left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:12px 20px 20px;border-bottom:1px solid var(--line);background:var(--surface-solid);box-shadow:0 18px 40px #0003}.navigation-links.is-open{display:flex}.navigation-links a{padding:13px 4px}.theme-toggle{width:100%;justify-content:flex-start;padding:0 4px;border:0;background:transparent}.hero{min-height:560px;padding:82px 20px 72px}.hero-signal{gap:10px}.hero-signal .product-logo-assets{width:42px;height:42px}.hero h1{font-size:clamp(54px,17vw,74px)}.hero-actions,.button{width:100%}.products-section{width:calc(100% - 24px);margin-bottom:48px;padding:36px 12px 20px}.section-heading{align-items:flex-start;flex-direction:column;padding:0 8px}.products-grid{grid-template-columns:1fr}.site-footer{width:calc(100% - 40px);grid-template-columns:1fr;padding:32px 0}.footer-links{justify-content:flex-start}.admin-shell{width:calc(100% - 24px);padding-top:34px}.admin-heading{align-items:flex-start;flex-direction:column}.admin-login{padding:24px}.admin-card-row{grid-template-columns:1fr}.admin-row-actions{justify-content:flex-end}.form-two-columns,.form-three-columns,.logo-upload-grid,.saved-logo-paths,.link-editor-row{grid-template-columns:1fr}}@media(max-width:420px){.brand-logo-header .theme-logo{display:none}.brand-logo-header .brand-logo-compact{display:block;width:42px;height:42px}.brand-logo-header .brand-wordmark{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
