/* Etnicode DS – Studi Kasus v1.1.1 (front). Token & komponen sama dengan Header/halaman Etnicode DS. */
/* ===== Pengaman responsive: netralkan reset Hello Elementor & container Elementor ===== */
.elementor-widget-html:has(.eds),.elementor-widget-html:has(.eds)>.elementor-widget-container{min-width:0;max-width:100%}
.eds{max-width:100%;min-width:0}
.eds button{white-space:normal;text-transform:none;letter-spacing:normal}
.eds .eds-btn{white-space:nowrap}
.eds label{display:block;line-height:1.4}
.eds .eds-chip{max-width:100%;width:fit-content;white-space:normal}
.eds :is(.eds-aud,.eds-banner,.eds-bars,.eds-card,.eds-case,.eds-case__body,.eds-case__foot,.eds-case__metric,.eds-case__more,.eds-case__star,.eds-case__tag,.eds-case__view,.eds-cases,.eds-cat,.eds-cat__intro,.eds-cc,.eds-cc__item,.eds-center,.eds-ch,.eds-clients__row,.eds-crumb,.eds-dots,.eds-facts,.eds-faq__grid,.eds-faq__list,.eds-feat,.eds-final__act,.eds-final__box,.eds-final__wa,.eds-grid-2,.eds-grid-3,.eds-grid-4,.eds-hero__copy,.eds-hero__cta,.eds-hero__grid,.eds-idcard__head,.eds-idcard__in,.eds-jump,.eds-link,.eds-live,.eds-marquee__track,.eds-note-list,.eds-panel__foot,.eds-panel__top,.eds-pd-badge,.eds-pd-block__head,.eds-pd-body__grid,.eds-pd-chips,.eds-pd-facts,.eds-pd-gallery,.eds-pd-hero__copy,.eds-pd-hero__grid,.eds-pd-info,.eds-pd-list,.eds-pd-metrics__row,.eds-pd-prose,.eds-pd-quote,.eds-pd-scope,.eds-pd-stage__img,.eds-pd-story,.eds-pd-tags,.eds-phero__copy,.eds-phero__grid,.eds-pj-chip,.eds-pj-filter,.eds-pj-relhead,.eds-plan,.eds-plans,.eds-plans-wrap,.eds-price,.eds-pricing__foot,.eds-proof,.eds-qa__a,.eds-qs,.eds-qs__f,.eds-quote,.eds-scard,.eds-scard__foot,.eds-scard__top,.eds-scards,.eds-sec-head,.eds-slider,.eds-social,.eds-spanel,.eds-spanel__head,.eds-stab,.eds-stabs,.eds-stat,.eds-stats,.eds-step,.eds-step__n,.eds-steps,.eds-story,.eds-story__body,.eds-svc,.eds-tab,.eds-tabpanel,.eds-tabpanel__intro,.eds-tabs,.eds-tabwrap,.eds-testi__head,.eds-testi__nav,.eds-tl,.eds-toast,.eds-who,.eds-why__grid,.eds-why__head,.eds-why__item,.eds-why__list)>*{min-width:0}
.eds h1,.eds h2,.eds h3,.eds h4,.eds p,.eds li,.eds a,.eds span,.eds strong,.eds b{overflow-wrap:break-word}
@media (max-width:480px){.eds .eds-btn{white-space:normal;height:auto;min-height:var(--h);padding-top:10px;padding-bottom:10px;line-height:1.25;text-align:center}}
:root{
  --eds-bg:#FFF9FB;--eds-surface:#FFFFFF;--eds-surface-2:#FBF0F5;
  --eds-ink:#22111F;--eds-ink-2:#5F4B5C;--eds-ink-3:#8C7489;--eds-line:#F0DDE7;
  --eds-magenta:#C92278;--eds-pink:#ED3F9A;--eds-amber:#F7A440;
  --eds-accent-text:#B01D69;--eds-on-accent:#FFFFFF;--eds-ok:#1E9E6A;--eds-danger:#C42B3A;--eds-wa:#1FAF5A;
  --eds-shadow:0 1px 2px rgba(80,10,50,.06),0 12px 32px -12px rgba(120,20,80,.18);
  --eds-grad:linear-gradient(120deg,#C92278 0%,#ED3F9A 52%,#F7A440 100%);
  --eds-grad-head:linear-gradient(100deg,#4A0E35 0%,#B01D69 38%,#E0388F 70%,#F08A4B 100%);
  --eds-icon-bg:linear-gradient(135deg,rgba(201,34,120,.12),rgba(247,164,64,.14));
  --eds-glow-1:rgba(237,63,154,.22);--eds-glow-2:rgba(247,164,64,.20);
  --eds-font-display:"Poppins","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --eds-font-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --eds-ease:cubic-bezier(.22,1,.36,1);
  --eds-header-h:76px;
}
:root[data-theme="dark"]{
  --eds-bg:#140A12;--eds-surface:#1D101A;--eds-surface-2:#271624;
  --eds-ink:#F8EDF3;--eds-ink-2:#CDB6C8;--eds-ink-3:#9C8398;--eds-line:#3A2335;
  --eds-accent-text:#FF7DBB;--eds-ok:#4CD39A;--eds-danger:#FF6B78;
  --eds-shadow:0 1px 2px rgba(0,0,0,.3),0 16px 40px -16px rgba(0,0,0,.6);
  --eds-grad-head:linear-gradient(100deg,#FFFFFF 0%,#FFC2DF 32%,#F062A8 68%,#F7A440 100%);
  --eds-icon-bg:linear-gradient(135deg,rgba(237,63,154,.20),rgba(247,164,64,.14));
  --eds-glow-1:rgba(237,63,154,.20);--eds-glow-2:rgba(247,164,64,.12);
  color-scheme:dark;
}
html{scroll-behavior:smooth}
body{background:var(--eds-bg);color:var(--eds-ink);transition:background-color .5s var(--eds-ease)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.eds *,.eds *::before,.eds *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Base untuk semua blok .eds */
.eds{font-family:var(--eds-font-body);font-size:16px;line-height:1.6;color:var(--eds-ink);-webkit-font-smoothing:antialiased}
.eds *,.eds *::before,.eds *::after{box-sizing:border-box}
.eds a{color:inherit;text-decoration:none}
.eds img{max-width:100%;display:block}
.eds h1,.eds h2,.eds h3,.eds h4{font-family:var(--eds-font-display);margin:0;letter-spacing:-.02em;text-wrap:balance;color:var(--eds-ink)}
.eds p{margin:0}
.eds ul,.eds ol{margin:0;padding:0;list-style:none}
html,body{overflow-x:clip}

/* ===== Pengaman responsive: netralkan reset Hello Elementor & container Elementor ===== */
.elementor-widget-html:has(.eds),.elementor-widget-html:has(.eds)>.elementor-widget-container{min-width:0;max-width:100%}
.eds{max-width:100%;min-width:0}
.eds button{white-space:normal;text-transform:none;letter-spacing:normal}
.eds .eds-btn{white-space:nowrap}
.eds label{display:block;line-height:1.4}
.eds .eds-chip{max-width:100%;width:fit-content;white-space:normal}
.eds :is(.eds-actions,.eds-bars,.eds-burger,.eds-case,.eds-case__body,.eds-case__more,.eds-case__tag,.eds-cases,.eds-center,.eds-ch,.eds-clients__row,.eds-done,.eds-done__ic,.eds-dots,.eds-drawer__cta,.eds-drawer__nav,.eds-drawer__panel,.eds-drawer__sub,.eds-drawer__top,.eds-estimate,.eds-faq__grid,.eds-faq__list,.eds-feat,.eds-field,.eds-final__act,.eds-final__box,.eds-final__wa,.eds-form,.eds-form__foot,.eds-form__sec,.eds-ft__bottom,.eds-ft__brand,.eds-ft__grid,.eds-ft__list,.eds-ft__social,.eds-hero__copy,.eds-hero__cta,.eds-hero__grid,.eds-live,.eds-logo,.eds-marquee__track,.eds-mega,.eds-mega__list,.eds-mega__promo,.eds-menu,.eds-modal__badge,.eds-modal__head,.eds-modal__x,.eds-nav,.eds-panel__foot,.eds-panel__top,.eds-plan,.eds-plans,.eds-plans-wrap,.eds-price,.eds-pricing__foot,.eds-proof,.eds-qa__a,.eds-quote,.eds-sec-head,.eds-slider,.eds-step,.eds-step__n,.eds-steps,.eds-svc,.eds-tab,.eds-tabpanel,.eds-tabpanel__intro,.eds-tabs,.eds-tabwrap,.eds-testi__head,.eds-testi__nav,.eds-toast,.eds-who,.eds-why__grid,.eds-why__head,.eds-why__item,.eds-why__list)>*{min-width:0}
.eds h1,.eds h2,.eds h3,.eds h4,.eds p,.eds li,.eds a,.eds span,.eds strong,.eds b{overflow-wrap:break-word}
@media (max-width:480px){.eds .eds-btn{white-space:normal;height:auto;min-height:var(--h);padding-top:10px;padding-bottom:10px;line-height:1.25;text-align:center}}
.eds :focus-visible{outline:2px solid var(--eds-pink);outline-offset:3px;border-radius:8px}
.eds .eds-wrap{max-width:1240px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.eds .eds-i{width:20px;height:20px;flex:none}
.eds .eds-grad-head{background:var(--eds-grad-head);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Buttons (dipakai semua halaman) */
.eds .eds-btn{--h:48px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 24px;border-radius:999px;font:600 15px/1 var(--eds-font-body);border:0;cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform .45s var(--eds-ease),box-shadow .45s var(--eds-ease),background-position .6s var(--eds-ease),color .35s}
.eds .eds-btn .eds-i{width:18px;height:18px}
.eds .eds-btn--primary{color:var(--eds-on-accent);background:var(--eds-grad);background-size:170% 100%;background-position:0 0;box-shadow:0 10px 24px -10px rgba(201,34,120,.65)}
.eds .eds-btn--primary:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 16px 32px -12px rgba(201,34,120,.7)}
.eds .eds-btn--outline{color:var(--eds-accent-text);background:linear-gradient(var(--eds-surface),var(--eds-surface)) padding-box,var(--eds-grad) border-box;border:2px solid transparent}
.eds .eds-btn--outline:hover{transform:translateY(-2px);color:var(--eds-on-accent);background:var(--eds-grad) padding-box,var(--eds-grad) border-box;box-shadow:0 12px 26px -12px rgba(201,34,120,.6)}
.eds .eds-btn--light{color:var(--eds-magenta);background:#fff;box-shadow:0 10px 24px -12px rgba(60,0,30,.45)}
.eds .eds-btn--light:hover{transform:translateY(-2px)}
.eds .eds-btn--wa{color:#fff;background:var(--eds-wa);box-shadow:0 10px 24px -10px rgba(20,120,60,.55)}
.eds .eds-btn--wa:hover{transform:translateY(-2px)}
.eds .eds-btn--sm{--h:42px;padding:0 18px;font-size:14.5px}
.eds .eds-btn--lg{--h:54px;padding:0 28px;font-size:16px}
.eds .eds-btn .eds-arrow{transition:transform .45s var(--eds-ease)}
.eds .eds-btn:hover .eds-arrow{transform:translateX(4px)}
.eds .eds-sec{padding-block:clamp(64px,8vw,104px)}
.eds .eds-sec[id]{scroll-margin-top:calc(var(--eds-header-h) + 16px)}
.eds .eds-h2{font-size:clamp(26px,2.9vw,38px);line-height:1.18;font-weight:700;max-width:24ch;padding-bottom:.06em}
.eds .eds-lead{font-size:clamp(15.5px,1.4vw,17.5px);color:var(--eds-ink-2);max-width:60ch}
.eds .eds-sec-head{display:grid;gap:14px;margin-bottom:clamp(28px,4vw,48px)}
.eds .eds-chip{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:7px 14px 7px 10px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--eds-accent-text);background:var(--eds-icon-bg)}
.eds .eds-chip .eds-i{width:16px;height:16px}
.eds .eds-ic--lg{width:52px;height:52px;border-radius:15px}
.eds .eds-ic--lg .eds-i{width:24px;height:24px}

/* Hero */
.eds .eds-hero{position:relative;isolation:isolate;padding-block:clamp(32px,5vw,64px) clamp(64px,8vw,104px)}
.eds .eds-hero__bg{position:absolute;inset:calc(-1 * var(--eds-header-h)) 0 0;z-index:-1;pointer-events:none;overflow:hidden}
.eds .eds-hero__bg::before{content:"";position:absolute;width:760px;height:760px;right:-160px;top:-140px;border-radius:50%;background:radial-gradient(closest-side,var(--eds-glow-1),transparent);animation:edsFloat 14s ease-in-out infinite alternate}
.eds .eds-hero__bg::after{content:"";position:absolute;width:600px;height:600px;left:-220px;bottom:-240px;border-radius:50%;background:radial-gradient(closest-side,var(--eds-glow-2),transparent);animation:edsFloat 18s ease-in-out infinite alternate-reverse}
.eds .eds-kawung{position:absolute;inset:0;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23C92278' stroke-opacity='.16' stroke-width='1'%3E%3Cellipse cx='22' cy='11' rx='5.5' ry='10'/%3E%3Cellipse cx='22' cy='33' rx='5.5' ry='10'/%3E%3Cellipse cx='11' cy='22' rx='10' ry='5.5'/%3E%3Cellipse cx='33' cy='22' rx='10' ry='5.5'/%3E%3Ccircle cx='22' cy='22' r='1.6'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(60% 70% at 75% 35%,#000,transparent 75%);mask-image:radial-gradient(60% 70% at 75% 35%,#000,transparent 75%)}
@keyframes edsFloat{to{transform:translate3d(-40px,40px,0) scale(1.08)}}
.eds .eds-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.eds .eds-hero__copy{display:grid;gap:22px;min-width:0}
.eds .eds-hero h1{display:grid;gap:16px}
.eds .eds-hero h1 .eds-chip{font-family:var(--eds-font-body);letter-spacing:0}
.eds .eds-hero h1 .eds-h1-tag{font-size:clamp(34px,4.4vw,54px);line-height:1.08;font-weight:700;letter-spacing:-.03em;padding-bottom:.06em}
.eds .eds-hero__sub{font-size:clamp(16px,1.5vw,18px);color:var(--eds-ink-2);max-width:52ch}
.eds .eds-hero__cta{display:flex;flex-wrap:wrap;gap:12px}
.eds .eds-proof{display:flex;flex-wrap:wrap;gap:10px 26px;padding-top:6px}
.eds .eds-proof li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--eds-ink-2)}
.eds .eds-proof .eds-ic{width:36px;height:36px;border-radius:11px}
.eds .eds-proof .eds-ic .eds-i{width:17px;height:17px}
.eds .eds-proof b{font:700 16px/1 var(--eds-font-display);color:var(--eds-ink)}

/* Panel kendali */
.eds .eds-panel{position:relative;min-width:0;border-radius:28px;padding:1px;background:linear-gradient(150deg,rgba(237,63,154,.55),rgba(247,164,64,.35) 40%,var(--eds-line) 70%);box-shadow:var(--eds-shadow)}
.eds .eds-panel__in{border-radius:27px;background:color-mix(in srgb,var(--eds-surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:22px}
.eds .eds-panel__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--eds-line)}
.eds .eds-panel__top strong{font:600 15px/1.3 var(--eds-font-display)}
.eds .eds-panel__top small{display:block;font-size:12.5px;color:var(--eds-ink-3)}
.eds .eds-live{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--eds-ok);background:color-mix(in srgb,var(--eds-ok) 12%,transparent);padding:6px 10px;border-radius:999px}
.eds .eds-live i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:edsPulse 2.2s ease-in-out infinite}
@keyframes edsPulse{50%{opacity:.35;transform:scale(.7)}}
.eds .eds-ch{display:grid;gap:4px;padding-top:8px}
.eds .eds-ch li{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:11px 8px;border-radius:14px;transition:background-color .35s}
.eds .eds-ch li:hover{background:var(--eds-surface-2)}
.eds .eds-ch .eds-ic{width:42px;height:42px;border-radius:12px}
.eds .eds-ch b{display:block;font:600 14.5px/1.3 var(--eds-font-display)}
.eds .eds-ch span.eds-ch__s{display:block;font-size:12.5px;color:var(--eds-ink-3)}
.eds .eds-sw{position:relative;width:40px;height:24px;border-radius:999px;background:var(--eds-line);transition:background .6s var(--eds-ease)}
.eds .eds-sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .6s var(--eds-ease)}
.eds .eds-ch li.is-on .eds-sw{background:var(--eds-grad)}
.eds .eds-ch li.is-on .eds-sw::after{transform:translateX(16px)}
.eds .eds-panel__foot{margin-top:12px;padding:16px;border-radius:18px;background:var(--eds-surface-2);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.eds .eds-panel__foot b{display:block;font:600 14px/1.3 var(--eds-font-display)}
.eds .eds-panel__foot span{font-size:12.5px;color:var(--eds-ink-3)}
.eds .eds-bars{display:flex;align-items:end;gap:5px;height:44px}
.eds .eds-bars i{width:9px;border-radius:4px 4px 2px 2px;background:var(--eds-grad);transform-origin:bottom;transition:transform 1s var(--eds-ease)}
.eds .eds-panel.is-booting .eds-bars i{transform:scaleY(.1)}
.eds .eds-toast{position:absolute;left:-28px;bottom:-40px;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:16px;background:var(--eds-surface);box-shadow:var(--eds-shadow),inset 0 0 0 1px var(--eds-line);transition:opacity .7s var(--eds-ease),transform .7s var(--eds-ease)}
.eds .eds-panel.is-booting .eds-toast{opacity:0;transform:translateY(12px)}
.eds .eds-toast__ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--eds-wa);color:#fff}
.eds .eds-toast__ic .eds-i{width:21px;height:21px}
.eds .eds-toast b{display:block;font:600 13.5px/1.3 var(--eds-font-display)}
.eds .eds-toast span:not(.eds-toast__ic){display:block;font-size:12px;color:var(--eds-ink-3)}

/* Klien */
.eds .eds-clients{padding-block:26px;border-block:1px solid var(--eds-line)}
.eds .eds-clients__row{display:flex;align-items:center;gap:28px}
.eds .eds-clients__label{flex:none;font-size:14px;color:var(--eds-ink-3);max-width:16ch;line-height:1.35}
.eds .eds-marquee{position:relative;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.eds .eds-marquee__track{display:flex;gap:48px;width:max-content;animation:edsMarquee 50s linear infinite}
.eds .eds-marquee:hover .eds-marquee__track{animation-play-state:paused}
.eds .eds-marquee__track span{font:600 17px/1 var(--eds-font-display);color:var(--eds-ink-3);white-space:nowrap;transition:color .3s}
.eds .eds-marquee__track span:hover{color:var(--eds-accent-text)}
@keyframes edsMarquee{to{transform:translateX(-50%)}}

/* Tabs */
.eds .eds-tabs{position:relative;display:flex;gap:6px;padding:6px;border-radius:999px;background:var(--eds-surface-2);width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.eds .eds-tabs::-webkit-scrollbar{display:none}
.eds .eds-tab{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border:0;border-radius:999px;background:none;font:600 14.5px/1 var(--eds-font-body);color:var(--eds-ink-2);cursor:pointer;transition:color .45s var(--eds-ease)}
.eds .eds-tab .eds-i{width:18px;height:18px;color:var(--eds-ink-3);transition:color .45s var(--eds-ease)}
.eds .eds-tab[aria-selected="true"]{color:#fff}
.eds .eds-tab[aria-selected="true"] .eds-i{color:#fff}
.eds .eds-tabs__pill{position:absolute;z-index:0;top:6px;left:6px;height:46px;border-radius:999px;background:var(--eds-grad);box-shadow:0 8px 20px -8px rgba(201,34,120,.6);transition:transform .6s var(--eds-ease),width .6s var(--eds-ease)}
.eds .eds-tabwrap{margin-top:24px;display:grid}
.eds .eds-tabpanel{grid-area:1/1;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,44px);border-radius:28px;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line),var(--eds-shadow);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s var(--eds-ease),transform .6s var(--eds-ease),visibility .5s}
.eds .eds-tabpanel.is-active{opacity:1;visibility:visible;transform:none}
.eds .eds-tabpanel__intro{display:grid;gap:16px;align-content:start;min-width:0}
.eds .eds-tabpanel__intro h3{font-size:clamp(21px,2.1vw,26px);line-height:1.25;font-weight:700}
.eds .eds-tabpanel__intro p{color:var(--eds-ink-2)}
.eds .eds-tabpanel__intro .eds-note{font-size:14px;padding:12px 14px;border-radius:12px;background:var(--eds-surface-2);color:var(--eds-ink-2)}
.eds .eds-tabpanel__btns{padding-top:6px}
.eds .eds-svc{display:grid;min-width:0;align-content:start}
.eds .eds-svc a{display:grid;grid-template-columns:44px 1fr auto 18px;gap:16px;align-items:center;padding:14px 10px;border-radius:16px;transition:background-color .35s,transform .45s var(--eds-ease)}
.eds .eds-svc li+li a{margin-top:2px}
.eds .eds-svc a:hover{background:var(--eds-surface-2);transform:translateX(4px)}
.eds .eds-svc a:hover .eds-ic{background:var(--eds-grad);color:#fff}
.eds .eds-svc .eds-ic{transition:background .35s,color .35s}
.eds .eds-svc__txt{min-width:0}
.eds .eds-svc b{display:block;font:600 15.5px/1.3 var(--eds-font-display)}
.eds .eds-svc small{display:block;font-size:13px;color:var(--eds-ink-3)}
.eds .eds-svc em{font-style:normal;font-size:12.5px;color:var(--eds-ink-3);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.eds .eds-svc em strong{display:block;font:600 15px/1.25 var(--eds-font-display);color:var(--eds-ink)}
.eds .eds-svc .eds-arrow{width:18px;height:18px;color:var(--eds-ink-3);transition:transform .45s var(--eds-ease),color .3s}
.eds .eds-svc a:hover .eds-arrow{transform:translateX(4px);color:var(--eds-accent-text)}

/* Kenapa */
.eds .eds-why{background:var(--eds-surface)}
.eds .eds-why__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,88px);align-items:start}
.eds .eds-why__head{position:sticky;top:calc(var(--eds-header-h) + 40px);display:grid;gap:18px}
.eds .eds-why__list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.eds .eds-why__item{display:grid;gap:10px;align-content:start;padding:24px;border-radius:22px;background:var(--eds-bg);box-shadow:inset 0 0 0 1px var(--eds-line);transition:transform .55s var(--eds-ease),box-shadow .55s var(--eds-ease)}
.eds .eds-why__item:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--eds-pink) 40%,var(--eds-line)),var(--eds-shadow)}
.eds .eds-why__item h3{font-size:18px;line-height:1.3;font-weight:600;margin-top:4px}
.eds .eds-why__item p{color:var(--eds-ink-2);font-size:15px}

/* Proses */
.eds .eds-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.eds .eds-steps::before{content:"";position:absolute;left:26px;right:26px;top:25px;height:2px;background:linear-gradient(90deg,var(--eds-magenta),var(--eds-pink),var(--eds-amber));opacity:.4;border-radius:2px}
.eds .eds-step{position:relative;display:grid;gap:10px;align-content:start;min-width:0}
.eds .eds-step__n{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:700 18px/1 var(--eds-font-display);color:#fff;background:var(--eds-grad);box-shadow:0 0 0 6px var(--eds-bg)}
.eds .eds-step h3{font-size:18px;font-weight:600;line-height:1.3;margin-top:8px}
.eds .eds-step p{font-size:15px;color:var(--eds-ink-2)}

/* Studi kasus */
.eds .eds-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.eds .eds-case{display:grid;align-content:start;border-radius:22px;overflow:hidden;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line);min-width:0;transition:transform .55s var(--eds-ease),box-shadow .55s var(--eds-ease)}
.eds .eds-case:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--eds-line),var(--eds-shadow)}
.eds .eds-case__shot{position:relative;aspect-ratio:16/10;max-width:100%;overflow:hidden;background:var(--eds-grad)}
.eds .eds-case__shot::before{content:attr(data-initial);position:absolute;inset:0;display:grid;place-items:center;font:700 56px/1 var(--eds-font-display);color:rgba(255,255,255,.85)}
.eds .eds-case__shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1s var(--eds-ease)}
.eds .eds-case:hover .eds-case__shot img{transform:scale(1.05)}
.eds .eds-case__tag{position:absolute;left:12px;top:12px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--eds-ink);background:color-mix(in srgb,var(--eds-surface) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.eds .eds-case__tag .eds-i{width:14px;height:14px;color:var(--eds-accent-text)}
.eds .eds-case__body{display:grid;gap:8px;padding:20px 22px 22px}
.eds .eds-case h3{font-size:18px;font-weight:600;line-height:1.3}
.eds .eds-case p{font-size:14.5px;color:var(--eds-ink-2)}
.eds .eds-case__more{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:600;color:var(--eds-accent-text)}
.eds .eds-case__more .eds-i{width:16px;height:16px}
.eds .eds-case:hover .eds-case__more .eds-arrow{transform:translateX(4px)}
.eds .eds-center{display:flex;justify-content:center;margin-top:40px}

/* Harga */
.eds .eds-pricing{background:var(--eds-surface)}
.eds .eds-plans-wrap{display:grid;margin-top:24px}
.eds .eds-plans-set{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s var(--eds-ease),transform .6s var(--eds-ease),visibility .5s}
.eds .eds-plans-set.is-active{opacity:1;visibility:visible;transform:none}
.eds .eds-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;padding-top:14px}
.eds .eds-plan{position:relative;display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:24px;background:var(--eds-bg);box-shadow:inset 0 0 0 1px var(--eds-line);min-width:0;transition:transform .55s var(--eds-ease),box-shadow .55s var(--eds-ease)}
.eds .eds-plan:hover{transform:translateY(-4px)}
.eds .eds-plan.is-featured{background:linear-gradient(var(--eds-surface),var(--eds-surface)) padding-box,var(--eds-grad) border-box;border:2px solid transparent;box-shadow:var(--eds-shadow)}
.eds .eds-plan__badge{position:absolute;top:-13px;left:26px;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:#fff;background:var(--eds-grad)}
.eds .eds-plan h3{font-size:20px;font-weight:600}
.eds .eds-plan__for{font-size:14px;color:var(--eds-ink-3);margin-top:4px}
.eds .eds-price{display:grid;gap:2px;font-variant-numeric:tabular-nums}
.eds .eds-price s{font-size:14px;color:var(--eds-ink-3);min-height:1.2em}
.eds .eds-price b{font:700 clamp(26px,2.6vw,32px)/1.1 var(--eds-font-display);letter-spacing:-.02em;background:var(--eds-grad-head);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content;max-width:100%}
.eds .eds-price small{font-size:13.5px;color:var(--eds-ink-3)}
.eds .eds-feat{display:grid;gap:10px;font-size:14.5px;color:var(--eds-ink-2);flex:1;align-content:start}
.eds .eds-feat li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}
.eds .eds-feat .eds-i{width:18px;height:18px;margin-top:2px;color:var(--eds-pink)}
.eds .eds-feat .eds-feat__sub{display:block;margin-top:6px;font-size:12.5px;font-weight:600;color:var(--eds-ink-3)}
.eds .eds-plan .eds-btn{width:100%}
.eds .eds-plans__hint{margin-top:16px;font-size:14px;color:var(--eds-ink-3)}
.eds .eds-pricing__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding:18px 22px;border-radius:18px;background:var(--eds-surface-2)}
.eds .eds-pricing__foot p{font-size:14.5px;color:var(--eds-ink-2);max-width:62ch}

