@layer pages{.home-section{--pad-top:clamp(4.5rem, 3rem + 6vw, 8.5rem);--pad-bottom:clamp(4.5rem, 3rem + 6vw, 8.5rem);padding-block:var(--pad-top) var(--pad-bottom)}.home-section--flush{--pad-top:0rem}.home-section--tint{background:var(--bg-2);border-block:1px solid var(--border)}.btn--xl{min-block-size:52px;padding-inline:var(--space-6);font-size:var(--text-md);border-radius:var(--radius-card)}.hero{padding-block:clamp(3rem,1.5rem + 6vw,7rem) clamp(4rem,3rem + 4vw,7rem)}.hero__intro{align-items:end;gap:clamp(1.75rem,1rem + 3vw,3.5rem);display:grid}@media (width>=62rem){.hero__intro{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}.hero__title{letter-spacing:-.032em;text-wrap:balance;max-inline-size:11ch;font-size:clamp(2.9rem,1.2rem + 6.6vw,7.25rem);font-weight:800;line-height:.94}.hero__lede{max-inline-size:46ch;color:var(--text-2);text-wrap:pretty;font-size:clamp(1.0625rem,.98rem + .4vw,1.25rem);line-height:1.6}.hero__actions{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-6);display:flex}.hero__facts{max-inline-size:70ch;font-size:var(--text-sm);color:var(--text-3);margin-block-start:var(--space-5);line-height:1.6}:lang(ar) :is(.hero__title,.shead__title,.statement,.cta__title,.tl__title){letter-spacing:0;line-height:1.3}:lang(ar) .hero__title{max-inline-size:16ch;font-size:clamp(2.5rem,1.2rem + 5vw,5.5rem)}.console{--t:0;--resp:0;border:1px solid var(--border);background:var(--bg-2);border-radius:22px;margin-block-start:clamp(2.5rem,1.5rem + 4vw,4.5rem);padding:clamp(1rem,.5rem + 2vw,2rem)}.demo__layout{align-items:start;gap:clamp(1.5rem,1rem + 2vw,2.5rem);display:grid}@media (width>=62rem){.demo__layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}}.mock{--mock-pad:clamp(1rem, .6rem + 1.5vw, 1.75rem);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:14px;position:relative}.mock__bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--mock-pad);border-block-end:1px solid var(--border);font-size:var(--text-sm);color:var(--text-2);display:flex}.mock__bar svg{color:var(--accent-ink)}.mock__company{color:var(--text);font-weight:650}.mock__month{font-size:var(--text-xs);margin-inline-start:auto}.mock__body{gap:var(--mock-pad);padding:var(--mock-pad);display:grid}.mock__kpis{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mock__kpi{gap:var(--space-2);min-inline-size:0;display:grid}.mock__label{font-size:var(--text-xs);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mock__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;block-size:1.6em;font-size:clamp(1rem,.75rem + 1vw,1.5rem);font-weight:700;display:block;position:relative}.mock__number,.mock__dash{white-space:nowrap;position:absolute;inset-inline-start:0}.mock__dash{color:var(--text-3);visibility:hidden}.mock__value:after{content:"";border-radius:var(--radius-small);background:var(--surface-strong);visibility:hidden;position:absolute;inset:.2em 30% .2em 0}.mock__chart{block-size:clamp(8rem,5rem + 8vw,11rem);position:relative}.mock__bars{border-block-end:1px solid var(--border);align-items:flex-end;gap:clamp(3px,.8vw,8px);block-size:100%;display:flex}.mock__col{block-size:calc(var(--h) * 100%);background:var(--chart-bar,var(--accent));transform-origin:bottom;border-start-start-radius:4px;border-start-end-radius:4px;flex:1}.mock__col:last-child{background:var(--chart-bar-latest,var(--accent))}.mock__notice,.mock__overlay{display:none}.mock__notice{align-items:center;gap:var(--space-2);max-inline-size:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);border:1px solid var(--border);background:var(--bg-card);font-size:var(--text-sm);color:var(--text);flex-wrap:wrap;font-weight:600;position:absolute;inset-block-start:var(--space-2);inset-inline-start:0}.mock__notice svg{color:var(--accent-ink)}.mock__overlay{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;background:var(--bg-card);flex-direction:column;position:absolute;inset:0}.mock__overlay>svg{color:var(--accent-ink)}.mock__overlay-title{font-weight:650}.mock__fake-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-control);background:var(--btn-primary-bg);color:var(--btn-primary-fg);font-size:var(--text-sm);margin-block-start:var(--space-1);font-weight:600;display:inline-flex}.mock__fake-btn--quiet{color:var(--text);box-shadow:inset 0 0 0 1px var(--border);background:0 0;margin:0}.mock:is([data-phase=skeleton],[data-phase=slow],[data-phase=cancel]) .mock__number{visibility:hidden}.mock:is([data-phase=skeleton],[data-phase=slow],[data-phase=cancel]) .mock__value:after{visibility:visible}.mock:is([data-phase=skeleton],[data-phase=slow],[data-phase=cancel]) .mock__col{background:var(--surface-strong);transform:scaleY(.45)}.mock[data-phase=slow] [data-for=slow],.mock[data-phase=cancel] [data-for=cancel]{display:flex}.mock[data-phase=done]:is([data-state=empty],[data-state=error],[data-state=restricted]) .mock__number{visibility:hidden}.mock[data-phase=done]:is([data-state=empty],[data-state=restricted]) .mock__dash,.mock[data-phase=done][data-state=error] .mock__value:after{visibility:visible}.mock[data-phase=done][data-state=empty] [data-for=empty],.mock[data-phase=done][data-state=error] [data-for=error],.mock[data-phase=done][data-state=restricted] [data-for=restricted]{display:flex}.demo__controls{align-items:flex-start;gap:var(--space-3);display:flex}.demo__tabs{flex:1;min-inline-size:0;display:grid}.demo__tab{align-items:center;gap:var(--space-3);min-block-size:46px;padding-inline:var(--space-3);border:0;border-block-end:1px solid var(--border);color:var(--text-2);font:inherit;font-size:var(--text-md);text-align:start;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;font-weight:600;display:grid}.demo__tab:hover{color:var(--text)}.demo__tab[aria-selected=true]{color:var(--text);background:var(--accent-subtle);box-shadow:inset 3px 0 0 var(--accent-line)}[dir=rtl] .demo__tab[aria-selected=true]{box-shadow:inset -3px 0 0 var(--accent-line)}.demo__tab[aria-selected=true] svg{color:var(--accent-ink)}.demo__tab-time{font-size:var(--text-sm);color:var(--text-3);font-variant-numeric:tabular-nums;font-weight:500}.demo__tab[aria-selected=true] .demo__tab-time{color:var(--text-2)}.demo__toggle{border:1px solid var(--border);background:var(--surface);block-size:44px;inline-size:44px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.demo__toggle:hover{background:var(--surface-strong)}.demo__toggle svg{grid-area:1/1}.demo__toggle[data-playing=true] .demo__icon-play,.demo__toggle:not([data-playing=true]) .demo__icon-pause{display:none}.demo__panels{min-block-size:8rem;margin-block-start:var(--space-5)}.demo__caption{font-size:var(--text-lg);text-wrap:pretty;line-height:1.55}.link-arrow{margin-block-start:var(--space-3);font-weight:650;display:inline-block}.ribbon{--bar:.875rem;margin-block-start:clamp(1.75rem,1rem + 2vw,2.5rem);container:ribbon/inline-size}.ribbon__head-row{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.ribbon__label{font-size:var(--text-sm);color:var(--text-2);font-weight:600}.ribbon__readout{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);display:inline-flex}.ribbon__readout b{color:var(--text);font-variant-numeric:tabular-nums}.ribbon__plot{gap:var(--space-2);display:grid}.ribbon__times,.ribbon__bar,.ribbon__meanings{grid-template-columns:var(--cols);display:grid}.ribbon__times{font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;position:relative}.ribbon__time{min-inline-size:0}.ribbon__time--end{position:absolute;inset-inline-end:0}.ribbon__bar{block-size:var(--bar);gap:3px;position:relative}.ribbon__zone{background:color-mix(in srgb, var(--text) var(--ink,10%), transparent);border-radius:3px}.ribbon__zone[data-zone=skeleton]{--ink:16%}.ribbon__zone[data-zone=slow]{--ink:24%}.ribbon__zone[data-zone=stalled]{--ink:34%}.ribbon__zone{position:relative;overflow:hidden}.ribbon__zone:after{content:"";inline-size:calc(clamp(0, (var(--t) - var(--zs)) / var(--zz), 1) * 100%);background:var(--lime);position:absolute;inset-block:0;inset-inline-start:0}.ribbon__anchor{justify-content:center;align-items:center;inline-size:0;display:flex;position:absolute;inset-block:0;inset-inline-start:calc(var(--x) * 100%)}.ribbon__anchor--head{--x:var(--t)}.ribbon__anchor--response{--x:var(--resp)}.ribbon__head{background:var(--lime);block-size:1.25rem;inline-size:1.25rem;box-shadow:0 0 0 3px var(--bio-black), 0 0 0 5px color-mix(in srgb, var(--lime) 40%, transparent);border-radius:50%;flex:none}.ribbon__notch,.ribbon__notch-key{inline-size:3px;block-size:calc(var(--bar) + .75rem);background:var(--text);border-radius:2px;flex:none}.ribbon__notch-key{block-size:.9rem}.ribbon__meanings{font-size:var(--text-xs);color:var(--text-3);gap:3px;line-height:1.3}.ribbon__meaning{min-inline-size:0;overflow-wrap:anywhere;padding-inline-end:var(--space-2)}:is([data-zone=pending] [data-zone=pending],[data-zone=skeleton] [data-zone=skeleton],[data-zone=slow] [data-zone=slow],[data-zone=stalled] [data-zone=stalled]):is(.ribbon__meaning,.ribbon__key,.ribbon__time){color:var(--text);font-weight:700}.ribbon__legend{display:none}@container ribbon (width<=34rem){.ribbon__meanings,.ribbon__time--end{display:none}.ribbon__legend{gap:var(--space-2);margin:var(--space-4) 0 0;font-size:var(--text-xs);color:var(--text-3);padding:0;list-style:none;display:grid}.ribbon__key{align-items:center;gap:var(--space-3);grid-template-columns:.75rem minmax(5.5rem,auto) minmax(0,1fr);display:grid}.ribbon__range{font-variant-numeric:tabular-nums;white-space:nowrap}.ribbon__swatch{background:color-mix(in srgb, var(--text) var(--ink,10%), transparent);border-radius:3px;block-size:.75rem}.ribbon__key[data-zone=skeleton] .ribbon__swatch{--ink:16%}.ribbon__key[data-zone=slow] .ribbon__swatch{--ink:24%}.ribbon__key[data-zone=stalled] .ribbon__swatch{--ink:34%}}@media (prefers-reduced-motion:no-preference){.ribbon__meaning,.ribbon__key,.ribbon__time{transition:color .2s var(--ease-out)}}.statement-wrap{padding-block:clamp(4rem,2.5rem + 6vw,8rem) 0}.statement-wrap>.container{display:block}.statement{letter-spacing:-.03em;text-wrap:balance;max-inline-size:30ch;font-size:clamp(1.75rem,1rem + 3vw,3.25rem);font-weight:700;line-height:1.12}.shead{gap:var(--space-4);margin-block-end:clamp(2rem,1.5rem + 2vw,3.5rem);display:grid}.shead__title{letter-spacing:-.035em;text-wrap:balance;max-inline-size:20ch;font-size:clamp(2rem,1.3rem + 2.8vw,3.5rem);font-weight:780;line-height:1.02}.shead__intro{max-inline-size:62ch;color:var(--text-2);text-wrap:pretty;font-size:clamp(1.0625rem,1rem + .3vw,1.2rem);line-height:1.65}.split{align-items:center;gap:clamp(2rem,1rem + 4vw,5rem);display:grid}@media (width>=62rem){.split:has(.split__art){grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.split--reverse:has(.split__art){grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.split--reverse .split__art{order:-1}}@media (width<=61.99rem){.split__art{justify-self:center;inline-size:min(100%,24rem)}}.subhead{font-size:var(--text-xl);margin-block-end:var(--space-4)}.symptoms{--bullets-gap:var(--space-3);max-inline-size:64ch}.symptoms li{color:var(--text-2);font-size:var(--text-lg);line-height:1.55}.points{--bullets-gap:var(--space-5)}.points h3,.columns h3{font-size:var(--text-lg);margin-block-end:var(--space-1)}.points p,.columns p{color:var(--text-2);line-height:1.6}.tl{--rail-x:1.25rem;--dot:.875rem;--sticky-top:calc(var(--header-offset) + 1.25rem);padding:0;padding-inline-start:calc(var(--rail-x) * 2 + var(--space-4));list-style:none;display:grid;position:relative}.tl:before{content:"";background:color-mix(in srgb, var(--text) 14%, transparent);inline-size:2px;position:absolute;inset-block:.75rem 0;inset-inline-start:calc(var(--rail-x) - 1px)}.tl__item{gap:var(--space-3);padding-block:0 clamp(2.5rem,1.5rem + 4vw,4.5rem);display:grid;position:relative}.tl__item:last-child{padding-block-end:0}.tl__dot{z-index:1;inline-size:var(--dot);block-size:var(--dot);background:var(--text);box-shadow:0 0 0 6px var(--bg-2);border-radius:50%;position:absolute;inset-block-start:.55rem;inset-inline-start:calc(-1 * (var(--rail-x) + var(--space-4)) - var(--dot) / 2)}.tl__head{align-items:baseline;gap:var(--space-4);display:flex}.tl__num{color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;font-size:clamp(1.35rem,1.1rem + 1vw,2rem);font-weight:800;line-height:1.15}.tl__title{letter-spacing:-.02em;text-wrap:balance;max-inline-size:20ch;font-size:clamp(1.35rem,1.1rem + 1vw,2rem);font-weight:720;line-height:1.15}.tl__body{max-inline-size:58ch;color:var(--text-2);font-size:clamp(1.0625rem,1rem + .35vw,1.2rem);line-height:1.65}@media (width>=62rem){.tl{--rail-x:1.5rem}.tl__item{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,1rem + 3vw,4rem)}.tl__head{align-self:start;position:sticky;inset-block-start:var(--sticky-top)}}.callout{letter-spacing:-.02em;text-wrap:pretty;max-inline-size:48rem;margin-block-start:clamp(3rem,2rem + 3vw,4.5rem);font-size:clamp(1.35rem,1rem + 1.2vw,2rem);font-weight:700;line-height:1.3}.comparison .table{min-inline-size:44rem}.comparison .table th,.comparison .table td{white-space:normal;vertical-align:top;padding-block:var(--space-4);line-height:1.55}.comparison .table tbody th{inline-size:26%}.comparison__ours{background:var(--accent-subtle);box-shadow:inset 4px 0 0 var(--accent-line)}[dir=rtl] .comparison__ours{box-shadow:inset -4px 0 0 var(--accent-line)}.comparison__ours th{color:var(--accent-ink)}.index{border-block-start:1px solid var(--border);padding:0;list-style:none}.index__row{gap:var(--space-2) var(--space-4);padding:var(--space-5) var(--space-3);border-block-end:1px solid var(--border);color:var(--text);grid-template-columns:2rem minmax(0,1fr);grid-template-areas:"icon title"".summary"".time";align-items:center;text-decoration:none;display:grid}@media (width>=62rem){.index__row{gap:var(--space-5);grid-template-columns:2rem minmax(0,13rem) minmax(0,1fr) minmax(0,17rem);grid-template-areas:"icon title summary time"}}.index__row:hover{background:var(--bg-card)}.index__row:hover .index__title{text-underline-offset:.2em;text-decoration:underline 2px}.index__icon{color:var(--accent-ink);grid-area:icon}.index__title{font-size:var(--text-xl);letter-spacing:-.015em;grid-area:title;font-weight:720}.index__summary{max-inline-size:52ch;color:var(--text-2);grid-area:summary;line-height:1.55}.index__time{align-items:center;gap:var(--space-3);grid-area:time;grid-template-columns:minmax(0,1fr) auto;display:grid}.index__ruler{background:color-mix(in srgb, var(--text) 14%, transparent);border-radius:2px;block-size:4px;position:relative}.index__ruler:before{content:"";inline-size:calc(var(--resp) * 100%);background:var(--accent-line);border-radius:2px;position:absolute;inset-block:0;inset-inline-start:0}.index__ms{min-inline-size:4.5rem;font-size:var(--text-sm);text-align:end;font-variant-numeric:tabular-nums;font-weight:700}.rules-wrap{gap:var(--space-5) clamp(2rem, 1rem + 4vw, 5rem);display:grid}@media (width>=62rem){.rules-wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.rules-wrap .shead{position:sticky;inset-block-start:calc(var(--header-offset) + 1.25rem)}}.rules{border-block-start:1px solid var(--border);padding:0;list-style:none}.rules__item{gap:var(--space-2);padding-block:var(--space-5);border-block-end:1px solid var(--border);display:grid}@media (width>=48rem){.rules__item{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.rules__lead{font-size:var(--text-lg);line-height:1.35}.rules__item p{color:var(--text-2);line-height:1.6}.columns{gap:var(--space-6) clamp(2rem, 1rem + 3vw, 4rem);grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));padding:0;list-style:none;display:grid}.columns>li{border-block-start:2px solid var(--text);padding-block-start:var(--space-4)}.stack{--tile:3.5rem;--gap:clamp(1.75rem, 1.25rem + 2vw, 3rem);background:var(--bg-2);border-block:1px solid var(--border);padding-block:clamp(3rem,2rem + 3vw,4.5rem);overflow:hidden}.stack__head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-block-end:var(--space-6);display:flex}.stack__title{letter-spacing:-.02em;font-size:clamp(1.35rem,1.1rem + 1vw,1.85rem);font-weight:750}.stack__toggle{border:1px solid var(--border);background:var(--surface);block-size:44px;inline-size:44px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:none}.stack__toggle:hover{background:var(--surface-strong)}.stack__toggle svg{grid-area:1/1}[data-marquee][data-paused] .stack__icon-pause,[data-marquee]:not([data-paused]) .stack__icon-play{display:none}.stack__viewport{inline-size:min(var(--page-width), 100% - 2 * var(--gutter));margin-inline:auto}.stack__track{display:flex}.stack__list{gap:var(--space-5) var(--gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.stack__list[aria-hidden=true]{display:none}.stack__item{align-items:center;gap:var(--space-3);white-space:nowrap;display:inline-flex}.stack__logo{inline-size:var(--tile);block-size:var(--tile);background:#fff;border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #06110d14,0 1px 2px #06110d1f}.stack__logo img{block-size:2rem;inline-size:2rem}.stack__name{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:650}@media (prefers-reduced-motion:no-preference){[data-marquee][data-moving] .stack__toggle{display:grid}[data-marquee][data-moving] .stack__viewport{inline-size:100%}[data-marquee][data-moving] .stack__track{inline-size:max-content;animation:50s linear infinite stack-scroll}[data-marquee][data-moving] .stack__list{flex-wrap:nowrap;padding-inline-end:var(--gap)}[data-marquee][data-moving] .stack__list[aria-hidden=true]{display:flex}[dir=rtl] [data-marquee][data-moving] .stack__track{animation-name:stack-scroll-rtl}[data-marquee][data-paused] .stack__track,[data-marquee][data-offscreen] .stack__track,[data-marquee] .stack__viewport:hover .stack__track,[data-marquee]:focus-within .stack__track{animation-play-state:paused}}@keyframes stack-scroll{to{transform:translate(-50%)}}@keyframes stack-scroll-rtl{to{transform:translate(50%)}}.cta{--text:var(--bio-black);--text-2:#24361a;--focus:var(--bio-black);background:var(--lime);color:var(--bio-black);padding-block:clamp(5rem,3rem + 7vw,9rem)}.cta__inner{align-items:center;gap:clamp(3rem,2rem + 4vw,5rem);display:grid}@media (width>=62rem){.cta__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}.cta__title{letter-spacing:-.04em;text-wrap:balance;max-inline-size:11ch;font-size:clamp(2.75rem,1.4rem + 5.2vw,5.75rem);font-weight:800;line-height:.95}.cta__body{max-inline-size:44ch;color:var(--text-2);margin-block-start:var(--space-5);font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.55}.btn--ink{--btn-bg:var(--bio-black);--btn-fg:var(--lime);--btn-border:transparent}.btn--ink:hover{--btn-bg:#15281f;--btn-border:transparent}.btn--outline-ink{--btn-bg:transparent;--btn-fg:var(--bio-black);--btn-border:var(--bio-black);border-width:2px}.btn--outline-ink:hover{--btn-bg:color-mix(in srgb, var(--bio-black) 8%, transparent);--btn-border:var(--bio-black)}.cta__breaks-title{font-size:var(--text-md);margin-block-end:var(--space-4);font-weight:700}.breaks{gap:var(--space-3);padding:0;list-style:none;display:grid}.break{align-items:center;gap:var(--space-1) var(--space-5);border-radius:var(--radius-shell);background:var(--bio-black);color:#ecf3ec;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label""icon detail";padding:clamp(1.25rem,1rem + 1vw,1.75rem) clamp(1.25rem,1rem + 1.2vw,2rem);text-decoration:none;display:grid}.break:hover .break__label{text-underline-offset:.18em;text-decoration:underline 2px}.break:focus-visible{outline-offset:4px}.break__icon{color:var(--lime);grid-area:icon}.break__label{letter-spacing:-.02em;grid-area:label;font-size:clamp(1.35rem,1.1rem + 1vw,1.85rem);font-weight:750;line-height:1.1}.break__detail{color:#b3c2b8;font-size:var(--text-sm);grid-area:detail;line-height:1.5}.plan{padding-block:clamp(4.5rem,3rem + 6vw,8rem)}.plan__head{gap:var(--space-4);max-inline-size:60rem;margin-block-end:clamp(2.5rem,2rem + 3vw,4.5rem);display:grid}.plan__title{letter-spacing:-.035em;font-size:clamp(2rem,1.3rem + 2.8vw,3.5rem);font-weight:780;line-height:1.02}.plan__goal{letter-spacing:-.02em;color:var(--accent-ink);text-wrap:balance;font-size:clamp(1.35rem,1rem + 1.4vw,2.1rem);font-weight:700;line-height:1.25}.plan__body{max-inline-size:64ch;font-size:var(--text-lg);color:var(--text-2);line-height:1.6}.phases{--dot:1.75rem;gap:var(--space-6);padding:0;padding-inline-start:calc(var(--dot) + var(--space-5));list-style:none;display:grid;position:relative}.phases:before{content:"";inset-block:calc(var(--dot) / 2) calc(var(--dot) / 2);background:color-mix(in srgb, var(--text) 14%, transparent);inline-size:2px;position:absolute;inset-inline-start:calc(var(--dot) / 2 - 1px)}.phase{gap:var(--space-2);align-content:start;display:grid;position:relative}.phase__dot{inline-size:var(--dot);block-size:var(--dot);border:2px solid color-mix(in srgb, var(--text) 30%, transparent);background:var(--bg);color:var(--bio-black);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:calc(-1 * (var(--dot) + var(--space-5)))}[data-stage=done] .phase__dot{border-color:var(--lime);background:var(--lime)}[data-stage=now] .phase__dot{border:3px solid var(--accent-line);background:var(--bg);box-shadow:0 0 0 5px var(--accent-soft)}.phase__here{border-radius:var(--radius-small);background:var(--btn-primary-bg);color:var(--btn-primary-fg);font-size:var(--text-xs);padding:.15rem .6rem;font-weight:700}.phase__stage{align-items:center;gap:var(--space-2);min-block-size:1.6rem;font-size:var(--text-sm);color:var(--text-3);flex-wrap:wrap;font-weight:600;display:flex}.phase[data-current] .phase__dot{box-shadow:0 0 0 5px var(--accent-soft)}[data-stage=now] .phase__stage{color:var(--accent-ink)}.phase__title{font-size:var(--text-xl);letter-spacing:-.015em;text-wrap:balance;font-weight:740;line-height:1.2}[data-stage=next] .phase__title,[data-stage=later] .phase__title{color:var(--text-2)}.phase__items{--bullets-gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);margin-block-start:var(--space-1);line-height:1.55}@media (width>=62rem){.phases{gap:var(--space-5);grid-template-columns:repeat(5,minmax(0,1fr));padding-block-start:calc(var(--dot) + var(--space-5));padding-inline-start:0}.phases:before{inset-block:calc(var(--dot) / 2 - 1px) auto;inset-inline:calc(var(--dot) / 2) calc(var(--dot) / 2);block-size:2px;inline-size:auto}.phase__dot{inset-block-start:calc(-1 * (var(--dot) + var(--space-5)));inset-inline-start:0}}.phase__link{font-size:var(--text-sm);justify-self:start;margin-block-start:var(--space-2);font-weight:650}.plan__links{gap:var(--space-3) var(--space-6);border-block-start:1px solid var(--border);color:var(--text-2);flex-wrap:wrap;margin-block-start:clamp(2.5rem,2rem + 2vw,3.5rem);padding-block-start:var(--space-5);display:flex}.plan__links>a{font-weight:650}.illustration{--illustration-accent:var(--lime);--ill-ink:light-dark(#06110d,#dfe9e1);--ill-ink-2:light-dark(#33433a,#9fb1a6);--ill-paper:light-dark(#fff,#14271f);--ill-mist:light-dark(#e2e8d6,#1b3328);margin:0}.illustration__svg{block-size:auto;max-block-size:26rem;inline-size:100%;display:block}@media (prefers-reduced-motion:no-preference){.mock:is([data-phase=skeleton],[data-phase=slow],[data-phase=cancel]) .mock__col,.mock:is([data-phase=skeleton],[data-phase=slow],[data-phase=cancel]) .mock__value:after{animation:1.4s ease-in-out infinite home-pulse}}@keyframes home-pulse{50%{background-color:var(--bg-3)}}}
