:root{
  --ink:#161616;--muted:#6d6b68;--paper:#fbfaf8;--panel:#fff;--line:#e9e5df;
  --orange:#f36b21;--orange-soft:#fff1e8;--shadow:0 24px 70px rgba(29,24,20,.08);
  --radius:24px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","Century Gothic","Segoe UI",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}button,input{font:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(251,250,248,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(233,229,223,.8)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand img{height:32px;width:auto}.nav-links{display:flex;align-items:center;gap:24px;color:#3f3c39;font-size:14px}.nav-links a:hover{color:var(--orange)}.nav-cta{padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#fff}.hero{padding:105px 0 80px;position:relative;overflow:hidden}.hero:after{content:"semantic";position:absolute;right:-26px;top:50px;font-weight:700;font-size:clamp(90px,17vw,235px);letter-spacing:-.07em;color:rgba(243,107,33,.045);pointer-events:none}.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--orange);font-weight:700}.dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}h1,h2,h3{letter-spacing:-.045em;line-height:1.05;margin:0}h1{font-size:clamp(54px,8vw,108px);max-width:980px;font-weight:650}.hero p{font-size:clamp(18px,2.1vw,25px);color:var(--muted);max-width:720px;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 20px;font-weight:650;font-size:14px;border:1px solid var(--line);background:#fff;cursor:pointer;transition:.2s transform,.2s border-color,.2s box-shadow}.btn:hover{transform:translateY(-2px);border-color:#d8d2cb;box-shadow:0 10px 25px rgba(0,0,0,.05)}.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-orange{background:var(--orange);color:#fff;border-color:var(--orange)}.btn-ghost{background:transparent}.section{padding:78px 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section h2{font-size:clamp(36px,5vw,62px);font-weight:620}.section-copy{max-width:670px;color:var(--muted);font-size:17px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 1px 0 rgba(0,0,0,.02)}.card.feature{min-height:340px;display:flex;flex-direction:column;justify-content:space-between}.card h3{font-size:30px;margin:10px 0 12px}.muted{color:var(--muted)}.meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.pill{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff}.badge-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}.badge-row img{max-height:48px;width:auto}.wordmark-band{padding:45px 0;text-align:center;overflow:hidden}.wordmark-band img{width:min(520px,75vw);opacity:.94}.footer{border-top:1px solid var(--line);padding:40px 0 54px;color:var(--muted);font-size:13px}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer .small-logo{height:24px}.page-hero{padding:70px 0 45px}.page-hero h1{font-size:clamp(48px,7vw,82px)}.search-wrap{display:flex;gap:10px;align-items:center;margin:22px 0 18px}.search{flex:1;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;outline:none;box-shadow:0 8px 30px rgba(0,0,0,.025)}.search:focus{border-color:#cfc6bd;box-shadow:0 0 0 4px var(--orange-soft)}.segmented{display:flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px;gap:3px}.segmented button{border:0;background:transparent;border-radius:999px;padding:9px 13px;cursor:pointer;color:var(--muted);font-size:12px}.segmented button.active{background:var(--ink);color:#fff}.module-list{display:grid;gap:10px;margin:28px 0 80px}.module-row{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:.2s}.module-row:hover{border-color:#d7d0c8;transform:translateY(-1px);box-shadow:0 12px 34px rgba(0,0,0,.04)}.module-icon{width:46px;height:46px;border-radius:13px;background:var(--orange-soft);display:grid;place-items:center;overflow:hidden}.module-icon img{width:30px;height:30px;object-fit:contain}.module-name{font-weight:700}.module-url{font-size:12px;color:var(--muted);word-break:break-all}.arrow{color:var(--orange);font-weight:800}.official{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);font-weight:800}.modal-backdrop{position:fixed;inset:0;background:rgba(19,17,15,.3);backdrop-filter:blur(12px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:28px}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer}.steps{display:flex;gap:8px;margin:25px 0}.step{flex:1;padding:12px;border-radius:14px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.step strong{display:block;color:var(--ink);font-size:13px}.step.active{border-color:#f6b38d;background:var(--orange-soft)}.form-grid{display:grid;gap:15px;margin-top:22px}.field label{display:block;font-size:12px;font-weight:700;margin:0 0 7px}.field input{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;outline:none}.field input:focus{border-color:#d8a07f;box-shadow:0 0 0 4px var(--orange-soft)}.note{padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--muted)}.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;gap:32px;align-items:start}.sidebar{position:sticky;top:98px;font-size:13px;color:var(--muted)}.sidebar h4{color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.toc a{display:block;padding:6px 0}.toc a:hover{color:var(--orange)}.readme{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;min-height:500px;overflow:hidden}.readme h1,.readme h2,.readme h3{letter-spacing:-.025em;margin:1.2em 0 .5em}.readme h1{font-size:38px}.readme h2{font-size:28px}.readme h3{font-size:21px}.readme pre{overflow:auto;background:#191816;color:#f7f2ec;padding:18px;border-radius:14px}.readme code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.readme a{color:var(--orange);text-decoration:underline}.module-head{text-align:center;padding:55px 0 35px}.module-head .big-icon{width:88px;height:88px;border-radius:24px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 20px;box-shadow:0 10px 28px rgba(0,0,0,.04);overflow:hidden}.module-head .big-icon img{width:58px;height:58px;object-fit:contain}.module-head h1{font-size:clamp(40px,6vw,70px);margin:auto}.side-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:12px}.side-card h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.kv{font-size:13px;word-break:break-word}.kv a{color:var(--orange)}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.empty img{width:260px;opacity:.65;margin-bottom:18px}.legal{max-width:800px}.legal h2{font-size:30px;margin:45px 0 14px}.legal h3{font-size:20px;margin:30px 0 8px}.legal p,.legal li{color:#4f4b47}.warning{padding:14px 16px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a4a14;font-size:13px}.codebox{background:#181715;color:#f5f0e9;border-radius:18px;padding:18px;overflow:auto;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.number{width:35px;height:35px;border-radius:50%;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;font-weight:800;margin-bottom:22px}.status{font-size:12px;margin-top:8px;color:var(--muted)}
@media(max-width:900px){.docs-layout{grid-template-columns:1fr}.sidebar{position:static}.docs-layout>.sidebar:last-child{order:3}.grid-2,.three{grid-template-columns:1fr}.nav-links a:not(.nav-cta){display:none}.section-head{align-items:start;flex-direction:column}.hero{padding-top:80px}.module-row{grid-template-columns:auto 1fr}.module-row .arrow{display:none}}@media(max-width:600px){.shell{width:min(calc(100% - 24px),var(--max))}.nav-inner{height:66px}.brand img{height:27px}.hero{padding:68px 0 55px}.section{padding:55px 0}.card{padding:22px}.search-wrap{flex-direction:column;align-items:stretch}.segmented{align-self:flex-start}.steps{flex-direction:column}.readme{padding:22px}.modal{padding:20px;border-radius:22px}}

/* 2026 brand refinement */
body{position:relative;isolation:isolate}
body:before{content:"";position:fixed;z-index:-2;left:50%;top:16vh;width:min(72vw,900px);height:min(96vw,1160px);transform:translateX(-50%);background:url('../img/tree-of-life.png') center/contain no-repeat;opacity:.022;pointer-events:none;filter:saturate(.9)}
.mantra-bar{min-height:34px;display:flex;align-items:center;justify-content:center;gap:.4em;padding:8px 18px;text-align:center;background:#171615;color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.mantra-bar span{color:#ff8a34}
.nav{top:34px}.brand img{height:25px;max-width:170px;object-fit:contain}.wordmark-only{object-fit:contain}
.hero-brand{min-height:760px;padding:112px 0 94px;display:flex;align-items:center;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.95) 0,rgba(251,250,248,.90) 54%,rgba(251,250,248,.78) 100%)}
.hero-brand:after{display:none}.hero-content{position:relative;z-index:2;text-align:center}.hero-tree{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);width:min(52vw,640px);opacity:.07;z-index:0;pointer-events:none}.hero-tree img{width:100%}
.hero-wordmark{width:min(760px,84vw);margin:0 auto}.hero-wordmark img{display:block;width:100%;filter:drop-shadow(0 18px 42px rgba(25,22,19,.04))}.hero-kicker{margin-top:8px;font-size:13px;letter-spacing:.52em;text-transform:uppercase;color:#37322f}.hero-line{font-size:clamp(28px,4vw,52px);font-weight:520;letter-spacing:-.04em;margin:28px auto 0}.hero-intro{margin:24px auto!important;max-width:850px!important;font-size:clamp(18px,2vw,23px)!important}.hero-actions{justify-content:center}.hero-statement{margin:38px auto 0;max-width:760px;padding-top:26px;border-top:1px solid var(--line);font-size:14px;letter-spacing:.045em;color:#3f3b37}.hero-statement span{color:var(--orange)}
.section-editorial{background:rgba(255,255,255,.43)}.section-wordmark{width:min(360px,66vw);margin:12px 0 14px}.section-wordmark img{display:block;width:100%}.section-head>div{min-width:0}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.principle-card{min-height:310px;padding:30px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.78);backdrop-filter:blur(8px);display:flex;flex-direction:column}.principle-index{font-size:11px;letter-spacing:.14em;color:var(--orange);font-weight:800}.principle-card h3{font-size:28px;margin:90px 0 12px}.principle-card p{color:var(--muted);margin:0}
.ai-section{overflow:hidden}.ai-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.ai-copy h2{font-size:clamp(44px,6vw,78px);max-width:760px}.ai-copy p{font-size:18px;color:var(--muted);max-width:720px}.ai-copy .ai-emphasis{color:var(--ink);font-weight:650;letter-spacing:-.01em}.ai-mark{min-height:500px;display:grid;place-items:center;position:relative}.ai-mark:before{content:"";position:absolute;width:78%;aspect-ratio:1;border:1px solid rgba(243,107,33,.14);border-radius:50%}.ai-mark img{width:min(380px,85%);opacity:.9;filter:drop-shadow(0 28px 48px rgba(243,107,33,.08))}
.quote-section{background:#171615;color:#f5f2ee}.quote-section .eyebrow{color:#ff8a34}.quote-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.quote-intro h2{font-size:clamp(38px,5vw,64px);max-width:700px}.quote-card{margin:0;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:34px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));position:relative;overflow:hidden}.quote-card:after{content:"";position:absolute;right:-45px;bottom:-75px;width:210px;height:280px;background:url('../img/tree-of-life.png') center/contain no-repeat;opacity:.06}.quote-card-main{padding:48px 52px;margin-bottom:18px}.quote-card blockquote{margin:0;position:relative;z-index:1;font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,2.25vw,31px);line-height:1.55;letter-spacing:-.018em}.quote-card-main blockquote{font-size:clamp(23px,2.6vw,36px);line-height:1.48}.quote-mark{font-family:Georgia,serif;font-size:72px;line-height:.7;color:#ff8a34;margin-bottom:24px}.quote-card figcaption{margin-top:26px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#c9c1ba;position:relative;z-index:1}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-grid .quote-card{min-height:400px;display:flex;flex-direction:column}.quote-grid figcaption{margin-top:auto;padding-top:26px}
.premium-card{background:linear-gradient(180deg,#fff,#fdfbf8)}.mini-wordmark{width:230px;margin-bottom:20px}.mini-wordmark img{display:block;width:100%}.wordmark-band-large{padding:85px 0 70px;display:flex;flex-direction:column;align-items:center;gap:16px}.wordmark-band-large img{width:min(700px,80vw)}.wordmark-band-large span{font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:var(--muted)}
.page-brandmark{width:min(430px,72vw);margin:0 0 16px}.page-brandmark img{display:block;width:100%}
@media(max-width:900px){.mantra-bar{font-size:9px;letter-spacing:.08em}.nav{top:34px}.principles-grid,.quote-grid,.ai-layout{grid-template-columns:1fr}.principle-card{min-height:auto}.principle-card h3{margin-top:45px}.ai-mark{min-height:360px}.quote-card-main{padding:34px}.quote-grid .quote-card{min-height:auto}}
@media(max-width:600px){.mantra-bar{min-height:42px;line-height:1.45}.nav{top:42px}.hero-brand{min-height:680px;padding-top:88px}.hero-tree{width:92vw}.hero-kicker{letter-spacing:.34em}.quote-card,.quote-card-main{padding:26px}.brand img{height:21px}.hero-statement{font-size:12px}}
.module-manifesto{margin-top:28px;padding:18px 20px;border-left:2px solid var(--orange);display:flex;gap:18px;align-items:baseline;background:rgba(255,255,255,.56);border-radius:0 18px 18px 0}.module-manifesto strong{white-space:nowrap}.module-manifesto span{color:var(--muted);font-size:14px}
@media(max-width:700px){.module-manifesto{align-items:flex-start;flex-direction:column;gap:5px}.module-manifesto strong{white-space:normal}}
/* =========================================================
   GLOBAL STICKY HEADER
   Mantra bar + navigation stay permanently connected
   ========================================================= */

:root{
  --semantic-mantra-height: 32px;
}

.mantra-bar{
  position:sticky;
  top:0;
  z-index:1001;

  height:var(--semantic-mantra-height);
  min-height:var(--semantic-mantra-height);

  display:flex;
  align-items:center;
  justify-content:center;

  margin:0;
  border:0;

  background:#17130f;
}

.nav{
  position:sticky;
  top:var(--semantic-mantra-height);
  z-index:1000;

  margin-top:0;
  border-top:0;
}

/* Prevent any visible gap between both bars */
.mantra-bar + .nav{
  margin-top:0;
}

/* Elements that use sticky offsets should stay below both bars */
.module-side,
.module-readme h1,
.module-readme h2,
.module-readme h3,
.module-readme h4{
  scroll-margin-top:120px;
}

@media(max-width:600px){
  :root{
    --semantic-mantra-height:30px;
  }
}