/* Testimoni */
.eds .eds-testi__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px}
.eds .eds-testi__nav{display:flex;gap:10px}
.eds .eds-testi__nav button{width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:#fff;background:var(--eds-grad);box-shadow:0 10px 22px -10px rgba(201,34,120,.6);transition:transform .45s var(--eds-ease),opacity .3s}
.eds .eds-testi__nav button:hover{transform:translateY(-2px)}
.eds .eds-testi__nav button:disabled{opacity:.35;cursor:default;transform:none}
.eds .eds-testi__nav .eds-i{width:20px;height:20px}
.eds .eds-slider{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:none}
.eds .eds-slider::-webkit-scrollbar{display:none}
.eds .eds-quote{scroll-snap-align:start;display:flex;flex-direction:column;gap:20px;margin:0;padding:28px;border-radius:24px;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line);min-width:0}
.eds .eds-quote blockquote{margin:0;font-size:16px;line-height:1.65;color:var(--eds-ink);flex:1}
.eds .eds-quote blockquote::before{content:"\201C";display:block;font:700 48px/.8 var(--eds-font-display);background:var(--eds-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}
.eds .eds-who{display:flex;align-items:center;gap:12px}
.eds .eds-who i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:700 15px/1 var(--eds-font-display);font-style:normal;color:#fff;background:var(--eds-grad);flex:none}
.eds .eds-who b{display:block;font:600 15px/1.3 var(--eds-font-display)}
.eds .eds-who span span{display:block;font-size:13px;color:var(--eds-ink-3)}
.eds .eds-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}
.eds .eds-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--eds-line);cursor:pointer;transition:width .5s var(--eds-ease),background .4s}
.eds .eds-dots button[aria-current="true"]{width:28px;background:var(--eds-grad)}

