:root{
  color-scheme:dark;
  --bg:#05070d;
  --bg2:#080b14;
  --panel:rgba(255,255,255,.065);
  --panel2:rgba(255,255,255,.095);
  --line:rgba(255,255,255,.13);
  --text:#f4f7fb;
  --muted:#aab5c7;
  --soft:#7f8ba3;
  --cyan:#00e5ff;
  --cyan2:#54f3ff;
  --gold:#ffcf5a;
  --violet:#8b5cf6;
  --green:#42ffb6;
  --danger:#ff5c82;
  --shadow:0 28px 90px rgba(0,0,0,.45);
  --radius:28px;
  --ease:cubic-bezier(.2,.9,.2,1);
  --product-p:0;
  --build-p:0;
  --color-p:0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(0,229,255,.13),transparent 34%),radial-gradient(circle at 84% 16%,rgba(139,92,246,.14),transparent 32%),linear-gradient(180deg,var(--bg),#03040a 45%,#060810);font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:var(--text);overflow-x:hidden;line-height:1.9;transition:background .55s ease;color:var(--text)}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
::selection{background:rgba(0,229,255,.3);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#070912}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--cyan),var(--gold));border-radius:999px;border:2px solid #070912}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section{position:relative;padding:112px 0;content-visibility:auto;contain-intrinsic-size:900px}.noise-layer{position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.orb{position:fixed;width:480px;height:480px;border-radius:50%;filter:blur(60px);opacity:.28;pointer-events:none;z-index:-2;transform:translate3d(0,0,0)}.orb-a{right:-160px;top:80px;background:radial-gradient(circle,rgba(0,229,255,.55),transparent 62%)}.orb-b{left:-180px;bottom:8vh;background:radial-gradient(circle,rgba(255,207,90,.4),transparent 62%)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1500;background:transparent}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold),var(--violet));box-shadow:0 0 24px rgba(0,229,255,.8)}
.site-header{position:fixed;z-index:1200;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 40px));height:72px;padding:0 12px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(255,255,255,.14);border-top-color:rgba(255,255,255,.25);background:rgba(5,7,13,.68);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:999px;box-shadow:0 18px 60px rgba(0,0,0,.42);transition:.35s var(--ease)}.site-header.is-scrolled{top:10px;height:64px;background:rgba(5,7,13,.84);box-shadow:0 12px 48px rgba(0,0,0,.5)}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,rgba(0,229,255,.2),rgba(255,207,90,.18));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 30px rgba(255,255,255,.05),0 0 25px rgba(0,229,255,.14);font-weight:900;letter-spacing:.5px}.brand-text{display:flex;flex-direction:column;line-height:1.35}.brand-text strong{font-size:15px}.brand-text small{color:var(--soft);font-size:11px;letter-spacing:.5px}.site-nav{display:flex;align-items:center;gap:4px}.site-nav a{padding:11px 15px;border-radius:999px;color:#d6deed;font-size:14px;transition:.25s ease}.site-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.nav-toggle{display:none;border:0;background:rgba(255,255,255,.08);width:46px;height:46px;border-radius:16px;position:relative}.nav-toggle span{display:block;width:20px;height:2px;background:#fff;margin:5px auto;border-radius:10px;transition:.3s ease}
.eyebrow,.section-kicker,.service-kicker,.admin-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--cyan2);font-weight:800;font-size:13px;letter-spacing:.35px}.eyebrow:before,.section-kicker:before,.service-kicker:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,7vw,76px);line-height:1.28;letter-spacing:-2px;margin-bottom:24px}h1 span,h2 span{background:linear-gradient(100deg,#fff,var(--cyan2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:clamp(28px,4.5vw,50px);line-height:1.35;letter-spacing:-1px;margin-bottom:20px}h3{line-height:1.55}.lead{font-size:18px;color:#dbe3f4;max-width:780px}.section-head{max-width:880px;margin-bottom:40px}.section-head p{color:var(--muted);font-size:17px}.section-head.with-action{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;max-width:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;min-height:52px;padding:0 24px;font-weight:900;transition:.28s var(--ease);cursor:pointer}.btn.primary{color:#031015;background:linear-gradient(135deg,var(--cyan),#8cf8ff 48%,var(--gold));box-shadow:0 18px 50px rgba(0,229,255,.22)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 22px 70px rgba(0,229,255,.3)}.btn.ghost{background:rgba(255,255,255,.055);color:#fff}.btn.ghost:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}
.hero{min-height:100vh;padding-top:160px;display:flex;flex-direction:column;justify-content:center}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:56px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0}.trust-line{display:flex;flex-wrap:wrap;gap:10px}.trust-line span{padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);font-size:12px}.portrait-shell{position:relative;isolation:isolate;min-height:570px;display:grid;place-items:center;border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);overflow:hidden;transform-style:preserve-3d}.portrait-shell:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.11);border-radius:34px;background:linear-gradient(135deg,rgba(0,229,255,.08),transparent 42%,rgba(255,207,90,.08));z-index:-1}.portrait-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.55),transparent 67%);filter:blur(34px);top:10%;right:14%;z-index:-1;animation:floatGlow 6s ease-in-out infinite}.portrait-shell img{width:min(330px,76%);border-radius:34px;border:1px solid rgba(255,255,255,.17);box-shadow:0 26px 70px rgba(0,0,0,.55);transform:translateZ(45px)}.status-card{position:absolute;left:22px;right:22px;padding:15px 18px;border-radius:22px;border:1px solid rgba(255,255,255,.13);background:rgba(4,8,16,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(0,0,0,.3)}.status-main{bottom:26px}.status-main strong{display:block;color:#fff}.status-main span{font-size:13px;color:var(--muted)}.status-code{top:26px;direction:ltr;text-align:left;color:var(--green);font-size:12px;white-space:pre-wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}.stat-card{padding:22px;border-radius:26px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 45px rgba(0,0,0,.18)}.stat-card strong{display:block;font-size:34px;line-height:1;color:var(--cyan2);margin-bottom:10px}.stat-card span{color:var(--muted);font-size:13px}
.split-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}.glass-copy,.education-panel{padding:34px;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.glass-copy p{color:#d5deee;font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-card{padding:30px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.24);min-height:295px;transition:.3s var(--ease);transform-style:preserve-3d}.service-card:hover{border-color:rgba(0,229,255,.32);box-shadow:0 26px 70px rgba(0,229,255,.12)}.service-card h3{font-size:23px;margin:14px 0}.service-card p{color:var(--muted);font-size:15px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tag-row span{font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(0,229,255,.08);color:#c8f9ff;border:1px solid rgba(0,229,255,.15)}
.scroll-showcase{min-height:210vh;background:radial-gradient(circle at 50% 42%,rgba(0,229,255,calc(.05 + var(--product-p)*.2)),transparent 34%)}.sticky-stage{position:sticky;top:110px;min-height:calc(100vh - 140px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px}.feature-list{padding:0;list-style:none;margin:24px 0 0}.feature-list li{position:relative;padding:10px 34px 10px 0;color:#d8e0ef}.feature-list li:before{content:"";position:absolute;right:0;top:18px;width:17px;height:17px;border-radius:6px;background:linear-gradient(135deg,var(--cyan),var(--gold));box-shadow:0 0 18px rgba(0,229,255,.35)}.product-reveal{position:relative;min-height:610px;display:grid;place-items:center;perspective:1200px;transform-style:preserve-3d}.device-frame{width:min(650px,100%);aspect-ratio:1.32;border-radius:30px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.035));box-shadow:0 60px 120px rgba(0,0,0,.55),0 0 calc(22px + var(--product-p)*60px) rgba(0,229,255,.18);overflow:hidden;transform:rotateX(calc(62deg - var(--product-p)*56deg)) rotateY(calc(-48deg + var(--product-p)*52deg)) rotateZ(calc(16deg - var(--product-p)*16deg)) translateY(calc(110px - var(--product-p)*110px)) scale(calc(.72 + var(--product-p)*.28));opacity:calc(.38 + var(--product-p)*.62);transition:box-shadow .2s linear;transform-style:preserve-3d}.device-top{height:48px;display:flex;align-items:center;gap:8px;padding:0 18px;background:rgba(3,7,14,.7);border-bottom:1px solid rgba(255,255,255,.1)}.device-top span{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.25)}.software-screen{height:calc(100% - 48px);display:grid;grid-template-columns:88px 1fr;background:radial-gradient(circle at 70% 20%,rgba(0,229,255,.16),transparent 35%),linear-gradient(135deg,#060b16,#09101d)}.side-rail{padding:20px 18px;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:14px}.side-rail i{height:38px;border-radius:13px;background:rgba(255,255,255,.08)}.side-rail i:first-child{background:linear-gradient(135deg,var(--cyan),var(--violet))}.dash-main{padding:24px}.dash-header{height:44px;border-radius:16px;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(0,229,255,.12));margin-bottom:20px}.dash-chart{height:160px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);display:flex;align-items:end;gap:14px;padding:22px}.dash-chart span{flex:1;border-radius:12px 12px 0 0;background:linear-gradient(180deg,var(--cyan),rgba(0,229,255,.1));height:calc(25% + var(--product-p)*60%)}.dash-chart span:nth-child(2){height:calc(42% + var(--product-p)*44%);background:linear-gradient(180deg,var(--gold),rgba(255,207,90,.1))}.dash-chart span:nth-child(3){height:calc(20% + var(--product-p)*34%)}.dash-chart span:nth-child(4){height:calc(55% + var(--product-p)*24%)}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.dash-cards b{height:72px;border-radius:18px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08)}.dash-table{margin-top:14px;display:grid;gap:8px}.dash-table em{height:18px;border-radius:999px;background:rgba(255,255,255,.09)}.floating-cube{--s:105px;position:absolute;width:var(--s);height:var(--s);left:5%;top:14%;transform-style:preserve-3d;transform:rotateX(calc(35deg + var(--product-p)*260deg)) rotateY(calc(45deg + var(--product-p)*340deg)) translateZ(90px);opacity:calc(.25 + var(--product-p)*.75)}.floating-cube span{position:absolute;inset:0;border:1px solid rgba(0,229,255,.36);background:rgba(0,229,255,.08);box-shadow:inset 0 0 28px rgba(0,229,255,.13)}.floating-cube span:nth-child(1){transform:translateZ(52px)}.floating-cube span:nth-child(2){transform:rotateY(180deg) translateZ(52px)}.floating-cube span:nth-child(3){transform:rotateY(90deg) translateZ(52px)}.floating-cube span:nth-child(4){transform:rotateY(-90deg) translateZ(52px)}.floating-cube span:nth-child(5){transform:rotateX(90deg) translateZ(52px)}.floating-cube span:nth-child(6){transform:rotateX(-90deg) translateZ(52px)}
.color-lab{min-height:120vh;background:linear-gradient(135deg,rgba(0,229,255,calc(.02 + var(--color-p)*.14)),rgba(255,207,90,calc(.02 + var(--color-p)*.18))),radial-gradient(circle at 30% 30%,rgba(255,207,90,calc(.05 + var(--color-p)*.2)),transparent 40%);transition:background .1s linear}.color-panel{min-height:70vh;display:flex;flex-direction:column;justify-content:center;max-width:960px}.color-panel h2{font-size:clamp(34px,6vw,72px)}.color-panel p{font-size:18px;color:#edf1f8;max-width:780px}.color-spectrum{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;transform:translateY(calc(60px - var(--color-p)*60px));opacity:calc(.25 + var(--color-p)*.75)}.color-spectrum span{height:120px;border-radius:28px;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.28)}.color-spectrum span:nth-child(1){background:linear-gradient(135deg,#00e5ff,#083f58)}.color-spectrum span:nth-child(2){background:linear-gradient(135deg,#ffcf5a,#512a07)}.color-spectrum span:nth-child(3){background:linear-gradient(135deg,#8b5cf6,#17072f)}.color-spectrum span:nth-child(4){background:linear-gradient(135deg,#42ffb6,#06291e)}
.build-section{min-height:140vh}.build-grid{position:sticky;top:112px;min-height:calc(100vh - 140px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px}.build-visual{position:relative;min-height:610px;border-radius:46px;background:radial-gradient(circle at 50% 50%,rgba(0,229,255,.12),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);overflow:hidden;perspective:1000px}.build-visual span{position:absolute;right:50%;top:50%;width:84px;height:84px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(0,229,255,.18),rgba(255,207,90,.09));box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 0 30px rgba(255,255,255,.05);--angle:calc(var(--i)*20deg);transform:translate(50%,-50%) rotate(var(--angle)) translateX(calc((1 - var(--build-p))*280px)) rotate(calc(var(--build-p)*-160deg)) translateZ(calc(var(--build-p)*80px));opacity:calc(.25 + var(--build-p)*.75);transition:filter .1s}.build-visual span:nth-child(3n){border-radius:50%;background:linear-gradient(145deg,rgba(139,92,246,.22),rgba(0,229,255,.1))}.build-visual span:nth-child(4n){width:110px;height:40px}.core-orb{position:absolute;right:50%;top:50%;width:190px;height:190px;border-radius:50%;transform:translate(50%,-50%) scale(calc(.55 + var(--build-p)*.45)) rotate(calc(var(--build-p)*180deg));background:radial-gradient(circle at 35% 35%,#fff,var(--cyan) 20%,rgba(0,229,255,.14) 55%,transparent 68%);box-shadow:0 0 calc(20px + var(--build-p)*70px) rgba(0,229,255,.5);opacity:calc(.2 + var(--build-p)*.8)}.core-orb b{position:absolute;inset:28px;border-radius:50%;border:1px dashed rgba(255,255,255,.35);animation:spin 9s linear infinite}.build-copy p{color:var(--muted);font-size:17px}.skill-list{display:grid;gap:18px}.skill-line{padding:18px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.skill-line div{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.skill-line strong{font-size:14px}.skill-line span{font-size:12px;color:var(--cyan2)}.skill-line i{display:block;height:9px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.skill-line b{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--gold));box-shadow:0 0 22px rgba(0,229,255,.35);transition:width 1.3s var(--ease)}.skill-line.is-visible b{width:var(--level)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{position:relative;min-height:260px;padding:25px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(0,0,0,.2);transition:.3s var(--ease);overflow:hidden}.project-card:before{content:"";position:absolute;inset:auto -20% -40% auto;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.18),transparent 70%)}.project-card:hover{transform:translateY(-7px);border-color:rgba(0,229,255,.35)}.project-type{font-size:12px;color:var(--gold)}.project-card h3{font-size:21px}.project-card p{color:var(--muted);font-size:14px}.resume-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px}.timeline{position:relative;display:grid;gap:16px;margin-top:28px}.timeline:before{content:"";position:absolute;right:14px;top:14px;bottom:14px;width:1px;background:linear-gradient(var(--cyan),transparent)}.timeline-item{position:relative;padding:22px 46px 22px 22px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.timeline-item:before{content:"";position:absolute;right:7px;top:28px;width:15px;height:15px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px rgba(0,229,255,.65)}.timeline-item span{color:var(--gold);font-size:12px}.timeline-item h3{margin:5px 0}.timeline-item strong{color:#dce5f5}.timeline-item p{color:var(--muted);font-size:14px}.education-panel article{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}.education-panel article:last-child{border-bottom:0}.education-panel strong{color:var(--gold)}.education-panel p{color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-card{padding:26px;border-radius:28px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}.process-card span{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:rgba(0,229,255,.1);color:var(--cyan);font-weight:900;margin-bottom:16px}.process-card p{color:var(--muted);font-size:14px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{border-radius:30px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(0,0,0,.22)}.news-card.empty{padding:30px}.news-image{height:210px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,rgba(0,229,255,.35),transparent 40%),linear-gradient(135deg,#0c1222,#05070d)}.news-image img{width:100%;height:100%;object-fit:cover}.news-image.placeholder span{font-size:58px;font-weight:900;letter-spacing:2px;color:rgba(255,255,255,.9);text-shadow:0 0 28px rgba(0,229,255,.6)}.news-body{padding:24px}.news-body>span{color:var(--gold);font-size:12px}.news-body h3{font-size:20px;margin:10px 0}.news-body p{color:var(--muted);font-size:14px}.news-body a:hover{color:var(--cyan)}.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:start}.contact-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}.contact-list a{padding:18px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);display:grid;gap:3px}.contact-list b{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:rgba(0,229,255,.1);color:var(--cyan)}.contact-list span{color:var(--soft);font-size:12px}.contact-list strong{font-size:14px}.contact-form{padding:30px;border-radius:32px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow);display:grid;gap:15px}.contact-form label{display:grid;gap:8px;color:#dce6f7;font-weight:800;font-size:13px}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:#fff;border-radius:18px;padding:15px 16px;outline:0;transition:.2s ease}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(0,229,255,.5);box-shadow:0 0 0 4px rgba(0,229,255,.08)}.hp-field{position:absolute;opacity:0;pointer-events:none;left:-9999px}.form-status{min-height:28px;margin:0;color:var(--muted)}.form-status.success{color:var(--green)}.form-status.error{color:var(--danger)}.submit-btn.is-loading{opacity:.75;pointer-events:none}.submit-btn.is-loading span:after{content:"..."}.site-footer{padding:34px 0 44px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18)}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.footer-grid div{display:flex;gap:16px;flex-wrap:wrap}.footer-grid a:hover{color:var(--cyan)}.back-to-top{position:fixed;left:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:9999;width:54px;height:54px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(5,7,13,.72);color:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.35);cursor:pointer;opacity:0;visibility:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transform:translateY(18px);transition:.28s var(--ease);font-size:23px}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:linear-gradient(135deg,var(--cyan),var(--gold));color:#061016;transform:translateY(-4px)}
[data-reveal]{opacity:0;transform:translateY(34px) scale(.98);filter:blur(10px);transition:opacity .75s var(--ease),transform .75s var(--ease),filter .75s var(--ease)}[data-reveal].is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.magnetic-card{will-change:transform}.inner-page{background:radial-gradient(circle at 18% 16%,rgba(0,229,255,.12),transparent 35%),linear-gradient(180deg,#05070d,#04050a)}.page-hero{padding-top:170px;min-height:100vh}.page-hero h1,.article-page h1{font-size:clamp(34px,6vw,64px)}.news-archive{margin-top:35px}.article-page{padding-top:170px}.article-shell{max-width:920px}.article-summary{font-size:19px;color:#dbe3f4}.article-cover{width:100%;max-height:470px;object-fit:cover;border-radius:34px;border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow);margin:28px 0}.article-content{padding:34px;border-radius:30px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);color:#d8e1f1}.article-content h2,.article-content h3{color:#fff}.article-content p,.article-content li{color:#d8e1f1}.article-content a{color:var(--cyan);text-decoration:underline}.article-back{margin-top:24px}
@keyframes floatGlow{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-28px,22px,0) scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}
@supports (animation-timeline:view()){
  .service-card,.project-card,.process-card{animation:cardLift both ease-out;animation-timeline:view();animation-range:entry 10% cover 35%}
  @keyframes cardLift{from{transform:translateY(35px);opacity:.5}to{transform:translateY(0);opacity:1}}
}
@media (max-width:1040px){.hero-grid,.sticky-stage,.build-grid,.split-grid,.resume-grid,.contact-grid{grid-template-columns:1fr}.stats-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.project-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.sticky-stage,.build-grid{position:relative;top:auto}.scroll-showcase,.build-section{min-height:auto}.product-reveal,.build-visual{min-height:520px}.section-head.with-action{align-items:flex-start;flex-direction:column}}
@media (max-width:760px){.container{width:min(100% - 28px,1180px)}.section{padding:82px 0}.site-header{top:10px;width:calc(100% - 24px);height:64px;border-radius:22px}.brand-text small{display:none}.nav-toggle{display:block}.nav-open .nav-toggle span:first-child{transform:translateY(7px) rotate(45deg)}.nav-open .nav-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}.site-nav{position:fixed;top:78px;right:12px;left:12px;padding:14px;border-radius:24px;background:rgba(5,7,13,.94);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);display:grid;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s ease}.nav-open .site-nav{opacity:1;visibility:visible;transform:translateY(0)}.hero{padding-top:116px}.hero-grid{gap:28px}.hero h1{letter-spacing:-1px}.portrait-shell{min-height:440px;border-radius:30px}.status-card{left:14px;right:14px}.stats-grid,.service-grid,.project-grid,.news-grid,.process-grid,.contact-list{grid-template-columns:1fr}.product-reveal,.build-visual{min-height:430px}.device-frame{transform:rotateX(calc(52deg - var(--product-p)*48deg)) rotateY(calc(-30deg + var(--product-p)*32deg)) rotateZ(calc(10deg - var(--product-p)*10deg)) translateY(calc(70px - var(--product-p)*70px)) scale(calc(.78 + var(--product-p)*.22))}.software-screen{grid-template-columns:58px 1fr}.dash-main{padding:14px}.side-rail{padding:14px 10px}.floating-cube{display:none}.color-spectrum{grid-template-columns:repeat(2,1fr)}.footer-grid{align-items:flex-start;flex-direction:column}.back-to-top{left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:52px;height:52px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none;filter:none}.device-frame{transform:none;opacity:1}.build-visual span{transform:translate(50%,-50%) rotate(var(--angle)) translateX(120px)}}

/* v3.1 — typography and cinematic scroll refinements */
:root{
  --font-ui:"Vazirmatn","IRANSansX","IRANSans","Dana","Yekan Bakh","Segoe UI",Tahoma,Arial,sans-serif;
  --smooth-p:0;
}
html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-ui);font-feature-settings:"ss01" 1,"kern" 1;letter-spacing:0;background-attachment:fixed}
h1,h2,h3,.brand-text strong,.btn,.section-kicker,.eyebrow,.service-kicker{font-family:var(--font-ui);letter-spacing:0;text-wrap:balance}
p,li,.lead{letter-spacing:0;text-wrap:pretty}.lead{line-height:2.05}.section-head p,.glass-copy p,.service-card p,.project-card p,.timeline-item p,.news-body p,.contact-grid p{line-height:2.05}.brand-text small{letter-spacing:.15px}.section-kicker{font-size:12px}.site-nav a{font-weight:800}.stage-copy,.flow-copy,.build-copy,.color-panel{text-align:center}.stage-copy p,.flow-copy p,.build-copy p,.color-panel p{margin-right:auto;margin-left:auto}.cinematic-scene{position:relative;isolation:isolate;overflow:clip}.cinematic-scene:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at calc(12% + var(--product-p,0)*58%) calc(18% + var(--product-p,0)*32%),rgba(0,229,255,.10),transparent 35%),radial-gradient(circle at calc(88% - var(--build-p,0)*44%) calc(78% - var(--build-p,0)*46%),rgba(139,92,246,.12),transparent 38%);mix-blend-mode:screen;opacity:.8;z-index:-1}.stage-metrics{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}.stage-metrics strong{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);color:#edf7ff;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.scroll-showcase{min-height:320vh;padding:0;background:radial-gradient(circle at 50% 44%,rgba(0,229,255,calc(.04 + var(--product-p)*.26)),transparent 38%),radial-gradient(circle at 18% 74%,rgba(139,92,246,calc(.04 + var(--product-p)*.16)),transparent 34%),linear-gradient(180deg,#04060d,#070b16 50%,#04060d)}.sticky-stage{top:0;min-height:100vh;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:18px;align-content:center;justify-items:center;padding-top:88px;padding-bottom:42px}.stage-copy{max-width:1040px;margin-inline:auto;z-index:3}.stage-copy h2{font-size:clamp(32px,5.7vw,78px);max-width:980px;margin-inline:auto;line-height:1.32}.stage-copy p{max-width:790px;color:#dbe4f3;font-size:18px}.product-reveal{width:min(980px,100%);min-height:58vh;margin-inline:auto;perspective:1600px}.device-frame{width:min(760px,94%);border-radius:34px;box-shadow:0 70px 150px rgba(0,0,0,.62),0 0 calc(20px + var(--product-p)*90px) rgba(0,229,255,.26),0 0 calc(10px + var(--product-p)*70px) rgba(255,207,90,.12);transform:rotateX(calc(72deg - var(--product-p)*70deg)) rotateY(calc(-62deg + var(--product-p)*64deg)) rotateZ(calc(20deg - var(--product-p)*20deg)) translateY(calc(170px - var(--product-p)*170px)) translateZ(calc(-160px + var(--product-p)*160px)) scale(calc(.62 + var(--product-p)*.42));opacity:calc(.16 + var(--product-p)*.84);will-change:transform,opacity,box-shadow}.device-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 0 34%,rgba(255,255,255,calc(.02 + var(--product-p)*.16)) 48%,transparent 62%);transform:translateX(calc(-60% + var(--product-p)*120%));pointer-events:none}.software-screen{background:radial-gradient(circle at 72% 16%,rgba(0,229,255,.25),transparent 35%),radial-gradient(circle at 28% 72%,rgba(255,207,90,.10),transparent 32%),linear-gradient(135deg,#060b16,#0b1424)}.dash-header,.dash-chart,.dash-cards b,.dash-table em,.side-rail i{transform:translateY(calc(22px - var(--product-p)*22px));opacity:calc(.18 + var(--product-p)*.82)}.dash-chart span{transition:height .08s linear}.floating-cube{--s:120px;left:3%;top:42%;filter:drop-shadow(0 0 24px rgba(0,229,255,.28));transform:rotateX(calc(35deg + var(--product-p)*520deg)) rotateY(calc(45deg + var(--product-p)*680deg)) rotateZ(calc(var(--product-p)*180deg)) translateZ(calc(30px + var(--product-p)*110px));opacity:calc(.05 + var(--product-p)*.75)}.orbit-ring{position:absolute;right:50%;top:52%;width:720px;height:260px;border-radius:50%;border:1px solid rgba(0,229,255,.14);transform-style:preserve-3d;pointer-events:none;opacity:calc(.08 + var(--product-p)*.55);filter:drop-shadow(0 0 28px rgba(0,229,255,.18))}.ring-a{transform:translate(50%,-50%) rotateX(68deg) rotateZ(calc(var(--product-p)*180deg))}.ring-b{width:520px;height:210px;border-color:rgba(255,207,90,.16);transform:translate(50%,-50%) rotateX(74deg) rotateY(18deg) rotateZ(calc(var(--product-p)*-220deg))}
.color-lab{min-height:290vh;padding:0;background:radial-gradient(circle at calc(15% + var(--color-p)*70%) calc(12% + var(--color-p)*18%),rgba(0,229,255,calc(.08 + var(--color-p)*.22)),transparent 32%),radial-gradient(circle at calc(86% - var(--color-p)*54%) calc(78% - var(--color-p)*48%),rgba(255,207,90,calc(.06 + var(--color-p)*.28)),transparent 34%),radial-gradient(circle at 50% 50%,rgba(139,92,246,calc(.08 + var(--color-p)*.22)),transparent 42%),linear-gradient(calc(130deg + var(--color-p)*90deg),hsl(calc(208 + var(--color-p)*110) 86% calc(7% + var(--color-p)*6%)),hsl(calc(263 - var(--color-p)*68) 78% calc(5% + var(--color-p)*10%)) 44%,hsl(calc(35 + var(--color-p)*33) 82% calc(7% + var(--color-p)*7%)));transition:background .08s linear}.color-panel{position:sticky;top:0;min-height:100vh;display:grid;align-content:center;place-items:center;max-width:1120px;padding-top:88px;padding-bottom:60px}.color-panel h2{font-size:clamp(34px,6.6vw,86px);line-height:1.24;max-width:1040px;text-shadow:0 0 calc(10px + var(--color-p)*28px) rgba(255,255,255,.16)}.color-panel p{font-size:18px;max-width:760px;color:#fff;opacity:calc(.72 + var(--color-p)*.28)}.color-panel .section-kicker{color:#fff}.color-pulse{position:relative;width:min(620px,92vw);height:210px;margin:22px auto 0;display:grid;place-items:center;perspective:900px}.color-pulse i{position:absolute;width:230px;height:230px;border-radius:38% 62% 64% 36%;background:linear-gradient(135deg,rgba(0,229,255,.38),rgba(255,207,90,.26),rgba(139,92,246,.34));filter:blur(calc(5px - var(--color-p)*2px));transform:rotate(calc(var(--color-p)*160deg)) translateX(calc((var(--n,1) - 2)*70px)) scale(calc(.55 + var(--color-p)*.65));box-shadow:0 0 80px rgba(0,229,255,.24);opacity:calc(.28 + var(--color-p)*.72);mix-blend-mode:screen}.color-pulse i:nth-child(1){--n:1}.color-pulse i:nth-child(2){--n:2;background:linear-gradient(135deg,rgba(255,207,90,.5),rgba(255,66,210,.25));transform:rotate(calc(var(--color-p)*-210deg)) translateY(calc(80px - var(--color-p)*80px)) scale(calc(.52 + var(--color-p)*.7))}.color-pulse i:nth-child(3){--n:3;background:linear-gradient(135deg,rgba(66,255,182,.42),rgba(139,92,246,.38));transform:rotate(calc(var(--color-p)*240deg)) translateX(calc(-75px + var(--color-p)*150px)) scale(calc(.5 + var(--color-p)*.58))}.color-spectrum{width:100%;max-width:900px;grid-template-columns:repeat(4,minmax(110px,1fr));transform:translateY(calc(120px - var(--color-p)*120px)) scale(calc(.86 + var(--color-p)*.14));opacity:calc(.08 + var(--color-p)*.92)}.color-spectrum span{height:160px;border-radius:36px;box-shadow:0 28px 90px rgba(0,0,0,.36),0 0 calc(15px + var(--color-p)*45px) rgba(255,255,255,.08);transform:translateY(calc((1 - var(--color-p))*40px)) rotateX(calc(18deg - var(--color-p)*18deg))}.color-spectrum span:nth-child(1){transition-delay:0s}.color-spectrum span:nth-child(2){transform:translateY(calc((1 - var(--color-p))*80px)) rotateX(calc(26deg - var(--color-p)*26deg))}.color-spectrum span:nth-child(3){transform:translateY(calc((1 - var(--color-p))*120px)) rotateX(calc(32deg - var(--color-p)*32deg))}.color-spectrum span:nth-child(4){transform:translateY(calc((1 - var(--color-p))*160px)) rotateX(calc(38deg - var(--color-p)*38deg))}
.flow-section{min-height:260vh;padding:0;background:radial-gradient(circle at 50% 50%,rgba(0,229,255,calc(.03 + var(--flow-p)*.18)),transparent 38%),linear-gradient(180deg,#04060d,#090d18 48%,#04060d)}.flow-stage{position:sticky;top:0;min-height:100vh;display:grid;align-content:center;justify-items:center;padding-top:90px;padding-bottom:70px}.flow-copy{max-width:900px;margin-inline:auto;z-index:2}.flow-copy h2{font-size:clamp(32px,5.5vw,76px);line-height:1.28}.flow-copy p{max-width:760px;color:#dce6f6;font-size:18px}.data-corridor{position:relative;width:min(980px,100%);height:430px;margin-top:38px;perspective:1000px;transform-style:preserve-3d}.data-corridor span{position:absolute;right:50%;top:50%;width:150px;height:76px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,0,0,.32),inset 0 0 28px rgba(255,255,255,.045);--row:calc((var(--i) - 6.5));transform:translate(50%,-50%) translateX(calc(var(--row)*78px)) translateY(calc(var(--row)*2px)) translateZ(calc(-260px + var(--flow-p)*320px)) rotateY(calc(-28deg + var(--flow-p)*56deg)) rotateX(calc(22deg - var(--flow-p)*22deg)) scale(calc(.65 + var(--flow-p)*.35));opacity:calc(.12 + var(--flow-p)*.8)}.data-corridor span:before{content:"";position:absolute;inset:14px;border-radius:16px;background:linear-gradient(90deg,rgba(0,229,255,.28),rgba(255,255,255,.08));transform:scaleX(calc(.15 + var(--flow-p)*.85));transform-origin:right}.data-corridor span:nth-child(3n){background:linear-gradient(145deg,rgba(0,229,255,.13),rgba(139,92,246,.06))}.data-corridor span:nth-child(4n){height:110px;width:110px;border-radius:34px}.corridor-core{position:absolute;right:50%;top:50%;width:320px;height:320px;transform:translate(50%,-50%) rotate(calc(var(--flow-p)*180deg)) scale(calc(.45 + var(--flow-p)*.55));border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(0,229,255,.28) 18%,rgba(0,229,255,.05) 62%,transparent 70%);box-shadow:0 0 calc(30px + var(--flow-p)*80px) rgba(0,229,255,.35);opacity:calc(.15 + var(--flow-p)*.85)}.corridor-core b{position:absolute;inset:18%;border-radius:50%;border:1px solid rgba(255,255,255,.18)}.corridor-core b:nth-child(2){inset:30%;border-color:rgba(255,207,90,.28)}.corridor-core b:nth-child(3){inset:42%;background:rgba(255,255,255,.18);border:0}
.build-section{min-height:300vh;padding:0;background:radial-gradient(circle at 50% 50%,rgba(0,229,255,calc(.02 + var(--build-p)*.18)),transparent 38%),linear-gradient(180deg,#04060d,#070b13 50%,#04060d)}.build-grid{top:0;min-height:100vh;grid-template-columns:1fr;grid-template-rows:1fr auto;gap:18px;place-items:center;padding-top:92px;padding-bottom:62px}.build-visual{width:min(860px,100%);min-height:57vh;border-radius:52px;background:radial-gradient(circle at 50% 50%,rgba(0,229,255,calc(.04 + var(--build-p)*.2)),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.024));box-shadow:0 40px 120px rgba(0,0,0,.42),0 0 calc(16px + var(--build-p)*70px) rgba(0,229,255,.14)}.build-visual span{width:72px;height:72px;--angle:calc(var(--i)*15deg);transform:translate(50%,-50%) rotate(var(--angle)) translateX(calc((1 - var(--build-p))*360px + var(--build-p)*110px)) rotate(calc(var(--build-p)*-260deg)) translateZ(calc(-70px + var(--build-p)*120px)) scale(calc(.68 + var(--build-p)*.32));opacity:calc(.08 + var(--build-p)*.9);filter:blur(calc((1 - var(--build-p))*1.4px))}.build-visual span:nth-child(5n){width:128px;height:38px}.build-visual span:nth-child(6n){width:48px;height:120px;border-radius:999px}.core-orb{width:210px;height:210px;transform:translate(50%,-50%) scale(calc(.38 + var(--build-p)*.72)) rotate(calc(var(--build-p)*360deg));box-shadow:0 0 calc(15px + var(--build-p)*100px) rgba(0,229,255,.55),0 0 calc(8px + var(--build-p)*52px) rgba(255,207,90,.22)}.build-copy{max-width:920px}.build-copy h2{font-size:clamp(30px,5vw,68px);line-height:1.3}.build-copy p{max-width:760px;color:#dce6f6;font-size:18px}.back-to-top{display:grid;place-items:center;line-height:1;pointer-events:none}.back-to-top.is-visible{pointer-events:auto}.back-to-top:focus-visible{outline:3px solid rgba(0,229,255,.55);outline-offset:3px}
@media (max-width:1040px){.scroll-showcase,.color-lab,.flow-section,.build-section{min-height:auto;padding:110px 0}.sticky-stage,.color-panel,.flow-stage,.build-grid{position:relative;top:auto;min-height:auto;padding-top:0;padding-bottom:0}.product-reveal,.data-corridor,.build-visual{min-height:470px}.orbit-ring{display:none}.flow-section{display:block}.build-grid{grid-template-rows:auto auto}}
@media (max-width:760px){h1{font-size:clamp(34px,10vw,54px)}h2{font-size:clamp(26px,8vw,42px)}.stage-copy h2,.flow-copy h2,.color-panel h2,.build-copy h2{font-size:clamp(28px,9vw,48px)}.stage-copy p,.flow-copy p,.color-panel p,.build-copy p{font-size:15.5px;line-height:2}.scroll-showcase,.color-lab,.flow-section,.build-section{padding:92px 0}.product-reveal{min-height:430px}.device-frame{width:96%;transform:rotateX(calc(58deg - var(--product-p)*56deg)) rotateY(calc(-34deg + var(--product-p)*34deg)) rotateZ(calc(12deg - var(--product-p)*12deg)) translateY(calc(80px - var(--product-p)*80px)) scale(calc(.72 + var(--product-p)*.28))}.color-pulse{height:160px}.color-spectrum{grid-template-columns:repeat(2,1fr);gap:12px}.color-spectrum span{height:110px;border-radius:26px}.data-corridor{height:380px}.data-corridor span{width:112px;height:58px;transform:translate(50%,-50%) translateX(calc(var(--row)*38px)) translateZ(calc(-170px + var(--flow-p)*230px)) rotateY(calc(-18deg + var(--flow-p)*36deg)) scale(calc(.62 + var(--flow-p)*.38))}.build-visual{min-height:420px;border-radius:34px}.build-visual span{width:56px;height:56px;transform:translate(50%,-50%) rotate(var(--angle)) translateX(calc((1 - var(--build-p))*210px + var(--build-p)*70px)) rotate(calc(var(--build-p)*-220deg)) scale(calc(.7 + var(--build-p)*.3))}.core-orb{width:150px;height:150px}.stage-metrics strong{font-size:11px;padding:8px 11px}}

@font-face{font-family:"VazirFD";src:url("../../fonts/VazirFD.woff2") format("woff2"),url("../../fonts/VazirFD.woff") format("woff"),url("../../fonts/VazirFD.ttf") format("truetype"),url("../fonts/VazirFD.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--font-ui:"VazirFD","Vazirmatn","IRANSansX","IRANSans","Dana","Yekan Bakh","Segoe UI",Tahoma,Arial,sans-serif}

/* v5 professional polish */
body,button,input,textarea,select{font-family:var(--font-ui)!important;letter-spacing:0!important}.brand-text small,.eyebrow,.section-kicker,.service-kicker,.project-type,.news-body span{letter-spacing:0!important}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:8% -8% auto auto;width:720px;height:720px;border-radius:50%;background:conic-gradient(from 180deg,rgba(0,229,255,.0),rgba(0,229,255,.26),rgba(255,207,90,.18),rgba(139,92,246,.24),rgba(0,229,255,.0));filter:blur(36px);opacity:.42;animation:slowSpin 18s linear infinite;z-index:-1}.hero-copy h1 span{background:linear-gradient(90deg,#fff,var(--cyan2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.lead{position:relative;padding:22px 24px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 70px rgba(0,0,0,.20)}.trust-line span{background:linear-gradient(145deg,rgba(0,229,255,.10),rgba(255,255,255,.035));border-color:rgba(0,229,255,.18);color:#d9fbff}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:auto 18px 0 18px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--gold),var(--violet));opacity:.8}.stat-card strong{font-weight:1000}.command-center{padding-top:84px;background:radial-gradient(circle at 12% 20%,rgba(0,229,255,.09),transparent 34%),radial-gradient(circle at 88% 88%,rgba(255,207,90,.07),transparent 32%)}.command-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:28px;align-items:center}.command-copy{padding:36px;border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.032));border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 85px rgba(0,0,0,.26)}.command-copy h2{font-size:clamp(30px,4.4vw,62px);line-height:1.32;margin:12px 0}.command-copy p{color:#dce6f6;font-size:17px}.capability-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;perspective:1200px}.capability-card{position:relative;min-height:210px;padding:26px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,0,0,.25);overflow:hidden;transform-style:preserve-3d;transition:.36s var(--ease)}.capability-card:nth-child(2n){transform:translateY(34px)}.capability-card:hover{transform:translateY(-8px) rotateX(4deg) rotateY(-4deg);border-color:rgba(0,229,255,.3);box-shadow:0 34px 90px rgba(0,229,255,.11)}.capability-card:nth-child(2n):hover{transform:translateY(24px) rotateX(4deg) rotateY(4deg)}.capability-card span{width:46px;height:46px;border-radius:16px;display:block;margin-bottom:20px;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 0 36px rgba(0,229,255,.24)}.capability-card h3{font-size:22px;margin:0 0 10px}.capability-card p{color:var(--muted);margin:0}.service-card,.project-card,.news-card,.process-card,.timeline-item,.education-panel article{position:relative;overflow:hidden}.service-card:after,.project-card:after,.news-card:after{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(0,229,255,.22),transparent 32%,rgba(255,207,90,.16));opacity:0;transition:.3s var(--ease);pointer-events:none}.service-card:hover:after,.project-card:hover:after,.news-card:hover:after{opacity:.32}.scroll-showcase{min-height:330vh}.sticky-stage{top:0;min-height:100vh}.stage-copy{max-width:660px;padding:26px;border-radius:32px;background:rgba(3,7,14,.42);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.stage-copy h2{font-size:clamp(32px,5.4vw,74px);line-height:1.28}.stage-copy p{color:#e7eefb}.product-reveal:before{content:"";position:absolute;width:min(720px,95%);height:min(720px,95vw);border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,calc(.04 + var(--product-p)*.22)),transparent 62%);filter:blur(16px);transform:scale(calc(.65 + var(--product-p)*.42));opacity:calc(.35 + var(--product-p)*.55)}.device-frame{border-color:rgba(255,255,255,calc(.12 + var(--product-p)*.12));filter:saturate(calc(.88 + var(--product-p)*.38))}.color-lab{min-height:360vh}.color-panel{text-align:center}.color-panel h2{background:linear-gradient(90deg,#fff,#cfffff,#fff2c4);-webkit-background-clip:text;background-clip:text;color:transparent}.color-spectrum span{position:relative;overflow:hidden}.color-spectrum span:after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.32),transparent);transform:translateX(calc(-80% + var(--color-p)*210%)) rotate(16deg)}.flow-section{min-height:310vh}.build-section{min-height:350vh}.build-copy,.flow-copy{text-align:center}.build-copy p,.flow-copy p{margin-inline:auto}.site-footer{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.4));border-top:1px solid rgba(255,255,255,.11)}.back-to-top{touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 34px rgba(0,229,255,.18)}@keyframes slowSpin{to{transform:rotate(360deg)}}
@media(max-width:980px){.command-grid{grid-template-columns:1fr}.capability-card:nth-child(2n){transform:none}.capability-card:nth-child(2n):hover{transform:translateY(-8px)}}@media(max-width:680px){.command-center{padding-top:72px}.command-copy{padding:24px;border-radius:28px}.capability-wall{grid-template-columns:1fr}.capability-card{min-height:auto;padding:22px;border-radius:24px}.scroll-showcase,.color-lab,.flow-section,.build-section{min-height:auto}.stage-copy{padding:20px}.hero:before{width:420px;height:420px}}

/* v6: precise hero portrait + CMS controlled framing */
.hero-terminal{padding:118px 0 70px;min-height:100svh;background:radial-gradient(circle at 72% 28%,rgba(255,255,255,.06),transparent 22%),radial-gradient(circle at 18% 45%,rgba(0,229,255,.08),transparent 28%),linear-gradient(180deg,#020305 0%,#020306 62%,#05070d 100%);overflow:hidden;isolation:isolate;--hero-scale:1.1;--hero-x:4%;--hero-y:0%;--hero-mobile-scale:1.03;--hero-mobile-x:0%;--hero-mobile-y:-1%}
.hero-terminal:before{content:"";position:absolute;inset:74px 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);opacity:.8;z-index:0}.hero-terminal:after{content:"";position:absolute;inset:auto 0 0 0;height:28vh;background:linear-gradient(180deg,transparent,#020305 64%,#05070d);pointer-events:none;z-index:2}.hero-tech-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:120px 120px;mask-image:radial-gradient(circle at 60% 35%,#000,transparent 72%);opacity:.58}.hero-tech-bg span{position:absolute;width:15px;height:15px;border:1px solid rgba(255,255,255,.18);opacity:.7}.hero-tech-bg span:nth-child(1){right:8%;top:20%}.hero-tech-bg span:nth-child(2){left:10%;top:34%;transform:rotate(45deg)}.hero-tech-bg span:nth-child(3){left:18%;bottom:18%;border-color:rgba(0,229,255,.35)}.hero-terminal-grid{position:relative;z-index:3;direction:ltr;display:grid;grid-template-columns:minmax(380px,.92fr) minmax(420px,1.08fr);gap:clamp(24px,4vw,66px);align-items:center;min-height:calc(100svh - 190px)}.hero-terminal-copy{direction:rtl;align-self:center;display:grid;gap:22px;max-width:760px}.terminal-window{direction:ltr;text-align:left;border-radius:31px;background:linear-gradient(145deg,rgba(7,10,14,.76),rgba(0,0,0,.54));border:1px solid rgba(255,255,255,.15);box-shadow:0 40px 110px rgba(0,0,0,.48),0 0 75px rgba(0,229,255,.06),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;position:relative}.terminal-window:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(0,229,255,.24),transparent 28%,rgba(255,207,90,.15));opacity:.34;pointer-events:none}.terminal-top{height:58px;display:flex;align-items:center;gap:10px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);position:relative;z-index:1}.terminal-top span{width:13px;height:13px;border-radius:50%;background:rgba(255,255,255,.22)}.terminal-top b{margin-left:auto;color:#9fa8b8;font-weight:700;font-size:14px;letter-spacing:.3px}.terminal-window pre{position:relative;z-index:1;margin:0;padding:34px clamp(20px,3vw,42px) 40px;white-space:pre-wrap;min-height:270px}.terminal-window code{font-family:Consolas,Monaco,"Cascadia Mono","Courier New",monospace;font-size:clamp(15px,1.42vw,23px);line-height:2.25;color:#ecf2f7;text-shadow:0 0 12px rgba(255,255,255,.06)}.terminal-window code::first-line{color:#43ffad}.hero-quick-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start;direction:rtl}.hero-trust-strip{display:flex;flex-wrap:wrap;gap:10px;direction:ltr;justify-content:flex-start}.hero-trust-strip span{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#cbd6e5;font-size:12px;font-weight:900}.hero-portrait-stage{position:relative;align-self:stretch;min-height:min(820px,74svh);border-radius:0;overflow:visible;isolation:isolate;filter:drop-shadow(0 45px 80px rgba(0,0,0,.62))}.hero-portrait-stage:before{content:"";position:absolute;inset:7% -6% 4% 8%;border:1px solid rgba(255,255,255,.08);border-radius:44px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.055),transparent 58%);z-index:-1}.hero-portrait-stage:after{content:"";position:absolute;inset:auto -8% -4px -8%;height:34%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.86) 58%,#020305 100%);z-index:3;pointer-events:none}.hero-portrait-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:translate3d(var(--hero-x),var(--hero-y),0) scale(var(--hero-scale));transform-origin:center bottom;filter:contrast(1.04) saturate(.98) brightness(.97);will-change:transform}.hero-stats{position:relative;z-index:4;margin-top:10px}.hero-stats .stat-card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.026));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(max-width:1040px){.hero-terminal{padding-top:104px}.hero-terminal-grid{grid-template-columns:1fr;gap:24px;min-height:auto}.hero-portrait-stage{order:1;min-height:58svh;max-height:720px}.hero-terminal-copy{order:2;max-width:none}.hero-portrait-stage img{transform:translate3d(var(--hero-mobile-x),var(--hero-mobile-y),0) scale(var(--hero-mobile-scale));object-position:center bottom}.terminal-window pre{min-height:235px}.hero-quick-actions,.hero-trust-strip{justify-content:center}.hero-terminal-copy{text-align:center}.terminal-window{text-align:left}.hero-stats{margin-top:30px}}
@media(max-width:680px){.hero-terminal{padding-top:92px;padding-bottom:56px}.hero-terminal-grid{width:min(100% - 22px,1180px)}.hero-portrait-stage{min-height:53svh}.hero-portrait-stage:before{inset:5% -22% 4% -22%;border-radius:32px}.terminal-window{border-radius:24px}.terminal-top{height:49px;padding:0 16px}.terminal-window pre{padding:22px 16px 28px;min-height:220px}.terminal-window code{font-size:13.5px;line-height:2.18}.hero-quick-actions .btn{width:100%;justify-content:center}.hero-trust-strip{display:none}.back-to-top{left:calc(14px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-radius:20px;z-index:2147483000}}
.back-to-top{display:grid;place-items:center;line-height:1;pointer-events:none}.back-to-top.is-visible{pointer-events:auto}.back-to-top:active{transform:scale(.94)}