:root{--ink:#112b27;--muted:#56635e;--paper:#f7f8f2;--line:#dce1d7;--lime:#d3f981}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #6d822e;outline-offset:5px}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 40px;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;font-size:25px;letter-spacing:-1px;font-weight:800;display:inline-flex;align-items:center;gap:8px}.dot{color:#769d31}.mark{display:inline-flex;background:var(--ink);color:var(--lime);width:34px;height:34px;align-items:center;justify-content:center;border-radius:9px;font-size:23px;position:relative}.mark span{font-size:14px;position:absolute;right:1px;top:-4px}nav{display:flex;gap:26px;font-size:13px;font-weight:600}nav a{text-decoration:none}nav a:hover,.textlink:hover{color:#597b1d}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:35px;padding:80px 40px 74px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.9px;margin:0 0 24px}.status{display:inline-block;width:7px;height:7px;background:#6f9236;border-radius:50%;margin-right:8px}h1,h2,h3{line-height:1.08;letter-spacing:-2px;margin:0 0 24px}h1{font-size:clamp(46px,5.6vw,76px);font-weight:600}h1 em{font-family:Georgia,serif;font-weight:400}h2{font-size:44px;font-weight:500}h3{font-size:24px;letter-spacing:-.7px}.lead{font-size:18px;color:var(--muted);max-width:470px}.button{display:inline-flex;justify-content:space-between;gap:28px;padding:14px 24px;background:var(--ink);color:white;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;margin-top:16px}.button:hover{background:#285047}.micro{font-size:11px;color:var(--muted);margin-top:18px}.visual{height:470px;background:#e9efdf;position:relative;overflow:hidden;border-radius:150px 150px 16px 16px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #b7c5aa;border-radius:50%;width:310px;height:310px;transform:rotate(-30deg)}.orbit2{width:430px;height:210px;transform:rotate(45deg)}.core{width:150px;height:150px;background:var(--ink);border-radius:38px;color:var(--lime);font-size:108px;line-height:150px;text-align:center;position:relative;transform:rotate(-9deg);box-shadow:12px 18px 0 #becdb0;font-weight:600}.core span{font-size:48px;position:absolute;top:-40px;right:8px}.chip{position:absolute;background:var(--paper);border:1px solid #d6decc;border-radius:8px;padding:13px 17px;font-size:10px;letter-spacing:1px;z-index:2;box-shadow:0 8px 25px #112b2709}.chip b{margin-left:14px;font-size:16px}.chip1{top:70px;right:35px}.chip2{top:245px;left:15px}.chip3{bottom:85px;right:20px}.visual-label{position:absolute;bottom:17px;font-size:9px;letter-spacing:1.5px}.intro{padding:65px 40px;display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);gap:40px}.intro p:not(.eyebrow){color:var(--muted);max-width:650px}.features{padding:0 40px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.features article{border-top:1px solid var(--line);padding-top:22px}.num{display:block;font-size:12px;color:#687853;margin-bottom:35px}.features p{font-size:14px;color:var(--muted)}.integration{background:var(--ink);color:var(--paper);border-radius:12px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:0 40px}.integration p{color:#c1cec5}.textlink{font-size:14px}.integration-card{border:1px solid #486058;padding:30px;border-radius:10px}.badge{font-size:9px;letter-spacing:1.3px;background:var(--lime);color:var(--ink);border-radius:20px;padding:7px 10px;display:inline-block;margin-bottom:26px}.integration-card p{font-size:13px}.integration-card code{font-size:17px;color:var(--lime)}.integration-card ul{padding-left:20px;font-size:13px;margin:24px 0}.note{border-top:1px solid #486058;padding-top:18px}.contact{padding:80px 40px}.contact p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:35px}footer p,footer a:not(.brand){font-size:12px}footer>div:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;gap:9px}footer small{grid-column:1/-1;font-size:11px;color:var(--muted)}.legal{max-width:820px;padding:70px 40px 90px;margin:auto}.legal h1{font-size:56px}.legal .lead{max-width:none;margin-bottom:48px}.legal h2{font-size:26px;letter-spacing:-.5px;margin-top:38px;margin-bottom:14px}.legal p{color:var(--muted)}.legal a{overflow-wrap:anywhere}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:760px){header{padding:20px;flex-wrap:wrap}nav{gap:16px;flex-wrap:wrap;font-size:12px}.hero{grid-template-columns:1fr;padding:45px 24px;gap:36px}.visual{height:370px;max-width:500px;width:100%;margin:auto}.intro{padding:45px 24px;grid-template-columns:1fr;gap:8px}h2{font-size:35px}.features{padding:0 24px 45px;grid-template-columns:1fr;gap:22px}.num{margin-bottom:16px}.integration{margin:0 16px;padding:32px 24px;grid-template-columns:1fr;gap:30px}.contact{padding:55px 24px}.contact .button{font-size:12px;gap:10px;max-width:100%;overflow-wrap:anywhere}footer{padding:30px 24px;grid-template-columns:1fr}.legal{padding:45px 24px}.legal h1{font-size:42px}.eyebrow{font-size:10px}.chip1{top:40px}.chip3{bottom:45px}.core{transform:scale(.85) rotate(-9deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.page-links{display:flex;flex-wrap:wrap;gap:12px 24px;border-block:1px solid var(--line);padding:18px 0;margin-bottom:32px;font-size:13px}
.legal li{color:var(--muted);margin:12px 0}.legal code{overflow-wrap:anywhere}
.flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:32px 0}.flow>div{display:grid;gap:6px;padding:18px;border:1px solid var(--line);border-radius:10px}.flow span{font-size:13px;color:var(--muted)}
.table-wrap{overflow-x:auto;margin:24px 0}.legal table{width:100%;border-collapse:collapse;font-size:14px;min-width:580px}.legal caption{text-align:left;font-weight:700;padding-bottom:12px}.legal th,.legal td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:14px 12px}.legal td{color:var(--muted)}.legal thead{background:#e9efdf}
.integration strong{color:var(--paper)}
@media(max-width:760px){header nav{gap:12px 16px}.flow{grid-template-columns:1fr}.legal ol,.legal ul{padding-left:22px}}