/* Core 0.5.122 — Corporate business website landing. Scoped to its public template.
 * The proven WooCommerce Gutenberg-safe section/grid rules are loaded first.
 * This file adds a distinct business identity and component design. */
body .sd-business-page{
  --shop-width:1200px;
  --biz-accent:#7fe0d3;
  --biz-blue:#599bf5;
}
body .sd-business-page .sd-shop-hero{
  background:
    radial-gradient(ellipse at 87% 12%,rgba(64,142,206,.19),transparent 38%),
    radial-gradient(ellipse at 15% 82%,rgba(10,183,154,.11),transparent 50%),var(--bg);
}
body .sd-business-page .sd-shop-hero .sd-shop-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;gap:clamp(30px,4.2vw,70px)!important;align-items:center!important;min-width:0}
body .sd-business-page .sd-shop-section h1{font-size:clamp(37px,3.9vw,57px)!important;line-height:1.07!important;letter-spacing:-.052em!important;max-width:680px!important;overflow-wrap:normal;word-break:normal}
body .sd-business-page .sd-shop-hero .sd-shop-breadcrumb{margin-bottom:32px!important}
body .sd-business-page .sd-shop-kicker{color:var(--biz-accent)!important}
body .sd-business-page .sd-shop-hero .sd-shop-lead{font-size:16px;max-width:620px;margin-top:25px;line-height:1.78}
body .sd-business-page .sd-shop-hero .sd-shop-fineprint{color:var(--muted);max-width:580px}
body .sd-business-page .sd-shop-hero-visual{min-width:0;max-width:100%;padding:8px 0}
body .sd-business-page .sd-shop-hero .sd-shop-actions{display:flex;gap:12px;flex-wrap:wrap}
body .sd-business-page .sd-shop-btn-primary .wp-block-button__link{background:linear-gradient(130deg,#118fa0,#0ac7a4);box-shadow:0 13px 34px rgba(5,170,160,.15);color:#fff}
body .sd-business-page .sd-shop-preview-note{font-size:11px!important;color:var(--muted);margin:17px 4px 0!important;text-align:right}
body .sd-business-page .sd-shop-proof{background:color-mix(in srgb,var(--surface2) 65%,var(--bg))}
body .sd-business-page .sd-shop-feature-card{transition:transform .18s ease,border-color .18s ease}
body .sd-business-page .sd-shop-feature-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--biz-blue) 45%,var(--line))}
body .sd-business-page .sd-shop-feature-card .sd-shop-feature-n,body .sd-business-page .sd-shop-step .sd-shop-step-number{color:var(--biz-accent)}
body .sd-business-page .sd-shop-steps .sd-shop-step:before{background:linear-gradient(90deg,var(--biz-blue),var(--biz-accent))}
body .sd-business-page .sd-shop-portfolio{background:color-mix(in srgb,var(--surface2) 45%,var(--bg))}
body .sd-business-page .sd-shop-experience-panel{background:radial-gradient(circle at 86% 15%,rgba(59,138,203,.12),transparent 36%),var(--surface)}
body .sd-business-page .sd-shop-final{background:linear-gradient(110deg,#112438,#103e53 54%,#0f4a48)}
body .sd-business-page .sd-shop-final .sd-shop-overline{color:#a5efdf}
body .sd-business-page .sd-shop-final .sd-shop-actions{display:flex}

/* Purpose-built agency website mockup. Entire design uses local CSS, no image URLs. */
.sd-business-preview{position:relative;isolation:isolate;border:1px solid #3a536b;border-radius:23px;background:#0a192b;color:#f4fbff;box-shadow:0 34px 70px rgba(0,0,0,.38);overflow:hidden;min-width:0;max-width:100%;transform:perspective(1250px) rotateY(-3deg) rotateZ(.6deg)}
.sd-business-browser{display:flex;justify-content:space-between;align-items:center;gap:12px;height:39px;padding:0 16px;border-bottom:1px solid #28405a;background:#0d1f32;color:#809db8;letter-spacing:.12em;font-weight:800;font-size:9px}
.sd-business-browser span:first-child{display:flex;align-items:center;gap:5px}
.sd-business-browser i{display:block;width:7px;height:7px;background:#3d5d76;border-radius:50%}
.sd-business-browser b{font-size:9px;color:#8be5d4}
.sd-business-canvas{padding:22px 22px 25px;background:radial-gradient(circle at 98% 0%,rgba(69,161,218,.12),transparent 55%),#0c1828}
.sd-business-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;color:#acc3d6;font-size:9px}
.sd-business-nav strong{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;letter-spacing:.05em;color:white;font-size:10px}
.sd-business-nav em{color:#6be5ce;font-style:normal;white-space:nowrap}
.sd-business-logo-mark{display:inline-block;width:17px;height:17px;border-radius:5px 9px 4px 9px;transform:rotate(-15deg);background:linear-gradient(125deg,#54a6f5,#69dec3)}
.sd-business-showcase{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:235px;padding:25px 27px;overflow:hidden;border:1px solid #285476;border-radius:17px;background:linear-gradient(125deg,#123b58 5%,#132f4c 54%,#09594d)}
.sd-business-showcase-content{z-index:1;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0}
.sd-business-showcase-content small{font-weight:800;font-size:8px;letter-spacing:.16em;color:#a9f6e3}
.sd-business-showcase-content strong{line-height:1.18;letter-spacing:-.04em;font-size:clamp(18px,2.2vw,31px);max-width:330px}
.sd-business-showcase-content span{font-size:10px;line-height:1.5;color:#b7d4e4}
.sd-business-showcase-content b{display:inline-flex;font-size:9px;margin-top:4px;background:#e0fff2;color:#123d43;border-radius:8px;padding:9px 11px}
.sd-business-geometric{position:absolute;right:-7%;top:-20%;bottom:-5%;width:55%;min-width:120px;pointer-events:none;opacity:.95}
.sd-business-geometric span{position:absolute;display:block;border:1px solid rgba(155,231,226,.45);border-radius:24px;transform:rotate(-27deg);background:linear-gradient(145deg,rgba(96,195,240,.35),rgba(52,219,158,.05))}
.sd-business-geometric span:nth-child(1){width:64%;height:61%;right:17%;top:13%}
.sd-business-geometric span:nth-child(2){width:72%;height:54%;right:0;top:37%;background:linear-gradient(135deg,rgba(52,226,173,.22),rgba(50,119,206,.12))}
.sd-business-geometric span:nth-child(3){width:46%;height:43%;right:35%;top:55%;background:linear-gradient(125deg,rgba(29,163,205,.25),transparent)}
.sd-business-block-label{display:flex;justify-content:space-between;gap:10px;color:#8baac2;font-size:8px;font-weight:850;letter-spacing:.15em;margin:19px 0 9px}
.sd-business-block-label span{color:#69e3cf}
.sd-business-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sd-business-cards>div{min-width:0;display:flex;flex-direction:column;gap:6px;padding:13px 10px;border:1px solid #274056;border-radius:10px;background:#152638}
.sd-business-cards i{font-style:normal;color:#77d8cc;font-size:14px}
.sd-business-cards b{font-size:10px;color:#eefaff;line-height:1.3}
.sd-business-cards small{font-size:9px;color:#86a7bd;line-height:1.35}

/* Distinctive, reliable editorial rhythm. Inherit hardened grid behavior from WooCommerce. */
body .sd-business-page .sd-shop-section .sd-shop-overline{color:var(--biz-accent)}
body .sd-business-page .sd-shop-seo-point span{background:rgba(61,161,211,.14);color:var(--biz-accent)}
body .sd-business-page .sd-shop-experience-panel .sd-shop-overline{color:var(--biz-accent)}
body .sd-business-page .sd-shop-price-factors{border-color:color-mix(in srgb,#559ce0 40%,var(--line))}
body .sd-business-page .sd-shop-faq-item[open]{border-color:color-mix(in srgb,var(--biz-blue) 65%,var(--line))}
body .sd-business-page .sd-shop-faq-item summary:after{color:var(--biz-accent)}
/* The canonical site services card stylesheet is only loaded on /services/. */
.sd-services-page .sd-business-services-link{color:var(--accent2)}
@media(max-width:1100px){.sd-business-preview{transform:none}.sd-business-nav{gap:6px}.sd-business-showcase{min-height:220px}}
@media(max-width:780px){
 body .sd-business-page .sd-shop-hero .sd-shop-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:35px!important}
 body .sd-business-page .sd-shop-section h1{font-size:clamp(36px,6.4vw,52px)!important;max-width:740px!important}
 body .sd-business-page .sd-shop-hero-visual{max-width:630px;width:100%}
 .sd-business-nav{gap:11px}
}
@media(max-width:620px){
 body .sd-business-page .sd-shop-section h1{font-size:clamp(34px,9vw,43px)!important;letter-spacing:-.047em!important}
 body .sd-business-page .sd-shop-hero .sd-shop-breadcrumb{margin-bottom:22px!important}
 body .sd-business-page .sd-shop-hero .sd-shop-actions,body .sd-business-page .sd-shop-final .sd-shop-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px;width:100%}
 body .sd-business-page .sd-shop-actions>.wp-block-button,body .sd-business-page .sd-shop-actions .wp-block-button__link{width:100%!important}
 .sd-business-canvas{padding:15px 12px 16px}
 .sd-business-browser{padding:0 12px}
 .sd-business-nav span,.sd-business-nav em{display:none}
 .sd-business-showcase{min-height:190px;padding:19px 18px}
 .sd-business-showcase-content strong{font-size:clamp(19px,6vw,25px)}
 .sd-business-showcase-content span{font-size:9px}
 .sd-business-geometric{right:-21%;opacity:.7}
 .sd-business-cards>div{padding:10px 7px}
 .sd-business-cards b{font-size:9px}
 .sd-business-cards small{font-size:8px}
 body .sd-business-page .sd-shop-preview-note{text-align:left}
}
@media(prefers-reduced-motion:reduce){body .sd-business-page .sd-shop-feature-card{transition:none!important}}