/* Only new template-based sites; legacy IONA and clones are untouched. */
body.db-starter-site {background:#f8fafb;color:#1d2a35;--db-ink:var(--brand-dark,#18364a);font-family:var(--body-font,Arial,sans-serif)}
.db-starter-header,.db-starter-main,.db-starter-footer{box-sizing:border-box}
.db-starter-header{background:#fff;border-bottom:1px solid #e9edf0;position:sticky;top:0;z-index:20}
.db-starter-bar{max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 32px}
.db-starter-brand{font-weight:800;font-size:1.24rem;color:var(--db-ink);text-decoration:none;letter-spacing:-.02em}
.db-starter-header nav,.db-starter-footer nav{display:flex;flex-wrap:wrap;gap:20px}
.db-starter-header nav a,.db-starter-footer nav a{color:inherit;text-decoration:none;font-size:.92rem}
.db-starter-header nav [aria-current=page]{text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:7px}
.db-starter-head-cta,.db-main-cta{background:var(--dibia-btn-bg,var(--brand,#137c91));color:var(--dibia-btn-text,#fff);padding:13px 20px;border-radius:8px;display:inline-block;text-decoration:none;font-weight:700}
.db-starter-main{margin:0 auto;max-width:1450px;min-height:65vh}
.db-starter-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(24px,6vw,96px);padding:clamp(52px,8vw,120px) clamp(24px,6vw,92px);min-height:480px}
.db-hero-copy{max-width:680px}.db-kicker{font-size:.78rem;letter-spacing:.17em;font-weight:800;color:var(--brand,#137c91);text-transform:uppercase}
.db-starter-hero h1{font-size:clamp(2.3rem,5.2vw,5.5rem);line-height:1.08;letter-spacing:-.045em;color:var(--db-ink);margin:20px 0}
.db-intro{font-size:1.12rem;line-height:1.8;margin-bottom:25px;max-width:630px}.db-intro p{margin:0 0 10px}
.db-hero-visual{position:relative;min-height:330px;overflow:hidden;border-radius:25px;background:var(--brand-dark,#18364a)}
.db-hero-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.db-art-tile{height:100%;min-height:330px;display:grid;place-content:center;position:relative;isolation:isolate;overflow:hidden;color:#fff;text-align:center;letter-spacing:.15em;font-size:.88rem;font-weight:800}
.db-art-sphere{width:190px;height:190px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--accent,#d3a354),var(--brand,#137c91));z-index:-1;box-shadow:0 0 0 65px #ffffff15}
.db-art-lines{position:absolute;inset:10% 15%;border:1px solid #ffffff28;border-radius:45%;z-index:-2;transform:rotate(-16deg)}
.db-content-block{padding:76px clamp(24px,6vw,92px);max-width:1450px;margin:auto}
.db-content-block h2{font-size:clamp(1.9rem,3.2vw,3.2rem);line-height:1.15;letter-spacing:-.035em;color:var(--db-ink);max-width:760px;margin:16px 0}
.db-content-block p,.db-content-block>div{line-height:1.8}.db-tinted{background:color-mix(in srgb,var(--brand,#137c91) 7%,white)}
.db-starter-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}
.db-starter-card{min-height:175px;background:#fff;padding:26px;border-radius:18px;border:1px solid #e6e9ed;box-shadow:0 12px 25px #10243908}
.db-card-number{font-weight:bold;color:var(--brand);font-size:.8rem}.db-starter-card h3{margin:14px 0 8px;color:var(--db-ink)}
.db-inline-link{color:var(--brand-dark);font-weight:750}.db-contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.db-contact-details>div{background:white;padding:20px;border-radius:16px;overflow-wrap:anywhere}
.db-starter-footer{padding:40px clamp(24px,6vw,92px);background:var(--brand-dark,#18364a);color:#fff;display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}.db-starter-footer strong{display:block;font-size:1.2rem}.db-starter-footer span{display:block;font-size:.83rem;opacity:.75}.db-starter-footer small{opacity:.78}
.db-starter-draft-badge{background:#fdf3d7;color:#603d00;text-align:center;font-size:.75rem;font-weight:800;letter-spacing:.1em;padding:9px}
.db-starter-site.dibia-hero-centered .db-starter-hero{display:flex;flex-direction:column;text-align:center;gap:42px}.db-starter-site.dibia-hero-centered .db-hero-copy{max-width:780px}.db-starter-site.dibia-hero-centered .db-hero-visual{width:min(100%,850px);min-height:280px}
.db-starter-site.dibia-hero-minimal .db-starter-hero{grid-template-columns:1.4fr .6fr}.db-starter-site.dibia-hero-minimal .db-starter-hero h1{font-weight:500;font-size:clamp(2.6rem,7vw,7rem)}.db-starter-site.dibia-hero-minimal .db-hero-visual{min-height:260px;border-radius:5px}
/* Five distinct treatments per industry, keyed to the chosen theme. */
.db-starter-site[data-db-template="1"] .db-hero-visual{border-radius:50% 50% 25px 25px}.db-starter-site[data-db-template="1"] .db-starter-card{border-radius:40px 5px}
.db-starter-site[data-db-template="2"] .db-starter-hero{background:var(--brand-dark);color:white}.db-starter-site[data-db-template="2"] .db-starter-hero h1{color:white}.db-starter-site[data-db-template="2"] .db-hero-visual{border-radius:3px}.db-starter-site[data-db-template="2"] .db-starter-card{border-top:5px solid var(--brand)}
.db-starter-site[data-db-template="3"] .db-starter-hero{background:color-mix(in srgb,var(--brand-accent) 27%,white)}.db-starter-site[data-db-template="3"] .db-hero-visual{border-radius:45% 10% 45% 10%}.db-starter-site[data-db-template="3"] .db-starter-card{box-shadow:none;border:2px solid var(--brand)}
.db-starter-site[data-db-template="4"] .db-starter-header{background:var(--brand-dark);color:white}.db-starter-site[data-db-template="4"] .db-starter-brand{color:white}.db-starter-site[data-db-template="4"] .db-starter-hero h1{font-family:Georgia,serif}.db-starter-site[data-db-template="4"] .db-starter-card{border-radius:0;box-shadow:9px 9px 0 color-mix(in srgb,var(--brand) 20%,white)}
.db-starter-site[data-db-industry="creative-agency"] .db-hero-visual{transform:rotate(2deg)}
.db-starter-site[data-db-industry="e-commerce-boutique"] .db-starter-hero h1{font-family:Georgia,serif}
.db-starter-site[data-db-industry="saas-tech"] .db-art-tile{background-image:linear-gradient(140deg,#ffffff12 1px,transparent 1px);background-size:28px 28px}
.db-starter-site[data-db-industry="care"] .db-starter-hero{background:color-mix(in srgb,var(--brand-accent) 12%,white)}
@media(max-width:800px){.db-starter-bar{flex-wrap:wrap;padding:16px}.db-starter-header nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.db-starter-head-cta{margin-left:auto}.db-starter-hero,.db-starter-site.dibia-hero-minimal .db-starter-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:45px 24px}.db-hero-visual,.db-art-tile{min-height:230px}.db-starter-cards,.db-contact-details{grid-template-columns:1fr}.db-starter-footer{flex-direction:column;align-items:flex-start}}
/* Match button treatments in the editor preview and exported starter pages. */
.db-starter-site.dibia-button-1 .db-main-cta,.db-starter-site.dibia-button-1 .db-starter-head-cta{background:transparent;color:var(--dibia-btn-bg,var(--brand));border:2px solid var(--dibia-btn-bg,var(--brand))}
.db-starter-site.dibia-button-2 .db-main-cta,.db-starter-site.dibia-button-2 .db-starter-head-cta{background:color-mix(in srgb,var(--dibia-btn-bg,var(--brand)) 18%,white);color:var(--dibia-btn-bg,var(--brand))}
.db-starter-site.dibia-button-3 .db-main-cta,.db-starter-site.dibia-button-3 .db-starter-head-cta{border-radius:999px}
.db-starter-site.dibia-button-4 .db-main-cta,.db-starter-site.dibia-button-4 .db-starter-head-cta{background:transparent;border-radius:0;border-bottom:2px solid var(--dibia-btn-bg,var(--brand));color:var(--dibia-btn-bg,var(--brand))}
.db-starter-site.dibia-button-5 .db-main-cta,.db-starter-site.dibia-button-5 .db-starter-head-cta{background:color-mix(in srgb,var(--dibia-btn-bg,var(--brand)) 50%,transparent);backdrop-filter:blur(10px);border:1px solid var(--dibia-btn-bg,var(--brand))}
.db-starter-site .db-hero-copy h1,.db-starter-site .db-content-block h2{font-family:var(--heading-font,Georgia,serif)}
.db-starter-site .db-starter-header nav{font-family:var(--nav-font,Arial,sans-serif)}
.db-starter-site .db-main-cta,.db-starter-site .db-starter-head-cta{font-family:var(--button-font,Arial,sans-serif)}

.db-starter-site.dibia-button-6 :is(.db-main-cta,.db-starter-head-cta){box-shadow:0 7px 0 #0005,0 13px 20px #0002;transform:translateY(-3px)}
.db-starter-site.dibia-button-7 :is(.db-main-cta,.db-starter-head-cta){box-shadow:inset 0 2px 3px #fff9,inset 0 -5px 1px #0004,0 6px 0 #0005;transform:translateY(-2px)}
.db-starter-site.dibia-button-8 :is(.db-main-cta,.db-starter-head-cta){background-image:linear-gradient(180deg,#ffffff88,transparent 55%,#0002);box-shadow:inset 0 2px 0 #fff8,0 8px 18px #0003}
.db-starter-site.dibia-button-9 :is(.db-main-cta,.db-starter-head-cta){box-shadow:7px 7px 13px #0003,-4px -4px 12px #ffffff90}
