.ob-page{background:#fafafa;width:100%;min-height:100vh}.ob-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.ob-hero-content{z-index:2;max-width:800px}.ob-hero-tag{color:#666;text-transform:uppercase;letter-spacing:.15em;background:#0000000a;border:1px solid #0000000f;border-radius:100px;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.75rem;font-weight:500;display:inline-block}.ob-hero-title{letter-spacing:-.03em;color:#000;margin:0 0 2rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.08}.ob-hero-subtitle{color:#666;max-width:560px;margin:0 auto 2.5rem;font-size:1.15rem;font-style:italic;line-height:1.7}.ob-hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.ob-cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);border:none;border-radius:100px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.ob-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f14d}.ob-cta-secondary{color:#888;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;font-family:monospace;font-size:.85rem;font-weight:500;transition:color .2s}.ob-cta-secondary:hover{color:#000}.ob-section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.ob-section-label{color:#888;text-transform:uppercase;letter-spacing:.15em;background:#0000000a;border:1px solid #0000000f;border-radius:100px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.75rem;font-weight:500;display:inline-block}.ob-section-title{letter-spacing:-.03em;color:#000;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}.ob-system-section{background:#fafafa;padding:6rem 2rem}.ob-flowchart{flex-direction:column;align-items:center;max-width:1000px;margin:0 auto;display:flex}.ob-level{width:100%}.ob-level-label{text-align:center;text-transform:uppercase;letter-spacing:.15em;color:#999;margin-bottom:.5rem;font-family:monospace;font-size:.7rem;font-weight:600;display:block}.ob-level-title{text-align:center;color:#666;margin-bottom:1rem;font-size:.85rem;font-weight:500}.ob-level-cards{gap:1rem;display:grid}.ob-level-cards[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.ob-level-cards[data-cols="1"]{grid-template-columns:1fr;max-width:500px;margin:0 auto}.ob-card{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a,0 1px 3px #00000008}.ob-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #6366f11a,0 4px 12px #0000000d}.ob-card-icon{color:#888;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1rem;display:flex}.ob-card-icon svg{width:24px;height:24px}.ob-card-title{color:#000;margin:0 0 .5rem;font-size:1rem;font-weight:600}.ob-card-desc{color:#666;margin:0;font-size:.9rem;line-height:1.6}.ob-card-badges{gap:.5rem;margin-top:1rem;display:flex}.ob-tool-badge{background:#fff;border:1px solid #00000014;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:flex}.ob-tool-badge img{object-fit:contain;width:100%;height:100%}.ob-connector{justify-content:center;padding:.75rem 0;display:flex}.ob-connector-line{transform-origin:top;border-left:2px dashed #0000001f;width:2px;height:40px}.ob-tiers-grid{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;display:grid}.ob-tier-card{text-align:center;background:#fff;border:1px solid #0000000a;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a,0 1px 3px #00000008}.ob-tier-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #6366f11a,0 4px 12px #0000000d}.ob-tier-tag{color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:.3rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.ob-tier-tag[data-tier="1"]{background-color:#09f}.ob-tier-tag[data-tier="2"]{background-color:#7b5ef1}.ob-tier-tag[data-tier="3"]{background-color:#a855f7}.ob-tier-label{color:#000;margin:.75rem 0 .25rem;font-size:.9rem;font-weight:600}.ob-tier-channel{color:#000;margin:0;font-size:1.1rem;font-weight:700}.ob-tier-channel-sub{color:#888;margin:.25rem 0 0;font-size:.8rem}.ob-tier-tools{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.ob-convergence{justify-content:center;padding:1.25rem 0;display:flex}.ob-convergence-svg{overflow:visible}.ob-funnel{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.ob-funnel-node{background:#fff;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1.5rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.ob-funnel-node svg{color:#000;flex-shrink:0;width:18px;height:18px}.ob-funnel-node span{color:#000;font-size:.9rem;font-weight:500}.ob-funnel-node.ob-funnel-final{background:#000;border-color:#000;animation:2s ease-in-out infinite obSubtlePulse;box-shadow:0 8px 30px #00000026}.ob-funnel-node.ob-funnel-final svg{color:#fff}.ob-funnel-node.ob-funnel-final span{color:#fff;font-weight:700}@keyframes obSubtlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.ob-funnel-chevron{color:#999;margin-top:.5rem;animation:2s infinite bounce}.ob-funnel-chevron svg{width:20px;height:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.ob-usp-section{background:#fff;padding:6rem 2rem}.ob-usp-title-italic{color:#888;font-style:italic;font-weight:400}.ob-usp-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.ob-usp-card{background:#fafafa;border:1px solid #0000000a;border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.ob-usp-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #6366f11a,0 8px 16px #0000000a}.ob-usp-icon{color:#000;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.5rem;display:flex}.ob-usp-icon svg{width:28px;height:28px}.ob-usp-card-title{color:#000;margin:0 0 .75rem;font-size:1.15rem;font-weight:600}.ob-usp-card-desc{color:#666;margin:0;font-size:.9rem;line-height:1.7}.ob-faq-section{background:#fafafa;padding:6rem 2rem}.ob-faq-list{flex-direction:column;max-width:700px;margin:0 auto;display:flex}.ob-faq-item{cursor:pointer;border-bottom:1px solid #00000014}.ob-faq-question{color:#000;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.5rem 0;font-size:1.05rem;font-weight:500;display:flex}.ob-faq-toggle{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ob-faq-toggle svg{color:#666;width:16px;height:16px;transition:transform .3s}.ob-faq-item.open .ob-toggle-vertical{opacity:0;transform:rotate(90deg)}.ob-faq-answer{max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.ob-faq-item.open .ob-faq-answer{max-height:500px;padding-bottom:1.5rem}.ob-faq-answer p{color:#666;margin:0;font-size:.95rem;line-height:1.8}.ob-final-cta{text-align:center;background:#000;padding:8rem 2rem}.ob-final-content{max-width:600px;margin:0 auto}.ob-final-title{color:#fff;letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.ob-final-text{color:#ffffff80;letter-spacing:.02em;margin:0 0 2.5rem;font-family:monospace;font-size:.85rem}.ob-cta-large{padding:1.25rem 2.5rem;font-size:1.1rem}@media (max-width:900px){.ob-hero{min-height:auto;padding:6rem 1.5rem 3rem}.ob-hero-subtitle{font-size:1.05rem}.ob-system-section{padding:4rem 1.5rem}.ob-level-cards[data-cols="3"]{grid-template-columns:1fr}.ob-tiers-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.ob-convergence{display:none}.ob-usp-section{padding:4rem 1.5rem}.ob-usp-grid{grid-template-columns:1fr;max-width:500px}.ob-faq-section{padding:4rem 1.5rem}.ob-final-cta{padding:5rem 1.5rem}}@media (max-width:600px){.ob-hero{padding:5rem 1rem 2rem}.ob-hero-title{font-size:2.25rem}.ob-hero-subtitle{font-size:.95rem}.ob-section-title{font-size:1.75rem}.ob-system-section,.ob-usp-section,.ob-faq-section{padding:3rem 1rem}.ob-card{padding:1.25rem}.ob-usp-card{padding:1.5rem}.ob-final-cta{padding:4rem 1rem}}