.container{width:min(calc(100% - 2rem), var(--container));margin-inline:auto}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem;display:grid}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-4{grid-column:span 4}.flex{gap:var(--space);align-items:center;display:flex}.between{justify-content:space-between}.demo-grid{gap:var(--space);margin-block:var(--space);display:grid}.cols-1,.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}@media (width>=640px){.cols-2,.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=960px){.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=767px){.col-8,.col-4{grid-column:span 12}.header-inner{flex-direction:column;align-items:flex-start}}.header-inner{gap:1rem}.header-brand{white-space:nowrap}.main-navigation{align-items:center;gap:1rem;display:flex}.main-navigation a[aria-current=page]{font-weight:700}.mobile-navigation{display:none}.language-menu{flex-shrink:0;position:relative}.language-menu summary{border:1px solid var(--color-border);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;min-height:44px;padding:.4rem .65rem;list-style:none;display:flex}.language-menu summary::-webkit-details-marker,.mobile-navigation summary::-webkit-details-marker{display:none}.language-flag{font-size:1.25rem;line-height:1}.language-chevron{margin-left:.25rem}.language-menu[open] .language-chevron{transform:rotate(180deg)}.language-options{z-index:20;border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;width:max-content;min-width:100%;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 6px 20px #0002}.language-options a{min-height:44px;color:var(--color-fg);border-radius:5px;align-items:center;gap:.65rem;padding:.65rem .75rem;text-decoration:none;display:flex}.language-options a:hover,.language-options a[aria-current=page]{background:var(--color-surface)}@media (width<=767px){.header-inner{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;display:grid}.header-brand{min-width:0;color:var(--color-fg);align-items:center;gap:.75rem;font-size:.95rem;text-decoration:none;display:inline-flex}.header-brand img,.footer-logo img{flex-shrink:0;width:40px;height:40px;display:block}.mobile-navigation{grid-area:1/2;display:block}.mobile-navigation summary{border:1px solid var(--color-border);cursor:pointer;border-radius:8px;align-items:center;gap:.45rem;min-height:35px;padding:.45rem .65rem;list-style:none;display:flex}.main-navigation{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);flex-direction:column;grid-area:2/1/auto/-1;align-items:stretch;gap:0;padding:.5rem;display:none}.mobile-navigation[open]~.main-navigation{display:flex}.main-navigation a{border-radius:6px;min-height:44px;padding:.75rem;text-decoration:none;display:block}.main-navigation a:hover,.main-navigation a[aria-current=page]{background:var(--color-surface)}.language-menu{grid-area:1/3}.language-name{display:none}.language-menu summary{padding:.4rem .5rem}}.card{border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.featured{background:var(--color-surface)}.card h3{margin-top:.6rem}.card-media{border-radius:calc(var(--radius) / 2);background:linear-gradient(135deg, var(--color-surface), var(--color-border));height:7rem}.button{background:var(--color-primary);color:#fff;border-radius:var(--button-radius,8px);padding:.65rem var(--button-padding-x,24px);min-height:var(--button-min-height,44px);font-weight:var(--button-font-weight,500);cursor:pointer;box-sizing:border-box;max-width:min(100%, var(--button-desktop-max-width,320px));width:var(--button-desktop-width,auto);border:0}.button.secondary{background:var(--color-surface);color:var(--color-fg);border:1px solid var(--color-border)}.form,.example-form{gap:var(--form-gap,16px);max-width:52rem;display:grid}.form label,.example-form label{gap:var(--form-field-gap,6px);font-weight:600;display:grid}.form :is(input:not([type=checkbox]):not([type=radio]),select,textarea),.example-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;width:100%;min-width:0;min-height:var(--form-field-min-height,44px);font:inherit;padding:var(--form-padding-y,10px) var(--form-padding-x,14px);border:var(--form-border-width,1px) solid var(--color-border);border-radius:var(--form-radius,8px);background:var(--color-bg);color:var(--color-fg)}.form :is(input,select,textarea):focus-visible,.example-form :is(input,select,textarea):focus-visible{outline:var(--form-focus-ring-width,3px) solid var(--color-primary);outline-offset:2px}.form :is(input,select,textarea)[aria-invalid=true],.example-form :is(input,select,textarea)[aria-invalid=true]{border-color:#b42318}.form :is(input[type=checkbox],input[type=radio]),.example-form :is(input[type=checkbox],input[type=radio]){accent-color:var(--color-primary);flex:none;width:1.125rem;height:1.125rem;margin:0}.form .form-choice,.example-form .form-choice{align-items:center;gap:.65rem;font-weight:400;display:flex}.form .form-error,.example-form .form-error{color:#b42318;font-size:var(--font-size-sm,.875rem)}.form :is(input,select,textarea):disabled,.example-form :is(input,select,textarea):disabled,.form button:disabled,.example-form button:disabled{opacity:.6;cursor:not-allowed}.example-form button{justify-self:start}.notice{border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius);padding:1rem}.notice p{margin-bottom:0}.notice-success{border-left-color:#24824b}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.faq-item summary{cursor:pointer;font-weight:600}.faq-item summary:focus-visible{outline:3px solid #e59a00}.code-example{margin-block:calc(var(--space) * 3)}.code-example__box{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.code-example pre{background:var(--color-surface);color:var(--color-fg);margin:0;padding:1.25rem;overflow-x:auto}.code-example__copy{margin:var(--space);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-fg);font:inherit;cursor:pointer;padding:.65rem 1rem}.code-example__copy:hover{background:var(--color-surface)}.code-example__copy:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.pill{background:var(--color-primary);color:#fff;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.demo-cell{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);text-align:center;padding:1.25rem}.visual-placeholder{border-radius:var(--radius);background:var(--color-surface);border:1px dashed var(--color-border);text-align:center;place-items:center;min-height:16rem;padding:1rem;display:grid}.action-row .button,.featured .button,.split-panel .button{text-decoration:none;display:inline-block}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);border-bottom:0;margin-top:4rem;padding:3rem 0 1.5rem}.footer-main{grid-template-columns:1fr;gap:2.5rem;padding-bottom:2.5rem;display:grid}.footer-brand{max-width:28rem}.footer-logo{color:var(--color-fg);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.footer-logo-icon{background:var(--color-primary);color:#fff;border-radius:.65rem;place-items:center;width:2.5rem;height:2.5rem;font-size:1.3rem;display:grid}.footer-description{color:var(--color-muted);margin-top:1rem;line-height:1.7}.footer-navigation{display:block}.footer-navigation h2{margin:0 0 1rem;font-size:1rem}.footer-navigation ul{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.footer-navigation a,.footer-legal a{color:var(--color-fg);text-decoration:none}.footer-navigation a:hover,.footer-legal a:hover{color:var(--color-primary);text-decoration:underline}.footer-bottom{border-top:1px solid var(--color-border);flex-direction:column;align-items:flex-start;gap:1rem;padding-top:1.5rem;display:flex}.footer-copyright{color:var(--color-muted);margin:0;font-size:.875rem}.footer-legal{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;font-size:.875rem;display:flex}.footer-consent{color:var(--color-fg);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.footer-consent:hover{color:var(--color-primary);text-decoration:underline}.footer-consent:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}@media (width<=767px){.site-footer{text-align:center;margin-top:2.5rem;padding:2rem 0 1.25rem}.footer-main{grid-template-columns:minmax(0,1fr);gap:1.25rem;padding-bottom:1.5rem}.footer-brand{flex-direction:column;align-items:center;max-width:none;display:flex}.footer-logo{justify-content:center;font-size:1.2rem}.footer-description{text-align:center;max-width:32rem;margin:1rem auto 0;font-size:.95rem;line-height:1.6}.footer-navigation{flex-direction:column;align-items:center;display:flex}.footer-navigation h2{margin:0 0 .5rem}.footer-navigation ul{flex-direction:column;align-items:center;gap:.1rem;width:100%;display:flex}.footer-navigation li{text-align:center;width:100%}.footer-navigation a{justify-content:center;align-items:center;min-height:44px;padding:.35rem 1rem;display:inline-flex}.footer-bottom{flex-direction:column;align-items:center;gap:.5rem;padding-top:1.25rem}.footer-copyright{text-align:center}.footer-legal{flex-direction:column;align-items:center;gap:0;width:100%;font-size:.8rem;display:flex}.footer-legal a,.footer-consent:not([hidden]){color:var(--color-muted);text-align:center;justify-content:center;align-items:center;min-height:44px;padding:0;font-size:.8rem;font-weight:400;line-height:1.3;text-decoration:none;display:inline-flex}}@media (width>=768px){.footer-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:4rem}.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}@media (width<=767px){.button,.action-row .button,.featured .button,.split-panel .button{width:var(--button-mobile-width,80%);max-width:100%;min-height:var(--button-min-height,44px);margin-inline:var(--button-mobile-margin-inline,auto);text-align:center;justify-content:center;align-items:center;display:flex}}.form-choice{width:100%}.form-radio-group{border:0;min-width:0;margin:0;padding:0}.form-radio-group legend{margin-bottom:8px;font-weight:600}.form-radio-group__options{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.form :is(.form-choice,.form-radio-group__options) .form-choice__label,.example-form :is(.form-choice,.form-radio-group__options) .form-choice__label{box-sizing:border-box;border:2px solid var(--color-border);border-radius:var(--form-radius,8px);background:var(--color-surface);cursor:pointer;flex-direction:row;align-items:center;gap:14px;width:100%;min-height:56px;padding:14px 16px;transition:background-color .15s,border-color .15s;display:flex}.form :is(.form-choice,.form-radio-group__options) .form-choice__label>input:is([type=checkbox],[type=radio]),.example-form :is(.form-choice,.form-radio-group__options) .form-choice__label>input:is([type=checkbox],[type=radio]){width:22px;height:22px;accent-color:var(--color-primary);flex:0 0 22px;margin:0;display:block;position:static}.form :is(.form-choice,.form-radio-group__options) .form-choice__label>span,.example-form :is(.form-choice,.form-radio-group__options) .form-choice__label>span{flex:1;min-width:0;font-weight:500;line-height:1.5}.form :is(.form-choice,.form-radio-group__options) .form-choice__label:has(input:checked),.example-form :is(.form-choice,.form-radio-group__options) .form-choice__label:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-bg))}.form :is(.form-choice,.form-radio-group__options) .form-choice__label:has(input:focus-visible),.example-form :is(.form-choice,.form-radio-group__options) .form-choice__label:has(input:focus-visible){outline:var(--form-focus-ring-width,3px) solid var(--color-primary);outline-offset:3px}.form :is(.form-choice,.form-radio-group__options) .form-choice__label:has(input:disabled),.example-form :is(.form-choice,.form-radio-group__options) .form-choice__label:has(input:disabled){opacity:.6;cursor:not-allowed}@media (width>=768px){.form-radio-group__options{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}}@media (prefers-reduced-motion:reduce){.form :is(.form-choice,.form-radio-group__options) .form-choice__label,.example-form :is(.form-choice,.form-radio-group__options) .form-choice__label{transition:none}}.seed-hero-demo,.seed-cta-demo{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:clamp(1.25rem,5vw,3.5rem)}.seed-hero-demo{text-align:center}.seed-hero-demo__eyebrow{color:var(--color-primary);font-weight:700}.seed-hero-demo h4{max-width:24ch;margin:.5rem auto;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.2}.seed-hero-demo>p:not(.seed-hero-demo__eyebrow){max-width:55ch;margin-inline:auto}.seed-hero-demo__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem;display:flex}.seed-hero-demo__actions .button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.seed-steps-demo{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.seed-step-demo,.seed-quote-demo,.seed-result-demo{border:1px solid var(--color-border);border-radius:var(--radius);min-width:0;padding:1.25rem}.seed-step-demo__number{background:var(--color-primary);color:#fff;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:grid}.seed-step-demo h4{margin:.75rem 0 .5rem}.seed-step-demo p{margin-bottom:0}.seed-quote-demo{background:var(--color-surface);margin-inline:0}.seed-quote-demo blockquote{margin:0;font-size:1.1rem}.seed-quote-demo figcaption{color:var(--color-muted);margin-top:.75rem}.seed-result-demo{border-left:4px solid var(--color-primary);gap:.5rem;display:grid}.seed-result-demo p{margin:0}.seed-result-demo strong{font-size:clamp(1.5rem,4vw,2.25rem)}.seed-result-demo small{color:var(--color-muted)}.seed-cta-demo{justify-items:start;gap:.75rem;display:grid}.seed-cta-demo h4,.seed-cta-demo p{margin:0}.seed-cta-demo .button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}#marketing>h3{margin-top:2rem}#marketing .code-example__box{margin-top:.75rem}@media (width<=767px){.seed-steps-demo{grid-template-columns:1fr}.seed-hero-demo__actions{flex-direction:column;align-items:center}.seed-hero-demo__actions .button,.seed-cta-demo .button{width:var(--button-mobile-width,80%);max-width:100%}.seed-cta-demo{text-align:center;justify-items:center}}.gallery{padding-bottom:3rem}.gallery-hero{padding:2.5rem 0 1.5rem}.gallery-hero h1{font-size:var(--font-size-h1);margin:.25rem 0;line-height:1.15}.gallery-hero p{max-width:65ch}.gallery-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);font-size:.8rem;font-weight:700}.gallery-toc{border-block:1px solid var(--color-border);flex-wrap:wrap;gap:.6rem;padding:1rem 0;display:flex}.gallery-toc a{background:var(--color-surface);border-radius:999px;padding:.4rem .7rem;text-decoration:none}.gallery-section{padding-top:2rem;scroll-margin-top:1rem}.gallery-section h2{margin-bottom:1rem}.split-panel{align-items:center}.action-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}@font-face{font-family:Roboto;src:url(/fonts/roboto-latin-wght-normal.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/roboto-latin-wght-italic.woff2)format("woff2");font-style:italic;font-weight:100 900;font-display:swap}:root{--header-top-bg:transparent;--header-scrolled-bg:var(--color-bg);--header-top-text:var(--color-fg);--header-scrolled-text:var(--color-fg);--header-top-border:transparent;--header-scrolled-border:var(--color-border);--header-scrolled-shadow:0 5px 22px #0000001a;--header-z-index:100}.site-header{z-index:var(--header-z-index);background-color:var(--header-top-bg);color:var(--header-top-text);border-bottom-color:var(--header-top-border);box-shadow:none;transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s;position:sticky;top:0}.site-header.is-scrolled{background-color:var(--header-scrolled-bg);color:var(--header-scrolled-text);border-bottom-color:var(--header-scrolled-border);box-shadow:var(--header-scrolled-shadow)}.site-header .header-brand,.site-header .main-navigation>a{color:inherit}@media (prefers-reduced-motion:reduce){.site-header{transition:none}}html{scroll-padding-top:6rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);text-wrap:balance}h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}h4{font-size:var(--font-size-h4)}small{font-size:var(--font-size-sm)}p{max-width:var(--text-max-width)}input,button,select,textarea{font:inherit}a{color:var(--color-primary)}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #e59a00}header{border-bottom:1px solid var(--color-border);padding:1rem 0}nav{flex-wrap:wrap;gap:1rem;display:flex}main{min-height:55vh;padding-top:2rem}.muted{color:var(--color-muted)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}dialog[data-astro-cid-d2nb3wen]{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);width:min(520px,100% - 24px);max-height:min(90dvh,680px);color:var(--color-fg);padding:0;overflow-y:auto}dialog[data-astro-cid-d2nb3wen]::backdrop{background:#0000008c}.consent-content[data-astro-cid-d2nb3wen]{padding:clamp(16px,3vw,28px)}h2[data-astro-cid-d2nb3wen]{margin:0 0 12px;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.2}p[data-astro-cid-d2nb3wen]{margin:0 0 18px;line-height:1.5}#consent-options[data-astro-cid-d2nb3wen]{margin-block:12px 20px}#consent-options[data-astro-cid-d2nb3wen] label[data-astro-cid-d2nb3wen]{align-items:center;gap:10px;min-height:44px;display:flex}#consent-options[data-astro-cid-d2nb3wen] input[data-astro-cid-d2nb3wen]{width:18px;height:18px;accent-color:var(--color-primary);flex:none}.consent-actions[data-astro-cid-d2nb3wen]{justify-items:stretch;gap:10px;display:grid}.consent-button[data-astro-cid-d2nb3wen]{box-sizing:border-box;border:1px solid var(--color-border);border-radius:min(var(--radius), 10px);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-fg);font:inherit;text-align:center;cursor:pointer;justify-content:center;align-items:center;padding:11px 16px;font-weight:500;line-height:1.3;display:flex}.consent-button[data-astro-cid-d2nb3wen]:hover{filter:brightness(.96)}.consent-button[data-astro-cid-d2nb3wen]:focus-visible{outline-offset:3px;outline:3px solid #e69a00}.consent-primary[data-astro-cid-d2nb3wen]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}[data-astro-cid-d2nb3wen][hidden]{display:none!important}@media (width<=480px){.consent-content[data-astro-cid-d2nb3wen]{padding:18px 16px}h2[data-astro-cid-d2nb3wen]{font-size:1.4rem}p[data-astro-cid-d2nb3wen]{font-size:.95rem}}