/* FAQ */
.eds .eds-faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,80px);align-items:start}
.eds .eds-faq__list{display:grid;gap:10px;min-width:0}
.eds .eds-qa{border-radius:18px;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line);transition:box-shadow .4s}
.eds .eds-qa.is-open{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--eds-pink) 55%,var(--eds-line)),var(--eds-shadow)}
.eds .eds-qa>button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 20px 19px 22px;border:0;background:none;cursor:pointer;text-align:left;font:600 15.5px/1.4 var(--eds-font-display);color:var(--eds-ink)}
.eds .eds-qa>button i{position:relative;flex:none;width:32px;height:32px;border-radius:50%;background:var(--eds-grad);box-shadow:0 6px 14px -6px rgba(201,34,120,.6);transition:transform .55s var(--eds-ease)}
.eds .eds-qa>button i::before,.eds .eds-qa>button i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:#fff;transition:transform .55s var(--eds-ease)}
.eds .eds-qa>button i::after{transform:rotate(90deg)}
.eds .eds-qa.is-open>button i{transform:rotate(180deg)}
.eds .eds-qa.is-open>button i::after{transform:rotate(0)}
.eds .eds-qa__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--eds-ease)}
.eds .eds-qa.is-open .eds-qa__a{grid-template-rows:1fr}
.eds .eds-qa__a>div{overflow:hidden}
.eds .eds-qa__a p{padding:0 22px 20px;color:var(--eds-ink-2);font-size:15px}

