/* Business theme and visual style are independent. Modern retains styles.css. */
.demo-controls{display:flex;align-items:center;gap:24px}.style-picker{display:flex;flex-direction:row;align-items:center;gap:10px;margin:0;color:#fff;font-size:.8rem;font-weight:500}.style-picker select{width:150px;min-height:36px;padding:6px 28px 6px 10px;border:1px solid #75868c;border-radius:4px;background:#24393f;color:#fff;font-size:.8125rem}.style-picker select:focus-visible{outline-color:#fff}.demo-bar{min-height:54px}.demo-bar .demo-controls button{white-space:nowrap}.demo-disclosure{font-size:.75rem}
html[data-style]:not([data-style=modern]){--style-heading:DM,Arial,sans-serif}
html[data-style]:not([data-style=modern]) :is(h1,h2,h3){font-family:var(--style-heading)}
html[data-style]:not([data-style=modern]) .hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;max-width:1600px;min-height:0;margin:0 auto;padding:60px 5%;background:var(--paper);color:var(--ink)}
html[data-style]:not([data-style=modern]) .hero-copy{position:relative;max-width:none;padding:0}
html[data-style]:not([data-style=modern]) .hero h1{font-size:clamp(3.2rem,5.5vw,5.8rem);line-height:1.06;font-weight:700;letter-spacing:-.045em}
html[data-style]:not([data-style=modern]) .hero-intro{color:var(--muted);max-width:460px}
html[data-style]:not([data-style=modern]) .hero :is(.text-link,.location,.location span){color:var(--ink)}
html[data-style]:not([data-style=modern]) .hero-image{position:relative;inset:auto;height:460px;border-radius:var(--radius);overflow:hidden;order:0}
html[data-style]:not([data-style=modern]) .hero-image:after{display:none}
html[data-style]:not([data-style=modern]) .hero-image img{object-position:center}
html[data-style]:not([data-style=modern]) .hero-image figcaption{left:20px;right:auto;bottom:20px;padding:10px 14px;color:var(--ink);background:var(--paper);border-radius:var(--radius);font-size:.75rem}
html[data-style]:not([data-style=modern]) .promise-strip{margin:0;border-radius:0;border-block:1px solid var(--line);color:var(--ink);background:var(--panel)}
html[data-style]:not([data-style=modern]) .promise-strip i{color:inherit}
html[data-style]:not([data-style=modern]) .service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border:0}
html[data-style]:not([data-style=modern]) .service-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column;align-items:flex-start}
html[data-style]:not([data-style=modern]) .service-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 24px;width:100%}
html[data-style]:not([data-style=modern]) .service-number{display:block;width:auto;height:auto;padding:0;margin:0;background:none;border:0;border-radius:0;font:600 .875rem DM,Arial,sans-serif;color:var(--ink)}
html[data-style]:not([data-style=modern]) .service-tag{display:block;margin:0;color:var(--muted);font-size:.75rem;letter-spacing:.06em;line-height:1.5}
html[data-style]:not([data-style=modern]) .service-card h3{font-family:var(--style-heading);font-size:1.5rem;font-weight:700;letter-spacing:-.025em}
html[data-style]:not([data-style=modern]) .approach{max-width:none;margin:0 5%;border:1px solid var(--line);padding:60px 5%;border-radius:var(--radius);background:var(--panel);color:var(--ink)}
html[data-style]:not([data-style=modern]) .approach p{color:var(--muted);opacity:1}
html[data-style]:not([data-style=modern]) .approach li{border-color:var(--line)}
html[data-style]:not([data-style=modern]) .approach li span{color:var(--ink)}
html[data-style]:not([data-style=modern]) .step-number{color:var(--muted)}
html[data-style]:not([data-style=modern]) .request{border-radius:0;background:var(--panel)}
html[data-style]:not([data-style=modern]) .request-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
html[data-style]:not([data-style=modern]) .brand-mark{background:none;color:var(--ink);border:1px solid currentColor;border-radius:var(--radius)}

