:root{--bg:#0d0d0c;--ink:#f3f3f0;--mut:#a3a39f;--ln:#2a2a28;--soft:#151514;--blue:#168BFF;--d:Anton,"Arial Narrow",Impact,sans-serif;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0d0d0c;--ink:#f3f3f0;--mut:#a3a39f;--ln:#2a2a28;--soft:#151514}}
:root[data-theme="dark"]{--bg:#0d0d0c;--ink:#f3f3f0;--mut:#a3a39f;--ln:#2a2a28;--soft:#151514}
*,*::before,*::after{box-sizing:inherit}
html{height:100%;scroll-behavior:smooth;scroll-padding-top:calc(76px + env(safe-area-inset-top,0px))}
body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:300 16px/1.7 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:60}
a{color:inherit;text-decoration:none}p,ul{margin:0}ul{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.wrap{width:min(1200px,100% - 40px);margin:0 auto}
section{padding:clamp(72px,10vw,130px) 0}
.soft{background:var(--soft)}
.dk{--bg:#0b0b0b;--ink:#f3f3f0;--mut:#a3a39f;--ln:#2a2a28;background:var(--bg);color:var(--ink)}
h2,h3{margin:0;font-weight:400}
h2{font:400 clamp(2.4rem,6.4vw,5.6rem)/.96 var(--d);text-transform:uppercase}
h3{font:400 1.7rem/1.1 var(--d);text-transform:uppercase;letter-spacing:.01em}
.o{color:transparent;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}
@supports not (-webkit-text-stroke:1px #000){.o{color:var(--ink)}}
.lab{display:block;font-size:.85rem;color:var(--mut);margin-bottom:18px}
.sub{color:var(--mut);max-width:56ch;margin-top:22px;font-size:1.05rem}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:6px;font:400 .95rem Inter,sans-serif;background:var(--ink);color:var(--bg);border:1.5px solid var(--ink);cursor:pointer;transition:transform .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}
.btn.o2{background:transparent;color:var(--ink)}.btn.o2:hover{background:var(--ink);color:var(--bg)}
header{position:fixed;inset:0 0 auto 0;z-index:70;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid transparent;transition:background .3s,border-color .3s,transform .35s}
header.s{background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-color:var(--ln)}
header.hide{transform:translateY(-100%)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.logo{font:400 2rem/1 var(--d);letter-spacing:.06em}
.logo i{display:inline-block;width:.3em;height:.3em;border-radius:50%;background:var(--blue);margin-left:.1em}
.links{display:flex;gap:30px}
.links a{font-size:.92rem;padding:6px 0;border-bottom:1.5px solid transparent;transition:border-color .2s}
.links a:hover,.links a.on{border-color:var(--ink)}
.burger{display:none;width:44px;height:44px;background:none;border:1.5px solid var(--ink);border-radius:8px;color:var(--ink);cursor:pointer;place-items:center}
.burger span,.burger span::before,.burger span::after{display:block;width:18px;height:1.5px;background:currentColor;position:relative;transition:transform .3s,background .3s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-6px}.burger span::after{top:6px}
.burger[aria-expanded=true] span{background:transparent}
.burger[aria-expanded=true] span::before{transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded=true] span::after{transform:translateY(-6px) rotate(-45deg)}
#pg{position:fixed;left:0;right:0;top:0;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;z-index:80}
@media(max-width:960px){.burger{display:grid}.nav>.btn{display:none}
.links{position:fixed;inset:calc(72px + env(safe-area-inset-top,0px)) 0 auto 0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--ln);padding:6px 20px 22px;transform:translateY(-10px);opacity:0;visibility:hidden;transition:.3s}
.links.open{transform:none;opacity:1;visibility:visible}.links a{display:block;padding:16px 0;font-size:1.1rem;border-bottom:1px solid var(--ln)}}
#home{text-align:center;padding:calc(130px + env(safe-area-inset-top,0px)) 0 clamp(60px,8vw,100px);min-height:min(100svh,880px);display:flex;flex-direction:column;justify-content:center;align-items:center}
h1{display:flex;flex-direction:column;align-items:center;margin:0;font:400 clamp(2.7rem,11.4vw,9.6rem)/.94 var(--d);text-transform:uppercase;white-space:nowrap}
h1 span{animation:up .9s cubic-bezier(.2,.7,.2,1) backwards}
h1 span:nth-child(2){animation-delay:.08s}h1 span:nth-child(3){animation-delay:.16s}h1 span:nth-child(4){animation-delay:.24s}
@keyframes up{from{transform:translateY(38%);opacity:0}}
.hp{max-width:52ch;margin:34px auto 0;font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--mut)}
.hire{display:inline-flex;align-items:center;gap:20px;margin-top:38px;padding:7px 7px 7px 30px;border-radius:999px;background:var(--ink);color:var(--bg);font:500 1.02rem/1 Inter,sans-serif;box-shadow:0 0 0 7px color-mix(in srgb,var(--ink) 12%,transparent);transition:transform .3s,box-shadow .3s}
.hire i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--bg);color:var(--ink)}
.hire:hover{transform:translateY(-3px);box-shadow:0 0 0 9px color-mix(in srgb,var(--ink) 18%,transparent)}
.hn{margin-top:26px;font-size:.9rem;color:var(--mut)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
@media(max-width:860px){.two{grid-template-columns:1fr}}
.qt{margin-top:34px;font:400 clamp(1.5rem,2.6vw,2.1rem)/1.15 var(--d);text-transform:uppercase}
.card{border:1px solid var(--ln);border-radius:14px;padding:32px;background:var(--bg)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips li{padding:9px 16px;border-radius:999px;font-size:.9rem;border:1px solid var(--ln)}
.chips.k li{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.cap{margin:22px 0 12px;font-size:.85rem;color:var(--mut)}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;margin-top:56px}
.pl p{color:var(--mut);margin:10px 0 18px}
.pl .tg{color:var(--ink);font-weight:500;margin:12px 0 8px}
.pl li{padding:11px 0;border-top:1px solid var(--ln);font-size:.95rem}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;margin-top:56px;border-top:1.5px solid var(--ink)}
.steps li{padding:26px 22px 8px 0}
.steps b{display:block;font:400 3.6rem/1 var(--d);color:transparent;-webkit-text-stroke:1.5px var(--ink);margin-bottom:14px}
.steps h3{font-size:1.35rem;margin-bottom:8px}.steps p{color:var(--mut);font-size:.95rem}
.pr{margin-top:48px;font:400 clamp(1.4rem,3vw,2.4rem)/1.1 var(--d);text-transform:uppercase}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;margin-top:56px}
.why div{padding:28px 28px 28px 0;border-top:1px solid var(--ln)}
.why h3{font-size:1.4rem;margin-bottom:10px}.why p{color:var(--mut)}
.em{border:1.5px dashed var(--ln);border-radius:14px;padding:clamp(28px,5vw,56px);margin-top:48px;max-width:760px}
.em p{color:var(--mut);margin-bottom:22px;font-size:1.05rem}
#al li{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--ln)}
#al li.nil{display:block;color:var(--mut)}
#al time{color:var(--mut);font-size:.9rem}#al a small{display:block;color:var(--mut)}
#al{margin-top:40px;max-width:820px;border-bottom:1px solid var(--ln)}
form{display:grid;gap:18px}
label{display:block;font-size:.88rem;color:var(--mut)}
input,textarea{display:block;width:100%;margin-top:8px;padding:14px 16px;background:transparent;color:var(--ink);border:1px solid var(--ln);border-radius:8px;font:300 1rem Inter,sans-serif}
input:focus,textarea:focus{border-color:var(--blue)}
textarea{min-height:130px;resize:vertical}
[aria-invalid=true]{border-color:#ff6b5e}
.er{display:block;min-height:1em;color:#ff8a7e;font-size:.82rem;margin-top:4px}
#st{font-size:.92rem}#st.ok{color:#5fd38d}#st.bad{color:#ff8a7e}
footer{padding:48px 0 calc(40px + env(safe-area-inset-bottom,0px))}
.fr{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:center}
footer .links{position:static;flex-direction:row;flex-wrap:wrap;gap:8px 26px;opacity:1;visibility:visible;transform:none;padding:0;background:none;border:0}
footer .links a{display:inline;border:0;padding:0;font-size:.9rem;color:var(--mut)}
footer small{display:block;margin-top:28px;color:var(--mut);font-size:.82rem}
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}
.js .rv.in{opacity:1;transform:none}
.sp .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.sp .w>span{display:inline-block;transform:translateY(105%);transition:transform .8s cubic-bezier(.2,.7,.2,1) calc(var(--i)*55ms)}
.sp.in .w>span{transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rv{opacity:1;transform:none}.sp .w>span{transform:none}}

.ph{padding:calc(140px + env(safe-area-inset-top,0px)) 0 clamp(48px,7vw,90px)}
.ph h1{align-items:flex-start;font-size:clamp(2.4rem,8.4vw,7rem);white-space:normal;text-align:left}
.ph .hp{margin:28px 0 0}
.sv{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(28px,6vw,80px);padding:48px 0;border-top:1.5px solid var(--ink)}
@media(max-width:860px){.sv{grid-template-columns:1fr}}
.sv h2{font-size:clamp(2.2rem,5vw,4rem)}.sv p{color:var(--mut);margin:18px 0 22px}.sv li{padding:12px 0;border-top:1px solid var(--ln)}
.faq details{border-top:1px solid var(--ln);padding:20px 0}.faq{border-bottom:1px solid var(--ln);max-width:820px;margin-top:40px}
.faq summary{cursor:pointer;font-size:1.1rem}.faq p{color:var(--mut);margin-top:10px;max-width:60ch}
select{display:block;width:100%;margin-top:8px;padding:14px 16px;background:var(--bg);color:var(--ink);border:1px solid var(--ln);border-radius:8px;font:300 1rem Inter,sans-serif}
.tx{max-width:62ch;color:var(--mut);font-size:1.08rem}.tx p+p{margin-top:18px}

.rows{border-bottom:1px solid var(--ln);margin-top:48px}
.rows a{display:grid;grid-template-columns:70px 1fr 1.3fr 30px;gap:20px;align-items:center;padding:28px 0;border-top:1px solid var(--ln);transition:padding .3s}
.rows a:hover{padding-left:14px}.rows b{font:400 1rem var(--d);color:var(--mut)}
.rows h3{font-size:clamp(1.5rem,3vw,2.4rem)}.rows p{color:var(--mut);font-size:.95rem}
@media(max-width:760px){.rows a{grid-template-columns:44px 1fr}.rows p{grid-column:2}.rows svg{display:none}}

.rows{border-bottom:1px solid var(--ln);margin-top:48px}
.rows a{display:grid;grid-template-columns:70px 1fr 1.3fr 30px;gap:20px;align-items:center;padding:28px 0;border-top:1px solid var(--ln);transition:padding .3s}
.rows a:hover{padding-left:14px}.rows b{font:400 1rem var(--d);color:var(--mut)}
.rows h3{font-size:clamp(1.5rem,3vw,2.4rem)}.rows p{color:var(--mut);font-size:.95rem}
@media(max-width:760px){.rows a{grid-template-columns:44px 1fr}.rows p{grid-column:2}.rows svg{display:none}}

.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:40px}
.cats a{display:block;padding:20px;border:1px solid var(--ln);border-radius:14px;transition:border-color .2s}
.cats a:hover,.cats a[aria-current=true]{border-color:var(--ink)}
.cats b{font:400 .9rem var(--d);color:var(--mut)}.cats strong{display:block;font-weight:500;margin:4px 0}.cats span{font-size:.88rem;color:var(--mut);display:block}
.pl details{margin-top:12px}.pl summary{cursor:pointer;font-size:.92rem;padding:8px 0}