/* CTA akhir */
.eds .eds-final{padding-block:0 clamp(64px,8vw,104px)}
.eds .eds-final__box{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;padding:clamp(32px,5vw,64px);background:var(--eds-grad);color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:center}
.eds .eds-final__box::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='.22' stroke-width='1'%3E%3Cellipse cx='22' cy='11' rx='5.5' ry='10'/%3E%3Cellipse cx='22' cy='33' rx='5.5' ry='10'/%3E%3Cellipse cx='11' cy='22' rx='10' ry='5.5'/%3E%3Cellipse cx='33' cy='22' rx='10' ry='5.5'/%3E%3Ccircle cx='22' cy='22' r='1.6'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(100deg,transparent 30%,#000);mask-image:linear-gradient(100deg,transparent 30%,#000)}
.eds .eds-final h2{color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.15;font-weight:700;max-width:20ch}
.eds .eds-final p{margin-top:14px;color:rgba(255,255,255,.9);max-width:48ch}
.eds .eds-final__act{display:grid;gap:14px;justify-items:start}
.eds .eds-final__wa{display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(255,255,255,.9)}
.eds .eds-final__wa .eds-ic{background:rgba(255,255,255,.2);color:#fff}
.eds .eds-final__wa b{display:block;font:600 19px/1.3 var(--eds-font-display);color:#fff;user-select:all}

/* Reveal lembut (konten tetap terlihat) */
.eds.eds-js .eds-rv{transition:opacity .9s var(--eds-ease),transform 1s var(--eds-ease)}
.eds.eds-js .eds-rv.is-pending{opacity:.25;transform:translateY(22px)}

@media (max-width:1080px){
  .eds .eds-toast{left:12px}
  .eds .eds-hero__grid,.eds .eds-why__grid,.eds .eds-faq__grid{grid-template-columns:1fr}
  .eds .eds-why__head{position:static}
  .eds .eds-panel{max-width:560px;margin-inline:auto;width:100%}
  .eds .eds-tabpanel{grid-template-columns:1fr}
  .eds .eds-plans,.eds .eds-cases{grid-template-columns:repeat(2,1fr)}
  .eds .eds-plans .eds-plan:last-child{grid-column:1/-1}
  .eds .eds-slider{grid-auto-columns:calc((100% - 24px)/2)}
  .eds .eds-steps{grid-template-columns:repeat(2,1fr);row-gap:40px}
  .eds .eds-steps::before{display:none}
  .eds .eds-final__box{grid-template-columns:1fr}
}
@media (max-width:640px){
  .eds .eds-ch li{grid-template-columns:38px 1fr auto;gap:10px;padding:10px 4px}
  .eds .eds-ch li .eds-ic{width:38px;height:38px}
  .eds .eds-panel__in{padding:18px 16px}
  .eds .eds-hero__cta .eds-btn{flex:1 1 100%}
  .eds .eds-toast{left:12px;right:12px;bottom:-40px}
  .eds .eds-hero{padding-bottom:96px}
  .eds .eds-clients__row{flex-direction:column;align-items:flex-start;gap:14px}
  .eds .eds-clients__label{max-width:none}
  .eds .eds-marquee{width:100%}
  .eds .eds-why__list,.eds .eds-plans,.eds .eds-cases,.eds .eds-steps{grid-template-columns:1fr}
  .eds .eds-plans .eds-plan:last-child{grid-column:auto}
  .eds .eds-steps{row-gap:26px}
  .eds .eds-step{grid-template-columns:52px 1fr;column-gap:16px}
  .eds .eds-step h3{margin-top:0;align-self:center}
  .eds .eds-step p{grid-column:2}
  .eds .eds-slider{grid-auto-columns:88%}
  .eds .eds-svc a{grid-template-columns:40px 1fr auto;gap:12px;padding:12px 6px}
  .eds .eds-svc .eds-ic{width:40px;height:40px}
  .eds .eds-svc .eds-arrow{display:none}
  .eds .eds-tabpanel__btns .eds-btn{width:100%}
  .eds .eds-center .eds-btn{width:100%}
}

/* ===== Komponen halaman dalam (Layanan, Harga, Studi Kasus, Tentang, Kontak) ===== */
.eds .eds-phero{position:relative;isolation:isolate;padding-block:clamp(28px,4vw,56px) clamp(48px,6vw,80px)}
.eds .eds-phero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:center}
.eds .eds-phero__copy{display:grid;gap:20px;min-width:0}
.eds .eds-phero h1{display:grid;gap:14px}
.eds .eds-phero h1 .eds-chip{font-family:var(--eds-font-body);letter-spacing:0}
.eds .eds-phero h1 .eds-h1-tag{font-size:clamp(30px,3.8vw,48px);line-height:1.1;font-weight:700;letter-spacing:-.025em;padding-bottom:.06em;max-width:22ch}
.eds .eds-phero--center .eds-phero__copy{justify-items:center;text-align:center}
.eds .eds-phero--center h1{justify-items:center}
.eds .eds-phero--center .eds-h1-tag{margin-inline:auto}
.eds .eds-phero--center .eds-hero__sub{margin-inline:auto}
.eds .eds-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;color:var(--eds-ink-3)}
.eds .eds-crumb a{color:var(--eds-ink-2);transition:color .3s}
.eds .eds-crumb a:hover{color:var(--eds-accent-text)}
.eds .eds-crumb .eds-i{width:14px;height:14px;opacity:.6}
.eds .eds-jump{display:flex;flex-wrap:wrap;gap:8px}
.eds .eds-jump a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px 8px 10px;border-radius:999px;font-size:14px;font-weight:600;color:var(--eds-ink-2);background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line);transition:color .3s,box-shadow .3s,transform .45s var(--eds-ease)}
.eds .eds-jump a:hover{color:var(--eds-accent-text);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--eds-pink) 55%,var(--eds-line));transform:translateY(-2px)}
.eds .eds-jump .eds-i{width:17px;height:17px;color:var(--eds-accent-text)}
.eds .eds-alt{background:var(--eds-surface)}
.eds .eds-card{position:relative;display:grid;gap:10px;align-content:start;padding:24px;border-radius:22px;background:var(--eds-bg);box-shadow:inset 0 0 0 1px var(--eds-line);min-width:0;transition:transform .55s var(--eds-ease),box-shadow .55s var(--eds-ease)}
.eds .eds-alt .eds-card{background:var(--eds-bg)}
.eds .eds-sec:not(.eds-alt) .eds-card{background:var(--eds-surface)}
.eds a.eds-card:hover,.eds .eds-card.is-hover:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--eds-pink) 40%,var(--eds-line)),var(--eds-shadow)}
.eds .eds-card h3{font-size:18px;line-height:1.3;font-weight:600;margin-top:4px}
.eds .eds-card p{font-size:15px;color:var(--eds-ink-2)}
.eds .eds-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.eds .eds-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.eds .eds-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.eds .eds-link{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;color:var(--eds-accent-text)}
.eds .eds-link .eds-i{width:16px;height:16px;transition:transform .45s var(--eds-ease)}
.eds a:hover>.eds-link .eds-i,.eds .eds-link:hover .eds-i{transform:translateX(4px)}

