@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');:root{--r:#a7191f;--ink:#121619;--muted:#61686d;--line:#deded9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink)}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1180px)/2));position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid #eee}.brand img{width:170px;height:54px;object-fit:contain;display:block}nav{display:flex;align-items:center;gap:26px;font-size:14px}nav a{color:#252a2e;text-decoration:none}.navcta{border:1px solid #ccc;padding:10px 15px}#menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:610px;background:linear-gradient(115deg,#f7f7f3,#e9ecec);position:relative;overflow:hidden}.hero-copy{max-width:1180px;margin:auto;padding:105px 28px}.eyebrow,section>div>small,.split-title small{font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--r)}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.045em}h1{font-size:58px;line-height:1.07;max-width:900px;margin:18px 0 25px}h1 em,h2 em{font-style:normal;font-weight:400;color:#596064}.hero p{font-size:19px;line-height:1.7;color:#555e63;max-width:720px}.buttons{display:flex;gap:12px;margin-top:34px}.buttons a{padding:14px 19px;text-decoration:none;font-weight:600;font-size:14px}.primary{background:var(--r);color:#fff}.secondary{border:1px solid #bbb;color:#222}.trust{margin-top:62px;font-size:13px;color:#70777b;display:flex;gap:14px;align-items:center}.trust i{width:4px;height:4px;border-radius:50%;background:var(--r)}.diagram{position:absolute;width:420px;height:320px;right:-40px;top:150px;opacity:.45}.diagram span{position:absolute;border:1px solid #9ba3a6;border-radius:50%;display:grid;place-items:center;background:#f3f4f2}.api,.back{width:72px;height:72px;top:120px}.api{left:0}.back{right:0}.apim{width:110px;height:110px;left:155px;top:100px!important;border:2px solid var(--r)!important;color:var(--r);font-weight:700}.section{max-width:1180px;margin:auto;padding:100px 28px}.split-title{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;margin-bottom:50px}.split-title h2,.about h2,.dark h2,.contact h2{font-size:42px;line-height:1.15;margin:13px 0 0}.split-title>p,.about p{color:var(--muted);line-height:1.75}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.cards article{padding:34px 32px 38px 0}.cards article+article{border-left:1px solid var(--line);padding-left:32px}.cards b{color:var(--r);font:12px monospace}.cards h3{font-size:21px;margin:24px 0 12px}.cards p{color:var(--muted);line-height:1.7;min-height:130px}.cards a{color:var(--r);text-decoration:none;font-size:14px;font-weight:600}.dark{background:#151a1e;color:#fff;padding:100px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.dark small{color:#e66b70!important}.dark p{color:#adb3b6;line-height:1.75}.tags{display:flex;flex-wrap:wrap;align-content:center;gap:10px}.tags span{border:1px solid #40474b;padding:12px 15px;font-size:14px}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;align-items:center}.visual{height:410px;background:linear-gradient(145deg,#e8e9e5,#cdd1d0);display:grid;place-items:center;position:relative}.visual>strong{font:700 110px Manrope;color:#a7191f22}.visual>div{position:absolute;bottom:0;left:0;right:0;background:#151a1eee;color:#fff;padding:20px 24px}.visual small{display:block;color:#aaa;margin-top:4px}.ticks{margin-top:25px;font-size:14px}.placeholder{border:1px dashed #c8cac6;background:#f6f6f3;padding:28px;display:flex;align-items:center;gap:24px}.placeholder>b{font:28px monospace;color:var(--r)}.placeholder p{margin:5px 0 0;color:var(--muted)}.contact{background:var(--r);color:#fff;padding:90px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:95px}.contact small{color:#f1c6c8!important}.contact p{color:#f0d1d2;line-height:1.7}.contact a{color:#fff}.contact form{background:#fff;color:#111;padding:30px}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:12px;font-weight:700;margin-bottom:14px}input,textarea{width:100%;margin-top:7px;padding:12px;border:1px solid #d5d5d0;font:14px inherit}button{cursor:pointer}.contact button{background:#151a1e;color:#fff;border:0;padding:14px 18px;font-weight:600}.contact form small{display:block;color:#888!important;margin-top:12px}footer{background:#0d1114;color:#fff;padding:35px max(28px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#aab0b3}footer>span{font-weight:700;color:#fff;letter-spacing:.08em}@media(max-width:900px){nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:24px 28px;flex-direction:column;align-items:flex-start}nav.open{display:flex}#menu{display:block}.diagram{opacity:.15;right:-260px}h1{font-size:43px}.split-title,.dark,.about,.contact{grid-template-columns:1fr;gap:42px}.cards{grid-template-columns:1fr}.cards article,.cards article+article{border-left:0;border-top:1px solid var(--line);padding:28px 0}.cards p{min-height:0}.section{padding-block:72px}}@media(max-width:560px){h1{font-size:36px}.buttons{flex-direction:column}.trust{flex-wrap:wrap}.split-title h2,.about h2,.dark h2,.contact h2{font-size:34px}.row{grid-template-columns:1fr}footer{flex-direction:column}.brand img{width:155px;height:48px;object-fit:contain;display:block}}

