.featured-section{background:#eef7f5;padding:80px 0}
.featured-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.featured-head h2{font-size:clamp(38px,4vw,64px);line-height:1.05;letter-spacing:-.04em;margin:14px 0}
.featured-head p:not(.eyebrow){color:#49645f;font-size:15px}
.featured-head>a{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:18px;white-space:nowrap;border-radius:999px;background:#007f73;padding:0 24px;color:#fff;font-size:13px;font-weight:800;box-shadow:0 3px 10px #102e2917}
.featured-head>a:hover,.featured-head>a:focus-visible{background:#00685f;color:#fff}
.featured-head>a .featured-all-arrow{font-size:22px;font-weight:400;line-height:1}
.featured-utility-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-6px 0 18px}
.featured-controls{display:flex;flex:0 0 auto;justify-content:flex-end;gap:8px}
.featured-controls button{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;border:1px solid #9bcac3;background:white;color:#006f66;cursor:pointer;font-size:20px;line-height:1}
.featured-controls button:not(:disabled):hover,.featured-controls button:not(:disabled):focus-visible{background:#007f73;color:#fff}
.featured-controls button:disabled{opacity:.35;cursor:default}
.featured-style-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-height:540px}
.featured-style{display:flex;flex-direction:column;min-width:0;gap:14px}
.featured-style-heading{display:flex;align-items:center;gap:11px;min-height:72px;border:1px solid #c5dcd7;border-radius:16px;background:#fff;padding:12px}
.featured-style-icon{display:grid;flex:0 0 42px;height:42px;place-items:center;border-radius:11px;background:#e8f7f3;color:#007f73}
.featured-style-icon img{display:block;width:24px;height:24px}
.featured-style-heading>div{min-width:0}
.featured-style-heading h3{margin:0 0 5px;color:#14211f;font-size:18px;line-height:1.2;letter-spacing:-.025em}
.featured-style-heading p{margin:0;overflow:hidden;color:#526c66;font-size:10.5px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.featured-style-visual{display:flex;justify-content:center;gap:10px;min-width:0;min-height:312px}
.featured-style-frame{position:relative;flex:0 1 52%;min-width:0;max-width:190px;aspect-ratio:9/16;overflow:hidden;border:4px solid #14211f;border-radius:18px;background:#14211f;box-shadow:0 7px 16px #102e2930}
.featured-style-frame img{display:block;width:100%;height:100%;object-fit:contain}
.featured-style-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;border:0;background:transparent;color:#fff;cursor:pointer}
.featured-style-play span{display:grid;width:53px;height:53px;place-items:center;border:1px solid #fff; border-radius:50%;background:#14211fbf;padding-left:3px;font-size:20px;box-shadow:0 4px 18px #0008}
.featured-style-play:hover span,.featured-style-play:focus-visible span{background:#007f73}
.featured-style-media-label{position:absolute;left:7px;top:7px;display:flex;align-items:center;gap:4px;max-width:calc(100% - 14px);overflow:hidden;border-radius:999px;background:#14211fe8;padding:5px 8px;color:#fff;font-size:9px;font-weight:800;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.featured-style-media-label img{display:block;width:13px;height:13px;filter:brightness(0) invert(87%) sepia(49%) saturate(1014%) hue-rotate(350deg)}
.featured-style-layout{display:flex;flex:0 1 47%;min-width:0;max-width:180px;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background:#e9f8f5;padding:12px 8px;text-align:center}
.featured-style-layout-kicker{border-radius:999px;background:#d2eeea;padding:4px 8px;color:#234e48;font-size:9px;font-weight:800}
.featured-style-layout-phone{position:relative;width:min(86%,105px);aspect-ratio:9/16;overflow:hidden;margin:12px auto 8px;border:4px solid #6db9b2;border-radius:18px;background:#a0d0ca;box-shadow:0 4px 12px #102e2920}
.featured-style-layout-phone img{display:block;width:100%;height:100%;object-fit:fill}
.featured-style-layout p{margin:0;color:#175b55;font-size:10px;font-weight:700;line-height:1.3}
.featured-style-action{position:relative;display:flex;width:75%;min-height:45px;align-items:center;justify-content:center;align-self:center;margin-top:auto;border:1px solid #007f73!important;border-radius:9px!important;background:#007f73!important;color:#fff!important;font-size:12px!important;font-weight:800;text-align:center}
.featured-style-action:hover,.featured-style-action:focus-visible{background:#00685f!important;color:#fff!important}
.featured-style-action-arrow{position:absolute;right:16px;font-size:22px;font-weight:400;line-height:1}
.featured-style-unavailable{grid-column:1/-1;align-self:center;text-align:center;color:#49645f}
.featured-style-unavailable a{color:#006f66;font-weight:700}
.featured-preview-open{overflow:hidden}
.featured-preview-dialog{width:min(93vw,560px);max-height:94vh;overflow:auto;border:0;border-radius:20px;background:#f8fffd;padding:0;box-shadow:0 28px 80px #0008;color:#14211f}
.featured-preview-dialog::backdrop{background:#0b1b1bd9;backdrop-filter:blur(5px)}
.featured-preview-panel{padding:16px}
.featured-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.featured-preview-head span{color:#007f73;font-size:10px;font-weight:900;letter-spacing:.08em}
.featured-preview-head h3{margin:4px 0 0;font-size:22px;line-height:1.2}
.featured-preview-close{width:38px;height:38px;border:1px solid #bedbd5;border-radius:9px;background:#fff;color:#14211f;font-size:25px;cursor:pointer}
.featured-preview-dialog video{display:block;max-width:100%;width:auto;height:min(68vh,630px);margin:auto;border-radius:12px;background:#14211f;object-fit:contain}
.featured-preview-controls{display:flex;align-items:center;gap:12px;margin-top:14px}
.featured-preview-controls button{min-width:75px;border:1px solid #9bcac3;border-radius:8px;background:#fff;padding:10px;color:#006f66;font-size:12px;font-weight:800;cursor:pointer}
.featured-preview-controls label{flex:1}
.featured-preview-controls input{width:100%;accent-color:#007f73}
.featured-preview-message{min-height:18px;margin:8px 0 0;color:#9b4b13;font-size:12px}
.quick-styler-steps{background:#f8fdfb;padding:80px 0}
.quick-styler-steps .workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:30px}
.quick-styler-steps .workflow article{padding:22px;border-right:1px solid #d5e2dd}
.quick-styler-steps .workflow article:last-child{border-right:0}
.quick-styler-steps .workflow span{display:block;color:#007f73;font-size:14px;font-weight:900}
.quick-styler-steps .workflow h3{margin:12px 0 8px;font-size:22px}
.quick-styler-steps .workflow p{margin:0;color:#526c66}
.quick-styler-steps .workflow-action{display:inline-flex;margin-top:25px}
@media(max-width:1050px){.featured-style-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.featured-section{padding:55px 0}.featured-head{display:block}.featured-head>a{display:inline-block;margin-top:14px}.featured-style-list{grid-template-columns:1fr;min-height:430px}.featured-style-heading{min-height:0}.featured-style-visual{min-height:0}.featured-style-frame{width:52%}.quick-styler-steps{padding-top:55px;padding-bottom:55px}.quick-styler-steps .workflow{grid-template-columns:1fr}.quick-styler-steps .workflow article{border-right:0;border-bottom:1px solid #d5e2dd;padding:20px 0}.quick-styler-steps .workflow article:last-child{border-bottom:0}}
.featured-howto{display:flex;flex:0 1 auto;width:max-content;max-width:calc(100% - 108px);min-width:0;align-items:center;gap:24px;padding:12px 18px;border:1px solid #a5d4c4;border-radius:999px;background:#def2e9;color:#14211f;box-shadow:0 4px 14px #102e290a}
.featured-howto h3{flex:0 0 auto;margin:0;font-size:17px;line-height:1.25;letter-spacing:-.025em}
.featured-howto p{min-width:0;margin:0;color:#355b51;font-size:14px;line-height:1.5}
@media(max-width:700px){.featured-utility-row{align-items:flex-start;gap:10px}.featured-howto{display:block;padding:12px 15px;border-radius:16px}.featured-howto p{margin-top:6px}.featured-controls button{width:36px;height:36px}}