@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@300;400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#060608;--navy:#0a0c14;--white:#f0ede8;--cream:#e8e4dc;--accent:#c8b89a;--accent2:#b8956a;--dim:#f0ede81f;--border:#f0ede812}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:DM Mono,monospace;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:999;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");position:fixed;inset:0}.bg-canvas{z-index:0;position:fixed;inset:0;overflow:hidden}.bg-canvas svg{width:100%;height:100%}nav{z-index:50;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#060608b3;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:.75rem;display:flex}.nav-wordmark{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.65rem}.nav-links{gap:2rem;display:flex}.nav-links a{letter-spacing:.15em;text-transform:uppercase;color:#f0ede859;font-size:.6rem;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--white)}.hero{z-index:1;flex-direction:column;justify-content:center;min-height:100vh;padding:8rem 3rem 5rem;display:flex;position:relative}.hero-eyebrow{letter-spacing:.35em;text-transform:uppercase;color:var(--accent);margin-bottom:2.5rem;font-size:.6rem;animation:1s both fadeUp}.hero-title{color:var(--white);margin-bottom:2rem;font-family:DM Serif Display,serif;font-size:clamp(4rem,11vw,10rem);line-height:.92;animation:1s .1s both fadeUp}.hero-title em{color:var(--accent);font-style:italic}.hero-sub{color:#f0ede866;max-width:40ch;margin-bottom:3rem;font-size:.82rem;line-height:1.9;animation:1s .2s both fadeUp}.hero-cta{align-items:center;gap:1.25rem;animation:1s .3s both fadeUp;display:flex}.btn-primary{background:var(--white);color:var(--black);letter-spacing:.18em;text-transform:uppercase;padding:.9rem 2.25rem;font-family:DM Mono,monospace;font-size:.65rem;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{background:var(--accent)}.btn-ghost{letter-spacing:.15em;text-transform:uppercase;color:#f0ede84d;font-size:.6rem;text-decoration:none;transition:color .3s}.btn-ghost:hover{color:var(--white)}hr{border:none;border-top:1px solid var(--border);z-index:1;position:relative}.statement{z-index:1;border-bottom:1px solid var(--border);padding:7rem 3rem;position:relative}.statement p{color:#f0ede8d1;max-width:800px;font-family:DM Serif Display,serif;font-size:clamp(1.9rem,4vw,3.4rem);line-height:1.25}.statement p em{color:var(--accent);font-style:italic}.apps{z-index:1;border-bottom:1px solid var(--border);padding:6rem 3rem;position:relative}.section-label{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:3rem;font-size:.58rem}.apps-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;display:grid}.app-card{background:var(--black);padding:2.5rem;transition:background .35s}.app-card:hover{background:#c8b89a09}.app-name{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem;font-size:.58rem}.app-title{color:var(--white);margin-bottom:.7rem;font-family:DM Serif Display,serif;font-size:1.55rem;line-height:1.15}.app-desc{color:#f0ede852;font-size:.72rem;line-height:1.85}.app-status{letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--border);color:#f0ede838;margin-top:1.5rem;padding:.28rem .7rem;font-size:.52rem;display:inline-block}.app-status.live{color:var(--accent);border-color:#c8b89a4d}.principle{z-index:1;border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:6rem;padding:6rem 3rem;display:grid;position:relative}.principle-text h2{margin-bottom:1.5rem;font-family:DM Serif Display,serif;font-size:clamp(2rem,4vw,3rem);line-height:1.2}.principle-text p{color:#f0ede861;font-size:.75rem;line-height:2}.principle-list{list-style:none}.principle-list li{border-bottom:1px solid var(--border);color:#f0ede873;gap:1rem;padding:1.25rem 0;font-size:.7rem;line-height:1.75;display:flex}.principle-list li span{color:var(--accent);flex-shrink:0}footer{z-index:1;justify-content:space-between;align-items:center;padding:2.5rem 3rem;display:flex;position:relative}.footer-logo{color:var(--accent);font-family:DM Serif Display,serif;font-size:1.3rem}.footer-copy,.footer-built{letter-spacing:.1em;color:#f0ede82e;font-size:.58rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes orb1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,-40px)scale(1.08)}66%{transform:translate(-40px,30px)scale(.95)}}@keyframes orb2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-50px,60px)scale(1.05)}66%{transform:translate(70px,-50px)scale(.92)}}@keyframes orb3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,50px)scale(1.1)}}@keyframes gridFade{0%,to{opacity:.03}50%{opacity:.055}}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){nav{padding:1.25rem 1.5rem}.nav-links{display:none}.hero{padding:7rem 1.5rem 3rem}.statement,.apps,.principle{padding:4rem 1.5rem}.principle{grid-template-columns:1fr;gap:3rem}footer{text-align:center;flex-direction:column;gap:1rem;padding:2rem 1.5rem}}