body.home-v4 .dp-home .hf-section{background:#fff;padding-block:36px}
.hf-card{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:45px;align-items:center;overflow:hidden;padding:36px 46px;border:1px solid var(--dp-line);border-radius:16px;background:linear-gradient(115deg,#fff 35%,#f5f8ff);color:var(--dp-ink)}
.hf-card:before{content:'';position:absolute;left:0;top:0;width:100px;height:3px;background:var(--dp-blue)}
.hf-kicker{display:block;font-size:9px;letter-spacing:1.3px;font-weight:800;color:var(--dp-blue);margin-bottom:17px}
.hf-copy h2{font-size:clamp(28px,3.1vw,42px);font-weight:800;line-height:1.15;letter-spacing:-1.3px;color:var(--dp-ink);margin:0 0 16px;max-width:590px}
.hf-copy>p{max-width:520px;font-size:13px;line-height:1.8;color:var(--dp-muted);margin:0}
.hf-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:25px}
.hf-actions a{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:0 17px;font-size:11px;font-weight:700;text-decoration:none;border-radius:8px;transition:background .2s,border-color .2s}
.hf-actions .hf-primary{background:var(--dp-blue);border:1px solid var(--dp-blue);color:#fff}.hf-actions .hf-primary:hover{background:#224ddd}
.hf-actions .hf-secondary{border:1px solid var(--dp-line);color:var(--dp-ink);background:#fff}.hf-actions .hf-secondary:hover{border-color:#acbce0}
.hf-trust{display:flex;align-items:center;gap:7px;margin-top:15px;font-size:9px;color:#7c8ca2;line-height:1.6}.hf-trust>span{color:#13a185}
.hf-visual{display:grid;justify-items:center;gap:12px;min-width:0}
.hf-device{width:250px;max-width:100%;padding:8px;border:1px solid #d8e0ed;box-shadow:0 12px 30px #243b6810;border-radius:23px;background:#fff;font-family:Inter,Arial,sans-serif}
.hf-device-top{display:flex;align-items:center;justify-content:space-between;height:20px;padding:0 11px;color:#52617b;font-size:8px}.hf-device-top i{width:45px;height:8px;border-radius:10px;background:#e4e9f2}
.hf-device>header{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid #edf0f6}.hf-device>header>span{display:grid;place-items:center;background:#edf2ff;color:#3d62d7;border-radius:5px;width:21px;height:21px;font-size:10px;font-weight:700}.hf-device>header strong{color:#46516e;font-size:10px;font-weight:600}.hf-device>header small{color:#9ba6b8;font-size:6px;margin-left:auto}
.hf-device-body{padding:12px 10px 4px}.hf-screen-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hf-screen-heading h3{font-size:13px;color:#35445e;margin:0;font-weight:650}.hf-screen-heading>span{font-size:7px;background:#f0f4fc;color:#7284a4;border-radius:4px;padding:3px 5px}
.hf-screen-tabs{display:flex;gap:12px;font-size:7px;color:#96a1b3;padding:0 0 8px;border-bottom:1px solid #eaf0f5}.hf-screen-tabs b{color:#3a61dd;font-weight:600}
.hf-order{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #eff2f7}.hf-order b{font-size:9px;font-weight:600;color:#50617b}.hf-order small{display:block;margin-top:4px;font-size:7px;color:#8b99af}.hf-order>div:last-child{text-align:right}.hf-order strong{display:block;font-size:9px;font-weight:500;color:#52627b}.hf-order div>span{display:inline-block;font-size:6px;color:#b18749;background:#fff5e7;border-radius:3px;padding:3px 5px;margin-top:5px}.hf-order .hf-shipped{color:#537ddb;background:#eef3ff}.hf-order .hf-complete{color:#3a9a7a;background:#edf8f3}
.hf-device-body>footer{display:flex;justify-content:space-between;align-items:center;font-size:7px;padding:12px 2px 4px;color:#9aa6b8}.hf-device-body>footer b{color:#3b62d9;font-weight:600}
.hf-visual-caption{font-size:9px;color:#8292ac;letter-spacing:.1px}.hf-custom-image{display:block;max-width:100%;width:260px;height:290px;object-fit:contain}
@media(max-width:1000px){.hf-card{padding:28px;gap:25px;grid-template-columns:1.1fr .9fr}.hf-copy h2{font-size:31px}.hf-actions{gap:9px}.hf-actions a{padding-inline:12px;font-size:10px}.hf-device{width:230px}}
@media(max-width:760px){body.home-v4 .dp-home .hf-section{padding-block:24px}.hf-card{grid-template-columns:1fr;gap:25px;padding:25px 20px}.hf-copy h2{font-size:29px;letter-spacing:-.9px;max-width:420px}.hf-kicker{font-size:8px;margin-bottom:12px}.hf-copy>p{font-size:12px;line-height:1.7}.hf-actions{margin-top:19px;display:grid;grid-template-columns:1fr}.hf-actions a{font-size:11px;min-height:42px}.hf-trust{font-size:8px;margin-top:12px}.hf-visual{gap:9px}.hf-device{width:100%;max-width:310px;border-radius:12px;padding:0;box-shadow:none}.hf-device-top{display:none}.hf-device>header{padding:8px 12px}.hf-device-body{padding:9px 12px}.hf-order{padding:8px 0}.hf-order:last-of-type{display:none}.hf-device-body>footer{padding-top:8px}.hf-custom-image{height:210px;width:230px}.hf-visual-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hf-actions a{transition:none}}