:root{--navy:#0e2a45;--blue:#1864c4;--blue2:#e8f2ff;--green:#12845b;--mint:#e5f5ed;--text:#22364d;--muted:#607389;--border:#dfe7ee;--white:#fff;--bg:#f8fbfd;--shadow:0 16px 44px rgba(20,58,83,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff;font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{max-width:1160px;width:calc(100% - 44px);margin:0 auto}.safety-bar{background:#eaf2f9;text-align:center;color:#25577a;font-size:11px;font-weight:750;letter-spacing:1.2px;padding:9px}.topnav{position:sticky;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);z-index:3;backdrop-filter:blur(10px)}.nav-inner{min-height:77px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-symbol{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#107abc,#108b67);border-radius:11px;color:#fff;width:40px;height:40px;font-size:24px;font-weight:bold}.brand strong{font-size:22px;letter-spacing:-1.1px;color:var(--blue)}.brand strong span{color:var(--green)}.brand small{display:block;color:#7f91a2;font-size:10px;letter-spacing:.45px;margin-top:1px}.navlinks{display:flex;gap:28px;color:#486077;font-size:13px;font-weight:600}.navlinks a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:9px}.welcome{font-size:12px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 18px;border-radius:9px;border:1px solid transparent;font-weight:700;font-size:13px;white-space:nowrap;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--blue);color:white;box-shadow:0 5px 14px rgba(24,100,196,.19)}.btn.light{background:#eff5fc;color:#26639d}.btn.outline{background:white;color:var(--blue);border-color:#b8cde2}.btn.large{padding:16px 24px}.hidden{display:none!important}.hero{background:radial-gradient(circle at 91% 20%,#e3f7ec 0,transparent 29%),linear-gradient(115deg,#f1f8ff,#fafdfd);padding:80px 0 76px}.hero-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:76px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--green);font-weight:800}.hero h1{font-size:clamp(36px,4.6vw,59px);letter-spacing:-2.9px;line-height:1.14;margin:22px 0 19px;color:var(--navy)}.hero h1 em{font-style:normal;color:var(--green)}.lead{line-height:1.85;color:var(--muted);font-size:16px;max-width:575px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;color:#56816f;font-size:11px;font-weight:700;margin-top:35px}.feature-visual{background:var(--white);border:1px solid #deebee;box-shadow:var(--shadow);border-radius:21px;padding:25px;transform:rotate(-1deg)}.visual-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.6px;color:#7990a0;font-weight:800}.pulsedot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #e2f4e9}.visual-title{font-weight:800;font-size:23px;letter-spacing:-.6px;margin:30px 0 19px;color:var(--navy)}.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-square{border-radius:14px;padding:14px 11px;min-height:163px;display:flex;flex-direction:column;gap:8px}.feature-square.blue{background:#e6f2ff;color:#225ab0}.feature-square.green{background:#e6f7eb;color:#177c55}.feature-square.white{background:#f0f4f7;color:#3d5269}.feature-square>span{font-weight:800;font-size:10px;opacity:.55}.feature-square strong{font-size:12px;line-height:1.25}.feature-square small{font-size:10px;line-height:1.4;opacity:.72}.illustration{flex:1;text-align:center;font-size:37px;padding:12px 0}.visual-note{background:#f8fafb;border:1px solid var(--border);border-radius:10px;padding:14px 13px;font-size:11px;color:#678;line-height:1.6;margin-top:16px}.section{padding-top:79px;padding-bottom:85px}.section-heading{text-align:center;max-width:680px;margin:0 auto 38px}.section-heading h2,.safety-section h2{color:var(--navy);font-size:clamp(26px,3.2vw,37px);letter-spacing:-1.3px;margin:13px 0}.section-heading p,.safety-section p{color:var(--muted);line-height:1.8}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card{border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 7px 20px rgba(30,70,100,.03)}.iconbox{display:flex;width:49px;height:49px;align-items:center;justify-content:center;background:#e9f2ff;color:var(--blue);border-radius:11px;font-size:27px}.iconbox.green{background:var(--mint);color:var(--green)}.iconbox.navy{background:#e9edf4;color:var(--navy)}.info-card h3{color:var(--navy);font-size:19px;margin:21px 0 9px}.info-card p{color:var(--muted);font-size:13px;line-height:1.9;min-height:96px}.card-label{font-size:11px;font-weight:800;color:var(--green)}.soft-section{background:var(--bg)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps>div{padding:15px;border-top:1px solid var(--border)}.steps b{color:#97bed7;font-size:22px}.steps h3{color:var(--navy);font-size:17px}.steps p{color:var(--muted);line-height:1.8;font-size:13px}.safety-section{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}.lock-card{background:linear-gradient(135deg,#f0faf5,#eaf4ff);padding:28px;border-radius:18px}.lock-card span{font-size:30px}.lock-card h3{color:var(--navy);margin:15px 0 8px}.lock-card p{font-size:13px;line-height:1.8;color:var(--muted)}footer{background:var(--navy);color:#fff;padding:34px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer-inner strong{font-size:21px}.footer-inner p{font-size:12px;line-height:1.5;color:#a8c2d7}.footer-inner>div:last-child{text-align:right}.auth-dialog{width:min(450px,95vw);border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.auth-dialog::backdrop{background:rgba(7,22,37,.57)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.dialog-head strong{font-size:24px;color:var(--navy)}.dialog-head p{font-size:13px;color:var(--muted);margin:8px 0 0}.icon-button{border:0;border-radius:7px;background:#f0f4f8;color:#587085;font-size:24px;width:33px;height:33px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;margin-bottom:15px;color:var(--text)}input,select,textarea{border:1px solid #ccdae5;border-radius:9px;padding:12px;color:var(--navy);background:white;outline-color:var(--blue);width:100%;font-size:14px}textarea{min-height:85px;resize:vertical}form small{display:block;color:var(--muted);font-size:11px;margin:-5px 0 12px}.submit-button{width:100%;margin-top:8px}.text-button{background:none;border:none;color:var(--blue);display:block;margin:16px auto 0;font-weight:700}.message{color:#b13a44;font-size:12px;line-height:1.5}.message.good{color:var(--green)}.panel{border:1px solid var(--border);border-radius:17px;padding:28px;background:#fff;box-shadow:0 7px 21px rgba(40,65,90,.04)}.dashboard-title{font-size:28px;color:var(--navy);letter-spacing:-1px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wide{grid-column:1/-1}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.status-pill{display:inline-block;font-size:11px;font-weight:800;padding:6px 10px;background:#e6f1ff;border-radius:20px;color:#2363aa}.status-pill.approved{background:#e0f8ec;color:#168451}.status-pill.rejected{background:#ffe8e9;color:#ac3c47}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--border)}th{color:#56718a;background:#f7fafc}td{line-height:1.4}.action-btn{background:#eaf3fd;color:#28659f;padding:8px 12px;border:0;border-radius:7px;font-weight:700;font-size:12px}.muted{color:var(--muted);font-size:13px}.notice{background:#fff6e7;color:#926518;border:1px solid #f3d5a0;border-radius:10px;padding:14px;font-size:12px;line-height:1.7;margin:14px 0}.stats{display:flex;gap:14px;flex-wrap:wrap}.stat{min-width:135px;background:#f1f7fd;padding:19px;border-radius:10px}.stat strong{font-size:28px;color:var(--navy);display:block}.stat small{font-size:11px;color:var(--muted)}@media(max-width:900px){.navlinks{display:none}.hero-layout{grid-template-columns:1fr;gap:40px}.feature-visual{max-width:620px}.safety-section{gap:25px}}@media(max-width:630px){.container{width:calc(100% - 28px)}.nav-inner{flex-wrap:wrap;padding:11px 0;gap:12px}.nav-actions{width:100%;justify-content:flex-end}.nav-actions .welcome{margin-right:auto}.hero{padding:55px 0}.hero h1{letter-spacing:-1.5px}.hero-trust{gap:9px}.card-grid,.steps,.dashboard-grid,.field-grid,.safety-section{grid-template-columns:1fr}.section{padding-top:55px;padding-bottom:55px}.info-card p{min-height:auto}.visual-grid{gap:5px}.feature-square{padding:11px 6px}.feature-square strong{font-size:10px}.feature-square small{font-size:9px}.footer-inner{flex-direction:column}.footer-inner>div:last-child{text-align:left}}

/* Development catalogue and batch inventory panels */
.dashboard-section{margin-top:22px}.dashboard-section h2{color:var(--navy);letter-spacing:-.5px}.catalog-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:16px 0 26px}.catalog-columns>div{border:1px solid var(--border);padding:18px;border-radius:12px}.catalog-columns h3{margin-top:0}.inventory-card{background:#fafcfd;border:1px solid var(--border);border-radius:12px;padding:18px;margin:15px 0}.inventory-card h4{margin:12px 0}.inline-check{display:flex;flex-direction:row;align-items:center;gap:10px}.inline-check input{width:auto;min-width:18px;height:18px}.moderation-tools{display:flex;flex-wrap:wrap;gap:6px}.moderation-tools .action-btn:hover{background:#cfe6ff}.inventory-card form{padding-top:15px;margin-top:14px;border-top:1px solid var(--border)}.btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:760px){.catalog-columns{grid-template-columns:1fr}}

/* v0.6 — exact user-supplied PNG displayed without cropping, recolouring or alterations */
.brand-logo{display:block;width:92px;height:92px;object-fit:contain;flex-shrink:0}
.hero-official-logo{display:block;width:146px;height:146px;object-fit:contain;margin:-30px 0 10px}
.footer-logo{width:100px;height:100px;object-fit:contain;background:#fff;border-radius:12px;display:block;margin-bottom:14px}
.login-logo{display:block;width:92px;height:92px;object-fit:contain;margin:0 auto 16px}
.cart-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cart-tile{border:1px solid var(--border);border-radius:11px;padding:16px;background:#f9fcff}
.cart-tile h4{margin:2px 0 8px;font-size:15px;color:var(--navy)}
.cart-tile p{font-size:12px;color:var(--muted)}
.cart-tile .price{color:var(--blue);font-size:18px;font-weight:800}
.cart-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.cart-row input{width:70px}
.cart-row select{width:auto;max-width:280px}
@media(max-width:650px){.brand-logo{height:70px;width:70px}.brand-copy strong{font-size:17px}.cart-tiles{grid-template-columns:1fr}.hero-official-logo{width:115px;height:115px}}