@import "tailwindcss";
:root { --ink:#10263d; --paper:#f5f1e8; --lime:#c8f04d; --blue:#2f63ff; --soft:#e9e4da; --line:rgba(16,38,61,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.nav { height:76px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 4vw; border-bottom:1px solid var(--line); position:relative; z-index:5; }
.brand { font-size:21px; font-weight:800; letter-spacing:-1px; }
.logo-lockup { display:inline-flex; align-items:center; gap:7px; }
.logo-lockup img { width:21px; height:21px; display:block; }
.logo-dot { color:var(--lime); }
.nav-links { display:flex; gap:30px; font-size:12px; font-weight:700; }
.nav-cta { justify-self:end; font-size:12px; font-weight:700; border-bottom:1px solid currentColor; padding-bottom:4px; }
.nav-cta span,.text-link span,.closing a span { margin-left:8px; }
.hero { min-height:720px; display:grid; grid-template-columns:minmax(0,1.65fr) minmax(330px,.7fr); border-bottom:1px solid var(--line); }
.hero-copy { padding:9vh 4vw 7vh; display:flex; flex-direction:column; }
.eyebrow,.section-label { margin:0; font-size:10px; font-weight:800; letter-spacing:1.8px; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:10px; }
.eyebrow span { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 4px rgba(200,240,77,.28); }
.hero h1 { margin:7vh 0 0; font-size:clamp(58px,7.3vw,108px); line-height:.89; letter-spacing:-.072em; font-weight:760; }
.hero h1 em { color:var(--blue); font-style:normal; }
.hero-intro { margin-top:auto; display:grid; grid-template-columns:minmax(280px,520px) auto; gap:40px; align-items:end; }
.hero-intro p { margin:0; font-size:clamp(18px,1.8vw,25px); line-height:1.35; letter-spacing:-.025em; }
.text-link { justify-self:end; white-space:nowrap; font-size:12px; font-weight:700; border-bottom:1px solid; padding-bottom:4px; }
.hero-mark { background:var(--soft); border-left:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; padding:40px; }
.mark-frame { aspect-ratio:1; border:1px solid var(--line); border-radius:50%; display:grid; place-items:center; background:var(--lime); }
.mark-frame img { width:62%; height:62%; }
.mark-meta { display:flex; justify-content:space-between; gap:20px; font-size:9px; font-weight:800; letter-spacing:1.1px; text-transform:uppercase; }
.brand-ribbon { min-height:72px; padding:0 4vw; background:var(--ink); color:var(--paper); display:flex; align-items:center; justify-content:space-between; gap:28px; font-size:10px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; }
.brand-ribbon i { flex:1; height:1px; background:rgba(245,241,232,.22); }
.section-heading { display:flex; justify-content:space-between; gap:40px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.section-note { margin:0; font-size:12px; font-weight:700; }
.approach { padding:120px 4vw 135px; }
.approach-grid { padding-top:65px; display:grid; grid-template-columns:1.25fr .75fr; gap:10vw; align-items:end; }
.approach h2,.system h2,.closing h2 { margin:0; font-size:clamp(48px,6vw,88px); line-height:.94; letter-spacing:-.06em; }
.approach h2 span { color:var(--blue); }
.approach-copy { max-width:540px; }
.approach-copy p { margin:0; font-size:19px; line-height:1.55; letter-spacing:-.012em; }
.approach-copy p+p { margin-top:28px; color:rgba(16,38,61,.66); }
.system { padding:125px 4vw; background:var(--ink); color:var(--paper); display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; }
.system-intro { display:flex; flex-direction:column; }
.system-intro .section-label { color:var(--lime); margin-bottom:48px; }
.system-intro>p:last-child { margin:50px 0 0; max-width:520px; font-size:18px; line-height:1.55; color:rgba(245,241,232,.65); }
.system-steps { border-top:1px solid rgba(245,241,232,.2); }
.system-steps article { min-height:185px; display:grid; grid-template-columns:72px 1fr; align-items:center; border-bottom:1px solid rgba(245,241,232,.2); }
.system-steps article>span { align-self:start; padding-top:35px; color:var(--lime); font-size:10px; font-weight:800; }
.system-steps h3 { margin:0 0 12px; font-size:28px; letter-spacing:-.035em; }
.system-steps p { margin:0; max-width:540px; color:rgba(245,241,232,.62); line-height:1.5; }
.principles { padding:120px 4vw 135px; }
.principle-grid { padding-top:60px; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.principle-grid article { min-height:355px; padding:30px; background:var(--paper); display:flex; flex-direction:column; }
.principle-grid article>span { font-size:10px; color:var(--blue); font-weight:800; }
.principle-grid h3 { margin:auto 0 16px; max-width:280px; font-size:29px; line-height:1.05; letter-spacing:-.04em; }
.principle-grid p { margin:0; max-width:360px; color:rgba(16,38,61,.67); line-height:1.5; }
.closing { min-height:600px; padding:55px 4vw 70px; background:var(--blue); color:white; position:relative; overflow:hidden; display:flex; flex-direction:column; }
.closing>img { position:absolute; right:-30px; top:-100px; width:min(42vw,560px); height:min(42vw,560px); opacity:.09; filter:brightness(0) invert(1); }
.closing .section-label { color:var(--lime); }
.closing h2 { position:relative; z-index:1; margin-top:auto; max-width:1100px; }
.closing a { position:relative; z-index:1; margin-top:60px; align-self:flex-start; font-size:18px; font-weight:800; border-bottom:2px solid; padding-bottom:5px; }
footer { min-height:128px; padding:32px 4vw; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:end; border-top:1px solid var(--line); }
footer p { margin:0; font-size:11px; }
footer p:last-child { text-align:right; }
.legal-page { max-width:980px; margin:0 auto; padding:90px 4vw 120px; }
.legal-header { padding-bottom:60px; border-bottom:1px solid var(--line); }
.legal-header h1 { margin:28px 0 14px; font-size:clamp(52px,7vw,88px); line-height:.95; letter-spacing:-.06em; }
.legal-updated { margin:0; color:rgba(16,38,61,.62); font-size:13px; }
.legal-lead { max-width:760px; margin:42px 0 0; font-size:22px; line-height:1.5; letter-spacing:-.02em; }
.legal-page section { display:grid; grid-template-columns:minmax(180px,.36fr) minmax(0,1fr); column-gap:55px; padding:42px 0; border-bottom:1px solid var(--line); }
.legal-page section h2 { margin:0; font-size:20px; letter-spacing:-.025em; }
.legal-page section p { margin:0; color:rgba(16,38,61,.76); font-size:16px; line-height:1.7; }
.legal-page section p+p { margin-top:18px; }
.legal-link { text-decoration:underline; text-underline-offset:4px; }
.legal-footer { max-width:1100px; margin:0 auto; }
@media (max-width:900px) {
  .nav { grid-template-columns:1fr auto; } .nav-links { display:none; } .nav-cta { font-size:0; } .nav-cta::before { content:"Contact ↗"; font-size:11px; }
  .hero { min-height:auto; grid-template-columns:1fr; } .hero-copy { min-height:650px; } .hero-mark { min-height:420px; border-left:0; border-top:1px solid var(--line); display:grid; grid-template-columns:minmax(220px,380px) 1fr; align-items:end; gap:35px; } .mark-frame { width:100%; }
  .hero-intro { grid-template-columns:1fr; } .text-link { justify-self:start; }
  .approach-grid,.system { grid-template-columns:1fr; } .approach-grid { gap:55px; } .system { gap:70px; }
}
@media (max-width:680px) {
  .hero-copy { min-height:610px; padding-top:8vh; } .hero h1 { margin-top:48px; } .hero-mark { min-height:360px; grid-template-columns:1fr; } .mark-frame { width:230px; } .mark-meta { margin-top:auto; }
  .brand-ribbon { justify-content:flex-start; overflow:hidden; } .brand-ribbon span { white-space:nowrap; } .brand-ribbon i { min-width:40px; }
  .section-heading { display:block; } .section-note { margin-top:12px; }
  .approach,.principles { padding-block:85px; } .system { padding-block:85px; }
  .principle-grid { grid-template-columns:1fr; } .principle-grid article { min-height:280px; }
  .closing { min-height:520px; padding-block:45px 60px; }
  footer { grid-template-columns:1fr; gap:16px; } footer p:last-child { text-align:left; }
  .legal-page { padding-top:60px; } .legal-page section { grid-template-columns:1fr; gap:18px; } .legal-lead { font-size:19px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
.help-page{max-width:1180px;margin:0 auto;padding:90px 4vw 120px}.help-header{max-width:920px;padding-bottom:64px}.help-header h1{margin:28px 0;font-size:clamp(50px,7vw,86px);line-height:.96;letter-spacing:-.055em}.help-header>p:not(.section-label):not(.help-version){max-width:760px;margin:0;font-size:21px;line-height:1.5;color:rgba(16,38,61,.76)}.help-version{margin:28px 0 0;font-size:12px;font-weight:700;color:rgba(16,38,61,.56)}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.help-grid article{min-height:280px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.help-grid article>span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:1px}.help-grid h2{margin:auto 0 16px;font-size:28px;line-height:1.08;letter-spacing:-.035em}.help-grid p{margin:0;color:rgba(16,38,61,.7);font-size:16px;line-height:1.55}.help-support{margin-top:70px;padding:48px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:70px}.help-support .section-label{color:var(--lime)}.help-support h2{margin:24px 0 0;font-size:36px;line-height:1.05;letter-spacing:-.04em}.help-support>p{margin:0;align-self:end;color:rgba(245,241,232,.7);font-size:17px;line-height:1.6}@media(max-width:680px){.help-page{padding-top:60px}.help-grid{grid-template-columns:1fr}.help-grid article{min-height:240px}.help-support{grid-template-columns:1fr;gap:32px;padding:34px}}