:root{--ocho-bg: #FAFAF7;--ocho-fg: #0A0A0A;--ocho-accent: #FF6F5C;--ocho-accent-pressed: #FF6F5C;--ocho-fg-subtle: rgb(10 10 10 / .62);--ocho-hairline: rgb(10 10 10 / .12);--ocho-bg-hairline: rgb(250 250 247 / .16);--ocho-header-height: 4rem;--ocho-curve: cubic-bezier(.65, 0, .35, 1);--ocho-d-quick: .2s;--ocho-d-medium: .4s;--ocho-d-slow: .8s}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ocho-cascade-tile{animation:none!important}}[x-cloak]{display:none!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.ocho-site-header{position:sticky;top:0;z-index:50;height:var(--ocho-header-height);display:flex;align-items:center;border-bottom:1px solid var(--ocho-hairline);background:#fafaf7eb;backdrop-filter:blur(12px)}.ocho-hero-shell{min-height:calc(100dvh - var(--ocho-header-height));background:var(--ocho-bg)}.ocho-hero-veil{background:linear-gradient(180deg,#fafaf7eb,#fafaf7)}.ocho-hero-shell:after,.ocho-section-bone:before,.ocho-section-black:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(10 10 10 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(10 10 10 / .03) 1px,transparent 1px);background-size:64px 64px;opacity:.44;z-index:-5}.ocho-section-bone,.ocho-section-black{position:relative;isolation:isolate}.ocho-section-bone:before{background-image:linear-gradient(rgb(10 10 10 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(10 10 10 / .03) 1px,transparent 1px);opacity:.4;z-index:-1}.ocho-section-black:before{background-image:linear-gradient(rgb(250 250 247 / .045) 1px,transparent 1px),linear-gradient(90deg,rgb(250 250 247 / .035) 1px,transparent 1px);z-index:-1}.ocho-hero-form{border-left:2px solid var(--ocho-accent);padding-left:1rem}@media (min-width: 1024px){.ocho-hero-grid{grid-template-columns:minmax(0,.52fr) minmax(18rem,.48fr)}.ocho-problem-grid{grid-template-columns:minmax(0,.82fr) minmax(16rem,.18fr)}.ocho-pricing-head{grid-template-columns:minmax(0,.7fr) minmax(16rem,.3fr)}.ocho-product-head{grid-template-columns:minmax(0,.64fr) minmax(16rem,.36fr)}.ocho-product-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.96fr) minmax(0,.96fr)}.ocho-stack-preview{grid-row:span 2}.ocho-product-grid .ocho-screenshot-panel:nth-child(2){margin-top:2.5rem}.ocho-product-grid .ocho-screenshot-panel:nth-child(3){margin-bottom:2.5rem}}@media (min-width: 1280px){.ocho-hero-grid{max-width:72rem}}@media (max-width: 767px){.ocho-cascade-stage{max-width:19rem;margin-inline:auto}.ocho-stack-preview,.ocho-screenshot-panel{max-width:24rem;margin-inline:auto}}@media (min-width: 768px) and (max-width: 1023px){.ocho-product-grid{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}.ocho-stack-preview{grid-column:1 / -1}}.ocho-hero-note,.ocho-side-rule,.ocho-trust-note,.ocho-price-panel,.ocho-method-step,.ocho-cascade-stage,.ocho-stack-preview,.ocho-screenshot-panel{border:1px solid var(--ocho-hairline);border-radius:8px}.ocho-cascade-stage{border-color:var(--ocho-hairline);background:#fafaf7bd;padding:1rem;box-shadow:0 24px 64px #0a0a0a1f}.ocho-cascade-frame{aspect-ratio:9 / 16;max-height:min(39rem,68dvh);overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#0a0a0af0,#0a0a0a),var(--ocho-fg)}.ocho-cascade-stack{display:grid;align-content:center;justify-items:center;gap:.5rem;min-height:100%;padding:2.5rem 1rem;background-image:linear-gradient(rgb(250 250 247 / .06) 1px,transparent 1px),linear-gradient(90deg,rgb(250 250 247 / .045) 1px,transparent 1px);background-size:40px 40px}.ocho-cascade-tile{--tile-width: calc(9rem + (var(--i) * 1.15rem));display:grid;gap:.25rem;width:min(100%,var(--tile-width));min-height:4rem;place-items:center;border-radius:8px;background:var(--ocho-fg);padding:.75rem 1rem;text-align:center;box-shadow:inset 0 0 0 1px #fafaf71f,0 10px 24px #0000006b;transform-origin:right bottom;animation:ocho-cascade-tip 7.2s var(--ocho-curve) infinite;animation-delay:calc(var(--i) * .17s)}.ocho-cascade-dominoes{width:min(100%,16.5rem);min-height:5rem;border-left:8px solid var(--ocho-accent)}@keyframes ocho-cascade-tip{0%,10%{transform:translateY(0) rotate(0)}18%{transform:translateY(.25rem) rotate(2deg)}28%,88%{transform:translateY(0) rotate(0)}to{transform:translateY(0) rotate(0)}}.ocho-cascade-caption{display:grid;gap:.5rem;padding-top:1rem}.ocho-side-rule{border-left:2px solid var(--ocho-fg);padding:1rem}.ocho-method-step{border-color:var(--ocho-bg-hairline);background:#fafaf70a;padding:1.5rem}.ocho-price-panel,.ocho-stack-preview,.ocho-screenshot-panel{background:#fafaf7bd;padding:1.5rem}.ocho-stack-preview,.ocho-screenshot-panel{display:grid;gap:1.5rem;align-content:start}.ocho-device-shell{overflow:hidden;border:1px solid var(--ocho-hairline);border-radius:8px;background:linear-gradient(180deg,#fafaf7fa,#fafaf7e6),var(--ocho-bg);padding:1.5rem 1rem;box-shadow:0 24px 64px #0a0a0a1f}.ocho-stack-layers{display:grid;justify-items:center;gap:.5rem;margin-top:1.5rem}.ocho-stack-layer{display:grid;gap:.25rem;width:min(100%,15rem);min-height:4rem;place-items:center;border-radius:8px;background:var(--ocho-fg);padding:.75rem 1rem;text-align:center;box-shadow:inset 0 0 0 1px #fafaf714}.ocho-stack-layer:nth-child(1){width:10rem}.ocho-stack-layer:nth-child(2){width:11rem}.ocho-stack-layer:nth-child(3){width:12rem}.ocho-stack-layer:nth-child(4){width:13rem}.ocho-stack-layer:nth-child(5){width:14rem}.ocho-stack-layer:nth-child(6){width:15rem}.ocho-stack-layer-dominoes{position:relative;width:min(100%,16rem);min-height:7rem;border-left:8px solid var(--ocho-accent)}.ocho-showcase-copy{display:grid;gap:.5rem}.ocho-screenshot{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--ocho-hairline);box-shadow:0 24px 64px #0a0a0a1f}.ocho-price-panel-accent{border-color:var(--ocho-fg);box-shadow:inset 0 0 0 1px var(--ocho-fg)}.ocho-trust-note{border-left:2px solid var(--ocho-accent);background:#ff6f5c1f;padding:1rem}.legal-prose h2{font-family:Tiempos Headline,Cambria,Charter,Georgia,serif;font-size:1.5rem;line-height:1.2;margin:2.5rem 0 1rem}.legal-prose p,.legal-prose li{color:var(--ocho-fg-subtle)}.legal-prose p,.legal-prose ul{margin-bottom:1rem}.legal-prose ul{padding-left:1rem}.legal-prose a{color:var(--ocho-fg);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--ocho-hairline)}.legal-prose a:focus-visible{outline:2px solid var(--ocho-accent);outline-offset:3px}
