:root{--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--text:#0f172a;--muted:#5b6b82;--line:#dce5ef;--primary:#0b63f6;--primary-2:#0049c8;--accent:#0ea5a8;--dark:#07111f;--success:#168a5b;--warning:#f59e0b;--radius:18px;--radius-sm:12px;--shadow:0 18px 55px rgba(15,23,42,.10);--shadow-sm:0 8px 24px rgba(15,23,42,.08);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;padding:10px 14px;border-radius:8px;z-index:999}.skip-link:focus{left:10px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:800;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:var(--primary);border-radius:4px}.section{padding:86px 0}.section-sm{padding:58px 0}.section-head{max-width:760px;margin-bottom:38px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head.center .eyebrow{justify-content:center}.section h2,.page-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.035em;margin:.45rem 0 1rem}.section-head p,.page-hero p{font-size:1.08rem;color:var(--muted);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:13px 18px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:white;box-shadow:0 10px 25px rgba(11,99,246,.22)}.btn-primary:hover{background:var(--primary-2)}.btn-outline{border-color:#c8d5e4;background:#fff}.btn-dark{background:var(--dark);color:#fff}.btn-ghost{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18);color:#fff}.btn svg{width:18px;height:18px}.header{position:sticky;top:0;z-index:50;background:rgba(248,250,252,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,229,239,.75)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{height:46px;width:auto}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{padding:10px 12px;border-radius:9px;color:#334155;font-weight:700;font-size:.94rem}.nav-links a:hover,.nav-links a.active{background:#e9f1ff;color:var(--primary)}.nav-actions{display:flex;gap:10px;align-items:center}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;width:44px;height:44px;align-items:center;justify-content:center}.hero{position:relative;overflow:hidden;padding:92px 0 86px;background:radial-gradient(circle at 90% 15%,rgba(14,165,168,.15),transparent 30%),radial-gradient(circle at 10% 0,rgba(11,99,246,.16),transparent 30%),linear-gradient(180deg,#fff 0,#f7fbff 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero h1{font-size:clamp(2.65rem,5.5vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:16px 0 22px}.hero h1 span{color:var(--primary)}.hero-copy{font-size:1.13rem;color:var(--muted);max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust-row{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:26px;color:#40516a;font-weight:700;font-size:.9rem}.trust-row span{display:inline-flex;align-items:center;gap:8px}.check{width:22px;height:22px;border-radius:50%;background:#e5f8ef;color:var(--success);display:inline-grid;place-items:center;font-size:.8rem}.hero-visual{position:relative;min-height:510px}.dash-card{position:absolute;background:#fff;border:1px solid #dce8f6;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.dash-main{inset:22px 0 20px 50px;padding:18px}.window-bar{display:flex;gap:7px;padding-bottom:16px}.dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.app-shell{display:grid;grid-template-columns:82px 1fr;min-height:400px;background:#f8fbff;border:1px solid #e4ecf5;border-radius:15px;overflow:hidden}.app-side{background:#0a2347;padding:18px 14px;display:grid;align-content:start;gap:12px}.side-pill{height:34px;border-radius:8px;background:rgba(255,255,255,.10)}.side-pill.active{background:#1d73ef}.app-content{padding:20px}.fake-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.fake-title{width:42%;height:18px;background:#d9e5f3;border-radius:6px}.fake-action{width:88px;height:30px;background:#0b63f6;border-radius:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:14px;background:#fff;border:1px solid #e1eaf4;border-radius:12px}.stat b{display:block;font-size:1.4rem}.stat small{color:#7b8ba1}.fake-table{margin-top:16px;background:#fff;border:1px solid #e1eaf4;border-radius:12px;padding:10px}.fake-row{display:grid;grid-template-columns:1.2fr .8fr .7fr .5fr;gap:8px;padding:10px;border-bottom:1px solid #edf2f7}.fake-row:last-child{border-bottom:0}.fake-cell{height:8px;background:#dfe8f3;border-radius:5px}.float-card{position:absolute;padding:16px 18px;background:#fff;border:1px solid #dce8f6;border-radius:16px;box-shadow:var(--shadow-sm);font-weight:800}.float-card small{display:block;color:var(--muted);font-weight:600}.float-one{left:0;bottom:6px}.float-two{right:-8px;top:0}.logo-strip{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.logo-strip-inner{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;color:#5b6b82;font-weight:800}.logo-strip strong{color:var(--text)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 1px 0 rgba(15,23,42,.02);transition:.2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:#bfd4ec}.icon-box{width:48px;height:48px;border-radius:13px;background:#eaf2ff;color:var(--primary);display:grid;place-items:center;margin-bottom:18px}.icon-box svg{width:24px;height:24px}.card h3{font-size:1.18rem;margin:0 0 8px}.card p{margin:0;color:var(--muted)}.card-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:800;margin-top:16px}.dark-section{background:var(--dark);color:#fff}.dark-section .section-head p,.dark-section .muted{color:#a8b6c8}.lims-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.lims-panel{background:linear-gradient(145deg,#0e2746,#0b1627);padding:26px;border:1px solid rgba(255,255,255,.10);border-radius:24px;box-shadow:0 20px 55px rgba(0,0,0,.24)}.lims-screen{background:#f8fbff;color:#0f172a;border-radius:16px;padding:18px}.lims-tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:#daf8eb;color:#0b7a4c;font-size:.76rem;font-weight:800}.feature-list{display:grid;gap:14px;margin-top:26px}.feature{display:flex;gap:12px}.feature b{display:block;margin-bottom:2px}.feature p{margin:0;color:#a8b6c8}.num{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:rgba(11,99,246,.2);color:#7fb2ff;display:grid;place-items:center;font-weight:900}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{position:relative;padding:24px 20px;background:#fff;border:1px solid var(--line);border-radius:16px}.step-no{font-size:.78rem;font-weight:900;color:var(--primary);letter-spacing:.1em}.step h3{margin:8px 0 7px}.step p{margin:0;color:var(--muted)}.cta{padding:34px;border-radius:24px;background:linear-gradient(135deg,#0b63f6,#104fc1 55%,#0a3e9d);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 24px 50px rgba(11,99,246,.20)}.cta h2{font-size:clamp(1.7rem,3vw,2.7rem);margin:0 0 8px}.cta p{margin:0;color:#dbe8ff}.footer{background:#06101d;color:#d5dfeb;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .8fr 1.1fr;gap:36px}.footer .brand img{filter:brightness(0) invert(1);opacity:.95}.footer h4{color:#fff;margin:0 0 14px}.footer a{display:block;color:#b6c4d4;margin:8px 0}.footer a:hover{color:#fff}.footer p{color:#a9b7c8}.footer-bottom{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:18px;color:#8da0b5;font-size:.9rem}.page-hero{padding:80px 0 64px;background:radial-gradient(circle at 85% 10%,rgba(14,165,168,.16),transparent 28%),linear-gradient(180deg,#fff,#f3f8ff)}.page-hero .inner{max-width:840px}.breadcrumbs{font-size:.88rem;color:#667892;font-weight:700}.breadcrumbs a{color:var(--primary)}.service-detail{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}.sticky-card{position:sticky;top:104px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.sticky-card h3{margin-top:0}.mini-list{display:grid;gap:10px}.mini-list a{padding:9px 10px;border-radius:9px;font-weight:700;color:#53657d}.mini-list a:hover{background:#edf4ff;color:var(--primary)}.detail-block{padding:0 0 42px;border-bottom:1px solid var(--line);margin-bottom:42px}.detail-block:last-child{border-bottom:0}.detail-block h2{font-size:2rem;margin:.2rem 0 .8rem}.bullet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:18px}.bullet{display:flex;gap:9px;color:#40516a}.bullet:before{content:"✓";font-weight:900;color:var(--success)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.contact-item{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-item:last-child{border-bottom:0}.contact-item h3{margin:0 0 4px;font-size:1rem}.contact-item p,.contact-item a{margin:0;color:var(--muted)}.form{display:grid;gap:16px}.field{display:grid;gap:7px}.field label{font-weight:800;font-size:.9rem}.field input,.field textarea,.field select{border:1px solid #cdd9e7;background:#fff;border-radius:11px;padding:12px 13px;outline:none;color:var(--text)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,99,246,.1)}.field textarea{min-height:130px;resize:vertical}.form-note{font-size:.85rem;color:var(--muted)}.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);margin-bottom:0}.legal{max-width:840px}.legal h2{margin-top:42px}.legal p,.legal li{color:#465872}.kicker-card{background:#eef5ff;border:1px solid #d6e6ff;border-radius:18px;padding:24px}.tag-row{display:flex;flex-wrap:wrap;gap:9px}.tag{padding:7px 10px;background:#eef4fb;border:1px solid #dce6f0;border-radius:999px;font-size:.83rem;font-weight:800;color:#465872}.not-found{min-height:65vh;display:grid;place-items:center;text-align:center}.not-found h1{font-size:clamp(4rem,12vw,8rem);line-height:1;margin:0;color:var(--primary)}
@media(max-width:980px){.nav-links,.nav-actions .btn-outline{display:none}.menu-btn{display:flex}.nav-links.open{display:flex;position:absolute;left:16px;right:16px;top:78px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.hero-grid,.lims-wrap,.service-detail,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:470px;max-width:680px;width:100%;margin:auto}.dash-main{left:20px}.grid-3{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.sticky-card{position:static}.service-detail{gap:28px}}
@media(max-width:680px){.container{width:min(calc(100% - 22px),var(--max))}.section{padding:64px 0}.section-sm{padding:44px 0}.hero{padding:68px 0}.hero h1{font-size:2.75rem}.hero-grid{gap:34px}.hero-visual{min-height:390px}.dash-main{inset:14px 0 18px 0;padding:12px}.app-shell{grid-template-columns:56px 1fr;min-height:330px}.app-side{padding:12px 9px}.app-content{padding:12px}.stats{grid-template-columns:1fr}.stats .stat:nth-child(n+2){display:none}.fake-row{grid-template-columns:1.3fr .7fr}.fake-row .fake-cell:nth-child(n+3){display:none}.float-two{right:2px}.float-one{left:6px}.grid-3,.grid-2,.process,.footer-grid,.bullet-grid{grid-template-columns:1fr}.cta{padding:28px 22px;align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}.page-hero{padding:64px 0 48px}.service-detail{gap:22px}.contact-card{padding:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ==========================================================================\n   Mahi Software — Futuristic UI System\n   ========================================================================== */
:root{
  --bg:#f6f9ff;--surface:#ffffff;--surface-2:#eef4ff;--surface-glass:rgba(255,255,255,.72);
  --text:#0b1220;--muted:#5b6c85;--line:rgba(109,137,176,.22);--line-strong:rgba(80,118,168,.34);
  --primary:#246bfe;--primary-2:#1551d8;--accent:#00b8d9;--accent-2:#7457ff;--glow:#5c8dff;
  --dark:#06101e;--shadow:0 24px 80px rgba(22,50,91,.12);--shadow-sm:0 14px 42px rgba(22,50,91,.09);
  --grid-line:rgba(27,99,246,.055);--header-bg:rgba(246,249,255,.78);--hero-end:#f3f8ff;
  --card-gradient:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,250,255,.82));
  --code-bg:#081526;color-scheme:light;
}
html[data-theme="dark"]{
  --bg:#050a12;--surface:#0b1321;--surface-2:#0e1929;--surface-glass:rgba(8,17,30,.72);
  --text:#f2f7ff;--muted:#91a3bd;--line:rgba(137,171,218,.14);--line-strong:rgba(137,171,218,.24);
  --primary:#6d9cff;--primary-2:#8fb2ff;--accent:#30d6e8;--accent-2:#9b82ff;--glow:#4e80ff;
  --dark:#02060c;--shadow:0 28px 90px rgba(0,0,0,.34);--shadow-sm:0 16px 48px rgba(0,0,0,.27);
  --grid-line:rgba(114,157,255,.055);--header-bg:rgba(5,10,18,.74);--hero-end:#07101d;
  --card-gradient:linear-gradient(145deg,rgba(15,26,43,.93),rgba(8,17,30,.84));
  --success:#49d39a;color-scheme:dark;
}
body{position:relative;isolation:isolate;background:
  radial-gradient(circle at 12% 12%,rgba(36,107,254,.075),transparent 24rem),
  radial-gradient(circle at 90% 65%,rgba(0,184,217,.055),transparent 26rem),var(--bg);transition:background-color .35s ease,color .35s ease}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 72%)}
