:root{--ink:#102c27;--deep:#071e1a;--green:#0e6a55;--leaf:#1b8d6b;--mint:#dff3e9;--cream:#f5f1e7;--paper:#fffdf8;--gold:#d8a935;--rust:#b84b32;--muted:#68766f;--line:#d8ddd7;--shadow:0 18px 60px rgba(7,30,26,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,96px);position:relative;z-index:5;background:rgba(255,253,248,.94);border-bottom:1px solid rgba(16,44,39,.1);backdrop-filter:blur(18px)}.topbar nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:650}.brand{display:flex;align-items:center;gap:11px;font-size:16px;letter-spacing:-.01em}.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:850;font-family:Georgia,serif}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:var(--green);color:#fff;padding:15px 21px;font-weight:750;box-shadow:0 8px 24px rgba(14,106,85,.17);cursor:pointer}.button.small{padding:10px 15px}.button.inverse{background:var(--cream);color:var(--deep)}.text-link{display:inline-flex;gap:8px;align-items:center;font-weight:750;border-bottom:1px solid currentColor;padding-bottom:3px}.text-link.light{color:#dff3e9}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:850;color:var(--leaf);margin:0 0 20px}.hero{min-height:720px;padding:90px clamp(24px,7vw,110px) 70px;overflow:hidden;background:radial-gradient(circle at 81% 28%,rgba(216,169,53,.16),transparent 22%),linear-gradient(120deg,#fffdf8 0 57%,#eff4ec 57%)}.hero-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:80px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,6.4vw,92px);line-height:.96;letter-spacing:-.055em;margin:0;max-width:820px;font-weight:500}.hero h1 em{color:var(--green);font-weight:500}.lede{font-size:20px;line-height:1.6;color:#455750;max-width:720px}.hero .lede{max-width:700px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:28px}.proof-strip{display:flex;gap:26px;margin-top:56px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.proof-strip span{display:grid;gap:3px}.proof-strip strong{font-size:20px;color:var(--ink)}.orbit{width:min(520px,43vw);aspect-ratio:1;position:relative;margin:auto;border:1px solid rgba(14,106,85,.22);border-radius:50%}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(14,106,85,.14);border-radius:50%;inset:11%}.orbit:after{inset:26%;background:rgba(255,255,255,.5)}.orbit-core{position:absolute;inset:34%;border-radius:50%;background:var(--deep);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;box-shadow:var(--shadow)}.orbit-core small{font-size:9px;letter-spacing:.13em;color:#87c9b5}.orbit-core strong{font-family:Georgia,serif;font-size:30px}.orbit-core span{font-size:9px;color:#c9ddd7}.sat{position:absolute;background:#fff;border:1px solid var(--line);padding:11px 15px;border-radius:999px;font-size:12px;font-weight:750;z-index:3;box-shadow:0 8px 30px rgba(7,30,26,.08)}.s1{top:7%;left:36%}.s2{top:43%;right:-8%}.s3{bottom:8%;left:37%}.s4{top:43%;left:-10%}.statement{padding:78px clamp(24px,12vw,190px);background:var(--deep);color:#fff}.statement p{font-family:Georgia,serif;font-size:clamp(28px,3.4vw,48px);line-height:1.3;max-width:1100px;margin:auto}.feature-rail,.architecture{padding:110px clamp(24px,7vw,110px);max-width:1450px;margin:auto}.section-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:28px}.section-intro h2,.trust-section h2,.cta h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(38px,4.6vw,62px);line-height:1.05;letter-spacing:-.04em;margin:0;max-width:760px}.feature-rail ol{list-style:none;margin:0;padding:0}.feature-rail li{display:grid;grid-template-columns:90px 250px 1fr;gap:30px;align-items:start;padding:34px 0;border-bottom:1px solid var(--line)}.feature-rail li>span,.layers span{color:var(--leaf);font-size:12px;font-weight:850;letter-spacing:.14em}.feature-rail h3,.layers h3{font-family:Georgia,serif;font-size:28px;font-weight:500;margin:0}.feature-rail li p,.layers p{color:var(--muted);line-height:1.65;margin:0}.trust-section{background:var(--green);color:#fff;padding:100px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:100px}.trust-section .eyebrow{color:#c8e9dc}.trust-section>div>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#d8ede5}.trust-matrix{border-top:1px solid rgba(255,255,255,.25)}.trust-matrix div{display:flex;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.25)}.trust-matrix span{color:#d8ede5}.layers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:50px;border:1px solid var(--line)}.layers>div{background:var(--paper);padding:36px;min-height:280px;display:flex;flex-direction:column;gap:28px}.cta{text-align:center;background:var(--gold);padding:100px 24px}.cta .eyebrow{color:#5a4310}.cta h2{margin:auto}.cta>p:not(.eyebrow){font-size:18px}.cta .button{margin-top:18px}footer{padding:44px clamp(24px,7vw,110px);display:flex;align-items:center;justify-content:space-between;background:var(--deep);color:#d4e2dd;font-size:13px}footer>div:last-child{display:flex;gap:24px}
/* Customer-facing solution proposal */
.customer-hero{min-height:760px;background:linear-gradient(115deg,#fffdf8 0 60%,#edf4f0 60%)}
.customer-hero .hero-grid{grid-template-columns:1.12fr .88fr;gap:72px}
.customer-hero h1{font-size:clamp(50px,5.8vw,84px);max-width:850px}
.customer-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.solution-brief{background:var(--deep);color:#fff;padding:46px;box-shadow:var(--shadow)}
.solution-brief .eyebrow{color:var(--gold)}
.solution-brief h2{font:500 clamp(32px,3.2vw,48px)/1.08 Georgia,serif;margin:0 0 38px;letter-spacing:-.035em}
.solution-brief ol{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.2)}
.solution-brief li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.solution-brief li>span{color:var(--gold);font-size:11px;font-weight:850;letter-spacing:.12em}
.solution-brief b{font-size:18px}.solution-brief li p{color:#bdd2ca;line-height:1.5;margin:7px 0 0}
.section-copy{max-width:430px;color:var(--muted);line-height:1.65;margin:0}
.outcomes .section-intro>div,.delivery-section .section-intro>div,.resilience-section .section-intro>div{display:grid;gap:0}
.customer-stack .stack-accent{background:var(--deep);color:#fff}
.customer-stack .stack-accent small{color:var(--gold)}
.customer-stack .stack-accent p{color:#d4e2dd}
.solution-promise{max-width:1230px;margin:26px auto 0;color:var(--green);font-weight:800;text-align:center}
.solution-promise i{font-style:normal;color:var(--gold);padding:0 8px}
.resilience-section{padding-top:110px;padding-bottom:110px}
.resilience-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:48px}
.resilience-metrics article{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:270px}
.resilience-metrics strong{font:500 38px Georgia,serif;color:var(--green)}
.resilience-metrics h3{font:500 25px Georgia,serif;margin:28px 0 12px}
.resilience-metrics p{color:var(--muted);line-height:1.6}
.delivery-section{padding:110px clamp(24px,7vw,110px);background:var(--cream)}
.delivery-section>.section-intro,.delivery-line{max-width:1230px;margin-left:auto;margin-right:auto}
.delivery-line{list-style:none;padding:64px 0 0;margin-top:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:26px}
.delivery-line:before{content:"";position:absolute;left:4%;right:4%;top:116px;height:3px;background:var(--ink)}
.delivery-line li{position:relative;display:grid;gap:14px;text-align:center;padding:0 8px}
.delivery-line li:after{content:"";position:absolute;top:46px;left:calc(50% - 8px);width:16px;height:16px;background:var(--green);z-index:1}
.delivery-line li:last-child:after{background:var(--gold)}
.delivery-line strong{font:500 31px Georgia,serif}.delivery-line li:last-child strong{color:#a87a06}
.delivery-line b{color:var(--green);margin-bottom:38px}.delivery-line p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.why-section{padding:110px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.1fr .9fr;gap:80px;max-width:1450px;margin:auto}
.why-copy>h2{font:500 clamp(38px,4.2vw,58px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:0 0 48px}
.why-list{display:grid;gap:0;border-top:1px solid var(--line)}
.why-list article{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.why-list article>span{color:var(--gold);font-size:12px;font-weight:850}.why-list h3{font-size:20px;margin:0 0 7px}.why-list p{color:var(--muted);line-height:1.55;margin:0}
.working-proof{background:var(--deep);color:#fff;padding:54px;align-self:center}
.working-proof .eyebrow{color:var(--gold)}.working-proof h3{font:500 clamp(34px,3.5vw,50px)/1.08 Georgia,serif;margin:0 0 28px}
.working-proof>p:not(.eyebrow){color:#c7dad3;font-size:18px;line-height:1.7}.working-proof .button{margin-top:22px}
.customer-cta{background:var(--gold)}
@media(max-width:900px){.customer-hero{background:var(--paper)}.customer-hero .hero-grid,.why-section{grid-template-columns:1fr}.customer-proof,.resilience-metrics{grid-template-columns:1fr 1fr}.solution-brief{padding:34px}.delivery-line{grid-template-columns:1fr;padding-top:30px;gap:0}.delivery-line:before{display:none}.delivery-line li{grid-template-columns:90px 110px 1fr;text-align:left;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}.delivery-line li:after{display:none}.delivery-line b{margin:8px 0}.section-copy{margin-top:24px}.why-section{gap:44px}}
@media(max-width:560px){.customer-proof,.resilience-metrics{grid-template-columns:1fr}.delivery-line li{grid-template-columns:78px 1fr}.delivery-line p{grid-column:1/3}.solution-brief{padding:28px}.customer-hero h1{font-size:46px}}
/* Console */
.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(280px,560px) minmax(480px,1fr);grid-template-rows:auto 1fr;gap:30px 80px;padding:42px clamp(24px,7vw,100px);background:linear-gradient(115deg,var(--cream) 0 48%,var(--deep) 48%)}.brand.dark{color:var(--ink)}.login-copy{align-self:center;padding-bottom:80px}.login-copy h1,.guide-main h1,.docs-main article>h1{font-family:Georgia,serif;font-size:clamp(46px,5vw,74px);font-weight:500;line-height:1.02;letter-spacing:-.045em;margin:0 0 28px}.login-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted)}.role-picker{align-self:center;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:26px 0}.role-card{padding:19px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#fff;border-radius:6px;cursor:pointer;text-align:left;transition:.2s}.role-card:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);border-color:#83c6b1}.role-card b{display:block;font-family:Georgia,serif;font-size:18px;font-weight:500}.role-card span{font-size:11px;color:#aac5bc}.login-note{position:absolute;bottom:22px;right:7vw;color:#8eaaa1;font-size:11px;max-width:520px}.console{min-height:100vh;display:grid;grid-template-columns:258px 1fr;background:#f3f5f1}.console>aside{background:var(--deep);color:#fff;padding:28px 22px;display:flex;flex-direction:column;position:fixed;width:258px;height:100vh}.console>aside .brand{color:#fff}.console>aside .brand-mark{background:var(--gold);color:var(--deep)}.env{font-size:9px;letter-spacing:.11em;color:#84a49a;margin:34px 0 22px}.env i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#42d49d}.console aside nav{display:grid;gap:3px}.nav-btn{border:0;background:transparent;color:#9eb8af;text-align:left;padding:11px 12px;border-radius:4px;cursor:pointer;font-weight:650}.nav-btn.active,.nav-btn:hover{background:rgba(255,255,255,.09);color:#fff}.sidebar-foot{margin-top:auto;display:grid;gap:10px;font-size:12px;color:#9eb8af}.quiet{border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer}.console>main{grid-column:2;padding:0 44px 80px;min-width:0}.console-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.console-header p{font-size:11px;color:var(--muted);margin:0 0 5px;text-transform:uppercase;letter-spacing:.1em}.console-header h1{margin:0;font-family:Georgia,serif;font-weight:500;font-size:29px}.user-chip{display:flex;align-items:center;gap:10px}.user-chip>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff}.user-chip div{display:grid}.user-chip small{color:var(--muted)}.view{padding-top:34px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:#fff;padding:22px;border-top:3px solid var(--green);box-shadow:0 5px 20px rgba(7,30,26,.04)}.metric small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;font-family:Georgia,serif;font-size:32px;margin-top:8px}.panel-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:18px}.panel{background:#fff;padding:24px;box-shadow:0 5px 20px rgba(7,30,26,.04)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel h2{font:500 23px Georgia,serif;margin:0}.panel h3{margin:0}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:10px;border-bottom:1px solid var(--line)}.table td{padding:14px 10px;border-bottom:1px solid #edf0ec}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--mint);color:var(--green);font-size:10px;font-weight:800;text-transform:uppercase}.badge.warn{background:#fff0d3;color:#805c00}.badge.danger{background:#f9dfd9;color:var(--rust)}.action{border:1px solid var(--line);background:#fff;padding:7px 10px;cursor:pointer;border-radius:4px;font-weight:700;color:var(--green)}.stack{display:grid;gap:12px}.item{border-left:3px solid var(--green);background:#f7f9f6;padding:15px}.item p{color:var(--muted);font-size:12px;margin:6px 0}.item-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.view-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.view-toolbar h2{font:500 30px Georgia,serif;margin:0}.filters{display:flex;gap:8px}.filters input,.filters select{border:1px solid var(--line);background:#fff;padding:9px 11px;border-radius:4px}.flow-card{background:#fff;padding:22px;margin-bottom:12px;border:1px solid #e3e8e2}.flow-card header{display:flex;justify-content:space-between}.flow-card h3{font:500 22px Georgia,serif;margin:0}.flow-card p{color:var(--muted)}.steps{display:flex;align-items:center;gap:8px;overflow:auto;padding:12px 0}.step{white-space:nowrap;background:#edf4f0;border:1px solid #cfe1d8;padding:8px 11px;border-radius:4px;font-size:11px}.step.approval{background:#fff2d7;border-color:#efd799}.empty{padding:70px 20px;text-align:center;color:var(--muted)}.impersonation{padding:10px 15px;background:#fff0d2;border-left:4px solid var(--gold);font-size:12px;margin-top:14px}.toast{position:fixed;right:28px;bottom:28px;background:var(--deep);color:#fff;padding:14px 18px;border-radius:5px;box-shadow:var(--shadow);z-index:20}
/* Developer docs and guides */
.docs-body,.guide-body{background:var(--paper)}.docs-main{display:grid;grid-template-columns:250px minmax(0,850px);gap:80px;padding:70px clamp(24px,7vw,100px);max-width:1300px;margin:auto}.docs-main>aside{position:sticky;top:30px;height:max-content;display:grid;gap:10px;border-right:1px solid var(--line);font-size:13px}.docs-main>aside b{font-size:10px;letter-spacing:.12em;margin-top:16px;color:var(--muted)}.docs-main article section{padding:45px 0;border-top:1px solid var(--line)}.docs-main h2{font:500 36px Georgia,serif}.docs-main h3{font:500 24px Georgia,serif}.docs-main p{line-height:1.7;color:#4e5f58}.code{background:var(--deep);color:#d7e9e2;border-radius:6px;overflow:auto;margin:22px 0}.code>div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding:9px 16px;font-size:11px}.code button{background:none;border:0;color:#8dd5bd;cursor:pointer}.code pre{padding:20px;margin:0;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.callout{border-left:4px solid var(--gold);background:#fbf4df;padding:18px 20px}.callout p{margin-bottom:0}.flowline{display:flex;align-items:center;gap:8px;overflow:auto}.flowline span{border:1px solid var(--line);padding:10px;white-space:nowrap;background:#fff}.flowline .pause{border-color:var(--gold);background:#fff6dc}.endpoint-list>div{display:grid;grid-template-columns:58px 290px 1fr;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.endpoint-list code{color:var(--green);font-weight:850}.endpoint-list span{color:var(--muted);font-size:13px}.guide-main{max-width:1280px;margin:auto;padding:90px clamp(24px,7vw,100px)}.guide-main>.lede{max-width:650px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:55px}.guide-grid article{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:250px}.guide-grid article>span{color:var(--leaf);font-size:11px;letter-spacing:.12em}.guide-grid h2{font:500 28px Georgia,serif}.guide-grid p{color:var(--muted);line-height:1.6}.guide-grid b{font-size:12px}
@media(max-width:900px){.topbar nav>a:not(.button){display:none}.hero{background:var(--paper);padding-top:60px}.hero-grid,.trust-section,.login-shell{grid-template-columns:1fr}.orbit{width:min(520px,80vw)}.feature-rail li{grid-template-columns:45px 1fr}.feature-rail li p{grid-column:2}.layers,.metric-row{grid-template-columns:1fr}.trust-section{gap:50px}.login-shell{background:var(--cream);padding-bottom:80px}.role-picker{background:var(--deep);padding:18px}.login-note{position:static;color:var(--muted)}.console{display:block}.console>aside{position:static;width:auto;height:auto}.console aside nav{grid-template-columns:repeat(3,1fr)}.sidebar-foot{display:none}.console>main{padding:0 18px 50px}.panel-grid{grid-template-columns:1fr}.docs-main{grid-template-columns:1fr}.docs-main>aside{display:none}.guide-grid{grid-template-columns:1fr}.proof-strip{flex-wrap:wrap}.feature-rail .section-intro{display:block}.endpoint-list>div{grid-template-columns:55px 1fr}.endpoint-list span{grid-column:2}.topbar{padding:0 20px}footer{display:grid;gap:20px}.hero h1{font-size:52px}}
.login-shell>.brand{grid-column:1;grid-row:1}.login-copy{grid-column:1;grid-row:2}.role-picker{grid-column:2;grid-row:1/3}
@media(max-width:900px){.login-shell>.brand,.login-copy,.role-picker{grid-column:1;grid-row:auto}}
.stack-section{padding:110px clamp(24px,7vw,110px);background:var(--cream)}.stack-section>.section-intro,.stack-section>.stack-grid,.stack-section>.assurance-note{max-width:1230px;margin-left:auto;margin-right:auto}.stack-section .section-intro>p:last-child{max-width:430px;line-height:1.65;color:var(--muted);margin:0}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(16,44,39,.15);margin-top:45px;border:1px solid rgba(16,44,39,.15)}.stack-grid article{background:var(--paper);padding:30px;min-height:260px}.stack-grid small{font-size:10px;letter-spacing:.14em;color:var(--leaf);font-weight:850}.stack-grid h3{font:500 31px Georgia,serif;margin:22px 0 18px}.stack-grid p{line-height:1.65;color:var(--muted)}.assurance-note{margin-top:24px;padding:18px 22px;border-left:4px solid var(--gold);background:#fff8df;line-height:1.55}.blueprint-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.blueprint-card{background:#fff;padding:24px;border-top:4px solid var(--green)}.blueprint-card h3{font:500 24px Georgia,serif;margin:0 0 7px}.blueprint-card>p{color:var(--muted)}.blueprint-card ul{padding-left:18px;line-height:1.65}.blueprint-card small{display:block;border-top:1px solid var(--line);padding-top:12px;color:var(--muted)}
@media(max-width:900px){.stack-grid,.blueprint-grid{grid-template-columns:1fr}.stack-section .section-intro{display:block}.stack-section .section-intro>p:last-child{margin-top:24px}}

/* Mappls Integration Fabric product console */
.product-console{--console-bg:#f4f6f3;--console-card:#fff;--console-line:#dfe5df;background:var(--console-bg)}
.product-brand{display:flex;align-items:center;gap:12px;color:var(--deep)}.product-brand>span:last-child{display:grid;line-height:1.05}.product-brand b{font-size:17px}.product-brand small{font-size:11px;color:var(--muted);letter-spacing:.03em;margin-top:4px}.product-symbol{width:38px;height:38px;display:grid;place-items:center;background:var(--green);color:#fff;font:700 21px Georgia,serif;border-radius:9px;box-shadow:0 9px 24px rgba(14,106,85,.2)}.inverse-brand{color:#fff}.inverse-brand small{color:#91aaa1}.inverse-brand .product-symbol{background:var(--gold);color:var(--deep)}
.product-login{grid-template-columns:minmax(380px,.82fr) minmax(620px,1.18fr);grid-template-rows:auto 1fr;gap:48px 8vw;background:linear-gradient(118deg,var(--cream) 0 46%,var(--deep) 46%);padding:42px clamp(30px,6vw,96px)}.product-login>.product-brand{grid-column:1}.product-login .login-copy{grid-column:1;grid-row:2;max-width:620px;padding-bottom:30px}.product-login .login-copy h1{font-size:clamp(50px,5.2vw,78px)}.product-login .login-copy>p:not(.eyebrow){font-size:18px}.login-capabilities{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.login-capabilities span{padding:8px 11px;background:rgba(14,106,85,.08);border:1px solid rgba(14,106,85,.16);font-size:11px;font-weight:750;color:var(--green)}.role-entry{grid-column:2;grid-row:1/3;align-self:center;color:#fff;max-width:820px;width:100%;margin-left:auto}.role-entry-head{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:22px}.role-entry-head .eyebrow{color:#8fd0ba;margin-bottom:10px}.role-entry h2{font:500 clamp(30px,3vw,44px)/1.1 Georgia,serif;margin:0}.secure-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);font-size:10px;color:#bdd4cc;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.secure-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:#4fe1a8}.product-login .role-picker{grid-template-columns:repeat(2,1fr);padding:20px 0 12px}.product-login .role-card{display:grid;grid-template-columns:42px 1fr 16px;gap:13px;align-items:center;min-height:98px;padding:16px}.product-login .role-card .role-icon{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;color:var(--gold);font-weight:800;font-size:10px}.product-login .role-card>span:nth-child(2){display:grid;gap:5px}.product-login .role-card b{font:700 15px Inter,sans-serif}.product-login .role-card small{font-size:11px;line-height:1.35;color:#9fbab1}.product-login .role-card>i{font-style:normal;color:var(--gold)}.product-login .login-note{position:static;max-width:none;color:#8ca69d;line-height:1.5;margin:8px 0 0}
.product-shell{grid-template-columns:286px minmax(0,1fr);background:var(--console-bg)}.product-shell>.product-sidebar{width:286px;padding:24px 18px;background:#081d19;border-right:1px solid rgba(255,255,255,.05)}.product-shell>main{grid-column:2;padding:0 clamp(22px,3vw,48px) 80px}.workspace-switcher{display:grid;gap:4px;padding:15px 14px;margin:28px 0 20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.workspace-switcher small{font-size:8px;letter-spacing:.13em;color:#6f9186}.workspace-switcher b{font-size:13px}.workspace-switcher span{font-size:11px;color:#9cb4ac}.product-sidebar nav{overflow:auto;padding-right:2px}.nav-group{display:grid;gap:2px;margin-bottom:15px}.nav-group>small{font-size:8px;letter-spacing:.15em;color:#54766c;margin:0 10px 5px}.product-sidebar .nav-btn{padding:8px 10px;font-size:12px;border-left:2px solid transparent}.product-sidebar .nav-btn.active{border-left-color:var(--gold);background:rgba(255,255,255,.09)}.product-sidebar .sidebar-foot{padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
.product-header{height:98px}.header-actions{display:flex;align-items:center;gap:22px}.environment-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--console-line);padding:8px 10px;background:#fff;color:var(--muted);font-size:10px;font-weight:700}.environment-chip i{width:7px;height:7px;border-radius:50%;background:#38bc83}.product-view{padding-top:28px}.product-view h2,.product-view h3{letter-spacing:-.02em}.loading-state,.error-state{min-height:360px;display:grid;place-items:center;align-content:center;gap:13px;color:var(--muted)}.loading-state i{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center}.error-state b{font:500 26px Georgia,serif;color:var(--ink)}
.context-banner{background:linear-gradient(120deg,var(--deep),#123b32);color:#fff;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 16px 40px rgba(7,30,26,.12)}.context-banner small,.panel-head small,.topology-banner small,.architecture-intro small,.customer-assurance small,.security-hero small{font-size:9px;letter-spacing:.14em;color:var(--leaf);font-weight:850}.context-banner small{color:#78bda7}.context-banner h2{font:500 28px Georgia,serif;margin:6px 0}.context-banner p{color:#a9c3ba;margin:0}.context-status{display:flex;align-items:center;gap:12px;white-space:nowrap}.context-status>i{width:10px;height:10px;border-radius:50%;background:#44d59e;box-shadow:0 0 0 6px rgba(68,213,158,.12)}.context-status span{display:grid}.context-status small{color:#8baaa0;letter-spacing:0;font-weight:500}.product-metrics{grid-template-columns:repeat(5,1fr);margin-top:16px}.product-metrics .metric{border-top:0;border-left:3px solid var(--green);min-height:124px}.metric>span{display:block;color:var(--muted);font-size:10px;margin-top:8px}.metric .text-metric{font:700 18px Inter,sans-serif;margin-top:14px}.mini-meter{height:4px;background:#e6ebe7;overflow:hidden;margin-top:7px;min-width:74px}.mini-meter i{height:100%;display:block;background:var(--green)}
.dashboard-grid,.analytics-grid{display:grid;grid-template-columns:1.4fr 1.4fr 1fr;gap:16px;margin-top:16px}.span-2{grid-column:span 2}.panel{border:1px solid rgba(16,44,39,.06);box-shadow:0 6px 24px rgba(7,30,26,.04)}.panel-head h2{margin-top:5px}.count-chip{display:grid;place-items:center;min-width:32px;height:32px;background:var(--mint);color:var(--green);font-weight:800}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--console-line);border:1px solid var(--console-line)}.capability-grid article{background:#fff;padding:17px;min-height:140px}.capability-grid h3{font-size:15px;margin:20px 0 8px}.capability-grid p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.badge.good{background:var(--mint);color:var(--green)}.badge.neutral{background:#edf0ed;color:#58655f}.signal-row{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}.signal-row b{font-size:13px}.signal-row p{font-size:11px;color:var(--muted);margin:4px 0}.severity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#759087}.severity-dot.warning{background:var(--gold)}.severity-dot.critical{background:var(--rust)}.release-row{display:grid;grid-template-columns:1.1fr 1.4fr auto;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.release-row>div:first-child{display:grid;gap:4px}.release-row span{font-size:10px;color:var(--muted)}.quality-gates{display:flex;gap:10px;flex-wrap:wrap}.quality-gates>span{display:flex;align-items:center;gap:5px}.posture-list{display:grid}.posture-list div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.posture-list b{font:500 22px Georgia,serif}.text-button{border:0;background:none;color:var(--green);font-weight:750;cursor:pointer;padding:4px}
.view-toolbar{min-height:42px}.view-toolbar p{color:var(--muted);font-size:13px;margin:0}.toolbar-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.toolbar-actions select,.search-box{border:1px solid var(--console-line);background:#fff;min-height:40px}.toolbar-actions select{padding:0 10px}.search-box{display:flex;align-items:center;gap:8px;padding:0 11px}.search-box input{border:0;outline:0;min-width:230px;background:transparent}.button.secondary{background:#fff;color:var(--green);border:1px solid var(--line);box-shadow:none}.table-panel{padding:0;overflow:auto}.product-table{min-width:900px}.product-table th{padding:14px 16px;background:#f8faf7}.product-table td{padding:16px}.product-table td>small,.product-table td>div>small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.primary-cell{display:flex;gap:11px;align-items:center}.primary-cell>div{display:grid}.primary-cell em{font-size:9px;color:var(--green);font-style:normal;margin-top:4px}.protocol-mark,.resource-icon,.connector-icon,.cert-icon{width:38px;height:38px;display:grid;place-items:center;background:#eaf3ee;color:var(--green);font-weight:850;font-size:9px;flex:0 0 auto}.row-menu{border:0;background:none;cursor:pointer;letter-spacing:2px;color:var(--green)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource-card{background:#fff;border:1px solid var(--console-line);padding:22px;box-shadow:0 6px 20px rgba(7,30,26,.03)}.resource-card>header{display:flex;justify-content:space-between}.resource-card h3{font:500 23px Georgia,serif;margin:20px 0 4px}.resource-card>p{font-size:11px;color:var(--muted);margin:0 0 20px}.resource-card dl{margin:0;border-top:1px solid var(--line)}.resource-card dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #edf0ed;font-size:11px}.resource-card dt{color:var(--muted)}.resource-card dd{margin:0;text-align:right;font-weight:650}.resource-card footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:18px}
.integration-layout,.policy-layout,.user-layout,.security-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px}.integration-row{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.integration-row h3{font-size:15px;margin:0 0 6px}.integration-row p,.integration-row span{font-size:11px;color:var(--muted);margin:0 0 5px}.integration-row>div:last-child{display:grid;justify-items:end;gap:8px}.integration-row>div:last-child b{font-size:11px}.protocol-panel p{color:var(--muted);font-size:12px;line-height:1.6}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag-cloud span{padding:6px 8px;background:#eef4f0;color:#3f5d53;font-size:10px;border:1px solid #dae7df}.top-gap{margin-top:16px}
.workflow-card,.run-card{background:#fff;border:1px solid var(--console-line);margin-bottom:14px;padding:24px}.workflow-card>header,.run-card>header{display:flex;justify-content:space-between;gap:20px}.workflow-card header small,.run-card header small{font-size:9px;letter-spacing:.08em;color:var(--green)}.workflow-card h2{font:500 26px Georgia,serif;margin:6px 0}.workflow-card header p,.run-card header p{color:var(--muted);margin:0;font-size:12px}.workflow-canvas{display:flex;align-items:stretch;gap:7px;padding:26px 0;overflow:auto}.workflow-step{min-width:148px;background:#f5f8f5;border:1px solid var(--line);border-top:3px solid var(--green);padding:12px;display:grid;gap:7px}.workflow-step.approval{border-top-color:var(--gold);background:#fff9e9}.workflow-step small{font-size:8px;text-transform:uppercase;color:var(--muted)}.workflow-step b{font-size:11px}.flow-arrow{align-self:center;font-style:normal;color:#87a198}.workflow-card>footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:17px}.workflow-card footer>div{display:grid}.workflow-card footer span{font-size:9px;color:var(--muted)}.workflow-card footer b{font-size:11px}.workflow-card footer .button{margin-left:auto}.event-timeline{display:grid;margin:20px 0 0 7px}.event-timeline>div{display:grid;grid-template-columns:20px 1fr;gap:10px;position:relative;padding-bottom:17px}.event-timeline>div:before{content:"";position:absolute;left:4px;top:10px;bottom:0;width:1px;background:var(--line)}.event-timeline>div:last-child:before{display:none}.event-timeline i{width:9px;height:9px;background:var(--green);border-radius:50%;z-index:1}.event-timeline i.paused{background:var(--gold)}.event-timeline span{display:grid}.event-timeline small{font-size:9px;color:var(--muted)}.event-timeline p{font-size:11px;color:var(--muted);margin:5px 0}.run-card footer{border-top:1px solid var(--line);padding-top:17px}
.policy-layout{grid-template-columns:minmax(0,3fr) 280px}.policy-layout .card-grid{grid-template-columns:repeat(2,1fr)}.policy-coverage{margin:18px 0}.policy-coverage>span{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.policy-library>div:not(.panel-head){display:flex;gap:9px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.policy-library i{width:7px;height:7px;border-radius:50%;background:var(--green);margin-top:3px}
.environment-line{display:flex;align-items:center;gap:8px;overflow:auto;background:#fff;border:1px solid var(--console-line);padding:20px}.environment-node{min-width:160px;display:grid;gap:7px;padding:13px;background:#f7f9f7;border-top:3px solid var(--green)}.environment-node>span{font-weight:750;font-size:12px}.environment-node>small{font-size:9px;color:var(--muted)}.environment-line>i{font-style:normal;color:#90a69f}.release-detail{display:grid;grid-template-columns:1.2fr 1.2fr auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.release-detail h3{font-size:16px;margin:6px 0}.release-detail p,.release-detail small{font-size:10px;color:var(--muted);margin:0}.release-checks{display:flex;gap:10px;flex-wrap:wrap}.release-checks span{display:grid;gap:4px}.release-decision{display:grid;gap:8px;justify-items:end}
.topology-banner{background:var(--deep);color:#fff;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:30px}.topology-banner small{color:#7ac0aa}.topology-banner h2{font:500 28px Georgia,serif;margin:6px 0}.topology-banner p{color:#9eb9b0;margin:0}.topology-sites{display:flex;align-items:center;gap:15px}.topology-sites span{display:grid;padding:12px 16px;border:1px solid rgba(255,255,255,.15);font-size:10px}.topology-sites b{font-size:18px}.topology-sites i{font-size:9px;color:#7fa398}.gateway-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.gateway-card{background:#fff;border:1px solid var(--console-line);padding:22px}.gateway-card>header{display:flex;justify-content:space-between}.gateway-card header small{font-size:9px;color:var(--muted);text-transform:uppercase}.gateway-card h3{font:500 22px Georgia,serif;margin:5px 0}.gateway-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:20px 0}.gateway-numbers div{background:#f8faf8;padding:14px;display:grid}.gateway-numbers strong{font:500 26px Georgia,serif}.gateway-numbers span{font-size:9px;color:var(--muted)}.gateway-card dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}.gateway-card dl div{padding:10px;border-bottom:1px solid var(--line)}.gateway-card dt{font-size:9px;color:var(--muted)}.gateway-card dd{font-size:11px;font-weight:700;margin:5px 0}.gateway-card footer{margin-top:18px}
.bar-chart{height:240px;display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--line);padding:20px 10px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 59px,#edf0ed 60px)}.bar-chart i{flex:1;min-width:10px;background:linear-gradient(var(--leaf),var(--green));position:relative}.bar-chart i:hover{background:var(--gold)}.bar-chart i span{display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);background:var(--deep);color:#fff;padding:5px;white-space:nowrap;font:9px Inter,sans-serif;z-index:2}.bar-chart i:hover span{display:block}.error-row{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.error-row i{grid-column:1/3;height:3px;background:var(--rust)}.usage-row{display:grid;grid-template-columns:1.5fr 90px 80px 80px 120px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.usage-row>div{display:grid}.usage-row span{color:var(--muted)}.trace-chain{display:grid;justify-items:center;gap:5px}.trace-chain span{width:100%;padding:9px;text-align:center;background:#f1f6f3;border:1px solid #dce7e1;font-size:10px}.trace-chain i{font-style:normal;color:var(--green)}
.sla-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.sla-strip>div{background:#fff;padding:16px;display:grid;gap:10px}.sla-strip b{font-size:11px}.severity{display:grid;place-items:center;width:34px;height:24px;background:#e8ece9;color:#455750;font-size:9px;font-weight:850}.severity.S1{background:#f4d7d1;color:#8c2e1d}.severity.S2{background:#fff0d1;color:#7f5900}.severity.S3{background:#e1f0ea;color:var(--green)}.incident-row{display:grid;grid-template-columns:42px 1fr auto auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.incident-row h3{font-size:15px;margin:4px 0}.incident-row p,.incident-row small{font-size:10px;color:var(--muted);margin:0}
.org-grid{display:grid;gap:16px}.organization-card{background:#fff;border:1px solid var(--console-line);padding:25px}.organization-card>header{display:flex;justify-content:space-between}.organization-card header small{font-size:9px;color:var(--green);text-transform:uppercase}.organization-card h2{font:500 27px Georgia,serif;margin:6px 0}.organization-card header p{font-size:11px;color:var(--muted)}.workspace-list{margin-top:20px;border-top:1px solid var(--line)}.workspace-list article{display:grid;grid-template-columns:1.4fr 1fr 100px 90px 70px auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:10px}.workspace-list article>div{display:grid}.workspace-list small{color:var(--muted)}.workspace-list article>span{color:var(--muted)}
.user-layout{grid-template-columns:minmax(0,3fr) 310px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:10px;font-weight:800}.role-summary>div:not(.panel-head){display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.role-summary span{display:grid}.role-summary b{font-size:11px}.role-summary small,.role-summary em{font-size:9px;color:var(--muted);font-style:normal}
.security-hero{background:linear-gradient(120deg,#0b332b,#071e1a);color:#fff;padding:30px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.score-ring{width:100px;height:100px;border:8px solid #4bc69d;border-right-color:#214f42;border-radius:50%;display:grid;place-content:center;text-align:center}.score-ring strong{font:500 35px Georgia,serif}.score-ring span{font-size:10px;color:#9cbcb1}.security-hero small{color:#83cbb3}.security-hero h2{font:500 28px Georgia,serif;margin:6px 0}.security-hero p{color:#9cb9af;margin:0}.security-stats{display:grid;gap:10px}.security-stats span{display:grid;font-size:9px;color:#8eaaa1}.security-stats b{font-size:15px;color:#fff}.security-grid{grid-template-columns:1fr 1fr;margin-top:16px}.control-row,.certificate-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.control-row>span{display:grid}.control-row b,.certificate-row b{font-size:11px}.control-row small,.certificate-row small{font-size:9px;color:var(--muted)}.certificate-row{justify-content:start}.certificate-row>div{display:grid;flex:1}.customer-assurance{background:#fff7df;border-left:5px solid var(--gold);padding:27px;display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:16px}.customer-assurance h2{font:500 28px Georgia,serif;margin:5px 0}.customer-assurance p{color:var(--muted);margin:0;max-width:800px}.customer-assurance>strong{font:500 46px Georgia,serif;color:#8a6303;text-align:center}.customer-assurance>strong span{display:block;font:700 9px Inter,sans-serif;text-transform:uppercase}
.architecture-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:20px}.architecture-intro h2{font:500 33px Georgia,serif;margin:6px 0}.architecture-intro p{color:var(--muted);margin:0}.architecture-legend{display:flex;gap:12px;font-size:9px}.architecture-legend span{display:flex;align-items:center;gap:5px}.architecture-legend i{width:8px;height:8px;background:var(--green)}.architecture-legend i.runtime{background:var(--gold)}.architecture-legend i.evidence{background:var(--rust)}.architecture-stack{display:grid;gap:7px}.architecture-crosscut{background:var(--deep);color:#fff;padding:15px;text-align:center;font-size:10px;letter-spacing:.05em}.architecture-crosscut.bottom{background:#dfece5;color:var(--ink)}.architecture-plane{display:grid;grid-template-columns:60px 1fr 1.4fr;gap:20px;align-items:center;background:#fff;border-left:5px solid var(--green);padding:18px}.architecture-plane.plane-1,.architecture-plane.plane-2{border-left-color:var(--gold)}.architecture-plane.plane-3{border-left-color:var(--rust)}.architecture-plane>span{font:500 30px Georgia,serif;color:#b7c8c1}.architecture-plane small{font-size:9px;color:var(--muted)}.architecture-plane h3{font:500 24px Georgia,serif;margin:4px 0}.architecture-plane p{font-size:10px;color:var(--muted);margin:0}.architecture-plane ul{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:0;list-style:none}.architecture-plane li{font-size:10px;padding:7px;background:#f3f7f4}
.impersonation{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;margin-top:12px;background:#fff0d2;border-left:4px solid var(--gold)}.impersonation button{border:0;background:none;color:#765300;font-weight:800;cursor:pointer}.toast-region{position:fixed;right:25px;bottom:25px;z-index:50;display:grid;gap:8px}.toast-region .toast{position:static;max-width:420px}.toast.danger{background:var(--rust)}
.action-dialog{width:min(560px,calc(100vw - 32px));border:0;padding:0;box-shadow:0 30px 100px rgba(7,30,26,.32);background:#fff}.action-dialog::backdrop{background:rgba(4,18,15,.72);backdrop-filter:blur(4px)}.action-dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.dialog-head .eyebrow{margin-bottom:7px}.dialog-head h2{font:500 30px Georgia,serif;margin:0}.dialog-close{border:0;background:none;font-size:28px;color:var(--muted);cursor:pointer}.dialog-fields{display:grid;gap:15px;padding:22px 0}.dialog-fields label{display:grid;gap:7px}.dialog-fields label>span{font-size:11px;font-weight:750}.dialog-fields input,.dialog-fields select,.dialog-fields textarea{border:1px solid var(--line);padding:11px;background:#fbfcfa}.dialog-fields small{color:var(--muted);font-size:9px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:18px}
@media(max-width:1180px){.product-metrics{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.analytics-grid{grid-template-columns:1fr 1fr}.dashboard-grid .span-2,.analytics-grid .span-2{grid-column:span 1}.card-grid{grid-template-columns:repeat(2,1fr)}.usage-row{grid-template-columns:1.2fr 70px 65px 65px}.usage-row .mini-meter{display:none}.workspace-list article{grid-template-columns:1.4fr 1fr 80px 70px auto}.workspace-list article>span:nth-of-type(2){display:none}}
@media(max-width:900px){.product-login{display:grid;grid-template-columns:1fr;background:var(--cream);padding:28px}.product-login>.product-brand,.product-login .login-copy,.product-login .role-entry{grid-column:1;grid-row:auto}.product-login .role-entry{background:var(--deep);padding:24px}.product-login .login-copy{padding-bottom:0}.product-login .role-picker{background:transparent;padding:18px 0}.product-shell{display:block}.product-shell>.product-sidebar{position:static;width:auto;height:auto;padding:18px}.product-sidebar nav{display:flex!important;overflow:auto;gap:10px}.nav-group{display:flex;gap:4px;margin:0}.nav-group>small{display:none}.product-sidebar .nav-btn{white-space:nowrap}.workspace-switcher,.product-sidebar .sidebar-foot{display:none}.product-shell>main{padding:0 18px 60px}.product-header{height:auto;padding:20px 0}.environment-chip{display:none}.product-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.analytics-grid,.integration-layout,.policy-layout,.user-layout,.security-grid{grid-template-columns:1fr}.capability-grid{grid-template-columns:repeat(2,1fr)}.gateway-grid{grid-template-columns:1fr}.topology-banner{display:grid}.release-detail{grid-template-columns:1fr}.release-decision{justify-items:start}.security-hero{grid-template-columns:auto 1fr}.security-stats{grid-column:1/3;display:flex}.workspace-list article{grid-template-columns:1fr auto}.workspace-list article>span,.workspace-list article>b{display:none}.architecture-plane{grid-template-columns:45px 1fr}.architecture-plane ul{grid-column:2}.role-entry-head{align-items:start}.workflow-card>footer{flex-wrap:wrap}.workflow-card footer .button{margin-left:0}.sla-strip{grid-template-columns:1fr 1fr}.incident-row{grid-template-columns:38px 1fr auto}.incident-row .text-button{grid-column:2}.header-actions .user-chip small{display:none}}
@media(max-width:600px){.product-login .role-picker{grid-template-columns:1fr}.product-login .role-entry{padding:18px}.product-login .login-copy h1{font-size:44px}.product-metrics,.metric-row,.card-grid,.policy-layout .card-grid,.capability-grid{grid-template-columns:1fr}.context-banner,.topology-banner,.customer-assurance,.architecture-intro{display:grid}.context-status{margin-top:10px}.toolbar-actions{width:100%}.view-toolbar{align-items:flex-start;gap:14px;flex-direction:column}.search-box{width:100%}.search-box input{min-width:0;width:100%}.workflow-step{min-width:126px}.workflow-card>header,.run-card>header{display:grid}.gateway-card dl{grid-template-columns:1fr}.topology-sites{display:grid}.topology-sites i{display:none}.environment-line{align-items:stretch}.environment-line>i{display:none}.security-hero{grid-template-columns:1fr}.security-stats{grid-column:1;display:grid}.sla-strip{grid-template-columns:1fr}.architecture-plane{grid-template-columns:1fr}.architecture-plane ul{grid-column:1;grid-template-columns:1fr}.product-header h1{font-size:24px}.header-actions{gap:6px}.user-chip>span{display:none}.release-checks{display:grid;grid-template-columns:1fr 1fr}}

/* Generic product marketing */
.product-topbar{height:82px}.product-topbar nav{gap:23px}.product-hero{min-height:780px;padding:95px clamp(24px,7vw,110px) 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;max-width:1540px;margin:auto}.product-hero h1{font:500 clamp(58px,6.3vw,94px)/.96 Georgia,serif;letter-spacing:-.058em;margin:0}.product-hero h1 em{color:var(--green);font-weight:500}.product-hero .lede{max-width:760px;margin:30px 0}.product-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:52px;border:1px solid var(--line)}.product-proof span{display:grid;gap:5px;padding:14px;background:var(--paper);font-size:10px;color:var(--muted)}.product-proof b{font:500 19px Georgia,serif;color:var(--ink)}
.fabric-map{min-height:610px;position:relative;background:radial-gradient(circle,rgba(14,106,85,.1) 0 2px,transparent 3px) 0 0/22px 22px}.fabric-map:before,.fabric-map:after{content:"";position:absolute;inset:13%;border:1px solid rgba(14,106,85,.18);border-radius:50%}.fabric-map:after{inset:30%;background:rgba(255,255,255,.8)}.fabric-centre{position:absolute;z-index:3;left:34%;top:34%;width:32%;height:32%;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 25px 70px rgba(7,30,26,.25)}.fabric-centre small{font-size:9px;letter-spacing:.15em;color:var(--gold)}.fabric-centre b{font:500 29px/1.05 Georgia,serif;margin:7px 0}.fabric-centre span{font-size:8px;color:#9eb9b0}.fabric-node{position:absolute;z-index:4;width:170px;background:#fff;border:1px solid var(--line);padding:14px;box-shadow:0 12px 32px rgba(7,30,26,.09);display:grid}.fabric-node small{font-size:8px;color:var(--leaf)}.fabric-node b{font-size:13px;margin:5px 0}.fabric-node span{font-size:9px;color:var(--muted)}.node-api{left:35%;top:2%}.node-gateway{right:1%;top:26%}.node-integration{right:5%;bottom:14%}.node-workflow{left:35%;bottom:1%}.node-event{left:2%;bottom:14%}.node-ops{left:-2%;top:26%}
.product-statement{padding:68px clamp(24px,10vw,170px);background:var(--deep);color:#fff;display:grid;grid-template-columns:180px 1fr;gap:50px;align-items:start}.product-statement small{letter-spacing:.15em;color:var(--gold);font-size:10px}.product-statement p{font:500 clamp(29px,3.2vw,47px)/1.28 Georgia,serif;margin:0;max-width:1100px}.product-capabilities,.jobs-section,.deployment-options{padding:110px clamp(24px,7vw,110px);max-width:1520px;margin:auto}.suite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px}.suite-grid article{background:#fff;padding:34px;min-height:425px}.suite-grid article>span,.job-grid article>span,.deployment-grid article>span{font-size:9px;letter-spacing:.14em;color:var(--leaf);font-weight:850}.suite-grid h3{font:500 29px Georgia,serif;margin:25px 0 14px}.suite-grid p{color:var(--muted);line-height:1.65}.suite-grid ul{list-style:none;padding:18px 0 0;margin:20px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}.suite-grid li{font-size:11px;line-height:1.45;padding-left:15px;position:relative}.suite-grid li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:var(--gold)}
.operating-model{background:var(--green);color:#fff;padding:105px clamp(24px,8vw,125px);display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.model-copy .eyebrow{color:#bde5d7}.model-copy h2{font:500 clamp(42px,4.5vw,64px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:0}.model-copy>p:not(.eyebrow){color:#d1e8df;line-height:1.75;font-size:17px}.model-copy .text-link{margin-top:20px}.model-layers{display:grid;gap:8px}.model-layers article{background:#fff;color:var(--ink);padding:19px 23px;display:grid;grid-template-columns:1fr auto;gap:7px 20px;border-left:5px solid var(--gold)}.model-layers small{grid-column:1/3;color:var(--leaf);font-size:8px;letter-spacing:.13em}.model-layers b{font-size:13px}.model-layers span{font-size:10px;color:var(--muted)}
.jobs-section{background:var(--cream);max-width:none}.jobs-section>.section-intro,.jobs-section>.job-grid{max-width:1300px;margin-left:auto;margin-right:auto}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.job-grid article{background:var(--paper);padding:27px;min-height:220px;border-top:4px solid var(--green)}.job-grid h3{font:500 25px Georgia,serif;margin:25px 0 10px}.job-grid p{color:var(--muted);line-height:1.6;font-size:13px}.trust-platform{background:var(--deep);color:#fff;padding:105px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:100px}.trust-platform .eyebrow{color:#8fd0ba}.trust-platform h2{font:500 clamp(41px,4.4vw,62px)/1.06 Georgia,serif;letter-spacing:-.04em;margin:0}.trust-platform>div>p:not(.eyebrow){color:#b5cdc5;font-size:17px;line-height:1.75}.trust-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.trust-badges span{border:1px solid rgba(255,255,255,.14);padding:8px 10px;font-size:10px;color:#cce0d9}.trust-controls{border-top:1px solid rgba(255,255,255,.15)}.trust-controls article{display:grid;grid-template-columns:150px 1fr auto;gap:18px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.15);align-items:center}.trust-controls b{font:500 20px Georgia,serif}.trust-controls span{font-size:11px;line-height:1.5;color:#a9c2ba}.trust-controls strong{font-size:10px;color:var(--gold);text-transform:uppercase}
.deployment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.deployment-grid article{padding:31px;border:1px solid var(--line);min-height:280px;background:#fff}.deployment-grid article.recommended{background:var(--deep);color:#fff;border-color:var(--deep)}.deployment-grid article.recommended span{color:var(--gold)}.deployment-grid h3{font:500 29px Georgia,serif;margin:26px 0 13px}.deployment-grid p{color:var(--muted);line-height:1.65}.deployment-grid .recommended p{color:#b5ccc4}.deployment-grid b{display:block;margin-top:35px;font-size:11px}.recovery-model{display:flex;align-items:center;gap:12px;background:var(--cream);padding:25px;margin-top:15px}.recovery-model>div{flex:1;display:grid;text-align:center}.recovery-model small{font-size:8px;letter-spacing:.1em;color:var(--leaf)}.recovery-model b{font:500 20px Georgia,serif;margin:6px}.recovery-model span{font-size:10px;color:var(--muted)}.recovery-model>i{font-style:normal;color:var(--gold)}
.product-operations{padding:105px clamp(24px,8vw,130px);background:var(--cream)}.product-operations>div{max-width:1250px;margin:auto}.product-operations h2{font:500 clamp(40px,4.5vw,62px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:0}.product-operations ol{max-width:1250px;margin:50px auto 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.product-operations li{background:#fff;padding:26px;min-height:230px;display:flex;flex-direction:column}.product-operations li>span{color:var(--leaf);font-size:10px}.product-operations li>b{font:500 25px Georgia,serif;margin-top:auto}.product-operations li>p{font-size:12px;color:var(--muted);line-height:1.55}
.customer-case{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:#fff}.case-intro{padding:100px clamp(24px,7vw,100px)}.case-intro .eyebrow{color:#bde4d7}.case-intro h2{font:500 clamp(44px,5vw,68px)/1.02 Georgia,serif;letter-spacing:-.045em;margin:0}.case-intro>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#d0e8df}.case-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.case-details{display:grid;grid-template-columns:1fr 1fr;background:rgba(0,0,0,.12)}.case-details article{padding:40px;border-left:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);min-height:250px}.case-details small{font-size:8px;letter-spacing:.13em;color:#acd7c8}.case-details b{font:500 27px Georgia,serif;display:block;margin:35px 0 12px}.case-details p{font-size:12px;color:#c6e0d7;line-height:1.6}.product-cta{background:var(--gold)}.product-footer{padding:44px clamp(24px,7vw,110px);display:flex;align-items:center;justify-content:space-between;background:var(--deep);color:#d4e2dd;font-size:12px}.product-footer>div:last-child{display:flex;gap:24px}
@media(max-width:1100px){.product-topbar nav a:not(.button){display:none}.product-hero{grid-template-columns:1fr}.fabric-map{max-width:720px;width:100%;margin:auto}.suite-grid{grid-template-columns:repeat(2,1fr)}.operating-model,.trust-platform{grid-template-columns:1fr;gap:50px}.job-grid{grid-template-columns:repeat(2,1fr)}.product-operations ol{grid-template-columns:repeat(3,1fr)}.customer-case{grid-template-columns:1fr}.trust-controls article{grid-template-columns:140px 1fr auto}}
@media(max-width:700px){.product-hero{padding-top:65px}.product-hero h1{font-size:52px}.product-proof{grid-template-columns:1fr 1fr}.fabric-map{min-height:520px;transform:scale(.92)}.fabric-node{width:130px}.node-gateway,.node-integration{right:-2%}.node-ops,.node-event{left:-2%}.fabric-centre{left:30%;width:40%}.product-statement{grid-template-columns:1fr;gap:18px}.suite-grid,.job-grid,.deployment-grid,.case-details{grid-template-columns:1fr}.suite-grid article{min-height:0}.product-capabilities,.jobs-section,.deployment-options{padding:78px 22px}.operating-model,.trust-platform{padding:78px 22px}.model-layers article{grid-template-columns:1fr}.model-layers small{grid-column:1}.trust-controls article{grid-template-columns:1fr}.recovery-model{display:grid}.recovery-model>i{transform:rotate(90deg);text-align:center}.product-operations{padding:78px 22px}.product-operations ol{grid-template-columns:1fr}.product-operations li{min-height:170px}.case-intro{padding:78px 22px}.case-details article{min-height:190px}.case-actions{align-items:flex-start;flex-direction:column}.product-footer{display:grid;gap:25px}.product-footer>div:last-child{flex-wrap:wrap}}

/* Expanded developer and product guides */
.expanded-docs{grid-template-columns:250px minmax(0,940px);max-width:1420px}.expanded-docs>article>h1{max-width:900px}.doc-pill-row{display:flex;flex-wrap:wrap;gap:7px;margin:30px 0 50px}.doc-pill-row span{padding:7px 10px;background:var(--mint);color:var(--green);font-size:10px;font-weight:750}.doc-response{background:#edf4f0;border-left:4px solid var(--green);padding:18px 20px;margin:20px 0}.doc-response>small{color:var(--green);font-weight:850}.doc-response pre{white-space:pre-wrap;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:20px 0}.doc-grid article{background:#fff;padding:20px}.doc-grid b{font:500 19px Georgia,serif}.doc-grid p{font-size:12px;margin-bottom:0}.lifecycle,.trace-example{display:flex;align-items:center;gap:7px;overflow:auto;margin:22px 0}.lifecycle span,.trace-example span{min-width:max-content;padding:10px;background:#fff;border:1px solid var(--line);font-size:10px;text-align:center}.lifecycle i,.trace-example i{font-style:normal;color:var(--green)}.doc-steps{list-style:none;counter-reset:docstep;padding:0;margin:20px 0;border-top:1px solid var(--line)}.doc-steps li{counter-increment:docstep;display:grid;grid-template-columns:30px 180px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);align-items:start}.doc-steps li:before{content:counter(docstep,decimal-leading-zero);font-size:9px;color:var(--leaf)}.doc-steps b{font-size:12px}.doc-steps span{font-size:11px;color:var(--muted)}.protocol-matrix{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:22px}.protocol-matrix div{background:#fff;padding:17px;display:grid;gap:7px}.protocol-matrix b{font-size:12px}.protocol-matrix span{font-size:11px;color:var(--muted);line-height:1.5}.doc-table{width:100%;border-collapse:collapse;font-size:12px;margin:20px 0}.doc-table th{text-align:left;text-transform:uppercase;font-size:9px;letter-spacing:.09em;color:var(--muted);padding:11px;border-bottom:1px solid var(--line)}.doc-table td{padding:12px 11px;border-bottom:1px solid var(--line)}.trace-example span{display:grid}.trace-example span b{font-size:11px}.expanded-endpoints>div{grid-template-columns:78px 310px 1fr}.expanded-endpoints code{font-size:10px}
.expanded-guides{max-width:1380px}.expanded-guides h1{max-width:900px}.guide-index{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:50px 0 100px}.guide-index a{background:#fff;padding:22px;display:grid;gap:5px}.guide-index b{font:500 34px Georgia,serif;color:var(--green)}.guide-index span{font-size:11px;color:var(--muted)}.guide-section{padding:80px 0;border-top:1px solid var(--line)}.guide-section .section-intro h2{font:500 clamp(38px,4.5vw,58px)/1.05 Georgia,serif}.product-guide-grid{grid-template-columns:repeat(2,1fr)}.product-guide-grid article{min-height:410px}.product-guide-grid article>span{color:var(--leaf)}.product-guide-grid ol{padding-left:18px;color:var(--muted);font-size:12px;line-height:1.8}.product-guide-grid article>b{display:block;border-top:1px solid var(--line);padding-top:13px;margin-top:18px;color:var(--green)}.playbook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px}.playbook-grid article{padding:28px;background:var(--cream);border-top:4px solid var(--green)}.playbook-grid article>span{font-size:9px;letter-spacing:.12em;color:var(--leaf)}.playbook-grid h3{font:500 25px Georgia,serif}.playbook-grid ol{padding-left:17px;font-size:12px;color:var(--muted);line-height:1.75}.customer-adoption{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:var(--deep);color:#fff;padding:60px}.customer-adoption .eyebrow{color:#8fd0ba}.customer-adoption h2{font:500 42px/1.05 Georgia,serif;margin:0}.customer-adoption>div>p:not(.eyebrow){color:#b8cec7;line-height:1.7}.customer-adoption ol{list-style:none;padding:0;margin:0}.customer-adoption li{display:grid;grid-template-columns:65px 110px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.14)}.customer-adoption li span{color:var(--gold);font:500 18px Georgia,serif}.customer-adoption li b{font-size:12px}.customer-adoption li p{font-size:11px;color:#acc5bd;margin:0;line-height:1.5}
@media(max-width:900px){.expanded-docs{grid-template-columns:1fr}.guide-index{grid-template-columns:1fr 1fr}.playbook-grid{grid-template-columns:1fr 1fr}.customer-adoption{grid-template-columns:1fr}.product-guides .topbar nav a:not(.button),.product-docs .topbar nav a:not(.button){display:none}}
@media(max-width:600px){.doc-grid,.protocol-matrix,.product-guide-grid,.playbook-grid{grid-template-columns:1fr}.doc-steps li{grid-template-columns:25px 1fr}.doc-steps span{grid-column:2}.guide-index{grid-template-columns:1fr}.customer-adoption{padding:32px 22px}.customer-adoption li{grid-template-columns:60px 1fr}.customer-adoption li p{grid-column:2}.expanded-endpoints>div{grid-template-columns:62px 1fr}.expanded-endpoints span{grid-column:2}.trace-example{align-items:stretch}.trace-example i{align-self:center}}