:root{color-scheme:dark;--bg: #081013;--bg-2: #11191d;--surface: rgba(255, 255, 255, .055);--surface-strong: rgba(255, 255, 255, .085);--line: rgba(178, 211, 204, .18);--line-strong: rgba(178, 211, 204, .32);--text: #f6fbf9;--muted: #b8cac6;--muted-2: #8fa5a0;--teal: #62d4c4;--teal-strong: #24c6b2;--amber: #d4a453;--radius: 8px;--container: 1180px;--shadow: 0 28px 70px rgba(0, 0, 0, .26)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:0;background:linear-gradient(135deg,rgba(36,198,178,.12),transparent 32%),linear-gradient(180deg,var(--bg),#060b0e);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.94),transparent 95%)}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}p{color:var(--muted);font-size:1rem;line-height:1.55}svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.screen{width:min(100% - 36px,var(--container));min-height:100svh;margin:0 auto;padding:8px 0 0}.site-header{display:flex;min-height:46px;align-items:center}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid rgba(98,212,196,.52);border-radius:var(--radius);background:linear-gradient(135deg,#62d4c42e,#d4a4531a),#ffffff0a;color:var(--teal);font-size:.8rem;font-weight:820}.brand-copy{display:grid;gap:3px}.brand-name{color:var(--text);font-size:1.08rem;font-weight:780;line-height:1}.brand-subtitle{color:var(--muted-2);font-size:.74rem;font-weight:650;line-height:1.2}.screen-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.72fr);grid-template-areas:"hero signal" "services work" "proof proof";gap:8px;margin-top:14px;min-height:calc(100svh - 54px);align-content:start}.hero-panel,.signal-panel,.compact-section{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff13,#ffffff08),#081013b8;box-shadow:var(--shadow)}.hero-panel{grid-area:hero;display:grid;min-height:260px;align-content:space-between;gap:24px;padding:clamp(22px,3.2vw,34px)}.hero-copy{max-width:820px}h1{max-width:650px;color:var(--text);font-size:clamp(2.75rem,5vw,4.35rem);font-weight:760;line-height:.98;overflow-wrap:break-word}.hero-copy p{max-width:610px;margin-top:14px;color:var(--muted);font-size:clamp(1rem,1.7vw,1.12rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius);padding:0 16px;font-size:.92rem;font-weight:780;line-height:1;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.button:hover{transform:translateY(-1px)}.button-primary{border:1px solid rgba(98,212,196,.8);background:var(--teal);color:#04110f}.button-primary:hover{background:#7ee1d3}.button-secondary{border:1px solid var(--line);background:#ffffff09;color:var(--text)}.button-secondary:hover{border-color:#62d4c480;background:#62d4c414}.signal-panel{grid-area:signal;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:visible}.signal-top{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:12px 14px;color:var(--muted-2);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.74rem}.engagement-flow{position:relative;min-height:100%;overflow:visible;padding:20px;background-image:linear-gradient(rgba(98,212,196,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(98,212,196,.08) 1px,transparent 1px);background-size:30px 30px}.flow-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.flow-segment{fill:none;stroke:#62d4c480;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;vector-effect:non-scaling-stroke}.flow-arrow-head{fill:var(--teal);stroke:none}.engagement-step{position:absolute;display:grid;width:140px;min-width:140px;max-width:140px;grid-template-columns:auto minmax(0,1fr);gap:5px 9px;align-items:center;border:1px solid var(--line);border-radius:999px;background:#081013f0;padding:9px 12px;outline:0;transform:translate(-50%,-50%);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.engagement-step:hover,.engagement-step:focus-visible{z-index:4;border-color:#62d4c4ad;background:#0c1c1ef5;box-shadow:0 16px 46px #00000057;transform:translate(-50%,calc(-50% - 2px))}.engagement-step-1{left:18%;top:16%}.engagement-step-2{left:82%;top:16%}.engagement-step-3{left:82%;top:50%}.engagement-step-4{left:18%;top:50%}.engagement-step-5{left:18%;top:84%}.engagement-step-6{left:82%;top:84%}.engagement-step span,.service-chip span{color:var(--amber);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem;font-weight:760}.engagement-step strong{color:var(--text);font-size:.88rem;line-height:1.2;white-space:normal}.engagement-step p{position:absolute;left:50%;bottom:calc(100% + 8px);width:min(290px,84vw);margin:0;border:1px solid rgba(98,212,196,.34);border-radius:var(--radius);background:#040a0cfa;box-shadow:var(--shadow);color:var(--muted);font-size:.82rem;line-height:1.42;opacity:0;padding:10px 12px;pointer-events:none;transform:translate(-50%,6px);transition:opacity .16s ease,transform .16s ease}.engagement-step-1 p,.engagement-step-2 p{top:calc(100% + 8px);bottom:auto}.engagement-step-1 p,.engagement-step-4 p,.engagement-step-5 p{left:0;transform:translateY(6px)}.engagement-step-2 p,.engagement-step-3 p,.engagement-step-6 p{right:0;left:auto;transform:translateY(6px)}.engagement-step:hover p,.engagement-step:focus-visible p{opacity:1;transform:translateY(0)}.compact-section{padding:14px}.services-card{grid-area:services}.about-card{grid-area:work}.proof-card{grid-area:proof;padding:10px 14px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:10px}h2{color:var(--text);font-size:1.26rem;font-weight:760;line-height:1.1}.section-title p{max-width:330px;color:var(--muted-2);font-size:.86rem;line-height:1.45;text-align:right}.service-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.service-chip{display:grid;gap:8px;min-height:58px;align-content:center;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09;padding:10px}.service-chip strong{color:var(--text);font-size:.88rem;line-height:1.18}.about-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.about-copy p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.46}.proof-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}.proof-card .section-title{margin-bottom:0}.proof-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.proof-list span{display:grid;min-height:34px;align-content:center;border-left:1px solid var(--line);padding:0 12px;color:var(--muted);font-size:.84rem;line-height:1.35}@media(max-width:1020px){.screen-grid{grid-template-columns:1fr;grid-template-areas:"hero" "services" "work" "proof" "signal";align-content:start}.engagement-flow{min-height:auto}.proof-card,.proof-list{grid-template-columns:1fr}.proof-list span{min-height:auto;border-left:0;border-top:1px solid var(--line);padding:10px 0 0}}@media(max-width:720px){.screen{width:min(100% - 28px,var(--container));padding:16px 0}.site-header{align-items:center}.screen-grid{min-height:auto}.hero-panel{min-height:auto;padding:20px}h1{font-size:clamp(2.4rem,12vw,3.2rem)}.hero-actions{flex-direction:column}.button{width:100%}.section-title{display:grid;gap:6px}.section-title p{max-width:none;text-align:left}.service-chips,.about-copy{grid-template-columns:1fr}.flow-path{display:none}.engagement-flow{display:grid;grid-template-columns:1fr;gap:10px;padding:14px}.engagement-step{position:relative;top:auto;left:auto;width:100%;min-width:0;max-width:none;grid-template-columns:34px minmax(0,1fr);min-height:auto;border-radius:var(--radius);transform:none}.engagement-step strong{min-width:0}.engagement-step:hover,.engagement-step:focus-visible{transform:translateY(-1px)}.engagement-step p{position:static;width:auto;border:0;background:transparent;box-shadow:none;grid-column:2;min-width:0;opacity:1;overflow-wrap:break-word;padding:0;transform:none}.engagement-step:hover p,.engagement-step:focus-visible p{transform:none}}@media(max-height:760px)and (min-width:1021px){.screen{padding:8px 0 0}.site-header{min-height:46px}.screen-grid{min-height:calc(100svh - 54px);gap:8px}.hero-panel{min-height:250px;padding:28px}h1{font-size:clamp(2.5rem,4.8vw,4rem)}.hero-copy p{margin-top:12px}.hero-actions{margin-top:0}.engagement-flow{padding:12px}.flow-path{inset:0;width:100%;height:100%}.engagement-step{width:128px;min-width:128px;max-width:128px;padding:8px 10px}.engagement-step strong{font-size:.82rem}.engagement-step p{font-size:.78rem}.compact-section{padding:14px}.section-title{margin-bottom:10px}.service-chip{min-height:62px;padding:10px}.about-copy p{font-size:.82rem;line-height:1.36}.proof-list span{min-height:42px;font-size:.84rem}.proof-card{padding:8px 14px}.proof-list span{min-height:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
