.lattice{--offwhite:#f7f7f7;--obsidian:#111;--electric:#0b3d2e;--vermillion:#f30;--ease:cubic-bezier(.16, 1, .3, 1);--pad:24px;--sans:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;background:var(--offwhite);color:var(--obsidian);overflow-x:hidden}.lattice ::selection{background:var(--electric);color:#fff}.lattice :focus-visible{outline:2px solid var(--electric);outline-offset:2px}.lattice-scene{z-index:0;pointer-events:none;position:fixed;inset:0}.lattice-nav{z-index:50;width:100%;padding:24px var(--pad);color:#fff;mix-blend-mode:difference;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.lattice-mark{letter-spacing:-.025em;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.lattice-mark-accent{fill:#0cf}.lattice-pill{color:#000;background:#fff;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s}.lattice-pill:hover{opacity:.6}.lattice-log{right:var(--pad);z-index:40;width:340px;font-family:var(--mono);-webkit-backdrop-filter:blur(12px);background:#f7f7f7e6;border:1px solid #1111111a;border-radius:8px;padding:20px;font-size:11px;transition:opacity .7s,visibility .7s;position:fixed;bottom:32px;box-shadow:0 10px 40px #11111114}.lattice-log[data-hidden=true]{opacity:0;visibility:hidden}.log-head{text-transform:uppercase;letter-spacing:.1em;color:#111111b3;justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.log-meta{flex-direction:column;gap:4px;display:flex}.log-label{align-items:center;gap:8px;display:inline-flex}.log-dot{background:var(--electric);border-radius:50%;width:6px;height:6px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.log-summary{color:var(--electric);letter-spacing:.06em;font-weight:700}.log-mode{color:#1111118c;font-weight:500}.log-cols,.log-row{grid-template-columns:1fr 68px 72px;align-items:center;display:grid}.log-cols{text-transform:uppercase;letter-spacing:.1em;color:#11111180;border-bottom:1px solid #11111126;margin-bottom:8px;padding-bottom:8px}.log-cols span:nth-child(2),.log-row span:nth-child(2),.log-cols span:last-child,.log-row span:last-child{text-align:right}.log-rows{flex-direction:column;gap:6px;height:90px;display:flex;overflow:hidden}.log-row{animation:slide-in .25s var(--ease) forwards}.log-row span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.log-row span:nth-child(2){opacity:.65}.log-row span:last-child{opacity:.85}.log-row[data-tone=electric] span:first-child{color:var(--electric);font-weight:500}.log-row[data-tone=vermillion] span:first-child{color:var(--vermillion);font-weight:500}.lattice-main{z-index:10;position:relative}.lattice-hero,.topology-sticky,.lattice-close{padding-inline:var(--pad);flex-direction:column;justify-content:center;display:flex}.lattice-hero{height:100vh}.hero-inner{max-width:56rem}.hero-title{letter-spacing:-.05em;margin-bottom:32px;font-size:12vw;font-weight:500;line-height:.9}.hero-lede{opacity:.6;max-width:36rem;margin-bottom:48px;font-size:20px;line-height:1.375}.hero-cta,.close-cta{border-radius:999px;align-items:center;gap:8px;font-size:18px;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.hero-cta{background:var(--electric);color:#fff;padding:16px 32px;font-weight:500}.hero-cta:hover{background:var(--vermillion)}.lattice-topology{height:150vh;position:relative}.topology-sticky{height:100vh;position:sticky;top:0}.topology-inner{max-width:48rem}.topology-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--electric);margin-bottom:24px;font-size:12px}.topology-title{letter-spacing:-.025em;font-size:36px;font-weight:500;line-height:1.05}.topology-body{opacity:.6;max-width:32rem;margin-top:32px;font-size:20px}.lattice-close{z-index:20;background:var(--electric);color:#fff;min-height:100vh;padding-block:112px;position:relative;overflow:hidden}.lattice-close ::selection{color:var(--electric);background:#fff}.lattice-close :focus-visible{outline-color:#fff}.close-dots{opacity:.1;background-image:radial-gradient(circle at 1px 1px,#fff 1px,#0000 0);background-size:40px 40px;animation:26s linear infinite dot-drift;position:absolute;inset:0}.close-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:64rem;margin-inline:auto;display:flex;position:relative}.close-title{letter-spacing:-.05em;margin-bottom:64px;font-size:10vw;font-weight:500;line-height:.92}.close-steps{width:100%;max-width:48rem;font-family:var(--mono);text-align:left;border-top:1px solid #fff3;flex-direction:column;gap:32px;margin-bottom:56px;padding-top:32px;font-size:14px;display:flex}.close-steps li{flex:1}.close-steps span{text-transform:uppercase;color:#ffffff80;margin-bottom:4px;display:block}.close-cta{color:var(--electric);background:#fff;padding:20px 40px;font-weight:700}.close-cta:hover{background:var(--obsidian);color:#fff}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}@keyframes slide-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes pulse{50%{opacity:.5}}@keyframes dot-drift{to{background-position:40px 80px}}@media (width>=640px){.hero-title,.close-title{font-size:6rem}.close-steps{flex-direction:row;gap:48px}}@media (width>=768px){.lattice{--pad:48px}.hero-lede{font-size:24px}.topology-title{font-size:48px}}@media (width>=1024px){.lattice-hero,.topology-sticky,.lattice-close{padding-inline:96px}.hero-title{font-size:7.5rem}.topology-title{font-size:72px}.close-title{font-size:9rem}}@media (width<=640px){.lattice-log{display:none}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.close-dots,.log-dot{animation:none}}