/* Classic Local: a compact, traditional neighborhood business. */
html[data-style=classic][data-theme]{--ink:#203b4c;--paper:#fffef9;--muted:#4c626c;--panel:#edf1ee;--line:#bac7c9;--radius:2px;--style-heading:Georgia,'Times New Roman',serif}
html[data-style=classic][data-theme] .site-header{height:88px;border-bottom:4px double var(--ink)}
html[data-style=classic][data-theme] .brand b{font-family:Georgia,serif;font-weight:700;letter-spacing:-.03em}
html[data-style=classic][data-theme] .brand-mark{border:3px double var(--ink);border-radius:50%;font-family:Georgia,serif}
html[data-style=classic][data-theme] .hero{grid-template-columns:1.15fr 1fr;padding-block:42px;gap:6%}
html[data-style=classic][data-theme] .hero h1{font-size:clamp(3rem,4.7vw,4.8rem);font-weight:700;letter-spacing:-.04em}
html[data-style=classic][data-theme] .hero-image{height:380px;padding:10px;border:1px solid var(--line);background:#fff}
html[data-style=classic][data-theme] .hero-image img{border:1px solid var(--line)}
html[data-style=classic][data-theme] .hero-image figcaption{left:10px;bottom:10px;width:calc(100% - 20px);max-width:none;border-radius:0;text-align:center;background:var(--ink);color:var(--paper);font-size:.75rem}
html[data-style=classic][data-theme] .hero-intro{margin-top:20px;font-size:1rem}
html[data-style=classic][data-theme] .hero-actions{margin-top:24px;gap:20px}
html[data-style=classic][data-theme] .button{box-shadow:0 3px 0 var(--ink);border:1px solid var(--ink);border-radius:2px}
html[data-style=classic][data-theme] .promise-strip{padding-block:18px;border-bottom:4px double var(--ink)}
html[data-style=classic][data-theme] .section{padding-block:58px}
html[data-style=classic][data-theme] h2{font-size:clamp(2rem,3.3vw,3.2rem);letter-spacing:-.03em}
html[data-style=classic][data-theme] .service-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
html[data-style=classic][data-theme] .service-card{border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:var(--paper);padding:26px}
html[data-style=classic][data-theme] .service-top{margin-bottom:15px}
html[data-style=classic][data-theme] .approach{border:4px double var(--ink);padding:38px 4%}
html[data-style=classic][data-theme] .process{padding-block:42px;gap:35px}
html[data-style=classic][data-theme] .step-number{font:700 1.1rem Georgia,serif;color:var(--ink);border-bottom:2px solid var(--ink);width:30px;padding-bottom:6px}
html[data-style=classic][data-theme] .request{border-top:4px double var(--ink)}
html[data-style=classic][data-theme] .request-form{border-top:5px solid var(--ink)}

/* Bold: emphatic type, reversed photo layout, solid high-contrast blocks. */
html[data-style=bold][data-theme]{--ink:#101d26;--paper:#fafcff;--muted:#455d6b;--panel:#e7eef4;--line:#142733;--radius:0px;--style-heading:DM,Arial,sans-serif}
html[data-style=bold][data-theme] .site-header{height:95px;border-bottom:2px solid var(--ink)}
html[data-style=bold][data-theme] .brand b{font-weight:800;text-transform:uppercase;font-size:1.7rem;letter-spacing:-.06em}
html[data-style=bold][data-theme] .brand-mark{background:var(--ink);color:var(--paper);border:0;border-radius:0}
html[data-style=bold][data-theme] .hero{max-width:none;padding:0;gap:0;align-items:stretch;grid-template-columns:.9fr 1.1fr;background:var(--ink);color:var(--paper)}
html[data-style=bold][data-theme] .hero-copy{padding:55px 8%;display:flex;flex-direction:column;justify-content:center}
html[data-style=bold][data-theme] .hero h1{font-size:clamp(3.4rem,5.6vw,6.4rem);font-weight:800;letter-spacing:-.06em;line-height:.99;text-transform:uppercase}
html[data-style=bold][data-theme] .hero h1 br{display:none}
html[data-style=bold][data-theme] .hero-image{order:-1;height:auto;min-height:580px;border-radius:0}
html[data-style=bold][data-theme] .hero-image img{position:absolute;inset:0;filter:saturate(.65);height:100%;object-fit:cover}
html[data-style=bold][data-theme] .hero-image figcaption{background:var(--accent);color:var(--on-accent);bottom:25px;left:25px;border:0;font-weight:800}
html[data-style=bold][data-theme] .hero-intro{color:#dce6eb;font-size:1.05rem}
html[data-style=bold][data-theme] .hero :is(.text-link,.location,.location span){color:#fff}
html[data-style=bold][data-theme] .hero .eyebrow{border-left:4px solid var(--accent);padding-left:14px}
html[data-style=bold][data-theme] .button{border-radius:0;font-weight:800;text-transform:uppercase;letter-spacing:.025em;min-height:56px}
html[data-style=bold][data-theme] .promise-strip{background:var(--accent);color:var(--on-accent);font-weight:800;text-transform:uppercase;border:0;padding-block:26px}
html[data-style=bold][data-theme] h2{text-transform:uppercase;font-weight:800;line-height:1;letter-spacing:-.055em}
html[data-style=bold][data-theme] .service-grid{gap:0;border-top:2px solid var(--ink);border-left:2px solid var(--ink)}
html[data-style=bold][data-theme] .service-card{border:0;border-bottom:2px solid var(--ink);border-right:2px solid var(--ink);background:var(--paper);padding:34px}
html[data-style=bold][data-theme] .service-number{font-size:2.8rem;line-height:1;font-weight:800;letter-spacing:-.05em}
html[data-style=bold][data-theme] .service-card h3{font-size:1.8rem;text-transform:uppercase;font-weight:800;line-height:1.04}
html[data-style=bold][data-theme] .approach{margin:0;border:0;border-block:2px solid var(--ink);background:var(--panel);padding:70px 5%}
html[data-style=bold][data-theme] .process article{border-left:4px solid var(--ink);padding-left:24px}
html[data-style=bold][data-theme] .step-number{font:800 3rem/1 DM,Arial,sans-serif;color:var(--ink)}
html[data-style=bold][data-theme] .request{border-top:8px solid var(--ink)}
html[data-style=bold][data-theme] .request-form{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}

/* Premium: centered editorial typography and a panoramic image on charcoal. */
html[data-style=premium][data-theme]{--ink:#f1eee5;--paper:#161c1a;--muted:#bdc6be;--panel:#222b26;--line:#526057;--radius:0px;--style-heading:Georgia,'Times New Roman',serif}
html[data-style=premium][data-theme] .site-header{height:110px;border-bottom:1px solid var(--line);background:var(--paper)}
html[data-style=premium][data-theme] .brand b{font-family:Georgia,serif;font-weight:400;letter-spacing:0;font-size:1.75rem}
html[data-style=premium][data-theme] .brand small{font-size:.75rem;letter-spacing:.2em;font-weight:400}
html[data-style=premium][data-theme] .brand-mark{border:1px solid #bcab83;border-radius:50%;color:#dacaa3;font:400 2rem Georgia,serif}
html[data-style=premium][data-theme] .header-cta{background:transparent;color:var(--ink);border:1px solid #bcab83}
html[data-style=premium][data-theme] .hero{display:flex;flex-direction:column;gap:45px;padding:60px 5% 0}
html[data-style=premium][data-theme] .hero-copy{text-align:center;width:100%;max-width:1050px}
html[data-style=premium][data-theme] .hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(3.5rem,6.5vw,7.2rem);letter-spacing:-.045em;line-height:1.05}
html[data-style=premium][data-theme] .hero-intro{margin:24px auto 0;max-width:560px;font-size:1rem}
html[data-style=premium][data-theme] .hero-actions{justify-content:center;margin-top:26px}
html[data-style=premium][data-theme] .hero .eyebrow{font-size:.75rem;letter-spacing:.24em;color:#dacaa3}
html[data-style=premium][data-theme] .hero .location{margin-top:24px;font-size:.8125rem}
html[data-style=premium][data-theme] .hero-image{width:100%;height:360px;border-top:1px solid #bcab83;overflow:hidden}
html[data-style=premium][data-theme] .hero-image img{object-position:center 52%}
html[data-style=premium][data-theme] .hero-image figcaption{background:#161c1ae8;color:#fff;border:1px solid #fff5;font-weight:400;letter-spacing:.15em}
html[data-style=premium][data-theme] .button{border-radius:0;min-height:48px;font-weight:500;font-size:.875rem;letter-spacing:.035em;padding-inline:30px}
html[data-style=premium][data-theme] .promise-strip{background:var(--paper);border-bottom:1px solid var(--line);border-top:0;padding-block:32px;font-weight:400}
html[data-style=premium][data-theme] .promise-strip i{color:#dacaa3;font-size:1rem}
html[data-style=premium][data-theme] h2{font-weight:400;letter-spacing:-.03em}
html[data-style=premium][data-theme] .section{padding-block:100px}
html[data-style=premium][data-theme] .section-heading{align-items:center}
html[data-style=premium][data-theme] .service-grid{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
html[data-style=premium][data-theme] .service-card{display:grid;grid-template-columns:.9fr 1.2fr .65fr;column-gap:35px;align-items:center;position:relative;border:0;border-bottom:1px solid var(--line);background:transparent;padding:28px 0}
html[data-style=premium][data-theme] .service-top{grid-column:1/-1;margin-bottom:10px;justify-content:flex-start;gap:20px}
html[data-style=premium][data-theme] .service-number{color:#dacaa3;font-size:.75rem;font-weight:400}
html[data-style=premium][data-theme] .service-tag{font-weight:400;font-size:.75rem;letter-spacing:.12em}
html[data-style=premium][data-theme] .service-card h3{font-size:1.9rem;font-weight:400;letter-spacing:-.025em}
html[data-style=premium][data-theme] .service-card p{margin:0;font-size:.9375rem}
html[data-style=premium][data-theme] .service-card .text-link{margin:0;justify-self:end;color:var(--ink);font-weight:400}
html[data-style=premium][data-theme] .approach{border:0;border-block:1px solid var(--line);background:var(--panel);margin:0;padding:70px 5%}
html[data-style=premium][data-theme] .process{padding-block:65px}
html[data-style=premium][data-theme] .step-number{font:400 2.5rem Georgia,serif;color:#dacaa3}
html[data-style=premium][data-theme] .process h3{font-weight:400;font-size:1.5rem}
html[data-style=premium][data-theme] .request{border-top:1px solid var(--line)}
html[data-style=premium][data-theme] .request-form{border:1px solid #718073}
html[data-style=premium][data-theme] .customizer{border:1px solid var(--line)}
html[data-style=premium][data-theme] .site-footer{padding-block:70px 30px}

/* Friendly: rounded typography, framed photography and cheerful service cards. */
html[data-style=friendly][data-theme]{--ink:#23323b;--paper:#fff9ed;--muted:#52626a;--panel:#eaf2f5;--line:#23323b;--radius:22px;--style-heading:'Trebuchet MS',DM,Arial,sans-serif}
html[data-style=friendly][data-theme] .site-header{height:105px;background:var(--paper);border:0}
html[data-style=friendly][data-theme] .brand b{font-family:'Trebuchet MS',DM,sans-serif;font-weight:700;font-size:1.75rem;letter-spacing:-.04em}
html[data-style=friendly][data-theme] .brand-mark{border:2px solid var(--ink);background:var(--accent);color:var(--on-accent);border-radius:15px;transform:rotate(-6deg);box-shadow:3px 3px 0 var(--ink)}
html[data-style=friendly][data-theme] .hero{padding-top:38px;padding-bottom:70px;gap:7%;grid-template-columns:1.1fr .9fr}
html[data-style=friendly][data-theme] .hero h1{font-family:'Trebuchet MS',DM,sans-serif;font-weight:700;font-size:clamp(3.5rem,5.6vw,6rem);letter-spacing:-.06em;line-height:1.02}
html[data-style=friendly][data-theme] .hero .eyebrow{display:inline-block;background:#fbe593;color:#23323b;border:1px solid var(--ink);border-radius:30px;padding:10px 15px;font-size:.75rem;letter-spacing:.07em;transform:rotate(-2deg)}
html[data-style=friendly][data-theme] .hero-image{height:460px;border:2px solid var(--ink);border-radius:120px 120px 35px 35px;box-shadow:9px 9px 0 #eed49c;transform:rotate(2deg);overflow:hidden}
html[data-style=friendly][data-theme] .hero-image figcaption{background:var(--paper);border:1px solid var(--ink);border-radius:20px;font-size:.75rem;left:18px;bottom:18px;max-width:calc(100% - 36px);text-align:center}
html[data-style=friendly][data-theme] .button{border:2px solid var(--ink);border-radius:50px;box-shadow:4px 4px 0 var(--ink);font-size:.9rem;font-weight:700}
html[data-style=friendly][data-theme] .button:hover{transform:translate(-1px,-1px)}
html[data-style=friendly][data-theme] .promise-strip{border:0;margin:0 5%;background:transparent;gap:20px;padding:0;align-items:stretch;justify-content:stretch}
html[data-style=friendly][data-theme] .promise-strip>span{flex:1;border:1px solid var(--ink);border-radius:20px;background:#fbe593;padding:22px 15px;justify-content:center;color:#23323b;font-size:.875rem}
html[data-style=friendly][data-theme] .promise-strip>span:nth-child(2){background:#d6eddd}
html[data-style=friendly][data-theme] .promise-strip>span:nth-child(3){background:#e2e9fb}
html[data-style=friendly][data-theme] h2{font-weight:700;letter-spacing:-.045em}
html[data-style=friendly][data-theme] .service-grid{gap:24px}
html[data-style=friendly][data-theme] .service-card{background:#fff;border:1px solid var(--ink);border-radius:25px;box-shadow:5px 5px 0 #dbe4e1;padding:30px}
html[data-style=friendly][data-theme] .service-card:nth-child(4n+2){background:#e9f3ec}
html[data-style=friendly][data-theme] .service-card:nth-child(4n+3){background:#fff1d0}
html[data-style=friendly][data-theme] .service-card:nth-child(4n+4){background:#eef1ff}
html[data-style=friendly][data-theme] .service-number{display:grid;place-items:center;width:42px;height:42px;background:var(--accent);color:var(--on-accent);border:1px solid var(--ink);border-radius:50%;flex-shrink:0}
html[data-style=friendly][data-theme] .service-card h3{font-size:1.6rem;font-weight:700}
html[data-style=friendly][data-theme] .approach{border:1px solid var(--ink);background:#d6eddd;border-radius:30px;box-shadow:7px 7px 0 #b9d2c0}
html[data-style=friendly][data-theme] .step-number{display:grid;place-items:center;width:54px;height:54px;background:#fbe593;color:var(--ink);border:1px solid var(--ink);border-radius:50%;font:700 1.4rem 'Trebuchet MS',sans-serif}
html[data-style=friendly][data-theme] .request{background:#e2e9fb;border-radius:45px 45px 0 0;border-top:1px solid var(--ink)}
html[data-style=friendly][data-theme] .request-form{background:#fff;border:1px solid var(--ink);box-shadow:7px 7px 0 #a4b4d3;border-radius:25px}
html[data-style=friendly][data-theme] input,html[data-style=friendly][data-theme] select,html[data-style=friendly][data-theme] textarea{border-radius:10px}

@media(max-width:1100px){.demo-disclosure{display:none}html[data-style=bold][data-theme] .hero-copy{padding:45px 7%}html[data-style=bold][data-theme] .hero h1{font-size:clamp(3rem,5.5vw,5.4rem)}html[data-style=premium][data-theme] .service-card{column-gap:25px;grid-template-columns:1fr 1fr}html[data-style=premium][data-theme] .service-card .text-link{grid-column:2;justify-self:start;margin-top:18px}html[data-style=friendly][data-theme] .hero-image{height:430px}}
@media(max-width:760px){
  .demo-bar{flex-wrap:wrap;gap:8px;padding:10px 5%}.demo-bar>a{font-size:.75rem}.demo-controls{width:100%;justify-content:space-between;gap:12px}.style-picker{font-size:.75rem;gap:8px}.style-picker select{width:135px;font-size:.8125rem;padding-block:7px}.demo-bar .demo-controls button{font-size:.75rem}.demo-bar>span:not(.demo-disclosure){display:block}.demo-disclosure{display:none}
  html[data-style]:not([data-style=modern]) .site-header{height:85px}
  html[data-style]:not([data-style=modern]) .hero{grid-template-columns:1fr;padding:35px 5% 40px;gap:30px}
  html[data-style]:not([data-style=modern]) .hero h1{font-size:clamp(3.1rem,11.5vw,4.5rem)}
  html[data-style]:not([data-style=modern]) .hero-image{height:330px}
  html[data-style]:not([data-style=modern]) .hero-image figcaption{font-size:.75rem;letter-spacing:.055em}
  html[data-style]:not([data-style=modern]) .hero-intro{font-size:1rem}
  html[data-style]:not([data-style=modern]) .hero-copy{padding:0}
  html[data-style]:not([data-style=modern]) .section{padding-block:55px}
  html[data-style]:not([data-style=modern]) .service-grid{grid-template-columns:1fr;gap:20px}
  html[data-style]:not([data-style=modern]) .service-card{padding:26px}
  html[data-style]:not([data-style=modern]) .service-top{display:flex}
  html[data-style]:not([data-style=modern]) .service-tag{margin:0;font-size:.75rem}
  html[data-style]:not([data-style=modern]) .approach{padding:36px 25px;margin-inline:5%;grid-template-columns:1fr;gap:25px}
  html[data-style]:not([data-style=modern]) .process{padding-block:45px}
  html[data-style]:not([data-style=modern]) .process article{padding-left:70px}
  html[data-style]:not([data-style=modern]) .request-form{padding:25px 20px}
  html[data-style=classic][data-theme] .hero{padding-top:30px;gap:25px}
  html[data-style=classic][data-theme] .hero h1{font-size:clamp(2.9rem,10.8vw,4.2rem)}
  html[data-style=classic][data-theme] .hero-image{height:295px}
  html[data-style=classic][data-theme] .hero-image figcaption{left:10px;bottom:10px;font-size:.75rem}
  html[data-style=classic][data-theme] .service-grid{gap:0}
  html[data-style=classic][data-theme] .process article{padding-left:55px}
  html[data-style=classic][data-theme] .step-number{font-size:1.2rem}
  html[data-style=bold][data-theme] .hero{padding:0;gap:0;display:flex;flex-direction:column}
  html[data-style=bold][data-theme] .hero-copy{padding:40px 6%}
  html[data-style=bold][data-theme] .hero h1{font-size:clamp(3.3rem,12vw,5rem)}
  html[data-style=bold][data-theme] .hero-image{order:0;min-height:0;width:100%;height:330px}
  html[data-style=bold][data-theme] .hero-image img{position:static}
  html[data-style=bold][data-theme] .promise-strip{font-size:.75rem;padding:20px 5%}
  html[data-style=bold][data-theme] .service-grid{gap:0}
  html[data-style=bold][data-theme] .service-card h3{font-size:1.8rem}
  html[data-style=bold][data-theme] .approach{margin:0;padding:42px 6%}
  html[data-style=bold][data-theme] .process article{border:0;padding-left:75px}
  html[data-style=bold][data-theme] .step-number{font-size:2.8rem}
  html[data-style=bold][data-theme] .request-form{box-shadow:5px 5px 0 var(--ink)}
  html[data-style=premium][data-theme] .hero{padding:42px 5% 0;gap:35px;display:flex}
  html[data-style=premium][data-theme] .hero h1{font-size:clamp(3.15rem,12vw,5rem)}
  html[data-style=premium][data-theme] .hero-actions{flex-direction:column;gap:20px}
  html[data-style=premium][data-theme] .hero-image{height:280px}
  html[data-style=premium][data-theme] .hero-image figcaption{left:12px;bottom:12px;max-width:calc(100% - 24px);font-size:.75rem}
  html[data-style=premium][data-theme] .service-grid{gap:0}
  html[data-style=premium][data-theme] .service-card{display:flex;gap:0;padding:28px 0}
  html[data-style=premium][data-theme] .service-card h3{margin:7px 0 15px;font-size:1.8rem}
  html[data-style=premium][data-theme] .service-card .text-link{margin-top:22px}
  html[data-style=premium][data-theme] .approach{margin:0;padding:45px 5%}
  html[data-style=friendly][data-theme] .hero{gap:35px;padding-bottom:45px}
  html[data-style=friendly][data-theme] .hero .eyebrow{font-size:.75rem;padding-inline:12px;letter-spacing:.04em}
  html[data-style=friendly][data-theme] .hero-image{height:350px;width:calc(100% - 10px);margin-left:3px;box-shadow:6px 6px 0 #eed49c}
  html[data-style=friendly][data-theme] .hero-image figcaption{left:12px;bottom:16px;max-width:calc(100% - 24px)}
  html[data-style=friendly][data-theme] .promise-strip{gap:10px;margin-inline:5%;padding:0}
  html[data-style=friendly][data-theme] .promise-strip>span{max-width:none;padding:15px 8px;font-size:.75rem;border-radius:15px;gap:10px}
  html[data-style=friendly][data-theme] .service-card{box-shadow:4px 4px 0 #dbe4e1}
  html[data-style=friendly][data-theme] .approach{box-shadow:5px 5px 0 #b9d2c0}
  html[data-style=friendly][data-theme] .step-number{font-size:1.3rem;width:48px;height:48px}
  html[data-style=friendly][data-theme] .request-form{box-shadow:5px 5px 0 #a4b4d3}
}
@media(prefers-reduced-motion:reduce){html[data-style=friendly][data-theme] .button:hover{transform:none}}

/* The collection switcher uses the same controls on every service demo. */
.demo-controls{gap:18px}.demo-picker select{width:194px}.demo-bar{gap:18px}.demo-disclosure{display:none}
@media(max-width:1100px){.demo-bar>a{font-size:.6875rem}.demo-controls{gap:14px}.demo-bar .demo-controls button{font-size:.75rem}}
@media(max-width:760px){
 .demo-bar{padding:12px 5%;gap:10px}.demo-controls{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px 12px}
 .demo-controls .style-picker{flex-direction:column;align-items:stretch;gap:5px;font-size:.6875rem}
 .demo-controls .style-picker select{width:100%;min-height:42px;font-size:.75rem;padding-right:18px}
 .demo-controls #customize{grid-column:1/-1;justify-self:start;min-height:28px;padding:0}
}