.display-l{font-family:var(--font-display);font-weight:600;font-size:56px;line-height:64px;letter-spacing:-.02em;text-wrap:balance}
.phead{padding-block:var(--space-6) var(--space-7)}
.phead__grid{display:grid;gap:var(--space-6)}
.phead__text{display:grid;gap:var(--space-5);align-content:start}
.phead__text .lead{max-width:56ch}
.crumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:14px;line-height:20px;color:var(--ink-muted)}
.crumbs a{color:var(--ink-secondary);text-decoration:none}
.crumbs a:hover{color:var(--cobalt)}
.crumbs [aria-current]{color:var(--ink)}
.facts{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}
.facts li{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.facts b{font:600 22px/28px var(--font-display);color:var(--cobalt)}
.facts li:nth-child(2) b{color:var(--orange-text)}
.facts span{font-size:15px;line-height:22px;color:var(--ink-secondary)}
.picker{display:grid;gap:var(--space-4);align-content:start;padding:var(--space-5);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-s)}
.picker ul{display:grid;gap:var(--space-2)}
.picker a{display:grid;gap:var(--space-2);justify-items:start;padding:var(--space-3);margin:0 calc(var(--space-3) * -1);border-radius:var(--radius-m);text-decoration:none;color:var(--ink)}
.picker a:hover{background:var(--surface-sunken)}
.picker__q{font-size:15px;line-height:20px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-m)}
.picker__q.bubble--first{border-bottom-right-radius:var(--radius-tail)}
.picker__a{display:flex;align-items:flex-start;gap:var(--space-2);padding-left:var(--space-4);font-size:15px;line-height:22px;font-weight:500;color:var(--cobalt)}
.picker__a .icon{margin-top:3px}
.fbar{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--milk) 92%,transparent);border-block:1px solid var(--line)}
.fbar__chips{display:flex;gap:var(--space-2);overflow-x:auto;padding-block:var(--space-3);scrollbar-width:none}
.fbar .chip{flex-shrink:0;gap:var(--space-2);height:40px}
.chip__n{font-size:13px;line-height:16px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--ink-secondary)}
.chip.is-on .chip__n{background:rgba(255,255,255,.18);color:inherit}
.group .section-head{margin-bottom:var(--space-6)}
.cgrid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr)}
.ccard{display:flex;flex-direction:column;border-radius:var(--radius-l);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;overflow:hidden;transition:box-shadow 200ms ease,transform 200ms var(--ease)}
.section--surface .ccard{background:var(--milk)}
.ccard:hover{box-shadow:var(--shadow-l);transform:translateY(-2px)}
.ccard__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);flex:1}
.ccard__body .tags{margin-bottom:var(--space-1)}
.ccard__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--line)}
.ccard__foot .card__meta{margin-top:0}
.ccard__go{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:500;color:var(--cobalt)}
.ccard:hover .ccard__go .icon{transform:translateX(3px)}
.ccard__go .icon{transition:transform 160ms var(--ease)}
.cc{position:relative;height:160px;overflow:hidden}
.cc--cobalt{background:var(--cobalt-soft)}
.cc--orange{background:var(--orange-soft)}
.cc--ink{background:#16161D}
.cc__n{position:absolute;left:20px;bottom:12px;font:600 64px/1 var(--font-display);letter-spacing:-.03em;color:rgba(22,22,29,.12)}
.cc--ink .cc__n{color:rgba(247,244,238,.16)}
.cc__shape{position:absolute;display:grid;place-items:center;color:#fff;border-radius:28px}
.cc__shape.bubble--first{border-bottom-right-radius:var(--radius-tail)}
.cc__shape.bubble--second{border-bottom-left-radius:var(--radius-tail)}
.cc__shape--l{width:104px;height:88px;right:28px;top:36px}
.cc__shape--l .icon{width:40px;height:40px}
.cc__shape--s{width:64px;height:56px;right:148px;top:20px;border-radius:20px}
.cc__shape--s .icon{width:28px;height:28px}
.cc__badge{position:absolute;left:20px;top:20px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface);font:600 13px/16px var(--font-text);color:var(--ink)}
.cc__badge .icon{color:var(--orange)}
.about{display:grid;gap:var(--space-7)}
.about__text{display:grid;gap:var(--space-4);align-content:start}
.about__text p{color:var(--ink-secondary);max-width:62ch}
.faq{display:grid;gap:var(--space-2);align-content:start}
.faq .h3{margin-bottom:var(--space-3)}
.faq details{border-radius:var(--radius-m);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px;padding:var(--space-3) var(--space-5);font-weight:500;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary .icon{color:var(--ink-muted);transition:transform 160ms var(--ease)}
.faq details[open] summary .icon{transform:rotate(180deg)}
.faq details p{padding:0 var(--space-5) var(--space-5);color:var(--ink-secondary);font-size:16px;line-height:24px}
@media (min-width:641px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.ccard--wide{grid-column:span 2}.ccard--wide .cc__shape--l{width:144px;height:120px;right:auto;left:50%;top:50%;transform:translate(-50%,-40%)}.ccard--wide .cc__shape--s{right:auto;left:calc(50% + 40px);top:calc(50% - 112px)}.ccard--wide .cc__shape--l .icon{width:52px;height:52px}.cgrid--3 .ccard:last-child{grid-column:span 2}.phead{padding-block:var(--space-7) var(--space-8)}}
@media (min-width:641px) and (max-width:1024px){.ccard--wide{flex-direction:row}.ccard--wide .cc{height:auto;width:42%;flex-shrink:0}.cgrid--3 .ccard:last-child{flex-direction:row}.cgrid--3 .ccard:last-child .cc{height:auto;width:42%;flex-shrink:0}}
@media (min-width:1025px){.phead__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-8);align-items:start}.picker{padding:var(--space-6)}.cgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.cgrid--3 .ccard:last-child{grid-column:auto}.ccard--wide{grid-column:span 2;flex-direction:row}.ccard--wide .cc{height:auto;width:46%;flex-shrink:0}.ccard--wide .card__title{font-size:26px;line-height:34px}.about{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--space-8)}.cta__bubbles{display:grid}}
@media (max-width:640px){.display-l{font-size:30px;line-height:38px;letter-spacing:-.5px}.facts li{padding:var(--space-2) var(--space-3)}.facts b{font-size:18px;line-height:24px}.facts span{font-size:14px}.cc{height:136px}.cc__shape--l{width:88px;height:76px;top:30px;right:20px}.cc__shape--s{display:none}.cc__n{font-size:52px}}
@media (min-width:641px) and (max-width:1024px){.display-l{font-size:44px;line-height:52px}.ccard--wide .cc__shape--l{transform:translate(-50%,-25%)}.ccard--wide .cc__shape--s{top:calc(50% - 76px)}}
.dark .page .cc--ink{background:#2B2B36}
.dark .page .cc__n{color:rgba(247,244,238,.14)}
.chead{padding-block:var(--space-6) var(--space-7);border-bottom:1px solid var(--line)}
.chead__grid{display:grid;gap:var(--space-6)}
.chead__text{display:grid;gap:var(--space-5);align-content:start;justify-items:start}
.chead__text .display-l{font-size:48px;line-height:56px}
.chead__text .lead{max-width:56ch}
.cstats{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}
.cstats li{display:flex;align-items:center;gap:var(--space-2);color:var(--ink-secondary)}
.cstats .icon{color:var(--cobalt)}
.cstats b{color:var(--ink);font-weight:600}
.chead__btns{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.chead__art{border-radius:var(--radius-xl);height:300px}
.chead__art .cc__shape--l{width:150px;height:126px;left:50%;top:44%;right:auto;transform:translate(-50%,-50%)}
.chead__art .cc__shape--l .icon{width:56px;height:56px}
.chead__art .cc__shape--s{left:calc(50% + 52px);top:28px;right:auto}
.chead__art .cc__n{font-size:88px}
.chead__q{position:absolute;right:24px;bottom:24px;max-width:240px;font:600 15px/20px var(--font-display);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-s)}
.reader{padding-block:var(--space-7) var(--section)}
.reader__grid{display:grid;gap:var(--space-6)}
.toc__box{border-radius:var(--radius-l);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.toc__box summary{display:flex;align-items:center;gap:var(--space-3);min-height:60px;padding:var(--space-3) var(--space-5);font:600 17px/24px var(--font-text);cursor:pointer;list-style:none}
.toc__box summary::-webkit-details-marker{display:none}
.toc__box summary>span:first-child{flex:1}
.toc__count{font:500 13px/18px var(--font-text);color:var(--ink-muted)}
.toc__box summary .icon{color:var(--ink-muted);transition:transform 160ms var(--ease)}
.toc__box[open] summary .icon{transform:rotate(180deg)}
.toc__list{display:grid;gap:2px;padding:0 var(--space-3) var(--space-4);counter-reset:ch}
.toc__mod{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-m);font-size:15px;line-height:22px;font-weight:500}
.toc__mod>a{text-decoration:none;color:var(--ink)}
.toc__mod>a:hover{color:var(--cobalt)}
.toc__mn{display:grid;place-items:center;width:28px;height:28px;border-radius:9px 9px 9px 3px;background:var(--surface-sunken);font:600 13px/1 var(--font-display);color:var(--ink-secondary)}
.toc__mod.is-open{background:var(--cobalt-soft)}
.toc__mod.is-open .toc__mn{background:var(--cobalt);color:#fff}
.toc__mod--end .toc__mn{background:var(--orange-soft);color:var(--orange-text)}
.toc__mod ol{grid-column:2;display:grid;gap:2px;margin-top:var(--space-2)}
.toc__mod ol a{display:block;padding:6px var(--space-3);margin-left:calc(var(--space-3) * -1);border-radius:var(--radius-s);font-weight:400;font-size:14px;line-height:20px;color:var(--ink-secondary);text-decoration:none}
.toc__mod ol a:hover{color:var(--ink);background:rgba(255,255,255,.5)}
.toc__mod ol a.is-cur{background:var(--surface);color:var(--cobalt-strong);font-weight:600}
.prose{max-width:720px;min-width:0;font-size:18px;line-height:30px;color:var(--ink)}
.prose__mod{display:grid;gap:var(--space-3);padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--line)}
.prose__mod .overline{color:var(--cobalt)}
.chapter{display:grid;gap:var(--space-5);padding-bottom:var(--space-7)}
.chapter + .chapter{padding-top:var(--space-2)}
.chapter__meta{display:flex;gap:var(--space-4);font:600 13px/16px var(--font-text);letter-spacing:.5px;text-transform:uppercase;color:var(--ink-muted)}
.chapter__meta span{display:inline-flex;align-items:center;gap:6px}
.chapter__meta span + span{text-transform:none;letter-spacing:0;font-weight:500}
.chapter__title{font-family:var(--font-display);font-weight:600;font-size:28px;line-height:36px;letter-spacing:-.01em;margin-top:calc(var(--space-3) * -1)}
.prose b{font-weight:600}
.prose ul:not(.checklist){display:grid;gap:var(--space-3)}
.prose ul:not(.checklist) li{position:relative;padding-left:28px}
.prose ul:not(.checklist) li::before{content:"";position:absolute;left:4px;top:11px;width:12px;height:10px;border-radius:5px 5px 5px 1px;background:var(--orange)}
.tip{display:grid;gap:var(--space-3);justify-items:start;padding:var(--space-5) var(--space-6);border-radius:var(--radius-l);border-bottom-left-radius:var(--radius-tail);background:var(--orange-soft);font-size:16px;line-height:26px}
.tip__label{display:inline-flex;align-items:center;gap:6px;font:600 13px/16px var(--font-text);letter-spacing:1px;text-transform:uppercase;color:var(--orange-text)}
.tip__title{font:600 20px/28px var(--font-text)}
.tip .btn{margin-top:var(--space-2);background:var(--surface)}
.steps{display:grid;gap:var(--space-3)}
.steps li{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-weight:500}
.steps span{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px 12px 12px 4px;background:var(--cobalt);color:#fff;font:600 15px/1 var(--font-display)}
.pillars{display:grid;gap:var(--space-3)}
.pillar{display:grid;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-l);border-bottom-right-radius:var(--radius-tail);background:var(--cobalt-soft);font-size:16px;line-height:24px}
.pillar--o{background:var(--orange-soft)}
.pillar--i{background:var(--surface-inverse);color:var(--on-inverse)}
.pillar__w{font:600 22px/28px var(--font-display)}
.gnote{display:grid;gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-m);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink);font-size:16px;line-height:24px}
.gnote:hover{box-shadow:inset 0 0 0 1.5px var(--cobalt)}
.gnote__label{display:inline-flex;align-items:center;gap:6px;font:600 12px/16px var(--font-text);letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted)}
.gnote__term{font:600 18px/26px var(--font-display);margin-top:var(--space-1)}
.gnote__def{color:var(--ink-secondary)}
.gnote__go{display:inline-flex;align-items:center;gap:6px;color:var(--cobalt);font-weight:500;font-size:15px;margin-top:var(--space-1)}
.quote{position:relative;padding:var(--space-6) var(--space-6) var(--space-5);border-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-tail);background:var(--logo-cobalt);color:#fff}
.quote p{font:500 22px/32px var(--font-display);text-wrap:balance}
.quote footer{margin-top:var(--space-4);font-size:15px;line-height:22px;color:rgba(255,255,255,.75)}
.chapter--end{padding:var(--space-6);border-radius:var(--radius-l);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.checklist{display:grid;gap:var(--space-3)}
.checklist li{display:flex;gap:var(--space-3);align-items:flex-start;font-weight:500}
.checklist .icon{flex-shrink:0;margin-top:5px;width:22px;height:22px;padding:3px;border-radius:7px 7px 7px 2px;background:var(--success);color:#fff;stroke-width:3}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line)}
.share .socials{margin:0}
.share__top{margin-left:auto}
.dark .page .pillar--i{background:#2B2B36;color:#F7F4EE}
.dark .page .tip .btn{background:transparent}
@media (min-width:641px){.pillars{grid-template-columns:repeat(3,minmax(0,1fr))}.chead{padding-block:var(--space-7) var(--space-8)}}
@media (min-width:1025px){.chead__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-8);align-items:center}.chead__art{height:380px}.chead__text .display-l{font-size:52px;line-height:60px}.reader{padding-top:var(--space-8)}.reader__grid{grid-template-columns:300px minmax(0,1fr);gap:var(--space-8);align-items:start}.toc{position:sticky;top:var(--space-5)}.toc__box summary .icon{display:none}}
@media (min-width:641px) and (max-width:1024px){.chead__art{display:none}.chead__text .display-l{font-size:40px;line-height:48px}.prose{margin-inline:auto}.toc{max-width:720px;width:100%;margin-inline:auto}}
@media (max-width:640px){.chead__art{display:none}.chead__text .display-l{font-size:28px;line-height:36px}.chead__btns .btn{flex:1 1 auto}.prose{font-size:17px;line-height:28px}.chapter__title{font-size:22px;line-height:30px}.tip,.quote,.chapter--end{padding:var(--space-5)}.quote p{font-size:18px;line-height:26px}.reader{padding-top:var(--space-5)}}
@media (min-width:1025px){.toc__box::details-content{content-visibility:visible;block-size:auto;display:block}.toc__box summary{pointer-events:none}}
@media (max-width:1024px){.chead__btns .btn--secondary{display:none}}
.prose__mod--next{margin-top:var(--space-6);padding:var(--space-6);border:0;border-radius:var(--radius-l);background:var(--cobalt-soft);margin-bottom:var(--space-7)}
.prose__mod--next .overline{color:var(--cobalt-strong)}
.prose__modmeta{display:flex;gap:var(--space-4);font-size:14px;line-height:20px;color:var(--ink-secondary)}
.prose__modmeta span{display:inline-flex;align-items:center;gap:6px}
.dark .page .prose__mod--next .overline{color:var(--cobalt)}
.fig{display:grid;gap:var(--space-3)}
.fig__img{display:grid;place-content:center;justify-items:center;gap:var(--space-2);aspect-ratio:16/9;border-radius:var(--radius-l);border-bottom-right-radius:var(--radius-tail);background:repeating-linear-gradient(135deg,var(--surface-sunken) 0 14px,var(--surface) 14px 28px);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-muted);font:500 14px/20px var(--font-text)}
.fig__img .icon{width:40px;height:40px}
.fig figcaption,.vid figcaption,.tbl caption{font-size:14px;line-height:20px;color:var(--ink-muted)}
.tbl{overflow-x:auto;border-radius:var(--radius-l);box-shadow:inset 0 0 0 1px var(--line);background:var(--surface)}
.tbl table{width:100%;border-collapse:collapse;font-size:16px;line-height:24px;min-width:520px}
.tbl caption{caption-side:bottom;text-align:left;padding:var(--space-3) var(--space-5)}
.tbl th{text-align:left;padding:var(--space-3) var(--space-5);font:600 13px/18px var(--font-text);letter-spacing:.5px;text-transform:uppercase;color:var(--ink-secondary);background:var(--surface-sunken)}
.tbl td{padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);vertical-align:top}
.tbl td:first-child{font-weight:500}
.tbl td:last-child{white-space:nowrap;color:var(--ink-secondary)}
.vid{display:grid;gap:var(--space-3)}
.vid__frame{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--radius-l);overflow:hidden;background:#16161D;text-decoration:none;color:#fff}
.vid__poster{position:absolute;inset:0;display:grid;align-content:center;justify-items:start;gap:var(--space-4);padding:0 12%}
.vid__poster .bubble--second{justify-self:end}
.vid__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:88px;height:72px;border-radius:24px 24px 24px 6px;background:#fff;color:#16161D;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform 160ms var(--ease)}
.vid__frame:hover .vid__play{transform:translate(-50%,-50%) scale(1.06)}
.vid__play .icon{width:32px;height:32px}
.vid__title{position:absolute;left:20px;top:16px;font:600 16px/22px var(--font-text)}
.vid__dur{position:absolute;right:16px;bottom:16px;padding:2px 8px;border-radius:6px;background:rgba(0,0,0,.6);font:600 13px/18px var(--font-text)}
.vid__src{position:absolute;left:20px;bottom:16px;display:inline-flex;align-items:center;gap:6px;font:500 13px/18px var(--font-text);color:rgba(255,255,255,.8)}
.dark .page .vid__frame{box-shadow:inset 0 0 0 1px var(--line)}
.quote--soft{background:var(--orange-soft);color:var(--ink);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-tail)}
.quote--soft footer{color:var(--ink-secondary)}
@media (max-width:640px){.prose__mod--next{padding:var(--space-5)}.vid__poster .bubble{font-size:16px;line-height:22px;padding:10px 14px}.vid__play{width:64px;height:52px;border-radius:18px 18px 18px 5px}.vid__title{font-size:14px}.tbl th,.tbl td{padding-inline:var(--space-4)}}
.gterm{position:relative}
.gterm>a{color:var(--cobalt);text-decoration:underline dotted 1.5px;text-underline-offset:4px}
.gterm>a:hover{color:var(--cobalt-strong);text-decoration-style:solid}
.gpop{position:absolute;z-index:10;left:-16px;top:calc(100% + 12px);width:340px;max-width:calc(100cqw - 2 * var(--gutter));display:none;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-l);border-top-left-radius:var(--radius-tail);background:var(--surface);box-shadow:var(--shadow-l),inset 0 0 0 1px var(--line);font:400 16px/24px var(--font-text);color:var(--ink);text-align:left}
.gpop b{font-weight:600}
.gpop__foot{display:flex;align-items:center;gap:6px;padding-top:var(--space-3);border-top:1px solid var(--line);font-size:13px;line-height:18px;color:var(--ink-muted)}
.gterm:hover .gpop,.gterm:focus-within .gpop,.gterm.is-demo .gpop{display:grid}
.dark .page .gpop{background:#24242E}
@media (max-width:640px){.prose p:has(.gterm){position:relative}.gterm{position:static}.gpop{left:0;right:0;width:auto;max-width:none}}
.promo{display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-l);border-bottom-left-radius:var(--radius-tail);background:var(--surface);box-shadow:var(--shadow-s)}
.promo__img{margin:0;background:var(--surface-sunken)}
.promo .promo__img img{display:block;width:100%;height:100%;max-width:none;margin:0;border-radius:0;object-fit:cover}
.promo__body{display:grid;gap:var(--space-3);align-content:center;justify-items:start;padding:var(--space-5) var(--space-6)}
.promo .promo__label{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font:600 13px/16px var(--font-text);letter-spacing:1px;text-transform:uppercase;color:var(--orange-text)}
.promo__label:before{content:"";width:12px;height:12px;border-radius:6px 6px 6px 2px;background:var(--logo-orange)}
.promo .promo__text{margin:0;font:400 16px/26px var(--font-text);color:var(--ink-secondary)}
.promo__btns{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}
.promo .promo__btns .btn{text-decoration:none}
.promo .promo__btns .btn--primary,.promo .promo__btns .btn--primary:hover{color:var(--on-cobalt)}
.promo .promo__btns svg{flex:none}
@media (max-width:640px){.promo{grid-template-columns:1fr}.promo__img{height:180px}.promo .promo__img img{object-position:center 60%}.promo__body{padding:var(--space-5)}.promo__btns .btn{flex:1 1 auto}}