.heroes-page{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}.heroes-page .section-head{width:100%;max-width:var(--content-max);margin:0 auto 50px;padding-inline:var(--pad-x);box-sizing:border-box}.hero-demo{margin:0 0 50px}.hero-demo:last-child{margin-bottom:0}.hero-demo-meta{width:100%;max-width:var(--content-max);margin:0 auto 30px;padding-inline:var(--pad-x);box-sizing:border-box}.hero-demo-meta h2{margin:0 0 6px;font-size:var(--type-h3);font-weight:700;color:var(--heading);line-height:1.2}.hero-demo-meta p{margin:0;max-width:70ch;font-size:var(--type-body);line-height:1.5;color:var(--body)}.hero-demo-meta a{color:var(--accent);font-weight:600}.hero{overflow:visible;border:0;background:none;width:100%;padding:var(--section-y) var(--pad-x);box-sizing:border-box}.hero--info{background:var(--color-surface-info)}.hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:50px;align-items:center;width:100%;max-width:var(--content-max);margin:0 auto;padding:0;box-sizing:border-box}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:30px;min-width:0}.hero-copy .eyebrow-pill{margin:0}.hero-copy h1{margin:0;font-size:var(--type-h1);font-weight:700;line-height:var(--type-lh-heading);letter-spacing:-.02em;color:var(--heading);text-wrap:balance}.hero-copy h1 .hero-highlight{color:var(--primary)}.hero-copy .hero-lead{margin:0;max-width:70ch;font-size:var(--type-body);line-height:var(--type-lh-body);color:var(--body)}.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hero-includes{margin:0;width:100%;max-width:none}.hero-trust{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:30px;max-width:none;text-decoration:none;color:inherit}.hero-trust:hover .hero-trust-rating{color:var(--accent)}.hero-trust-faces{display:block;width:auto;max-width:239px;height:auto}.hero-trust-copy{display:flex;flex-direction:column;gap:2px}.hero-trust-rating{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--type-body);font-weight:700;color:var(--body);line-height:1.3}.hero-trust-stars{display:inline-flex;align-items:center;gap:2px;color:var(--color-status-warning)}.hero-trust-meta{font-size:var(--type-disclaimer);font-weight:400;color:var(--body);line-height:1.5}.hero-includes-label{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:var(--type-disclaimer);font-weight:700;color:var(--heading)}.hero-includes ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;list-style:none;margin:0;padding:14px 16px;max-width:700px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm);box-sizing:border-box}@media(max-width:640px){.hero-includes ul{grid-template-columns:1fr}}.hero-includes li{position:relative;padding:5px 0 5px 1.7em;font-size:var(--type-disclaimer);line-height:1.45;color:var(--body)}.hero-includes li:before{content:"";position:absolute;left:0;top:50%;width:1em;height:1em;transform:translateY(-50%);background:var(--primary);-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M256%20512A256%20256%200%201%200%20256%200a256%20256%200%201%200%200%20512zM369%20209L241%20337c-9.4%209.4-24.6%209.4-33.9%200l-64-64c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l47%2047L335%20175c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9z'/%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M256%20512A256%20256%200%201%200%20256%200a256%20256%200%201%200%200%20512zM369%20209L241%20337c-9.4%209.4-24.6%209.4-33.9%200l-64-64c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l47%2047L335%20175c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9z'/%3e%3c/svg%3e") center / contain no-repeat}.hero-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-default);overflow:hidden;width:100%;max-width:none;justify-self:stretch}.hero-panel-head{padding:20px 22px;background:linear-gradient(135deg,#ed9600,#ed6100);color:#fff}.hero-panel-head h3{margin:0;font-size:var(--type-h3);font-weight:700;line-height:1.3;color:#fff}.hero-panel-head p{margin:6px 0 0;font-size:var(--type-disclaimer);line-height:1.4;color:#ffffffe6}.hero-panel-progress{display:flex;align-items:center;gap:8px;padding:14px 22px 0}.hero-panel-progress span{flex:1;height:5px;border-radius:100px;background:#6666661f}.hero-panel-progress span.is-on{background:linear-gradient(90deg,#ed9600,#ed6100)}.hero-panel-progress em{flex:none;font-size:var(--type-disclaimer);font-weight:600;font-style:normal;color:var(--ink-3)}.hero-panel-body{padding:18px 22px 22px}.hero-panel-body h4{margin:0 0 14px;font-size:var(--type-body);font-weight:700;color:var(--heading)}.hero-opts{display:flex;flex-direction:column;gap:10px}.hero-opt{display:flex;align-items:flex-start;gap:12px;width:100%;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease;min-height:48px;box-sizing:border-box}.hero-opt:hover{border-color:var(--primary);background:#ed96001a}.hero-opt.is-on{border-color:var(--accent);background:#ed96001a}.hero-opt-radio{flex:none;width:22px;height:22px;margin-top:1px;border:2px solid rgba(102,102,102,.25);border-radius:50%;box-sizing:border-box;display:grid;place-items:center;color:transparent;transition:border-color .15s ease,background .15s ease,color .15s ease}.hero-opt:hover .hero-opt-radio,.hero-opt.is-on .hero-opt-radio{border-color:var(--accent);background:var(--accent);color:#fff}.hero-opt b{display:block;font-size:var(--type-disclaimer);font-weight:700;color:var(--heading);line-height:1.3}.hero-opt small{display:block;margin-top:2px;font-size:var(--type-disclaimer);color:var(--body);line-height:1.4}.hero-opts--grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-opt--tile{flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:96px;text-align:center}.spf-tile-ico{width:40px;height:40px;border-radius:5px;display:grid;place-items:center;background:#ed96001a;color:var(--accent)}.spf-back{display:inline-flex;align-items:center;gap:4px;margin:0 0 14px;padding:0;border:0;background:none;font:inherit;font-size:var(--type-disclaimer);font-weight:600;color:var(--accent);cursor:pointer}.spf-back:hover{text-decoration:underline;text-underline-offset:3px}.spf-result{display:flex;flex-direction:column;align-items:flex-start}.spf-result-badge{display:inline-flex;align-items:center;margin-bottom:14px;padding:6px 14px;border-radius:100vw;background:#ed96001a;font-size:var(--type-eyebrow);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.spf-result-code{font-size:var(--type-h2);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--heading)}.spf-result-name{margin-top:6px;font-size:var(--type-body);font-weight:700;color:var(--accent)}.spf-result-why{margin:14px 0 30px;font-size:var(--type-body);line-height:1.5;color:var(--body)}.spf-cta{width:100%;justify-content:center;text-decoration:none;box-sizing:border-box}.spf-restart{display:inline-flex;align-self:center;margin:14px 0 0;padding:0;border:0;background:none;font:inherit;font-size:var(--type-disclaimer);font-weight:600;color:var(--accent);cursor:pointer}.spf-restart:hover{text-decoration:underline;text-underline-offset:3px}.spf-fine{margin:14px 0 0;width:100%;font-size:var(--type-disclaimer);font-style:italic;line-height:1.5;text-align:center;color:var(--ink-3)}.spf .hero-panel-body{min-height:280px;display:flex;flex-direction:column}.hero-panel--form .hero-panel-head{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--white);color:var(--heading);border-bottom:1px solid var(--line);padding-bottom:18px;text-align:center}.hero-panel--form .hero-panel-head h3{color:var(--heading);text-align:center}.hero-panel--form .hero-panel-head p{color:var(--body);text-align:center}.hero-faces{display:flex;align-items:center;justify-content:center;list-style:none;margin:0 0 4px;padding:0}.hero-faces li{position:relative;flex-shrink:0;width:50px;height:50px;border:2px solid var(--white);border-radius:50%;overflow:hidden;background:#f3f3f3;box-sizing:border-box;box-shadow:var(--shadow-sm)}.hero-faces li:not(:first-child){margin-left:-18px}.hero-faces li img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center}@media(min-width:640px){.hero-faces li{width:80px;height:80px;border-width:3px}.hero-faces li:not(:first-child){margin-left:-28px}}.hero-field{display:block;width:100%;margin:0 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:5px;background:var(--white);font:inherit;font-size:16px;color:var(--ink-3);box-sizing:border-box;min-height:48px}.hero-field--area{min-height:88px;resize:none}.hero-panel--form .btn-demo{width:100%;justify-content:center;margin-top:6px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-panel{max-width:none;justify-self:stretch}.hero-ctas .btn-demo{width:100%;justify-content:center}}@media(max-width:640px){.heroes-page .section-head,.hero-demo-meta{padding-inline:var(--pad-x-mobile)}.hero{padding:var(--section-y-mobile) var(--pad-x-mobile)}.hero-demo,.heroes-page .section-head{margin-bottom:30px}.hero-trust{margin-top:30px}}.highlights-page{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}.highlight-demo{margin:0}.highlight{width:100%;padding:var(--section-y) var(--pad-x);box-sizing:border-box;color:var(--heading)}.highlight-inner{width:100%;max-width:var(--content-max);margin:0 auto}.highlight-inner--stack{display:flex;flex-direction:column;gap:30px}.highlight-head{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%}.highlight-head h2{margin:0;width:100%;max-width:none;font-size:var(--type-h2);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--heading)}.highlight-intro{margin:0;width:100%;max-width:none;font-size:var(--type-body);font-weight:400;line-height:1.5;color:var(--body)}.highlight-head .eyebrow-pill{flex:none}.highlight--white{background:var(--white)}.highlight--section{background:var(--section-bg)}.highlight--info{background:var(--color-surface-info)}.highlight--success{background:var(--color-surface-success)}.highlight--warning{background:var(--color-surface-warning)}@media(max-width:900px){.highlight{padding-block:var(--section-y-mobile);padding-inline:var(--pad-x-mobile)}}.money-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--col-gap);align-items:stretch;width:100%}.salary-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:30px;border-radius:15px;background:linear-gradient(135deg,#ed9600,#ed6100);color:#fff;box-shadow:var(--shadow-default);box-sizing:border-box}.salary-card .sc-lbl{margin:0;font-size:var(--type-h3);font-weight:700;letter-spacing:normal;text-transform:none;line-height:1.2;color:#fff}.salary-card .sc-fig{margin:0;font-size:var(--type-h1);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:#fff}.salary-card .sc-note{margin:0;font-size:16px;font-weight:400;line-height:1.5;color:#fff}.salary-card .sc-note span{color:#fff}.salary-card .sc-reqs{list-style:none;margin:auto 0 0;padding:30px 0 0;display:flex;flex-direction:column;gap:12px;border-top:1px solid #ffffff33}.salary-card .sc-req{display:flex;align-items:flex-start;gap:10px;font-size:var(--type-body);font-weight:400;line-height:1.5;color:#fff}.salary-card .sc-req-icon{flex:none;width:14px;height:14px;margin-top:4px;color:#fff}.fees-card{display:flex;flex-direction:column;min-width:0;padding:30px;border-radius:15px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-default);box-sizing:border-box}.fees-card .fc-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid var(--line)}.fees-card .fc-title{margin:0;font-size:var(--type-h3);font-weight:700;letter-spacing:normal;text-transform:none;line-height:1.2;color:var(--heading)}.fees-card .fc-who-icon{width:12px;height:12px;color:var(--eyebrow-color)}.fee-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.fee-row:last-of-type{border-bottom:0}.fee-row span{font-size:var(--type-body);font-weight:400;line-height:1.5;color:var(--body)}.fee-row span em{font-style:italic;font-size:var(--type-disclaimer);font-weight:400;color:var(--body);margin-left:6px}.fee-row b{font-family:Poppins,sans-serif;font-size:var(--type-body);font-weight:700;line-height:1.5;color:var(--heading);white-space:nowrap}.fee-row.alt b{font-weight:400;color:var(--body)}.fees-card .fc-fine{margin:16px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:var(--type-disclaimer);font-weight:400;font-style:italic;line-height:1.5;color:var(--body)}.money-grid-preview{background:var(--section-tint);padding:var(--section-y) 0}.money-grid-preview-inner{max-width:var(--content-max);margin:0 auto;padding:0 var(--pad-x)}.money-grid-variant-label{margin:0 0 12px;font-size:var(--type-eyebrow);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--body)}@media(max-width:900px){.money-grid{grid-template-columns:1fr}}@media(max-width:640px){.money-grid-preview{padding:var(--section-y-mobile) 0}.money-grid-preview-inner{padding:0 var(--pad-x-mobile)}.salary-card,.fees-card{padding:30px var(--pad-x-mobile)}}.steps-page{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);box-sizing:border-box}.steps-demo{margin:0}.steps{width:100%;padding:var(--section-y) var(--pad-x);box-sizing:border-box}.steps--section{background:var(--section-bg)}.steps--info{background:var(--color-surface-info)}.steps--white,.steps--spine{background:var(--white)}.steps-inner{width:100%;max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;gap:50px}.steps-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;width:100%}.steps-head h2{margin:0;max-width:28ch;font-size:var(--type-h2);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--heading)}.steps-intro{margin:0;width:100%;max-width:none;font-size:16px;font-weight:400;line-height:1.5;color:var(--body)}.steps-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.step-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:30px;border:1px solid var(--section-bg);border-radius:15px;background:var(--white);box-shadow:var(--shadow-default);box-sizing:border-box}.step-card-top{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:12px;margin-bottom:4px}.step-icon-well{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;background:#ed960020;color:var(--accent)}.step-icon{width:20px;height:20px}.step-num{font-size:clamp(40px,4.62vw,56px);font-weight:700;line-height:1;letter-spacing:-.03em;color:#55555520;-webkit-user-select:none;user-select:none}.step-card h3{margin:0;font-size:var(--type-h3);font-weight:700;line-height:1.2;color:var(--heading)}.step-card>p{margin:0;font-size:var(--type-body);font-weight:400;line-height:1.5;color:var(--body)}.step-card .btn-demo{margin-top:auto;align-self:flex-start}.steps-head--start{align-items:flex-start;text-align:left}.steps-head:not(.steps-head--start) .eyebrow-title{align-items:center}.steps-rail-layout{display:grid;grid-template-columns:30% minmax(0,1fr);gap:0;align-items:stretch;min-width:0;background:var(--white);border:1px solid #55555510;border-radius:15px;box-shadow:var(--shadow-default);overflow:hidden}.steps-rail-nav{display:contents}.steps-rail{display:flex;flex-direction:column;gap:0;min-width:0;padding:12px;border-right:1px solid #55555510;background:var(--white);box-sizing:border-box}.steps-select-wrap{display:none}.steps-select-label{display:block;margin:0 0 8px;font-size:var(--type-disclaimer);font-weight:600;color:var(--heading)}.steps-select{display:block;width:100%;min-height:48px;margin:0;padding:12px 40px 12px 14px;border:1px solid #55555520;border-radius:15px;background-color:var(--white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23ed6100' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;font:inherit;font-size:var(--type-body);font-weight:600;line-height:1.3;color:var(--heading);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.steps-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ed960026}.steps-rail-tab{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:flex-start;gap:12px;width:100%;margin:0;padding:14px 12px;border:none;border-bottom:1px solid #55555520;border-radius:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background .2s ease}.steps-rail-tab:last-child{border-bottom:none}.steps-rail-tab:hover{background:#ed960010}.steps-rail-marker{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:2px;border-radius:15px;background:#ed960020;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.02em;transition:background .2s ease,color .2s ease}.steps-rail-tab.is-active .steps-rail-marker{background:var(--primary);color:var(--white)}.steps-rail-tab.is-done .steps-rail-marker{background:#ed960020;color:var(--accent);font-size:18px}.steps-rail-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.steps-rail-title{font-size:var(--type-h3);font-weight:700;line-height:1.2;color:var(--heading)}.steps-rail-context{font-size:var(--type-disclaimer);font-weight:400;line-height:1.35;color:var(--ink-3)}.steps-stage{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;min-height:100%;padding:40px;background:var(--white);box-sizing:border-box;animation:steps-stage-in .35s ease}@keyframes steps-stage-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.steps-stage h3{margin:0;width:100%;font-size:var(--type-h2);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--heading)}.steps-stage-lead{margin:0;width:100%;font-size:var(--type-body);font-weight:400;line-height:1.5;color:var(--body)}.steps-stage-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;width:100%}.steps-stage-list li{position:relative;padding-left:1.7em;font-size:var(--type-body);font-weight:400;line-height:1.45;color:var(--body)}.steps-stage-list li:before{content:"";position:absolute;left:0;top:.2em;width:1em;height:1em;background:var(--primary);-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M256%20512A256%20256%200%201%200%20256%200a256%20256%200%201%200%200%20512zM369%20209L241%20337c-9.4%209.4-24.6%209.4-33.9%200l-64-64c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l47%2047L335%20175c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9z'/%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M256%20512A256%20256%200%201%200%20256%200a256%20256%200%201%200%200%20512zM369%20209L241%20337c-9.4%209.4-24.6%209.4-33.9%200l-64-64c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l47%2047L335%20175c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9z'/%3e%3c/svg%3e") center / contain no-repeat}.steps-stage-note{margin:0;width:100%}.steps-stage-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:8px}.steps-tabs-layout{display:flex;flex-direction:column;gap:20px;width:100%;min-width:0;max-width:none}.steps-tabs-nav{display:contents}.steps-tabs{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:4px;border:none;border-radius:100vw;background:#55555510;width:fit-content;max-width:100%;box-sizing:border-box}.steps-tabs-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:10px 18px;border:none;border-radius:100vw;background:transparent;font-family:inherit;font-size:var(--type-body);font-weight:600;line-height:1.3;color:var(--body);text-align:center;cursor:pointer;transition:background .15s ease,color .15s ease}.steps-tabs-icon{width:1em;height:1em;flex:none}.steps-tabs-tab:hover{color:var(--heading);background:#55555510}.steps-tabs-tab.is-active{background:var(--primary);color:var(--white);box-shadow:none}.steps-tabs-tab.is-active:hover{background:var(--primary);color:var(--white)}.steps-stage--tabs{padding:24px;gap:20px;border:1px solid #55555510;border-radius:15px;background:var(--white);box-shadow:var(--shadow-default)}.steps-tab-block{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.steps-tab-block h4{margin:0;font-size:var(--type-body);font-weight:700;line-height:1.3;color:var(--heading)}.steps-spine{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;max-width:none}.steps-spine-item{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:20px;border:1px solid #55555510;border-radius:15px;background:var(--white);box-shadow:var(--shadow-default);box-sizing:border-box}.steps-spine-marker{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#ed960020;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.02em}.steps-spine-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;flex:1}.steps-spine-copy h3{margin:0;font-size:var(--type-h3);font-weight:700;line-height:1.2;color:var(--heading)}.steps-spine-copy p{margin:0;font-size:var(--type-disclaimer);line-height:1.45;color:var(--body)}.steps-spine-copy .btn-demo{margin-top:auto}.steps-bands-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:50px;align-items:start}.steps-bands-intro{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;width:100%}.steps-bands-intro h2{margin:0;font-size:var(--type-h2);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--heading)}.steps-bands-intro .steps-intro,.steps-bands-intro .steps-bands-lead{margin:0;width:100%;max-width:none}.steps-bands-lead{margin:0;font-size:var(--type-body);font-weight:400;line-height:1.5;color:var(--body)}.steps-bands-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:4px}.steps-bands-accordion{max-width:none;width:100%}.steps-milestones-layout{display:flex;flex-direction:column;gap:16px;width:100%;max-width:none;min-width:0}.steps-milestones-nav{display:contents}.steps-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;background:transparent}.steps-milestone{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:0;border:none;background:transparent;font:inherit;color:inherit;cursor:pointer;text-align:left;min-width:0}.steps-milestone-bar{display:block;width:100%;height:6px;border-radius:100vw;background:#ed960020;transition:background .15s ease}.steps-milestone.is-done .steps-milestone-bar,.steps-milestone.is-active .steps-milestone-bar{background:var(--primary)}.steps-milestone-label{display:flex;flex-direction:column;gap:2px;font-size:12px;font-weight:600;line-height:1.25;color:var(--body)}.steps-milestone-num{font-size:11px;font-weight:700;letter-spacing:.04em;color:#55555560}.steps-milestone.is-active .steps-milestone-label{color:var(--heading)}.steps-milestone.is-active .steps-milestone-num{color:var(--accent)}.steps-stage--milestones{padding:20px;border:1px solid #55555510;border-radius:15px;background:var(--white);box-shadow:var(--shadow-default)}.steps-expand{display:flex;flex-direction:column;gap:0;width:100%;max-width:720px;border:1px solid #55555510;border-radius:15px;background:var(--white);box-shadow:var(--shadow-default);overflow:hidden}.steps-expand-item{border-bottom:1px solid #55555510}.steps-expand-item:last-child{border-bottom:none}.steps-expand-trigger{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;width:100%;margin:0;padding:12px 14px;border:none;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background .15s ease}.steps-expand-trigger:hover{background:#ed960010}.steps-expand-item.is-open .steps-expand-trigger{background:#ed960020;padding-bottom:8px}.steps-expand-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ed960020;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.02em}.steps-expand-item.is-open .steps-expand-num{background:var(--primary);color:var(--white)}.steps-expand-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.steps-expand-title{font-size:var(--type-body);font-weight:700;line-height:1.25;color:var(--heading)}.steps-expand-context{font-size:var(--type-disclaimer);font-weight:400;line-height:1.3;color:var(--ink-3)}.steps-expand-item.is-open .steps-expand-context{display:none}.steps-expand-panel{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:30px;animation:steps-stage-in .3s ease}.steps-expand-panel .steps-stage-lead{width:100%;font-size:var(--type-disclaimer);line-height:1.4}.steps-expand-panel .steps-stage-list{gap:6px}.steps-expand-panel .steps-stage-list li{font-size:var(--type-disclaimer);line-height:1.35}.steps-expand-panel .steps-stage-note{font-size:var(--type-disclaimer)}.steps-expand-panel .steps-stage-actions{gap:8px 14px;padding-top:2px}.steps-split-layout{display:flex;flex-direction:column;gap:20px;width:100%;max-width:none;min-width:0}.steps-split-nav{display:contents}.steps-split-index{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border-radius:15px;background:#55555510;box-sizing:border-box}.steps-split-link{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 14px;border:1px solid #55555520;border-radius:100vw;background:var(--white);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.steps-split-link:hover{border-color:var(--primary);background:#ed960010}.steps-split-link.is-active{border-color:var(--primary);background:var(--primary);color:var(--white)}.steps-split-title{font-size:var(--type-disclaimer);font-weight:600;line-height:1.3;color:var(--heading)}.steps-split-link.is-active .steps-split-title{color:var(--white)}.steps-stage--split{padding:20px;border:1px solid #55555510;border-radius:15px;background:var(--white);box-shadow:var(--shadow-default)}@media(max-width:1100px){.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-rail-layout{grid-template-columns:1fr}.steps-rail-nav{display:block;padding:16px;border-right:none;border-bottom:1px solid #55555510;background:var(--white)}.steps-rail{display:none}.steps-rail-nav .steps-select-wrap{display:block}.steps-milestones-layout{max-width:none}.steps-milestones{display:none}.steps-milestones-nav,.steps-milestones-nav .steps-select-wrap{display:block}.steps-split-layout{max-width:none;gap:16px}.steps-split-nav{display:block}.steps-split-index{display:none}.steps-split-nav .steps-select-wrap{display:block}}@media(max-width:640px){.steps{padding-block:var(--section-y-mobile);padding-inline:5%}}@media(max-width:700px){.steps-inner{gap:30px}.steps-head{align-items:flex-start;text-align:left}.steps-grid{grid-template-columns:1fr}.steps-spine{grid-template-columns:1fr;max-width:none}.steps-spine-item,.step-card,.steps-stage{padding:15px}.steps-stage h3{font-size:var(--type-h3)}.steps-tabs-layout{max-width:none}.steps-tabs{display:none}.steps-tabs-nav,.steps-tabs-nav .steps-select-wrap{display:block}.steps-stage--tabs{padding:15px}.steps-bands-inner{grid-template-columns:1fr;gap:30px}.steps-stage--milestones,.steps-stage--split{padding:15px}.steps-expand{max-width:none}.steps-expand-trigger{padding:12px}.steps-expand-panel{padding:30px}}.faqs-page{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);overflow-x:clip}.faqs-page .section-head{width:100%;max-width:var(--content-max);margin-left:auto;margin-right:auto;padding-inline:0;box-sizing:border-box}.faqs-page .section-head p{max-width:none;width:100%}.faq-demo{margin:0}.faq{width:100%;padding:75px var(--pad-x);box-sizing:border-box}.faq--white{background:var(--white)}.faq--soft{background:#55555510}.faq--info{background:var(--color-surface-info)}.faq-inner{width:100%;max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;gap:50px}.faq-inner--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:50px;align-items:start}.faq-head{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%}.faq-head h2,.faq-split-intro h2{margin:0;font-size:var(--type-h2);font-weight:700;line-height:var(--type-lh-heading);letter-spacing:-.02em;color:var(--heading)}.faq-intro{margin:0;width:100%;max-width:none;font-size:16px;font-weight:400;line-height:var(--type-lh-body);color:var(--body)}.faq-split-intro{display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-width:0}.faq-split-lead{margin:0;font-size:16px;line-height:var(--type-lh-body);color:var(--body)}.faq-split-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px 20px;margin-top:15px}.faq-list{width:100%;min-width:0}.faq-trigger{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;margin:0;padding:20px;border:none;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;box-sizing:border-box;transition:background .15s ease,color .15s ease}.faq-trigger:focus{outline:none}.faq-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.faq-item.is-open .faq-trigger{padding-bottom:15px;border-bottom:1px solid #55555510}.faq-question{flex:1;min-width:0;font-size:18px;font-weight:400;line-height:var(--type-lh-heading);color:var(--heading)}.faq-item.is-open .faq-question{font-weight:700}.faq-marker{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:100vw;background:#55555510;color:var(--body)}.faq-marker-icon{width:.75em;height:.75em;display:block;transition:transform .2s ease}.faq-item.is-open .faq-marker-icon{transform:rotate(180deg)}.faq-panel{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:15px 20px 20px;box-sizing:border-box}.faq-panel p{margin:0;font-size:16px;font-weight:400;line-height:var(--type-lh-body);color:var(--body)}.faq-panel a:not(.btn-demo){color:var(--primary);text-decoration:underline;text-underline-offset:2px}.faq-panel a:not(.btn-demo):hover{color:var(--accent)}.faq-panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px 20px}.faq-list--panel{border:1px solid #55555510;border-radius:15px;background:var(--white);overflow:hidden}.faq-list--panel .faq-item{border-bottom:1px solid #55555510}.faq-list--panel .faq-item:last-child{border-bottom:none}.faq-list--panel .faq-trigger:hover,.faq-list--panel .faq-item.is-open .faq-trigger{background:#55555510}.faq-list--cards{display:flex;flex-direction:column;gap:15px}.faq-list--cards .faq-item{border:1px solid #55555510;border-radius:15px;background:var(--white);overflow:hidden;transition:border-color .15s ease}.faq-list--cards .faq-item:hover{border-color:#55555540}.faq-list--split{border:1px solid #55555510;border-radius:15px;background:var(--white);box-shadow:var(--shadow-sm);overflow:hidden}.faq-list--split .faq-item{border-bottom:1px solid #55555510}.faq-list--split .faq-item:last-child{border-bottom:none}.faq-list--split .faq-trigger{padding:15px 20px}.faq-list--split .faq-item.is-open .faq-trigger{padding-bottom:10px;background:transparent}.faq-list--split .faq-trigger:hover .faq-marker{background:#55555520;color:var(--heading)}.faq-list--split .faq-panel{padding:10px 20px 15px}@media(max-width:900px){.faq-inner--split{grid-template-columns:1fr;gap:30px}}@media(max-width:640px){.faq{padding-block:50px;padding-inline:5%}.faq-inner{gap:30px}.faq-trigger{padding:15px}.faq-item.is-open .faq-trigger{padding-bottom:10px}.faq-panel{padding:15px}.faq-list--split .faq-panel{padding:10px 15px 15px}}:root{--primary: #ed9600;--accent: #ed6100;--primary-tint: rgba(237, 150, 0, .14);--heading: #333333;--body: #555555;--ink: #555555;--ink-2: #555555;--ink-3: #555555;--line: rgba(85, 85, 85, .1);--section-bg: #55555510;--section-tint: #5ba2ff10;--bg: #55555510;--white: #ffffff;--color-status-info: #5ba2ff;--color-border-info: #5ba2ff50;--color-surface-info: #5ba2ff10;--color-status-success: #25d366;--color-border-success: #25d36650;--color-surface-success: #25d36610;--color-status-error: #e74c3c;--color-border-error: #e74c3c50;--color-surface-error: #e74c3c10;--color-status-warning: #facc15;--color-border-warning: #facc1550;--color-surface-warning: #facc1510;--shadow-sm: 2px 2px 6px #00000033;--shadow-md: 3px 3px 10px #00000033;--shadow-default: 3px 3px 10px #00000033;--radius: 15px;--radius-lg: 15px;--content-width: 1300;--content-max: 1300px;--pad-x: 30px;--pad-x-mobile: 5%;--section-y: 50px;--section-y-mobile: 30px;--col-gap: 30px;--type-h1: clamp(40px, 4.62vw, 60px);--type-h2: clamp(20px, 3.08vw, 40px);--type-h3: clamp(16px, 1.38vw, 18px);--type-body: clamp(15px, 1.23vw, 16px);--type-disclaimer: 14px;--type-button: 14px;--type-button-sentence: 16px;--type-eyebrow: 12px;--type-lh-heading: 1.2;--type-lh-body: 1.5;--eyebrow-title-gap: 10px;--eyebrow-bg: #ed96001a;--eyebrow-color: #ed6100}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html,body,#root,button,input,select,textarea{font-family:Poppins,sans-serif}body{color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:1300px;margin:0 auto;padding:0 30px}@media(max-width:640px){.wrap{padding:0 5%}}.shell{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}.shell-nav{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid var(--line)}.shell-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px;color:var(--heading)}.brand-logo{display:block;height:50px;width:auto;object-fit:contain}.brand-text{font-size:var(--type-h2);font-weight:700;letter-spacing:-.02em;line-height:1.2;padding-left:12px;border-left:1px solid var(--line);background:linear-gradient(110deg,var(--primary) 0%,var(--accent) 35%,var(--primary) 65%,var(--accent) 100%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:brand-text-flow 6s ease-in-out infinite}@keyframes brand-text-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.brand-text{animation:none;background-position:0% 50%}}.shell-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.shell-links>a,.shell-dd-trigger{position:relative;font:inherit;font-size:15px;font-weight:500;color:var(--ink-2);padding:8px 12px;border:0;border-radius:0;background:transparent;cursor:pointer;text-decoration:none;transition:color .2s ease}.shell-links>a:after,.shell-dd-trigger:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--accent));background-size:200% 100%;transform:scaleX(0);transform-origin:left center;opacity:0;transition:transform .25s ease,opacity .25s ease}.shell-links>a:hover,.shell-dd-trigger:hover{color:var(--accent)}.shell-links>a:hover:after,.shell-dd-trigger:hover:after{transform:scaleX(.45);opacity:.45}.shell-links>a.on,.shell-dd-trigger.on{color:var(--accent);font-weight:600;background:transparent}.shell-links>a.on:after,.shell-dd-trigger.on:after{transform:scaleX(1);opacity:1;animation:shell-nav-underline 5s ease-in-out infinite}@keyframes shell-nav-underline{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.shell-links>a,.shell-dd-trigger{transition:none}.shell-links>a:after,.shell-dd-trigger:after{transition:none}.shell-links>a.on:after,.shell-dd-trigger.on:after{animation:none}}.shell-dd{position:relative}.shell-dd-trigger{display:inline-flex;align-items:center;gap:6px}.shell-dd-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.7}.shell-dd-menu{position:absolute;top:100%;right:0;z-index:60;padding:8px 0 0;background:transparent;border:0;box-shadow:none}.shell-dd-menu[hidden]{display:none}.shell-dd-panel{min-width:160px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:var(--shadow-sm)}.shell-dd-menu a{display:block;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--ink-2);text-decoration:none}.shell-dd-menu a:hover{color:var(--accent);background:#ed96001a}.shell-dd-menu a.on{color:var(--heading);font-weight:600;background:var(--primary-tint)}.shell-menu-btn,.shell-menu-backdrop,.shell-menu-panel{display:none}.shell-menu-btn{align-items:center;justify-content:center;flex:none;width:48px;height:48px;margin-right:-8px;padding:0;border:0;border-radius:var(--radius);background:transparent;color:var(--heading);cursor:pointer}.shell-menu-btn:hover,.shell-menu-btn.is-open{background:#ed96001a;color:var(--accent)}.shell-menu-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shell-menu-icon{position:relative;display:block;width:22px;height:16px}.shell-menu-icon span{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .25s ease,opacity .2s ease,top .25s ease}.shell-menu-icon span:nth-child(1){top:0}.shell-menu-icon span:nth-child(2){top:7px}.shell-menu-icon span:nth-child(3){top:14px}.shell-menu-btn.is-open .shell-menu-icon span:nth-child(1){top:7px;transform:rotate(45deg)}.shell-menu-btn.is-open .shell-menu-icon span:nth-child(2){opacity:0}.shell-menu-btn.is-open .shell-menu-icon span:nth-child(3){top:7px;transform:rotate(-45deg)}.shell-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#33333352}.shell-menu-panel{position:absolute;left:0;right:0;top:100%;z-index:60;padding:14px var(--pad-x-mobile) 18px;background:var(--white);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);max-height:min(70vh,calc(100vh - 64px));overflow:auto}.shell-menu-panel.is-open{animation:shell-menu-in .22s ease}@keyframes shell-menu-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.shell-menu-list{display:flex;flex-direction:column;gap:4px;max-width:var(--content-max);margin:0 auto}.shell-menu-list>a,.shell-menu-group-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:14px 16px;border:0;border-radius:var(--radius);background:transparent;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;line-height:1.3;color:var(--heading);text-align:left;text-decoration:none;cursor:pointer}.shell-menu-list>a:hover,.shell-menu-group-trigger:hover{color:var(--accent);background:#ed960014}.shell-menu-list>a.on,.shell-menu-group-trigger.on{color:var(--accent);background:#ed96001f}.shell-menu-list>a:focus-visible,.shell-menu-group-trigger:focus-visible,.shell-menu-group-list a:focus-visible{outline:2px solid var(--primary);outline-offset:0}.shell-menu-group-caret{flex:none;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;opacity:.55;transition:transform .2s ease}.shell-menu-group.is-open .shell-menu-group-caret{transform:rotate(180deg)}.shell-menu-group-list{display:flex;flex-direction:column;gap:2px;margin:4px 0 8px;padding:6px;border-radius:12px;background:var(--section-bg)}.shell-menu-group-list[hidden]{display:none}.shell-menu-group-list a{display:block;padding:12px 14px;border-radius:8px;font-size:15px;font-weight:500;color:var(--ink-2);text-decoration:none}.shell-menu-group-list a:hover{color:var(--accent);background:#ed96001a}.shell-menu-group-list a.on{color:var(--heading);font-weight:600;background:var(--primary-tint)}@media(prefers-reduced-motion:reduce){.shell-menu-icon span,.shell-menu-group-caret{transition:none}.shell-menu-panel.is-open{animation:none}}.shell-main{flex:1;padding:36px 0 56px;background:var(--white)}.shell--designer{background:var(--white)}.shell--designer .shell-nav{background:#fffffff5;border-bottom-color:rgba(85,85,85),.1)}.shell--designer .shell-main{padding:30px 0 48px;background:var(--white)}.shell--designer .shell-footer{background:var(--white);border-top-color:rgba(85,85,85),.1)}.shell-footer{border-top:1px solid var(--line);padding:18px 0;font-size:var(--type-disclaimer);color:var(--ink-3)}.shell-footer-inner{display:flex;align-items:center;justify-content:center;text-align:center}.shell-footer-copy{margin:0 auto;max-width:36rem;line-height:1.45}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:6px 14px;font-size:var(--type-eyebrow);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow-color);background:var(--eyebrow-bg);border-radius:100vw;line-height:1.2}.eyebrow-demo-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 16px}.eyebrow-title{display:flex;flex-direction:column;align-items:flex-start;gap:var(--eyebrow-title-gap);min-width:0}.eyebrow-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;font-size:var(--type-eyebrow);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow-color);background:var(--eyebrow-bg);border-radius:100vw;line-height:1.2}.eyebrow-pill--success{color:var(--body);background:#25d3661a}.eyebrow-pill--surface{font-size:14px;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--accent);background:var(--white);box-shadow:var(--shadow-sm)}.eyebrow-variant-list{display:flex;flex-direction:column;gap:12px;margin:14px 0 0}.eyebrow-variant{display:grid;grid-template-columns:minmax(0,60%) minmax(0,40%);gap:12px 20px;align-items:start;padding:12px 0;border-top:1px solid var(--line)}.eyebrow-variant:first-child{border-top:0;padding-top:0}.eyebrow-variant-main{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.eyebrow-variant-when{margin:0;max-width:none;width:100%;font-size:14px;line-height:1.45;color:var(--body)}.eyebrow-variant-swatches{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:0;align-self:stretch}.eyebrow-variant-swatch{display:inline-flex;align-items:center;gap:6px;min-width:0}.eyebrow-variant-swatch i{flex:none;width:18px;height:18px;border-radius:5px;border:1px solid rgba(85,85,85),.15);box-sizing:border-box}.eyebrow-variant-swatch .copyable-code{font-size:12px;padding:2px 6px}@media(max-width:720px){.eyebrow-variant{grid-template-columns:1fr}}.photo-card-demo-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:4px 0 16px}.photo-card-demo{position:relative;display:flex;align-items:flex-end;min-height:240px;padding:22px;border-radius:15px;overflow:hidden;background-color:#333;background-size:cover;background-position:center;text-decoration:none;color:#fff;box-shadow:3px 3px 10px #0003}.photo-card-demo--placeholder{background-image:linear-gradient(#0000 30%,#000),linear-gradient(135deg,#555,#333)}.photo-card-demo-copy{display:flex;flex-direction:column;gap:6px;max-width:22ch}.photo-card-demo-copy h3{margin:0;font-size:clamp(16px,1.38vw,18px);font-weight:700;line-height:1.2;color:#fff}.photo-card-demo-copy p{margin:0;font-size:var(--type-body);line-height:1.4;color:#ffffffeb}.photo-card-demo-copy span{margin-top:4px;font-size:var(--type-button);font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#fff;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.photo-card-demo-row{grid-template-columns:1fr}}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice-card{display:flex;flex-direction:column;gap:8px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:20px 20px 18px;min-height:140px;transition:border-color .15s ease}.choice-card:hover{border-color:#d8dde6}.choice-card .num{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--ink-3)}.choice-card h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-.02em;color:#333}.choice-card p{margin:0;font-size:14px;color:var(--ink-2);flex:1}.choice-card .go{font-size:13px;font-weight:600;color:var(--accent)}.choice-card.featured{border-color:#f0d2a0}@media(max-width:720px){.choice-grid{grid-template-columns:1fr}.shell-nav-inner{height:auto;min-height:64px;padding-block:10px;flex-wrap:nowrap}.shell-links{display:none}.shell-menu-btn{display:inline-flex;margin-left:auto}.shell-menu-backdrop:not([hidden]){display:block}.shell-menu-panel:not([hidden]){display:block}}.section-head{margin-bottom:22px}.section-head h1{margin:0;font-size:var(--type-h1);font-weight:700;letter-spacing:-.03em;color:#333}.section-head p{margin:10px 0 0;max-width:56ch;font-size:15px;color:var(--ink-2)}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm)}.panel+.panel{margin-top:12px}.panel h2{margin:0 0 8px;font-size:16px;font-weight:700;color:#333}.panel p,.panel li{margin:0;font-size:14px;color:var(--ink-2)}.panel ul{margin:8px 0 0;padding-left:18px}.panel li{margin:4px 0}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 30px;border-radius:100px;font-family:inherit;font-weight:500;font-size:var(--type-button);text-transform:uppercase;letter-spacing:1px;min-height:48px;box-sizing:border-box;border:2px solid transparent;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.btn-primary{background:var(--primary);color:#fff;box-shadow:none;border-width:2px;border-color:var(--primary)}.btn-primary:hover,.btn-primary:active{background:#fff;color:var(--primary);border-color:var(--primary)}.btn-secondary{background:#fff;color:#555;border-width:2px;border-color:#555}.btn-secondary:hover,.btn-secondary:active{background:#333;color:#fff;border-color:#333}.link-inline{color:var(--accent);font-weight:600}.components-page .section-head{margin-bottom:18px}.component-index{margin-bottom:32px}.component-index>h2{margin:0 0 16px;font-size:18px;font-weight:700;color:#333}.component-index-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px}.component-index-group{scroll-margin-top:88px}.component-index-group-head h3{margin:0;font-size:15px;font-weight:700;color:#333}.component-index-group-head p{margin:4px 0 10px;font-size:13px;color:var(--body);line-height:1.45}.component-index-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.component-index-list a{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;background:var(--section-bg);border:1px solid transparent}.component-index-list a:hover{border-color:#ed960059;background:var(--white)}.component-index-list code{font-size:13px;font-weight:700;color:var(--heading);background:none;padding:0}.component-index-list span{font-size:13px;color:var(--body)}.component-category{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.component-category:first-of-type{margin-top:8px}.component-category-head{margin-bottom:28px;max-width:60ch}.component-category-head h2{margin:0;font-size:var(--type-h2);font-weight:700;letter-spacing:-.02em;color:#333;line-height:1.2}.component-category-head>p{margin:8px 0 0;font-size:var(--type-body);color:var(--body)}.component-doc{scroll-margin-top:88px;margin-top:40px}.component-doc:first-of-type{margin-top:0}.component-doc-head{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:16px}.component-doc-head h3{margin:0;font-size:var(--type-h3);font-weight:700;letter-spacing:-.02em;color:#333;line-height:1.2}.component-doc-head>div>p{margin:8px 0 0;font-size:15px;color:var(--body);max-width:60ch}.component-meta{list-style:none;margin:0;padding:14px 16px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}.component-meta li{font-size:13px;color:var(--body);margin:6px 0}.component-meta b{color:var(--heading);font-weight:700;margin-right:6px}.component-preview-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:14px}.component-notes{margin-top:4px}.component-notes h4{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--heading)}.component-notes ul{margin:0;padding-left:18px}.component-notes li{margin:5px 0;font-size:13px;color:var(--body)}@media(max-width:900px){.component-index-groups{grid-template-columns:1fr}}@media(max-width:860px){.component-doc-head{grid-template-columns:1fr}}.docs{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:start;background:transparent}.docs-nav{position:sticky;top:88px;align-self:start;display:flex;flex-direction:column;gap:0;max-height:calc(100vh - 112px);padding:24px 18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm)}.docs-nav-label{margin:0 0 14px;padding:0 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.docs-toc{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;min-width:0;overflow:auto}.docs-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--ink-2)}.docs-nav a:hover{color:var(--heading);background:#00000008}.docs-nav a.is-active{color:var(--heading);font-weight:600;background:#ed96001a}.docs-toc-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;color:inherit;opacity:.7}.docs-nav a.is-active .docs-toc-icon{color:var(--accent);opacity:1}.docs-toc-dropdown{display:none}.docs-toc-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.3;color:var(--heading);text-align:left;cursor:pointer}.docs-toc-trigger:hover{border-color:#ed960059;background:#ed96000f}.docs-toc-trigger.is-open,.docs-toc-trigger[aria-expanded=true]{border-color:#ed960080;background:#ed96001a}.docs-toc-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.docs-toc-trigger .docs-toc-icon{color:var(--accent);opacity:1}.docs-toc-trigger-label{flex:1;min-width:0}.docs-toc-caret{flex:none;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;opacity:.55;transition:transform .2s ease}.docs-toc-trigger.is-open .docs-toc-caret,.docs-toc-trigger[aria-expanded=true] .docs-toc-caret{transform:rotate(180deg)}.docs-toc-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-md)}.docs-toc-menu[hidden]{display:none}.docs-toc-menu a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--ink-2)}.docs-toc-menu a:hover{color:var(--heading);background:#00000008}.docs-toc-menu a.is-active{color:var(--heading);font-weight:600;background:#ed96001a}.docs-toc-menu a.is-active .docs-toc-icon{color:var(--accent);opacity:1}.docs-toc-menu a:focus-visible{outline:2px solid var(--primary);outline-offset:0}@media(prefers-reduced-motion:reduce){.docs-toc-caret{transition:none}}.docs-nav-foot{margin-top:auto;margin-left:-18px;margin-right:-18px;padding:18px 18px 0;border-top:1px solid rgba(85,85,85),.18);display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--ink-3)}.docs-nav-feedback{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline;width:auto;margin:0;padding:0;border:0;border-radius:0;background:none;font-family:Poppins,sans-serif;font-size:var(--type-body);font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none;color:var(--accent);text-align:left;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;cursor:pointer;box-shadow:none}.docs-nav-feedback:hover{color:var(--accent);text-decoration-color:var(--accent);background:none;border:0}.docs-feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#3336}.docs-feedback-dialog{position:relative;width:min(420px,100%);padding:32px 28px 28px;border-radius:15px;background:var(--white);box-shadow:var(--shadow-default);color:var(--ink-2);border-top:3px solid var(--primary)}.docs-feedback-dialog h2{margin:0 0 12px;padding-right:36px;font-size:clamp(20px,2.5vw,24px);font-weight:700;letter-spacing:-.02em;color:var(--heading);line-height:1.2}.docs-feedback-dialog p{margin:0;font-size:var(--type-body);line-height:1.55}.docs-feedback-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--ink-3);cursor:pointer}.docs-feedback-close:hover{background:var(--section-bg);color:var(--heading)}.docs-feedback-close svg{display:block}.docs-main{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:40px 48px 56px;box-shadow:var(--shadow-sm)}.docs-main :is(h1,h2,h3,h4){color:#333}.docs-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,30%);gap:32px;align-items:center;margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--line)}.docs-hero-copy{min-width:0}.docs-hero-logo{display:flex;align-items:center;justify-content:flex-end;width:100%;max-width:300px;justify-self:end}.docs-hero-logo img{display:block;width:100%;max-width:300px;height:auto;object-fit:contain}.docs-hero h1{margin:0;font-size:var(--type-h1);font-weight:700;letter-spacing:-.03em;color:#333;line-height:1.15}.docs-hero p{margin:12px 0 0;max-width:46ch;font-size:var(--type-body);color:var(--ink-2);line-height:1.55}.docs-hero a,.docs-main a{color:var(--accent);font-weight:600;text-decoration:none}.docs-hero a:hover,.docs-main a:hover{text-decoration:underline}.docs-section{margin-bottom:48px;scroll-margin-top:96px}.docs-section h2{margin:0 0 12px;font-size:var(--type-h2);font-weight:700;letter-spacing:-.02em;color:#333;line-height:1.2}.docs-section h3{margin:24px 0 8px;font-size:var(--type-h3);font-weight:700;color:#333;line-height:1.3}.docs-lead{margin:0 0 18px;font-size:var(--type-body);color:var(--ink-2);max-width:none;width:100%;line-height:1.55}.token-table+.docs-lead{margin-top:30px}.docs-intro{margin:0 0 24px;width:100%;max-width:none}.docs-intro p{margin:0 0 10px;font-size:var(--type-body);color:var(--ink-2);line-height:1.55}.docs-intro p:last-child{margin-bottom:0}.inline-swatch-pair{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;white-space:nowrap}.inline-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.08);vertical-align:middle}.docs-intro .inline-swatch-pair code{font-size:14px}.colour-palette{display:flex;flex-direction:column;gap:0;margin:0 0 28px}.colour-palette-row{display:flex;flex-direction:column;gap:10px;padding:20px 0;border-bottom:1px solid rgba(85,85,85),.1)}.colour-palette-row:first-child{padding-top:4px}.colour-palette-row:last-child{padding-bottom:4px;border-bottom:none}.colour-palette-row-label{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.colour-palette-row-note{margin:0;width:100%;font-size:14px;font-weight:400;line-height:1.45;color:var(--ink-3)}.colour-palette-row-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.colour-chip{position:relative;display:inline-flex;align-items:flex-start;gap:10px;min-width:0;width:100%;margin:0;padding:12px 36px 12px 12px;border:1px solid var(--line);border-radius:15px;background:var(--white);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.colour-chip--fill{align-items:stretch}.colour-chip--semantic{align-items:flex-start;border-width:1px;padding-right:12px}.colour-chip:hover{border-color:#e5e7eb;box-shadow:var(--shadow-sm)}.colour-chip--semantic:hover{border-color:inherit}.colour-chip:hover .colour-chip-copy-btn{color:var(--heading)}.colour-chip.is-copied{border-color:#ed9600}.colour-chip--semantic.is-copied{border-color:inherit;box-shadow:0 0 0 2px #ed960059}.colour-chip.is-copied .colour-chip-copy-btn{color:var(--accent)}.colour-chip-hex-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;width:100%;margin:4px 0 0;padding:3px 10px;border:1px solid transparent;border-radius:8px;background:var(--white);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .15s ease,background .15s ease}.colour-chip-hex-row:hover{border-color:#5555552e;background:var(--white)}.colour-chip-hex-row.is-copied{border-color:#ed9600}.colour-chip-hex-row .colour-chip-hex{justify-self:end}.colour-chip-role{font-size:11px;font-weight:600;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colour-chip-hex-copy{display:inline-flex;color:var(--ink-2)}.colour-chip-hex-row:hover .colour-chip-hex-copy,.colour-chip-hex-row.is-copied .colour-chip-hex-copy{color:var(--accent)}.colour-chip--semantic .colour-chip-use{padding-right:0;-webkit-line-clamp:1}.colour-chip-copy-btn{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;background:transparent;color:var(--ink-2);transition:color .15s ease}.colour-chip-swatch{flex:none;width:28px;height:28px;margin-top:2px;border-radius:8px;border:1px solid rgba(0,0,0,.06)}.colour-chip-swatch--icon{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;font-size:22px;line-height:1}.colour-chip-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.colour-chip-name{font-size:12px;font-weight:700;color:var(--heading);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:4px}.colour-chip-hex,.docs-main .colour-chip-hex{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:var(--ink-2);background:none;border-radius:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:fit-content;max-width:100%}.colour-chip-use{font-size:12px;font-weight:400;line-height:1.3;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:72px}.colour-chip-contrast{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:baseline;gap:5px;font-size:11px;font-weight:600;line-height:1;color:var(--ink-3);pointer-events:none}.colour-chip-contrast-ratio{font-weight:500}.colour-chip-contrast-rating{letter-spacing:.04em}.colour-chip-contrast--aaa .colour-chip-contrast-rating{color:#1a7f37}.colour-chip-contrast--aa .colour-chip-contrast-rating{color:#0b6bcb}.colour-chip-contrast--fail .colour-chip-contrast-rating{color:#c62828}.colour-chip-copy-icon{display:block}.docs-mute{margin:14px 0 0;font-size:16px;color:var(--ink-3);line-height:1.55}.type-colour-example{margin:16px 0 0;padding:18px 18px 20px;border:1px solid var(--line);border-radius:15px;background:var(--white)}.type-colour-example figcaption{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.type-colour-example-heading{margin:0;max-width:22ch;font-size:var(--type-h2);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#333}.type-colour-highlight{color:#ed9600}.type-colour-example-body{margin:0;font-size:16px;font-weight:400;line-height:1.55;color:#555}.type-colour-example-heading+.type-colour-example-body{margin-top:12px;max-width:62ch}.status-examples{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.status-examples .docs-callout{margin:0}.action-colour-examples{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.action-colour-example{margin:0;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--white);display:flex;flex-direction:column;gap:14px;align-items:flex-start}.action-colour-example--wide{grid-column:1 / -1}.action-colour-example figcaption{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.action-colour-example-heading{margin:0;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--primary)}@media(max-width:700px){.status-examples,.action-colour-examples{grid-template-columns:1fr}}.docs-mute-list{margin:14px 0 0;padding-left:20px;font-size:16px;color:var(--ink-3);line-height:1.55}.docs-mute-list li{margin:6px 0}.docs-block{margin-bottom:20px}.docs-list{margin:12px 0 0;padding:0;list-style:none;color:var(--ink-2);font-size:16px;line-height:1.55}.docs-list li{position:relative;margin:8px 0;padding-left:1.7em}.docs-list li:before{content:"";position:absolute;left:0;top:.2em;width:1em;height:1em;background:var(--primary);-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M256%20512A256%20256%200%201%200%20256%200a256%20256%200%201%200%200%20512zM369%20209L241%20337c-9.4%209.4-24.6%209.4-33.9%200l-64-64c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l47%2047L335%20175c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9z'/%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M256%20512A256%20256%200%201%200%20256%200a256%20256%200%201%200%200%20512zM369%20209L241%20337c-9.4%209.4-24.6%209.4-33.9%200l-64-64c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l47%2047L335%20175c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9z'/%3e%3c/svg%3e") center / contain no-repeat}.docs-list--avoid li:before{background:var(--body);-webkit-mask:none;mask:none;border-radius:100vw;width:.45em;height:.45em;top:.55em;left:.25em}.photo-avoid-block{margin-top:12px}.photo-avoid-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 30px;margin-top:15px}@media(max-width:640px){.photo-avoid-labels{grid-template-columns:1fr}}.docs-list--avoid.photo-avoid-labels>.photo-avoid-label{margin:0}.photo-avoid-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.photo-avoid-thumb{position:relative;display:block;width:100%;margin:0;padding:0;border:1px solid #55555510;border-radius:10px;overflow:hidden;background:#55555510;cursor:pointer;aspect-ratio:4 / 3}.photo-avoid-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:100vw;background:var(--white);color:var(--color-status-error);box-shadow:var(--shadow-sm);pointer-events:none;font-size:12px;font-weight:700;line-height:1.2}.photo-avoid-view{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:28px 12px 10px;box-sizing:border-box;background:linear-gradient(180deg,transparent 0%,rgba(51,51,51,.72) 70%);color:var(--white);font-size:12px;font-weight:600;line-height:1.2;pointer-events:none;text-align:left}.photo-avoid-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.photo-avoid-thumb:hover img,.photo-avoid-thumb:focus-visible img{transform:scale(1.03)}.photo-avoid-thumb:focus{outline:none}.photo-avoid-thumb:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.photo-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;background:#333333b8}.photo-lightbox-shell{display:flex;align-items:center;gap:12px;width:min(100%,1060px);max-height:calc(100vh - 60px);box-sizing:border-box}.photo-lightbox{position:relative;flex:1 1 auto;min-width:0;width:min(100%,960px);max-height:calc(100vh - 60px);padding:3px;border-radius:15px;background:var(--white);box-shadow:var(--shadow-default);box-sizing:border-box;overflow:visible}.photo-lightbox-close,.photo-lightbox-nav{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;border-radius:100vw;background:var(--white);color:var(--heading);cursor:pointer;box-shadow:var(--shadow-sm)}.photo-lightbox-close{position:absolute;top:-18px;right:-18px;z-index:2;width:36px;height:36px}.photo-lightbox-nav{flex:none;width:44px;height:44px}.photo-lightbox-close:focus,.photo-lightbox-nav:focus{outline:none}.photo-lightbox-close:focus-visible,.photo-lightbox-nav:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.photo-lightbox-position{margin:8px 0 4px;text-align:center;font-size:13px;font-weight:600;line-height:1.3;color:var(--ink-2)}@media(max-width:720px){.photo-lightbox-shell{gap:8px}.photo-lightbox-nav{width:36px;height:36px}}.photo-lightbox-media{position:relative;overflow:hidden;border-radius:12px;background:#55555510}.photo-lightbox-image{display:block;width:100%;max-height:calc(100vh - 66px);object-fit:contain;border-radius:12px}.photo-lightbox-caption{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:50px 18px 16px;box-sizing:border-box;background:linear-gradient(180deg,transparent 0%,rgba(51,51,51,.88) 45%);color:var(--white);font-size:15px;font-weight:500;line-height:1.45;max-width:100%}.photo-lightbox-caption-text{min-width:0}.photo-lightbox-caption-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:100vw;background:var(--white);color:var(--color-status-error);font-size:12px;font-weight:700;line-height:1.2}@media(max-width:640px){.photo-avoid-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}.docs-subhead{margin:30px 0 0;font-size:var(--type-h3);font-weight:700;line-height:var(--type-lh-heading);letter-spacing:-.02em;color:var(--heading)}.photo-principle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0 0}.photo-principle{margin:0;padding:0;border:1px solid #55555510;border-radius:15px;background:var(--white);box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;min-width:0}.photo-principle-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#55555510}.photo-principle-media-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;border:none;background:transparent;cursor:zoom-in}.photo-principle-media-btn:focus{outline:none}.photo-principle-media-btn:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.photo-principle-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.photo-principle-media-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:14px;font-weight:400;line-height:1.3;color:var(--body);background:#55555510}.photo-principle-copy{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.photo-principle-copy h3{margin:0;font-size:18px;font-weight:700;line-height:var(--type-lh-heading);letter-spacing:-.02em;color:var(--heading)}.photo-principle-copy p{margin:0;font-size:14px;font-weight:400;line-height:var(--type-lh-body);color:var(--body)}@media(max-width:900px){.photo-principle-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.photo-principle-list{grid-template-columns:1fr}}.token-table{width:100%;border-collapse:collapse;margin:12px 0 0;font-size:16px}.token-table--type{table-layout:auto}.token-table--type col:first-child{width:40%}.token-table--type col:last-child{width:60%}.token-table--type td:first-child{width:1%;white-space:nowrap}.token-table--type td:first-child>:not(.btn-demo){white-space:normal}@media(max-width:720px){.token-table--type,.token-table--type thead,.token-table--type tbody,.token-table--type tr,.token-table--type th,.token-table--type td{display:block;width:100%}.token-table--type thead{display:none}.token-table--type td{padding-right:0}.token-table--type td:first-child{width:100%;white-space:normal;padding-bottom:12px;border-bottom:0}.token-table--type td:last-child{width:100%;padding-top:0;padding-bottom:16px}}.token-table th,.token-table td{text-align:left;padding:14px 14px 14px 0;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink-2);font-size:16px;line-height:1.45}.token-table th{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.token-table code,.docs-main code{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;background:var(--section-bg);border-radius:5px;padding:2px 6px;color:var(--heading)}.token-table-value{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;line-height:1.45;color:var(--heading)}.token-table-th-sub{display:block;margin-top:2px}.token-table-cell--stack{text-align:left}.token-table-stack{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;width:max-content;max-width:100%;margin:0;text-align:left}.token-table-stack .copyable-code,.token-table-stack .token-table-value{align-self:flex-start;text-align:left}.token-table-stack .copyable-code{padding:0;background:transparent;border-radius:0}.token-table-stack>.copyable-code:first-child{font-weight:700;color:var(--heading)}.token-table-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.token-table-spec{display:inline-flex;align-items:center;gap:5px;min-width:0}.token-table-spec-icon{flex:none;display:block;color:var(--primary)}.token-table-spec .copyable-code,.token-table-spec .token-table-value{color:var(--heading)}.token-table-stack .copyable-code:hover,.token-table-stack .copyable-code.is-copied{background:transparent;color:var(--accent)}.copyable-code{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;margin:0;padding:2px 6px;border:0;border-radius:5px;background:var(--section-bg);font-family:Poppins,sans-serif;font-size:14px;font-weight:500;line-height:1.45;color:var(--heading);cursor:copy;text-align:left;transition:background-color .15s ease,color .15s ease}.copyable-code:hover{background:#ed960024;color:var(--accent)}.copyable-code.is-copied{background:#ed96002e;color:var(--accent)}.token-swatch{display:block;width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.06)}.space-variant-list{display:flex;flex-direction:column;gap:0;margin:14px 0 8px;max-width:70%}.space-variant{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px 24px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.space-variant:first-child{border-top:0;padding-top:0}.space-variant-example{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-height:75px}.space-variant-example i{display:block;box-sizing:border-box;background:#ed96001a;border:1px solid var(--primary);border-radius:8px}.space-variant-example span{font-size:12px;font-weight:600;font-family:Poppins,sans-serif;color:var(--ink-3)}.space-variant-when{margin:0;font-size:14px;line-height:1.45;color:var(--body)}@media(max-width:720px){.space-variant-list{max-width:none}.space-variant{grid-template-columns:1fr;justify-items:start}.space-variant-example{min-height:0;align-items:flex-start}}.logo-demos{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0 16px}.logo-demo{margin:0;display:flex;flex-direction:column;gap:12px}.logo-demo-stage{display:flex;align-items:center;justify-content:center;min-height:140px;padding:24px;border:1px solid var(--line);border-radius:15px;overflow:hidden}.logo-demo-stage--white{background:var(--white)}.logo-demo-stage--tint{background:radial-gradient(circle at 20% 30%,rgba(237,150,0,.18),transparent 40%),radial-gradient(circle at 80% 70%,rgba(91,162,255,.16),transparent 42%),#eef1f5}.logo-demo-stage--dark{background:linear-gradient(135deg,#2a2a2a,#444 45%,#1f1f1f)}.logo-demo-clear{padding:20px;outline:1px dashed rgba(237,97,0,.45);outline-offset:0;background:#ffffffb8;border-radius:5px}.logo-demo-stage--white .logo-demo-clear{background:transparent}.logo-demo-panel{padding:18px 22px;background:var(--white);border-radius:15px;box-shadow:var(--shadow-sm)}.logo-demo-stage img{display:block;height:44px;width:auto;object-fit:contain}.logo-demo-skewed{height:44px;width:auto;max-width:none;object-fit:contain;transform:skew(-18deg);opacity:.85}.logo-demo--dont .logo-demo-stage{position:relative}.logo-demo--dont .logo-demo-stage:after{content:"Do not";position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:5px;background:#fff1f0;color:#8a1f1f;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.logo-demo figcaption strong{display:block;font-size:16px;font-weight:700;color:var(--heading)}.logo-demo figcaption span{display:block;margin-top:4px;font-size:14px;color:var(--ink-3);line-height:1.45}.card-surface-demos,.shadow-demos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 16px}.shadow-demo{margin:0;padding:22px 16px 16px;background:transparent;border:1px solid rgba(85,85,85),.1);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:16px}.shadow-demo-shape{width:100%;max-width:180px;height:96px;background:var(--white);border:none;border-radius:15px}.shadow-demo figcaption{text-align:center;width:100%}.shadow-demo strong{display:block;font-size:clamp(20px,2.5vw,24px);font-weight:700;color:var(--heading);letter-spacing:-.02em}.shadow-demo code{display:block;margin-top:6px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;color:var(--heading);background:#f3f4f6;border-radius:5px;padding:4px 8px;-webkit-user-select:all;user-select:all}.shadow-demo span{display:block;margin-top:6px;font-size:14px;color:var(--ink-3)}.radius-demos{display:grid;grid-template-columns:1fr;gap:16px;margin:8px 0 16px}.card-surface-demos .radius-demo{height:100%;box-sizing:border-box}.radius-demo{margin:0;padding:18px 14px 14px;background:#f6f7f9;border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:14px}.radius-demo-pair{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:88px}.radius-demo-shape{width:100%;max-width:120px;height:88px;background:var(--white);border:1px solid #e5e7eb;box-shadow:var(--shadow-sm)}.radius-demo-shape--small{flex:none;width:56px;max-width:56px;height:40px}.radius-demo-pill-wrap{display:flex;align-items:center;justify-content:center;width:100%;min-height:88px}.radius-demo figcaption{text-align:center}.radius-demo strong{display:block;font-size:clamp(20px,2.5vw,24px);font-weight:700;color:var(--heading);letter-spacing:-.02em}.radius-demo span{display:block;margin-top:4px;font-size:14px;color:var(--ink-3)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 16px}.stat-row div{padding:14px 12px;background:var(--white);border:1px solid var(--line);border-radius:12px}.stat-row strong{display:block;font-size:clamp(20px,2.5vw,24px);font-weight:700;color:var(--heading);letter-spacing:-.02em}.stat-row span{display:block;margin-top:4px;font-size:14px;color:var(--ink-3)}.docs-lead--tight{margin-bottom:12px}.icon-examples,.icon-colour-demos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 20px}.icon-example,.icon-colour-demo{margin:0;padding:14px 12px;background:var(--white);border:1px solid var(--line);border-radius:12px}.icon-example-glyph,.icon-colour-demo-stage{display:grid;place-items:center;min-height:56px;margin-bottom:10px;font-size:28px;line-height:1;color:var(--primary)}.icon-example-glyph svg,.icon-colour-demo-stage svg{display:block;width:1em;height:1em}.icon-example figcaption,.icon-colour-demo figcaption{text-align:center}.icon-example strong,.icon-colour-demo strong{display:block;font-size:14px;font-weight:700;color:var(--heading)}.icon-example code{display:block;margin-top:4px;font-size:11px;color:var(--ink-3);word-break:break-word}.icon-example span,.icon-colour-demo>figcaption>span{display:block;margin-top:4px;font-size:13px;color:var(--ink-2);line-height:1.4}.icon-colour-demo--feature .icon-colour-demo-stage{color:var(--primary)}.icon-colour-demo--well .icon-colour-demo-stage{width:48px;height:48px;min-height:48px;margin:0 auto 10px;border-radius:12px;background:#ed960020;color:var(--accent);font-size:20px}.icon-colour-demo-hexes{display:flex;flex-direction:column;gap:4px;margin-top:4px}.icon-colour-demo-hex{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:3px 10px;background:var(--white);border:1px solid var(--line);border-radius:100vw}.icon-colour-demo-hex>span{margin:0;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);line-height:1.2}.icon-colour-demo-hex .copyable-code{padding:0;border:0;border-radius:0;background:transparent;font-size:11px;font-weight:500;color:var(--ink-3)}.icon-colour-demo-hex .copyable-code:hover,.icon-colour-demo-hex .copyable-code.is-copied{background:transparent;color:var(--accent)}.icon-colour-demo--quiet .icon-colour-demo-stage{color:var(--body)}.icon-colour-demo--on-dark .icon-colour-demo-stage{border-radius:10px;background:var(--heading);color:var(--white)}.layout-diagram{margin:8px 0 20px}.layout-diagram-section{display:flex;flex-direction:column;min-height:220px;border:1px dashed rgba(85,85,85),.35);border-radius:12px;background:var(--section-bg);position:relative;overflow:hidden}.layout-diagram-mid{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;flex:1;min-height:140px}.layout-diagram-badge{position:absolute;z-index:1;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.3;white-space:nowrap;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis}.layout-diagram-badge--section{position:static;transform:none;flex-shrink:0;background:var(--white);border:1px solid rgba(85,85,85),.2);color:var(--heading)}.layout-diagram-badge--row{top:8px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--white);white-space:normal;text-align:center;line-height:1.25}.layout-diagram-pad{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 4px;background:#ed960024}.layout-diagram-pad--x{flex-direction:column;border-left:1px solid rgba(237,150,0,.25);border-right:1px solid rgba(237,150,0,.25)}.layout-diagram-pad--y{flex-direction:row;flex-wrap:wrap;gap:16px 24px;min-height:48px;padding:10px 12px;border-top:1px solid rgba(237,150,0,.25);border-bottom:1px solid rgba(237,150,0,.25)}.layout-diagram-pad--y .layout-diagram-pad-desk,.layout-diagram-pad--y .layout-diagram-pad-mobile{flex-direction:row;gap:5px}.layout-diagram-pad-desk,.layout-diagram-pad-mobile{display:inline-flex;flex-direction:column;align-items:center;gap:3px;font-weight:700;letter-spacing:.02em}.layout-diagram-pad-desk{font-size:11px;color:var(--accent)}.layout-diagram-pad-desk .layout-diagram-pad-icon{color:var(--accent)}.layout-diagram-pad-mobile{font-size:10px;color:var(--heading)}.layout-diagram-pad-icon{display:block;color:var(--heading);flex-shrink:0}.layout-diagram-row{position:relative;display:flex;flex-direction:column;justify-content:flex-end;margin:0;padding:34px 12px 12px;background:var(--white);border:1px solid rgba(85,85,85),.15);border-radius:0;box-shadow:none}.layout-diagram-cols{display:grid;grid-template-columns:1fr 30px 1fr;gap:0;min-height:88px}.layout-diagram-col{display:grid;place-items:center;background:var(--color-surface-info);border:1px solid var(--color-border-info);border-radius:8px}.layout-diagram-col span{font-size:13px;font-weight:600;color:var(--heading)}.layout-diagram-gap{display:flex;align-items:center;justify-content:center}.layout-diagram-gap span{font-size:11px;font-weight:700;color:var(--accent)}.layout-diagram figcaption{margin-top:10px;font-size:14px;color:var(--ink-2);line-height:1.5}.docs-callout{margin:0 0 24px;padding:16px 18px;border-radius:15px;background:#ed96000d;border:1px solid #ed9600;font-size:var(--type-body);color:var(--ink-2);line-height:1.55}.docs-callout--accent{background:#ed61000d;border-color:#ed6100}.docs-callout--info{background:var(--color-surface-info);border-color:var(--color-border-info)}.docs-callout--success{background:var(--color-surface-success);border-color:var(--color-border-success)}.docs-callout--error{background:var(--color-surface-error);border-color:var(--color-border-error)}.docs-callout--warning{background:var(--color-surface-warning);border-color:var(--color-border-warning)}.docs-callout--semantic{display:flex;align-items:flex-start;gap:12px}.docs-callout-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;margin-top:2px;font-size:22px;line-height:1}.docs-callout--info .docs-callout-icon{color:var(--color-status-info)}.docs-callout--success .docs-callout-icon{color:var(--color-status-success)}.docs-callout--error .docs-callout-icon{color:var(--color-status-error)}.docs-callout--warning .docs-callout-icon{color:var(--color-status-warning)}.docs-callout-body{min-width:0;flex:1}.docs-callout strong{display:block;margin-bottom:8px;color:var(--heading);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.docs-callout p{margin:0 0 8px}.docs-callout p:last-child{margin-bottom:0}.docs-callout ul{margin:0;padding-left:18px}.docs-callout li{margin:4px 0}.docs-block .docs-callout,.docs-section>.docs-callout:last-child{margin-top:16px}.photo-export-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:30px}.photo-export-columns .photo-export-note{margin:0;height:100%;box-sizing:border-box}@media(max-width:640px){.photo-export-columns{grid-template-columns:1fr}}.docs-callout--code{background:var(--section-bg);border-color:#555;display:flex;flex-direction:column;gap:8px}.docs-callout--code code{display:block;white-space:pre-wrap;word-break:break-word;background:none;border-radius:0;padding:0}.check-list{margin:0;padding:0;list-style:none;counter-reset:check}.check-list li{position:relative;padding:14px 14px 14px 48px;margin:0 0 8px;background:var(--white);border:1px solid var(--line);border-radius:10px;font-size:16px;color:var(--ink-2);line-height:1.5;counter-increment:check}.check-list li:before{content:counter(check);position:absolute;left:12px;top:12px;width:22px;height:22px;border-radius:6px;background:#f0f2f5;color:var(--heading);font-size:11px;font-weight:700;display:grid;place-items:center}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.pair-ok,.pair-no{padding:16px 18px;border-radius:12px;font-size:16px;line-height:1.5}.pair-ok{background:#eef8f1;color:#1a5c2e}.pair-no{background:#fff1f0;color:#8a1f1f}.pair-ok strong,.pair-no strong{display:block;margin-bottom:8px;font-size:clamp(14px,1.5vw,15px);letter-spacing:.05em;text-transform:uppercase}.pair-ok p,.pair-no p{margin:0}.flow-steps{margin:0;padding-left:22px;font-size:16px;color:var(--ink-2);line-height:1.7}.t-h1{font-size:var(--type-h1);font-weight:700;letter-spacing:-.03em;color:#333;line-height:var(--type-lh-heading)}.t-h2{font-size:var(--type-h2);font-weight:700;letter-spacing:-.02em;color:#333;line-height:var(--type-lh-heading)}.t-h3{font-size:var(--type-h3);font-weight:700;color:#333;line-height:var(--type-lh-heading)}.t-body{font-size:var(--type-body);font-weight:400;color:var(--body);line-height:var(--type-lh-body)}.t-small{font-size:var(--type-disclaimer);font-weight:400;font-style:italic;color:var(--body);line-height:1.5}.t-eyebrow{display:inline-flex;align-items:center;padding:6px 14px;font-size:var(--type-eyebrow);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow-color);background:var(--eyebrow-bg);border-radius:100vw;line-height:1.2}.t-btn{font-size:var(--type-button);font-weight:500;color:var(--heading);text-transform:uppercase;letter-spacing:1px}.t-btn--sentence{font-size:16px;text-transform:none;letter-spacing:normal}.btn-variant-list{display:flex;flex-direction:column;margin:14px 0 8px}.btn-variant{display:grid;grid-template-columns:minmax(min-content,42%) minmax(0,1fr);gap:16px 24px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.btn-variant:first-child{border-top:0;padding-top:0}.btn-variant-example{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:min-content}.btn-variant-example--dark,.btn-variant-example--primary{padding:16px;border-radius:12px}.btn-variant-example--dark{background:#333}.btn-variant-example--primary{background:linear-gradient(45deg,var(--primary) 0%,var(--accent) 100%)}.btn-variant-meta{display:flex;flex-direction:column;gap:6px;min-width:0}.btn-variant-role{margin:0;font-size:14px;font-weight:700;color:var(--heading);line-height:1.3}.btn-variant-when{margin:0;font-size:14px;line-height:1.45;color:var(--body)}.btn-look-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin:0 0 8px;font-size:12px;color:var(--ink-3)}.btn-look-legend-item{display:inline-flex;align-items:center;gap:6px}.btn-look-legend-item svg{color:var(--ink-2)}.btn-look-specs{display:flex;flex-direction:column;gap:8px;margin-top:2px}.btn-look-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px 10px;align-items:start}.btn-look-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);line-height:24px}.btn-look-chips{display:flex;flex-wrap:wrap;gap:6px}.btn-look-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:5px;margin:0;padding:4px 8px 4px 6px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink-2);font:inherit;font-size:12px;font-weight:500;line-height:1.2;cursor:pointer}.btn-look-chip:hover{border-color:rgba(85,85,85),.35);color:var(--heading)}.btn-look-chip.is-copied{border-color:var(--primary);color:var(--primary-deep)}.btn-look-chip-icon{display:grid;place-items:center;color:var(--ink-3)}.btn-look-chip.is-copied .btn-look-chip-icon{color:var(--primary-deep)}.btn-look-chip-value{font-family:Poppins,sans-serif}@media(max-width:720px){.btn-variant{grid-template-columns:1fr}.btn-look-row{grid-template-columns:1fr;gap:4px}}.btn-demo-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 12px}.btn-demo{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:100px;font-family:Poppins,sans-serif;font-weight:500;font-size:var(--type-button);line-height:1.2;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;box-sizing:border-box;border:2px solid transparent;box-shadow:none;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease,text-decoration-color .3s ease}.btn-demo.lg,.btn-demo.md{padding:10px 30px;font-size:var(--type-button);min-height:48px}.btn-demo.sentence,.btn-demo--sentence,.btn-demo.lg.sentence,.btn-demo.md.sentence{font-size:var(--type-button-sentence);text-transform:none;letter-spacing:normal}.btn-demo.primary{background:var(--primary);color:#fff;box-shadow:none;border-width:2px;border-color:var(--primary)}.btn-demo.primary:hover,.btn-demo.primary:active{background:#fff;color:var(--primary);border-color:var(--primary)}.btn-stage:not(.btn-stage--primary) .btn-demo.primary:hover,.btn-stage:not(.btn-stage--primary) .btn-demo.primary:active,.btn-variant-example--dark .btn-demo.primary:hover,.btn-variant-example--dark .btn-demo.primary:active{background:#fff;color:#555;border-color:#fff}.btn-demo.secondary{background:#fff;color:#555;border-width:2px;border-color:#555}.btn-demo.secondary:hover,.btn-demo.secondary:active{background:#333;color:#fff;border-color:#333}.btn-demo.ghost,.btn-demo.lg.ghost,.btn-demo.md.ghost,.docs-main a.btn-demo.ghost{padding:0;min-height:0;border-width:0;background:transparent;color:var(--accent);border-color:transparent;font-size:var(--type-button-sentence);font-weight:400;text-transform:none;letter-spacing:normal;text-decoration:none;text-underline-offset:3px}.btn-demo.ghost:hover,.docs-main a.btn-demo.ghost:hover{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent)}.btn-demo.on-primary{background:#fff;color:#333;border-width:2px;border-color:transparent}.btn-demo.on-primary:hover,.btn-demo.on-primary:active{background:#333;color:#fff;border-color:#333}.btn-stage-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}.btn-stage{margin:0;padding:16px;border-radius:12px;background:#333;min-width:0}.btn-stage--primary{background:linear-gradient(45deg,var(--primary) 0%,var(--accent) 100%)}.btn-stage .label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;margin:0 0 10px}.btn-stage--primary .label{color:#ffffffd9}@media(max-width:900px){.docs{grid-template-columns:1fr;gap:20px}.docs-main{padding:28px 22px 36px}.docs-hero{grid-template-columns:1fr;gap:20px}.docs-hero-logo{display:none}.btn-stage-row,.radius-demos,.shadow-demos,.card-surface-demos,.logo-demos,.icon-examples,.icon-colour-demos{grid-template-columns:1fr 1fr}.colour-palette-row-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-nav{position:static;max-height:none;display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;align-items:stretch;padding:18px 18px 16px}.docs-nav-label{width:100%;margin-bottom:4px}.docs-toc{width:100%;overflow:visible}.docs-toc>a{display:none}.docs-toc-dropdown{display:block;position:relative;width:100%}.docs-nav-foot{width:100%;margin-top:8px;padding-top:12px}.stat-row,.pair{grid-template-columns:1fr 1fr}}@media(max-width:560px){.stat-row,.pair,.logo-demos,.icon-examples,.icon-colour-demos,.card-surface-demos,.colour-palette-row-chips{grid-template-columns:1fr}.token-table{display:block;overflow-x:auto}.token-table--type{overflow:visible}}