.hp-hero{background:radial-gradient(circle at 76% 18%,rgba(255,87,34,.22),transparent 36%),linear-gradient(135deg,#171d2b,#293548);color:#fff;padding:90px 0;overflow:hidden}
.hp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(30px,5vw,76px)}
.hp-overline{display:inline-block;border:1px solid #ffffff45;border-radius:99px;padding:7px 14px;color:#ffd2c4;font-size:.8rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.hp-hero h1{color:#fff;font-size:clamp(2.5rem,5vw,5rem);line-height:1.04;letter-spacing:-.04em;margin:25px 0}
.hp-hero p{color:#d2d9e4;font-size:1.12rem;max-width:57ch}
.hp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:30px 0 20px}
.hp-actions .btn{border-radius:10px;min-height:54px}.hp-actions>a:not(.btn){color:#fff;font-weight:700}.hp-hero small{color:#b3bfcd}
.hp-preview{background:#f8f9fc;border:1px solid #fff8;border-radius:20px;padding:18px;color:#273043;box-shadow:0 35px 80px #0005;transform:rotate(-2deg)}
.hp-preview-head{display:flex;justify-content:space-between;gap:10px;padding:8px 5px 18px}.hp-preview-head b{color:#f25928}.hp-preview-head span{font-size:.8rem;color:#667389}
.hp-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hp-preview-grid>b{text-align:center;font-size:.8rem;color:#6c7787;padding:8px}
.hp-preview-grid>span{background:#e8f1fd;border-radius:11px;padding:16px 12px;min-height:100px;font-weight:800;font-size:.88rem;overflow-wrap:anywhere}.hp-preview-grid>span:nth-of-type(2n){background:#fff0e9}.hp-preview-grid small{color:#687789;font-weight:500}.hp-preview>p{font-size:.75rem;color:#657283;margin:16px 4px 2px}
.hp-features,.hp-download-section{padding:86px 0}.hp-features h2,.hp-download-section h2{font-size:clamp(2rem,3vw,3.25rem);letter-spacing:-.035em;margin:12px 0 30px}
.hp-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hp-feature-grid article{background:#f7f8fb;border:1px solid #e8eaf0;border-radius:18px;padding:30px;min-height:220px}.hp-feature-grid article>span{display:block;color:#f25928;font-weight:850;margin-bottom:30px}.hp-feature-grid h3{font-size:1.1rem;margin-bottom:10px}.hp-feature-grid p,.hp-download-section p{color:#657080}
.hp-download-section{background:#f2f4f8}.hp-download-grid{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:clamp(30px,7vw,100px)}.hp-download-grid ol{padding-left:23px;margin-top:26px;display:grid;gap:10px}.hp-download-grid li::marker{color:#f25928;font-weight:800}
.hp-download-card{background:#fff;border:1px solid #e8ebf0;border-radius:22px;padding:clamp(24px,4vw,40px);box-shadow:0 20px 50px #18263916;display:flex;flex-direction:column;align-items:flex-start}.hp-download-card>span{color:#de4e1e;font-weight:800;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.hp-download-card h3{font-size:1.7rem;margin:14px 0 5px}.hp-download-card>.btn{width:100%;min-height:54px;border-radius:11px;margin:24px 0 16px}.hp-download-card>a:not(.btn){font-weight:750}.hp-download-card .hp-note{border-top:1px solid #e9ebef;font-size:.83rem;margin-top:22px;padding-top:16px}.hp-download-card details{font-size:.8rem;width:100%;margin-top:15px;color:#536171}.hp-download-card summary{cursor:pointer;font-weight:750}.hp-download-card code{display:block;overflow-wrap:anywhere;background:#f4f6f9;border-radius:8px;padding:9px;margin-top:5px;font-size:.72rem}
@media(max-width:900px){.hp-hero-grid,.hp-download-grid{grid-template-columns:1fr}.hp-preview{max-width:620px;transform:none}}
@media(max-width:680px){.hp-hero,.hp-features,.hp-download-section{padding:58px 0}.hp-hero h1{font-size:clamp(2.15rem,10vw,3.25rem)}.hp-actions{align-items:stretch;flex-direction:column;gap:14px}.hp-actions .btn{width:100%}.hp-preview{padding:10px}.hp-preview-grid{gap:5px}.hp-preview-grid>span{padding:9px 7px;min-height:88px;font-size:.72rem}.hp-preview-grid small{font-size:.62rem}.hp-feature-grid{grid-template-columns:1fr}.hp-feature-grid article{min-height:0}.hp-feature-grid article>span{margin-bottom:12px}.hp-download-card{padding:23px}}
.hp-home-teaser{padding:70px 0;background:#f7f8fb}.hp-home-teaser-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.hp-home-teaser h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:10px 0}.hp-home-teaser p{color:#657080;max-width:60ch}.hp-home-teaser .btn{flex:none;border-radius:10px}
@media(max-width:680px){.hp-home-teaser{padding:55px 0}.hp-home-teaser-inner{align-items:stretch;flex-direction:column;gap:20px}.hp-home-teaser .btn{width:100%}}