/* Brand source: boons.design assets/tokens.css + editorial layer, 2026-11-02.
   Do not append competing themes. Layout and type use that source's tokens. */
@font-face{font-family:InterVariable;src:url('fonts/inter-variable-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('fonts/instrument-serif-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('fonts/instrument-serif-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--fs-body)/var(--lh-body) var(--body);letter-spacing:var(--tracking-body)}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:var(--sf-ls)}h1,h2{font-size:var(--sf-h2);line-height:var(--sf-h2-lh)}h3{font-size:var(--sf-md);line-height:var(--sf-md-lh)}em{font-weight:400}p{line-height:var(--lh-text)}strong{font-weight:400}small{font-size:var(--fs-text);line-height:var(--lh-text)}.wrap{margin-inline:var(--margin)}.icon{width:1.25rem;height:1.25rem;flex:0 0 1.25rem;stroke-width:1.6}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eyebrow{font:400 var(--fs-meta)/var(--lh-meta) var(--body);letter-spacing:var(--ls-meta)}.note,.scope-note,.selection-description,.price-meta,.price-label,.hosting-line,.annual-caption{font-size:var(--fs-text);line-height:var(--lh-text);color:var(--muted)}.note{margin-top:1.5rem;max-width:100%}.nav{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--gutter)}.logo{font-family:var(--serif);font-size:2.375rem;line-height:1;letter-spacing:var(--sf-ls)}.links{display:flex;align-items:center;gap:2rem}.links a{font-size:var(--fs-body)}.links a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:3rem;padding:0.75rem 1.5rem;border:1px solid var(--ink);border-radius:62.4375rem;background:transparent;font:400 var(--fs-pill)/var(--lh-pill) var(--body);letter-spacing:var(--ls-pill);transition:background .3s cubic-bezier(.2,.7,.2,1),transform .3s cubic-bezier(.2,.7,.2,1)}.button.dark{background:var(--ink);color:var(--white)}.button:hover,.button.dark:hover{background:var(--red);border-color:var(--red);color:var(--white);transform:translateY(-0.125rem)}:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:0.125rem solid var(--red);outline-offset:0.1875rem}.text-link{display:inline-flex;align-items:center;gap:1rem;border:0;background:none;padding:0;font-size:var(--fs-link);letter-spacing:var(--ls-link);line-height:var(--lh-link);cursor:pointer}.text-link:hover{color:var(--red)}
.hero,.section-head,.comparison-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}.hero{padding-block:var(--section-pad-top) var(--section-pad-bottom);row-gap:3rem}.hero h1{grid-column:1/11}.hero>p{grid-column:1/7;max-width:none}.title-stop{color:var(--red)}.hero .hero-caption{grid-column:5/13;font-size:var(--fs-meta);color:var(--muted);margin-top:0}.section-head,.comparison-heading{row-gap:2rem;margin-bottom:var(--head-gap)}.section-head>div,.comparison-heading>div{display:contents}.section-head .eyebrow,.comparison-heading .eyebrow{grid-column:1/5;grid-row:1;padding-top:0.75rem}.section-head h2,.comparison-heading h2{grid-column:5/13;grid-row:1}.section-head>p,.comparison-heading>p{grid-column:5/10;grid-row:2;color:var(--muted)}main>section:not(.hero),#websites{padding-block:var(--section-pad-top) var(--section-pad-bottom);border-top:1px solid var(--line)}
.specials,.routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:0.75rem}.plan{display:flex;flex-direction:column;min-width:0;background:none;border:0;border-right:1px solid var(--line);padding:2rem}.plan:last-child{border-right:0}.plan-image{display:block;width:100%;height:8.8125rem;object-fit:cover;border-radius:0.75rem;margin-bottom:2rem}.plan-top{display:flex;align-items:center;min-height:3rem}.plan h3{font-size:2.25rem;line-height:1.08}.package-size{font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--muted);margin-top:0.75rem}.plan .desc{color:var(--muted);margin-top:1.5rem;min-height:4.5rem;max-width:100%}.price-label{margin-top:2rem}.price{font:400 2.25rem/1.08 var(--serif);letter-spacing:var(--sf-ls);margin-top:0.75rem}.price small{font-family:var(--body);font-size:var(--fs-text);letter-spacing:var(--tracking-body);color:var(--muted)}.price-meta{margin-top:1rem;min-height:3rem;border-bottom:1px solid var(--line);padding-bottom:1.5rem}.plan .button{align-self:stretch;margin-top:auto;width:100%}.plan .features{margin-bottom:2rem}.plan .hosting-line{margin-top:0;margin-bottom:2rem}.features{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1rem}.features li{display:flex;align-items:flex-start;gap:0.75rem;font-size:var(--fs-body);line-height:var(--lh-body)}.features .icon,.comparison-table .lucide-check{color:var(--red)}.hosting-line{display:flex;align-items:flex-start;gap:0.75rem;margin-top:2rem}.hosting-line a{text-decoration:underline;text-underline-offset:0.1875rem}.hosting-line .icon{color:var(--muted)}.scope-note{margin-top:3rem;max-width:100%}.website-comparison{margin-top:var(--block-gap)}.website-comparison h3{margin-bottom:3rem}/* A real comparison grid: sticky plan titles stay within their own table.
   No overflow ancestor: sticky must track the page, including on mobile. */