::selection{background:rgba(36,107,254,.24);color:var(--text)}
.header{background:var(--header-bg);border-bottom-color:var(--line);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.header.scrolled{box-shadow:0 14px 40px rgba(6,20,40,.08)}
html[data-theme="dark"] .brand img:not(.footer .brand img){filter:brightness(0) invert(1) opacity(.96)}
.nav-links a{color:var(--muted);transition:background .22s ease,color .22s ease,transform .22s ease}
.nav-links a:hover,.nav-links a.active{background:rgba(61,116,255,.11);color:var(--primary);transform:translateY(-1px)}
.nav-actions{position:relative}.theme-toggle{width:44px;height:44px;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:12px;background:var(--surface-glass);color:var(--text);cursor:pointer;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .25s ease,border-color .25s ease,background .35s ease}.theme-toggle:hover{transform:translateY(-2px) rotate(-3deg);border-color:rgba(36,107,254,.4)}.theme-icon{grid-area:1/1;width:20px;height:20px;transition:opacity .28s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.theme-icon svg{width:100%;height:100%}.theme-icon-moon{opacity:0;transform:translateY(16px) rotate(35deg)}html[data-theme="dark"] .theme-icon-sun{opacity:0;transform:translateY(-16px) rotate(-35deg)}html[data-theme="dark"] .theme-icon-moon{opacity:1;transform:none}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.23) 48%,transparent 76%);transform:translateX(-130%);transition:transform .7s ease}.btn:hover:before{transform:translateX(130%)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary),#436dff 58%,var(--accent-2));box-shadow:0 12px 35px rgba(36,107,254,.27)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-2),#365ee8 58%,#6950e9);box-shadow:0 18px 45px rgba(36,107,254,.34)}.btn-outline{background:var(--surface-glass);border-color:var(--line-strong);color:var(--text);backdrop-filter:blur(10px)}.menu-btn{background:var(--surface);color:var(--text);border-color:var(--line)}
.hero,.page-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 76% 19%,rgba(0,184,217,.13),transparent 26%),radial-gradient(circle at 15% 8%,rgba(36,107,254,.16),transparent 28%),linear-gradient(180deg,var(--surface) 0,var(--hero-end) 100%)}
.hero{padding:108px 0 98px}.future-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.future-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(91,137,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(91,137,255,.08) 1px,transparent 1px);background-size:72px 72px;transform:perspective(900px) rotateX(67deg) translateY(35%);transform-origin:center 65%;mask-image:linear-gradient(to bottom,transparent 5%,#000 42%,transparent 84%);animation:gridDrift 18s linear infinite}.orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.65}.orb-a{width:520px;height:520px;right:-180px;top:-220px;background:radial-gradient(circle,rgba(76,126,255,.18),rgba(76,126,255,0) 68%);animation:orbFloat 13s ease-in-out infinite}.orb-b{width:460px;height:460px;left:-170px;bottom:-240px;background:radial-gradient(circle,rgba(0,207,224,.13),rgba(0,207,224,0) 68%);animation:orbFloat 17s ease-in-out infinite reverse}.orb-c{width:270px;height:270px;left:48%;top:16%;background:radial-gradient(circle,rgba(146,103,255,.1),transparent 67%);animation:orbFloat 11s ease-in-out infinite 1.5s}
.hero-status{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface-glass);color:var(--muted);font-size:.78rem;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.15);backdrop-filter:blur(14px)}.status-dot{width:7px;height:7px;border-radius:50%;background:#22c989;box-shadow:0 0 0 5px rgba(34,201,137,.11),0 0 18px rgba(34,201,137,.45);animation:statusPulse 2.1s ease-in-out infinite}
.hero h1{max-width:780px;text-wrap:balance}.hero h1 span{background:linear-gradient(110deg,var(--primary),#5a72ff 55%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:180% auto;animation:textShimmer 6s ease-in-out infinite}.hero-copy{color:var(--muted)}.trust-row{color:var(--muted)}
.hero-visual{perspective:1300px}.dash-card{background:var(--surface-glass);border-color:var(--line-strong);box-shadow:0 34px 100px rgba(20,49,94,.17),inset 0 1px 0 rgba(255,255,255,.35);backdrop-filter:blur(18px);transition:background .35s ease,border-color .35s ease,transform .2s ease}.dash-main{animation:dashboardFloat 7s ease-in-out infinite}.app-shell{background:var(--surface-2);border-color:var(--line)}.app-content{background:linear-gradient(145deg,var(--surface),var(--surface-2))}.stat,.fake-table{background:var(--surface);border-color:var(--line)}.fake-title,.fake-cell{background:color-mix(in srgb,var(--muted) 18%,transparent)}.float-card{background:var(--surface-glass);border-color:var(--line-strong);color:var(--text);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);animation:floatCard 5.5s ease-in-out infinite}.float-two{animation-delay:-2.4s}.float-card small{color:var(--muted)}.orbit-ring{position:absolute;border:1px dashed rgba(90,135,255,.24);border-radius:50%;pointer-events:none}.orbit-one{width:390px;height:390px;right:-32px;top:67px;animation:spin 22s linear infinite}.orbit-two{width:255px;height:255px;left:74px;bottom:26px;border-color:rgba(0,194,219,.2);animation:spin 16s linear infinite reverse}.orbit-ring:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 18px var(--primary);top:50%;left:-5px}
.logo-strip{background:var(--surface-glass);border-color:var(--line);backdrop-filter:blur(14px)}.logo-strip-inner{color:var(--muted)}.logo-strip strong{color:var(--text)}
.card,.step,.sticky-card,.contact-card,.faq details,.kicker-card{background:var(--card-gradient);border-color:var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease,background .35s ease}.card{position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:-25%;top:-65%;width:150%;height:110%;background:radial-gradient(circle at center,rgba(70,120,255,.12),transparent 55%);opacity:0;transition:opacity .3s ease;pointer-events:none}.card:hover{transform:translateY(-7px);box-shadow:0 22px 58px rgba(17,47,95,.13);border-color:rgba(75,125,255,.34)}.card:hover:before{opacity:1}.icon-box{background:linear-gradient(145deg,rgba(55,112,255,.15),rgba(0,199,220,.08));border:1px solid rgba(87,131,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.dark-section{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 16%,rgba(41,102,255,.16),transparent 30%),radial-gradient(circle at 85% 70%,rgba(0,201,217,.09),transparent 26%),#030914}.dark-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(104,146,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(104,146,255,.045) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);pointer-events:none}.lims-panel{position:relative;z-index:1;background:linear-gradient(145deg,rgba(18,44,79,.94),rgba(4,12,24,.95));border-color:rgba(128,164,220,.17);box-shadow:0 34px 85px rgba(0,0,0,.34),0 0 65px rgba(39,100,255,.08)}.lims-screen{background:#f7faff}.feature p{color:#9cb0ca}
.cta{position:relative;overflow:hidden;background:linear-gradient(125deg,#1749d1,#3f6fff 50%,#0a9eb7);box-shadow:0 28px 70px rgba(31,80,215,.25)}.cta:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;right:-160px;top:-260px;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 50px rgba(255,255,255,.035),0 0 0 100px rgba(255,255,255,.025);pointer-events:none}.cta>*{position:relative;z-index:1}
.page-hero{overflow:hidden}.page-hero .inner{position:relative;z-index:1}.breadcrumbs{color:var(--muted)}
.detail-block p,.bullet,.legal p,.legal li{color:var(--muted)}.sticky-card .mini-list a{color:var(--muted)}.sticky-card .mini-list a:hover{background:rgba(48,105,255,.1)}.field input,.field textarea,.field select{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}
.footer{position:relative;overflow:hidden;background:#020711}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 0,rgba(52,109,255,.11),transparent 32%),radial-gradient(circle at 90% 70%,rgba(0,188,210,.07),transparent 28%);pointer-events:none}.footer>.container{position:relative}.footer .brand img{filter:brightness(0) invert(1);opacity:.96}

/* Technology marquee */
.technology-section{position:relative;overflow:hidden;padding-top:94px;padding-bottom:94px}.technology-section:before{content:"";position:absolute;inset:12% 0 auto;height:70%;background:radial-gradient(ellipse at center,rgba(56,112,255,.085),transparent 65%);pointer-events:none}.tech-heading{display:grid;grid-template-columns:1.05fr .75fr;gap:50px;align-items:end;max-width:none;margin-bottom:38px}.tech-heading h2{max-width:760px}.tech-heading>p{max-width:520px;justify-self:end}.tech-marquee{position:relative;width:100%;overflow:hidden;padding:16px 0 22px}.tech-track{display:flex;width:max-content;animation:techScroll 38s linear infinite;will-change:transform}.tech-marquee:hover .tech-track{animation-play-state:paused}.tech-set{display:flex;gap:15px;padding-right:15px}.tech-chip{display:flex;align-items:center;gap:13px;min-width:210px;padding:14px 17px;background:var(--surface-glass);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 35px rgba(20,48,92,.07),inset 0 1px 0 rgba(255,255,255,.15);backdrop-filter:blur(16px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.tech-chip:hover{transform:translateY(-5px) scale(1.015);border-color:rgba(78,126,255,.37);box-shadow:0 18px 50px rgba(26,64,130,.12)}.tech-mark{width:44px;height:44px;flex:0 0 44px;border-radius:12px;display:grid;place-items:center;font-size:.74rem;font-weight:950;letter-spacing:-.04em;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 22px rgba(0,0,0,.1)}.tech-mark.node{background:linear-gradient(145deg,#2d8b3a,#5fbf4c)}.tech-mark.html{background:linear-gradient(145deg,#e34f26,#ff7547)}.tech-mark.css{background:linear-gradient(145deg,#1572b6,#36a9e1)}.tech-mark.js{background:linear-gradient(145deg,#e0be00,#f7df1e);color:#181818}.tech-mark.dotnet{background:linear-gradient(145deg,#512bd4,#8068e8)}.tech-mark.csharp{background:linear-gradient(145deg,#6b2fa0,#9a4ec6)}.tech-mark.python{background:linear-gradient(145deg,#3776ab,#f2c84b)}.tech-mark.flutter{background:linear-gradient(145deg,#2bb6f6,#13599b)}.tech-mark.android{background:linear-gradient(145deg,#36a852,#76cf61)}.tech-mark.react{background:linear-gradient(145deg,#087ea4,#61dafb)}.tech-mark.typescript{background:linear-gradient(145deg,#235a97,#3178c6)}.tech-mark.database{background:linear-gradient(145deg,#285b84,#4a91c4)}.tech-mark.sql{background:linear-gradient(145deg,#b81d24,#df3b43);font-size:.66rem}.tech-mark.docker{background:linear-gradient(145deg,#1267b0,#2496ed)}.tech-chip b{display:block;color:var(--text);font-size:.98rem;line-height:1.25}.tech-chip small{display:block;color:var(--muted);font-size:.76rem;margin-top:3px}.tech-fade{position:absolute;top:0;bottom:0;width:min(13vw,170px);z-index:2;pointer-events:none}.tech-fade-left{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.tech-fade-right{right:0;background:linear-gradient(-90deg,var(--bg),transparent)}.tech-capabilities{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:21px;color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.065em}.tech-capabilities i{width:4px;height:4px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--primary)}

/* Scroll reveal */
.reveal-ready{opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity .75s cubic-bezier(.2,.75,.2,1),transform .75s cubic-bezier(.2,.75,.2,1),filter .75s ease}.reveal-ready.reveal-in{opacity:1;transform:none;filter:none}.reveal-ready[data-reveal="left"]{transform:translateX(-30px)}.reveal-ready[data-reveal="right"]{transform:translateX(30px)}.reveal-ready.reveal-in[data-reveal="left"],.reveal-ready.reveal-in[data-reveal="right"]{transform:none}.grid-3>.reveal-ready:nth-child(2),.process>.reveal-ready:nth-child(2){transition-delay:.06s}.grid-3>.reveal-ready:nth-child(3),.process>.reveal-ready:nth-child(3){transition-delay:.12s}.grid-3>.reveal-ready:nth-child(4),.process>.reveal-ready:nth-child(4){transition-delay:.18s}.grid-3>.reveal-ready:nth-child(5){transition-delay:.24s}.grid-3>.reveal-ready:nth-child(6){transition-delay:.30s}

@keyframes gridDrift{to{background-position:72px 72px}}
@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(28px,22px,0) scale(1.08)}}
@keyframes statusPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.62;transform:scale(.82)}}
@keyframes textShimmer{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes dashboardFloat{0%,100%{transform:translate3d(0,0,0) rotateX(0) rotateY(0)}50%{transform:translate3d(0,-9px,0) rotateX(.8deg) rotateY(-.8deg)}}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes techScroll{to{transform:translateX(-50%)}}

@media(max-width:980px){.tech-heading{grid-template-columns:1fr;gap:14px}.tech-heading>p{justify-self:start}.nav-links.open{background:var(--surface);border-color:var(--line)}.orbit-one{right:0}.theme-toggle{display:grid}.nav-actions{gap:8px}.nav-actions .btn-primary{display:none}}
@media(max-width:680px){.hero{padding:76px 0 70px}.hero-status{font-size:.7rem}.theme-toggle{width:42px;height:42px}.technology-section{padding:70px 0}.tech-chip{min-width:190px}.tech-track{animation-duration:30s}.tech-fade{width:44px}.tech-capabilities{gap:9px}.tech-capabilities i{display:none}.orbit-ring{opacity:.45}}
@media(prefers-reduced-motion:reduce){.future-grid,.orb,.status-dot,.hero h1 span,.dash-main,.float-card,.orbit-ring,.tech-track{animation:none!important}.reveal-ready{opacity:1!important;transform:none!important;filter:none!important}.btn:before{display:none}.tech-track{transform:none!important}.tech-marquee{overflow-x:auto}.hero-visual [data-parallax-layer]{transform:none!important}}

/* ==========================================================================
   2026-09 Premium motion + portfolio refinement
   ========================================================================== */
.hero-premium{min-height:calc(100vh - 76px);display:flex;align-items:center;padding:82px 0 74px;background:
  radial-gradient(circle at 78% 24%,rgba(66,98,255,.16),transparent 27%),
  radial-gradient(circle at 58% 68%,rgba(0,203,222,.10),transparent 25%),
  radial-gradient(circle at 8% 18%,rgba(120,82,255,.10),transparent 26%),
  linear-gradient(180deg,var(--surface) 0,var(--hero-end) 100%)}
.hero-premium:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(95,136,255,.5),rgba(39,211,226,.38),transparent);box-shadow:0 0 30px rgba(83,123,255,.22)}
.hero-premium .hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(480px,.98fr);gap:64px}
.hero-copy-block{position:relative;z-index:3}.hero-premium h1{font-size:clamp(3.1rem,5.6vw,5.7rem);line-height:.96;max-width:820px;margin:17px 0 24px}.hero-premium .hero-copy{max-width:720px;font-size:1.12rem;line-height:1.75}.status-spark{color:var(--accent);animation:sparkTwinkle 2.4s ease-in-out infinite}.hero-premium .hero-status{padding:8px 13px;border-color:rgba(86,131,255,.25);box-shadow:0 12px 35px rgba(34,80,160,.08),inset 0 1px 0 rgba(255,255,255,.2)}
.btn-glow{box-shadow:0 15px 42px rgba(52,101,255,.31),0 0 0 1px rgba(115,152,255,.18) inset}.btn-glow:hover{box-shadow:0 20px 52px rgba(52,101,255,.4),0 0 28px rgba(46,117,255,.18)}
.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px;max-width:690px}.hero-proof>div{padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--surface-glass),color-mix(in srgb,var(--surface) 60%,transparent));backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.hero-proof strong{display:block;font-size:.88rem;color:var(--text);letter-spacing:-.01em}.hero-proof span{display:block;margin-top:2px;font-size:.72rem;color:var(--muted)}
.hero-beam{position:absolute;width:58vw;height:1px;top:38%;left:43%;transform-origin:left center;pointer-events:none;background:linear-gradient(90deg,rgba(87,124,255,.55),rgba(0,209,226,.12),transparent);filter:drop-shadow(0 0 9px rgba(74,126,255,.45));opacity:.42}.beam-a{transform:rotate(-20deg);animation:beamSweep 8s ease-in-out infinite}.beam-b{top:60%;left:34%;transform:rotate(17deg);animation:beamSweep 10s ease-in-out infinite reverse}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#77a1ff;box-shadow:0 0 14px #77a1ff;opacity:.45;animation:particleDrift 9s ease-in-out infinite}.p1{left:16%;top:25%}.p2{left:37%;top:72%;animation-delay:-2s}.p3{right:17%;top:18%;animation-delay:-4s}.p4{right:28%;bottom:16%;animation-delay:-5.5s}.p5{left:7%;bottom:22%;animation-delay:-7s}.p6{right:5%;top:50%;animation-delay:-3s}
.hero-command{min-height:570px}.hero-halo{position:absolute;inset:11% 3% 8% 4%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(66,112,255,.18),rgba(56,109,255,.06) 38%,transparent 67%);filter:blur(10px);animation:haloBreath 5.8s ease-in-out infinite}.command-window{inset:65px 8px 50px 30px;padding:14px;border-radius:24px;overflow:hidden;transform-style:preserve-3d}.command-window:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(125,159,255,.45),transparent 35%,rgba(41,218,230,.2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.window-title{margin-left:4px;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.04em}.live-pill{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:rgba(42,201,137,.11);color:#2ab982;font-size:.62rem;font-weight:900;letter-spacing:.08em}.live-pill i{width:5px;height:5px;border-radius:50%;background:#2ed092;box-shadow:0 0 10px #2ed092;animation:statusPulse 1.7s infinite}.command-shell{display:grid;grid-template-columns:55px 1fr;min-height:395px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 91%,transparent)}.command-side{padding:13px 10px;background:linear-gradient(180deg,#081a34,#061224);display:grid;align-content:start;justify-items:center;gap:13px}.command-logo{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#4d7aff,#20c5df);color:#fff;font-size:.75rem;font-weight:950;box-shadow:0 8px 22px rgba(52,104,255,.28)}.command-nav{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.04)}.command-nav.active{background:linear-gradient(145deg,rgba(75,122,255,.55),rgba(31,188,215,.26));box-shadow:0 0 20px rgba(70,117,255,.2)}.command-content{padding:17px}.command-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.command-top small{display:block;color:var(--muted);font-size:.55rem;font-weight:900;letter-spacing:.13em}.command-top strong{font-size:1.08rem;letter-spacing:-.025em}.command-pulse{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.58rem;font-weight:800}.command-pulse span{width:6px;height:6px;border-radius:50%;background:#36ce94;box-shadow:0 0 12px rgba(54,206,148,.7)}.command-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.command-stats article{position:relative;padding:12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--surface),var(--surface-2));overflow:hidden}.command-stats article:after{content:"";position:absolute;width:55px;height:55px;border-radius:50%;right:-22px;top:-25px;background:radial-gradient(circle,rgba(65,120,255,.16),transparent 68%)}.command-stats article>span{font-size:.5rem;color:var(--muted);font-weight:900}.command-stats b{display:block;font-size:1.02rem;margin-top:4px}.command-stats small{display:block;color:var(--muted);font-size:.58rem}.command-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:9px;margin-top:10px}.command-chart,.command-events{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--surface),var(--surface-2));padding:12px}.chart-head{display:flex;justify-content:space-between;gap:8px;font-size:.57rem;font-weight:800;color:var(--muted)}.chart-head b{color:#2ab982}.chart-bars{height:105px;display:flex;align-items:end;gap:6px;padding-top:13px}.chart-bars i{flex:1;height:var(--h);min-height:18%;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#4c7fff,#25bfd6);box-shadow:0 0 13px rgba(74,127,255,.12);animation:barPulse 3.6s ease-in-out infinite}.chart-bars i:nth-child(2n){animation-delay:-1.4s}.command-events{display:grid;align-content:center;gap:10px}.command-events span{display:flex;align-items:center;gap:7px;font-size:.56rem;color:var(--muted);font-weight:750}.command-events i{width:7px;height:7px;border-radius:3px;background:linear-gradient(135deg,#4f7fff,#22c1d8);box-shadow:0 0 10px rgba(66,124,255,.2)}.scan-line{position:absolute;left:14px;right:14px;height:1px;top:22%;background:linear-gradient(90deg,transparent,rgba(71,153,255,.75),rgba(37,223,230,.78),transparent);box-shadow:0 0 16px rgba(63,163,255,.35);opacity:.58;animation:scanWindow 5s ease-in-out infinite;pointer-events:none}
.tech-orbit{position:absolute;z-index:6;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-glass);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);font-size:.66rem;font-weight:900;color:var(--text);animation:floatCard 5.4s ease-in-out infinite}.tech-orbit img{width:23px;height:23px;object-fit:contain}.tech-orbit-node{left:5px;top:86px;animation-delay:-1s}.tech-orbit-react{right:-18px;bottom:118px;animation-delay:-2.5s}.tech-orbit-dotnet{right:34px;top:16px;animation-delay:-4s}.float-card{display:flex;align-items:center;gap:10px}.float-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(77,126,255,.18),rgba(31,198,220,.12));color:var(--primary);font-weight:950}.scroll-cue{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;z-index:4}.scroll-cue i{width:21px;height:32px;border:1px solid var(--line-strong);border-radius:999px;position:relative}.scroll-cue i:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:6px;border-radius:3px;background:var(--primary);transform:translateX(-50%);animation:scrollCue 1.8s ease-in-out infinite}

