/* crd-offset fills its card; dimensions belong to the host. Figma 26407:54747. */
.crd-offset{display:flex;width:100%;min-height:0;align-self:stretch;flex:1;box-sizing:border-box;position:relative;align-items:center;justify-content:center}
.sz-crd-offset{gap:20px}
.c-crd-offset{--crd-offset-fill:rgb(5 21 38 / .6);background:var(--crd-offset-fill);color:var(--fg)}
.crd-offset[data-role="bt+text"]{flex-direction:column;align-items:stretch;justify-content:space-between}
.crd-offset-spacer{height:32px;flex:none}.crd-offset-copy{display:flex;flex-direction:column;gap:20px;min-width:0}.crd-offset-copy p{margin:0}
.crd-offset .bt-crd-hover-offset{text-decoration:none;cursor:pointer;max-width:100%}
.crd-offset[data-role="bt+text"]>.bt-crd-hover-offset{width:100%;flex:none}
.crd-offset[data-role="bt+text"]>.bt-crd-hover-offset .card-bt-content{width:100%;justify-content:space-between}
.crd-offset-quote{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none}
.crd-offset-quote>.ic{width:30px;height:30px}
.crd-offset [hidden]{display:none!important}
.widget-samples{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}.widget-sample{margin:0;max-width:100%;min-width:0}.widget-sample h3{font-size:14px;margin:0 0 12px}.widget-card-host{display:grid;width:303px;min-height:490px;max-width:100%;background:#f9f9fa}.widget-sample figcaption{margin-top:12px;font:12px/1.6 monospace;color:#717580;max-width:303px;overflow-wrap:anywhere}
.widget-tools{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:20px 0}.widget-tools label{display:flex;align-items:center;gap:8px;font-size:12px}.widget-tools select{padding:8px;background:white;border:1px solid #d9dbe1;border-radius:7px}
.widget-photo-host{position:relative;width:var(--demo-card-width,303px);max-width:100%;min-height:490px;display:grid;isolation:isolate}.widget-photo-host>img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-1}.widget-photo-host>.crd-offset{opacity:0;transition:opacity 200ms}.widget-photo-host:is(:hover,:focus-within,[data-show="true"])>.crd-offset{opacity:1}.widget-photo-host:focus-visible{outline:2px solid #00699b;outline-offset:4px}
@media(hover:none){.widget-photo-host>.crd-offset{opacity:1}}
@media(prefers-reduced-motion:reduce){.widget-photo-host>.crd-offset{transition:none}}
@media(max-width:380px){.crd-offset .card-bt-content>span:first-child{white-space:normal;text-align:left}.widget-tools input[type=range]{max-width:140px}}

/* Clip photo and overlay to the radius assigned to their card host. */
.widget-card-host,.widget-photo-host{overflow:hidden}
/* Cover geometry belongs to the card; its parent controls width. */
.crd-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-end;width:100%;overflow:hidden;background:var(--bg);color:var(--fg)}
.sz-crd-cover{min-height:500px;gap:5px}
.crd-cover-photo,.crd-cover-gradient{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.crd-cover-photo{object-fit:cover;z-index:-2}.crd-cover-gradient{z-index:-1}
.crd-cover-mark{flex:none}.crd-cover-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;flex:1;width:100%;min-width:0}.crd-cover-text{display:flex;flex-direction:column;gap:10px;padding-right:20px;width:100%}.crd-cover-title{margin:0;overflow-wrap:anywhere}.crd-cover-text p{margin:0;max-width:355px;overflow-wrap:anywhere}
/* Overlay travels with its contents; the card clips it at its edges. */
.crd-cover-overlay{position:absolute;inset:0;z-index:1;display:flex;visibility:hidden;opacity:1;transform:translateY(100%);pointer-events:none;transition:transform 300ms cubic-bezier(.22,.61,.36,1),visibility 0s linear 300ms}
.crd-cover[data-overlay=shown]>.crd-cover-overlay,.crd-cover[data-overlay=hover]:is(:hover,:focus-within)>.crd-cover-overlay{visibility:visible;transform:translateY(0);pointer-events:auto;transition-delay:0s}
.crd-cover-content{transition:opacity 150ms ease}
.crd-cover[data-overlay=shown]>.crd-cover-content,.crd-cover[data-overlay=hover]:is(:hover,:focus-within)>.crd-cover-content{opacity:0}
.crd-cover-mark{position:relative;z-index:2;overflow:hidden}
.crd-cover[data-overlay=shown]>.crd-cover-mark .ic,.crd-cover[data-overlay=hover]:is(:hover,:focus-within)>.crd-cover-mark .ic{animation:cover-arrow-travel 300ms ease-in-out both}
@keyframes cover-arrow-travel{0%{transform:translate(0,0)}49%{transform:translate(28px,-28px);opacity:1}49.5%{transform:translate(28px,-28px);opacity:0}50%{transform:translate(-28px,28px);opacity:0}50.5%{transform:translate(-28px,28px);opacity:1}100%{transform:translate(0,0);opacity:1}}
.crd-cover:focus-visible{outline:2px solid #00699b;outline-offset:4px}
.cover-demo-host{width:364px;max-width:100%}.component-class-caption{font:12px/1.6 monospace;color:#717580;overflow-wrap:anywhere}

.cover-variants{display:flex;flex-wrap:wrap;gap:32px;align-items:stretch;--cover-width:364px}.cover-variant{margin:0;width:var(--cover-width);max-width:100%;min-width:0;display:flex;flex-direction:column}.cover-variant-label{font-size:14px;margin:0 0 12px}.cover-variant .cover-demo-host{width:100%;display:flex;flex:1}.crd-cover{text-decoration:none}.crd-cover[data-role=cmd] .crd-cover-text{padding-right:0}.crd-cover-number{display:flex;align-items:flex-end;gap:10px;width:100%;flex:none}.crd-cover[data-role="number-value+text"]{cursor:default}.crd-cover-overlay .crd-offset{min-width:0}.crd-cover-overlay{overflow:auto}
@media(hover:none){a.crd-cover[data-overlay=hover]:hover:not(:focus-within)>.crd-cover-overlay{visibility:hidden;transform:translateY(100%);pointer-events:none}a.crd-cover[data-overlay=hover]:hover:not(:focus-within)>.crd-cover-content{opacity:1}}

.widget-photo-host>.crd-offset{opacity:1;transform:translateY(100%);transition:transform 300ms cubic-bezier(.22,.61,.36,1)}
.widget-photo-host:is(:hover,:focus-within,[data-show="true"])>.crd-offset{transform:translateY(0)}
@media(hover:none){.widget-photo-host>.crd-offset{transform:none}}
@media(prefers-reduced-motion:reduce){.crd-cover-overlay,.crd-cover-content,.widget-photo-host>.crd-offset{transition:none}.crd-cover .crd-cover-mark .ic{animation:none!important}}

.cover-variant>.component-class-caption{margin-top:12px}

/* Photo zoom is independent of the overlay and arrow animations. */
a.crd-cover>.crd-cover-photo{transform:scale(1);transform-origin:center;transition:transform 200ms ease-in-out}
a.crd-cover:focus-visible>.crd-cover-photo,a.crd-cover[data-overlay=shown]>.crd-cover-photo{transform:scale(1.2)}
@media(hover:hover){a.crd-cover:hover>.crd-cover-photo{transform:scale(1.2)}}
@media(prefers-reduced-motion:reduce){a.crd-cover>.crd-cover-photo{transition:none}}

/* crd-srf-ic+info: Figma 26379:39865 / 26379:39867. */
.gp-crd-ic{row-gap:60px;column-gap:20px}
.crd-srf-ic-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;min-width:0;overflow:hidden;border-width:1px;border-style:solid;box-sizing:border-box}
.crd-srf-ic-info[data-position=c]{align-items:center;text-align:center}
.info-card-text{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0}
.crd-srf-ic-info[data-position=c] .info-card-text{align-items:center}
.info-card-text h3,.info-card-text p{margin:0;width:100%;overflow-wrap:anywhere}.info-card-text p{max-width:420px}
.info-card-bare{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none}.info-card-bare .ic{width:42.0103px;height:42.0073px}
.info-card-mark .ic{width:32.0078px;height:32.0072px}
.crd-srf-ic-info [hidden]{display:none}
.info-card-examples{display:flex;flex-wrap:wrap;gap:32px}.info-card-example{margin:0;width:var(--info-demo-width,560px);max-width:100%;min-width:0}.info-card-example figcaption{margin-top:12px}
.info-context-title{margin-top:32px}.info-card-contexts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.info-context{background:var(--bg);color:var(--fg);padding:20px;border-radius:7px}.info-context>p{margin:0 0 12px}
@media(max-width:700px){.info-card-contexts{grid-template-columns:1fr}.info-context{padding:12px}}

/* crd-blog-link: Figma 26382:44577. Width belongs to the showcase host. */
.gp-crd-ph-content{row-gap:60px}
@media(max-width:767px){.gp-crd-ph-content{row-gap:40px}}
.crd-blog-link{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;overflow:hidden;border-width:1px;border-style:solid;box-sizing:border-box;text-decoration:none}
.blog-photo-wr{width:100%;height:370px;min-height:370px;overflow:hidden;flex:none}.blog-photo-wr img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 200ms ease-in-out}
.blog-content,.blog-text{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0}.blog-text{padding-right:14px}.blog-text h3,.blog-text p{margin:0;width:100%;overflow-wrap:anywhere}.blog-text p{max-width:420px}
.blog-links{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;width:100%}.blog-mark{overflow:hidden}.crd-blog-link:focus-visible{outline:2px solid #00699b;outline-offset:4px}
.blog-example{margin:0;width:var(--blog-demo-width,659px);max-width:100%}.blog-example figcaption{margin-top:12px}
@media(hover:hover){.crd-blog-link:hover .blog-photo-wr img{transform:scale(1.2)}.crd-blog-link:hover .blog-mark .ic{animation:cover-arrow-travel 300ms ease-in-out both}}
.crd-blog-link:focus-visible .blog-photo-wr img{transform:scale(1.2)}
@media(prefers-reduced-motion:reduce){.blog-photo-wr img{transition:none}.crd-blog-link .blog-mark .ic{animation:none!important}}

/* crd-service-price: surface × role-info × gap, Figma 26382:46409. */
.crd-service-price{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;min-height:528px;text-decoration:none;color:var(--fg);border:1px solid var(--bg-surface-otl);box-sizing:border-box}
.crd-service-price[data-surface]:not([data-surface=no]){min-height:568px}
.crd-service-price[data-info=true]{min-height:605px}
.crd-service-price[data-info=true][data-surface=no]{border:0;border-bottom:1px solid var(--fg-muted);padding-bottom:20px}
.crd-service-price[data-info=true][data-surface]:not([data-surface=no]){min-height:626px}
.service-photo{position:relative;width:100%;min-height:370px;flex:1 0 370px;overflow:hidden}.service-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 200ms ease-in-out}
.service-content,.service-info{display:flex;flex-direction:column;width:100%;min-width:0;flex:none}.service-heading{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:flex-start;width:100%}.service-heading h3{flex:1;min-width:160px}.service-heading h3,.service-info p{margin:0;overflow-wrap:anywhere}.service-price{display:flex;flex-direction:column;flex:none;min-width:79px}.service-value{display:flex;align-items:center;gap:5px;white-space:nowrap}.service-links{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;min-height:32px}.service-mark{overflow:hidden}.service-mark[hidden]{display:none}
.crd-service-price:focus-visible{outline:2px solid #00699b;outline-offset:4px}
.service-examples{display:flex;flex-wrap:wrap;gap:32px;background:var(--bg);color:var(--fg);padding:20px;border-radius:12px}.service-example{margin:0;width:var(--service-demo-width,659px);max-width:100%;min-width:0}.service-example figcaption{margin-top:12px;color:var(--fg-gentle)}
@media(hover:hover){.crd-service-price:hover .service-photo img{transform:scale(1.2)}.crd-service-price:hover .service-mark .ic{animation:cover-arrow-travel 300ms ease-in-out both}}
.crd-service-price:focus-visible .service-photo img{transform:scale(1.2)}
@media(prefers-reduced-motion:reduce){.service-photo img{transition:none}.crd-service-price .service-mark .ic{animation:none!important}}
@media(max-width:479px){.service-examples{padding:0}}

/* crd-service-specs+tag: Figma 26385:41194. */
.crd-service-specs-tag{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;text-decoration:none;color:var(--fg);border-bottom:1px solid var(--bg-surface-otl);overflow:hidden}
.crd-service-specs-tag[data-surface=no]{padding-bottom:20px;border-color:var(--fg-muted)}
.specs-photo{width:100%;height:370px;min-height:370px;overflow:hidden;flex:none}.specs-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 200ms ease-in-out}
.specs-content{display:flex;flex-direction:column;width:100%;min-width:0}.specs-columns{display:flex;flex-wrap:wrap;gap:30px 20px;align-items:flex-start}.specs-text{display:flex;flex-direction:column;flex:1;min-width:min(180px,100%)}.specs-text h3,.specs-text p{margin:0;overflow-wrap:anywhere}.specs-text p{max-width:355px}
.specs-values{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;flex:1;min-width:min(180px,100%);min-height:111px}.specs-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;width:100%}
.specs-tags .ic{width:12px;height:12px}
.specs-time{display:flex;flex-direction:column;padding-top:11px}.specs-time-value{display:flex;justify-content:flex-end;align-items:center;gap:5px}.specs-mark{overflow:hidden}
.specs-examples{display:flex;flex-wrap:wrap;gap:32px;padding:20px;border-radius:12px;background:var(--bg);color:var(--fg)}.specs-example{margin:0;width:var(--specs-demo-width,659px);max-width:100%;min-width:0}.crd-service-specs-tag{container:specs / inline-size}.specs-example figcaption{color:var(--fg-gentle)}
@container specs (max-width:500px){.crd-service-specs-tag .specs-columns{flex-direction:column}.crd-service-specs-tag :is(.specs-text,.specs-values){width:100%;flex:none}.crd-service-specs-tag .specs-values{align-items:flex-start;min-height:0;gap:10px}.crd-service-specs-tag :is(.specs-tags,.specs-time-value){justify-content:flex-start}.crd-service-specs-tag .specs-time{padding-top:0}}
.crd-service-specs-tag:focus-visible{outline:2px solid #00699b;outline-offset:4px}.crd-service-specs-tag:focus-visible .specs-photo img{transform:scale(1.2)}
@media(hover:hover){.crd-service-specs-tag:hover .specs-photo img{transform:scale(1.2)}.crd-service-specs-tag:hover .specs-mark .ic{animation:cover-arrow-travel 300ms ease-in-out both}}
@media(prefers-reduced-motion:reduce){.specs-photo img{transition:none}.crd-service-specs-tag .specs-mark .ic{animation:none!important}}
@media(max-width:479px){.specs-examples{padding:0}}

/* crd-case-info+tag: Figma 26385:47097. */
.crd-case-info-tag{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;color:var(--fg);text-decoration:none;border-bottom:1px solid var(--bg-surface-otl);container:case-card / inline-size}
.crd-case-info-tag[data-surface=no]{padding-bottom:20px;border-color:var(--fg-muted)}
.case-photo{position:relative;isolation:isolate;display:flex;justify-content:flex-end;align-items:flex-start;width:100%;height:370px;min-height:370px;overflow:hidden}.case-art{position:absolute;inset:0;z-index:-1;transition:transform 200ms ease-in-out;pointer-events:none}.case-background,.case-texture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.case-texture{opacity:.3;mix-blend-mode:overlay}.case-object{position:absolute;inset:0;margin:auto;width:100%;max-width:575px;height:100%}.case-object img{width:100%;height:100%;object-fit:cover}.case-mark{overflow:hidden}
@media(max-width:991px){.case-object{max-width:460px}}
@media(max-width:459px){.case-object{max-width:360px}}
.case-content{display:flex;flex-direction:column;width:100%;min-width:0}.case-heading{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:20px}.case-heading h3{margin:0;flex:1;min-width:min(200px,100%);overflow-wrap:anywhere}.case-tags{display:flex;flex-wrap:wrap;gap:10px;max-width:100%}.case-tags .ic{width:12px;height:12px}
.case-bottom{display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:20px}.case-description{flex:1;min-width:min(200px,100%)}.crd-case-info-tag[data-surface=no] .case-description{padding-right:20px}.case-description p{margin:0;max-width:355px;overflow-wrap:anywhere}.case-bottom>.text-link{flex:none}
.case-examples{display:flex;flex-wrap:wrap;gap:32px;padding:20px;background:var(--bg);color:var(--fg);border-radius:12px}.case-example{margin:0;width:var(--case-demo-width,659px);max-width:100%;min-width:0}.case-example figcaption{color:var(--fg-gentle)}
@container case-card (max-width:500px){.case-heading{flex-direction:column}.case-heading h3{width:100%}.case-tags{width:100%}}
@container case-card (max-width:380px){.case-bottom{flex-direction:column;align-items:flex-start}.case-description{min-width:0;width:100%}}
.crd-case-info-tag:focus-visible{outline:2px solid #00699b;outline-offset:4px}.crd-case-info-tag:focus-visible .case-art{transform:scale(1.2)}
@media(hover:hover){.crd-case-info-tag:hover .case-art{transform:scale(1.2)}.crd-case-info-tag:hover .case-mark .ic{animation:cover-arrow-travel 300ms ease-in-out both}}
@media(prefers-reduced-motion:reduce){.case-art{transition:none}.crd-case-info-tag .case-mark .ic{animation:none!important}}
@media(max-width:479px){.case-examples{padding:0}}

/* crd-srf-command: Figma 26386:54710. */
.gp-grid-text-s-v{row-gap:20px}
.crd-srf-command{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:20px;width:100%;min-width:0;overflow:hidden;border-bottom:1px solid var(--bg-surface-otl);--command-column-min:230px}
.crd-srf-command[data-role=quote-surface]{--command-column-min:240px}
.command-photo{position:relative;flex:1 0 var(--command-column-min);min-width:0;max-width:100%;aspect-ratio:324/300;overflow:hidden}.command-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.command-content{display:flex;flex-direction:column;flex:1 0 var(--command-column-min);min-width:0;max-width:100%}.command-heading{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;width:100%}.command-name{display:flex;flex-direction:column;gap:5px;flex:1;min-width:min(200px,100%)}.command-name h3,.command-name p{margin:0;overflow-wrap:anywhere}.command-name p{max-width:355px}
.command-quote{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0}.command-quote p{margin:0;overflow-wrap:anywhere}.command-quote-mark[hidden]{display:none}
.crd-srf-command[data-role=quote-off]{flex-direction:column;align-items:center}.crd-srf-command[data-role=quote-off] .command-photo{flex:none;width:100%;aspect-ratio:324/371}.crd-srf-command[data-role=quote-off] .command-content{flex:none;width:100%}
.command-examples{display:flex;flex-wrap:wrap;gap:32px;padding:20px;background:var(--bg);color:var(--fg);border-radius:12px;align-items:flex-start}.command-example{margin:0;width:var(--command-demo-width,364px);max-width:100%;min-width:0}.command-example figcaption{color:var(--fg-gentle)}
@media(max-width:479px){.command-examples{padding:0}}

/* crd-number+info: Figma 26396:51547. */
.gp-crd-nmb{row-gap:60px}
@media(max-width:767px){.gp-crd-nmb{row-gap:30px}}
.crd-number-info{display:flex;flex-direction:column;justify-content:center;width:100%;min-width:0;color:var(--fg)}
.crd-number-info[data-surface=lvl1]{border:1px solid var(--bg-surface-otl)}.crd-number-info[data-surface=lvl2]{border:1px solid var(--bg-surface-lvl2-otl)}
.number-value{display:flex;align-items:flex-end;gap:10px;width:100%;white-space:nowrap}.number-copy{display:flex;flex-direction:column;padding-right:30px;width:100%;min-width:0}.number-copy h3,.number-copy p{margin:0;overflow-wrap:anywhere}.number-copy p{max-width:420px}
.crd-number-info[data-position=r] .number-value{justify-content:flex-end;align-items:center}.crd-number-info[data-position=c] .number-value{justify-content:center;align-items:center}.crd-number-info[data-position=c] .number-copy{padding-right:0;align-items:center;text-align:center}
.number-examples{display:flex;flex-wrap:wrap;align-items:flex-start;gap:32px;padding:20px;background:var(--bg);color:var(--fg);border-radius:12px}.number-example{margin:0;width:var(--number-demo-width,560px);max-width:100%;min-width:0}.number-example figcaption{color:var(--fg-gentle)}
@media(max-width:479px){.number-examples{padding:0}}

/* crd-feedback: Figma 26400:51808. */
.crd-feedback{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;justify-content:center;gap:30px 20px;width:100%;min-width:0;border-bottom:1px solid var(--bg-surface-otl)}
.review-person{display:flex;flex-direction:column;flex:1 0 220px;min-width:0;max-width:100%;min-height:368px}.review-photo{position:relative;flex:0 0 300px;height:300px;min-height:300px;width:100%;overflow:hidden}.review-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.review-name{display:flex;flex-direction:column;gap:5px;width:100%}.review-name h3,.review-name p{margin:0;overflow-wrap:anywhere}.review-name p{max-width:355px}
.review-body{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 220px;min-width:0;max-width:100%}.review-body blockquote{display:flex;flex-direction:column;gap:20px;margin:0;width:100%;overflow-wrap:anywhere}.review-body blockquote p{margin:0}
.crd-feedback[data-avatar=small]{flex-direction:column;align-items:center}.crd-feedback[data-avatar=small] .review-person{flex:none;width:100%;height:auto;min-height:0;align-items:center}.crd-feedback[data-avatar=small] .review-photo{flex:none;width:100px;height:100px;min-height:100px}.crd-feedback[data-avatar=small] .review-name{align-items:center;text-align:center}.crd-feedback[data-avatar=small] .review-body{flex:none;width:100%;align-items:center;text-align:center}.crd-feedback[data-avatar=small] blockquote{max-width:420px}
.review-examples{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;padding:20px;border-radius:12px;background:var(--bg);color:var(--fg)}.review-example{margin:0;width:var(--review-demo-width,364px);max-width:100%;min-width:0}.review-example figcaption{color:var(--fg-gentle)}
@media(max-width:479px){.review-examples{padding:0}}

/* crd-steprow: Figma 26417:57211. */
.gp-grid-text-l-h{row-gap:60px;column-gap:20px}
.crd-steprow{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;width:100%;min-width:0;color:var(--fg)}.crd-steprow[data-surface=lvl1]{border-bottom:1px solid var(--bg-surface-otl)}.crd-steprow[data-surface=lvl2]{border-bottom:1px solid var(--bg-surface-lvl2-otl)}
.step-visual{display:flex;flex:1 0 300px;min-width:0;max-width:100%;gap:20px}.step-number-mark{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex:1;min-width:0;min-height:165px}.step-photo{position:relative;flex:1;min-width:0;min-height:165px;overflow:hidden}.step-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.step-content{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 300px;min-width:0;max-width:100%;min-height:165px}.step-content h3,.step-content p{margin:0;width:100%;overflow-wrap:anywhere}.step-content a{margin-top:auto;max-width:100%}
.step-examples{display:flex;flex-direction:column;align-items:flex-start;gap:32px;padding:20px;border-radius:12px;background:var(--bg);color:var(--fg)}.step-example{margin:0;width:var(--step-demo-width,1400px);max-width:100%;min-width:0}.step-example figcaption{color:var(--fg-gentle)}
@media(max-width:479px){.step-examples{padding:0}}

/* Card surface variants use their own outline tokens. */
:is(.crd-srf-ic-info,.crd-blog-link,.crd-service-price,.crd-service-specs-tag,.crd-case-info-tag,.crd-srf-command,.crd-feedback).c-surface-lvl2{border-color:var(--bg-surface-lvl2-otl)}

/* shedule-row: Figma 26622:72830; spelling follows the library. */
.gp-grid-text-m-h{row-gap:30px;column-gap:20px}
.shedule-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;width:100%;min-width:0;color:var(--fg);--schedule-column-min:440px;border-bottom:1px solid var(--bg-surface-otl)}.shedule-row[data-surface=no]{--schedule-column-min:453px;padding-bottom:20px;border-color:var(--divider)}.shedule-row[data-surface=lvl2]{border-color:var(--bg-surface-lvl2-otl)}
.schedule-slot,.schedule-person,.schedule-description{flex:1 0 var(--schedule-column-min);min-width:0;max-width:100%}.schedule-slot{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px}.schedule-time{display:flex;flex-direction:column;gap:5px;flex:1;min-width:min(100px,100%)}.schedule-photo{position:relative;flex:none;width:132px;height:144px;overflow:hidden}.schedule-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.schedule-person{display:flex;flex-direction:column;gap:5px}.schedule-person h3.sz-txt-l{font-weight:500}.schedule-description{display:flex;flex-direction:column;align-items:flex-start}.shedule-row p,.shedule-row h3{margin:0;overflow-wrap:anywhere}.schedule-description a{max-width:100%}
.schedule-examples{display:flex;flex-direction:column;align-items:flex-start;gap:32px;padding:20px;border-radius:12px;background:var(--bg);color:var(--fg)}.schedule-example{margin:0;width:var(--schedule-demo-width,1458px);max-width:100%;min-width:0}.schedule-example figcaption{color:var(--fg-gentle)}
@media(max-width:479px){.schedule-examples{padding:0}}

/* crd-plans: Figma 26624:84754. */
.gp-crd-plans{row-gap:60px}.crd-plans{display:flex;flex-direction:column;width:100%;min-width:0;border:1px solid var(--bg-surface-otl)}.crd-plans.c-surface-lvl2{border-color:var(--bg-surface-lvl2-otl)}
.plan-header,.plan-title,.plan-lists,.plan-included,.plan-footer{display:flex;flex-direction:column;width:100%;min-width:0}.plan-header,.plan-title{align-items:center;text-align:center}.plan-title p{max-width:420px}.crd-plans h3,.crd-plans h4,.crd-plans p{margin:0;overflow-wrap:anywhere}.plan-top{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.plan-badge{display:flex;justify-content:flex-end;width:100%}.plan-badge[hidden]{display:none}.plan-top>.decor{border-width:1.6px}.plan-badge .ic{width:11px;height:11px}
.crd-plans[data-position=lt] .plan-top{flex-direction:row-reverse;justify-content:space-between;align-items:flex-start}.crd-plans[data-position=lt] .plan-badge{width:auto}.crd-plans[data-position=lt] .plan-header,.crd-plans[data-position=lt] .plan-title{align-items:flex-start;text-align:left}
.plan-list{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0;width:100%}.plan-fact{justify-content:space-between;flex-wrap:wrap;gap:8px 14px}.plan-fact>:last-child{margin-left:auto;text-align:right}.plan-list .list-row-body{flex-wrap:wrap;gap:8px 0}.plan-list .list-row-name{flex:1;min-width:min(140px,100%)}.plan-list .tag{align-self:flex-start}.plan-list .tag .ic{width:11px;height:11px}.plan-list .c-stat-muted.tag .ic{width:12px;height:12px}.plan-muted,.plan-muted .list-row-title{color:var(--fg-muted)}.plan-included h4,.plan-price .sz-txt-l{font-weight:500}.plan-price{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px}.crd-plans[data-position=lt] .plan-price{justify-content:flex-start}.plan-footer>.bt{width:100%;white-space:normal}
.plan-examples{display:flex;flex-wrap:wrap;align-items:flex-start;gap:32px;padding:20px;background:var(--bg);color:var(--fg);border-radius:12px}.plan-example{margin:0;width:var(--plan-demo-width,410px);max-width:100%;min-width:0}.plan-example figcaption{color:var(--fg-gentle)}
@media(max-width:479px){.plan-examples{padding:0}}

.plan-footer{border:0;padding:0;color:inherit;font:inherit}.plan-muted{border-color:var(--fg-muted)}

/* Cover card, Figma 26736:87854. Text wraps according to available card width. */
.crd-cover-ic-text{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;width:100%;min-width:0;overflow:hidden}
.cover-info-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 230px;min-width:0;max-width:100%}.cover-info-copy h3,.cover-info-copy p{margin:0;overflow-wrap:anywhere}.cover-info-copy h3{width:100%}.cover-info-copy p{width:100%;max-width:420px}.cover-info-links{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.cover-info-links .mark-status{overflow:hidden}.cover-info-bare{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;padding:1px;color:var(--fg)}.cover-info-bare .ic{width:26px;height:26px}
.cover-info-examples{display:flex;flex-wrap:wrap;align-items:flex-start;gap:32px;padding:20px;border-radius:12px;background:var(--bg);color:var(--fg)}.cover-info-example{margin:0;width:var(--cover-info-width,325px);max-width:100%;min-width:0}.cover-info-example figcaption{color:var(--fg-gentle)}
@media(max-width:479px){.cover-info-examples{padding:0}}

/* Tabs and accordion, Figma 26269:59621. Panels are composition slots. */
.tabs{display:flex;flex-direction:column;gap:20px;min-width:0;width:100%}.tab-list{display:flex;flex-wrap:wrap;gap:5px;padding:10px;border:1px solid var(--bg-surface-otl);width:fit-content;max-width:100%}.tab-list.c-surface-lvl2{border-color:var(--bg-surface-lvl2-otl)}.tab-list .tab{max-width:100%;white-space:normal;font:600 16px/20px Inter,Arial,sans-serif;letter-spacing:-.81px}.tab-panel{display:flex;flex-direction:column;align-items:flex-start}.tab-panel[hidden],.accordion-panel[hidden]{display:none}.tab-panel h3,.tab-panel p{margin:0}.tab-panel:focus-visible{outline:2px solid var(--fg-ac-pr);outline-offset:4px}
.accordion{display:flex;flex-direction:column;gap:20px;width:100%}.accordion-item{border-bottom:1px solid var(--bg-surface-otl);min-width:0}.accordion-item[data-surface=no]{padding-bottom:20px;border-color:var(--divider)}.accordion-item[data-surface=lvl2]{border-color:var(--bg-surface-lvl2-otl)}.accordion-heading{margin:0}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 0;background:none;border:0;color:var(--fg);text-align:left;cursor:pointer}.accordion-trigger>span:first-child{flex:1;min-width:0;padding-right:20px;overflow-wrap:anywhere}.accordion-trigger .acrd-bt{flex:none}.accordion-trigger .ic{width:16px;height:16px;transition:transform 180ms}.accordion-trigger[aria-expanded=true] .ic{transform:rotate(45deg)}.accordion-panel{margin-top:15px;padding-right:40px}.accordion-panel>p{margin:0;max-width:490px;overflow-wrap:anywhere}.disclosure-examples{padding:20px;background:var(--bg);color:var(--fg);border-radius:12px}.disclosure-examples>figure{margin:0 0 40px;width:932px;max-width:100%}.disclosure-examples>h3{margin:30px 0 20px}
@media(max-width:479px){.disclosure-examples{padding:0}}@media(prefers-reduced-motion:reduce){.accordion-trigger .ic{transition:none}}

/* info-list, Figma 26369:35045; compose the shared list-row component. */
.info-list{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;margin:0;padding:0;list-style:none}.info-list[data-size=l]{gap:20px}.info-list p{margin:0;overflow-wrap:anywhere}.info-list .list-row-body{flex-wrap:wrap;row-gap:8px;column-gap:0}.info-list .list-row-name{flex:1;min-width:min(140px,100%)}.info-list-right{display:flex;flex-wrap:wrap;align-items:center;gap:5px;max-width:100%}.info-list .list-row-value{display:flex;align-items:center;gap:5px}.info-list .sz-list-row-l .list-row-title{font-weight:500}.info-list-examples{padding:20px;background:var(--bg);color:var(--fg);border-radius:12px}.info-list-example{margin:0 0 40px;width:var(--info-list-width,930px);max-width:100%;min-width:0}.info-list-example figcaption{color:var(--fg-gentle)}
@media(max-width:479px){.info-list-examples{padding:0}}

/* Slider: content slot and reusable navigation wrappers. */
.slider-shell{container:slider / inline-size;width:100%;min-width:0}.slider{width:100%;min-width:0;display:flex;flex-direction:column;gap:30px}.slider-body{position:relative;display:flex;flex-direction:column;gap:40px;width:100%;min-width:0}.slide-place{width:100%;overflow:hidden;touch-action:pan-y}.slider-track{display:flex;transition:transform 200ms ease-in-out}.slider-slide{flex:0 0 100%;min-width:0}.slider-placeholder{height:158px;display:flex;align-items:center;justify-content:center}.sz-slider-bt-wr{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}
@media(max-width:767px){.sz-slider-bt-wr{gap:10px}}.slider-dots-wr{display:flex;justify-content:center;width:100%}.dots-wr{display:flex;align-items:center;gap:7px;padding:10px}.slider[data-position=l] :is(.sz-slider-bt-wr,.slider-dots-wr){justify-content:flex-start}.slider[data-controls=arrows] .slider-dots-wr,.slider[data-controls=dots] .sz-slider-bt-wr{display:none}.slider[data-position=btwn]:not([data-controls=dots]) .slider-body{padding-inline:60px}.slider[data-position=btwn]:not([data-controls=dots]) .sz-slider-bt-wr{position:absolute;inset:50% 0 auto;transform:translateY(-50%);justify-content:space-between;pointer-events:none}.slider[data-position=btwn] .control{pointer-events:auto}.slider[data-position=btwn-mob] .slider-body{gap:20px}.slider[data-position=btwn-mob][data-controls="arrows+dots"] .sz-slider-bt-wr{display:none}.slider-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.slider-examples{padding:20px;border-radius:12px;background:var(--bg);color:var(--fg)}.slider-examples>figure{margin:0;width:var(--slider-demo-width,930px);max-width:100%;min-width:0}
@container slider (max-width:600px){.slider[data-position=btwn]:not([data-controls=dots]) .slider-body{padding-inline:0;gap:20px}.slider[data-position=btwn]:not([data-controls=dots]) .sz-slider-bt-wr{position:static;transform:none;justify-content:center}.slider[data-position=btwn][data-controls="arrows+dots"] .sz-slider-bt-wr{display:none}}
@media(max-width:479px){.slider-examples{padding:0}}@media(prefers-reduced-motion:reduce){.slider-track{transition:none}}

/* stack-user-ph+text, Figma 26647:96604. */
.stack-user-ph-text{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0}.stack-user-ph-text[data-surface=lvl1]{border:1px solid var(--bg-surface-otl)}.stack-user-ph-text[data-surface=lvl2]{border:1px solid var(--bg-surface-lvl2-otl)}.stack-user-ph-text p{margin:0;overflow-wrap:anywhere}.user-stack-top{display:flex;flex-direction:column;align-items:flex-start;max-width:100%}.user-stack-top>p{max-width:420px}.user-stack-top strong{font-weight:700}.user-avatar-row{display:flex;align-items:center;width:266px;max-width:100%}.user-avatar{position:relative;flex:0 1 61px;min-width:0;height:61px;overflow:hidden}.user-avatar:not(:last-child){margin-right:-20px}.user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.user-stack-description{width:100%;max-width:390px}.avatar-examples{display:flex;flex-wrap:wrap;align-items:flex-start;gap:32px;padding:20px;border-radius:12px;background:var(--bg);color:var(--fg)}.avatar-example{margin:0;width:var(--avatar-demo-width,420px);max-width:100%;min-width:0}.avatar-example figcaption{color:var(--fg-gentle)}
@media(max-width:479px){.avatar-examples{padding:0}}
.user-avatar-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 61px}.user-avatar{width:61px}.user-avatar:not(:last-child){margin-right:0}

