
:root{
  --bg:#070914;
  --bg2:#0c1022;
  --card:rgba(255,255,255,.075);
  --card2:rgba(255,255,255,.105);
  --line:rgba(255,255,255,.14);
  --text:#f4f7ff;
  --muted:#a9b3c9;
  --accent:#7c5cff;
  --accent2:#00e5ff;
  --accent3:#ffb86b;
  --good:#5cffb1;
  --shadow:0 28px 80px rgba(0,0,0,.38);
  --radius:28px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top left,rgba(124,92,255,.26),transparent 36%),radial-gradient(circle at 82% 5%,rgba(0,229,255,.14),transparent 28%),linear-gradient(180deg,#070914,#0b0e1c 54%,#070914);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");mix-blend-mode:screen;z-index:5}.progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));z-index:1000;box-shadow:0 0 18px var(--accent2)}
.site-header{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),var(--max));height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid var(--line);background:rgba(9,12,27,.64);backdrop-filter:blur(24px);border-radius:999px;z-index:100;box-shadow:0 16px 50px rgba(0,0,0,.22)}
.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:.2px}.brand span{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 0 30px rgba(124,92,255,.38)}.brand b{white-space:nowrap}.nav{display:flex;gap:6px}.nav a{padding:10px 13px;border-radius:999px;color:var(--muted);font-weight:650;font-size:14px}.nav a:hover{background:rgba(255,255,255,.08);color:var(--text)}.nav-toggle{display:none;background:transparent;border:0;width:44px;height:44px}.nav-toggle span{display:block;width:22px;height:2px;background:#fff;margin:6px auto;border-radius:5px}
.section{width:min(calc(100% - 32px),var(--max));margin:0 auto;padding:112px 0}.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;position:relative;padding-top:150px}.hero-content,.hero-visual{position:relative;z-index:2}.eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent2);font-size:12px;font-weight:850}.hero h1{font-size:clamp(46px,8vw,92px);line-height:.94;margin:0 0 20px;letter-spacing:-.065em;max-width:800px}.hero-lead{font-size:clamp(22px,3vw,34px);line-height:1.16;margin:0 0 18px;color:#fff;max-width:780px}.hero-text{font-size:17px;color:var(--muted);max-width:740px;margin:0 0 28px}.hero-text b{color:#fff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:16px;font-weight:800;border:1px solid var(--line);transition:.22s ease}.button.primary{background:linear-gradient(135deg,var(--accent),#4c8dff);box-shadow:0 16px 50px rgba(124,92,255,.35)}.button.ghost{background:rgba(255,255,255,.06);color:#eaf0ff}.button:hover{transform:translateY(-3px)}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:760px}.hero-metrics div{padding:16px;border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:20px}.hero-metrics strong{display:block;font-size:26px;line-height:1;color:#fff}.hero-metrics span{font-size:13px;color:var(--muted)}.hero-glow{position:absolute;border-radius:50%;filter:blur(34px);opacity:.75}.hero-glow.one{width:260px;height:260px;background:rgba(124,92,255,.34);left:-70px;top:120px}.hero-glow.two{width:210px;height:210px;background:rgba(0,229,255,.18);right:90px;bottom:120px}
.terminal-card{position:relative;margin:0 auto;width:min(100%,520px);min-height:360px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:var(--shadow);padding:68px 26px 26px;overflow:hidden}.terminal-card:before{content:"";position:absolute;inset:-40% -20%;background:radial-gradient(circle,rgba(124,92,255,.28),transparent 36%),radial-gradient(circle at 80% 15%,rgba(0,229,255,.19),transparent 25%);animation:floatGlow 8s ease-in-out infinite}.terminal-card p{position:relative;margin:12px 0;font-family:Consolas,Monaco,monospace;color:#dfe7ff}.terminal-top{position:absolute;left:0;right:0;top:0;height:52px;display:flex;align-items:center;gap:8px;padding:0 20px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.18);z-index:1}.terminal-top i{width:12px;height:12px;border-radius:50%;background:#ff6474}.terminal-top i:nth-child(2){background:#ffd166}.terminal-top i:nth-child(3){background:#5cffb1}.terminal-top span{margin-left:8px;color:var(--muted);font-size:13px}.muted{color:var(--muted)}.ok{color:var(--good)}.orbital-card{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.19);background:rgba(255,255,255,.095);backdrop-filter:blur(18px);border-radius:20px;padding:14px 16px;box-shadow:0 14px 34px rgba(0,0,0,.25);animation:floatCard 6s ease-in-out infinite}.orbital-card span{display:block;color:var(--accent2);font-size:12px;font-weight:900}.orbital-card b{font-size:14px}.card-a{left:0;top:7%}.card-b{right:0;top:42%;animation-delay:-2s}.card-c{left:8%;bottom:6%;animation-delay:-4s}
.section-heading{max-width:820px;margin-bottom:32px}.section-heading h2{font-size:clamp(32px,4.4vw,58px);line-height:1.02;margin:0 0 14px;letter-spacing:-.045em}.section-heading p:not(.eyebrow){color:var(--muted);font-size:17px}.about-grid,.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.glass-card,.evidence-card,.practice-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));border-radius:var(--radius);padding:26px;box-shadow:0 18px 60px rgba(0,0,0,.18)}.glass-card h3,.evidence-card h3{margin:0 0 12px;font-size:22px}.glass-card p,.evidence-card p{margin:0;color:var(--muted)}.skill-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.skill-cloud span,.chips span{display:inline-flex;padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#eaf0ff;font-size:13px;font-weight:750}.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.practice-card{padding:18px}.practice-card b{display:block;margin-bottom:6px}.practice-card span{font-size:14px;color:var(--muted)}
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter{border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--muted);border-radius:999px;padding:11px 15px;font-weight:850;cursor:pointer}.filter.active,.filter:hover{background:linear-gradient(135deg,rgba(124,92,255,.85),rgba(0,229,255,.34));color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:32px;overflow:hidden;box-shadow:0 22px 80px rgba(0,0,0,.23);transition:.28s ease}.project-card:hover{transform:translateY(-8px);border-color:rgba(0,229,255,.34)}.project-card.featured{grid-column:span 2}.project-media{height:250px;position:relative;overflow:hidden;background:#10152a}.project-media>img:first-child{width:100%;height:100%;object-fit:cover;transition:.42s ease;opacity:.92}.project-card:hover .project-media>img:first-child{transform:scale(1.06)}.project-body{padding:22px}.project-topline{display:flex;justify-content:space-between;gap:12px;color:var(--accent2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.project-body h3{font-size:25px;line-height:1.05;margin:0 0 12px;letter-spacing:-.02em}.project-body p{color:var(--muted);margin:0 0 16px}.chips{display:flex;gap:8px;flex-wrap:wrap}.float-logo{position:absolute;right:20px;bottom:18px;width:96px;height:96px;object-fit:contain!important;background:rgba(0,0,0,.42);border:1px solid var(--line);border-radius:24px;padding:12px;backdrop-filter:blur(12px)}.battle-media:after,.steel-media:after,.lamp-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.44))}.enemy{position:absolute;right:4%;bottom:-18px;width:44%;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 18px 25px rgba(0,0,0,.62))}.tap-media{display:grid;place-items:center;background:radial-gradient(circle at center,rgba(0,229,255,.2),transparent 42%),linear-gradient(135deg,#111735,#0b0f21)}.tap-bg{position:absolute;width:240px;height:240px;border-radius:50%;background:linear-gradient(135deg,rgba(124,92,255,.4),rgba(0,229,255,.16));filter:blur(10px)}.tap-base,.tap-hair{position:absolute;max-height:230px;width:auto}.tap-hair{transform:translateY(-2px)}.phone-preview{width:210px;margin:20px auto;border:1px solid var(--line);border-radius:30px;background:#0b1023;padding:16px;box-shadow:inset 0 0 0 6px rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.3)}.phone-header{text-align:center;font-weight:850;color:#fff;margin-bottom:14px}.chat-bubble{width:max-content;max-width:160px;margin:8px 0;padding:9px 10px;border-radius:16px;font-size:12px;background:rgba(255,255,255,.1)}.chat-bubble.bot{margin-left:auto;background:rgba(124,92,255,.35)}.chat-bubble.driver{background:rgba(92,255,177,.13);color:#caffdf}.chat-status{margin-top:16px;border-top:1px solid var(--line);padding-top:10px;font-size:11px;color:var(--accent2)}.desktop-window{width:86%;margin:38px auto;border:1px solid var(--line);border-radius:18px;background:rgba(8,11,22,.92);padding:14px;box-shadow:0 20px 48px rgba(0,0,0,.28)}.desktop-title{font-weight:900;margin-bottom:12px}.desktop-row{display:grid;grid-template-columns:.35fr 1fr .9fr .6fr;gap:8px;padding:8px;border-radius:10px;background:rgba(255,255,255,.055);margin-bottom:6px;font-size:12px;color:#dce5ff}.desktop-row.head{background:rgba(124,92,255,.24);color:#fff}.desktop-actions{display:flex;gap:8px;margin-top:12px}.desktop-actions i{height:24px;flex:1;border-radius:9px;background:linear-gradient(135deg,rgba(124,92,255,.65),rgba(0,229,255,.24))}.schema-preview{display:grid;gap:10px;width:80%;margin:28px auto}.schema-preview span{display:block;text-align:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(255,255,255,.08);font-weight:800}.schema-preview i{height:18px;width:2px;margin:auto;background:linear-gradient(var(--accent),var(--accent2))}
.case-layout{display:grid;grid-template-columns:1fr .86fr;gap:28px;align-items:center}.case-visual{position:relative;border:1px solid var(--line);border-radius:34px;overflow:hidden;box-shadow:var(--shadow);min-height:430px}.case-visual>img{width:100%;height:430px;object-fit:cover}.case-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.62))}.case-product{position:absolute;z-index:2;width:160px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.28)}.case-product img{height:130px;width:100%;object-fit:cover}.case-product.left{left:24px;bottom:24px}.case-product.right{right:24px;top:24px}.case-content{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:34px;padding:30px}.case-content p{color:var(--muted);margin-top:0}.check-list{padding:0;margin:18px 0 0;list-style:none}.check-list li{position:relative;margin:14px 0;padding-left:34px;color:#dbe4fa}.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(92,255,177,.16);color:var(--good);font-weight:900}
.code-section{padding-top:80px}.code-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tab{border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--muted);border-radius:14px;padding:11px 13px;font-weight:850;cursor:pointer}.tab.active,.tab:hover{color:#fff;background:rgba(124,92,255,.42)}.code-panels{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:30px;padding:18px;box-shadow:var(--shadow)}.code-panel{display:none}.code-panel.active{display:block}.code-panel h3{margin:0 0 12px}.code-block{position:relative;margin:0;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#080b16;overflow:auto;max-height:560px}.code-block code{display:block;padding:54px 18px 18px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6;color:#dfe8ff;white-space:pre}.code-block code:before{content:attr(data-lang);position:absolute;left:16px;top:14px;color:var(--accent2);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:12px;font-weight:900;letter-spacing:.12em}.copy-code{position:absolute;right:12px;top:10px;z-index:2;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;border-radius:12px;padding:7px 10px;cursor:pointer;font-weight:750}.copy-code.copied{background:rgba(92,255,177,.18);color:#bcffd8}.timeline{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:34px;padding:12px}.timeline-item{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:20px;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-item span{color:var(--accent2);font-weight:900}.timeline-item b{display:block;font-size:20px}.timeline-item p{grid-column:2;color:var(--muted);margin:0}.contact-card{display:grid;grid-template-columns:1fr .75fr;gap:24px;align-items:center;border:1px solid rgba(0,229,255,.24);border-radius:38px;background:linear-gradient(135deg,rgba(124,92,255,.18),rgba(0,229,255,.08));padding:34px;box-shadow:var(--shadow)}.contact-card h2{font-size:clamp(30px,4vw,50px);line-height:1;margin:0 0 12px;letter-spacing:-.04em}.contact-card p:not(.eyebrow){color:var(--muted)}.contact-links{display:grid;gap:10px}.contact-links a{border:1px solid var(--line);background:rgba(0,0,0,.18);border-radius:16px;padding:14px 16px;color:#eaf0ff;font-weight:800}.contact-links a:hover{background:rgba(255,255,255,.09)}.footer{width:min(calc(100% - 32px),var(--max));margin:0 auto;padding:32px 0 46px;display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line)}.footer a{color:#fff}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.project-card.hidden{display:none}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes floatGlow{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(40px) rotate(20deg)}}
@media (max-width:980px){.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:430px}.project-grid{grid-template-columns:repeat(2,1fr)}.project-card.featured{grid-column:span 2}.about-grid,.evidence-grid,.practice-grid{grid-template-columns:1fr 1fr}.case-layout,.contact-card{grid-template-columns:1fr}.nav{position:absolute;right:12px;left:12px;top:74px;display:none;flex-direction:column;padding:10px;background:rgba(9,12,27,.95);border:1px solid var(--line);border-radius:24px}.nav.open{display:flex}.nav-toggle{display:block}.brand b{display:none}.site-header{height:62px}.section{padding:86px 0}.hero{padding-top:120px}.hero-metrics{grid-template-columns:1fr}}
@media (max-width:640px){.project-grid,.about-grid,.evidence-grid,.practice-grid{grid-template-columns:1fr}.project-card.featured{grid-column:auto}.project-media{height:230px}.hero h1{font-size:44px}.hero-lead{font-size:22px}.terminal-card{min-height:330px;padding-left:18px;padding-right:18px}.orbital-card{display:none}.timeline-item{grid-template-columns:1fr;gap:6px}.timeline-item p{grid-column:auto}.footer{display:grid;gap:8px}.code-block code{font-size:12px}.section{width:min(calc(100% - 22px),var(--max))}.contact-card{padding:24px;border-radius:28px}}

