:root{color-scheme:light dark;--background: #f7f8fa;--surface: #ffffff;--surface-muted: #eef1f5;--border: #d8dee8;--text: #20242c;--muted: #616b7b;--accent: #6c43e0;--accent-bright: #8a68f5;--accent-soft: #eee9ff;--code: #f1f3f7;--header-height: 4rem;--sidebar-width: 19rem}@media (prefers-color-scheme: dark){:root{--background: #101217;--surface: #171a21;--surface-muted: #20242d;--border: #303642;--text: #e9edf4;--muted: #aab3c2;--accent: #a98cff;--accent-bright: #b49bff;--accent-soft: #29213f;--code: #20242d}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text);font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;line-height:1.65}a{color:var(--accent)}.site-header{position:sticky;z-index:20;top:0;height:var(--header-height);display:flex;align-items:center;gap:1.5rem;padding:0 1.5rem;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:0.7rem;color:var(--text);font-size:1.05rem;text-decoration:none;letter-spacing:-0.01em}.brand-mark{width:1.75rem;height:1.75rem;border-radius:0.55rem 0.55rem 0.55rem 0.15rem;background:linear-gradient(145deg, #8e6bff, #5630c7);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18);transform:rotate(-5deg)}.header-links{display:flex;gap:1.25rem;margin-left:auto}.header-links a{color:var(--muted);font-size:0.9rem;font-weight:600;text-decoration:none}.header-links a:hover,.header-links a:focus-visible{color:var(--text)}.navigation-toggle{display:none;margin-left:auto;padding:0.45rem 0.7rem;border:1px solid var(--border);border-radius:0.45rem;background:var(--surface);color:var(--text);font:inherit;font-size:0.9rem}.site-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:calc(100vh - var(--header-height))}.sidebar{position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));padding:1.25rem 1rem 2rem;overflow-y:auto;border-right:1px solid var(--border);background:var(--surface)}.nav-link,.nav-group summary{display:block;width:100%;padding:0.45rem 0.65rem;border-radius:0.45rem;color:var(--muted);font-size:0.9rem;font-weight:600;text-decoration:none;cursor:pointer}.nav-link:hover,.nav-link:focus-visible,.nav-group summary:hover{background:var(--surface-muted);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.nav-group{margin-top:0.25rem}.nav-group summary::marker{color:var(--muted)}.nav-group[open] summary{color:var(--text)}.nav-link-small{margin-left:0.65rem;width:calc(100% - 0.65rem);padding-block:0.3rem;font-size:0.78rem;font-weight:500}.content{width:min(100%, 72rem);padding:3rem clamp(1.5rem, 5vw, 5rem) 5rem}article>:first-child{margin-top:0}h1,h2,h3,h4{line-height:1.25;letter-spacing:-0.025em;scroll-margin-top:calc(var(--header-height) + 1.5rem)}h1{margin-bottom:1.75rem;font-size:clamp(2rem, 4vw, 3rem)}h2{margin-top:2.75rem;padding-bottom:0.45rem;border-bottom:1px solid var(--border);font-size:1.55rem}h3{margin-top:2rem;font-size:1.2rem}p,ul,ol,blockquote,table,pre{max-width:76ch}code{padding:0.12em 0.35em;border-radius:0.3rem;background:var(--code);font-family:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-size:0.88em}pre{padding:1rem;overflow-x:auto;border:1px solid var(--border);border-radius:0.6rem;background:var(--code)}pre code{padding:0;background:transparent}blockquote{margin-left:0;padding:0.25rem 1rem;border-left:3px solid var(--accent);color:var(--muted)}table{display:block;width:max-content;max-width:100%;overflow-x:auto;border-spacing:0;border-collapse:collapse}th,td{padding:0.55rem 0.75rem;border:1px solid var(--border);text-align:left;vertical-align:top}th{background:var(--surface-muted)}.page-footer{margin-top:4rem;padding-top:1rem;border-top:1px solid var(--border);font-size:0.85rem}.landing-page{min-height:100vh;background:radial-gradient(circle at 82% 18%, rgba(108,67,224,0.14), transparent 28rem),var(--background)}.landing-header{position:relative;width:min(100% - 3rem, 78rem);margin:0 auto;padding:0;border-bottom:0;background:transparent;backdrop-filter:none}.hero{display:grid;grid-template-columns:minmax(0, 1.05fr) minmax(22rem, 0.95fr);align-items:center;gap:clamp(3rem, 7vw, 7rem);width:min(100% - 3rem, 78rem);min-height:42rem;margin:0 auto;padding:clamp(4.5rem, 7vw, 6.5rem) 0}.eyebrow{margin:0 0 1rem;color:var(--accent);font-size:0.78rem;font-weight:750;letter-spacing:0.16em;text-transform:uppercase}.hero h1{max-width:11ch;margin:0;font-size:clamp(3.25rem, 5.8vw, 5.25rem);line-height:1.01;letter-spacing:-0.058em}.hero-summary{max-width:37rem;margin:1.75rem 0 0;color:var(--muted);font-size:clamp(1.08rem, 2vw, 1.3rem);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0.72rem 1.15rem;border:1px solid transparent;border-radius:0.7rem;font-size:0.92rem;font-weight:700;text-decoration:none;transition:transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#fff;box-shadow:0 0.7rem 2rem rgba(78,43,180,0.22)}.button-primary:hover,.button-primary:focus-visible{box-shadow:0 0.9rem 2.5rem rgba(78,43,180,0.3)}.button-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.button-secondary:hover,.button-secondary:focus-visible{border-color:var(--accent)}.hero-text-link{grid-column:auto;font-size:0.92rem}.hero-visual{position:relative;justify-self:center;width:min(28rem, 38vw);aspect-ratio:1}.hero-visual::before,.hero-visual::after{position:absolute;inset:50%;border:1px solid var(--border);border-radius:50%;content:"";transform:translate(-50%, -50%)}.hero-visual::before{width:78%;height:78%}.hero-visual::after{width:48%;height:48%;border-style:dashed}.visual-core{position:absolute;z-index:2;inset:50% auto auto 50%;width:28%;aspect-ratio:1;border-radius:30% 30% 30% 9%;background:linear-gradient(145deg, var(--accent-bright), #4d28bd);box-shadow:0 1.5rem 4rem rgba(78,43,180,0.3),inset 0 0 0 1px rgba(255,255,255,0.2);transform:translate(-50%, -50%) rotate(-6deg)}.visual-core span{position:absolute;inset:30%;border:1px solid rgba(255,255,255,0.62);border-radius:50%}.quality{position:absolute;z-index:3;display:flex;align-items:center;gap:0.45rem;padding:0.48rem 0.7rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:0 0.65rem 1.6rem rgba(37,28,67,0.08);color:var(--text);font-size:0.72rem;font-weight:700;white-space:nowrap}.quality i{width:0.42rem;height:0.42rem;border-radius:50%;background:var(--accent)}.quality-purpose{top:5%;left:50%;transform:translateX(-50%)}.quality-simple{top:34%;right:-2%}.quality-powerful{right:7%;bottom:8%}.quality-personal{bottom:8%;left:7%}.quality-protected{top:34%;left:-2%}.project-introduction{display:grid;grid-template-columns:1fr 2fr;gap:2rem;width:min(100% - 3rem, 78rem);margin:0 auto;padding:clamp(5rem, 9vw, 8rem) 0;border-top:1px solid var(--border)}.project-introduction h2{max-width:14ch;margin:0;padding:0;border:0;font-size:clamp(2rem, 4vw, 3.5rem);line-height:1.08}.project-introduction-copy{max-width:48rem}.project-introduction-copy p{margin:0 0 1.25rem;color:var(--muted);font-size:1.05rem;line-height:1.75}.project-introduction-copy p:last-child{margin-bottom:0}.project-introduction-copy .project-foundation{color:var(--text);font-weight:700}.principles{padding:clamp(5rem, 9vw, 8rem) max(1.5rem, calc((100% - 78rem) / 2));border-block:1px solid var(--border);background:var(--surface)}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:baseline;margin-bottom:3rem}.section-heading h2{max-width:15ch;margin:0;padding:0;border:0;font-size:clamp(2rem, 4vw, 3.5rem);line-height:1.08}.principle-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:1rem;background:var(--border)}.principle-card{min-height:18rem;padding:1.6rem;background:var(--surface)}.card-number{color:var(--accent);font-family:"SFMono-Regular", Consolas, monospace;font-size:0.75rem}.principle-card h3{margin:5rem 0 0.8rem;font-size:1.25rem}.principle-card p{margin:0;color:var(--muted);font-size:0.95rem}.text-link{width:fit-content;color:var(--text);font-weight:700;text-decoration:none}.text-link span{display:inline-block;margin-left:0.35rem;color:var(--accent);transition:transform 150ms ease}.text-link:hover span,.text-link:focus-visible span{transform:translateX(0.25rem)}.landing-footer{display:flex;align-items:center;width:min(100% - 3rem, 78rem);margin:0 auto;padding:2rem 0;border-top:1px solid var(--border);color:var(--muted)}@media (max-width: 800px){.navigation-toggle{display:block}.header-links{display:none}.landing-links{display:flex;gap:1rem}.site-shell{display:block}.sidebar{position:fixed;z-index:10;top:var(--header-height);left:0;width:min(88vw, var(--sidebar-width));transform:translateX(-100%);transition:transform 160ms ease;box-shadow:1rem 0 2rem rgba(0,0,0,0.14)}.sidebar.open{transform:translateX(0)}.content{padding-top:2rem}.hero{grid-template-columns:1fr;min-height:auto;padding:4rem 0}.hero-visual{width:min(26rem, 82vw);justify-self:center}.section-heading{grid-template-columns:1fr}.project-introduction{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr}.principle-card{min-height:auto}.principle-card h3{margin-top:2.5rem}.text-link{grid-column:1}}@media (max-width: 520px){.landing-header,.hero,.project-introduction,.landing-footer{width:min(100% - 2rem, 78rem)}.hero h1{font-size:clamp(2.65rem, 13vw, 3.7rem)}}