/* digi-transform art pack 08.11.2026: SVG בלבד, בלי JS ובלי רשת. שימוש: <link rel="stylesheet" href="art/decor.css"> והוספת מחלקות. לא משנה דבר בלי מחלקה */
/* רקעים לסקציות */
.dt-bg-glow{background:#0a1628 url(bg-glow.svg) center/cover no-repeat;color:#f4f6fb}
.dt-bg-circuit{position:relative;isolation:isolate}
.dt-bg-circuit::before{content:"";position:absolute;inset:0;z-index:-1;background:url(bg-circuit.svg);pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.dt-bg-mesh{background:#f7f9fc url(bg-mesh-light.svg) center/cover no-repeat;color:#002145}
/* באנר לכותרת עמוד: הכותרת האמיתית (H1) נשארת טקסט בדף ומונחת מעליו, בצד ימין */
.dt-banner{position:relative;min-height:190px;display:flex;align-items:center;padding:28px clamp(16px,5vw,64px);color:#fff;background:#002145 center/cover no-repeat;border-radius:0 0 28px 28px}
.dt-banner h1,.dt-banner h2{color:#fff;font-weight:800;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.dt-banner--automation{background-image:url(banner-automation.svg)}
.dt-banner--crm{background-image:url(banner-crm.svg)}
.dt-banner--website{background-image:url(banner-website.svg)}
.dt-banner--ai{background-image:url(banner-ai.svg)}
/* איורים ותגים */
.dt-art{display:block;width:100%;height:auto;max-width:100%}
.dt-badge{display:inline-block;width:132px;height:132px;vertical-align:middle}
/* אייקון: <span class="dt-ico"><img src="art/ico-crm.svg" alt="" width="30" height="30"></span> (sprite icons.svg#i-crm עובד רק ב-http) */
.dt-ico{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#FFCE26,#FF6E00);color:#002145;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),0 8px 18px rgba(255,110,0,.28)}
.dt-ico svg,.dt-ico img{width:30px;height:30px}
@media(max-width:640px){.dt-banner{min-height:150px;border-radius:0 0 20px 20px}.dt-badge{width:104px;height:104px}.dt-ico{width:46px;height:46px;border-radius:15px}.dt-ico svg,.dt-ico img{width:25px;height:25px}}