:root{--blue:#1457ff;--ink:#0c0d10;--muted:#65676d;--line:#dedfe5;--paper:#f7f7f4;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.skip{padding:10px 14px;position:fixed;left:14px;top:10px;z-index:20;background:#111;color:#fff;transform:translateY(-150%)}
.skip:focus{transform:none}
.hub-shell{width:min(1280px,calc(100% - 48px));margin:auto}
.hub-nav{height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;border-bottom:1px solid #ecece8;background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.hub-brand{display:inline-flex;gap:8px;align-items:center;color:var(--ink);font-size:14px;font-weight:800;letter-spacing:.14em;text-decoration:none}
.hub-brand svg{width:22px;height:26px}
.hub-brand span{color:var(--blue)}
.hub-nav>div{display:flex;gap:28px;align-items:center}
.hub-nav>div>a{color:#3e4046;font-size:12px;text-decoration:none}
.hub-nav>div>a[aria-current=page]{color:var(--blue)}
.hub-nav .hub-nav-cta{min-height:44px;padding:0 16px;display:inline-flex;gap:24px;align-items:center;border-radius:9px;background:#0c0d10;color:#fff;font-weight:700}
.hub-hero{padding:74px 0 58px;background:radial-gradient(circle at 85% 10%,rgba(20,87,255,.09),transparent 30%),#fbfbfa}
.hub-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.hub-eyebrow,.hub-library-head span,.hub-method>div>div>span,.hub-cta span{display:flex;gap:9px;align-items:center;color:var(--blue);font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.hub-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px rgba(20,87,255,.1)}
.hub-hero h1{max-width:690px;margin:18px 0 22px;font-size:clamp(48px,5.9vw,82px);line-height:.96;letter-spacing:-.065em}
.hub-hero h1 span{color:var(--blue)}
.hub-hero p:not(.hub-eyebrow){max-width:650px;color:var(--muted);font-size:17px;line-height:1.6}
.hub-hero>div>div>a,.hub-cta a{min-height:48px;margin-top:22px;padding:0 18px;display:inline-flex;gap:30px;align-items:center;border-radius:9px;background:#0d0e11;color:#fff;font-size:12px;font-weight:700;text-decoration:none}
.hub-hero figure{margin:0;padding:14px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 32px 80px rgba(17,25,45,.09)}
.hub-hero figure img{width:100%;height:auto;display:block;border-radius:18px}
.hub-hero figcaption{padding:12px 5px 2px;color:#777;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.hub-method{padding:46px 0;border-block:1px solid #e6e6e2;background:#101218;color:#fff}
.hub-method>.hub-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.hub-method h2{margin:9px 0;font-size:clamp(30px,3.3vw,46px);line-height:1;letter-spacing:-.045em}
.hub-method p{max-width:580px;color:rgba(255,255,255,.58);font-size:13px;line-height:1.6}
.hub-method ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none}
.hub-method li{min-height:138px;padding:18px;border-left:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column}
.hub-method li b{color:#8ba6ff;font-size:9px}
.hub-method li strong{margin:22px 0 6px;font-size:15px}
.hub-method li small{color:rgba(255,255,255,.48);font-size:10px;line-height:1.45}
.hub-library{padding:72px 0 88px}
.hub-library-head{display:flex;gap:40px;align-items:end;justify-content:space-between}
.hub-library-head h2{margin:10px 0 0;font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.055em}
.hub-library-head p{max-width:360px;color:var(--muted);font-size:14px}
.hub-filters{margin:34px 0 12px;display:flex;gap:8px;flex-wrap:wrap}
.hub-filters button{min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#53555b;font:inherit;font-size:11px;cursor:pointer}
.hub-filters button.is-active{border-color:#111;background:#111;color:#fff}
.hub-filters button:focus-visible,.hub-card a:focus-visible,.hub-cta a:focus-visible{outline:3px solid rgba(20,87,255,.35);outline-offset:3px}
.hub-results{margin:0 0 22px;color:#7b7c81;font-size:11px}
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hub-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(17,25,45,.055);transition:transform .25s ease,box-shadow .25s ease}
.hub-card:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(17,25,45,.1)}
.hub-card[hidden]{display:none}
.hub-card-media{aspect-ratio:3/2;display:block;overflow:hidden;background:#eff1f7}
.hub-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}
.hub-card:hover .hub-card-media img{transform:scale(1.025)}
.hub-card-copy{padding:20px}
.hub-card-meta{display:flex;gap:8px;align-items:center;color:#6a6c72;font-size:9px;text-transform:uppercase}
.hub-card-meta span:first-child{color:var(--blue);font-weight:700}
.hub-card-meta i{width:3px;height:3px;border-radius:50%;background:#b5b6ba}
.hub-card h2{margin:14px 0 10px;font-size:23px;line-height:1.08;letter-spacing:-.04em}
.hub-card h2 a{color:inherit;text-decoration:none}
.hub-card p{min-height:58px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.hub-card-foot{margin-top:20px;padding-top:14px;display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #ecece9}
.hub-card-foot time{color:#83858a;font-size:9px}
.hub-card-foot>a{color:var(--ink);font-size:10px;font-weight:700;text-decoration:none}
.hub-card-foot>a span{color:var(--blue)}
.hub-cta{padding:72px 0;background:#0b0d12;color:#fff;text-align:center}
.hub-cta .hub-shell{max-width:900px}
.hub-cta>div>span{justify-content:center;color:#8ba6ff}
.hub-cta h2{margin:14px auto;font-size:clamp(40px,5vw,66px);line-height:.98;letter-spacing:-.055em}
.hub-cta p{max-width:700px;margin:auto;color:rgba(255,255,255,.57);font-size:14px;line-height:1.6}
.hub-cta a{background:var(--blue)}
.hub-footer{min-height:112px;padding:24px;display:flex;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid #2a2c33;background:#0b0d12;color:rgba(255,255,255,.55)}
.hub-footer .hub-brand{color:#fff}
.hub-footer p,.hub-footer>a:last-child{color:inherit;font-size:10px;text-decoration:none}
@media(max-width:960px){.hub-hero-grid,.hub-method>.hub-shell{grid-template-columns:1fr}
.hub-method ol{grid-template-columns:1fr 1fr}
.hub-grid{grid-template-columns:1fr 1fr}
.hub-card p{min-height:0}
}
@media(max-width:700px){.hub-shell{width:min(100% - 32px,1280px)}
.hub-nav{height:64px;padding:0 16px}
.hub-nav>div>a:not(.hub-nav-cta){display:none}
.hub-nav .hub-nav-cta{min-height:44px;padding:0 12px;font-size:10px}
.hub-hero{padding:46px 0}
.hub-hero-grid{gap:30px}
.hub-hero h1{font-size:clamp(44px,13vw,58px)}
.hub-hero p:not(.hub-eyebrow){font-size:15px}
.hub-hero>div>div>a{width:100%;justify-content:space-between}
.hub-hero figure{padding:9px;border-radius:20px}
.hub-hero figure img{border-radius:14px}
.hub-method{padding:40px 0}
.hub-method ol{grid-template-columns:1fr 1fr}
.hub-method li{min-height:126px}
.hub-library{padding:50px 0 58px}
.hub-library-head{align-items:flex-start;flex-direction:column;gap:8px}
.hub-library-head h2{font-size:44px}
.hub-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
.hub-filters button{flex:0 0 auto;min-height:44px}
.hub-grid{grid-template-columns:1fr}
.hub-card h2{font-size:26px}
.hub-card-foot time{font-size:10px}
.hub-cta{padding:54px 0}
.hub-cta h2{font-size:43px}
.hub-cta a{width:100%;justify-content:space-between}
.hub-footer{align-items:flex-start;flex-direction:column}
}
.hub-breakdowns{padding:72px 0;background:#f3f3ef;border-bottom:1px solid #e2e2dd}
.hub-breakdowns-head{margin-bottom:30px;display:grid;grid-template-columns:1.35fr .65fr;gap:56px;align-items:end}
.hub-breakdowns-head span{color:var(--blue);font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.hub-breakdowns-head h2{max-width:850px;margin:10px 0 0;font-size:clamp(38px,4.8vw,64px);line-height:.98;letter-spacing:-.055em}
.hub-breakdowns-head p{max-width:480px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.hub-breakdowns-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.hub-breakdown{min-width:0;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid #d5d6da;border-radius:24px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 18px 50px rgba(17,25,45,.06);transition:transform .25s ease,box-shadow .25s ease}
.hub-breakdown:hover{transform:translateY(-4px);box-shadow:0 25px 64px rgba(17,25,45,.11)}
.hub-breakdown:focus-visible{outline:3px solid rgba(20,87,255,.35);outline-offset:3px}
.hub-breakdown img{width:100%;height:100%;min-height:320px;display:block;object-fit:cover}
.hub-breakdown>div{padding:28px;display:flex;flex-direction:column;align-items:flex-start}
.hub-breakdown span{color:var(--blue);font-size:9px;font-weight:750;letter-spacing:.14em}
.hub-breakdown h3{margin:30px 0 12px;font-size:clamp(25px,2.2vw,34px);line-height:1.02;letter-spacing:-.045em}
.hub-breakdown p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.hub-breakdown b{margin-top:auto;padding-top:28px;font-size:11px}
@media(max-width:960px){.hub-breakdowns-head{grid-template-columns:1fr}.hub-breakdowns-grid{grid-template-columns:1fr}}
@media(max-width:700px){.hub-breakdowns{padding:50px 0}.hub-breakdowns-head{gap:14px}.hub-breakdowns-head h2{font-size:42px}.hub-breakdown{grid-template-columns:1fr}.hub-breakdown img{min-height:0;aspect-ratio:3/2}.hub-breakdown>div{padding:24px}.hub-breakdown h3{margin-top:20px;font-size:29px}.hub-breakdown b{margin-top:18px;padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.hub-card,.hub-card-media img,.hub-breakdown{transition:none}
}