
/* DocketServe demand-generation landing pages — 2026-09-30 */
.demand-hero{padding:72px 0 64px;background:linear-gradient(120deg,#f7f9fc,#fff 68%)}
.demand-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:56px;align-items:center}
.demand-hero h1{font-size:clamp(2.55rem,5.25vw,4.65rem);max-width:17ch}
.demand-hero .lead{font-size:1.17rem;max-width:63ch}
.demand-visual{background:var(--navy);border-radius:22px;padding:30px;color:#dce5f2;box-shadow:0 22px 55px #0c1c3516;position:relative;overflow:hidden}
.demand-visual:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff16;border-radius:50%;right:-85px;top:-90px;box-shadow:0 0 0 54px #ffffff08}
.demand-visual .eyebrow{color:#e5c477}.demand-visual h2,.demand-visual h3{color:#fff}.demand-visual p{color:#c6d2e2}
.request-card{position:relative;z-index:1;background:#fff;color:var(--ink);border-radius:15px;padding:21px;margin-top:20px}.request-card p{color:var(--muted);margin:.35rem 0}.request-card strong{color:var(--navy)}
.request-row{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.88rem}.request-row:last-child{border-bottom:0}.request-row span:first-child{color:var(--muted)}
.demand-section{padding:68px 0}.demand-section.tint{background:var(--paper);border-block:1px solid #e7ebf0}.demand-head{max-width:780px;margin-bottom:30px}.demand-head>p:not(.eyebrow){color:var(--muted)}
.pain-grid,.segment-grid,.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pain-card,.segment-card,.benefit-card{padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff}.pain-card h3,.segment-card h3,.benefit-card h3{margin-bottom:9px}.pain-card p,.segment-card p,.benefit-card p{color:var(--muted);margin:0}.pain-no{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef2f7;color:#526174;font-weight:800;margin-bottom:18px}
.demand-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.demand-split.top{align-items:start}.dark-panel{background:var(--navy);border-radius:20px;padding:34px;color:#dce5f2}.dark-panel h2,.dark-panel h3{color:#fff}.dark-panel .eyebrow{color:#e5c477}.dark-panel p{color:#c3cfdf}
.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:30px}.journey-step{position:relative;padding:22px 17px 20px;border:1px solid var(--line);background:#fff;margin-left:-1px}.journey-step:first-child{border-radius:14px 0 0 14px;margin-left:0}.journey-step:last-child{border-radius:0 14px 14px 0}.journey-step strong{display:block;color:var(--navy);margin:10px 0 6px}.journey-step span{font-size:.83rem;color:var(--muted)}.step-no{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:#8a641f}
.prepare-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0}.prepare-list li{padding:16px 17px;border:1px solid var(--line);border-radius:10px;background:white;margin:0}.prepare-list strong{display:block;color:var(--navy)}.prepare-list span{font-size:.86rem;color:var(--muted)}
.legal-context{padding:24px 28px;border-left:4px solid var(--gold);background:#f9f6ef;border-radius:0 14px 14px 0}.legal-context h3{font-size:1.15rem;margin-bottom:8px}.legal-context p{margin-bottom:9px}.legal-context .fine{margin:0}
.convert-band{background:var(--navy);border-radius:22px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:35px;color:#dce5f2}.convert-band h2{color:#fff}.convert-band p{max-width:700px;color:#c3cfdf}.convert-band .actions{margin:0;flex-shrink:0}.convert-band .btn{background:#e5c477;color:var(--navy);border-color:#e5c477}
.related-demand{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.related-demand a{padding:10px 14px;border:1px solid var(--line);background:white;border-radius:8px;text-decoration:none;font-size:.88rem;font-weight:650}.related-demand a:hover{border-color:#8998ac}
.who-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:24px}.who-strip a{padding:16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:white;font-weight:700;color:var(--navy)}.who-strip span{display:block;font-size:.78rem;color:var(--muted);font-weight:400;margin-top:4px}
.command-home{background:#0c1c35;color:#dce5f2}.command-home h2,.command-home h3{color:white}.command-home .eyebrow{color:#e5c477}.command-home p{color:#c3cfdf}.command-plans-home{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.command-mini{padding:24px;border:1px solid #324762;border-radius:16px;background:#122641}.command-mini .price{color:#fff}.command-mini p{color:#c6d2e2}.command-mini .btn{background:#e5c477;color:#0c1c35;border-color:#e5c477}
.network-note{padding:22px 24px;border:1px solid #d7dfea;border-radius:14px;background:#fff}.network-note h3{margin-bottom:8px}.network-note p{color:var(--muted);margin-bottom:10px}
.service-scenario{padding:24px;border:1px solid var(--line);border-radius:15px;background:#fff}.service-scenario .eyebrow{margin-bottom:10px}.service-scenario h3{margin-bottom:9px}.service-scenario p{color:var(--muted)}
@media(max-width:900px){.demand-hero-grid,.demand-split{grid-template-columns:1fr;gap:30px}.demand-hero-grid{grid-template-columns:1fr}.pain-grid,.segment-grid,.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey{grid-template-columns:1fr 1fr}.journey-step,.journey-step:first-child,.journey-step:last-child{border-radius:10px;margin:0}.who-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.demand-hero{padding:44px 0}.demand-hero h1{font-size:clamp(2.25rem,10vw,3.1rem)}.demand-visual{padding:23px}.demand-section{padding:44px 0}.pain-grid,.segment-grid,.benefit-grid,.journey,.prepare-list,.command-plans-home,.who-strip{grid-template-columns:1fr}.convert-band{padding:28px;align-items:flex-start;flex-direction:column}.convert-band .actions{width:100%}.convert-band .btn{width:100%}}
