/* D55 uses reference-derived groups; every selector stays inside this hero. */
.hero-d55{grid-template-areas:"heading teacher" "method teacher" "offer teacher";padding-bottom:48px}
.hero-d55 .d54-teacher{padding:0}.hero-d55 .d54-portrait{margin-bottom:0}.hero-d55 figcaption{position:relative;margin:0 18px;padding-top:0;max-width:none}.hero-d55 .d55-name{display:inline-block;position:relative;background:var(--ink);color:var(--paper);border-radius:30px;padding:11px 18px;transform:translateY(-20px);font-size:18px;line-height:1.4}.hero-d55 .d55-experience{display:flex;align-items:center;gap:20px;margin:-2px 0 0;padding-left:10px}.hero-d55 .d55-experience>strong{font-size:58px;letter-spacing:-.06em;line-height:1;color:var(--purple);white-space:nowrap}.hero-d55 .d55-experience>strong>span{font-size:24px;letter-spacing:-.03em}.hero-d55 .d55-experience>span{font-size:16px;color:var(--ink);line-height:1.5}
.hero-d55 .d55-benefits{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:26px 0 22px;padding:0;max-width:540px;font-size:15px;line-height:1.4}.hero-d55 .d55-benefits li{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:15px;padding:12px 14px;background:#efeee7;color:var(--ink);min-width:0}.hero-d55 .d55-benefits li:last-child{grid-column:1/-1;background:var(--lilac);border-color:#d4c9f0}.hero-d55 .d55-benefits li:last-child br{display:none}.hero-d55 .d55-benefits svg{width:24px;height:24px;flex:none;color:var(--purple)}.hero-d55 .d55-benefits li>span{font-weight:600}
.hero-d55 .d54-offer{border:1px solid #cfc4eb;border-radius:22px;padding:22px;background:#f0ecfa;max-width:540px}.hero-d55 .d54-price>strong{font-size:64px}.hero-d55 .d54-per-lesson{font-size:14px;line-height:1.65;color:#554b65;margin-top:13px}.hero-d55 .d54-continuation{border-top:1px solid #d5cbe8;padding-top:12px;margin-top:12px;font-size:14px;line-height:1.6;color:#554b65}.hero-d55 .d54-actions{margin-top:19px}.hero-d55 .d54-actions .button{width:100%;justify-content:space-between}
@media(max-width:800px){.hero-d55{grid-template-areas:"heading" "teacher" "method" "offer";padding-bottom:30px}.hero-d55 .d54-teacher{display:flex;gap:13px;background:var(--lilac);border:1px solid #d4c9f0;border-radius:23px;padding:12px;margin-top:23px}.hero-d55 .d54-portrait{width:90px;min-width:90px;transform:none;border-radius:50%;margin:0}.hero-d55 .d54-portrait img{width:90px;height:102px;object-position:50% 26%}.hero-d55 figcaption{margin:0;max-width:none;min-width:0}.hero-d55 .d55-name{transform:none;padding:5px 9px;font-size:14px;line-height:1.45;border-radius:10px;margin:0 0 10px}.hero-d55 .d55-experience{gap:12px;padding:0;margin:0}.hero-d55 .d55-experience>strong{font-size:37px}.hero-d55 .d55-experience>strong>span{font-size:17px}.hero-d55 .d55-experience>span{font-size:14px;line-height:1.4}.hero-d55 .d55-benefits{font-size:14px;line-height:1.4;margin:18px 0;gap:8px}.hero-d55 .d55-benefits li{padding:11px 12px;gap:9px;border-radius:14px}.hero-d55 .d55-benefits svg{width:21px;height:21px}.hero-d55 .d55-benefits li:last-child br{display:initial}.hero-d55 .d54-offer{padding:18px;border-radius:21px}.hero-d55 .d54-price{gap:20px}.hero-d55 .d54-price>strong{font-size:59px}.hero-d55 .d54-price>strong>span{font-size:20px}.hero-d55 .d54-period{font-size:14px}.hero-d55 .d54-per-lesson{margin-top:10px}.hero-d55 .d54-continuation{margin-top:11px;padding-top:11px}.hero-d55 .d54-actions{margin-top:15px}.hero-d55 .d54-actions .button{min-height:56px;padding:16px 17px}}
@media(max-width:360px){.hero-d55 .d54-teacher{gap:10px;padding:10px}.hero-d55 .d54-portrait{width:74px;min-width:74px}.hero-d55 .d54-portrait img{width:74px;height:96px}.hero-d55 .d55-name{padding:5px 7px}.hero-d55 .d55-experience{gap:9px}.hero-d55 .d55-experience>strong{font-size:33px}.hero-d55 .d55-experience>strong>span{font-size:16px}.hero-d55 .d55-benefits li{padding:10px;gap:8px}.hero-d55 .d54-offer{padding:15px}.hero-d55 .d54-price{gap:16px}.hero-d55 .d54-price>strong{font-size:51px}.hero-d55 .d54-actions .button{font-size:15px;padding:16px 13px}}

@media(max-width:800px){.hero-d55{padding-bottom:26px}.hero-d55 .d54-teacher{margin-top:20px}.hero-d55 .d55-benefits{margin:14px 0}.hero-d55 .d55-benefits li{padding:10px 11px}.hero-d55 .d55-benefits li:not(:last-child) svg{display:none}.hero-d55 .d54-offer{padding:16px}.hero-d55 .d54-per-lesson{margin-top:8px}.hero-d55 .d54-continuation{margin-top:10px;padding-top:10px}.hero-d55 .d54-actions{margin-top:12px}}
@media(max-width:360px){.hero-d55 .d54-offer{padding:14px}.hero-d55 .d55-benefits li{padding:10px}}
