
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18362e;background:#f7f8f4;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #307d62;outline-offset:5px}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;border-right:1px solid #e0e6dd;background:#f0f3eb;padding:35px 24px;display:flex;flex-direction:column}.brand{font-weight:750;font-size:35px;letter-spacing:-2px;display:flex;align-items:center;gap:9px}.mark{display:inline-grid;place-items:center;background:#244c3c;color:#d9f19d;font-size:28px;width:37px;height:39px;border-radius:12px;letter-spacing:-3px;padding-right:3px}.dot{color:#689641;margin-left:-9px}.workspace{font-size:9px;letter-spacing:1.5px;color:#788579;margin-top:53px;margin-bottom:16px}nav{display:grid;gap:8px}nav a{padding:13px 12px;font-size:13px;border-radius:8px;display:flex;gap:13px;color:#617164}nav a.selected{background:#dfe8d4;color:#234d39;font-weight:650}nav a:hover{background:#e4eadc}.sidebar-bottom{margin-top:auto;font-size:10px;color:#667563;line-height:1.7}.sidebar-bottom small{display:block;padding-left:12px;color:#899382}.pulse{display:inline-block;width:6px;height:6px;background:#689641;border-radius:50%;margin-right:6px}main{max-width:1530px;margin-left:230px;padding:0 58px}header{height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e8df;color:#7d887c;font-size:11px}.badge{font-size:9px;letter-spacing:1px;border:1px solid #dbe4cf;border-radius:20px;padding:8px 11px;color:#61774e}.intro{padding:50px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#6b8060;margin:0 0 16px}h1{font-size:clamp(34px,3.8vw,57px);font-weight:520;letter-spacing:-2.5px;line-height:1.12;margin:0 0 22px}h1 span{color:#84907e}.lead{color:#778173;font-size:14px;line-height:1.8;max-width:550px;margin:0}.hero-card{background:#254b3b;border-radius:18px;min-height:320px;padding:36px 40px;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;color:#f3f5e9}.tag{font-size:9px;letter-spacing:1.5px;color:#d5edac;background:#ffffff12;border:1px solid #d1e7ae22;border-radius:5px;padding:6px 9px;display:inline-block}h2{font-weight:550;letter-spacing:-.7px}.hero-card h2{font-size:32px;line-height:1.15;margin:19px 0 12px}.hero-card p{font-size:12px;color:#bacbbb;line-height:1.8;max-width:360px}.button{display:inline-flex;gap:27px;padding:13px 16px;background:#d6edab;color:#294b35;border-radius:7px;font-size:11px;font-weight:650;margin-top:12px}.button:hover{background:#e7f4cc}.orbit{position:relative;display:grid;place-items:center;min-height:245px}.orbit-line{position:absolute;width:240px;height:240px;border:1px solid #c2df9b26;border-radius:50%}.orbit-line.two{width:310px;height:310px;border-style:dashed;transform:rotate(-25deg)}.orb{height:126px;width:126px;border-radius:35px;display:grid;place-items:center;background:#d5e9a9;color:#284e38;font-size:98px;letter-spacing:-12px;padding-right:12px;box-shadow:0 0 70px #d5e9a914;transform:rotate(-10deg);position:relative}.orb span{position:absolute;right:-14px;top:-18px;color:#e7f6d2;font-size:40px;letter-spacing:0}.orbit-label{position:absolute;font-size:10px;background:#355e48;border:1px solid #6c896b;border-radius:7px;padding:9px 14px}.top{top:13px;left:10px}.bottom{bottom:8px;right:0}.journey{margin-top:39px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{font-size:19px}.section-heading>span{font-size:8px;letter-spacing:1.3px;color:#89937f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}.cards article{border:1px solid #e1e6db;border-radius:12px;background:#fcfcf8;padding:24px}.number{font-size:11px;color:#83966d}.cards h3{font-size:14px;font-weight:600;margin:21px 0 9px}.cards p{font-size:12px;line-height:1.8;color:#7c8776;margin:0}.environment{margin:35px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;border-top:1px solid #e1e6db;padding-top:29px}.environment .eyebrow{font-size:8px;margin-bottom:10px}.environment h2{font-size:20px;margin:0 0 9px}.environment p:not(.eyebrow){font-size:11px;color:#7b8674;line-height:1.8;margin:0}.status-box{padding:20px;background:#eff3e9;border-radius:10px;display:flex;align-items:center;gap:12px}.status-dot{width:9px;height:9px;background:#a5ad99;border-radius:50%;flex-shrink:0}.status-dot.ok{background:#5c8b42}.status-dot.error{background:#bb7c3f}.status-box strong{font-size:12px;font-weight:600}.status-box small{display:block;color:#7c8772;font-size:10px;margin-top:5px}.status-box button{margin-left:auto;border:1px solid #d3ddc8;background:transparent;color:#42603b;border-radius:6px;width:31px;height:31px;font-size:19px;cursor:pointer}footer{padding:20px 0 25px;border-top:1px solid #e1e6db;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#8a9481}@media(min-width:1500px){main{margin-right:auto}}@media(max-width:1050px){.sidebar{width:185px;padding:30px 18px}main{margin-left:185px;padding:0 30px}.cards{gap:10px}.cards article{padding:19px}.hero-card{padding:30px}.orbit-line.two{width:240px;height:240px}.orbit-line.one{width:190px;height:190px}.section-heading>span{display:none}}@media(max-width:700px){.sidebar{position:static;width:auto;flex-direction:row;padding:18px 22px;border-right:0;border-bottom:1px solid #e0e6dd;align-items:center;justify-content:space-between}.brand{font-size:28px}.mark{height:31px;width:30px;font-size:24px}.workspace,.sidebar-bottom{display:none}nav{display:flex;gap:3px}nav a{font-size:10px;padding:9px}nav a span{display:none}nav a:last-child{display:none}main{margin:0;padding:0 22px}header{height:61px;font-size:10px}.badge{font-size:8px}.intro{padding-top:33px}h1{font-size:39px;letter-spacing:-1.9px}.lead{font-size:13px}.hero-card{grid-template-columns:1fr;padding:28px}.hero-card h2{font-size:30px}.orbit{display:none}.cards{grid-template-columns:1fr}.cards article{padding:20px}.cards h3{margin:9px 0}.section-heading h2{font-size:18px}.environment{grid-template-columns:1fr;gap:20px}footer{flex-direction:column;line-height:1.6}}
