:root{--navy:#101c35;--blue:#165dff;--purple:#8b5cf6;--ink:#17233b;--muted:#718096;--line:#e6ebf3;--bg:#f8faff;--white:#fff;--radius:22px;--shadow:0 18px 55px rgba(27,54,100,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.ambient-grid{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(22,93,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(22,93,255,.07) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-1}
h1,h2,h3,h4{font-family:"Space Grotesk",sans-serif;line-height:1.12;letter-spacing:-.04em;margin:0 0 14px}h1{font-size:clamp(2.7rem,6vw,5.6rem)}h2{font-size:clamp(2rem,4vw,3.3rem)}h3{font-size:1.25rem}p{color:#64748b;margin:0 0 16px}.small-note{font-size:.85rem}.muted{color:var(--muted)}.lead{font-size:1.15rem;max-width:720px}.gradient-text{background:linear-gradient(100deg,#165dff,#8b5cf6 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-size:1.2rem;font-weight:700;letter-spacing:-.05em}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#165dff,#8b5cf6);color:white;display:grid;place-items:center;font-size:1.2rem;box-shadow:0 8px 20px #165dff35}.brand-accent{color:var(--blue)}.brand small{font-size:.65rem;color:#8b5cf6;margin-left:2px}.main-nav{display:flex;gap:25px;align-items:center}.main-nav a{font-size:.88rem;color:#526078;font-weight:600}.main-nav a:hover,.text-link:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.header-actions form{margin:0}.mobile-toggle{display:none;border:0;background:transparent;font-size:1.5rem}
.brand-logo{display:block;width:180px;height:58px;object-fit:cover;object-position:center}.footer-brand .brand-logo{width:210px;height:64px}
.btn{border:1px solid transparent;border-radius:12px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.55;cursor:wait;transform:none}.btn-primary{color:white;background:linear-gradient(110deg,#165dff,#477cff);box-shadow:0 9px 22px #165dff2b}.btn-ghost{color:#3e4d65;background:#f3f6fc}.btn-outline{border-color:#d9e1ef;background:white;color:var(--ink)}.btn-light{background:white;color:#165dff}.btn-sm{padding:9px 13px;font-size:.82rem}.btn-lg{padding:15px 22px;font-size:.98rem}.full{width:100%}
.section-wrap{width:min(1160px,90%);margin:0 auto}.section-pad{padding-top:92px;padding-bottom:92px}.hero{min-height:620px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:35px;padding-top:65px;padding-bottom:65px}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:#53709f;margin-bottom:20px}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16c784;margin-right:8px;box-shadow:0 0 0 5px #16c78420}.hero h1{max-width:650px}.hero-lead{font-size:1.14rem;max-width:560px;line-height:1.8;margin:23px 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:35px;color:#75829a;font-size:.82rem}.avatar-stack{display:flex;padding-left:4px}.avatar-stack i{font-style:normal;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;margin-left:-4px;border:2px solid white;background:#dce7ff;color:#165dff;font-size:.7rem;font-weight:800}.hero-visual{height:480px;position:relative;display:grid;place-items:center}.hero-image{position:relative;z-index:1;display:block;width:100%;max-width:540px;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 30px #165dff20)}.orbit-card{position:absolute;z-index:2;display:flex;gap:10px;align-items:center;padding:13px 16px;border:1px solid #ffffffc9;background:#ffffffd9;backdrop-filter:blur(15px);border-radius:15px;box-shadow:var(--shadow)}.orbit-card b,.orbit-card small{display:block}.orbit-card b{font-size:.8rem}.orbit-card small{font-size:.68rem;color:#8490a4}.orbit-one{top:55px;left:0}.orbit-two{bottom:65px;right:0}.mini-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e8f0ff;color:#165dff}.mini-icon.purple{background:#f0eaff;color:#8b5cf6}@keyframes spin{to{transform:rotate(360deg)}}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 5%;display:flex;align-items:center;justify-content:center;gap:60px;background:#ffffff9c}.trust-strip>span{font-size:.68rem;letter-spacing:.15em;color:#9aa6b8;font-weight:800}.trust-strip div{display:flex;gap:48px;color:#64748b;font-size:.9rem}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading h2{max-width:670px;margin:0}.section-heading p{max-width:350px;margin:0}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.module-card{min-height:260px;border-radius:22px;padding:25px;position:relative;overflow:hidden;border:1px solid #e6ebf3;transition:.25s}.module-card:hover,.tool-card:hover,.agent-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.module-blue{background:linear-gradient(145deg,#eef4ff,#fff)}.module-purple{background:linear-gradient(145deg,#f3efff,#fff)}.module-green{background:linear-gradient(145deg,#eafbf5,#fff)}.module-orange{background:linear-gradient(145deg,#fff4e9,#fff)}.module-cyan{background:linear-gradient(145deg,#e9faff,#fff)}.module-dark{background:linear-gradient(145deg,#17294b,#101c35);color:white}.module-top{display:flex;justify-content:space-between;align-items:center}.module-icon{width:42px;height:42px;border-radius:13px;background:#fff;display:grid;place-items:center;color:#165dff;font-size:1.35rem;box-shadow:0 5px 15px #243f7510}.card-arrow{color:#8c9ab0;font-size:1.2rem}.module-card h3{font-size:1.5rem;margin-top:30px}.module-card p{max-width:300px;font-size:.9rem}.text-link{font-size:.86rem;font-weight:800;color:#165dff}.module-card .text-link{position:relative;z-index:1}.card-decoration{position:absolute;right:15px;bottom:-42px;font-size:9rem;opacity:.07;font-family:"Space Grotesk"}.module-dark p{color:#b9c6da}.module-dark .module-icon{color:#8baeff}
.feature-band{background:var(--navy);color:white;padding:85px 0;overflow:hidden;position:relative}.feature-layout{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.light{color:#9eb9ee}.feature-layout h2{max-width:540px}.feature-layout h2 span{color:#8eabff}.feature-layout p{color:#bac7da;max-width:520px;line-height:1.8;margin:22px 0 28px}.flow-visual{background:#ffffff0b;border:1px solid #ffffff20;border-radius:22px;padding:25px 28px}.flow-node{display:flex;align-items:center;gap:15px;padding:12px;border-radius:13px}.flow-node.active{background:#ffffff12;border:1px solid #ffffff25}.flow-node i{font-style:normal;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#ffffff18;color:#9db9ff;font-size:1.2rem}.flow-node b,.flow-node small{display:block}.flow-node small{color:#a7b5ca;font-size:.75rem}.flow-line{height:20px;width:1px;background:#5c77ad;margin-left:32px}
.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.tool-card{padding:20px;background:white;border:1px solid var(--line);border-radius:17px;display:flex;align-items:flex-start;gap:15px;transition:.2s}.tool-symbol{width:42px;height:42px;flex:none;border-radius:13px;background:#edf3ff;color:#165dff;display:grid;place-items:center;font-size:1.2rem}.tool-card h3{font-size:1.05rem;margin:0 0 5px}.tool-card p{font-size:.82rem;margin:0}.tool-card .card-arrow{margin-left:auto}.cta-panel{position:relative;overflow:hidden;border-radius:28px;padding:65px;background:linear-gradient(115deg,#165dff,#4332b9);color:white}.cta-panel h2{max-width:600px}.cta-panel h2 span{color:#c4d5ff}.cta-panel p{color:#d7e2ff}.cta-orb{position:absolute;width:300px;height:300px;border:1px solid #ffffff30;border-radius:50%;right:6%;top:10%;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff05}
.site-footer{background:#fff;border-top:1px solid var(--line);padding:55px max(5vw,24px) 20px;margin-top:40px}.footer-main{width:min(1160px,100%);margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-main>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-main p{max-width:290px;font-size:.85rem}.footer-main b{margin-bottom:6px}.footer-main a:not(.brand){color:#738098;font-size:.85rem}.footer-bottom{width:min(1160px,100%);margin:40px auto 0;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#9aa5b5;font-size:.76rem}
.page-hero{padding-top:85px;padding-bottom:45px}.page-hero h1{font-size:clamp(2.6rem,5vw,4.6rem);max-width:850px}.page-hero p{font-size:1.08rem;max-width:650px;line-height:1.8}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:80px}.agent-card{background:white;border:1px solid var(--line);border-radius:20px;padding:25px;transition:.2s}.agent-avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:#edf3ff;color:#165dff;font-size:1.7rem;margin-bottom:18px}.agent-avatar.large{width:65px;height:65px}.agent-card h3{margin:15px 0 8px}.agent-card p{font-size:.88rem;min-height:65px}.tag{display:inline-flex;background:#f0f4fb;color:#63718a;border-radius:100px;padding:4px 9px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.tool-workspace{padding-top:75px;padding-bottom:90px;max-width:950px}.tool-workspace h1{font-size:3.4rem}.tool-runner{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-runner form,.result-box,.form-panel,.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 30px #183a7007}.tool-runner label,.form-panel label{display:block;font-size:.85rem;font-weight:700;margin:0 0 8px}.tool-runner textarea,textarea,input,select{width:100%;border:1px solid #dce4f0;border-radius:11px;padding:12px 14px;background:#fbfcff;color:var(--ink);outline:none}.tool-runner textarea:focus,input:focus,textarea:focus,select:focus{border-color:#7ba2ff;box-shadow:0 0 0 3px #165dff12}.runner-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.runner-footer .muted{font-size:.72rem}.result-box{min-height:300px;overflow:auto}.result-box pre{white-space:pre-wrap;word-break:break-word;font-family:"DM Sans";font-size:.88rem;color:#334155}.result-placeholder,.loading-state{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8290a6}.result-placeholder span{font-size:2rem;color:#165dff}.result-placeholder b,.loading-state b{color:#42516a}.result-placeholder small,.loading-state small{margin-top:5px}.result-meta{font-size:.72rem;color:#8995a8;border-top:1px solid var(--line);padding-top:12px}.loader{width:28px;height:28px;border:3px solid #dce7ff;border-top-color:#165dff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}
.search-bar{display:flex;gap:10px;margin-bottom:25px}.project-list{display:grid;gap:12px;padding-bottom:80px}.project-row{display:flex;justify-content:space-between;gap:25px;background:white;border:1px solid var(--line);padding:23px;border-radius:17px;transition:.2s}.project-row:hover{border-color:#b7cbff;box-shadow:var(--shadow)}.project-row h3{margin:12px 0 7px}.project-row p{margin:0 0 10px;font-size:.88rem}.project-row small{color:#8b98aa}.project-budget{min-width:150px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px}.project-budget b{font-size:1.1rem}.project-budget small{margin-bottom:10px}.project-budget span{font-size:.8rem;color:#165dff;font-weight:700}.detail-layout{display:grid;grid-template-columns:1fr 340px;gap:40px;padding-top:75px;padding-bottom:90px}.detail-main h1{font-size:3rem;margin:18px 0}.detail-main h2{font-size:1.4rem;margin-top:35px}.detail-copy{line-height:1.9}.detail-side .panel{position:sticky;top:100px}.detail-side h2{font-size:1.5rem}.detail-side form p{margin:12px 0}.detail-side textarea{min-height:100px}
.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:90px}.form-panel form p{margin:0 0 16px}.form-panel ul.errorlist{color:#c24141}.form-panel input,.form-panel textarea,.form-panel select{margin-top:6px}.form-panel textarea{min-height:100px}.activity-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eef1f6}.activity-row:last-child{border:0}.activity-row b,.activity-row small{display:block}.activity-row small{font-size:.76rem;color:#8b98aa}.activity-icon{width:36px;height:36px;border-radius:11px;background:#edf3ff;color:#165dff;display:grid;place-items:center}.code-preview{margin-top:30px;border:1px solid #dce4f0;border-radius:16px;overflow:hidden;background:#101c35;color:#dbe7ff}.code-head{padding:12px 18px;background:#1a2a49;display:flex;justify-content:space-between;font-size:.78rem}.code-preview pre{padding:20px;overflow:auto;max-height:500px;font-size:.78rem;line-height:1.6}
.dashboard-page{padding-top:60px;padding-bottom:90px}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.dashboard-welcome h1{font-size:2.6rem}.dashboard-welcome p{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:white;border:1px solid var(--line);border-radius:17px;padding:20px}.stat-card span,.stat-card small{display:block;color:#8491a4;font-size:.78rem}.stat-card strong{display:block;font-family:"Space Grotesk";font-size:2rem;margin:8px 0}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-heading h2,.panel h2{font-size:1.25rem}.panel-heading span,.panel-heading a{font-size:.78rem;color:#8491a4}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{border:1px solid var(--line);border-radius:13px;padding:15px;color:#165dff;font-size:1.1rem}.quick-grid b,.quick-grid small{display:block}.quick-grid b{font-size:.86rem;color:var(--ink)}.quick-grid small{font-size:.72rem;color:#8491a4}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding-bottom:30px}.price-card{background:white;border:1px solid var(--line);border-radius:22px;padding:28px}.price-card.featured{border:2px solid #165dff;box-shadow:0 15px 40px #165dff12}.plan-label{font-size:.72rem;letter-spacing:.15em;font-weight:800;color:#165dff}.price-card h2{font-size:2.4rem;margin:18px 0 5px}.price-card h2 small{font:500 .8rem "DM Sans";color:#8491a4}.price-card ul{padding-left:20px;min-height:150px;color:#64748b;font-size:.9rem;line-height:2}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding-bottom:90px}.content-card{background:white;border:1px solid var(--line);border-radius:18px;padding:25px}.content-card h2{font-size:1.4rem}.faq-list{max-width:850px;padding-bottom:90px}.faq-list details{background:white;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:10px}.faq-list summary{font-weight:800;cursor:pointer}.faq-list p{margin:14px 0 0}.legal-copy{max-width:850px;padding-bottom:90px}.legal-copy h2{font-size:1.4rem;margin-top:30px}.auth-wrap{min-height:650px;display:grid;place-items:center;padding:60px 20px}.auth-card{width:min(450px,100%);background:white;border:1px solid var(--line);border-radius:24px;padding:35px;box-shadow:var(--shadow)}.auth-card h1{font-size:2rem;margin-top:15px}.auth-card form p{margin:15px 0}.auth-card label{font-weight:700;font-size:.82rem}.auth-card input{margin-top:6px}.auth-card a{color:#165dff;font-weight:700}.flash-wrap{width:min(1160px,90%);margin:15px auto}.flash{padding:12px 16px;border-radius:10px;background:#eaf8f0;color:#18794e}.empty-state{padding:30px;border:1px dashed #cdd8e9;border-radius:16px;color:#8794a7;text-align:center;grid-column:1/-1}
@media(max-width:900px){.main-nav{gap:13px}.main-nav a{font-size:.78rem}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding-top:35px}.hero-visual{height:380px}.module-grid{grid-template-columns:repeat(2,1fr)}.feature-layout{grid-template-columns:1fr;gap:35px}.agent-grid,.content-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-main>div:last-child{display:none}}
@media(max-width:650px){.site-header{height:70px;padding:0 5%}.brand-logo{width:135px;height:48px}.footer-brand .brand-logo{width:190px;height:58px}.mobile-toggle{display:block;order:3}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:18px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.main-nav.is-open{display:flex}.header-actions{margin-left:auto;margin-right:12px}.header-actions .btn{padding:8px 10px}.hero{padding-top:30px;min-height:auto}.hero h1{font-size:3rem}.hero-visual{height:300px}.orbit-one{left:-5px;top:20px}.orbit-two{right:-5px;bottom:25px}.trust-strip{display:block;text-align:center}.trust-strip div{justify-content:center;flex-wrap:wrap;gap:15px;margin-top:12px}.section-pad{padding-top:60px;padding-bottom:60px}.section-heading{display:block}.section-heading p{margin-top:15px}.module-grid,.tool-grid,.agent-grid,.content-grid,.pricing-grid,.studio-layout,.dashboard-columns,.stats-grid{grid-template-columns:1fr}.module-card{min-height:225px}.feature-band{padding:60px 0}.cta-panel{padding:38px 25px}.cta-orb{right:-150px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-main>div:last-child{display:flex}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.tool-runner{grid-template-columns:1fr}.tool-workspace h1{font-size:2.6rem}.page-hero{padding-top:60px}.project-row{display:block}.project-budget{align-items:flex-start;margin-top:20px}.detail-layout{grid-template-columns:1fr}.detail-side .panel{position:static}.dashboard-welcome{display:block}.dashboard-welcome .btn{margin-top:18px}.runner-footer{align-items:flex-start;flex-direction:column}.quick-grid{grid-template-columns:1fr 1fr}.auth-card{padding:25px}}