:root{color-scheme:light;--navy:#14233a;--deep:#0d1829;--text:#24354d;--muted:#62738a;--line:#dee5eb;--teal:#157d78;--aqua:#d4f1ed;--paper:#f6f8f9;--white:#fff;--serif:Georgia,ui-serif,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.58}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}img,svg{max-width:100%}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip{position:absolute;left:16px;top:-100px;background:#fff;color:#000;padding:8px 16px;z-index:200}.skip:focus{top:8px}
nav a:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #15a99e;outline-offset:3px}
.header{background:#fff;border-bottom:1px solid #e8edf0;position:sticky;top:0;z-index:40}.header-in{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:840;color:#162841;letter-spacing:-.05em;font-size:21px}.mark{background:var(--navy);color:#8fe0d6;width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:21px;font-weight:900;letter-spacing:-.1em}.brand small{display:block;font-size:9px;letter-spacing:.16em;color:#7b8896;text-transform:uppercase;line-height:1.4;font-weight:850}
.nav{display:flex;gap:31px;align-items:center}.nav a{color:#475871;font-size:13px;font-weight:750;text-decoration:none}.nav a:hover{color:#16857f}.nav a.cta-nav{background:var(--navy);color:#fff;padding:11px 17px;border-radius:9px}.nav a.cta-nav:hover{background:#294261}
h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.05em}h1{line-height:1.09;font-size:clamp(47px,5.4vw,79px);font-weight:790}h2{font-size:clamp(31px,3.6vw,49px);line-height:1.15;font-weight:770}h3{font-size:23px;line-height:1.25}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 20px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#157c76;color:#fff}.btn-primary:hover{background:#0f6965;box-shadow:0 12px 25px #0f696526}.btn-outline{border-color:#ccd7df;background:transparent;color:var(--navy)}.btn-outline:hover{background:#f1f7f6}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#283e59}.btn-sm{padding:10px 12px;font-size:12px;gap:9px}.btn-secondary{background:#edf6f3;color:#216c62;border-color:#d5e7df}.btn-secondary:hover{background:#d8eee6}
.eyebrow{color:#168579;font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.hero{background:radial-gradient(circle at 80% 25%,#e2f4ef 0,transparent 32%),linear-gradient(140deg,#f6f9f9,#fff 75%);overflow:hidden;border-bottom:1px solid #e5ecef}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;min-height:660px;gap:48px;padding-block:90px}
.hero h1{margin:20px 0 25px;color:var(--navy)}.hero h1 span{color:#16857b;font-family:var(--serif);font-style:italic;font-weight:500}.lead{max-width:580px;color:#647389;font-size:18px;line-height:1.8}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 25px}.trust{display:flex;align-items:center;gap:17px;flex-wrap:wrap;font-size:12px;color:#668075;font-weight:740}.trust i{width:5px;height:5px;background:#36b49e;border-radius:50%}
.hero-ui{background:#fff;border-radius:17px;border:1px solid #dbe5e6;box-shadow:0 34px 68px #173c4821;transform:rotate(2.5deg);overflow:hidden}.window-top{background:#f8fbfc;border-bottom:1px solid #dfe7ec;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.window-dots{display:flex;gap:5px}.window-dots b{width:7px;height:7px;border-radius:50%;background:#ccd8df}.window-top small{font-size:11px;font-weight:800;color:#738499}.window-body{padding:22px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#f4f7f7;border:1px solid #e9eeee;border-radius:9px;padding:13px}.metric strong{font-size:24px;line-height:1;display:block;color:#162d3b}.metric span{font-size:10px;color:#798a9d;font-weight:750}.demo-table{border:1px solid #e6ebee;border-radius:10px;overflow:hidden;margin-top:18px}.demo-head,.demo-row{display:grid;grid-template-columns:1fr 1.25fr 1fr 1fr;gap:8px;align-items:center;padding:13px 15px;font-size:10px;border-bottom:1px solid #e7edf0}.demo-head{background:#edf4f4;color:#486d71;font-weight:900;font-size:11px}.demo-row:last-child{border-bottom:0}.demo-row:nth-child(even){background:#fafdfd}.pill{display:inline-block;border-radius:40px;background:#d4f5e7;color:#147963;font-size:10px;padding:4px 8px;font-weight:800}.pill.warn{background:#fff0d4;color:#966727}.mini-detail{margin-top:18px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#73879b;font-size:12px}.mini-bars{display:flex;gap:3px;align-items:end;height:25px}.mini-bars i{width:7px;background:#7bcec3;border-radius:3px 3px 0 0}
.band{background:#163045;color:#b8dcde}.band-in{display:flex;gap:45px;justify-content:center;flex-wrap:wrap;padding:24px 0;font-size:11px;font-weight:840;letter-spacing:.13em;text-transform:uppercase}.band i{font-style:normal;color:#6dcabf}
.section{padding:105px 0}.section-head{max-width:725px;margin-bottom:43px}.section-head h2{margin:14px 0 16px}.section-head p{color:#738095;font-size:16px;max-width:620px;line-height:1.85}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{padding:29px;background:#fff;border:1px solid #dfe7e8;border-radius:14px;box-shadow:0 7px 22px #10233a07}.feature-icon{display:grid;place-items:center;background:#e2f4ef;border-radius:12px;width:52px;height:52px;font-size:22px;color:#17867e;margin-bottom:28px}.feature h3{margin:0 0 12px}.feature p{font-size:14px;color:#748096;line-height:1.8;margin-bottom:22px}.feature a{color:#187a72;font-weight:850;text-decoration:none;font-size:13px}.feature a:hover{text-decoration:underline}
.alt-section{background:#f3f7f6}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.steps{display:grid;gap:22px}.step{background:white;border:1px solid #e0e9e5;padding:23px 25px;border-radius:12px;display:flex;gap:20px}.step b{width:36px;min-width:36px;height:36px;border-radius:10px;background:#d8f1e9;color:#21786b;display:grid;place-items:center;font-size:12px}.step h3{font-size:17px;margin:0 0 5px}.step p{color:#708193;font-size:13px;margin:0}
.split>div>h2{margin:16px 0 22px}.split>div>p{color:#6e7d92;line-height:1.8;margin-bottom:26px}
.stats-line{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.stats-line strong{font-size:26px;display:block;color:#1f786e}.stats-line span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#718398}
.roadmap-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.roadmap-card{border-top:3px solid #177f76;background:#f5f8f7;padding:24px;border-radius:5px 5px 13px 13px}.roadmap-card h3{font-size:18px}.roadmap-card p{font-size:14px;color:#748395}.status-dot{font-size:10px;font-weight:900;color:#168077;letter-spacing:.12em;text-transform:uppercase}.roadmap-card.future{border-color:#a2b3b8}.roadmap-card.future .status-dot{color:#7c8c99}
.cta-band{background:#163549;color:#fff;padding:78px 0}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-row h2{margin:0 0 15px}.cta-row p{margin:0;color:#c0d5db}.cta-row .btn{background:#b6ebe0;color:#123c3b;white-space:nowrap}
.footer{background:#0e2033;color:#cbd6e3;padding:60px 0 22px}.footer-cols{display:flex;justify-content:space-between;gap:30px;padding-bottom:50px}.footer .brand{color:white}.footer .mark{background:#b6ebe0;color:#163549}.footer p{font-size:13px;color:#95a9bb;max-width:370px;margin-top:20px}.footer-menu{display:flex;gap:90px}.footer-menu>div{display:flex;flex-direction:column;gap:12px}.footer-menu b{font-size:13px;color:white}.footer-menu a{font-size:13px;text-decoration:none;color:#aabac9}.footer-menu a:hover{color:#a5eadc}.footer-bottom{border-top:1px solid #33475d;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:#9bb0c0;gap:15px}
/* Workbench */
.app-bg{background:#f5f7f8}.app-main{padding:54px 0 100px;min-height:70vh}.app-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:31px}.app-title h1{font-size:clamp(34px,4.3vw,55px);margin:10px 0 9px}.app-title p{color:#66798b;margin:0;max-width:750px}.tag{display:inline-flex;align-items:center;gap:8px;background:#e1f3eb;color:#147466;border:1px solid #c7e6dc;padding:6px 11px;border-radius:40px;letter-spacing:.09em;text-transform:uppercase;font-weight:900;font-size:10px}
.work-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:20px}.panel{background:#fff;border:1px solid #e0e6eb;border-radius:13px;box-shadow:0 8px 26px #1b33470b;padding:25px;margin-bottom:18px}.panel h2{font-size:21px;margin:0 0 8px}.panel p{font-size:13px;color:#778498}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.hint{font-size:11px;color:#8796a6;font-weight:700}.field{display:grid;gap:7px;margin:15px 0}.field label{font-size:12px;font-weight:800;color:#42586c}.field input,.field textarea,.field select{width:100%;border:1px solid #d3dce4;background:#fff;color:#22384f;border-radius:9px;padding:12px;min-width:0}.field textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55;font-size:12px;min-height:215px}.drop{border:2px dashed #bdd7d4;background:#f4faf8;padding:29px;border-radius:11px;text-align:center;position:relative}.drop.drag-over{background:#ddf3eb;border-color:#168c78}.drop strong{display:block;font-size:15px}.drop p{margin:4px 0 16px}.drop input{max-width:100%;font-size:12px}.field-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px;margin:18px 0}.options label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#526577;cursor:pointer}.options input{accent-color:#16887c}
.action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.status{font-size:12px;color:#247b69;margin:13px 0 0;min-height:17px}.status.error{color:#b3484d}
.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:13px 0 22px}.result-metric{border:1px solid #e2e9eb;border-radius:9px;padding:13px;background:#f8faf9}.result-metric strong{display:block;font-size:23px;letter-spacing:-.06em}.result-metric span{color:#7d8999;font-size:10px;font-weight:800;text-transform:uppercase}
.table-scroll{max-width:100%;overflow:auto;border:1px solid #e2e9ed;border-radius:10px;max-height:390px}table{border-collapse:collapse;width:100%;min-width:520px}th,td{padding:12px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid #e9eef0;font-size:12px}th{position:sticky;top:0;background:#edf5f3;color:#355a58;font-size:11px;font-weight:850}tr:nth-child(even) td{background:#fafcfc}td.missing{color:#b08a56;font-style:italic}.below-table{font-size:11px!important;margin-top:12px!important}
.column-table{min-width:480px}.column-table td:nth-child(n+2){font-variant-numeric:tabular-nums}.type-pill{background:#e4f0fc;color:#456d9d;border-radius:20px;font-weight:800;font-size:10px;padding:4px 7px}
.blank{padding:50px 20px;text-align:center;color:#718292;background:#f6f9f8;border:1px dashed #d7e2e2;border-radius:11px}.blank i{display:block;font-size:38px;font-style:normal;color:#76b5a9;margin-bottom:8px}.blank strong{display:block;color:#344b57}
.output{background:#102235;color:#d3e9eb;padding:19px;border-radius:10px;word-break:break-word;white-space:pre-wrap;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto;max-height:410px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-grid .field textarea{min-height:430px}
.note{background:#eaf5f1;border:1px solid #d0e7df;border-radius:9px;padding:13px 16px;color:#3f6d64;font-size:12px;line-height:1.8}.note.warning{background:#fff5df;border-color:#f1dba5;color:#806c3f}
.docs{max-width:850px;margin:60px auto 95px;background:#fff;border:1px solid #e0e7ec;border-radius:14px;padding:50px}.docs h1{font-size:48px;margin-bottom:15px}.docs h2{font-size:23px;margin:29px 0 12px}.docs p,.docs li{color:#596c80;line-height:1.9;font-size:15px}.docs code{background:#edf4f2;padding:2px 5px;border-radius:3px;font-size:13px}.docs pre{overflow:auto;background:#102235;color:white;padding:18px;border-radius:9px}.docs pre code{background:none;color:inherit}
@media(max-width:940px){.hero-grid{gap:20px}.hero h1{font-size:55px}.section{padding:78px 0}.split{gap:40px}.footer-menu{gap:35px}.work-grid{grid-template-columns:1fr}}
@media(max-width:750px){.container{width:min(100% - 32px,1180px)}.nav a:not(.cta-nav){display:none}.header-in{height:66px}.hero-grid{grid-template-columns:1fr;padding:68px 0}.hero-ui{max-width:620px;transform:none}.hero h1{font-size:clamp(44px,11vw,68px)}.features,.roadmap-cards{grid-template-columns:1fr}.split{grid-template-columns:1fr}.cta-row{display:block}.cta-row .btn{margin-top:26px}.footer-cols{display:block}.footer-menu{margin-top:30px}.app-title{display:block}.tool-grid{grid-template-columns:1fr}.result-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.header .nav{gap:6px}.brand{font-size:17px}.brand small{font-size:8px}.nav .cta-nav{font-size:11px;padding:9px 11px}.hero{overflow:hidden}.buttons>*{width:100%}.window-body{padding:12px}.demo-head,.demo-row{padding:10px 6px;font-size:9px;gap:3px}.metric{padding:9px}.metric strong{font-size:19px}.section{padding:63px 0}.footer-menu{flex-wrap:wrap}.footer-bottom{display:block}.panel{padding:16px}.field-row,.options{grid-template-columns:1fr}.docs{padding:25px;margin:22px auto 60px}.docs h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
