@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');

:root{
  --ink:#0A0D14; --navy:#0F1626; --navy-2:#121d33; --blue:#1E3A8A;
  --blue-bright:#4d75db; --silver:#C0C6CF; --light:#E6E8EB; --white:#FFFFFF;
  --muted:#9aa5b5; --line:rgba(192,198,207,.18); --panel:rgba(15,22,38,.78);
  --shadow:0 24px 70px rgba(0,0,0,.28); --radius:22px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;min-width:320px;background:
  radial-gradient(circle at 82% 18%,rgba(30,58,138,.22),transparent 30rem),
  radial-gradient(circle at 12% 72%,rgba(77,117,219,.08),transparent 28rem),
  linear-gradient(145deg,#070a10 0%,#0a0d14 50%,#0f1626 100%);
  color:var(--light);font-family:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:16px;line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit} button{cursor:pointer} a{color:inherit}
::selection{background:rgba(77,117,219,.4);color:#fff}

.skip-link{position:fixed;left:16px;top:-70px;z-index:9999;background:#fff;color:#080b12;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:700}
.skip-link:focus{top:16px}

.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}
.app-header{position:sticky;top:0;z-index:30;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(24px,calc((100vw - var(--max))/2));background:rgba(7,10,16,.76);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand-lockup{display:flex;align-items:center;gap:14px;min-width:0}.brand-lockup>div{display:grid;line-height:1.1}.brand-lockup strong{font-family:'Playfair Display',Georgia,serif;letter-spacing:.12em;font-size:1.08rem;font-weight:600;text-transform:uppercase;color:#fff}.brand-lockup small{margin-top:5px;text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;color:#8fa8e8}
.brand-mark{display:block;width:42px;height:50px;font-size:0;color:transparent;background:center/contain no-repeat url('./signet.svg');filter:brightness(0) invert(1);opacity:.97}
.runtime-context{display:flex;align-items:center;gap:12px;color:var(--silver);font-size:.82rem}.runtime-status{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(77,117,219,.4);background:rgba(30,58,138,.18);color:#cbd8ff;border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.runtime-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#7397f2;box-shadow:0 0 12px #7397f2}.runtime-status[data-status="ATTENTION"]{border-color:rgba(192,198,207,.45);color:var(--silver)}

.app-runtime{width:100%;min-width:0}.thinking-screen{width:min(var(--max),calc(100% - 48px));min-height:calc(100vh - 172px);margin:0 auto;padding:clamp(56px,8vw,112px) 0 46px;display:grid;grid-template-rows:1fr auto;position:relative}
.thinking-screen:before{content:'';position:absolute;right:-8vw;top:8%;width:380px;height:380px;border-radius:50%;border:1px solid rgba(77,117,219,.08);box-shadow:0 0 100px rgba(30,58,138,.08) inset;pointer-events:none}
.content{width:min(810px,100%);position:relative;z-index:1}.context-label,.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:700;color:#7894dc}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;color:#fff;font-weight:500;letter-spacing:-.02em}h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:1.05;margin:0 0 30px;max-width:900px}h2{font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.18;margin:44px 0 18px}h3{font-size:1.25rem}.content>h1:first-of-type:after{content:'';display:block;width:76px;height:2px;margin-top:24px;background:linear-gradient(90deg,var(--blue-bright),transparent)}
p{margin:0 0 1.15rem}.context{border-left:2px solid var(--blue);padding:4px 0 4px 22px;margin:0 0 30px;color:#c9d0da;font-size:1.04rem}.context p{margin:0}

.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-top:40px;margin-top:42px;border-top:1px solid var(--line)}
.button,.actions button,.renderer-tabs button{appearance:none;border:1px solid rgba(192,198,207,.22);border-radius:999px;background:rgba(255,255,255,.02);color:#e9edf5;padding:11px 18px;min-height:46px;font-weight:650;transition:.2s ease}.button:hover,.actions button:hover,.renderer-tabs button:hover{transform:translateY(-1px);border-color:rgba(115,151,242,.6);background:rgba(77,117,219,.08)}.button:focus-visible,.actions button:focus-visible,.renderer-tabs button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #7397f2;outline-offset:3px}.button.primary,.actions .primary{border-color:#3156b6;background:linear-gradient(135deg,#2248ad,#1e3a8a);box-shadow:0 12px 34px rgba(30,58,138,.28);padding-inline:24px}.button.primary:hover,.actions .primary:hover{background:linear-gradient(135deg,#315fce,#23479e);box-shadow:0 16px 40px rgba(30,58,138,.38)}.button.quiet{background:transparent;color:#c4ccd8}.button:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}

.choices{border:0;padding:0;margin:0}.choices legend{font-family:'Playfair Display',Georgia,serif;color:#fff;font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;margin-bottom:30px}.choice{display:flex;gap:14px;align-items:flex-start;margin:12px 0;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);transition:.2s ease}.choice:hover{border-color:rgba(77,117,219,.5);background:rgba(30,58,138,.08)}.choice input{margin-top:5px;accent-color:#4d75db}.choice:has(input:checked){border-color:#4d75db;background:rgba(30,58,138,.16);box-shadow:0 0 0 1px rgba(77,117,219,.15) inset}
.input-label{display:grid;gap:10px;margin-top:25px;color:#cbd2dd;font-size:.86rem;font-weight:700;letter-spacing:.02em}.input-label textarea,.input-label input,.focus-editor textarea,.new-thought textarea{width:100%;border:1px solid rgba(192,198,207,.2);border-radius:18px;background:rgba(7,10,16,.68);color:#f5f7fb;padding:18px 20px;resize:vertical;box-shadow:0 10px 40px rgba(0,0,0,.12) inset;transition:.2s}.input-label textarea{min-height:180px}.input-label textarea:focus,.input-label input:focus{border-color:#4d75db;background:rgba(10,13,20,.9)}

.thought-comparison,.path-list,.nexus-list ol,.privacy-ledger ol{list-style:none;margin:28px 0;padding:0;display:grid;gap:15px}.thought-comparison{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.thought-card,.path-card,.result,.relation-list li,.change-set,.privacy-ledger article,.relation-create{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,rgba(18,29,51,.82),rgba(9,13,22,.76));box-shadow:var(--shadow);padding:24px;overflow:hidden}.thought-card{position:relative}.thought-card:before,.path-card:before{content:'';position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(var(--blue-bright),transparent)}.thought-card p:not(.context-label){color:#e2e6ed;font-size:1.02rem}.thought-card .button{margin:8px 5px 0 0;font-size:.73rem;min-height:36px;padding:7px 10px}.result{margin-top:28px;border-color:rgba(77,117,219,.3);background:linear-gradient(145deg,rgba(30,58,138,.18),rgba(15,22,38,.75))}.result h2{margin-top:0}.result p{font-family:'Playfair Display',Georgia,serif;font-size:1.35rem;color:#fff}

.renderer-tabs{display:flex;gap:8px;margin:26px 0 20px}.renderer-tabs button{min-height:38px;padding:7px 14px;font-size:.78rem}.renderer-tabs button[aria-pressed="true"]{background:#1e3a8a;border-color:#4d75db;color:#fff}.nexus-list ol,.relation-list ol{padding:0;list-style:none}.nexus-graph{margin:25px 0}.graph-canvas{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;padding:28px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at center,rgba(30,58,138,.14),rgba(7,10,16,.42))}.graph-node{display:grid;place-items:center;min-height:130px;padding:18px;text-align:center;border:1px solid rgba(77,117,219,.38);border-radius:50%;background:rgba(15,22,38,.9);color:#eaf0ff;box-shadow:0 0 45px rgba(30,58,138,.15)}.sr-equivalent{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.relation-list li{margin:12px 0;box-shadow:none}.relation-list li>span{display:block;margin-bottom:8px}.relation-list li>span:first-child{color:#fff;font-weight:700}.relation-list li>span:nth-child(2){color:var(--muted);font-size:.82rem}.relation-create{margin-top:20px;box-shadow:none}

.mein-raum{width:min(1000px,100%)}.path-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.path-card{position:relative}.path-card h3{margin:0 0 12px}.path-card p{color:#c3cad5}.path-card .button{margin:7px 6px 0 0}.path-history ol{padding-left:22px}.path-history li{padding:12px 0 16px 12px;border-left:1px solid rgba(77,117,219,.3)}.path-history li[aria-current="true"]{border-left-color:#7397f2}.path-history small{color:var(--muted)}.development-timeline,.privacy-ledger{margin-top:38px}.change-set{margin:16px 0;box-shadow:none}.change-set h3{margin-top:0}.privacy-ledger article{box-shadow:none}.privacy-ledger small{color:var(--muted);word-break:break-word}

.persistence-notice,.conflict-notice{width:min(var(--max),calc(100% - 48px));margin:18px auto -20px;border:1px solid rgba(77,117,219,.28);border-radius:14px;padding:12px 15px;background:rgba(30,58,138,.12);color:#dce6ff;font-size:.86rem}.conflict-notice{border-color:rgba(192,198,207,.34);background:rgba(192,198,207,.08)}
.app-footer{display:flex;justify-content:space-between;gap:25px;padding:20px max(24px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);color:#737f91;font-size:.7rem;letter-spacing:.05em;background:rgba(7,10,16,.5)}

/* Compatibility with further released experience views */
.vestigium-trace,.reorientation,.vestigium-hero,.evidence-memory,.learning-focus,.trace-consent,.orientation-atmosphere,.orientation-hero,.orientation-inputs,.orientation-transition,.focus-editor,.new-thought,.orientation-thread,.thought-workspace,.mentor-presence,.mentor-sheet,.development-observation,.development-hero,.development-rail,.development-source,.development-fields,.observed-impact,.continuity-hero,.orientation-anchor,.continuity-map,.continuity-next,.nexus-hero,.nexus-field,.nexus-composer,.nexus-relations,.auth-access{border:1px solid var(--line);border-radius:var(--radius);background:rgba(15,22,38,.58);padding:clamp(18px,3vw,30px);margin:18px 0}.statement{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.45rem,3vw,2.2rem);color:#fff}.stage,.mentor-kicker,.context-label{color:#7894dc;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:700}.mentor-marker,.nexus-orb{width:12px;height:12px;border-radius:50%;background:#4d75db;box-shadow:0 0 22px #4d75db}.hf-navigation,.spatial-nav,.auth-access-actions{display:flex;gap:10px;flex-wrap:wrap}.room-not-ready{padding:40px;text-align:center;color:var(--muted)}

@media (max-width:760px){
  .app-header{min-height:72px;padding:11px 18px}.brand-mark{width:34px;height:41px}.brand-lockup strong{font-size:.92rem}.brand-lockup small{font-size:.54rem}.runtime-context>span:first-child{display:none}.thinking-screen{width:min(100% - 32px,var(--max));padding-top:48px}.thinking-screen:before{display:none}h1{font-size:clamp(2.35rem,12vw,3.5rem)}.choices legend{font-size:2.25rem}.thought-comparison,.path-list{grid-template-columns:1fr}.actions{justify-content:stretch}.actions .button{flex:1 1 100%}.app-footer{display:grid;padding:18px}.graph-canvas{grid-template-columns:1fr}.runtime-status{font-size:.62rem}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}



/* =========================================================
   ALETHEIA VESTIGIUM – Markenauftritt 1.0.2
   Öffentliche Startseite vor dem Orientierungsraum
   ========================================================= */

[hidden]{display:none!important}

.brand-site{
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 18%,rgba(30,58,138,.20),transparent 34rem),
    radial-gradient(circle at 18% 84%,rgba(77,117,219,.07),transparent 30rem),
    #080b12;
  color:var(--light);
}

.brand-site__header{
  width:min(var(--max),calc(100% - 48px));
  min-height:92px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  border-bottom:1px solid var(--line);
}

.site-brand{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
}

.site-brand__mark{
  width:38px;
  height:48px;
  filter:brightness(0) invert(1);
}

.site-brand__type{
  display:grid;
  line-height:1;
}

.site-brand__type strong{
  font-family:'Playfair Display',Georgia,serif;
  color:#fff;
  letter-spacing:.16em;
  font-size:1rem;
  font-weight:600;
}

.site-brand__type small{
  margin-top:7px;
  color:#8fa8e8;
  letter-spacing:.24em;
  font-size:.58rem;
  font-weight:700;
}

.site-nav{
  display:flex;
  align-items:center;
  gap:28px;
  font-size:.77rem;
}

.site-nav a{
  color:#aab3c2;
  text-decoration:none;
  transition:.2s ease;
}

.site-nav a:hover{color:#fff}

.site-nav__cta{
  border:1px solid rgba(77,117,219,.5);
  background:rgba(30,58,138,.14);
  color:#dfe8ff;
  border-radius:999px;
  padding:9px 15px;
  font-size:.75rem;
  font-weight:700;
}

.brand-hero{
  width:min(var(--max),calc(100% - 48px));
  min-height:760px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  align-items:center;
  gap:60px;
  position:relative;
}

.brand-hero__copy{
  position:relative;
  z-index:2;
  padding:90px 0;
}

.hero-kicker,.section-kicker{
  margin:0 0 18px;
  color:#7894dc;
  text-transform:uppercase;
  letter-spacing:.24em;
  font-size:.68rem;
  font-weight:800;
}

.brand-hero h1{
  max-width:760px;
  margin:0;
  color:#fff;
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(4rem,7vw,7.6rem);
  font-weight:500;
  line-height:.96;
  letter-spacing:-.04em;
}

.brand-hero h1 span{
  color:#aebedb;
}

.hero-lead{
  max-width:680px;
  margin:34px 0 0;
  color:#aeb6c4;
  font-size:1.03rem;
  line-height:1.85;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  margin-top:38px;
}

.hero-button{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  min-height:50px;
  border-radius:999px;
  padding:11px 22px;
  text-decoration:none;
  font:inherit;
  font-size:.8rem;
  font-weight:750;
  transition:.2s ease;
}

.hero-button--primary{
  border:1px solid #365ec2;
  background:linear-gradient(135deg,#2a55c1,#1e3a8a);
  color:#fff;
  box-shadow:0 14px 42px rgba(30,58,138,.25);
}

.hero-button--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 50px rgba(30,58,138,.38);
}

.hero-button--quiet{
  border:1px solid var(--line);
  background:rgba(255,255,255,.015);
  color:#bdc6d5;
}

.hero-principles{
  display:flex;
  flex-wrap:wrap;
  gap:10px 24px;
  margin-top:54px;
  padding-top:24px;
  border-top:1px solid var(--line);
  color:#79869a;
  font-size:.71rem;
  letter-spacing:.03em;
}

.brand-hero__visual{
  min-height:620px;
  position:relative;
  display:grid;
  place-items:center;
}

.orbit{
  position:absolute;
  border:1px solid rgba(77,117,219,.10);
  border-radius:50%;
}

.orbit--outer{width:490px;height:490px}
.orbit--inner{width:330px;height:330px;border-color:rgba(77,117,219,.08)}

.hero-path{
  width:min(480px,92%);
  height:auto;
  overflow:visible;
}

.hero-path__glow,
.hero-path__line{
  fill:none;
  stroke-linecap:round;
}

.hero-path__glow{
  stroke:#365fc8;
  stroke-width:19;
  opacity:.10;
  filter:blur(12px);
}

.hero-path__line{
  stroke:url(#none);
  stroke:#a8b9dd;
  stroke-width:3.2;
  opacity:.82;
}

.hero-star{
  position:absolute;
  top:80px;
  right:86px;
  z-index:2;
  color:#fff;
  font-size:3rem;
  text-shadow:0 0 30px rgba(115,151,242,.8);
}

.visual-caption{
  position:absolute;
  right:0;
  bottom:60px;
  margin:0;
  color:#68758a;
  text-align:right;
  font-size:.72rem;
  line-height:1.7;
}

.brand-section{
  width:min(var(--max),calc(100% - 48px));
  margin:0 auto;
  padding:110px 0;
  border-top:1px solid var(--line);
}

.brand-section--intro{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:90px;
  align-items:start;
}

.brand-section h2,.brand-cta h2{
  margin:0;
  font-family:'Playfair Display',Georgia,serif;
  font-weight:500;
  color:#fff;
  line-height:1.15;
  font-size:clamp(2.4rem,4vw,4.2rem);
  letter-spacing:-.03em;
}

.section-copy{
  max-width:630px;
  color:#aeb6c4;
  line-height:1.9;
}

.section-quote{
  margin-top:35px;
  color:#dce4f1;
  font-family:'Playfair Display',Georgia,serif;
  font-size:1.35rem;
}

.brand-section--cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.principle-card{
  min-height:320px;
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:1px solid var(--line);
  border-radius:24px;
  background:
    linear-gradient(155deg,rgba(18,29,51,.78),rgba(8,11,18,.78));
  transition:.2s ease;
}

.principle-card:hover{
  transform:translateY(-4px);
  border-color:rgba(77,117,219,.36);
}

.principle-card>span{
  margin-bottom:auto;
  color:#5f77b8;
  font-size:.67rem;
  letter-spacing:.14em;
}

.principle-card h3{
  margin:0 0 12px;
  font-size:1.65rem;
}

.principle-card p{
  margin:0;
  color:#939dab;
  font-size:.88rem;
  line-height:1.75;
}

.brand-section--statement{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:80px;
  align-items:center;
}

.statement-signet{
  width:150px;
  height:190px;
  display:grid;
  place-items:center;
}

.statement-signet img{
  width:100%;
  height:100%;
  filter:brightness(0) invert(1);
  opacity:.88;
}

.brand-section--statement p:last-child{
  max-width:760px;
  margin-top:25px;
  color:#9da7b6;
  line-height:1.9;
}

.brand-cta{
  width:min(var(--max),calc(100% - 48px));
  margin:0 auto 70px;
  padding:90px clamp(30px,7vw,90px);
  text-align:center;
  border:1px solid rgba(77,117,219,.22);
  border-radius:30px;
  background:
    radial-gradient(circle at 50% 0%,rgba(30,58,138,.22),transparent 24rem),
    rgba(15,22,38,.46);
}

.brand-cta h2{max-width:850px;margin:0 auto}
.brand-cta .hero-button{margin-top:34px}

.brand-site__footer{
  width:min(var(--max),calc(100% - 48px));
  min-height:120px;
  margin:0 auto;
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  color:#667286;
  font-size:.67rem;
  letter-spacing:.11em;
}

.brand-site__footer>div{
  display:grid;
  gap:5px;
}

.brand-site__footer strong{
  color:#c8cfdb;
  letter-spacing:.14em;
}

@media (max-width:900px){
  .site-nav a{display:none}
  .brand-hero{
    min-height:auto;
    grid-template-columns:1fr;
    gap:0;
  }
  .brand-hero__copy{padding:80px 0 25px}
  .brand-hero__visual{min-height:460px}
  .brand-section--intro{grid-template-columns:1fr;gap:35px}
  .brand-section--cards{grid-template-columns:1fr}
  .principle-card{min-height:240px}
  .brand-section--statement{grid-template-columns:1fr;gap:30px}
  .statement-signet{width:90px;height:115px}
}

@media (max-width:600px){
  .brand-site__header,
  .brand-hero,
  .brand-section,
  .brand-cta,
  .brand-site__footer{width:min(100% - 32px,var(--max))}
  .brand-site__header{min-height:78px}
  .site-brand__mark{width:30px;height:40px}
  .site-brand__type strong{font-size:.86rem}
  .site-nav__cta{padding:8px 11px;font-size:.67rem}
  .brand-hero h1{font-size:clamp(3.4rem,17vw,5rem)}
  .brand-hero__visual{min-height:390px}
  .orbit--outer{width:330px;height:330px}
  .orbit--inner{width:230px;height:230px}
  .hero-star{top:50px;right:35px}
  .visual-caption{bottom:20px}
  .brand-section{padding:78px 0}
  .brand-section h2,.brand-cta h2{font-size:2.55rem}
  .brand-cta{padding:65px 24px}
  .brand-site__footer{align-items:flex-start;flex-direction:column;justify-content:center}
}