:root {
  --navy: #061f39;
  --navy-2: #0b304f;
  --navy-3: #123e60;
  --green: #00a650;
  --green-dark: #008d45;
  --green-light: #dff7e9;
  --ink: #0a1728;
  --muted: #58677a;
  --line: #dfe6eb;
  --soft: #f4f7f8;
  --white: #fff;
  --shadow: 0 20px 60px rgba(6, 31, 57, .12);
  --radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
svg { display: block; }
.container { width: min(1380px, calc(100% - 48px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; left: 16px; top: -60px; background: var(--navy); color: white; padding: 12px 18px; border-radius: 8px; transition: top .2s; }
.skip-link:focus { top: 16px; }

.site-header { position: fixed; z-index: 40; inset: 0 0 auto; height: 86px; border-bottom: 1px solid rgba(6, 31, 57, .08); background: rgba(255,255,255,.92); backdrop-filter: blur(18px); transition: box-shadow .25s, height .25s; }
.site-header.scrolled { height: 72px; box-shadow: 0 8px 30px rgba(6,31,57,.09); }
.header-inner { height: 100%; display: grid; grid-template-columns: minmax(265px, 1fr) auto minmax(185px, 1fr); align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 10px; width: max-content; color: var(--navy); }
.brand-symbol { width: 54px; height: 41px; }
.brand-copy { display: grid; line-height: 1; }
.brand-copy strong { font-size: 28px; letter-spacing: .085em; font-weight: 850; }
.brand-copy small { margin-top: 6px; color: #687687; font-size: 10px; letter-spacing: .01em; }
.main-nav { display: flex; align-items: center; justify-content: center; gap: clamp(20px, 2.2vw, 38px); }
.main-nav a { position: relative; font-size: 14px; font-weight: 650; color: #243449; }
.main-nav a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: -9px; height: 2px; background: var(--green); transition: left .2s, right .2s; }
.main-nav a:hover::after, .main-nav a:focus-visible::after { left: 0; right: 0; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border: 1px solid transparent; border-radius: 11px; font-size: 15px; font-weight: 750; transition: transform .2s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, a:focus-visible, button:focus-visible { outline: 3px solid rgba(0,166,80,.28); outline-offset: 3px; }
.button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.button-small { min-height: 46px; padding: 0 20px; border-radius: 999px; font-size: 14px; }
.button-access { justify-self: end; background: linear-gradient(135deg, #00aa52, #008c42); color: #fff; box-shadow: 0 8px 24px rgba(0,166,80,.24); }
.button-primary { background: linear-gradient(135deg, #00ad55, #008f45); color: #fff; box-shadow: 0 12px 28px rgba(0,166,80,.22); }
.button-secondary { color: var(--navy); border-color: var(--navy); background: rgba(255,255,255,.78); }
.button-light { background: #fff; color: var(--navy); }
.button-outline-light { border-color: rgba(255,255,255,.48); color: #fff; }
.menu-toggle { display: none; border: 0; background: transparent; padding: 8px; }
.menu-toggle > span:not(.sr-only) { display: block; width: 24px; height: 2px; background: var(--navy); margin: 5px 0; }

.hero { position: relative; overflow: hidden; padding: 158px 0 78px; background: radial-gradient(circle at 76% 20%, rgba(0,166,80,.12), transparent 28%), linear-gradient(110deg, #fff 0%, #f7fafb 52%, #e7f1f0 100%); }
.hero::before { content: ""; position: absolute; inset: 86px 0 0 55%; background: linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.17) 25%, rgba(6,31,57,.05)), radial-gradient(circle at 70% 38%, rgba(0,166,80,.13), transparent 37%); clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%); }
.hero-grid-overlay { position: absolute; inset: 86px 0 0 54%; opacity: .12; background-image: linear-gradient(rgba(6,31,57,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(6,31,57,.15) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(90deg, transparent, #000); }
.hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: .95fr 1.25fr; align-items: center; gap: clamp(40px, 4.5vw, 78px); }
.hero-copy { padding-bottom: 64px; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; color: var(--green-dark); text-transform: uppercase; font-size: 12px; font-weight: 850; letter-spacing: .14em; }
.eyebrow > span { width: 38px; height: 2px; background: currentColor; }
.eyebrow.centered { justify-content: center; }
.eyebrow.light { color: #5cf69f; }
.hero h1 { max-width: 720px; margin: 0; color: var(--navy); font-size: clamp(44px, 4.3vw, 72px); line-height: 1.04; letter-spacing: -.045em; font-weight: 820; }
.hero h1 em { color: var(--green); font-style: normal; }
.hero-lead { max-width: 690px; margin: 25px 0 0; color: #31465c; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.hero-assurance { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 28px; color: #536476; font-size: 12px; font-weight: 650; }
.hero-assurance span { display: flex; align-items: center; gap: 7px; }
.hero-assurance svg { width: 17px; height: 17px; fill: none; stroke: var(--green); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.hero-stage { position: relative; min-height: 620px; perspective: 1400px; }
.plant-scene { position: absolute; inset: 0 -12vw 22px -70px; overflow: hidden; border-radius: 0 0 0 100px; background: linear-gradient(160deg, rgba(3,25,45,.08), rgba(3,25,45,.22)), linear-gradient(90deg, #d9e5e6, #b6c8c9 45%, #dce8e5); opacity: .72; }
.plant-scene::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 82px, rgba(255,255,255,.5) 84px 90px), linear-gradient(0deg, rgba(5,40,60,.2) 0 20%, transparent 20%); }
.beam { position: absolute; top: 0; bottom: 0; width: 15px; background: #f1bc24; box-shadow: 80px 0 #f1bc24; opacity: .7; }
.beam-one { left: 22%; }.beam-two { left: 52%; }.beam-three { left: 82%; }
.machine { position: absolute; bottom: 22%; width: 180px; height: 150px; background: linear-gradient(130deg, #71868a, #b2c0c1); border: 8px solid rgba(255,255,255,.35); border-radius: 10px 28px 8px 8px; box-shadow: inset 0 0 0 2px rgba(6,31,57,.12); }
.machine::before { content: ""; position: absolute; left: 18px; top: 28px; width: 74px; height: 44px; background: #364f58; border: 5px solid #d8e0e0; }
.machine-one { left: 8%; }.machine-two { left: 38%; bottom: 18%; transform: scale(1.15); }.machine-three { left: 73%; }
.dashboard-shell { position: absolute; z-index: 3; left: 5%; right: -4%; bottom: 14px; display: grid; grid-template-columns: 72px 1fr; min-height: 365px; overflow: hidden; border: 8px solid #142c3e; border-radius: 20px; background: #f7f9fa; box-shadow: 0 30px 70px rgba(1,20,36,.35); transform: rotateY(-7deg) rotateX(2deg); transform-origin: bottom center; }
.dashboard-sidebar { display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 20px 0; background: var(--navy); }
.mini-brand { color: white; font-size: 21px; font-weight: 900; }.mini-brand span { color: var(--green); }
.nav-dot { width: 21px; height: 21px; border: 2px solid rgba(255,255,255,.35); border-radius: 6px; }.nav-dot.active { border-color: var(--green); background: rgba(0,166,80,.2); }
.dashboard-body { padding: 22px; min-width: 0; }
.dashboard-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.dashboard-top b { font-size: 16px; }.dashboard-top span { padding: 7px 10px; color: #536476; border: 1px solid #d9e0e5; border-radius: 7px; font-size: 9px; background: #fff; }
.dashboard-kpis { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; }
.dashboard-kpis article { padding: 11px 12px; border: 1px solid #e2e7eb; border-radius: 9px; background: #fff; box-shadow: 0 4px 12px rgba(6,31,57,.05); }
.dashboard-kpis small, .dashboard-kpis strong, .dashboard-kpis em { display: block; }
.dashboard-kpis small { color: #647487; font-size: 8px; }.dashboard-kpis strong { margin: 3px 0; font-size: 18px; }.dashboard-kpis em { color: var(--green); font-size: 8px; font-style: normal; font-weight: 750; }.dashboard-kpis .good-down { color: var(--green); }
.dashboard-charts { display: grid; grid-template-columns: 1.55fr .85fr; gap: 10px; margin-top: 10px; }
.dashboard-charts article { min-height: 177px; padding: 13px; border: 1px solid #e2e7eb; border-radius: 9px; background: #fff; }
.dashboard-charts article > div:first-child { display: flex; justify-content: space-between; font-size: 9px; }.dashboard-charts article > div small { color: #8a96a4; }
.line-chart-card svg { width: 100%; height: 126px; margin-top: 6px; overflow: visible; }
.grid-line { fill: none; stroke: #e3eaee; stroke-width: 1; }.area { fill: url(#area); }.trend { fill: none; stroke: var(--green); stroke-width: 3; }.points circle { fill: white; stroke: var(--green); stroke-width: 2; }
.donut-card { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 8px; }
.donut-card > div:first-child { grid-column: 1/-1; }.donut { width: 88px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--green) 0 54%, #2f6fc5 54% 82%, #f4a621 82%); position: relative; }.donut::before { content:""; position:absolute; inset:15px; background:white; border-radius:50%; }.donut span { position:relative; z-index:1; font-weight:850; font-size:18px; text-align:center; }.donut span small { display:block; color:#7c8997; font-size:7px; text-transform:uppercase; }.donut-card ul { margin: 0; padding: 0; list-style: none; font-size: 7px; line-height: 2.2; }.donut-card li { display:flex; align-items:center; gap:5px; }.donut-card li i { width:6px; height:6px; border-radius:50%; }.green{background:var(--green)}.blue{background:#2f6fc5}.orange{background:#f4a621}
.floating-stat { position: absolute; z-index: 4; min-width: 150px; padding: 13px 15px; color: white; border: 1px solid rgba(255,255,255,.5); border-radius: 11px; background: rgba(6,31,57,.76); box-shadow: 0 12px 28px rgba(6,31,57,.18); backdrop-filter: blur(8px); }
.floating-stat span, .floating-stat strong, .floating-stat small { display:block; }.floating-stat span { font-size:8px; text-transform:uppercase; letter-spacing:.06em; }.floating-stat strong { font-size:25px; line-height:1.1; margin-top:3px; }.floating-stat small { opacity:.78; font-size:8px; }.stat-assets { top:54px; left:2%; }.stat-plan { top:86px; right:18%; }.stat-actions { top:185px; right:-5%; }
.bars { position:absolute; right:13px; bottom:17px; display:flex; align-items:end; gap:3px; height:25px; }.bars b { width:5px; background:#54e879; border-radius:2px; }.bars b:nth-child(1){height:11px}.bars b:nth-child(2){height:18px}.bars b:nth-child(3){height:25px}
.demo-label { position:absolute; right:5%; bottom:-18px; margin:0; color:#5d6d7c; font-size:9px; }

.metric-strip { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-top: -16px; }
.metric-strip > article { display: flex; align-items: center; gap: 14px; min-height: 103px; padding: 17px; border: 1px solid #dce4e7; border-radius: 14px; background: rgba(255,255,255,.94); box-shadow: 0 12px 30px rgba(6,31,57,.08); }
.metric-strip article small,.metric-strip article strong,.metric-strip article em { display:block; }.metric-strip article small { color:#42566c; font-size:11px; font-weight:700; }.metric-strip article strong { font-size:24px; color:var(--navy); line-height:1.25; }.metric-strip article em { color:var(--green); font-size:10px; font-style:normal; font-weight:750; }.metric-strip article em span { color:#81909e; font-weight:500; }.metric-strip > p { grid-column:1/-1; margin: -4px 4px 0; color:#8793a0; font-size:9px; text-align:right; }
.metric-icon { width:50px; height:50px; flex:0 0 auto; position:relative; }.metric-icon.ring { border:9px solid #e2e9eb; border-top-color:var(--green); border-right-color:var(--green); border-radius:50%; transform:rotate(22deg); }.metric-icon.ring.alt { border-left-color:var(--green); }.metric-icon.columns { display:flex; align-items:end; gap:5px; padding:6px; }.metric-icon.columns span { flex:1; background:var(--green); border-radius:2px 2px 0 0; }.metric-icon.columns span:nth-child(1){height:45%}.metric-icon.columns span:nth-child(2){height:70%}.metric-icon.columns span:nth-child(3){height:100%}.metric-icon.clock { border:4px solid #6c7c8b; border-radius:50%; }.metric-icon.clock::before,.metric-icon.clock::after { content:""; position:absolute; left:50%; top:50%; width:3px; border-radius:3px; background:#6c7c8b; transform-origin:bottom; }.metric-icon.clock::before{height:13px; transform:translate(-50%,-100%)}.metric-icon.clock::after{height:10px; transform:translate(-50%,-100%) rotate(120deg)}

.section { padding: 116px 0; }
.section-heading { max-width: 800px; margin-bottom: 50px; }.section-heading.centered { margin-inline:auto; text-align:center; }.section-heading h2, .platform-copy h2, .journey-copy h2, .academy-copy h2, .security-copy h2, .about-copy h2, .contact-card h2 { margin:0; color:var(--navy); font-size:clamp(35px,3.4vw,54px); line-height:1.08; letter-spacing:-.035em; }.section-heading > p:last-child { max-width:690px; margin:18px 0 0; color:var(--muted); font-size:17px; }.section-heading.centered > p:last-child { margin-inline:auto; }
.section-intro { background:#fff; }
.platform-grid { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:clamp(50px,7vw,105px); }
.platform-visual { position:relative; min-width:0; }.platform-visual::before { content:""; position:absolute; inset:-35px 20% 10% -40px; border-radius:45% 25% 40% 30%; background:linear-gradient(140deg,#e0f6e9,#f1f7f6); transform:rotate(-4deg); }
.platform-window { position:relative; overflow:hidden; border:1px solid #dbe4e8; border-radius:18px; background:white; box-shadow:var(--shadow); transform:rotate(-1.5deg); }
.window-bar { height:44px; display:flex; align-items:center; gap:7px; padding:0 15px; border-bottom:1px solid #e4eaed; color:#84919d; font-size:9px; }.window-bar i { width:8px;height:8px;border-radius:50%;background:#e85c57}.window-bar i:nth-child(2){background:#edbd3f}.window-bar i:nth-child(3){background:#4bb967}.window-bar span{margin-left:auto;margin-right:auto;}
.window-body { display:grid;grid-template-columns:62px 1fr;min-height:410px; }.window-body aside { display:flex;flex-direction:column;align-items:center;gap:19px;padding:17px 0;background:var(--navy); }.window-body aside b{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--green);color:white}.window-body aside span{width:18px;height:18px;border:2px solid rgba(255,255,255,.28);border-radius:5px}.window-body aside span.on{border-color:var(--green);background:rgba(0,166,80,.25)}
.window-content{padding:24px;background:#f7f9fa}.window-title{display:flex;justify-content:space-between;align-items:center}.window-title small,.window-title strong{display:block}.window-title small{color:#85919c;font-size:8px}.window-title strong{font-size:17px}.window-title button{border:1px solid #dae1e5;background:white;border-radius:7px;padding:7px 10px;font-size:8px;color:#596b7b}
.progress-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.progress-cards article{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #e1e7ea;border-radius:9px;background:white}.progress-cards article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e4f6ec;color:var(--green-dark);font-weight:850;font-size:10px}.progress-cards small,.progress-cards b{display:block}.progress-cards small{font-size:7px;color:#87939e}.progress-cards b{font-size:10px}.progress-cards em{margin-left:auto;color:var(--green);font-size:9px;font-weight:800;font-style:normal}
.action-board{border:1px solid #e1e7ea;border-radius:10px;background:white;overflow:hidden}.board-head{display:flex;justify-content:space-between;align-items:center;padding:13px;border-bottom:1px solid #e7ecef;font-size:9px}.board-head span{padding:6px 9px;border-radius:6px;background:var(--green);color:white}.action-row{display:flex;align-items:center;gap:10px;padding:12px 13px;border-bottom:1px solid #edf0f2}.action-row:last-child{border-bottom:0}.action-row>i{width:14px;height:14px;border:2px solid #b6c1c9;border-radius:4px}.action-row>i.done{border-color:var(--green);background:var(--green);position:relative}.action-row>i.done::after{content:"✓";position:absolute;left:2px;top:-4px;color:white;font-size:10px}.action-row>div{flex:1}.action-row b,.action-row small{display:block}.action-row b{font-size:9px}.action-row small{font-size:7px;color:#8a96a1}.action-row>em{font-size:7px;font-style:normal;color:var(--green-dark);background:#e4f6ec;padding:4px 6px;border-radius:999px}.action-row>em.progress{color:#2764a7;background:#e6effa}.action-row>em.attention{color:#9d6500;background:#fff1d4}
.platform-copy { display:grid; gap:0; }.feature-row{display:grid;grid-template-columns:46px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.feature-row>span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#e3f6eb;color:var(--green-dark);font-size:11px;font-weight:850}.feature-row h3{margin:0 0 7px;color:var(--navy);font-size:20px}.feature-row p{margin:0;color:var(--muted);font-size:15px}.text-link{display:inline-flex;align-items:center;gap:12px;width:max-content;margin-top:28px;color:var(--green-dark);font-weight:800}.text-link span{font-size:21px;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}

.section-solutions { background:var(--soft); }
.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.solution-card{position:relative;display:flex;flex-direction:column;min-height:460px;padding:30px;border:1px solid #dfe5e8;border-radius:18px;background:white;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.solution-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--green);transform:scaleY(0);transform-origin:bottom;transition:transform .25s}.solution-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(6,31,57,.11);border-color:#c4ded0}.solution-card:hover::before{transform:scaleY(1)}.solution-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:14px;background:#e3f6eb;color:var(--green-dark)}.solution-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.solution-card>p:first-of-type{position:absolute;right:25px;top:20px;margin:0;color:#ccd4d9;font-size:34px;font-weight:850}.solution-card h3{margin:25px 0 10px;color:var(--navy);font-size:22px}.solution-card h3+p{margin:0;color:var(--muted);font-size:14px}.solution-card ul{margin:22px 0;padding:0;list-style:none;color:#425568;font-size:12px}.solution-card li{position:relative;padding:7px 0 7px 18px}.solution-card li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--green)}.solution-card>a{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);color:var(--navy);font-size:13px;font-weight:800}.solution-card>a span{color:var(--green);font-size:18px}

.section-journey{position:relative;overflow:hidden;background:var(--navy);color:white}.section-journey::after{content:"";position:absolute;right:-10%;top:-60%;width:700px;height:700px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 100px rgba(255,255,255,.025),0 0 0 200px rgba(255,255,255,.02)}.journey-layout{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.journey-copy h2{color:white}.journey-copy>p:not(.eyebrow){max-width:520px;color:#afc0ce;font-size:17px}.journey-copy .button{margin-top:23px}.journey-steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.journey-steps li{display:flex;gap:16px;min-height:132px;padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}.journey-steps>li>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:11px;background:var(--green);font-size:11px;font-weight:850}.journey-steps h3{margin:2px 0 7px;font-size:19px}.journey-steps p{margin:0;color:#aebdca;font-size:13px}

.section-academy{background:#fff}.academy-grid{display:grid;grid-template-columns:1fr .88fr;gap:100px;align-items:center}.academy-visual{position:relative;min-height:440px}.academy-visual::before{content:"";position:absolute;inset:15px 10% 0 0;border-radius:28px;background:linear-gradient(140deg,#e1f7ea,#edf3f4);transform:rotate(-4deg)}.academy-card-main{position:absolute;inset:30px 8% 20px 4%;z-index:1;padding:24px;border:1px solid #dfe6e9;border-radius:18px;background:white;box-shadow:var(--shadow);transform:rotate(2deg)}.lesson-header{display:flex;justify-content:space-between;color:var(--green-dark);font-size:10px;font-weight:850;letter-spacing:.08em}.lesson-header em{padding:5px 8px;border-radius:999px;background:#e5f7ec;font-size:8px;font-style:normal}.lesson-art{display:flex;align-items:center;gap:20px;min-height:230px;margin:18px 0;padding:32px;border-radius:14px;background:linear-gradient(135deg,var(--navy),#165276);color:white}.lesson-art>span{display:grid;place-items:center;width:90px;height:90px;border:2px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,166,80,.22);font-size:30px;font-weight:900}.lesson-art small,.lesson-art strong{display:block}.lesson-art small{color:#9eb4c5;font-size:10px}.lesson-art strong{max-width:220px;margin-top:5px;font-size:25px;line-height:1.15}.lesson-progress{display:flex;align-items:center;gap:12px}.lesson-progress>div{flex:1;height:7px;border-radius:999px;background:#e2e8eb;overflow:hidden}.lesson-progress>div span{display:block;height:100%;background:var(--green)}.lesson-progress small{color:#72808d;font-size:9px}.academy-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;min-width:190px;padding:13px;border:1px solid #dce4e7;border-radius:12px;background:white;box-shadow:0 15px 32px rgba(6,31,57,.13)}.academy-mini>span{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#e4f7ec;color:var(--green-dark);font-weight:900}.academy-mini b,.academy-mini small{display:block}.academy-mini b{font-size:11px}.academy-mini small{color:#83909c;font-size:8px}.academy-mini.one{left:0;bottom:0}.academy-mini.two{right:0;top:0}.academy-copy>p:not(.eyebrow){color:var(--muted);font-size:17px}.academy-points{display:grid;gap:13px;margin-top:28px}.academy-points span{display:flex;align-items:center;gap:13px;color:#34495d;font-weight:650}.academy-points i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e3f6eb;color:var(--green-dark);font-size:9px;font-style:normal;font-weight:850}

.section-security{padding:86px 0;background:#eef6f2}.security-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.security-copy h2{font-size:clamp(34px,3vw,48px)}.security-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}.security-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.security-cards article{display:grid;gap:14px;min-height:175px;padding:24px;border:1px solid #cee2d7;border-radius:15px;background:rgba(255,255,255,.78)}.security-cards svg{width:34px;height:34px;fill:none;stroke:var(--green-dark);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.security-cards b,.security-cards small{display:block}.security-cards b{color:var(--navy);font-size:15px}.security-cards small{margin-top:5px;color:#647586;font-size:12px}

.section-about{background:#fff}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:17px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.about-values article{min-height:260px;padding:28px;background:white}.about-values span{color:var(--green);font-size:11px;font-weight:850}.about-values h3{margin:45px 0 9px;color:var(--navy);font-size:21px}.about-values p{margin:0;color:var(--muted);font-size:13px}

.contact-section{padding:0 0 90px;background:#fff}.contact-card{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;padding:58px 64px;border-radius:24px;background:linear-gradient(125deg,var(--navy),#0b3a59 70%,#075238);color:white;box-shadow:0 22px 55px rgba(6,31,57,.2)}.contact-card h2{max-width:760px;color:white}.contact-card>div>p:not(.eyebrow){max-width:700px;color:#c0cfda;font-size:16px}.contact-actions{display:grid;gap:12px;min-width:230px}
.site-footer{background:#061827;color:#aab9c5}.footer-top{display:flex;justify-content:space-between;align-items:center;padding:50px 0 35px}.brand-footer{color:white}.brand-footer .brand-copy small{color:#91a4b4}.footer-top nav{display:flex;gap:30px;font-size:13px}.footer-top nav a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;padding:20px 0 27px;border-top:1px solid rgba(255,255,255,.1);font-size:11px}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}

@media (max-width: 1180px){
  .header-inner{grid-template-columns:1fr auto}.main-nav{display:none}.button-access{grid-column:2}.hero-inner{grid-template-columns:1fr 1.1fr}.hero h1{font-size:52px}.hero-stage{min-height:560px}.dashboard-shell{left:-5%;right:-18%;transform:scale(.9) rotateY(-5deg);transform-origin:center bottom}.stat-actions{right:-10%}.solution-grid{grid-template-columns:repeat(2,1fr)}.platform-grid,.academy-grid{gap:50px}.security-grid{grid-template-columns:1fr}.security-copy{max-width:760px}.contact-card{grid-template-columns:1fr}.contact-actions{display:flex;min-width:0}
}

@media (max-width: 880px){
  .container{width:min(100% - 32px,720px)}.site-header{height:72px}.header-inner{grid-template-columns:1fr auto auto;gap:12px}.brand-symbol{width:42px;height:32px}.brand-copy strong{font-size:22px}.brand-copy small{display:none}.menu-toggle{display:block;grid-column:2}.button-access{grid-column:3}.button-access svg{display:none}.main-nav{position:absolute;display:none;left:16px;right:16px;top:72px;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:13px 12px;border-bottom:1px solid #edf0f2}.main-nav a:last-child{border-bottom:0}.main-nav a::after{display:none}.hero{padding-top:130px}.hero::before,.hero-grid-overlay{display:none}.hero-inner{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero h1{max-width:700px}.hero-stage{min-height:580px;margin-top:-20px}.plant-scene{inset:20px -20vw 30px -20vw}.dashboard-shell{left:0;right:0;transform:scale(.9) rotateY(-3deg);transform-origin:center bottom}.stat-actions{right:0}.metric-strip{grid-template-columns:repeat(2,1fr);margin-top:10px}.section{padding:86px 0}.platform-grid,.academy-grid,.journey-layout,.about-grid{grid-template-columns:1fr}.platform-copy{order:-1}.journey-layout{gap:50px}.academy-grid{gap:50px}.academy-visual{max-width:650px;width:100%;margin:auto}.security-cards{grid-template-columns:repeat(3,1fr)}.about-grid{gap:50px}.contact-card{padding:45px 36px}.footer-top{align-items:flex-start}.footer-top nav{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 28px}
}

@media (max-width: 620px){
  .container{width:calc(100% - 28px)}.button-access{min-height:40px;padding:0 13px;font-size:12px}.hero{padding:116px 0 58px}.hero h1{font-size:40px}.hero-lead{font-size:16px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-assurance{display:grid;gap:10px}.hero-stage{min-height:430px;margin:10px -30px 0}.plant-scene{display:none}.dashboard-shell{left:-25%;right:-25%;bottom:-5px;transform:scale(.63);transform-origin:center bottom}.floating-stat{transform:scale(.78)}.stat-assets{left:10%;top:15px}.stat-plan{right:5%;top:50px}.stat-actions{display:none}.demo-label{right:30px;bottom:-8px}.metric-strip{grid-template-columns:1fr;gap:9px}.metric-strip>article{min-height:85px}.metric-strip>p{text-align:left}.section-heading h2,.journey-copy h2,.academy-copy h2,.security-copy h2,.about-copy h2,.contact-card h2{font-size:34px}.section{padding:72px 0}.platform-grid{gap:35px}.platform-visual{margin:0 -20px}.platform-window{transform:none}.window-body{grid-template-columns:42px 1fr;min-height:360px}.window-content{padding:15px}.progress-cards{grid-template-columns:1fr}.progress-cards article:nth-child(n+2){display:none}.action-row>em{display:none}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:420px}.journey-steps{grid-template-columns:1fr}.journey-steps li{min-height:auto}.academy-visual{min-height:380px;margin:0 -10px}.academy-card-main{inset:25px 0 20px}.lesson-art{min-height:200px;padding:22px}.lesson-art>span{width:65px;height:65px;font-size:22px}.lesson-art strong{font-size:19px}.academy-mini{transform:scale(.83)}.academy-mini.one{left:-10px}.academy-mini.two{right:-10px}.security-cards{grid-template-columns:1fr}.security-cards article{min-height:auto;grid-template-columns:auto 1fr}.about-values{grid-template-columns:1fr}.about-values article{min-height:auto}.about-values h3{margin-top:20px}.contact-card{padding:36px 24px}.contact-actions{display:grid}.footer-top{display:grid;gap:32px}.footer-top nav{grid-template-columns:1fr 1fr}.footer-bottom{display:grid;gap:8px}.footer-bottom span:last-child{display:none}
}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.solution-card,.main-nav a::after{transition:none}}