:root{--ink:#201c38;--muted:#77748b;--purple:#6750df;--line:#e9e7f0;--bg:#f7f7fb;--nav:#18142c;--yellow:#e8fc86}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.top{max-width:1320px;margin:auto;display:flex;align-items:center;gap:30px;padding:23px 32px}.brand{font-size:29px;font-weight:bold;display:flex;gap:8px;align-items:center}.brand b{display:inline-grid;place-items:center;background:var(--purple);color:white;border-radius:12px;width:39px;height:39px;font:24px Arial}.brand small{color:var(--purple);font:11px Arial;letter-spacing:2px;margin-right:7px}.search{position:relative;flex:1;max-width:500px}.search input{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--bg);padding:13px 42px 13px 15px}.search span{position:absolute;right:15px;top:11px;font-size:22px;color:var(--muted)}.btn{border:0;background:var(--purple);color:white;border-radius:9px;padding:12px 20px;font-weight:bold;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn.light{background:#f0edfc;color:var(--purple)}.btn.white{background:white;color:var(--ink)}.btn.outline{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn.danger{background:#fff0f1;color:#ac3549}.iconbtn{background:white;border:1px solid var(--line);border-radius:10px;padding:12px}.nav{max-width:1320px;padding:0 32px 16px;margin:auto;display:flex;align-items:center;gap:28px}.nav button{border:0;background:none;color:var(--muted);padding:7px 0}.nav button.active{color:var(--purple);font-weight:bold}.navnote{margin-right:auto;color:var(--muted);font-size:12px}.wrap{max-width:1320px;margin:auto;padding:30px 32px}.hero{background:var(--nav);color:white;border-radius:20px;min-height:350px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden}.hero-copy{padding:44px}.eyebrow{font-size:12px;color:var(--yellow)}h1{font-size:43px;line-height:1.45;margin:15px 0 10px;letter-spacing:-1px}h1 em{font-style:normal;color:var(--yellow)}.hero p{color:#bcb6d2;line-height:1.9;max-width:430px}.hero .btn{background:var(--yellow);color:#252235;margin-top:12px}.hero-art{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#5c4b91 0,transparent 66%)}.hero-art svg{width:95%;height:310px;transform:rotate(-8deg)}.hero-tag{position:absolute;left:28px;bottom:25px;background:#ffffff12;border:1px solid #ffffff25;border-radius:12px;padding:15px 20px;font-size:13px}.hero-tag strong{color:var(--yellow);font-size:20px;display:block;margin-bottom:5px}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:27px 8px 32px;border-bottom:1px solid var(--line)}.trust div{display:flex;gap:14px;align-items:center}.trust i{font-style:normal;color:var(--purple);background:#efebff;border-radius:12px;width:43px;height:43px;display:grid;place-items:center;font-size:21px}.trust strong{font-size:13px}.trust small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:31px 0 22px}.section-head h2{margin:0;font-size:24px}.section-head p{margin:8px 0 0;color:var(--muted);font-size:13px}.filters{display:flex;flex-wrap:wrap;gap:8px}.chip{background:white;border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:10px 18px}.chip.active{background:var(--purple);color:white;border-color:var(--purple)}.catalog-tools{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:22px}.catalog-tools select{background:transparent;border:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:14px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #2720500d}.product-art{background:#f6f6fa;border-radius:11px;height:210px;position:relative;display:grid;place-items:center;overflow:hidden}.product-art img{width:90%;height:90%;object-fit:contain}.productlinks{flex-wrap:wrap}.product-art svg{width:90%;height:90%;filter:drop-shadow(0 15px 10px #24203f16)}.badge{position:absolute;right:11px;top:11px;font-size:10px;border-radius:6px;background:#e8defe;color:#6741bb;padding:6px 9px}.brandline{color:var(--muted);font:10px Arial;letter-spacing:1.5px;margin:19px 0 8px}.card h3{font:600 17px Arial;margin:0 0 9px;direction:ltr;text-align:right}.card p{font-size:11px;color:var(--muted);margin:0;min-height:30px;line-height:1.8}.price{font-size:21px;font-weight:bold;display:flex;align-items:baseline;gap:6px;margin:10px 0 15px}.price small{font-size:11px;font-weight:normal}.price del{font-size:12px;color:#a5a0b5;font-weight:normal;margin-right:5px}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:10px;color:#6f7985}.add{width:34px;height:34px;border-radius:8px;border:0;background:#f0edff;color:var(--purple);font-size:22px}.bottom-banner{margin:35px 0;background:#ece7fb;border-radius:15px;padding:28px 35px;display:flex;justify-content:space-between;align-items:center}.bottom-banner h3{font-size:21px;margin:0 0 8px}.bottom-banner p{color:var(--muted);margin:0;line-height:1.8}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0;color:var(--muted);font-size:11px}.demo{background:#fffbe9;color:#8c7221;text-align:center;font-size:11px;padding:9px 15px}.dashboard{display:grid;grid-template-columns:210px 1fr;gap:27px}.dashboard>section{min-width:0}.side{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;height:max-content;position:sticky;top:165px}.side h3{font-size:12px;color:var(--muted);margin:0 10px 18px}.side button{display:block;width:100%;text-align:right;background:none;border:0;padding:13px 14px;border-radius:9px;margin:4px 0;color:var(--muted)}.side button.active{background:#f0ecff;color:var(--purple);font-weight:bold}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);padding:23px;border-radius:12px}.stat small{color:var(--muted);font-size:11px}.stat strong{display:block;font:700 28px Arial;margin:15px 0 0}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:22px;overflow:auto}.panel h3{margin:0 0 20px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{text-align:right;color:var(--muted);font-weight:normal;background:#faf9fe}th,td{padding:15px 12px;border-bottom:1px solid var(--line)}td .btn{padding:7px 11px;font-size:10px}.pill{border-radius:5px;font-size:10px;background:#e9f7ee;color:#327957;padding:5px 8px}.notice{border:1px solid #dfd7f9;background:#f6f2ff;border-radius:12px;padding:20px;line-height:1.9;color:#6b5c88;margin:18px 0}.empty{text-align:center;padding:45px;color:var(--muted);line-height:2}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.integration{padding:28px;background:white;border:1px solid var(--line);border-radius:14px}.integration .logo{font:700 30px Arial;margin:10px 0 20px}.integration p{line-height:1.9;color:var(--muted);font-size:13px}.integration .pill{background:#fff4dc;color:#a57c28}.shade{position:fixed;inset:0;background:#17142b80;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px}.modal{background:white;border-radius:17px;padding:27px;width:min(660px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 80px #0a082644}.modal h2{margin:0;font-size:22px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.close{border:0;border-radius:8px;background:#f5f4f9;padding:8px 12px;color:var(--muted)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;color:var(--muted);font-size:12px}label input,label select,label textarea{display:block;width:100%;margin-top:8px;border:1px solid #dedbe9;border-radius:8px;padding:12px;color:var(--ink);background:white}label textarea{height:80px;resize:vertical}.full{grid-column:1/-1}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.cartrow{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:17px 0}.mini{width:75px;height:70px;background:#f6f5fa;border-radius:9px}.mini svg{width:100%;height:100%}.cartrow .info{flex:1}.cartrow h4{margin:0 0 8px;font:600 14px Arial}.qty{display:flex;align-items:center;gap:10px;direction:ltr}.qty button{border:1px solid var(--line);background:white;border-radius:5px;width:28px;height:28px}.error{color:#b93b50;background:#fff1f2;border-radius:8px;padding:12px;margin-top:18px}.toast{position:fixed;bottom:25px;left:25px;background:var(--nav);color:white;padding:17px 25px;border-radius:11px;z-index:200}.detail-art{height:240px;display:grid;place-items:center;background:var(--bg);border-radius:12px}.detail-art svg{height:95%;width:80%}.productlinks{display:flex;gap:10px;margin-top:18px}.loading{padding:80px;text-align:center;color:var(--muted)}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}.top{gap:15px}.brand small{display:none}.hero-copy{padding:30px}h1{font-size:34px}.stats{grid-template-columns:repeat(2,1fr)}.dashboard{grid-template-columns:170px 1fr}}@media(max-width:720px){.top{padding:16px;flex-wrap:wrap}.search{order:4;max-width:none;flex-basis:100%}.brand{margin-left:auto}.top .btn{font-size:11px;padding:10px}.nav{padding:0 16px 12px;gap:21px;overflow:auto;white-space:nowrap}.navnote{display:none}.wrap{padding:20px 16px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:27px}.hero-art{height:240px}.hero-art svg{height:240px}.hero-tag{left:18px;bottom:15px;padding:10px}h1{font-size:32px}.trust{grid-template-columns:repeat(2,1fr);padding:23px 0}.section-head{align-items:flex-start}.catalog-tools{flex-direction:column;align-items:stretch}.filters{gap:5px}.chip{padding:9px 12px;font-size:11px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:10px}.product-art{height:165px}.card h3{font-size:14px}.price{font-size:18px;flex-wrap:wrap}.dashboard{grid-template-columns:1fr}.side{position:static;display:flex;overflow:auto;padding:8px;gap:5px}.side h3{display:none}.side button{min-width:90px;text-align:center;padding:10px;font-size:11px}.stats{gap:10px}.stat{padding:18px}.two,.formgrid{grid-template-columns:1fr}.bottom-banner{padding:23px;gap:20px;flex-direction:column;align-items:flex-start}.footer{flex-direction:column;gap:12px}.modal{padding:20px}.section-head .btn{padding:11px;font-size:11px}} .language-picker{border:1px solid var(--line);background:white;border-radius:9px;padding:10px;min-width:116px;color:var(--ink)}.top{gap:20px}.side button,th,.card h3{text-align:start}.card h3{direction:inherit;unicode-bidi:plaintext}.brand small{margin-right:0;margin-inline-start:7px}.navnote{margin-right:0;margin-inline-start:auto}.search span{right:auto;left:auto;inset-inline-start:15px}.search input{padding-inline-start:42px;padding-inline-end:15px}.badge{right:auto;inset-inline-start:11px}.hero-tag{left:auto;inset-inline-end:28px}.price del{margin-right:0;margin-inline-start:5px}.formgrid input,.formgrid textarea{text-align:start}html[lang=ur] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.9}html[lang=ur] h1{line-height:1.8;letter-spacing:0}html[lang=ur] .nav button{font-size:14px}@media(max-width:720px){.language-picker{min-width:98px;font-size:12px;padding:8px}.top{gap:10px}.brand{margin-left:0;margin-inline-end:auto}.hero-tag{inset-inline-end:18px}} .nav{flex-wrap:wrap;gap:14px 24px}@media(max-width:720px){.nav{flex-wrap:nowrap}} :root{color-scheme:dark;--ink:#e5eff4;--muted:#9daebd;--purple:#37cdbb;--line:#29414f;--bg:#07131d;--nav:#0d2330;--yellow:#e2bc74} body{background-color:var(--bg);background-image:radial-gradient(ellipse at 90% 5%,#176b7040,transparent 38%),radial-gradient(ellipse at 5% 45%,#26496d30,transparent 36%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;background-attachment:fixed;color:var(--ink)} header{background:#091824ed;border-color:var(--line);backdrop-filter:blur(14px)}.demo{background:#0c2632;color:#bad4df;border-bottom:1px solid var(--line)} .top{padding-block:17px;gap:18px}.brand{min-width:155px;gap:0}.brand-logo{display:block;width:162px;height:54px;object-fit:contain}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .search input,.language-picker,.iconbtn{background:#102533;border-color:var(--line);color:var(--ink)}.search input::placeholder{color:#8ba0b0}.language-picker option,select option{background:#102533;color:var(--ink)} .btn{background:var(--purple);color:#05241f;box-shadow:0 4px 15px #23b49e13}.btn:hover{filter:brightness(1.08)}.btn.light,.btn.white,.add{background:#163c43;color:#80e7d8}.btn.outline{color:var(--ink);border-color:#365462;background:#132b38}.btn.danger{background:#3b222c;color:#ffb2b2}.iconbtn b{color:#80e7d8}.nav button{color:#b2c3cf}.nav button.active{color:#7cebd8}.navnote{color:#8aa4b4} .wrap{padding-top:24px}.hero{background:linear-gradient(120deg,#102934,#123b42 75%,#153445);border:1px solid #34545d;border-radius:18px;min-height:310px;box-shadow:0 18px 60px #00000026}.hero-copy{padding:34px}.hero p{color:#bfd0d8}.hero .btn{background:#e2bc74;color:#242218}.hero-art{background:radial-gradient(ellipse,#52b4ad35,transparent 65%)}.hero-art svg{max-width:340px;height:270px}.hero-tag{background:#0b202bb5;border-color:#3d5d62;backdrop-filter:blur(8px)} .trust{padding-block:23px}.trust i{background:#153b42;color:#7de9d8}.trust small{color:#9fb2bf}.section-head h2{font-size:22px}.chip{background:#102631;border-color:#2c4652;color:#a9c4cf;padding:9px 13px;font-size:12px}.chip.active{background:#287a73;border-color:#52b9aa;color:#e0fff8} .grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:stretch}.card{min-width:0;background:linear-gradient(145deg,#142e3b,#0d202c);border-color:#2a4653;border-radius:14px;padding:11px;display:flex;flex-direction:column;box-shadow:0 7px 20px #00000018}.card:hover{transform:translateY(-3px);border-color:#52a59b;box-shadow:0 12px 28px #00000035} .product-art,.detail-art,.mini{position:relative;overflow:hidden;min-width:0;min-height:0;isolation:isolate;background:radial-gradient(ellipse at 50% 30%,#244653,#132c39 75%);border:1px solid #314b56}.product-art{height:142px;flex:0 0 142px;border-radius:10px;cursor:pointer} .product-art>img,.detail-art>img,.mini>img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);max-width:calc(100% - 24px);max-height:calc(100% - 24px);object-fit:contain;object-position:center;display:block;border-radius:7px} .product-art>svg,.detail-art>svg,.mini>svg{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:100%;max-height:100%;filter:drop-shadow(0 8px 8px #00000025)} .product-art .badge{z-index:1;background:#214f48;color:#b3fce7;border:1px solid #3b7564;font-size:10px}.category-tag{font-size:10px;color:#8ddccc;margin:11px 0 5px;line-height:1.5}.card .brandline{margin:3px 0 6px;font-size:9px;color:#93aaba}.card h3{font-size:14px;font-family:inherit;line-height:1.6;margin:0 0 7px;min-height:44px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere} .card p{font-size:10px;line-height:1.8;min-height:36px;color:#99aebb;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card .price{font-size:18px;gap:4px;margin:12px 0;flex-wrap:wrap}.price small{color:#a6b9c5}.price del{color:#8096a5}.card-footer{margin-top:auto;font-size:9px;color:#abc4ca;gap:7px}.card-footer span{line-height:1.6}.add{width:30px;height:30px;flex:0 0 30px;font-size:20px;border:1px solid #316359} .bottom-banner{background:linear-gradient(105deg,#17333c,#173b40);border:1px solid #355a5d;border-radius:14px;padding:25px 28px}.bottom-banner p{color:#abc0cb}.footer{color:#8aa4b4} .side,.stat,.panel,.integration{background:#102532;border-color:var(--line)}.side button.active{background:#173f43;color:#8aead8}.stat strong{color:#e2bc74}th{background:#0d202c;color:#9ab4c2}.pill{background:#193f3c;color:#9ce6cd}.notice{background:#112f38;border-color:#315461;color:#bad0da}.integration .pill{background:#453a24;color:#e8c88f} .shade{background:#020a13bf;backdrop-filter:blur(6px)}.modal{background:#102532;color:var(--ink);border:1px solid #365363;max-height:88vh;padding:22px;overflow:auto;box-shadow:0 24px 90px #00000075}.modal-header{position:sticky;top:0;background:#102532;z-index:3;padding-block:8px;border-bottom:1px solid var(--line);gap:16px}.modal-header h2{font-size:19px;line-height:1.6;overflow-wrap:anywhere}.close{background:#213b49;color:#bed1dd;flex-shrink:0}.formgrid input,.formgrid select,.formgrid textarea{background:#0a1d29;border-color:#365363;color:var(--ink)}label{color:#a7bfce}.error{background:#3b222c;color:#ffb7b7}.toast{background:#143f46;border:1px solid #38746e;color:#d7faf3} .modal.product-modal{width:min(760px,100%)}.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start}.detail-art{height:258px;border-radius:12px}.detail-copy{min-width:0}.detail-description{font-size:13px;line-height:1.9;color:#c3d2dc;margin:12px 0}.detail-meta{font-size:11px;line-height:1.9;color:#8faebb;overflow-wrap:anywhere}.detail-copy .price{font-size:26px;margin:20px 0}.detail-copy .btn{max-width:100%}.productlinks{gap:8px;margin-top:17px}.productlinks .btn{font-size:11px;padding:10px 12px}.mini{width:64px;height:64px;flex:0 0 64px}.mini>img{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);max-width:calc(100% - 10px);max-height:calc(100% - 10px)}.qty button{background:#183440;border-color:#3c5967;color:#e2edf2} @media(max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-logo{width:145px}.top{gap:13px}} @media(max-width:850px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-art{height:137px;flex-basis:137px}.product-detail{gap:16px}.hero-copy{padding:26px}} @media(max-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.wrap{padding:18px 14px}.top{padding:13px 14px}.brand-logo{width:130px;height:44px}.brand{min-width:130px}.product-art{height:132px;flex-basis:132px}.card{padding:9px}.card h3{font-size:13px;min-height:42px}.card .price{font-size:17px}.product-detail{grid-template-columns:minmax(0,1fr);gap:14px}.detail-art{height:195px}.modal{padding:16px;max-height:90vh}.modal-header h2{font-size:17px}.detail-copy .price{margin:15px 0;font-size:23px}.hero{min-height:0}.hero-copy{padding:25px}.hero-art{height:210px}.hero-art svg{height:210px;max-width:280px}.hero-tag{font-size:11px;padding:11px}.trust{gap:16px}.bottom-banner{padding:22px}} @media(max-width:340px){.grid{grid-template-columns:minmax(0,1fr)}} @media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}} .brand{gap:10px;min-width:160px}.brand-logo.company-logo{width:58px;height:58px;border-radius:12px;border:1px solid #527066;flex:0 0 58px}.brand-wordmark{display:flex;flex-direction:column;gap:4px}.brand-wordmark strong{font:800 21px Arial,sans-serif;letter-spacing:1px;color:#e6eff3}.brand-wordmark span{font:13px Tahoma,Arial,sans-serif;color:#e2bc74}@media(max-width:600px){.brand{min-width:130px;gap:8px}.brand-logo.company-logo{width:46px;height:46px;flex-basis:46px}.brand-wordmark strong{font-size:17px}.brand-wordmark span{font-size:11px}}