.designs-marketing{background:#fafbf9;color:#192a28}.designs-marketing .marketing-header{justify-content:space-between}.designs-marketing :is(h1,h2,h3,.eyebrow,.button){letter-spacing:0}.designs-marketing :is(a,button,input,select):focus-visible{outline:3px solid #187668;outline-offset:4px}.designs-marketing .button{background:#19594f;color:white;border-color:#19594f}.designs-marketing .button-secondary{background:transparent;color:#19594f}.designs-page{padding-top:48px;padding-bottom:64px}.designs-intro{margin-bottom:32px}.designs-intro h1{font-size:44px;font-weight:550;line-height:1.15;margin-block:14px}.designs-intro>p:not(.eyebrow),.marketing .designs-note{line-height:1.7;color:#566461}.marketing .designs-note{font-size:12px;margin-block:24px}.design-filters{display:flex;gap:20px;align-items:end}.design-search{display:flex;align-items:center;gap:12px;border:1px solid #bac8c3;background:#fff;border-radius:6px;min-height:50px;width:min(100%,470px);padding-inline:16px 4px}.design-search input{background:none;color:inherit;border:0;min-width:0;width:100%;font:inherit;padding-block:14px}.design-search input:focus{outline:0}.design-search:focus-within{outline:3px solid #187668;outline-offset:2px}.design-category-select{display:none}.design-categories{display:flex;flex-wrap:wrap;gap:0 24px;border-bottom:1px solid #d7e0dc;margin-top:20px}.design-categories button{border:0;border-bottom:3px solid transparent;background:none;color:#566461;min-height:48px;font:inherit;font-size:14px;cursor:pointer;padding:12px 0}.design-categories button[aria-pressed=true]{color:#164f45;border-color:#164f45;font-weight:650}.design-results{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-block:24px;font-size:13px;color:#566461}.design-card-actions a,.design-results a{display:inline-flex;align-items:center;gap:8px;color:#19594f;text-decoration:none}.design-card-actions a:hover,.design-results a:hover{text-decoration:underline}.designs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.design-card{border:1px solid #d7e0dc;border-radius:8px;overflow:hidden;background:#fff;min-width:0;transition:border-color .18s}.design-card:hover{border-color:#76998d}.design-card-preview{display:block;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid #d7e0dc;background:#e9eeeb}.design-card-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.design-new{position:absolute;top:12px;left:12px;padding:6px 10px;font-size:11px;font-weight:650;border-radius:4px;color:#203b31;background:#e8f6a2}.design-card-copy{padding:22px}.design-card-copy .eyebrow{font-size:10px;color:#566461;min-height:28px}.design-card-copy h2{font-size:25px;font-weight:550;margin-block:8px}.design-card-copy h2 a{color:inherit;text-decoration:none}.design-card-copy>p:not(.eyebrow){color:#566461;line-height:1.65;font-size:14px;min-height:69px}.design-card-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:12px;border-top:1px solid #e2e8e5;font-size:13px}.design-card-actions a{min-height:44px}.design-card-actions a:last-child{font-weight:650}.design-empty{text-align:center;padding:64px 16px}.design-empty h2{font-size:24px;margin-bottom:24px}.designs-end{text-align:center;padding-block:64px}.designs-end h2{font-size:34px;font-weight:500;line-height:1.2;margin-bottom:24px}.design-detail{padding-top:32px}.design-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.design-detail-heading h1{font-size:44px;font-weight:550;margin-block:12px}.design-detail-heading>div>p:last-child{color:#566461;max-width:580px;line-height:1.7}.design-detail-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex-shrink:0}.design-preview{border:1px solid #cbd6d0;border-radius:8px;overflow:hidden;background:#e8eeeb}.design-preview-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:8px 16px;border-bottom:1px solid #cbd6d0;background:#fff}.design-preview-toolbar>span{font-size:14px;font-weight:600}.design-device-control{display:flex;border:1px solid #d7e0dc;border-radius:6px;padding:2px;gap:4px}.design-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;padding:0;border:0;background:transparent;color:#52645d;border-radius:4px;cursor:pointer}.design-icon[aria-pressed=true]{background:#19594f;color:white}.design-icon:hover{background:#e1ebe5;color:#19594f}.design-detail-frame{width:100%;margin-inline:auto}.design-detail-frame--mobile{max-width:390px;box-shadow:0 0 0 1px #cbd6d0}.design-detail-frame iframe{display:block;width:100%;height:800px;border:0;background:white}.design-choice{display:flex;align-items:center;gap:40px;margin-top:48px;padding-block:36px;border-block:1px solid #cbd6d0}.design-choice>div:first-child{flex:1}.design-choice h2{margin:10px 0 16px;font-size:28px;font-weight:550;line-height:1.2}.design-choice p{line-height:1.7}.design-choice p:not(.eyebrow){color:#566461;margin-block:12px}.design-choice code{display:inline-block;padding:10px 14px;border-radius:4px;background:#e5eee8;color:#164f45;user-select:all;overflow-wrap:anywhere}.design-choice-action{flex:0 1 240px}.design-choice-action .button{min-height:44px;cursor:pointer}.design-choice-action [role=status]{font-size:14px}@media (max-width:1050px){.designs-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.designs-page{padding-top:24px}.designs-intro h1{font-size:34px}.design-filters{display:grid;gap:14px}.design-search{width:100%}.design-categories{display:none}.design-category-select{display:grid;gap:6px;font-size:13px}.design-category-select select{min-height:48px;border:1px solid #bac8c3;border-radius:6px;background:#fff;padding:10px;font:inherit;color:#192a28;width:100%}.designs-grid{grid-template-columns:1fr;gap:24px}.design-card-copy .eyebrow,.design-card-copy>p:not(.eyebrow){min-height:0}.design-detail-heading{flex-direction:column;align-items:flex-start}.design-detail-heading h1{font-size:36px}.design-preview-toolbar{padding-inline:8px;gap:8px}.design-preview-toolbar>span{overflow-wrap:anywhere}.design-detail-frame iframe{height:680px}.design-choice{flex-direction:column;align-items:stretch;gap:20px}.design-choice-action{flex-basis:auto}.designs-end h2{font-size:28px}}@media (prefers-reduced-motion:reduce){.design-card{transition:none}}