.landing-page{color:#272238;background:radial-gradient(circle at 84% 7%,#776bef33,#0000 24%),linear-gradient(#fbfaff,#fff 28%);width:100%;min-width:0;min-height:100vh;overflow-x:hidden}.landing-page .nav{grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100% - 48px);min-height:82px;margin:0 auto;display:grid}.landing-page .brand{color:#29243b;letter-spacing:-.035em;align-items:center;gap:10px;font-size:21px;font-weight:680;text-decoration:none;display:flex}.landing-page .brand>span{flex:none;place-items:center;width:46px;height:46px;display:grid}.landing-page .navLinks{justify-content:center;gap:clamp(18px,2.5vw,30px);display:flex}.landing-page .navLinks a,.landing-page .footerLinks a{color:#686174;font-size:13px;font-weight:600;text-decoration:none}.landing-page .navCta{color:#fff;background:#3326ca;border-radius:10px;justify-self:end;padding:11px 17px;font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 8px 20px #3326ca2e}.landing-page .hero{grid-template-columns:minmax(430px,.9fr) minmax(560px,1.1fr);align-items:center;gap:clamp(42px,6vw,92px);width:min(1240px,100% - 48px);min-height:680px;margin:0 auto;padding:62px 0 90px;display:grid}.landing-page .eyebrow{color:#5b4ed7;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:11px;font-weight:800}.landing-page .heroCopy h1{letter-spacing:-.057em;max-width:680px;margin:20px 0 24px;font-size:clamp(50px,5.8vw,78px);font-weight:680;line-height:.99}.landing-page .heroCopy>p:not(.eyebrow){color:#686174;max-width:650px;margin:0;font-size:17px;line-height:1.7}.landing-page .heroActions{align-items:center;gap:16px;margin-top:32px;display:flex}.landing-page .heroActions a,.landing-page .vision a{color:#514a61;border-radius:12px;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:0 22px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.landing-page .heroActions a:first-child,.landing-page .vision a{color:#fff;background:#3326ca;box-shadow:0 12px 28px #3326ca38}.landing-page .heroActions a:last-child{background:#fff;border:1px solid #dfdce8}.landing-page .heroProof{color:#5e5869;gap:9px;margin:36px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.landing-page .heroProof li{padding-left:24px;position:relative}.landing-page .heroProof li:before,.landing-page .collaborationGrid li:before{content:"✓";color:#277e5b;background:#e5f8ef;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;font-weight:900;display:grid;position:absolute;top:0;left:0}.landing-page .heroCanvas{background:#fff;border:1px solid #6f62e32e;border-radius:24px;overflow:hidden;transform:perspective(1300px)rotateY(-4deg)rotateX(2deg);box-shadow:0 35px 90px #392e892e,0 0 0 8px #ffffff8f}.landing-page .canvasHeader{border-bottom:1px solid #eceaf2;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 17px;display:flex}.landing-page .canvasHeader>span{align-items:center;gap:9px;font-size:12px;font-weight:750;display:flex}.landing-page .canvasHeader i{background:linear-gradient(145deg,#7468ed,#4437d1);border-radius:8px;flex:none;width:26px;height:26px}.landing-page .canvasHeader b{color:#fff;background:#5548e7;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:9px;display:grid}.landing-page .canvasBody{background:#fbfaff;height:480px;position:relative;overflow:hidden}.landing-page .canvasGrid{opacity:.55;background-image:radial-gradient(#c8c3dc 1px,#0000 1px);background-size:21px 21px;position:absolute;inset:0}.landing-page .canvasBody svg{width:100%;height:100%;position:absolute;inset:0}.landing-page .canvasBody path{fill:none;stroke:#6659df;stroke-width:2.2px;marker-end:url(#home-arrow)}.landing-page .flowNode{z-index:2;text-align:center;background:#fff;border:1px solid #dedbe9;border-radius:14px;justify-content:center;align-items:center;width:170px;min-height:74px;padding:14px 17px;font-size:12px;font-weight:750;display:flex;position:absolute;box-shadow:0 13px 30px #362c6e1a}.landing-page .flowIdea{top:85px;left:34px}.landing-page .flowAgent{background:#f0eeff;border-color:#887ef0;top:166px;left:42%}.landing-page .flowDecision{background:#fff9e8;border-color:#e1bc61;top:84px;right:28px}.landing-page .flowExecute{background:#edfbf5;border-color:#6ec89f;bottom:48px;right:80px}.landing-page .agentPulse{color:#5f5780;background:#fffffff0;border:1px solid #ddd9f4;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:22px;left:22px}.landing-page .agentPulse span{background:#41b47d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #41b47d21}.landing-page .logoStrip{color:#777181;border-block:1px solid #ece9f1;justify-content:space-between;align-items:center;gap:26px;width:min(1120px,100% - 48px);margin:0 auto;padding:28px 0;font-size:12px;font-weight:700;display:flex}.landing-page .homeSection,.landing-page .faq{width:min(1120px,100% - 48px);margin:0 auto;padding:120px 0;scroll-margin-top:24px}.landing-page .sectionIntro{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:end;gap:70px;display:grid}.landing-page .sectionIntro h2,.landing-page .agentCopy h2,.landing-page .collaboration h2,.landing-page .faq h2,.landing-page .vision h2{letter-spacing:-.045em;margin:14px 0 0;font-size:clamp(36px,4.5vw,58px);font-weight:650;line-height:1.05}.landing-page .sectionIntro>p,.landing-page .collaboration>div>p:not(.eyebrow),.landing-page .agentCopy>p:not(.eyebrow),.landing-page .vision>p{color:#706979;margin:0;line-height:1.75}.landing-page .diagramGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:58px 0 0;padding:0;list-style:none;display:grid}.landing-page .diagramGrid li{background:linear-gradient(150deg,#fff,#f8f7ff);border:1px solid #e7e4ed;border-radius:17px;min-height:100px;padding:24px;font-size:15px;font-weight:700;box-shadow:0 12px 30px #42367e0d}.landing-page .agentSection{color:#fff;background:#282239;border-radius:32px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(60px,9vw,140px);width:min(1180px,100% - 48px);margin:0 auto;padding:90px clamp(30px,6vw,80px);scroll-margin-top:24px;display:grid}.landing-page .agentVisual{place-items:center;min-height:390px;display:grid}.landing-page .orbit{border:1px solid #aea4ff40;border-radius:50%;width:290px;height:290px;position:relative;box-shadow:0 0 0 45px #7263e612,0 0 0 90px #7263e609}.landing-page .orbit strong,.landing-page .orbit span{z-index:2;text-align:center;border-radius:50%;place-items:center;display:grid;position:absolute}.landing-page .orbit strong{color:#fff;background:linear-gradient(145deg,#7568f1,#4939d2);width:94px;height:94px;font-size:28px;inset:50%;transform:translate(-50%,-50%);box-shadow:0 15px 40px #5140dd6b}.landing-page .orbit span{color:#e5e1ff;background:#352e49;border:1px solid #c4bdff40;width:104px;min-height:62px;padding:8px;font-size:9px}.landing-page .orbit span:first-child{top:-30px;left:93px}.landing-page .orbit span:nth-child(2){bottom:25px;right:-45px}.landing-page .orbit span:nth-child(3){bottom:25px;left:-45px}.landing-page .agentCopy .eyebrow{color:#aea4f7}.landing-page .agentCopy>p:not(.eyebrow){color:#c5bfce;margin:24px 0}.landing-page .agentCopy ol{counter-reset:ai-step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.landing-page .agentCopy li{counter-increment:ai-step;align-items:center;gap:13px;display:flex}.landing-page .agentCopy li:before{content:counter(ai-step);color:#dcd7ff;background:#433a5b;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.landing-page .agentCopy h3{color:#f2eff7;margin:0;font-size:13px;font-weight:600}.landing-page .flowSteps{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:58px 0 0;padding:0;list-style:none;display:grid}.landing-page .flowSteps li{background:linear-gradient(160deg,#fff,#faf9ff);border:1px solid #e7e4ed;border-radius:18px;min-height:190px;padding:24px}.landing-page .flowSteps span{color:#6d60e3;font-family:var(--font-geist-mono), monospace;font-size:13px;font-weight:700}.landing-page .flowSteps h3{letter-spacing:-.02em;margin:72px 0 0;font-size:17px;line-height:1.35}.landing-page .collaboration{border-block:1px solid #ebe8f0;grid-template-columns:1fr .8fr;gap:80px;width:min(1120px,100% - 48px);margin:0 auto;padding:100px 0;scroll-margin-top:24px;display:grid}.landing-page .collaboration h2{margin-bottom:24px}.landing-page .collaborationGrid{align-content:center;gap:18px;margin:0;padding:0;list-style:none;display:grid}.landing-page .collaborationGrid li{color:#4f485a;padding:0 0 0 29px;font-size:14px;line-height:1.6;position:relative}.landing-page .faq{text-align:center}.landing-page .faq h2{max-width:760px;margin-inline:auto}.landing-page .faqGrid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:55px;display:grid}.landing-page .faqGrid article{background:#fff;border:1px solid #e7e4ed;border-radius:18px;padding:28px;box-shadow:0 15px 45px #4035790f}.landing-page .faqGrid h3{margin:0 0 14px;font-size:17px;line-height:1.4}.landing-page .faqGrid p{color:#6e6876;margin:0;font-size:13px;line-height:1.7}.landing-page .vision{text-align:center;flex-direction:column;align-items:center;width:min(940px,100% - 48px);margin:0 auto;padding:30px 0 140px;display:flex}.landing-page .vision>p{max-width:650px;margin:24px 0 32px}.landing-page .footer{border-top:1px solid #e9e6ee;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:30px 0 46px;display:grid}.landing-page .footer p,.landing-page .footer small{color:#85808e;font-size:11px}.landing-page .footerMeta{text-align:center;justify-items:center;gap:8px;display:grid}.landing-page .footerMeta p{margin:0}.landing-page .footerLinks{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.landing-page .footerLinks a{font-size:11px}.landing-page .footer small{justify-self:end}@media (max-width:1080px){.landing-page .navLinks{gap:15px}.landing-page .hero{grid-template-columns:1fr}.landing-page .heroCopy{max-width:760px}.landing-page .heroCanvas{justify-self:center;width:min(760px,100%);transform:none}.landing-page .flowSteps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.landing-page .nav{grid-template-columns:1fr auto;width:calc(100% - 32px)}.landing-page .navLinks{display:none}.landing-page .hero,.landing-page .logoStrip,.landing-page .homeSection,.landing-page .agentSection,.landing-page .collaboration,.landing-page .faq,.landing-page .vision,.landing-page .footer{width:calc(100% - 32px)}.landing-page .hero{grid-template-columns:minmax(0,1fr);max-width:calc(100vw - 32px);min-height:auto;padding-top:48px}.landing-page .heroCopy h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(40px,11vw,56px)}.landing-page .heroActions{flex-direction:column;align-items:stretch}.landing-page .heroCanvas{display:none}.landing-page .logoStrip{flex-wrap:wrap;justify-content:center}.landing-page .homeSection,.landing-page .faq{padding:86px 0}.landing-page .sectionIntro,.landing-page .collaboration{grid-template-columns:1fr;gap:25px}.landing-page .diagramGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page .agentSection{grid-template-columns:1fr;gap:15px;padding:58px 24px}.landing-page .agentVisual{min-height:340px;transform:scale(.82)}.landing-page .flowSteps{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page .faqGrid{grid-template-columns:1fr}.landing-page .footer{text-align:center;grid-template-columns:1fr;justify-items:center;gap:12px}.landing-page .footer small{justify-self:center}}@media (max-width:520px){.landing-page .brand{font-size:19px}.landing-page .brand>span{width:40px;height:40px}.landing-page .navCta{padding:10px 12px}.landing-page .diagramGrid,.landing-page .flowSteps{grid-template-columns:1fr}.landing-page .flowSteps li{min-height:140px}.landing-page .flowSteps h3{margin-top:44px}}.landing-page{color:var(--color-text);background:var(--color-canvas)}.landing-page .nav{min-height:72px}.landing-page .brand{color:var(--color-text);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}.landing-page .navLinks a,.landing-page .footerLinks a{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.landing-page .navLinks a:hover,.landing-page .footerLinks a:hover{color:var(--color-primary)}.landing-page .navCta{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);box-shadow:var(--shadow-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);align-items:center;display:inline-flex}.landing-page .navCta:hover{background:var(--color-primary-hover)}.landing-page .hero{gap:var(--space-12);min-height:620px;padding-block:var(--space-12) 80px}.landing-page .eyebrow{color:var(--color-primary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.04em}.landing-page .heroCopy h1{margin:var(--space-5) 0 var(--space-6);color:var(--color-text);font-size:clamp(var(--text-4xl), 4vw, 52px);font-weight:var(--weight-semibold);letter-spacing:-.03em;line-height:1.05}.landing-page .heroCopy>p:not(.eyebrow){color:var(--color-text-secondary);font-size:var(--text-md);line-height:1.5}.landing-page .heroActions{gap:var(--space-3);margin-top:var(--space-8)}.landing-page .heroActions a,.landing-page .vision a{gap:var(--space-2);min-height:40px;padding-inline:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium)}.landing-page .heroActions a:first-child,.landing-page .vision a{background:var(--color-primary);box-shadow:var(--shadow-sm)}.landing-page .heroActions a:first-child:hover,.landing-page .vision a:hover{background:var(--color-primary-hover)}.landing-page .heroActions a:last-child{border-color:var(--color-border);background:var(--color-surface)}.landing-page .heroCanvas{border-color:var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);transform:none}.landing-page .canvasHeader{min-height:56px;padding-inline:var(--space-4);border-color:var(--color-border)}.landing-page .canvasHeader i{border-radius:var(--radius-md);background:var(--color-primary)}.landing-page .canvasHeader b{background:var(--color-primary)}.landing-page .canvasBody{background:var(--color-canvas)}.landing-page .canvasBody path{stroke:var(--color-primary)}.landing-page .flowNode{border-color:var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-sm)}
