/* WHM_UI_REFINEMENTS_20261101_V2. Additive overlay on the established WHM brand stylesheet. */
@font-face{font-family:'WHM Inter';src:url('/fonts/filament/filament/inter/inter-latin-wght-normal-NRMW37G5.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:100 900}
:root{--whm-heading:'WHM Inter','Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
body{font-family:var(--whm-heading);font-weight:420;line-height:1.62;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,.button,.main-nav{font-family:var(--whm-heading)}
h1{font-weight:760;letter-spacing:-.05em;line-height:1.075}
h2{font-weight:730;letter-spacing:-.043em;line-height:1.15}
h3{font-weight:700;letter-spacing:-.028em;line-height:1.28}
.hero h1{font-size:clamp(40px,5vw,66px);max-width:720px}
.page-hero h1{font-size:clamp(36px,4.6vw,60px);line-height:1.095;max-width:1000px}
.section-heading h2{font-size:clamp(30px,3.4vw,46px);max-width:840px}
.section-heading.centered h2{margin-left:auto;margin-right:auto}
.section-heading p,.hero-lead,.page-hero p{line-height:1.7;font-size:clamp(15px,1.55vw,18px)}
.feature-card p,.content-card p,.steps-grid p,.footer-brand p,.contact-aside p{line-height:1.7}
.section-pad{padding-top:clamp(66px,7.1vw,104px);padding-bottom:clamp(66px,7.1vw,104px)}
.page-hero.section-pad{padding-top:clamp(56px,6vw,76px);padding-bottom:clamp(50px,5vw,68px)}
.section-heading{max-width:850px;margin-bottom:clamp(38px,4.5vw,56px)}
.section-heading .kicker{margin-bottom:12px}
.section-heading.centered{max-width:890px}
.eyebrow,.kicker{font-weight:740;letter-spacing:.14em}
.main-nav{gap:clamp(10px,1.15vw,18px);font-size:13px;font-weight:650}
.main-nav>a:not(.button){white-space:nowrap}
.main-nav>a.active{color:#fff!important}
.main-nav>a.active::after{height:2px}
.nav-wrap{gap:clamp(18px,2vw,28px)}
.button{font-weight:760}
.feature-grid{gap:clamp(18px,2vw,26px)}
.feature-card{padding:clamp(24px,2.3vw,32px);min-height:246px}
.feature-card h3{font-size:20px;margin-bottom:11px}
.feature-card p{font-size:14px;color:#a4b8c8}
.feature-icon{width:62px;height:62px;border-radius:17px;margin-bottom:22px;color:#ffbc60;background:rgba(242,140,15,.09);border-color:rgba(242,140,15,.18);box-shadow:inset 0 0 25px rgba(242,140,15,.035)}
.feature-icon .whm-svg-icon{width:31px;height:31px;stroke-width:1.8;display:block}
.feature-card:nth-child(3n+2) .feature-icon{color:var(--cyan)}
.feature-card:hover .feature-icon{box-shadow:0 0 28px rgba(0,229,255,.09);transform:translateY(-2px)}
.whm-svg-icon{width:26px;height:26px;display:inline-block;flex:none}
/* Content pages benefit from a two-column information layout, while timelines and legal pages remain distinct. */
.content-grid.whm-page-features{width:min(1060px,calc(100% - 40px));grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.whm-page-features .content-card,.whm-page-about .content-card{padding:30px 32px;position:relative}
.whm-page-features .content-card h2,.whm-page-about .content-card h2{font-size:clamp(22px,2.2vw,26px);line-height:1.2;margin-bottom:12px}
.whm-page-features .content-card p,.whm-page-about .content-card p{font-size:14.5px;color:#a8bcca;margin-bottom:0}
.whm-page-features .whm-card-label,.whm-page-about .whm-card-label{display:none}
.whm-page-features .whm-page-icon,.whm-page-about .whm-page-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:21px;border-radius:15px;color:var(--cyan);border:1px solid rgba(0,229,255,.21);background:rgba(0,229,255,.075)}
.whm-page-features .content-card:nth-child(even) .whm-page-icon,.whm-page-about .content-card:nth-child(even) .whm-page-icon{color:#ffba5d;border-color:rgba(242,140,15,.23);background:rgba(242,140,15,.085)}
.whm-page-icon .whm-svg-icon{width:28px;height:28px}
.whm-page-about{width:min(1050px,calc(100% - 40px));grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.whm-page-about .content-card{min-height:280px}
.whm-timeline-card h2{font-size:22px}
.whm-timeline-card p{font-size:14px;color:#b1c1cd}
.whm-step-thumbnail{color:var(--cyan)}
.whm-step-thumbnail .whm-svg-icon{width:41px;height:41px}
.whm-timeline-card:nth-child(even) .whm-step-thumbnail .whm-svg-icon{color:var(--accent)}
/* Home conversion: actual publicly available example, explicitly distinct from dashboard illustration. */
.whm-product-proof{position:relative;background:radial-gradient(circle at 15% 15%,rgba(0,229,255,.04),transparent 37%),#07101b;border-top:1px solid rgba(0,229,255,.1);border-bottom:1px solid rgba(0,229,255,.1)}
.whm-proof-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(34px,5vw,72px);align-items:center}
.whm-product-proof h2{font-size:clamp(30px,3.2vw,45px);max-width:600px;margin-top:13px}
.whm-product-proof p{color:#b3c8d5;max-width:570px;font-size:16px;line-height:1.73}
.whm-product-proof .whm-proof-note{font-size:12px;color:#89a2b4;margin-top:18px}
.whm-proof-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.whm-proof-preview{padding:28px;border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.052),rgba(255,255,255,.018));border:1px solid rgba(0,229,255,.17);box-shadow:0 18px 50px rgba(0,0,0,.14)}
.whm-proof-header{display:flex;gap:12px;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.09)}
.whm-proof-header>span{width:48px;height:48px;border:1px solid rgba(0,229,255,.2);border-radius:13px;display:grid;place-items:center;color:var(--cyan);background:rgba(0,229,255,.065)}
.whm-proof-header strong{display:block;font-weight:720;font-size:16px}
.whm-proof-header small{display:block;color:#9aaebc;font-size:12px;margin-top:2px}
.whm-proof-items{display:grid;gap:0}
.whm-proof-items>div{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#c4d9e5;font-size:14px}
.whm-proof-items>div:last-child{border-bottom:0}
.whm-proof-items .whm-svg-icon{color:var(--cyan);width:21px;height:21px}
.whm-proof-items b{font-weight:650}
.whm-proof-items span{display:block;margin-left:auto;color:#91a9b9;font-size:12px;text-align:right}
/* Section separation. Avoid heavy shadows and unnecessary lines inside every card. */
.section-dark,.section-muted{border-color:rgba(0,229,255,.1)}
.cta-section{padding-top:clamp(40px,5vw,70px);padding-bottom:clamp(48px,5.6vw,80px)}
.plan-card li{font-size:13.5px;line-height:1.65}
.site-footer .footer-grid{gap:clamp(26px,4vw,70px)}
.site-footer .brand-logo{width:224px}
@media(max-width:1100px){.content-grid.whm-page-about{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.whm-page-about>.content-card:last-child:nth-child(odd){grid-column:1/-1;min-height:unset}}
@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.whm-proof-grid{grid-template-columns:1fr}.whm-proof-preview{max-width:720px}.brand-logo{width:190px}.main-nav{font-size:12px;gap:10px}}
@media(max-width:820px){.content-grid.whm-page-features,.content-grid.whm-page-about{grid-template-columns:1fr}.content-grid.whm-page-about>.content-card:last-child:nth-child(odd){grid-column:auto}.main-nav{font-size:14px;gap:13px}.main-nav>a.active::after{bottom:0}}
@media(max-width:610px){.feature-grid{grid-template-columns:1fr}.whm-proof-items>div{flex-wrap:wrap}.whm-proof-items span{margin-left:34px;flex-basis:100%;text-align:left}.feature-card{min-height:unset}.whm-proof-preview{padding:20px}.section-heading h2{font-size:clamp(28px,8vw,36px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}