/* Blok kategori (Layanan) */
.eds .eds-cat{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,64px);align-items:start;padding-block:clamp(40px,5vw,64px);border-top:1px solid var(--eds-line)}
.eds .eds-cat:first-of-type{border-top:0;padding-top:0}
.eds .eds-cat[id]{scroll-margin-top:calc(var(--eds-header-h) + 16px)}
.eds .eds-cat__intro{position:sticky;top:calc(var(--eds-header-h) + 32px);display:grid;gap:14px;align-content:start;min-width:0}
.eds .eds-cat__intro h2{font-size:clamp(24px,2.4vw,32px);line-height:1.2;font-weight:700}
.eds .eds-cat__intro p{color:var(--eds-ink-2)}
.eds .eds-cat__unit{font-size:13.5px;color:var(--eds-ink-3)}
.eds .eds-cat__intro .eds-btn{justify-self:start;margin-top:6px}
.eds .eds-scards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;min-width:0}
.eds .eds-scard{display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:22px;border-radius:22px;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line);min-width:0;transition:transform .55s var(--eds-ease),box-shadow .55s var(--eds-ease)}
.eds .eds-scard:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--eds-pink) 40%,var(--eds-line)),var(--eds-shadow)}
.eds .eds-scard__top{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center}
.eds .eds-scard__top b{display:block;font:600 16px/1.3 var(--eds-font-display)}
.eds .eds-scard__top small{display:block;font-size:13px;color:var(--eds-ink-3)}
.eds .eds-scard p{font-size:14.5px;color:var(--eds-ink-2)}
.eds .eds-scard__foot{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:8px 12px;padding-top:14px;border-top:1px dashed var(--eds-line)}
.eds .eds-scard__price{font-size:12.5px;color:var(--eds-ink-3);line-height:1.3}
.eds .eds-scard__price strong{display:block;font:700 17px/1.2 var(--eds-font-display);color:var(--eds-ink)}
.eds .eds-scard:hover .eds-ic{background:var(--eds-grad);color:#fff}
.eds .eds-scard .eds-ic{transition:background .35s,color .35s}

/* Banner */
.eds .eds-banner{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:clamp(22px,3vw,32px);border-radius:26px;background:linear-gradient(120deg,color-mix(in srgb,var(--eds-magenta) 10%,var(--eds-surface)),color-mix(in srgb,var(--eds-amber) 14%,var(--eds-surface)));box-shadow:inset 0 0 0 1px var(--eds-line)}
.eds .eds-banner__ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--eds-grad);box-shadow:0 10px 24px -10px rgba(201,34,120,.6)}
.eds .eds-banner__ic .eds-i{width:26px;height:26px}
.eds .eds-banner h3{font-size:clamp(18px,1.8vw,22px);font-weight:700;line-height:1.3}
.eds .eds-banner p{font-size:15px;color:var(--eds-ink-2);margin-top:4px}

/* Harga: tab layanan */
.eds .eds-stabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.eds .eds-stab{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 14px 8px 10px;border:0;border-radius:999px;cursor:pointer;font:600 14px/1.25 var(--eds-font-body);color:var(--eds-ink-2);background:var(--eds-bg);box-shadow:inset 0 0 0 1px var(--eds-line);transition:color .35s,background .35s,box-shadow .35s;text-align:left}
.eds .eds-stab .eds-i{width:17px;height:17px;color:var(--eds-accent-text);flex:none;transition:color .35s}
.eds .eds-stab:hover{color:var(--eds-ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--eds-pink) 50%,var(--eds-line))}
.eds .eds-stab[aria-selected="true"]{color:var(--eds-accent-text);background:color-mix(in srgb,var(--eds-pink) 10%,var(--eds-surface));box-shadow:inset 0 0 0 1.5px var(--eds-pink)}
.eds .eds-spanel{display:grid}
.eds .eds-spanel[hidden]{display:none}
.eds .eds-spanel__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px 20px;margin-top:26px}
.eds .eds-spanel__head h3{font-size:clamp(19px,1.9vw,23px);font-weight:700;line-height:1.3}
.eds .eds-spanel__head p{font-size:14.5px;color:var(--eds-ink-3);margin-top:4px}
.eds .eds-plans--1{grid-template-columns:minmax(0,560px)}
.eds .eds-plans--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.eds .eds-note-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.eds .eds-note-list li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:16px;border-radius:16px;background:var(--eds-surface-2);font-size:14px;color:var(--eds-ink-2)}
.eds .eds-note-list li b{display:block;font:600 14.5px/1.3 var(--eds-font-display);color:var(--eds-ink);margin-bottom:2px}
.eds .eds-note-list .eds-ic{width:36px;height:36px;border-radius:11px}
.eds .eds-note-list .eds-ic .eds-i{width:17px;height:17px}

/* Tabel harga ringkas */
.eds .eds-ptable{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--eds-line);background:var(--eds-surface);margin:0}
.eds .eds-ptable th,.eds .eds-ptable td{padding:14px 16px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--eds-line);background:none}
.eds .eds-ptable thead th{font:600 13px/1.3 var(--eds-font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--eds-ink-3);background:var(--eds-surface-2)}
.eds .eds-ptable tbody tr:last-child td{border-bottom:0}
.eds .eds-ptable .eds-ptable__cat td{padding:12px 16px;font:600 13.5px/1.3 var(--eds-font-display);color:var(--eds-accent-text);background:color-mix(in srgb,var(--eds-pink) 6%,var(--eds-surface))}
.eds .eds-ptable td:first-child a{font-weight:600;color:var(--eds-ink)}
.eds .eds-ptable td:first-child a:hover{color:var(--eds-accent-text)}
.eds .eds-ptable td span{display:block;font-size:12.5px;color:var(--eds-ink-3)}
.eds .eds-ptable td b{font-weight:600;font-variant-numeric:tabular-nums}

/* Timeline */
.eds .eds-tl{position:relative;display:grid;gap:18px;padding-left:34px}
.eds .eds-tl::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(var(--eds-magenta),var(--eds-pink),var(--eds-amber));opacity:.5}
.eds .eds-tl li{position:relative;display:grid;gap:6px;padding:20px 22px;border-radius:20px;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line)}
.eds .eds-tl li::before{content:"";position:absolute;left:-30px;top:24px;width:16px;height:16px;border-radius:50%;background:var(--eds-grad);box-shadow:0 0 0 5px var(--eds-bg)}
.eds .eds-tl b{font:700 14px/1 var(--eds-font-display);color:var(--eds-accent-text);letter-spacing:.02em}
.eds .eds-tl h3{font-size:18px;font-weight:600;line-height:1.3}
.eds .eds-tl p{font-size:15px;color:var(--eds-ink-2)}