.works{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;list-style:none;padding:0}
.works:empty{display:none}
.wk{display:block;border:1px solid var(--ln);border-radius:14px;overflow:hidden;background:var(--bg);transition:transform .3s,border-color .3s}
.wk:hover{transform:translateY(-4px);border-color:var(--ink)}
.wb{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--ln)}.wb i{width:9px;height:9px;border-radius:50%;background:var(--ln)}
.wk img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--soft)}
.wk strong{display:block;padding:16px 18px 2px;font-weight:500}
.wk em{display:flex;align-items:center;gap:8px;padding:0 18px 18px;font-style:normal;color:var(--mut);font-size:.9rem}

.logo{display:inline-flex;align-items:center;line-height:0}
.logo img{height:26px;width:auto;display:block}
.logo .lg-d{display:none}
.dk .logo .lg-l{display:none}.dk .logo .lg-d{display:block}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo .lg-l{display:none}:root:not([data-theme="light"]) .logo .lg-d{display:block}}
:root[data-theme="dark"] .logo .lg-l{display:none}:root[data-theme="dark"] .logo .lg-d{display:block}

.logo .lg-l{display:none!important}.logo .lg-d{display:block!important}
footer{border-top:1px solid var(--ln)}

/* About section */
.ab h2{font-size:clamp(2rem,4.6vw,3.8rem);line-height:1}
.ab-eye{display:flex;align-items:center;gap:12px;margin:0 0 28px;font:500 .78rem/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.ab-eye::before{content:"";width:28px;height:2px;background:var(--blue)}
.ab .tx .ab-pull{margin-top:32px;padding-left:18px;border-left:2px solid var(--blue);font:500 1.3rem/1.4 Inter,system-ui,sans-serif;color:var(--ink)}
.ab .steps{list-style:none;padding-left:0}
@media(max-width:600px){.ab .steps li+li{border-top:1px solid var(--ln)}.ab .steps li{padding-right:0}.ab .steps b{font-size:3rem}}
.ab-founder{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.ab-photo{margin:0;position:relative;isolation:isolate;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.1);padding:30px 26px 0;background:radial-gradient(90% 60% at 50% 18%,rgba(22,139,255,.30),rgba(22,139,255,0) 70%),linear-gradient(180deg,#1a1a19 0%,#0e0e0d 100%);box-shadow:0 36px 70px -36px rgba(22,139,255,.45),inset 0 1px 0 rgba(255,255,255,.08)}
.ab-photo::after{content:"";position:absolute;inset:auto 0 0 0;height:22%;background:linear-gradient(180deg,rgba(14,14,13,0),rgba(14,14,13,.55));pointer-events:none}
.ab-photo img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
.ab-fbody .ab-eye{margin-bottom:22px}
.ab-fbody .cap{margin:14px 0 0;font-size:.95rem}
.ab blockquote{margin:36px 0 0;padding-left:18px;border-left:2px solid var(--blue);font:400 clamp(1.15rem,1.8vw,1.4rem)/1.55 Inter,system-ui,sans-serif;color:var(--ink)}
.ab blockquote p{margin:0}
.ab-id{margin-top:48px;padding-top:32px;border-top:1px solid var(--ln)}
.ab-id h3{font-size:clamp(1.5rem,2.6vw,2rem)}
.ab-id p{margin:14px 0 0;max-width:56ch;color:var(--mut)}
.ab-areas{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.ab-areas li{padding:14px 0;border-top:1px solid var(--ln);font-weight:500;font-size:.95rem}
.ab-close{margin-top:clamp(56px,8vw,96px);padding-top:clamp(36px,5vw,56px);border-top:1.5px solid var(--ink)}
@media(max-width:860px){.ab-founder{grid-template-columns:1fr;gap:36px}.ab-photo{max-width:250px;padding:24px 20px 0;border-radius:18px}}
@media(max-width:700px){.ab-areas{grid-template-columns:1fr;gap:0}}
/* SEO/a11y additions */
.skip{position:absolute;left:12px;top:-80px;z-index:100;padding:10px 16px;background:var(--ink);color:var(--bg);border-radius:6px;transition:top .2s}.skip:focus{top:calc(12px + env(safe-area-inset-top,0px))}
.sub a,footer small a{text-decoration:underline;text-underline-offset:3px}
.sv h3{font-size:clamp(2.2rem,5vw,4rem)}
.qa h3{font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.2}