@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#315efb;--ink:#162135;--muted:#667085;--line:#e2e7ee;--bg:#fafbfd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6686ff;outline-offset:5px}header{height:86px;max-width:1192px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px}header nav{display:flex;gap:30px;font-size:13px;color:#566174}.brand{font:800 36px 'Manrope',sans-serif;letter-spacing:-3px;display:flex;align-items:center}.brand-dot{color:var(--blue);margin-left:2px}.brand i{font:600 11px 'DM Sans';letter-spacing:1px;font-style:normal;border-left:1px solid #cbd2de;margin-left:17px;padding-left:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 22px;border:0;border-radius:7px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #315efb20}.button span{font-size:19px}.small{font-size:12px;padding:10px 16px}.dark{background:var(--ink);color:white}.blue{background:var(--blue);color:white;box-shadow:0 5px 12px #315efb20}.white{background:white;border:1px solid var(--line)}.grid-bg{background-image:linear-gradient(#dce4f344 1px,transparent 1px),linear-gradient(90deg,#dce4f344 1px,transparent 1px),radial-gradient(ellipse at 50% 35%,#e6edff,transparent 65%);background-size:80px 80px,80px 80px,100% 100%}.hero{text-align:center;padding:55px 24px 0;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#627086;display:flex;align-items:center;gap:10px}.hero>.eyebrow,.center .eyebrow,.final-cta>.eyebrow{justify-content:center}.hero>.eyebrow{background:white;border:1px solid #e1e7f1;border-radius:30px;width:fit-content;margin:auto;padding:9px 14px;letter-spacing:1.6px}.live{display:inline-block;width:6px;height:6px;border-radius:50%;background:#39c58c;box-shadow:0 0 0 3px #39c58c15}h1,h2,h3,p{margin:0}h1{font:800 clamp(42px,5.25vw,70px)/1.12 'Manrope',sans-serif;letter-spacing:-3.5px;margin:25px 0 24px}em{font-style:normal;color:var(--blue)}.lead{font-size:17px;line-height:1.75;color:var(--muted)}.actions{display:flex;justify-content:center;gap:12px;margin-top:27px}.hero-notes{display:flex;justify-content:center;gap:22px;font-size:11px;color:#788396;margin:22px 0 46px}.workspace{text-align:left;max-width:1050px;margin:auto;background:#101827;border:1px solid #33405a;border-radius:13px;box-shadow:0 35px 70px -25px #1c306a55;overflow:hidden;color:#dbe3f2;scroll-margin-top:28px}.windowbar{height:40px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:10px monospace;color:#8592aa}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#445069}.dots i:first-child{background:#ed7979}.dots i:nth-child(2){background:#dfba65}.dots i:last-child{background:#68ba92}.demo-label{font-size:8px;letter-spacing:1px}.app-body{display:grid;grid-template-columns:220px 1fr;min-height:385px}aside{border-right:1px solid #ffffff12;padding:24px 14px;position:relative}.workspace-name{font-size:12px;display:flex;gap:10px;align-items:center;margin-bottom:35px}.workspace-name b{background:#315efb;padding:6px 8px;border-radius:6px;font-size:18px;color:white}.muted-label{color:#647089;font-size:8px;letter-spacing:1.5px;padding:0 10px;margin-bottom:12px}.scenario{display:flex;width:100%;background:none;border:0;color:#8d9bb2;text-align:left;font-size:11px;padding:12px 10px;margin-bottom:6px;border-radius:6px;justify-content:space-between}.scenario.selected{color:#c6d4ff;background:#315efb24}.scenario span{font:9px monospace;opacity:.6}.connection-status{position:absolute;bottom:22px;font-size:9px;color:#9ba9bd;line-height:1.8;padding:0 10px}.connection-status small{font-size:8px;color:#66758e}.connection-status .live{margin-right:5px}.conversation{padding:20px 26px}.conversation-top{display:flex;justify-content:space-between;font-size:11px;color:#e3e9f5;margin-bottom:24px}.conversation-top span{font-size:9px;color:#687892}.user-prompt{padding:13px 16px;background:#1d293c;border:1px solid #2b3a50;border-radius:9px 9px 0 9px;font-size:11px;line-height:1.6;margin-left:50px}.assistant{display:flex;gap:13px;margin-top:23px}.ai-icon{color:#8ba7ff;font-size:24px}.answer{flex:1;min-width:0}.tool-line{font:9px/1.8 monospace;color:#71b99d}.answer p{font-size:11px;line-height:1.8;color:#b1bfd3;margin:12px 0}.metrics{display:grid;grid-template-columns:1fr 1.2fr 1fr;background:#152132;border:1px solid #2a374b;border-radius:7px;padding:14px 4px}.metrics>div{padding:0 12px;border-right:1px solid #2a374b}.metrics>div:last-child{border:0}.metrics small{display:block;font-size:7px;letter-spacing:.8px;color:#7e8fa8}.metrics strong{font-size:21px;font-weight:500;display:block;margin-top:7px}.metrics em{font-size:13px;color:#7da0ff}.answer-foot{font-size:9px;color:#687b98;margin-top:12px}.replay{background:none;border:0;color:#9db6ff;font-size:9px;margin:12px 0 14px 35px;padding:0}.composer{border:1px solid #334159;border-radius:7px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:10px;color:#63758e}.send{background:#283953;color:#94a5bf;padding:2px 7px;border-radius:4px}.ecosystem{padding:47px 0 40px;max-width:880px;margin:auto}.ecosystem>span{font-size:8px;letter-spacing:2px;color:#8a95a5}.ecosystem>div{display:flex;justify-content:space-around;gap:20px;margin:24px 0 18px;color:#637087}.ecosystem b{font:700 19px 'Manrope'}.ecosystem small{font-size:9px;color:#99a2af}.section{max-width:1136px;margin:auto;padding:90px 24px}h2{font:700 clamp(30px,3.3vw,43px)/1.22 'Manrope';letter-spacing:-1.8px;margin:17px 0}h3{font-family:'Manrope';letter-spacing:-.5px}.method{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}.method-copy{padding-top:34px}.method-copy p,.center p,.takeaways p{color:var(--muted);font-size:14px;line-height:1.8}.method-copy p+p{margin-top:14px}.format-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:24px;padding-top:35px;gap:45px}.format-strip article>span{font:12px monospace;color:var(--blue)}.format-strip h3{font-size:17px;margin:15px 0 10px}.format-strip p,.benefits p{font-size:13px;color:var(--muted);line-height:1.8}.dark-section{background:#101827;color:#e7edf9}.dark-section .eyebrow{color:#7f99d5}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-heading>p{font-size:13px;line-height:1.8;color:#8f9eb6;margin-bottom:18px}.journey{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;margin-top:35px}.week-tabs button{display:block;text-align:left;width:100%;border:0;border-top:1px solid #ffffff12;background:transparent;color:#8694aa;padding:20px 16px;font-size:15px;position:relative}.week-tabs button small{display:block;font:8px monospace;letter-spacing:1.8px;margin-bottom:8px}.week-tabs button span{position:absolute;right:20px;top:35px}.week-tabs button.active{color:#e3ebff;background:linear-gradient(90deg,#315efb25,transparent);border-left:2px solid #6083ff}.week-panel{position:relative;background:#172133;border:1px solid #2b3850;padding:34px;border-radius:10px;overflow:hidden}.week-number{position:absolute;right:24px;top:0;font:800 110px 'Manrope';color:#ffffff04}.week-panel h3{font-size:23px;max-width:340px;position:relative}.week-panel>p{font-size:13px;line-height:1.8;color:#a3b0c6;margin:18px 0}.week-panel ul{padding:0;list-style:none;font-size:12px;color:#b7c5dc;line-height:2.4}.week-panel li:before{content:'↗';margin-right:10px;color:#799bff}.deliverable{border-top:1px solid #ffffff12;padding-top:20px}.deliverable small{display:block;font:8px monospace;color:#6e90e3;letter-spacing:1px;margin-bottom:8px}.deliverable b{font-size:12px;font-weight:500}.center{text-align:center}.architecture{display:flex;align-items:center;justify-content:center;margin:50px 0;gap:0}.system-stack{width:240px}.system-stack>div{background:white;border:1px solid var(--line);padding:15px;border-radius:8px;margin:9px 0;font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px}.system-stack small{margin-left:auto;font-size:8px;font-weight:400;color:#8a95a6}.system-icon{font-size:20px;color:#4e6dd0;min-width:22px}.connector-line{height:1px;width:90px;background:#aebfe9;position:relative}.connector-line:after{content:'›';position:absolute;right:0;top:-11px;color:#7d98db}.connector-line span{position:absolute;width:100%;text-align:center;top:-20px;font:7px monospace;letter-spacing:1px;color:#7d90b1}.hub{text-align:center;border:1px solid #c4d3ff;background:#eff3ff;border-radius:18px;padding:24px;box-shadow:0 0 0 8px #f5f7ff,0 0 0 9px #e6ecfa;min-width:170px}.hub>div{font-size:42px;color:var(--blue);margin-bottom:10px}.hub b{display:block;font-size:17px}.hub small{display:block;font-size:9px;color:#7b8aab;margin-top:7px}.ai-end{border:1px solid var(--line);border-radius:12px;padding:24px 35px;background:white}.ai-end>span{font-size:27px;color:var(--blue)}.ai-end h3{font-size:18px;margin:12px 0}.ai-end p{font-size:12px;color:var(--muted);line-height:1.6}.integration-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid var(--line);padding-top:30px}.integration-bottom>p{font-size:13px;line-height:1.9;color:var(--muted)}.integration-bottom b{color:var(--ink)}.code{background:#111b2c;border-radius:8px;padding:22px 25px;color:#a6b8d5}.code-tag{display:block;font:8px monospace;color:#536984;margin-bottom:14px}.code code{font:11px/1.9 monospace}.code i{color:#89a9ff;font-style:normal}.code b{color:#73bda5}.benefits-bg{background:#f0f3f9;border-block:1px solid var(--line)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.benefits article>span{display:inline-flex;border:1px solid #d5dff5;background:#e7edfd;padding:8px 13px;border-radius:8px;color:var(--blue);font-size:22px}.benefits h3{font-size:18px;margin:20px 0 10px}.bonus{margin-top:50px;padding:30px;background:white;border:1px solid #dbe3f3;border-radius:12px;display:flex;gap:25px;align-items:center}.bonus-symbol{font-size:45px;background:#eaf0ff;color:var(--blue);border-radius:12px;padding:10px 20px}.bonus h3{font-size:21px;margin:8px 0}.bonus p{font-size:12px;color:var(--muted);line-height:1.7;max-width:670px}.bonus-arrow{font-size:30px;margin-left:auto;color:#91a3c3}.takeaways{display:grid;grid-template-columns:1fr 1fr;gap:85px}.takeaways ul{list-style:none;padding:0;font-size:13px}.takeaways li{border-bottom:1px solid var(--line);padding:16px 0}.takeaways li span{color:var(--blue);margin-right:15px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;border-top:1px solid var(--line);padding-top:65px}.faq h2{font-size:34px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:14px;font-weight:500;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:#94a0b5}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:15px}.final-cta{text-align:center;padding:75px 24px;border-block:1px solid var(--line)}.final-cta h2{font-size:48px}.final-cta>p{font-size:14px;color:var(--muted);line-height:1.8}.priority-options{display:flex;justify-content:center;gap:8px;margin:25px 0}.priority-options button{border:1px solid #d6dfef;border-radius:25px;padding:9px 17px;background:white;color:#657089;font-size:12px}.priority-options button.active{background:#e7edff;border-color:#a6baff;color:#315efb}.plan-result{max-width:570px;margin:auto;background:#ffffffd9;border:1px solid #dbe4f8;padding:30px;border-radius:12px}.plan-result>span{font-size:8px;color:#7f91b0;letter-spacing:1.5px}.plan-result h3{font-size:21px;margin:12px 0}.plan-result p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:20px}.plan-result small{display:block;font-size:9px;color:#929cad;margin-top:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1136px;padding:35px 24px;margin:auto}footer p,footer>span{font-size:10px;color:#8590a2}footer .brand{font-size:30px}.snippet{font:11px/1.8 monospace;color:#95b1ff;padding:14px;background:#142033;border:1px solid #2b3950;border-radius:6px}.approval{border:1px solid #2b3950;padding:13px;border-radius:6px;font-size:11px;line-height:1.8}.approval button{display:block;background:#315efb;color:white;border:0;border-radius:5px;padding:8px 13px;font-size:10px;margin-top:9px}@media(max-width:800px){header nav{display:none}h1{letter-spacing:-2px}.hero{padding-top:35px}.app-body{grid-template-columns:1fr}aside{padding:10px;border-right:0;border-bottom:1px solid #ffffff12;display:flex;gap:6px}.workspace-name,.muted-label,.connection-status{display:none}.scenario{margin:0;font-size:9px;justify-content:center;gap:8px}.conversation{padding:18px}.demo-label{font-size:6px}.hero-notes{gap:10px;flex-wrap:wrap}.section{padding:60px 24px}.method,.takeaways,.faq{grid-template-columns:1fr;gap:25px}.method-copy{padding-top:0}.format-strip{gap:25px}.journey{gap:25px;grid-template-columns:1fr}.week-tabs{display:grid;grid-template-columns:1fr 1fr}.week-tabs button{font-size:12px}.section-heading{align-items:start;flex-direction:column;gap:0}.architecture{flex-wrap:wrap}.connector-line{width:30px}.system-stack{width:190px}.hub{min-width:140px;padding:16px}.ai-end{padding:18px}.integration-bottom{gap:25px}.bonus{padding:22px}.bonus-symbol{display:none}.takeaways{gap:10px}.final-cta h2{font-size:38px}footer p{display:none}}@media(max-width:540px){header{padding:0 20px;height:75px}.brand{font-size:31px}.brand i{font-size:9px;margin-left:12px;padding-left:12px}.small{font-size:10px;padding:9px 12px;gap:10px}.hero{padding-inline:16px}h1{font-size:39px;letter-spacing:-2px}.lead{font-size:14px}.actions{flex-direction:column;align-items:center}.actions .button{width:100%;max-width:320px;font-size:12px}.hero-notes{font-size:9px}.windowbar{font-size:8px;padding:0 10px}.windowbar .demo-label{display:none}.scenario span{display:none}.user-prompt{margin-left:15px}.conversation{padding:16px 12px}.tool-line{font-size:7px}.metrics{padding:10px 0}.metrics strong{font-size:15px}.metrics small{font-size:6px;letter-spacing:0}.metrics>div{padding:0 7px}.ecosystem>div{flex-wrap:wrap;gap:20px 28px}.ecosystem b{font-size:16px}.ecosystem small{font-size:8px}.format-strip,.benefits{grid-template-columns:1fr}.format-strip article{border-bottom:1px solid var(--line);padding-bottom:22px}.format-strip h3{margin-top:8px}.architecture{flex-direction:column;gap:15px}.system-stack{width:100%}.connector-line{height:30px;width:1px}.connector-line:after{display:none}.connector-line span{top:10px;left:10px;width:75px;text-align:left}.hub,.ai-end{width:100%}.ai-end{text-align:center}.integration-bottom{grid-template-columns:1fr}.bonus{align-items:start}.bonus-arrow{display:none}.priority-options{gap:5px}.priority-options button{font-size:10px;padding:9px 11px}.final-cta h2{font-size:32px}.plan-result{padding:23px}.week-panel{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand img{width:84px;height:auto;display:block;border-radius:5px}.investment-section{background:#eef2fb;border-top:1px solid #dce4f3}.offer-card{display:grid;grid-template-columns:1.15fr 1fr;margin:42px auto 0;background:white;border:1px solid #d8e1f4;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px -35px #253d7c55;max-width:1000px}.offer-included{padding:42px}.offer-included h3{font-size:29px;line-height:1.3;margin:18px 0 25px}.offer-included ul{list-style:none;padding:0;margin:0}.offer-included li{position:relative;padding:12px 0 12px 26px;border-bottom:1px solid #edf0f6}.offer-included li:before{content:'✓';position:absolute;left:0;color:#315efb;font-weight:bold}.offer-included li b{display:block;font-size:13px;margin-bottom:5px}.offer-included li span{display:block;font-size:11px;line-height:1.6;color:#748097}.offer-included .offer-bonus{background:#f1f5ff;border:0;border-radius:8px;margin-top:15px;padding:16px 16px 16px 33px}.offer-bonus:before{left:12px!important}.offer-price{background:#f8faff;border-left:1px solid #e1e8f6;padding:42px 36px;text-align:center;display:flex;flex-direction:column;align-items:center}.offer-tag{font-size:9px;letter-spacing:1.3px;color:#5874bc;border:1px solid #d8e3ff;background:#edf2ff;padding:9px 12px;border-radius:30px}.installment-label{font-size:15px;color:#657694;margin-top:30px}.price{font:800 76px/1.2 'Manrope';letter-spacing:-4px;color:#172642;white-space:nowrap;margin-top:5px}.price>span:first-child{font-size:25px;letter-spacing:-1px}.price .cents{font-size:36px;letter-spacing:-1px}.total{font-size:12px;color:#7e8ba0;margin:8px 0 27px}.total b{font-weight:500}.offer-price>.button{width:100%;font-size:13px;padding:18px 16px}.contact-note{font-size:10px;line-height:1.8;color:#7e8ba0;margin:13px 0 26px}.guarantee{border-top:1px solid #dce5f6;padding-top:25px;width:100%}.guarantee-icon{margin:0 auto 13px;background:#e7f2ee;border:1px solid #bedfce;color:#318461;width:39px;height:43px;display:grid;place-items:center;border-radius:12px 12px 19px 19px;font-size:22px}.guarantee .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.2px;color:#4b8e73}.guarantee h3{font-size:24px;margin:12px 0;line-height:1.3}.guarantee p{font-size:12px;line-height:1.8;color:#6f7c92}.rounding,.cost-note{display:block;font-size:9px;color:#8c97aa;line-height:1.7;margin-top:20px}.cost-note{margin-top:9px}.closing-note{text-align:center;font-size:12px;color:#7c8ba2;margin-top:25px}@media(max-width:800px){.offer-included{padding:30px}.offer-price{padding:30px 23px}.price{font-size:60px}.price .cents{font-size:29px}}@media(max-width:620px){.offer-card{grid-template-columns:1fr}.offer-price{border-left:0;border-top:1px solid #e1e8f6;padding:35px 25px}.price{font-size:76px}.price .cents{font-size:36px}.offer-included{padding:30px 25px}.brand img{width:68px}.investment-section h2{font-size:30px}}
