:root {
  --ink: #090a0f; --ink-soft: #10111a; --paper: #f2f0ec; --surface: rgba(255,255,255,.055); --surface-strong: rgba(255,255,255,.095); --line: rgba(241,242,255,.16); --text: #f7f5f1; --muted: #a7a7b3; --accent: #aa95ff; --accent-bright: #dbd4ff; --electric: #7d8aff; --serif: "Instrument Serif", Georgia, serif; --sans: "DM Sans", Arial, sans-serif; --mono: "DM Mono", monospace; --shadow: 0 30px 100px rgba(0,0,0,.26); color-scheme: dark;
}
[data-theme="light"] { --ink: #f2f0ec; --ink-soft: #e9e6e0; --paper: #15141a; --surface: rgba(24,21,31,.055); --surface-strong: rgba(24,21,31,.095); --line: rgba(24,21,31,.15); --text: #17151c; --muted: #625f67; --accent: #6654bd; --accent-bright: #453683; --electric: #3850bb; --shadow: 0 30px 80px rgba(42,31,66,.11); color-scheme: light; }
* { box-sizing: border-box; } html { scroll-behavior: smooth; overflow-x: clip; } body { margin: 0; background: var(--ink); color: var(--text); font-family: var(--sans); font-size: 16px; line-height: 1.45; overflow-x: hidden; transition: background-color 450ms ease, color 450ms ease; } a { color: inherit; text-decoration: none; } button { color: inherit; font: inherit; } ::selection { background: var(--accent); color: var(--ink); }
.shell { width: min(100% - 64px, 1280px); margin-inline: auto; }.noise { position: fixed; z-index: 20; inset: 0; pointer-events: none; opacity: .06; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E"); }.page-glow { position: fixed; z-index: -1; width: 48rem; height: 48rem; border-radius: 50%; filter: blur(45px); pointer-events: none; opacity: .22; }.glow-one { top: 4rem; right: -24rem; background: #5947d9; }.glow-two { top: 70rem; left: -31rem; background: #a14cba; opacity: .12; }
.site-header { height: 94px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }.wordmark { font-weight: 700; font-size: 1.32rem; letter-spacing: -.075em; }.wordmark span:not(.wordmark-dot) { color: var(--accent); }.wordmark-dot { color: var(--electric); }nav { display: flex; gap: 2rem; margin-left: 8rem; }nav a, .text-link { color: var(--muted); font-size: .82rem; font-weight: 500; transition: color 180ms ease; }nav a:hover, .text-link:hover { color: var(--text); }.header-actions { display: flex; align-items: center; gap: .7rem; }.theme-toggle { width: 2.56rem; height: 2.56rem; display: grid; place-items: center; position: relative; cursor: pointer; background: transparent; border: 1px solid var(--line); border-radius: 50%; transition: border-color 200ms ease, transform 200ms ease; }.theme-toggle:hover { border-color: var(--accent); transform: rotate(20deg); }.theme-icon { position: absolute; width: .77rem; height: .77rem; transition: transform 280ms ease, opacity 200ms ease; }.theme-icon-sun { border: 1.5px solid currentColor; border-radius: 50%; box-shadow: 0 -6px 0 -5px currentColor, 0 6px 0 -5px currentColor, 6px 0 0 -5px currentColor, -6px 0 0 -5px currentColor; opacity: 0; transform: scale(.3) rotate(-90deg); }.theme-icon-moon { border: 1.5px solid currentColor; border-top-color: transparent; border-radius: 50%; transform: rotate(-32deg); }[data-theme="light"] .theme-icon-sun { opacity: 1; transform: scale(1) rotate(0); }[data-theme="light"] .theme-icon-moon { opacity: 0; transform: scale(.3) rotate(80deg); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .68rem; min-height: 3.25rem; padding: .7rem 1.18rem; border: 1px solid var(--text); font-size: .83rem; font-weight: 600; transition: transform 220ms ease, color 220ms ease, background 220ms ease, border-color 220ms ease; }.button:hover { transform: translateY(-3px); }.button span { font-size: 1.08rem; line-height: 0; }.button-small { min-height: 2.56rem; padding-inline: .95rem; font-size: .76rem; }.button-header { border-color: var(--line); }.button-header:hover { background: var(--surface-strong); border-color: var(--accent); }.button-primary { background: var(--text); color: var(--ink); border-color: var(--text); }.button-primary:hover { background: var(--accent); border-color: var(--accent); }
.hero { min-height: calc(100vh - 94px); display: grid; grid-template-columns: 1.05fr .95fr; gap: 3rem; align-items: center; padding-block: 7rem 5.5rem; }.eyebrow { display: flex; gap: .55rem; align-items: center; margin: 0 0 1.45rem; color: var(--muted); font: 500 .68rem/1.3 var(--mono); letter-spacing: .055em; text-transform: uppercase; }.pulse-dot { width: .43rem; height: .43rem; display: inline-block; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px color-mix(in srgb, var(--accent) 17%, transparent); animation: pulse 2.4s infinite; }h1,h2,h3,p { margin-top: 0; }h1,h2 { margin-bottom: 0; font-weight: 500; letter-spacing: -.065em; line-height: .92; }h1 { max-width: 760px; font-size: clamp(4.2rem,7.8vw,8.15rem); }h1 em,h2 em,.proof-intro em { font-family: var(--serif); font-weight: 400; }h1 em { color: var(--accent-bright); }.hero-summary { max-width: 29rem; margin: 2.3rem 0 2rem; color: var(--muted); font-size: 1.03rem; line-height: 1.58; }.hero-actions { display: flex; align-items: center; gap: 1.55rem; }.text-link { display: inline-flex; gap: .58rem; align-items: center; }.text-link span { font-size: 1.05rem; color: var(--accent); }
.hero-visual { position: relative; width: min(100%,545px); aspect-ratio: 1/1.04; justify-self: end; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(145deg,var(--surface),transparent 56%),radial-gradient(circle at 53% 48%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 38%); box-shadow: var(--shadow); }.hero-visual::before,.hero-visual::after { content:""; position:absolute; pointer-events:none; }.hero-visual::before { inset:1.1rem; border:1px solid var(--line); }.hero-visual::after { left:0;right:0;bottom:21%;height:1px;background:var(--line); }.visual-kicker { position:absolute;z-index:3;top:2rem;left:2rem;color:var(--muted);font:.61rem/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase; }.orb { position:absolute;border-radius:50%;filter:blur(.2px); }.orb-one { width:50%;aspect-ratio:1;left:28%;top:28%;background:radial-gradient(circle at 30% 29%,#ebe8ff 0,#a691f4 20%,#6050b7 50%,rgba(55,35,120,.1) 71%);box-shadow:0 0 110px rgba(154,126,255,.35);animation:breathe 6s ease-in-out infinite; }.orb-two { width:21%;aspect-ratio:1;left:14%;top:59%;background:radial-gradient(circle at 35% 30%,#d9d2ff,#795ed7 55%,transparent 72%);animation:float 8s ease-in-out -2s infinite; }.orb-three { width:13%;aspect-ratio:1;right:14%;top:20%;background:radial-gradient(circle at 35% 30%,#f1ecff,#a68fff 48%,transparent 72%);animation:float 7s ease-in-out -4s infinite; }.orbit { position:absolute;left:16%;top:17%;width:70%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:50%; }.orbit-one { transform:rotateX(65deg) rotateZ(-34deg); }.orbit-two { transform:rotateX(65deg) rotateZ(42deg);opacity:.4; }.signal { position:absolute;z-index:1;width:1px;background:linear-gradient(var(--accent),transparent);transform-origin:top; }.signal span { display:block;position:absolute;top:100%;left:50%;width:.36rem;height:.36rem;border:1px solid var(--accent-bright);border-radius:50%;transform:translate(-50%,-50%); }.signal-one { height:31%;left:52%;top:0;animation:signal 4.5s ease-in-out infinite; }.signal-two { height:27%;right:25%;bottom:2%;transform:rotate(164deg);animation:signal 4.5s ease-in-out -2.2s infinite; }.system-node { position:absolute;z-index:4;display:grid;grid-template-columns:auto 1fr;column-gap:.38rem;align-items:center;color:var(--accent-bright);font:.59rem var(--mono);letter-spacing:.04em;text-transform:uppercase; }.system-node i { width:.35rem;height:.35rem;grid-row:1/3;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 12px var(--accent); }.system-node strong { font-weight:500; }.system-node span { color:var(--muted);font-size:.51rem; }.node-core { top:47%;left:42%; }.node-top { top:27%;left:51%; }.node-right { top:59%;right:14%; }.node-bottom { bottom:18%;left:26%; }.visual-note { position:absolute;z-index:4;bottom:1.85rem;left:2rem;color:var(--muted);font:.58rem var(--mono);letter-spacing:.05em;text-transform:uppercase; }.visual-note span { color:#85e8c6;font-size:.7rem; }
.proof { display:grid;grid-template-columns:2.25fr repeat(3,1fr);gap:1.2rem;padding-block:2.1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }.proof-intro { max-width:15rem;align-self:center;color:var(--muted);font-size:.92rem;line-height:1.35; }.proof-intro em { color:var(--text);font-size:1.2rem; }.proof-item { display:flex;align-items:center;gap:.75rem;padding-left:1.2rem;border-left:1px solid var(--line); }.proof-item strong { font:400 clamp(2rem,3vw,3.15rem)/1 var(--serif);color:var(--accent-bright); }.proof-item span { color:var(--muted);font-size:.66rem;line-height:1.35; }
.approach { display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,10rem);padding-block:11rem; }.section-heading h2 { font-size:clamp(3.2rem,5vw,5.5rem); }.section-heading>p:last-child { max-width:25rem;margin:2rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.65; }.section-heading em { color:var(--accent-bright); }.flowchart { position:relative;display:grid;grid-template-columns:repeat(2,1fr);align-content:center;gap:1px;background:var(--line);border:1px solid var(--line);min-height:34rem; }.flow-line { position:absolute;z-index:2;left:14%;right:14%;top:calc(50% - 1px);height:1px;background:var(--accent);transform:rotate(-17deg);transform-origin:center;opacity:.65;pointer-events:none; }.flow-line span { position:absolute;width:.43rem;height:.43rem;right:0;top:50%;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 18px var(--accent);transform:translateY(-50%); }.flow-step { position:relative;z-index:1;min-height:17rem;padding:1.65rem;background:var(--ink);outline:none;transition:background 300ms ease,transform 300ms ease; }.flow-step:hover,.flow-step:focus,.flow-step.is-active { background:color-mix(in srgb,var(--accent) 10%,var(--ink)); }.flow-step:hover h3,.flow-step:focus h3,.flow-step.is-active h3 { color:var(--accent-bright); }.flow-step:nth-of-type(2) { transform:translateY(2rem); }.flow-step:nth-of-type(3) { transform:translateY(-2rem); }.step-number,.card-index { display:flex;justify-content:space-between;color:var(--accent);font:.62rem var(--mono);letter-spacing:.06em; }.step-number span { color:var(--muted); }.flow-step h3 { margin:3.65rem 0 .72rem;font:400 clamp(2rem,2.75vw,3rem)/.9 var(--serif);transition:color 250ms ease; }.flow-step p { max-width:14rem;margin-bottom:1.1rem;color:var(--muted);font-size:.78rem;line-height:1.58; }.step-tag { position:absolute;bottom:1.55rem;color:var(--muted);font:.55rem var(--mono);letter-spacing:.04em;text-transform:uppercase; }
.capabilities { padding-bottom:11rem; }.compact-heading { display:flex;align-items:end;justify-content:space-between;margin-bottom:3rem; }.compact-heading .eyebrow { align-self:start; }.capability-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem; }.capability-card { min-height:25.5rem;display:flex;flex-direction:column;position:relative;padding:1.5rem;overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:transform 280ms ease,border-color 280ms ease,background 280ms ease; }.capability-card:hover { z-index:2;background:var(--surface-strong);border-color:color-mix(in srgb,var(--accent) 72%,var(--line));transform:translateY(-8px); }.capability-card h3 { max-width:11rem;margin:auto 0 .75rem;font:400 clamp(1.9rem,2.5vw,2.7rem)/.9 var(--serif); }.capability-card p { margin:0;color:var(--muted);font-size:.76rem;line-height:1.55; }.capability-card a { display:flex;justify-content:space-between;align-items:center;margin-top:1.6rem;color:var(--accent-bright);font-size:.75rem; }.card-featured { background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 22%,var(--ink)),var(--surface)); }.card-featured::after { content:"";position:absolute;width:12rem;aspect-ratio:1;right:-4rem;top:3rem;border-radius:50%;background:var(--accent);filter:blur(65px);opacity:.35; }.card-illustration { position:absolute;z-index:1;right:1.5rem;top:1.5rem;width:7.5rem;aspect-ratio:1; }.illustration-ai span,.illustration-ai i,.illustration-ai b { position:absolute;border:1px solid var(--accent-bright);border-radius:50%; }.illustration-ai span { inset:0; }.illustration-ai i { inset:20%; }.illustration-ai b { inset:42%;background:var(--accent-bright);box-shadow:0 0 24px var(--accent); }.card-mark { position:absolute;right:1.2rem;top:1.1rem;color:color-mix(in srgb,var(--accent) 65%,transparent);font:5rem/1 var(--serif); }.card-mark-lines { display:flex;gap:.35rem;align-items:center; }.card-mark-lines i { width:.22rem;height:4rem;background:var(--accent);transform:skew(-25deg); }.card-mark-lines i:nth-child(2) { height:2.6rem; }.card-mark-lines i:nth-child(3) { height:1.2rem; }
.contact { padding:6rem clamp(2rem,7vw,7rem);background:var(--text);color:var(--ink); }.contact .eyebrow { color:color-mix(in srgb,var(--ink) 58%,transparent); }.contact-content { display:grid;grid-template-columns:1.1fr .55fr;gap:3rem;align-items:end; }.contact h2 { font-size:clamp(3.7rem,6.6vw,7.2rem); }.contact h2 em { color:var(--accent); }.contact-side { padding-bottom:.35rem; }.contact-side p { max-width:19rem;margin-bottom:2rem;color:color-mix(in srgb,var(--ink) 65%,transparent);font-size:.91rem;line-height:1.55; }.contact .button-primary { background:var(--ink);color:var(--text);border-color:var(--ink); }.contact .button-primary:hover { background:var(--accent);border-color:var(--accent);color:var(--ink); }.site-footer { display:flex;justify-content:space-between;align-items:center;min-height:7.4rem;color:var(--muted);font-size:.67rem; }.site-footer .wordmark { color:var(--text); }.site-footer p { margin:0; }
.section-reveal { opacity:1;transform:none; }.js .section-reveal { opacity:0;transform:translateY(22px);transition:opacity 700ms ease,transform 700ms cubic-bezier(.2,.7,.2,1); }.js .section-reveal.is-visible { opacity:1;transform:none; }:focus-visible { outline:2px solid var(--accent);outline-offset:4px; }
@keyframes pulse { 50% { box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 0%,transparent); } }@keyframes breathe { 50% { transform:scale(1.07);filter:brightness(1.18); } }@keyframes float { 50% { transform:translateY(-14px) translateX(6px); } }@keyframes signal { 50% { opacity:.3;transform:scaleY(.8); } }
@media (max-width: 980px) { .hero { grid-template-columns:1fr;padding-top:5rem; }.hero-visual { width:min(100%,600px);justify-self:start; }.proof { grid-template-columns:1.3fr repeat(3,1fr); }.approach { grid-template-columns:1fr;gap:4rem; }.section-heading>p:last-child { max-width:32rem; }.capability-grid { grid-template-columns:repeat(2,1fr); }.capability-card { min-height:22rem; }.compact-heading { align-items:start;flex-direction:column;gap:1.5rem; }.contact-content { grid-template-columns:1fr .65fr; } }
@media (max-width: 680px) { .shell { width:min(100% - 36px,1280px); }.site-header { height:76px; }.site-header nav,.button-header { display:none; }.hero { min-height:auto;padding-block:4.5rem 4rem;gap:3.5rem; }h1 { font-size:clamp(3.6rem,17vw,5.3rem); }.hero-summary { font-size:.93rem;margin-block:1.8rem; }.hero-actions { gap:1rem; }.hero-visual { width:100%; }.proof { grid-template-columns:1fr 1fr;gap:0;padding-block:0; }.proof-intro { grid-column:span 2;max-width:none;padding:1.25rem 0; }.proof-item { padding:1rem;border-top:1px solid var(--line); }.proof-item:nth-child(2) { padding-left:0;border-left:0; }.proof-item:nth-child(4) { display:none; }.approach { padding-block:7.5rem; }.flowchart { grid-template-columns:1fr;min-height:0; }.flow-line { top:11%;bottom:11%;left:2.55rem;right:auto;width:1px;height:auto;transform:none; }.flow-line span { top:auto;bottom:0;left:50%; }.flow-step,.flow-step:nth-of-type(2),.flow-step:nth-of-type(3) { min-height:14rem;transform:none;padding-left:4.3rem; }.flow-step h3 { margin-top:2.8rem; }.capabilities { padding-bottom:7.5rem; }.capability-grid { grid-template-columns:1fr; }.capability-card { min-height:18.5rem; }.contact { padding:4rem 1.25rem; }.contact-content { grid-template-columns:1fr;gap:2.3rem; }.contact-side p { font-size:.84rem; }.site-footer { min-height:9rem;flex-wrap:wrap;gap:.5rem 1.5rem;align-content:center; }.site-footer p:last-child { width:100%; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.01ms !important; }.section-reveal,.js .section-reveal { opacity:1;transform:none; } }