.master-api{--ma-blue:#0092f7;--ma-mint:#3ee8c1;--ma-ice:#e6f3fc;--ma-navy:#10243e;--ma-muted:#476078}
.master-api [id]{scroll-margin-top:92px}
.ma-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.ma-section{padding-block:clamp(65px,8vw,108px)}
.ma-label{margin:0 0 16px;color:#0067ad;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.ma-intro{max-width:680px;color:var(--ma-muted);margin:19px 0 0}
.master-api h2{font-size:clamp(34px,4.5vw,60px)}
.ma-hero{color:white;background:linear-gradient(116deg,#0b1c34 28%,#083b65 77%,#087c83);padding-block:clamp(68px,8.5vw,118px) 72px}
.ma-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(30px,5vw,76px)}
.ma-hero h1{font-size:clamp(47px,5.55vw,82px);line-height:.99;letter-spacing:-.066em}
.ma-hero h1 em{display:block;color:var(--ma-mint);font-style:normal}
.ma-hero .ma-label{color:#9debdc}
.ma-lead{max-width:540px;color:#dbe9f8;margin:25px 0}
.ma-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:32px}
.ma-actions .button:first-child{background:var(--ma-mint);color:#082a36;border-color:var(--ma-mint)}
.ma-actions .button:first-child:hover{background:#a6f8e6}
.ma-actions .secondary{background:transparent;color:#fff;border-color:#98b5c7;gap:12px}
.ma-actions .secondary:hover{background:#fff;color:var(--ma-navy)}
.ma-product{margin:0;min-width:0}
.ma-switch{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;margin-bottom:13px}
.ma-switch[hidden],.ma-screen[hidden]{display:none}
.ma-switch p{margin:0;color:#c2d8e9;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ma-tabs{display:inline-flex;gap:3px;padding:3px;border:1px solid #7997ad;border-radius:999px;background:#0b2942}
.ma-tabs button{border:0;border-radius:999px;background:transparent;color:#e6f3fc;padding:7px 12px;min-height:34px;font-size:12px;line-height:1.1;font-weight:700;cursor:pointer}
.ma-tabs button:hover{background:#234969}
.ma-tabs button[aria-selected="true"]{background:#b5f7e6;color:#0b3c40}
.ma-tabs button:focus-visible,.ma-screen:focus-visible{outline:2px solid #c0ffef;outline-offset:3px}
.ma-screen{background:#fff;color:var(--ma-navy);border:1px solid #87c5e4;border-radius:16px;box-shadow:0 25px 65px #04152e66;overflow:hidden}
.ma-screen-top{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #dceaf3;padding:15px 18px;font-size:9px;font-weight:700;letter-spacing:.08em}
.ma-screen-top img{width:106px;height:auto}
.ma-screen-body{padding:clamp(12px,2.1vw,26px);background:#f5fafd}
.ma-screen-label{color:#126096;font-size:10px;font-weight:700;letter-spacing:.1em;margin:0 0 7px}
.ma-screen-title{font-size:clamp(17px,1.85vw,25px);font-weight:700;letter-spacing:-.045em;line-height:1.15;min-height:2.3em;margin:0 0 13px}
.ma-screen-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.ma-screen-summary div{min-width:0;padding:8px;background:#fff;border:1px solid #dceaf3;border-radius:8px}
.ma-screen-summary small,.ma-screen-summary strong{display:block}.ma-screen-summary small{font-size:10px;line-height:1.3}.ma-screen-summary strong{font-size:clamp(18px,2vw,26px);line-height:1.25;margin-top:4px}
.ma-screen-table{background:white;border:1px solid #dceaf3;border-radius:8px;margin-top:14px;padding-inline:8px}
.ma-screen-table>div{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px;padding:9px 3px;font-size:clamp(10px,.95vw,12px);border-bottom:1px solid #e7f0f5;line-height:1.3}.ma-screen-table>div:first-child{color:#46647e}.ma-screen-table>div:last-child{border:0}
.ma-chip{justify-self:end;width:max-content;max-width:100%;padding:4px 5px;border-radius:5px;background:#e6f3fc;color:#064677}.ma-chip.green,.ma-chip.mint{background:#d8f7ec;color:#075a49}
.ma-product figcaption{margin-top:13px;text-align:right;color:#dbe9f8;font-size:12px}
.ma-proof{border-bottom:1px solid #d8e6f0;padding:32px 0 36px}.ma-proof h2{text-align:center;font-size:13px;line-height:1.4;letter-spacing:.045em;color:#345168}
.ma-proof ul{padding:0;margin:22px 0 0;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:clamp(14px,2.5vw,32px)}
.ma-proof li{display:grid;min-height:58px;place-items:center}
.ma-proof img{display:block;width:100%;max-width:172px;height:54px;object-fit:contain}
.ma-jumps{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0 22px}
.ma-jumps a{border:1px solid #bbd7e9;padding:7px 13px;border-radius:100px;color:#075b92;font-size:13px;font-weight:700}
.ma-dashboard-grid,.ma-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ma-dashboard-grid article,.ma-features article{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:25px;background:var(--ma-ice);border:1px solid #c6e1f1;border-radius:14px}
.ma-dashboard-grid article:target{outline:3px solid #0074c6;outline-offset:3px}
.ma-card-top{width:100%;display:flex;justify-content:space-between;gap:9px;align-items:center;margin-bottom:26px;color:#356481;font-size:10px;font-weight:700;letter-spacing:.09em}
.ma-card-top img,.ma-features img{filter:invert(32%) sepia(100%) saturate(1729%) hue-rotate(178deg) brightness(90%) contrast(106%)}
.ma-dashboard-grid h3,.ma-features h3{font-size:clamp(19px,2vw,24px)}
.ma-dashboard-grid p,.ma-features p{color:#39566d;font-size:15px;margin:13px 0 20px}
.ma-dashboard-grid a{margin-top:auto;color:#00588f;font-size:13px;font-weight:700;text-underline-offset:4px}
.ma-dashboard-grid a:hover{text-decoration:underline}
.ma-workflow{background:#f3f9fd;border-block:1px solid #deebf4}
.ma-flow{margin:27px 0 24px;background:white;border:1px solid #d1e6f2;border-radius:16px;padding:12px;overflow:hidden}
.ma-flow svg{width:100%;display:block}
.ma-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:0;counter-reset:ma-step}
.ma-steps li{counter-increment:ma-step;border-top:2px solid var(--ma-blue);padding-top:13px}
.ma-steps li::before{content:"0" counter(ma-step);display:block;color:#0066a7;font-size:12px;font-weight:700;margin-bottom:8px}
.ma-steps b,.ma-steps span{display:block}.ma-steps span{margin-top:5px;font-size:14px;color:var(--ma-muted)}
.ma-features{margin-top:32px}.ma-features article{background:#f3f9fd}.ma-features img{margin-bottom:17px}.ma-features p{margin-bottom:0}
.ma-why{background:var(--ma-ice)}
.ma-two{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(34px,7vw,94px)}
.ma-why ul{margin:0;padding:0;list-style:none}
.ma-why li{position:relative;padding:15px 0 15px 25px;border-bottom:1px solid #bed9e8;font-weight:500}
.ma-why li::before{content:"";width:8px;height:8px;background:#0079bc;position:absolute;left:0;top:24px;border-radius:50%}
.ma-request{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px}
.ma-request h2{max-width:780px}
.ma-request .button{gap:12px;justify-self:start}
.ma-workspace-label{display:inline-flex;align-items:center;gap:6px}
.ma-workspace-label i{width:6px;height:6px;background:#11896f;border-radius:50%}
@media(prefers-reduced-motion:no-preference){
  .ma-screen{animation:ma-enter .7s cubic-bezier(.2,.75,.3,1) both}
  .ma-screen-table>div:not(:first-child){animation:ma-row-check .9s ease-in-out both}
  .ma-screen-table>div:nth-child(2){animation-delay:.8s}
  .ma-screen-table>div:nth-child(3){animation-delay:1.4s}
  .ma-screen-table>div:nth-child(4){animation-delay:2s}
  @keyframes ma-enter{from{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
  @keyframes ma-row-check{0%,100%{background-color:transparent}42%{background-color:#d8f7ec}}
}
@media(max-width:960px){.ma-wrap{width:calc(100% - 44px)}.ma-hero-grid{grid-template-columns:1fr 1fr}.ma-dashboard-grid article,.ma-features article{padding:19px}}
@media(max-width:740px){.ma-hero-grid,.ma-two,.ma-request{grid-template-columns:1fr}.ma-hero-grid{gap:32px}.ma-product{max-width:580px}.ma-dashboard-grid{grid-template-columns:1fr}.ma-features,.ma-steps{grid-template-columns:repeat(2,1fr)}.ma-proof ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 22px}.ma-proof img{height:46px}}
@media(max-width:470px){.ma-proof ul{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-tabs button{min-height:40px}.ma-wrap{width:calc(100% - 32px)}.ma-hero h1{font-size:clamp(37px,10vw,48px)}.ma-actions .button{font-size:13px;padding:10px 14px}.ma-flow{display:none}.ma-features{gap:9px}.ma-features article{padding:13px}.ma-features h3{font-size:17px}.ma-features p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html:has(.master-api){scroll-behavior:auto}}
.ma-tour{padding-top:0}
.ma-tour-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:28px;margin-bottom:24px}
.ma-tour-heading .ma-intro{margin:0;font-size:15px}
.ma-tour-tabs{margin-bottom:14px;border-color:#bed5e5;background:#edf6fb}
.ma-tour-tabs button{color:#294c68;min-height:40px;padding-inline:16px}
.ma-tour-tabs button:hover{background:#d6eaf8}
.ma-tour-tabs button[aria-selected="true"]{background:#163c5c;color:#fff}
.ma-tour-tabs button:focus-visible,.ma-tour-panel:focus-visible{outline:2px solid #0074c6;outline-offset:3px}
.ma-tour-tabs[hidden],.ma-tour-panel[hidden]{display:none}
.ma-tour-panel figure{margin:0;overflow:hidden;border:1px solid #cfdeeb;border-radius:14px;background:#fff;box-shadow:0 12px 36px #16477312}
.ma-tour-panel img{display:block;width:100%;height:auto;background:#f3f5f7}
.ma-tour-panel figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;border-top:1px solid #e1ebf3;padding:15px 19px;color:var(--ma-muted);font-size:14px}
.ma-tour-panel figcaption b{color:var(--ma-navy)}
.ma-tour-panel figcaption a{color:#005f9e;font-size:13px;font-weight:700;white-space:nowrap}
.ma-tour-panel figcaption a:hover{text-decoration:underline}
@media(max-width:740px){.ma-tour-heading{grid-template-columns:1fr;gap:12px}.ma-tour-panel figcaption{padding:12px 14px}}
@media(max-width:370px){.ma-tour-tabs button{padding-inline:10px}}
.ma-switch-actions,.ma-tour-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.ma-tour-controls{margin-bottom:14px}
.ma-tour-controls .ma-tour-tabs{margin:0}
.ma-rotation{padding:6px 11px;min-height:34px;border-radius:999px;border:1px solid #7997ad;background:transparent;color:#e6f3fc;font-size:12px;font-weight:700;cursor:pointer}
.ma-rotation:hover{background:#234969}
.ma-rotation:focus-visible{outline:2px solid #3ee8c1;outline-offset:3px}
.ma-tour-controls .ma-rotation{border-color:#bed5e5;color:#294c68;min-height:40px}
.ma-tour-controls .ma-rotation:hover{background:#edf6fb}
.ma-tour-controls .ma-rotation:focus-visible{outline-color:#0074c6}
.ma-tour-panel picture{display:block}
.ma-tour-panel figcaption{min-height:54px}
@media(max-width:740px){.ma-tour-panel figcaption{min-height:100px;align-content:start}}
@media(max-width:470px){.ma-rotation{min-height:40px}}
@media(prefers-reduced-motion:no-preference){
  .ma-tour-panel:not([hidden]) figure{animation:ma-tour-in .28s ease-out both}
  @keyframes ma-tour-in{from{opacity:.75}to{opacity:1}}
}