@font-face{font-family:Archivo;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/archivo-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Archivo;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/archivo-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/instrument-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/instrument-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2')}

:root{--navy:#191C33;--coral:#EF5B45;--coral-2:#FF6E57;--paper:#F2F3F5;--white:#fff;--ink:#3C4056;--muted:#8B8FA3;--muted-2:#9BA1BA;--rule:#D9DCE3;--rule-dark:#343850}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Instrument Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5;-webkit-font-smoothing:antialiased}
.wrap{max-width:1160px;margin:0 auto;padding:0 40px}
.label{font-family:Archivo,sans-serif;font-weight:700;font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
h2{font-family:Archivo,sans-serif;font-weight:700;color:var(--navy);font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.01em}
.heading{margin-top:12px}
section{padding:96px 0}

/* Hero: the deck's cover slide */
.hero{background:var(--navy);color:var(--paper);min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:64px 0}
.hero-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;width:100%}
.wordmark{display:block;width:min(100%,530px);height:auto;margin-left:-8px}
.tagline{font-weight:400;font-size:clamp(20px,2.2vw,26px);line-height:1.3;margin-top:24px;color:var(--white)}
.rule{width:212px;height:1px;background:var(--rule-dark);margin:44px 0 20px}
.steps{font-family:'JetBrains Mono',monospace;font-weight:500;font-size:17px;letter-spacing:.02em}
.steps span{color:var(--coral);margin:0 8px}
.hero-mark{width:260px;height:auto}
.hero-cta{display:inline-block;margin-top:44px;font-family:'JetBrains Mono',monospace;font-weight:500;font-size:17px;color:var(--navy);background:var(--coral-2);padding:14px 22px;text-decoration:none}
.hero-cta:hover,.hero-cta:focus-visible{background:var(--white)}
.place{font-family:'JetBrains Mono',monospace;color:var(--muted-2);font-size:15px;margin-top:56px;letter-spacing:.04em}

/* What we believe */
.belief{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:28px;align-items:start}
.belief h2 em{font-style:normal;color:var(--coral)}
.principles{display:grid;gap:26px}
.p{display:grid;grid-template-columns:44px 1fr;gap:6px}
.p .n{font-family:'JetBrains Mono',monospace;color:var(--coral);font-weight:500}
.p b{display:block;color:var(--navy);font-weight:500;font-size:18px}

/* Where AI delivers value */
.value{background:var(--white)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.card{background:var(--paper);padding:28px}
.card h3{font-family:Archivo,sans-serif;font-weight:700;color:var(--navy);font-size:21px;line-height:1.25;margin-bottom:12px}

/* How we do it */
.explore{display:grid;grid-template-columns:auto auto auto 1fr;gap:24px;align-items:center;background:var(--white);border:1px solid var(--rule);padding:18px 28px;margin-top:40px}
.big{font-family:'JetBrains Mono',monospace;font-weight:500;color:var(--coral);font-size:42px;line-height:1}
.explore h3,.step h3{font-family:Archivo,sans-serif;font-weight:700;color:var(--navy);font-size:22px}
.step h3{margin-top:14px}
.time{font-family:'JetBrains Mono',monospace;color:#6B6F84}
.flow{display:grid;grid-template-columns:1fr 64px 1fr 64px 1fr;margin-top:16px;align-items:center}
.step{background:var(--white);border:1px solid var(--rule);padding:28px;height:100%}
.step .time{margin:18px 0 6px}
.arrow{text-align:center;color:var(--coral);font-size:26px}

/* Why us */
.why{background:var(--white)}
.why-list{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:28px 64px}
.why-list b{display:block;font-family:Archivo,sans-serif;font-weight:700;color:var(--navy);font-size:20px;line-height:1.25;margin-bottom:6px}

/* Close: the deck's last slide */
.close{background:var(--navy);color:var(--paper)}
.close .label{color:var(--muted-2)}
.close h2{color:var(--paper);font-size:clamp(32px,4.4vw,52px)}
.close h2 em{font-style:normal;color:var(--coral-2)}
.close-text{margin-top:18px;font-size:19px;max-width:620px}
.mail{display:inline-block;margin-top:36px;font-family:'JetBrains Mono',monospace;font-weight:500;font-size:clamp(20px,2.6vw,30px);color:var(--coral-2);text-decoration:none;border-bottom:2px solid var(--coral-2);padding-bottom:4px;overflow-wrap:anywhere}
.mail:hover,.mail:focus-visible{color:var(--white);border-color:var(--white)}
footer{background:var(--navy);color:var(--muted-2);border-top:1px solid var(--rule-dark);padding:24px 0;font-family:'JetBrains Mono',monospace;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

@media (max-width:820px){
 .wrap{padding:0 20px}
 section{padding:64px 0}
 .hero-grid{grid-template-columns:1fr}
 .hero-mark{display:none}
 .belief,.why-list,.value-grid{grid-template-columns:1fr;gap:28px}
 .explore{grid-template-columns:auto auto 1fr;gap:8px 16px}
 .explore p{grid-column:1/-1}
 .flow{grid-template-columns:1fr}
 .arrow{transform:rotate(90deg);padding:8px 0}
}