*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#0f172a;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif}.gradient-text{background:linear-gradient(90deg,#22c55e,#34d399,#4e89ff);color:#0000;-webkit-background-clip:text;background-clip:text}.nav{z-index:100;padding:0 40px;transition:all .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe0;border-bottom:1px solid #00000014}.nav-inner{align-items:center;gap:32px;max-width:1200px;height:64px;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:10px;margin-right:auto;font-size:17px;font-weight:700;display:flex}.logo-mark{color:#fff;background:linear-gradient(135deg,#34d399,#4e89ff);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:900;display:flex}.logo-ai{color:#34d399}.nav-links{gap:28px;display:flex}.nav-links a{color:#64748b;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#0f172a}.nav-cta{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.85}.hero{background:linear-gradient(#f0fdf4 0%,#f8fafc 60%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-orb{filter:blur(80px);opacity:.35;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#86efac,#0000 70%);width:600px;height:600px;top:-100px;left:-100px}.hero-orb-2{background:radial-gradient(circle,#93c5fd,#0000 70%);width:500px;height:500px;bottom:-100px;right:-50px}.hero-grid{background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.hero-content{z-index:1;text-align:center;max-width:800px;padding:120px 40px 80px;position:relative}.hero-badge{color:#059669;letter-spacing:.3px;background:#34d3991f;border:1px solid #34d3994d;border-radius:20px;margin-bottom:28px;padding:5px 16px;font-size:13px;font-weight:600;display:inline-block}.hero-title{letter-spacing:-2px;color:#0f172a;margin-bottom:24px;font-size:clamp(42px,6vw,72px);font-weight:900;line-height:1.08}.hero-desc{color:#475569;max-width:600px;margin:0 auto 36px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:60px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#34d399);border:none;border-radius:10px;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 14px #22c55e59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e66}.btn-primary.btn-large{padding:16px 36px;font-size:16px}.btn-ghost{color:#475569;padding:14px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.btn-ghost:hover{color:#0f172a}.hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;display:flex}.stat-item{text-align:center;padding:0 28px}.stat-num{font-size:32px;font-weight:900;display:block}.stat-lbl{color:#94a3b8;margin-top:2px;font-size:12px;display:block}.stat-divider{background:#e2e8f0;width:1px;height:40px}.section-inner{max-width:1200px;margin:0 auto;padding:100px 40px}.section-label{letter-spacing:2px;text-transform:uppercase;color:#34d399;margin-bottom:14px;font-size:12px;font-weight:700}.section-title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(32px,4vw,48px);font-weight:900}.section-sub{color:#64748b;max-width:640px;margin-bottom:56px;font-size:17px;line-height:1.65}.products-section{background:#fff}.product-cards{grid-template-columns:1fr 1fr;gap:28px;display:grid}.product-card{cursor:pointer;border:1px solid #e2e8f0;border-radius:20px;padding:36px;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001a}.product-orphic{background:linear-gradient(160deg,#f0fdf4,#ecfdf5)}.product-metaclaw{background:linear-gradient(160deg,#eff6ff,#f0f9ff)}.product-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.product-icon{font-size:40px}.product-badge{letter-spacing:1px;border-radius:12px;padding:3px 12px;font-size:11px;font-weight:700}.badge-beta{color:#d97706;background:#f59e0b26}.product-name{margin-bottom:4px;font-size:28px;font-weight:900}.product-tagline{color:#64748b;margin-bottom:14px;font-size:14px;font-weight:500}.product-desc{color:#475569;margin-bottom:20px;font-size:14px;line-height:1.7}.product-modules{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.module-tag{color:#475569;background:#0000000d;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.module-tag.coming{opacity:.5}.product-cta{color:#34d399;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.arrow{transition:transform .2s;display:inline-block}.product-card:hover .arrow{transform:translate(4px)}.orphic-section{background:#f8fafc}.orphic-label{color:#059669}.orphic-modules{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.orphic-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;transition:transform .2s,box-shadow .2s}.orphic-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000012}.orphic-card.coming-soon{opacity:.65}.orphic-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.orphic-emoji{font-size:28px}.orphic-status{letter-spacing:.5px;border-radius:10px;padding:2px 10px;font-size:10px;font-weight:700}.status-beta{color:#d97706;background:#f59e0b1f}.status-soon{color:#94a3b8;background:#f1f5f9}.orphic-name{margin-bottom:6px;font-size:16px;font-weight:700}.orphic-desc{color:#64748b;margin-bottom:14px;font-size:13px;line-height:1.5}.orphic-features{list-style:none}.orphic-features li{color:#64748b;padding:2px 0;font-size:12px}.orphic-features li:before{content:"· ";color:#34d399;font-weight:700}.orphic-pipeline{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px}.pipeline-label{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:12px;font-weight:700}.pipeline-flow{flex-wrap:wrap;align-items:center;gap:0;display:flex}.pipeline-step{align-items:center;gap:0;display:flex}.pipeline-node{color:#065f46;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.pipeline-arrow{color:#34d399;padding:0 10px;font-size:18px;font-weight:700}.metaclaw-section{background:#fff}.metaclaw-label{color:#4e89ff}.bd-card{background:linear-gradient(135deg,#34d39914,#4e89ff14);border:1px solid #34d39940;border-radius:16px;align-items:center;gap:20px;margin-bottom:24px;padding:24px 28px;display:flex}.bd-icon{font-size:32px}.bd-info{flex:1}.bd-title{margin-bottom:6px;font-size:16px;font-weight:700}.bd-sub{color:#64748b;font-size:13px;font-weight:400}.bd-desc{color:#64748b;font-size:13px;line-height:1.5}.bd-badge{color:#059669;white-space:nowrap;background:#34d3991f;border-radius:12px;padding:5px 14px;font-size:11px;font-weight:700}.agent-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}.agent-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:22px;transition:transform .2s,border-color .2s}.agent-card:hover{border-color:#34d399;transform:translateY(-2px)}.agent-icon{margin-bottom:10px;font-size:24px}.agent-name{margin-bottom:2px;font-size:15px;font-weight:700}.agent-role{color:#94a3b8;margin-bottom:10px;font-size:11px}.agent-desc{color:#64748b;margin-bottom:12px;font-size:12px;line-height:1.55}.agent-skills{flex-wrap:wrap;gap:5px;display:flex}.skill-tag{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:2px 8px;font-size:11px}.subagent-block{background:#f0fdf4;border:1px solid #34d39933;border-radius:16px;margin-bottom:40px;padding:24px 28px}.subagent-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.subagent-title{color:#059669;font-size:16px;font-weight:700}.subagent-note{color:#64748b;background:#fff;border-radius:10px;margin-left:4px;padding:2px 10px;font-size:11px}.subagent-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.subagent-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px}.subagent-emoji{margin-bottom:8px;font-size:24px}.subagent-name{margin-bottom:6px;font-size:14px;font-weight:700}.subagent-desc{color:#64748b;font-size:12px;line-height:1.55}.metaclaw-stats{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.mc-stat{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.mc-num{background:linear-gradient(90deg,#22c55e,#34d399,#4e89ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:900}.mc-lbl{color:#94a3b8;margin-top:4px;font-size:11px}.how-section{background:#f8fafc}.how-steps{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px;display:grid}.how-step{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px}.how-num{color:#94a3b8;letter-spacing:1px;margin-bottom:12px;font-size:11px;font-weight:700}.how-icon{margin-bottom:12px;font-size:28px}.how-title{margin-bottom:8px;font-size:15px;font-weight:700}.how-desc{color:#64748b;font-size:13px;line-height:1.6}.trigger-row{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px}.trigger-label{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:12px;font-weight:700}.trigger-list{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.trigger-item{background:#f8fafc;border-radius:10px;flex-direction:column;gap:4px;padding:16px;display:flex}.trigger-icon{font-size:22px}.trigger-name{font-size:13px;font-weight:700}.trigger-desc{color:#94a3b8;font-size:12px}.cta-section{text-align:center;background:#0f172a;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative;overflow:hidden}.cta-orb{pointer-events:none;background:radial-gradient(circle,#34d3991f,#0000 60%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-content{z-index:1;padding:60px 40px;position:relative}.cta-title{color:#fff;letter-spacing:-1px;margin-bottom:16px;font-size:clamp(32px,4vw,52px);font-weight:900}.cta-desc{color:#94a3b8;margin-bottom:36px;font-size:16px}.cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.cta-actions .btn-ghost{color:#94a3b8}.cta-actions .btn-ghost:hover{color:#fff}.footer{background:#0a0f1a;padding:32px 40px}.footer-inner{flex-wrap:wrap;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.footer-brand{color:#fff;align-items:center;gap:10px;margin-right:auto;font-size:15px;font-weight:700;display:flex}.footer-links{align-items:center;gap:24px;display:flex}.footer-links a{color:#64748b;font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#94a3b8}.footer-contact-btn{cursor:pointer;color:#64748b;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;transition:color .2s}.footer-contact-btn:hover{color:#94a3b8}.footer-copy{color:#475569;font-size:12px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:#0f172a;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:560px;max-height:90vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000080}.modal-close{cursor:pointer;color:#94a3b8;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:#ffffff26}.modal-title{color:#fff;margin-bottom:6px;font-size:22px;font-weight:800}.modal-sub{color:#64748b;margin-bottom:28px;font-size:14px}.modal-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#94a3b8;letter-spacing:.5px;font-size:12px;font-weight:600}.req{color:#34d399}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#34d39980}.form-group select option{background:#0f172a}.form-group textarea{resize:vertical}.btn-submit{width:100%;margin-top:8px;padding:14px;font-size:15px}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.modal-success{text-align:center;padding:32px 0}.success-icon{color:#34d399;background:#34d39926;border:2px solid #34d39966;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:28px;display:flex}.modal-success h3{color:#fff;margin-bottom:10px;font-size:22px;font-weight:800}.modal-success p{color:#64748b;margin-bottom:28px;font-size:14px}.modal-enter-active,.modal-leave-active{transition:opacity .25s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .modal-box,.modal-leave-active .modal-box{transition:transform .25s}.modal-enter-from .modal-box,.modal-leave-to .modal-box{transform:scale(.95)}@media (width<=900px){.nav{padding:0 20px}.nav-links{display:none}.product-cards,.orphic-modules,.agent-grid,.subagent-grid,.metaclaw-stats,.how-steps,.trigger-list{grid-template-columns:1fr}.section-inner{padding:64px 24px}.hero-stats{gap:0}.stat-divider{display:none}.stat-item{padding:12px 20px}.bd-card,.pipeline-flow{flex-direction:column;align-items:flex-start}.pipeline-arrow{padding:4px 0;transform:rotate(90deg)}}.cursor-ball{pointer-events:none;z-index:10000;opacity:0;will-change:left, top;background:radial-gradient(circle,#86efac 0%,#34d399 55%,#22c55e33 100%);border-radius:50%;width:18px;height:18px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 12px #34d399b3,0 0 24px #22c55e59}.cursor-trail{pointer-events:none;z-index:9999;will-change:left, top, opacity, transform;background:radial-gradient(circle,#34d399a6 0%,#4e89ff40 60%,#0000 100%);border-radius:50%;position:fixed}@media (width<=1024px){.cursor-ball,.cursor-trail{display:none!important}}@media (hover:none) and (pointer:coarse){.cursor-ball,.cursor-trail{display:none!important}}