/* Panel identitas (Tentang) */
.eds .eds-idcard{position:relative;border-radius:28px;padding:1px;background:linear-gradient(150deg,rgba(237,63,154,.55),rgba(247,164,64,.35) 40%,var(--eds-line) 70%);box-shadow:var(--eds-shadow);min-width:0}
.eds .eds-idcard__in{border-radius:27px;background:var(--eds-surface);padding:clamp(20px,3vw,28px);display:grid;gap:18px}
.eds .eds-idcard__head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--eds-line)}
.eds .eds-idcard__head img{width:46px;height:auto;flex:none}
.eds .eds-idcard__head b{display:block;font:700 17px/1.25 var(--eds-font-display)}
.eds .eds-idcard__head small{display:block;font-size:13px;color:var(--eds-ink-3)}
.eds .eds-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.eds .eds-facts li{display:grid;gap:4px;padding:14px;border-radius:16px;background:var(--eds-surface-2);min-width:0}
.eds .eds-facts small{font-size:12.5px;color:var(--eds-ink-3)}
.eds .eds-facts b{font:600 15px/1.3 var(--eds-font-display);color:var(--eds-ink)}
.eds .eds-tagline{padding:16px 18px;border-radius:16px;background:var(--eds-grad);color:#fff;font:600 15.5px/1.4 var(--eds-font-display)}
.eds .eds-tagline small{display:block;font:500 12.5px/1.3 var(--eds-font-body);opacity:.9;margin-bottom:4px}
.eds .eds-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:start}
.eds .eds-story__body{display:grid;gap:16px;color:var(--eds-ink-2);font-size:16px}
.eds .eds-story__body strong{color:var(--eds-ink)}
.eds .eds-aud{display:grid;gap:16px;padding:28px;border-radius:24px;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line);min-width:0}
.eds .eds-aud h3{font-size:20px;font-weight:700;line-height:1.3}
.eds .eds-aud p{color:var(--eds-ink-2);font-size:15px}
.eds .eds-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.eds .eds-stat{display:grid;gap:4px;padding:22px;border-radius:22px;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line);min-width:0}
.eds .eds-stat b{font:700 clamp(22px,2.4vw,30px)/1.15 var(--eds-font-display);background:var(--eds-grad-head);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content;max-width:100%}
.eds .eds-stat span{font-size:14px;color:var(--eds-ink-2)}

/* Kontak */
.eds .eds-cc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.eds .eds-cc__item{display:grid;gap:12px;align-content:start;padding:24px;border-radius:24px;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line);min-width:0;transition:transform .55s var(--eds-ease),box-shadow .55s var(--eds-ease);text-align:left;cursor:pointer;font:inherit;color:inherit;border:0;width:100%}
.eds .eds-cc__item:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--eds-pink) 40%,var(--eds-line)),var(--eds-shadow)}
.eds .eds-cc__item.is-static{cursor:default}
.eds .eds-cc__item.is-static:hover{transform:none;box-shadow:inset 0 0 0 1px var(--eds-line)}
.eds .eds-cc__item small{font-size:13px;color:var(--eds-ink-3)}
.eds .eds-cc__item b{display:block;font:600 18px/1.3 var(--eds-font-display);color:var(--eds-ink);overflow-wrap:anywhere}
.eds .eds-cc__item .eds-ic--wa{background:var(--eds-wa);color:#fff}
.eds .eds-qs{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:clamp(20px,3vw,28px);border-radius:24px;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line),var(--eds-shadow)}
.eds .eds-qs__f{display:grid;gap:6px;min-width:0}
.eds .eds-qs__f label{font-size:13.5px;font-weight:600;color:var(--eds-ink)}
.eds .eds-qs select{width:100%;min-height:50px;padding:12px 40px 12px 14px;border-radius:14px;border:1px solid var(--eds-line);background:var(--eds-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C7489' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/18px;color:var(--eds-ink);font:500 15px/1.4 var(--eds-font-body);-webkit-appearance:none;appearance:none;margin:0}
.eds .eds-qs select:focus{outline:none;border-color:var(--eds-pink);box-shadow:0 0 0 4px color-mix(in srgb,var(--eds-pink) 18%,transparent)}
.eds .eds-qs .eds-btn{--h:50px}
.eds .eds-qs__est{grid-column:1/-1;font-size:14px;color:var(--eds-ink-2);min-height:1.4em}
.eds .eds-qs__est b{color:var(--eds-ink)}
.eds .eds-qs__est s{color:var(--eds-ink-3);margin-left:6px}
.eds .eds-social{display:flex;flex-wrap:wrap;gap:10px}
.eds .eds-social a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 14px 8px 10px;border-radius:999px;font-size:14px;font-weight:600;color:var(--eds-ink-2);background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line);transition:color .3s,transform .45s var(--eds-ease)}
.eds .eds-social a:hover{color:var(--eds-accent-text);transform:translateY(-2px)}
.eds .eds-social .eds-i{width:18px;height:18px;color:var(--eds-accent-text)}

