:root {
  --et-petroleum: #0F3D4C;
  --et-petroleum-dark: #082B36;
  --et-petroleum-deep: #041B24;
  --et-aqua: #62D9CB;
  --et-technical: #3E91B8;
  --et-amber: #D9822B;
  --et-white: #F8FAFC;
  --et-surface: #FFFFFF;
  --et-graphite: #232C34;
  --et-muted: #6B7280;
  --et-border: #D7DEE6;
  --et-radius: 24px;
  --et-radius-lg: 32px;
  --et-shadow: 0 24px 70px rgba(8,43,54,.16);
  --et-heading: "Space Grotesk", Inter, system-ui, sans-serif;
  --et-body: Inter, system-ui, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--et-body);background:#F6F8FA;color:#10202A;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.et-container{width:min(1200px,92vw);margin:auto}
.et-nav{position:sticky;top:0;z-index:100;background:rgba(248,250,252,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--et-border)}
.et-nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.et-brand{display:flex;align-items:center;gap:12px;font-family:var(--et-heading);font-weight:900;color:var(--et-petroleum-dark);letter-spacing:-.04em;font-size:1.28rem}
.et-brand img{width:38px;height:38px;border-radius:10px}
.et-brand span b{color:var(--et-technical)}
.et-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.et-links a{font-weight:750;color:#28353D}
.et-links a:hover{color:var(--et-petroleum)}
.et-login{border:1px solid var(--et-petroleum);border-radius:999px;padding:9px 15px;background:#fff}
.et-hero{position:relative;overflow:hidden;padding:92px 0 70px;background:
radial-gradient(circle at 10% 0%, rgba(98,217,203,.16), transparent 28%),
radial-gradient(circle at 90% 10%, rgba(217,130,43,.16), transparent 26%),
linear-gradient(135deg,#F8FAFC 0%,#FFFFFF 50%,#EEF6F8 100%)}
.et-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,61,76,.055) 1px, transparent 1px),linear-gradient(90deg,rgba(15,61,76,.055) 1px, transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.et-grid-2{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.et-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.et-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.et-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.15em;color:var(--et-amber);font-weight:900;margin-bottom:14px}
h1,h2,h3{font-family:var(--et-heading);letter-spacing:-.04em;line-height:1.04;margin:0 0 16px;color:var(--et-petroleum-dark)}
h1{font-size:clamp(2.6rem,6vw,5.45rem)}
h2{font-size:clamp(1.8rem,3.2vw,3.05rem)}
h3{font-size:1.22rem}
.et-lead{font-size:clamp(1.05rem,1.5vw,1.24rem);color:#53626E;max-width:760px}
.et-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.et-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--et-petroleum);font-family:var(--et-heading);font-weight:850;background:#fff;color:var(--et-petroleum);transition:.18s cubic-bezier(.2,.8,.2,1)}
.et-button:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(8,43,54,.12)}
.et-button.primary{background:linear-gradient(135deg,var(--et-petroleum),var(--et-petroleum-dark));color:#fff}
.et-button.accent{background:var(--et-amber);color:#fff;border-color:var(--et-amber)}
.et-section{padding:70px 0}
.et-card{background:#fff;border:1px solid var(--et-border);border-radius:var(--et-radius-lg);padding:26px;box-shadow:var(--et-shadow);transition:.18s cubic-bezier(.2,.8,.2,1)}
.et-card:hover{transform:translateY(-2px);border-color:rgba(217,130,43,.45)}
.et-card.dark{background:linear-gradient(145deg,var(--et-petroleum),var(--et-petroleum-dark));color:#EAFBFE;border:0}
.et-card.dark h2,.et-card.dark h3{color:#fff}
.et-card.dark p{color:rgba(234,251,254,.78)}
.et-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-weight:900;font-size:.84rem;color:var(--et-petroleum);background:rgba(98,217,203,.14);border:1px solid rgba(98,217,203,.32)}
.et-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.et-module{min-height:174px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}
.et-module-icon{font-size:1.8rem}
.et-module strong{font-family:var(--et-heading);font-size:1.08rem;color:var(--et-petroleum-dark)}
.et-module p{color:#60707B;margin:.45rem 0 0}
.et-metric strong{display:block;font-family:var(--et-heading);font-size:2.05rem;color:var(--et-petroleum)}
.et-progress{height:10px;border-radius:999px;background:#E6EDF2;overflow:hidden;margin-top:10px}
.et-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--et-petroleum),var(--et-amber))}
.et-table{width:100%;border-collapse:collapse}
.et-table th,.et-table td{padding:12px;border-bottom:1px solid var(--et-border);text-align:left;vertical-align:top}
.et-table th{color:var(--et-petroleum);font-weight:850}
.et-status{font-weight:900;border-radius:999px;padding:6px 10px;display:inline-flex}
.et-status.done,.et-status.active{background:#ECFDF5;color:#065F46}
.et-status.pending,.et-status.proposal{background:#FFF7ED;color:#7C2D12}
.et-status.review,.et-status.lead{background:#ECFEFF;color:#0F3D4C}
.et-status.risk{background:#FEF2F2;color:#991B1B}
.et-shell{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
.et-sidebar{position:sticky;top:100px;background:#fff;border:1px solid var(--et-border);border-radius:28px;padding:16px;box-shadow:var(--et-shadow)}
.et-sidebar a{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;color:var(--et-graphite);font-weight:800}
.et-sidebar a:hover,.et-sidebar a.active{background:rgba(15,61,76,.08);color:var(--et-petroleum)}
.et-form label{display:block;font-weight:850;margin:13px 0 7px}
.et-form input,.et-form select,.et-form textarea{width:100%;border:1px solid var(--et-border);border-radius:16px;padding:13px;font:inherit;background:#fff}
.et-form textarea{min-height:110px;resize:vertical}
.et-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.et-step{display:none}
.et-step.active{display:block}
.et-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.et-column{background:#fff;border:1px solid var(--et-border);border-radius:24px;padding:14px;min-height:340px}
.et-mini{padding:14px;border:1px solid var(--et-border);border-radius:18px;margin-bottom:12px;background:#FAFBFC}
.et-alert{border-radius:20px;padding:16px;background:#ECFEFF;border:1px solid #A5F3FC;color:var(--et-petroleum)}
.et-footer{border-top:1px solid var(--et-border);padding:34px 0;background:#fff;color:#60707B}
.et-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:1020px){
  .et-grid-2,.et-grid-3,.et-grid-4,.et-module-grid,.et-shell,.et-row,.et-kanban,.et-footer-grid{grid-template-columns:1fr}
  .et-sidebar{position:static}
  .et-nav-inner{align-items:flex-start;flex-direction:column;padding:15px 0}
}