.demo-page{width:91%;max-width:1440px;margin:auto}.demo-page [hidden]{display:none!important}.demo-heading{grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;padding:56px 0 44px;display:grid}.demo-eyebrow{letter-spacing:.13em;color:#bdccbc;font-size:10px}.demo-heading h1{letter-spacing:-.05em;margin:20px 0 0;font-size:clamp(42px,5vw,70px);font-weight:450;line-height:1.02}.demo-heading h1 em{color:#dfe7ba;font-family:Newsreader Variable,serif;font-weight:400}.demo-heading>div>p{max-width:370px;margin:0 0 16px;font-size:20px;line-height:1.5}.demo-disclaimer{color:#a8b9ad;font-size:12px;line-height:1.65;display:block}.demo-workspace{background:#0e1712;border:1px solid #536458;padding:0;position:relative}.demo-workspace:before{content:"";background:linear-gradient(90deg,#315ad0 0 33.3%,#e07851 33.3% 66.6%,#b7c9a1 66.6%);height:4px;display:block}.demo-toolbar{border-bottom:1px solid #34463a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.demo-wordmark{font-size:19px;font-weight:600}.demo-wordmark small{letter-spacing:.1em;color:#aabaad;margin-left:10px;font-size:9px;font-weight:400}.demo-toolbar button{color:#c1cec4;background:0 0;border:0;padding:8px;font-size:12px}.demo-brand-row{justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.demo-brand-row>span{color:#aabaad;font-size:12px}.demo-brand-row nav{gap:8px;display:flex}.demo-brand-row button{color:#e0e7df;background:0 0;border:1px solid #465b4b;padding:10px 18px;font-size:13px}.demo-brand-row small{color:#aabaad;margin-left:12px;font-size:10px}.demo-brand-row [aria-pressed=true]{color:#142018;background:#dfe7ba;border-color:#dfe7ba}.demo-brand-row [aria-pressed=true] small{color:#42523c}.demo-steps{border-bottom:1px solid #34463a;grid-template-columns:repeat(7,1fr);gap:18px;margin:0;padding:0 24px;list-style:none;display:grid}.demo-steps li{color:#899e8f;align-items:center;gap:10px;padding:14px 0 16px;font-size:13px;display:flex;position:relative}.demo-steps li>span{font-size:10px}.demo-steps [aria-current=step]{color:#e6eccc}.demo-steps i{background:#293e30;width:100%;height:2px;position:absolute;bottom:0;left:0}.demo-steps [aria-current=step] i{background:#e6eccc}.demo-steps .is-complete i{background:#759e87}.demo-stage{grid-template-columns:1fr 1.05fr;display:grid}.demo-visual{background:#16231b;border-right:1px solid #34463a;align-self:stretch;margin:0;padding:24px}.demo-visual-label{color:#c4d1c2;justify-content:space-between;gap:8px;margin-bottom:18px;font-size:10px;display:flex}.demo-visual-label>span:last-child{color:#dfe7ba}.demo-artwork{background:#0c120f;padding:12px}.demo-artwork img{object-fit:contain;width:100%;height:440px;display:block}.demo-visual figcaption{color:#acbfae;margin-top:16px;font-size:10px;line-height:1.5}.demo-panel{min-width:0;padding:32px}.demo-panel h2{letter-spacing:-.045em;margin:16px 0;font-size:clamp(27px,2.6vw,38px);font-weight:450;line-height:1.1}.demo-panel h2:focus{outline:none}.demo-panel>p{color:#bacabe;margin:0 0 20px;font-size:15px;line-height:1.6}.demo-panel [data-demo-section]{margin:22px 0}.demo-facts{margin:0}.demo-facts>div{border-top:1px solid #34463a;grid-template-columns:100px 1fr;gap:16px;padding:14px 0;font-size:13px;line-height:1.5;display:grid}.demo-facts dt{color:#90aa98}.demo-facts dd{margin:0}.demo-version-options{gap:10px;display:flex}.demo-version-options button{background:#17291e;border:1px solid #506951;flex:1;padding:16px 10px;font-size:13px}.demo-version-options [aria-pressed=true]{color:#162213;background:#dce6ba;border-color:#dce6ba}.demo-small{color:#aabdac;font-size:12px;line-height:1.6}.demo-source{border-block:1px solid #3b5142;margin-top:20px;padding:16px 0}.demo-source summary{cursor:pointer;font-size:13px}.demo-source p{color:#b9cbbe;font-size:13px;line-height:1.65}.demo-panel label{color:#c8d4c7;margin-bottom:8px;font-size:12px;display:block}.demo-panel textarea,.demo-panel input,.demo-panel select{color:#edf1e8;width:100%;font:inherit;color-scheme:dark;background:#0b140f;border:1px solid #5b715f;border-radius:0;padding:12px;font-size:14px}.demo-panel textarea{resize:vertical;min-height:70px}.demo-panel [aria-invalid=true]{border-color:#efa584}.demo-change{color:#e9b998;background:0 0;border:0;border-bottom:1px solid #7f715c;margin-top:12px;padding:7px 0;font-size:12px}.demo-destination{border-top:1px solid #34463a;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:16px;font-size:11px;display:flex}.demo-destination span{color:#9cb1a2}.demo-destination strong{font-weight:450}.demo-actions{gap:12px;margin-top:16px;display:flex}.demo-actions button{padding:14px 16px;font-size:13px}.demo-actions .primary{flex:1}.demo-actions #demo-back{background:0 0;border:1px solid #506951}.demo-page #demo-status{color:#f0ba94;min-height:0;margin:12px 0 0;font-size:12px;line-height:1.5}.demo-page #demo-status:empty{display:none}.demo-receipt{background:#1b3022;border-left:2px solid #c0d79b;padding:18px}.demo-receipt>span{letter-spacing:.06em;color:#d6e7b4;font-size:10px}.demo-receipt p{font-size:12px;line-height:1.6}.demo-receipt blockquote{overflow-wrap:anywhere;margin:12px 0;font-size:15px;line-height:1.5}.demo-receipt .demo-small{white-space:pre-wrap;overflow-wrap:anywhere}.demo-date-fields{grid-template-columns:1.2fr 1fr;gap:16px;margin-top:20px;display:grid}.demo-date-fields input{min-width:0;margin-top:8px}.demo-calendar-result{color:#192318;background:#dce6ba;align-items:center;gap:22px;padding:22px;display:flex}.demo-calendar-result>div:first-child{border-right:1px solid #9ba984;flex-direction:column;align-items:center;padding-right:22px;display:flex}.demo-calendar-result strong{font-size:52px;font-weight:450;line-height:1.1}.demo-calendar-result span{color:#364b30;font-size:10px}.demo-calendar-result h3{margin:10px 0;font-size:20px;font-weight:500}.demo-calendar-result p{font-size:12px;line-height:1.5}.demo-complete-link{color:#e4eccb;text-underline-offset:5px;margin-top:12px;font-size:14px;display:inline-block}.demo-foot{color:#aabdac;border-top:1px solid #34463a;justify-content:space-between;gap:20px;padding:16px 24px;font-size:10px;display:flex}.demo-foot>span:first-child{letter-spacing:.1em}.demo-closing{grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:80px 0;display:grid}.demo-closing h2{letter-spacing:-.04em;font-size:clamp(32px,4vw,50px);font-weight:450;line-height:1.1}.demo-closing p{color:#b4c3b7;font-size:15px;line-height:1.7}.demo-closing .text-link{margin-top:20px;font-size:12px;display:block}.demo-page button:focus-visible,.demo-page summary:focus-visible,.demo-page input:focus-visible,.demo-page textarea:focus-visible{outline-offset:4px;outline:2px solid #e6eccc}.demo-page button{transition:background-color .16s,border-color .16s}.demo-page button:hover{border-color:#c8d6ac}.demo-toolbar button:hover{color:#e9edc7}@media (width<=900px){.demo-heading{gap:30px}.demo-stage{grid-template-columns:.85fr 1fr}.demo-panel{padding:24px}.demo-visual{padding:18px}.demo-artwork img{height:350px}.demo-brand-row small{display:none}.demo-facts>div{grid-template-columns:80px 1fr}}@media (width<=700px){.demo-page{width:90%}.demo-heading{grid-template-columns:1fr;gap:22px;padding:32px 0}.demo-heading h1{margin-top:16px;font-size:44px}.demo-heading>div>p{font-size:17px}.demo-toolbar{padding:12px 16px}.demo-wordmark small{margin-left:6px;font-size:8px}.demo-brand-row{padding:16px;display:block}.demo-brand-row nav{margin-top:12px}.demo-brand-row button{flex:1;padding:12px 8px}.demo-steps{gap:8px;padding:0 16px}.demo-steps li{font-size:10px;display:block}.demo-steps li>span{margin-bottom:5px;font-size:9px;display:block}.demo-stage{grid-template-columns:1fr}.demo-visual{border-bottom:1px solid #34463a;border-right:0;padding:16px}.demo-artwork img{height:230px}.demo-visual figcaption{margin-top:12px}.demo-panel{padding:24px 18px}.demo-panel h2{font-size:30px}.demo-panel>p{font-size:14px}.demo-facts>div{grid-template-columns:75px 1fr;gap:12px}.demo-foot{flex-direction:column;gap:8px;padding:16px}.demo-closing{grid-template-columns:1fr;gap:12px;padding:45px 0}.demo-closing h2{margin-bottom:0}.demo-date-fields{grid-template-columns:1.15fr 1fr;gap:10px}}@media (prefers-reduced-motion:reduce){.demo-page button{transition:none}}.demo-palette{gap:8px;margin-top:18px;display:flex}.demo-palette span{background:#e43d23;border:1px solid #718271;width:42px;height:42px}.demo-palette span:nth-child(2){background:#151713}.demo-palette span:nth-child(3){background:#eeeee6}.demo-workspace[data-brand=STILL] .demo-palette span:first-child{background:#818a61}.demo-workspace[data-brand=STILL] .demo-palette span:nth-child(2){background:#cab998}.demo-workspace[data-brand=FORM] .demo-palette span:first-child{background:#a2977e}.demo-workspace[data-brand=FORM] .demo-palette span:nth-child(2){background:#393c36}.demo-kit-link{color:#dfe7ba;text-underline-offset:4px;font-size:12px}.demo-simulation-label{color:#e8ba99;letter-spacing:.06em;border:1px solid #6e624b;margin-bottom:20px;padding:12px;font-size:10px}.demo-delivery{padding:0;list-style:none}.demo-delivery li{gap:18px;padding:12px 0;display:flex}.demo-delivery li>span{color:#d1e4b1;border:1px solid #80966c;border-radius:50%;place-items:center;min-width:30px;height:30px;font-size:10px;display:grid}.demo-delivery strong{font-size:14px;font-weight:500}.demo-delivery p{color:#adbdaf;margin:6px 0;font-size:12px;line-height:1.6}.demo-metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.demo-metrics>div{background:#1b3022;border-top:2px solid #98b180;padding:16px 12px}.demo-metrics span{color:#b9c6ad;font-size:11px;display:block}.demo-metrics strong{margin-top:10px;font-size:clamp(22px,2.5vw,34px);font-weight:450;display:block}.demo-chart{border-bottom:1px solid #728a70;align-items:end;gap:12px;height:105px;margin-top:24px;display:flex}.demo-chart>span{height:var(--bar);background:#779880;flex:1}.demo-chart>span:last-child{background:#dbe8b7}.demo-chart-label{color:#a3b29e;justify-content:space-between;margin:10px 0 20px;font-size:8px;display:flex}.demo-more{padding:64px 0 0}.demo-more h2{letter-spacing:-.04em;margin:0 0 30px;font-size:clamp(27px,3vw,40px);font-weight:450}.demo-more>div{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.demo-more article{border-top:2px solid #6f8b76;padding-top:18px}.demo-more article:nth-child(2){border-color:#315ad0}.demo-more article:nth-child(3){border-color:#e07851}.demo-more article>span{letter-spacing:.1em;color:#a3b49f;font-size:9px}.demo-more h3{font-size:21px;font-weight:450;line-height:1.25}.demo-more p{color:#aebdb0;font-size:14px;line-height:1.65}.demo-more a{text-underline-offset:4px;font-size:12px}.demo-page #demo-status{overflow-wrap:anywhere}@media (width<=700px){.demo-steps{grid-template-columns:repeat(4,1fr);gap:0 12px}.demo-steps li{padding:10px 0}.demo-more>div{grid-template-columns:1fr;gap:24px}.demo-more{padding-top:40px}.demo-chart{gap:8px}.demo-metrics>div{padding:14px 10px}}.demo-panel select{margin-bottom:18px}.demo-page select:focus-visible{outline-offset:4px;outline:2px solid #e6eccc}.demo-page .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-library-bridge{background:#203728;border-left:2px solid #dce6ba;margin:24px 0;padding:22px}.demo-library-bridge h3{letter-spacing:-.035em;margin:12px 0;font-size:23px;font-weight:450}.demo-library-bridge p{color:#c5d3c1;font-size:13px;line-height:1.65}.demo-library-bridge nav{flex-wrap:wrap;gap:10px 20px;margin:18px 0;display:flex}.demo-library-bridge a{color:#e1e9c1;text-underline-offset:4px;font-size:12px}.demo-library-bridge a:focus-visible{outline-offset:5px;outline:2px solid #e6eccc}.demo-library-bridge .demo-small{color:#b5c6b0;margin-bottom:0;font-size:11px}