:root{
  --ema:#f4512a;
  --ema-2:#ff6f46;
  --ema-dark:#141923;
  --ema-blue:#0f6b89;
  --ema-cyan:#0ea5e9;
  --bg:#f4f7fb;
  --line:#e5e7eb;
  --line-2:#d9e2ec;
  --text:#1f2937;
  --muted:#667085;
  --shadow:0 18px 55px rgba(15,23,42,.08);
  --shadow-lg:0 28px 80px rgba(15,23,42,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f8fbff 0%,#f4f7fb 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--ema-blue)}
a:hover{color:#0b566f}
.brand-icon{width:160px;height:38px;object-fit:cover;}
.btn{border-radius:14px;font-weight:700}
.btn-ema{background:linear-gradient(135deg,var(--ema-2) 0%,var(--ema) 100%);border-color:var(--ema);color:#fff;box-shadow:0 12px 26px rgba(244,81,42,.22)}
.btn-ema:hover,.btn-ema:focus{background:linear-gradient(135deg,#ef6037 0%,#dc431f 100%);border-color:#dc431f;color:#fff}
.btn-soft{background:#fff;border:1px solid var(--line-2);color:var(--text)}
.btn-soft:hover{background:#fff8f5;border-color:#ffc6b5;color:#c83e1e}
.public-navbar{background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,23,42,.06);box-shadow:0 6px 22px rgba(15,23,42,.03)}
.public-navbar .navbar-brand{color:var(--ema-dark);font-weight:800}
.brand-copy{line-height:1.05}
.brand-title{font-size:1.08rem;white-space:nowrap}
.brand-title span{font-weight:600;color:#667085}
.brand-by{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;background:#f5f7fa;border:1px solid #e5eaf0;color:#667085;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.public-navbar .nav-link{color:#667085;font-weight:700;border-radius:10px;padding:.65rem .8rem!important}
.public-navbar .nav-link:hover{color:#111827;background:#f7f9fc}
.nav-actions{min-width:max-content}
.hero{position:relative;overflow:hidden}
.hero-v104{padding:92px 0 76px;background:radial-gradient(circle at 8% 8%,rgba(244,81,42,.11),transparent 33%),radial-gradient(circle at 90% 12%,rgba(14,165,233,.10),transparent 34%),linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.hero-v104:after{content:'';position:absolute;inset:auto 0 -1px 0;height:120px;background:linear-gradient(180deg,transparent 0%,#f4f7fb 100%)}
.hero .container{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:center}
.hero-copy{max-width:760px}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#c8431f;letter-spacing:.01em}
.eyebrow{background:#fff6f2;border:1px solid #ffd6c9;padding:8px 12px;border-radius:999px;font-size:.88rem;margin-bottom:18px}
.eyebrow:before,.section-kicker:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--ema);box-shadow:0 0 0 5px rgba(244,81,42,.10)}
.section-kicker{font-size:.9rem;margin-bottom:12px}
.hero h1{font-size:clamp(2.55rem,5vw,4.7rem);font-weight:800;line-height:1.01;letter-spacing:-.05em;color:#111827;margin:0 0 20px}
.hero .lead{font-size:1.12rem;line-height:1.75;color:#475467;margin:0;max-width:760px}
.platform-line{display:flex;flex-wrap:wrap;gap:10px}
.platform-line span,.seo-tags span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #e5eaf0;color:#475467;font-size:.86rem;font-weight:700;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.hero-note{color:#7a8699;font-size:.88rem;line-height:1.6;margin-top:16px;max-width:680px}
.universal-visual{position:relative;min-height:520px;border-radius:34px;background:linear-gradient(145deg,#ffffff 0%,#f4f9ff 48%,#fff5f1 100%);border:1px solid #e6edf5;box-shadow:var(--shadow-lg);overflow:hidden;isolation:isolate}
.visual-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.72}
.visual-glow-a{width:260px;height:260px;background:radial-gradient(circle,rgba(244,81,42,.23),transparent 70%);top:-60px;right:-60px}
.visual-glow-b{width:300px;height:300px;background:radial-gradient(circle,rgba(14,165,233,.18),transparent 70%);left:-100px;bottom:-100px}
.orbit{position:absolute;border:1px dashed rgba(15,107,137,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.orbit-one{width:360px;height:360px;animation:emaSpin 28s linear infinite}
.orbit-two{width:450px;height:450px;border-color:rgba(244,81,42,.14);animation:emaSpinReverse 36s linear infinite}
.ema-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:245px;text-align:center;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.95);border-radius:28px;padding:24px;box-shadow:0 24px 55px rgba(15,23,42,.13);z-index:4}
.ema-core img{width:72px;height:72px;object-fit:cover;border-radius:22px;box-shadow:0 12px 25px rgba(15,23,42,.10);margin-bottom:12px}
.ema-core strong{display:block;font-size:1.55rem;color:#111827}
.ema-core>span{display:block;color:#667085;font-size:.92rem;margin-top:2px}
.waveform,.dash-wave{height:56px;display:flex;align-items:center;justify-content:center;gap:5px;margin:20px 0 14px}
.waveform i,.dash-wave i{display:block;width:5px;border-radius:999px;background:linear-gradient(180deg,var(--ema),var(--ema-cyan));animation:emaWave 1.15s ease-in-out infinite alternate}
.waveform i:nth-child(1),.waveform i:nth-child(8),.dash-wave i:nth-child(1),.dash-wave i:nth-child(8){height:20px;animation-delay:.1s}
.waveform i:nth-child(2),.waveform i:nth-child(9),.dash-wave i:nth-child(2),.dash-wave i:nth-child(9){height:38px;animation-delay:.25s}
.waveform i:nth-child(3),.waveform i:nth-child(10),.dash-wave i:nth-child(3),.dash-wave i:nth-child(10){height:52px;animation-delay:.4s}
.waveform i:nth-child(4),.waveform i:nth-child(11),.dash-wave i:nth-child(4),.dash-wave i:nth-child(11){height:31px;animation-delay:.55s}
.waveform i:nth-child(5),.waveform i:nth-child(12),.dash-wave i:nth-child(5),.dash-wave i:nth-child(12){height:46px;animation-delay:.7s}
.waveform i:nth-child(6),.dash-wave i:nth-child(6){height:26px;animation-delay:.85s}
.waveform i:nth-child(7),.dash-wave i:nth-child(7){height:42px;animation-delay:1s}
.dash-wave i:nth-child(13){height:34px;animation-delay:.3s}.dash-wave i:nth-child(14){height:48px;animation-delay:.5s}.dash-wave i:nth-child(15){height:24px;animation-delay:.7s}.dash-wave i:nth-child(16){height:40px;animation-delay:.9s}
.core-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}
.core-tags span{font-size:.75rem;font-weight:800;padding:6px 9px;border-radius:999px;background:#f5f7fa;color:#445469;border:1px solid #e4e9ef}
.floating-chip{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;padding:11px 14px;background:rgba(255,255,255,.93);border:1px solid #e6ebf1;border-radius:16px;box-shadow:0 14px 32px rgba(15,23,42,.10);font-weight:800;color:#344054;animation:emaFloat 4s ease-in-out infinite}
.chip-a{left:7%;top:17%}.chip-b{right:7%;top:21%;animation-delay:.7s}.chip-c{left:8%;bottom:15%;animation-delay:1.2s}.chip-d{right:7%;bottom:19%;animation-delay:1.8s}
.chip-dot{width:10px;height:10px;border-radius:50%}.chip-dot.orange{background:#f4512a}.chip-dot.blue{background:#0ea5e9}.chip-dot.green{background:#22c55e}.chip-dot.violet{background:#8b5cf6}
.visual-caption{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:4;width:80%;text-align:center}
.visual-caption strong{display:block;color:#101828;font-size:1rem}.visual-caption span{display:block;color:#667085;font-size:.84rem;margin-top:4px}
@keyframes emaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes emaWave{from{transform:scaleY(.55);opacity:.65}to{transform:scaleY(1.08);opacity:1}}
@keyframes emaSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes emaSpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
.section-gap{padding:82px 0}
.section-title{font-size:clamp(1.95rem,3.4vw,2.95rem);font-weight:800;letter-spacing:-.035em;color:#111827;margin-bottom:12px}
.section-lead{max-width:780px;color:#667085;font-size:1.04rem;line-height:1.75}
.usecase-section{background:linear-gradient(180deg,#f4f7fb 0%,#f7faff 100%)}
.usecase-card,.process-card,.feature-card,.trust-card,.step-card,.highlight-card,.policy-card,.auth-card,.dash-card,.content-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.usecase-card{padding:28px;height:100%;transition:.25s ease}
.usecase-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(15,23,42,.11);border-color:#d8e3ed}
.usecase-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#fff0ea,#edf9ff);font-size:1.35rem;font-weight:800;color:#17324a;margin-bottom:18px}
.usecase-card h4{font-weight:800;color:#111827;margin-bottom:10px}
.usecase-card p{color:#667085;line-height:1.72;margin:0}
.mini-trust{background:#111827;color:#fff;border-radius:20px;padding:18px 20px;box-shadow:0 18px 38px rgba(15,23,42,.13)}
.mini-trust span{display:block;color:#ff9c7c;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.mini-trust strong{font-size:1rem}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:process}
.process-card{padding:26px;position:relative;overflow:hidden}
.process-card:after{content:'';position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.10),transparent 70%);right:-40px;bottom:-40px}
.process-no{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#111827;color:#fff;font-weight:800;margin-bottom:18px}
.process-card:nth-child(2) .process-no{background:#0f6b89}.process-card:nth-child(3) .process-no{background:#f4512a}.process-card:nth-child(4) .process-no{background:#7c3aed}
.process-card h4{font-weight:800;color:#111827;margin-bottom:10px}.process-card p{margin:0;color:#667085;line-height:1.7}
.feature-shell{background:linear-gradient(135deg,#ffffff 0%,#f7fbff 55%,#fff6f2 100%);border:1px solid #e6edf5;border-radius:32px;padding:38px;box-shadow:var(--shadow-lg)}
.feature-list{display:grid;gap:14px}
.feature-list>div{padding:16px 18px;border-radius:18px;background:#fff;border:1px solid #e7edf3}
.feature-list b{display:block;color:#101828;margin-bottom:5px}.feature-list span{display:block;color:#667085;font-size:.93rem;line-height:1.55}
.feature-dashboard{background:#fff;border:1px solid #e4eaf1;border-radius:26px;padding:24px;box-shadow:0 24px 55px rgba(15,23,42,.08)}
.dashboard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dashboard-top small{display:block;color:#667085;margin-bottom:3px}.dashboard-top strong{font-size:1.2rem}.status-pill{padding:7px 10px;border-radius:999px;background:#ecfdf3;color:#15803d;font-size:.78rem;font-weight:800;border:1px solid #d1fae5}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dash-item{padding:16px;border-radius:17px;background:#f8fafc;border:1px solid #e7edf3}.dash-item span{display:block;color:#667085;font-size:.82rem;margin-bottom:5px}.dash-item strong{display:block;color:#111827;font-size:.98rem}.feature-dashboard .dash-wave{margin:18px 0 12px}.dashboard-foot{display:flex;gap:8px;flex-wrap:wrap}.dashboard-foot span{padding:7px 9px;border-radius:999px;background:#f5f7fa;border:1px solid #e4e9ef;color:#667085;font-size:.76rem;font-weight:700}
.seo-panel{background:#fff;border:1px solid #e6ebf1;border-radius:28px;padding:34px;box-shadow:var(--shadow)}
.seo-tags{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-start}
.ema-accordion .accordion-item{border:1px solid #e4e9ef!important;border-radius:18px!important;overflow:hidden;margin-bottom:12px;background:#fff}.ema-accordion .accordion-button{padding:1.15rem 1.25rem;background:#fff;color:#111827}.ema-accordion .accordion-button:not(.collapsed){background:#fff8f5;color:#b63c1a;box-shadow:none}.ema-accordion .accordion-button:focus{box-shadow:none}.ema-accordion .accordion-body{color:#667085;line-height:1.7}
.support-card{background:#111827;color:#fff;border-radius:22px;padding:20px}.support-card span{display:block;color:#ff9c7c;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.support-card strong{display:block;font-size:1rem}.support-card small{display:block;color:#c8d4df;margin-top:7px;line-height:1.5}
.cta-panel{border-radius:28px;padding:34px;box-shadow:var(--shadow)}.cta-light{background:linear-gradient(135deg,#fff 0%,#fff7f3 52%,#f1faff 100%);border:1px solid #e5ebf1;color:#111827}
/* Policy / auth */
.policy-hero{padding:56px 0 20px}.policy-card{padding:0;overflow:hidden}.policy-top{padding:30px 32px;background:linear-gradient(135deg,#fff 0%,#fff7f3 55%,#f4fbff 100%);border-bottom:1px solid #e8edf3}.policy-body{padding:30px 32px}.policy-section+.policy-section{margin-top:24px;padding-top:24px;border-top:1px solid #edf1f5}.info-list{display:grid;gap:14px;padding:0;margin:0;list-style:none}.info-list li{display:flex;gap:12px;align-items:flex-start;color:#475467}.info-list li::before{content:'✓';flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#ecfdf3;color:#16a34a;font-size:.85rem;font-weight:800;margin-top:1px}.callout{border-radius:20px;padding:20px 22px;border:1px solid #d7e4f2;background:#f8fbff}.callout strong{display:block;margin-bottom:8px;color:#0f172a}.contact-box{background:#fff9f7;border:1px solid #ffd8cc;border-radius:20px;padding:20px 22px}.small-note{color:#667085;font-size:.92rem}
.public-footer{background:transparent;padding:50px 0 28px}.footer-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px 30px;box-shadow:var(--shadow)}.footer-links{display:flex;flex-wrap:wrap;gap:16px 18px}.footer-links a{text-decoration:none;color:#445469;font-weight:600}.footer-links a:hover{color:#0f6b89}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand strong{display:block;font-size:1.06rem;color:#0f172a}.footer-brand span{display:block;color:#667085;font-size:.95rem}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at top left,rgba(244,81,42,.10) 0%,transparent 28%),radial-gradient(circle at right,rgba(15,107,137,.12) 0%,transparent 35%),linear-gradient(180deg,#f7faff 0%,#f4f7fb 100%)}.auth-card{width:min(560px,100%);padding:0;overflow:hidden}.auth-top{padding:28px 30px;background:linear-gradient(135deg,#fff 0%,#fff7f3 55%,#f4fbff 100%);border-bottom:1px solid #e7edf4}.auth-body{padding:30px}.auth-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.auth-list .pill{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e8edf4;border-radius:16px;background:#fff;font-size:.94rem;color:#475467}.auth-list .pill::before{content:'';width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.10)}.form-control,.form-select{border-radius:14px;border-color:#d8e0ea;padding:.85rem 1rem}.form-control:focus,.form-select:focus{border-color:#94c9dc;box-shadow:0 0 0 .22rem rgba(15,107,137,.12)}
/* Existing panel */
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column}.sidebar-brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#222;font-weight:800;padding:4px 8px 22px}.sidebar-brand img{width:48px;height:48px;object-fit:cover;border-radius:14px}.sidebar-brand small{font-weight:500;color:#6b7280}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a,.sidebar-logout{padding:11px 13px;border-radius:12px;color:#4b5563;text-decoration:none;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#fff0ea;color:#c83e1e}.sidebar-logout{margin-top:auto;border:1px solid var(--line)}.main{margin-left:250px;min-width:0;width:calc(100% - 250px)}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.content{padding:28px}.dash-card{padding:22px}.metric{font-size:2rem;font-weight:800}.table-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
@media(max-width:1199px){.hero-grid{grid-template-columns:1fr}.universal-visual{max-width:760px;margin-top:8px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.public-navbar .navbar-collapse{padding:12px 0 6px}.public-navbar .nav-link{padding-left:0!important}.nav-actions{width:100%}.hero-v104{padding:70px 0 58px}.section-gap{padding:62px 0}.universal-visual{min-height:460px}.orbit-two{width:400px;height:400px}.orbit-one{width:320px;height:320px}.feature-shell{padding:28px}.dashboard-grid{grid-template-columns:1fr 1fr}.auth-list{grid-template-columns:1fr}}
@media(max-width:900px){.sidebar{width:82px}.sidebar-brand span,.sidebar nav a{font-size:0}.sidebar nav a:before{content:'•';font-size:22px}.sidebar-logout{font-size:0}.sidebar-logout:before{content:'↪';font-size:20px}.main{margin-left:82px;width:calc(100% - 82px)}.topbar{padding:0 16px}.content{padding:18px}}
@media(max-width:767px){
  .brand-icon{width:38px;height:38px}.brand-title{font-size:.98rem}.brand-title span{display:block;font-size:.78rem;margin-top:3px}.brand-by{display:none}
  .nav-actions .btn{flex:1}.hero-v104{padding:52px 0 44px}.hero h1{font-size:clamp(2.25rem,12vw,3.1rem);line-height:1.03}.hero .lead{font-size:1rem;line-height:1.65}.platform-line{gap:7px}.platform-line span{font-size:.78rem;padding:7px 9px}.hero-note{font-size:.82rem}
  .universal-visual{min-height:390px;border-radius:26px;margin-top:14px}.ema-core{width:205px;padding:20px;border-radius:24px}.ema-core img{width:60px;height:60px}.ema-core strong{font-size:1.35rem}.orbit-one{width:270px;height:270px}.orbit-two{width:340px;height:340px}.floating-chip{font-size:.78rem;padding:8px 10px;border-radius:13px}.chip-a{left:4%;top:14%}.chip-b{right:4%;top:18%}.chip-c{left:5%;bottom:19%}.chip-d{right:4%;bottom:17%}.visual-caption{bottom:16px;width:88%}.visual-caption span{font-size:.76rem}.waveform{height:48px;margin:16px 0 10px}
  .process-grid{grid-template-columns:1fr}.feature-shell,.seo-panel,.cta-panel,.policy-top,.policy-body,.auth-top,.auth-body,.footer-card{padding:22px}.dashboard-grid{grid-template-columns:1fr}.dashboard-top{align-items:flex-start;gap:10px}.seo-tags{margin-top:6px}.section-title{font-size:2rem}.section-lead{font-size:.98rem}.public-footer{padding-top:34px}
}
@media(max-width:480px){.universal-visual{min-height:360px}.orbit-two{width:300px;height:300px}.orbit-one{width:235px;height:235px}.ema-core{width:185px;padding:18px}.ema-core img{width:54px;height:54px}.floating-chip{font-size:.72rem}.visual-caption{display:none}.core-tags span{font-size:.68rem}.hero .btn-lg{width:100%}.nav-actions{display:grid!important;grid-template-columns:1fr 1fr}.footer-brand{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.floating-chip,.waveform i,.dash-wave i,.orbit{animation:none!important}}

/* Bilingual language controls */
.ema-lang-switch{display:inline-flex;align-items:center;padding:3px;background:#f3f6f9;border:1px solid #e1e7ee;border-radius:12px;gap:2px;flex:0 0 auto}
.ema-lang-switch a{min-width:34px;text-align:center;padding:7px 8px;border-radius:9px;text-decoration:none;color:#667085;font-size:.76rem;font-weight:800;letter-spacing:.03em;transition:.18s ease}
.ema-lang-switch a:hover{color:#111827;background:#fff}
.ema-lang-switch a.active{background:#111827;color:#fff;box-shadow:0 5px 12px rgba(15,23,42,.12)}
.sidebar-lang{padding:12px 6px 2px;margin-top:auto}
.sidebar-lang+.sidebar-logout{margin-top:10px}
@media(max-width:991px){.ema-lang-switch{margin-right:auto}.nav-actions{align-items:center}.nav-actions .btn{white-space:nowrap}}
@media(max-width:900px){.sidebar-lang{display:none}}
@media(max-width:480px){.nav-actions{grid-template-columns:auto 1fr 1fr!important}.nav-actions .ema-lang-switch{margin:0}.auth-top .ema-lang-switch{flex-shrink:0}}