.hp-portfolio,.hp-portfolio *,.hp-server,.hp-server *{box-sizing:border-box}
.hp-portfolio,.hp-server{width:min(1200px,calc(100% - 48px));margin:68px auto;font-family:'DM Sans',system-ui,sans-serif;color:#eef5f0}
.hp-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:28px}
.hp-kicker{font-size:10px!important;text-transform:uppercase;letter-spacing:.13em;color:#a9d5ba!important;margin:0 0 12px!important;font-weight:700}
.hp-heading h2,.hp-server h2{font:650 clamp(28px,3vw,43px)/1.15 'Manrope',system-ui,sans-serif;letter-spacing:-.04em;margin:0}
.hp-heading>p{font-size:15px;line-height:1.8;color:#9cb6ac;margin:0}
.hp-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hp-card{background:#0f231f;border:1px solid #91c8ad33;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;--hp-accent:#9ce6bb}
.hp-card.hp-blackbox{--hp-accent:#b5b9ff;background:#191f33;border-color:#a3a8ef38}.hp-card.hp-book{--hp-accent:#edcf93;background:#25251f;border-color:#edcf9338}
.hp-art{display:flex;align-items:center;justify-content:center;height:230px;background:radial-gradient(ellipse at 50% 100%,#255f46,#071b16);padding:22px 14px 0;overflow:hidden}
.hp-blackbox .hp-art{background:radial-gradient(ellipse at 50% 100%,#494974,#11172c)}
.hp-art img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:8px 8px 0 0;box-shadow:0 12px 28px #0007;transition:transform .22s}
.hp-art:hover img{transform:translateY(-4px)}
.hp-book-art{padding:18px;background:radial-gradient(ellipse at 70% 50%,#6d5a35,#172c35 65%)}
.hp-book-art img{width:auto;max-width:100%;height:100%;object-fit:contain;border-radius:2px;transform:rotate(-5deg);box-shadow:12px 12px 25px #0008}
.hp-book-art:hover img{transform:rotate(-3deg) translateY(-3px)}
.hp-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}
.hp-status{display:block;font-size:10px;font-weight:700;color:var(--hp-accent);margin-bottom:13px}
.hp-card h3{font:650 22px/1.25 'Manrope',system-ui,sans-serif;letter-spacing:-.035em;color:#f4f4ed;margin:0 0 15px}
.hp-card p{font-size:13px;line-height:1.8;color:#acbeb4;margin:0 0 20px}
.hp-blackbox p{color:#abb3ce}.hp-book p{color:#c4c4b4}
.hp-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;line-height:1.5;font-weight:700;text-decoration:none!important;color:var(--hp-accent,#bfeacc)!important;border-top:1px solid #afcdb42e;padding-top:15px;margin-top:auto}
.hp-cta:hover{color:#fff!important}.hp-cta b{font-size:18px;font-weight:400}
.hp-academy{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:23px;padding:28px;border:1px solid #91b8a63d;border-radius:12px;background:linear-gradient(110deg,#16372c,#1a2a3d)}
.hp-academy-mark{width:62px;height:62px;background:#c9f0c71b;border-radius:14px;display:grid;place-items:center}
.hp-academy-mark svg{width:40px;fill:none;stroke:#bfe1a4;stroke-width:1.5}
.hp-academy .hp-kicker{margin-bottom:6px!important;color:#bfe1a4!important}
.hp-academy h3{font:600 23px/1.3 'Manrope',system-ui,sans-serif;letter-spacing:-.03em;margin:0 0 9px}
.hp-academy p{font-size:12px;line-height:1.7;color:#afc0b9;margin:0;max-width:690px}
.hp-academy>a{padding:12px 16px;border:1px solid #9bc6b750;border-radius:7px;margin:0;white-space:nowrap}
.hp-news{margin-top:33px;border-top:1px solid #91b8a633;padding-top:25px}
.hp-news-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}
.hp-news h3{font:600 19px/1.4 'Manrope',system-ui,sans-serif;margin:0;letter-spacing:-.02em}
.hp-news-heading>a{font-size:11px;color:#b9d2c5;text-decoration:none}
.hp-news-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.hp-news-grid>a{display:grid;grid-template-columns:82px 1fr 16px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #91b8a628;color:#d6e2da;text-decoration:none}
.hp-news time{font-size:10px;color:#c9b88f}.hp-news strong{font-size:13px;line-height:1.65;font-weight:500}.hp-news-grid>a:hover strong{color:#f8dc9c}
.hp-server{display:grid;grid-template-columns:145px minmax(0,1fr);gap:45px;align-items:center;padding:40px 50px;border:1px solid #aaa3e83b;border-radius:17px;background:radial-gradient(ellipse at 5% 50%,#383565,#152428 70%);margin-top:50px}
.hp-server-symbol{display:grid;place-items:center;width:145px;height:145px;border-radius:35px;background:#b7b5fc0b;border:1px solid #b9b4fa21}
.hp-server-symbol svg{width:90px;fill:#b1b0e409;stroke:#c5c0ed;stroke-width:1.3}
.hp-server .hp-kicker{color:#c6bdf0!important}.hp-server h2{font-size:32px}
.hp-server p{font-size:14px;line-height:1.8;color:#adb7c8;margin:14px 0 20px;max-width:800px}
.hp-server .hp-cta{color:#d2cafa!important;font-size:12px;border:0;padding:0;justify-content:flex-start}
.hp-portfolio a:focus-visible,.hp-server a:focus-visible{outline:2px solid #f5d8a2;outline-offset:5px;border-radius:4px}
@media(max-width:900px){.hp-heading{gap:30px}.hp-products{gap:12px}.hp-art{height:190px;padding-inline:10px}.hp-card-copy{padding:18px}.hp-card h3{font-size:19px}.hp-academy{grid-template-columns:50px minmax(0,1fr)}.hp-academy>a{grid-column:2;justify-self:start}.hp-news-grid{gap:20px}.hp-news-grid>a{grid-template-columns:1fr 16px;gap:6px}.hp-news time{grid-column:1/-1}.hp-server{padding:30px;gap:30px;grid-template-columns:100px 1fr}.hp-server-symbol{width:100px;height:100px}}
@media(max-width:650px){.hp-portfolio,.hp-server{width:calc(100% - 32px);margin-block:40px}.hp-heading{grid-template-columns:1fr;gap:16px}.hp-heading h2{font-size:30px}.hp-heading>p{font-size:14px}.hp-products{grid-template-columns:1fr;gap:20px}.hp-art{height:220px}.hp-book-art{height:285px}.hp-card-copy{padding:23px}.hp-card h3{font-size:24px}.hp-card p{font-size:14px}.hp-cta{font-size:13px}.hp-academy{padding:22px;gap:15px}.hp-academy-mark{width:46px;height:46px}.hp-academy h3{font-size:21px}.hp-academy>div:nth-child(2){grid-column:1/-1;grid-row:2}.hp-academy>a{grid-column:1/-1}.hp-news-heading{align-items:start}.hp-news h3{font-size:18px}.hp-news-heading>a{max-width:100px;text-align:right}.hp-news-grid{grid-template-columns:1fr;gap:5px}.hp-server{grid-template-columns:1fr;padding:25px;gap:24px}.hp-server-symbol{width:70px;height:70px;border-radius:18px}.hp-server-symbol svg{width:48px}.hp-server h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.hp-art img{transition:none}}