@font-face{
  font-family:"Sohne Astraed";
  src:url("../../assets/fonts/sohne/Sohne-Buch.otf") format("opentype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

@font-face{
  font-family:"Sohne Astraed";
  src:url("../../assets/fonts/sohne/Sohne-Halbfett.otf") format("opentype");
  font-style:normal;
  font-weight:600;
  font-display:swap;
}

@font-face{
  font-family:"Signifier Astraed";
  src:url("../../assets/fonts/signifier/SignifierVF-Roman.woff2") format("woff2-variations");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}

:root{
  --ae-ink:#1c1a19;
  --ae-forest:#2a3934;
  --ae-forest-deep:#1e2824;
  --ae-canvas:#ffffff;
  --ae-cream:#f6f3ed;
  --ae-stone:#d9d9d4;
  --ae-sage:#b9c4a1;
  --ae-sage-soft:#dce2ce;
  --ae-copy:rgba(28,26,25,.76);
  --ae-muted:rgba(28,26,25,.56);
  --ae-grid-rule:rgba(42,57,52,.07);
  --ae-component-rule:rgba(42,57,52,.13);
  --ae-component-rule-soft:rgba(42,57,52,.1);
  --ae-component-rule-dark:rgba(246,243,237,.12);
  --ae-rule:var(--ae-component-rule);
  --ae-rule-dark:var(--ae-component-rule-dark);

  --ae-font-body:"Sohne Astraed","Söhne",Arial,sans-serif;
  --ae-font-display:"Signifier Astraed","Signifier",Georgia,"Times New Roman",serif;
  --ae-font-mono:"Söhne Mono",ui-monospace,monospace;

  --ae-page-pad:clamp(16px,5.55vw,80px);
  --ae-container:1280px;
  --ae-reading:720px;
  --ae-header-h:96px;
  --ae-radius-sm:6px;
  --ae-radius-md:12px;
  --ae-radius-lg:16px;

  --ae-display:clamp(48px,5vw,72px);
  --ae-h2:clamp(40px,3.9vw,56px);
  --ae-h2-secondary:clamp(42px,3.35vw,48px);
  --ae-h3:clamp(28px,2.25vw,32px);
  --ae-body:16px;
  --ae-small:14px;
  --ae-label:12px;

  --ae-ease:cubic-bezier(.16,1,.3,1);
  --ae-fast:180ms;
  --ae-enter:560ms;
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--ae-canvas);color:var(--ae-ink);font-family:var(--ae-font-body);scroll-behavior:smooth}
body{margin:0;background:var(--ae-canvas);font-size:var(--ae-body);line-height:1.5;-webkit-font-smoothing:antialiased}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
section[id]{scroll-margin-top:calc(var(--ae-header-h) + 16px)}

.ae-container{width:min(calc(100% - 2 * var(--ae-page-pad)),var(--ae-container));margin-inline:auto}
.ae-reading{width:min(100%,var(--ae-reading));margin-inline:auto}
.ae-grid{background-image:linear-gradient(to right,transparent calc(20% - .5px),var(--ae-grid-rule) calc(20% - .5px),var(--ae-grid-rule) calc(20% + .5px),transparent calc(20% + .5px));background-size:20% 100%}

.ae-label,.ae-kicker{font-family:var(--ae-font-mono);line-height:1.2;text-transform:uppercase}
.ae-label{display:inline-flex;align-items:center;gap:7px;color:var(--ae-ink);font-size:var(--ae-label);letter-spacing:.16em}
.ae-label::before,.ae-label::after{content:"";width:4px;height:17px;box-sizing:border-box;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.ae-label::before{border-left:1px solid currentColor}
.ae-label::after{border-right:1px solid currentColor}
.ae-kicker{color:var(--ae-muted);font-size:11px;letter-spacing:.16em}
.ae-wordmark{font-family:var(--ae-font-body);font-weight:600;letter-spacing:.01em}
.ae-display,.ae-h2,.ae-h3{margin:0;font-family:var(--ae-font-display);font-weight:400}
.ae-display{font-size:var(--ae-display);line-height:1.33;letter-spacing:-.02em}
.ae-h2{font-size:var(--ae-h2);line-height:1.14;letter-spacing:-.02em}
.ae-h3{font-size:var(--ae-h3);line-height:1.25;letter-spacing:-.012em}
.ae-body{margin:0;color:var(--ae-copy);font-size:var(--ae-body);line-height:1.5}
.ae-small{margin:0;color:var(--ae-muted);font-size:var(--ae-small);line-height:1.45}

.ae-button{display:inline-grid;grid-template-columns:auto 44px;align-items:center;min-height:48px;padding-left:16px;border:0;border-radius:100px;background:var(--ae-forest);color:var(--ae-cream);font-size:15px;font-weight:500;line-height:18px;overflow:hidden;transition:background var(--ae-fast) ease-out}
.ae-button-arrow{display:grid;width:40px;height:40px;margin:3px;place-items:center;border-radius:100px;background:var(--ae-cream);color:var(--ae-forest);font-size:22px;transition:transform var(--ae-fast) var(--ae-ease)}
.ae-button:hover{background:var(--ae-forest-deep)}
.ae-button:hover .ae-button-arrow{transform:translateX(2px)}
.ae-button--light{background:var(--ae-cream);color:var(--ae-forest)}
.ae-button--light .ae-button-arrow{background:var(--ae-forest-deep);color:var(--ae-cream)}

.ae-rule{border:0;border-top:1px solid var(--ae-rule)}
.ae-panel{border:1px solid var(--ae-rule);border-radius:var(--ae-radius-lg);background:var(--ae-cream)}
.ae-stage{display:grid;grid-template-columns:minmax(300px,42%) minmax(0,58%);min-height:624px;overflow:hidden;background:var(--ae-forest);color:var(--ae-cream)}
.ae-stage-rail{padding:56px 48px;border-right:1px solid var(--ae-rule-dark)}
.ae-stage-tab{display:grid;grid-template-columns:1fr auto;gap:20px;padding:22px 0;border-bottom:1px solid var(--ae-rule-dark);color:rgba(246,243,237,.34)}
.ae-stage-tab:first-of-type{color:var(--ae-cream)}
.ae-stage-tab-title{font-family:var(--ae-font-display);font-size:32px;line-height:1.25}
.ae-stage-tab-copy{grid-column:1;margin:3px 0 0;color:rgba(246,243,237,.72);font-size:15px;line-height:1.45}
.ae-stage-tab:not(:first-of-type) .ae-stage-tab-copy{display:none}
.ae-stage-arrow{display:grid;width:24px;height:24px;place-items:center;border-radius:3px;background:var(--ae-cream);color:var(--ae-forest)}
.ae-stage-visual{position:relative;min-width:0;padding:96px 0 0 9%;background:var(--ae-sage);overflow:hidden}
.ae-app-window{width:112%;height:520px;padding:14px;border:1px solid rgba(42,57,52,.16);border-radius:16px 0 0 0;background:#fff;color:var(--ae-ink)}
.ae-app-toolbar{display:flex;align-items:center;gap:7px;height:30px;border-bottom:1px solid var(--ae-rule)}
.ae-app-dot{width:7px;height:7px;border-radius:50%;background:var(--ae-stone)}
.ae-app-layout{display:grid;grid-template-columns:132px 1fr;height:calc(100% - 30px)}
.ae-app-sidebar{padding:18px 12px;border-right:1px solid var(--ae-rule);background:#fafaf8}
.ae-app-brand{margin-bottom:20px;font-size:11px;font-weight:600}
.ae-app-nav{height:8px;margin:12px 0;border-radius:3px;background:#e8e8e3}
.ae-app-nav.is-active{height:26px;margin-inline:-4px;padding:7px;background:var(--ae-forest);color:white;font-size:9px;line-height:12px}
.ae-app-main{padding:22px}
.ae-app-heading{font-size:16px;font-weight:600}
.ae-app-meta{margin-top:5px;color:var(--ae-muted);font-size:10px}
.ae-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}
.ae-metric{padding:16px;border:1px solid var(--ae-rule);border-radius:12px;background:#fff}
.ae-metric strong{display:block;font-size:24px}
.ae-chart{display:flex;height:180px;margin-top:18px;padding:18px;align-items:end;gap:8px;border:1px solid var(--ae-rule);border-radius:12px;background:#fafaf8}
.ae-chart span{flex:1;border-radius:3px 3px 0 0;background:var(--ae-sage);transform-origin:bottom;animation:ae-grow 900ms var(--ae-ease) both}
.ae-chart span:nth-child(2){animation-delay:90ms}.ae-chart span:nth-child(3){animation-delay:180ms}.ae-chart span:nth-child(4){animation-delay:270ms}.ae-chart span:nth-child(5){animation-delay:360ms}

.ae-trust{background:var(--ae-forest-deep);color:var(--ae-cream)}
.ae-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ae-rule-dark);border-left:1px solid var(--ae-rule-dark)}
.ae-trust-item{display:flex;min-height:220px;flex-direction:column;justify-content:space-between;padding:32px;border-right:1px solid var(--ae-rule-dark);border-bottom:1px solid var(--ae-rule-dark)}
.ae-trust-mark{display:grid;width:80px;height:80px;place-items:center;border:1px solid rgba(185,196,161,.55);border-radius:50%;color:var(--ae-sage);font-family:var(--ae-font-display);font-size:24px}
.ae-trust-name{font-size:14px}

@keyframes ae-grow{from{transform:scaleY(.08);opacity:.4}to{transform:scaleY(1);opacity:1}}

@media (max-width:767px){
  :root{--ae-header-h:80px;--ae-display:48px;--ae-h2:42px;--ae-h2-secondary:36px;--ae-h3:28px}
  .ae-grid{background-size:50% 100%}
  .ae-display{line-height:1.33}
  .ae-stage{grid-template-columns:1fr;min-height:0}
  .ae-stage-rail{padding:34px 16px;border-right:0;border-bottom:1px solid var(--ae-rule-dark)}
  .ae-stage-tab{padding:17px 0}
  .ae-stage-tab-title{font-size:28px}
  .ae-stage-visual{min-height:470px;padding:48px 0 0 16px}
  .ae-app-window{width:126%;height:470px}
  .ae-trust-grid{grid-template-columns:repeat(2,1fr)}
  .ae-trust-item{min-height:180px;padding:22px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}