@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f8f8;--ink:#162938;--muted:#71818f;--line:#e3ebea;--accent:#167d5d;--bright:#65e1af;--forest:#0c241e;--navy:#0b1b28}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff;line-height:1.65;font-size:15px}
a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.6}
:focus-visible{outline:3px solid var(--bright);outline-offset:3px}
.container{max-width:1190px;margin:auto;padding:0 24px}
.skip{position:absolute;top:-100px;left:15px;background:white;padding:10px 17px;z-index:100;border-radius:6px}.skip:focus{top:10px}
.topnav{height:74px;background:#fff;border-bottom:1px solid #edf1ef;display:flex;align-items:center;position:sticky;top:0;z-index:30}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}
.brand{display:inline-flex;align-items:center;gap:11px;font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}
.brand-mark{height:37px;width:37px;border-radius:10px;display:grid;place-items:center;background:#10271f;color:#fff;font-size:23px;line-height:1}.brand-mark span{color:#63daa7}
.brand-caption{display:block;font:700 8px/1.1 'DM Sans',Arial,sans-serif;letter-spacing:1.65px;color:#6e8990;margin-top:2px}
.nav-links{display:flex;gap:28px;align-items:center;font-weight:700;font-size:12px;color:#526577}
.nav-links a:hover{color:var(--accent)}
.actions{display:flex;align-items:center;gap:11px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;border:1px solid #dae7e0;font-weight:800;font-size:12px;padding:12px 17px;min-height:43px;transition:.2s;background:#fff}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #092c1b12}
.btn.green{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.green:hover{background:#11654b}
.btn.dark{background:#152f29;color:#fff;border-color:#152f29}.btn.light{background:#fff;color:#224338;border-color:#cfe0d7}
.menu-toggle{display:none;background:transparent;border:0;color:#2c453b;font-size:24px}
.kicker{font-size:11px;color:#218363;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;display:block;margin-bottom:17px}
.kicker.light{color:#81edbf}
h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;letter-spacing:-1.2px;line-height:1.2;margin:0}
h1{font-size:clamp(43px,6vw,76px);letter-spacing:-3.9px;font-weight:800}
h2{font-size:clamp(29px,3.4vw,45px);letter-spacing:-2.1px}
h3{font-size:18px;letter-spacing:-.5px}
p{margin:0}a{transition:color .16s}
.hero{background:linear-gradient(128deg,#0b1927 0%,#0b3028 65%,#0d4535 100%);color:#fff;overflow:hidden;position:relative;padding:83px 0 100px}
.hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#48ad8336 0%,transparent 68%);right:-160px;top:-130px;pointer-events:none}
.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#b3efd00f 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.hero-content{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:40px}
.hero h1{max-width:670px}.hero h1 em{font-style:normal;color:#76e4b3}
.hero-desc{font-size:16px;max-width:520px;color:#b2c6c4;margin:24px 0 27px;line-height:1.85}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px}
.hero-meta{display:flex;align-items:center;gap:10px;margin-top:25px;color:#a2c3b8;font-size:11px;font-weight:600}
.mini-pulse{height:8px;width:8px;background:#6bddad;box-shadow:0 0 0 4px #64d7a820;border-radius:50%}
.hero-board{background:#f8fbfa;border:1px solid #7dbda17a;border-radius:15px;color:#273c46;box-shadow:0 30px 80px #00191090;min-width:0;transform:perspective(1100px) rotateY(-3deg);overflow:hidden}
.board-head{background:#fff;display:flex;align-items:center;gap:9px;padding:15px;border-bottom:1px solid #e3ebea}
.board-mark{background:#0e3026;border-radius:7px;width:26px;height:26px;color:#a7f5cc;display:grid;place-items:center;font-weight:900}.board-head strong{font-size:12px;flex:1}
.mini-status{font-size:10px;color:#218566;background:#e7f7ef;padding:5px 8px;border-radius:20px;font-weight:800}
.board-content{padding:19px}
.board-label{color:#9bb0af;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;font-size:10px;margin-bottom:9px}
.board-title{font:800 17px Manrope;letter-spacing:-.6px;margin-bottom:16px}
.board-steps{display:flex;gap:6px;align-items:stretch;margin-bottom:13px}
.board-step{background:#fff;border:1px solid #dae7e2;border-top:3px solid #3eae88;border-radius:8px;padding:10px;flex:1;min-width:0}
.board-step:nth-child(2){border-top-color:#bd9ce2}.board-step:nth-child(3){border-top-color:#d1a45b}.board-step:nth-child(4){border-top-color:#7bb2c4}
.board-step small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#94a8a4;font-weight:800}
.board-step strong{display:block;font-size:10px;line-height:1.5;margin-top:6px}
.board-arrow{font-size:13px;align-self:center;color:#89a7a0}
.board-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.board-kpi{padding:10px 11px;border-radius:8px;border:1px solid #e4ece8;background:white}
.board-kpi small{font-size:9px;color:#91a5a2;display:block}.board-kpi strong{font-size:14px;display:block;margin-top:2px}
.board-alert{background:#ecf8f1;border:1px solid #d2e9dc;color:#287554;border-radius:8px;padding:11px;font-size:10px;line-height:1.6;margin-top:12px}
.section{padding:95px 0}.soft-section{background:#f6f9f8}.dark-section{background:#102a25;color:white}
.section-header{max-width:780px;margin-bottom:39px}.section-header.center{text-align:center;margin:0 auto 41px}
.section-header p{font-size:15px;color:#768994;line-height:1.8;margin-top:17px}
.section-header.white p{color:#b1c9be}
.label-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.pill{border:1px solid #d8e6df;color:#2a7d61;background:#f1faf4;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:800}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.card{border-radius:13px;border:1px solid var(--line);background:#fff;padding:26px;box-shadow:0 8px 28px #123c2809}
.card h3{font-size:17px;line-height:1.35;margin:17px 0 10px}
.card p{font-size:13px;color:#7a8b95;line-height:1.75}
.card .icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#e9f6f0;color:#16805e}
.card .icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card:nth-child(2) .icon{background:#f1eff9;color:#8672b4}.card:nth-child(3) .icon{background:#fef4e4;color:#b08236}
.card:nth-child(4) .icon{background:#eaf2fc;color:#5888be}.card:nth-child(5) .icon{background:#faf0f1;color:#b77885}.card:nth-child(6) .icon{background:#e8f4f7;color:#3f96a3}
.card .meta{font-size:10px;color:#248363;font-weight:800;text-transform:uppercase;letter-spacing:.75px;margin-top:18px;display:block}
.workflow-experience{border:1px solid #dfeae5;box-shadow:0 20px 50px #203f3412;background:#fff;border-radius:17px;overflow:hidden}
.workflow-header{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;background:#fdfefe;border-bottom:1px solid #e5ece9;gap:12px}
.workflow-header strong{font-size:13px}.workflow-header small{font-size:10px;color:#879b97;display:block;margin-top:3px}
.view-switch{display:flex;border-radius:8px;padding:4px;gap:4px;background:#f2f6f4}
.view-switch button{border:0;background:transparent;font-size:11px;padding:8px 12px;border-radius:6px;color:#759086;font-weight:800;white-space:nowrap}
.view-switch button[aria-selected=true]{background:white;color:#177452;box-shadow:0 2px 6px #213e3421}
.workflow-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;min-height:370px}
.workflow-canvas{background-color:#fafdfb;background-image:radial-gradient(#d7e4dc 1px,transparent 1px);background-size:20px 20px;padding:28px;overflow-x:auto}
.flow-line{display:flex;align-items:center;gap:10px;min-width:610px;min-height:170px}
.flow-node{flex:1;min-width:0;background:white;border:1px solid #dde8e2;border-top:3px solid #35a97d;border-radius:9px;padding:14px 11px;box-shadow:0 6px 18px #183d2c13;text-align:left}
.flow-node strong{font-size:12px;display:block;line-height:1.45}.flow-node small{display:block;font-size:10px;color:#81978f;margin-top:7px}
.flow-node .type{display:block;font-size:9px;font-weight:900;color:#3b896c;letter-spacing:1px;text-transform:uppercase;margin-bottom:11px}
.flow-node:nth-of-type(3){border-top-color:#dbab57}.flow-node:nth-of-type(3) .type{color:#aa7627}
.flow-node[aria-pressed=true]{outline:3px solid #8fe2bf;outline-offset:1px}
.flow-arrow{color:#a5b7af;font-size:18px}
.branch-note{font-size:12px;color:#667d72;border-left:2px solid #a4cbb3;margin:12px 0 0 12px;padding:11px}
.workflow-inspector{padding:23px;background:#fff;border-left:1px solid #e3ece7}
.workflow-inspector .kicker{font-size:9px;margin-bottom:10px}
.workflow-inspector h3{font-size:16px}.workflow-inspector p{color:#82958d;font-size:12px;line-height:1.75;margin:12px 0}
.workflow-inspector dl{border-top:1px solid #eef2f0;padding-top:14px;margin:18px 0 0}
.workflow-inspector dt{color:#90a099;font-size:10px}.workflow-inspector dd{color:#2a4739;font-weight:800;font-size:12px;margin:4px 0 13px}
.workflow-foot{padding:13px 19px;border-top:1px solid #e4ece7;color:#8b9c94;font-size:10px}
.dark-section .card{background:#15392d;border-color:#295541;color:#fff}
.dark-section .card p{color:#abc7b8}
.method-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.method-step{padding:20px;border:1px solid #315143;border-radius:12px;background:#16372d}
.method-step .number{font:800 12px Manrope;color:#85e4b6}.method-step h3{font-size:14px;margin:20px 0 9px}.method-step p{font-size:12px;color:#abc6b8}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.compare-panel{background:#fff;border:1px solid #e2ece7;border-radius:14px;padding:27px}
.compare-panel.a2b{background:#0e3027;color:#fff}
.compare-panel h3{font-size:20px}
.compare-panel p{font-size:13px;color:#748a7f;margin-top:12px}
.compare-panel.a2b p{color:#a3d4b9}
.compare ul{padding-left:20px;margin:18px 0 0;color:#536b5d;font-size:13px;line-height:2}
.compare-panel.a2b ul{color:#d3eadd}
.faq{max-width:820px;margin:0 auto}
.faq details{border-bottom:1px solid #dfe8e2;padding:19px 5px}
.faq summary{cursor:pointer;font-size:15px;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:15px}
.faq summary:after{content:"+";font-weight:400;color:#247c5d}
.faq details[open] summary:after{content:"−"}
.faq details p{color:#7a8d83;font-size:13px;line-height:1.85;padding-top:13px;max-width:740px}
.cta-section{background:linear-gradient(135deg,#0a231e,#104c36);color:white;text-align:center;padding:78px 0}
.cta-section h2{max-width:760px;margin:auto}.cta-section p{max-width:680px;color:#add3bf;margin:16px auto 28px}
.cta-section .btn{margin:0 4px 9px}
.footer{background:#0a1d1a;color:#94b5a6;padding:43px 0 26px}
.footer-top{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-bottom:28px}
.footer .brand{color:#fff}.footer p{font-size:12px;margin-top:12px;max-width:420px}
.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;font-weight:800}
.footer-links a:hover{color:#80e1b4}
.footer-bottom{padding-top:23px;border-top:1px solid #264338;font-size:11px;display:flex;justify-content:space-between;gap:15px}
.doc-hero{background:#10271f;color:#fff;padding:68px 0}
.doc-hero h1{font-size:clamp(35px,5vw,56px);letter-spacing:-2.2px;max-width:850px}
.doc-hero p{color:#b5d1c4;margin-top:17px;max-width:750px}
.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:50px;padding-top:53px;padding-bottom:85px}
.docs-nav{position:sticky;top:95px;align-self:start;display:flex;flex-direction:column;gap:5px;border-left:2px solid #e7eee9;padding-left:15px}
.docs-nav a{font-size:12px;color:#6c8577;padding:8px 0;font-weight:700}
.docs-nav a:hover{color:#188059}
.docs-content section{margin-bottom:40px;scroll-margin-top:105px}.docs-content h2{font-size:25px;margin-bottom:14px;letter-spacing:-1px}
.docs-content h3{font-size:16px;margin:25px 0 10px;letter-spacing:-.4px}
.docs-content p,.docs-content li{color:#647b70;font-size:13px;line-height:1.9}
.docs-content ul,.docs-content ol{padding-left:20px}
.docs-content code{background:#edf5ef;border-radius:4px;padding:2px 5px;color:#295d48}
.docs-content pre{background:#0c211a;color:#cbf5d5;border-radius:11px;padding:20px;overflow-x:auto;font-size:12px;line-height:1.7}
.doc-table{width:100%;border-collapse:collapse;font-size:12px}.doc-table td,.doc-table th{text-align:left;border-bottom:1px solid #e3ece5;padding:13px}
.doc-table th{color:#3c654c}.doc-table td{color:#688373}
.notice{padding:16px;background:#eef8f1;border:1px solid #d6eadb;border-radius:10px;color:#2f7550;font-size:12px;line-height:1.75}
@media(max-width:1060px){.hero-grid{grid-template-columns:1fr}.hero-board{transform:none}.method-grid{grid-template-columns:repeat(3,1fr)}.nav-links{gap:16px}.workflow-grid{grid-template-columns:1fr}.workflow-inspector{border-left:0;border-top:1px solid #e3ece7}.docs-layout{grid-template-columns:180px minmax(0,1fr);gap:25px}}
@media(max-width:760px){.container{padding:0 18px}.topnav{height:64px}.nav-inner>.actions{display:none}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid #e5eee7;padding:14px 22px;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 5px}.hero{padding:58px 0 69px}.hero h1{letter-spacing:-2.4px}.hero-board{margin-top:8px}.board-content{padding:13px}.board-steps{flex-wrap:wrap}.board-step{min-width:42%}.board-arrow{display:none}.board-bottom{grid-template-columns:1fr 1fr 1fr}.board-kpi strong{font-size:12px}.section{padding:63px 0}.section-header{margin-bottom:30px}.grid-3{grid-template-columns:1fr}.card{padding:23px}.workflow-header{flex-direction:column;align-items:stretch}.view-switch{width:100%}.view-switch button{flex:1}.method-grid{grid-template-columns:1fr 1fr}.compare{grid-template-columns:1fr}.footer-top,.footer-bottom{flex-direction:column}.docs-layout{display:block;padding-top:26px}.docs-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;border:0;padding:0 0 20px}.docs-nav a{padding:5px 9px;background:#f0f6f1;border-radius:6px}.doc-hero{padding:51px 0}.flow-line{min-width:580px}}
@media(max-width:460px){.method-grid{grid-template-columns:1fr}.board-kpi small{font-size:8px}.board-kpi{padding:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}