/* Form widget: shared fields and controls, responsive rows from Figma. */
.form-examples{padding:20px;border-radius:12px;background:var(--bg);color:var(--fg)}
.form-example{width:var(--form-demo-width,930px);max-width:100%;min-width:0}
.form-widget{display:flex;flex-direction:column;width:100%;min-width:0;gap:30px}
.form-widget-row{display:flex;flex-wrap:wrap;gap:20px}
.form-widget-row>.form-inp{flex:1 1 325px;min-width:0}
.form-widget-actions{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-top:20px}
.form-widget .form-check-text{max-width:640px}
.form-widget-actions>.bt{width:100%}
.select-group{margin:0;padding:0;border:0;min-width:0}
.select-group legend{padding:0;margin:0 0 20px}
.select-group-options{display:flex;flex-direction:column;gap:10px}
.select-group-options label{display:flex;align-items:center;gap:10px;font:700 14px/20px Inter,Arial,sans-serif;letter-spacing:-.94px;cursor:pointer}
.form-widget-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:88px;border:1px solid;border-radius:14px;text-align:center}
.form-widget-status>.ic{width:18px;height:18px}
.form-mount[hidden],.form-widget-status[hidden],.form-document-note[hidden]{display:none}
.form-widget .form-cbox[aria-invalid="true"]{border-color:var(--text-err)}
@media(max-width:479px){.form-examples{padding:0}}
.form-widget-row+.form-widget-row{margin-top:-10px}
.form-widget select.form-inp-control:not([aria-invalid="true"]),.form-widget input[type=date]:not([data-filled],[aria-invalid="true"]){color:var(--form-inp-text)}
.form-widget .form-inp-control:not([aria-invalid="true"]):is(:hover,:focus),.form-widget select[data-filled]:not([aria-invalid="true"]){color:var(--form-inp-text-hover-active)}

