.graph-page{background:#f1efe8}.graph-hero{min-height:780px;padding:150px clamp(24px,7vw,110px) 90px;display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;align-items:center;background:radial-gradient(circle at 78% 48%,rgba(216,255,87,.12),transparent 27%),linear-gradient(125deg,#061819,#0d3334 66%,#16494b);color:#fff}.graph-hero>div:first-child{max-width:820px}.graph-hero h1{font:700 clamp(52px,6.6vw,98px)/.94 Manrope,sans-serif;letter-spacing:-.06em;margin:14px 0 24px}.graph-hero p:not(.eyebrow){color:#c6d5d2;font-size:20px;line-height:1.6}.graph-core{width:min(39vw,510px);aspect-ratio:1;border:1px solid rgba(216,255,87,.35);border-radius:50%;position:relative;margin:auto;animation:graph-float 8s ease-in-out infinite}.graph-core:before,.graph-core:after{content:"";position:absolute;inset:17%;border:1px solid rgba(255,255,255,.16);border-radius:50%}.graph-core:after{inset:33%;border-color:rgba(216,255,87,.35)}.graph-core strong{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:155px;aspect-ratio:1;border-radius:50%;background:#d8ff57;color:#07191a;display:grid;place-content:center;text-align:center;font:700 20px Manrope}.graph-core span{position:absolute;padding:9px 12px;border:1px solid #54716f;border-radius:99px;background:#092829;font:700 9px Manrope;letter-spacing:.11em}.graph-core span:nth-child(1){top:8%;left:27%}.graph-core span:nth-child(2){right:-4%;top:35%}.graph-core span:nth-child(4){bottom:10%;right:14%}.graph-core span:nth-child(5){bottom:18%;left:-3%}@keyframes graph-float{50%{transform:translateY(-12px)}}.graph-lifecycle,.graph-layers,.graph-views,.graph-final{padding:clamp(70px,9vw,130px) clamp(24px,7vw,110px)}.graph-lifecycle{text-align:center}.graph-lifecycle>div{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin:38px 0}.graph-lifecycle span,.graph-lifecycle strong{padding:13px 16px;border:1px solid #adc0b9;border-radius:99px}.graph-lifecycle strong{background:#07191a;color:#d8ff57}.graph-lifecycle i{font-style:normal}.graph-lifecycle p{max-width:900px;margin:auto;color:#526562;font-size:18px}.graph-layers{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#294647}.graph-layers article{background:#071f20;color:#fff;padding:36px;min-height:390px}.graph-layers small{color:#d8ff57}.graph-layers h2{margin-top:90px;font:700 30px/1.05 Manrope}.graph-layers p{color:#b7c8c4;line-height:1.65}.graph-views{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.graph-views h2,.graph-final h2{font:700 clamp(42px,5vw,72px)/1 Manrope;letter-spacing:-.05em}.graph-views p{max-width:780px;color:#536562;font-size:18px}.graph-views blockquote{margin:0;padding:45px;border-radius:24px;background:#d8ff57;font:700 clamp(24px,3vw,42px)/1.4 Manrope}.graph-final{text-align:center;background:#07191a;color:#fff}.graph-final p{max-width:820px;margin:22px auto;color:#b9c9c6;font-size:18px}.graph-final .button{margin:24px auto}.graph-final>span{display:block;color:#d8ff57;font-size:11px;letter-spacing:.13em}.graph-teaser{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;background:#d8ff57}.graph-teaser h2{font:700 clamp(40px,4.8vw,70px)/1 Manrope;letter-spacing:-.05em;margin:10px 0}.graph-teaser p{max-width:780px}.graph-teaser-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.graph-teaser-flow span,.graph-teaser-flow strong{padding:12px 14px;border:1px solid rgba(7,25,26,.3);border-radius:99px;font-size:10px}.graph-teaser-flow strong{background:#07191a;color:#fff}.graph-teaser-flow i{font-style:normal}@media(max-width:900px){.graph-hero,.graph-views,.graph-teaser{grid-template-columns:1fr}.graph-core{width:min(80vw,440px)}.graph-layers{grid-template-columns:1fr 1fr}}@media(max-width:620px){.graph-layers{grid-template-columns:1fr}.graph-layers article{min-height:280px}.graph-layers h2{margin-top:45px}.graph-hero{padding-top:120px}}@media(prefers-reduced-motion:reduce){.graph-core{animation:none}}