/* Alkemi landing, direction 1 (from the approved mockups). */

body{overflow-x:hidden}
.wrap{max-width:1240px;margin:0 auto;padding-left:32px;padding-right:32px}
.nav{display:flex;align-items:center;gap:20px;padding:18px 0}
.nav .sp{flex:1}
h1.big{font:400 clamp(34px,5.2vw,68px)/1.02 var(--serif);color:var(--white);letter-spacing:-.005em}
.lede{font-size:17px;line-height:1.55;color:var(--soft);max-width:58ch}
section{padding:48px 0;border-top:1px solid var(--rule)}
.how{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.how h4{font:400 19px var(--serif);color:var(--white);margin-bottom:6px}
.how p{font-size:13px;color:var(--soft);line-height:1.5}
@media(max-width:700px){.wrap{padding-left:16px;padding-right:16px}.how{grid-template-columns:1fr;gap:18px}section{padding:34px 0}}


    .hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:56px;align-items:center;padding:56px 0 44px}
    .hero .rc{padding:22px 24px 18px;gap:12px}.hero .rc .hd .nm{font-size:24px}.hero .rc p{font-size:15px}
    .hero .rc .wi{border-top:1px solid var(--rule);padding-top:10px;display:grid;gap:4px}.hero .rc .wi span{font-size:13px;color:var(--soft)}
    .hero .rc .np{display:grid;gap:4px;border-top:1px solid var(--rule);padding-top:10px}.hero .rc .np span:not(.lab){font-size:13px;color:var(--soft)}
    .hero .rc .ag{font:400 11px var(--mono);color:var(--muted);letter-spacing:.06em}
    .hero .rc .it{border-top:1px solid var(--rule);padding-top:10px;font-size:12.5px;color:var(--soft)}.hero .rc .it b{font:400 15px var(--serif);color:var(--white)}.hero .rc .it em{font-style:normal;color:var(--text)}
    .h2{font:400 clamp(26px,2.6vw,34px)/1.15 var(--serif);color:var(--white);max-width:32ch}
    .sec-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:26px}.sec-h p{font-size:14.5px;color:var(--soft);max-width:58ch}
    .terms{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--rule)}
    .steps>div{padding:18px 20px;border-right:1px solid var(--rule)}.steps>div:last-child{border-right:0}
    .steps .n{font:300 30px var(--mono);color:var(--signal)}.steps h4{font:400 19px var(--serif);color:var(--white);margin:6px 0 4px}.steps p{font-size:13px;color:var(--soft)}
    .facts{font:400 11.5px var(--mono);color:var(--muted);letter-spacing:.04em;margin:18px 0 8px;line-height:1.8}
    .join{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:48px;align-items:start}
    .join h2{font:400 30px var(--serif);color:var(--white);margin-bottom:8px}
    @media(max-width:1000px){.terms{grid-template-columns:1fr 1fr}}
    @media(max-width:900px){.hero{grid-template-columns:1fr;gap:28px;padding:30px 0}.sec-h,.join{grid-template-columns:1fr;gap:28px}.steps{grid-template-columns:1fr}.steps>div{border-right:0;border-bottom:1px solid var(--rule)}.steps>div:last-child{border-bottom:0}}
    @media(max-width:600px){.terms{grid-template-columns:1fr;gap:20px}}
/* ---- landing additions ---- */
.nav .links{display:flex;gap:18px;align-items:center;font-size:13px;color:var(--soft)}
.nav .links a:hover{color:var(--white)}
.foot.wrap{padding-top:22px;padding-bottom:calc(30px + env(safe-area-inset-bottom));border-top:0;position:relative}
.foot.wrap::before{content:'';position:absolute;top:0;left:32px;right:32px;border-top:1px solid var(--rule)}
.foot nav{display:flex;gap:18px;flex-wrap:wrap}.foot nav a{margin:0}.foot nav a:hover{color:var(--text)}
.hero .rc .ag{display:flex;flex-wrap:wrap;gap:4px 10px}
@media(max-width:700px){.foot.wrap::before{left:16px;right:16px}.nav .links .hide-s{display:none}}
@media(min-width:1800px){h1.big{font-size:84px}}
.steps h3.st-h{font:400 19px var(--serif);color:var(--white);margin:6px 0 4px}