.content-hero { min-height: 430px; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(280px,.7fr); gap: clamp(40px,8vw,120px); align-items: end; padding-top: 150px; padding-bottom: 72px; border-bottom: 1px solid var(--line); }
.content-hero h1 { max-width: 880px; margin: 16px 0 0; font-size: clamp(62px,8.6vw,138px); line-height: .84; letter-spacing: -.035em; }
.content-hero h1 em { color: var(--blue-light); font-style: normal; }
.content-hero > p { max-width: 520px; margin: 0; color: #9a9aa0; font: 14px/1.75 var(--mono); }
.content-breadcrumb { padding-top: 114px; margin-bottom: -105px; color: #77777e; font: 9px var(--mono); text-transform: uppercase; }
.content-breadcrumb a { color: #aaaab1; }
.content-breadcrumb span { margin: 0 9px; }
.content-layout { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: clamp(40px,7vw,110px); padding-top: 72px; padding-bottom: 100px; }
.content-body { min-width: 0; }
.content-section { padding: 0 0 70px; margin-bottom: 70px; border-bottom: 1px solid var(--line); }
.content-section:last-child { margin-bottom: 0; }
.content-section h2 { margin: 13px 0 22px; font-size: clamp(42px,5.5vw,82px); line-height: .92; }
.content-section h3 { margin: 34px 0 12px; font-size: 25px; }
.content-section p,.content-section li { color: #9b9ba2; font: 14px/1.8 var(--mono); }
.content-section a { color: var(--blue-light); text-decoration: underline; text-underline-offset: 4px; }
.content-section ul { display: grid; gap: 10px; padding-left: 20px; }
.guide-steps { display: grid; gap: 12px; margin-top: 34px; counter-reset: guide-step; }
.guide-step { position: relative; display: grid; grid-template-columns: 70px 1fr; gap: 25px; padding: 27px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.02); counter-increment: guide-step; }
.guide-step::before { content: counter(guide-step,decimal-leading-zero); color: var(--blue-light); font: 19px var(--display); }
.guide-step h3 { margin: 0 0 8px; }
.guide-step p { margin: 0; }
.content-aside { align-self: start; position: sticky; top: 106px; display: grid; gap: 12px; }
.content-card { padding: 24px; border: 1px solid var(--line); border-radius: 10px; background: #111113; }
.content-card span { display: block; margin-bottom: 10px; color: var(--blue-light); text-transform: uppercase; font: 8px var(--mono); }
.content-card p { margin: 0; color: #85858b; font: 11px/1.7 var(--mono); }
.content-card .btn { margin-top: 18px; width: 100%; }
.content-faq { display: grid; gap: 10px; }
.content-faq details { border: 1px solid var(--line); border-radius: 8px; background: #111113; }
.content-faq summary { padding: 20px 22px; cursor: pointer; color: #eeeef0; font: 600 12px var(--mono); }
.content-faq details p { margin: 0; padding: 0 22px 22px; }
.trust-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 30px; }
.trust-grid article { padding: 26px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.02); }
.trust-grid h3 { margin-top: 0; }
.content-footer { padding-top: 44px; }
@media (max-width: 900px) { .content-hero,.content-layout { grid-template-columns: 1fr; } .content-hero { align-items: start; } .content-aside { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) { .content-breadcrumb { padding-top: 92px; margin-bottom: -80px; } .content-hero { min-height: 0; padding-top: 118px; padding-bottom: 46px; } .content-hero h1 { font-size: 60px; } .content-layout { padding-top: 48px; padding-bottom: 70px; } .guide-step { grid-template-columns: 44px 1fr; padding: 20px 17px; gap: 12px; } .content-aside,.trust-grid { grid-template-columns: 1fr; } .content-section { padding-bottom: 48px; margin-bottom: 48px; } }