:root{--bg:#080a0e;--panel:#10141b;--panel2:#161b23;--line:#272d38;--text:#f4f6f8;--muted:#9da6b5;--red:#df001b;--red2:#ff1736;--green:#42d68a;--radius:18px;--shadow:0 16px 50px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 10%,#191d25 0,#080a0e 35%,#07080b 100%);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{height:76px;display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - 1280px)/2));position:sticky;top:0;z-index:20;background:rgba(7,8,11,.88);backdrop-filter:blur(16px);border-bottom:1px solid #1b2029}.brand{display:flex;flex-direction:column;line-height:.85;min-width:190px}.brand .gama{font-size:31px;font-weight:950;letter-spacing:-1.5px;color:var(--red)}.brand .equip{font-size:14px;font-weight:800;letter-spacing:2px}.main-nav{margin-left:auto;display:flex;align-items:center;gap:24px}.main-nav a{color:#d8dde5;font-weight:650}.main-nav a:hover{color:#fff}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:var(--red);font-size:11px;margin-left:4px}.menu-btn{display:none;background:none;border:0;color:white;font-size:25px}.hero{max-width:1280px;margin:0 auto;min-height:620px;padding:92px 24px 72px;display:grid;grid-template-columns:1.35fr .65fr;gap:44px;align-items:center}.hero h1,.page-title h1,.search-hero h1,.success-wrap h1{font-size:clamp(42px,5vw,76px);line-height:1.02;letter-spacing:-3px;margin:10px 0 22px}.hero p,.page-title p,.search-hero p,.success-wrap p{color:var(--muted);font-size:19px;max-width:760px}.eyebrow{color:var(--red2);font-weight:900;letter-spacing:1.5px;font-size:12px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 20px;border-radius:12px;border:1px solid #323946;font-weight:850;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,var(--red),#b60016);border-color:var(--red);color:#fff}.secondary{background:#151922;color:#fff}.full{width:100%}.center{justify-content:center}.hero-panel{display:grid;gap:12px}.stat{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#131822,#0d1016);box-shadow:var(--shadow)}.stat b{display:block;color:var(--red);font-size:30px}.stat span{font-weight:750}.section{max-width:1280px;margin:0 auto;padding:55px 24px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section h2,.page-title h2{font-size:28px;letter-spacing:-1px}.cards{display:grid;gap:16px}.cols-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(145deg,rgba(23,27,35,.95),rgba(13,16,22,.95));border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.category{min-height:185px;transition:.2s}.category:hover{border-color:#4b5362;transform:translateY(-3px)}.category .icon{font-size:34px}.category h3{font-size:20px;margin-bottom:4px}.category p{color:var(--muted)}.page-title{max-width:1280px;margin:0 auto;padding:80px 24px 10px}.page-title h1{font-size:54px}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mega-col{padding:26px;background:#10141b;border:1px solid var(--line);border-radius:var(--radius)}.mega-col h3{color:var(--red2);font-size:18px}.mega-col a{display:block;padding:9px 0;color:#d7dce4;border-bottom:1px solid #202530}.mega-col a:hover{color:#fff}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}.product-visual{min-height:500px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 45% 35%,#39404a,#11151b 55%);display:grid;place-items:center;align-content:center;color:var(--muted);gap:16px}.machine{font-size:130px;filter:grayscale(1)}.product-info{padding:20px}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#2a1016;color:#ff7285;font-weight:850;font-size:11px}.product-info h2{font-size:38px;line-height:1.08}.lead{font-size:18px;color:var(--muted)}.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.specs>div{padding:14px;border:1px solid var(--line);border-radius:12px}.specs span{display:block;color:var(--muted);font-size:12px}.notice{margin-top:24px;padding:15px;border-left:3px solid var(--red);background:#151017;color:#cdd3dc}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.item-list{display:grid;gap:10px;min-height:120px;margin:18px 0}.line-item{padding:15px;border:1px solid var(--line);border-radius:12px;background:#11151c;display:flex;justify-content:space-between;gap:12px}.line-item small{display:block;color:var(--muted)}.empty{color:var(--muted);padding:20px 0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kpi span{color:var(--muted)}.kpi b{display:block;font-size:40px}.kpi small{color:var(--green)}.span-2{grid-column:span 2}.timeline{display:grid;gap:18px}.timeline>div{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center}.timeline i{width:9px;height:9px;background:var(--red);border-radius:50%}.timeline span{color:var(--muted)}.quick{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-weight:750}.search-hero{max-width:1050px;margin:0 auto;text-align:center;padding:110px 24px 35px}.search-hero h1{font-size:64px}.search-box{display:grid;grid-template-columns:1fr auto;margin:35px auto 18px;max-width:850px;background:#fff;border-radius:15px;padding:6px}.search-box input{border:0;outline:0;padding:17px 18px;font-size:17px}.search-box button{border:0;border-radius:10px;background:var(--red);color:#fff;font-weight:850;padding:0 26px}.search-results{max-width:850px;margin:0 auto;text-align:left}.result{padding:13px 16px;background:#141820;border:1px solid var(--line);border-radius:10px;margin-top:7px}.quote-form label,.checkout-grid label{display:grid;gap:7px;color:#cbd2dc;font-weight:700;margin:14px 0}.quote-form input,.checkout-grid input,.quote-form textarea,.checkout-grid select{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #303642;background:#0d1117;color:#fff;outline:0}.quote-form textarea{min-height:120px;resize:vertical}.specialist{display:grid;gap:5px;padding:17px;margin:20px 0;border:1px solid #5b1b24;border-radius:12px;background:#1b0f13}.specialist span{color:var(--muted)}.success-wrap{max-width:850px;margin:0 auto;text-align:center;padding:120px 24px}.success-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:rgba(66,214,138,.12);border:1px solid rgba(66,214,138,.5);color:var(--green);font-size:38px}.confirm-card{margin-top:35px;text-align:left;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#11151c;display:grid;gap:14px}.confirm-card>div{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}.confirm-card span{color:var(--muted)}.status{color:var(--green)}.checkout-grid{display:grid;grid-template-columns:1.15fr 1fr .7fr;gap:18px}.total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}.trust p{color:#d3d9e2}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.delivery-head{display:flex;justify-content:space-between}.delivery-head span{display:block;color:var(--muted)}.progress-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;position:relative}.progress-line:before{content:"";position:absolute;left:6%;right:6%;top:18px;height:2px;background:#333a46}.progress-line>div{position:relative;text-align:center;z-index:1}.progress-line i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#232a34;border:2px solid #3a424e;margin:0 auto 10px;font-style:normal}.progress-line .done i,.progress-line .active i{background:var(--red);border-color:var(--red)}.progress-line b{font-size:12px}.muted{color:var(--muted)}.qr{text-align:center}.fake-qr{font-size:110px;line-height:1}.footer{max-width:1280px;margin:80px auto 0;border-top:1px solid var(--line);padding:35px 24px 55px;display:flex;justify-content:space-between;color:var(--muted)}.footer strong{color:#fff}.footer-links{display:flex;gap:18px}@media(max-width:900px){.main-nav{display:none}.main-nav.open{display:flex;position:absolute;top:76px;left:0;right:0;padding:20px 24px;background:#0b0e13;flex-direction:column;align-items:flex-start}.menu-btn{display:block;margin-left:auto}.hero,.product-layout,.split,.checkout-grid,.delivery-grid{grid-template-columns:1fr}.cols-4,.mega-grid,.dashboard-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.hero{padding-top:55px}.hero h1,.search-hero h1{font-size:46px}.page-title h1{font-size:42px}}@media(max-width:600px){.cols-4,.mega-grid,.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.progress-line{grid-template-columns:1fr;gap:14px;text-align:left}.progress-line:before{display:none}.progress-line>div{display:flex;align-items:center;gap:10px;text-align:left}.progress-line i{margin:0}.footer{flex-direction:column;gap:25px}.footer-links{flex-wrap:wrap}.brand{min-width:auto}.brand .gama{font-size:26px}.brand .equip{font-size:10px}}

/* --- V2: build-ready polish --- */
.dev-ribbon{position:sticky;top:76px;z-index:35;background:linear-gradient(90deg,#7f0714,#e30613);color:#fff;display:flex;justify-content:center;gap:24px;align-items:center;padding:8px 18px;font-size:12px;letter-spacing:.03em;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.dev-ribbon button{background:#fff;color:#111;border:0;border-radius:999px;padding:6px 12px;font-weight:850;cursor:pointer}
.phase-nav{position:fixed;z-index:50;right:18px;top:126px;width:190px;background:rgba(10,13,18,.97);border:1px solid #303642;border-radius:16px;padding:10px;box-shadow:0 22px 60px rgba(0,0,0,.5);display:none}
.phase-nav.open{display:grid}
.phase-nav a{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:8px 9px;border-radius:10px;color:#d8dde5}
.phase-nav a:hover{background:#1a1f28;color:#fff}
.phase-nav b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#251015;color:#ff5363;font-size:11px}
.phase-nav span{font-size:12px;font-weight:800}
.ui-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#2a1015,#12151b);border:1px solid #5a2028;color:#ff4354!important;font-size:15px!important;font-weight:950;letter-spacing:.02em}
.machine-mark{width:250px;height:250px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#242b34 0,#11161d 64%,#090c10 100%);border:1px solid #39414c;box-shadow:inset 0 0 0 18px rgba(255,255,255,.018),0 30px 80px rgba(0,0,0,.35)}
.machine-mark span{font-size:42px;font-weight:950;letter-spacing:-.06em;color:#fff}
.machine-mark b{font-size:13px;letter-spacing:.32em;color:#e30613;margin-left:.32em}
.mega-col h3{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mega-col h3 small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#818a98}
.mega-col a{display:flex;justify-content:space-between;gap:8px}
.mega-col a em{font-style:normal;color:#e30613}
.card,.mega-col,.product-visual,.confirm-card{box-shadow:0 18px 60px rgba(0,0,0,.12)}
@media(max-width:900px){.dev-ribbon{top:70px}.phase-nav{top:116px;right:10px}.machine-mark{width:190px;height:190px}.machine-mark span{font-size:34px}}

/* --- V3: implementation preparation --- */
.integration-strip{max-width:1180px;margin:0 auto 28px;padding:0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.integration-strip>div{background:#0d1117;border:1px solid #252b34;border-radius:12px;padding:13px 15px;display:grid;gap:4px}
.integration-strip b{font-size:10px;color:#f1f3f5;letter-spacing:.08em}
.integration-strip span{font-size:10px;color:#7f8997}
.integration-strip>div:before{content:"";display:block;width:28px;height:3px;border-radius:99px;background:#e30613;margin-bottom:5px}
.page{animation:pageIn .22s ease both}
@keyframes pageIn{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
button,a,.card,.category-card,.product-card{transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}
button:active,.btn:active{transform:translateY(1px)}
input:focus,textarea:focus,select:focus{outline:2px solid rgba(227,6,19,.35);outline-offset:1px}
@media(max-width:900px){.integration-strip{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.integration-strip{grid-template-columns:1fr}.dev-ribbon span{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* --- V4: QA, accessibility, local readiness --- */
.skip-link{position:fixed;left:12px;top:-60px;z-index:999;background:#fff;color:#111;padding:9px 12px;border-radius:8px;font-weight:800}
.skip-link:focus{top:12px}
.build-status{max-width:1180px;margin:18px auto 10px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.build-status>div{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em}
.build-status p{margin:0;color:#77818e;font-size:10px}
.status-dot{width:8px;height:8px;border-radius:50%;background:#35c66b;box-shadow:0 0 0 4px rgba(53,198,107,.12)}
:focus-visible{outline:2px solid #ff3347!important;outline-offset:3px}
@media(max-width:620px){.build-status{align-items:flex-start;flex-direction:column;gap:5px}}

/* --- V5: functional demo catalog --- */
.catalog-demo{max-width:1180px;margin:22px auto;padding:0 22px}
.catalog-head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:16px}
.catalog-head h2{margin:4px 0 6px;font-size:24px}
.catalog-head p{margin:0;color:#8e97a4;max-width:650px}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;color:#e30613}
.catalog-tools{display:flex;gap:10px;min-width:360px}
.catalog-tools input,.catalog-tools select{background:#0c1117;color:#fff;border:1px solid #2a313b;border-radius:10px;padding:10px 12px}
.catalog-tools input{flex:1}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.catalog-item{background:linear-gradient(180deg,#12171e,#0c1015);border:1px solid #262d36;border-radius:14px;padding:16px;display:grid;gap:10px}
.catalog-item .tag{font-size:9px;font-weight:900;letter-spacing:.08em;color:#8b94a1}
.catalog-item h3{margin:0;font-size:16px}
.catalog-item .meta{display:flex;justify-content:space-between;gap:12px;color:#87919d;font-size:10px}
.catalog-item .mode{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}
.catalog-item .mode.quote{background:rgba(227,6,19,.13);color:#ff5967}
.catalog-item .mode.order{background:rgba(53,198,107,.12);color:#65d48d}
.catalog-item .actions{display:flex;gap:8px}
.catalog-item button{border:1px solid #303744;background:#151b23;color:#fff;border-radius:9px;padding:8px 10px;font-weight:800;cursor:pointer}
.catalog-item button.primary{background:#e30613;border-color:#e30613}
.catalog-empty{grid-column:1/-1;color:#7d8793;padding:24px;text-align:center;border:1px dashed #303744;border-radius:12px}
@media(max-width:900px){.catalog-head{align-items:stretch;flex-direction:column}.catalog-tools{min-width:0}.catalog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.catalog-tools{flex-direction:column}.catalog-grid{grid-template-columns:1fr}}

/* --- V6: local selection drawer + stronger ecommerce flow --- */
#selectionBtn{display:inline-flex;gap:6px;align-items:center}
#selectionBadge{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#111;color:#fff;font-size:10px}
.selection-drawer{position:fixed;right:-430px;top:0;z-index:120;width:min(410px,92vw);height:100vh;background:#0b0f14;border-left:1px solid #2a3039;box-shadow:-28px 0 80px rgba(0,0,0,.5);padding:22px;transition:right .22s ease;display:flex;flex-direction:column}
.selection-drawer.open{right:0}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:110;opacity:0;pointer-events:none;transition:opacity .22s}
.drawer-backdrop.open{opacity:1;pointer-events:auto}
.drawer-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #252b34;padding-bottom:14px}
.drawer-head h2{font-size:20px;margin:3px 0 0}
.icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid #303744;background:#131820;color:#fff;font-size:22px;cursor:pointer}
.selection-items{flex:1;overflow:auto;padding:12px 0}
.selection-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid #1d232b}
.selection-row h4{margin:0 0 4px;font-size:13px}
.selection-row small{color:#7e8895}
.selection-row button{border:0;background:transparent;color:#e65b67;cursor:pointer;font-size:12px}
.drawer-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.drawer-summary>div{background:#11161d;border:1px solid #252c35;border-radius:10px;padding:11px}
.drawer-summary span{display:block;color:#7e8794;font-size:9px;text-transform:uppercase}
.drawer-summary b{display:block;margin-top:4px;font-size:20px}
.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.drawer-actions .btn{text-align:center}
.btn.ghost{background:#12171e;border:1px solid #303744;color:#fff}
.local-toast{position:fixed;left:50%;bottom:24px;z-index:150;transform:translate(-50%,18px);opacity:0;background:#fff;color:#111;border-radius:999px;padding:10px 15px;font-size:11px;font-weight:850;box-shadow:0 16px 50px rgba(0,0,0,.35);transition:.2s}
.local-toast.show{transform:translate(-50%,0);opacity:1}

/* --- V7: customer flow, route polish, demo validation --- */
.flow-status,.customer-demo{max-width:1180px;margin:18px auto;padding:0 22px}
.flow-card,.customer-card{background:linear-gradient(180deg,#10151c,#0b0f14);border:1px solid #252c35;border-radius:16px;padding:18px}
.flow-card{display:grid;grid-template-columns:1.2fr 1fr auto;gap:18px;align-items:end}
.flow-card h3,.customer-card h3{margin:4px 0 0}
.flow-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.flow-metrics>div{background:#141a22;border:1px solid #252c35;border-radius:10px;padding:10px}
.flow-metrics span{display:block;color:#818b98;font-size:9px;text-transform:uppercase}
.flow-metrics b{display:block;font-size:20px;margin-top:3px}
.flow-actions{display:flex;gap:8px;justify-content:flex-end}
.customer-card{display:grid;grid-template-columns:240px 1fr auto;gap:18px;align-items:end}
.customer-card p{margin:5px 0 0;color:#7d8794;font-size:11px}
.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.customer-grid label{display:grid;gap:5px;color:#8e98a5;font-size:10px}
.customer-grid input{background:#0b1016;color:#fff;border:1px solid #2c333d;border-radius:9px;padding:9px 10px}
.customer-actions{display:grid;gap:8px;min-width:140px}
.saved-indicator{font-size:10px;color:#7e8794;text-align:center}
.saved-indicator.ok{color:#64d68b}
.phase-nav a.active{background:#241015;color:#fff}
.phase-nav a.active b{background:#e30613;color:#fff}
@media(max-width:900px){.flow-card,.customer-card{grid-template-columns:1fr}.flow-actions{justify-content:flex-start}.customer-actions{min-width:0}.customer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.flow-metrics,.customer-grid{grid-template-columns:1fr}.flow-actions{flex-direction:column}}

/* --- V8: local transaction engine + account history --- */
.history-demo{max-width:1180px;margin:18px auto;padding:0 22px}
.history-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:12px}
.history-head h2{margin:4px 0 5px;font-size:22px}
.history-head p{margin:0;color:#838d99;font-size:11px}
.history-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.history-item{background:#0e1319;border:1px solid #262d36;border-radius:14px;padding:14px;display:grid;gap:9px}
.history-item .top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.history-item .type{font-size:9px;font-weight:900;letter-spacing:.1em;color:#ff5967}
.history-item .id{font-size:10px;color:#8a94a0;font-family:monospace}
.history-item h4{margin:0;font-size:14px}
.history-item .line{display:flex;justify-content:space-between;color:#818b97;font-size:10px}
.history-item .status{width:max-content;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;background:rgba(78,139,255,.12);color:#74a6ff}
.history-empty{grid-column:1/-1;border:1px dashed #303844;border-radius:12px;color:#76818e;padding:22px;text-align:center}
@media(max-width:900px){.history-head{align-items:stretch;flex-direction:column}.history-actions{justify-content:flex-start}.history-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.history-grid{grid-template-columns:1fr}.history-actions{display:grid}.history-actions .btn{width:100%}}

/* --- V9: full-stack local backend status --- */
.api-status{max-width:1180px;margin:12px auto 0;padding:0 22px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.api-status>div{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.06em}
.api-status small{color:#77818e}
.api-status .status-dot.offline{background:#e30613;box-shadow:0 0 0 4px rgba(227,6,19,.12)}
.api-status .status-dot.online{background:#35c66b;box-shadow:0 0 0 4px rgba(53,198,107,.12)}
@media(max-width:620px){.api-status{align-items:flex-start;flex-direction:column;gap:5px}}

/* --- V10: local admin / operational readiness --- */
.admin-demo{max-width:1180px;margin:20px auto;padding:0 22px}
.admin-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:12px}
.admin-head h2{margin:4px 0 5px;font-size:23px}
.admin-head p{margin:0;color:#818b98;font-size:11px}
.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}
.admin-kpis article{background:linear-gradient(180deg,#121820,#0c1015);border:1px solid #282f38;border-radius:13px;padding:14px}
.admin-kpis span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.admin-kpis b{display:block;margin-top:5px;font-size:23px}
.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.admin-panel{background:#0e1319;border:1px solid #272e37;border-radius:13px;padding:15px}
.admin-panel h3{margin:0 0 12px;font-size:14px}
.system-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #1e252d;color:#8c96a2;font-size:10px}
.system-row b{color:#63d48b}.system-row b.pending{color:#e5a34e}
.admin-panel ol{margin:0;padding-left:20px;color:#8c96a2;font-size:11px;line-height:1.9}
@media(max-width:760px){.admin-kpis{grid-template-columns:1fr 1fr}.admin-columns{grid-template-columns:1fr}.admin-head{align-items:stretch;flex-direction:column}}

/* --- V12: QA / handoff readiness --- */
.qa-panel{max-width:1180px;margin:18px auto;padding:16px 22px;background:#0d1218;border:1px solid #272e37;border-radius:15px;display:grid;grid-template-columns:1.2fr 1fr auto;gap:18px;align-items:center}
.qa-panel h2{margin:4px 0 5px;font-size:20px}
.qa-panel p{margin:0;color:#808a97;font-size:11px}
.qa-results{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.qa-check{border:1px solid #29313a;border-radius:8px;padding:7px 9px;font-size:9px;color:#8d97a3}
.qa-check.ok{color:#64d58c;border-color:rgba(53,198,107,.28)}
.qa-check.fail{color:#ff6976;border-color:rgba(227,6,19,.35)}
@media(max-width:800px){.qa-panel{grid-template-columns:1fr}.qa-results{grid-template-columns:1fr 1fr}}

/* --- V13: compatibility finder --- */
.compat-demo{max-width:1180px;margin:18px auto;padding:18px 22px;background:linear-gradient(120deg,#10151c,#0b0f14);border:1px solid #272e37;border-radius:16px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.compat-copy h2{margin:4px 0 6px;font-size:22px}.compat-copy p{margin:0;color:#818b98;font-size:11px;max-width:650px}
.compat-controls{display:flex;gap:8px;align-items:center}.compat-controls select{flex:1;background:#0b1016;color:#fff;border:1px solid #303844;border-radius:10px;padding:10px}
.compat-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.compat-result{background:#131920;border:1px solid #29313a;border-radius:11px;padding:11px}
.compat-result b{display:block;font-size:12px}.compat-result span{font-size:9px;color:#84909d}
@media(max-width:720px){.compat-demo{grid-template-columns:1fr}.compat-results{grid-template-columns:1fr}.compat-controls{flex-direction:column;align-items:stretch}}

/* --- V14: delivery / tracking simulation --- */
.delivery-demo{max-width:1180px;margin:18px auto;padding:18px 22px;border:1px solid #272e37;border-radius:16px;background:#0d1218;display:grid;grid-template-columns:1fr auto;gap:18px}
.delivery-demo h2{margin:4px 0 6px;font-size:22px}.delivery-demo p{margin:0;color:#818b98;font-size:11px}
.delivery-controls{display:flex;gap:8px;align-items:center}.delivery-controls input{background:#090e13;color:#fff;border:1px solid #303844;border-radius:10px;padding:10px 12px}
.tracking-timeline{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.track-step{position:relative;background:#121820;border:1px solid #29313a;border-radius:11px;padding:12px}
.track-step span{display:block;font-size:9px;color:#7f8996;text-transform:uppercase}.track-step b{display:block;margin-top:4px;font-size:11px}
.track-step.done{border-color:rgba(53,198,107,.35)}.track-step.done:before{content:"✓";position:absolute;right:10px;top:9px;color:#64d58c;font-weight:900}
@media(max-width:720px){.delivery-demo{grid-template-columns:1fr}.delivery-controls{align-items:stretch;flex-direction:column}.tracking-timeline{grid-template-columns:1fr 1fr}}

/* --- V15: staging readiness --- */
.staging-panel{max-width:1180px;margin:18px auto;padding:18px 22px;border:1px solid #2b323c;border-radius:16px;background:#0c1117;display:grid;grid-template-columns:.9fr 1.4fr;gap:20px;align-items:center}
.staging-panel h2{margin:4px 0 6px;font-size:21px}.staging-panel p{margin:0;color:#818b98;font-size:11px}
.staging-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.staging-grid>div{background:#121820;border:1px solid #29313a;border-radius:10px;padding:10px}
.staging-grid span{display:block;font-size:9px;color:#818b98;text-transform:uppercase}.staging-grid b{display:block;margin-top:4px;font-size:10px}
.staging-grid .ready{color:#64d58c}.staging-grid .wait{color:#e6a44f}
@media(max-width:800px){.staging-panel{grid-template-columns:1fr}.staging-grid{grid-template-columns:1fr 1fr}}

/* --- V16: customer account dashboard --- */
.account-v16{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.account-title{display:flex;justify-content:space-between;gap:16px;align-items:end}
.account-title h2{margin:4px 0 6px;font-size:23px}.account-title p{margin:0;color:#818b98;font-size:11px}
.account-tabs{display:flex;gap:7px;margin:16px 0 10px;border-bottom:1px solid #252c35;padding-bottom:10px;overflow:auto}
.account-tab{background:#121820;color:#8d97a3;border:1px solid #29313a;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:850;cursor:pointer}
.account-tab.active{background:#e30613;border-color:#e30613;color:#fff}
.account-content{min-height:88px}
.account-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.account-entry{background:#121820;border:1px solid #29313a;border-radius:11px;padding:12px}
.account-entry span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}.account-entry b{display:block;margin-top:4px;font-size:12px}.account-entry small{display:block;margin-top:5px;color:#77818d}
@media(max-width:720px){.account-title{align-items:stretch;flex-direction:column}.account-list{grid-template-columns:1fr}}

/* --- V17: order validation / checkout readiness --- */
.checkout-v17{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.checkout-head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.checkout-head h2{margin:4px 0 6px;font-size:22px}.checkout-head p{margin:0;color:#818b98;font-size:11px}
.checkout-state{border:1px solid #39414c;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900;color:#e6a44f}
.checkout-state.ok{color:#64d58c;border-color:rgba(53,198,107,.35)}
.checkout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.checkout-box{background:#121820;border:1px solid #29313a;border-radius:11px;padding:12px;color:#818b98;font-size:10px}
.checkout-box h3{margin:0 0 8px;color:#fff;font-size:12px}
.checkout-actions{margin-top:10px;display:flex;justify-content:flex-end}
@media(max-width:720px){.checkout-head{align-items:stretch;flex-direction:column}.checkout-grid{grid-template-columns:1fr}.checkout-actions{justify-content:stretch}.checkout-actions .btn{width:100%}}

/* --- V18: synonym/code search readiness --- */
.search-v18{max-width:1180px;margin:18px auto;padding:18px 22px;border:1px solid #29313a;border-radius:16px;background:linear-gradient(120deg,#0f141b,#0b0f14);display:grid;grid-template-columns:1fr auto;gap:18px}
.search-v18 h2{margin:4px 0 6px;font-size:22px}.search-v18 p{margin:0;color:#818b98;font-size:11px;max-width:690px}
.search-v18-box{display:flex;gap:8px;align-items:center}.search-v18-box input{min-width:340px;background:#090e13;color:#fff;border:1px solid #303844;border-radius:10px;padding:10px 12px}
.smart-search-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.smart-result{background:#121820;border:1px solid #29313a;border-radius:11px;padding:11px}
.smart-result span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}.smart-result b{display:block;margin-top:4px;font-size:12px}.smart-result small{display:block;margin-top:5px;color:#74808d}
@media(max-width:760px){.search-v18{grid-template-columns:1fr}.search-v18-box{align-items:stretch;flex-direction:column}.search-v18-box input{min-width:0}.smart-search-results{grid-template-columns:1fr}}

/* --- V19: favorites + recent products --- */
.return-v19{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px;display:grid;grid-template-columns:1fr auto;gap:14px}
.return-copy h2{margin:4px 0 6px;font-size:22px}.return-copy p{margin:0;color:#818b98;font-size:11px}
.return-tabs{display:flex;gap:7px;align-items:center}.return-tab{background:#121820;color:#8d97a3;border:1px solid #29313a;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:850;cursor:pointer}
.return-tab.active{background:#e30613;border-color:#e30613;color:#fff}
.return-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.return-card{background:#121820;border:1px solid #29313a;border-radius:11px;padding:11px;display:grid;gap:7px}
.return-card span{font-size:9px;color:#7f8996}.return-card b{font-size:12px}.return-card button{justify-self:start;background:transparent;border:0;color:#ff6673;font-size:10px;cursor:pointer;padding:0}
@media(max-width:720px){.return-v19{grid-template-columns:1fr}.return-tabs{align-items:stretch}.return-results{grid-template-columns:1fr}}

/* --- V20: integration sync center --- */
.sync-v20{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.sync-head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.sync-head h2{margin:4px 0 6px;font-size:22px}.sync-head p{margin:0;color:#818b98;font-size:11px}
.sync-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.sync-card{background:#121820;border:1px solid #29313a;border-radius:11px;padding:12px}
.sync-card span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}.sync-card b{display:block;margin:5px 0;font-size:11px}
.sync-card small{color:#707b88}.sync-ok{color:#64d58c}.sync-wait{color:#e6a44f}.sync-off{color:#ff6976}
@media(max-width:800px){.sync-head{align-items:stretch;flex-direction:column}.sync-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.sync-grid{grid-template-columns:1fr}}

/* --- V21: release readiness scorecard --- */
.release-v21{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.release-head{display:flex;justify-content:space-between;gap:18px;align-items:center}
.release-head h2{margin:4px 0 6px;font-size:22px}.release-head p{margin:0;color:#818b98;font-size:11px}
.release-score{min-width:100px;text-align:center;background:#121820;border:1px solid #29313a;border-radius:13px;padding:10px}
.release-score b{display:block;font-size:24px}.release-score span{font-size:9px;color:#7f8996;text-transform:uppercase}
.release-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.release-check{background:#121820;border:1px solid #29313a;border-radius:10px;padding:10px}
.release-check span{display:block;font-size:9px;color:#7f8996;text-transform:uppercase}.release-check b{display:block;margin-top:4px;font-size:10px}
.release-check .yes{color:#64d58c}.release-check .no{color:#e6a44f}
@media(max-width:800px){.release-head{align-items:stretch;flex-direction:column}.release-checks{grid-template-columns:1fr 1fr}}

/* --- V22: quote request preview --- */
.quote-builder-v22{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.qb-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.qb-head h2{margin:4px 0 6px;font-size:22px}.qb-head p{margin:0;color:#818b98;font-size:11px}
.qb-layout{display:grid;grid-template-columns:.8fr 1fr 1.2fr;gap:8px;margin-top:14px}
.qb-card{background:#121820;border:1px solid #29313a;border-radius:11px;padding:12px;color:#818b98;font-size:10px}.qb-card h3{margin:0 0 8px;color:#fff;font-size:12px}
.qb-note textarea{width:100%;min-height:78px;resize:vertical;background:#090e13;color:#fff;border:1px solid #303844;border-radius:9px;padding:9px;box-sizing:border-box}.qb-note small{display:block;text-align:right;margin-top:4px}
.qb-footer{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:10px}.qb-state{font-size:9px;font-weight:900;color:#e6a44f;border:1px solid #3b424b;border-radius:999px;padding:6px 9px}.qb-state.ok{color:#64d58c;border-color:rgba(53,198,107,.35)}
@media(max-width:800px){.qb-head{align-items:stretch;flex-direction:column}.qb-layout{grid-template-columns:1fr}.qb-footer{justify-content:stretch;flex-wrap:wrap}.qb-footer .btn{flex:1}}

/* --- V23: mobile UX readiness --- */
.mobile-v23{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.mobile-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.mobile-head h2{margin:4px 0 6px;font-size:22px}.mobile-head p{margin:0;color:#818b98;font-size:11px}
.mobile-checks{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}
.mobile-check{background:#121820;border:1px solid #29313a;border-radius:10px;padding:10px}.mobile-check span{display:block;font-size:9px;color:#7f8996;text-transform:uppercase}.mobile-check b{display:block;margin-top:4px;font-size:10px;color:#64d58c}
@media(max-width:800px){.mobile-head{align-items:stretch;flex-direction:column}.mobile-checks{grid-template-columns:1fr 1fr}}
@media(max-width:520px){
  body{overflow-x:hidden}
  .mobile-checks{grid-template-columns:1fr}
  button,.btn,input,select,textarea{min-height:44px}
  .phase-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .phase-nav a{flex:0 0 auto}
}

/* --- V24: internal GAMA inbox --- */
.inbox-v24{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.inbox-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.inbox-head h2{margin:4px 0 6px;font-size:22px}.inbox-head p{margin:0;color:#818b98;font-size:11px}
.inbox-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.inbox-summary article{background:#121820;border:1px solid #29313a;border-radius:10px;padding:11px}.inbox-summary span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}.inbox-summary b{display:block;margin-top:4px;font-size:20px}
.inbox-rows{margin-top:8px;display:grid;gap:6px}.inbox-row{display:grid;grid-template-columns:110px 1fr 130px;gap:10px;align-items:center;background:#121820;border:1px solid #29313a;border-radius:10px;padding:10px;font-size:10px}.inbox-row span{color:#7f8996}.inbox-row b{font-size:11px}.inbox-status{justify-self:end;border:1px solid #3a424d;border-radius:999px;padding:5px 8px;color:#e6a44f}
@media(max-width:720px){.inbox-head{align-items:stretch;flex-direction:column}.inbox-summary{grid-template-columns:1fr}.inbox-row{grid-template-columns:1fr}.inbox-status{justify-self:start}}

/* --- V25: internal task board --- */
.tasks-v25{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.tasks-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.tasks-head h2{margin:4px 0 6px;font-size:22px}.tasks-head p{margin:0;color:#818b98;font-size:11px}
.tasks-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.task-column{background:#10161d;border:1px solid #29313a;border-radius:12px;padding:10px}.task-column h3{margin:0 0 9px;font-size:11px;text-transform:uppercase;color:#8b95a1}
.task-card{background:#151b23;border:1px solid #2e3640;border-radius:9px;padding:9px;margin-bottom:7px}.task-card span{display:block;color:#7f8996;font-size:9px}.task-card b{display:block;margin-top:3px;font-size:11px}.task-card small{display:block;margin-top:5px;color:#6f7a87}
@media(max-width:760px){.tasks-head{align-items:stretch;flex-direction:column}.tasks-columns{grid-template-columns:1fr}}

/* --- V26: catalog import center --- */
.import-v26{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.import-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.import-head h2{margin:4px 0 6px;font-size:22px}.import-head p{margin:0;color:#818b98;font-size:11px}
.import-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.import-grid article{background:#121820;border:1px solid #29313a;border-radius:10px;padding:10px}.import-grid span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}.import-grid b{display:block;margin-top:4px;font-size:10px;color:#64d58c}
.import-log{margin-top:10px;background:#090e13;border:1px solid #252c35;border-radius:10px;padding:10px;color:#7f8996;font:10px/1.6 monospace;min-height:36px}
@media(max-width:760px){.import-head{align-items:stretch;flex-direction:column}.import-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.import-grid{grid-template-columns:1fr}}

/* --- V27: catalog data quality --- */
.quality-v27{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.quality-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.quality-head h2{margin:4px 0 6px;font-size:22px}.quality-head p{margin:0;color:#818b98;font-size:11px}
.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.quality-grid article{background:#121820;border:1px solid #29313a;border-radius:10px;padding:10px}.quality-grid span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}.quality-grid b{display:block;margin-top:4px;font-size:20px}
.quality-log{margin-top:10px;display:grid;gap:6px}.quality-issue{background:#121820;border:1px solid #29313a;border-radius:9px;padding:9px;font-size:10px}.quality-issue b{display:block;font-size:11px}.quality-issue span{color:#7f8996}
@media(max-width:760px){.quality-head{align-items:stretch;flex-direction:column}.quality-grid{grid-template-columns:1fr 1fr}}

/* --- V28: saved lists / recurring B2B orders --- */
.savedlists-v28{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.savedlists-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.savedlists-head h2{margin:4px 0 6px;font-size:22px}.savedlists-head p{margin:0;color:#818b98;font-size:11px}
.savedlists-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;margin-top:14px}
.savedlists-current,.savedlists-history{background:#121820;border:1px solid #29313a;border-radius:11px;padding:12px}
.savedlists-current h3,.savedlists-history h3{margin:0 0 9px;font-size:12px}
.saved-list-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #202731}
.saved-list-row b{font-size:11px}.saved-list-row span{font-size:9px;color:#7f8996}.saved-list-row button{border:0;background:transparent;color:#ff6673;font-size:10px;cursor:pointer}
@media(max-width:760px){.savedlists-head{align-items:stretch;flex-direction:column}.savedlists-grid{grid-template-columns:1fr}.saved-list-row{grid-template-columns:1fr}}

/* --- V29: product document center --- */
.docs-v29{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.docs-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.docs-head h2{margin:4px 0 6px;font-size:22px}.docs-head p{margin:0;color:#818b98;font-size:11px}
.docs-filter{margin-top:14px}.docs-filter input{width:100%;box-sizing:border-box;background:#090e13;color:#fff;border:1px solid #303844;border-radius:10px;padding:10px 12px}
.docs-rows{display:grid;gap:7px;margin-top:9px}.doc-row{display:grid;grid-template-columns:120px 1fr 130px;gap:10px;align-items:center;background:#121820;border:1px solid #29313a;border-radius:10px;padding:10px}
.doc-row span{font-size:9px;color:#7f8996}.doc-row b{font-size:11px}.doc-row em{font-style:normal;font-size:9px;color:#e6a44f;text-align:right}
@media(max-width:720px){.docs-head{align-items:stretch;flex-direction:column}.doc-row{grid-template-columns:1fr}.doc-row em{text-align:left}}

/* --- V30: product comparison --- */
.compare-v30{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.compare-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.compare-head h2{margin:4px 0 6px;font-size:22px}.compare-head p{margin:0;color:#818b98;font-size:11px}
.compare-picker{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;align-items:center;margin-top:14px}.compare-picker select{background:#090e13;color:#fff;border:1px solid #303844;border-radius:10px;padding:10px}
.compare-picker>span{font-size:9px;color:#7f8996;font-weight:900}
.compare-result{margin-top:10px;display:grid;grid-template-columns:140px 1fr 1fr;border:1px solid #29313a;border-radius:11px;overflow:hidden}
.compare-cell{padding:10px;background:#121820;border-right:1px solid #29313a;border-bottom:1px solid #29313a;font-size:10px}.compare-cell.label{color:#7f8996;text-transform:uppercase;font-size:9px}.compare-cell strong{font-size:11px}
@media(max-width:760px){.compare-head{align-items:stretch;flex-direction:column}.compare-picker{grid-template-columns:1fr}.compare-picker>span{display:none}.compare-result{grid-template-columns:95px 1fr 1fr;overflow:auto}}

/* --- V31: missing product request --- */
.missing-v31{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.missing-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.missing-head h2{margin:4px 0 6px;font-size:22px}.missing-head p{margin:0;color:#818b98;font-size:11px}
.missing-state{border:1px solid #39414c;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900;color:#e6a44f}.missing-state.ok{color:#64d58c;border-color:rgba(53,198,107,.35)}
.missing-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:14px}.missing-form input,.missing-form textarea{background:#090e13;color:#fff;border:1px solid #303844;border-radius:10px;padding:10px 12px;box-sizing:border-box}.missing-form textarea{grid-column:1/3;min-height:74px;resize:vertical}.missing-form .btn{grid-column:3;grid-row:1/3}
@media(max-width:760px){.missing-head{align-items:stretch;flex-direction:column}.missing-form{grid-template-columns:1fr}.missing-form textarea,.missing-form .btn{grid-column:1;grid-row:auto}}

/* --- V32: compatibility finder --- */
.compat-v32{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.compat-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.compat-head h2{margin:4px 0 6px;font-size:22px}.compat-head p{margin:0;color:#818b98;font-size:11px}
.compat-form{display:grid;grid-template-columns:1fr 220px;gap:8px;margin-top:14px}.compat-form input,.compat-form select{background:#090e13;color:#fff;border:1px solid #303844;border-radius:10px;padding:10px 12px}
.compat-results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.compat-card{background:#121820;border:1px solid #29313a;border-radius:10px;padding:10px}.compat-card span{display:block;color:#7f8996;font-size:9px}.compat-card b{display:block;margin-top:4px;font-size:11px}.compat-card small{display:block;margin-top:5px;color:#e6a44f}
@media(max-width:760px){.compat-head{align-items:stretch;flex-direction:column}.compat-form{grid-template-columns:1fr}.compat-results{grid-template-columns:1fr}}

/* --- V33: B2B company / billing / shipping profile --- */
.company-v33{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.company-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.company-head h2{margin:4px 0 6px;font-size:22px}.company-head p{margin:0;color:#818b98;font-size:11px}
.company-state{border:1px solid #39414c;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900;color:#e6a44f}.company-state.ok{color:#64d58c;border-color:rgba(53,198,107,.35)}
.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.company-card{background:#121820;border:1px solid #29313a;border-radius:11px;padding:12px;display:grid;gap:7px}.company-card h3{margin:0 0 3px;font-size:12px}.company-card input:not([type="checkbox"]){background:#090e13;color:#fff;border:1px solid #303844;border-radius:9px;padding:9px}.same-address{font-size:9px;color:#8a95a1;display:flex;gap:6px;align-items:center}
.company-actions{display:flex;justify-content:flex-end;margin-top:10px}
@media(max-width:760px){.company-head{align-items:stretch;flex-direction:column}.company-grid{grid-template-columns:1fr}.company-actions .btn{width:100%}}

.checkout-v34{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.checkout-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.checkout-head h2{margin:4px 0 6px;font-size:22px}.checkout-head p{margin:0;color:#818b98;font-size:11px}
.checkout-state{border:1px solid #39414c;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900;color:#e6a44f}.checkout-state.ok{color:#64d58c;border-color:rgba(53,198,107,.35)}
.checkout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.checkout-card{background:#121820;border:1px solid #29313a;border-radius:11px;padding:12px}.checkout-card span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}.checkout-card b{display:block;margin:5px 0;font-size:12px}.checkout-card small{color:#6f7a87}
.checkout-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:10px}.checkout-actions label{font-size:10px;color:#8b95a1}
@media(max-width:760px){.checkout-head{align-items:stretch;flex-direction:column}.checkout-grid{grid-template-columns:1fr}.checkout-actions{align-items:stretch;flex-direction:column}.checkout-actions .btn{width:100%}}

/* --- V35: integration readiness center --- */
.integration-v35{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.integration-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.integration-head h2{margin:4px 0 6px;font-size:22px}.integration-head p{margin:0;color:#818b98;font-size:11px}
.integration-rows{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.integration-card{background:#121820;border:1px solid #29313a;border-radius:11px;padding:11px}.integration-card span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}.integration-card b{display:block;margin:5px 0;font-size:11px}.integration-card small{color:#e6a44f}.integration-card small.ready{color:#64d58c}
@media(max-width:800px){.integration-head{align-items:stretch;flex-direction:column}.integration-rows{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.integration-rows{grid-template-columns:1fr}}

/* --- V36: pre-launch control center --- */
.launch-v36{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.launch-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.launch-head h2{margin:4px 0 6px;font-size:22px}.launch-head p{margin:0;color:#818b98;font-size:11px}
.launch-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.launch-card{background:#121820;border:1px solid #29313a;border-radius:11px;padding:11px}.launch-card span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}.launch-card b{display:block;margin:5px 0;font-size:11px}.launch-card small{color:#e6a44f}.launch-card small.ok{color:#64d58c}
@media(max-width:760px){.launch-head{align-items:stretch;flex-direction:column}.launch-rows{grid-template-columns:1fr}}

/* --- V37: SEO readiness --- */
.seo-v37{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.seo-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.seo-head h2{margin:4px 0 6px;font-size:22px}.seo-head p{margin:0;color:#818b98;font-size:11px}
.seo-rows{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.seo-card{background:#121820;border:1px solid #29313a;border-radius:11px;padding:11px}.seo-card span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}.seo-card b{display:block;margin:5px 0;font-size:11px}.seo-card small{color:#64d58c}.seo-card small.todo{color:#e6a44f}
@media(max-width:800px){.seo-head{align-items:stretch;flex-direction:column}.seo-rows{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.seo-rows{grid-template-columns:1fr}}

/* --- V38: resilience / error-state UX --- */
.resilience-v38{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.resilience-head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.resilience-head h2{margin:4px 0 6px;font-size:22px}
.resilience-head p{margin:0;color:#818b98;font-size:11px}
.resilience-rows{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.resilience-card{background:#121820;border:1px solid #29313a;border-radius:11px;padding:11px}
.resilience-card span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}
.resilience-card b{display:block;margin:5px 0;font-size:11px}
.resilience-card small{color:#8e99a6;line-height:1.4}
.resilience-card.warn{border-color:#4a3b23}
.resilience-card.error{border-color:#4a2429}
@media(max-width:800px){.resilience-head{align-items:stretch;flex-direction:column}.resilience-rows{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.resilience-rows{grid-template-columns:1fr}}

/* --- V39: lightweight support / warranty flow --- */
.support-v39{max-width:1180px;margin:18px auto;padding:18px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.support-head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.support-head h2{margin:4px 0 6px;font-size:22px}.support-head p{margin:0;color:#818b98;font-size:11px;max-width:760px}
.support-badge{border:1px solid rgba(53,198,107,.35);color:#64d58c;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900}
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.support-grid article{background:#121820;border:1px solid #29313a;border-radius:11px;padding:11px}
.support-grid span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}
.support-grid b{display:block;margin:5px 0;font-size:11px}
.support-grid small{color:#8e99a6;line-height:1.4}
@media(max-width:760px){.support-head{align-items:stretch;flex-direction:column}.support-grid{grid-template-columns:1fr}}

/* --- V40: final pre-Work checkpoint --- */
.handoff-v40{max-width:1180px;margin:18px auto;padding:20px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.handoff-head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.handoff-head h2{margin:4px 0 6px;font-size:23px}.handoff-head p{margin:0;color:#818b98;font-size:11px;max-width:780px}
.handoff-badge{border:1px solid rgba(53,198,107,.35);color:#64d58c;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900}
.handoff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.handoff-grid article{background:#121820;border:1px solid #29313a;border-radius:11px;padding:11px}
.handoff-grid span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}
.handoff-grid b{display:block;margin:5px 0;font-size:11px}.handoff-grid small{color:#8e99a6;line-height:1.4}
@media(max-width:800px){.handoff-head{align-items:stretch;flex-direction:column}.handoff-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.handoff-grid{grid-template-columns:1fr}}

/* --- V41: post-V40 consolidation audit --- */
.consolidation-v41{max-width:1180px;margin:18px auto;padding:20px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.consolidation-head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.consolidation-head h2{margin:4px 0 6px;font-size:23px}.consolidation-head p{margin:0;color:#818b98;font-size:11px;max-width:780px}
.consolidation-badge{border:1px solid rgba(53,198,107,.35);color:#64d58c;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900}
.consolidation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.consolidation-grid article{background:#121820;border:1px solid #29313a;border-radius:11px;padding:11px}
.consolidation-grid span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}
.consolidation-grid b{display:block;margin:5px 0;font-size:11px}.consolidation-grid small{color:#8e99a6;line-height:1.4}
@media(max-width:800px){.consolidation-head{align-items:stretch;flex-direction:column}.consolidation-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.consolidation-grid{grid-template-columns:1fr}}

/* --- V42: UI cleanup checkpoint --- */
.cleanup-v42{max-width:1180px;margin:18px auto;padding:20px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.cleanup-head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.cleanup-head h2{margin:4px 0 6px;font-size:23px}.cleanup-head p{margin:0;color:#818b98;font-size:11px;max-width:780px}
.cleanup-badge{border:1px solid rgba(53,198,107,.35);color:#64d58c;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900}
.cleanup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.cleanup-grid article{background:#121820;border:1px solid #29313a;border-radius:11px;padding:11px}
.cleanup-grid span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}
.cleanup-grid b{display:block;margin:5px 0;font-size:11px}.cleanup-grid small{color:#8e99a6;line-height:1.4}
@media(max-width:800px){.cleanup-head{align-items:stretch;flex-direction:column}.cleanup-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.cleanup-grid{grid-template-columns:1fr}}

/* --- V43: accessibility / responsive audit --- */
.access-v43{max-width:1180px;margin:18px auto;padding:20px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.access-head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.access-head h2{margin:4px 0 6px;font-size:23px}.access-head p{margin:0;color:#818b98;font-size:11px;max-width:780px}
.access-rows{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.access-card{background:#121820;border:1px solid #29313a;border-radius:11px;padding:11px}
.access-card span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}
.access-card b{display:block;margin:5px 0;font-size:11px}.access-card small{color:#e6a44f}.access-card small.ok{color:#64d58c}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:800px){.access-head{align-items:stretch;flex-direction:column}.access-rows{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.access-rows{grid-template-columns:1fr}}

/* --- V44: security / production readiness audit --- */
.security-v44{max-width:1180px;margin:18px auto;padding:20px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.security-head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.security-head h2{margin:4px 0 6px;font-size:23px}.security-head p{margin:0;color:#818b98;font-size:11px;max-width:780px}
.security-rows{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.security-card{background:#121820;border:1px solid #29313a;border-radius:11px;padding:11px}
.security-card span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}
.security-card b{display:block;margin:5px 0;font-size:11px}.security-card small{color:#e6a44f}.security-card small.ok{color:#64d58c}
@media(max-width:800px){.security-head{align-items:stretch;flex-direction:column}.security-rows{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.security-rows{grid-template-columns:1fr}}

/* --- V45 MASTER: final local checkpoint --- */
.master-v45{max-width:1180px;margin:18px auto;padding:21px 22px;background:#0c1117;border:1px solid #29313a;border-radius:16px}
.master-head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.master-head h2{margin:4px 0 6px;font-size:24px}.master-head p{margin:0;color:#818b98;font-size:11px;max-width:800px}
.master-badge{border:1px solid rgba(53,198,107,.45);color:#64d58c;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:900}
.master-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.master-grid article{background:#121820;border:1px solid #29313a;border-radius:11px;padding:11px}
.master-grid span{display:block;color:#7f8996;font-size:9px;text-transform:uppercase}
.master-grid b{display:block;margin:5px 0;font-size:11px}.master-grid small{color:#8e99a6;line-height:1.4}
@media(max-width:800px){.master-head{align-items:stretch;flex-direction:column}.master-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.master-grid{grid-template-columns:1fr}}