@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#edf4f8; --muted:#96a7b2; --line:rgba(220,238,246,.13); --bg:#0b1220; --panel:#111d2b; --mint:#7ee6c6; --blue:#8bb7ff; --peach:#ffb78c; --max:1200px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:Manrope,system-ui,sans-serif; line-height:1.6; }
a { color:inherit; text-decoration:none; }
.page-shell { width:min(var(--max),calc(100% - 56px)); margin:0 auto; }
.site-header { min-height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:-.03em; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--mint); color:var(--mint); border-radius:10px; font-family:'DM Mono',monospace; font-size:11px; }
.nav-links { display:flex; align-items:center; gap:29px; color:var(--muted); font-size:13px; }
.nav-links a:hover,.about-links a:hover,.text-link:hover { color:var(--mint); }
.nav-cta { color:var(--ink); padding:10px 15px; border:1px solid var(--line); border-radius:4px; }
.nav-cta span,.text-link span,.about-links span,.contact-email span { color:var(--mint); }
.menu-button,.mobile-nav { display:none; }
.hero { min-height:665px; padding:90px 0 74px; align-items:center; }
.section-grid { display:grid; grid-template-columns:1.02fr .98fr; gap:70px; }
.eyebrow { color:var(--mint); font-family:'DM Mono',monospace; font-size:11px; letter-spacing:.11em; text-transform:uppercase; margin:0 0 21px; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:780px; font-size:clamp(45px,6.2vw,83px); line-height:1.02; letter-spacing:-.075em; margin-bottom:26px; }
.hero-text { max-width:630px; color:var(--muted); font-size:17px; line-height:1.75; }
.hero-actions { display:flex; gap:12px; margin:34px 0 22px; }
.button { display:inline-flex; align-items:center; gap:14px; border-radius:4px; padding:14px 18px; font-size:13px; font-weight:800; }
.button-primary { background:var(--mint); color:#07151a; }
.button-secondary { border:1px solid var(--line); color:var(--ink); }
.button-secondary:hover { border-color:var(--mint); }
.availability { color:var(--muted); font-size:12px; }
.status-dot { display:inline-block; width:7px; height:7px; margin-right:7px; background:var(--mint); border-radius:50%; box-shadow:0 0 13px var(--mint); }
.hero-art { position:relative; min-height:420px; display:grid; place-items:center; overflow:hidden; }
.hero-art:before { content:''; position:absolute; inset:15% 2% 4%; border:1px solid rgba(139,183,255,.15); border-radius:50%; transform:rotate(-17deg); }
.orb { position:absolute; border-radius:50%; filter:blur(1px); opacity:.6; }
.orb-one { width:290px; height:290px; background:radial-gradient(circle at 35% 32%,rgba(126,230,198,.4),rgba(126,230,198,0) 70%); top:9%; left:2%; }
.orb-two { width:260px; height:260px; background:radial-gradient(circle at 50% 50%,rgba(139,183,255,.32),rgba(139,183,255,0) 67%); bottom:5%; right:2%; }
.signal-card { position:relative; z-index:1; width:min(390px,82%); min-height:245px; padding:24px; background:linear-gradient(145deg,rgba(25,43,60,.98),rgba(12,23,36,.95)); border:1px solid rgba(126,230,198,.28); box-shadow:0 22px 90px rgba(0,0,0,.25); transform:rotate(-4deg); }
.signal-top,.signal-footer { display:flex; justify-content:space-between; color:var(--muted); font:10px 'DM Mono',monospace; letter-spacing:.09em; text-transform:uppercase; }
.signal-live { color:var(--mint); }
.signal-value { font-size:34px; font-weight:800; letter-spacing:-.06em; margin:53px 0 21px; }
.signal-chart { display:flex; align-items:end; gap:7px; height:41px; border-bottom:1px solid var(--line); }
.signal-chart span { flex:1; background:linear-gradient(var(--mint),rgba(126,230,198,.1)); border-radius:2px 2px 0 0; }
.signal-chart span:nth-child(1){height:29%}.signal-chart span:nth-child(2){height:47%}.signal-chart span:nth-child(3){height:35%}.signal-chart span:nth-child(4){height:72%}.signal-chart span:nth-child(5){height:53%}.signal-chart span:nth-child(6){height:86%}.signal-chart span:nth-child(7){height:67%}.signal-chart span:nth-child(8){height:100%}
.signal-footer { margin-top:11px; font-size:9px; }
.floating-chip { position:absolute; z-index:2; display:flex; align-items:center; gap:8px; padding:9px 12px; background:#172839; border:1px solid var(--line); color:#d6e3e8; font:11px 'DM Mono',monospace; box-shadow:0 12px 35px rgba(0,0,0,.28); }
.chip-icon { color:var(--mint); font-weight:500; }
.chip-python { top:17%; left:0; transform:rotate(3deg); }.chip-docker { bottom:12%; left:10%; transform:rotate(-5deg); }.chip-apis { top:27%; right:0; transform:rotate(4deg); }
.proof-strip { display:flex; justify-content:space-between; gap:20px; padding:20px 0 21px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--muted); font:11px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }
.work-section,.capabilities-section { padding:144px 0 0; }
.section-heading { max-width:670px; margin-bottom:55px; }
.section-heading h2 { font-size:clamp(34px,5vw,59px); line-height:1.08; letter-spacing:-.065em; margin-bottom:18px; }
.section-heading > p:last-child { color:var(--muted); max-width:590px; font-size:15px; }
.project-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:23px; }
.project-card { background:var(--panel); border:1px solid var(--line); min-height:100%; transition:transform .25s ease,border-color .25s ease; }
.project-card:hover { transform:translateY(-6px); border-color:rgba(126,230,198,.45); }
.project-featured { grid-column:span 2; display:grid; grid-template-columns:1.05fr .95fr; }
.project-visual { min-height:236px; position:relative; overflow:hidden; padding:20px; }
.visual-label { font:10px 'DM Mono',monospace; color:var(--muted); letter-spacing:.1em; }
.visual-automation { background:linear-gradient(140deg,#182f37,#13202d); display:flex; flex-direction:column; justify-content:center; gap:12px; }
.visual-automation:after { content:''; position:absolute; width:280px; height:280px; border:1px solid rgba(126,230,198,.26); border-radius:50%; right:-70px; bottom:-145px; box-shadow:0 0 0 23px rgba(126,230,198,.04),0 0 0 45px rgba(126,230,198,.03); }
.flow-line { display:flex; align-items:center; gap:10px; position:relative; z-index:1; font:12px 'DM Mono',monospace; }.flow-line i { font-style:normal; color:#daf8ef; border:1px solid rgba(126,230,198,.4); background:rgba(9,20,29,.45); padding:9px 10px; }.flow-line b { color:var(--mint); font-weight:400; }.flow-line.second { opacity:.7; margin-left:32px; }
.visual-commerce { background:linear-gradient(145deg,#2f2530,#1c1c2c); }.store-window { position:absolute; inset:72px 32px 28px; border:1px solid rgba(255,183,140,.45); padding:13px; color:var(--peach); font-family:'DM Mono',monospace; }.store-window span { display:inline-block; width:5px;height:5px;background:var(--peach);border-radius:50%;margin-right:4px;opacity:.7; }.store-window strong { display:block; font-size:35px; letter-spacing:-.1em; margin-top:31px; font-weight:400; }.store-window em { position:absolute; right:16px; bottom:12px; font-style:normal; font-size:11px; }
.visual-sentinel { background:linear-gradient(145deg,#1c283d,#101b2a); }.monitor-grid { position:absolute; inset:79px 28px 27px; display:grid; grid-template-columns:1fr auto; border:1px solid rgba(139,183,255,.3); font:10px 'DM Mono',monospace; }.monitor-grid span,.monitor-grid b { display:flex; align-items:center; padding:0 12px; border-bottom:1px solid rgba(139,183,255,.16); }.monitor-grid b { color:var(--mint); font-weight:400; }.monitor-grid span:last-of-type,.monitor-grid b:last-child { border-bottom:0; }
.visual-data { background:linear-gradient(145deg,#252b2c,#192029); }.data-bars { position:absolute; inset:78px 32px 55px; display:flex; align-items:end; gap:11px; border-bottom:1px solid rgba(126,230,198,.3); }.data-bars i { width:19px; background:linear-gradient(var(--blue),rgba(139,183,255,.08)); }.data-bars i:nth-child(1){height:24%}.data-bars i:nth-child(2){height:42%}.data-bars i:nth-child(3){height:35%}.data-bars i:nth-child(4){height:66%}.data-bars i:nth-child(5){height:58%}.data-bars i:nth-child(6){height:88%}.data-axis { position:absolute; bottom:22px; left:32px; color:var(--muted); font:9px 'DM Mono',monospace; }
.visual-ntl { background:linear-gradient(145deg,#162d36,#101e2b); }.dashboard-panel { position:absolute; inset:72px 28px 28px; display:grid; grid-template-columns:1fr auto; align-content:start; gap:0 10px; border:1px solid rgba(126,230,198,.3); padding:14px; font:10px 'DM Mono',monospace; }.dashboard-panel span { color:var(--muted); grid-column:1; }.dashboard-panel b { color:var(--mint); font-weight:400; grid-column:2; }.dashboard-panel i { display:block; height:7px; margin-top:16px; background:linear-gradient(90deg,var(--mint),rgba(126,230,198,.08)); }.dashboard-panel i:nth-of-type(1){width:72%}.dashboard-panel i:nth-of-type(2){width:88%}.dashboard-panel i:nth-of-type(3){width:54%}.dashboard-panel i:nth-of-type(4){width:96%}
.visual-flights { background:linear-gradient(145deg,#182a42,#101b29); }.flight-route { position:absolute; inset:87px 30px auto; display:flex; align-items:center; justify-content:space-between; color:#d9e7ff; font:13px 'DM Mono',monospace; }.flight-route b { color:var(--blue); font-size:22px; font-weight:400; }.flight-ticker { position:absolute; left:30px; right:30px; bottom:27px; display:flex; gap:6px; overflow:hidden; }.flight-ticker i { padding:6px 7px; color:var(--muted); border:1px solid rgba(139,183,255,.26); font:8px 'DM Mono',monospace; font-style:normal; white-space:nowrap; }
.visual-sales { background:linear-gradient(145deg,#30283c,#1a2030); }.sales-screen { position:absolute; inset:75px 30px 30px; padding:16px; border:1px solid rgba(255,183,140,.38); color:var(--peach); font:10px 'DM Mono',monospace; }.sales-screen strong { display:block; font:46px Manrope,sans-serif; letter-spacing:-.08em; margin-top:20px; }.sales-screen em { color:var(--muted); font-style:normal; }
.visual-hub { background:linear-gradient(145deg,#202c3e,#111b2a); }.hub-grid { position:absolute; inset:64px 28px 24px; display:grid; grid-template-columns:1fr auto; border:1px solid rgba(139,183,255,.25); font:9px 'DM Mono',monospace; }.hub-grid span,.hub-grid b { display:flex; align-items:center; padding:0 10px; border-bottom:1px solid rgba(139,183,255,.14); }.hub-grid b { color:var(--mint); font-weight:400; }.hub-grid span:nth-last-child(2),.hub-grid b:last-child { border-bottom:0; }
.visual-travel { background:linear-gradient(145deg,#263a3d,#17242f); }.travel-route { position:absolute; top:93px; left:31px; right:31px; display:flex; justify-content:space-between; color:#d9f6ee; font:11px 'DM Mono',monospace; }.travel-route b { color:var(--mint); font-size:25px; font-weight:400; }.travel-line { position:absolute; top:126px; left:31px; right:31px; height:1px; background:linear-gradient(90deg,var(--mint),rgba(126,230,198,.05)); }.travel-line:before,.travel-line:after { content:''; position:absolute; top:-4px; width:8px; height:8px; border:1px solid var(--mint); border-radius:50%; background:#1b2b34; }.travel-line:before{left:0}.travel-line:after{right:0}
.visual-clinic { background:linear-gradient(145deg,#26333b,#17232c); }.clinic-screen { position:absolute; inset:65px 28px 23px; display:grid; grid-template-columns:1fr auto; border:1px solid rgba(126,230,198,.22); font:9px 'DM Mono',monospace; }.clinic-screen span,.clinic-screen b { display:flex; align-items:center; padding:0 11px; border-bottom:1px solid rgba(126,230,198,.12); }.clinic-screen b { color:var(--mint); font-weight:400; }.clinic-screen span:nth-last-child(2),.clinic-screen b:last-child { border-bottom:0; }
.visual-n8n { background:linear-gradient(145deg,#302b23,#1f2025); }.n8n-nodes { position:absolute; inset:101px 23px auto; display:flex; align-items:center; justify-content:space-between; gap:5px; font:9px 'DM Mono',monospace; }.n8n-nodes i { padding:8px 6px; color:#ffe1b6; border:1px solid rgba(255,183,140,.35); font-style:normal; }.n8n-nodes b { color:var(--peach); font-weight:400; }
.project-note { display:block; margin-top:22px; color:var(--muted); font:10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.06em; }
.project-body { padding:25px 26px 28px; }.project-meta { display:flex; justify-content:space-between; color:var(--muted); font:10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.07em; margin-bottom:21px; }.project-body h3 { font-size:25px; line-height:1.1; letter-spacing:-.05em; margin-bottom:12px; }.project-body p { color:var(--muted); font-size:13px; line-height:1.7; max-width:620px; }.tag-row,.cap-tags { display:flex; gap:7px; flex-wrap:wrap; margin:20px 0 23px; }.tag-row span,.cap-tags span { padding:5px 8px; border:1px solid var(--line); color:#c0d0d8; font:10px 'DM Mono',monospace; }.text-link { color:var(--ink); font-size:12px; font-weight:700; }.text-link span { margin-left:5px; }
.capability-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }.capability { min-height:270px; padding:27px 24px 24px 0; border-bottom:1px solid var(--line); border-right:1px solid var(--line); margin-right:24px; }.capability + .capability { padding-left:24px; }.capability:last-child { border-right:0; margin-right:0; }.cap-number { color:var(--mint); font:11px 'DM Mono',monospace; }.capability h3 { font-size:21px; line-height:1.15; letter-spacing:-.05em; margin:35px 0 13px; }.capability p { color:var(--muted); font-size:13px; line-height:1.7; }.cap-tags { margin-top:28px; }
.about-section { padding:155px 0; border-bottom:1px solid var(--line); align-items:start; }.about-copy { max-width:520px; color:var(--muted); font-size:16px; line-height:1.85; }.about-copy p:first-child { color:var(--ink); font-size:21px; letter-spacing:-.03em; line-height:1.55; }.about-links { display:flex; gap:22px; margin-top:32px; color:var(--ink); font-size:12px; font-weight:700; }.about-links span { margin-left:4px; }
.contact-section { padding:150px 0 124px; text-align:center; }.contact-section h2 { font-size:clamp(39px,6vw,74px); letter-spacing:-.07em; line-height:1.02; max-width:820px; margin:0 auto 30px; }.contact-email { color:var(--mint); font:14px 'DM Mono',monospace; border-bottom:1px solid rgba(126,230,198,.4); padding-bottom:9px; }.contact-email span { margin-left:10px; }
.site-footer { display:flex; justify-content:space-between; gap:20px; padding:20px 0 28px; border-top:1px solid var(--line); color:var(--muted); font:10px 'DM Mono',monospace; }.site-footer a:hover { color:var(--mint); }
.reveal { opacity:1; transform:none; transition:opacity .7s ease,transform .7s ease; }.reveal.visible { opacity:1; transform:none; }
@media (max-width:850px) { .page-shell{width:min(var(--max),calc(100% - 36px));}.nav-links{display:none;}.menu-button{display:block;background:none;color:var(--ink);border:1px solid var(--line);padding:9px 12px;font:11px 'DM Mono',monospace;text-transform:uppercase;}.mobile-nav{display:none;flex-direction:column;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;}.mobile-nav.open{display:flex;}.hero{padding:66px 0 55px;}.section-grid{grid-template-columns:1fr;gap:45px;}.hero-art{min-height:340px;}.proof-strip{flex-wrap:wrap;}.work-section,.capabilities-section{padding-top:100px;}.project-featured{grid-column:span 2;grid-template-columns:1fr;}.capability-grid{grid-template-columns:repeat(2,1fr);}.capability{padding:25px 20px 25px 0;margin-right:0;border-right:1px solid var(--line);}.capability:nth-child(2n){padding-left:20px;border-right:0;}.about-section{padding:105px 0;}.site-footer{flex-wrap:wrap;}.site-footer span:nth-child(2){order:3;width:100%;} }
@media (max-width:540px) { h1{font-size:46px;}.hero-text{font-size:15px;}.hero-actions{flex-direction:column;align-items:stretch;}.button{justify-content:center;}.hero-art{min-height:315px;}.signal-card{min-height:220px;}.signal-value{font-size:27px;margin:43px 0 17px;}.floating-chip{font-size:9px;padding:7px 9px;}.chip-python{left:0;top:12%;}.chip-apis{right:-5px;top:22%;}.chip-docker{left:3%;bottom:7%;}.project-grid{grid-template-columns:1fr;}.project-featured{grid-column:span 1;}.project-visual{min-height:205px;}.flow-line{gap:5px;font-size:9px;}.flow-line i{padding:7px 5px;}.flow-line.second{margin-left:13px;}.capability-grid{grid-template-columns:1fr;}.capability,.capability:nth-child(2n){padding:25px 0;border-right:0;}.capability h3{margin-top:25px;}.about-copy p:first-child{font-size:18px;}.about-links{gap:13px;flex-wrap:wrap;}.contact-section{padding:105px 0 85px;}.contact-email{font-size:11px;}.site-footer{font-size:9px;} }