.demo-page{background:#000;position:relative}.demo-backdrop{z-index:-1;pointer-events:none;height:1100px;max-height:100%;position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 45%,#0000 100%);mask-image:linear-gradient(#000 0% 45%,#0000 100%)}.demo-backdrop .dp-gradient-backdrop{background:#090909;position:absolute;inset:0}.demo-backdrop .dp-shader-canvas{width:100%;height:100%;display:block}.demo-backdrop:after{content:"";background:linear-gradient(#0002,#0004 25%,#0009 55%,#000 100%);position:absolute;inset:0}.demo-layout{max-width:1440px;padding:164px var(--ds-content-gutter) 100px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(48px,7vw,112px);margin:0 auto;display:grid}.demo-intro{padding-top:24px}.demo-eyebrow{color:#a7aba3;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.demo-eyebrow>span{background:#d8ff0d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #d8ff0d55}.demo-intro h1{margin:24px 0;font-size:clamp(52px,5.7vw,82px);line-height:1.04}.demo-description{color:#a4a6a9;max-width:390px;font-size:16px;line-height:1.8}.demo-reach{max-width:430px;margin-top:54px}.demo-reach h2{letter-spacing:-.025em;margin:0 0 18px;font-size:17px}.demo-reach ul{border-top:1px solid #ffffff1c;padding:0;list-style:none}.demo-reach a{border-bottom:1px solid #ffffff1c;grid-template-columns:52px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:19px 2px;display:grid}.demo-reach small{color:#81858a;font-size:12px}.demo-reach strong{color:#f2f2f2;letter-spacing:-.03em;overflow-wrap:anywhere;font-size:23px;font-weight:500}.demo-reach svg{color:#63696e;align-self:center;transition:color .2s,transform .2s}.demo-reach a:hover svg{color:#fff;transform:translate(2px,-2px)}.demo-story-link{color:#dedfe0;align-items:center;gap:10px;margin-top:36px;font-size:12px;display:inline-flex}.demo-story-link svg{color:#d8ff0d;transition:transform .2s}.demo-story-link:hover svg{transform:translate(3px)}.demo-form-card{isolation:isolate;background:radial-gradient(90% 80% at 50% 0,#1b1b1b70,#0c0c0c8c 42%,#030303b3 85%) padding-box padding-box;border:1px solid #0000;border-radius:22px;min-width:0;padding:34px;position:relative}.demo-form-card:before{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(100% 65% at 50% 0,#ffffffb3 0%,#ffffff80 8%,#ffffff40 22%,#ffffff18 55%,#ffffff0c 85%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-form-card:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#ffffff20 0%,#ffffff0c 30%,#ffffff03 50%,#0000 72%);height:120px;position:absolute;top:-60px;left:0;right:0}.demo-form-heading{margin-bottom:30px}.demo-form-heading h2{color:#f2f2f2;letter-spacing:-.035em;margin:0;font-size:26px}.demo-fields{border:0;gap:23px;min-width:0;margin:0;padding:0;display:grid}.demo-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;display:grid}.demo-products{border:0;min-width:0;margin:0;padding:0}.demo-products legend{color:#e4e6e7;padding:0;font-size:13px;font-weight:600}.demo-products>p{color:#858b91;margin:7px 0 14px;font-size:11px}.demo-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.demo-product-option{cursor:pointer;background:linear-gradient(145deg,#ffffff06,#0000),#080808;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;align-items:flex-start;min-width:0;padding:17px 12px;transition:border-color .2s,background-color .2s;display:flex;position:relative}.demo-product-option:hover{border-color:#fff5}.demo-product-option:has(input:checked){background:linear-gradient(145deg,#d8ff0d0d,#0000),#0c1005;border-color:#d8ff0d99}.demo-product-option:has(input:focus-visible){outline-offset:3px;outline:2px solid #d8ff0d}.demo-form-card .demo-product-option input[type=checkbox]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-product-icon{color:#a3a6a0;margin-bottom:17px}.demo-product-option:has(input:checked) .demo-product-icon{color:#d8ff0d}.demo-product-check{color:#121700;border:1px solid #ffffff30;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:13px;right:12px}.demo-product-check svg{opacity:0}.demo-product-option:has(input:checked) .demo-product-check{background:#d8ff0d;border-color:#d8ff0d}.demo-product-option:has(input:checked) .demo-product-check svg{opacity:1}.demo-product-option strong{color:#f0f1ed;font-size:12px;font-weight:600;line-height:1.5}.demo-product-description{color:#93998f;margin-top:5px;font-size:11px;line-height:1.6}.demo-fields:disabled .demo-product-option{opacity:.65;cursor:wait}.demo-field{align-content:start;gap:9px;min-width:0;display:grid}.demo-field label{color:#d6d8da;font-size:12px;font-weight:500}.demo-field label>span{color:#787c80}.demo-field :is(input,select){color:#e4e6e7;width:100%;min-width:0;min-height:45px;font:inherit;box-shadow:none;background:#080808;border:1px solid #ffffff1c;border-radius:8px;padding:12px;font-size:13px;transition:border-color .2s}.demo-field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding-right:28px}.demo-field input::placeholder{color:#63696e}.demo-form-card :focus-visible{outline-offset:3px;outline:2px solid #a1a1aa}.demo-field :is(input,select):focus{border-color:#ffffff65;outline:none;box-shadow:0 0 0 3px #ffffff0a}.demo-field [aria-invalid=true]{border-color:#fba5a5}.demo-form-card input[type=checkbox]{appearance:none;color:#171b08;cursor:pointer;width:16px;height:16px;box-shadow:none;background:#282a2b;border:1px solid #ffffff45;border-radius:5px;flex:none;margin:0;padding:0}.demo-form-card input[type=checkbox]:checked{background-color:#d8ff0d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8 2.5 2.5L12 5' fill='none' stroke='%23171b08' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#d8ff0d}.demo-form-card input[type=checkbox]:focus{box-shadow:none;outline:none}.demo-form-card input[type=checkbox]:focus-visible{outline-offset:3px;outline:2px solid #a1a1aa}.demo-consents{gap:17px;padding-top:2px;display:grid}.demo-consent{color:#a0a5aa;cursor:pointer;align-items:start;gap:10px;font-size:11px;line-height:1.7;display:flex}.demo-form-card .demo-consent input{margin-top:2px}.demo-form-card :is(.demo-consent,.demo-privacy) a{color:#d7dade;text-underline-offset:3px;text-decoration:underline}.demo-form-card :is(.demo-consent,.demo-privacy) a:hover{color:#fff}.demo-privacy{color:#858b91;margin:2px 0 -7px;font-size:10px;line-height:1.7}.demo-submit{cursor:pointer;width:100%}.demo-submit:disabled{opacity:.65;cursor:wait}.demo-fields:disabled .demo-consent{cursor:wait}.demo-error{color:#fba5a5;margin:0;font-size:11px;line-height:1.6}.demo-submit-error{background:#fba5a508;border:1px solid #fba5a530;border-radius:8px;padding:12px}.demo-success{padding:56px 36px}.demo-success-icon{color:#d8ff0d;background:#d8ff0d10;border:1px solid #d8ff0d40;border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:32px;display:grid}.demo-success h2{margin:16px 0;font-size:38px;line-height:1.15}.demo-success>p:not(.demo-eyebrow){color:#a4a6a9;font-size:15px;line-height:1.8}.demo-spinner{animation:1s linear infinite demo-spin}@keyframes demo-spin{to{transform:rotate(360deg)}}@media (min-width:1700px){.demo-layout{padding-inline:60px}}@media (max-width:1100px){.demo-layout{gap:36px;padding-inline:5vw}.demo-form-card{padding:26px}}@media (max-width:800px){.demo-layout{grid-template-columns:1fr;gap:38px;max-width:650px;padding:122px 24px 64px}.demo-intro{padding:0}.demo-intro h1{font-size:64px}.demo-description{max-width:470px;font-size:15px}.demo-story-link{margin-top:22px}.demo-layout{gap:0}.demo-intro{display:contents}.demo-story-link{justify-self:start}.demo-form-card{order:1;margin-top:38px}.demo-reach{order:2;max-width:none;margin-top:44px}.demo-product-grid{grid-template-columns:1fr}.demo-product-option{justify-content:center;min-height:89px;padding:17px 36px 17px 51px}.demo-product-icon{margin:0;position:absolute;top:21px;left:17px}.demo-product-option strong{font-size:13px}.demo-product-description{font-size:12px}}@media (max-width:480px){.demo-layout{padding-inline:18px}.demo-form-card{border-radius:18px;padding:24px 20px}.demo-contact-grid{grid-template-columns:1fr;gap:20px}.demo-field :is(input,select){font-size:16px}.demo-intro h1{font-size:58px}.demo-reach strong{font-size:20px}}@media (prefers-reduced-motion:reduce){.demo-spinner{animation:none}.demo-story-link svg,.demo-reach svg,.demo-field :is(input,select){transition:none}}@media (forced-colors:active){.demo-form-card input[type=checkbox]{appearance:auto}.demo-form-card input[type=checkbox]:checked{background-image:none}}@media (prefers-reduced-motion:reduce){.demo-product-option{transition:none}}@media (forced-colors:active){.demo-product-option:has(input:checked){outline:2px solid highlight}.demo-product-check{forced-color-adjust:none}}