*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p,ul,ol,li,figure,blockquote{margin:0}ul,ol{padding-left:1.25rem}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}:root{--radius-md: 18px;--radius-lg: 28px;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--space-6: 5rem;--container: 1180px;--fs-xl: clamp(2.5rem, 5vw, 5rem)}:root{--bg: #0d0f15;--bg-soft: #151927;--panel: rgba(255, 255, 255, .05);--line: rgba(255, 255, 255, .12);--text: #eef2ff;--text-soft: #bcc5df;--accent: #7c5cff;--accent-2: #00d7ff;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--form-bg-1: rgba(255, 255, 255, .06);--form-bg-2: rgba(255, 255, 255, .03);--input-bg: rgba(255, 255, 255, .04);--input-focus-line: rgba(124, 92, 255, .45);--input-focus-ring: rgba(124, 92, 255, .18);--header-bg: rgba(8, 10, 15, .72);--nav-hover-bg: rgba(255, 255, 255, .06);--nav-active-bg: rgba(124, 92, 255, .18);--nav-active-line: rgba(124, 92, 255, .35);--surface-bg-1: rgba(255, 255, 255, .07);--surface-bg-2: rgba(255, 255, 255, .03);--metric-bg: rgba(255, 255, 255, .04);--metric-line: rgba(255, 255, 255, .08);--mockup-glow-1: rgba(124, 92, 255, .18);--mockup-glow-2: rgba(0, 215, 255, .14);--mockup-bg-1: rgba(255, 255, 255, .06);--mockup-bg-2: rgba(255, 255, 255, .03)}:root[data-theme=modern-tech]{--bg: #0b1320;--bg-soft: #111827;--panel: rgba(255, 255, 255, .05);--line: rgba(79, 156, 249, .18);--text: #e6eaf0;--text-soft: #9ca3af;--accent: #22e3e8;--accent-2: #4f9cf9;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--form-bg-1: rgba(255, 255, 255, .06);--form-bg-2: rgba(255, 255, 255, .03);--input-bg: rgba(255, 255, 255, .04);--input-focus-line: rgba(79, 156, 249, .45);--input-focus-ring: rgba(79, 156, 249, .18);--header-bg: rgba(8, 12, 20, .72);--nav-hover-bg: rgba(255, 255, 255, .06);--nav-active-bg: rgba(34, 227, 232, .16);--nav-active-line: rgba(34, 227, 232, .35);--surface-bg-1: rgba(255, 255, 255, .07);--surface-bg-2: rgba(255, 255, 255, .03);--metric-bg: rgba(255, 255, 255, .04);--metric-line: rgba(255, 255, 255, .08);--mockup-glow-1: rgba(34, 227, 232, .18);--mockup-glow-2: rgba(79, 156, 249, .14);--mockup-bg-1: rgba(255, 255, 255, .06);--mockup-bg-2: rgba(255, 255, 255, .03)}:root[data-theme=copper-tech]{--bg: #0e1116;--bg-soft: #1e1a16;--panel: rgba(230, 169, 107, .06);--line: rgba(230, 169, 107, .18);--text: #f5f3ef;--text-soft: #a8a29e;--accent: #c97a40;--accent-2: #e6a96b;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--form-bg-1: rgba(230, 169, 107, .08);--form-bg-2: rgba(230, 169, 107, .04);--input-bg: rgba(230, 169, 107, .05);--input-focus-line: rgba(230, 169, 107, .45);--input-focus-ring: rgba(230, 169, 107, .18);--header-bg: rgba(14, 17, 22, .75);--nav-hover-bg: rgba(230, 169, 107, .08);--nav-active-bg: rgba(230, 169, 107, .16);--nav-active-line: rgba(230, 169, 107, .35);--surface-bg-1: rgba(230, 169, 107, .09);--surface-bg-2: rgba(230, 169, 107, .04);--metric-bg: rgba(230, 169, 107, .06);--metric-line: rgba(230, 169, 107, .14);--mockup-glow-1: rgba(201, 122, 64, .2);--mockup-glow-2: rgba(230, 169, 107, .14);--mockup-bg-1: rgba(230, 169, 107, .08);--mockup-bg-2: rgba(230, 169, 107, .04)}:root[data-theme=cyber-indigo]{--bg: #0b0b1a;--bg-soft: #16162b;--panel: rgba(255, 255, 255, .05);--line: rgba(124, 108, 242, .2);--text: #eaeaf4;--text-soft: #9aa0b3;--accent: #7c6cf2;--accent-2: #2ee6d6;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--form-bg-1: rgba(255, 255, 255, .06);--form-bg-2: rgba(255, 255, 255, .03);--input-bg: rgba(255, 255, 255, .04);--input-focus-line: rgba(124, 108, 242, .45);--input-focus-ring: rgba(124, 108, 242, .18);--header-bg: rgba(11, 11, 26, .75);--nav-hover-bg: rgba(255, 255, 255, .06);--nav-active-bg: rgba(124, 108, 242, .16);--nav-active-line: rgba(124, 108, 242, .35);--surface-bg-1: rgba(255, 255, 255, .07);--surface-bg-2: rgba(255, 255, 255, .03);--metric-bg: rgba(255, 255, 255, .04);--metric-line: rgba(255, 255, 255, .08);--mockup-glow-1: rgba(124, 108, 242, .18);--mockup-glow-2: rgba(46, 230, 214, .14);--mockup-bg-1: rgba(255, 255, 255, .06);--mockup-bg-2: rgba(255, 255, 255, .03)}:root[data-theme=warm-purple]{--bg: #0f1020;--bg-soft: #1a1b2e;--panel: rgba(255, 255, 255, .05);--line: rgba(192, 132, 252, .18);--text: #f3f4f6;--text-soft: #a1a1aa;--accent: #8b5cf6;--accent-2: #c084fc;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--form-bg-1: rgba(255, 255, 255, .06);--form-bg-2: rgba(255, 255, 255, .03);--input-bg: rgba(255, 255, 255, .04);--input-focus-line: rgba(192, 132, 252, .45);--input-focus-ring: rgba(192, 132, 252, .18);--header-bg: rgba(15, 16, 32, .75);--nav-hover-bg: rgba(255, 255, 255, .06);--nav-active-bg: rgba(192, 132, 252, .16);--nav-active-line: rgba(192, 132, 252, .35);--surface-bg-1: rgba(255, 255, 255, .07);--surface-bg-2: rgba(255, 255, 255, .03);--metric-bg: rgba(255, 255, 255, .04);--metric-line: rgba(255, 255, 255, .08);--mockup-glow-1: rgba(139, 92, 246, .18);--mockup-glow-2: rgba(192, 132, 252, .14);--mockup-bg-1: rgba(255, 255, 255, .06);--mockup-bg-2: rgba(255, 255, 255, .03)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 30%),radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 28%),linear-gradient(135deg,var(--bg) 0%,var(--bg-soft) 45%,var(--bg) 100%);line-height:1.65;min-height:100vh}p,li{color:var(--text-soft)}h1,h2,h3,h4{line-height:1.1;letter-spacing:-.03em;color:var(--text)}h1{font-size:var(--fs-xl);margin-bottom:1rem}h2{font-size:clamp(1.9rem,3vw,3rem);margin-bottom:1rem}h3{font-size:1.25rem;margin-bottom:.55rem}.eyebrow{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}.site-shell{position:relative;overflow:clip}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.section{padding:var(--space-6) 0}.grid-3{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.hero{min-height:84vh;display:flex;align-items:center;padding:7.5rem 0 4rem}.hero__layout{display:grid;gap:var(--space-4);grid-template-columns:1.1fr .9fr;align-items:center}.hero__panel,.page-hero,.surface{border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-bg-1),var(--surface-bg-2));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero__panel{border-radius:var(--radius-lg);padding:clamp(1.5rem,3vw,3rem)}.page-hero{width:min(100% - 2rem,var(--container));margin:7rem auto 2rem;padding:2.25rem;border-radius:var(--radius-lg)}.metrics{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-4)}.metric{padding:1rem;border-radius:var(--radius-md);background:var(--metric-bg);border:1px solid var(--metric-line)}.metric strong{display:block;font-size:1.4rem;color:var(--text)}.mockup{min-height:260px;border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(circle at 20% 20%,var(--mockup-glow-1),transparent 32%),radial-gradient(circle at 80% 30%,var(--mockup-glow-2),transparent 28%),linear-gradient(180deg,var(--mockup-bg-1),var(--mockup-bg-2));box-shadow:var(--shadow)}.case-study__grid{display:grid;gap:var(--space-3);grid-template-columns:1.15fr .85fr}.case-study__main>*+*{margin-top:var(--space-4)}.case-study__side{display:grid;gap:var(--space-3);align-self:start}.contact-layout{display:grid;gap:var(--space-4);grid-template-columns:.9fr 1.1fr}@media (max-width: 980px){.hero__layout,.grid-3,.case-study__grid,.contact-layout{grid-template-columns:1fr}.hero{min-height:auto;padding-top:6.5rem}.metrics{grid-template-columns:1fr}}.site-header{position:fixed;inset:0 0 auto 0;z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.site-header__inner{width:min(100% - 2rem,var(--container));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 0}.brand{font-weight:700;font-size:1.2rem;letter-spacing:-.03em;color:var(--text);white-space:nowrap}.site-nav{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.site-nav a{padding:.65rem .9rem;border-radius:999px;color:var(--text-soft);transition:color .2s ease,background .2s ease,border-color .2s ease}.site-nav a:hover{color:var(--text);background:var(--nav-hover-bg)}.site-nav a.is-active{color:var(--text);background:var(--nav-active-bg);border:1px solid var(--nav-active-line)}.site-footer{padding:2rem 0 3rem;border-top:1px solid var(--line);margin-top:var(--space-6)}.site-footer__inner{width:min(100% - 2rem,var(--container));margin-inline:auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-footer p{color:var(--text-soft)}@media (max-width: 820px){.site-header__inner{flex-direction:column;align-items:flex-start}.site-nav{gap:.25rem}.site-nav a{padding:.5rem .75rem}}.btn,button.btn,.project-filter button{border:0;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.25rem;border-radius:999px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;border:1px solid transparent;min-width:8rem}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 40%,transparent)}.btn--secondary{background:var(--panel);color:var(--text);border-color:var(--line)}.hero-buttons{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.25rem}.project-filter{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.25rem 0 1.75rem}.project-filter button{padding:.65rem 1rem;background:var(--panel);color:var(--text-soft);border-radius:999px;border:1px solid var(--line);transition:all .2s ease}.project-filter button.active,.project-filter button:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.project-image{width:100%;height:180px;overflow:hidden;border-radius:12px;margin-bottom:1rem;position:relative}.project-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.35))}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover img{transform:scale(1.05)}.project-grid,.service-grid,.article-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.project-card,.service-card,.article-card,.info-card{display:block;padding:1.4rem;border-radius:var(--radius-md);border:1px solid var(--line);background:linear-gradient(180deg,var(--card-bg-1),var(--card-bg-2));box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.project-card:hover,.service-card:hover,.article-card:hover,.info-card:hover{transform:translateY(-6px);border-color:var(--card-hover-line);background:linear-gradient(180deg,var(--card-hover-bg-1),var(--card-hover-bg-2))}.project-card p,.service-card p,.article-card p{margin-top:.5rem}.project-card__meta,.article-card__meta{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:1rem;font-size:.9rem;color:var(--text-soft)}.card-tag{display:inline-block;padding:.35rem .65rem;border-radius:999px;background:var(--tag-bg);border:1px solid var(--tag-line);font-size:.78rem;color:var(--text-soft)}.project-category{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem;opacity:.85;font-weight:600}.article-category{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem;opacity:.8}@media (max-width: 980px){.project-grid,.service-grid,.article-grid{grid-template-columns:1fr}}.contact-form{display:grid;gap:1rem;padding:1.4rem;border-radius:var(--radius-md);border:1px solid var(--line);background:linear-gradient(180deg,var(--form-bg-1),var(--form-bg-2));box-shadow:var(--shadow)}.contact-form label{display:grid;gap:.45rem;color:var(--text);font-weight:600}.contact-form input,.contact-form textarea{width:100%;padding:.95rem 1rem;border-radius:12px;border:1px solid var(--line);background:var(--input-bg);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--input-focus-line);box-shadow:0 0 0 4px var(--input-focus-ring)}.contact-form textarea{min-height:160px;resize:vertical}.center{text-align:center}.muted{color:var(--text-soft)}.hidden{display:none!important}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.rotating-text{display:inline-grid;position:relative;min-width:12ch;margin-left:.35rem;vertical-align:bottom}.rotating-text>span{grid-area:1 / 1;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;color:var(--accent-2)}.rotating-text>span.is-visible{opacity:1;transform:translateY(0)}