:root {   --green: #00B371;  --green-hover: #009960;  --green-soft: #E6F7F0;   --canvas: #F8FAFC;  --surface: #FFFFFF;  --border: #E2E8F0;  --border-strong: #CBD5E1;  --ink: #0F172A;  --body: #334155;  --muted: #64748B;   --on-dark-1: #F8FAFC; --on-dark-2: rgba(248, 250, 252, 0.72); --on-dark-3: rgba(248, 250, 252, 0.48); --on-dark-border: rgba(248, 250, 252, 0.16);  --bg: var(--canvas); --fg-1: var(--ink); --fg-2: var(--body); --fg-3: var(--muted); --rule: var(--border); --accent: var(--green);  --font-serif: Georgia, 'Times New Roman', serif;  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;   --w-regular: 400;  --w-medium: 500;  --w-semibold: 600;  --w-bold: 700;  --w-extrabold: 800;  --track-tight: -0.02em;  --track-snug: -0.011em;  --track-normal: 0;  --track-caps: 0.14em;   --t-h1: 56px; --t-h2: 38px; --t-h3: 26px; --t-lede: 20px; --t-body: 17px; --t-small: 15px; --t-eyebrow: 13px;  --lh-tight: 1.08;  --lh-title: 1.16;  --lh-body: 1.62;   --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --pad-card: 28px; --pad-section: 96px;  --max-prose: 68ch; --max-content: 1200px;  --radius-lg: 16px;  --radius-md: 8px;  --radius-sm: 6px;  --radius-pill: 999px;  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04); --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04); --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04); --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.08), 0 4px 8px rgba(15, 23, 42, 0.04); --dash-w: 24px;  --dash-h: 2px; }  .surface-dark { --bg: var(--ink); --fg-1: var(--on-dark-1); --fg-2: var(--on-dark-2); --fg-3: var(--on-dark-3); --rule: var(--on-dark-border); --accent: var(--green); background: var(--ink); color: var(--on-dark-1); }  .display, .h1, .h2, .h3 { font-family: var(--font-serif); color: var(--fg-1); text-wrap: balance; } .display { font-size: clamp(40px, 6vw, var(--t-h1)); font-weight: var(--w-bold); line-height: var(--lh-tight); letter-spacing: var(--track-tight); } .h1 { font-size: clamp(36px, 5vw, 48px); font-weight: var(--w-bold); line-height: var(--lh-title); letter-spacing: var(--track-snug); } .h2 { font-size: var(--t-h2); font-weight: var(--w-bold); line-height: var(--lh-title); letter-spacing: var(--track-snug); } .h3 { font-size: var(--t-h3); font-weight: var(--w-bold); line-height: 1.28; }  .display .it, .h1 .it, .h2 .it, .h3 .it { font-style: italic; color: var(--accent); font-weight: var(--w-bold); } .display .it-ink, .h1 .it-ink, .h2 .it-ink { font-style: italic; color: var(--fg-1); } .lede { font-family: var(--font-sans); font-weight: var(--w-regular); font-size: var(--t-lede); line-height: 1.55; color: var(--fg-2); max-width: var(--max-prose); } .body-text { font-family: var(--font-sans); font-weight: var(--w-regular); font-size: var(--t-body); line-height: var(--lh-body); color: var(--fg-2); max-width: var(--max-prose); } .body-text strong { color: var(--fg-1); font-weight: var(--w-bold); } .small { font-family: var(--font-sans); font-size: var(--t-small); line-height: 1.55; color: var(--fg-3); }  .section-eyebrow { display: inline-flex; align-items: center; gap: 14px; font-family: var(--font-sans); font-weight: var(--w-bold); font-size: var(--t-eyebrow); letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--fg-1); } .section-eyebrow::before { content: ""; width: var(--dash-w); height: var(--dash-h); background: var(--accent); flex: 0 0 auto; } .surface-dark .section-eyebrow { color: var(--on-dark-1); }  .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--font-sans); font-weight: var(--w-bold); font-size: var(--t-body); letter-spacing: 0; padding: 14px 26px; border-radius: var(--radius-md); border: 1px solid transparent; cursor: pointer; transition: background-color .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease; text-decoration: none; line-height: 1; } .btn-primary { background: var(--green); color: #fff; box-shadow: var(--shadow-sm); } .btn-primary:hover { background: var(--green-hover); } .btn-primary:active { transform: translateY(1px); } .btn-secondary { background: var(--surface); color: var(--ink); border-color: var(--border); box-shadow: var(--shadow-xs); } .btn-secondary:hover { border-color: var(--border-strong); background: var(--canvas); } .btn-ghost { background: transparent; color: var(--ink); } .btn-ghost:hover { color: var(--green-hover); } .btn .arrow { font-weight: var(--w-bold); } .surface-dark .btn-secondary { background: transparent; color: var(--on-dark-1); border-color: var(--on-dark-border); box-shadow: none; } .surface-dark .btn-secondary:hover { border-color: rgba(248,250,252,0.4); }  .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--pad-card); box-shadow: var(--shadow-sm); transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease; } .card.interactive:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); } .card.selected { background: var(--ink); border-color: var(--ink); color: var(--on-dark-1); } .card.selected .card-title { color: var(--on-dark-1); } .card.selected .card-body { color: var(--on-dark-2); } .card-title { font-family: var(--font-serif); font-weight: var(--w-bold); font-size: var(--t-h3); color: var(--ink); margin: 0; line-height: 1.2; } .card-body { font-family: var(--font-sans); font-size: var(--t-body); line-height: var(--lh-body); color: var(--body); margin: 12px 0 0; }  .field { display: flex; flex-direction: column; gap: 7px; } .field label { font-family: var(--font-sans); font-weight: var(--w-semibold); font-size: var(--t-small); color: var(--ink); } .input { font-family: var(--font-sans); font-size: var(--t-body); color: var(--ink); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 13px 16px; box-shadow: var(--shadow-xs); transition: border-color .16s ease, box-shadow .16s ease; width: 100%; box-sizing: border-box; } .input::placeholder { color: var(--muted); } .input:focus { outline: none; border-color: var(--green); box-shadow: 0 0 0 3px rgba(0, 179, 113, 0.16); }  .faq { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); overflow: hidden; box-shadow: var(--shadow-sm); } .faq-item { border-bottom: 1px solid var(--border); } .faq-item:last-child { border-bottom: none; } .faq-q { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; cursor: pointer; font-family: var(--font-sans); font-weight: var(--w-semibold); font-size: var(--t-body); color: var(--ink); } .faq-q .sign { color: var(--green); font-weight: var(--w-bold); font-size: 20px; line-height: 1; } .faq-a { padding: 0 24px 20px; font-family: var(--font-sans); font-size: var(--t-small); line-height: var(--lh-body); color: var(--body); max-width: 62ch; }  .brandmark { display: inline-flex; align-items: flex-end; font-family: var(--font-sans); --brand-size: 22px; } .brandmark .name { position: relative; font-weight: var(--w-extrabold); font-size: var(--brand-size); line-height: 0.9; color: var(--fg-1); letter-spacing: -0.03em; padding-bottom: calc(var(--brand-size) * 0.14); }  .brandmark .name::after { content: ""; position: absolute; left: 0; bottom: 0; width: calc(var(--brand-size) * 0.62); height: calc(var(--brand-size) * 0.09); background: var(--accent); border-radius: 1px; }  .brandmark .divider { width: 1px; align-self: stretch; background: var(--rule); margin: 0 12px; } .brandmark .tag { font-weight: var(--w-semibold); font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--fg-3); align-self: center; }  .section { padding: var(--pad-section) var(--space-6); background: var(--bg); } .container { max-width: var(--max-content); margin: 0 auto; }  a { color: var(--green-hover); text-decoration: none; } a:hover { color: var(--green); text-decoration: underline; text-underline-offset: 3px; } html, body { margin: 0; padding: 0; background: var(--canvas); -webkit-font-smoothing: antialiased; } * { box-sizing: border-box; } @keyframes rk-fade { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }  .rk-s1{background:var(--surface); border-bottom:1px solid var(--border); position:sticky; top:0; z-index:50; box-shadow:none; transition:box-shadow .2s ease;} .rk-s2{display:flex; align-items:center; justify-content:space-between; padding:16px 32px;} .rk-s3{--brand-size:24px;} .rk-s4{display:flex; align-items:center; gap:30px;} .rk-s5{font-weight:500; font-size:15px; color:var(--body);} .rk-s6{padding:11px 20px; font-size:15px;} .rk-s7{padding-top:104px; padding-bottom:104px;} .rk-s8{display:grid; grid-template-columns:1.12fr 0.88fr; gap:72px; align-items:center;} .rk-s9{display:flex; flex-direction:column; gap:26px;} .rk-s10{max-width:16ch;} .rk-s11{display:flex; gap:14px; margin-top:6px; flex-wrap:wrap;} .rk-s12{margin:0;} .rk-s13{display:flex; align-items:center; gap:22px; margin-top:2px; flex-wrap:wrap;} .rk-s14{display:flex; align-items:center; gap:6px;} .rk-s15{width:1px; height:20px; background:var(--border);} .rk-s16{color:var(--body); font-weight:600;} .rk-s17{padding:34px;} .rk-s18{font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted);} .rk-s19{display:flex; flex-direction:column; gap:22px; margin-top:24px;} .rk-s20{font-family:Georgia,serif; font-size:44px; font-weight:700; color:var(--ink); line-height:1;} .rk-s21{height:1px; background:var(--border);} .rk-s22{font-family:Georgia,serif; font-size:44px; font-weight:700; color:var(--green); line-height:1;} .rk-s23{background:var(--surface); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:72px 32px;} .rk-s24{max-width:840px;} .rk-s25{font-family:var(--font-serif); font-size:27px; line-height:1.5; color:var(--ink); text-wrap:pretty; margin:0;} .rk-s26{display:grid; grid-template-columns:0.85fr 1.15fr; gap:64px; align-items:start;} .rk-s27{display:flex; flex-direction:column; gap:16px;} .rk-s28{display:flex; flex-direction:column; gap:20px;} .rk-s29{margin:0; font-size:19px;} .rk-s30{margin:0; font-size:19px; color:var(--ink); font-weight:500;} .rk-s31{background:var(--surface);} .rk-s32{display:flex; flex-direction:column; gap:18px; max-width:60ch; margin-bottom:44px;} .rk-s33{display:grid; grid-template-columns:repeat(4, 1fr); gap:22px;} .rk-s34{width:24px; height:2px; background:var(--green); display:block; margin-bottom:18px;} .rk-s35{font-size:21px;} .rk-s36{display:flex; flex-direction:column; gap:16px; max-width:50ch; margin-bottom:52px;} .rk-s37{display:flex; flex-direction:column; gap:12px;} .rk-s38{font-family:Georgia,serif; font-style:italic; font-weight:700; font-size:38px; color:var(--green); line-height:1;} .rk-s39{font-size:20px;} .rk-s40{margin-top:28px;} .rk-s41{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;} .rk-s42{color:var(--on-dark-1);} .rk-s43{color:var(--on-dark-2);} .rk-s44{display:grid; grid-template-columns:1fr 1fr; gap:20px;} .rk-s45{border:1px solid var(--on-dark-border); border-radius:16px; padding:26px;} .rk-s46{font-family:Georgia,serif; font-size:42px; font-weight:700; color:var(--on-dark-1); line-height:1;} .rk-s47{color:var(--on-dark-2); margin-top:8px;} .rk-s48{font-family:Georgia,serif; font-size:42px; font-weight:700; color:var(--green); line-height:1;} .rk-s49{display:flex; flex-direction:column; gap:16px; max-width:52ch; margin-bottom:44px;} .rk-s50{display:grid; grid-template-columns:1.15fr 0.85fr; gap:28px; align-items:stretch;} .rk-s51{display:flex; flex-direction:column; gap:24px; padding:36px;} .rk-s52{background:var(--canvas); border:1px solid var(--border); border-radius:12px; padding:20px;} .rk-s53{text-transform:uppercase; letter-spacing:0.1em; font-weight:700;} .rk-s54{margin:8px 0 0; font-size:16px;} .rk-s55{background:var(--green-soft); border:1px solid var(--green); border-radius:12px; padding:20px;} .rk-s56{text-transform:uppercase; letter-spacing:0.1em; font-weight:700; color:var(--green-hover);} .rk-s57{margin:8px 0 0; font-size:16px; color:var(--ink);} .rk-s58{display:flex; align-items:center; gap:14px;} .rk-s59{width:44px; height:44px; border-radius:999px; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-family:var(--font-sans);} .rk-s60{font-weight:700; color:var(--ink); font-size:15px;} .rk-s61{display:flex; flex-direction:column; gap:24px;} .rk-s62{display:flex; flex-direction:column; gap:14px;} .rk-s63{color:var(--green); font-size:16px; letter-spacing:2px;} .rk-s64{margin:0; font-size:16px; color:var(--ink);} .rk-s65{display:flex; align-items:center; gap:12px; margin-top:2px;} .rk-s66{width:38px; height:38px; border-radius:999px; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:15px;} .rk-s67{font-weight:700; color:var(--ink); font-size:14px;} .rk-s68{display:flex; flex-direction:column; gap:10px; background:var(--canvas);} .rk-s69{display:flex; align-items:baseline; gap:8px;} .rk-s70{font-weight:600; font-size:14px;} .rk-s71{display:grid; grid-template-columns:0.9fr 1.1fr; gap:64px; align-items:center;} .rk-s72{padding:36px;} .rk-s73{font-weight:700; color:var(--ink); font-size:18px; margin-bottom:20px;} .rk-s74{display:flex; flex-direction:column; gap:18px;} .rk-s75{display:flex; gap:16px; align-items:flex-start;} .rk-s76{width:24px; height:2px; background:var(--green); margin-top:12px; flex:0 0 auto;} .rk-s77{font-weight:700; color:var(--ink);} .rk-s78{margin-top:26px; width:100%;} .rk-s79{display:grid; grid-template-columns:1fr 0.95fr; gap:64px; align-items:center;} .rk-s80{display:flex; align-items:center; gap:20px; margin-top:4px; flex-wrap:wrap;} .rk-s81{background:var(--surface); border:none; padding:34px;} .rk-s82{display:none;} .rk-s83{display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px; padding:24px 0;} .rk-s84{width:56px; height:56px; border-radius:999px; background:var(--green-soft); color:var(--green-hover); display:flex; align-items:center; justify-content:center; font-size:28px;} .rk-s85{font-size:22px;} .rk-s86{margin:0; font-size:16px;} .rk-s87{font-size:22px; margin-bottom:18px;} .rk-s88{max-width:820px;} .rk-s89{display:flex; flex-direction:column; gap:16px; margin-bottom:40px;} .rk-s90{margin:0; font-family:inherit; font-size:inherit; font-weight:inherit; color:inherit; line-height:1.4;} .rk-s91{display:block;} .rk-s92{padding-top:72px; padding-bottom:72px;} .rk-s93{max-width:760px;} .rk-s94{padding:36px; border-left:3px solid var(--green);} .rk-s95{font-family:var(--font-serif); font-size:21px; line-height:1.55; color:var(--ink); margin:0; text-wrap:pretty;} .rk-s96{margin-top:22px;} .rk-s97{padding:56px 32px 40px; border-top:1px solid var(--on-dark-border);} .rk-s98{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; align-items:start;} .rk-s99{--brand-size:26px;} .rk-s100{color:var(--on-dark-2); margin:0; max-width:34ch;} .rk-s101{display:flex; align-items:center; gap:8px;} .rk-s102{display:flex; flex-direction:column; gap:10px;} .rk-s103{color:var(--on-dark-1); font-weight:700; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:4px;} .rk-s104{display:flex; gap:14px; margin-top:6px;} .rk-s105{display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; margin-top:36px; padding-top:24px; border-top:1px solid var(--on-dark-border);}  @media (max-width:991px){ [class*="rk-s"]{ grid-template-columns:1fr !important; } .display{ font-size:clamp(32px,7vw,44px) !important; } }