/**
 * HireOne Landing Page Styles
 * Converted from React build - pixel-perfect match
 * Theme: Hello Elementor
 */

/* === CSS Variables === */
:root {
    --lo: #ff6a00;
    --lo-light: #fff0e6;
    --lo-mid: #ffd9bf;
    --ln: #3d445e;
    --ln-dark: #272c3f;
    --lbg: #fff;
    --lbg2: #f7f8fc;
    --lbg3: #eceef5;
    --ltext: #1a1d2e;
    --lmuted: #6b7194;
    --lborder: rgba(61,68,94,.1);
    --lborder-md: rgba(61,68,94,.15);
}

/* === Base Reset for Landing === */
.hireone-landing {
    font-family: 'DM Sans', sans-serif;
    color: var(--ltext);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

.hireone-landing *,
.hireone-landing *::before,
.hireone-landing *::after {
    box-sizing: border-box;
}

/* === Navigation === */
.lp-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    background: var(--ln-dark);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5%;
    z-index: 200;
    transition: box-shadow .3s;
}
.lp-nav.scrolled { box-shadow: 0 2px 24px rgba(0,0,0,.3); }
.lp-nav-logo img { display: block; height: 34px; }
.lp-nav-links { display: flex; gap: 34px; list-style: none; margin: 0; padding: 0; }
.lp-nav-links a { color: rgba(255,255,255,.6); font-size: 14px; font-weight: 500; text-decoration: none; transition: color .2s; }
.lp-nav-links a:hover { color: #fff; }
.lp-nav-actions { display: flex; align-items: center; gap: 10px; }
.lp-btn-ghost {
    background: none; border: 1.5px solid rgba(255,255,255,.2);
    border-radius: 8px; color: rgba(255,255,255,.8); cursor: pointer;
    font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 500;
    padding: 9px 20px; transition: all .2s;
}
.lp-btn-ghost:hover { border-color: var(--lo); color: var(--lo); }
.lp-btn-nav-cta {
    background: var(--lo); border: none; border-radius: 8px;
    color: #fff; cursor: pointer; font-family: 'DM Sans', sans-serif;
    font-size: 14px; font-weight: 600; padding: 10px 22px; transition: all .2s;
}
.lp-btn-nav-cta:hover { background: #e05e00; transform: translateY(-1px); }

/* === Hero Section === */
.lp-hero {
    position: relative; min-height: 100vh; display: flex;
    flex-direction: column; align-items: center; justify-content: center;
    padding: 140px 5% 80px; text-align: center; overflow: hidden;
    background: linear-gradient(160deg, #fff, #f7f8fc 60%, #eef0f8);
}
.lp-hero-grid {
    position: absolute; inset: 0; pointer-events: none;
    background-image: linear-gradient(rgba(61,68,94,.05) 1px, transparent 0),
                      linear-gradient(90deg, rgba(61,68,94,.05) 1px, transparent 0);
    background-size: 52px 52px;
    mask-image: radial-gradient(ellipse 100% 80% at 50% 0, #000 0, transparent 85%);
    -webkit-mask-image: radial-gradient(ellipse 100% 80% at 50% 0, #000 0, transparent 85%);
}
.lp-orb {
    position: absolute; border-radius: 50%; filter: blur(70px);
    pointer-events: none; animation: lpOrbFloat linear infinite;
}
.lp-orb1 { width: 600px; height: 600px; left: -100px; top: -150px; background: radial-gradient(circle, rgba(255,106,0,.12), transparent 70%); animation-duration: 18s; }
.lp-orb2 { width: 500px; height: 500px; right: -80px; bottom: -100px; background: radial-gradient(circle, rgba(61,68,94,.08), transparent 70%); animation-duration: 22s; animation-delay: -7s; }
.lp-orb3 { width: 300px; height: 300px; left: 60%; top: 40%; background: radial-gradient(circle, rgba(255,106,0,.07), transparent 70%); animation-duration: 15s; animation-delay: -4s; }
@keyframes lpOrbFloat {
    0% { transform: translate(0) scale(1); }
    25% { transform: translate(30px,-20px) scale(1.05); }
    50% { transform: translate(-20px,30px) scale(.95); }
    75% { transform: translate(20px,20px) scale(1.03); }
    100% { transform: translate(0) scale(1); }
}
.lp-hero-content { position: relative; z-index: 10; }
.lp-hero-pill {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--lo-light); border: 1px solid var(--lo-mid);
    border-radius: 100px; color: var(--lo); font-size: 13px;
    font-weight: 600; padding: 6px 16px 6px 9px; margin-bottom: 32px;
    animation: lpFadeUp .6s ease both;
}
.lp-pdot { width: 6px; height: 6px; border-radius: 50%; background: var(--lo); animation: lpBlink 2s infinite; }
@keyframes lpBlink { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .4; transform: scale(1.3); } }

.lp-hero-h1 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(40px, 5.8vw, 74px); font-weight: 800;
    letter-spacing: -.035em; line-height: 1.08;
    color: var(--ltext); max-width: 820px; margin: 0 auto;
}
.lp-hero-h1 .lp-word {
    display: inline-block; opacity: 0; transform: translateY(28px);
    animation: lpWordReveal .5s ease forwards;
}
.lp-hero-h1 .lp-accent { color: var(--lo); }
@keyframes lpWordReveal { to { opacity: 1; transform: translateY(0); } }
.lp-hero-sub {
    color: var(--lmuted); font-size: clamp(15px,1.6vw,18px);
    line-height: 1.75; max-width: 460px; margin: 24px auto 36px;
    opacity: 0; animation: lpFadeUp .6s ease .9s forwards;
}
.lp-hero-cta {
    display: flex; align-items: center; gap: 11px; justify-content: center;
    opacity: 0; animation: lpFadeUp .6s ease 1.1s forwards;
}
.lp-btn-hero {
    display: inline-block; background: var(--lo); color: #fff;
    border: none; border-radius: 10px; font-family: 'DM Sans', sans-serif;
    font-size: 15px; font-weight: 600; padding: 14px 30px;
    box-shadow: 0 4px 20px rgba(255,106,0,.3); cursor: pointer;
    transition: all .25s; text-decoration: none;
}
.lp-btn-hero:hover { background: var(--lo); color: #fff; text-decoration: none; box-shadow: 0 10px 32px rgba(255,106,0,.38); transform: translateY(-2px); }
.lp-btn-outline-hero {
    display: flex; align-items: center; gap: 8px;
    background: #fff; border: 1.5px solid var(--lborder-md);
    border-radius: 10px; color: var(--ln); font-family: 'DM Sans', sans-serif;
    font-size: 15px; font-weight: 500; padding: 14px 26px;
    cursor: pointer; transition: all .2s; text-decoration: none;
}
.lp-btn-outline-hero:hover { background: #fff; color: var(--ln); text-decoration: none; }
@keyframes lpFadeUp { 0% { opacity: 0; transform: translateY(16px); } 100% { opacity: 1; transform: translateY(0); } }

/* === Hero Trust === */
.lp-hero-trust {
    display: flex; align-items: center; gap: 12px; justify-content: center;
    margin-top: 28px; opacity: 0; animation: lpFadeUp .6s ease 1.3s forwards;
}
.lp-trust-avatars { display: flex; }
.lp-trust-av {
    width: 28px; height: 28px; border-radius: 50%; border: 2px solid #fff;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 10px; font-weight: 700; margin-left: -8px; flex-shrink: 0;
}
.lp-trust-text { color: var(--lmuted); font-size: 13px; }
.lp-trust-text strong { color: var(--ltext); }
.lp-trust-stars { color: var(--lo); font-size: 12px; letter-spacing: 1px; }

/* === Floating Chips === */
.lp-float-chip {
    position: absolute; pointer-events: none; background: #fff;
    border: 1px solid var(--lborder-md); border-radius: 14px;
    box-shadow: 0 8px 28px rgba(61,68,94,.12), 0 2px 8px rgba(61,68,94,.06);
    opacity: 0; transform-origin: top center; will-change: transform;
}
.lp-float-chip.c-visible { animation: lpChipIn .6s cubic-bezier(.34,1.56,.64,1) forwards; }
@keyframes lpChipIn { 0% { opacity: 0; transform: translateY(-20px) scale(.88); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
.lp-chip-stat { display: flex; align-items: center; gap: 11px; min-width: 160px; padding: 13px 16px; }
.lp-chip-stat-ico { width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.lp-chip-stat-num { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 21px; font-weight: 800; letter-spacing: -.02em; line-height: 1; }
.lp-chip-stat-lbl { color: var(--lmuted); font-size: 10px; font-weight: 500; line-height: 1.45; margin-top: 3px; max-width: 110px; }
.lp-chip-notify { display: flex; align-items: center; gap: 9px; min-width: 155px; padding: 10px 13px; }
.lp-chip-notify-ico { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.lp-chip-notify-lbl { color: var(--lmuted); font-size: 10px; font-weight: 500; white-space: nowrap; }
.lp-chip-notify-val { color: var(--ltext); font-family: 'Plus Jakarta Sans', sans-serif; font-size: 13px; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.lp-chip-live-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #22c55e; margin-right: 4px; vertical-align: middle; animation: lpLivePulse2 1.6s infinite; }
@keyframes lpLivePulse2 { 0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.5); } 50% { box-shadow: 0 0 0 4px rgba(34,197,94,0); } }

/* Chip positions */
.lp-chip1 { left: 1%; top: 11%; }
.lp-chip2 { right: 15%; top: 8%; }
.lp-chip3 { left: 13%; top: 34%; }
.lp-chip4 { right: 2%; top: 27%; }
.lp-chip5 { left: 3%; top: 58%; }
.lp-chip6 { right: 14%; top: 50%; }
.lp-chip7 { left: 16%; top: 79%; }
.lp-chip8 { right: 2%; top: 72%; }

/* Chip dangle animations */
@keyframes lpDangle1{0%,100%{transform:rotate(-3.5deg) translateY(0)}25%{transform:rotate(2.5deg) translateY(-6px)}50%{transform:rotate(-1.5deg) translateY(-10px)}75%{transform:rotate(3deg) translateY(-4px)}}
@keyframes lpDangle2{0%,100%{transform:rotate(2deg) translateY(-2px)}30%{transform:rotate(-3deg) translateY(-8px)}60%{transform:rotate(1.5deg) translateY(-12px)}80%{transform:rotate(-2deg) translateY(-5px)}}
@keyframes lpDangle3{0%,100%{transform:rotate(-2deg) translateY(-4px)}35%{transform:rotate(3.5deg) translateY(-11px)}65%{transform:rotate(-1deg) translateY(-7px)}85%{transform:rotate(2.5deg) translateY(-2px)}}
@keyframes lpDangle4{0%,100%{transform:rotate(1.5deg) translateY(-1px)}20%{transform:rotate(-4deg) translateY(-9px)}55%{transform:rotate(2deg) translateY(-13px)}75%{transform:rotate(-1.5deg) translateY(-6px)}}
.lp-chip1.c-visible{animation:lpChipIn .6s cubic-bezier(.34,1.56,.64,1) .3s forwards,lpDangle1 5.4s ease-in-out 1s infinite}
.lp-chip2.c-visible{animation:lpChipIn .6s cubic-bezier(.34,1.56,.64,1) .5s forwards,lpDangle2 6.2s ease-in-out 1.2s infinite}
.lp-chip3.c-visible{animation:lpChipIn .6s cubic-bezier(.34,1.56,.64,1) .7s forwards,lpDangle3 7.1s ease-in-out 1.4s infinite}
.lp-chip4.c-visible{animation:lpChipIn .6s cubic-bezier(.34,1.56,.64,1) .4s forwards,lpDangle4 5.8s ease-in-out 1.1s infinite}

/* === Logos Section === */
.lp-logos {
    display: flex; flex-direction: column; align-items: center; gap: 16px;
    padding: 30px 5%; overflow: hidden;
    background: var(--lbg2); border-top: 1px solid var(--lborder); border-bottom: 1px solid var(--lborder);
}
.lp-llabel { color: var(--lmuted); font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.lp-lrow { display: flex; align-items: center; flex-wrap: wrap; gap: 48px; justify-content: center; }
.lp-lco { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: -.02em; color: rgba(61,68,94,.18); cursor: default; transition: color .3s; }
.lp-lco:hover { color: rgba(61,68,94,.4); }

/* === Stats Section === */
.lp-stats { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--lborder); }
.lp-stat { display: flex; flex-direction: column; gap: 5px; padding: 46px 36px; border-right: 1px solid var(--lborder); }
.lp-stat:last-child { border-right: none; }
.lp-stn { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 42px; font-weight: 800; letter-spacing: -.04em; line-height: 1; color: var(--ltext); }
.lp-stn em { color: var(--lo); font-style: normal; }
.lp-stl { color: var(--lmuted); font-size: 14px; }

/* === Section Headers === */
.lp-sh { text-align: center; margin-bottom: 52px; }
.lp-ey { display: inline-block; color: var(--lo); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 13px; }
.lp-sh h2 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(26px,3vw,44px); font-weight: 800; letter-spacing: -.03em; line-height: 1.1; max-width: 520px; margin: 0 auto 14px; color: var(--ltext); }
.lp-sh p { color: var(--lmuted); font-size: 16px; line-height: 1.7; max-width: 440px; margin: 0 auto; }

/* === Features Section === */
.lp-features { background: #fff; padding: 88px 5%; }
.lp-fgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.lp-fc {
    background: var(--lbg2); border: 1px solid var(--lborder);
    border-radius: 14px; padding: 32px 28px; position: relative;
    overflow: hidden; cursor: default; transition: all .3s;
}
.lp-fc::after {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: var(--lo); transform: scaleX(0); transform-origin: left;
    transition: transform .35s ease;
}
.lp-fc:hover { background: #fff; border-color: var(--lborder-md); box-shadow: 0 8px 28px rgba(61,68,94,.08); transform: translateY(-3px); }
.lp-fc:hover::after { transform: scaleX(1); }
.lp-fico { width: 44px; height: 44px; border-radius: 10px; background: var(--lo-light); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.lp-fc h3 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: -.01em; margin-bottom: 8px; color: var(--ltext); }
.lp-fc p { color: var(--lmuted); font-size: 13px; line-height: 1.75; }
.lp-ftag { display: inline-flex; background: var(--lo-light); border-radius: 100px; color: var(--lo); font-size: 10px; font-weight: 700; letter-spacing: .04em; margin-top: 12px; padding: 3px 9px; }

/* === How It Works (Services) === */
.lp-how { background: var(--lbg2); padding: 88px 5%; }
.lp-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; margin-top: 14px; }
.lp-steps::before { content: ''; position: absolute; top: 25px; left: 12.5%; right: 12.5%; height: 1px; background: var(--lo-mid); }
.lp-step { display: flex; flex-direction: column; align-items: flex-start; padding: 0 22px; }
.lp-stpn {
    width: 50px; height: 50px; border-radius: 50%; border: 2px solid var(--lo);
    background: #fff; display: flex; align-items: center; justify-content: center;
    font-family: 'Plus Jakarta Sans', sans-serif; font-size: 16px; font-weight: 800;
    color: var(--lo); margin-bottom: 20px; position: relative; z-index: 1;
}
.lp-step h4 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: -.01em; margin-bottom: 8px; color: var(--ltext); }
.lp-step p { color: var(--lmuted); font-size: 13px; line-height: 1.7; }

/* === Why HireOne (Split) === */
.lp-split { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; background: #fff; padding: 88px 5%; }
.lp-splitc { display: flex; flex-direction: column; gap: 18px; }
.lp-splitc h2 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(24px,2.5vw,36px); font-weight: 800; letter-spacing: -.03em; line-height: 1.12; color: var(--ltext); }
.lp-splitc p { color: var(--lmuted); font-size: 15px; line-height: 1.8; }
.lp-checks { display: flex; flex-direction: column; gap: 10px; }
.lp-ck { display: flex; align-items: flex-start; gap: 9px; color: var(--ltext); font-size: 14px; font-weight: 500; }
.lp-ckico { width: 18px; height: 18px; border-radius: 50%; background: var(--lo-light); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
.lp-splitv { background: var(--lbg2); border: 1.5px solid var(--lborder); border-radius: 14px; overflow: hidden; }
.lp-splitvi { padding: 24px; }
.lp-pbrow { display: flex; flex-direction: column; gap: 14px; }
.lp-pbi { display: flex; flex-direction: column; gap: 5px; }
.lp-pbt { display: flex; font-size: 12px; font-weight: 500; color: var(--ltext); justify-content: space-between; }
.lp-pbpct { color: var(--lo); font-weight: 700; }
.lp-pbtrack { height: 5px; background: var(--lbg3); border-radius: 3px; overflow: hidden; }
.lp-pbfill { height: 100%; background: var(--lo); border-radius: 3px; transition: width 1.5s ease; }

/* === Testimonials === */
.lp-testi { background: var(--lbg2); padding: 88px 5%; }
.lp-tgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.lp-tc { background: #fff; border: 1px solid var(--lborder); border-radius: 14px; padding: 24px; display: flex; flex-direction: column; gap: 12px; transition: all .25s; }
.lp-tc:hover { box-shadow: 0 8px 28px rgba(61,68,94,.08); transform: translateY(-2px); }
.lp-stars { color: var(--lo); font-size: 13px; letter-spacing: 2px; }
.lp-ttext { color: var(--ln); font-size: 14px; font-style: italic; line-height: 1.7; }
.lp-tauthor { display: flex; align-items: center; gap: 10px; margin-top: auto; }
.lp-tav { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 11px; font-weight: 700; flex-shrink: 0; }
.lp-tname { color: var(--ltext); font-size: 13px; font-weight: 600; }
.lp-trole { color: var(--lmuted); font-size: 11px; }

/* === Pricing === */
.lp-pricing { background: #fff; padding: 88px 5%; }
.lp-billing-row { display: flex; align-items: center; gap: 14px; justify-content: center; margin-bottom: 44px; }
.lp-toggle-lbl { color: var(--lmuted); font-size: 14px; font-weight: 500; transition: color .2s; }
.lp-toggle-lbl.on { color: var(--ltext); }
.lp-pill-toggle { width: 50px; height: 26px; border-radius: 100px; border: none; background: var(--lo); position: relative; cursor: pointer; flex-shrink: 0; outline: none; transition: background .2s; }
.lp-pill-toggle::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform .25s; }
.lp-pill-toggle.ann::after { transform: translateX(24px); }
.lp-save-pill { background: rgba(255,106,0,.1); border-radius: 100px; color: var(--lo); font-size: 11px; font-weight: 700; letter-spacing: .04em; padding: 3px 9px; }
.lp-pgrid { display: grid; grid-template-columns: 1fr 1.1fr 1fr; gap: 18px; max-width: 980px; margin: 0 auto; align-items: start; }

/* Pricing Cards */
.lp-pc { background: var(--lbg2); border: 1.5px solid var(--lborder); border-radius: 18px; padding: 28px 24px; display: flex; flex-direction: column; position: relative; transition: box-shadow .25s, transform .25s; }
.lp-pc:hover:not(.lp-feat) { box-shadow: 0 10px 32px rgba(61,68,94,.09); transform: translateY(-2px); }
.lp-pc.lp-feat { background: var(--ln-dark); border-color: var(--ln-dark); padding-top: 38px; }
.lp-pc.lp-feat:hover { box-shadow: 0 18px 52px rgba(39,44,63,.32); transform: translateY(-3px); }
.lp-plan-badge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); border-radius: 100px; font-size: 10px; font-weight: 700; letter-spacing: .08em; padding: 4px 14px; text-transform: uppercase; white-space: nowrap; }
.lp-badge-popular { background: var(--lo); color: #fff; }
.lp-badge-free { background: var(--ln); color: #fff; }
.lp-p-eyebrow { color: var(--lmuted); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 6px; }
.lp-pc.lp-feat .lp-p-eyebrow { color: rgba(255,255,255,.38); }
.lp-p-name { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 22px; font-weight: 800; letter-spacing: -.02em; margin-bottom: 8px; color: var(--ltext); }
.lp-pc.lp-feat .lp-p-name { color: #fff; }
.lp-p-desc { color: var(--lmuted); font-size: 13px; line-height: 1.6; margin-bottom: 18px; min-height: 38px; }
.lp-pc.lp-feat .lp-p-desc { color: rgba(255,255,255,.42); }
.lp-p-price-row { display: flex; align-items: flex-end; gap: 2px; margin-bottom: 4px; min-height: 52px; }
.lp-p-cur { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 20px; font-weight: 700; padding-bottom: 7px; color: var(--ltext); }
.lp-pc.lp-feat .lp-p-cur { color: #fff; }
.lp-p-amt { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 46px; font-weight: 800; letter-spacing: -.04em; line-height: 1; color: var(--ltext); }
.lp-pc.lp-feat .lp-p-amt { color: #fff; }
.lp-p-amt-free { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 38px; font-weight: 800; line-height: 1; color: var(--ltext); }
.lp-p-per { color: var(--lmuted); font-size: 13px; font-weight: 400; padding-bottom: 7px; }
.lp-pc.lp-feat .lp-p-per { color: rgba(255,255,255,.35); }
.lp-p-note { color: var(--lmuted); font-size: 11px; line-height: 1.4; margin-bottom: 20px; min-height: 14px; }
.lp-pc.lp-feat .lp-p-note { color: rgba(255,255,255,.3); }
.lp-p-divider { height: 1px; background: var(--lborder); margin: 0 0 18px; }
.lp-pc.lp-feat .lp-p-divider { background: rgba(255,255,255,.1); }

/* Pricing Features & Buttons */
.lp-p-features { display: flex; flex-direction: column; gap: 9px; margin-bottom: 22px; flex: 1; }
.lp-pf { display: flex; align-items: flex-start; gap: 9px; color: var(--ltext); font-size: 13px; line-height: 1.45; }
.lp-pc.lp-feat .lp-pf { color: rgba(255,255,255,.8); }
.lp-pf-tick { width: 16px; height: 16px; border-radius: 50%; background: var(--lo-light); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
.lp-pc.lp-feat .lp-pf-tick { background: rgba(255,106,0,.25); }
.lp-btn-plan { display: block; width: 100%; text-align: center; padding: 13px; border: 1.5px solid var(--lborder-md); border-radius: 10px; background: #fff; color: var(--ln); font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; transition: all .2s; margin-top: auto; text-decoration: none; }
.lp-btn-plan:hover { transform: translateY(-1px); color: var(--ln); text-decoration: none; }
.lp-btn-plan.lp-cta-go { background: var(--lo); border-color: var(--lo); color: #fff; box-shadow: 0 4px 16px rgba(255,106,0,.3); }
.lp-btn-plan.lp-cta-go:hover { box-shadow: 0 8px 26px rgba(255,106,0,.38); color: #fff; text-decoration: none; }

/* Credit Pools */
.lp-credit-pools { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.lp-cr-pool { background: #fff; border: 1px solid var(--lborder); border-radius: 11px; padding: 12px 14px; }
.lp-pc.lp-feat .lp-cr-pool { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.11); }
.lp-cr-pool-head { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }
.lp-cr-pool-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.lp-cr-pool-name { color: var(--lmuted); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.lp-pc.lp-feat .lp-cr-pool-name { color: rgba(255,255,255,.5); }
.lp-cr-pool-row { display: flex; align-items: baseline; gap: 5px; }
.lp-cr-pool-amount { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 22px; font-weight: 800; letter-spacing: -.02em; line-height: 1; color: var(--ltext); }
.lp-pc.lp-feat .lp-cr-pool-amount { color: #fff; }
.lp-cr-pool-unit { color: var(--lmuted); font-size: 11px; }
.lp-pc.lp-feat .lp-cr-pool-unit { color: rgba(255,255,255,.32); }
.lp-cr-pool-rates { border-top: 1px solid var(--lborder); margin-top: 8px; padding-top: 8px; display: flex; flex-direction: column; gap: 3px; }
.lp-pc.lp-feat .lp-cr-pool-rates { border-top-color: rgba(255,255,255,.09); }
.lp-cr-pool-rate { display: flex; align-items: center; justify-content: space-between; font-size: 10px; }
.lp-cr-pool-rate span:first-child { color: var(--lmuted); }
.lp-pc.lp-feat .lp-cr-pool-rate span:first-child { color: rgba(255,255,255,.33); }
.lp-cr-pool-rate span:last-child { color: var(--lo); font-weight: 700; }

/* === CTA Section === */
.lp-ctasec { background: var(--lbg2); padding: 88px 5%; }
.lp-ctabox { background: var(--ln-dark); border-radius: 20px; padding: 72px 44px; position: relative; text-align: center; overflow: hidden; }
.lp-ctabox::before { content: ''; position: absolute; top: -70px; right: -70px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(255,106,0,.13), transparent 70%); }
.lp-ctabox h2 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(22px,3vw,44px); font-weight: 800; letter-spacing: -.03em; line-height: 1.1; color: #fff; margin-bottom: 12px; position: relative; z-index: 1; }
.lp-ctabox p { color: rgba(255,255,255,.5); font-size: 16px; margin-bottom: 30px; position: relative; z-index: 1; }
.lp-ctabtns { display: flex; gap: 10px; justify-content: center; position: relative; z-index: 1; }
.lp-btn-cw { display: inline-block; background: #fff; color: var(--ln); border: none; border-radius: 9px; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 700; padding: 13px 28px; cursor: pointer; transition: all .2s; text-decoration: none; }
.lp-btn-cw:hover { box-shadow: 0 8px 20px rgba(0,0,0,.18); transform: translateY(-2px); color: var(--ln); text-decoration: none; }
.lp-btn-co { display: inline-block; background: rgba(255,255,255,.1); color: rgba(255,255,255,.88); border: 1.5px solid rgba(255,255,255,.2); border-radius: 9px; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600; padding: 13px 28px; cursor: pointer; transition: all .2s; text-decoration: none; }
.lp-btn-co:hover { color: rgba(255,255,255,.88); text-decoration: none; }

/* === Footer === */
.lp-footer { display: flex; align-items: center; justify-content: space-between; padding: 36px 5%; background: var(--ln-dark); border-top: 1px solid rgba(255,255,255,.06); }
.lp-footer-logo img { display: block; height: 26px; }
.lp-flinks { display: flex; gap: 24px; }
.lp-flinks a { color: rgba(255,255,255,.38); font-size: 12px; text-decoration: none; transition: color .2s; }
.lp-flinks a:hover { color: rgba(255,255,255,.8); }
.lp-fcopy { color: rgba(255,255,255,.28); font-size: 12px; }

/* === Scroll Reveal === */
.lp-reveal { opacity: 0; transform: translateY(20px); transition: opacity .65s ease, transform .65s ease; }
.lp-reveal.in { opacity: 1; transform: none; }

/* === Contact Section === */
.lp-contact { background: #fff; padding: 88px 5%; }
.lp-contact-form { max-width: 600px; margin: 0 auto; }

/* === Responsive === */
@media (max-width: 1150px) {
    .lp-chip5, .lp-chip6, .lp-chip7, .lp-chip8 { display: none; }
}
@media (max-width: 980px) {
    .lp-float-chip { display: none; }
}
@media (max-width: 860px) {
    .lp-pgrid { grid-template-columns: 1fr; }
    .lp-pc.lp-feat { padding-top: 38px; }
}
@media (max-width: 768px) {
    .lp-nav-links, .lp-nav-actions { display: none; }
    .lp-stats { grid-template-columns: repeat(2, 1fr); }
    .lp-stat { border-bottom: 1px solid var(--lborder); }
    .lp-fgrid { grid-template-columns: 1fr; }
    .lp-steps { grid-template-columns: 1fr 1fr; }
    .lp-split { grid-template-columns: 1fr; gap: 32px; }
    .lp-tgrid { grid-template-columns: 1fr; }
    .lp-footer { flex-direction: column; gap: 16px; text-align: center; }
    .lp-flinks { flex-wrap: wrap; justify-content: center; }
}
@media (max-width: 600px) {
    .lp-steps { grid-template-columns: 1fr; }
    .lp-steps::before { display: none; }
}

/* === Hero Dashboard Visual === */
.lp-hero-visual { margin-top: 56px; max-width: 960px; width: 100%; position: relative; z-index: 10; opacity: 0; animation: lpFadeUp .8s ease 1.4s forwards; }
.lp-df { background: #fff; border: 1.5px solid var(--lborder-md); border-radius: 16px; box-shadow: 0 24px 80px rgba(61,68,94,.12), 0 4px 16px rgba(61,68,94,.06); overflow: hidden; position: relative; }
.lp-dfbar { display: flex; align-items: center; gap: 7px; padding: 12px 18px; background: var(--lbg2); border-bottom: 1px solid var(--lborder); }
.lp-dot { width: 11px; height: 11px; border-radius: 50%; }
.lp-dot.r { background: #ff5f57; }
.lp-dot.y { background: #febc2e; }
.lp-dot.g { background: #28c840; }
.lp-barlabel { color: var(--lmuted); font-size: 12px; font-weight: 500; margin-left: 12px; }
.lp-live-badge { display: flex; align-items: center; gap: 5px; margin-left: auto; color: #22c55e; font-size: 11px; font-weight: 600; }
.lp-live-dot { width: 6px; height: 6px; border-radius: 50%; background: #22c55e; animation: lpLivePulse 1.5s infinite; }
@keyframes lpLivePulse { 0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.5); } 50% { box-shadow: 0 0 0 5px rgba(34,197,94,0); } }
.lp-dbody { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; padding: 20px; }
.lp-dc { background: var(--lbg2); border: 1px solid var(--lborder); border-radius: 11px; padding: 16px; overflow: hidden; position: relative; }
.lp-dc.wide { grid-column: span 2; }
.lp-dlabel { color: var(--lmuted); font-size: 11px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; margin-bottom: 7px; }
.lp-dnum { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 28px; font-weight: 800; letter-spacing: -.03em; line-height: 1; color: var(--ltext); }
.lp-dsub { color: var(--lmuted); font-size: 12px; margin-top: 4px; }
.lp-dbadge { display: inline-flex; align-items: center; gap: 3px; margin-top: 7px; padding: 3px 8px; background: var(--lo-light); border-radius: 100px; color: var(--lo); font-size: 11px; font-weight: 600; }
.lp-clist { display: flex; flex-direction: column; gap: 7px; margin-top: 9px; }
.lp-citem { display: flex; align-items: center; gap: 9px; padding: 9px 11px; background: #fff; border: 1px solid var(--lborder); border-radius: 9px; transition: border-color .2s; }
.lp-citem:hover { border-color: rgba(255,106,0,.25); }
.lp-av { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 10px; font-weight: 700; flex-shrink: 0; }
.lp-ci { flex: 1; }
.lp-cname { color: var(--ltext); font-size: 12px; font-weight: 600; }
.lp-crole { color: var(--lmuted); font-size: 10px; }
.lp-sw { display: flex; align-items: center; gap: 5px; width: 120px; }
.lp-str { flex: 1; height: 3px; background: var(--lbg3); border-radius: 2px; overflow: hidden; }
.lp-sf { height: 100%; background: var(--lo); border-radius: 2px; }
.lp-sn { color: var(--lo); font-size: 11px; font-weight: 700; text-align: right; width: 22px; }
.lp-bars { display: flex; align-items: flex-end; gap: 5px; height: 64px; margin-top: 10px; }
.lp-bar { flex: 1; background: var(--lo-mid); border-radius: 4px 4px 0 0; transition: transform .8s ease; }
.lp-bar.hi { background: var(--lo); }
.lp-bar.grown { transform: scaleY(1); }

@media (max-width: 768px) {
    .lp-dbody { grid-template-columns: 1fr; }
    .lp-dc.wide { grid-column: span 1; }
}

/* === Credit Calculator === */
.lp-calcsec { background: var(--lbg2); border-top: 1px solid var(--lborder); padding: 64px 5%; }
.lp-calcbox { background: #fff; border: 1.5px solid var(--lborder); border-radius: 18px; max-width: 880px; margin: 0 auto; overflow: hidden; }
.lp-calchead { display: flex; align-items: center; justify-content: space-between; padding: 24px 28px; border-bottom: 1px solid var(--lborder); }
.lp-calchead h3 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 18px; font-weight: 700; letter-spacing: -.02em; color: var(--ltext); margin: 0; }
.lp-calcbody { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 28px; }
.lp-calcol h4 { display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; margin: 0 0 14px 0; }
.lp-calcdot { width: 7px; height: 7px; border-radius: 50%; }
.lp-calcrow { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }
.lp-calcrow label { color: var(--lmuted); font-size: 11px; font-weight: 500; }
.lp-calcrow input[type=range] { width: 100%; height: 3px; accent-color: var(--lo); }
.lp-cv { color: var(--ltext); font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; font-weight: 700; }
.lp-calc-subtotal { background: var(--lbg2); border-radius: 7px; padding: 10px; text-align: center; margin-top: 4px; }
.lp-calc-subtotal-lbl { color: var(--lmuted); font-size: 10px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.lp-calc-subtotal-n { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 22px; font-weight: 800; line-height: 1.1; }
.lp-calcresult { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; justify-content: space-between; padding: 20px 28px; background: var(--ln-dark); }
.lp-rec-pill { display: flex; align-items: center; gap: 8px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 9px; padding: 9px 14px; }
.lp-rec-name { color: #fff; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; font-weight: 700; }
.lp-rec-sub { color: rgba(255,255,255,.42); font-size: 11px; margin-top: 1px; }
.lp-btn-rec { display: inline-block; background: #fff; color: var(--ln); border: none; border-radius: 8px; font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; padding: 10px 20px; cursor: pointer; transition: all .2s; text-decoration: none; white-space: nowrap; }
.lp-btn-rec:hover { color: var(--ln); text-decoration: none; }

@media (max-width: 900px) {
    .lp-calcbody { grid-template-columns: 1fr; }
}

/* === LAYOUT FORCE (fixes Hello Elementor reset overrides) === */
.hireone-landing .lp-dbody {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 11px !important;
    padding: 20px !important;
}
.hireone-landing .lp-dc.wide {
    grid-column: span 2 !important;
}
.hireone-landing .lp-clist {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    margin-top: 9px !important;
}
.hireone-landing .lp-citem {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    flex-direction: row !important;
    padding: 9px 11px !important;
    background: #fff !important;
    border: 1px solid var(--lborder) !important;
    border-radius: 9px !important;
}
.hireone-landing .lp-sw {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: 120px !important;
    flex-direction: row !important;
}
.hireone-landing .lp-bars {
    display: flex !important;
    align-items: flex-end !important;
    gap: 5px !important;
    height: 64px !important;
    margin-top: 10px !important;
    flex-direction: row !important;
}
.hireone-landing .lp-bar {
    flex: 1 !important;
    border-radius: 4px 4px 0 0 !important;
    background: var(--lo-mid) !important;
}
.hireone-landing .lp-bar.hi {
    background: var(--lo) !important;
}
.hireone-landing .lp-dfbar {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-direction: row !important;
}
.hireone-landing .lp-hero-visual {
    margin-top: 56px !important;
    max-width: 960px !important;
    width: 100% !important;
    opacity: 1 !important;
}
.hireone-landing .lp-calcbody {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    padding: 28px !important;
}
.hireone-landing .lp-calcresult {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    justify-content: space-between !important;
    padding: 20px 28px !important;
    background: var(--ln-dark) !important;
    flex-direction: row !important;
}
.hireone-landing .lp-calcrow {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin-bottom: 12px !important;
}
.hireone-landing .lp-calcrow input[type=range] {
    width: 100% !important;
    height: 4px !important;
    accent-color: var(--lo) !important;
    -webkit-appearance: auto !important;
    appearance: auto !important;
}
.hireone-landing .lp-rec-pill {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-direction: row !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 9px !important;
    padding: 9px 14px !important;
}
.hireone-landing .lp-pgrid {
    display: grid !important;
    grid-template-columns: 1fr 1.1fr 1fr !important;
    gap: 18px !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    align-items: start !important;
}
.hireone-landing .lp-fgrid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}
.hireone-landing .lp-steps {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
}
.hireone-landing .lp-split {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 64px !important;
    align-items: center !important;
}
.hireone-landing .lp-tgrid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}
.hireone-landing .lp-stats {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
}
.hireone-landing .lp-billing-row {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    justify-content: center !important;
    flex-direction: row !important;
}
.hireone-landing .lp-hero-cta {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    justify-content: center !important;
    flex-direction: row !important;
    opacity: 1 !important;
}
.hireone-landing .lp-hero-trust {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    justify-content: center !important;
    flex-direction: row !important;
    opacity: 1 !important;
    margin-top: 28px !important;
}
.hireone-landing .lp-trust-avatars {
    display: flex !important;
    flex-direction: row !important;
}
.hireone-landing .lp-float-chip {
    opacity: 1 !important;
}
.hireone-landing .lp-hero-sub {
    opacity: 1 !important;
}

/* Force responsive overrides */
@media (max-width: 860px) {
    .hireone-landing .lp-pgrid { grid-template-columns: 1fr !important; }
}
@media (max-width: 900px) {
    .hireone-landing .lp-calcbody { grid-template-columns: 1fr !important; }
}
@media (max-width: 768px) {
    .hireone-landing .lp-dbody { grid-template-columns: 1fr !important; }
    .hireone-landing .lp-dc.wide { grid-column: span 1 !important; }
    .hireone-landing .lp-stats { grid-template-columns: repeat(2, 1fr) !important; }
    .hireone-landing .lp-fgrid { grid-template-columns: 1fr !important; }
    .hireone-landing .lp-steps { grid-template-columns: 1fr 1fr !important; }
    .hireone-landing .lp-split { grid-template-columns: 1fr !important; }
    .hireone-landing .lp-tgrid { grid-template-columns: 1fr !important; }
}

/* === Dashboard floating chips - hide on smaller screens === */
@media (max-width: 1200px) {
    .lp-hero-visual > div[style*="position:absolute"] {
        display: none !important;
    }
}

/* === Range Slider Custom Styling === */
.hireone-landing input[type=range] {
    -webkit-appearance: none !important;
    appearance: none !important;
    height: 6px !important;
    border-radius: 3px !important;
    outline: none !important;
    cursor: pointer !important;
}
.hireone-landing input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #ff6a00 !important;
    border: 3px solid #fff !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.2) !important;
    cursor: pointer !important;
}
.hireone-landing input[type=range][data-pool="data"]::-webkit-slider-thumb {
    background: #5C4D8A !important;
}
.hireone-landing input[type=range]::-moz-range-thumb {
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    background: #ff6a00 !important;
    border: 3px solid #fff !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.2) !important;
    cursor: pointer !important;
}
.hireone-landing input[type=range][data-pool="data"]::-moz-range-thumb {
    background: #5C4D8A !important;
}
.hireone-landing input[type=range]::-moz-range-track {
    height: 6px !important;
    border-radius: 3px !important;
    background: transparent !important;
}

/* === Dashboard Floating Chips Animation === */
@keyframes lpDashFloat1 {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    25% { transform: translateY(-8px) rotate(1deg); }
    50% { transform: translateY(-4px) rotate(-0.5deg); }
    75% { transform: translateY(-10px) rotate(1.5deg); }
}
@keyframes lpDashFloat2 {
    0%, 100% { transform: translateY(-2px) rotate(1deg); }
    30% { transform: translateY(-10px) rotate(-1.5deg); }
    60% { transform: translateY(-5px) rotate(0.5deg); }
    80% { transform: translateY(-12px) rotate(-1deg); }
}
@keyframes lpDashFloat3 {
    0%, 100% { transform: translateY(-3px) rotate(0.5deg); }
    35% { transform: translateY(-11px) rotate(-2deg); }
    65% { transform: translateY(-6px) rotate(1deg); }
    85% { transform: translateY(-9px) rotate(-0.5deg); }
}
@keyframes lpDashFloat4 {
    0%, 100% { transform: translateY(0) rotate(1.5deg); }
    20% { transform: translateY(-9px) rotate(-1deg); }
    50% { transform: translateY(-5px) rotate(2deg); }
    75% { transform: translateY(-11px) rotate(-1.5deg); }
}
.lp-dash-chip-1 { animation: lpDashFloat1 5.5s ease-in-out infinite; }
.lp-dash-chip-2 { animation: lpDashFloat2 6.2s ease-in-out infinite; }
.lp-dash-chip-3 { animation: lpDashFloat3 7s ease-in-out infinite; }
.lp-dash-chip-4 { animation: lpDashFloat4 5.8s ease-in-out infinite; }

/* === COMPREHENSIVE RESPONSIVE === */

/* Base styles for class-controlled grids */
.lp-rate-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.lp-calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 28px; }
.lp-dash-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; padding: 20px; }

/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
    .hireone-landing .lp-hero { padding: 120px 5% 60px; }
    .lp-dash-chip-1, .lp-dash-chip-2, .lp-dash-chip-3, .lp-dash-chip-4 { display: none !important; }
}

/* Tablet + Mobile (max-width: 768px) */
@media (max-width: 768px) {
    .hireone-landing .lp-hero { padding: 100px 4% 50px; min-height: auto; }
    .hireone-landing .lp-hero-h1 { font-size: 28px !important; }
    .hireone-landing .lp-hero-sub { font-size: 14px !important; }
    .hireone-landing .lp-float-chip { display: none !important; }
    .hireone-landing .lp-hero-cta { flex-direction: column !important; gap: 10px !important; }
    .hireone-landing .lp-btn-hero, .hireone-landing .lp-btn-outline-hero { width: 100%; text-align: center; justify-content: center !important; }
    .hireone-landing .lp-hero-trust { flex-direction: column !important; gap: 8px !important; }
    .hireone-landing .lp-nav-links, .hireone-landing .lp-nav-actions { display: none !important; }

    /* Dashboard */
    .lp-dash-grid { grid-template-columns: 1fr !important; }
    .lp-dash-grid > div[style*="grid-column"] { grid-column: span 1 !important; }

    /* Stats */
    .hireone-landing .lp-stats { grid-template-columns: 1fr 1fr !important; }
    .hireone-landing .lp-stat { padding: 24px 16px !important; }

    /* Features */
    .hireone-landing .lp-features { padding: 50px 4% !important; }
    .hireone-landing .lp-fgrid { grid-template-columns: 1fr !important; }

    /* How It Works */
    .hireone-landing .lp-how { padding: 50px 4% !important; }
    .hireone-landing .lp-steps { grid-template-columns: 1fr !important; gap: 24px !important; }
    .hireone-landing .lp-steps::before { display: none !important; }

    /* Why HireOne */
    .hireone-landing .lp-split { grid-template-columns: 1fr !important; gap: 30px !important; padding: 50px 4% !important; }

    /* Testimonials */
    .hireone-landing .lp-testi { padding: 50px 4% !important; }
    .hireone-landing .lp-tgrid { grid-template-columns: 1fr !important; }

    /* Pricing */
    .hireone-landing .lp-pricing { padding: 50px 4% !important; }
    .hireone-landing .lp-pgrid { grid-template-columns: 1fr !important; }
    .hireone-landing .lp-pc { padding: 20px 16px !important; }
    .hireone-landing .lp-billing-row { flex-wrap: wrap !important; }

    /* Rate Card - stack to single column on mobile like production */
    .lp-rate-grid { grid-template-columns: 1fr !important; overflow-x: visible !important; }
    .lp-rate-grid > div { min-width: auto !important; border-right: none !important; border-bottom: 1px solid rgba(61,68,94,.1); padding: 20px 22px !important; }
    .lp-rate-grid > div:last-child { border-bottom: none; }

    /* Calculator */
    .lp-calc-grid { grid-template-columns: 1fr !important; }

    /* CTA */
    .hireone-landing .lp-ctasec { padding: 50px 4% !important; }
    .hireone-landing .lp-ctabox { padding: 40px 20px !important; }
    .hireone-landing .lp-ctabox h2 { font-size: 22px !important; }
    .hireone-landing .lp-ctabtns { flex-direction: column !important; }
    .hireone-landing .lp-btn-co, .hireone-landing .lp-btn-cw { width: 100%; text-align: center; }

    /* Footer */
    .hireone-landing .lp-footer { flex-direction: column !important; gap: 16px !important; text-align: center !important; }
    .hireone-landing .lp-flinks { flex-wrap: wrap !important; justify-content: center !important; }

    /* Section Headers */
    .hireone-landing .lp-sh h2 { font-size: 22px !important; }
    .hireone-landing .lp-sh p { font-size: 14px !important; }

    /* Logos */
    .hireone-landing .lp-lrow { gap: 20px !important; }
    .hireone-landing .lp-lco { font-size: 12px !important; }
}

/* === Feature card hover fix (touch devices) === */
@media (hover: none) {
    .lp-fc { transform: none !important; }
    .lp-fc::after { transform: scaleX(1) !important; }
}

/* === How It Works mobile fix === */
@media (max-width: 768px) {
    .hireone-landing .lp-step { align-items: center !important; text-align: center; padding: 0 !important; }
    .hireone-landing .lp-step h4 { margin-top: 0; }
    .hireone-landing .lp-step p { max-width: 300px; }
}

/* === Stats suffix color fix === */
.hireone-landing .lp-stn span[style*="color:#ff6a00"] {
    color: #ff6a00 !important;
}