:root{--bg:#07070d;--bg2:#0d0b16;--card:#11101b;--card2:#171327;--text:#f8f6ff;--muted:#a8a2b5;--line:#272136;--purple:#7c3aed;--purple2:#a855f7;--violet:#6d3cff;--white:#fff;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Inter,system-ui,sans-serif;--shadow:0 24px 80px rgba(38,7,86,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 5%,#1b0f38 0,transparent 25%),linear-gradient(180deg,#06060b,#090811 45%,#06060a);color:var(--text);font-family:var(--sans);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.16;pointer-events:none;z-index:-1}.ambient-a{width:460px;height:460px;background:#7c3aed;right:-120px;top:150px}.ambient-b{width:380px;height:380px;background:#4f46e5;left:-180px;top:58%}.site-header{position:sticky;top:0;z-index:30;background:rgba(6,6,11,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap{height:78px;display:flex;align-items:center;gap:26px}.brand{width:170px;margin-right:auto}.brand img{max-height:54px;object-fit:contain}.main-nav{display:flex;gap:28px;align-items:center}.main-nav a{font-size:14px;color:#c8c3d2;position:relative}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:-12px;background:linear-gradient(90deg,var(--purple),var(--purple2));border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:12px;background:linear-gradient(135deg,var(--violet),var(--purple2));border:1px solid rgba(255,255,255,.12);font-weight:700;color:#fff;box-shadow:0 12px 30px rgba(124,58,237,.24);transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(124,58,237,.34)}.btn-outline{background:transparent;box-shadow:none;border-color:#393148}.btn-sm{padding:11px 16px;font-size:14px}.nav-toggle{display:none;background:none;border:0}.hero{padding:100px 0 72px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#aa7aff;text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:700;margin-bottom:18px}.eyebrow:before{content:'✦';font-size:10px}.hero h1,.page-hero h1{font-family:var(--serif);font-size:clamp(52px,6vw,86px);line-height:.98;margin:0 0 24px;font-weight:400;letter-spacing:-.03em}.gradient-text{background:linear-gradient(90deg,#fff 5%,#b77bff 52%,#7c3aed);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;color:var(--muted);max-width:630px;margin-bottom:32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.trust-row{display:flex;gap:28px;flex-wrap:wrap;margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}.trust-row span{font-size:13px;color:#c9c4d0}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.globe{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle at 30% 20%,rgba(168,85,247,.35),rgba(58,20,98,.08) 35%,#090813 70%);border:1px solid rgba(143,85,255,.23);box-shadow:inset 0 0 80px rgba(124,58,237,.15),0 0 100px rgba(124,58,237,.1)}.globe:before,.globe:after{content:'';position:absolute;inset:11%;border:1px solid rgba(149,93,255,.2);border-radius:50%;transform:rotate(32deg)}.globe:after{transform:rotate(-25deg) scale(.72)}.hero-mark{width:330px;position:relative;z-index:2;filter:drop-shadow(0 0 35px rgba(141,79,255,.55));animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-14px)}}.orbital{position:absolute;width:530px;height:210px;border:1px solid rgba(168,85,247,.35);border-radius:50%;transform:rotate(-10deg)}.orbital.two{transform:rotate(22deg);width:460px}.section{padding:96px 0}.section.light{background:#f8f7fb;color:#17131f}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}.section-head h2,.split h2,.cta h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4vw,58px);line-height:1.06;margin:4px 0 0}.section-head p{max-width:520px;color:var(--muted)}.light .section-head p{color:#696272}.tech-strip{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0913}.tech-list{display:grid;grid-template-columns:repeat(7,1fr);gap:24px;text-align:center;color:#aaa3b3;font-weight:600}.tech-list span{padding:8px 4px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service-card,.admin-card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid rgba(137,92,207,.23);border-radius:18px;padding:25px;min-height:260px;transition:.3s}.service-card:hover{transform:translateY(-6px);border-color:rgba(164,92,255,.6);background:linear-gradient(180deg,rgba(124,58,237,.12),rgba(255,255,255,.02))}.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#3a176e,#7c3aed);font-size:21px;margin-bottom:22px}.service-card h3{font-size:18px;line-height:1.25}.service-card p{color:#9f98aa;font-size:14px}.arrow-link{display:inline-flex;margin-top:16px;color:#d0b3ff;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:26px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.metric{padding:28px;text-align:center;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{font-size:34px;color:#a855f7}.metric span{display:block;color:#aaa2b3;font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-card{background:#fff;color:#16121d;border-radius:18px;overflow:hidden;border:1px solid #e9e6ee;transition:.25s}.project-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(28,20,40,.12)}.project-image{aspect-ratio:16/10;background:linear-gradient(135deg,#171327,#51238e);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-body{padding:20px}.tag{display:inline-block;font-size:11px;padding:5px 9px;border-radius:30px;background:#efe8ff;color:#6d3cff;margin-bottom:9px}.project-body h3{margin:0 0 5px}.project-body p{color:#71697b;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.split p{color:#aaa2b4}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.value{padding:18px;border:1px solid var(--line);border-radius:14px}.value strong{display:block;margin-bottom:5px}.team-art{min-height:410px;border-radius:28px;background:radial-gradient(circle at 55% 40%,rgba(157,90,255,.35),transparent 28%),linear-gradient(135deg,#1f1534,#090811);border:1px solid #302044;position:relative;overflow:hidden}.team-art:after{content:'GLOBAL THINKING\A LOCAL UNDERSTANDING';white-space:pre;position:absolute;left:40px;bottom:40px;font-family:var(--serif);font-size:30px;line-height:1.1;color:#fff}.network-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#a855f7;box-shadow:0 0 14px #a855f7}.cta{padding:42px;border-radius:24px;background:linear-gradient(120deg,#251342,#6631cc);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:30px;box-shadow:var(--shadow)}.cta h2{font-size:44px}.cta p{color:#ddd2ef}.footer{padding:70px 0 20px;background:#05050a;border-top:1px solid #1d1728}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.25fr;gap:42px}.footer-logo{width:190px;margin-bottom:16px}.footer p{color:#8f8999}.footer h4{margin-top:0}.footer a{display:block;color:#aaa3b4;margin:9px 0;font-size:14px}.footer a:hover{color:#fff}.social-row{display:flex;gap:10px}.social-row a{width:34px;height:34px;border:1px solid #30273f;border-radius:50%;display:grid;place-items:center}.worldwide{color:#b78dff!important}.footer-bottom{display:flex;justify-content:space-between;color:#716b79;font-size:12px;padding-top:28px;margin-top:34px;border-top:1px solid #1d1825}.page-hero{padding:92px 0 58px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:64px}.page-hero p{max-width:700px;color:#aaa2b3;font-size:18px}.prose{max-width:850px}.prose h2,.prose h3{font-family:var(--serif);font-weight:400}.prose h2{font-size:38px}.prose p,.prose li{color:#bbb4c3}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{background:#11101a;border:1px solid var(--line);border-radius:18px;overflow:hidden}.blog-card .thumb{aspect-ratio:16/10;background:#1a1428}.blog-card .thumb img{width:100%;height:100%;object-fit:cover}.blog-card .body{padding:22px}.blog-card .meta{font-size:12px;color:#897f94}.blog-card h3{margin:8px 0}.blog-card p{color:#9f98aa;font-size:14px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery figure{margin:0;border-radius:16px;overflow:hidden;background:#12101a;border:1px solid var(--line)}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery figcaption{padding:12px 15px;color:#aaa2b3;font-size:13px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}.contact-panel,.form-panel{background:#100e18;border:1px solid var(--line);border-radius:22px;padding:30px}.contact-list{display:grid;gap:18px;margin-top:30px}.contact-item{padding:18px;border-radius:14px;background:#151220}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#bdb6c7}.field input,.field textarea,.field select{width:100%;background:#0a0910;border:1px solid #2d2638;color:#fff;border-radius:12px;padding:14px 15px;font:inherit;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}.field textarea{min-height:150px;resize:vertical}.toast{position:fixed;right:20px;top:94px;z-index:50;padding:13px 18px;background:#16121f;border:1px solid #4d3769;border-radius:12px;box-shadow:var(--shadow)}.toast.success{border-color:#315b45}.toast.error{border-color:#743949}.auth-wrap{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:60px 20px}.auth-card{width:min(480px,100%);padding:34px;background:#100e18;border:1px solid #302640;border-radius:24px;box-shadow:var(--shadow)}.auth-logo{width:190px;margin:0 auto 20px}.auth-card h1{text-align:center;font-family:var(--serif);font-weight:400}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-sidebar{background:#08070d;border-right:1px solid #211b2b;padding:26px 18px;position:sticky;top:0;height:100vh}.admin-sidebar img{width:180px;margin-bottom:30px}.admin-sidebar a{display:block;padding:12px 14px;color:#aaa3b5;border-radius:10px;margin:3px 0}.admin-sidebar a:hover,.admin-sidebar a.active{background:#171124;color:#fff}.admin-main{padding:34px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-top h1{font-family:var(--serif);font-weight:400;margin:0}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.admin-card{min-height:auto}.admin-card strong{font-size:32px;color:#a855f7;display:block}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#0d0b14}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{text-align:left;padding:14px;border-bottom:1px solid #211b2b;font-size:13px}.admin-table th{color:#8f879b;background:#100d18}.admin-table img{width:80px;height:52px;object-fit:cover;border-radius:8px}.actions{display:flex;gap:8px}.actions a,.actions button{padding:7px 10px;border-radius:8px;border:1px solid #32263f;background:#15101d;color:#ddd4e6;cursor:pointer}.danger{color:#ff9aa9!important}.admin-form{max-width:900px}.check{display:flex;gap:8px;align-items:center}.pager{display:flex;gap:8px;margin-top:24px}.pager a{padding:8px 12px;border:1px solid var(--line);border-radius:8px}.empty{padding:40px;text-align:center;color:#8f879b}.nav-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}
@media(max-width:1000px){.main-nav{position:fixed;top:78px;left:20px;right:20px;background:#0c0a12;border:1px solid #282032;border-radius:18px;padding:20px;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.nav-toggle{display:block}.nav-cta{display:none}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:420px}.cards{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.tech-list{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:68px}.brand{width:145px}.main-nav{top:68px}.hero{padding:68px 0 46px}.hero h1,.page-hero h1{font-size:46px}.hero p{font-size:16px}.hero-visual{min-height:330px}.globe{width:310px;height:310px}.hero-mark{width:220px}.orbital{width:330px;height:145px}.trust-row{gap:15px}.section{padding:68px 0}.section-head{display:block}.cards,.project-grid,.blog-grid,.gallery,.metrics,.values,.form-grid,.footer-grid,.admin-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.tech-list{grid-template-columns:repeat(2,1fr)}.cta{grid-template-columns:1fr;padding:28px}.cta h2{font-size:34px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}.field.full{grid-column:auto}.admin-main{padding:22px 14px}.admin-sidebar{display:flex;overflow:auto;gap:5px;align-items:center}.admin-sidebar img{width:130px;margin:0 12px 0 0}.admin-sidebar a{white-space:nowrap}.page-hero{padding-top:66px}}

/* v1.2 cinematic home hero */
.site-header{background:rgba(5,5,11,.62);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(20px) saturate(130%)}
.brand.brand-icon{width:46px;height:46px;display:grid;place-items:center;margin-right:auto;flex:0 0 46px}
.brand.brand-icon img{width:42px;height:42px;max-height:none;object-fit:contain;filter:drop-shadow(0 0 14px rgba(124,58,237,.38))}
.hero.hero-cinematic{min-height:calc(100vh - 78px);padding:0;position:relative;display:flex;align-items:stretch;background:#05060c;isolation:isolate}
.hero-media{position:absolute;z-index:-3;right:0;top:0;bottom:0;width:min(58vw,920px);overflow:hidden}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.08) contrast(1.02)}
.hero-overlay{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#05060c 0%,rgba(5,6,12,.98) 28%,rgba(5,6,12,.78) 50%,rgba(5,6,12,.18) 74%,rgba(5,6,12,.1) 100%),linear-gradient(180deg,rgba(4,4,10,.18),rgba(4,4,10,.06) 55%,#05060c 100%)}
.hero.hero-cinematic:after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 72% 38%,rgba(124,58,237,.13),transparent 28%);pointer-events:none}
.hero-cinematic-inner{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 78px);padding-top:74px;padding-bottom:150px}
.hero-copy{width:min(720px,62%);position:relative;z-index:2}
.hero-kicker{margin-bottom:20px;color:#b17cff}.hero-kicker:before{display:none}.hero-kicker:after{content:'';width:52px;height:1px;background:linear-gradient(90deg,#9c5cff,transparent);margin-left:10px}
.hero.hero-cinematic h1{font-family:var(--sans);font-weight:700;font-size:clamp(56px,5.8vw,88px);letter-spacing:-.055em;line-height:1.01;margin-bottom:24px;text-wrap:balance}
.hero.hero-cinematic .gradient-text{background:linear-gradient(100deg,#c283ff 0%,#8b5cf6 40%,#6d28d9 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(124,58,237,.16)}
.hero.hero-cinematic p{font-size:clamp(16px,1.45vw,20px);line-height:1.72;color:#d5d0dd;max-width:650px;margin-bottom:34px}
.hero-primary{padding:16px 25px;border-radius:11px;box-shadow:0 14px 38px rgba(124,58,237,.34)}
.hero-secondary{padding:16px 26px;border-color:rgba(255,255,255,.42);background:rgba(4,5,10,.34);backdrop-filter:blur(8px)}
.hero-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:48px;max-width:690px}
.hero-benefit{display:flex;align-items:flex-start;gap:13px;padding:0 20px;border-right:1px solid rgba(255,255,255,.13)}
.hero-benefit:first-child{padding-left:0}.hero-benefit:last-child{border-right:0;padding-right:0}
.benefit-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(151,88,255,.55);background:rgba(83,34,139,.26);color:#b982ff;box-shadow:inset 0 0 24px rgba(124,58,237,.13);flex:0 0 42px}
.hero-benefit strong{display:block;font-size:14px;color:#fff;margin-bottom:3px}.hero-benefit small{display:block;color:#aca5b6;font-size:12px;line-height:1.5}
.hero-tech-panel{position:absolute;left:20px;right:20px;bottom:24px;border:1px solid rgba(160,104,255,.25);border-radius:18px;background:linear-gradient(180deg,rgba(13,10,27,.86),rgba(8,8,17,.82));backdrop-filter:blur(18px);padding:22px 26px 18px;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.tech-label{display:block;text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:#ad79ff;font-weight:700;margin-bottom:12px}
.hero-tech-panel .tech-list{grid-template-columns:repeat(7,1fr);gap:18px;color:#ece8f3;align-items:center}
.hero-tech-panel .tech-list span{font-size:14px;font-weight:600;opacity:.9}
@media(max-width:1000px){.hero.hero-cinematic{min-height:auto}.hero-cinematic-inner{min-height:780px;padding-top:86px;padding-bottom:160px}.hero-copy{width:min(690px,78%)}.hero-media{width:68%;opacity:.78}.hero-overlay{background:linear-gradient(90deg,#05060c 0%,rgba(5,6,12,.96) 32%,rgba(5,6,12,.68) 62%,rgba(5,6,12,.2) 100%),linear-gradient(180deg,transparent,#05060c 100%)}.hero-tech-panel .tech-list{grid-template-columns:repeat(4,1fr);row-gap:10px}}
@media(max-width:640px){.brand.brand-icon{width:40px;height:40px;flex-basis:40px}.brand.brand-icon img{width:38px;height:38px}.hero.hero-cinematic{min-height:760px}.hero-cinematic-inner{min-height:760px;padding-top:70px;padding-bottom:210px}.hero-media{inset:0;width:100%;height:100%;opacity:.5}.hero-media img{object-position:64% center}.hero-overlay{background:linear-gradient(180deg,rgba(4,5,10,.54) 0%,rgba(4,5,10,.72) 36%,#05060c 76%,#05060c 100%),linear-gradient(90deg,#05060c 0%,rgba(5,6,12,.65) 68%,rgba(5,6,12,.28) 100%)}.hero-copy{width:100%}.hero.hero-cinematic h1{font-size:clamp(44px,13vw,62px);line-height:1.02}.hero.hero-cinematic p{font-size:16px;max-width:94%}.hero-actions{gap:10px}.hero-actions .btn{width:100%}.hero-benefits{grid-template-columns:1fr;gap:13px;margin-top:30px}.hero-benefit,.hero-benefit:first-child,.hero-benefit:last-child{padding:0;border:0}.benefit-icon{width:36px;height:36px;flex-basis:36px}.hero-tech-panel{left:14px;right:14px;bottom:18px;padding:16px 14px 13px}.hero-tech-panel .tech-list{grid-template-columns:repeat(3,1fr);gap:6px 10px}.hero-tech-panel .tech-list span{font-size:11px}.hero-tech-panel .tech-list span:last-child{grid-column:2}.tech-label{font-size:9px;margin-bottom:9px}}

/* v2.1 visual polish patch — seamless cinematic hero + technology icons + animated neon service cards */
.hero.hero-cinematic{background:#05060c}
.hero-media{inset:0;width:100%;height:100%;right:auto;top:auto;bottom:auto;overflow:hidden}
.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,11,.94) 0%,rgba(4,5,11,.82) 20%,rgba(5,6,13,.56) 42%,rgba(8,7,18,.24) 66%,rgba(8,7,18,.12) 100%);pointer-events:none}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:68% center;filter:saturate(1.08) contrast(1.04) brightness(.9);transform:scale(1.012)}
.hero-overlay{background:radial-gradient(circle at 72% 36%,rgba(137,66,255,.18),transparent 34%),linear-gradient(90deg,#05060c 0%,rgba(5,6,12,.89) 17%,rgba(5,6,12,.62) 39%,rgba(5,6,12,.18) 68%,rgba(5,6,12,.12) 100%),linear-gradient(180deg,rgba(3,4,9,.12) 0%,rgba(3,4,9,.04) 52%,#05060c 100%)}
.hero.hero-cinematic:before{content:'';position:absolute;z-index:-1;left:-6%;top:0;width:62%;height:100%;background:radial-gradient(ellipse at 30% 45%,rgba(5,6,12,.72),rgba(5,6,12,.34) 47%,transparent 72%);filter:blur(16px);pointer-events:none}

/* Technology chips with recognizable visual icons */
.hero-tech-panel{border-color:rgba(161,91,255,.34);background:linear-gradient(180deg,rgba(15,11,31,.82),rgba(7,8,18,.88));box-shadow:0 24px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035)}
.hero-tech-panel .tech-icon-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;align-items:center}
.hero-tech-panel .tech-item{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;color:#eeeaf6;white-space:nowrap}
.hero-tech-panel .tech-item b{font-size:13px;font-weight:650;letter-spacing:-.01em}
.tech-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;font-weight:800;font-size:12px;line-height:1;color:#fff;background:rgba(124,58,237,.12);border:1px solid rgba(168,85,247,.24);box-shadow:inset 0 0 18px rgba(124,58,237,.12)}
.tech-php{font-style:italic;color:#d8c8ff}.tech-laravel{color:#ff6c6c;font-size:22px}.tech-mysql{color:#74c7ff;font-size:22px}.tech-js{background:#f4d84b;color:#15120a;border-color:rgba(244,216,75,.5);border-radius:4px}.tech-tailwind{color:#51d4f4;font-size:24px}.tech-flutter{color:#55c5ff;font-size:24px}.tech-wp{border-radius:50%;font-family:Georgia,serif;font-size:16px;color:#f5f2ff}

/* Animated neon service cards */
.cards{gap:18px}
.service-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;background:linear-gradient(#11101b,#11101b) padding-box,linear-gradient(135deg,rgba(148,73,255,.38),rgba(255,59,223,.14),rgba(78,152,255,.26)) border-box;box-shadow:0 12px 38px rgba(0,0,0,.18);transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease}
.service-card:before{content:'';position:absolute;z-index:-2;width:210%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0 14%,rgba(183,73,255,.95) 20%,rgba(255,67,210,.88) 28%,transparent 36% 52%,rgba(63,141,255,.9) 60%,rgba(137,76,255,.9) 69%,transparent 76% 100%);animation:softworx-neon-spin 7s linear infinite;opacity:.72}
.service-card:after{content:'';position:absolute;z-index:-1;inset:2px;border-radius:inherit;background:radial-gradient(circle at 50% -10%,rgba(124,58,237,.18),transparent 42%),linear-gradient(180deg,#12101d,#0d0c15 90%)}
.service-card:nth-child(2):before{animation-delay:-1.2s}.service-card:nth-child(3):before{animation-delay:-2.4s}.service-card:nth-child(4):before{animation-delay:-3.6s}.service-card:nth-child(5):before{animation-delay:-4.8s}
.service-card>*{position:relative;z-index:2}.service-card .service-icon{border:1px solid rgba(211,125,255,.44);background:radial-gradient(circle at 35% 25%,rgba(231,121,255,.38),rgba(93,46,196,.3));box-shadow:0 0 20px rgba(165,76,255,.24),inset 0 0 18px rgba(217,128,255,.13);transition:transform .4s ease,box-shadow .4s ease}
.service-card:hover{transform:translateY(-10px) scale(1.018);box-shadow:0 24px 60px rgba(108,41,214,.25),0 0 35px rgba(145,68,255,.19)}
.service-card:hover:before{opacity:1;animation-duration:3.8s}.service-card:hover .service-icon{transform:rotate(-6deg) scale(1.08);box-shadow:0 0 28px rgba(183,77,255,.42),inset 0 0 18px rgba(217,128,255,.18)}
.service-card .arrow-link{transition:color .3s ease,text-shadow .3s ease}.service-card:hover .arrow-link{color:#d9a7ff;text-shadow:0 0 14px rgba(188,100,255,.45)}
@keyframes softworx-neon-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.service-card:before{animation:none}.service-card,.service-card .service-icon{transition:none}}

@media(max-width:1000px){
  .hero-media{width:100%;opacity:1}
  .hero-media img{object-position:66% center}
  .hero-media:after{background:linear-gradient(90deg,rgba(4,5,11,.94) 0%,rgba(4,5,11,.78) 34%,rgba(5,6,12,.42) 64%,rgba(5,6,12,.18) 100%)}
  .hero-overlay{background:linear-gradient(90deg,#05060c 0%,rgba(5,6,12,.84) 30%,rgba(5,6,12,.45) 65%,rgba(5,6,12,.16) 100%),linear-gradient(180deg,rgba(5,6,12,.06),#05060c 100%)}
  .hero-tech-panel .tech-icon-list{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:12px}
}
@media(max-width:640px){
  .hero-media{opacity:1}.hero-media img{object-position:70% center;filter:saturate(1.05) contrast(1.03) brightness(.67)}
  .hero-media:after{background:linear-gradient(180deg,rgba(4,5,10,.35) 0%,rgba(4,5,10,.58) 36%,rgba(5,6,12,.9) 68%,#05060c 100%),linear-gradient(90deg,rgba(5,6,12,.86),rgba(5,6,12,.35) 82%)}
  .hero-overlay{background:radial-gradient(circle at 78% 24%,rgba(124,58,237,.18),transparent 30%),linear-gradient(180deg,rgba(4,5,10,.1),rgba(5,6,12,.48) 44%,#05060c 82%)}
  .hero-tech-panel .tech-icon-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 8px}
  .hero-tech-panel .tech-item{justify-content:flex-start;padding-left:6px}.hero-tech-panel .tech-item b{font-size:10px}.tech-icon{width:26px;height:26px;font-size:10px}
  .hero-tech-panel .tech-item:last-child{grid-column:auto}
  .service-card:before{width:175%;opacity:.58;animation-duration:9s}
}


/* v2.2 hero background upgrade — cinematic developer skyline */
.hero-media img{
  object-position:60% center;
  filter:saturate(1.08) contrast(1.03) brightness(.88);
  transform:scale(1.006);
}
.hero-media:after{
  background:
    linear-gradient(90deg,rgba(4,5,11,.94) 0%,rgba(4,5,11,.84) 18%,rgba(5,6,13,.55) 39%,rgba(8,7,18,.22) 64%,rgba(8,7,18,.08) 100%);
}
.hero-overlay{
  background:
    radial-gradient(circle at 74% 35%,rgba(137,66,255,.13),transparent 36%),
    linear-gradient(90deg,#05060c 0%,rgba(5,6,12,.88) 18%,rgba(5,6,12,.56) 39%,rgba(5,6,12,.13) 70%,rgba(5,6,12,.05) 100%),
    linear-gradient(180deg,rgba(3,4,9,.08) 0%,rgba(3,4,9,.03) 56%,#05060c 100%);
}
@media(max-width:1000px){
  .hero-media img{object-position:64% center}
}
@media(max-width:640px){
  .hero-media img{object-position:72% center;filter:saturate(1.04) contrast(1.03) brightness(.62)}
}

/* v2.5 Premium Motion System + first-visit welcome experience */
html.swx-welcome-lock,html.swx-welcome-lock body{overflow:hidden}
.swx-welcome{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#05050a;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
.swx-welcome.is-visible{opacity:1;visibility:visible}
.swx-welcome.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.swx-welcome-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(168,85,247,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,#000 0,rgba(0,0,0,.75) 30%,transparent 68%);transform:perspective(700px) rotateX(62deg) translateY(28%);animation:swx-grid-drift 8s linear infinite}
.swx-welcome-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.42;will-change:transform}
.swx-welcome-orb-a{width:520px;height:520px;background:#7c3aed;left:-140px;top:-100px;animation:swx-orb-a 5.8s ease-in-out infinite alternate}
.swx-welcome-orb-b{width:460px;height:460px;background:#4f46e5;right:-120px;bottom:-150px;animation:swx-orb-b 6.8s ease-in-out infinite alternate}
.swx-welcome:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 43%,rgba(168,85,247,.13),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 35%);pointer-events:none}
.swx-welcome-inner{position:relative;z-index:2;width:min(920px,calc(100% - 40px));text-align:center;display:flex;flex-direction:column;align-items:center}
.swx-welcome-mark-wrap{position:relative;width:112px;height:112px;display:grid;place-items:center;margin-bottom:42px;transform:scale(.72);opacity:0;animation:swx-mark-in .9s cubic-bezier(.2,.8,.2,1) .12s forwards}
.swx-welcome-mark{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(168,85,247,.62))}
.swx-welcome-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(186,116,255,.34);box-shadow:0 0 70px rgba(124,58,237,.22),inset 0 0 32px rgba(124,58,237,.08);animation:swx-ring 2.8s ease-in-out infinite}
.swx-welcome-ring:before,.swx-welcome-ring:after{content:'';position:absolute;inset:9px;border-radius:inherit;border:1px dashed rgba(168,85,247,.19);animation:softworx-neon-spin 10s linear infinite}
.swx-welcome-ring:after{inset:-12px;border-style:solid;border-color:transparent rgba(104,91,255,.22) transparent rgba(200,103,255,.18);animation-duration:7s;animation-direction:reverse}
.swx-welcome-slides{position:relative;width:100%;height:152px}
.swx-welcome-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(28px) scale(.985);filter:blur(8px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1),filter .65s ease;pointer-events:none}
.swx-welcome-slide.is-active{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
.swx-welcome-slide.is-exit{opacity:0;transform:translateY(-25px) scale(1.015);filter:blur(7px)}
.swx-welcome-slide span{font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:#b8b2c5;margin-bottom:10px}
.swx-welcome-slide span i{font-style:normal;color:#a855f7;padding:0 8px}
.swx-welcome-slide strong{font-family:var(--serif);font-weight:400;font-size:clamp(42px,6.5vw,82px);line-height:1.02;letter-spacing:-.035em;color:#fff;text-wrap:balance}
.swx-welcome-slide strong em{font-style:normal;background:linear-gradient(100deg,#8b5cf6,#d466ff 58%,#7c8cff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(168,85,247,.18)}
.swx-welcome-progress{width:min(360px,70vw);height:2px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden;margin-top:30px}
.swx-welcome-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#7c3aed,#d466ff,#6d73ff);box-shadow:0 0 18px rgba(168,85,247,.8)}
.swx-welcome.is-playing .swx-welcome-progress span{animation:swx-welcome-progress 5.4s linear forwards}
.swx-welcome-skip{position:absolute;right:32px;top:28px;z-index:5;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#bbb4c8;padding:8px 14px;border-radius:999px;font:600 12px var(--sans);letter-spacing:.06em;cursor:pointer;backdrop-filter:blur(10px);transition:.25s}
.swx-welcome-skip:hover{color:#fff;border-color:rgba(168,85,247,.45);background:rgba(124,58,237,.12)}

/* General premium reveal system */
.js-motion .swx-reveal{opacity:0;transform:translateY(34px);filter:blur(5px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1),filter .85s ease}
.js-motion .swx-reveal.swx-from-left{transform:translateX(-36px);filter:blur(5px)}
.js-motion .swx-reveal.swx-from-right{transform:translateX(36px);filter:blur(5px)}
.js-motion .swx-reveal.is-revealed{opacity:1;transform:translate(0,0);filter:blur(0)}
.js-motion .swx-reveal[data-delay="1"]{transition-delay:.08s}.js-motion .swx-reveal[data-delay="2"]{transition-delay:.16s}.js-motion .swx-reveal[data-delay="3"]{transition-delay:.24s}.js-motion .swx-reveal[data-delay="4"]{transition-delay:.32s}
.site-header{transition:transform .35s ease,background .35s ease,box-shadow .35s ease}.site-header.is-scrolled{background:rgba(6,6,11,.86);box-shadow:0 12px 40px rgba(0,0,0,.25)}
.page-home .hero-copy .hero-kicker,.page-home .hero-copy h1,.page-home .hero-copy>p,.page-home .hero-actions,.page-home .hero-benefits,.page-home .hero-tech-panel{will-change:transform,opacity}
body.swx-page-enter .page-home .hero-copy .hero-kicker{animation:swx-hero-in .8s .08s both}body.swx-page-enter .page-home .hero-copy h1{animation:swx-hero-in .95s .16s both}body.swx-page-enter .page-home .hero-copy>p{animation:swx-hero-in .9s .27s both}body.swx-page-enter .page-home .hero-actions{animation:swx-hero-in .9s .36s both}body.swx-page-enter .page-home .hero-benefits{animation:swx-hero-in .9s .46s both}body.swx-page-enter .page-home .hero-tech-panel{animation:swx-panel-in .95s .54s both}
.hero-media img{transition:transform .2s linear;will-change:transform}.hero-tech-panel{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.hero-tech-panel:hover{transform:translateY(-5px);box-shadow:0 28px 90px rgba(69,23,142,.32),inset 0 1px 0 rgba(255,255,255,.05)}
.tech-item{transition:transform .25s ease,color .25s ease}.tech-item:hover{transform:translateY(-3px);color:#fff}.tech-item:hover .tech-icon{box-shadow:0 0 24px rgba(168,85,247,.32)}
.metric strong{display:inline-block}
.btn,.arrow-link,.main-nav a{will-change:transform}
@media(pointer:fine){.swx-magnetic{transition:transform .18s ease-out}}

@keyframes swx-mark-in{to{opacity:1;transform:scale(1)}}
@keyframes swx-ring{0%,100%{transform:scale(.94);opacity:.62}50%{transform:scale(1.04);opacity:1}}
@keyframes swx-grid-drift{to{background-position:0 48px,48px 0}}
@keyframes swx-orb-a{to{transform:translate(100px,70px) scale(1.12)}}
@keyframes swx-orb-b{to{transform:translate(-90px,-70px) scale(.9)}}
@keyframes swx-welcome-progress{to{width:100%}}
@keyframes swx-hero-in{from{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes swx-panel-in{from{opacity:0;transform:translateY(34px) scale(.97);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}

@media(max-width:640px){.swx-welcome-mark-wrap{width:88px;height:88px;margin-bottom:28px}.swx-welcome-mark{width:52px;height:52px}.swx-welcome-slides{height:126px}.swx-welcome-slide span{font-size:10px;letter-spacing:.17em}.swx-welcome-slide strong{font-size:clamp(34px,11vw,52px)}.swx-welcome-skip{right:18px;top:18px}.swx-welcome-progress{margin-top:20px}.js-motion .swx-reveal,.js-motion .swx-reveal.swx-from-left,.js-motion .swx-reveal.swx-from-right{transform:translateY(22px)}}
@media(prefers-reduced-motion:reduce){.swx-welcome-grid,.swx-welcome-orb,.swx-welcome-ring,.swx-welcome-ring:before,.swx-welcome-ring:after,.swx-welcome-progress span{animation:none!important}.js-motion .swx-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}body.swx-page-enter .page-home .hero-copy .hero-kicker,body.swx-page-enter .page-home .hero-copy h1,body.swx-page-enter .page-home .hero-copy>p,body.swx-page-enter .page-home .hero-actions,body.swx-page-enter .page-home .hero-benefits,body.swx-page-enter .page-home .hero-tech-panel{animation:none!important}}

/* v2.6 — Payment gateway policy pages */
.policy-hero{position:relative;padding:104px 0 72px;border-bottom:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 85% 10%,rgba(124,58,237,.22),transparent 28%)}
.policy-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(168,85,247,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000 38%,#000 100%);pointer-events:none}
.policy-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:72px;align-items:center}
.policy-hero h1{font-family:var(--serif);font-size:clamp(52px,6.2vw,82px);line-height:.98;font-weight:400;letter-spacing:-.035em;margin:0 0 24px}.policy-hero>div>div>p,.policy-hero-grid>div:first-child>p{max-width:700px;color:var(--muted);font-size:18px;margin:0 0 24px}.policy-meta{display:flex;gap:11px;flex-wrap:wrap}.policy-meta span{font-size:12px;letter-spacing:.04em;color:#c0b8cd;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);padding:8px 12px;border-radius:999px}
.policy-hero-card{position:relative;padding:30px;border:1px solid rgba(155,94,255,.28);border-radius:22px;background:linear-gradient(145deg,rgba(124,58,237,.14),rgba(255,255,255,.025));box-shadow:0 28px 80px rgba(21,5,48,.26);backdrop-filter:blur(12px);overflow:hidden}.policy-hero-card:after{content:'';position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;top:-70px;background:#8b5cf6;filter:blur(70px);opacity:.22}.policy-icon{position:relative;z-index:1;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#4c1d95,#8b5cf6);font-size:23px;margin-bottom:26px;box-shadow:0 12px 32px rgba(124,58,237,.28)}.policy-hero-card strong{position:relative;z-index:1;display:block;font-family:var(--serif);font-size:26px;font-weight:400;margin-bottom:9px}.policy-hero-card p{position:relative;z-index:1;color:#a9a2b5;margin:0;font-size:14px}
.policy-section{padding:82px 0 110px}.policy-layout{display:grid;grid-template-columns:240px minmax(0,790px);gap:70px;justify-content:center;align-items:start}.policy-nav{position:sticky;top:108px;padding:20px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018)}.policy-nav span{display:block;color:#fff;font-weight:700;font-size:13px;margin:0 0 13px;padding-bottom:12px;border-bottom:1px solid var(--line)}.policy-nav a{display:block;padding:7px 0;color:#8f889c;font-size:13px;transition:.2s}.policy-nav a:hover{color:#caa8ff;transform:translateX(3px)}.policy-content{min-width:0}.policy-callout{padding:20px 22px;margin:0 0 36px;border-radius:16px;border:1px solid rgba(157,92,255,.3);background:linear-gradient(90deg,rgba(124,58,237,.12),rgba(124,58,237,.035));color:#c5bdcf}.policy-callout b{color:#fff}.policy-content section{scroll-margin-top:112px;padding:0 0 32px;margin:0 0 32px;border-bottom:1px solid var(--line)}.policy-content section:last-child{border-bottom:0;margin-bottom:0}.policy-content h2{font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.2;letter-spacing:-.015em;margin:0 0 13px;color:#fff}.policy-content p{margin:0 0 14px;color:#a9a2b2;font-size:15px}.policy-content p:last-child{margin-bottom:0}.policy-content a{color:#b98bff;text-decoration:underline;text-decoration-color:rgba(185,139,255,.35);text-underline-offset:3px}.policy-content a:hover{color:#fff}.footer-legal{display:flex;gap:24px;flex-wrap:wrap;padding-top:28px;margin-top:36px;border-top:1px solid #1d1825}.footer-legal a{display:inline-flex!important;margin:0!important;font-size:12px!important;color:#8f8999!important}.footer-legal a:hover{color:#fff!important}
@media(max-width:900px){.policy-hero-grid{grid-template-columns:1fr;gap:38px}.policy-hero-card{max-width:660px}.policy-layout{grid-template-columns:1fr;gap:34px}.policy-nav{position:relative;top:auto;display:flex;gap:8px;overflow-x:auto;padding:12px;border-radius:14px}.policy-nav span{display:none}.policy-nav a{white-space:nowrap;padding:8px 11px;border:1px solid rgba(255,255,255,.07);border-radius:999px}.policy-nav a:hover{transform:none}}
@media(max-width:640px){.policy-hero{padding:76px 0 54px}.policy-hero h1{font-size:clamp(44px,13vw,62px)}.policy-hero-grid>div:first-child>p{font-size:16px}.policy-section{padding:52px 0 76px}.policy-content h2{font-size:26px}.policy-callout{padding:17px}.footer-legal{gap:12px 20px}.policy-hero-card{padding:24px}}

/* ==========================================================================
   SoftWorX Global — Services & Pricing v2.7
   ========================================================================== */
.pricing-hero{position:relative;padding:88px 0 56px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);background:
radial-gradient(circle at 78% 42%,rgba(124,58,237,.2),transparent 25%),
linear-gradient(180deg,rgba(10,8,17,.2),rgba(5,5,10,.7))}
.pricing-hero:after{content:'';position:absolute;inset:auto -10% -40% 40%;height:360px;background:radial-gradient(ellipse,rgba(124,58,237,.18),transparent 65%);filter:blur(20px);pointer-events:none}
.pricing-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:70px;align-items:center;min-height:400px}
.pricing-hero h1{font-family:var(--serif);font-size:clamp(56px,6vw,84px);font-weight:400;line-height:1;margin:0 0 22px;letter-spacing:-.03em}
.pricing-hero p{max-width:670px;color:#aaa2b3;font-size:18px;margin:0 0 30px}
.pricing-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:7px;border:1px solid #2b2437;background:rgba(10,8,16,.78);border-radius:14px;width:max-content;max-width:100%}
.pricing-tabs a{padding:9px 14px;border-radius:9px;font-size:12px;color:#b7afc1;transition:.2s;white-space:nowrap}
.pricing-tabs a:hover,.pricing-tabs a.active{color:#fff;background:linear-gradient(135deg,#6d3cff,#9a4df4);box-shadow:0 8px 24px rgba(124,58,237,.25)}
.pricing-hero-visual{position:relative;min-height:340px;display:grid;place-items:center;perspective:1000px}
.pricing-screen{width:min(440px,90%);height:260px;border-radius:22px;background:linear-gradient(145deg,#1b1730,#0c0a14);border:1px solid #3b2b59;box-shadow:0 40px 100px rgba(81,34,153,.35),inset 0 0 50px rgba(124,58,237,.07);transform:rotateX(8deg) rotateY(-8deg);padding:18px;position:relative}
.screen-top{display:flex;gap:6px}.screen-top span{width:7px;height:7px;border-radius:50%;background:#5d4a73}.screen-top span:first-child{background:#8b5cf6}
.screen-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.screen-kpis i{height:55px;border-radius:10px;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(255,255,255,.03));border:1px solid rgba(157,110,255,.15)}
.screen-chart{height:110px;border-radius:12px;margin-top:12px;overflow:hidden;border:1px solid rgba(157,110,255,.12);background:linear-gradient(180deg,rgba(124,58,237,.07),rgba(255,255,255,.01));position:relative}
.screen-chart:before{content:'';position:absolute;left:8%;right:8%;top:55%;height:2px;background:linear-gradient(90deg,transparent,#9e67ff 12%,#7140e7 35%,#c57bff 55%,#713ce0 78%,#ae71ff);transform:skewY(-8deg);box-shadow:0 0 16px #7c3aed}
.pricing-float-card{position:absolute;right:3%;bottom:34px;width:190px;padding:17px;border-radius:15px;background:rgba(26,20,43,.94);border:1px solid #4a3269;box-shadow:0 20px 50px rgba(0,0,0,.45);backdrop-filter:blur(18px)}
.pricing-float-card small,.pricing-float-card em{display:block;color:#92899e;font-size:10px;font-style:normal}.pricing-float-card strong{display:block;color:#fff;font-size:20px;margin:6px 0}.pricing-float-card em{color:#85dda8}
.pricing-trust{padding:25px 0;background:#07060b;border-bottom:1px solid rgba(255,255,255,.06)}
.pricing-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pricing-trust-grid>div{display:flex;align-items:center;gap:12px;padding:12px}
.pricing-trust-grid b{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#b482ff;background:#171022;border:1px solid #35244d}
.pricing-trust-grid span{display:grid}.pricing-trust-grid strong{font-size:13px}.pricing-trust-grid small{font-size:11px;color:#827a8d}
.pricing-group-section{padding:18px 0}
.pricing-group-shell{border:1px solid #26202f;background:linear-gradient(180deg,#0f0d15,#0a090e);border-radius:18px;padding:20px;box-shadow:0 18px 55px rgba(0,0,0,.16)}
.pricing-group-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 4px 20px}
.pricing-group-title{display:flex;gap:14px;align-items:center}.pricing-group-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#2b164b,#6f35d4);color:#d8c2ff;border:1px solid #6238a3;font-size:21px}
.pricing-group-title h2{margin:0;font-size:21px}.pricing-group-title p{margin:3px 0 0;color:#888090;font-size:13px}
.pricing-detail-link{font-size:12px;border:1px solid #4c2b76;border-radius:9px;padding:9px 13px;color:#d0b4ff}.pricing-detail-link:hover{background:#24143b}
.pricing-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pricing-plan{position:relative;padding:24px 20px 18px;border-radius:15px;border:1px solid #292330;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.01));display:flex;flex-direction:column;min-height:510px;transition:.25s}
.pricing-plan:hover{transform:translateY(-3px);border-color:#513271}.pricing-plan.featured{border-color:#7241b8;background:linear-gradient(180deg,rgba(84,40,144,.36),rgba(20,14,31,.75));box-shadow:0 12px 38px rgba(90,39,168,.18)}
.pricing-badge{position:absolute;right:18px;top:-11px;padding:5px 12px;border-radius:30px;background:linear-gradient(90deg,#7c3aed,#b35cff);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.pricing-plan h3{font-size:18px;margin:0 0 5px}.pricing-plan-tagline{font-size:12px;line-height:1.5;color:#8f8799;min-height:38px;margin:0 0 21px}
.pricing-price{display:flex;align-items:baseline;gap:6px;margin:0 0 18px}.pricing-price strong{font-size:26px;color:#a866ff;letter-spacing:-.02em}.pricing-price span{font-size:11px;color:#91899b}
.pricing-plan ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px;flex:1}.pricing-plan li{font-size:12px;color:#c3bdc9;display:flex;gap:8px;align-items:flex-start}.pricing-plan li span{display:grid;place-items:center;width:16px;height:16px;border:1px solid #7244ad;border-radius:50%;color:#b885ff;font-size:9px;flex:0 0 16px;margin-top:1px}
.pricing-plan .btn{width:100%;font-size:12px;padding:11px 14px}
.pricing-more{padding-top:82px}
.pricing-more-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:35px;align-items:start}.pricing-more-intro{padding:18px 10px}.pricing-more-intro h2,.pricing-addons-copy h2{font-family:var(--serif);font-weight:400;font-size:42px;line-height:1.05;margin:8px 0 18px}.pricing-more-intro p,.pricing-addons-copy p{color:#92899c;font-size:14px}
.pricing-offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pricing-offer{border:1px solid #282131;border-radius:15px;padding:20px;background:#0e0c13;display:grid;grid-template-columns:52px 1fr;gap:15px;transition:.25s}.pricing-offer:hover{border-color:#5d3587;transform:translateY(-3px)}
.pricing-offer-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#27143e,#51208d);color:#b986ff;border:1px solid #4d2e72}.pricing-offer h3{margin:0 0 7px;font-size:15px}.pricing-offer p{color:#8e8797;font-size:11px;line-height:1.55;margin:0 0 13px}
.pricing-offer-price{display:flex;align-items:baseline;gap:5px;margin-bottom:8px}.pricing-offer-price span,.pricing-offer-price small{font-size:10px;color:#887f91}.pricing-offer-price strong{color:#b36bff;font-size:14px}.pricing-offer a{font-size:11px;color:#cab0ed}
.pricing-addons-section{padding-top:20px}.pricing-addons-shell{border:1px solid #282131;border-radius:18px;background:#0d0b12;padding:25px;display:grid;grid-template-columns:.55fr 1.45fr;gap:26px;align-items:center}.pricing-addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pricing-addon-grid article{min-height:118px;border:1px solid #2c2436;border-radius:13px;padding:16px;text-align:center;background:#111019}.pricing-addon-grid article div{width:42px;height:42px;border-radius:11px;margin:0 auto 10px;display:grid;place-items:center;background:#1d112c;border:1px solid #4b2a72;color:#b070ff}.pricing-addon-grid strong{display:block;font-size:12px}.pricing-addon-grid small{display:block;color:#7f7789;font-size:10px;margin-top:4px}
.pricing-faq-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.pricing-faqs{border:1px solid #292231;border-radius:16px;overflow:hidden;background:#0e0c13}.pricing-faqs details{border-bottom:1px solid #292231;padding:0 18px}.pricing-faqs details:last-child{border:0}.pricing-faqs summary{cursor:pointer;padding:17px 0;font-size:13px;font-weight:600}.pricing-faqs p{margin:0 0 18px;color:#938b9b;font-size:12px;line-height:1.65}
.pricing-consult-card{border:1px solid #5d3992;border-radius:18px;padding:28px;background:radial-gradient(circle at 90% 80%,rgba(129,67,232,.42),transparent 35%),linear-gradient(135deg,#2b1650,#5e2aa6);box-shadow:0 22px 60px rgba(72,24,146,.22)}.pricing-consult-card>span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#d9c6fb}.pricing-consult-card h2{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.08;margin:8px 0 14px}.pricing-consult-card p{color:#d1c5df;font-size:13px}.pricing-consult-card ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:8px;font-size:12px}.pricing-consult-card .btn{background:#fff;color:#2d1748;box-shadow:none}
.pricing-setup-note{padding:24px;border:1px solid #6b4c28;background:#1d160e;border-radius:14px}.pricing-setup-note p{color:#c6b89f;margin-bottom:0}

/* Admin pricing manager */
.admin-settings-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;position:sticky;top:0;z-index:5;padding:10px;background:rgba(8,7,13,.92);backdrop-filter:blur(12px);border:1px solid #241d2e;border-radius:13px}.admin-settings-nav a{font-size:12px;padding:8px 10px;border-radius:8px;color:#aaa3b5}.admin-settings-nav a:hover{background:#181222;color:#fff}
.admin-settings-section{scroll-margin-top:90px;padding:26px 0 34px;border-bottom:1px solid #211b2b}.admin-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.admin-section-head h2{font-family:var(--serif);font-size:34px;font-weight:400;margin:0}.admin-section-head p{color:#8e8798;margin:4px 0 0;font-size:13px}.admin-stat-mini{min-width:92px;padding:13px 16px;border:1px solid #2d2439;border-radius:12px;background:#0f0c16;text-align:center}.admin-stat-mini strong{display:block;color:#a966ff;font-size:24px}.admin-stat-mini span{font-size:10px;color:#867e8f;text-transform:uppercase;letter-spacing:.08em}
.admin-pricing-layout{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(520px,1.28fr);gap:18px;align-items:start}.admin-editor-card{padding:20px;border:1px solid #2d2439;border-radius:16px;background:#0e0b14;max-width:none}.admin-editor-card h3{margin:0 0 4px;font-size:17px}.admin-editor-card .actions{align-items:center}.admin-editor-card .actions>a{display:inline-flex;align-items:center}
.admin-install-box{padding:22px;border:1px solid #694b2c;background:#1b140c;border-radius:14px}.admin-install-box p{color:#baa98f;margin-bottom:0}.admin-table form{margin:0}.admin-table small{color:#81798b}.admin-table strong{font-size:13px}

/* Footer pricing link polish */
.footer-legal{display:flex;gap:22px;flex-wrap:wrap;padding-top:24px;margin-top:30px;border-top:1px solid #1d1825}.footer-legal a{font-size:12px;color:#817a8b}

/* Responsive pricing */
@media(max-width:1000px){
  .pricing-hero-grid,.pricing-more-grid,.pricing-addons-shell,.pricing-faq-grid{grid-template-columns:1fr}
  .pricing-hero-visual{min-height:300px}
  .pricing-trust-grid{grid-template-columns:repeat(2,1fr)}
  .pricing-plan-grid{grid-template-columns:1fr}
  .pricing-plan{min-height:auto}
  .pricing-offer-grid{grid-template-columns:repeat(2,1fr)}
  .admin-pricing-layout{grid-template-columns:1fr}
}
@media(max-width:640px){
  .pricing-hero{padding:62px 0 42px}.pricing-hero-grid{gap:24px}.pricing-hero h1{font-size:48px}.pricing-hero p{font-size:15px}
  .pricing-tabs{width:100%;overflow:auto;flex-wrap:nowrap}.pricing-tabs a{flex:0 0 auto}
  .pricing-hero-visual{min-height:235px}.pricing-screen{height:200px}.pricing-float-card{right:0;bottom:5px}
  .pricing-trust-grid,.pricing-offer-grid,.pricing-addon-grid{grid-template-columns:1fr}
  .pricing-group-shell{padding:14px}.pricing-group-head{align-items:flex-start}.pricing-detail-link{display:none}
  .pricing-group-title{align-items:flex-start}.pricing-group-title p{font-size:11px}
  .pricing-plan{padding:22px 17px}
  .pricing-more{padding-top:54px}.pricing-more-intro h2,.pricing-addons-copy h2{font-size:36px}
  .pricing-addons-shell{padding:18px}.pricing-consult-card{padding:22px}.pricing-consult-card h2{font-size:30px}
  .admin-section-head{align-items:flex-start}.admin-stat-mini{display:none}.admin-settings-nav{position:relative}
}


/* ==========================================================================
   v2.9 — Why SoftWorX Global premium network section
   ========================================================================== */
.why-swx-section{
  position:relative;
  overflow:hidden;
}
.why-swx-section:before{
  content:'';
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  left:-300px;
  top:50px;
  background:rgba(124,58,237,.10);
  filter:blur(110px);
  pointer-events:none;
}
.why-swx-grid{
  gap:70px;
  align-items:center;
}
.why-swx-copy>p{
  max-width:660px;
  font-size:16px;
  line-height:1.75;
}
.why-values{
  gap:14px;
}
.why-value{
  position:relative;
  min-height:168px;
  padding:25px 19px 20px;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0%,rgba(124,58,237,.08),transparent 45%),
    rgba(12,10,18,.6);
  transition:
    transform .38s cubic-bezier(.2,.8,.2,1),
    border-color .38s ease,
    box-shadow .38s ease,
    background .38s ease;
}
.why-value:before{
  content:'';
  position:absolute;
  width:110px;
  height:110px;
  right:-50px;
  top:-55px;
  border:1px solid rgba(173,102,255,.15);
  border-radius:50%;
  transition:.38s ease;
}
.why-value:hover{
  transform:translateY(-6px);
  border-color:rgba(158,92,255,.58);
  background:
    radial-gradient(circle at 100% 0%,rgba(124,58,237,.17),transparent 48%),
    rgba(14,11,22,.85);
  box-shadow:0 20px 45px rgba(65,22,127,.20),0 0 30px rgba(124,58,237,.08);
}
.why-value:hover:before{
  transform:scale(1.25);
  border-color:rgba(184,111,255,.28);
}
.why-value-number{
  display:block!important;
  margin:0 0 18px!important;
  color:#9d65ff!important;
  font-size:10px!important;
  font-weight:700;
  line-height:1;
  letter-spacing:.16em;
}
.why-value strong{
  font-size:15px;
  margin-bottom:8px;
}
.why-value>span:last-child{
  color:#aaa2b4;
  font-size:13px;
  line-height:1.55;
}

/* Ecosystem/network panel */
.swx-network{
  min-height:460px;
  background:
    radial-gradient(circle at 50% 44%,rgba(135,64,238,.24),transparent 23%),
    radial-gradient(circle at 80% 15%,rgba(81,39,150,.16),transparent 25%),
    linear-gradient(145deg,#171024 0%,#0b0811 66%,#0a0810 100%);
  isolation:isolate;
}
.swx-network:before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(157,92,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(157,92,255,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at center,#000 25%,transparent 80%);
  opacity:.65;
}
.swx-network:after{
  display:none;
}
.swx-network-orbit{
  position:absolute;
  left:50%;
  top:48%;
  border:1px solid rgba(158,95,255,.12);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-12deg);
  pointer-events:none;
}
.swx-network-orbit.orbit-a{
  width:320px;
  height:210px;
  animation:swx-orbit-drift 10s ease-in-out infinite;
}
.swx-network-orbit.orbit-b{
  width:390px;
  height:270px;
  transform:translate(-50%,-50%) rotate(24deg);
  border-color:rgba(158,95,255,.08);
  animation:swx-orbit-drift-b 13s ease-in-out infinite;
}
.swx-network-lines{
  position:absolute;
  inset:35px 30px 72px;
  width:calc(100% - 60px);
  height:calc(100% - 107px);
  overflow:visible;
  z-index:1;
  opacity:.7;
}
.swx-network-lines path{
  fill:none;
  stroke:rgba(161,91,255,.42);
  stroke-width:1.2;
  stroke-dasharray:5 8;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 3px rgba(142,72,255,.3));
}
.js-motion .swx-network:not(.network-live) .swx-network-lines path{
  stroke-dasharray:600;
  stroke-dashoffset:600;
}
.js-motion .swx-network.network-live .swx-network-lines path{
  animation:swx-line-draw 1.25s cubic-bezier(.2,.8,.2,1) forwards;
}
.js-motion .swx-network.network-live .swx-network-lines path:nth-child(2){animation-delay:.09s}
.js-motion .swx-network.network-live .swx-network-lines path:nth-child(3){animation-delay:.18s}
.js-motion .swx-network.network-live .swx-network-lines path:nth-child(4){animation-delay:.27s}
.js-motion .swx-network.network-live .swx-network-lines path:nth-child(5){animation-delay:.36s}

.swx-network-center{
  position:absolute;
  left:50%;
  top:47%;
  width:148px;
  height:148px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  z-index:4;
  background:
    radial-gradient(circle at 35% 28%,rgba(202,151,255,.22),transparent 28%),
    linear-gradient(145deg,#201334,#0c0913);
  border:1px solid rgba(166,95,255,.55);
  box-shadow:
    0 0 0 13px rgba(124,58,237,.035),
    0 0 55px rgba(124,58,237,.23),
    inset 0 0 25px rgba(124,58,237,.12);
  animation:swx-center-pulse 4.8s ease-in-out infinite;
}
.swx-network-mark{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:13px;
  margin-bottom:7px;
  font-weight:800;
  font-size:12px;
  letter-spacing:-.04em;
  background:linear-gradient(135deg,#7c3aed,#b462ff);
  color:#fff;
  box-shadow:0 0 24px rgba(168,85,247,.30);
}
.swx-network-center strong{
  font-family:var(--serif);
  font-weight:400;
  font-size:18px;
  line-height:1;
}
.swx-network-center small{
  margin-top:5px;
  color:#8d8299;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.swx-network-node{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border-radius:30px;
  border:1px solid rgba(134,78,203,.28);
  background:rgba(10,8,15,.82);
  backdrop-filter:blur(8px);
  color:#bfb5ca;
  font-size:10px;
  letter-spacing:.04em;
  box-shadow:0 7px 22px rgba(0,0,0,.18);
}
.swx-network-node i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#a855f7;
  box-shadow:0 0 12px #a855f7;
}
.node-strategy{left:16%;top:18%;animation:swx-node-float 5.4s ease-in-out infinite}
.node-technology{right:13%;top:17%;animation:swx-node-float 6s ease-in-out -.7s infinite}
.node-growth{right:7%;top:50%;animation:swx-node-float 5.7s ease-in-out -1.3s infinite}
.node-design{right:22%;bottom:20%;animation:swx-node-float 6.3s ease-in-out -.2s infinite}
.node-operations{left:11%;bottom:22%;animation:swx-node-float 5.8s ease-in-out -.9s infinite}

.swx-network-particle{
  position:absolute;
  z-index:2;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#d28cff;
  box-shadow:0 0 9px #aa55ff;
  opacity:.75;
}
.p1{left:36%;top:32%;animation:swx-particle-one 5.5s linear infinite}
.p2{left:66%;top:31%;animation:swx-particle-two 6.8s linear -.8s infinite}
.p3{left:65%;top:65%;animation:swx-particle-three 6.1s linear -1.7s infinite}
.p4{left:31%;top:64%;animation:swx-particle-four 7s linear -2.2s infinite}

.swx-network-caption{
  position:absolute;
  left:36px;
  bottom:34px;
  z-index:5;
  display:grid;
  line-height:1;
}
.swx-network-caption span,
.swx-network-caption strong{
  font-family:var(--serif);
  text-transform:uppercase;
  font-weight:400;
  font-size:25px;
}
.swx-network-caption span{
  color:#8d7c99;
  font-size:12px;
  letter-spacing:.16em;
  font-family:var(--sans);
  margin-bottom:7px;
}
.swx-network-caption strong{
  color:#fff;
}

@keyframes swx-line-draw{
  to{stroke-dashoffset:0}
}
@keyframes swx-center-pulse{
  0%,100%{box-shadow:0 0 0 13px rgba(124,58,237,.035),0 0 42px rgba(124,58,237,.16),inset 0 0 25px rgba(124,58,237,.12)}
  50%{box-shadow:0 0 0 18px rgba(124,58,237,.025),0 0 68px rgba(124,58,237,.28),inset 0 0 32px rgba(124,58,237,.17)}
}
@keyframes swx-node-float{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-7px,0)}
}
@keyframes swx-orbit-drift{
  0%,100%{transform:translate(-50%,-50%) rotate(-12deg) scale(1)}
  50%{transform:translate(-50%,-50%) rotate(-7deg) scale(1.025)}
}
@keyframes swx-orbit-drift-b{
  0%,100%{transform:translate(-50%,-50%) rotate(24deg) scale(1)}
  50%{transform:translate(-50%,-50%) rotate(18deg) scale(.98)}
}
@keyframes swx-particle-one{
  0%{transform:translate(0,0);opacity:0}
  15%{opacity:.9}
  85%{opacity:.9}
  100%{transform:translate(-90px,-74px);opacity:0}
}
@keyframes swx-particle-two{
  0%{transform:translate(0,0);opacity:0}
  15%{opacity:.8}
  85%{opacity:.8}
  100%{transform:translate(108px,-84px);opacity:0}
}
@keyframes swx-particle-three{
  0%{transform:translate(0,0);opacity:0}
  15%{opacity:.85}
  85%{opacity:.85}
  100%{transform:translate(72px,80px);opacity:0}
}
@keyframes swx-particle-four{
  0%{transform:translate(0,0);opacity:0}
  15%{opacity:.8}
  85%{opacity:.8}
  100%{transform:translate(-85px,78px);opacity:0}
}

@media(max-width:1000px){
  .why-swx-grid{grid-template-columns:1fr;gap:42px}
  .swx-network{min-height:480px}
}
@media(max-width:640px){
  .why-values{grid-template-columns:1fr}
  .why-value{min-height:auto}
  .swx-network{min-height:430px;border-radius:22px}
  .swx-network-center{width:124px;height:124px}
  .swx-network-caption{left:22px;bottom:24px}
  .swx-network-caption strong{font-size:22px}
  .swx-network-node{font-size:9px;padding:7px 9px}
  .node-strategy{left:7%;top:16%}
  .node-technology{right:5%;top:18%}
  .node-growth{right:3%;top:50%}
  .node-design{right:12%;bottom:20%}
  .node-operations{left:5%;bottom:22%}
}
@media(prefers-reduced-motion:reduce){
  .swx-network-center,.swx-network-node,.swx-network-orbit,.swx-network-particle{animation:none!important}
  .swx-network-lines path{animation:none!important;stroke-dasharray:5 8!important;stroke-dashoffset:0!important}
}


/* SoftWorX Global v3.1 — Client Hub */
.hub-admin-grid{grid-template-columns:repeat(3,1fr)}.hub-page-actions,.client-detail-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.hub-page-actions p,.client-detail-head p{color:#928999}.hub-search{display:flex;gap:8px}.hub-search input{background:#0e0b13;border:1px solid #30273a;border-radius:10px;padding:10px 12px;color:#fff}.client-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.client-list-card{padding:20px;border:1px solid #2d2535;border-radius:17px;background:#0d0b12;color:inherit;text-decoration:none;transition:.28s}.client-list-card:hover{transform:translateY(-4px);border-color:#654286}.client-list-top{display:flex;justify-content:space-between}.client-avatar{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#251638;color:#bd80ff;font-weight:800}.client-list-card h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:18px 0 5px}.client-list-card>p{font-size:11px;color:#8b8292}.client-list-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.client-list-metrics div{padding:12px;background:#131018;border-radius:10px}.client-list-metrics strong{display:block}.client-list-metrics span{font-size:9px;color:#766e7d}.hub-status{display:inline-flex;padding:5px 8px;border-radius:30px;border:1px solid #42304f;font-size:8px;text-transform:uppercase;color:#baa6ca;background:#17101f}.hub-status-active,.hub-status-paid,.hub-status-completed{border-color:#25543c;color:#79d29c;background:#0d1c14}.hub-status-unpaid{border-color:#65343b;color:#e58d9a;background:#211014}.hub-status-partial,.hub-status-waiting,.hub-status-review,.hub-status-invited{border-color:#6d5325;color:#e2bd70;background:#1e170b}.hub-dialog{width:min(760px,calc(100% - 28px));max-height:88vh;overflow:auto;border:1px solid #453454;border-radius:20px;background:#0d0a12;color:#fff;padding:24px}.hub-dialog::backdrop{background:rgba(3,2,5,.75)}.dialog-title{display:flex;justify-content:space-between}.dialog-title h2{font-family:var(--serif);font-size:30px;font-weight:400;margin:0}.dialog-title button{background:none;border:0;color:#aaa0b2;font-size:25px}.client-detail-head h2{font-family:var(--serif);font-size:42px;font-weight:400;margin:8px 0 0}.hub-back{color:#9e7bc6;font-size:11px}.client-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.client-detail-actions form{margin:0}.client-kpis,.portal-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.client-kpis>div,.portal-kpis>div{padding:18px;border:1px solid #2b2234;border-radius:14px;background:#0d0b12}.client-kpis span,.portal-kpis span{display:block;font-size:9px;text-transform:uppercase;color:#7e7685}.client-kpis strong,.portal-kpis strong{display:block;font-size:22px;margin-top:7px}.hub-tabs{display:flex;gap:6px;overflow:auto;padding:8px;margin-bottom:18px;background:#0c0911;border:1px solid #2b2332;border-radius:13px}.hub-tabs a{white-space:nowrap;padding:8px 10px;border-radius:8px;color:#a89eb0;font-size:10px}.hub-panel{border:1px solid #2c2434;border-radius:18px;background:#0d0b12;padding:23px;margin-bottom:18px;scroll-margin-top:20px}.hub-panel-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.hub-panel-head h3{font-family:var(--serif);font-size:29px;font-weight:400;margin:3px 0}.hub-panel-head p{font-size:11px;color:#8b8292}.hub-record-list{display:grid;gap:9px}.hub-record-list article{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px;border:1px solid #25202c;border-radius:12px;background:#0a080e}.hub-record-list p{font-size:11px;color:#9b919f}.actions{display:flex;gap:9px;align-items:center}.actions form{margin:0}.actions button,.actions a{background:none;border:0;color:#af86da;font-size:10px;cursor:pointer}.actions .danger{color:#d77f8c}.project-admin-grid,.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-admin-card,.document-card{padding:17px;border:1px solid #292130;border-radius:14px;background:#0a080e}.project-admin-top,.portal-card-top{display:flex;justify-content:space-between;color:#887d91;font-size:9px;text-transform:uppercase}.project-admin-card h4,.document-card h4{margin:14px 0 7px}.project-admin-card p,.document-card p{color:#8b8292;font-size:11px}.progress-track{height:6px;background:#1e1825;border-radius:20px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#6934b3,#af61ff)}.credential-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.credential-card{display:grid;grid-template-columns:44px 1fr auto;gap:13px;padding:16px;border:1px solid #292131;border-radius:14px;background:#0a080e}.credential-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:#20142e;color:#b66bff}.secret-box{display:flex;align-items:center;gap:9px;margin:10px 0;padding:8px 9px;border-radius:8px;background:#120e17;border:1px solid #292031}.secret-box a{color:#b786e7;font-size:9px}.document-type{font-size:8px;color:#b470ff}.portal-invite-form{display:flex;gap:8px;flex-wrap:wrap}.portal-invite-form input{flex:1;background:#0a080e;border:1px solid #2e2635;border-radius:9px;padding:11px;color:#fff}.activity-list>div{display:grid;grid-template-columns:15px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #201b25}.activity-list i{width:7px;height:7px;border-radius:50%;background:#8b45d6}.activity-list strong,.activity-list small{display:block}.activity-list small{font-size:9px;color:#817986}.invoice-item-row{display:grid;grid-template-columns:1fr 100px 160px;gap:7px}.text-button{background:none;border:0;color:#b78bdf;margin-top:8px}.invoice-admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.invoice-admin-summary>div{padding:17px;border:1px solid #2b2333;border-radius:13px;background:#0c0a10}.invoice-admin-summary span{display:block;font-size:9px;color:#817986}.invoice-admin-summary strong{display:block;font-size:20px;margin-top:7px}
.portal-body{background:#08060b}.portal-shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.portal-sidebar{height:100vh;position:sticky;top:0;padding:22px 15px;border-right:1px solid #251e2c;background:#0b090f;display:flex;flex-direction:column}.portal-brand img{width:150px}.portal-client-name{margin:28px 3px 18px;padding:13px;border:1px solid #2b2234;border-radius:12px}.portal-client-name span{display:block;font-size:8px;color:#807686}.portal-client-name strong{font-size:12px}.portal-sidebar nav{display:grid}.portal-sidebar nav a,.portal-logout{padding:10px 11px;border-radius:8px;color:#918799;font-size:10px}.portal-sidebar nav a:hover{background:#1a1223;color:#fff}.portal-logout{margin-top:auto}.portal-main{padding:28px 35px 70px;min-width:0}.portal-top{display:flex;justify-content:space-between;margin-bottom:24px}.portal-top h1{font-family:var(--serif);font-weight:400;font-size:38px;margin:4px 0}.portal-section{margin-top:48px}.portal-section-head h2{font-family:var(--serif);font-size:32px;font-weight:400;margin:3px 0}.portal-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.portal-service-grid article,.portal-project-grid article,.portal-infra-grid article,.portal-credential-grid article{padding:20px;border:1px solid #2b2234;border-radius:16px;background:#0d0b12}.portal-service-grid h3,.portal-project-grid h3,.portal-infra-grid h3,.portal-credential-grid h3{margin:18px 0 8px}.portal-service-grid p,.portal-project-grid p{font-size:11px;color:#8a8190}.portal-card-foot{margin-top:18px;padding-top:11px;border-top:1px solid #241e29;font-size:9px;color:#7e7584}.portal-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.portal-progress-meta{display:flex;justify-content:space-between;font-size:9px;color:#776e7d}.portal-infra-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.infra-type{font-size:8px;color:#a865eb;text-transform:uppercase}.portal-infra-meta{display:grid;margin-top:17px;padding-top:10px;border-top:1px solid #241d29}.portal-document-list{display:grid;gap:8px}.portal-document-list article{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:14px;border:1px solid #2a2232;border-radius:13px;background:#0d0b12}.doc-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:10px;background:#1e132a;color:#b675f3;font-size:9px}.portal-table table{width:100%;border-collapse:collapse}.portal-table th,.portal-table td{padding:12px;border-bottom:1px solid #251f2b;text-align:left}.portal-table th{font-size:8px;color:#746d79}.portal-table td{font-size:10px}.portal-credential-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.portal-invoice-card{margin-top:16px;padding:25px;border:1px solid #2c2434;border-radius:17px;background:#0d0b12}.portal-invoice-head{display:flex;justify-content:space-between}.portal-invoice-head h2{font-family:var(--serif);font-size:34px;font-weight:400}.portal-invoice-totals{width:370px;margin:22px 0 0 auto}.portal-invoice-totals div{display:flex;justify-content:space-between;padding:6px 0}.portal-invoice-totals .grand{border-top:1px solid #50326b;padding-top:10px;font-size:16px}.portal-invoice-note{margin-top:25px;padding:14px;background:#14101a;border-left:2px solid #7d40bd}.portal-payment-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.portal-payment-strip>div{padding:13px;border:1px solid #292131;border-radius:11px}.portal-auth-body{min-height:100vh;background:#08060b}.portal-auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.portal-auth-wrap.single{grid-template-columns:1fr;place-items:center}.portal-auth-art{display:flex;flex-direction:column;justify-content:center;padding:9vw;background:radial-gradient(circle at 30% 45%,rgba(123,55,209,.28),transparent 30%),#08060b}.portal-auth-art h1{font-family:var(--serif);font-size:clamp(48px,5.7vw,82px);font-weight:400;line-height:.98}.portal-auth-points{display:flex;gap:8px;flex-wrap:wrap}.portal-auth-points span{padding:8px 10px;border:1px solid #3a284b;border-radius:30px;font-size:9px}.portal-auth-card{align-self:center;width:min(430px,calc(100% - 40px));justify-self:center;padding:35px;border:1px solid #33283d;border-radius:21px;background:#0e0b13}.portal-auth-card img{width:165px;margin-bottom:35px}.portal-auth-card h2{font-family:var(--serif);font-size:36px;font-weight:400}
@media(max-width:1050px){.client-list-grid,.project-admin-grid,.document-grid{grid-template-columns:repeat(2,1fr)}.portal-service-grid,.portal-credential-grid{grid-template-columns:repeat(2,1fr)}.portal-infra-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.portal-shell{grid-template-columns:1fr}.portal-sidebar{height:auto;position:relative}.portal-sidebar nav{display:flex;overflow:auto}.portal-main{padding:22px 18px}.portal-auth-wrap{grid-template-columns:1fr}.portal-auth-art{display:none}.client-detail-head,.hub-page-actions{align-items:flex-start;flex-direction:column}.client-kpis,.portal-kpis,.invoice-admin-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.client-list-grid,.project-admin-grid,.document-grid,.credential-grid,.portal-service-grid,.portal-project-grid,.portal-infra-grid,.portal-credential-grid{grid-template-columns:1fr}.hub-admin-grid{grid-template-columns:1fr}.invoice-item-row{grid-template-columns:1fr}.hub-panel{padding:16px}.portal-document-list article{grid-template-columns:42px 1fr}.portal-document-list article>a{grid-column:1/-1}}


/* SoftWorX Global v3.2 — Quotation System */
.quote-status{display:inline-flex;padding:5px 8px;border-radius:30px;border:1px solid #43324e;background:#17101f;color:#bca8ce;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.quote-status-sent,.quote-status-viewed{border-color:#3d3a6f;color:#9fa7ff}.quote-status-accepted{border-color:#28563d;background:#0e1c14;color:#80d7a1}.quote-status-rejected,.quote-status-expired{border-color:#63343b;background:#211014;color:#e18b98}.quote-item-edit{border:1px solid #2a2232;border-radius:15px;background:#0a080e;padding:16px;margin-bottom:12px}.quote-item-edit-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quote-item-edit-head strong{font-size:12px}.quote-item-edit-head button{border:0;background:none;color:#d67d89;font-size:10px;cursor:pointer}.quote-save-bar{position:sticky;bottom:12px;z-index:20;padding:12px;border:1px solid #34283e;border-radius:14px;background:rgba(11,8,15,.94);backdrop-filter:blur(14px);display:flex;justify-content:flex-end;gap:9px;box-shadow:0 18px 45px rgba(0,0,0,.3)}.danger-btn{border:1px solid #653541;background:#211015;color:#e58b99;padding:11px 15px;border-radius:9px;cursor:pointer}.quote-public-body{min-height:100vh;background:radial-gradient(circle at 75% 20%,rgba(124,58,237,.18),transparent 28%),#08060b}.quote-public-toolbar{max-width:1050px;margin:auto;padding:22px;display:flex;justify-content:flex-end}.quote-public-wrap{max-width:1050px;margin:0 auto;padding:20px 22px 80px}.quote-public-summary{border:1px solid #32253f;border-radius:26px;background:linear-gradient(145deg,#120d19,#0a080e);padding:58px;box-shadow:0 35px 90px rgba(57,21,92,.22)}.quote-public-summary h1{font-family:var(--serif);font-size:clamp(48px,7vw,82px);font-weight:400;line-height:.98;margin:12px 0 20px;max-width:800px}.quote-public-summary>p{color:#9e94a6;font-size:15px}.quote-public-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:35px}.quote-public-meta>div{padding:16px;border:1px solid #2a2133;border-radius:12px;background:#0c0911}.quote-public-meta span{display:block;font-size:8px;text-transform:uppercase;color:#776e7e}.quote-public-meta strong{display:block;margin-top:6px;font-size:13px}.quote-public-actions{margin-top:28px}
@media(max-width:760px){.quote-public-summary{padding:30px 22px}.quote-public-meta{grid-template-columns:1fr 1fr}.quote-save-bar{flex-wrap:wrap}}

/* SoftWorX v3.2.1 — custom quotation share link */
.quote-link-builder{display:flex;align-items:center;border:1px solid #30263a;background:#0b0910;border-radius:10px;overflow:hidden}
.quote-link-builder span{padding:11px 0 11px 12px;color:#776d80;font-size:10px;white-space:nowrap}
.quote-link-builder input{border:0!important;border-radius:0!important;background:transparent!important;padding-left:3px!important;box-shadow:none!important;min-width:0}
@media(max-width:680px){.quote-link-builder{align-items:stretch;flex-direction:column}.quote-link-builder span{padding:9px 12px 0;white-space:normal;word-break:break-all}}