:root{color-scheme:dark;--bg:#080a0b;--surface:#0e1112;--line:#252c2b;--muted:#a1aaa6;--text:#f0f3f1;--accent:#a7f3cb;background:var(--bg);color:var(--text);font-synthesis:none;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}p,h1,h2,h3{margin:0}p{line-height:1.7}svg{flex-shrink:0;display:block}.container{width:calc(100% - 40px);max-width:1240px;margin-inline:auto}.mono,.tags,.approach-list>li>span{font-family:Courier New,monospace}.eyebrow{letter-spacing:.6px;color:var(--accent);align-items:center;gap:10px;margin-bottom:24px;font-size:14px;line-height:1.8;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 12px #a7f3cb55}.accent{color:var(--accent)}.skip-link{z-index:100;background:var(--accent);color:var(--bg);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.header{border-bottom:1px solid var(--line);z-index:20;background:#080a0bf5;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:76px;display:flex}.brand{letter-spacing:1.2px;align-items:center;font-size:21px;font-weight:700;display:inline-flex}.brand img{width:180px;height:auto;display:block}.desktop-nav{display:none}.mobile-menu summary{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:44px;height:44px;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{background:var(--text);width:23px;height:1px;transition:transform .2s}.mobile-menu[open] summary span:first-child{transform:translateY(4px)rotate(45deg)}.mobile-menu[open] summary span:last-child{transform:translateY(-4px)rotate(-45deg)}.mobile-menu nav{border-bottom:1px solid var(--line);background:#0e1112;padding:16px 20px 24px;animation:.2s ease-out menu-in;position:absolute;top:76px;left:0;right:0}.mobile-menu nav a{border-bottom:1px solid var(--line);justify-content:space-between;padding:17px 5px;display:flex}.hero{gap:45px;padding-block:66px 40px;display:grid}.hero h1{letter-spacing:-2.5px;font-size:clamp(42px,6vw,76px);font-weight:500;line-height:1.06}.hero-description{color:var(--muted);max-width:530px;margin-top:26px;font-size:16px}.hero-actions{flex-wrap:wrap;align-items:center;gap:23px;margin-top:30px;display:flex}.text-link svg{width:17px;height:17px}.text-link{align-items:center;gap:13px;font-size:13px;display:inline-flex}.text-link:hover{color:var(--accent)}.hero-note{color:var(--muted);margin-top:32px;font-size:16px}.architecture{border:1px solid var(--line);background:radial-gradient(#193b262b,#0000 65%);border-radius:6px;min-width:0;position:relative}.architecture-heading,.architecture-footer{letter-spacing:.3px;color:#adbcb3;justify-content:space-between;align-items:center;padding:15px 18px;font-size:14px;display:flex}.architecture-heading{border-bottom:1px solid var(--line)}.architecture-footer{border-top:1px solid var(--line);gap:12px;font-size:13px}.blueprint{width:100%;height:auto;padding:13px}.blueprint-stack{animation:7s ease-in-out infinite float}.architecture-label{letter-spacing:0;color:#becdc4;background:#0a100dee;border:1px solid #2f4439;border-radius:3px;padding:8px;font-size:12px;position:absolute}.architecture-label span{color:var(--accent);margin-right:8px}.label-one{top:32%;right:10px}.label-two{top:56%;left:8px}.label-three{bottom:16%;right:10px}.stack-strip{border-block:1px solid var(--line);background:#0b0e0f}.stack-strip-inner{flex-direction:column;gap:15px;padding-block:22px;display:flex}.stack-strip .mono{letter-spacing:.5px;color:var(--muted);font-family:inherit;font-size:14px}.stack-strip-inner>div{color:#d3dad6;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.stack-strip-inner>div span{color:#85948b}.section{padding-block:75px}.section-top{gap:24px;margin-bottom:36px;display:grid}h2{letter-spacing:-1.5px;font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.12}.section-intro{max-width:420px;color:var(--muted);font-size:14px}.services-grid{gap:12px;display:grid}.service-card{border:1px solid var(--line);background:linear-gradient(135deg,#111615,#0c0f10);border-radius:6px;padding:28px 24px;transition:border-color .25s,transform .25s;position:relative}.service-card:hover{border-color:#54705e;transform:translateY(-3px)}.card-top{color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.card-top>.mono{color:#98a89d;font-size:10px}.service-card h3{letter-spacing:-.5px;margin-bottom:14px;font-size:20px;font-weight:500}.service-card>p{color:var(--muted);min-height:88px;font-size:13px}.tags{flex-wrap:wrap;gap:6px;margin-top:24px;padding-right:26px;display:flex}.tags span{color:#b5c1b9;border:1px solid #2b3630;border-radius:3px;padding:5px 7px;font-size:8px}.technology-section{border-block:1px solid var(--line);background:#0c0f10}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tech-card{border:1px solid var(--line);background:#0e1213;border-radius:5px;padding:24px 16px}.tech-mark{letter-spacing:-1px;border-radius:5px;justify-content:center;align-items:center;width:43px;height:43px;margin-bottom:24px;font-size:22px;font-weight:700;display:flex}.js{color:#15160b;background:#e9d360}.py{color:#080a0b;background:linear-gradient(140deg,#477daa 45%,#e6c85f 46%)}.pg{color:#8eb7d1;border:1px solid #6294b1}.next{color:#101513;background:#eef0ed;border-radius:50%;font-size:20px}.tech-card h3{font-size:16px;font-weight:500}.tech-card p{color:var(--muted);margin-top:9px;font-size:10px}.stack-principle{text-align:center;justify-content:center;align-items:center;gap:18px;margin-top:38px;display:flex}.stack-principle p{color:var(--muted);font-size:12px}.stack-principle strong{color:var(--text);font-weight:400}.bracket{color:#899e90;font-size:30px;font-weight:300}.approach{gap:35px;display:grid}.approach .section-intro{margin-top:24px}.approach-list{margin:0;padding:0;list-style:none}.approach-list li{border-bottom:1px solid var(--line);gap:22px;padding:24px 0;display:flex}.approach-list li:first-child{padding-top:0}.approach-list>li>span{color:var(--accent);padding-top:4px;font-size:11px}.approach-list h3{margin-bottom:9px;font-size:17px;font-weight:500}.approach-list p{color:var(--muted);font-size:13px}.contact-section{background:radial-gradient(at 0 100%,#1c392733,#0000 75%),#0e1411;border:1px solid #314439;border-radius:7px;margin-bottom:70px;padding:32px 24px}.contact-grid{gap:36px;display:grid}.contact-section .eyebrow{letter-spacing:1px;font-size:8px}.contact-section h2{font-size:clamp(30px,4vw,48px)}.contact-section p:not(.eyebrow){color:var(--muted);margin-top:22px;font-size:14px}.contact-details{border-top:1px solid #314439;align-self:center;padding-top:22px}.contact-details .mono{letter-spacing:1.2px;color:var(--accent)!important;margin-top:0!important;font-size:9px!important}.contact-details>a{overflow-wrap:anywhere;justify-content:space-between;gap:12px;margin-top:24px;font-size:16px;display:flex}.contact-details svg{width:16px;height:16px}.domain{color:#d0ded5;align-items:center;gap:15px;margin-top:24px;font-size:13px;display:flex}.footer{padding-bottom:30px}.footer-contacts{color:var(--accent);flex-wrap:wrap;gap:16px 28px;margin-top:24px;font-size:14px;display:flex}.footer-contacts a:hover{text-decoration:underline}.footer .brand{font-size:19px}.footer>div>p{color:var(--muted);margin-top:12px;font-size:12px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);flex-direction:column-reverse;gap:24px;margin-top:30px;padding-top:24px;font-size:10px;display:flex}.footer-bottom nav{flex-wrap:wrap;gap:25px;display:flex}.footer-bottom a:hover{color:var(--accent)}.legal{color:var(--muted);margin-top:10px;font-size:10px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.container{width:calc(100% - 80px)}.header-inner{height:84px}.desktop-nav{color:#b8c2bc;flex-direction:row;align-items:center;gap:32px;margin-left:auto;font-size:14px;display:flex}.desktop-nav a{white-space:nowrap;padding-block:12px}.desktop-nav a:hover{color:var(--text)}.mobile-menu{display:none}.hero{padding-block:85px 65px}.hero-copy{max-width:680px}.architecture{width:100%;max-width:600px;margin-inline:auto}.architecture-label,.architecture-heading,.architecture-footer{font-size:14px}.stack-strip-inner{flex-direction:row;justify-content:space-between;align-items:center}.stack-strip-inner>div{gap:15px;font-size:13px}.section{padding-block:95px}.section-top{grid-template-columns:1.1fr 1fr;align-items:end;gap:50px;margin-bottom:45px}.section-intro{font-size:15px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-card{padding:30px}.tech-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tech-card{padding:24px 14px}.tech-card h3{font-size:14px}.tech-card p{font-size:10px}.approach{grid-template-columns:1fr 1fr;gap:70px}.contact-section{padding:46px}.contact-grid{grid-template-columns:1.5fr 1fr;gap:45px}.contact-details{border-top:0;border-left:1px solid #314439;padding:10px 0 10px 30px}.footer-bottom{flex-direction:row;justify-content:space-between}.footer{padding-bottom:35px}}@media (width>=1024px){.hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:35px;min-height:650px;padding-block:90px}.hero h1{letter-spacing:-3px;font-size:62px}.hero-description{max-width:480px;font-size:16px}.architecture{margin:0}.architecture-label{font-size:12px}.hero-actions{gap:22px}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card>p{min-height:92px}.tech-card{padding:30px 24px}.tech-card h3{font-size:17px}.tech-card p{font-size:11px}.contact-grid{grid-template-columns:1.8fr 1fr}.contact-section{padding:60px}.section-top{grid-template-columns:1.4fr 1fr}.contact-section .eyebrow{font-size:10px}}@media (width>=1440px){.hero{gap:50px;min-height:690px}.hero h1{font-size:76px}.hero-description{font-size:17px}.architecture-label{font-size:14px}.section{padding-block:110px}.service-card>p{min-height:80px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}