/* Premium redesign layer */
:root{
  --bg:#050713;
  --bg2:#0a0f22;
  --accent:#8b5cf6;
  --accent2:#22d3ee;
  --accent3:#f59e0b;
  --rose:#ff4fd8;
  --line:rgba(255,255,255,.13);
  --line-strong:rgba(255,255,255,.22);
  --shadow:0 36px 100px rgba(0,0,0,.48);
}
body{
  background:
    radial-gradient(circle at 16% 12%,rgba(139,92,246,.30),transparent 32%),
    radial-gradient(circle at 86% 7%,rgba(34,211,238,.20),transparent 30%),
    radial-gradient(circle at 70% 74%,rgba(245,158,11,.11),transparent 36%),
    linear-gradient(180deg,#050713 0%,#090d1c 42%,#050713 100%);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 78%);
}
.mesh-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.mesh-bg span{position:absolute;width:36vw;aspect-ratio:1;border-radius:999px;filter:blur(66px);opacity:.42;animation:meshMove 16s ease-in-out infinite}.mesh-bg span:nth-child(1){left:-10vw;top:20vh;background:rgba(139,92,246,.62)}.mesh-bg span:nth-child(2){right:-8vw;top:6vh;background:rgba(34,211,238,.50);animation-delay:-5s}.mesh-bg span:nth-child(3){left:48vw;bottom:-16vh;background:rgba(255,79,216,.34);animation-delay:-10s}
.site-header{background:linear-gradient(135deg,rgba(10,14,34,.76),rgba(10,14,34,.48));border-color:rgba(255,255,255,.18);box-shadow:0 20px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}
.brand span{position:relative;overflow:hidden}.brand span:after{content:"";position:absolute;inset:-50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:rotate(35deg) translateX(-130%);animation:shine 4.8s ease-in-out infinite}.nav a{transition:.22s ease}.nav a:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hero{min-height:104vh}.hero-status{display:inline-flex;align-items:center;gap:9px;margin-bottom:15px;padding:9px 13px;border:1px solid rgba(92,255,177,.24);border-radius:999px;background:rgba(92,255,177,.09);color:#d9ffe9;font-weight:850;font-size:13px;box-shadow:0 0 34px rgba(92,255,177,.06)}.hero-status span{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 7px rgba(92,255,177,.12),0 0 20px rgba(92,255,177,.7)}
.hero h1 span{display:block;background:linear-gradient(90deg,#fff,var(--accent2),#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.hero-lead{max-width:820px}.hero-text{font-size:18px}.button{position:relative;overflow:hidden}.button:after{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-120%) rotate(18deg);transition:.55s ease}.button:hover:after{transform:translateX(120%) rotate(18deg)}.button.soft{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.22);color:#d8fbff}.hero-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.hero-proof span{padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);color:#dce6ff;font-weight:850;font-size:12px}.hero-metrics div{position:relative;overflow:hidden}.hero-metrics div:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);opacity:0;transition:.25s ease}.hero-metrics div:hover:before{opacity:1}.hero-metrics strong{background:linear-gradient(90deg,#fff,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.portfolio-panel{isolation:isolate}.panel-head{position:relative;display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.panel-head span{letter-spacing:.22em;color:var(--accent2);font-weight:950;font-size:12px}.panel-head b{font-size:34px;line-height:1;letter-spacing:-.04em}.panel-screen{position:relative;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(34,211,238,.08));height:112px;padding:22px;margin-bottom:14px;overflow:hidden}.panel-screen:before{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(0deg,rgba(34,211,238,.16),transparent)}.screen-line{position:relative;height:12px;border-radius:99px;background:rgba(255,255,255,.14);margin-bottom:11px}.screen-line.wide{width:78%}.screen-line{width:58%}.screen-line.small{width:36%;background:rgba(34,211,238,.30)}.panel-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.panel-grid div{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(0,0,0,.14);padding:13px}.panel-grid span{display:block;color:var(--accent2);font-size:11px;font-weight:950;letter-spacing:.16em}.panel-grid b{font-size:14px}.terminal-feed{position:relative;border-top:1px solid rgba(255,255,255,.11);padding-top:8px}.terminal-feed p{font-size:14px;margin:8px 0}.orbital-card{border-color:rgba(255,255,255,.22);box-shadow:0 16px 40px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)}
.signature-strip{width:min(calc(100% - 32px),var(--max));margin:-46px auto 0;position:relative;z-index:4}.ticker{border:1px solid rgba(255,255,255,.13);border-radius:26px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 18px 60px rgba(0,0,0,.2)}.ticker-track{display:flex;gap:12px;width:max-content;animation:ticker 26s linear infinite;padding:13px}.ticker-track span{white-space:nowrap;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;background:rgba(0,0,0,.16);font-weight:900;color:#edf5ff;font-size:13px}.proof-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.proof-cards article{border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.038));border-radius:24px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.16)}.proof-cards b{display:block;font-size:17px;margin-bottom:4px}.proof-cards span{color:var(--muted);font-size:14px}
.section-heading h2{max-width:930px}.glass-card,.evidence-card,.practice-card,.project-card,.case-content,.code-panels,.timeline,.contact-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.glass-card,.practice-card,.evidence-card{position:relative;overflow:hidden}.glass-card:before,.practice-card:before,.evidence-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x,20%) var(--y,0%),rgba(34,211,238,.14),transparent 38%);opacity:.65;pointer-events:none}.card-icon,.evidence-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;margin-bottom:16px;background:linear-gradient(135deg,rgba(139,92,246,.55),rgba(34,211,238,.22));border:1px solid rgba(255,255,255,.16);font-weight:950;color:#fff}.skill-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.skill-board div{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:26px;padding:18px;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(34,211,238,.055));box-shadow:0 18px 60px rgba(0,0,0,.16)}.skill-board span{display:block;color:var(--accent2);font-weight:950;letter-spacing:.12em;font-size:12px;text-transform:uppercase;margin-bottom:5px}.skill-board b{font-size:18px}.skill-cloud span{transition:.2s ease}.skill-cloud span:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.38);background:rgba(34,211,238,.09)}.practice-card{transition:.24s ease}.practice-card:hover{transform:translateY(-5px);border-color:rgba(34,211,238,.32)}
.project-card{position:relative;isolation:isolate;background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.035));transform-style:preserve-3d}.project-card:before{content:"";position:absolute;inset:0;border-radius:32px;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.16),transparent 34%);opacity:0;transition:.24s ease;pointer-events:none;z-index:1}.project-card:hover:before{opacity:1}.project-card:after{content:"";position:absolute;inset:1px;border-radius:31px;background:linear-gradient(135deg,var(--project-accent,rgba(34,211,238,.22)),transparent 30%);opacity:.38;pointer-events:none;z-index:-1}.accent-steel{--project-accent:rgba(245,158,11,.26)}.accent-battle{--project-accent:rgba(255,79,216,.24)}.accent-tap{--project-accent:rgba(34,211,238,.24)}.accent-taxi{--project-accent:rgba(92,255,177,.20)}.project-body{position:relative;z-index:2}.project-topline span:first-child{position:relative;padding-left:18px}.project-topline span:first-child:before{content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;border-radius:50%;background:var(--accent2);box-shadow:0 0 18px var(--accent2)}.project-cta{display:inline-flex;margin-top:16px;color:#eafcff;font-weight:900;border-bottom:1px solid rgba(34,211,238,.35);padding-bottom:3px}.project-cta:hover{color:var(--accent2)}.project-media{background:radial-gradient(circle at 50% 30%,rgba(139,92,246,.18),transparent 42%),#10152a}.phone-preview,.desktop-window{transform:translateZ(22px)}.phone-preview{position:relative}.phone-preview:before{content:"";position:absolute;left:50%;top:6px;transform:translateX(-50%);width:48px;height:4px;border-radius:999px;background:rgba(255,255,255,.18)}
.premium-evidence .evidence-card h3{font-size:24px}.process-flow{margin-top:18px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));padding:18px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.process-flow span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);font-weight:900}.process-flow i{width:36px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px}.browser-bar{position:absolute;left:18px;right:18px;top:18px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(8,11,22,.62);backdrop-filter:blur(12px);display:flex;align-items:center;gap:8px;padding:0 14px;z-index:3}.browser-bar span{width:10px;height:10px;border-radius:50%;background:#ff6474}.browser-bar span:nth-child(2){background:#ffd166}.browser-bar span:nth-child(3){background:#5cffb1}.browser-bar b{margin-left:8px;color:#d7e1f8;font-size:13px}.case-visual{background:#10152a}.case-visual>img{transition:.55s ease}.case-visual:hover>img{transform:scale(1.045)}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.case-stats div{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;background:rgba(0,0,0,.18)}.case-stats b{display:block;font-size:26px;line-height:1;background:linear-gradient(90deg,#fff,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.case-stats span{font-size:13px;color:var(--muted)}
.code-panels{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.03))}.code-block{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.tab{transition:.2s ease}.tab:hover{transform:translateY(-2px)}.contact-card{position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;inset:-40% -10%;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 36%);animation:floatGlow 9s ease-in-out infinite;pointer-events:none}.contact-card>*{position:relative;z-index:2}.contact-links a{transition:.22s ease}.contact-links a:hover{transform:translateX(4px);border-color:rgba(34,211,238,.32)}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes meshMove{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4vw,-3vh,0) scale(1.1)}}@keyframes shine{0%,72%{transform:rotate(35deg) translateX(-130%)}86%,100%{transform:rotate(35deg) translateX(130%)}}
@media (max-width:980px){.proof-cards,.skill-board{grid-template-columns:1fr 1fr}.signature-strip{margin-top:0}.process-flow i{display:none}.hero-status{margin-top:10px}}
@media (max-width:640px){.proof-cards,.skill-board{grid-template-columns:1fr}.signature-strip{width:min(calc(100% - 22px),var(--max));margin-top:10px}.ticker-track{animation-duration:18s}.hero-proof{display:none}.button{width:100%}.panel-grid{grid-template-columns:1fr}.portfolio-panel{min-height:auto}.case-stats{grid-template-columns:1fr}.browser-bar{left:12px;right:12px}.browser-bar b{display:none}.process-flow{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
