:root{--color-dark:#171A44;--color-dark-surface:#20245A;--color-dark-card:#2A2F6E;--color-primary:#D93F73;--color-primary-hover:#B9315F;--color-primary-light:rgba(217,63,115,.1);--color-primary-glow:rgba(217,63,115,.2);--color-light-bg:#F7F5F8;--color-text-dark:#171A44;--color-text-body:#3B3F5C;--font-heading:'Bricolage Grotesque',Georgia,sans-serif;--font-body:'Figtree',system-ui,sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--shadow-sm:none;--shadow-md:0 1px 0 rgba(23,26,68,.08);--shadow-lg:0 2px 0 rgba(23,26,68,.1)}
body{font-family:var(--font-body);color:var(--color-text-body)}
h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;color:var(--color-text-dark)}
.px-wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.px-sec{padding:84px 0}.px-sec.tint{background:var(--color-light-bg)}
.px-sec h2{font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.15;max-width:22ch;margin:0 0 18px}
.px-sec p,.px-hero p{line-height:1.7;max-width:62ch}
.px-hero{padding:64px 0 80px;overflow:hidden}
.px-hero .px-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:end}
.px-hero h1{font-size:clamp(2rem,3.9vw,3.2rem);line-height:1.05;margin:0 0 20px}
.px-hero img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 6px 6px;border:6px solid #fff;outline:2px solid var(--color-primary)}
.px-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.px-note{font-size:.9rem;color:var(--color-text-muted);margin-top:18px}
.px-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.px-split.flip>:first-child{order:2}
.px-split img{width:100%;height:auto;border-radius:8px;display:block}
.px-list{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.px-list li{border-top:1px solid #DCD8E2;padding:16px 0}
.px-list a{font-family:var(--font-heading);font-weight:600;font-size:1.1rem;color:var(--color-text-dark);text-decoration:none}
.px-list a:hover{color:var(--color-primary)}
.px-list span{display:block;font-size:.95rem;margin-top:4px;line-height:1.55}
.px-steps{counter-reset:s;list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.px-steps li{counter-increment:s;border-left:3px solid var(--color-primary);padding-left:16px;line-height:1.6}
.px-steps li:before{content:counter(s);font-family:var(--font-heading);font-size:1.8rem;font-weight:800;color:var(--color-primary);display:block}
.px-faq details{border-top:1px solid #DCD8E2;padding:16px 0;max-width:760px}
.px-faq summary{cursor:pointer;font-weight:600;color:var(--color-text-dark)}
.px-faq details p{margin:10px 0 0}
.px-form{background:var(--color-dark);color:#fff;border-radius:10px;padding:36px}
.px-form h3,.px-form label{color:#fff}
.px-contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}
@media(max-width:860px){.px-hero .px-wrap,.px-split,.px-contact,.px-list,.px-steps{grid-template-columns:1fr}.px-split.flip>:first-child{order:0}.px-sec{padding:56px 0}.px-hero img{aspect-ratio:1/1}}
