/* The homepage is a small set of starting points, not the tool catalogue. */
.order-home { --home-gap:24px; }
.order-home svg { display:block; width:21px; height:21px; flex:none; }
.order-home .eyebrow { font-size:.8125rem; font-weight:750; line-height:1.5; letter-spacing:.065em; color:var(--order-blue); }
.order-home-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); align-items:center; gap:48px; padding:4px 0 32px; }
.order-home-hero-copy { min-width:0; padding:8px 0; }
.order-home-hero-copy>.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 18px; }
.order-home-hero-copy>.eyebrow>span { display:block; width:20px; height:3px; background:var(--order-orange); flex:none; }
.order-home-hero h1 { font-size:clamp(3rem,4.25vw,3.875rem); line-height:1.07; letter-spacing:-.045em; margin:0 0 20px; font-weight:800; }
.order-home-hero h1>span { color:var(--order-blue); }
.order-home-intro { font-size:1.125rem; line-height:1.6; color:var(--order-muted); max-width:520px; margin:0 0 24px; }
.order-home .actions { display:flex; flex-wrap:wrap; align-items:stretch; gap:10px; margin:0; }
.order-home .actions>a { min-height:48px; padding:12px 16px; }
.order-home-reassurance { display:flex; gap:8px; align-items:center; font-size:.875rem; color:var(--order-muted); margin:14px 0 0; }
.order-home-reassurance svg { color:var(--order-teal); width:17px; height:17px; }
.order-home-hero-image { height:400px; position:relative; isolation:isolate; min-width:0; margin:0; border-radius:12px; overflow:hidden; background:var(--order-ink); }
.order-home-hero-image>img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 60%; }
.order-home-hero-image::after { position:absolute; content:''; inset:45% 0 0; background:linear-gradient(transparent,#132d3dd9); z-index:0; pointer-events:none; }
.order-home-hero-image figcaption { position:absolute; z-index:1; left:28px; right:28px; bottom:24px; color:#fff; margin:0; }
.order-home-hero-image figcaption>span { display:block; font-size:.75rem; letter-spacing:.1em; margin-bottom:5px; }
.order-home-hero-image figcaption>strong { display:block; font-size:1.375rem; font-weight:650; line-height:1.3; }
.order-home-jobs { padding:4px 0 40px; }
.order-home-section-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.order-home h2 { font-size:clamp(1.75rem,2.2vw,2.125rem); line-height:1.2; letter-spacing:-.035em; margin:0 0 20px; }
.order-home-section-heading h2 { margin:0; font-size:1.625rem; }
.order-home-section-heading>a,.order-home-start-intro>a,.order-home-other-playbooks { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:var(--order-blue); font-size:.9375rem; font-weight:700; text-decoration:none; }
.order-home-section-heading>a:hover,.order-home-start-intro>a:hover,.order-home-other-playbooks:hover { text-decoration:underline; }
.order-home-job-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.order-home-job { --job-accent:var(--order-blue); display:grid; grid-template-columns:minmax(0,1fr) 96px; min-width:0; text-decoration:none; color:var(--order-ink); border:1px solid var(--order-line); border-top:3px solid var(--job-accent); border-radius:10px; overflow:hidden; background:white; transition:border-color 160ms ease,box-shadow 160ms ease; }
.order-home-job--solve { --job-accent:var(--order-teal); }
.order-home-job--value { --job-accent:var(--order-orange); }
.order-home-job:hover { border-color:var(--job-accent); box-shadow:0 6px 18px #132d3d0e; }
.order-home-job-copy { display:flex; flex-direction:column; padding:20px; min-width:0; }
.order-home-job-icon { color:var(--job-accent); margin-bottom:14px; }
.order-home-job-icon svg { width:25px; height:25px; }
.order-home-job h3 { font-size:1.125rem; line-height:1.3; letter-spacing:-.02em; margin:0 0 8px; }
.order-home-job p { font-size:.9375rem; color:var(--order-muted); line-height:1.5; margin:0 0 16px; }
.order-home-job strong { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:.875rem; line-height:1.4; color:var(--order-blue); font-weight:700; margin-top:auto; }
.order-home-job strong svg { width:18px; height:18px; }
.order-home-job>img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% center; }
.order-home-continue { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; padding:14px 20px; margin:0 0 32px; background:#fff; border:1px solid var(--order-line); border-left:4px solid var(--order-blue); border-radius:8px; }
.order-home-continue>div,.order-home-continue>a { display:flex; align-items:center; gap:12px; }
.order-home-continue p { margin:0; }
.order-home-continue>a { font-weight:700; min-height:44px; }
.order-home-start { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding:48px 0; border-top:1px solid var(--order-line); }
.order-home-start-intro>.eyebrow { margin:0 0 16px; }
.order-home-start-intro>p:not(.eyebrow) { color:var(--order-muted); max-width:460px; font-size:1.0625rem; margin:0 0 16px; }
.order-home-steps { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; }
.order-home-steps li { display:grid; grid-template-columns:36px 1fr 24px; gap:16px; padding:20px 0; border-bottom:1px solid var(--order-line); align-items:start; }
.order-home-steps li:first-child { padding-top:0; }
.order-home-steps li>span { font-family:Manrope,system-ui,sans-serif; font-size:1.25rem; font-weight:700; color:var(--order-blue); }
.order-home-steps li>svg { color:var(--order-muted); }
.order-home-steps h3 { font-size:1.125rem; margin:0 0 6px; line-height:1.3; }
.order-home-steps p { margin:0; font-size:1rem; color:var(--order-muted); line-height:1.5; }
.order-home-proof { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:48px; align-items:center; padding:40px; margin:8px 0 48px; border-radius:12px; background:var(--order-ink); color:#fff; }
.order-home-proof .eyebrow { color:#fff; font-size:.75rem; margin:0 0 18px; }
.order-home-proof h2 { color:#fff; font-size:2.375rem; }
.order-home-proof-copy>p:not(.eyebrow) { color:#e2e8ec; font-size:1.0625rem; margin:0 0 20px; }
.order-home-proof-list { list-style:none; margin:0 0 24px; padding:0; display:grid; gap:10px; font-size:.9375rem; }
.order-home-proof-list li { display:flex; align-items:center; gap:10px; }
.order-home-proof-list svg { color:var(--order-orange); width:18px; height:18px; }
.order-home-proof-action { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.order-home-watch { display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;border:0;background:transparent;color:#fff;font:inherit;font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer; }
.order-home-watch svg { width:18px;height:18px;color:var(--order-orange); }
.order-home-price { display:block; font-size:.8125rem; color:#e2e8ec; }
.order-home-price strong { font-size:1.625rem; color:#fff; font-variant-numeric:tabular-nums; }
.order-home-proof .order-home-other-playbooks { color:#fff; margin-top:12px; font-size:.875rem; }
.order-home-proof figure { min-width:0; margin:0; background:#fff; border:1px solid #ffffff55; border-radius:8px; overflow:hidden; }
.order-home-workbook-label { display:flex; align-items:center; gap:10px; background:#eef2f7; padding:14px 16px; font-size:.8125rem; font-weight:750; color:var(--order-ink); }
.order-home-workbook-label>span { margin-left:auto; font-size:.75rem; font-weight:500; }
.order-home-workbook-label svg { width:18px; height:18px; color:var(--order-blue); }
.order-home-workbook-image { display:block; height:300px; overflow:hidden; }
.order-home-workbook-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
.order-home-proof figcaption { margin:0; border-top:1px solid var(--order-line); padding:12px 16px; font-size:.75rem; color:var(--order-muted); line-height:1.5; }
.order-home-proof figcaption>a { display:inline-block; padding:4px 0; }
.order-walkthrough { width:min(920px,calc(100% - 32px));max-height:90vh;padding:0;border:0;border-radius:12px;box-shadow:0 30px 80px #06152688;background:#fff;color:var(--order-ink); }
.order-walkthrough::backdrop { background:#071728cc; }
.order-walkthrough-head { display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 24px 12px; }
.order-walkthrough-head h2 { margin:3px 0 0;font-size:1.5rem;color:var(--order-ink); }
.order-walkthrough-head .eyebrow { margin:0; }
.order-walkthrough-head button { width:44px;height:44px;border:1px solid var(--order-line);border-radius:50%;background:#fff;color:var(--order-ink);font-size:1.75rem;line-height:1;cursor:pointer; }
.order-walkthrough>video { display:block;width:100%;height:auto;background:#0b1d2b; }
.order-walkthrough>details,.order-walkthrough>p { margin:18px 24px; }
.order-walkthrough>details summary { min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer; }
.order-walkthrough>details p { line-height:1.65;color:var(--order-muted); }
@media(min-width:801px) and (max-width:1100px) {
 .order-home-hero { gap:28px; }.order-home-hero-image { height:420px; }.order-home-hero h1 { font-size:3.125rem; }
 .order-home-job { grid-template-columns:1fr; }.order-home-job>img { height:96px; grid-row:1; object-position:50% 45%; }.order-home-job-copy { padding:20px; }
 .order-home-start { gap:32px; }.order-home-proof { gap:28px; padding:32px; }.order-home-proof h2 { font-size:2rem; }
}
@media(max-width:800px) {
 .order-home-hero { grid-template-columns:1fr; gap:24px; padding:4px 0 32px; }.order-home-hero h1 { font-size:3.25rem; }.order-home-hero-image { height:auto; aspect-ratio:4/3; }
 .order-home-hero-copy { padding:0; }.order-home-intro { max-width:620px; }
 .order-home-job-grid { grid-template-columns:1fr; gap:24px; }.order-home-job { grid-template-columns:minmax(0,1fr) 30%; }.order-home-job-copy { padding:24px; }.order-home-job h3 { font-size:1.25rem; }
 .order-home-section-heading { align-items:start; flex-direction:column; gap:8px; }.order-home-section-heading>a { min-height:32px; }
 .order-home-start { grid-template-columns:1fr; gap:28px; padding:36px 0; }.order-home-start-intro>p:not(.eyebrow) { max-width:600px; }
 .order-home-proof { grid-template-columns:1fr; padding:28px; gap:28px; margin-bottom:36px; }.order-home-proof h2 { font-size:2.125rem; }
 .order-home-workbook-image { height:auto; aspect-ratio:4/3; }
}
@media(max-width:480px) {
 .order-home-hero h1 { font-size:2.875rem; }.order-home-hero-copy>.eyebrow { font-size:.75rem; letter-spacing:.035em; }
 .order-home-intro { font-size:1.0625rem; }.order-home .actions { flex-direction:column; }.order-home .actions>a { width:100%; min-height:48px; }
 .order-home-hero-image figcaption { left:20px; right:20px; bottom:20px; }.order-home-hero-image figcaption>strong { font-size:1.125rem; }
 .order-home-job-copy { padding:20px; }.order-home-job h3 { font-size:1.125rem; }.order-home-job p { font-size:.9375rem; }
 .order-home-proof { padding:24px 20px; }.order-home-proof .eyebrow { font-size:.75rem; }.order-home-workbook-label { flex-wrap:wrap; gap:6px; }.order-home-workbook-label>span { width:100%; margin:0; }
}
@media(prefers-reduced-motion:reduce) { .order-home-job { transition:none; } }
@media print { .order-home-hero-image::after { display:none; }.order-home-hero-image figcaption { position:static; color:#000; }.order-home-proof { background:#fff; color:#000; }.order-home-proof h2,.order-home-proof p,.order-home-proof .eyebrow { color:#000; } }