:root{--indigo:#2F2FB0;--indigo-deep:#23237f;--green:#1FA97A;--green-deep:#0B6B4C;--green-dark:#07301F;--mint:#DCF0E6;--sky:#D9EAF6;--sand:#F3E9DA;--ribbon:#BFE1EF;--ink:#111315;--ink-2:#3b4245;--muted:#6e7a7d;--line:#e6ebe9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Hanken Grotesk',system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;font-size:18px;background:#fff}
a{color:inherit;text-decoration:none}a:hover{color:var(--indigo)}
h1,h2,h3{font-weight:400;margin:0;line-height:1.06;letter-spacing:-.022em}
.g{color:var(--green-deep)}
.wrap{max-width:1360px;margin:0 auto;padding:0 44px}
.narrow{max-width:1000px}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--indigo);color:#fff;padding:17px 32px;border-radius:999px;font-weight:600;font-size:17px;transition:background .2s}
.btn:hover{background:var(--indigo-deep);color:#fff}
.btn svg,.tlink svg{flex:none}
.btn.light{background:#fff;color:var(--indigo)}.btn.light:hover{background:#eef0ff;color:var(--indigo)}
.tlink{display:inline-flex;align-items:center;gap:12px;color:var(--indigo);font-weight:600;font-size:17px}
.tlink:hover{color:var(--indigo-deep)}
.shot{position:relative}
.shot .img{border-radius:30px;overflow:hidden;position:relative;display:grid;place-items:center;background:var(--mint)}
.shot .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shot .img span{display:none;position:relative;font:400 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(17,19,21,.38);padding:0 16px}.shot .img span:first-child{display:block}
.shot .cap{background:var(--ribbon);border-radius:0 0 30px 30px;margin-top:-26px;padding:38px 30px 20px;position:relative;font-size:16px;color:var(--ink)}
.shot .cap::before{content:"";position:absolute;top:-15px;left:60px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:15px solid var(--ribbon)}
.nav{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}
.nav-in{max-width:1360px;margin:0 auto;padding:0 44px;height:80px;display:flex;align-items:center;gap:40px}
.logo{font-weight:600;font-size:20px;letter-spacing:-.02em}
.logo b{color:var(--green-deep);font-weight:600}
.logo i{font-style:normal;color:var(--muted);font-weight:400}
.nav-links{display:flex;gap:34px;margin-left:auto;font-size:16px;font-weight:500;color:var(--ink-2)}
.nav .btn{padding:13px 26px;font-size:15.5px}
.sec{padding:118px 0}
h2{font-size:clamp(36px,4.2vw,64px)}
.lede{font-size:21px;line-height:1.55;color:var(--ink-2)}
.body{font-size:18px;line-height:1.62;color:var(--ink-2)}
.head2{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.head2 h2{max-width:16ch}
.band-mint{background:var(--mint)}
.band-sand{background:var(--sand)}
.band-green{background:var(--green-dark);color:#fff}
.band-green h2,.band-green .lede,.band-green .body{color:#fff}
.band-green .mint-t{color:#8FDCBB}
@media(max-width:960px){.sec{padding:74px 0}.nav-links{display:none}.wrap{padding:0 22px}.head2{grid-template-columns:1fr;gap:28px}}