.landing-reveal{--paper:#f8f9fc;--ink:#182033;--quiet:#737f93;--line:#dce2ed;--blue:#4164ec;--mint:#298b7b;--node:#fff;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--paper)}.dark .landing-reveal{--paper:#11151e;--ink:#e7edff;--quiet:#9aa8c0;--line:#303b50;--blue:#8199ff;--mint:#62c7b4;--node:#1c2536}.landing-reveal>header{flex:none;position:relative}.landing-main{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.landing-intro{text-align:center;padding:clamp(8px,3vh,32px) 16px 8px}.landing-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--quiet)}.landing-intro h1{font-size:clamp(25px,4.2vw,60px);font-weight:500;line-height:1.1;letter-spacing:-.04em;margin:12px 0}.landing-intro h1 span{color:var(--blue)}.landing-intro>p:last-child{color:var(--quiet);font-size:clamp(12px,1.5vw,16px)}.architecture-comparison{--paper:#fff;--ink:#182033;--quiet:#737f93;--line:#dce2ed;--blue:#4164ec;--mint:#298b7b;--node:#fff;background:var(--paper);position:relative;min-height:0;margin:0 clamp(0px,2vw,32px);overflow:hidden}.dark .architecture-comparison{--paper:#11151e;--ink:#e7edff;--quiet:#a9b5c9;--line:#47536a;--blue:#8199ff;--mint:#62c7b4;--node:#1c2536}.architecture-scene{position:absolute;inset:24px 0;background:var(--paper)}.architecture-scene svg{width:100%;height:100%;display:block}.architecture-flat svg{transform:scale(.85)}@media(max-width:600px){.architecture-flat svg{transform:scale(.95)}}.architecture-iso img{width:100%;height:100%;object-fit:contain;display:block}.architecture-iso .architecture-dark-image,.dark .architecture-iso .architecture-light-image{display:none}.dark .architecture-iso .architecture-dark-image{display:block}.architecture-label{font:12px Arial,sans-serif;fill:var(--ink)}.zone-label{font:11px Arial,sans-serif;letter-spacing:1.5px;fill:var(--quiet)}.architecture-caption{position:absolute;top:0;font-size:12px;color:var(--quiet)}.architecture-caption-left{left:16px}.architecture-caption-right{right:16px}.architecture-divider{position:absolute;top:24px;bottom:24px;width:1px;background:var(--blue);pointer-events:none}.architecture-divider span{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--blue);border-radius:50%;background:var(--node);color:var(--blue);box-shadow:0 4px 24px #0002}.architecture-slider{position:absolute;inset:24px 0;width:100%;height:calc(100% - 48px);opacity:0;cursor:ew-resize;margin:0;touch-action:none}.architecture-comparison:focus-within .architecture-divider span{outline:3px solid var(--blue);outline-offset:4px}.architecture-hint{position:absolute;bottom:0;width:100%;text-align:center;font-size:11px;color:var(--quiet);pointer-events:none}.landing-actions{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 16px}.landing-create-button{background-image:linear-gradient(to right,#2563eb,#9333ea)}.landing-create-button:hover{filter:brightness(.94)}.landing-footer{display:flex;justify-content:space-between;padding:8px 32px 12px;color:var(--quiet);font-size:11px;flex:none}.landing-mobile-menu{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 64px);overflow-y:auto;background:var(--paper);box-shadow:0 12px 24px #0002}@media(max-width:600px){.landing-intro h1 span{display:block}.landing-footer{justify-content:center;padding:4px 12px 8px}.landing-footer span:last-child{display:none}.landing-actions{gap:12px;padding:8px}}@media(max-height:500px){.landing-intro{padding:4px 12px}.landing-kicker,.landing-intro>p:last-child,.landing-footer{display:none}.landing-intro h1{font-size:25px;margin:4px 0}.landing-intro h1 span{display:inline}.landing-actions{padding:4px 12px}}.marketing-grid{background-image:radial-gradient(circle at 1px 1px,rgba(100,116,139,.18) 1px,transparent 0);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 90%);mask-image:linear-gradient(to bottom,black 30%,transparent 90%)}.marketing-eyebrow{display:inline-flex;align-items:center;border:1px solid rgb(191 219 254);border-radius:9999px;background:#eff6ff;padding:.375rem .75rem;color:#1d4ed8;font-size:.75rem;font-weight:700;letter-spacing:.12em;line-height:1rem;text-transform:uppercase}.dark .marketing-eyebrow{border-color:#3b82f64d;background:#3b82f61a;color:#93c5fd}.marketing-focus:focus-visible{outline:3px solid rgba(59,130,246,.45);outline-offset:3px}.marketing-frame-glow{box-shadow:0 35px 90px -45px #1e40af99}@media(prefers-reduced-motion:reduce){.marketing-page *,.marketing-page *:before,.marketing-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