.map-widget{position:relative;isolation:isolate;width:100%;height:clamp(400px,60vw,648px);overflow:hidden;background:var(--bg-surface)}
.map-widget>iframe,.map-api{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-widget>iframe[hidden]{display:none}.map-office-marker{transform:translate(-50%,-100%)}
.map-external{display:inline-block;margin-top:12px;font-size:14px}
#map-widget .widget-tools input{max-width:200px}
.map-load-notice{position:absolute;left:16px;right:50px;bottom:35px;padding:12px;background:var(--bg);color:var(--fg);border-radius:10px;z-index:2}
.map-load-notice[hidden]{display:none}
.map-widget .maplibregl-ctrl-attrib{letter-spacing:normal;font-family:Arial,sans-serif}

.map-recenter{position:absolute;top:10px;right:50px;z-index:2;box-shadow:0 1px 4px #0002}

/* Menu showcase owns its viewport; it never covers the surrounding catalogue. */
.menu-demo-stage{position:relative;container-type:inline-size;isolation:isolate;width:990px;max-width:100%;height:740px;overflow:hidden;background:var(--bg);border-radius:20px}
.menu-demo-rest{height:100%;padding:10px 20px;box-sizing:border-box}
.menu-demo-header{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:64px;padding:10px;border-radius:20px;box-sizing:border-box}
.menu-demo-logo{display:flex;align-items:center;gap:8px;width:112px;height:28px;text-decoration:none;color:var(--stat-pr);font:600 18.899px/19.687px Inter,Arial,sans-serif;letter-spacing:-1.134px}
.menu-demo-logo>.ic{width:24px;height:28px;flex:none}
.menu-demo-actions{display:flex;align-items:center;gap:20px}.menu-demo-toggle{display:none}
.menu-demo-desktop{display:flex;align-items:center;padding:5px;gap:6px;border-radius:15px}
.menu-demo-item{position:relative;border-radius:12px;padding:0 3px}.menu-demo-item a{text-decoration:none}.menu-demo-item summary{cursor:pointer;list-style:none}.menu-demo-item summary::-webkit-details-marker{display:none}
.menu-demo-item[open]>summary .ic{transform:rotate(180deg)}
.menu-demo-sub{display:flex;flex-direction:column}.menu-demo-desktop .menu-demo-sub{position:absolute;top:calc(100% + 5px);right:0;z-index:3;width:260px;box-shadow:0 8px 20px #0002}
.menu-demo-sub>a{border-bottom:1px solid var(--divider)}
.menu-demo-placeholder{display:grid;place-content:center;text-align:center;height:calc(100% - 64px);line-height:1.8}
.menu-demo-overlay{position:absolute;inset:0;display:flex;flex-direction:column;gap:20px;padding:10px 20px;box-sizing:border-box;background:var(--bg-surface);z-index:5}
/* Shared panel motion for the widget and the site dialog. */
.menu-panel-motion{clip-path:inset(0 0 100% 0);opacity:0;visibility:hidden;transition:clip-path 250ms ease,opacity 250ms ease,visibility 0s 250ms}
.menu-panel-motion[data-open=true]{clip-path:inset(0);opacity:1;visibility:visible;transition-delay:0s}
.menu-demo-overlay>.menu-demo-header{flex:none;border-radius:15px}
.menu-demo-scroll{display:flex;flex-direction:column;gap:20px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.menu-demo-mobile{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:15px;flex:none}
.menu-demo-mobile>.menu-demo-item{padding:0 13px}.menu-demo-mobile>.menu-demo-item>.menu-link{display:flex;justify-content:space-between;width:100%;min-height:53px;padding:17px 2px;font-size:18px;border:0}
.menu-demo-mobile .menu-demo-sub{margin-bottom:9px}
.menu-demo-bottom{display:flex;flex:1;min-height:112px;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:16px 10px;border-radius:15px;box-sizing:border-box}
.menu-demo-bottom .meta-link{display:flex}
.menu-demo-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.menu-demo-socials>.control{width:32px;height:32px;border-radius:999px}.menu-demo-socials .ic{width:17px;height:17px}
.menu-demo-bottom-cta{display:none;max-width:100%}.menu-demo-bottom-cta .bt{width:auto;max-width:100%;min-height:54px;border-radius:13px}
@container(max-width:991px){.menu-demo-desktop{display:none}.menu-demo-toggle{display:flex}}
@container(max-width:479px){.menu-demo-rest,.menu-demo-overlay{padding:10px}.menu-demo-overlay,.menu-demo-scroll{gap:10px}.menu-demo-top-cta{display:none}.menu-demo-bottom-cta{display:flex;justify-content:center;margin-top:18px}.menu-demo-bottom{min-height:280px;padding:50px 10px 90px}.menu-demo-actions{gap:10px}}
@media(prefers-reduced-motion:reduce){.menu-panel-motion{transition:none}}
.menu-demo-stage{box-sizing:border-box;border:1px solid var(--fg-muted)}

.menu-demo-item summary .ic{transition:transform 200ms cubic-bezier(.4,0,.2,1)}
.menu-demo-item[data-expanded=false]>summary .ic{transform:rotate(0)}
@media(prefers-reduced-motion:reduce){.menu-demo-item summary .ic{transition:none}}
.menu-demo-mobile .menu-demo-sub{background:transparent;border:0;box-shadow:none;padding:5px 0 0;padding-bottom:10px;margin-bottom:0}
/* Breadcrumb composition reuses the shared link/current/divider components. */
.breadcrumb-widget{min-width:0}.breadcrumb-widget .breadcrump-list{align-items:flex-start}.breadcrumb-widget .breadcrump-list>li{gap:10px;align-items:flex-start;min-width:0;max-width:100%}.breadcrumb-widget .breadcrump-divider{flex:none}.breadcrumb-widget :is(.breadcrump-link,.breadcrump-current){min-width:0;overflow-wrap:anywhere}.breadcrumb-demo-stage{width:600px;max-width:100%;padding:25px;box-sizing:border-box;background:var(--bg);color:var(--fg);border-radius:7px}

/* Number-card text-width role: Figma desktop 420, tablet 320, mobile 280. */
@media(max-width:991px){.number-copy p{max-width:320px}}
@media(max-width:767px){.number-copy p{max-width:280px}}

.crd-case-info-tag>[data-service-link]{position:absolute;inset:0;z-index:1;border-radius:inherit}
.crd-case-info-tag [data-service-order]{position:relative;z-index:2}
.crd-case-info-tag [data-service-link]:focus-visible{outline:2px solid #00699b;outline-offset:4px}