/* Technology logos */
.tech-logo{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;padding:8px;border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(243,247,255,.84));border:1px solid rgba(119,147,189,.18);box-shadow:0 9px 24px rgba(24,53,97,.08),inset 0 1px 0 rgba(255,255,255,.6)}html[data-theme="dark"] .tech-logo{background:rgba(255,255,255,.94)}.tech-logo img{width:31px;height:31px;object-fit:contain}.tech-chip{min-width:220px;padding:13px 16px}.tech-track{animation-duration:34s}

/* Portfolio */
.portfolio-section{position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 40%,transparent),transparent 25%,transparent 78%,color-mix(in srgb,var(--surface-2) 32%,transparent))}.portfolio-section:before{content:"";position:absolute;width:620px;height:620px;right:-240px;top:90px;border-radius:50%;background:radial-gradient(circle,rgba(63,111,255,.11),transparent 68%);pointer-events:none}.portfolio-heading{max-width:none;display:grid;grid-template-columns:1.1fr .72fr;gap:62px;align-items:end}.portfolio-heading>div:last-child{justify-self:end;max-width:490px}.portfolio-heading p{color:var(--muted);margin:0}.portfolio-link{display:inline-flex;margin-top:16px;color:var(--primary);font-size:.9rem;font-weight:850}.portfolio-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:20px}.portfolio-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--card-gradient);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 55px rgba(28,58,105,.07);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease}.portfolio-card:hover{transform:translateY(-7px);border-color:rgba(81,126,255,.35);box-shadow:0 28px 75px rgba(25,55,105,.14)}.portfolio-featured{grid-row:span 2}.portfolio-art{position:relative;min-height:245px;overflow:hidden;background:radial-gradient(circle at 80% 16%,rgba(61,126,255,.20),transparent 35%),linear-gradient(145deg,#071426,#0c1e36);border-bottom:1px solid var(--line)}.portfolio-featured .portfolio-art{min-height:368px}.portfolio-copy{padding:24px}.portfolio-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:11px}.portfolio-meta span{font-size:.63rem;letter-spacing:.07em;text-transform:uppercase;color:var(--primary);font-weight:900}.portfolio-copy h3{font-size:1.35rem;letter-spacing:-.025em;margin:0 0 9px}.portfolio-copy p{color:var(--muted);margin:0;font-size:.92rem}.portfolio-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.portfolio-tags span{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));color:var(--muted);font-size:.64rem;font-weight:800}
.project-window{position:absolute;left:8%;right:8%;top:12%;bottom:10%;border:1px solid rgba(151,184,229,.18);border-radius:16px;background:rgba(9,20,37,.9);box-shadow:0 26px 65px rgba(0,0,0,.34),0 0 70px rgba(53,105,255,.14);transform:perspective(900px) rotateX(2deg) rotateY(-4deg);animation:projectFloat 6.5s ease-in-out infinite}.project-bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 11px;border-bottom:1px solid rgba(255,255,255,.075);color:#8199bb;font-size:.58rem}.project-bar i{width:6px;height:6px;border-radius:50%;background:#476078}.project-bar span{margin-left:7px}.project-body{display:grid;grid-template-columns:46px 1fr;height:calc(100% - 38px)}.project-body aside{padding:10px 8px;display:grid;align-content:start;justify-items:center;gap:11px;background:#061327}.project-body aside b{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#4d7aff,#1dc3dc);color:#fff;font-size:.62rem}.project-body aside span{width:23px;height:23px;border-radius:7px;background:rgba(255,255,255,.06)}.project-body main{padding:14px}.project-top{display:flex;justify-content:space-between;color:#eaf2ff;font-size:.72rem}.project-top em{font-style:normal;color:#42d49b;font-size:.5rem;font-weight:900}.project-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.project-metrics span{padding:9px;border-radius:9px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065)}.project-metrics b{display:block;color:#e5eeff;font-size:.65rem}.project-metrics small{color:#6f86a7;font-size:.49rem}.project-lines{display:grid;gap:7px;margin-top:12px}.project-lines i{height:20px;border-radius:7px;background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(77,126,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.04)}.project-glow{position:absolute;width:170px;height:170px;border-radius:50%;right:5%;bottom:5%;background:radial-gradient(circle,rgba(36,182,230,.18),transparent 69%);filter:blur(8px)}
.portfolio-erp-art{display:grid;place-items:center}.erp-nodes{position:relative;width:210px;height:190px}.erp-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#4b74ff,#20bfd8);color:#fff;font-weight:950;box-shadow:0 0 0 12px rgba(73,117,255,.06),0 18px 45px rgba(29,87,204,.34);animation:corePulse 3.5s ease-in-out infinite}.erp-nodes i{position:absolute;padding:7px 10px;border-radius:9px;background:rgba(15,31,55,.92);border:1px solid rgba(123,160,215,.18);color:#91a8c9;font-style:normal;font-size:.55rem;font-weight:850;box-shadow:0 10px 28px rgba(0,0,0,.22)}.erp-nodes i:after{content:"";position:absolute;background:rgba(83,128,255,.27);height:1px;width:45px;top:50%}.erp-nodes i:nth-of-type(1){left:-2px;top:22px}.erp-nodes i:nth-of-type(1):after{left:100%;transform:rotate(24deg);transform-origin:left}.erp-nodes i:nth-of-type(2){right:-3px;top:34px}.erp-nodes i:nth-of-type(2):after{right:100%;transform:rotate(-18deg);transform-origin:right}.erp-nodes i:nth-of-type(3){left:0;bottom:22px}.erp-nodes i:nth-of-type(3):after{left:100%;transform:rotate(-24deg);transform-origin:left}.erp-nodes i:nth-of-type(4){right:4px;bottom:17px}.erp-nodes i:nth-of-type(4):after{right:100%;transform:rotate(21deg);transform-origin:right}.erp-nodes i:nth-of-type(5){left:50%;top:0;transform:translateX(-50%)}.erp-nodes i:nth-of-type(5):after{width:1px;height:38px;left:50%;top:100%}
.portfolio-web-art{display:grid;place-items:center}.browser-stack{position:relative;width:76%;height:72%}.browser-card{position:absolute;inset:0;border-radius:13px;border:1px solid rgba(144,176,222,.16);background:#0d213b;box-shadow:0 19px 40px rgba(0,0,0,.26)}.browser-card.back{transform:translate(30px,-18px) scale(.92);opacity:.35}.browser-card.mid{transform:translate(16px,-9px) scale(.96);opacity:.65}.browser-card.front{overflow:hidden;background:#f5f8fe}.browser-head{height:28px;display:flex;align-items:center;gap:5px;padding:0 9px;background:#e9eef8}.browser-head i{width:6px;height:6px;border-radius:50%;background:#a8b6c9}.browser-hero{height:46%;margin:12px;border-radius:9px;background:linear-gradient(135deg,#1a4cc9,#5c7cff 52%,#12b6ce);position:relative}.browser-hero:after{content:"";position:absolute;left:12%;right:34%;bottom:17%;height:7px;border-radius:8px;background:rgba(255,255,255,.82);box-shadow:0 -15px 0 rgba(255,255,255,.36)}.browser-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 12px}.browser-cols span{height:32px;border-radius:7px;background:#e6edf8}
.portfolio-mobile-art{display:grid;place-items:center}.phone-shell{position:relative;width:112px;height:205px;padding:7px;border-radius:27px;background:#07111e;border:1px solid rgba(154,185,226,.22);box-shadow:0 25px 48px rgba(0,0,0,.4);z-index:2;transform:rotate(6deg);animation:phoneFloat 5.5s ease-in-out infinite}.phone-notch{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:40px;height:8px;border-radius:0 0 7px 7px;background:#07111e;z-index:2}.phone-screen{height:100%;border-radius:20px;padding:22px 9px 9px;background:linear-gradient(180deg,#eef5ff,#f8fbff);overflow:hidden}.mobile-head{height:6px;width:44%;background:#b9c7dc;border-radius:8px}.mobile-stat{margin-top:13px;padding:12px 9px;border-radius:11px;background:linear-gradient(135deg,#3268ed,#20b8d2);color:#fff}.mobile-stat b{display:block;font-size:.7rem}.mobile-stat small{font-size:.48rem;opacity:.78}.mobile-list{display:grid;gap:6px;margin-top:9px}.mobile-list i{height:28px;border-radius:8px;background:#e1e9f5}.mobile-ring{position:absolute;width:150px;height:150px;border:1px solid rgba(80,126,255,.24);border-radius:50%;box-shadow:0 0 0 26px rgba(75,125,255,.035),0 0 0 52px rgba(75,125,255,.018);animation:spin 16s linear infinite}

/* Faster, repeatable depth reveal */
.reveal-ready{opacity:0;transform:translateY(18px) scale(.992);filter:blur(4px);transition:opacity .46s cubic-bezier(.2,.78,.2,1),transform .46s cubic-bezier(.2,.78,.2,1),filter .42s ease;will-change:opacity,transform,filter}.reveal-ready.reveal-in{opacity:1;transform:none;filter:none}.reveal-ready[data-reveal="left"]{transform:translateX(-22px) scale(.994)}.reveal-ready[data-reveal="right"]{transform:translateX(22px) scale(.994)}.grid-3>.reveal-ready:nth-child(2),.process>.reveal-ready:nth-child(2),.portfolio-grid>.reveal-ready:nth-child(2){transition-delay:.035s}.grid-3>.reveal-ready:nth-child(3),.process>.reveal-ready:nth-child(3),.portfolio-grid>.reveal-ready:nth-child(3){transition-delay:.07s}.grid-3>.reveal-ready:nth-child(4),.process>.reveal-ready:nth-child(4),.portfolio-grid>.reveal-ready:nth-child(4){transition-delay:.105s}.grid-3>.reveal-ready:nth-child(5){transition-delay:.12s}.grid-3>.reveal-ready:nth-child(6){transition-delay:.135s}

@keyframes sparkTwinkle{0%,100%{opacity:.5;transform:rotate(0) scale(.9)}50%{opacity:1;transform:rotate(22deg) scale(1.12)}}
@keyframes beamSweep{0%,100%{opacity:.16;filter:blur(.2px)}50%{opacity:.5;filter:blur(0)}}
@keyframes particleDrift{0%,100%{transform:translate3d(0,0,0);opacity:.25}50%{transform:translate3d(17px,-24px,0);opacity:.8}}
@keyframes haloBreath{0%,100%{transform:scale(.95);opacity:.65}50%{transform:scale(1.06);opacity:1}}
@keyframes scanWindow{0%,100%{top:18%;opacity:0}15%{opacity:.55}70%{opacity:.55}85%{top:86%;opacity:0}}
@keyframes barPulse{0%,100%{filter:saturate(.9);transform:scaleY(.94);transform-origin:bottom}50%{filter:saturate(1.25);transform:scaleY(1.04);transform-origin:bottom}}
@keyframes scrollCue{0%{transform:translate(-50%,0);opacity:0}30%{opacity:1}100%{transform:translate(-50%,10px);opacity:0}}
@keyframes projectFloat{0%,100%{transform:perspective(900px) rotateX(2deg) rotateY(-4deg) translateY(0)}50%{transform:perspective(900px) rotateX(1deg) rotateY(-2deg) translateY(-7px)}}
@keyframes corePulse{0%,100%{box-shadow:0 0 0 12px rgba(73,117,255,.06),0 18px 45px rgba(29,87,204,.34)}50%{box-shadow:0 0 0 18px rgba(73,117,255,.03),0 22px 55px rgba(29,87,204,.42)}}
@keyframes phoneFloat{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(3deg) translateY(-8px)}}

@media(max-width:1100px){.hero-premium .hero-grid{grid-template-columns:1fr 1fr;gap:36px}.hero-premium h1{font-size:clamp(3rem,5.1vw,4.8rem)}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-featured{grid-row:auto}.portfolio-featured .portfolio-art{min-height:300px}.hero-command{min-height:520px}.tech-orbit-react{right:0}.tech-orbit-node{left:0}}
@media(max-width:980px){.hero-premium{min-height:auto;padding-top:72px}.hero-premium .hero-grid{grid-template-columns:1fr}.hero-copy-block{max-width:800px}.hero-command{min-height:560px;max-width:720px}.hero-proof{max-width:720px}.portfolio-heading{grid-template-columns:1fr;gap:14px}.portfolio-heading>div:last-child{justify-self:start;max-width:650px}.portfolio-grid{grid-template-columns:1fr 1fr}.scroll-cue{display:none}}
@media(max-width:680px){.hero-premium{padding:58px 0 58px}.hero-premium h1{font-size:clamp(2.72rem,12.5vw,4rem)}.hero-premium .hero-copy{font-size:1rem}.hero-proof{grid-template-columns:1fr;gap:7px;margin-top:26px}.hero-proof>div{padding:11px 13px}.hero-command{min-height:410px;margin-top:4px}.command-window{inset:46px 0 42px 0;padding:10px}.command-shell{grid-template-columns:42px 1fr;min-height:290px}.command-side{padding:10px 7px;gap:9px}.command-logo{width:27px;height:27px}.command-nav{width:22px;height:22px}.command-content{padding:11px}.command-top strong{font-size:.82rem}.command-pulse{display:none}.command-stats{gap:5px;margin-top:11px}.command-stats article{padding:8px}.command-stats small{display:none}.command-grid{grid-template-columns:1fr}.command-events{display:none}.chart-bars{height:75px}.tech-orbit{padding:6px 8px}.tech-orbit img{width:19px;height:19px}.tech-orbit span{display:none}.tech-orbit-node{top:34px}.tech-orbit-dotnet{right:18px;top:6px}.tech-orbit-react{right:0;bottom:55px}.float-card{font-size:.74rem;padding:10px 11px}.float-card small{font-size:.6rem}.float-icon{width:25px;height:25px}.orbit-one{width:300px;height:300px;right:-18px}.orbit-two{width:210px;height:210px;left:24px}.portfolio-grid{grid-template-columns:1fr}.portfolio-art,.portfolio-featured .portfolio-art{min-height:245px}.portfolio-copy{padding:20px}.project-window{left:6%;right:6%;top:9%;bottom:8%}.tech-logo{width:44px;height:44px;flex-basis:44px;padding:7px}.tech-logo img{width:29px;height:29px}.tech-chip{min-width:198px}}
@media(prefers-reduced-motion:reduce){.hero-beam,.particle,.hero-halo,.scan-line,.chart-bars i,.status-spark,.scroll-cue i,.project-window,.erp-core,.phone-shell{animation:none!important}}

/* =========================================================
   Global interactive atmosphere: mouse follower + particles
   ========================================================= */
.site-particle-canvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:18;
  pointer-events:none;
  opacity:.78;
  filter:saturate(1.08);
  transition:opacity .3s ease;
  will-change:contents;
}
.mouse-follower{
  position:fixed;
  left:0;
  top:0;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(11,99,246,.48);
  box-shadow:0 0 26px rgba(11,99,246,.17),inset 0 0 18px rgba(14,165,168,.07);
  pointer-events:none;
  z-index:120;
  opacity:0;
  transform:translate3d(-80px,-80px,0) translate(-50%,-50%);
  transition:width .2s ease,height .2s ease,border-color .2s ease,background .2s ease,opacity .18s ease,box-shadow .2s ease;
  will-change:transform,width,height;
}
.mouse-follower:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:4px;
  height:4px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:var(--primary);
  box-shadow:0 0 12px rgba(11,99,246,.65);
  transition:transform .18s ease,opacity .18s ease;
}
.mouse-follower-glow{
  position:fixed;
  left:0;
  top:0;
  width:340px;
  height:340px;
  border-radius:50%;
  pointer-events:none;
  z-index:17;
  opacity:0;
  transform:translate3d(-500px,-500px,0) translate(-50%,-50%);
  background:radial-gradient(circle,rgba(11,99,246,.105) 0,rgba(14,165,168,.055) 35%,transparent 70%);
  filter:blur(4px);
  transition:opacity .25s ease;
  will-change:transform;
}
.mouse-follower.is-visible,.mouse-follower-glow.is-visible{opacity:1}
.mouse-follower.is-active{
  width:52px;
  height:52px;
  background:rgba(11,99,246,.075);
  border-color:rgba(14,165,168,.72);
  box-shadow:0 0 36px rgba(11,99,246,.25),inset 0 0 20px rgba(14,165,168,.09);
}
.mouse-follower.is-active:after{transform:translate(-50%,-50%) scale(.7);opacity:.78}
.mouse-follower.is-pressed{width:27px;height:27px;background:rgba(11,99,246,.12)}
[data-theme="dark"] .site-particle-canvas{opacity:.88;filter:saturate(1.16)}
[data-theme="dark"] .mouse-follower{border-color:rgba(103,151,255,.58);box-shadow:0 0 30px rgba(49,112,255,.25),inset 0 0 18px rgba(38,209,221,.08)}
[data-theme="dark"] .mouse-follower:after{background:#76a0ff;box-shadow:0 0 14px rgba(86,145,255,.85)}
[data-theme="dark"] .mouse-follower-glow{background:radial-gradient(circle,rgba(41,105,255,.14) 0,rgba(28,206,210,.075) 34%,transparent 70%)}

@media (hover:none),(pointer:coarse){
  .mouse-follower,.mouse-follower-glow{display:none!important}
  .site-particle-canvas{opacity:.55}
}
@media (prefers-reduced-motion:reduce){
  .mouse-follower,.mouse-follower-glow,.site-particle-canvas{display:none!important}
}