/* PolyMind theme · 2026-11-04 (polymindsite). Loads last. Sir's test: "its alive, its breathing, and it establishes peace and calm".
   Pure #000, warm-white type in light weights, one living accent hue (--live-hue from polymind.js; warm-only at night),
   resonance breathing (4.5 s in / 6.4 s out by day, ~12 s at night) on the compositor, reduced motion respected.
   Kill switch: ?polymind=off (polymind.js adds .pm-theme-off and this layer steps back). */
:root{--live-hue:28;--live-hue2:12;--breath:.5;--sl-period:10.9s;
  --sl-ink:#f3ede6;--sl-dim:#a59d96;--sl-mute:#6f6862;
  --sl-acc:hsl(var(--live-hue) 74% 70%);--sl-acc2:hsl(var(--live-hue2) 70% 64%);--sl-glow:hsla(var(--live-hue),80%,60%,.22)}
html:not(.pm-theme-off){--blue:hsl(var(--live-hue) 62% 58%);--blue2:hsl(var(--live-hue) 76% 74%);--red:hsl(var(--live-hue2) 74% 64%);--ink:var(--sl-ink);--dim:var(--sl-dim);--mute:var(--sl-mute)}
html:not(.pm-theme-off) body{background:#000;color:var(--sl-ink)}

/* calmer type: light weights, sentence case, wide quiet tracking */
html:not(.pm-theme-off) .display,html:not(.pm-theme-off) .h2{font-weight:300;text-transform:none;letter-spacing:-.022em;line-height:1.04}
html:not(.pm-theme-off) .display .dim,html:not(.pm-theme-off) .h2 .dim{color:var(--sl-dim)}
html:not(.pm-theme-off) .fh{font-weight:300;text-transform:none;letter-spacing:-.02em}
html:not(.pm-theme-off) .eyebrow{color:var(--sl-dim);font-weight:400;letter-spacing:.3em}
html:not(.pm-theme-off) .tick{background:var(--sl-acc)!important;box-shadow:0 0 10px var(--sl-glow)}
html:not(.pm-theme-off) .tile h3,html:not(.pm-theme-off) .xbody h3,html:not(.pm-theme-off) .promise b{font-weight:400;text-transform:none;letter-spacing:0;font-size:17px}
html:not(.pm-theme-off) .lede,html:not(.pm-theme-off) .fl{color:#c9c0b8}
html:not(.pm-theme-off) a{color:var(--sl-acc)}
html:not(.pm-theme-off) .nav{background:rgba(0,0,0,.58);border-bottom-color:rgba(255,240,225,.06)}
html:not(.pm-theme-off) .nav-links a{color:#d9d1ca;font-weight:400;letter-spacing:.18em}
html:not(.pm-theme-off) .nav-links a[aria-current="page"]{box-shadow:inset 0 -1px 0 var(--sl-acc)}
html:not(.pm-theme-off) .nav-links .nav-cta{background:rgba(255,244,232,.92);color:#120c08;font-weight:500}
html:not(.pm-theme-off) .brand span{font-weight:400;letter-spacing:.3em}
html:not(.pm-theme-off) .btn{border-radius:999px;font-weight:500;letter-spacing:.16em}
html:not(.pm-theme-off) .btn-primary{background:rgba(255,244,232,.94);color:#120c08;box-shadow:0 0 0 0 var(--sl-glow);animation:sl-halo var(--sl-period) infinite}
html:not(.pm-theme-off) .btn-primary:hover{background:#fff}
html:not(.pm-theme-off) .btn-ghost{border:1px solid rgba(255,240,225,.42);color:var(--sl-ink);background:rgba(255,240,225,.02);backdrop-filter:blur(10px)}
html:not(.pm-theme-off) .btn-ghost:hover{background:rgba(255,244,232,.92);color:#120c08}
html:not(.pm-theme-off) .tile,html:not(.pm-theme-off) .xcard,html:not(.pm-theme-off) .promise div,html:not(.pm-theme-off) .chat,html:not(.pm-theme-off) .buy-card{border-radius:22px;border-color:rgba(255,240,225,.08);background:linear-gradient(180deg,rgba(255,240,225,.035),rgba(255,240,225,.01))}
html:not(.pm-theme-off) .feat{border-top-color:rgba(255,240,225,.05)}
html:not(.pm-theme-off) .tag{color:var(--sl-acc);border-color:hsla(var(--live-hue),70%,70%,.35)}
html:not(.pm-theme-off) :focus-visible{outline-color:var(--sl-acc)}

/* existing SVG illustrations take the living accent (CSS beats presentation attributes) */
html:not(.pm-theme-off) svg [stroke="#7cc4ff"],html:not(.pm-theme-off) svg [stroke="#3d8bff"]{stroke:var(--sl-acc)}
html:not(.pm-theme-off) svg [fill="#7cc4ff"],html:not(.pm-theme-off) svg [fill="#3d8bff"]{fill:var(--sl-acc)}
html:not(.pm-theme-off) svg [stroke="#ff3b4e"]{stroke:var(--sl-acc2)}
html:not(.pm-theme-off) svg [fill="#ff3b4e"]{fill:var(--sl-acc2)}
html:not(.pm-theme-off) svg [stroke="rgba(124,196,255,.25)"]{stroke:hsla(var(--live-hue),70%,70%,.25)}
html:not(.pm-theme-off) svg [fill="rgba(61,139,255,.25)"]{fill:hsla(var(--live-hue),70%,58%,.25)}
/* night: no blue, no green. Feature canvases + companions are warmed (gold/amber/rose) after sunset */
html.sl-night:not(.pm-theme-off) .feat canvas.fx,html.sl-night:not(.pm-theme-off) canvas.viz,html.sl-night:not(.pm-theme-off) .feat img,html.sl-night:not(.pm-theme-off) .ring3d i{filter:sepia(.9) saturate(1.5) hue-rotate(-14deg)}
html.sl-night:not(.pm-theme-off) svg [fill="#7ff0c8"]{fill:hsl(var(--live-hue2) 70% 72%)}
html.sl-night:not(.pm-theme-off) svg [stroke="#7ff0c8"]{stroke:hsl(var(--live-hue2) 70% 72%)}
html.sl-night:not(.pm-theme-off) .pip-lines{border-color:hsla(var(--live-hue2),70%,70%,.28)!important}
html.sl-night:not(.pm-theme-off) .pip-lines b[style*="7ff0c8"],html.sl-night:not(.pm-theme-off) .who[style*="7ff0c8"]{color:hsl(var(--live-hue2) 70% 74%)!important}

/* the breath: 41% inhale / 59% exhale, eased, never a hard hold */
@keyframes sl-breathe{0%{opacity:.38;transform:scale(.94)}41.3%{opacity:1;transform:scale(1.04)}100%{opacity:.38;transform:scale(.94)}}
@keyframes sl-halo{0%{box-shadow:0 0 0 0 hsla(var(--live-hue),80%,60%,0)}41.3%{box-shadow:0 0 28px 2px hsla(var(--live-hue),80%,60%,.28)}100%{box-shadow:0 0 0 0 hsla(var(--live-hue),80%,60%,0)}}
@keyframes sl-twinkle{0%,100%{opacity:.12}50%{opacity:.5}}
.sl-ember{display:inline-block;width:6px;height:6px;border-radius:50%;background:hsl(var(--live-hue) 85% 66%);box-shadow:0 0 12px 2px hsla(var(--live-hue),85%,60%,.55);animation:sl-breathe var(--sl-period) cubic-bezier(.45,0,.55,1) infinite;vertical-align:middle}
.sl-word{font-weight:300;letter-spacing:.46em;text-transform:lowercase;color:rgba(243,237,230,.5);font-size:13px;display:inline-flex;align-items:center;gap:.9em}
.sl-word b{font-weight:300}

/* ---------- hero ---------- */
.sl-hero{position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden;background:#000;isolation:isolate}
.sl-hero canvas#sl-orb{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.sl-stars{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;color:hsl(var(--live-hue2) 70% 70%)}
.sl-stars g.c{animation:sl-breathe var(--sl-period) cubic-bezier(.45,0,.55,1) infinite;transform-box:fill-box;transform-origin:center}
.sl-stars circle{fill:currentColor}
.sl-stars line,.sl-stars path{stroke:currentColor;stroke-width:.6;fill:none}
.sl-stars .lk{opacity:.07}.sl-stars .c line{opacity:.22}.sl-stars .c circle{opacity:.55}
.sl-stars .tw{animation:sl-twinkle 13s ease-in-out infinite}
.sl-form{position:absolute;left:50%;top:calc(33% + min(100vw,100vh)*.2);transform:translateX(-50%);z-index:2;margin:0;font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:rgba(243,237,230,.0);transition:color 1.6s ease;pointer-events:none;white-space:nowrap}
.sl-form.on{color:rgba(243,237,230,.42)}
.sl-copy{position:absolute;left:0;right:0;bottom:clamp(64px,13vh,140px);z-index:3;text-align:center;padding:0 22px}
.sl-copy h1{margin:0;font-weight:300;font-size:clamp(38px,5.6vw,86px);line-height:1;letter-spacing:-.03em;color:var(--sl-ink)}
.sl-copy .sub{margin:18px auto 0;max-width:34em;color:#cfc6be;font-size:clamp(16px,1.45vw,20px);font-weight:300}
.sl-copy .tagline{margin:10px auto 0;color:var(--sl-dim);font-size:clamp(13.5px,1.1vw,15.5px);letter-spacing:.02em}
.sl-copy .cta-row{margin-top:26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.sl-copy .sl-word{margin-bottom:22px}
.sl-scroll{position:absolute;left:50%;bottom:22px;z-index:3;width:1px;height:34px;background:linear-gradient(rgba(243,237,230,.0),rgba(243,237,230,.35));transform:translateX(-50%)}

/* ---------- the orb section ---------- */
.sl-sec{position:relative;padding:clamp(90px,13vw,170px) 0;background:#000;border-top:1px solid rgba(255,240,225,.05)}
.sl-sec .center{text-align:center}
.sl-sec .h2{font-size:clamp(34px,4.6vw,64px)}
.sl-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.sl-card{padding:26px 24px;border-radius:22px;border:1px solid rgba(255,240,225,.08);background:linear-gradient(180deg,rgba(255,240,225,.035),rgba(255,240,225,.008))}
.sl-card h3{margin:0 0 10px;font-weight:400;font-size:18px;letter-spacing:-.005em;color:var(--sl-ink)}
.sl-card p{margin:0;color:#bdb4ac;font-size:15.5px;line-height:1.6}
.sl-card .num{display:block;margin-bottom:14px;font-size:30px;font-weight:300;letter-spacing:-.02em;color:var(--sl-acc)}
.sl-breathe{display:flex;flex-direction:column;align-items:center;margin:56px auto 0;gap:16px}
.sl-breathe i{display:block;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 50% 48%,hsla(var(--live-hue),92%,80%,.85) 0,hsla(var(--live-hue),85%,62%,.42) 30%,hsla(var(--live-hue2),80%,48%,.14) 52%,hsla(var(--live-hue2),70%,30%,0) 70%);filter:blur(3px);animation:sl-breathe var(--sl-period) cubic-bezier(.45,0,.55,1) infinite}
.sl-breathe span{font-size:12px;letter-spacing:.38em;text-transform:uppercase;color:var(--sl-dim);min-height:1.2em}
.sl-lab{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;margin-top:80px}
.sl-lab .lens{position:relative;aspect-ratio:1/1;border-radius:28px;overflow:hidden;background:#000;border:1px solid rgba(255,240,225,.06)}
.sl-lab canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.sl-lab label{display:block;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--sl-dim);margin:22px 0 12px}
.sl-lab input[type=range]{width:100%;accent-color:hsl(var(--live-hue) 75% 66%)}
.sl-lab .ends{display:flex;justify-content:space-between;font-size:12px;color:var(--sl-mute);margin-top:6px}
.sl-lab output{display:block;margin-top:18px;min-height:1.5em;color:#e6ddd5;font-size:17px}
.sl-loads{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.sl-loads figure{margin:0}.sl-loads img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid rgba(255,240,225,.06)}
.sl-loads figcaption{margin-top:8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--sl-mute);text-align:center}
.sl-film{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:center;margin-top:90px}
.sl-film video{width:100%;height:auto;aspect-ratio:1/1;display:block;border-radius:28px;background:#000;border:1px solid rgba(255,240,225,.06)}
.sl-forms{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.sl-forms li{font-size:15px;color:#d6cdc5;display:flex;align-items:center;gap:10px}
.sl-forms li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sl-acc);box-shadow:0 0 8px var(--sl-glow)}
.sl-note{margin-top:22px;font-size:13px;color:var(--sl-mute);line-height:1.6}

/* ---------- architecture ---------- */
.sl-pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:60px}
.sl-pillar{position:relative;padding:30px 28px 28px;border-radius:24px;border:1px solid rgba(255,240,225,.08);background:linear-gradient(180deg,rgba(255,240,225,.04),rgba(255,240,225,.008))}
.sl-pillar h3{margin:14px 0 4px;font-weight:300;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.015em;color:var(--sl-ink)}
.sl-pillar .like{margin:0 0 14px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--sl-dim)}
.sl-pillar p{margin:0;color:#c2b9b1;font-size:15.5px;line-height:1.62}
.sl-pillar ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.sl-pillar li{font-size:14.5px;color:#ddd4cc;display:flex;gap:10px;align-items:baseline}
.sl-pillar li:before{content:"";flex:none;width:12px;height:1px;background:var(--sl-acc);transform:translateY(-4px)}
.sl-pillar .honest{margin-top:16px;font-size:13px;color:var(--sl-mute)}
.sl-status{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:5px 11px;border-radius:999px;border:1px solid rgba(255,240,225,.22);color:#d8cfc7}
.sl-status:before{content:"";width:6px;height:6px;border-radius:50%;border:1px solid currentColor}
.sl-status.today{border-color:hsla(var(--live-hue),70%,66%,.5);color:var(--sl-acc)}
.sl-status.today:before{background:currentColor;border:0;box-shadow:0 0 8px currentColor}
.sl-map{margin:64px auto 0;max-width:980px}
.sl-map svg{width:100%;height:auto;display:block}
.sl-map .ch{stroke:rgba(255,240,225,.14);stroke-width:1;stroke-dasharray:2 6;fill:none}
.sl-map text{font-family:inherit;font-size:13px;fill:#e8dfd7;letter-spacing:.02em}
.sl-map .sm{font-size:10.5px;fill:#91877f;letter-spacing:.14em;text-transform:uppercase}
.sl-legend{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;margin:26px 0 0;padding:0;list-style:none}
.sl-legend li{display:flex;align-items:center;gap:9px;font-size:13px;color:#cfc6be}
.sl-legend i{width:12px;height:12px;border-radius:4px;border:2px solid var(--c);box-shadow:0 0 10px -2px var(--c)}
.sl-legend i.dash{border-style:dashed}
.sl-steps{counter-reset:s;list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.sl-steps li{counter-increment:s;padding:20px 18px;border-radius:18px;border:1px solid rgba(255,240,225,.08);font-size:14.5px;color:#cfc6be;line-height:1.55}
.sl-steps li:before{content:counter(s);display:block;font-size:26px;font-weight:300;color:var(--sl-acc);margin-bottom:8px}
.sl-table{width:100%;border-collapse:collapse;margin-top:40px;font-size:15px}
.sl-table th,.sl-table td{text-align:left;padding:14px 10px;border-bottom:1px solid rgba(255,240,225,.07);vertical-align:top}
.sl-table th{font-weight:400;color:var(--sl-dim);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.sl-table td:first-child{color:var(--sl-ink)}.sl-table td{color:#bdb4ac}
.sl-fine{margin-top:34px;font-size:13px;color:var(--sl-mute);line-height:1.6;max-width:62em}
.sl-sec .center .lede{margin-left:auto;margin-right:auto}

@media (max-width:900px){
  .sl-grid3,.sl-pillars{grid-template-columns:1fr}
  .sl-lab,.sl-film{grid-template-columns:1fr;gap:26px}
  .sl-steps{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .sl-form{top:calc(30% + min(100vw,100vh)*.25)}
  .sl-copy{bottom:clamp(48px,8vh,90px)}
  .sl-copy .sl-word{display:none}
  .sl-steps{grid-template-columns:1fr}
  .sl-map text{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .sl-ember,.sl-stars g.c,.sl-stars .tw,.sl-breathe i,html:not(.pm-theme-off) .btn-primary{animation:none!important}
  .sl-form{transition:none}
}
html:not(.pm-theme-off) .brand,html:not(.pm-theme-off) .brand span{color:var(--sl-ink)}
.sl-status{white-space:nowrap}
@media (max-width:720px){
  .sl-table thead{display:none}
  .sl-table,.sl-table tbody,.sl-table tr,.sl-table td{display:block;width:100%}
  .sl-table tr{padding:16px 0;border-bottom:1px solid rgba(255,240,225,.07)}
  .sl-table td{border:0;padding:4px 0}
  .sl-form{top:calc(29% + min(100vw,100vh)*.25)}
}

/* 2026-11-10: long honest status labels. Does not change Deployed or Working today. */
.sl-status.awaiting,.sl-status.staged{white-space:normal;letter-spacing:.12em;line-height:1.35;max-width:18rem;height:auto;text-align:left}