.pd-home-hero {
    position: relative;
    overflow: hidden;
    padding-block: 68px 78px;
    color: #e9f5f6;
    background:
        radial-gradient(ellipse at 91% 16%, rgba(100, 38, 148, 0.28), transparent 34%),
        radial-gradient(ellipse at 100% 86%, rgba(11, 121, 105, 0.2), transparent 38%),
        linear-gradient(180deg, rgba(5, 17, 32, 0.58), rgba(6, 20, 38, 0.08));
    border-bottom: 1px solid rgba(93, 206, 211, 0.1);
}

.pd-home-hero::after {
    position: absolute;
    right: -100px;
    bottom: -150px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(151, 227, 221, 0.12);
    border-radius: 50%;
    content: "";
}

.pd-home-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(290px, 0.55fr);
    gap: 54px;
    align-items: center;
}

.pd-home-hero .pd-kicker { color: #92e6df; }
.pd-home-hero .pd-kicker::before { background: var(--pd-accent); }

.pd-home-hero h1 {
    margin: 0;
    color: #fff;
    font-family: var(--pd-font-ui);
    font-size: clamp(2.5rem, 6vw, 4.6rem);
    line-height: 1.02;
    letter-spacing: -0.055em;
}

.pd-home-hero__subtitle {
    max-width: 780px;
    margin: 16px 0 0;
    color: #ffd15c;
    font-family: var(--pd-font-ui);
    font-size: clamp(1.18rem, 2.6vw, 1.7rem);
    font-weight: 650;
    line-height: 1.35;
}

.pd-home-hero__text {
    max-width: 720px;
    margin: 16px 0 0;
    color: #c3d8df;
    font-size: 1rem;
    line-height: 1.75;
}

.pd-home-hero .pd-search { max-width: 740px; margin-top: 28px; }

.pd-home-hero__points {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
    margin: 18px 0 0;
    padding: 0;
    color: #bcd3dc;
    font-family: var(--pd-font-ui);
    font-size: 0.8rem;
    list-style: none;
}

.pd-home-hero__points li { display: inline-flex; align-items: center; gap: 7px; }
.pd-home-hero__points li::before { width: 6px; height: 6px; border-radius: 50%; background: #6fd2cb; content: ""; }

.pd-start-panel {
    padding: 26px;
    border: 1px solid rgba(123, 225, 220, 0.3);
    border-radius: 20px;
    background:
        radial-gradient(circle at 90% 0%, rgba(93, 40, 138, 0.18), transparent 38%),
        linear-gradient(145deg, rgba(12, 40, 62, 0.88), rgba(6, 22, 41, 0.92));
    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.34), 0 0 34px rgba(27, 177, 178, 0.06);
}

.pd-start-panel h2 { margin: 0 0 6px; color: #fff; font-family: var(--pd-font-ui); font-size: 1.1rem; }
.pd-start-panel > p { margin: 0 0 18px; color: #b7cdd6; font-size: 0.88rem; }
.pd-start-links { display: grid; gap: 9px; }

.pd-start-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 13px;
    border: 1px solid rgba(104, 213, 215, 0.16);
    border-radius: 10px;
    color: #e9f5f6;
    background: rgba(255, 255, 255, 0.035);
    font-family: var(--pd-font-ui);
    font-size: 0.84rem;
    font-weight: 650;
    text-decoration: none;
}

.pd-start-link:hover { border-color: rgba(255, 200, 61, 0.52); color: var(--pd-accent); background: rgba(255, 200, 61, 0.055); }
.pd-start-link span:last-child { color: #73d9d1; }

@media (max-width: 1100px) {
    .pd-home-hero__grid { grid-template-columns: 1fr; gap: 34px; }
    .pd-start-panel { max-width: 620px; }
}

@media (max-width: 600px) {
    .pd-home-hero { padding-block: 46px 54px; }
    .pd-home-hero__grid { gap: 28px; }
    .pd-start-panel { padding: 21px; }
}
