/* Shared Modern area-card surface for public cards and their Design previews. */
.modern-business-area-card{--card-start:#fff;--card-end:#f5f7fa;--card-glow:#edf1f5;--card-wave:#e6ebf0;--card-line:#dce3eb;--card-ink:#18243a;--card-muted:#617086;--card-accent:#526680;--card-accent-deep:#344963;position:relative;isolation:isolate;display:grid;grid-template-rows:54px 1fr;align-items:start;min-width:0;min-height:205px;padding:20px 22px;border:1px solid var(--card-line);border-radius:20px;background:radial-gradient(ellipse at 100% 0%,var(--card-glow),transparent 68%),linear-gradient(145deg,var(--card-start),var(--card-end));box-shadow:var(--modern-action-shadow,0 5px 14px rgba(17,31,53,.09));color:var(--card-ink);text-decoration:none;overflow:hidden;overflow-wrap:anywhere;transition:transform var(--modern-interaction-duration,200ms) var(--modern-interaction-ease,ease),border-color var(--modern-interaction-duration,200ms) var(--modern-interaction-ease,ease),box-shadow var(--modern-interaction-duration,200ms) var(--modern-interaction-ease,ease)}
.modern-business-area-card::before,.modern-business-area-card::after{content:"";position:absolute;z-index:0;pointer-events:none}
.modern-business-area-card::before{top:-86px;right:-82px;width:240px;height:245px;border-radius:42% 0 52% 58%;background:linear-gradient(125deg,transparent 10%,var(--card-wave) 76%);transform:rotate(-32deg);opacity:.7}
.modern-business-area-card::after{right:-60px;bottom:-132px;width:330px;height:210px;border:1px solid var(--card-line);border-radius:50%;background:linear-gradient(155deg,transparent 45%,var(--card-wave));transform:rotate(-15deg);opacity:.7}
.modern-business-area-card--sand{--card-start:#fffdf9;--card-end:#f7f0e6;--card-glow:#f5eada;--card-wave:#e9d9c0;--card-line:#e8dbc9;--card-accent:#bb873b;--card-accent-deep:#87561f}
.modern-business-area-card--sage{--card-start:#fbfdfb;--card-end:#eaf3ef;--card-glow:#e2eee7;--card-wave:#d4e7db;--card-line:#d1e2d9;--card-accent:#507c68;--card-accent-deep:#2d594b}
.modern-business-area-card--sky{--card-start:#fafcff;--card-end:#eaf3fc;--card-glow:#e0edfa;--card-wave:#cfdfef;--card-line:#d2e2f1;--card-accent:#426ba0;--card-accent-deep:#25477f}
.modern-business-area-card--aqua{--card-start:#f9fdfd;--card-end:#e4f4f6;--card-glow:#dceff1;--card-wave:#cbe6e9;--card-line:#cce6e8;--card-accent:#3885a1;--card-accent-deep:#17617c}
.modern-business-area-card--pearl{--card-start:#fff;--card-end:#f2f5f8;--card-glow:#e9eef3;--card-wave:#dfe6ec;--card-line:#dce4eb;--card-accent:#67798d;--card-accent-deep:#42566c}
.modern-business-area-card--blush{--card-start:#fffdfd;--card-end:#f9eff2;--card-glow:#f4e6eb;--card-wave:#eddde4;--card-line:#ead9e1;--card-accent:#9f6682;--card-accent-deep:#774360}
/* Six internal presets reuse the same markup and saved style keys. */
.modern-business-area-card--sand::before{top:-130px;right:-55px;width:245px;height:245px;border:1px solid #e8cfa9;border-radius:50%;background:radial-gradient(circle,var(--card-glow) 0 43%,transparent 44%);transform:none;opacity:.9}
.modern-business-area-card--sand::after{right:-68px;bottom:-145px;width:345px;height:260px;border-color:#ddbd8d;background:transparent;transform:rotate(-13deg);opacity:.65}
.modern-business-area-card--sage::before{top:-95px;right:-55px;width:195px;height:265px;border-radius:3% 92% 4% 88%;background:linear-gradient(135deg,transparent,var(--card-wave));transform:rotate(-28deg);opacity:.8}
.modern-business-area-card--sage::after{right:-22px;bottom:-106px;width:195px;height:205px;border-color:#bad7c5;border-radius:90% 8% 90% 8%;background:linear-gradient(150deg,transparent,var(--card-wave));transform:rotate(20deg);opacity:.65}
.modern-business-area-card--sky::before{top:-95px;right:-85px;width:310px;height:230px;border:1px solid #c6ddf0;border-radius:48%;background:linear-gradient(145deg,transparent,var(--card-wave));transform:rotate(-22deg);opacity:.8}
.modern-business-area-card--sky::after{right:-76px;bottom:-118px;width:330px;height:205px;border-color:#b9d6ec;background:transparent;transform:rotate(-18deg);opacity:.8}
.modern-business-area-card--aqua::before{top:-120px;right:-105px;width:290px;height:270px;border-radius:45% 55% 58% 42%;background:radial-gradient(circle at 40% 65%,transparent 40%,var(--card-wave) 42% 66%,transparent 68%);transform:rotate(-18deg);opacity:.85}
.modern-business-area-card--aqua::after{right:-65px;bottom:-135px;width:350px;height:230px;border-color:#b6dee2;background:linear-gradient(145deg,transparent 58%,var(--card-wave));transform:rotate(-12deg);opacity:.75}
.modern-business-area-card--pearl::before{top:0;right:0;width:46%;height:100%;border-radius:0;background:repeating-linear-gradient(105deg,transparent 0 14px,rgba(144,161,177,.12) 15px,transparent 16px 29px);transform:none;opacity:.75}
.modern-business-area-card--pearl::after{right:-86px;bottom:-146px;width:315px;height:218px;border-color:#cedae4;background:transparent;transform:rotate(-12deg);opacity:.7}
.modern-business-area-card--blush::before{top:-64px;right:-68px;width:240px;height:190px;border:1px solid rgba(255,255,255,.82);border-radius:40% 18% 42% 20%;background:linear-gradient(130deg,rgba(255,255,255,.72),var(--card-wave));transform:rotate(-20deg);opacity:.78}
.modern-business-area-card--blush::after{right:-55px;bottom:-118px;width:280px;height:205px;border-color:#e6cad7;background:linear-gradient(155deg,rgba(255,255,255,.3),transparent);transform:rotate(15deg);opacity:.72}
.modern-business-area-card>.modern-business-area-icon,.modern-business-area-card>.modern-business-area-copy{position:relative;z-index:1}
.modern-business-area-card>.modern-business-area-arrow{z-index:1}
.modern-business-area-icon{display:grid;place-items:center;width:54px;height:54px;border:2px solid rgba(255,255,255,.93);border-radius:50%;background:rgba(255,255,255,.7);color:var(--card-accent-deep);box-shadow:0 5px 14px rgba(17,31,53,.08)}
.modern-business-area-icon .ui-icon{width:27px;height:27px;stroke-width:1.8}
.modern-business-area-copy{display:flex;flex-direction:column;align-self:end;gap:7px;min-width:0;padding-right:68px;margin-top:19px}
.modern-business-area-copy::after{content:"";width:40px;height:2px;margin-top:6px;border-radius:2px;background:var(--card-accent);opacity:.82}
.modern-business-area-catalogue{overflow:hidden;color:var(--card-muted);font-size:.68rem;font-weight:700;letter-spacing:.13em;line-height:1.35;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.modern-business-area-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--card-ink);font-size:clamp(1.1rem,2.6vw,1.4rem);font-weight:700;line-height:1.2;hyphens:auto;overflow-wrap:break-word}
.modern-business-area-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--card-muted);font-size:.82rem;line-height:1.4}
.modern-business-area-image{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover}
.modern-business-area-image[hidden]{display:none}
.modern-business-area-card--image::before{inset:0;z-index:1;width:auto;height:auto;border:0;border-radius:0;background:var(--modern-card-image-overlay,linear-gradient(90deg,rgba(10,23,37,.74) 0%,rgba(10,23,37,.53) 47%,rgba(10,23,37,.06) 100%),linear-gradient(0deg,rgba(10,23,37,.28),transparent 62%));opacity:1;transform:none}
.modern-business-area-card--image::after{display:none}
.modern-business-area-card--image>.modern-business-area-icon,.modern-business-area-card--image>.modern-business-area-arrow,.modern-business-area-card--image>.modern-business-area-copy{z-index:2}
.modern-business-area-card--image .modern-business-area-icon{background:var(--modern-card-image-icon-bg,rgba(255,255,255,.9));color:var(--modern-card-image-icon-ink,#1c2a3d)}
.modern-business-area-card--image .modern-business-area-copy::after{background:var(--modern-image-on-overlay,#fff)}
.modern-business-area-card--image .modern-business-area-catalogue,.modern-business-area-card--image .modern-business-area-description{color:#f1f5f8}
.modern-business-area-card--image .modern-business-area-copy strong{color:var(--modern-image-on-overlay,#fff);text-shadow:0 1px 8px rgba(0,0,0,.18)}
.modern-business-area-card:not(:has(>.modern-business-area-icon:not([hidden]))){grid-template-rows:1fr}
.modern-business-area-icon[hidden]{display:none}
@media(hover:hover){.modern-business-area-card[href]:hover{transform:translateY(-2px);border-color:var(--card-accent);box-shadow:var(--modern-action-shadow-hover,0 8px 18px rgba(17,31,53,.13))}}
.modern-business-area-card[href]:focus-visible{outline:2px solid var(--modern-brand,#3b1e3a);outline-offset:3px;box-shadow:var(--modern-action-shadow-hover,0 8px 18px rgba(17,31,53,.13))}
@media(max-width:359px){.modern-business-area-card{min-height:196px;padding:18px}.modern-business-area-arrow{right:18px;bottom:18px}.modern-business-area-copy{padding-right:64px;margin-top:15px}}
@media(prefers-reduced-motion:reduce){.modern-business-area-card{transition:none}.modern-business-area-card[href]:hover,.modern-business-area-card[href]:focus-visible{transform:none}}