body main h1.pg-h1 {
margin: 0 0 24px;
font-family: var(--lm-display);
font-size: 48px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.05em;
color: var(--ink);
text-wrap: balance;
}
@media (max-width: 809px) {
body main h1.pg-h1 {
font-size: 36px;
}
}
.pg-hero-lead {
margin: 0;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
color: var(--muted);
}
.pg-hero {
position: relative;
isolation: isolate;
overflow: hidden;
}
.pg-hero-bg {
position: absolute;
inset: -80px 0 0;
z-index: -1;
opacity: 0.6;
pointer-events: none;
}
.pg-hero-head {
display: flex;
flex-direction: column;
align-items: center;
max-width: 880px;
margin: 0 auto;
text-align: center;
}
.pg-hero-head .pg-badge {
margin-bottom: 24px;
}
body main .pg-hero-head h1.pg-h1 {
margin-bottom: 20px;
font-size: 60px;
line-height: 1.1;
}
.pg-hero-head .pg-hero-lead {
max-width: 640px;
text-wrap: pretty;
}
.pg-stats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: 80px;
}
.pg-stat {
padding: 4px 32px 0;
border-left: 1px solid var(--border);
}
.pg-stat:first-child {
padding-left: 0;
border-left: 0;
}
.pg-stat-num {
font-family: var(--lm-display);
font-size: 64px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.05em;
color: var(--ink);
font-variant-numeric: tabular-nums;
}
.pg-stat-num::after {
content: '';
display: block;
width: 24px;
height: 3px;
margin: 20px 0 16px;
border-radius: 99px;
background: var(--red);
}
.pg-stat-lbl {
max-width: 240px;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
color: var(--muted);
}
.pg-stats-note {
margin: 40px 0 0;
font-size: 13px;
font-weight: 500;
color: var(--muted);
}
@media (max-width: 1199px) {
.pg-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 40px;
}
.pg-stat:nth-child(3) {
padding-left: 0;
border-left: 0;
}
}
@media (max-width: 809px) {
body main .pg-hero-head h1.pg-h1 {
font-size: 38px;
}
.pg-stats {
margin-top: 48px;
row-gap: 32px;
}
.pg-stat {
padding: 0 0 0 16px;
}
.pg-stat-num {
font-size: 40px;
}
.pg-stat-num::after {
margin: 14px 0 12px;
}
.pg-stat-lbl {
font-size: 13px;
}
}
.pg-badge {
display: inline-flex;
align-items: center;
gap: 8px;
height: 32px;
margin-bottom: 20px;
padding: 0 14px;
border-radius: 99px;
background: var(--lm-card);
font-size: 13px;
font-weight: 500;
color: var(--ink);
}
.pg-badge::before {
content: '';
width: 8px;
height: 8px;
border-radius: 99px;
background: var(--red);
animation: pg-pulse 2s var(--lm-ease) infinite;
}
@keyframes pg-pulse {
50% {
opacity: 0.35;
}
}
@media (prefers-reduced-motion: reduce) {
.pg-badge::before {
animation: none;
}
}
.pg-tile {
position: relative;
display: flex;
flex-direction: column;
min-height: 236px;
padding: 32px;
border-radius: 32px;
background: var(--lm-card);
color: inherit;
text-decoration: none;
transition:
transform var(--lm-dur) var(--lm-ease),
box-shadow var(--lm-dur) var(--lm-ease);
}
.pg-tile:hover {
transform: translateY(-4px);
box-shadow:
0 9px 20px rgba(1, 3, 9, 0.08),
0 36px 36px rgba(1, 3, 9, 0.05);
}
.pg-tile:focus-visible {
outline: 2px solid var(--red);
outline-offset: 4px;
}
.pg-tile-ic {
display: grid;
place-items: center;
width: 52px;
height: 52px;
margin-bottom: auto;
border-radius: 16px;
background: var(--warm);
}
.pg-tile-ic svg {
width: 24px;
height: 24px;
}
.pg-tile::after {
content: '';
position: absolute;
top: 32px;
right: 32px;
width: 40px;
height: 40px;
border-radius: 99px;
background: #010309
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5 11l6-6M6 5h5v5' stroke='%23fafafa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
no-repeat center / 16px;
transition:
background-color var(--lm-dur) var(--lm-ease),
transform var(--lm-dur) var(--lm-ease);
}
.pg-tile:hover::after {
background-color: var(--red);
transform: rotate(45deg);
}
.pg-tile-val {
margin: 32px 0 8px;
font-family: var(--lm-display);
font-size: 22px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.03em;
color: var(--ink);
overflow-wrap: anywhere;
}
.pg-tile-note {
font-size: 15px;
font-weight: 500;
line-height: 1.4;
color: var(--muted);
}
@media (max-width: 809px) {
.pg-tile {
min-height: 0;
padding: 24px;
border-radius: 24px;
}
.pg-tile::after {
top: 24px;
right: 24px;
}
.pg-tile-val {
margin-top: 24px;
}
}
.pg-split > .wrap {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--grid-gap);
align-items: start;
}
.pg-split-text {
grid-column: 1;
padding-top: 8px;
}
.pg-split-body {
grid-column: 2 / 4;
}
body main .pg-split-text h2.pg-h2 {
margin: 0 0 20px;
font-family: var(--lm-display);
font-size: 40px;
line-height: 48px;
letter-spacing: -0.05em;
text-wrap: balance;
}
.pg-panel > .wrap {
position: relative;
isolation: isolate;
}
.pg-panel > .wrap::before {
--panel-bleed: max(24px, (min(1376px, 100vw - 64px) - (100% - 2 * var(--wrap-pad))) / 2);
content: '';
position: absolute;
z-index: -1;
top: calc(var(--section-y) - 24px);
bottom: calc(var(--section-y) - 24px);
left: calc(var(--wrap-pad) - var(--panel-bleed));
right: calc(var(--wrap-pad) - var(--panel-bleed));
border-radius: 56px;
background: var(--lm-panel);
pointer-events: none;
}
@media (max-width: 1199px) {
.pg-split-text,
.pg-split-body {
grid-column: 1 / -1;
}
.pg-split-text {
max-width: 720px;
}
}
@media (max-width: 809px) {
body main .pg-split-text h2.pg-h2 {
font-size: 32px;
line-height: 38px;
}
.pg-panel > .wrap::before {
--panel-bleed: 10px;
top: calc(var(--section-y) - 10px);
bottom: calc(var(--section-y) - 10px);
border-radius: 32px;
}
}
.pg-lead {
margin: 0;
font-size: 18px;
font-weight: 500;
line-height: 1.35;
color: var(--muted);
}
.pg-lead + .pg-text {
margin-top: 16px;
}
.pg-text {
margin: 0;
font-size: 15px;
font-weight: 500;
line-height: 1.45;
color: var(--muted);
}
.pg-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 32px;
}
.pg-card-title {
margin-bottom: 8px;
font-family: var(--lm-display);
font-size: 24px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.03em;
color: var(--ink);
}
@media (max-width: 809px) {
.pg-actions > * {
width: 100%;
justify-content: center;
}
}
.pg-req-card {
padding: 8px 32px 32px;
border-radius: 32px;
background: var(--lm-card);
}
.pg-req-rows {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 32px;
}
.pg-req {
display: flex;
flex-direction: column;
gap: 6px;
padding: 24px 0 0;
}
.pg-req:nth-child(n + 3) {
margin-top: 24px;
border-top: 1px solid var(--border);
}
.pg-req b {
font-size: 13px;
font-weight: 500;
color: var(--muted);
}
.pg-req span {
font-family: var(--lm-display);
font-size: 18px;
font-weight: 600;
line-height: 1.3;
letter-spacing: -0.02em;
color: var(--ink);
font-variant-numeric: tabular-nums;
overflow-wrap: anywhere;
}
.pg-req a {
color: var(--ink);
text-decoration: underline;
text-decoration-color: rgba(10, 10, 10, 0.25);
text-underline-offset: 4px;
transition:
text-decoration-color var(--lm-dur) var(--lm-ease),
color var(--lm-dur) var(--lm-ease);
}
.pg-req a:hover {
color: var(--red);
text-decoration-color: currentColor;
}
@media (max-width: 809px) {
.pg-req-card {
padding: 4px 24px 24px;
border-radius: 24px;
}
.pg-req-rows {
grid-template-columns: minmax(0, 1fr);
}
.pg-req:nth-child(n + 2) {
margin-top: 20px;
border-top: 1px solid var(--border);
}
.pg-req {
padding-top: 20px;
}
}
body main section.faq .faq-grid {
display: grid;
}
.faq details summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
list-style: none;
cursor: pointer;
}
.faq details summary::-webkit-details-marker {
display: none;
}
.faq-plus {
flex: none;
line-height: 1;
}
.pg-outcome {
margin-top: 80px;
}
.pg-outcome-title {
margin: 0 0 28px;
font-family: var(--lm-display);
font-size: 24px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.03em;
text-align: center;
color: var(--ink);
}
.pg-outcome-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 0;
padding: 0;
list-style: none;
}
.pg-outcome-list li {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 4px 32px 0;
border-left: 1px solid var(--border);
font-family: var(--lm-display);
font-size: 20px;
font-weight: 600;
line-height: 1.3;
letter-spacing: -0.02em;
color: var(--ink);
}
.pg-outcome-list li:first-child {
padding-left: 0;
border-left: 0;
}
.pg-outcome-list li::before {
content: '';
flex: none;
width: 28px;
height: 28px;
border-radius: 99px;
background: #010309 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 12.5l4 4 8-9' stroke='%23fafafa' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 14px;
}
.pg-outcome .pg-stats-note {
text-align: center;
}
@media (max-width: 809px) {
.pg-outcome {
margin-top: 48px;
}
.pg-outcome-list {
grid-template-columns: minmax(0, 1fr);
gap: 16px;
}
.pg-outcome-list li,
.pg-outcome-list li:first-child {
padding: 0;
border-left: 0;
font-size: 17px;
}
}
.pg-task {
display: flex;
flex-direction: column;
padding: 28px;
border-radius: 32px;
background: var(--lm-card);
scroll-margin-top: 96px;
transition:
transform var(--lm-dur) var(--lm-ease),
box-shadow var(--lm-dur) var(--lm-ease);
}
.pg-task:hover {
transform: translateY(-4px);
box-shadow:
0 9px 20px rgba(1, 3, 9, 0.08),
0 36px 36px rgba(1, 3, 9, 0.05);
}
.pg-task-num {
display: grid;
place-items: center;
width: 64px;
height: 40px;
margin-bottom: 24px;
border-radius: 99px;
background: #010309;
font-family: var(--lm-display);
font-size: 18px;
font-weight: 500;
letter-spacing: -0.04em;
color: #fff;
}
body main .pg-task h3.pg-task-t {
margin: 0 0 10px;
font-family: var(--lm-display);
font-size: 22px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.03em;
color: var(--ink);
}
.pg-task-q {
margin: 0 0 20px;
font-size: 15px;
font-weight: 500;
line-height: 1.45;
color: var(--muted);
}
.pg-task-res {
margin: 0 0 20px;
padding: 16px 18px;
border-radius: 20px;
background: var(--warm);
font-size: 14px;
font-weight: 500;
line-height: 1.45;
color: var(--ink);
}
.pg-task-res b {
display: block;
margin-bottom: 4px;
font-size: 12px;
font-weight: 600;
color: var(--muted);
}
.pg-task-tools {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: auto;
}
.pg-chip {
display: inline-flex;
align-items: center;
gap: 8px;
height: 40px;
padding: 0 16px 0 6px;
border-radius: 99px;
background: var(--warm);
font-size: 14px;
font-weight: 600;
color: var(--ink);
text-decoration: none;
white-space: nowrap;
transition:
background-color var(--lm-dur) var(--lm-ease),
color var(--lm-dur) var(--lm-ease);
}
.pg-chip img {
width: 28px;
height: 28px;
padding: 2px;
border-radius: 99px;
background: #fff;
object-fit: contain;
}
.pg-chip:hover {
background: #ebecef;
color: var(--red);
}
.pg-chip:focus-visible {
outline: 2px solid var(--red);
outline-offset: 2px;
}
.pg-task-prices {
display: flex;
flex-wrap: wrap;
gap: 4px 16px;
margin: 16px 0 0;
padding: 0;
list-style: none;
font-size: 13px;
font-weight: 600;
color: var(--ink);
font-variant-numeric: tabular-nums;
}
@media (max-width: 809px) {
.pg-task {
padding: 24px;
border-radius: 24px;
}
}
.pg-process .ds-pa__row .ds-pa__bar {
flex: 1;
}
.pg-process .ds-pa__name {
flex: 1;
width: auto;
}
.pg-process .ds-pa__status {
width: auto;
}
.pg-bar-46 > span { width: 46%; }
.pg-bar-64 > span { width: 64%; }
.pg-bar-71 > span { width: 71%; }
.pg-bar-82 > span { width: 82%; }
.pg-bar-100 > span { width: 100%; }
.pg-expert > .wrap {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--grid-gap);
align-items: stretch;
}
.pg-expert-figure {
position: relative;
grid-column: 1;
min-height: 460px;
margin: 0;
overflow: hidden;
border-radius: 32px;
background: linear-gradient(180deg, #fcfcfd 0%, #ebecef 100%);
}
.pg-expert-figure img {
position: absolute;
left: 50%;
bottom: 0;
width: auto;
max-width: none;
height: min(88%, 520px);
transform: translateX(-50%);
}
.pg-expert-figure figcaption {
position: absolute;
left: 16px;
right: 16px;
bottom: 16px;
display: flex;
flex-direction: column;
gap: 2px;
padding: 12px 16px;
border-radius: 20px;
background: rgba(252, 252, 253, 0.86);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.pg-expert-figure figcaption b {
font-family: var(--lm-display);
font-size: 16px;
font-weight: 600;
letter-spacing: -0.02em;
color: var(--ink);
}
.pg-expert-figure figcaption span {
font-size: 13px;
font-weight: 500;
color: var(--muted);
}
.pg-expert-card {
grid-column: 2 / 4;
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px;
border-radius: 32px;
background: var(--lm-card);
}
body main .pg-expert-card h2.pg-h2 {
margin: 0 0 16px;
font-family: var(--lm-display);
font-size: 40px;
line-height: 48px;
letter-spacing: -0.05em;
text-wrap: balance;
}
.pg-expert-role {
margin: 0 0 16px;
font-family: var(--lm-display);
font-size: 20px;
font-weight: 500;
line-height: 1.4;
letter-spacing: -0.02em;
color: var(--ink);
}
@media (max-width: 809px) {
.pg-expert > .wrap {
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
.pg-expert-figure,
.pg-expert-card {
grid-column: 1;
}
.pg-expert-figure {
height: 400px;
min-height: 0;
border-radius: 24px;
}
.pg-expert-card {
padding: 28px 24px;
border-radius: 24px;
}
body main .pg-expert-card h2.pg-h2 {
font-size: 32px;
line-height: 38px;
}
.pg-expert-role {
font-size: 17px;
}
}
@media (max-width: 809px) {
.ds-cta__actions .ds-btn {
max-width: 100%;
height: auto;
min-height: var(--_h);
padding-block: 12px;
white-space: normal;
text-align: center;
}
}