.draft-page{--sap-bg: var(--bg);--sap-surface: var(--surface);--sap-nested-bg: var(--surface-soft);--sap-border: var(--rule);--sap-border-strong: var(--muted);--sap-border-soft: var(--rule-strong);--sap-fg: var(--ink);--sap-fg-soft: var(--ink-soft);--sap-fg-muted: var(--dim);--sap-fg-subtle: var(--faint);--sap-link: var(--link);--home3-demo-tab-active-bg: #e6f4ed;--home3-demo-tab-active-ring: rgb(79 180 119 / .45);font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility}:root[data-theme=dark] .draft-page{--home3-demo-tab-active-bg: #1f3f38;--home3-demo-tab-active-ring: rgb(139 205 187 / .18)}.homepage-pad{padding-left:clamp(1.25rem,5.8vw,7.5rem);padding-right:clamp(1.25rem,5.8vw,7.5rem)}.homepage-header{padding-bottom:1.15rem;padding-top:1.35rem}.homepage-header-inner{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto;width:min(100%,96rem)}.homepage-wordmark{align-items:center;color:var(--sap-fg-subtle);display:inline-flex;font-size:.78rem;gap:.46rem;font-weight:780;letter-spacing:0;line-height:1;text-decoration:none;text-transform:uppercase}.homepage-wordmark-icon{flex:0 0 auto;height:1.32rem;width:1.32rem}.homepage-wordmark:hover{color:var(--sap-fg);text-decoration:none}.homepage-hero-mark{display:block;height:clamp(3.4rem,7vw,5.4rem);margin:0 auto;width:clamp(3.4rem,7vw,5.4rem)}.sapporta-mark-grid{fill:#795548}.sapporta-mark-leaf{fill:#66bb6a}.homepage-nav{display:flex;flex-wrap:wrap;gap:.75rem 1.55rem;justify-content:flex-end}.homepage-nav-link{color:var(--sap-fg-soft);font-size:.92rem;font-weight:650;letter-spacing:0;line-height:1;text-decoration:none;text-underline-offset:.22em}.homepage-nav-link:hover{color:var(--sap-fg);text-decoration:underline;text-decoration-color:var(--sap-link);text-decoration-thickness:1px}.homepage-hero{overflow:hidden;padding-bottom:clamp(1.6rem,3.2vw,2.75rem);padding-top:2.25rem;position:relative;text-align:center}.homepage-hero-copy{margin:0 auto 1rem;max-width:58rem;padding:0;position:relative;z-index:1}.homepage-hero-heading,.homepage-hero-body{min-width:0}.homepage-hero-body{margin:clamp(1.2rem,2.4vw,1.8rem) auto 0;max-width:46rem}.homepage-title{color:var(--sap-fg);font-size:clamp(3.4rem,8vw,6.7rem);font-weight:820;letter-spacing:0;line-height:1;margin:0 0 clamp(.62rem,1.2vw,.9rem)}.homepage-subtitle{color:var(--sap-fg);font-size:clamp(1.02rem,1.45vw,1.28rem);font-weight:650;letter-spacing:0;line-height:1.28;margin:0 auto;max-width:34rem}.homepage-lede{color:var(--sap-fg);font-size:clamp(1.08rem,1.45vw,1.34rem);font-weight:430;letter-spacing:0;line-height:1.5;margin:0 auto;max-width:32rem}.homepage-byline{color:var(--sap-fg-muted);font-size:.86rem;line-height:1.3;margin:clamp(1.35rem,2.4vw,2rem) 0 0}.homepage-text-link{color:var(--sap-link);font-weight:570;letter-spacing:0;text-decoration:underline;text-decoration-color:#005c7a6b;text-decoration-thickness:1px;text-underline-offset:.18em}.homepage-text-link:hover{color:var(--sap-fg);text-decoration-color:var(--sap-fg)}.homepage-section--showcase{padding-bottom:0;padding-top:0}.homepage-section-inner{margin:0 auto;max-width:96rem;width:100%}.home3-intro-layout{display:grid;justify-items:center;row-gap:clamp(2.4rem,5vw,4.5rem)}.home3-demo{max-width:96rem;min-width:0;position:relative;width:100%}.home3-demo-tab-input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.home3-demo-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:.85rem}.home3-demo-tabs{align-items:center;background:var(--sap-surface-soft);border:1px solid var(--sap-border);border-radius:6px;display:inline-flex;gap:.25rem;padding:.25rem}.home3-demo-tab{align-items:center;border-radius:4px;color:var(--sap-fg-soft);cursor:pointer;display:inline-flex;gap:.45rem;font-size:.86rem;font-weight:680;justify-content:center;line-height:1;min-height:2.2rem;padding:.58rem .82rem;user-select:none;white-space:nowrap}.home3-demo-tab:hover{color:var(--sap-fg)}.home3-demo-tab-icon{flex:0 0 auto;height:1rem;width:1rem}#home3-demo-live:focus-visible~.home3-demo-header .home3-demo-tab[for=home3-demo-live],#home3-demo-code:focus-visible~.home3-demo-header .home3-demo-tab[for=home3-demo-code]{outline:3px solid rgba(15,95,196,.35);outline-offset:3px}#home3-demo-live:checked~.home3-demo-header .home3-demo-tab[for=home3-demo-live],#home3-demo-code:checked~.home3-demo-header .home3-demo-tab[for=home3-demo-code]{background:var(--home3-demo-tab-active-bg);box-shadow:inset 0 0 0 1px var(--home3-demo-tab-active-ring),0 1px 2px #0a0b0d1f;color:var(--sap-fg)}.home3-demo-panels{max-width:100%;min-width:0;width:100%}.home3-demo-panel{display:none;max-width:100%;min-width:0}#home3-demo-live:checked~.home3-demo-panels .home3-demo-panel-live,#home3-demo-code:checked~.home3-demo-panels .home3-demo-panel-code{display:block}.home3-demo .homepage-grid-wrap,.home3-demo .homepage-schema-panel{max-width:none}.home3-demo-panel-code .homepage-schema-panel{height:clamp(30rem,45vw,44rem)}.home3-demo-panel-code .homepage-schema-code{height:100%}.home3-copy{color:var(--sap-fg);max-width:47rem;min-width:0;padding-top:.15rem;width:100%}.homepage-schema-panel{background:#fffffc;border:1px solid var(--sap-border);border-radius:6px;box-sizing:border-box;box-shadow:0 14px 44px #0a0b0d0f;display:flex;flex-direction:column;gap:0;margin:0;max-width:min(72rem,100%);min-width:0;overflow:hidden;width:100%}.homepage-schema-header{align-items:center;background:var(--sap-surface);border-bottom:1px solid var(--sap-border);color:var(--sap-fg-soft);display:flex;min-height:2.25rem;padding:.48rem .85rem}.homepage-schema-path{font-family:var(--font-mono);font-size:.78rem;font-weight:620;letter-spacing:0;line-height:1.25;overflow-wrap:anywhere}.homepage-schema-code{background:#fffffc;box-sizing:border-box;flex:1 1 auto;max-width:100%;min-height:0;min-width:0;overflow:auto;width:100%}.homepage-schema-code pre{background:#fffffc!important;border-radius:0;box-sizing:border-box;font-size:clamp(.72rem,1vw,.84rem);line-height:1.58;margin:0;min-height:100%;min-width:100%;padding:clamp(1rem,2vw,1.35rem);tab-size:2;width:max-content}.homepage-schema-code code{font-family:var(--font-mono)}.homepage-grid-wrap{margin:0 auto;max-width:96rem;width:100%}.homepage-grid,.homepage-grid-message{border-color:var(--sap-border);border-radius:2px;box-shadow:0 24px 70px #0a0b0d1f}.homepage-grid{background:var(--sap-surface);height:clamp(30rem,45vw,44rem)}.homepage-quote-cell{font-family:Georgia,Cambria,Times New Roman,Times,serif}.homepage-quote-grid-text{color:var(--sap-fg);font-size:1.04rem;line-height:1.625;padding:.5rem .75rem}.homepage-grid [data-grid-part=editor-overlay] .homepage-quote-editor[data-grid-part=editor-input]{background:var(--sap-surface);border:0;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--sap-link) 35%,transparent);display:block;height:100%;min-height:8rem;outline:none;overflow-wrap:normal;padding:.5rem calc(.75rem + 10px);resize:none;white-space:pre-wrap;width:100%}.homepage-grid-message{box-shadow:none}@media(max-width:56rem){.homepage-hero-body{margin-top:1.35rem}.homepage-byline{margin-bottom:.25rem}.homepage-schema-panel{min-width:0}.home3-demo-tabs{align-self:flex-start}}@media(max-width:48rem){.homepage-pad{padding-left:1rem;padding-right:1rem}.homepage-header{padding-bottom:.75rem;padding-top:.9rem}.homepage-header-inner{align-items:center;flex-direction:row;gap:.75rem}.homepage-nav{flex:0 0 auto;flex-wrap:nowrap;gap:.45rem .7rem;justify-content:flex-end;min-width:0}.homepage-wordmark{flex:1 1 auto;font-size:.68rem;gap:.34rem;min-width:0}.homepage-wordmark-icon{height:1.08rem;width:1.08rem}.homepage-nav-link{font-size:.78rem;line-height:1.1;white-space:nowrap}.homepage-hero{padding-top:2.25rem}.homepage-title{font-size:clamp(2.35rem,12vw,3.65rem)}.homepage-subtitle{font-size:clamp(1rem,5vw,1.28rem)}.homepage-grid{height:34rem}.home3-demo-tabs{align-self:stretch;box-sizing:border-box;display:flex;min-width:min(18rem,100%)}.home3-demo-tab{flex:1 1 0;min-width:0;padding-left:.6rem;padding-right:.6rem}.home3-demo-panel-code .homepage-schema-panel{height:34rem}.homepage-schema-code pre{font-size:clamp(.66rem,2.7vw,.76rem);padding:.85rem}}@media(max-width:23.4375rem){.homepage-header-inner{align-items:flex-start;flex-direction:column;gap:.7rem}.homepage-wordmark{flex:0 0 auto}.homepage-nav{justify-content:flex-start;width:100%}}