/* Public SaaS landing shares the Developers visual language; management screens stay isolated. */
.saas-landing{scroll-behavior:smooth}.saas-landing section[id]{scroll-margin-top:96px}.saas-landing [hidden]{display:none!important}.saas-landing .dev-hero{grid-template-columns:1.12fr 1fr;gap:32px;min-height:620px}.saas-hero h1{font-size:clamp(38px,4.15vw,62px);line-height:1.2;letter-spacing:-.055em}.saas-hero h1 em{white-space:normal}.saas-hero .dev-hero-description{font-size:14px;line-height:2}.saas-hero-note{display:flex;gap:9px;align-items:center;font-size:11px;margin-top:24px;color:#a3b5a9!important}.saas-header-caption{font-size:11px;color:#777780;white-space:nowrap}.saas-topbar nav{gap:22px}.saas-menu-toggle{display:none;background:transparent;border:1px solid var(--dev-line);border-radius:6px;color:var(--dev-text);padding:5px 10px;cursor:pointer}
.saas-feature-rail{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 0 28px;border-top:1px solid var(--dev-line);color:#86868f;font-size:11px}.saas-feature-rail span:before{content:'↗';color:#8fa497;margin-right:8px}.saas-demo{align-items:start;gap:55px}.saas-demo .mcp-demo-copy h2{font-size:34px;font-weight:600}.saas-demo .mcp-demo-window{margin-top:6px;scroll-margin-top:86px}.saas-demo-phases{grid-template-columns:1fr 1fr;gap:5px;margin:26px 0 12px}.saas-demo-phases li{padding:0;border:0;display:block}.saas-demo-phases button{display:flex;gap:11px;align-items:center;text-align:left;width:100%;border:1px solid transparent;background:transparent;border-radius:8px;padding:12px 9px;color:#85858f;cursor:pointer}.saas-demo-phases button>span:first-child{font:11px ui-monospace,monospace;color:#72727c}.saas-demo-phases button strong{font-weight:500;font-size:12px;color:#b4b4bd}.saas-demo-phases button small{font-size:10px;line-height:1.5}.saas-demo-phases button:hover{background:#ffffff05}.saas-demo-phases button[aria-current=step]{border-color:#91bd9f45;background:#b3dbbc09}.saas-demo-phases button[aria-current=step] strong,.saas-demo-phases button[aria-current=step]>span:first-child{color:#c3e7cc}.saas-demo-phases button.is-complete>span:first-child{color:#94b49d}.saas-demo .mcp-demo-messages{height:470px}.saas-demo-hint{font-size:10px;color:#777783!important;margin:0 0 20px}.saas-demo-confirm{display:inline-flex;border:1px solid #698c73;border-radius:6px;padding:6px 12px;color:#c3e7cc;background:#a0d5af10;font-size:11px}.saas-demo .mcp-demo-summary{font-size:11px}.saas-demo .mcp-demo-summary dt{max-width:40%}.saas-demo .mcp-demo-summary dd{word-break:keep-all}.saas-demo .mcp-demo-disclaimer{font-size:10px;line-height:1.8}
.saas-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.saas-capability-grid article{padding:28px;border-right:1px solid var(--dev-line);background:#101013;min-width:0}.saas-capability-grid article:nth-child(3n){border-right:0}.saas-capability-grid article:nth-child(-n+3){border-bottom:1px solid var(--dev-line)}.saas-capability-grid article:hover{background:#151519}.saas-capability-grid article h3{margin-top:26px}.saas-capability-grid article small{display:block;font-size:10px;color:#6f8075;margin-top:23px}.saas-checklist{list-style:none;padding:0;margin:25px 0 28px;display:grid;gap:10px;color:#b6b6bf;font-size:12px}.saas-checklist li:before{content:'✓';margin-right:13px;color:#aac4b2}.saas-confirm-preview{background:linear-gradient(130deg,#151b17,#111114);border:1px solid #354139;border-radius:14px;padding:28px}.saas-confirm-preview header{display:flex;align-items:center;gap:9px;color:#b8d2c0;font-size:12px;padding-bottom:22px}.saas-confirm-preview header small{margin-left:auto;color:#6f7b73;font-size:10px}.saas-confirm-preview>p{font-size:12px}.saas-confirm-preview dl{margin:22px 0;border-block:1px solid #2d3730;padding:12px 0}.saas-confirm-preview dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;font-size:12px}.saas-confirm-preview dt{color:#8a958e}.saas-confirm-preview dd{margin:0;text-align:right;color:#e0e5e1}.saas-confirm-preview dd span{color:#809086;font-size:11px}.saas-preview-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:11px;margin-bottom:22px}.saas-preview-actions span{border:1px solid #333d36;padding:8px 13px;border-radius:6px;color:#a2aca5}.saas-preview-actions strong{font-weight:500;background:#bad5c2;color:#15241a;border-radius:6px;padding:8px 13px}.saas-confirm-preview>small{display:block;color:#718178;font-size:10px}
.saas-portal-preview{background:#101013;border:1px solid #34343d;border-radius:12px;overflow:hidden}.saas-browser-bar{display:flex;gap:6px;align-items:center;padding:14px 18px;border-bottom:1px solid #29292e}.saas-browser-bar i{width:7px;height:7px;border-radius:50%;background:#4a4a53}.saas-browser-bar span{font-size:10px;color:#777782;margin-left:auto}.saas-portal-content{padding:40px 34px;background:radial-gradient(ellipse at 90% 0,#a7d6b412,transparent 60%)}.saas-portal-content h3{font-size:30px;font-weight:500;line-height:1.5;margin:18px 0}.saas-portal-content>p{font-size:11px}.saas-portal-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:30px}.saas-portal-links span{border:1px solid #333d36;border-radius:5px;padding:11px;font-size:11px;color:#b6c5bb}
.saas-landing .pricing-section{padding:80px 0;border-top:1px solid var(--dev-line)}.saas-landing .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.saas-landing .eyebrow{font-size:10px;letter-spacing:.12em;color:#a1a1aa}.saas-landing .section-heading h2{font-size:38px;font-weight:600;margin:18px 0 0}.saas-landing .section-heading>p{font-size:12px;line-height:1.9;margin:0}.saas-landing .pricing-period{display:flex;gap:6px;width:max-content;padding:4px;background:#101013;border:1px solid var(--dev-line);border-radius:7px;margin:24px 0}.saas-landing .pricing-period button{padding:7px 15px;background:transparent;color:#8f8f9b;border:0;border-radius:4px;cursor:pointer;font-size:12px}.saas-landing .pricing-period button[aria-pressed=true]{background:#292a2e;color:#e9ecea}.saas-landing .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:25px}.saas-landing .price-card{border:1px solid #303037;border-radius:10px;background:#111114;padding:24px 20px;min-width:0}.saas-landing .price-card h3{font-size:17px;font-weight:500;margin:0}.saas-landing .price-card-heading{min-height:55px}.saas-landing .price-saving{display:inline-block;margin-top:7px;font-size:10px;color:#acd0b7}.saas-landing .price-basis{font-size:10px;color:#84848e}.saas-landing .price-amount{margin:16px 0 10px;display:flex;align-items:baseline;gap:5px}.saas-landing .price-amount strong{font-size:30px;font-weight:500;letter-spacing:-.04em}.saas-landing .price-amount small{font-size:12px;margin-left:2px;font-weight:400}.saas-landing .price-amount>span{font-size:11px;color:#858590}.saas-landing .price-payment{font-size:11px;line-height:1.8;min-height:40px;margin-bottom:22px}.saas-landing .btn{display:inline-flex;align-items:center;gap:12px;justify-content:center;border:1px solid #41414a;border-radius:6px;padding:10px 12px;font-size:11px}.saas-landing .price-card .btn{width:100%}.saas-landing .btn:hover{border-color:#a1c0ab;background:#a1c0ab08}.saas-landing .price-annual-benefit,.saas-landing .pricing-annual-benefit{font-size:11px;color:#b8d8c2}.saas-landing .pricing-notes{border-top:1px solid #27272c;padding-top:20px;margin-top:30px}.saas-landing .pricing-notes p{font-size:11px;line-height:1.9;color:#777783}.saas-landing .pricing-notes strong{font-weight:500;color:#a6a6b0}.saas-landing .pricing-notes a{color:#b0caba}.saas-landing .pricing-empty{padding:30px;border:1px solid #303037;border-radius:8px;font-size:12px}.saas-closing h2{font-size:46px}
.saas-landing .site-footer{max-width:var(--dev-page-width);margin:auto;padding:35px var(--dev-page-gutter);border-top:1px solid var(--dev-line)}.saas-landing .footer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.saas-landing .site-footer .brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.saas-landing .site-footer .brand-mark{width:30px;height:30px}.saas-landing .footer-login{font-size:11px;color:#a1a1aa}.saas-landing .footer-company p{display:flex;gap:6px 18px;flex-wrap:wrap;color:#85858f;font-size:10px;line-height:1.9;margin-bottom:6px}.saas-landing .footer-copyright{margin-top:18px}
@media(max-width:1050px){.saas-header-caption{display:none}.saas-topbar nav{gap:17px}.saas-landing .dev-hero{grid-template-columns:1fr 1fr}.saas-hero h1{font-size:43px}.saas-demo{gap:30px}.saas-demo .mcp-demo-copy h2{font-size:30px}.saas-demo-phases{grid-template-columns:1fr}.saas-demo-phases button{padding:8px 10px}.saas-demo-phases button>span:last-child{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1}.saas-demo-phases button small{margin-top:0;font-size:9px}.saas-demo-phases button strong{font-size:11px;white-space:nowrap}.saas-landing .dev-start,.saas-landing .dev-omr{gap:35px}}
@media(max-width:800px){.saas-menu-toggle{display:block;margin-left:auto}.saas-topbar #saas-navigation{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:20px var(--dev-page-gutter);background:#101013;border-bottom:1px solid var(--dev-line);align-items:stretch;gap:14px}.saas-topbar #saas-navigation.is-open{display:flex;flex-direction:column}.saas-topbar #saas-navigation a{display:inline-flex!important;min-height:32px}.saas-landing .dev-hero{grid-template-columns:1fr;padding:65px 0 20px;gap:10px}.saas-hero h1{font-size:clamp(37px,7.5vw,55px)}.saas-hero .dev-hero-description{font-size:13px}.saas-hero .dev-hero-description br{display:none}.saas-hero-note{font-size:10px;line-height:1.8;align-items:flex-start}.saas-hero-note .dev-status-dot{margin-top:7px}.saas-hero .dev-hero-actions{gap:9px;margin-top:25px}.saas-hero .dev-button{font-size:11px;padding:11px 13px}.saas-hero .dev-network{height:330px;min-height:330px}.saas-feature-rail{justify-content:flex-start;gap:12px 20px;font-size:10px}.saas-demo-phases{grid-template-columns:1fr 1fr;gap:4px}.saas-demo-phases button{padding:9px 6px}.saas-demo-phases button>span:last-child{display:block}.saas-demo-phases button small{margin-top:3px}.saas-demo-phases button strong{font-size:11px}.saas-demo .mcp-demo-messages{height:420px}.saas-demo .mcp-demo-toolbar{font-size:9px;gap:7px}.saas-demo .mcp-demo-toolbar button{font-size:9px;padding:5px}.saas-demo .mcp-demo-badge{font-size:8px;padding:4px 6px}.saas-demo .mcp-demo-summary{font-size:10px}.saas-capability-grid{grid-template-columns:1fr 1fr}.saas-capability-grid article{padding:21px 16px}.saas-capability-grid article:nth-child(n){border-right:1px solid var(--dev-line);border-bottom:1px solid var(--dev-line)}.saas-capability-grid article:nth-child(2n){border-right:0}.saas-capability-grid article:nth-last-child(-n+2){border-bottom:0}.saas-capability-grid article h3{font-size:16px;line-height:1.5}.saas-capability-grid article p{font-size:11px}.saas-capability-grid article small{font-size:9px}.saas-landing .dev-start,.saas-landing .dev-omr{grid-template-columns:1fr;padding:55px 0}.saas-landing .dev-start h2,.saas-landing .dev-omr h2,.saas-landing .dev-section-head h2,.saas-landing .section-heading h2{font-size:30px}.saas-confirm-preview{padding:23px}.saas-portal-content{padding:30px 24px}.saas-landing .section-heading{display:block}.saas-landing .section-heading>p{margin-top:20px}.saas-landing .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.saas-landing .price-card{padding:20px 14px}.saas-landing .price-amount strong{font-size:25px}.saas-landing .price-card .btn{font-size:10px;padding:10px 6px}.saas-landing .pricing-section{padding:55px 0}.saas-closing h2{font-size:36px}}
@media(max-width:400px){.saas-landing .pricing-grid{grid-template-columns:1fr}.saas-demo-phases button small{font-size:8px}.saas-feature-rail{column-gap:15px}.saas-demo .mcp-demo-header{gap:8px}.saas-demo .mcp-demo-header strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.saas-landing{scroll-behavior:auto}.saas-landing *{animation:none!important;transition:none!important}}

.saas-demo .mcp-demo-composer>[data-saas-input]{flex:1;min-width:0}
.saas-theme-comparison{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0;border-block:1px solid var(--dev-line);margin-top:28px;font-size:11px;color:#91919c}.saas-theme-comparison a{border:1px solid #3a443e;border-radius:6px;padding:10px 14px;color:#bfd5c6}.saas-theme-comparison a:hover{background:#b3dbbc0b;border-color:#8caa95}.saas-theme-change{display:grid;text-align:center;line-height:1.3}.saas-theme-change>span{font-size:20px;color:#a5b6ab}.saas-theme-change small{font-size:9px}.saas-theme-comparison>span:first-child{margin-right:8px}
.saas-demo-action{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;padding:10px 0;border-block:1px dashed #344139;color:#8fa797;font-size:10px;line-height:1.7}.saas-demo-action>span:first-child{color:#b3dbbc}.saas-demo-action strong{font-weight:500;color:#c0d7c7}
.saas-website-points{display:grid;gap:24px;list-style:none;padding:0;margin:30px 0}.saas-website-points li{display:flex;gap:16px}.saas-website-points li>span{color:#b3dbbc;font-size:20px;line-height:1.4}.saas-website-points h3{font-size:13px;font-weight:500;margin:0 0 8px}.saas-website-points p{font-size:11px;line-height:1.9;margin:0;color:#92929e}.saas-website-prompt{padding:24px;border:1px solid #353d37;border-radius:12px;background:linear-gradient(130deg,#1b211d,#141417);margin-bottom:22px}.saas-website-prompt h3{font-size:14px;font-weight:500;margin:14px 0}.saas-website-prompt p{font-size:11px;line-height:1.9}.saas-website-chip{display:inline-block;border:1px solid #3e4941;border-radius:4px;padding:4px 8px;font-size:9px;color:#94aa9c}.saas-website-phones{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px;background:#18181c;border:1px solid #34343c;border-radius:14px}.saas-website-phones a{min-width:0}.saas-website-phones img{display:block;width:100%;height:auto;border-radius:5px}.saas-website-phones a>span{display:block;text-align:center;font-size:10px;color:#a8b5ad;margin-top:13px}.saas-website-caption{font-size:11px;text-align:right;margin-top:20px;color:#a8b5ad!important}
.saas-theme-section{padding:70px 0 80px;border-top:1px solid var(--dev-line)}.saas-theme-controls{display:flex;align-items:center;justify-content:space-between;margin:24px 0 18px}.saas-theme-controls>span{font:11px ui-monospace,monospace;color:#a2b4a8}.saas-theme-controls>div{display:flex;gap:8px}.saas-theme-controls button{width:38px;height:36px;background:#161619;border:1px solid #3b3b43;color:#d2dfd6;border-radius:7px;cursor:pointer;font-size:18px}.saas-theme-controls button:disabled{opacity:.3;cursor:default}.saas-theme-controls button:focus-visible,.saas-theme-track:focus-visible{outline:2px solid #b3dbbc;outline-offset:3px}.saas-theme-track{display:flex;align-items:flex-start;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#424b45 transparent;padding-bottom:18px;position:relative;overscroll-behavior-x:contain}.saas-theme-card{flex:0 0 calc((100% - 66px)/4);min-width:0;scroll-snap-align:start;border:1px solid #303037;border-radius:12px;background:#111114;overflow:hidden}.saas-theme-image{display:block;padding:18px 24px;background:#1c1d20}.saas-theme-image img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:5px;box-shadow:0 12px 30px #0003}.saas-theme-copy{padding:22px}.saas-theme-copy>span{font:10px ui-monospace,monospace;color:#91aa99}.saas-theme-copy h3{font-size:17px;font-weight:500;margin:12px 0}.saas-theme-copy p{font-size:11px;line-height:1.9;min-height:42px}.saas-theme-copy>div{display:flex;gap:12px;justify-content:space-between;border-top:1px solid #2d2d34;padding-top:16px;margin-top:20px;font-size:10px}.saas-theme-copy a{color:#b5cebd}.saas-theme-note{font-size:11px;color:#80808b!important;line-height:1.9;margin-top:20px}
@media(max-width:1050px){.saas-theme-card{flex-basis:calc((100% - 22px)/2)}.saas-topbar nav{gap:14px}}
@media(max-width:800px){.saas-website-phones{padding:14px;gap:12px}.saas-website-prompt{padding:22px}.saas-theme-section{padding:50px 0}.saas-theme-card{flex-basis:80%}.saas-theme-image{padding:24px 45px}.saas-theme-track{gap:14px}.saas-theme-copy{padding:20px}.saas-theme-copy h3{font-size:16px}}

.saas-landing .pricing-api-entry{display:flex;align-items:center;gap:24px;margin-top:28px;padding:24px 26px;border:1px solid var(--dev-line);border-radius:10px;background:#101013}
.saas-landing .pricing-api-title{display:flex;align-items:center;gap:12px;flex-shrink:0}
.saas-landing .pricing-api-title>span{padding:4px 8px;border:1px solid var(--dev-line);border-radius:5px;color:#a3a3ad;font-size:10px;white-space:nowrap}
.saas-landing .pricing-api-title>h3{margin:0;font-size:17px;white-space:nowrap}
.saas-landing .pricing-api-entry>p{flex:1;margin:0;color:#95959f;font-size:12px;line-height:1.8;word-break:keep-all}
.saas-landing .pricing-api-entry>a{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;padding:12px 16px;border:1px solid #3a3a43;border-radius:6px;font-size:12px;white-space:nowrap;text-decoration:none}
.saas-landing .pricing-api-entry>a:hover{background:#ffffff08}
@media(max-width:1000px){.saas-landing .pricing-api-entry{flex-wrap:wrap;gap:16px}.saas-landing .pricing-api-entry>p{flex-basis:100%}}
@media(max-width:600px){.saas-landing .pricing-api-entry{display:grid;gap:16px;margin-top:22px;padding:22px 20px}.saas-landing .pricing-api-entry>a{justify-self:start}}
.saas-capability-grid article{position:relative}
.saas-capability-grid article h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.saas-capability-grid article h3 a:focus-visible{outline:none}
.saas-capability-grid article h3 a:focus-visible::after{outline:2px solid #dce5b8;outline-offset:-3px;border-radius:4px}

.saas-demo-status{display:flex;align-items:center;gap:9px;min-width:0}.saas-demo-mode{flex-shrink:0;padding:3px 7px;border:1px solid #3c4a40;border-radius:5px;background:#b3dbbc0a;color:#b9d2c1;font-size:10px}.saas-demo[data-mode=guide] .saas-demo-mode{border-color:#48566c;background:#a9c6ef0a;color:#b9cdeb}
.saas-demo .saas-demo-guide-steps{list-style:decimal outside;margin:14px 0;padding-left:20px;font-size:12px;line-height:1.9;color:#b7b7c1}.saas-demo-guide-steps li{display:list-item;margin:9px 0;padding-left:3px}.saas-demo-guide-links{display:grid;gap:8px;margin-top:17px;font-size:11px;line-height:1.7}.saas-demo-guide-links>span{color:#898993}.saas-demo-guide-links a{color:#b9cdeb;text-decoration:underline;text-underline-offset:3px}
.saas-demo .mcp-demo-composer>[data-saas-input]{white-space:normal;overflow-wrap:anywhere;line-height:1.7}
@media(max-width:600px){.saas-demo-status{align-items:flex-start;flex-direction:column;gap:5px}.saas-demo .mcp-demo-toolbar{align-items:center;gap:10px}}