/* Shared layouts for the refreshed resources, product, and careers pages. */
:root { --ink:#10233f; --muted:#5e718a; --line:#dce6f2; --canvas:#f6f9fd; --brand:#2563eb; --brand-deep:#163e8c; --aqua:#0f9f8b; --warm:#f59e0b; }
* { box-sizing:border-box; }
body.resource-page { margin:0; color:var(--ink); background:#fff; font-family:Inter,Arial,sans-serif; overflow-x:hidden; }
.resource-page a { color:inherit; text-decoration:none; }
.resource-page .site-nav { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.9); border-bottom:1px solid rgba(220,230,242,.8); backdrop-filter:blur(16px); }
.resource-page .nav-wrap { max-width:1200px; min-height:74px; margin:auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
.resource-page .brand img { width:150px; display:block; }
.resource-page .nav-links { display:flex; gap:23px; align-items:center; font-size:.85rem; font-weight:600; color:#42546d; }
.resource-page .nav-links a:hover { color:var(--brand); }
.resource-page .nav-actions { display:flex; gap:10px; align-items:center; }
.resource-page .nav-toggle { display:none; border:0; padding:8px; background:transparent; color:var(--ink); font-size:1.3rem; cursor:pointer; }
.resource-page .button { display:inline-flex; justify-content:center; align-items:center; gap:8px; min-height:42px; padding:10px 17px; border:1px solid transparent; border-radius:7px; font-size:.84rem; font-weight:700; transition:transform .24s ease, box-shadow .24s ease, background .24s ease; }
.resource-page .button:hover { transform:translateY(-2px); box-shadow:0 12px 22px rgba(37,99,235,.17); }
.resource-page .button.primary { color:#fff; background:var(--brand); }
.resource-page .button.ghost { color:var(--brand); border-color:#b8cdf4; background:#fff; }
.resource-page .hero { position:relative; overflow:hidden; padding:84px 24px 72px; background:linear-gradient(130deg,#eff6ff 0%,#f7fbff 57%,#ecfdf5 100%); }
.resource-page .hero:before { content:""; position:absolute; width:520px; height:520px; border:1px solid rgba(37,99,235,.14); border-radius:50%; right:-190px; top:-260px; box-shadow:0 0 0 48px rgba(37,99,235,.045),0 0 0 96px rgba(37,99,235,.03); }
.resource-page .hero-inner { position:relative; max-width:920px; margin:auto; text-align:center; }
.resource-page .eyebrow { display:inline-flex; align-items:center; gap:8px; padding:7px 12px; background:#fff; border:1px solid #cfe0fa; border-radius:99px; color:var(--brand); font-size:.74rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.resource-page .eyebrow:before { content:""; width:7px; height:7px; background:#22c55e; border-radius:50%; box-shadow:0 0 0 4px #dcfce7; }
.resource-page h1 { max-width:850px; margin:20px auto 16px; font-size:clamp(2.25rem,5vw,4.4rem); line-height:1.06; letter-spacing:0; }
.resource-page .hero p { max-width:660px; margin:0 auto; color:var(--muted); font-size:1.04rem; line-height:1.75; }
.resource-page .hero-meta { display:flex; justify-content:center; gap:18px; flex-wrap:wrap; margin-top:25px; color:#52647b; font-size:.78rem; font-weight:650; }
.resource-page .hero-meta span { display:flex; align-items:center; gap:7px; }
.resource-page .hero-meta span:before { content:""; width:5px; height:5px; border-radius:50%; background:var(--brand); }
.resource-page .page-section { padding:88px 24px; }
.resource-page .page-section.soft { background:var(--canvas); }
.resource-page .content-wrap { max-width:1120px; margin:auto; }
.resource-page .section-heading { max-width:640px; margin-bottom:38px; }
.resource-page .section-heading h2 { margin:10px 0 12px; font-size:clamp(1.8rem,3vw,2.65rem); line-height:1.14; }
.resource-page .section-heading p { margin:0; color:var(--muted); line-height:1.7; }
.resource-page .blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.resource-page .post-card { display:flex; flex-direction:column; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:8px; box-shadow:0 5px 18px rgba(27,58,107,.04); transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease; }
.resource-page .post-card:hover { transform:translateY(-6px); border-color:#b9d1f7; box-shadow:0 18px 35px rgba(27,58,107,.12); }
.resource-page .post-image { width:100%; aspect-ratio:1.75; object-fit:cover; background:#dbeafe; }
.resource-page .post-body { display:flex; flex:1; flex-direction:column; padding:22px; }
.resource-page .post-tag { color:var(--brand); font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.resource-page .post-card h3 { margin:9px 0; font-size:1.08rem; line-height:1.35; }
.resource-page .post-card p { margin:0 0 16px; color:var(--muted); font-size:.86rem; line-height:1.65; }
.resource-page .post-link { margin-top:auto; color:var(--brand); font-size:.84rem; font-weight:800; }
.resource-page .article-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:64px; align-items:start; max-width:1080px; margin:auto; }
.resource-page .article-cover { width:100%; max-height:410px; margin-bottom:34px; object-fit:cover; border-radius:8px; }
.resource-page .article-copy { font-size:1rem; color:#41556e; line-height:1.82; }
.resource-page .article-copy p { margin:0 0 22px; }
.resource-page .article-copy h2 { margin:42px 0 16px; color:var(--ink); font-size:1.7rem; line-height:1.25; }
.resource-page .insight-list { display:grid; gap:12px; margin:26px 0 10px; }
.resource-page .insight { padding:17px 18px 17px 51px; position:relative; background:var(--canvas); border:1px solid var(--line); border-radius:7px; color:#41556e; }
.resource-page .insight:before { content:""; position:absolute; left:18px; top:20px; width:17px; height:17px; border-radius:50%; background:#dbeafe; box-shadow:inset 0 0 0 5px var(--brand); }
.resource-page .insight strong { display:block; margin-bottom:4px; color:var(--ink); font-size:.93rem; }
.resource-page .article-sidebar { position:sticky; top:96px; padding:22px; background:#f8fbff; border:1px solid var(--line); border-radius:8px; }
.resource-page .article-sidebar h3 { margin:0 0 13px; font-size:.9rem; }
.resource-page .article-sidebar a { display:block; padding:10px 0; border-top:1px solid var(--line); color:#51647d; font-size:.82rem; line-height:1.4; }
.resource-page .article-sidebar a:hover { color:var(--brand); }
.resource-page .feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.resource-page .feature-card { padding:22px; background:#fff; border:1px solid var(--line); border-radius:8px; transition:transform .25s ease,border-color .25s ease; }
.resource-page .feature-card:hover { transform:translateY(-4px); border-color:#b8cff5; }
.resource-page .feature-number { display:inline-grid; place-items:center; width:31px; height:31px; margin-bottom:15px; background:#eaf2ff; border-radius:7px; color:var(--brand); font-size:.78rem; font-weight:800; }
.resource-page .feature-card h3 { margin:0 0 8px; font-size:1rem; }
.resource-page .feature-card p { margin:0; color:var(--muted); font-size:.84rem; line-height:1.65; }
.resource-page .split { display:grid; grid-template-columns:1fr 1fr; gap:58px; align-items:center; }
.resource-page .split-image { width:100%; border-radius:8px; display:block; box-shadow:0 16px 42px rgba(19,58,121,.14); }
.resource-page .check-list { display:grid; gap:13px; margin:26px 0; }
.resource-page .check-item { display:flex; gap:12px; align-items:flex-start; color:#4c6079; line-height:1.55; }
.resource-page .check-item:before { content:""; flex:0 0 19px; width:19px; height:19px; margin-top:2px; border-radius:50%; background:#dcfce7; box-shadow:inset 0 0 0 5px #22a06b; }
.resource-page .intern-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:30px; }
.resource-page .intern-card { padding:25px; border-left:3px solid var(--brand); background:#fff; box-shadow:0 4px 18px rgba(27,58,107,.06); }
.resource-page .intern-card strong { display:block; margin-bottom:6px; font-size:.95rem; }
.resource-page .intern-card p { margin:0; color:var(--muted); font-size:.84rem; line-height:1.6; }
.resource-page .investor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.resource-page .investor-card { display:grid; grid-template-columns:180px 1fr; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:8px; box-shadow:0 8px 24px rgba(27,58,107,.06); transition:transform .28s ease,box-shadow .28s ease; }
.resource-page .investor-card:hover { transform:translateY(-5px); box-shadow:0 18px 36px rgba(27,58,107,.12); }
.resource-page .investor-photo { width:100%; height:100%; min-height:235px; object-fit:cover; object-position:top; }
.resource-page .investor-body { padding:25px; }
.resource-page .investor-role { display:block; margin-bottom:8px; color:var(--brand); font-size:.72rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.resource-page .investor-body h3 { margin:0 0 12px; font-size:1.18rem; line-height:1.3; }
.resource-page .investor-body p { margin:0; color:var(--muted); font-size:.85rem; line-height:1.68; }
.resource-page .partner-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.resource-page .partner-item { display:grid; place-items:center; min-height:115px; padding:18px; background:#fff; border:1px solid var(--line); border-radius:8px; }
.resource-page .partner-item img { max-width:100%; max-height:64px; object-fit:contain; }
.resource-page .privacy-layout { display:grid; grid-template-columns:270px minmax(0,1fr); gap:54px; max-width:1080px; margin:auto; align-items:start; }
.resource-page .privacy-nav { position:sticky; top:96px; padding:20px; background:#f8fbff; border:1px solid var(--line); border-radius:8px; }
.resource-page .privacy-nav strong { display:block; margin-bottom:12px; font-size:.86rem; }
.resource-page .privacy-nav a { display:block; padding:9px 0; border-top:1px solid var(--line); color:#52647b; font-size:.82rem; }
.resource-page .privacy-nav a:hover { color:var(--brand); }
.resource-page .privacy-copy { color:#41556e; font-size:.97rem; line-height:1.8; }
.resource-page .privacy-copy > p { margin:0 0 20px; }
.resource-page .privacy-copy h2 { margin:39px 0 12px; color:var(--ink); font-size:1.55rem; line-height:1.3; }
.resource-page .privacy-notice { padding:20px 22px; margin:26px 0; border-left:3px solid var(--brand); background:#eff6ff; color:#385069; border-radius:0 7px 7px 0; }
.resource-page .privacy-list { display:grid; gap:10px; margin:20px 0 8px; }
.resource-page .privacy-list div { position:relative; padding:13px 15px 13px 42px; background:var(--canvas); border:1px solid var(--line); border-radius:7px; }
.resource-page .privacy-list div:before { content:""; position:absolute; left:17px; top:17px; width:10px; height:10px; border-radius:50%; background:var(--brand); }
.resource-page .cta-band { padding:62px 24px; background:#133d8e; color:#fff; text-align:center; }
.resource-page .cta-band h2 { margin:0 0 12px; font-size:clamp(1.75rem,3vw,2.5rem); }
.resource-page .cta-band p { max-width:580px; margin:0 auto 23px; color:#c9dbff; line-height:1.65; }
.resource-page .footer { padding:34px 24px; background:#091c37; color:#9eb1cb; }
.resource-page .footer-inner { display:flex; max-width:1120px; margin:auto; justify-content:space-between; gap:16px; font-size:.78rem; }
.resource-page .reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease,transform .65s ease; }
.resource-page .reveal.visible { opacity:1; transform:translateY(0); }
@media (max-width:820px) { .resource-page .nav-links,.resource-page .nav-actions .ghost { display:none; } .resource-page .nav-toggle { display:block; } .resource-page .site-nav.menu-open .nav-links { display:flex; position:absolute; inset:74px 0 auto; padding:15px 24px 22px; background:#fff; border-bottom:1px solid var(--line); flex-direction:column; align-items:flex-start; gap:16px; } .resource-page .hero { padding-top:68px; } .resource-page .blog-grid,.resource-page .feature-grid { grid-template-columns:repeat(2,1fr); } .resource-page .article-layout,.resource-page .split,.resource-page .privacy-layout { grid-template-columns:1fr; gap:32px; } .resource-page .article-sidebar,.resource-page .privacy-nav { display:none; } .resource-page .intern-grid { grid-template-columns:1fr; } .resource-page .investor-grid { grid-template-columns:1fr; } }
@media (max-width:540px) { .resource-page .nav-wrap,.resource-page .page-section { padding-left:18px; padding-right:18px; } .resource-page .nav-actions .primary { padding:9px 11px; font-size:.74rem; } .resource-page .brand img { width:128px; } .resource-page .hero { padding-left:18px; padding-right:18px; } .resource-page h1 { font-size:2.25rem; } .resource-page .blog-grid,.resource-page .feature-grid { grid-template-columns:1fr; } .resource-page .footer-inner { display:block; line-height:1.8; } }