:root{--navy:#071a31;--navy2:#0d2a4b;--blue:#164a78;--gold:#c9a45c;--gold2:#e4c783;--cream:#f5f1e8;--paper:#fbfaf7;--ink:#122033;--muted:#697789;--line:#dfe3e8;--white:#fff}
.eci-site{font-family:"Inter","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;font-size:17px;overflow:hidden}.eci-site *{box-sizing:border-box}.eci-site a{text-decoration:none}.eci-site h1,.eci-site h2,.eci-site h3{font-family:Georgia,"Times New Roman",serif;line-height:1.05;color:var(--navy);letter-spacing:-.025em}.eci-site em{font-style:italic;font-weight:400}.eci-nav{height:92px;padding:10px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);z-index:50}.eci-brand{display:flex;align-items:center}.eci-logo{display:block;width:285px;height:auto;max-height:72px;object-fit:contain;object-position:left center}.eci-nav-links{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:800;letter-spacing:.04em}.eci-nav-links a{color:var(--navy);transition:.25s}.eci-nav-links a:hover{color:var(--gold)}.eci-menu{display:none;border:0;background:none;font-size:30px;color:var(--navy)}
.eci-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--navy);background:var(--navy);color:#fff!important;padding:15px 23px;border-radius:4px;font-weight:800;font-size:14px;letter-spacing:.02em;cursor:pointer;transition:.3s;box-shadow:0 12px 25px #071a3120}.eci-btn:hover{transform:translateY(-3px);box-shadow:0 18px 32px #071a3130}.eci-btn.small{padding:12px 16px;font-size:12px}.eci-btn.ghost{background:transparent;color:var(--navy)!important;box-shadow:none}.eci-btn.ghost:hover{background:var(--navy);color:#fff!important}.eci-btn.light{border-color:#fff;color:#fff!important}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}
.eci-hero{min-height:calc(100vh - 92px);padding:75px 8vw 65px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;background:radial-gradient(circle at 80% 40%,#dbe5ef 0,#eef1f1 22%,#faf9f5 52%,#fff 78%)}.hero-copy{position:relative;z-index:2;max-width:800px}.hero-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--navy);margin-bottom:25px}.kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px #c9a45c20}.hero-copy h1{font-size:clamp(58px,6.4vw,100px);margin:0 0 25px}.hero-copy h1 em{color:var(--blue)}.hero-lead{max-width:650px;color:var(--muted);font-size:20px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:34px}.hero-proof{display:flex;align-items:center;gap:15px;margin-top:38px;color:#718093;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-proof i{height:14px;width:1px;background:#cbd1d8}.hero-art{height:590px;position:relative;display:grid;place-items:center}.hero-panel{position:relative;width:min(390px,80%);height:500px;border-radius:230px 230px 24px 24px;background:linear-gradient(160deg,#102f51,#06172b);box-shadow:30px 35px 80px #071a3135;overflow:hidden;padding:30px;color:#fff;transform:rotate(3deg)}.hero-panel:before{content:"";position:absolute;inset:14px;border:1px solid #c9a45c55;border-radius:215px 215px 15px 15px}.panel-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;color:#b7c1cd;position:relative;z-index:2}.panel-symbol{position:absolute;top:130px;left:0;right:0;text-align:center;font:150px Georgia,serif;color:#fff;display:flex;justify-content:center;align-items:center;gap:4px}.panel-symbol b{font-weight:400}.gold-ring{width:135px;height:135px;border:16px solid var(--gold);border-right-color:transparent;border-radius:50%;display:block;margin:0 -30px;transform:rotate(-25deg)}.panel-title{position:absolute;left:42px;bottom:105px;font:36px Georgia,serif;line-height:1.05}.panel-title em{color:var(--gold2)}.panel-bottom{position:absolute;bottom:32px;left:42px;right:42px;border-top:1px solid #ffffff25;padding-top:13px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.17em;color:#c7d0db}.floating-card{position:absolute;bottom:55px;left:0;background:#fff;border:1px solid #e2e5e8;padding:18px 20px;box-shadow:0 18px 40px #071a3125;min-width:210px}.floating-card strong{display:block;font:20px Georgia,serif;color:var(--navy)}.floating-card small{display:block;margin-top:5px;color:var(--muted);font-size:10px;letter-spacing:.08em}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:150px;height:150px;right:3%;top:5%;border:1px solid #c9a45c80}.orb-b{width:280px;height:280px;right:12%;bottom:2%;background:#c9a45c0e}.hero-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.glow-one{width:240px;height:240px;background:#c9a45c20;right:28%;top:15%}.glow-two{width:220px;height:220px;background:#164a7815;left:35%;bottom:0}
.eci-manifesto{padding:105px 8vw;display:grid;grid-template-columns:.5fr 1.5fr;gap:8vw;background:var(--navy);color:#fff}.manifesto-label{display:flex;align-items:flex-start;gap:18px}.manifesto-label .eyebrow{white-space:nowrap}.manifesto-label .line{width:70px;height:1px;background:var(--gold);margin-top:7px}.eci-manifesto h2{font-size:clamp(44px,5vw,72px);color:#fff;margin:0 0 25px}.eci-manifesto h2 em{color:var(--gold2)}.eci-manifesto p{max-width:800px;color:#b8c3d0;font-size:19px}
.eci-section{padding:120px 8vw}.core-section{background:#fff}.section-head{margin-bottom:55px}.section-head.split{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.section-head h2,.featured-heading h2,.process-intro h2{font-size:clamp(45px,5vw,70px);margin:12px 0 0}.section-head.split>p{color:var(--muted);font-size:17px;max-width:500px;margin:0}.eci-grid{display:grid;gap:18px}.eci-grid.three{grid-template-columns:repeat(3,1fr)}.eci-card{position:relative}.core-card{padding:42px 38px 38px;border:1px solid var(--line);min-height:420px;background:#fff;overflow:hidden;transition:.35s}.core-card:hover{transform:translateY(-8px);box-shadow:0 25px 55px #071a3114;border-color:#c9a45c80}.core-card.featured-card{background:var(--navy);border-color:var(--navy);color:#fff}.card-number{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--gold)}.card-icon{position:absolute;right:32px;top:32px;width:50px;height:50px;border:1px solid #c9a45c70;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:23px}.core-card h3{font-size:38px;margin:85px 0 18px}.core-card.featured-card h3{color:#fff}.core-card h3 em{color:var(--gold)}.core-card p{color:var(--muted);font-size:16px;max-width:340px}.featured-card p{color:#b6c2cf}.core-card a{position:absolute;bottom:38px;color:var(--navy);font-size:13px;font-weight:900}.featured-card a{color:#fff}.core-card a span{color:var(--gold);margin-left:7px}.card-accent{position:absolute;right:-36px;bottom:45px;transform:rotate(-90deg);font-size:9px;letter-spacing:.25em;color:#ffffff25}
.eci-featured{padding:110px 8vw;background:var(--cream)}.featured-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.outline-link{border-bottom:1px solid var(--gold);padding-bottom:7px;color:var(--navy);font-weight:800;font-size:13px}.publication-stage{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:18px;align-items:start}.pub-card{background:#fff;border:1px solid #e1ddd4;overflow:hidden;transition:.35s}.pub-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px #071a3114}.pub-main{margin-top:45px}.cover{height:310px;background:var(--navy);display:grid;place-items:center;overflow:hidden}.pub-main .cover{height:390px}.cover img{width:100%;height:100%;object-fit:cover}.cover-art{padding:35px;color:#fff;text-align:left;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 20%,#c9a45c35,transparent 28%),linear-gradient(145deg,#163c64,#06172b)}.cover-art small{font-size:10px;letter-spacing:.25em;color:var(--gold2)}.cover-art strong{font:34px Georgia,serif;line-height:1.05;max-width:260px}.cover-art i{font-style:normal;font-size:9px;letter-spacing:.2em;color:#aebccc}.pub-body{padding:27px}.pub-meta{font-size:9px;letter-spacing:.16em;color:var(--gold);font-weight:900}.pub-body h3{font-size:27px;margin:12px 0}.pub-body p{color:var(--muted);font-size:14px}.pub-body a{font-size:12px;font-weight:900;color:var(--navy)}.editorial-note{padding:55px 25px;align-self:center}.editorial-note strong{display:block;font:32px Georgia,serif;line-height:1.08;margin:20px 0}.editorial-note p{color:var(--muted);font-size:14px}
.eci-knowledge{position:relative;min-height:600px;padding:115px 8vw;background:var(--navy2);color:#fff;display:grid;grid-template-columns:80px 1fr 1fr;gap:40px;align-items:center;overflow:hidden}.knowledge-number{font:22px Georgia,serif;color:var(--gold);align-self:start}.knowledge-copy{position:relative;z-index:2}.knowledge-copy h2{font-size:clamp(50px,5.5vw,82px);color:#fff;margin:14px 0 25px}.knowledge-copy h2 em{color:var(--gold2)}.knowledge-copy p{max-width:600px;color:#c1ccd8;font-size:18px}.light-link{display:inline-flex;gap:12px;color:#fff;margin-top:22px;font-size:13px;font-weight:900;border-bottom:1px solid var(--gold);padding-bottom:8px}.knowledge-art{height:390px;position:relative;display:grid;place-items:center}.giant-e{font:360px Georgia,serif;color:#ffffff08;position:absolute;line-height:1}.gold-orbit{width:270px;height:270px;border:2px solid #c9a45c90;border-left-color:transparent;border-radius:50%;transform:rotate(-35deg)}.knowledge-art>span{position:absolute;font-size:10px;line-height:2;letter-spacing:.22em;color:#d8c28d;text-align:center}
.eci-submit{padding:35px 8vw 80px;background:var(--navy2)}.submit-inner{padding:75px 7vw;background:linear-gradient(135deg,#0b2543,#173f65);border:1px solid #c9a45c45;display:flex;align-items:center;justify-content:space-between;gap:50px;box-shadow:0 30px 80px #00000025}.eci-submit h2{color:#fff;font-size:clamp(48px,5vw,70px);margin:14px 0 20px}.eci-submit p{color:#c5d0dc;max-width:650px}.submit-actions{display:flex;flex-direction:column;gap:12px;min-width:245px}.submit-actions .eci-btn{width:100%}.submit-actions .ghost{color:#fff!important;border-color:#ffffff55}.submit-actions .ghost:hover{background:#fff;color:var(--navy)!important}
.eci-process{padding:120px 8vw;background:#fff}.process-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:65px}.process-intro h2{margin:0}.process-intro h2 em{color:var(--blue)}.steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.steps>div{min-height:150px;padding:28px 18px;border-right:1px solid var(--line);transition:.3s}.steps>div:hover{background:var(--cream)}.steps b{display:block;color:var(--gold);font-size:11px;letter-spacing:.16em}.steps span{display:block;font-family:Georgia,serif;font-size:21px;font-weight:700;color:var(--navy);margin:16px 0 6px}.steps small{color:var(--muted);font-size:12px}
.eci-footer{background:#041224;color:#fff;padding:75px 8vw;display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-brand img{width:330px;max-width:100%;height:auto;background:#fff}.footer-brand p{color:#aeb9c8;font-size:12px;letter-spacing:.16em}.eci-footer b{display:block;margin-bottom:17px;font-size:11px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}.eci-footer a,.eci-footer span{display:block;color:#b2bdca;font-size:13px;margin:9px 0}.eci-footer a:hover{color:#fff}.copyright{background:#020b16;color:#7f8d9e;padding:16px 8vw;font-size:10px;letter-spacing:.08em;display:flex;justify-content:space-between;gap:20px}
.eci-modal{display:none;position:fixed;inset:0;background:#041224dd;z-index:100;padding:25px;overflow:auto}.eci-modal.open{display:flex;align-items:center;justify-content:center}.eci-modal-open{overflow:hidden}.modal-box{background:#fff;width:min(680px,100%);border-radius:10px;padding:38px;position:relative;box-shadow:0 30px 90px #0008}.modal-close{position:absolute;right:18px;top:10px;border:0;background:none;font-size:32px;cursor:pointer;color:var(--navy)}.modal-box h2{font-size:40px;margin:8px 0 25px}.modal-box label{display:block;font-size:13px;font-weight:800;margin:14px 0}.modal-box input:not([type=checkbox]),.modal-box textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:4px;padding:12px;font:inherit}.modal-box .check{display:flex;gap:8px;align-items:flex-start;font-weight:500}.modal-box form .eci-btn{margin-top:12px;width:100%}
@media(max-width:1100px){.eci-nav-links{gap:13px;font-size:11px}.eci-logo{width:245px}.eci-hero{padding-left:6vw;padding-right:6vw}.hero-copy h1{font-size:66px}.eci-section,.eci-featured,.eci-process{padding-left:6vw;padding-right:6vw}}
@media(max-width:800px){.eci-nav{height:78px;padding:8px 5vw}.eci-logo{width:210px;max-height:60px}.eci-menu{display:block}.eci-nav-links{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;padding:22px 5vw;flex-direction:column;align-items:stretch;gap:15px;border-bottom:1px solid var(--line);box-shadow:0 15px 30px #071a3112}.eci-nav-links.open{display:flex}.eci-hero{grid-template-columns:1fr;padding:65px 7vw 55px;min-height:auto}.hero-copy h1{font-size:clamp(48px,13vw,67px)}.hero-lead{font-size:17px}.hero-art{height:440px;margin-top:25px}.hero-panel{height:390px;width:290px}.panel-symbol{top:95px;font-size:110px}.gold-ring{width:100px;height:100px;border-width:12px}.panel-title{font-size:29px;bottom:80px;left:32px}.panel-bottom{left:32px;right:32px}.floating-card{left:2%;bottom:22px}.eci-manifesto{padding:75px 7vw;grid-template-columns:1fr;gap:25px}.eci-manifesto h2{font-size:43px}.eci-section,.eci-featured,.eci-process{padding:75px 7vw}.section-head.split,.process-intro{grid-template-columns:1fr;gap:20px}.eci-grid.three{grid-template-columns:1fr}.core-card{min-height:390px}.featured-heading{align-items:start;gap:20px;flex-direction:column}.publication-stage{grid-template-columns:1fr}.pub-main{margin-top:0}.pub-main .cover{height:330px}.editorial-note{display:none}.eci-knowledge{padding:75px 7vw;grid-template-columns:1fr;gap:15px}.knowledge-number{display:none}.knowledge-art{height:280px}.giant-e{font-size:270px}.eci-submit{padding:20px 5vw 60px}.submit-inner{padding:50px 7vw;display:block}.submit-actions{margin-top:30px}.steps{grid-template-columns:1fr}.steps>div{border-right:0;border-bottom:1px solid var(--line)}.eci-footer{grid-template-columns:1fr;padding:55px 7vw;gap:35px}.copyright{padding:14px 7vw;flex-direction:column}}


/* =========================================================
   ECI WOW LANDING — VISUAL OVERRIDE ONLY
   Replace eci-simple/assets/eci.css with this file.
   No PHP/plugin logic is changed.
   ========================================================= */
.eci-site{font-size:18px;background:#fff}
.eci-site h1,.eci-site h2,.eci-site h3{font-weight:700}
.eci-nav{height:98px;padding:10px 5.5vw;border-bottom:1px solid rgba(7,26,49,.08);box-shadow:0 10px 35px rgba(7,26,49,.05)}
.eci-logo{width:305px;max-height:76px}
.eci-nav-links{gap:25px;font-size:13px}
.eci-nav-links a:not(.eci-btn){position:relative;padding:10px 0}
.eci-nav-links a:not(.eci-btn):after{content:"";position:absolute;left:0;bottom:2px;width:0;height:2px;background:var(--gold);transition:.3s}
.eci-nav-links a:not(.eci-btn):hover:after{width:100%}
.eci-btn{border-radius:2px;padding:16px 27px;min-height:52px;box-shadow:0 14px 35px rgba(7,26,49,.18);position:relative;overflow:hidden}
.eci-btn:before{content:"";position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:.55s}
.eci-btn:hover:before{transform:translateX(105%)}
.eci-hero{min-height:760px;padding:95px 7vw 85px;grid-template-columns:1.04fr .96fr;gap:6vw;position:relative;background:radial-gradient(circle at 82% 22%,rgba(201,164,92,.16),transparent 25%),linear-gradient(135deg,#fbfaf7 0%,#fff 58%,#f2f0ea 100%)}
.eci-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.45}
.hero-copy{position:relative;z-index:3;padding-top:25px}
.hero-kicker{font-size:12px;letter-spacing:.2em;color:#536277;font-weight:900;margin-bottom:28px}
.kicker-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--gold);margin-right:10px;box-shadow:0 0 0 6px rgba(201,164,92,.13)}
.hero-copy h1{font-size:clamp(62px,6.8vw,104px);letter-spacing:-.055em;margin:0 0 30px;line-height:.94;text-wrap:balance}
.hero-copy h1 em{color:#b18b43}
.hero-lead{font-size:20px;line-height:1.7;max-width:690px;color:#526174;margin-bottom:35px}
.hero-actions{gap:15px}
.hero-proof{margin-top:42px;font-size:10px;letter-spacing:.22em;color:#7c8795}
.hero-proof i{height:20px;background:var(--gold);opacity:.65}
.hero-art{height:570px;align-self:center;position:relative}
.hero-art:before{content:"ECI";position:absolute;right:-3%;top:-8%;font:900 230px/1 Georgia,serif;letter-spacing:-.08em;color:rgba(7,26,49,.035);z-index:0}
.hero-panel{width:min(440px,78%);height:500px;border-radius:0;right:7%;top:35px;background:linear-gradient(145deg,#0d2a4b 0%,#06172b 65%,#0d2138 100%);border:1px solid rgba(228,199,131,.32);box-shadow:35px 45px 100px rgba(4,18,36,.26);transform:rotate(2deg);z-index:2}
.hero-panel:before{content:"";position:absolute;inset:16px;border:1px solid rgba(228,199,131,.18);pointer-events:none}
.panel-top{padding:28px 32px;font-size:10px;letter-spacing:.2em;color:#d6c28e}
.panel-symbol{top:112px;font-size:150px;color:#fff;opacity:.95}
.gold-ring{width:135px;height:135px;border:15px solid var(--gold);box-shadow:0 0 45px rgba(201,164,92,.15)}
.panel-title{font-size:42px;bottom:95px;left:42px}
.panel-bottom{left:42px;right:42px;bottom:30px;font-size:9px;letter-spacing:.22em;color:#b6c0cc}
.orb{filter:blur(1px);opacity:.7}
.orb-a{width:210px;height:210px;right:0;top:0;border:1px solid rgba(201,164,92,.55);box-shadow:0 0 80px rgba(201,164,92,.08)}
.orb-b{width:360px;height:360px;right:3%;bottom:-8%;background:radial-gradient(circle,rgba(22,74,120,.12),transparent 68%)}
.floating-card{left:auto;right:0;bottom:30px;padding:19px 23px;border:1px solid rgba(201,164,92,.35);box-shadow:0 20px 45px rgba(7,26,49,.18);backdrop-filter:blur(14px);background:rgba(255,255,255,.92)}
.floating-card strong{font-size:14px}
.eci-manifesto{padding:125px 8vw;background:linear-gradient(135deg,#06162a,#0d2a4b);position:relative}
.eci-manifesto:after{content:"ECI";position:absolute;right:4vw;bottom:-65px;font:900 250px/1 Georgia,serif;color:rgba(255,255,255,.025);pointer-events:none}
.eci-manifesto h2{font-size:clamp(52px,5.7vw,82px);letter-spacing:-.045em}
.eci-manifesto p{font-size:20px;line-height:1.8;color:#bdc8d5}
.eci-section{padding:135px 8vw}
.section-head{margin-bottom:65px}
.section-head h2,.featured-heading h2,.process-intro h2{font-size:clamp(54px,5.5vw,82px);letter-spacing:-.045em}
.section-head.split>p{font-size:18px;line-height:1.75}
.core-grid{gap:20px}
.core-card{min-height:470px;padding:48px 42px;border-color:#e4e6e9;box-shadow:0 10px 35px rgba(7,26,49,.035)}
.core-card:hover{transform:translateY(-12px);box-shadow:0 35px 75px rgba(7,26,49,.12)}
.core-card.featured-card{background:linear-gradient(145deg,#071a31,#12385c);box-shadow:0 30px 65px rgba(7,26,49,.18)}
.card-icon{width:58px;height:58px;right:34px;top:34px;font-size:25px}
.core-card h3{font-size:44px;margin:105px 0 20px}
.core-card p{font-size:17px;line-height:1.75}
.core-card a{bottom:40px;font-size:13px;letter-spacing:.04em}
.eci-featured{padding:130px 8vw;background:linear-gradient(180deg,#f5f1e8,#fbfaf7)}
.featured-heading{margin-bottom:55px}
.featured-heading h2{margin-top:14px}
.publication-stage{gap:22px}
.pub-card{box-shadow:0 12px 35px rgba(7,26,49,.06)}
.pub-card:hover{box-shadow:0 35px 75px rgba(7,26,49,.13)}
.pub-main{margin-top:55px}
.pub-main .cover{height:420px}
.cover{height:330px}
.cover-art{background:radial-gradient(circle at 72% 20%,rgba(228,199,131,.32),transparent 22%),radial-gradient(circle at 20% 75%,rgba(22,74,120,.45),transparent 28%),linear-gradient(145deg,#173f65,#06172b)}
.cover-art strong{font-size:39px}
.pub-body{padding:30px}
.pub-body h3{font-size:30px}
.eci-knowledge{min-height:680px;padding:135px 8vw;background:radial-gradient(circle at 80% 45%,rgba(201,164,92,.12),transparent 25%),linear-gradient(135deg,#06162a,#0d2a4b)}
.knowledge-copy h2{font-size:clamp(58px,6vw,92px);letter-spacing:-.055em}
.knowledge-copy p{font-size:19px;line-height:1.8}
.knowledge-art{height:440px}
.giant-e{font-size:410px}
.gold-orbit{width:320px;height:320px;box-shadow:0 0 90px rgba(201,164,92,.07)}
.eci-submit{padding:45px 8vw 95px;background:#06162a}
.submit-inner{padding:90px 7vw;background:radial-gradient(circle at 90% 20%,rgba(201,164,92,.15),transparent 25%),linear-gradient(135deg,#0b2543,#153e63);border-radius:2px;box-shadow:0 40px 100px rgba(0,0,0,.3)}
.eci-submit h2{font-size:clamp(52px,5.5vw,80px);letter-spacing:-.045em}
.eci-submit p{font-size:18px;line-height:1.75}
.submit-actions{min-width:280px}
.submit-actions .eci-btn{min-height:58px}
.eci-process{padding:135px 8vw}
.steps>div{min-height:175px;padding:32px 22px}
.steps span{font-size:23px}
.eci-footer{padding:85px 8vw;background:#03101f}
.footer-brand img{width:350px;box-shadow:0 12px 35px rgba(0,0,0,.18)}
.copyright{padding:18px 8vw}
.eci-modal{backdrop-filter:blur(8px)}
.modal-box{border-radius:2px;box-shadow:0 40px 120px rgba(0,0,0,.4)}
@media(max-width:1100px){.eci-logo{width:255px}.eci-nav-links{gap:14px}.eci-hero{padding-left:6vw;padding-right:6vw}.hero-copy h1{font-size:76px}.eci-section,.eci-featured,.eci-process{padding-left:6vw;padding-right:6vw}}
@media(max-width:800px){.eci-nav{height:82px;padding:8px 5vw}.eci-logo{width:220px;max-height:62px}.eci-hero{padding:72px 7vw 65px;gap:10px}.hero-copy{padding-top:0}.hero-copy h1{font-size:clamp(52px,14vw,76px)}.hero-lead{font-size:18px}.hero-art{height:470px}.hero-art:before{font-size:140px;right:0;top:0}.hero-panel{width:310px;height:410px;right:5%;top:25px}.panel-symbol{top:92px;font-size:115px}.gold-ring{width:105px;height:105px;border-width:12px}.panel-title{font-size:31px;bottom:76px;left:30px}.panel-bottom{left:30px;right:30px}.floating-card{right:0;bottom:8px}.eci-manifesto{padding:85px 7vw}.eci-manifesto h2{font-size:47px}.eci-manifesto p{font-size:18px}.eci-section,.eci-featured,.eci-process{padding:85px 7vw}.section-head h2,.featured-heading h2,.process-intro h2{font-size:49px}.core-card{min-height:425px}.core-card h3{font-size:39px}.eci-knowledge{padding:85px 7vw;min-height:auto}.knowledge-copy h2{font-size:55px}.knowledge-art{height:300px}.giant-e{font-size:280px}.gold-orbit{width:230px;height:230px}.eci-submit{padding:25px 5vw 65px}.submit-inner{padding:60px 7vw}.eci-submit h2{font-size:51px}.eci-footer{padding:65px 7vw}.footer-brand img{width:310px}}


/* =========================================================
   ECI MOBILE FINAL FIX
   Base: approved eci-wow-landing(1).css
   Only mobile hero position + CTA layout are adjusted.
   ========================================================= */
@media (max-width:800px){

  /* Naikkan hero agar lebih dekat ke header */
  .eci-hero{
    padding-top:34px !important;
    padding-bottom:58px !important;
    min-height:auto !important;
  }

  .hero-copy{
    padding-top:0 !important;
  }

  .hero-kicker{
    margin-bottom:18px !important;
  }

  /* Dua CTA tersusun rapi vertikal */
  .hero-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    width:100% !important;
    gap:12px !important;
    margin-top:26px !important;
  }

  .hero-actions .eci-btn,
  .hero-actions .eci-btn.small{
    display:flex !important;
    width:82% !important;
    min-width:0 !important;
    max-width:82% !important;
    min-height:68px !important;
    margin:0 auto !important;
    padding:16px 22px !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:normal !important;
    line-height:1.25 !important;
    box-sizing:border-box !important;
  }

  .hero-actions .eci-btn.ghost{
    background:#fff !important;
    color:var(--navy) !important;
    border:1px solid var(--navy) !important;
  }

  /* Kurangi ruang kosong setelah tombol */
  .hero-proof{
    margin-top:30px !important;
  }
}


/* =========================================================
   LAPTOP ONLY — PANEL DI ATAS, TEKS DI BAWAH
   HP TIDAK DISENTUH
   ========================================================= */
@media (min-width:801px) and (max-width:1250px){
  .eci-hero{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:0 !important;
    min-height:auto !important;
    padding-top:55px !important;
    padding-bottom:70px !important;
  }

  .hero-art{
    order:1 !important;
    width:100% !important;
    height:500px !important;
    margin:0 auto 20px !important;
  }

  .hero-copy{
    order:2 !important;
    width:100% !important;
    max-width:900px !important;
    padding-top:0 !important;
    text-align:center !important;
  }

  .hero-kicker,
  .hero-actions,
  .hero-proof{
    justify-content:center !important;
  }

  .hero-lead{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* Laptop kecil: tetap rapat, tidak membuat hero terlalu jauh */
@media (min-width:801px) and (max-width:1000px){
  .eci-hero{
    padding-top:40px !important;
    padding-bottom:60px !important;
  }

  .hero-art{
    height:460px !important;
    margin-bottom:10px !important;
  }
}
/* =========================================================
   ECI FINAL HERO FIX
   HP  : artwork di bawah teks + tombol
   LAPTOP : artwork di atas, teks langsung di bawahnya
   ========================================================= */

/* =========================
   HP — TETAP SEPERTI YANG SUDAH JOSS
   ========================= */
@media (max-width:800px){

  .eci-hero{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    min-height:auto !important;
    padding-top:34px !important;
    padding-bottom:58px !important;
    gap:0 !important;
  }

  .hero-copy{
    order:1 !important;
    width:100% !important;
    padding-top:0 !important;
  }

  .hero-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    width:100% !important;
    gap:12px !important;
    margin-top:26px !important;
  }

  .hero-actions .eci-btn{
    width:82% !important;
    min-width:0 !important;
    max-width:82% !important;
    min-height:68px !important;
    margin:0 auto !important;
    justify-content:center !important;
    text-align:center !important;
  }

  /* ARTWORK BENAR-BENAR DI BAWAH SEMUANYA */
  .hero-art{
    order:2 !important;
    width:100% !important;
    height:390px !important;
    margin:28px auto 0 !important;
  }

  .hero-panel{
    max-width:290px !important;
    height:390px !important;
  }
}


/* =========================
   LAPTOP — PANEL DI ATAS
   TEKS LANGSUNG DI BAWAH
   ========================= */
@media (min-width:801px) and (max-width:1250px){

  .eci-hero{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    min-height:auto !important;

    /* jangan terlalu jauh dari header */
    padding:38px 6vw 65px !important;

    gap:0 !important;
  }

  /* PANEL / ARTWORK */
  .hero-art{
    order:1 !important;
    width:100% !important;

    /* PENTING:
       jangan 560px — itu yang membuat teks tenggelam */
    height:445px !important;

    margin:0 auto 12px !important;

    display:grid !important;
    place-items:center !important;
  }

  /* PANEL DIPERKECIL AGAR TEKS SEGERA TERLIHAT */
  .hero-panel{
    width:360px !important;
    height:415px !important;

    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;

    margin:0 auto !important;
    transform:rotate(2deg) !important;
  }

  /* KARTU KECIL TETAP DI AREA ARTWORK,
     JANGAN MENUTUP TEKS */
  .floating-card{
    right:2% !important;
    left:auto !important;
    bottom:2px !important;
  }

  /* TEKS DI BAWAH PANEL */
  .hero-copy{
    order:2 !important;

    width:100% !important;
    max-width:900px !important;

    padding:0 !important;

    text-align:center !important;
  }

  .hero-kicker{
    justify-content:center !important;
    margin-bottom:18px !important;
  }

  .hero-copy h1{
    max-width:850px !important;
    margin:0 auto 22px !important;
  }

  .hero-lead{
    max-width:700px !important;
    margin:0 auto 28px !important;
  }

  .hero-actions{
    justify-content:center !important;
  }

  .hero-proof{
    justify-content:center !important;
  }
}


/* =========================
   LAPTOP 801–1000
   LEBIH KOMPAK LAGI
   ========================= */
@media (min-width:801px) and (max-width:1000px){

  .eci-hero{
    padding-top:30px !important;
    padding-bottom:55px !important;
  }

  .hero-art{
    height:395px !important;
    margin-bottom:8px !important;
  }

  .hero-panel{
    width:320px !important;
    height:370px !important;
  }

  .panel-symbol{
    top:82px !important;
    font-size:120px !important;
  }

  .gold-ring{
    width:105px !important;
    height:105px !important;
    border-width:12px !important;
  }

  .panel-title{
    font-size:31px !important;
    bottom:70px !important;
    left:30px !important;
  }

  .panel-bottom{
    left:30px !important;
    right:30px !important;
    bottom:22px !important;
  }

  .hero-copy h1{
    font-size:58px !important;
  }
}
/* =========================================================
   FINAL — HILANGKAN KARTU KECIL DI SAMPING PANEL LAPTOP
   ========================================================= */

@media (min-width:801px) and (max-width:1250px){

    .eci-hero .floating-card,
    .hero-art .floating-card,
    .floating-card{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        width:0 !important;
        height:0 !important;
        min-width:0 !important;
        max-width:0 !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
        pointer-events:none !important;
        position:absolute !important;
        left:-9999px !important;
        right:auto !important;
        bottom:auto !important;
    }

}
/* =========================================================
   ECI — HAPUS TOTAL FLOATING CARD DI LAPTOP
   ========================================================= */

@media (min-width:801px){
    .eci-site .floating-card{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
    }
}
/* ECI — HILANGKAN FLOATING CARD DI SEMUA PERANGKAT */
.eci-site .floating-card{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}
/* =========================================================
   ECI WOW — FEATURED PUBLICATIONS DESKTOP FIX
   Rapikan komposisi laptop tanpa mengubah mobile
   ========================================================= */

@media (min-width:801px){

    .eci-featured{
        padding-top:90px !important;
        padding-bottom:100px !important;
    }

    .featured-heading{
        margin-bottom:38px !important;
    }

    /* 3 publication cards dibuat lebih seimbang */
    .publication-stage{
        grid-template-columns:repeat(3,1fr) !important;
        gap:24px !important;
        align-items:start !important;
    }

    .publication-stage .pub-card{
        width:100% !important;
    }

    /* semua cover sama tinggi */
    .publication-stage .cover,
    .publication-stage .pub-main .cover{
        height:360px !important;
    }

    /* hilangkan jarak aneh pada card tengah */
    .publication-stage .pub-main{
        margin-top:0 !important;
    }

    .publication-stage .pub-body{
        padding:24px !important;
    }

    .publication-stage .pub-body h3{
        font-size:24px !important;
        line-height:1.15 !important;
        margin:10px 0 14px !important;
    }

    .publication-stage .pub-body p{
        font-size:14px !important;
        line-height:1.6 !important;
    }

    /* ruang kosong editorial note tidak mengganggu */
    .publication-stage .editorial-note{
        padding:24px !important;
    }
}
/* =========================================================
   ECI WOW — FEATURED PUBLICATIONS
   DESKTOP BALANCE FIX
   ========================================================= */

@media (min-width:801px){

    .eci-featured{
        padding-top:90px !important;
        padding-bottom:100px !important;
    }

    .featured-heading{
        margin-bottom:40px !important;
    }

    /* Jangan paksa 3 kolom kosong */
    .publication-stage{
        display:grid !important;
        grid-template-columns:1.05fr .95fr !important;
        gap:55px !important;
        align-items:center !important;
    }

    /* Publication */
    .publication-stage .pub-card{
        width:100% !important;
    }

    .publication-stage .cover{
        height:360px !important;
    }

    .publication-stage .pub-body{
        padding:25px !important;
    }

    /* Teks editorial mengisi area kanan */
    .publication-stage .editorial-note{
        padding:20px 35px !important;
        align-self:center !important;
    }

    .publication-stage .editorial-note strong{
        font-size:42px !important;
        line-height:1.08 !important;
        max-width:520px !important;
        margin:18px 0 22px !important;
    }

    .publication-stage .editorial-note p{
        font-size:16px !important;
        line-height:1.7 !important;
        max-width:480px !important;
    }
}
/* =========================================================
   FEATURED PUBLICATIONS — SHOW EDITORIAL TEXT ON HP
   ========================================================= */

@media (max-width:800px){

    .publication-stage{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:35px !important;
    }

    .publication-stage .editorial-note{
        display:block !important;
        padding:15px 5px 5px !important;
        text-align:left !important;
        order:2 !important;
    }

    .publication-stage .pub-card{
        order:1 !important;
    }

    .publication-stage .editorial-note strong{
        display:block !important;
        font-size:32px !important;
        line-height:1.12 !important;
        margin:15px 0 18px !important;
    }

    .publication-stage .editorial-note p{
        display:block !important;
        font-size:15px !important;
        line-height:1.65 !important;
    }
}