.comparison-scroll{overflow:visible;isolation:isolate}
.comparison-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;border:1px solid var(--line);border-top:0;border-radius:0.75rem;font-size:var(--fs-text);line-height:var(--lh-text)}
.comparison-table th,.comparison-table td{padding:1.5rem;text-align:left;vertical-align:middle;font-weight:400;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.comparison-table tr>:last-child{border-right:0}
.comparison-table tbody tr:last-child>*{border-bottom:0}
.comparison-table th:first-child{width:28%}
.comparison-table td{text-align:center}
.comparison-table thead{position:sticky;top:1rem;z-index:10}
.comparison-table thead th{background:var(--paper);border-top:1px solid var(--line);font-weight:400;padding-block:1.5rem}
.comparison-table thead th:first-child{border-top-left-radius:0.75rem}
.comparison-table thead th:last-child{border-top-right-radius:0.75rem}
.comparison-table thead th:not(:first-child){text-align:left}
.comparison-table thead th span{display:block}
.comparison-table thead th small{margin-top:0.75rem;color:var(--muted);font-weight:400}
.comparison-table .feature-group th{height:11.25rem;vertical-align:bottom;padding:3rem 1.5rem 2rem;font-weight:400}.group-title{display:block;font-size:var(--type-service);line-height:var(--lh-list);font-weight:400;letter-spacing:var(--tracking-body)}.group-description{display:block;margin-top:0.75rem;color:var(--muted);font-size:var(--fs-text);line-height:var(--lh-text);max-width:27.5rem}
.comparison-table small{display:block;margin-top:0.75rem;color:var(--muted);font-size:var(--fs-text)}
.comparison-mobile-hint{display:none}
.inclusions{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);padding-top:var(--block-gap)}.inclusions-intro{grid-column:1/5}.inclusions h3{margin-top:2rem}.inclusions-intro p{margin-top:1.5rem;color:var(--muted)}.included-list{grid-column:5/13;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:3rem var(--gutter)}.included-list strong{display:block;font-size:var(--fs-meta);line-height:var(--lh-meta);font-weight:400;margin-bottom:1rem}.included-list p{color:var(--muted)}.scope-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);margin-top:var(--block-gap);color:var(--muted)}.scope-split strong{display:block;margin-bottom:1.5rem;color:var(--ink)}.specials{margin-block:var(--block-gap) 0}.special h3{margin-bottom:1.5rem}.special p{color:var(--muted);min-height:6.25rem}.special .text-link{margin-top:2rem}
main>section.studio{background:var(--dark);color:var(--paper);border-radius:1.25rem;margin-inline:calc(-1 * var(--margin) + var(--hero-gutter));border:0}.studio>.wrap{margin-inline:calc(var(--margin) - var(--hero-gutter))}.studio .section-head>p,.studio .desc,.studio .price-label,.studio .price-meta,.studio .price small,.studio .note{color:var(--muted-on-dark)}.studio .button,.studio .button.lime{background:var(--paper);color:var(--ink);border-color:var(--paper)}.studio .button:hover{background:var(--red);color:var(--white);border-color:var(--red)}.billing{display:flex;justify-content:flex-start;align-items:center;gap:1.5rem;margin-bottom:calc(var(--head-gap) / 2);flex-wrap:wrap}.billing>span{color:var(--muted-on-dark);font-size:var(--fs-text)}.segmented{display:inline-flex;padding:0.3125rem;border:1px solid var(--white-20);border-radius:62.4375rem}.segmented button{border:0;background:none;border-radius:62.4375rem;color:var(--paper);padding:0.75rem 1.5rem;font-size:var(--fs-pill);line-height:var(--lh-pill);font-weight:400}.segmented button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.studio .cards,.studio .plan,.studio .price-meta{border-color:var(--white-20)}.studio .plan .desc{min-height:6.25rem}.studio .note{margin-top:3rem}.studio .studio-scope-note{margin-top:var(--head-gap)}.studio-comparison{border-top:0!important}.managed-service{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter)}.managed-service>div:first-child{grid-column:5/13}.managed-service .eyebrow{margin-bottom:2rem}.managed-service p{margin-top:2rem;max-width:100%;color:var(--muted)}.managed-service small{display:block;margin-top:1.5rem;color:var(--muted)}.managed-price{grid-column:5/13;display:flex;align-items:center;gap:2rem;flex-wrap:wrap;margin-top:1.5rem}.managed-price>span{color:var(--muted)}
.calculator-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:start}.config{grid-column:1/8;display:grid;gap:3rem}.field-label{display:block;font-size:var(--fs-meta);line-height:var(--lh-meta);font-weight:400;margin-bottom:1.5rem}.field-label small{display:block;margin-top:0.75rem;color:var(--muted);font-weight:400}.select-shell{position:relative}.select{appearance:none;width:100%;padding:1.5rem 3rem 1.5rem 1.5rem;border:1px solid var(--line);border-radius:0.75rem;background:var(--paper);font-size:var(--fs-text);line-height:var(--lh-text);cursor:pointer}.select-chevron{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);pointer-events:none}.selection-description{margin-top:1rem}.options{display:grid;gap:1.5rem}.choice-card{display:flex;align-items:flex-start;gap:1rem;border:1px solid var(--line);border-radius:0.75rem;padding:1.5rem;cursor:pointer}.choice-card:has(input:checked){border-color:var(--ink)}.choice-card:has(input:focus-visible){outline:0.125rem solid var(--red);outline-offset:0.1875rem}.choice-control{position:relative;flex:0 0 1.5rem;width:1.5rem;height:1.5rem}.choice-control input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer}.choice-check{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:1px solid var(--line);border-radius:0.3125rem;pointer-events:none}.choice-check .icon{opacity:0}.choice-control input:checked+.choice-check{background:var(--ink);border-color:var(--ink);color:var(--white)}.choice-control input:checked+.choice-check .icon{opacity:1}.option-copy{flex:1;min-width:0}.option-copy strong{display:block;font-size:var(--fs-text);line-height:var(--lh-text)}.option-copy small{display:block;margin-top:0.75rem;color:var(--muted)}.choice-price{font-size:var(--fs-text);line-height:var(--lh-text);white-space:nowrap}.option:not(.choice-card){display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.compact{max-width:50%}.summary{grid-column:9/13;position:sticky;top:6.25rem;background:none;padding:0;border:0;border-radius:0}.summary-head{font-size:var(--fs-meta);line-height:var(--lh-meta)}.summary-price{font:400 var(--sf-stat)/var(--sf-stat-lh) var(--serif);letter-spacing:var(--sf-ls);margin-block:1.5rem 3rem}.summary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-block:0.75rem;font-size:var(--fs-text);line-height:var(--lh-text)}.summary-row strong{text-align:right;font-weight:400}.summary-row.total{border-top:1px solid var(--line);padding-top:2rem;margin-top:2rem}.summary .annual-caption{margin-top:0.75rem}.summary .button{margin-top:2rem;width:100%}.advanced{margin-top:3rem;padding-top:3rem;border-top:1px solid var(--line)}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);margin-top:2rem}.advanced-grid label{font-size:var(--fs-text);line-height:var(--lh-text)}.advanced input{border:1px solid var(--line);border-radius:0.5rem;background:var(--paper);padding:0.75rem;width:100%;margin-top:0.75rem;min-width:0}.hours{margin-top:2rem;display:grid;gap:1rem}.hours label{display:grid;grid-template-columns:1fr 6.25rem;align-items:center;gap:1.5rem;font-size:var(--fs-text);line-height:var(--lh-text)}.hours input{margin:0;text-align:right}.routes{padding-block:var(--section-pad-top) var(--section-pad-bottom);border-top:1px solid var(--line)}.routes h3{margin-block:2rem 1.5rem}.routes p{color:var(--muted)}.faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}.faq>div:first-child{grid-column:1/5}.faq>div:last-child{grid-column:5/13}.faq h2{margin-top:2rem}.faq details{border-top:1px solid var(--line);padding-block:1.5rem}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;cursor:pointer;font-size:var(--fs-faq);line-height:var(--lh-faq);font-weight:400}.faq summary::-webkit-details-marker{display:none}.faq details p{margin-top:1.5rem;color:var(--muted);max-width:100%}.faq details[open] summary .icon{color:var(--red)}.faq details[open] summary .icon path:nth-child(2){display:none}main>section.closing{background:var(--night);color:var(--paper);border:0;border-radius:1.25rem;padding:6.25rem;display:block}.closing p{margin-top:2rem;color:var(--muted-on-dark)}.closing .button{margin-top:3rem;background:var(--paper);color:var(--ink);border-color:var(--paper)}.closing .button:hover{background:var(--red);color:var(--white);border-color:var(--red)}.footer{padding-block:3rem;display:flex;justify-content:space-between;gap:1.5rem;font-size:var(--fs-text);line-height:var(--lh-text);color:var(--muted)}.design-grid{position:fixed;inset:0;z-index:99999;pointer-events:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);padding-inline:var(--margin)}.design-grid span{background:rgb(245 53 0 / 12%)}
@media(max-width:1050px){.links>a{display:none}.links{gap:1rem}}
@media(max-width:999px){.hero>p{grid-column:1/9}.section-head>p,.comparison-heading>p{grid-column:5/13}.specials,.routes{gap:var(--gutter)}.plan{padding:1.5rem 1rem}.plan .desc{min-height:6.25rem}.plan .button{padding-inline:1rem}.plan h3{font-size:2.125rem}.plan .price{font-size:2.125rem}.included-list{grid-template-columns:1fr}.config{grid-column:1/8}.summary{grid-column:8/13}.comparison-table th,.comparison-table td{padding:1rem}main>section.closing{padding:3rem}.choice-card{flex-wrap:wrap}.choice-price{margin-left:2.5rem}}
@media(max-width:700px){.comparison-table .feature-group th{height:9.375rem;padding:2rem 1rem}.group-title{font-size:var(--text-lg)}.comparison-table th,.comparison-table td{padding:1rem 0.5rem}.comparison-table thead th{padding-block:1rem}.comparison-table thead th small{font-size:var(--fs-tiny);line-height:var(--lh-tiny)}.hero{row-gap:2rem}.hero .eyebrow,.hero h1,.hero>p,.hero .hero-caption{grid-column:1/13}.section-head .eyebrow,.comparison-heading .eyebrow{grid-column:1/13;grid-row:1}.section-head h2,.comparison-heading h2{grid-column:1/13;grid-row:2}.section-head>p,.comparison-heading>p{grid-column:1/13;grid-row:3}.specials,.routes{grid-template-columns:1fr;gap:var(--block-gap)}.cards{grid-template-columns:1fr;gap:0}.plan{padding:2rem 1.5rem;border-right:0;border-bottom:1px solid var(--line)}.plan:last-child{border-bottom:0}.plan .button{margin-top:0}.plan .desc,.studio .plan .desc{min-height:0}.plan .price-meta{min-height:0}.plan h3,.plan .price{font-size:1.875rem}.plan-image{height:8.8125rem}.inclusions-intro,.included-list{grid-column:1/13}.included-list{margin-top:3rem;gap:2rem}.inclusions h3{margin-top:1.5rem}.scope-split{grid-template-columns:1fr;gap:3rem}.special p{min-height:0}.managed-service>div:first-child,.managed-price{grid-column:1/13}.config,.summary{grid-column:1/13}.summary{position:static;margin-top:var(--block-gap)}.calculator-layout{row-gap:0}.choice-card{padding:1rem}.select{padding:1rem 3rem 1rem 1rem}.faq>div:first-child,.faq>div:last-child{grid-column:1/13}.faq>div:last-child{margin-top:var(--head-gap)}.footer{flex-direction:column}.nav .button{padding-inline:1rem}.nav .logo{font-size:1.875rem}main>section.closing{padding:2rem}.billing{gap:1.5rem}.segmented button{padding:0.75rem 1rem}.advanced-grid{gap:1rem}.hours label{grid-template-columns:1fr 4.375rem;gap:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.tools-strip{padding-block:var(--block-gap) 0!important;border-top:0!important;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:center}.tools-strip>.eyebrow{grid-column:1/5;color:var(--muted)}.tool-logos{grid-column:5/13;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;list-style:none;padding:0;margin:0}.tool-logos li{display:flex;align-items:center;gap:0.75rem;font-size:var(--fs-meta);font-weight:400}.tool-logos img{width:2rem;height:2rem;object-fit:contain;filter:brightness(0)}
.benefit-panels{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto;border:1px solid var(--line);border-radius:0.75rem}.benefit-panels article{padding:2rem;border-right:1px solid var(--line);display:grid;grid-template-rows:subgrid;grid-row:span 4}.benefit-panels article:last-child{border-right:0}.benefit-panels h3{margin-top:2rem;font-size:var(--sf-md)}.benefit-panels article>p{color:var(--muted);margin-top:1.5rem;margin-bottom:2rem;max-width:100%}.benefit-panels .text-link{margin-top:auto}.product-sketch{margin:0;min-height:18.75rem;border:1px solid var(--line);border-radius:0.75rem;padding:1.5rem;display:flex;flex-direction:column}.sketch-toolbar{display:flex;justify-content:space-between;gap:1rem;font-size:var(--fs-text);line-height:var(--lh-text);padding-bottom:1rem;border-bottom:1px solid var(--line)}.sketch-toolbar>span:last-child:not(:first-child){color:var(--muted)}.sketch-content{display:grid;gap:1rem;padding-block:1.5rem}.sketch-label{font-size:var(--fs-text);color:var(--muted)}.sketch-value{font:400 1.875rem/1.08 var(--serif);letter-spacing:var(--sf-ls)}.sketch-line{height:1px;background:var(--line);width:100%}.sketch-line.short{width:72%}.product-sketch figcaption{font-size:var(--fs-tiny);line-height:var(--lh-tiny);color:var(--muted);margin-top:auto;padding-top:1.5rem}.publish-flow{margin:1.5rem 0 0;padding:0;list-style:none;display:grid;gap:1.5rem}.publish-flow li{display:flex;gap:1.5rem;align-items:start}.publish-flow li>span{font-size:var(--fs-text);color:var(--muted)}.publish-flow strong{font-size:var(--fs-text);display:block;line-height:var(--lh-text)}.publish-flow small{color:var(--muted);font-size:var(--fs-text);line-height:var(--lh-text)}
@media(max-width:999px){.tools-strip>.eyebrow,.tool-logos{grid-column:1/13}.tool-logos{margin-top:1.5rem;flex-wrap:wrap;justify-content:flex-start;gap:2rem}.benefit-panels article{padding:1.5rem}.product-sketch{padding:1rem}}
@media(max-width:700px){.hero h1,.hero>p{grid-column:1/13}.benefit-panels{grid-template-columns:1fr;grid-template-rows:none}.benefit-panels article{grid-row:auto;grid-template-rows:auto auto auto auto;border-right:0;border-bottom:1px solid var(--line)}.benefit-panels article:last-child{border-bottom:0}.product-sketch{min-height:17.5rem}.tool-logos li{flex-basis:calc(50% - 1rem)}}

/* Expanded Studio comparison: shared capabilities stay explicit in each plan. */
.studio .features li{color:var(--muted-on-dark)}.studio .features li:nth-child(-n+3){color:var(--paper);font-weight:400}

.project-price{display:flex;align-items:baseline;gap:0.75rem;flex-wrap:wrap;margin-top:2rem}.project-price small{font-size:var(--fs-pill);font-weight:400;color:var(--ink);letter-spacing:var(--tracking-body)}.delivery-time{font-size:var(--fs-text);line-height:var(--lh-text);color:var(--muted);margin-top:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}
.hosting-picker{margin-bottom:2rem}.hosting-picker .select{padding:0.75rem 2rem 0.75rem 1rem;font-size:var(--fs-pill);line-height:var(--lh-text);border-radius:0.5rem;white-space:normal;color:var(--paper);background:var(--dark);border-color:var(--white-20)}.hosting-chevron{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.hosting-choice-note{color:var(--muted-on-dark);font-size:var(--fs-text);line-height:var(--lh-text)}.hosting-choice-note:not(:empty){margin-top:1rem}
.studio .studio-explainer,.studio .studio-comparison{padding-top:var(--block-gap)}.studio .comparison-heading>p,.studio .benefit-panels article>p,.studio .product-sketch figcaption,.studio .publish-flow small,.studio .publish-flow li>span,.studio .sketch-label,.studio .sketch-toolbar>span:last-child:not(:first-child),.studio .comparison-table small,.studio .group-description{color:var(--muted-on-dark)}.studio .comparison-table,.studio .comparison-table th,.studio .comparison-table td,.studio .benefit-panels,.studio .benefit-panels article,.studio .product-sketch,.studio .sketch-toolbar{border-color:var(--white-20)}.studio .comparison-table thead th{background:var(--dark);color:var(--paper)}.studio .sketch-line{background:var(--white-20)}.studio .text-link{color:var(--paper)}.studio .text-link:hover{color:var(--red)}
#contact{scroll-margin-top:var(--header-h)}#contact form{margin-top:3rem}#contact label{display:block;font-size:var(--fs-text);line-height:var(--lh-text);font-weight:400}#contact input,#contact textarea{display:block;width:100%;margin-top:0.75rem;padding:1rem;border:1px solid var(--white-20);border-radius:0.5rem;background:var(--night);color:var(--paper);font-size:var(--fs-text);line-height:var(--lh-text);resize:vertical}#contact .contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:2rem var(--gutter);margin-bottom:2rem}#contact .contact-form-note{font-size:var(--fs-text);line-height:var(--lh-text);color:var(--muted-on-dark);margin-top:1.5rem}#contact .button{margin-top:2rem}
@media(max-width:700px){.project-price{gap:0.5rem}.delivery-time{margin-top:1rem}#contact .contact-fields{grid-template-columns:1fr;gap:1.5rem}.studio .comparison-table thead th{font-size:var(--fs-text)}}
/* Table frame is drawn by the cells (no border on the table itself), so nothing sticks out next to the rounded corners. */
.comparison-table{border:0;border-radius:0}
.comparison-table tr>:first-child{border-left:1px solid var(--line)}
.comparison-table tr>:last-child{border-right:1px solid var(--line)}
.comparison-table tbody tr:last-child>*{border-bottom:1px solid var(--line)}
.comparison-table tbody tr:last-child>:first-child{border-bottom-left-radius:.75rem}
.comparison-table tbody tr:last-child>:last-child{border-bottom-right-radius:.75rem}
.studio .comparison-table tr>*,.studio .comparison-table tbody tr:last-child>*{border-color:var(--white-20)}
/* Sticky table header: stops at the same distance from the top as the "Jouw samenstelling" panel.
   ::before covers the strip above it (a few px more than needed, so no content shows through); ::after fills the rounded corners. */
.comparison-table thead th{position:relative}
.comparison-table thead th::before{content:"";position:absolute;z-index:-1;left:-1px;right:-1px;bottom:100%;height:calc(1rem + 0.375rem);background:var(--paper)}
.comparison-table thead th::after{content:"";position:absolute;z-index:-1;inset:-1px;background:var(--paper)}
.studio .comparison-table thead th::before,.studio .comparison-table thead th::after{background:var(--dark)}