/* SouqX Tech Services – isolated public storefront */
.sxt{--bg:#090f27;--panel:#111b3b;--purple:#8b3ff4;--ink:#f7f7ff;--muted:#c5c8df;direction:inherit;background:var(--bg);color:var(--ink);font-family:inherit;min-height:100vh;overflow:hidden}.sxt *{box-sizing:border-box}.sxt a{color:inherit;text-decoration:none}.sxt-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,5vw,90px);background:#080e24;flex-wrap:wrap;border-bottom:1px solid #ffffff20}.sxt-logo{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800}.sxt-logo small{display:block;font-size:12px;letter-spacing:1px;color:#bbc4e8}.sxt-x{font-size:48px;line-height:1;background:linear-gradient(140deg,#38bdf8,#9333ea);background-clip:text;-webkit-background-clip:text;color:transparent}.sxt-nav nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px}.sxt-nav nav a:hover,.sxt-card a:hover{color:#bd9aff}.sxt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:11px 23px;border-radius:9px;background:linear-gradient(130deg,#a044f9,#6028d7);font-weight:700;color:white!important;text-align:center}.sxt-outline{background:transparent;border:1px solid #b6b9ef}.sxt-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:90px clamp(20px,6vw,100px);background:radial-gradient(ellipse at 30% 80%,#3d257c70,transparent 65%),linear-gradient(110deg,#111b40,#060d21)}.sxt-pill{display:inline-block;border:1px solid #8059ce;background:#41316b65;padding:8px 15px;border-radius:40px;font-size:13px}.sxt-copy h1{font-size:clamp(31px,3.6vw,59px);line-height:1.24;max-width:750px;margin:24px 0}.sxt-copy p{color:var(--muted);line-height:1.9;font-size:17px}.sxt-actions,.sxt-trust{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px}.sxt-trust{gap:30px;font-size:14px;color:#d6d6ed}.sxt-visual{min-height:330px;display:grid;place-items:center;background:radial-gradient(ellipse,#3634a6a8,transparent 65%)}.sxt-window{width:min(100%,520px);padding:25px;border-radius:18px;transform:perspective(900px) rotateY(-9deg);background:linear-gradient(145deg,#162d65,#07112c);box-shadow:0 30px 65px #0009;border:1px solid #8e89f36b}.sxt-window h2{font-size:34px}.sxt-window h2 span{font-size:14px;color:#aab4d7}.sxt-dots{color:#8e7bef;font-size:10px;letter-spacing:5px}.sxt-bars{height:150px;display:flex;gap:15px;align-items:end;padding:15px;background:#07122b;border-radius:12px}.sxt-bars i{flex:1;height:var(--h,50%);border-radius:6px 6px 0 0;background:linear-gradient(#a855f7,#2288ff)}.sxt-bars i:nth-child(2){--h:70%}.sxt-bars i:nth-child(3){--h:43%}.sxt-bars i:nth-child(4){--h:88%}.sxt-bars i:nth-child(5){--h:65%}.sxt-bars i:nth-child(6){--h:95%}.sxt-mini{display:flex;gap:12px;margin-top:16px}.sxt-mini b{background:#29477b;padding:10px;flex:1;text-align:center;border-radius:7px;font-size:12px}.sxt-section{padding:75px clamp(20px,5vw,90px)}.sxt-kicker{color:#b48cff;font-weight:800;letter-spacing:2px}.sxt-section h2{font-size:clamp(25px,2.6vw,39px);margin:10px 0 32px}.sxt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sxt-card{background:linear-gradient(140deg,#18264d,#0a142e);border:1px solid #6555ac8a;border-radius:15px;padding:25px;min-height:220px}.sxt-card h3{font-size:20px;margin:20px 0 10px}.sxt-card p{color:#d4d6eb;line-height:1.7;font-size:14px}.sxt-card a{color:#c1a6ff;font-weight:700}.sxt-symbol{font-size:35px;color:#a779ff}.sxt-systems{background:#e9ecfa;color:#0f1935}.sxt-three{grid-template-columns:repeat(3,minmax(0,1fr))}.sxt-product{min-height:150px;border-radius:14px;padding:25px;background:linear-gradient(120deg,#0a1330,#152c62);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:12px}.sxt-product strong{font-size:26px}.sxt-product span{color:#c9d1eb}.sxt-note{color:#58617d}.sxt-contact{text-align:center;background:#101a3a}.sxt-contact>.sxt-grid{text-align:start}.sxt-contact .sxt-card{min-height:155px}.sxt-contact .sxt-card h3{margin-top:0}.sxt-foot{text-align:center;padding:30px;color:#c8c9e2;background:#080d20}@media(max-width:950px){.sxt-hero{grid-template-columns:1fr;padding-top:45px}.sxt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sxt-nav nav{order:3;width:100%;justify-content:center}}@media(max-width:580px){.sxt-grid,.sxt-three{grid-template-columns:1fr}.sxt-nav{justify-content:center}.sxt-nav nav{gap:12px}.sxt-hero{gap:15px}.sxt-visual{min-height:250px}.sxt-window{transform:none}.sxt-mini{flex-wrap:wrap}}
/* Light mode follows the site's explicit light class without modifying global themes */
body:not(.dark) .sxt.sxt-light{--bg:#f3f5ff;--ink:#111936;--muted:#485473}

/* Phase 2: bundled, clearly labeled demonstration content */
.sxt-demo-ribbon{background:#392167;color:#f7eaff;text-align:center;padding:9px 20px;font-size:13px;font-weight:700}.sxt-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sxt-image-card{padding:0;overflow:hidden}.sxt-image-card>img{width:100%;height:190px;display:block;object-fit:cover;background:#101c3b}.sxt-image-card>div{padding:18px 23px 24px}.sxt-image-card h3{margin:12px 0 8px}.sxt-sample{display:inline-block;color:#d4b6ff;font-size:11px;letter-spacing:1px;font-weight:800}.sxt-systems .sxt-sample{color:#b99aff}.sxt-hero-photo{width:100%;height:360px;object-fit:cover;border-radius:18px;box-shadow:0 20px 65px #0008}.sxt-visual{position:relative}.sxt-visual .sxt-window{position:absolute;width:65%;right:-1%;bottom:-10%;transform:scale(.7);transform-origin:bottom right;opacity:.93}.sxt-plan strong{font-size:32px;color:#c9adff}@media(max-width:950px){.sxt-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.sxt-demo-grid{grid-template-columns:1fr}.sxt-hero-photo{height:240px}.sxt-visual .sxt-window{display:none}}

/* v3: standalone theme, no dependency on SouqX global body classes */
.sxt-controls{display:flex;align-items:center;gap:8px}.sxt-controls button{cursor:pointer;background:#1d2950;color:#fff;border:1px solid #7772bd;border-radius:9px;min-width:42px;height:39px;font:700 13px inherit;padding:0 10px}.sxt-controls button:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}.sxt[data-theme="light"]{--bg:#f4f6ff;--panel:#fff;--ink:#142044;--muted:#4b5671;background:var(--bg);color:var(--ink)}.sxt[data-theme="light"] .sxt-nav,.sxt[data-theme="light"] .sxt-foot{background:#fff;color:#142044;border-color:#dce1f4}.sxt[data-theme="light"] .sxt-hero{background:linear-gradient(110deg,#eef2ff,#e4e9ff)}.sxt[data-theme="light"] .sxt-section:not(.sxt-systems){background:#f4f6ff;color:#142044}.sxt[data-theme="light"] .sxt-card{background:#fff;color:#142044;border-color:#d4d9f2;box-shadow:0 7px 24px #18275b12}.sxt[data-theme="light"] .sxt-card p,.sxt[data-theme="light"] .sxt-copy p,.sxt[data-theme="light"] .sxt-trust{color:#4b5671}.sxt[data-theme="light"] .sxt-card a{color:#6733bd}.sxt[data-theme="light"] .sxt-controls button{background:#e7e9fa;color:#17234b}.sxt[data-theme="dark"] .sxt-systems{background:#101a36;color:#f7f7ff}.sxt[data-theme="dark"] .sxt-systems .sxt-card{color:#fff}.sxt[data-theme="light"] .sxt-systems{background:#e8ecfa;color:#142044}.sxt[data-theme="light"] .sxt-systems .sxt-card{color:#142044}.sxt[data-theme="light"] .sxt-sample{color:#6f39c2}.sxt[data-theme="light"] .sxt-plan strong{color:#6533b9}@media(max-width:950px){.sxt-controls{order:2}.sxt-nav nav{order:4}}

/* Enterprise photo system – based on the approved reference artwork */
.sxt-image-card{overflow:hidden;padding:0;min-height:310px;display:flex;flex-direction:column;background:#0d1732}
.sxt-image-card>img{width:100%;height:185px;object-fit:cover;display:block;filter:saturate(1.1);border-bottom:1px solid #6e53bb}
.sxt-image-card>div{padding:17px 20px 21px;flex:1}.sxt-image-card h3{margin:7px 0}.sxt-image-card p{margin:7px 0 12px}
.sxt-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.96}
.sxt-visual{position:relative;overflow:hidden;min-height:360px;border-radius:20px;border:1px solid #6259ad;box-shadow:0 20px 50px #0007}
.sxt-visual .sxt-window{display:none}.sxt-controls{display:flex;gap:8px}.sxt-controls button{border:1px solid #8883c9;background:#18244c;color:white;border-radius:9px;min-height:39px;min-width:45px;cursor:pointer;font-weight:800}
.sxt[data-theme=light]{--bg:#f3f5fd;--ink:#182444;--muted:#495775;background:#f3f5fd;color:#182444}
.sxt[data-theme=light] .sxt-nav{background:#fff;color:#172340;border-color:#d5dbf1}
.sxt[data-theme=light] .sxt-hero{background:linear-gradient(120deg,#f8f9ff,#dfe7ff)}
.sxt[data-theme=light] .sxt-card{background:#fff;color:#152344;border-color:#d2d7f1;box-shadow:0 8px 24px #182b4910}
.sxt[data-theme=light] .sxt-card p{color:#4d5975}.sxt[data-theme=light] .sxt-contact{background:#e4e9fb;color:#162447}
.sxt[data-theme=light] .sxt-systems{background:#e8edfa}.sxt[data-theme=light] .sxt-image-card>div{background:#fff}
.sxt[data-theme=light] .sxt-foot{background:#dce3f5;color:#35415c}.sxt[data-theme=light] .sxt-controls button{background:#f3f4ff;color:#202a4d}
@media(max-width:700px){.sxt-visual{min-height:260px}.sxt-image-card>img{height:180px}}

.sxt-studio-form{display:grid;gap:12px;max-width:850px;margin:22px 0}.sxt-studio-form input,.sxt-studio-form textarea,.sxt-studio-form select{width:100%;padding:13px;border-radius:10px;border:1px solid #8a85a7;background:var(--sxt-panel,#fff);color:inherit}.sxt-studio-form textarea{min-height:100px}.sxt-studio-form label{display:grid;gap:6px}
