/* Hutchgroup Lead Flow Starter campaign: clear, accessible and intentionally distinct from the futuristic digital menu. */
:root{--lead-ink:#0a1020;--lead-navy:#101d30;--lead-teal:#79e3ba;--lead-blue:#8bcfff;--lead-line:#dce3ec}
.lead-hero{background:radial-gradient(circle at 82% 12%,rgba(83,191,229,.18),transparent 34%),radial-gradient(circle at 55% 88%,rgba(121,227,186,.12),transparent 33%),#0a1020;color:#fff;padding:165px 0 92px;overflow:hidden}
.lead-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:55px;align-items:center}
.lead-hero .eyebrow,.lead-dark .eyebrow,.lead-end .eyebrow{color:var(--lead-teal)}
.lead-hero h1{font-size:clamp(3rem,6.4vw,5.55rem);line-height:1.04;letter-spacing:-.05em;max-width:820px;margin:18px 0 24px}
.lead-hero h1 span{background:linear-gradient(92deg,#b7f7dd,#8acfff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead-intro{font-size:clamp(1.1rem,1.8vw,1.27rem);line-height:1.75;color:#c9d8e7;max-width:640px}
.lead-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.lead-actions .btn{gap:10px;min-height:54px}
.lead-secondary{border:1px solid #61748a;color:#ecf4fd;background:transparent}
.lead-secondary:hover{border-color:var(--lead-teal);color:#fff}
.fine-note{font-size:.83rem;color:#aabfd0;margin-top:19px}
.lead-system{border:1px solid #365a6d;background:linear-gradient(145deg,rgba(18,48,68,.96),rgba(12,20,36,.96));border-radius:26px;box-shadow:0 25px 75px #0005;position:relative;overflow:hidden;padding:30px}
.lead-system::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--lead-teal),var(--lead-blue))}
.system-eyebrow,.step-number{font-size:.76rem;font-weight:800;color:#167b66;letter-spacing:.13em}
.system-eyebrow{color:#91f7da}
.lead-system h2{font-size:clamp(1.8rem,3vw,2.4rem);margin:15px 0 23px;color:#fff}
.lead-system ol{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.lead-system li{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid #34546a;border-radius:12px;background:#ffffff09}
.lead-system li>span:first-child{color:#91e8d3;font-size:.85rem;font-weight:800}
.lead-system li div{flex:1;min-width:0}
.lead-system li strong{display:block;font-size:.95rem}
.lead-system li small{color:#b2c5d6;font-size:.77rem}
.state-dot{width:9px;height:9px;border-radius:100%;background:#7ce6c1;box-shadow:0 0 0 4px #79e3ba22}
.lead-system>p{margin-top:20px;color:#b8cde0;font-size:.84rem}
.lead-strip{padding:23px 0;background:#eaf4f2;border-bottom:1px solid #d4e5e1}
.lead-strip p{color:#315a54;text-align:center;font-size:.93rem}
.lead-strip strong{color:#134a3a}
.lead-section{padding:95px 0;background:#f5f7fa}
.lead-heading{max-width:805px;margin-bottom:38px}
.lead-heading h2{font-size:clamp(2rem,4.5vw,3.6rem);margin:14px 0 15px}
.lead-heading>p{font-size:1.04rem;max-width:680px}
.lead-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lead-card{min-height:270px;background:#fff;border:1px solid #dce4ee;padding:32px;border-radius:20px;box-shadow:0 10px 35px #11203908}
.lead-card h3{font-size:1.38rem;margin:31px 0 12px}
.lead-card p{line-height:1.75}
.lead-dark{background:#111a2e;color:#fff}
.lead-two{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}
.lead-two h2{font-size:clamp(2rem,4.5vw,3.5rem);margin:15px 0 21px}
.lead-dark p{color:#b5c8db;font-size:1.03rem;line-height:1.75}
.lead-demo-shot{margin:0;background:#081523;padding:16px;border:1px solid #375069;border-radius:20px;box-shadow:0 22px 70px #0004}
.lead-demo-shot img{display:block;width:100%;height:auto;border-radius:10px}
.lead-demo-shot figcaption{font-size:.77rem;color:#adc4d5;margin-top:13px}
.lead-package{display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid #dae4ee;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #12203410}
.lead-package>div:first-child{padding:42px}
.lead-package h3{font-size:clamp(1.5rem,2.7vw,2.1rem);margin:17px 0}
.lead-package p,.lead-package li{line-height:1.8}
.lead-package ul{padding-left:23px;margin:18px 0}
.lead-package li{padding-bottom:7px;color:#53667a}
.lead-package-side{padding:42px;background:linear-gradient(140deg,#c7f7e2,#b4dfff)}
.lead-package-side .eyebrow{color:#246955}
.lead-package-side p{color:#355067}
.lead-package-side h3{color:#102339}
.lead-package-side .btn{margin-top:22px}
.scope-note{font-size:.86rem;margin-top:19px;color:#596a7b}
.lead-faq{background:#eaf0f6}
.lead-faq-list{display:grid;gap:12px}
.lead-faq details{border-radius:14px;padding:20px 22px;background:#fff;border:1px solid #d2dde9}
.lead-faq summary{cursor:pointer;font-weight:800;color:#1c2c42}
.lead-faq details p{margin-top:14px;color:#586a7b}
.lead-end{padding:70px 0;background:linear-gradient(118deg,#142b3f,#0a1020);color:#fff}
.lead-end-grid{display:flex;gap:30px;justify-content:space-between;align-items:center}
.lead-end h2{font-size:clamp(2rem,4.5vw,3.9rem);line-height:1.13;margin:15px 0}
.lead-end p{color:#bfd0de}
.lead-end .btn{white-space:normal;text-align:center}
@media(max-width:950px){.lead-hero-grid,.lead-two{grid-template-columns:1fr}.lead-hero{padding-top:135px}.lead-system{max-width:700px}.lead-two{gap:28px}.lead-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.lead-hero{padding:112px 0 55px}.lead-grid,.lead-package{grid-template-columns:1fr}.lead-section{padding:65px 0}.lead-system{padding:22px}.lead-card{min-height:auto;padding:24px}.lead-package>div:first-child,.lead-package-side{padding:28px}.lead-end-grid{flex-direction:column;align-items:flex-start}.lead-actions .btn{width:100%}.lead-hero h1{font-size:clamp(2.6rem,11vw,4.4rem)}}
@media(prefers-reduced-motion:reduce){.lead-hero *,.lead-system *{transition:none!important;animation:none!important}}