.experience-copy p{color:var(--muted);line-height:1.75;margin:0 0 14px}.experience-copy strong{color:var(--ink);font-weight:600}
.contact-card{background:#fff;color:var(--ink);padding:38px;align-self:start}.contact-label{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--red)}.contact-card h3{font:600 24px "Manrope",sans-serif;margin:13px 0}.contact-card p{color:var(--muted);line-height:1.7}.contact-button{background:var(--dark);color:#fff;margin-top:12px}.contact-button:hover{background:#292f33}
@media(max-width:560px){.brand img{width:138px;height:42px}.site-header{height:64px}.site-header nav{top:64px}}

/* v2.3 corrections */
.diagram{display:none!important}
.hero-copy{position:relative;z-index:1}
.experience{align-items:start}
.experience-text p{margin:0 0 15px;color:var(--muted);line-height:1.75}
.experience-text strong{color:var(--ink);font-weight:600}
.contact-card{background:#fff;color:var(--ink);padding:34px}
.contact-card small{color:var(--r)!important}
.contact-card h3{font:600 24px Manrope,sans-serif;margin:12px 0}
.contact-card p{color:var(--muted)}
.mail-button{display:inline-block;margin-top:12px;background:#151a1e;color:#fff!important;text-decoration:none;padding:14px 18px;font-weight:600}
@media(max-width:560px){.brand img{width:150px;height:46px}}

/* v2.4 */
.brand img{width:170px;height:52px;object-fit:contain;display:block;background:transparent!important}
.visual-image{position:relative;padding:0!important;overflow:hidden;background:#111!important}
.visual-image>img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}
.visual-image>div{position:absolute;left:0;right:0;bottom:0;background:rgba(15,20,24,.92);color:#fff;padding:18px 22px;display:flex;flex-direction:column}
.visual-image>div small{display:block;color:#b9bec0;margin-top:4px}
@media(max-width:560px){.brand img{width:145px;height:44px}.visual-image>img{min-height:290px}}

/* v2.5 release candidate */
.intro{position:relative;overflow:hidden}
.intro-inner{position:relative;z-index:3}
.hero-tech{position:absolute;right:0;top:0;bottom:0;width:43%;z-index:1;overflow:hidden}
.hero-tech:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#f3f4f2 0%,rgba(243,244,242,.90) 8%,rgba(243,244,242,.16) 38%,rgba(243,244,242,0) 62%)}
.hero-tech img{width:100%;height:100%;object-fit:cover;display:block}
.visual-image>img{object-fit:cover}
@media(max-width:900px){.hero-tech{opacity:.18;width:65%}}
@media(max-width:650px){.hero-tech{display:none}}

main#top{position:relative}.hero-tech{pointer-events:none}

/* v2.5.1: hero image containment fix */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero .hero-copy{position:relative;z-index:3}
.hero .hero-tech{position:absolute;right:0;top:0;bottom:0;width:43%;z-index:1;overflow:hidden;pointer-events:none}
.hero .hero-tech:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#f3f4f2 0%,rgba(243,244,242,.90) 8%,rgba(243,244,242,.16) 38%,rgba(243,244,242,0) 62%)}
.hero .hero-tech img{width:100%;height:100%;object-fit:cover;display:block}
main#top>.hero-tech{display:none!important}
@media(max-width:900px){.hero .hero-tech{opacity:.18;width:65%}}
@media(max-width:650px){.hero .hero-tech{display:none}}
