:root{--p-accent: var(--accent);--p-accent2: var(--accent-teal);--p-ground: var(--bg);--p-surface: var(--surface);--p-surface2: color-mix(in srgb, var(--surface) 60%, var(--bg));--p-line: var(--border);--p-line-soft: var(--border-subtle, var(--border));--p-ink: var(--text);--p-soft: color-mix(in srgb, var(--text) 74%, transparent);--p-muted: var(--muted);--p-warn: #c2740b;--p-good: #0f9d58;--p-shadow: 0 22px 60px -30px rgba(20, 16, 50, .5);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}[data-theme=light]{--p-warn: #b96c09;--p-good: #0f9d58;--p-shadow: 0 22px 60px -30px rgba(46, 40, 118, .34)}.principles{color:var(--p-ink);line-height:1.62;font-size:17px;-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 620px at 6% -8%,color-mix(in srgb,var(--p-accent) 18%,transparent),transparent 60%),radial-gradient(1000px 560px at 100% -6%,color-mix(in srgb,var(--p-accent2) 15%,transparent),transparent 55%),var(--p-ground)}.principles *{box-sizing:border-box}.principles .brand-zero{color:var(--p-accent)}.principles .brand-cove{color:var(--p-accent2)}.principles svg.icon{width:1.15em;height:1.15em;flex:none;display:inline-block;vertical-align:-.15em}.principles .btn svg.icon{width:1.05em;height:1.05em}.principles .wrap{max-width:1060px;margin:0 auto;padding:0 clamp(1.1rem,4vw,2rem)}.principles .reading{max-width:62ch}.principles .btn{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:.85rem;cursor:pointer;border-radius:999px;padding:.42rem .9rem;border:1px solid var(--p-line);background:var(--p-surface);color:var(--p-soft);text-decoration:none}.principles .btn:hover{color:var(--p-ink)}.principles .btn:focus-visible{outline:2px solid var(--p-accent);outline-offset:2px}.principles .btn.primary{background:var(--p-accent);border-color:transparent;color:#fff;font-weight:600}.principles .btn.primary:hover{background:var(--accent-hover, var(--p-accent));color:#fff}.principles .hero{padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,3.5rem)}.principles .eyebrow{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--p-muted);font-weight:650}.principles .hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(2.1rem,6vw,3.7rem);line-height:1.04;letter-spacing:-.015em;margin:.7rem 0 0;text-wrap:balance;max-width:16ch}.principles .hero h1:focus{outline:none}.principles .hero .lead{margin:1.2rem 0 0;font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--p-soft);max-width:60ch}.principles .hero .lead b{color:var(--p-ink);font-weight:620}.principles .valnav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.8rem}.principles .valnav a{text-decoration:none;font-size:.85rem;color:var(--p-soft);border:1px solid var(--p-line);background:color-mix(in srgb,var(--p-surface) 55%,transparent);border-radius:999px;padding:.4rem .85rem;transition:color .16s ease,border-color .16s ease,background .16s ease}.principles .valnav a:hover{color:var(--p-ink);border-color:color-mix(in srgb,var(--p-accent) 40%,var(--p-line))}.principles .valnav a span{color:var(--p-muted);font-variant-numeric:tabular-nums;margin-right:.4rem}.principles .valnav a.active{color:var(--p-ink);border-color:color-mix(in srgb,var(--p-accent) 55%,var(--p-line));background:color-mix(in srgb,var(--p-accent) 12%,var(--p-surface))}.principles .valnav a.active span{color:var(--p-accent)}.principles .value{padding:clamp(2.4rem,6vw,4rem) 0;border-top:1px solid var(--p-line-soft);scroll-margin-top:72px}.principles .value .tag{display:flex;align-items:baseline;gap:.7rem}.principles .value .tag .n{font-variant-numeric:tabular-nums;font-weight:800;font-size:.8rem;color:var(--p-ground);background:var(--p-ink);border-radius:6px;padding:.12rem .46rem}.principles .value h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.1;letter-spacing:-.015em;margin:.7rem 0 0;text-wrap:balance;max-width:20ch}.principles .value .belief{margin:1rem 0 0;color:var(--p-soft);font-size:1.04rem}.principles .value .belief .enemy{color:var(--p-ink);font-weight:560}.principles .proofs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.8rem}@media(max-width:720px){.principles .proofs{grid-template-columns:1fr}}.principles .panel{border:1px solid var(--p-line);border-radius:16px;background:var(--p-surface);padding:1.25rem 1.3rem}.principles .panel.prod{border-color:color-mix(in srgb,var(--p-accent) 20%,var(--p-line))}.principles .panel.tech{border-color:color-mix(in srgb,var(--p-accent2) 24%,var(--p-line));background:color-mix(in srgb,var(--p-surface) 88%,var(--p-accent2) 6%)}.principles .panel h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .9rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:750}.principles .panel.prod h3{color:var(--p-accent)}.principles .panel.tech h3{color:var(--p-accent2)}.principles .panel h3 .lbl{margin-left:auto;font-size:.66rem;letter-spacing:.01em;text-transform:none;color:var(--p-muted);font-weight:500}.principles .panel ul{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.principles .panel li{display:flex;gap:.6rem;align-items:flex-start;font-size:.93rem;color:var(--p-soft);line-height:1.5}.principles .panel li b{color:var(--p-ink);font-weight:620}.principles .panel li em{font-style:normal;color:var(--p-ink)}.principles .tick{flex:none;width:16px;height:16px;margin-top:.2rem;display:grid;place-items:center}.principles .panel.prod .tick{color:var(--p-accent)}.principles .panel.tech .tick{color:var(--p-accent2)}.principles .tick svg{width:16px;height:16px}.principles .roadmap{font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--p-warn);border:1px solid color-mix(in srgb,var(--p-warn) 42%,transparent);border-radius:5px;padding:.02rem .3rem;margin-left:.35rem;white-space:nowrap}.principles .practice{margin-top:1.4rem;display:flex;gap:.8rem;align-items:flex-start;padding:.95rem 1.15rem;border-left:3px solid var(--p-accent);background:color-mix(in srgb,var(--p-surface) 55%,transparent);border-radius:0 12px 12px 0}.principles .practice .k{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--p-muted);font-weight:700;flex:none;margin-top:.15rem}.principles .practice p{margin:0;font-family:var(--serif);font-style:italic;font-size:1.06rem;color:var(--p-ink)}.principles .sect{padding:clamp(2.4rem,6vw,4rem) 0;border-top:1px solid var(--p-line-soft)}.principles .sect h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.5rem,3.4vw,2.1rem);letter-spacing:-.01em;margin:.6rem 0 0}.principles .sect .intro{margin:.8rem 0 0;color:var(--p-soft);max-width:60ch}.principles .apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.7rem;margin-top:1.8rem}.principles .app{display:flex;gap:.7rem;align-items:flex-start;border:1px solid var(--p-line);border-radius:13px;background:var(--p-surface);padding:.85rem .95rem}.principles .app .ico{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--p-accent) 12%,transparent);color:var(--p-accent)}.principles .app .ico svg{width:18px;height:18px}.principles .app .nm{font-weight:650;font-size:.92rem;color:var(--p-ink)}.principles .app .ds{font-size:.82rem;color:var(--p-muted);margin-top:.1rem;line-height:1.4}.principles .apps-more{margin-top:1rem;color:var(--p-muted);font-size:.9rem}.principles .how{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem;margin-top:1.8rem}.principles .howcard{border:1px solid var(--p-line);border-radius:16px;background:color-mix(in srgb,var(--p-surface) 90%,var(--p-accent2) 3%);padding:1.1rem 1.2rem}.principles .howcard .h{font-weight:680;font-size:.95rem;color:var(--p-ink);display:flex;align-items:center;gap:.5rem}.principles .howcard .h .d{width:7px;height:7px;border-radius:2px;background:var(--p-accent2);flex:none}.principles .howcard p{margin:.5rem 0 0;font-size:.88rem;color:var(--p-soft)}.principles .status{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.8rem}@media(max-width:680px){.principles .status{grid-template-columns:1fr}}.principles .stcol{border:1px solid var(--p-line);border-radius:16px;background:var(--p-surface);padding:1.2rem 1.3rem}.principles .stcol h3{margin:0 0 .9rem;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:750}.principles .stcol.now h3{color:var(--p-good)}.principles .stcol.next h3{color:var(--p-warn)}.principles .stcol ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.principles .stcol li{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem;color:var(--p-soft)}.principles .stcol.now li:before{content:"✓";color:var(--p-good);font-weight:800;flex:none}.principles .stcol.next li:before{content:"→";color:var(--p-warn);font-weight:800;flex:none}.principles .closing{text-align:center;padding:clamp(3rem,8vw,5.5rem) 0 clamp(3.5rem,9vw,6rem);border-top:1px solid var(--p-line-soft)}.principles .closing h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.8rem,5vw,2.9rem);letter-spacing:-.015em;margin:0;text-wrap:balance}.principles .closing p{margin:1rem auto 0;color:var(--p-soft);max-width:46ch}.principles .closing .cta{margin-top:1.8rem;display:inline-flex;gap:.7rem}.principles .app:hover{border-color:color-mix(in srgb,var(--p-accent) 42%,var(--p-line))}.principles .app:hover .ico{background:var(--p-accent);color:#fff}.principles .howcard:hover{border-color:color-mix(in srgb,var(--p-accent2) 45%,var(--p-line))}@media(prefers-reduced-motion:no-preference){.principles .app,.principles .howcard{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.principles .app:hover,.principles .howcard:hover{transform:translateY(-3px);box-shadow:var(--p-shadow)}.principles .app .ico{transition:background .18s ease,color .18s ease}.principles .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.principles .reveal.in{opacity:1;transform:none}.principles .reveal .proofs .panel,.principles .reveal .apps .app,.principles .reveal .how .howcard,.principles .reveal .status .stcol{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease;transition-delay:calc(var(--i, 0) * 55ms)}.principles .reveal.in .proofs .panel,.principles .reveal.in .apps .app,.principles .reveal.in .how .howcard,.principles .reveal.in .status .stcol{opacity:1;transform:none}}