@media (max-width:1080px){
  .eds .eds-phero__grid,.eds .eds-cat,.eds .eds-story{grid-template-columns:1fr}
  .eds .eds-cat__intro{position:static}
  .eds .eds-grid-4,.eds .eds-stats{grid-template-columns:repeat(2,1fr)}
  .eds .eds-grid-3,.eds .eds-note-list{grid-template-columns:repeat(2,1fr)}
  .eds .eds-idcard{max-width:600px;width:100%}
  .eds .eds-qs{grid-template-columns:1fr 1fr}
  .eds .eds-qs .eds-btn{grid-column:1/-1}
}
@media (max-width:760px){
  .eds .eds-ptable thead{display:none}
  .eds .eds-ptable,.eds .eds-ptable tbody,.eds .eds-ptable tr,.eds .eds-ptable td{display:block;width:100%}
  .eds .eds-ptable tr{padding:12px 16px;border-bottom:1px solid var(--eds-line)}
  .eds .eds-ptable .eds-ptable__cat{padding:0;border:0}
  .eds .eds-ptable td{padding:4px 0;border:0}
  .eds .eds-ptable td:first-child{padding-bottom:8px;font-size:15.5px}
  .eds .eds-ptable td[data-l]{display:grid;grid-template-columns:96px 1fr;gap:10px}
  .eds .eds-ptable td[data-l]::before{content:attr(data-l);font-size:12.5px;font-weight:600;color:var(--eds-ink-3);padding-top:2px}
  .eds .eds-ptable .eds-ptable__cat td{padding:12px 16px}
}
@media (max-width:640px){
  .eds .eds-scards,.eds .eds-grid-3,.eds .eds-grid-2,.eds .eds-note-list,.eds .eds-cc{grid-template-columns:1fr}
  .eds .eds-grid-4{grid-template-columns:1fr}
  .eds .eds-stats{grid-template-columns:1fr 1fr;gap:12px}
  .eds .eds-stat{padding:16px}
  .eds .eds-banner{grid-template-columns:1fr;text-align:left}
  .eds .eds-banner .eds-btn{width:100%}
  .eds .eds-plans--2{grid-template-columns:1fr}
  .eds .eds-qs{grid-template-columns:1fr}
  .eds .eds-cat__intro .eds-btn{width:100%}
  .eds .eds-phero__copy .eds-hero__cta .eds-btn{flex:1 1 100%}
}
/* ===== Studi kasus v1.1: filter, kartu premium, detail project ===== */
.eds .eds-pj-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.eds .eds-pj-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px 8px 14px;border:0;border-radius:999px;cursor:pointer;font:600 14px/1.2 var(--eds-font-body);color:var(--eds-ink-2);background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line);transition:color .35s,background .35s,box-shadow .35s,transform .45s var(--eds-ease)}
.eds .eds-pj-chip .eds-i{width:17px;height:17px;color:var(--eds-accent-text);transition:color .35s}
.eds .eds-pj-chip span{min-width:26px;padding:3px 8px;border-radius:999px;font-size:12px;text-align:center;background:var(--eds-surface-2);color:var(--eds-ink-3)}
.eds .eds-pj-chip:hover{color:var(--eds-ink);transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--eds-pink) 50%,var(--eds-line))}
.eds .eds-pj-chip[aria-pressed="true"]{color:#fff;background:var(--eds-grad);box-shadow:0 10px 22px -10px rgba(201,34,120,.6)}
.eds .eds-pj-chip[aria-pressed="true"] .eds-i{color:#fff}
.eds .eds-pj-chip[aria-pressed="true"] span{background:rgba(255,255,255,.25);color:#fff}
.eds .eds-cases>[hidden]{display:none!important}
.eds .eds-pj-none,.eds .eds-pj-empty{padding:28px;border-radius:20px;text-align:center;color:var(--eds-ink-3);background:var(--eds-surface-2)}
.eds .eds-pj-more .eds-pj-left{margin-left:2px;font-weight:500;opacity:.85}
.eds .edsp-sec{padding-top:clamp(8px,2vw,24px)}

/* Kartu */
.eds .eds-cases{gap:24px}
.eds a.eds-case{position:relative;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line);transition:transform .6s var(--eds-ease),box-shadow .6s var(--eds-ease)}
.eds a.eds-case:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--eds-pink) 45%,var(--eds-line)),0 28px 48px -26px rgba(120,20,80,.35)}
.eds a.eds-case.is-in{animation:edspIn .65s var(--eds-ease) both}
@keyframes edspIn{from{opacity:0;transform:translateY(16px)}}
.eds a.eds-case .eds-case__shot{position:relative;aspect-ratio:16/11;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 15% 0%,color-mix(in srgb,var(--eds-pink) 22%,transparent),transparent 60%),radial-gradient(90% 80% at 100% 100%,color-mix(in srgb,var(--eds-amber) 26%,transparent),transparent 60%),var(--eds-surface-2)}
.eds a.eds-case .eds-case__shot::before{content:none}
.eds a.eds-case .eds-case__shot:not(:has(img))::before{content:attr(data-initial);position:absolute;inset:0;display:grid;place-items:center;font:700 64px/1 var(--eds-font-display);color:#fff;background:var(--eds-grad)}
.eds a.eds-case .eds-case__shot img{position:absolute;inset:11% 7% 7%;width:86%!important;height:82%!important;max-width:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 22px rgba(60,10,40,.22));transition:transform 1s var(--eds-ease)}
.eds a.eds-case:hover .eds-case__shot img{transform:scale(1.05) translateY(-4px)}
.eds a.eds-case .eds-case__tag{position:absolute;left:14px;top:14px;z-index:2}
.eds a.eds-case .eds-case__star{position:absolute;right:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:6px 11px 6px 9px;border-radius:999px;font:600 12px/1 var(--eds-font-body);color:#fff;background:var(--eds-grad);box-shadow:0 8px 18px -8px rgba(201,34,120,.7)}
.eds a.eds-case .eds-case__star .eds-i{width:13px;height:13px}
.eds a.eds-case .eds-case__view{position:absolute;left:50%;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;font:600 13.5px/1 var(--eds-font-body);color:var(--eds-ink);background:color-mix(in srgb,var(--eds-surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--eds-shadow);opacity:0;transform:translate(-50%,10px);transition:opacity .45s var(--eds-ease),transform .55s var(--eds-ease)}
.eds a.eds-case .eds-case__view .eds-i{width:15px;height:15px}
.eds a.eds-case:hover .eds-case__view{opacity:1;transform:translate(-50%,0)}
.eds a.eds-case .eds-case__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:20px 22px 20px}
.eds a.eds-case .eds-case__meta{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--eds-accent-text)}
.eds a.eds-case h3{font-size:19px;line-height:1.3;font-weight:700}
.eds a.eds-case p{font-size:14.5px;line-height:1.6;color:var(--eds-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.eds a.eds-case .eds-case__metric{display:inline-flex;align-items:baseline;gap:6px;width:fit-content;max-width:100%;padding:6px 10px;border-radius:10px;font-size:13px;color:var(--eds-ink-2);background:var(--eds-surface-2)}
.eds a.eds-case .eds-case__metric b{font:700 15px/1 var(--eds-font-display);color:var(--eds-accent-text)}
.eds a.eds-case .eds-case__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px dashed var(--eds-line);font-size:14px;font-weight:600;color:var(--eds-accent-text)}
.eds a.eds-case .eds-case__foot i{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--eds-accent-text);background:var(--eds-icon-bg);transition:background .4s,color .4s,transform .5s var(--eds-ease)}
.eds a.eds-case .eds-case__foot .eds-i{width:17px;height:17px}
.eds a.eds-case:hover .eds-case__foot i{color:#fff;background:var(--eds-grad);transform:rotate(-45deg)}
.eds a.eds-case .eds-case__more{display:none}
@media (min-width:641px){
  .eds .eds-pj-cases>a.eds-case.is-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:1fr;align-content:stretch;align-items:stretch}
  .eds .eds-pj-cases>a.eds-case.is-row .eds-case__shot{aspect-ratio:auto;height:auto;min-height:300px;align-self:stretch}
  .eds .eds-pj-cases>a.eds-case.is-row .eds-case__body{padding:32px;justify-content:center;gap:12px}
  .eds .eds-pj-cases>a.eds-case.is-row h3{font-size:clamp(21px,2vw,28px)}
  .eds .eds-pj-cases>a.eds-case.is-row p{-webkit-line-clamp:4;font-size:15.5px}
  .eds .eds-pj-cases>a.eds-case.is-row .eds-case__foot{margin-top:12px}
}

/* ===== Detail project ===== */
.eds .eds-pd-hero{position:relative;isolation:isolate;padding-block:clamp(24px,3.5vw,44px) clamp(48px,6vw,88px)}
.eds .eds-pd-hero__bg{position:absolute;inset:calc(-1 * var(--eds-header-h)) 0 0;z-index:-1;pointer-events:none;overflow:hidden}
.eds .eds-pd-hero__bg::before{content:"";position:absolute;width:820px;height:820px;right:-200px;top:-160px;border-radius:50%;background:radial-gradient(closest-side,var(--eds-glow-1),transparent)}
.eds .eds-pd-hero__bg::after{content:"";position:absolute;width:620px;height:620px;left:-240px;bottom:-260px;border-radius:50%;background:radial-gradient(closest-side,var(--eds-glow-2),transparent)}
.eds .eds-pd-hero__grid{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(28px,5vw,64px);align-items:center;margin-top:22px}
.eds .eds-pd-hero__copy{display:grid;gap:20px;align-content:center;min-width:0}
.eds .eds-pd-chips{display:flex;flex-wrap:wrap;gap:8px}
.eds .eds-pd-chips .eds-chip{transition:transform .45s var(--eds-ease)}
.eds .eds-pd-chips a.eds-chip:hover{transform:translateY(-2px)}
.eds .eds-chip--soft{color:var(--eds-ink-2);background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line)}
.eds .eds-chip--soft .eds-i{color:var(--eds-accent-text)}
.eds .eds-pd-title{margin:0;font-size:clamp(34px,4.6vw,58px);line-height:1.05;font-weight:700;letter-spacing:-.03em}
.eds .eds-pd-title span{display:inline;padding-bottom:.06em}
.eds .eds-pd-lead{font-size:clamp(16px,1.45vw,18px);line-height:1.65;color:var(--eds-ink-2);max-width:54ch}
.eds .eds-pd-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.eds .eds-pd-facts li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--eds-surface) 85%,transparent);box-shadow:inset 0 0 0 1px var(--eds-line);min-width:0}
.eds .eds-pd-facts .eds-ic{width:38px;height:38px;border-radius:11px;flex:none}
.eds .eds-pd-facts .eds-ic .eds-i{width:18px;height:18px}
.eds .eds-pd-facts small{display:block;font-size:12px;color:var(--eds-ink-3)}
.eds .eds-pd-facts b{display:block;font:600 14.5px/1.3 var(--eds-font-display);color:var(--eds-ink)}
.eds .eds-pd-stage{position:relative;aspect-ratio:5/4;border-radius:32px;isolation:isolate;background:radial-gradient(90% 80% at 20% 10%,color-mix(in srgb,var(--eds-pink) 26%,transparent),transparent 62%),radial-gradient(80% 70% at 95% 100%,color-mix(in srgb,var(--eds-amber) 30%,transparent),transparent 60%),var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line),0 40px 80px -40px rgba(120,20,80,.35);min-width:0}
.eds .eds-pd-stage__glow{position:absolute;inset:18% 14%;z-index:-1;border-radius:50%;background:var(--eds-grad);filter:blur(70px);opacity:.28}
.eds .eds-pd-stage__img{position:absolute;inset:7%;display:grid;place-items:center;cursor:zoom-in}
.eds .eds-pd-stage__img img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;filter:drop-shadow(0 30px 36px rgba(60,10,40,.28));transition:transform 1s var(--eds-ease)}
.eds .eds-pd-stage:hover .eds-pd-stage__img img{transform:scale(1.03)}
.eds .eds-pd-stage__ph{inset:0;border-radius:32px;background:var(--eds-grad);cursor:default}
.eds .eds-pd-stage__ph::before{content:attr(data-initial);font:700 clamp(72px,10vw,140px)/1 var(--eds-font-display);color:rgba(255,255,255,.88)}
.eds .eds-pd-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:10px 14px;border-radius:16px;font-size:13px;color:var(--eds-ink-2);background:color-mix(in srgb,var(--eds-surface) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--eds-shadow),inset 0 0 0 1px var(--eds-line)}
.eds .eds-pd-badge--live{left:18px;bottom:18px;font-weight:600;color:var(--eds-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eds .eds-pd-badge--live i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--eds-ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--eds-ok) 22%,transparent)}
.eds .eds-pd-badge--metric{right:18px;top:18px;flex-direction:column;align-items:flex-start;gap:2px;max-width:200px}
.eds .eds-pd-badge--metric b{font:700 24px/1.05 var(--eds-font-display);background:var(--eds-grad-head);-webkit-background-clip:text;background-clip:text;color:transparent}

