:root{--xkye-cyan:#0da5c9;--xkye-teal:#1f7096;--xkye-navy:#303b62;--xkye-deep-navy:#1b2240;--xkye-ink:#151a2e;--xkye-slate:#5a6380;--xkye-cyan-tint:#dff3f8;--xkye-mist:#eef1f6;--xkye-paper:#f9fafb;--xkye-gradient:linear-gradient(90deg, var(--xkye-cyan) 0%, var(--xkye-navy) 100%);--xkye-font-sans:"Montserrat", system-ui, sans-serif;--xkye-font-mono:"JetBrains Mono", ui-monospace, monospace;--xkye-display-size:64px;--xkye-display-leading:1.05;--xkye-display-weight:600;--xkye-display-tracking:-.02em;--xkye-heading-size:32px;--xkye-heading-leading:1.2;--xkye-heading-weight:600;--xkye-eyebrow-size:13px;--xkye-eyebrow-weight:500;--xkye-eyebrow-tracking:.3em;--xkye-body-size:16px;--xkye-body-leading:1.65;--xkye-body-weight:400;--xkye-code-size:14px;--xkye-code-weight:400}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--xkye-paper);color:var(--xkye-ink);font:var(--xkye-body-weight) var(--xkye-body-size)/var(--xkye-body-leading) var(--xkye-font-sans);margin:0}img{max-width:100%;height:auto;display:block}h1,h2,h3{color:var(--xkye-navy);text-wrap:balance;margin:0}p{margin:0}a{color:var(--xkye-teal)}a:focus-visible{outline:2px solid var(--xkye-cyan);outline-offset:3px;border-radius:2px}ul,ol{margin:0;padding:0;list-style:none}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.wrap.narrow{max-width:760px}@media (width<=600px){.wrap{padding:0 16px}}section{padding:112px 0}@media (width<=600px){section{padding:72px 0}}.eyebrow{font:var(--xkye-eyebrow-weight) var(--xkye-eyebrow-size)/1.4 var(--xkye-font-mono);letter-spacing:var(--xkye-eyebrow-tracking);text-transform:uppercase;color:var(--xkye-teal);margin:0 0 20px;display:block}h2{font-size:clamp(26px, 4vw, var(--xkye-heading-size));line-height:var(--xkye-heading-leading);font-weight:var(--xkye-heading-weight);margin-bottom:24px}h3{font-size:20px;font-weight:600;line-height:1.3}.actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:40px;display:flex}.button{background:var(--xkye-teal);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.button:hover{background:var(--xkye-navy)}.button-light{background:var(--xkye-cyan);color:var(--xkye-deep-navy);overflow-wrap:anywhere}.button-light:hover{background:#fff}.text-link{font-weight:600;text-decoration:none}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.text-link span{transition:transform .15s;display:inline-block}.text-link:hover span{transform:translate(3px)}.site-header{z-index:10;background:color-mix(in srgb, var(--xkye-paper) 88%, transparent);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--xkye-mist);position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.logo img{width:122px;height:40px}.site-header nav{align-items:center;gap:28px;display:flex}.site-header nav a{color:var(--xkye-slate);font-size:15px;font-weight:500;text-decoration:none}.site-header nav a:hover{color:var(--xkye-navy)}.site-header nav .nav-cta{color:var(--xkye-teal);font-weight:600}@media (width<=760px){.site-header nav a:not(.nav-cta){display:none}}.hero{padding:136px 0 128px;position:relative;overflow:hidden}.hero:after{content:"";background:var(--xkye-gradient);height:4px;position:absolute;bottom:0;left:0;right:0}.hero h1{max-width:15ch;font-size:clamp(40px, 8vw, var(--xkye-display-size));line-height:var(--xkye-display-leading);font-weight:var(--xkye-display-weight);letter-spacing:var(--xkye-display-tracking)}.hero .lede{max-width:60ch;color:var(--xkye-slate);margin-top:32px;font-size:19px}@media (width<=600px){.hero{padding:88px 0 80px}.hero .lede{font-size:17px}}.not-found:after{display:none}.problem{background:#fff}.problem p+p{margin-top:20px}.problem p{color:var(--xkye-slate);font-size:18px}.problem .pull{border-left:3px solid var(--xkye-cyan);color:var(--xkye-navy);margin-top:40px;padding-left:20px;font-size:22px;font-weight:600;line-height:1.4}.services{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.services li{border:1px solid var(--xkye-mist);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:32px;display:flex}.services p{color:var(--xkye-slate)}.services .text-link{margin-top:auto;padding-top:8px}@media (width<=900px){.services{grid-template-columns:1fr}}@media (width<=600px){.services li{padding:24px}}.work{background:var(--xkye-mist)}.work-item{background:#fff;border-radius:12px;grid-template-columns:1fr 2fr;gap:24px 48px;padding:40px;display:grid}.work-item+.work-item{margin-top:24px}.work-item h3{font-size:var(--xkye-heading-size)}.work-item p{color:var(--xkye-slate);margin-bottom:20px;font-size:18px}@media (width<=760px){.work-item{grid-template-columns:1fr;padding:24px}.work-item h3{font-size:26px}}.principles{counter-reset:principle;grid-template-columns:repeat(4,1fr);gap:40px 32px;display:grid}.principles li{counter-increment:principle;border-top:2px solid var(--xkye-navy);padding-top:20px}.principles li:before{content:counter(principle, decimal-leading-zero);font:500 var(--xkye-code-size)/1 var(--xkye-font-mono);color:var(--xkye-teal);margin-bottom:16px;display:block}.principles h3{margin-bottom:8px}.principles p{color:var(--xkye-slate)}@media (width<=900px){.principles{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.principles{grid-template-columns:1fr}}.about{background:#fff}.about .statement{color:var(--xkye-navy);margin-bottom:24px;font-size:clamp(22px,3vw,28px);font-weight:600;line-height:1.35}.about p:last-child{color:var(--xkye-slate);font-size:18px}.contact{background:var(--xkye-deep-navy);color:var(--xkye-mist)}.contact .eyebrow{color:var(--xkye-cyan)}.contact h2{color:#fff;letter-spacing:-.01em;font-size:clamp(30px,5vw,44px)}.contact p{font-size:18px}.contact .email{margin-top:40px}.contact .email-fallback{color:#fff;font-size:18px}.contact .email-fallback strong{color:var(--xkye-cyan);font-weight:600}.contact .secondary{color:var(--xkye-cyan-tint);margin-top:28px;font-size:16px}.contact .secondary a{color:#fff;text-underline-offset:4px;font-weight:600}.site-footer{background:var(--xkye-paper);padding:56px 0 40px}.site-footer .wrap{gap:16px;display:grid}.site-footer p{max-width:52ch;color:var(--xkye-slate)}.site-footer .fine{font:500 var(--xkye-code-size)/1.4 var(--xkye-font-mono);margin-top:16px}
