/* Homepage sections (design Hero, PlatformShowcase, AboutPanel, WhyPanel) + the device frame they share. */

/* ---------- Hero ---------- */
.hd-hero.e-con{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--purple-50) 0%,var(--grey-0) 78%)}
.hd-hero.e-con::after{content:"";position:absolute;left:-200px;bottom:-220px;width:480px;height:480px;border-radius:999px;background:radial-gradient(circle,var(--purple-100) 0%,transparent 70%);pointer-events:none;z-index:0}
.hd-hero .hd-hero-grid.e-con{position:relative;z-index:1;max-width:var(--container-max);width:100%;margin-inline:auto;padding:52px var(--gutter) 64px;display:grid!important;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}
.hd-hero .hd-hero-copy.e-con{display:block;min-width:0}
.hd-hero .hd-hero-lead{margin:18px 0 24px!important;max-width:540px!important}
.hd-hero .hd-hero-btns.e-con{display:flex;gap:14px;flex-wrap:wrap;width:auto}
.hd-hero .hd-hero-btns>.elementor-widget{width:auto}
.hd-hero .hd-hero-trust.e-con{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px!important;width:auto}
.hd-hero .hd-hero-trust>.elementor-widget,.hd-hero .hd-hero-trust>.e-con{width:auto!important;flex:0 0 auto}
.hd-hero .hd-hero-iso.e-con{display:inline-flex;width:auto;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 12px;box-shadow:var(--shadow-sm)}
.hd-hero .hd-hero-iso img{height:44px!important;width:115px!important;max-width:none!important;display:block}
.hd-hero .hd-hero-trust .hd-hero-trust-text{max-width:330px!important;flex:0 1 330px}
.hd-hero .hd-hero-stage.e-con{position:relative;padding:0 36px 24px;display:block;min-width:0}
.hd-hero-ring{left:50%;top:50%}
.hd-live-pos{position:absolute;right:-28px;top:-26px;z-index:2}
.hd-live-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:14px 18px;display:flex;align-items:center;gap:12px}
.hd-live-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--surface-accent-soft);color:var(--green-600);display:inline-flex;align-items:center;justify-content:center}
.hd-live-title{font:600 14px/1.2 var(--font-display);color:var(--text-heading)}
.hd-live-sub{font:var(--type-data);font-size:var(--text-xs);color:var(--text-muted)}
.hd-hero-stage .hd-illus-w,.hd-hero-stage .hd-illus-w>.elementor-shortcode{position:static}
/* Device frame (design DeviceFrame) */
.hd-device{background:var(--purple-900);padding:12px;border-radius:20px;box-shadow:var(--shadow-lg)}
.hd-device-screen{aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--surface-page)}
.hd-device--about{padding:10px;border-radius:16px}
.hd-device--about .hd-device-screen{aspect-ratio:16/10;border-radius:10px}
.hd-screen-note-p,.hd-screen-note{margin:10px 0 0!important;text-align:center;font:var(--type-body-sm);font-size:var(--text-xs)!important;line-height:1.4!important;color:var(--text-body)}
@media (max-width:1040px){
 .hd-hero.e-con::after{display:none}
 .hd-hero .hd-hero-grid.e-con{grid-template-columns:1fr}
 .hd-hero .hd-hero-stage.e-con{margin-top:24px}
 .hd-hero-ring{width:110vw!important;margin-left:-55vw!important;margin-top:-56vw!important}
}