.eds .eds-pd-metrics{margin-top:clamp(-24px,-2vw,-12px)}
.eds .eds-pd-metrics__row{display:grid;grid-template-columns:repeat(4,1fr);border-radius:26px;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line),var(--eds-shadow);overflow:hidden}
.eds .eds-pd-metrics--1{grid-template-columns:1fr}
.eds .eds-pd-metrics--2{grid-template-columns:repeat(2,1fr)}
.eds .eds-pd-metrics--3{grid-template-columns:repeat(3,1fr)}
.eds .eds-pd-metrics__row>div{display:grid;gap:4px;padding:24px 26px;min-width:0}
.eds .eds-pd-metrics__row>div+div{border-left:1px solid var(--eds-line)}
.eds .eds-pd-metrics__row b{font:700 clamp(26px,3vw,38px)/1.05 var(--eds-font-display);background:var(--eds-grad-head);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content;max-width:100%}
.eds .eds-pd-metrics__row span{font-size:14px;color:var(--eds-ink-2)}

.eds .eds-pd-body__grid{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:clamp(28px,4vw,56px);align-items:start}
.eds .eds-pd-side{position:sticky;top:calc(var(--eds-header-h) + 24px)}
.eds .eds-pd-info{display:grid;gap:16px;padding:24px;border-radius:26px;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line),var(--eds-shadow)}
.eds .eds-pd-info>strong{font:700 16px/1.3 var(--eds-font-display);padding-bottom:14px;border-bottom:1px solid var(--eds-line)}
.eds .eds-pd-info ul{display:grid;gap:14px}
.eds .eds-pd-info li{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start}
.eds .eds-pd-info .eds-ic{width:38px;height:38px;border-radius:11px}
.eds .eds-pd-info .eds-ic .eds-i{width:18px;height:18px}
.eds .eds-pd-info small{display:block;font-size:12px;color:var(--eds-ink-3)}
.eds .eds-pd-info b{display:block;font:600 14.5px/1.4 var(--eds-font-display);color:var(--eds-ink)}
.eds .eds-pd-info b a{color:var(--eds-accent-text)}
.eds .eds-pd-info .eds-btn{width:100%;margin-top:4px}
.eds .eds-pd-main{min-width:0}
.eds .eds-pd-story{position:relative;display:grid;gap:18px}
.eds .eds-pd-block{position:relative;padding:26px 28px;border-radius:24px;background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line)}
.eds .eds-pd-block__head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.eds .eds-pd-block__head h3{font-size:clamp(19px,1.8vw,22px);font-weight:700;line-height:1.3;margin:0}
.eds .eds-pd-block__n{order:3;margin-left:auto;font:700 30px/1 var(--eds-font-display);color:transparent;-webkit-text-stroke:1.2px color-mix(in srgb,var(--eds-pink) 55%,transparent)}
.eds .eds-pd-prose{display:grid;gap:12px;font-size:16px;line-height:1.75;color:var(--eds-ink-2)}
.eds .eds-pd-prose p{margin:0}
.eds .eds-pd-list{display:grid;gap:10px;margin:2px 0}
.eds .eds-pd-list li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start}
.eds .eds-pd-list .eds-i{width:24px;height:24px;padding:5px;border-radius:50%;color:#fff;background:var(--eds-grad);margin-top:2px}
.eds .eds-pd-list strong{color:var(--eds-ink);font-weight:600}
.eds .eds-pd-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.eds .eds-pd-scope__col{padding:24px;border-radius:24px;background:var(--eds-surface-2)}
.eds .eds-pd-scope__col h3{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;margin:0 0 14px}
.eds .eds-pd-scope__col h3 .eds-i{width:20px;height:20px;color:var(--eds-accent-text)}
.eds .eds-pd-tags{display:flex;flex-wrap:wrap;gap:8px}
.eds .eds-pd-tags li{padding:8px 12px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--eds-ink);background:var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line)}

.eds .eds-pd-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.eds .eds-pd-gallery--1{grid-template-columns:minmax(0,900px);justify-content:center}
.eds .eds-pd-gallery--2{grid-template-columns:repeat(2,1fr)}
.eds .eds-pd-gallery--3 .eds-pd-gal:first-child,.eds .eds-pd-gallery--4 .eds-pd-gal:first-child{grid-column:span 2;grid-row:span 2}
.eds .eds-pd-gal{position:relative;display:block;aspect-ratio:16/10;border-radius:20px;overflow:hidden;cursor:zoom-in;background:radial-gradient(90% 80% at 20% 0%,color-mix(in srgb,var(--eds-pink) 16%,transparent),transparent 60%),var(--eds-surface);box-shadow:inset 0 0 0 1px var(--eds-line)}
.eds .eds-pd-gallery--3 .eds-pd-gal:first-child,.eds .eds-pd-gallery--4 .eds-pd-gal:first-child{aspect-ratio:auto}
.eds .eds-pd-gal img{position:absolute;inset:6%;width:88%!important;height:88%!important;max-width:none;object-fit:contain;transition:transform 1s var(--eds-ease)}
.eds .eds-pd-gal:hover img{transform:scale(1.04)}

.eds .eds-pd-quote{position:relative;max-width:900px;margin:0 auto;padding:clamp(28px,4vw,48px);border-radius:30px;background:linear-gradient(var(--eds-surface),var(--eds-surface)) padding-box,var(--eds-grad) border-box;border:2px solid transparent;box-shadow:var(--eds-shadow);display:grid;gap:22px}
.eds .eds-pd-quote__mark{position:absolute;top:-6px;left:28px;font:700 120px/1 var(--eds-font-display);background:var(--eds-grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.35}
.eds .eds-pd-quote blockquote{position:relative;margin:0;font:500 clamp(18px,1.9vw,23px)/1.6 var(--eds-font-display);color:var(--eds-ink)}
.eds .eds-pj-relhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;margin-bottom:clamp(28px,4vw,40px)}

.edsp-lb{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:rgba(20,6,16,.9);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.edsp-lb.is-open{opacity:1;visibility:visible}
.edsp-lb img{max-width:min(1280px,100%);max-height:calc(100vh - 96px);width:auto;height:auto;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.edsp-lb button{position:absolute;top:16px;right:16px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#22111F;font:400 26px/1 sans-serif;cursor:pointer;padding:0}
.edsp-lb .edsp-lb__nav{top:50%;transform:translateY(-50%);font-size:22px}
.edsp-lb .edsp-lb__prev{left:16px;right:auto}
.edsp-lb .edsp-lb__next{right:16px}

@media (max-width:1080px){
  .eds .eds-pd-hero__grid,.eds .eds-pd-body__grid{grid-template-columns:1fr}
  .eds .eds-pd-stage{max-width:720px;width:100%;margin-inline:auto}
  .eds .eds-pd-side{position:static;order:2}
  .eds .eds-pd-info ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eds .eds-pd-metrics--4{grid-template-columns:repeat(2,1fr)}
  .eds .eds-pd-metrics--4>div:nth-child(3){border-left:0}
  .eds .eds-pd-metrics--4>div:nth-child(n+3){border-top:1px solid var(--eds-line)}
}
@media (max-width:640px){
  .eds .eds-pj-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * max(20px,env(safe-area-inset-left,0px)));padding:2px max(20px,env(safe-area-inset-left,0px)) 6px}
  .eds .eds-pj-filter::-webkit-scrollbar{display:none}
  .eds .eds-pj-chip{flex:none;white-space:nowrap}
  .eds .eds-case__view{display:none}
  .eds .eds-pd-title{font-size:clamp(30px,8.6vw,38px)}
  .eds .eds-pd-facts{grid-template-columns:1fr 1fr;gap:8px}
  .eds .eds-pd-facts li{padding:10px;gap:10px}
  .eds .eds-pd-facts .eds-ic{width:32px;height:32px}
  .eds .eds-pd-stage{aspect-ratio:4/3.4;border-radius:24px}
  .eds .eds-pd-badge--metric{display:none}
  .eds .eds-pd-badge--live{left:12px;bottom:12px;padding:8px 12px;font-size:12px}
  .eds .eds-pd-metrics__row,.eds .eds-pd-metrics--3,.eds .eds-pd-metrics--4{grid-template-columns:1fr 1fr}
  .eds .eds-pd-metrics--3>div:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--eds-line)}
  .eds .eds-pd-metrics__row>div{padding:18px}
  .eds .eds-pd-info ul{grid-template-columns:1fr}
  .eds .eds-pd-block{padding:20px}
  .eds .eds-pd-block__n{font-size:24px}
  .eds .eds-pd-scope{grid-template-columns:1fr}
  .eds .eds-pd-gallery,.eds .eds-pd-gallery--2{grid-template-columns:1fr}
  .eds .eds-pd-gallery--3 .eds-pd-gal:first-child,.eds .eds-pd-gallery--4 .eds-pd-gal:first-child{grid-column:auto;grid-row:auto;aspect-ratio:16/10}
  .eds .eds-pj-relhead .eds-btn{width:100%}
}