:root{--color-ink: #071528;--color-text: #243247;--color-muted: #5f6f82;--color-line: #dbe5ef;--color-soft-line: #edf3f8;--color-canvas: #ffffff;--color-soft: #f6fbff;--color-teal: #0ea5a8;--color-teal-strong: #07888f;--color-cobalt: #1267d8;--color-cobalt-dark: #0d4faf;--color-magenta: #d01886;--shadow-soft: 0 18px 48px rgba(35, 74, 118, .12);--shadow-panel: 0 12px 32px rgba(29, 62, 98, .1);--max-width: 1180px;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-canvas);color:var(--color-text);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}body::selection{background:#0ea5a838}a{color:inherit}img,svg{display:block;height:auto;max-width:100%}button,input,textarea,select{font:inherit}.container{width:min(100% - 48px,var(--max-width));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:#ffffffeb;border-bottom:1px solid rgba(219,229,239,.75);backdrop-filter:blur(18px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.site-nav{display:flex;align-items:center;gap:2rem;color:var(--color-text);font-size:.93rem;font-weight:650}.site-nav a,.site-footer a,.text-link{text-decoration:none}.site-nav a:hover,.site-footer a:hover,.text-link:hover{color:var(--color-teal-strong)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.15rem;border:1px solid var(--color-teal-strong);border-radius:6px;background:linear-gradient(135deg,var(--color-teal),var(--color-cobalt));box-shadow:0 12px 24px #0e69b12e;color:#fff;cursor:pointer;font-size:.95rem;font-weight:760;letter-spacing:0;line-height:1;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.button:hover{border-color:var(--color-cobalt-dark);box-shadow:0 16px 32px #0e69b138;transform:translateY(-1px)}.button:focus-visible,.text-link:focus-visible,.site-nav a:focus-visible,.site-footer a:focus-visible{outline:3px solid rgba(18,103,216,.28);outline-offset:4px}.button--small{min-height:42px;padding-inline:1rem;font-size:.88rem}.button--panel{width:100%;margin-top:1rem;min-height:44px}.button:disabled{cursor:wait;opacity:.72;transform:none}.text-link{display:inline-flex;align-items:center;min-height:48px;color:var(--color-cobalt-dark);font-size:.96rem;font-weight:760}.text-link:after{content:"";width:.48rem;height:.48rem;margin-left:.55rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}.hero{position:relative;overflow:hidden;min-height:calc(100vh - 128px);padding:4.85rem 0 2rem;border-bottom:1px solid var(--color-soft-line)}.hero:before{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#fff 0% 45%,#edf8ffad),linear-gradient(180deg,#fff,#f8fcff);content:""}.hero:after{position:absolute;right:0;bottom:-1px;left:0;z-index:-1;height:145px;background:linear-gradient(180deg,#fff0,#fff 72%);content:""}.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:3.5rem}.hero-copy{max-width:620px}.hero h1{margin:0;color:var(--color-ink);font-size:3.85rem;font-weight:820;letter-spacing:0;line-height:.98}.hero p{max-width:565px;margin:1.6rem 0 0;color:var(--color-text);font-size:1.18rem;line-height:1.75}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.1rem;margin-top:2.35rem}.hero-visual{position:relative}.hero-visual img{width:100%;min-height:420px;object-fit:contain;filter:drop-shadow(0 20px 34px rgba(33,72,112,.1))}.scroll-cue{position:absolute;right:0;bottom:1.25rem;left:0;display:grid;width:48px;height:48px;margin-inline:auto;place-items:center;color:var(--color-teal-strong);text-decoration:none}.scroll-cue span{width:1rem;height:1rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.section{padding:7rem 0}#products{padding-top:2.2rem}.section-heading{max-width:720px;margin-bottom:3rem}.section-heading--center{margin-right:auto;margin-left:auto;text-align:center}.section-heading h2,.foundation-copy h2,.contact-section h2{margin:0;color:var(--color-ink);font-size:2.6rem;font-weight:800;letter-spacing:0;line-height:1.08}.section-heading p,.foundation-copy p,.contact-section p{margin:1rem 0 0;color:var(--color-muted);font-size:1.05rem}.promise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.promise-card{min-height:300px;padding:2rem;border:1px solid var(--color-line);border-radius:8px;background:#fff;box-shadow:var(--shadow-panel)}.promise-card h3,.audience-item h3,.principle-item h3{margin:1.3rem 0 0;color:var(--color-ink);font-size:1.2rem;font-weight:780;line-height:1.25}.promise-card p,.audience-item p,.principle-item p{margin:.8rem 0 0;color:var(--color-muted);font-size:.98rem}.icon-shell{display:grid;width:72px;height:72px;border:1px solid rgba(14,165,168,.22);border-radius:50%;background:#eafafa;place-items:center}.icon-shell span{display:block;position:relative;width:34px;height:34px}.icon-shell--compass span:before{position:absolute;inset:0;background:linear-gradient(45deg,transparent 39%,var(--color-teal) 40% 60%,transparent 61%),linear-gradient(-45deg,transparent 39%,var(--color-cobalt) 40% 60%,transparent 61%);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);content:""}.icon-shell--chart span{border-left:3px solid var(--color-cobalt);border-bottom:3px solid var(--color-cobalt)}.icon-shell--chart span:before{position:absolute;right:0;bottom:9px;left:6px;height:16px;border-top:3px solid var(--color-teal);border-right:3px solid var(--color-teal);transform:skewY(-22deg);content:""}.icon-shell--shield span{border:3px solid var(--color-teal-strong);border-radius:18px 18px 22px 22px;clip-path:polygon(50% 0,93% 15%,86% 74%,50% 100%,14% 74%,7% 15%)}.icon-shell--shield span:after{position:absolute;top:12px;left:10px;width:12px;height:7px;border-right:3px solid var(--color-cobalt);border-bottom:3px solid var(--color-cobalt);transform:rotate(45deg);content:""}.audience-band{padding:6.5rem 0;background:linear-gradient(90deg,#0ea5a812,#1267d812),#f8fcff;border-block:1px solid var(--color-soft-line)}.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.audience-item{min-height:168px;padding:0 1.5rem;border-left:1px solid var(--color-line);text-align:center}.audience-item:first-child{border-left:0}.principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.principle-item{padding:1.75rem 1.25rem;border-top:2px solid var(--color-soft-line);text-align:center}.foundation{padding:6.75rem 0;background:linear-gradient(90deg,#0ea5a814,#1267d814),#f8fcff;border-block:1px solid var(--color-soft-line)}.foundation-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(390px,1.05fr);align-items:center;gap:3.5rem}.foundation-copy{max-width:560px}.check-list{display:grid;gap:.8rem;margin:1.5rem 0 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:2rem;color:var(--color-text);font-weight:650}.check-list li:before{position:absolute;top:.23rem;left:0;width:1rem;height:1rem;border:2px solid var(--color-teal);border-radius:50%;content:""}.check-list li:after{position:absolute;top:.53rem;left:.32rem;width:.35rem;height:.16rem;border-left:2px solid var(--color-teal);border-bottom:2px solid var(--color-teal);transform:rotate(-45deg);content:""}.graphql-panel{display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--color-line);border-radius:8px;background:#fffffff0;box-shadow:var(--shadow-soft)}.graphql-panel__status{display:flex;align-items:center;gap:.85rem;padding-bottom:1rem;border-bottom:1px solid var(--color-soft-line)}.graphql-panel__status [data-graphql-dot]{width:.85rem;height:.85rem;border-radius:50%;background:#9aa9b8}.graphql-panel__status [data-state=Checking]{background:var(--color-cobalt)}.graphql-panel__status [data-state=Connected]{background:var(--color-teal)}.graphql-panel__status [data-state="Needs attention"],.graphql-panel__status [data-state=Unavailable]{background:var(--color-magenta)}.graphql-panel__status strong{display:block;color:var(--color-ink);font-size:1rem;line-height:1.2}.graphql-panel__status small,.graphql-panel__endpoint span{color:var(--color-muted);font-size:.82rem;font-weight:650}.graphql-panel__endpoint{display:grid;gap:.3rem}.graphql-panel code{color:#163457;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}.graphql-panel__endpoint code{overflow-wrap:anywhere}.graphql-panel__query,.graphql-panel__result{min-height:138px;max-height:260px;margin:0;overflow:auto;padding:1rem;border:1px solid var(--color-soft-line);border-radius:6px;background:#f8fbff;color:#163457;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.55}.graphql-panel__result{min-height:180px;background:#fff}.contact-section{position:relative;overflow:hidden;padding:4.5rem 0;border-bottom:1px solid var(--color-line);background:#fff}.contact-section:after{position:absolute;right:6vw;bottom:-96px;width:260px;height:260px;border:2px solid rgba(14,165,168,.16);border-radius:50%;background:linear-gradient(45deg,transparent 42%,rgba(14,165,168,.12) 43% 57%,transparent 58%),linear-gradient(-45deg,transparent 42%,rgba(18,103,216,.12) 43% 57%,transparent 58%);content:""}.contact-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:2rem}.site-footer{padding:3rem 0;background:#fff}.footer-grid{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:start;gap:2rem}.site-footer p{max-width:320px;margin:1rem 0 0;color:var(--color-muted);font-size:.92rem}.site-footer nav{display:grid;grid-template-columns:repeat(2,max-content);gap:.45rem 1.5rem;color:var(--color-text);font-size:.92rem;font-weight:650}.copyright{justify-self:end;text-align:right}@media(max-width:980px){.container{width:min(100% - 36px,var(--max-width))}.site-nav{display:none}.hero{min-height:auto;padding:5rem 0 4rem}.hero-grid,.foundation-grid{grid-template-columns:1fr;gap:2.5rem}.hero h1{font-size:3.25rem}.hero p{font-size:1.08rem}.hero-visual img{min-height:320px}.promise-grid,.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 0}.audience-item:nth-child(odd){border-left:0}.section-heading h2,.foundation-copy h2,.contact-section h2{font-size:2.2rem}}@media(max-width:660px){.container{width:min(100% - 28px,var(--max-width))}.header-inner{min-height:72px}.button--small{display:none}.hero{padding:2.6rem 0 2rem}.hero h1{font-size:2.55rem;line-height:1.04}.hero p{font-size:1rem;line-height:1.65}.hero-actions{align-items:stretch;flex-direction:column;gap:.7rem;margin-top:1.55rem}.button,.text-link{width:100%}.hero-visual img{min-height:245px}.hero-visual{min-height:185px;margin-top:.4rem;border:1px solid var(--color-soft-line);border-radius:8px;background:#fff url(/images/saas-compass-interface.png) 56% center / 155% auto no-repeat;box-shadow:var(--shadow-panel)}.hero-visual img{display:none}.section,.audience-band,.section--principles,.foundation{padding:4.25rem 0}.section-heading{margin-bottom:2rem}.section-heading h2,.foundation-copy h2,.contact-section h2{font-size:1.85rem}.promise-grid,.audience-grid,.principles-grid{grid-template-columns:1fr}.promise-card{min-height:auto;padding:1.5rem}.audience-item,.audience-item:nth-child(odd){min-height:auto;padding:1.25rem 0;border-top:1px solid var(--color-line);border-left:0}.audience-item:first-child{border-top:0}.principle-item{padding:1.25rem 0}.graphql-panel{padding:1rem}.graphql-panel__query,.graphql-panel__result{font-size:.74rem}.contact-inner,.footer-grid{display:grid;grid-template-columns:1fr}.copyright{justify-self:start;text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.brand[data-astro-cid-xwqcreft]{display:inline-flex;align-items:center;gap:.75rem;color:var(--color-ink);text-decoration:none}.brand__mark[data-astro-cid-xwqcreft]{width:2.75rem;height:2.75rem;color:var(--color-cobalt);flex:0 0 auto}.brand__north[data-astro-cid-xwqcreft]{fill:var(--color-teal)}.brand__east[data-astro-cid-xwqcreft]{fill:var(--color-cobalt)}.brand__name[data-astro-cid-xwqcreft]{display:grid;gap:.08rem;font-size:.92rem;font-weight:800;letter-spacing:.06em;line-height:1.05;text-transform:uppercase}@media(max-width:560px){.brand__mark[data-astro-cid-xwqcreft]{width:2.35rem;height:2.35rem}.brand__name[data-astro-cid-xwqcreft]{font-size:.76rem}}