:root{
  --sdm-bg:#061725;--sdm-bg2:#09243a;--sdm-panel:rgba(13,37,58,.68);--sdm-panel-strong:rgba(9,28,45,.91);
  --sdm-line:rgba(176,218,244,.16);--sdm-line-bright:rgba(126,207,255,.38);--sdm-text:#f6fbff;--sdm-muted:#a9bfd0;
  --sdm-blue:#2aa7ff;--sdm-blue2:#1978ff;--sdm-orange:#ff5a0a;--sdm-green:#65e3a7;--sdm-violet:#ad62ff;
  --sdm-shadow:0 22px 70px rgba(0,0,0,.36);--sdm-radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--sdm-bg)}body{margin:0;font-family:"Cairo",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#071827 0%,#061522 100%);color:var(--sdm-text);min-height:100vh;overflow-x:hidden}button,a{font:inherit}.sdm-page{position:relative;isolation:isolate;min-height:100vh}.sdm-page::before{content:"";position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 12% 20%,rgba(39,126,190,.14),transparent 33%),radial-gradient(circle at 85% 58%,rgba(91,51,141,.12),transparent 26%),linear-gradient(180deg,#071b2c,#06141f 65%,#05121c)}
.sdm-depth{position:fixed;right:-3vw;top:0;width:min(50vw,760px);height:100vh;z-index:-3;pointer-events:none;background-image:url('/assets/modules/background/honeycomb.svg');background-size:96px 84px;background-position:right center;opacity:.34;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 18%,rgba(0,0,0,.72) 58%,#000 100%)}
.sdm-depth::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 28%,rgba(66,238,168,.18),transparent 27%),radial-gradient(circle at 88% 67%,rgba(174,82,255,.16),transparent 24%),linear-gradient(180deg,transparent 0 20%,rgba(0,0,0,.15) 50%,transparent 83%)}
.sdm-shell{width:min(100%,1220px);margin:0 auto;padding-inline:18px}.sdm-header{height:72px;position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1220px)/2 + 18px));background:rgba(5,20,32,.72);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);border-bottom:1px solid rgba(160,216,248,.12)}
.sdm-brand{display:flex;align-items:center;text-decoration:none;min-width:0}.sdm-brand img{display:block;width:clamp(166px,33vw,220px);height:auto}.sdm-header-actions{display:flex;align-items:center;gap:8px}.sdm-lang{height:40px;min-width:54px;padding:0 12px;border:1px solid rgba(169,207,232,.2);border-radius:13px;background:rgba(9,31,49,.62);color:#eaf6ff;font-weight:800;font-size:13px;letter-spacing:.04em}.sdm-menu-btn{width:42px;height:42px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.sdm-menu-btn span{display:block;width:25px;height:2px;border-radius:2px;background:#f5fbff;margin:3px auto;transition:.2s}.sdm-menu-wrap{position:relative}.sdm-menu{position:absolute;top:50px;right:0;width:225px;padding:8px;background:rgba(7,27,42,.97);border:1px solid rgba(141,202,237,.18);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.38);backdrop-filter:blur(18px)}.sdm-menu[hidden]{display:none}.sdm-menu a{display:block;color:#d9eaf5;text-decoration:none;padding:11px 12px;border-radius:11px}.sdm-menu a:hover{background:rgba(47,159,234,.12);color:#fff}.sdm-staging-note{padding:8px 12px;color:#7696aa;font-size:11px;border-top:1px solid rgba(255,255,255,.07);margin-top:4px}
.sdm-hero{position:relative;min-height:calc(100svh - 72px);display:grid;align-items:center;padding:34px 0 28px;overflow:hidden}.sdm-streaks{position:absolute;inset:0;z-index:-1;background:url('/assets/modules/hero/streaks.webp') center 28%/cover no-repeat;opacity:.5;mix-blend-mode:screen;mask-image:linear-gradient(180deg,rgba(0,0,0,.93),rgba(0,0,0,.78) 65%,transparent 100%)}.sdm-hero-grid{display:grid;gap:10px;align-items:center}.sdm-kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#83d9ff;font-weight:800;margin-bottom:8px}.sdm-kicker::after{content:"";display:block;width:36px;height:2px;background:var(--sdm-orange);margin-top:11px;border-radius:9px}.sdm-hero h1{font-size:clamp(42px,11vw,74px);line-height:.98;letter-spacing:-.035em;margin:0;max-width:780px}.sdm-hero h1 em{font-style:normal;color:var(--sdm-orange);display:block}.sdm-hero-copy p{font-size:clamp(16px,4vw,19px);line-height:1.5;color:#c2d5e3;margin:15px 0 0;max-width:600px}.sdm-hero-visual{position:relative;display:grid;place-items:center;margin:-3px auto 0;width:min(100%,760px)}.sdm-hero-visual::before{content:"";position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(37,169,255,.22),transparent 62%);filter:blur(18px)}.sdm-mothership{display:block;width:min(100%,560px);height:auto;filter:drop-shadow(0 24px 28px rgba(0,0,0,.3));position:relative;z-index:1}.sdm-pillars{display:grid;grid-template-columns:repeat(3,1fr);margin:4px 0 22px;border-top:1px solid rgba(158,211,241,.15);border-bottom:1px solid rgba(158,211,241,.15);background:rgba(10,32,50,.35);backdrop-filter:blur(12px);border-radius:18px}.sdm-pillar{padding:15px 8px;text-align:center;min-width:0}.sdm-pillar+.sdm-pillar{border-left:1px solid rgba(159,210,239,.14)}.sdm-pillar svg{width:29px;height:29px;stroke:#d9f2ff;fill:none;stroke-width:1.8;margin-bottom:6px}.sdm-pillar strong{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.sdm-pillar span{display:block;margin-top:2px;font-size:10.5px;line-height:1.25;color:#9fb7c7}.sdm-cta{width:100%;min-height:58px;border:1px solid rgba(126,205,255,.58);border-radius:18px;background:linear-gradient(180deg,#21a8ff,#1678e8);box-shadow:0 0 22px rgba(37,160,255,.22),inset 0 1px 0 rgba(255,255,255,.4);color:#fff;font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:18px;cursor:pointer}.sdm-cta span{font-size:25px;font-weight:400}.sdm-hero-foot{text-align:center;margin-top:12px;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#7798ad}
.sdm-modules{position:relative;padding:32px 0 90px;scroll-margin-top:72px}.sdm-modules::before{content:"";position:absolute;inset:0 -10vw;z-index:-1;background:linear-gradient(180deg,rgba(5,17,28,.18),rgba(8,31,49,.42) 15%,rgba(7,25,40,.18));border-top:1px solid rgba(151,210,243,.07)}.sdm-modules-head h2{font-size:clamp(32px,8vw,52px);line-height:1.05;margin:0;letter-spacing:-.025em}.sdm-modules-head p{margin:7px 0 0;color:#aec3d1;line-height:1.5;max-width:720px}.sdm-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.sdm-tab{height:42px;border:1px solid rgba(151,208,240,.18);background:rgba(10,34,53,.52);color:#b9ccda;border-radius:14px;font-weight:700;font-size:13px;cursor:pointer;backdrop-filter:blur(14px)}.sdm-tab.active{color:#fff;border-color:#47bfff;background:linear-gradient(180deg,rgba(35,169,255,.95),rgba(24,110,219,.95));box-shadow:0 0 18px rgba(36,158,255,.22)}
.sdm-section-label{display:flex;align-items:center;gap:10px;margin:22px 2px 10px}.sdm-section-label .dot{width:9px;height:9px;border-radius:50%;background:#68e7aa;box-shadow:0 0 12px rgba(104,231,170,.6)}.sdm-section-label.addons .dot{background:#795bff;box-shadow:0 0 12px rgba(121,91,255,.6)}.sdm-section-label h3{font-size:17px;margin:0}.sdm-section-label span{margin-left:auto;font-size:11px;color:#86a0b2}.sdm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sdm-card{position:relative;appearance:none;border:1px solid rgba(143,202,236,.18);border-radius:17px;background:linear-gradient(180deg,rgba(21,51,74,.54),rgba(8,30,48,.66));backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);padding:10px 8px 10px;color:#fff;text-align:left;cursor:pointer;min-width:0;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.sdm-card::before{content:"";position:absolute;right:-30px;top:-28px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(62,190,255,.12),transparent 64%)}.sdm-card:hover,.sdm-card:focus-visible{transform:translateY(-2px);border-color:rgba(81,187,247,.55);outline:0}.sdm-card.selected{border-color:#5abfff;box-shadow:0 0 0 1px rgba(67,178,255,.45),0 0 23px rgba(36,145,255,.18);background:linear-gradient(180deg,rgba(28,67,94,.74),rgba(10,34,53,.78))}.sdm-card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;margin:-4px auto -7px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.26));position:relative;z-index:1}.sdm-card-row{display:flex;align-items:flex-start;gap:5px;position:relative;z-index:1}.sdm-number{font-size:11px;color:#9fb8ca;font-weight:800;min-width:20px;padding-top:2px}.sdm-card h4{font-size:12.5px;line-height:1.15;margin:0;font-weight:800;min-width:0}.sdm-status{position:absolute;right:8px;top:8px;font-size:8px;line-height:1;padding:5px 6px;border:1px solid rgba(101,231,169,.35);background:rgba(28,117,81,.25);color:#98f0c2;border-radius:999px;z-index:2}.sdm-status.add-on{border-color:rgba(141,112,255,.34);background:rgba(82,52,151,.26);color:#c2adff}.sdm-card small{display:none}.sdm-empty{grid-column:1/-1;color:#96aebe;padding:26px 8px;text-align:center}
.sdm-sheet-backdrop{position:fixed;inset:0;z-index:100;background:rgba(2,9,15,.34);opacity:0;pointer-events:none;transition:opacity .2s}.sdm-sheet-backdrop.open{opacity:1;pointer-events:auto}.sdm-sheet{position:absolute;left:8px;right:8px;bottom:8px;max-height:min(76svh,680px);overflow:auto;border:1px solid rgba(164,218,247,.22);border-radius:25px;background:linear-gradient(180deg,rgba(18,43,63,.94),rgba(7,25,40,.97));box-shadow:0 -20px 70px rgba(0,0,0,.45);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);transform:translateY(calc(100% + 24px));transition:transform .28s cubic-bezier(.2,.8,.2,1);padding:10px 14px max(18px,env(safe-area-inset-bottom))}.sdm-sheet-backdrop.open .sdm-sheet{transform:translateY(0)}.sdm-sheet-handle{width:54px;height:4px;border-radius:99px;background:#9cc8e2;margin:1px auto 9px;opacity:.85}.sdm-sheet-close{position:absolute;right:12px;top:12px;border:0;background:transparent;color:#dff5ff;font-size:28px;line-height:1;cursor:pointer}.sdm-sheet-main{display:grid;grid-template-columns:128px 1fr;gap:12px;align-items:center;padding:4px 28px 6px 0}.sdm-sheet-img{width:128px;height:128px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.3))}.sdm-sheet-tag{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid rgba(117,197,244,.22);background:rgba(43,123,176,.15);color:#adddff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.sdm-sheet h3{font-size:21px;line-height:1.08;margin:0}.sdm-sheet .tagline{color:#b8d1e0;margin:4px 0 0;font-size:12px;line-height:1.35}.sdm-sheet-desc{font-size:12px;line-height:1.45;color:#b7cbd8;margin:6px 0 8px}.sdm-bullets{display:grid;gap:5px;margin:10px 0 13px;padding:0;list-style:none}.sdm-bullets li{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.35;color:#e2f0f8}.sdm-check{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(180deg,#38b8ff,#197cf1);color:#fff;font-size:11px;font-weight:900;box-shadow:0 0 10px rgba(42,166,255,.22)}.sdm-triptych{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(154,211,241,.15);padding-top:11px}.sdm-triptych article{padding:0 8px;text-align:center;min-width:0}.sdm-triptych article+article{border-left:1px solid rgba(154,211,241,.13)}.sdm-triptych svg{width:24px;height:24px;stroke:#e7f7ff;fill:none;stroke-width:1.7;margin-bottom:4px}.sdm-triptych strong{display:block;font-size:10px}.sdm-triptych span{display:block;font-size:9px;line-height:1.22;color:#93acbc;margin-top:2px}.sdm-sheet-benefit{font-size:10px;color:#7898ab;margin:10px 0 0;text-align:center}
.sdm-footer{padding:18px 18px 28px;text-align:center;color:#6f90a5;font-size:9px;letter-spacing:.27em;text-transform:uppercase;border-top:1px solid rgba(161,217,246,.08)}
@media (min-width:720px){.sdm-shell{padding-inline:28px}.sdm-hero{padding-top:44px}.sdm-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);gap:10px}.sdm-hero h1 em{display:inline}.sdm-mothership{width:min(100%,620px)}.sdm-hero-bottom{grid-column:1/-1;max-width:900px;margin:0 auto;width:100%}.sdm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sdm-card{padding:12px}.sdm-card h4{font-size:14px}.sdm-card small{display:block;color:#8fa9ba;font-size:9px;line-height:1.25;margin:5px 0 0 25px}.sdm-tabs{display:flex}.sdm-tab{width:142px}.sdm-sheet-main{grid-template-columns:165px 1fr}.sdm-sheet-img{width:165px;height:165px}}
@media (min-width:1024px){.sdm-header{height:76px}.sdm-hero{min-height:calc(100svh - 76px);padding-block:44px}.sdm-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr)}.sdm-hero-copy{padding-left:4vw}.sdm-hero-bottom{max-width:740px}.sdm-modules{padding-top:48px}.sdm-modules-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.sdm-modules-head p{max-width:520px;text-align:right}.sdm-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.sdm-card img{margin:-2px auto -10px}.sdm-card small{margin-left:0;display:block}.sdm-card-row{display:block}.sdm-number{display:block;margin-bottom:2px}.sdm-card h4{font-size:12px}.sdm-sheet-backdrop{background:transparent}.sdm-sheet{left:auto;right:18px;top:94px;bottom:18px;width:min(410px,35vw);max-height:none;border-radius:24px;padding:13px 18px 20px;transform:translateX(calc(100% + 32px))}.sdm-sheet-backdrop.open .sdm-sheet{transform:translateX(0)}.sdm-sheet-main{grid-template-columns:1fr;display:block;padding:6px 30px 4px 0}.sdm-sheet-img{display:block;width:220px;height:220px;margin:0 auto 4px}.sdm-sheet h3{font-size:27px}.sdm-sheet .tagline{font-size:13px}.sdm-sheet-desc,.sdm-bullets li{font-size:12.5px}.sdm-triptych strong{font-size:11px}.sdm-triptych span{font-size:9.5px}}
@media (min-width:1360px){.sdm-shell{max-width:1300px}.sdm-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.sdm-card{padding:14px 12px}.sdm-card h4{font-size:13px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sdm-card,.sdm-sheet,.sdm-sheet-backdrop{transition:none}}


/* ============================================================
   v0.9.7.1 MODULES REFINEMENT PASS — approved 7-point polish
   ============================================================ */
html,body,.sdm-page{max-width:100%;overflow-x:clip}
img,svg{max-width:100%}
.sdm-shell,.sdm-hero-grid,.sdm-modules,.sdm-grid,.sdm-card,.sdm-sheet,.sdm-triptych,.sdm-triptych article{min-width:0}
.sdm-modules::before{inset:0;left:0;right:0}

/* stronger, more graphical depth layer */
.sdm-depth{right:0;width:min(58vw,860px);background-image:url('/assets/modules/background/honeycomb-graphic.svg');background-size:220px 191px;background-position:right top;opacity:.52;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 15%,rgba(0,0,0,.72) 57%,#000 100%)}
.sdm-depth::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.014) 0 2px,transparent 2px 7px),repeating-linear-gradient(45deg,rgba(0,0,0,.08) 0 1px,transparent 1px 8px);mix-blend-mode:soft-light;opacity:.8}
.sdm-depth::after{background:radial-gradient(circle at 76% 24%,rgba(69,237,168,.22),transparent 27%),radial-gradient(circle at 89% 66%,rgba(167,83,255,.2),transparent 25%),radial-gradient(circle at 68% 89%,rgba(41,167,255,.14),transparent 22%)}

/* header contrast */
.sdm-brand img{width:clamp(168px,34vw,225px);filter:drop-shadow(0 1px 5px rgba(0,0,0,.2))}

/* mothership alive + connector energy */
.sdm-hero-visual{overflow:visible}
.sdm-mothership-stage{position:relative;width:min(100%,560px);display:grid;place-items:center;animation:sdmMothershipHover 5.8s ease-in-out infinite;will-change:transform}
.sdm-mothership{width:100%;margin:0;filter:drop-shadow(0 26px 30px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(36,159,255,.08))}
.sdm-energy-pin{position:absolute;left:14.6%;top:29.5%;width:7%;height:13%;pointer-events:none;filter:drop-shadow(0 0 7px rgba(255,179,51,.9));z-index:3}
.sdm-energy-pin::before,.sdm-energy-pin::after,.sdm-energy-pin i{content:"";position:absolute;border-radius:999px;background:linear-gradient(180deg,#fff6b1 0%,#ffbe32 42%,#ff6a00 100%);box-shadow:0 0 4px #fff7b0,0 0 10px rgba(255,151,20,.9);opacity:0;transform-origin:center}
.sdm-energy-pin::before{width:2px;height:38%;left:30%;top:11%;transform:rotate(24deg);animation:sdmSpark 1.8s steps(1,end) infinite}
.sdm-energy-pin::after{width:2px;height:34%;left:63%;top:39%;transform:rotate(-34deg);animation:sdmSpark 1.8s .58s steps(1,end) infinite}
.sdm-energy-pin i:nth-child(1){width:4px;height:4px;left:46%;top:24%;animation:sdmPulseDot 1.5s ease-in-out infinite}
.sdm-energy-pin i:nth-child(2){width:3px;height:3px;left:12%;top:56%;animation:sdmPulseDot 1.7s .35s ease-in-out infinite}
.sdm-energy-pin i:nth-child(3){width:3px;height:3px;right:5%;top:18%;animation:sdmPulseDot 1.6s .8s ease-in-out infinite}
@keyframes sdmMothershipHover{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes sdmSpark{0%,12%,18%,100%{opacity:0}13%,17%{opacity:1}}
@keyframes sdmPulseDot{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.55)}}

/* futuristic glass CTA */
.sdm-cta{min-height:60px;border:1px solid rgba(136,215,255,.44);border-radius:20px;background:linear-gradient(180deg,rgba(91,186,241,.22),rgba(20,87,142,.24));box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(48,161,232,.14),0 10px 34px rgba(0,0,0,.19),0 0 24px rgba(44,166,255,.13);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);padding:7px 9px 7px 22px;justify-content:space-between;gap:12px}
.sdm-cta:hover,.sdm-cta:focus-visible{border-color:rgba(101,204,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 0 28px rgba(36,163,255,.25);outline:0}
.sdm-cta-label{flex:1;text-align:center;font-size:17px;font-weight:800}
.sdm-cta-arrow{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(166,225,255,.28);background:linear-gradient(180deg,rgba(130,215,255,.2),rgba(17,77,121,.25));box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.sdm-cta-arrow svg{width:25px;height:25px;fill:none;stroke:#eaf8ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(90deg)}

/* compact module housing + readable typography */
.sdm-section-label{margin-top:20px;margin-bottom:10px}
.sdm-section-label h3{font-size:18px;line-height:1.2}.sdm-section-label span{font-size:12px}
.sdm-grid{align-items:start;grid-auto-rows:auto}
.sdm-card{height:174px;display:grid;grid-template-rows:116px auto;align-content:start;padding:9px 9px 10px;border-radius:16px;overflow:hidden}
.sdm-card img{width:112px;height:112px;max-width:88%;aspect-ratio:auto;object-fit:contain;justify-self:center;align-self:center;margin:0;filter:drop-shadow(0 9px 11px rgba(0,0,0,.28))}
.sdm-card-row{gap:6px;align-items:flex-start;align-self:end}
.sdm-number{font-size:12px;line-height:1.2;padding-top:1px;min-width:22px}.sdm-card h4{font-size:14px;line-height:1.14;overflow-wrap:anywhere}.sdm-card small{display:none}
.sdm-status{right:8px;top:8px;font-size:9.5px;padding:6px 8px;letter-spacing:.01em;background:rgba(28,117,81,.34);backdrop-filter:blur(8px)}
.sdm-status.add-on{background:rgba(82,52,151,.34)}

/* robust information sheet sizing */
.sdm-sheet-backdrop{overflow:hidden}
.sdm-sheet{position:fixed;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-width:calc(100vw - 16px);max-height:min(82svh,760px);overflow-x:hidden;overflow-y:auto;padding:11px 16px max(20px,env(safe-area-inset-bottom));isolation:isolate}
.sdm-sheet::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(18,43,63,.93),rgba(7,25,40,.975))}
.sdm-sheet::after{content:"";position:absolute;right:-4%;bottom:-5%;width:52%;height:42%;z-index:-1;pointer-events:none;background-image:linear-gradient(135deg,transparent 0 34%,color-mix(in srgb,var(--module-accent,#2aa7ff) 16%,transparent) 62%,color-mix(in srgb,var(--module-accent,#2aa7ff) 28%,transparent) 100%),url('/assets/modules/background/honeycomb-graphic.svg');background-size:100% 100%,145px 126px;background-position:center,right bottom;background-repeat:no-repeat,repeat;opacity:.42;mask-image:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.2) 30%,#000 74%)}
.sdm-sheet-main{position:relative;z-index:1;grid-template-columns:128px minmax(0,1fr);gap:13px;align-items:center}
.sdm-sheet-img{width:128px;height:128px;object-fit:contain;animation:sdmModuleBreathe 3.5s ease-in-out infinite;filter:drop-shadow(0 13px 15px rgba(0,0,0,.3)) drop-shadow(0 0 16px color-mix(in srgb,var(--module-accent,#2aa7ff) 24%,transparent));will-change:transform}
@keyframes sdmModuleBreathe{0%,100%{transform:translateY(2px)}50%{transform:translateY(-7px)}}
.sdm-sheet-tag{font-size:10.5px;padding:7px 9px;margin-bottom:7px;border-color:color-mix(in srgb,var(--module-accent,#2aa7ff) 42%,transparent);background:color-mix(in srgb,var(--module-accent,#2aa7ff) 12%,rgba(15,44,66,.2));color:#d9f3ff}
.sdm-sheet h3{font-size:24px;line-height:1.08}.sdm-sheet .tagline{font-size:14px;line-height:1.42;color:#c1d7e4}.sdm-sheet-desc{font-size:14px;line-height:1.55;color:#c4d6e2;margin:10px 0 11px}.sdm-bullets{gap:7px;margin:11px 0 15px}.sdm-bullets li{font-size:14px;line-height:1.4}.sdm-check{width:21px;height:21px;font-size:12px}
.sdm-triptych{padding-top:13px;gap:0}.sdm-triptych article{padding:0 7px}.sdm-triptych svg{width:27px;height:27px;margin-bottom:6px}.sdm-triptych strong{font-size:12.5px;line-height:1.25}.sdm-triptych span{font-size:11.3px;line-height:1.35;margin-top:4px;overflow-wrap:anywhere}.sdm-sheet-benefit{font-size:12.3px;line-height:1.45;color:#91adbe;margin:13px 3px 2px;text-align:center;overflow-wrap:anywhere}

@media (max-width:390px){
  .sdm-shell{padding-inline:12px}.sdm-header{padding-left:12px;padding-right:10px}.sdm-brand img{width:160px}.sdm-grid{gap:7px}.sdm-card{height:166px;padding:7px 7px 9px;grid-template-rows:109px auto}.sdm-card img{width:105px;height:105px}.sdm-card h4{font-size:13px}.sdm-number{font-size:11.5px}.sdm-status{font-size:9px;padding:5px 7px}.sdm-sheet{left:6px;right:6px;max-width:calc(100vw - 12px);padding-left:13px;padding-right:13px}.sdm-sheet-main{grid-template-columns:112px minmax(0,1fr)}.sdm-sheet-img{width:112px;height:112px}.sdm-sheet h3{font-size:22px}.sdm-sheet-desc,.sdm-bullets li{font-size:13.5px}.sdm-triptych strong{font-size:11.5px}.sdm-triptych span{font-size:10.5px}
}

@media (min-width:720px){
  .sdm-mothership-stage{width:min(100%,620px)}
  .sdm-card{height:196px;grid-template-rows:130px auto;padding:11px}.sdm-card img{width:128px;height:128px}.sdm-card h4{font-size:15px}.sdm-number{font-size:12.5px}.sdm-status{font-size:10px;padding:6px 9px}.sdm-card small{display:block;font-size:10.5px;line-height:1.3;margin:4px 0 0 0;color:#9db4c3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdm-card-row{align-self:auto}
  .sdm-sheet-main{grid-template-columns:165px minmax(0,1fr)}.sdm-sheet-img{width:165px;height:165px}
}

@media (min-width:1024px){
  .sdm-card{height:205px;grid-template-rows:132px auto;padding:12px 11px}.sdm-card img{width:130px;height:130px;max-width:100%}.sdm-card-row{display:flex;gap:5px}.sdm-number{display:block;margin:0}.sdm-card h4{font-size:14px}.sdm-card small{font-size:10px;margin-left:0}
  .sdm-sheet{left:auto;right:18px;top:94px;bottom:18px;width:min(460px,38vw);max-width:min(460px,38vw);max-height:none;padding:15px 20px 22px;transform:translateX(calc(100% + 38px))}
  .sdm-sheet-main{display:block;padding:4px 26px 6px 0}.sdm-sheet-img{width:230px;height:230px;margin:0 auto 5px}.sdm-sheet h3{font-size:29px}.sdm-sheet .tagline{font-size:14px}.sdm-sheet-desc,.sdm-bullets li{font-size:14px}.sdm-triptych strong{font-size:12.5px}.sdm-triptych span{font-size:11px}.sdm-sheet-benefit{font-size:12.5px}
}

@media (prefers-reduced-motion:reduce){.sdm-mothership-stage,.sdm-sheet-img,.sdm-energy-pin::before,.sdm-energy-pin::after,.sdm-energy-pin i{animation:none!important}}

/* ============================================================
   v0.9.7.2 MODULES INTERACTION + FIT PASS
   ============================================================ */

/* Smaller, denser graphical honeycomb: visible depth without competing with content */
.sdm-depth{
  width:min(60vw,880px);
  background-size:148px 129px;
  opacity:.48;
}
.sdm-depth::before{opacity:.56}

/* Stronger frosted CTA with an unmistakable downward cue */
.sdm-cta{
  position:relative;
  overflow:hidden;
  min-height:62px;
  border-color:rgba(148,222,255,.56);
  background:
    linear-gradient(180deg,rgba(100,200,255,.24),rgba(19,71,116,.36)),
    rgba(7,30,48,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(51,176,255,.18),
    0 12px 32px rgba(0,0,0,.22),
    0 0 26px rgba(42,167,255,.16);
}
.sdm-cta::before{
  content:"";
  position:absolute;
  inset:-80% auto -80% -22%;
  width:34%;
  transform:rotate(17deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
  pointer-events:none;
}
.sdm-cta:hover::before,.sdm-cta:focus-visible::before{animation:sdmCtaSweep .75s ease-out}
.sdm-cta-arrow{
  width:47px;height:47px;border-radius:16px;
  background:linear-gradient(180deg,rgba(157,226,255,.24),rgba(18,78,123,.35));
  border-color:rgba(178,231,255,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 18px rgba(42,167,255,.12);
}
.sdm-cta-arrow svg{transform:none;width:27px;height:27px;animation:sdmArrowDown 2.2s ease-in-out infinite}
@keyframes sdmCtaSweep{from{left:-22%}to{left:112%}}
@keyframes sdmArrowDown{0%,100%{transform:translateY(-1px)}50%{transform:translateY(4px)}}

/* Footer now carries the approved neutral ServiceDash identity */
.sdm-footer{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:24px 18px max(30px,env(safe-area-inset-bottom));
}
.sdm-footer-brand{display:block;opacity:.82;transition:opacity .2s;text-decoration:none}
.sdm-footer-brand:hover,.sdm-footer-brand:focus-visible{opacity:1;outline:0}
.sdm-footer-brand img{display:block;width:min(215px,58vw);height:auto}
.sdm-footer-copy{color:#6f90a5;font-size:9px;letter-spacing:.25em;text-transform:uppercase;text-align:center}

/* The sheet is a live inspector, not a blocking modal: other module cards remain clickable. */
.sdm-sheet-backdrop,
.sdm-sheet-backdrop.open{pointer-events:none;background:transparent}
.sdm-sheet{pointer-events:auto;overflow:hidden!important;overscroll-behavior:none;touch-action:pan-y}
.sdm-sheet-close{
  z-index:12;pointer-events:auto;touch-action:manipulation;
  width:42px;height:42px;display:grid;place-items:center;
  right:7px;top:7px;border-radius:50%;
  color:#eefaff;background:rgba(5,22,36,.18);
  font-size:30px;line-height:1;
}
.sdm-sheet-close:hover,.sdm-sheet-close:focus-visible{background:rgba(61,163,224,.16);outline:1px solid rgba(126,207,255,.34)}
.sdm-sheet-handle{position:relative;z-index:4;margin-bottom:2px}
.sdm-sheet-swipehint{
  position:relative;z-index:4;text-align:center;color:#6f91a7;
  font-size:8px;line-height:1;letter-spacing:.18em;text-transform:uppercase;
  margin:0 0 6px;opacity:.78;
}

/* Fixed semantic status colors: status is independent from each module's accent. */
.sdm-sheet-tag{
  border-width:1px!important;
  font-size:11px!important;padding:7px 10px!important;
  background:rgba(16,42,61,.55)!important;color:#e9f8ff!important;
}
.sdm-sheet-tag.is-included{
  border-color:rgba(80,224,149,.58)!important;
  background:rgba(21,118,75,.28)!important;
  color:#aaf3cb!important;
  box-shadow:0 0 16px rgba(65,220,139,.08);
}
.sdm-sheet-tag.is-addon{
  border-color:rgba(177,111,255,.62)!important;
  background:rgba(104,55,175,.30)!important;
  color:#dfc3ff!important;
  box-shadow:0 0 16px rgba(174,92,255,.09);
}

/* More generous module presence + wider accent texture in the inspector. */
.sdm-sheet::after{
  right:-8%;bottom:-7%;width:76%;height:64%;
  background-size:100% 100%,132px 115px;
  opacity:.50;
  mask-image:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.11) 18%,rgba(0,0,0,.68) 52%,#000 100%);
}
.sdm-sheet-img{
  width:148px;height:148px;
  filter:drop-shadow(0 14px 17px rgba(0,0,0,.3)) drop-shadow(0 0 18px color-mix(in srgb,var(--module-accent,#2aa7ff) 28%,transparent));
}

/* Swap/morph response when another visible card is clicked while the inspector is open. */
.sdm-sheet.is-swapping .sdm-sheet-main,
.sdm-sheet.is-swapping .sdm-sheet-desc,
.sdm-sheet.is-swapping .sdm-bullets,
.sdm-sheet.is-swapping .sdm-triptych,
.sdm-sheet.is-swapping .sdm-sheet-benefit{animation:sdmSheetSwap .30s ease both}
@keyframes sdmSheetSwap{0%{opacity:.55;transform:translateX(8px) scale(.992)}55%{opacity:.84}100%{opacity:1;transform:none}}

/* Mobile: content is deliberately composed to fit as one card without inner scrolling. */
@media (max-width:719px){
  .sdm-sheet{
    left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));
    max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);
    padding:8px 14px max(15px,env(safe-area-inset-bottom));
  }
  .sdm-sheet-main{grid-template-columns:148px minmax(0,1fr);gap:10px;padding:1px 30px 2px 0}
  .sdm-sheet h3{font-size:24px;line-height:1.04}
  .sdm-sheet .tagline{font-size:13.5px;line-height:1.32;margin-top:4px}
  .sdm-sheet-desc{font-size:13.5px;line-height:1.42;margin:7px 0 8px}
  .sdm-bullets{gap:5px;margin:7px 0 10px}
  .sdm-bullets li{font-size:13.5px;line-height:1.32}
  .sdm-check{width:20px;height:20px;font-size:11px}
  .sdm-triptych{padding-top:9px}
  .sdm-triptych article{padding:0 5px}
  .sdm-triptych svg{width:26px;height:26px;margin-bottom:4px}
  .sdm-triptych strong{font-size:11.6px;line-height:1.2}
  .sdm-triptych span{font-size:10.6px;line-height:1.27;margin-top:4px}
  .sdm-sheet-benefit{font-size:11.7px;line-height:1.35;margin:9px 4px 0}
}

/* Short phones get a compact vertical rhythm, while keeping body text readable. */
@media (max-width:719px) and (max-height:730px){
  .sdm-sheet{padding-top:6px;padding-bottom:10px}
  .sdm-sheet-swipehint{display:none}
  .sdm-sheet-main{grid-template-columns:118px minmax(0,1fr);gap:8px}
  .sdm-sheet-img{width:118px;height:118px}
  .sdm-sheet h3{font-size:21px}.sdm-sheet .tagline{font-size:12.5px}
  .sdm-sheet-desc,.sdm-bullets li{font-size:12.2px}.sdm-bullets{gap:4px;margin:5px 0 7px}
  .sdm-triptych{padding-top:7px}.sdm-triptych svg{width:23px;height:23px}.sdm-triptych strong{font-size:10.8px}.sdm-triptych span{font-size:9.7px}
  .sdm-sheet-benefit{font-size:10.8px;margin-top:6px}
}

/* Desktop/tablet drawer also fits entirely without an inner scrollbar. */
@media (min-width:720px){
  .sdm-sheet-img{width:176px;height:176px}
}
@media (min-width:1024px){
  .sdm-sheet{
    top:86px;right:16px;bottom:16px;
    width:min(455px,37vw);max-width:min(455px,37vw);max-height:calc(100dvh - 102px);
    padding:11px 18px 16px;
  }
  .sdm-sheet-swipehint{display:none}
  .sdm-sheet-main{padding:1px 32px 2px 0}
  .sdm-sheet-img{width:min(222px,23vh);height:min(222px,23vh);margin:0 auto 2px}
  .sdm-sheet h3{font-size:27px}.sdm-sheet .tagline{font-size:13.5px;line-height:1.32}
  .sdm-sheet-desc{font-size:13px;line-height:1.4;margin:7px 0}
  .sdm-bullets{gap:4px;margin:6px 0 9px}.sdm-bullets li{font-size:12.6px;line-height:1.3}
  .sdm-triptych{padding-top:9px}.sdm-triptych svg{width:25px;height:25px}.sdm-triptych strong{font-size:11.8px}.sdm-triptych span{font-size:10.2px;line-height:1.27}
  .sdm-sheet-benefit{font-size:11.6px;line-height:1.34;margin-top:8px}
}

@media (min-width:1024px) and (max-height:760px){
  .sdm-sheet-img{width:150px;height:150px}
  .sdm-sheet h3{font-size:24px}.sdm-sheet-desc,.sdm-bullets li{font-size:11.8px}
  .sdm-triptych svg{width:22px;height:22px}.sdm-triptych strong{font-size:10.8px}.sdm-triptych span{font-size:9.4px}
  .sdm-sheet-benefit{font-size:10.6px}
}

@media (prefers-reduced-motion:reduce){
  .sdm-cta-arrow svg,.sdm-sheet.is-swapping .sdm-sheet-main,.sdm-sheet.is-swapping .sdm-sheet-desc,.sdm-sheet.is-swapping .sdm-bullets,.sdm-sheet.is-swapping .sdm-triptych,.sdm-sheet.is-swapping .sdm-sheet-benefit{animation:none!important}
}

/* ============================================================
   v0.9.7.3 MULTILINGUAL + GESTURE + CTA POLISH PASS
   ============================================================ */

/* Header language chooser used by every localized Modules page. */
.sdm-lang-wrap{position:relative}
.sdm-lang{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.sdm-lang svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.sdm-lang-menu{position:absolute;right:0;top:48px;width:190px;padding:7px;background:rgba(7,27,42,.98);border:1px solid rgba(141,202,237,.22);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.42);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);z-index:95}
.sdm-lang-menu[hidden]{display:none}
.sdm-lang-item{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;text-decoration:none;color:#d9eaf5;padding:8px 9px;border-radius:10px;font-size:12px}
.sdm-lang-item:hover,.sdm-lang-item:focus-visible,.sdm-lang-item.active{background:rgba(47,159,234,.13);color:#fff;outline:0}
.sdm-lang-flag{font-size:15px}.sdm-lang-check{color:#67e4ab;font-weight:900}

/* Smaller background cells: still graphical, but less dominant. */
.sdm-depth{background-size:76px 66px!important;opacity:.44!important}

/* Compact the legend under the mothership. */
.sdm-pillars{margin:1px 0 14px!important;border-radius:17px}
.sdm-pillar{padding:10px 7px!important}
.sdm-pillar svg{width:25px!important;height:25px!important;margin-bottom:3px!important}
.sdm-pillar strong{font-size:11.5px!important}
.sdm-pillar span{font-size:10px!important;line-height:1.18!important;margin-top:1px!important}

/* CTA: compact single-line futuristic glass control with a stronger double-chevron cue. */
.sdm-cta{
  min-height:54px!important;height:54px!important;padding:5px 7px 5px 19px!important;
  justify-content:space-between!important;gap:10px!important;border-radius:17px!important;
  background:linear-gradient(180deg,rgba(91,192,247,.22),rgba(16,57,91,.48)),rgba(5,25,41,.62)!important;
  border:1px solid rgba(136,216,255,.64)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(40,157,225,.18),0 10px 26px rgba(0,0,0,.24),0 0 22px rgba(42,167,255,.13)!important;
}
.sdm-cta::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(116,213,255,.72),transparent);opacity:.75}
.sdm-cta-label{font-size:16px!important;line-height:1!important;letter-spacing:.01em!important;white-space:nowrap!important;min-width:0}
.sdm-cta-arrow{flex:0 0 43px!important;width:43px!important;height:43px!important;border-radius:13px!important;display:grid!important;place-items:center!important;border:1px solid rgba(172,226,255,.42)!important;background:linear-gradient(180deg,rgba(126,207,255,.23),rgba(21,73,111,.34))!important}
.sdm-cta-arrow svg{width:25px!important;height:25px!important;stroke:#f3fbff!important;stroke-width:2.3!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;animation:sdmArrowDown 2s ease-in-out infinite!important}

/* Better pinch zoom support while retaining custom single-finger gestures. */
.sdm-sheet{touch-action:pan-x pan-y pinch-zoom!important}

/* Smooth content transition between modules instead of an abrupt swap. */
.sdm-sheet-main,.sdm-sheet-desc,.sdm-bullets,.sdm-triptych,.sdm-sheet-benefit{transition:opacity .12s ease,transform .13s ease,filter .13s ease}
.sdm-sheet.is-swap-out .sdm-sheet-main,
.sdm-sheet.is-swap-out .sdm-sheet-desc,
.sdm-sheet.is-swap-out .sdm-bullets,
.sdm-sheet.is-swap-out .sdm-triptych,
.sdm-sheet.is-swap-out .sdm-sheet-benefit{opacity:0;transform:translateX(calc(var(--swap-dir,0) * -14px)) scale(.992);filter:blur(1.2px)}
.sdm-sheet.is-swap-prep .sdm-sheet-main,
.sdm-sheet.is-swap-prep .sdm-sheet-desc,
.sdm-sheet.is-swap-prep .sdm-bullets,
.sdm-sheet.is-swap-prep .sdm-triptych,
.sdm-sheet.is-swap-prep .sdm-sheet-benefit{transition:none!important;opacity:0;transform:translateX(calc(var(--swap-dir,0) * 14px)) scale(.992);filter:blur(1.2px)}

/* Pull-down close gesture follows the finger on touch screens. */
@media (max-width:1023px){
  .sdm-sheet.is-dragging{transition:none!important;transform:translateY(var(--drag-y,0px))!important}
}

/* Adaptive card fitting: no internal information-card scrollbar, including longer languages. */
.sdm-sheet.is-compact .sdm-sheet-img{width:126px!important;height:126px!important}
.sdm-sheet.is-compact .sdm-sheet-main{grid-template-columns:126px minmax(0,1fr)!important;gap:8px!important}
.sdm-sheet.is-compact h3{font-size:21px!important}.sdm-sheet.is-compact .tagline{font-size:12.4px!important}
.sdm-sheet.is-compact .sdm-sheet-desc,.sdm-sheet.is-compact .sdm-bullets li{font-size:12px!important;line-height:1.3!important}
.sdm-sheet.is-compact .sdm-bullets{gap:3px!important;margin:5px 0 7px!important}.sdm-sheet.is-compact .sdm-triptych{padding-top:7px!important}
.sdm-sheet.is-compact .sdm-triptych svg{width:22px!important;height:22px!important}.sdm-sheet.is-compact .sdm-triptych strong{font-size:10.5px!important}.sdm-sheet.is-compact .sdm-triptych span{font-size:9.4px!important}
.sdm-sheet.is-compact .sdm-sheet-benefit{font-size:10.5px!important;margin-top:6px!important}
.sdm-sheet.is-ultra-compact .sdm-sheet-img{width:102px!important;height:102px!important}
.sdm-sheet.is-ultra-compact .sdm-sheet-main{grid-template-columns:102px minmax(0,1fr)!important}.sdm-sheet.is-ultra-compact h3{font-size:19px!important}.sdm-sheet.is-ultra-compact .tagline{font-size:11.5px!important}
.sdm-sheet.is-ultra-compact .sdm-sheet-desc,.sdm-sheet.is-ultra-compact .sdm-bullets li{font-size:11px!important}.sdm-sheet.is-ultra-compact .sdm-triptych span{font-size:8.8px!important}.sdm-sheet.is-ultra-compact .sdm-sheet-benefit{font-size:9.8px!important}

/* Keep layout geometry LTR in Arabic, while Arabic copy itself reads naturally RTL. */
.sdm-locale-ar .sdm-hero-copy h1,.sdm-locale-ar .sdm-hero-copy p,.sdm-locale-ar .sdm-kicker,
.sdm-locale-ar .sdm-modules-head h2,.sdm-locale-ar .sdm-modules-head p,
.sdm-locale-ar .sdm-card h4,.sdm-locale-ar .sdm-card small,
.sdm-locale-ar .sdm-sheet h3,.sdm-locale-ar .sdm-sheet .tagline,.sdm-locale-ar .sdm-sheet-desc,
.sdm-locale-ar .sdm-bullets li,.sdm-locale-ar .sdm-triptych strong,.sdm-locale-ar .sdm-triptych span,.sdm-locale-ar .sdm-sheet-benefit{direction:rtl}
.sdm-locale-ar .sdm-hero-copy h1,.sdm-locale-ar .sdm-hero-copy p,.sdm-locale-ar .sdm-modules-head h2,.sdm-locale-ar .sdm-modules-head p,.sdm-locale-ar .sdm-sheet h3,.sdm-locale-ar .sdm-sheet .tagline,.sdm-locale-ar .sdm-sheet-desc{text-align:right}

/* Long-language guardrails without changing the visual composition. */
.sdm-locale-de .sdm-hero h1,.sdm-locale-pt_PT .sdm-hero h1,.sdm-locale-fr .sdm-hero h1{font-size:clamp(37px,9.5vw,68px)}
.sdm-locale-ru .sdm-hero h1{font-size:clamp(36px,9.2vw,66px)}
.sdm-locale-ja .sdm-hero h1{font-size:clamp(38px,9.8vw,68px);line-height:1.08}

@media (max-width:420px){
  .sdm-cta{padding-left:15px!important}.sdm-cta-label{font-size:15px!important}.sdm-cta-arrow{width:40px!important;height:40px!important;flex-basis:40px!important}
  .sdm-pillar{padding:9px 5px!important}.sdm-pillar strong{font-size:10.8px!important}.sdm-pillar span{font-size:9.4px!important}
  .sdm-lang-menu{right:-45px;width:184px}
}

@media (prefers-reduced-motion:reduce){
  .sdm-cta-arrow svg{animation:none!important}
  .sdm-sheet-main,.sdm-sheet-desc,.sdm-bullets,.sdm-triptych,.sdm-sheet-benefit{transition:none!important}
}


/* ============================================================
   v0.9.7.4 LANGUAGE MODULE + MODULE-ACCENT SUMMARY LINE
   ============================================================ */
.sdm-sheet-benefit{
  color:var(--module-accent,#2aa7ff)!important;
  font-weight:700;
  text-shadow:0 0 15px color-mix(in srgb,var(--module-accent,#2aa7ff) 24%,transparent);
}


/* v0.9.7.5 final navigation + RTL polish */
.sdm-locale-ar .sdm-hero h1{line-height:1.08}
.sdm-locale-ar .sdm-hero h1 em{margin-top:.035em}
.sdm-footer-links{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;font-size:11px;letter-spacing:.04em;text-transform:none}
.sdm-footer-links a{color:#b6ccd9;text-decoration:none;transition:color .18s ease,opacity .18s ease}
.sdm-footer-links a:hover,.sdm-footer-links a:focus-visible{color:#fff;outline:0}
.sdm-footer-brand{opacity:1}
@media (max-width:420px){.sdm-footer-links{gap:14px;font-size:10.5px}}

/* v0.9.8.0: desktop language flags + unified contact navigation */
.sdm-lang-menu .sdm-lang-flag{display:inline-flex!important;align-items:center;justify-content:center;width:22px;min-width:22px;font-size:17px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.sdm-contact-link{color:inherit;text-decoration:none}

/* v0.9.8.1: real cross-platform flag assets */
.sdm-lang-menu .sdm-lang-flag{overflow:hidden;border-radius:3px}
.sdm-lang-menu .sdm-lang-flag img{display:block!important;width:22px;height:16px;object-fit:contain}


/* v0.9.8.14: Chameleon is a dedicated premium environment within the same Modules page. */
.sdm-premium-wrap{position:relative;margin:25px 0 8px;isolation:isolate}
.sdm-premium-intro{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#b6f8e6;font-size:13px;font-weight:800;letter-spacing:.055em}
.sdm-premium-spark{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:linear-gradient(135deg,#38e2b8,#6f54ed);font-size:20px;color:white;box-shadow:0 0 19px rgba(55,228,177,.2)}
.sdm-premium-card{display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);align-items:center;gap:clamp(10px,3vw,35px);width:100%;position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(95,238,195,.49);border-radius:28px;min-width:0;text-align:left;padding:clamp(14px,2.6vw,29px);cursor:pointer;color:#f4fffb;background:radial-gradient(ellipse at 14% 80%,rgba(27,205,169,.23),transparent 47%),radial-gradient(ellipse at 91% 17%,rgba(151,88,239,.24),transparent 50%),linear-gradient(123deg,rgba(7,46,59,.94),rgba(18,28,62,.93) 51%,rgba(11,39,45,.94));box-shadow:inset 0 1px rgba(201,255,244,.19),0 18px 42px rgba(0,0,0,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color .2s ease,box-shadow .2s ease}
.sdm-premium-card:hover,.sdm-premium-card:focus-visible,.sdm-premium-card.selected{outline:0;border-color:#6fffd6;box-shadow:inset 0 1px rgba(201,255,244,.28),0 0 0 1px rgba(89,234,198,.26),0 23px 55px rgba(6,72,72,.32)}
.sdm-premium-mesh{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('/assets/modules/background/honeycomb-graphic.svg');background-size:125px 110px;opacity:.16;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.sdm-premium-art{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}
.sdm-premium-art:before{content:"";position:absolute;width:84%;aspect-ratio:1;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(40,237,189,.34),rgba(89,77,255,.16) 53%,transparent 73%);filter:blur(9px)}
.sdm-premium-art img{display:block;width:min(100%,360px);max-height:335px;height:auto;object-fit:contain;filter:drop-shadow(0 19px 20px rgba(0,0,0,.36));transition:transform .28s ease}
.sdm-premium-card:hover .sdm-premium-art img{transform:translateY(-5px)}
.sdm-premium-copy{display:flex;flex-direction:column;gap:10px;min-width:0;position:relative;z-index:1}
.sdm-premium-badge{align-self:flex-start;color:#f4dcff;background:rgba(124,64,178,.29);border:1px solid rgba(209,137,255,.49);font-size:11px;font-weight:800;border-radius:100px;padding:6px 12px}
.sdm-premium-copy strong{font-size:clamp(22px,3.2vw,34px);line-height:1.18;font-weight:900;letter-spacing:-.016em}
.sdm-premium-summary{color:#cce5e6;font-size:clamp(13px,1.35vw,16px);line-height:1.6}
.sdm-premium-worlds{display:flex;gap:6px;flex-wrap:wrap;margin:3px 0}
.sdm-premium-worlds span{font-size:11px;color:#b2f9e6;border:1px solid rgba(104,237,200,.27);background:rgba(21,91,92,.31);padding:4px 9px;border-radius:15px}
.sdm-premium-action{display:inline-flex;align-items:center;justify-content:space-between;align-self:flex-start;gap:22px;border:1px solid rgba(108,249,216,.5);background:linear-gradient(115deg,rgba(14,146,130,.63),rgba(30,111,158,.53));border-radius:14px;color:#fff;padding:9px 13px;font-weight:800;font-size:13px}
.sdm-premium-action span{font-size:22px;line-height:1}
.sdm-premium-quote{color:#b1d0cc;font-size:11px;line-height:1.4}
/* Preserve the LTR artwork positioning; Arabic typography is RTL within content only. */
.sdm-locale-ar .sdm-premium-copy{text-align:right;direction:rtl}
.sdm-locale-ar .sdm-premium-intro{direction:rtl;justify-content:flex-start}
.sdm-locale-ar .sdm-premium-badge,.sdm-locale-ar .sdm-premium-action{align-self:flex-start}
@media(max-width:620px){.sdm-premium-card{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:8px;padding:13px 11px;border-radius:22px}.sdm-premium-art img{width:100%;max-height:210px}.sdm-premium-copy{gap:6px}.sdm-premium-copy strong{font-size:clamp(17px,4.8vw,24px)}.sdm-premium-summary{font-size:11px;line-height:1.4}.sdm-premium-badge{font-size:9px;padding:5px 8px}.sdm-premium-worlds span{font-size:9px;padding:3px 6px}.sdm-premium-action{font-size:11px;padding:7px 8px;gap:6px}.sdm-premium-quote{font-size:9px}.sdm-premium-mesh{background-size:86px 78px}}
@media(max-width:350px){.sdm-premium-card{grid-template-columns:1fr}.sdm-premium-art img{max-height:160px;width:160px}.sdm-premium-summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){.sdm-premium-card,.sdm-premium-art img{transition:none!important}}


/* ============================================================
   v0.9.8.15 MODULES VISUAL POLISH (mobile first)
   Collection presentation only. Inspector/dialog rules untouched.
   ============================================================ */
.sdm-module-group{position:relative;min-width:0;margin:22px 0 12px;padding:12px 10px 13px;border:1px solid rgba(136,197,230,.13);border-radius:22px;isolation:isolate}
.sdm-module-group.is-included{border-color:rgba(103,230,166,.3);background:linear-gradient(135deg,rgba(25,112,85,.14),rgba(13,53,58,.095) 55%,rgba(20,91,80,.045));box-shadow:inset 0 1px 0 rgba(181,255,221,.1),0 0 30px rgba(65,224,147,.035)}
.sdm-module-group.is-addons{border-color:rgba(150,118,233,.22);background:linear-gradient(145deg,rgba(98,65,161,.075),transparent 56%)}
.sdm-module-group .sdm-section-label{display:grid;grid-template-columns:39px minmax(0,1fr) auto;gap:9px;align-items:center;margin:0 0 13px;min-width:0;text-align:left}
.sdm-section-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(113,237,172,.55);background:linear-gradient(145deg,rgba(27,153,103,.38),rgba(12,75,64,.3));color:#c3ffda;font-size:22px;line-height:1;font-weight:900;box-shadow:inset 0 1px 0 rgba(235,255,240,.2),0 0 16px rgba(62,211,147,.12)}
.sdm-section-label.addons .sdm-section-symbol{border-color:rgba(175,136,255,.52);background:linear-gradient(145deg,rgba(105,64,179,.34),rgba(50,37,96,.23));color:#dac4ff;box-shadow:inset 0 1px 0 rgba(243,224,255,.13),0 0 16px rgba(124,84,248,.1)}
.sdm-section-copy{display:flex;flex-direction:column;min-width:0;gap:2px;margin:0!important;color:inherit!important}
.sdm-module-group .sdm-section-label h3{margin:0;font-size:clamp(20px,5.2vw,30px);font-weight:900;line-height:1.15;letter-spacing:-.014em;color:#effff6}
.sdm-module-group.is-addons .sdm-section-label h3{color:#f3ebff}
.sdm-section-desc{display:block;color:#b0d9c8!important;font-size:clamp(10.5px,2.4vw,12.5px)!important;line-height:1.35;margin:0!important;font-weight:600;letter-spacing:normal!important}
.sdm-section-label.addons .sdm-section-desc{color:#c7b7e3!important}
.sdm-module-group .sdm-section-count{justify-self:end;margin:0!important;padding:6px 8px;border:1px solid rgba(113,237,172,.42);border-radius:999px;background:rgba(24,102,76,.29);font-size:10px!important;line-height:1.15;font-weight:800;color:#bcfbd7!important;white-space:nowrap;text-align:center}
.sdm-module-group.is-addons .sdm-section-count{border-color:rgba(168,124,249,.4);background:rgba(86,46,144,.25);color:#d9c4ff!important}
.sdm-module-group .sdm-grid{margin:0}
/* The six included cube housings are recognizable as a family without changing their content or tap behavior. */
.sdm-module-group.is-included .sdm-card{border-color:rgba(102,227,165,.39);background:linear-gradient(180deg,rgba(22,67,69,.7),rgba(9,37,49,.77));box-shadow:inset 0 1px 0 rgba(181,255,222,.11),0 0 14px rgba(63,221,152,.038)}
.sdm-module-group.is-included .sdm-card:after{content:"";position:absolute;top:0;left:18%;right:18%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(113,255,189,.84),transparent);pointer-events:none}
.sdm-module-group.is-included .sdm-card:hover,.sdm-module-group.is-included .sdm-card:focus-visible,.sdm-module-group.is-included .sdm-card.selected{border-color:rgba(119,255,196,.78);box-shadow:inset 0 1px 0 rgba(181,255,222,.16),0 0 0 1px rgba(92,216,162,.22),0 0 23px rgba(61,213,150,.14)}
.sdm-module-group.is-included .sdm-status{color:#ddffeb;background:linear-gradient(135deg,rgba(28,135,86,.88),rgba(14,86,67,.82));border-color:rgba(126,255,178,.77);box-shadow:inset 0 1px 0 rgba(255,255,255,.21),0 0 9px rgba(93,231,159,.2);font-weight:800}
/* Chameleon: replace generic sparkle square with the approved true-alpha branching artwork. */
.sdm-premium-spark{width:31px;height:31px;min-width:31px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;flex:0 0 31px}
.sdm-premium-spark img{display:block;width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(84,242,208,.24))}
/* Ambient portal atmosphere is intentionally faint and behind all interactive content. */
.sdm-premium-card:before{content:"";position:absolute;inset:-30% -25%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 40% 45% at 19% 49%,rgba(62,237,199,.22),transparent 75%),radial-gradient(ellipse 38% 47% at 81% 28%,rgba(143,96,252,.21),transparent 77%),radial-gradient(ellipse 30% 35% at 55% 89%,rgba(239,174,90,.075),transparent 78%);opacity:.45;animation:sdmPremiumAura 11s ease-in-out infinite alternate}
.sdm-premium-card .sdm-premium-art,.sdm-premium-card .sdm-premium-copy{position:relative;z-index:1}
.sdm-premium-mesh{z-index:0;opacity:.13}
@keyframes sdmPremiumAura{0%{opacity:.34;transform:translate3d(-1.4%,0,0)}100%{opacity:.6;transform:translate3d(1.4%,0,0)}}
@media(max-width:420px){
 .sdm-module-group{padding:10px 8px 11px;border-radius:17px}
 .sdm-module-group .sdm-section-label{grid-template-columns:32px minmax(0,1fr) auto;gap:6px;margin-bottom:11px}
 .sdm-section-symbol{width:31px;height:31px;border-radius:10px;font-size:18px}
 .sdm-module-group .sdm-section-label h3{font-size:clamp(17px,5vw,21px);letter-spacing:-.025em}
 .sdm-section-desc{font-size:10px!important;line-height:1.25}
 .sdm-module-group .sdm-section-count{font-size:9px!important;padding:5px 6px;max-width:83px;white-space:normal}
}
/* Arabic text flows RTL inside the headings only; physical grid remains LTR. */
.sdm-locale-ar .sdm-section-copy{text-align:right;direction:rtl}
.sdm-locale-ar .sdm-section-count{direction:rtl}
@media(prefers-reduced-motion:reduce){.sdm-premium-card:before{animation:none;opacity:.39}}