:root{--ink:#25212f;--purple:#6541d5;--line:#e9e5ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#faf9fc;font:14px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button,input,select,textarea{font:inherit}button{color:inherit}svg{width:21px;height:21px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wrap{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}.top{background:#292333;color:#d5cedf;font-size:10px;padding:9px 0}.top b{color:#c7b2ff}.top span{float:right}header{background:white;border-bottom:1px solid var(--line)}.header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:25px;padding-bottom:20px}.brand{font-size:24px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:400;color:#918696}.mark{display:inline-block;background:var(--purple);color:white;border-radius:9px;padding:1px 5px;letter-spacing:-3px;margin-right:9px}.search{display:flex;border:1px solid var(--line);border-radius:9px;background:#f5f3f8;padding:4px;flex:1;max-width:560px}.search input{margin:0;border:0;background:none;min-width:0;width:100%;padding:10px}.search button{border:0;background:var(--purple);color:white;border-radius:7px;padding:10px 17px}.actions{display:flex;align-items:center;gap:17px;font-size:12px}.cartlink{position:relative}.cartlink span{position:absolute;right:-9px;top:-9px;background:var(--purple);color:white;padding:0 5px;border-radius:9px;font-size:9px}.nav{display:flex;align-items:center;gap:22px;font-size:11px;padding-bottom:17px;overflow:auto;white-space:nowrap}.main{min-height:65vh;padding-top:28px;padding-bottom:15px}.hero{display:grid;grid-template-columns:1fr 1fr;background:#eee8f9;border-radius:20px;min-height:380px;overflow:hidden}.herotext{padding:45px}.eyebrow{font-size:10px;color:var(--purple);font-weight:750;letter-spacing:2px}h1{font-size:36px;line-height:1.2;letter-spacing:-1.6px;font-weight:800;margin:20px 0}h2{font-size:22px;letter-spacing:-.6px;line-height:1.4}h3{font-size:15px}.hero h1{font-size:44px;max-width:430px;letter-spacing:-2px}.hero p{color:#81728d;font-size:13px;line-height:1.9;margin-bottom:27px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:8px;padding:12px 19px;background:var(--purple);color:white;font-size:12px;font-weight:650;line-height:1.5}.secondary{background:#f0eafa;color:var(--purple);padding:8px 12px;font-size:11px}button:hover,.primary:hover{filter:brightness(.94)}.herovisual{position:relative;display:grid;place-items:center}.orb{position:absolute;width:300px;height:300px;border:1px solid #d0c4e5;border-radius:50%;background:radial-gradient(#d5c5ed,#e8def5)}.herovisual img{width:85%;height:330px;position:relative;transform:rotate(-10deg)}.float{position:absolute;left:0;top:54px;background:white;box-shadow:0 15px 35px #46335418;border-radius:12px;padding:16px;font-size:9px}.float strong{display:block;font-size:17px;margin-top:3px}.float.bottom{top:auto;left:auto;right:22px;bottom:33px;color:var(--purple);font-weight:700;letter-spacing:1px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-bottom:1px solid var(--line);padding:27px 0}.benefits>div{display:flex;align-items:center;gap:12px}.benefits svg{color:var(--purple);width:26px;height:26px}.benefits b{display:block;font-size:12px}.benefits small{display:block;font-size:10px;color:#93899d;margin-top:3px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 20px}.section-title h2{margin:0}.section-title p{font-size:11px;color:#9b8ea5;margin:6px 0 0}.section-title>a{font-size:11px;color:var(--purple)}.categories{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.cat{border:1px solid var(--line);background:white;padding:18px 7px;border-radius:12px;font-size:11px;text-align:center}.cat svg{display:block;color:#8c77a5;margin:0 auto 10px;width:24px;height:24px}.cat.active,.cat:hover{background:#f0eafa;border-color:#c3b0e6;color:var(--purple)}.tag{font-size:9px;display:inline-block;padding:5px 8px;border-radius:5px;letter-spacing:.5px;color:var(--purple);background:#eee7fc;vertical-align:middle;margin-left:8px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.2s}.product:hover{transform:translateY(-4px);box-shadow:0 10px 30px #28203012}.photo{position:relative;display:block;height:210px;background:#eeebf2;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;left:12px;top:12px;font-size:9px;background:white;padding:4px 7px;border-radius:4px;color:#7c5ca5}.info{padding:16px}.store-name{font-size:9px;color:#9788a4}.info h3{font-size:12px;margin:7px 0;min-height:36px}.info small{font-size:10px;color:#9c91a6}.price{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.price b{font-size:15px}.price button{font-size:18px;line-height:1;padding:7px 10px}.banner{display:flex;justify-content:space-between;align-items:center;padding:30px 36px;margin:32px 0;background:#292331;color:white;border-radius:16px}.banner .eyebrow{color:#c5b4f4}.banner p{color:#bcafc9;font-size:12px}.banner h2{font-size:26px;margin:8px 0}.banner .primary{background:#c9b6ff;color:#33234b}.footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#998da4}.panel{border:1px solid var(--line);background:white;border-radius:15px;padding:28px;margin-bottom:24px}.panel p{color:#86768f}.auth{max-width:510px;margin:28px auto 60px}.narrow{max-width:730px;margin-left:auto;margin-right:auto}.auth h1,.narrow h1{font-size:30px}.alert,.success{padding:15px 19px;border-radius:9px;background:#fff0ec;color:#9c4535;margin-bottom:20px;border:1px solid #f0d5cd}.success{background:#edf7f2;border-color:#d4eadd;color:#367258}label{display:block;font-size:12px;font-weight:600;margin:16px 0}input,select,textarea{padding:11px;border:1px solid #ded7e6;border-radius:7px;background:white;color:var(--ink)}label input,label select,label textarea{display:block;width:100%;margin-top:7px}textarea{min-height:110px;resize:vertical}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.inline{display:inline-block;margin:0}.rowform{display:flex;gap:10px;align-items:center}.rowform input{min-width:80px;flex:1}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8a7b94;background:#f7f4fa;font-size:10px;font-weight:600}th,td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:middle}td small{display:block;color:#9686a0;margin-top:5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats h2{font-size:28px;margin-bottom:0}.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-image{width:100%;border-radius:12px}.muted{font-size:11px;color:#95869f}.empty{grid-column:1/-1;text-align:center;padding:60px}hr{border:0;border-top:1px solid var(--line);margin:25px 0}[hidden]{display:none!important}input:focus,textarea:focus,select:focus{outline:2px solid #bb9ff7;outline-offset:1px}#catalog{scroll-margin-top:25px}
@media(max-width:900px){.header{gap:20px}.brand{font-size:19px}.hero h1{font-size:35px}.herotext{padding:32px}.categories{grid-template-columns:repeat(4,1fr)}.products{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.hero{min-height:330px}.herovisual img{height:280px}.orb{width:230px;height:230px}.float{font-size:8px;left:-10px}.float strong{font-size:13px}.stats{gap:10px}.stats h2{font-size:23px}.detail{gap:15px}.tag{margin:5px 0}}@media(max-width:600px){.wrap{padding-left:20px;padding-right:20px}.top span{display:none}.top{font-size:9px}.header{flex-wrap:wrap;gap:15px}.brand{flex:1}.search{order:3;width:100%;max-width:none;flex:auto}.actions{font-size:11px;gap:12px}.hero{display:block}.herotext{padding:30px 27px 5px}.hero h1{font-size:37px;letter-spacing:-1.5px}.herovisual{height:260px}.herovisual img{height:260px}.float{left:15px;top:30px}.float.bottom{right:15px;bottom:25px}.benefits{gap:18px}.benefits b{font-size:11px}.benefits small{font-size:9px}.categories{gap:8px}.cat{font-size:9px;padding:15px 5px}.products{gap:10px}.photo{height:165px}.info{padding:12px}.price b{font-size:12px}.section-title{align-items:flex-start}.section-title h2{font-size:19px}.section-title form{max-width:145px}.section-title form select{width:100%;font-size:10px;padding:6px}.section-title form button{padding:5px;margin-top:4px}.banner{display:block;padding:25px}.banner h2{font-size:22px}.banner .primary{margin-top:10px}.footer{display:block;line-height:2}.footer span{display:block}.panel{padding:20px}.detail,.stats{grid-template-columns:1fr}.stats .panel{margin:0}.stats{margin-bottom:20px}.stats h2{margin-top:6px}.auth{margin-top:10px}.rowform{flex-wrap:wrap}h1{font-size:30px}.nav{gap:17px}.actions .secondary{padding:7px 10px}}
/* TOBA DIGITAL — connected blue */
:root{--ink:#e7efff;--purple:#19cce8;--line:#243656}body{background:#080f20;color:var(--ink)}#network{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.45}header{background:#0b1529eF;backdrop-filter:blur(14px)}.top{background:#06101f;color:#a7bcdb}.top b{color:#53dcef}.brand small{color:#90a8cc}.mark{background:linear-gradient(130deg,#19cce8,#365aff);letter-spacing:-1px;padding:2px 8px}.search{background:#121e34}.search input{color:white}.nav{color:#a8bbd8}.hero{background:radial-gradient(ellipse at 90% 20%,#15476d 0,transparent 55%),linear-gradient(120deg,#102746,#0c1730);border:1px solid #28446a;min-height:430px;position:relative}.hero h1{font-size:48px;max-width:520px;color:#f3f7ff}.hero p{color:#a8c1dd}.eyebrow{color:#55daed}.primary{background:linear-gradient(110deg,#1ac7df,#365ef4);border:0;color:white}.secondary{background:#15263e;color:#d9eaff;border:1px solid #2d4664}.panel{background:#101c30;border:1px solid var(--line);color:var(--ink)}input,select,textarea{background:#0b162a;color:#edf5ff;border-color:#2c4260}input::placeholder,textarea::placeholder{color:#98accb}.product{background:#101c30;border:1px solid #263952;transition:transform .2s,border-color .2s}.product:hover{transform:translateY(-5px);border-color:#25cde5}.photo{background:#12213b}.info small,.store-name,.section-title p,.muted{color:#9eafc9}.price b{color:#6de3f3}.badge{background:#0c2139;color:#90ecf5}.cat{background:#111e34;border:1px solid #293d59;color:#b5cbe3}.cat.active,.cat:hover{background:#163952;color:#79eafa;border-color:#22bace}.benefits{border-color:#29405e}.benefits small{color:#99afcd}.banner{background:linear-gradient(100deg,#103245,#182c55);border:1px solid #2c5571}.tag{background:#18344d;color:#70e1ef}.footer{border-color:#273c57;color:#91a9c9}.alert{background:#4a1f2c;color:#ffdce3}.success{background:#123e3c;color:#a2f3d8}th{color:#a9c5e6;background:#122540}td,th{border-color:#283b56}.techvisual{min-height:410px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.techcore{display:flex;flex-direction:column;align-items:center;justify-content:center;width:210px;height:210px;background:linear-gradient(140deg,#16466ae8,#132345ed);border:1px solid #47d5f0;border-radius:40px;box-shadow:0 0 80px #13c7ed25;transform:rotate(-6deg);z-index:2}.techcore svg{width:48px;height:48px;color:#56ddf4;margin-bottom:8px}.techcore strong{font-size:26px;line-height:1.1;letter-spacing:3px}.techcore strong span{display:block;color:#52dcef}.techcore small{font-size:8px;letter-spacing:2px;margin-top:15px;color:#95b8d6}.orbit{position:absolute;width:330px;height:330px;border:1px dashed #39b4e97a;border-radius:50%;animation:turn 40s linear infinite}.orbit.two{width:440px;height:440px;border-style:solid;border-color:#417cc444;animation-direction:reverse}.orbit:after{content:'';position:absolute;top:12%;left:12%;width:9px;height:9px;background:#52e8ff;box-shadow:0 0 18px #28d0ff;border-radius:100%}.node{position:absolute;padding:10px 13px;background:#112b46;border:1px solid #316181;border-radius:10px;font-size:9px;letter-spacing:1px;color:#8ee9f6;z-index:3}.n1{top:55px;left:10px}.n2{bottom:70px;right:8px}.n3{top:85px;right:4px}.n4{bottom:50px;left:15px}@keyframes turn{to{transform:rotate(360deg)}}@media(max-width:760px){.hero h1{font-size:36px}.techvisual{min-height:340px}.herotext{padding:30px}.header{gap:18px;flex-wrap:wrap}.search{order:3;flex-basis:100%;max-width:none}.top span{display:none}.node{font-size:8px}.techcore{width:170px;height:170px}.orbit{width:270px;height:270px}.orbit.two{width:340px;height:340px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}.product{transition:none}}

.site-logo{max-width:95px;max-height:50px;object-fit:contain;vertical-align:middle;margin-right:10px}.custom-hero{display:flex;align-items:center;justify-content:center;padding:25px}.custom-hero img{width:100%;height:350px;object-fit:contain;border-radius:16px}.appearance-panel{max-width:850px;margin:auto}fieldset{border:1px solid var(--line);border-radius:12px;padding:22px;margin:20px 0}legend{padding:0 10px;color:#6ee4ef;font-weight:700}.editor-preview{max-width:240px;max-height:140px;object-fit:contain}input[type=color]{min-height:45px;padding:4px;width:100px}.footer{display:block;padding-top:25px;padding-bottom:25px}.footer-contact{margin-bottom:25px}.footer-contact p{margin:6px 0}.footer>span{display:block;margin-top:8px}@media(max-width:760px){.custom-hero img{height:240px}}