/* Selected extras and the three-column editorial service row. */
.hosting-in-cards .rail-panel .rail-addons button[aria-pressed=true]>span:first-child::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.4rem;vertical-align:-.125em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.hosting-in-cards .services-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;border-top:1px solid var(--line);margin-top:6rem;padding-top:2.5rem}
.hosting-in-cards .services-overview .special{display:flex;flex-direction:column;min-width:0}
.hosting-in-cards .services-overview h3{font-size:2.25rem;line-height:1.08}
.hosting-in-cards .services-overview p{font-size:.875rem;line-height:1.5;max-width:none;min-height:0;margin-top:1.5rem;margin-bottom:2rem;color:var(--muted)}
.hosting-in-cards .services-overview .text-link{font-size:.875rem;line-height:1.4;margin-top:auto;align-self:flex-start;text-align:left}
.hosting-in-cards .tool-icon{border-color:#37332f}
.service-sheet #service-sheet-eyebrow{margin-bottom:1.5rem}
.service-sheet #service-sheet-contact{margin-top:2.5rem;width:100%}
/* The product introduction leads into the Studio plans in one warm dark section. */
.hosting-in-cards #studio{--dark:#131313;--paper:#f7f7f5;--muted-on-dark:#a3a3a3;background:var(--dark);color:var(--paper);padding-top:2.5rem}
.hosting-in-cards .studio-overview{padding:0 0 13rem;border:0}
.hosting-in-cards .studio-preview{margin:0;position:relative;aspect-ratio:16/9;border-radius:.75rem;background:#3b3b3b;overflow:hidden;padding:2.5rem}
.hosting-in-cards .preview-window{height:100%;overflow:hidden;border:1px solid rgb(255 255 255 / 15%);border-radius:.5rem;background:#f5f2ef;color:#38322f;box-shadow:0 1rem 4rem rgb(0 0 0 / 12%)}
.hosting-in-cards .preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #ded8d2;font-size:.75rem}
.hosting-in-cards .preview-dot{color:#bc9b6f;margin-left:.5rem}
.hosting-in-cards .preview-workspace{display:grid;grid-template-columns:9rem 1fr;height:calc(100% - 3rem)}
.hosting-in-cards .preview-sidebar{padding:1.5rem 1rem;border-right:1px solid #ded8d2;display:flex;flex-direction:column;gap:1.5rem;font-size:.75rem;color:#7b746f}
.hosting-in-cards .preview-sidebar span:first-child{color:#38322f}
.hosting-in-cards .preview-page{padding:2.5rem;max-width:42rem}
.hosting-in-cards .preview-kicker{font-size:.625rem;letter-spacing:.06em;color:#85776c}
.hosting-in-cards .preview-heading{font:400 2.75rem/1.05 var(--serif);margin-top:1rem;max-width:18rem}
.hosting-in-cards .preview-lines{display:grid;gap:.5rem;margin-top:1.5rem;max-width:19rem}
.hosting-in-cards .preview-lines span{height:.3rem;border-radius:1rem;background:#ded7d1}
.hosting-in-cards .preview-lines span:last-child{width:75%}
.hosting-in-cards .preview-image{height:9rem;margin-top:1.5rem;border-radius:.25rem;background:linear-gradient(135deg,#dbcfc5,#bba89a)}
.hosting-in-cards .studio-preview figcaption{position:absolute;bottom:.75rem;right:1rem;font-size:.625rem;color:#bdbdbd}
.hosting-in-cards .studio-overview-copy{margin-top:3rem;max-width:34rem}
.hosting-in-cards .studio-overview-copy h3{font-size:2.5rem;line-height:1.08}
.hosting-in-cards .studio-overview-copy>p{max-width:29rem;font-size:.875rem;line-height:1.5;color:var(--muted-on-dark);margin-top:2rem}
.hosting-in-cards .studio-overview-copy>.button{margin-top:2rem;font-size:.75rem;min-height:2.75rem}
.hosting-in-cards #studio-plannen{scroll-margin-top:2rem;row-gap:1.5rem;margin-bottom:6rem}
.hosting-in-cards #studio-plannen>p{grid-column:5/13;grid-row:auto;font-size:.875rem;line-height:1.5}
.hosting-in-cards #studio-plannen>p:nth-of-type(n+2){margin-top:0}
.hosting-in-cards #studio-plannen .eyebrow{font-size:.75rem}
.hosting-in-cards #studio-plannen h2{font-size:3.5rem;line-height:1.05}
.hosting-in-cards #studio>.wrap>.billing{margin-bottom:2rem}
.hosting-in-cards #studio .studio-comparison{padding-top:8rem}
@media(max-width:999px){.hosting-in-cards .services-overview{gap:1.5rem}.hosting-in-cards .services-overview h3{font-size:1.875rem}.hosting-in-cards .studio-overview{padding-bottom:8rem}}
@media(max-width:699px){
 .hosting-in-cards .services-overview{grid-template-columns:1fr;gap:2.5rem;margin-top:4rem}
 .hosting-in-cards .services-overview p{margin-bottom:1.5rem}
 .hosting-in-cards .studio-preview{padding:1rem;aspect-ratio:4/3}
 .hosting-in-cards .preview-workspace{grid-template-columns:4.5rem 1fr}
 .hosting-in-cards .preview-sidebar{padding:1rem .5rem;font-size:.5rem;gap:1rem}
 .hosting-in-cards .preview-toolbar{padding:.5rem .75rem;font-size:.5rem}
 .hosting-in-cards .preview-page{padding:1rem}
 .hosting-in-cards .preview-heading{font-size:1.5rem}
 .hosting-in-cards .preview-kicker{font-size:.4rem}
 .hosting-in-cards .preview-image{height:4rem}
 .hosting-in-cards .preview-lines{margin-top:.75rem}
 .hosting-in-cards .studio-overview-copy h3{font-size:2rem}
 .hosting-in-cards .studio-overview{padding-bottom:6rem}
 .hosting-in-cards #studio-plannen>p{grid-column:1/-1}
 .hosting-in-cards #studio-plannen h2{font-size:2.75rem}
 .hosting-in-cards #studio-plannen{margin-bottom:3rem}
}
/* FAQ title beside its eyebrow; the accordion spans the section below. */
.hosting-in-cards .pricing-with-rail .faq{display:block}
.hosting-in-cards .faq>div:first-child{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:start}
.hosting-in-cards .faq>div:first-child>.eyebrow{grid-column:1/6;padding-top:.375rem;font-size:.75rem}
.hosting-in-cards .faq>div:first-child>h2{grid-column:6/13;margin-top:0;font-size:3.5rem;line-height:1.05}
.hosting-in-cards .pricing-with-rail .faq>div:last-child{margin-top:5rem;width:100%}
.hosting-in-cards .faq summary{font-size:1rem;line-height:1.4}
.hosting-in-cards .faq details{padding-block:1.5rem}
.hosting-in-cards .faq details:last-child{border-bottom:1px solid var(--line)}
@media(max-width:699px){.hosting-in-cards .faq>div:first-child>.eyebrow,.hosting-in-cards .faq>div:first-child>h2{grid-column:1/-1}.hosting-in-cards .faq>div:first-child>h2{font-size:2.75rem;margin-top:1rem}.hosting-in-cards .pricing-with-rail .faq>div:last-child{margin-top:3rem}}
/* Match the first table column to one of the three package cards. */
.hosting-in-cards .comparison-table thead th:first-child{width:33.333333%}
.hosting-in-cards .studio-table-title{font-size:2.5rem;line-height:1.08;margin-bottom:3rem}
@media(max-width:699px){.hosting-in-cards .studio-table-title{font-size:2rem}}
/* Studio introduction: 512 design units, aligned to the content grid. */
.hosting-in-cards .studio-overview-copy{width:32rem;max-width:100%}
.hosting-in-cards .studio-overview-copy h3{font-size:2.5rem;line-height:1.12}
.hosting-in-cards .studio-overview-copy>p{max-width:24rem;font-size:1rem;line-height:1.5;margin-top:2rem}
.hosting-in-cards .studio-overview-copy>.button{min-height:3rem;font-size:.875rem;margin-top:2rem;padding:.75rem 1.5rem}
@media(max-width:699px){.hosting-in-cards .studio-overview-copy h3{font-size:2rem}.hosting-in-cards .studio-overview-copy>p{font-size:.875rem}}
/* Muted checkmarks exclusively within the dark Studio section. */
.hosting-in-cards #studio .lucide-check{color:#A3A3A3}