:root {
  --ag-bg: #070706;
  --ag-bg-soft: #0b0a09;
  --ag-panel: rgba(8,8,7,.78);
  --ag-text: #f5f0e8;
  --ag-text-soft: #d8d0c4;
  --ag-muted: #9b9185;
  --ag-copper: #c65f24;
  --ag-copper-bright: #e8792e;
  --ag-line: rgba(245,240,232,.13);
  --ag-line-copper: rgba(198,95,36,.54);
  --ag-display: "Playfair Display", Georgia, serif;
  --ag-body: "DM Sans", Arial, sans-serif;
  --ag-mono: "JetBrains Mono", monospace;
  --ag-max: 1360px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ag-bg);color:var(--ag-text);font-family:var(--ag-body);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit} img,svg{max-width:100%;display:block}
.wrap{width:min(var(--ag-max),calc(100% - 70px));margin:0 auto;position:relative;z-index:2}
html,body{overflow-x:hidden}
.platform-page{position:relative;min-height:100vh;background:radial-gradient(circle at 75% 10%,rgba(198,95,36,.13),transparent 30%),#070706}
.header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(7,7,6,0.95)}
.logo img{width:190px}.nav{display:flex;gap:28px;font-size:14px;color:var(--ag-text-soft)}
.nav a{padding-bottom:10px;border-bottom:2px solid transparent}.nav .active{border-color:var(--ag-copper-bright);color:#fff}
.actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 21px;border-radius:8px;font-weight:700;font-size:14px;border:1px solid transparent}
.btn.primary{background:linear-gradient(180deg,#e8792e,#bd4b1a);box-shadow:0 10px 30px rgba(198,95,36,.24)}
.btn.outline{border-color:var(--ag-line-copper);background:rgba(0,0,0,.24)}
.hero{position:relative;min-height:720px;padding:80px 0 20px}
.hero-bg{position:absolute;inset:0;z-index:0;opacity:.98;overflow:hidden}
.hero-bg img,.hero-bg svg{width:100%;height:100%;object-fit:cover}
.hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;align-items:center;position:relative;z-index:1}
.eyebrow{color:var(--ag-copper-bright);text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:14px;margin-bottom:18px}
h1,h2,h3{font-family:var(--ag-display);letter-spacing:-.045em;font-weight:600;margin:0;color:var(--ag-text)}
h1{font-size:clamp(52px,6vw,82px);line-height:.96;max-width:650px}
.hero p{color:var(--ag-text-soft);font-size:18px;line-height:1.65;max-width:600px;margin:28px 0 34px}
.hero-actions{display:flex;gap:36px;align-items:center;flex-wrap:wrap}.text-link{border-bottom:2px solid var(--ag-copper-bright);padding-bottom:8px}
.hero-system{min-height:570px;display:flex;align-items:center;justify-content:center}
.hero-system img,.hero-system svg{filter:drop-shadow(0 30px 80px rgba(0,0,0,.65))}
.panel{border:1px solid var(--ag-line);border-radius:22px;background:linear-gradient(180deg,rgba(245,240,232,.032),rgba(245,240,232,.009)),rgba(5,5,4,.74);box-shadow:0 28px 80px rgba(0,0,0,.3)}
.section{padding:26px 0}.section-title{text-align:center;font-size:clamp(34px,4vw,52px);line-height:1.05}
.dgp{padding:24px 20px 28px}.dgp-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.layer-card{position:relative;min-height:500px;padding:24px 20px 18px;overflow:hidden}
.layer-card .shell{position:absolute;inset:0;width:100%;height:100%;z-index:0}.layer-card>*:not(.shell){position:relative;z-index:1}
.card-heading{text-align:center;color:var(--ag-copper-bright);font-family:var(--ag-display);font-size:24px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px}
.card-copy{text-align:center;color:var(--ag-text-soft);font-size:15px;line-height:1.5;min-height:46px;margin:0 0 18px}.card-diagram{height:300px;display:grid;place-items:center}
.card-caption{display:flex;justify-content:center;gap:18px;font-size:13px;color:var(--ag-text-soft)}
.card-caption span+span:before{content:"•";color:var(--ag-copper-bright);margin-right:18px}
.cap-panel{padding:28px}.cap-panel h2{text-align:center;font-size:clamp(30px,3.4vw,46px);line-height:1.05;margin-bottom:20px}
.flow{margin:0 auto 28px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cap-card{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center;border:1px solid var(--ag-line);border-radius:14px;background:rgba(245,240,232,.018);padding:18px}
.cap-icon{width:54px;height:54px}.cap-card h3{font-size:23px;line-height:1.05}.cap-card p{font-size:13px;line-height:1.42;color:var(--ag-text-soft);margin:8px 0 0}
.metrics-wrap{position:relative;min-height:126px;display:grid;place-items:center}.metrics-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.metric{text-align:center;padding:28px 16px}.metric-value{font-family:var(--ag-display);color:var(--ag-copper-bright);font-size:clamp(34px,4vw,54px);line-height:1}.metric-label{color:var(--ag-text-soft);font-size:14px;line-height:1.35;margin-top:8px}
.cta{display:grid;grid-template-columns:.86fr 1.14fr;gap:34px;align-items:center;padding:44px;overflow:hidden}.cta h2{font-size:clamp(38px,4.3vw,62px);line-height:1.02}.cta p{color:var(--ag-text-soft);font-size:17px;line-height:1.55;max-width:540px}.cta-visual{min-height:390px;display:flex;align-items:center}
.footer{padding:42px 0 54px;border-top:1px solid rgba(245,240,232,.08)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.footer-logo img{width:178px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;color:var(--ag-muted);font-size:13px}
@media(max-width:1050px){.nav{display:none}.hero-grid,.cta{grid-template-columns:1fr}.hero{padding-top:45px}.dgp-grid,.cap-grid{grid-template-columns:1fr}.hero-system{min-height:auto}.layer-card{min-height:auto}.card-diagram{height:auto}.footer-inner{display:block}.footer-links{margin-top:22px}}
@media(max-width:650px){.wrap{width:min(100% - 32px,var(--ag-max))}.actions{display:none}.logo img{width:166px}h1{font-size:44px}.hero{min-height:auto}.metrics{grid-template-columns:repeat(2,1fr)}.cta{padding:24px}}