/* ---------- USP bar ---------- */
.hd-sec-usp{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
.hd-sec.hd-sec-usp .hd-wrap.e-con{padding:36px var(--gutter)}
.hd-usp-grid.e-con{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.hd-usp-item{width:auto}
.hd-usp-item .elementor-icon-box-wrapper{display:flex!important;align-items:center;gap:14px;text-align:left}
.hd-usp-item .elementor-icon-box-icon{margin:0!important;flex:0 0 auto;display:inline-flex}
.hd-usp-item .elementor-icon{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(145deg,var(--green-400),var(--green-600));color:#fff!important;box-shadow:0 6px 14px -6px rgba(38,128,102,.55);display:inline-flex!important;align-items:center;justify-content:center;transition:background 220ms var(--ease),color 220ms var(--ease);font-size:22px}
.hd-usp-item .elementor-icon:hover{background:var(--purple-600)}
.hd-usp-item .elementor-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important}
.hd-usp-item .elementor-icon svg *{fill:none!important}
.hd-usp-item .elementor-icon-box-title{margin:0!important}
.hd-usp-item:nth-child(2){--rd:60ms}.hd-usp-item:nth-child(3){--rd:120ms}.hd-usp-item:nth-child(4){--rd:180ms}
@media (max-width:1040px){.hd-usp-grid.e-con{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.hd-usp-grid.e-con{grid-template-columns:1fr}}

/* ---------- Your Software, Screen by Screen: Nested Tabs laid into the section grid with display:contents ---------- */
.hd-show-grid.e-con{display:grid!important;grid-template-columns:1fr 1.15fr;grid-template-rows:auto auto;column-gap:56px;row-gap:0;align-items:center;align-content:center}
.hd-show-copy.e-con{display:block;grid-column:1;grid-row:1;align-self:end;min-width:0}
.hd-show-intro{margin:18px 0 32px!important;max-width:460px!important}
.hd-show-tabs,.hd-show-tabs>.elementor-widget-container,.hd-show-tabs .e-n-tabs{display:contents!important}
.hd-show-tabs .e-n-tabs-heading{grid-column:1;grid-row:2;align-self:start;display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important;gap:8px!important;width:auto!important;margin:0!important}
.hd-show-tabs .e-n-tabs-content{grid-column:2;grid-row:1/span 2;align-self:center;min-width:0;width:auto!important;margin:0!important}
.hd-show-tabs .e-n-tab-title{position:relative;overflow:hidden;display:flex!important;align-items:center;justify-content:flex-start!important;gap:14px!important;width:100%!important;max-width:none!important;flex:0 0 auto!important;text-align:left;padding:14px 18px!important;border-radius:var(--radius-md)!important;cursor:pointer;background:transparent!important;border:1px solid rgba(255,255,255,.14)!important;transition:background 220ms var(--ease),border-color 220ms var(--ease)}
.hd-show-tabs .e-n-tab-title[aria-selected="true"]{background:rgba(255,255,255,.12)!important;border-color:rgba(78,186,151,.6)!important}
.hd-show-tabs .e-n-tab-title-text{font:600 16px/1.2 var(--font-display)!important;color:#fff!important;text-align:left}
.hd-show-tabs .e-n-tab-icon{display:inline-flex!important;color:rgba(255,255,255,.6)!important;order:-1}
.hd-show-tabs .e-n-tab-icon svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important}
.hd-show-tabs .e-n-tab-icon svg *{fill:none!important}
/* Normal glyph on idle tabs, the active-slot glyph on the selected one (Elementor's own swap is lost under the restyle). */
.hd-show-tabs .e-n-tab-title .e-n-tab-icon svg:last-child:not(:first-child){display:none!important}
.hd-show-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg:first-child:not(:last-child){display:none!important}
.hd-show-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg:last-child{display:block!important}
.hd-show-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-icon{color:var(--green-300)!important}
.hd-show-tabs .e-n-tab-title[aria-selected="true"]::after{content:"";margin-left:auto;width:18px;height:18px;flex:0 0 auto;background:var(--green-300);-webkit-mask:var(--hd-i-arrow-right) center/contain no-repeat;mask:var(--hd-i-arrow-right) center/contain no-repeat}
.hd-tab-progress{position:absolute;left:0;bottom:0;height:2px;background:var(--green-400);animation:hdGrowbar 5s linear forwards}
.hd-show-tabs .e-n-tabs-content>.e-con{padding:0!important;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;border:0!important}
.hd-show-tabs .e-n-tabs-content>.e-con.e-active{animation:hdShowIn 360ms var(--ease) both}
@keyframes hdShowIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hd-show-frame.e-con{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:16px}
.hd-show-img,.hd-show-img img{display:block;width:100%!important;max-width:none!important}
.hd-show-img img{aspect-ratio:16/10;height:auto!important;object-fit:cover;object-position:top left;border-radius:14px;background:var(--surface-page)}
.hd-sec-platform .hd-screen-note{margin-top:12px!important;color:#fff!important}
@media (max-width:1040px){
 .hd-show-grid.e-con{grid-template-columns:1fr;grid-template-rows:auto auto auto}
 .hd-show-copy.e-con{grid-row:1}
 .hd-show-tabs .e-n-tabs-heading{grid-row:2}
 .hd-show-tabs .e-n-tabs-content{grid-column:1;grid-row:3;margin-top:56px!important}
}

/* ---------- About panel (design AboutPanel) ---------- */
.hd-about-grid.e-con{display:grid!important;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center}
.hd-about-grid>.e-con{min-width:0}
.hd-about-media.e-con{display:block;position:relative;padding-bottom:48px}
.hd-about-photo.e-con{display:block;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:5/4;background:var(--surface-page);box-shadow:var(--shadow-md)}
.hd-cover-img,.hd-cover-img img{width:100%!important;height:100%!important;max-width:none!important;display:block}
.hd-cover-img img{object-fit:cover;object-position:center}
.hd-about-device.e-con{position:absolute!important;right:-28px;bottom:0;width:58%!important;display:block}
.hd-device.e-con{display:block;background:var(--purple-900);padding:10px;border-radius:16px;box-shadow:var(--shadow-lg)}
.hd-device-screen.e-con{display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:var(--surface-page)}
.hd-device-screen .hd-cover-img img{object-position:top left}
.hd-about-copy.e-con{display:block}
.hd-check-list.e-con{display:grid!important;gap:18px;margin:32px 0!important}
.hd-check-row .elementor-icon-box-wrapper{align-items:flex-start!important;gap:14px}
.hd-check-row .elementor-icon-box-icon{margin:2px 0 0!important;flex:0 0 auto;line-height:0}
.hd-check-row .elementor-icon{color:var(--green-500)!important;font-size:20px;line-height:0}
.hd-check-row .elementor-icon svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important}
.hd-check-row .elementor-icon svg *{fill:none!important}
.hd-check-row .elementor-icon-box-title{margin:0!important}
.hd-check-row .elementor-icon-box-description{margin:4px 0 16px!important}
@media (max-width:1040px){
 .hd-about-grid.e-con{grid-template-columns:1fr}
 .hd-about-device .hd-screen-note{padding-right:28px}
}

/* ---------- Why panel (design WhyPanel) ---------- */
.hd-why-grid.e-con{display:grid!important;grid-template-columns:1fr 1fr;gap:64px;align-items:stretch}
.hd-why-grid>.e-con{min-width:0}
.hd-why-copy.e-con{display:block}
.hd-why-list.e-con{display:grid!important;gap:14px;margin-top:36px!important}
.hd-why-row .elementor-icon-box-wrapper{align-items:center!important;gap:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);padding:18px 22px}
.hd-why-row .elementor-icon-box-icon{margin:0!important;flex:0 0 auto;line-height:0}
.hd-why-row .elementor-icon{width:42px;height:42px;border-radius:var(--radius-sm);background:rgba(255,255,255,.14);color:var(--green-300)!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:20px}
.hd-why-row .elementor-icon svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important}
.hd-why-row .elementor-icon svg *{fill:none!important}
.hd-why-row .elementor-icon-box-title{margin:0!important}
.hd-why-media.e-con{display:block;position:relative;min-height:100%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.18)}
.hd-why-media .hd-why-photo{position:absolute!important;inset:0;width:100%!important;height:100%!important;margin:0!important}
.hd-why-media .hd-why-photo img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center 30%;display:block}
.hd-why-screen.e-con{position:absolute!important;left:20px;bottom:20px;width:56%!important;background:var(--purple-900);padding:8px 8px 0;border-radius:14px;box-shadow:var(--shadow-lg);display:block}
.hd-why-screen-in.e-con{display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--surface-page)}
.hd-why-screen-in .hd-cover-img img{object-position:top left}
.hd-why-note,.hd-why-note p{margin:0!important;padding:6px 4px 8px!important;line-height:1.3!important;text-align:center}
.hd-why-note p{padding:0!important}
@media (max-width:1040px){
 .hd-why-grid.e-con{grid-template-columns:1fr}
 .hd-why-media.e-con{min-height:0!important;aspect-ratio:24/25;width:100%;max-width:560px;justify-self:center}
}
@media (max-width:560px){.hd-why-screen.e-con{width:64%!important;left:12px;bottom:12px}}