:root{--ink:#21194a;--purple:#713bdf;--muted:#736d87;--paper:#fff;--lilac:#f2edff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #aa85fa;outline-offset:5px}.wrap{max-width:1240px;width:calc(100% - 80px);margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:28px;letter-spacing:-1.3px;display:inline-flex}.logo b{color:var(--ink)}.logo strong{color:var(--purple);margin-left:.2em}nav{display:flex;align-items:center;gap:30px;font-size:14px}.button{background:var(--purple);color:#fff;border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:19px 24px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 7px 20px #713bdf15;transition:background .2s,transform .2s}.button:hover{background:#5b26c6;transform:translateY(-2px)}.button.small{padding:14px 19px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:660px;padding-top:36px;padding-bottom:80px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;line-height:1.7}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8e5beb;margin-right:7px}h1{font-size:clamp(54px,6.2vw,84px);line-height:1.01;letter-spacing:-4.7px;margin:28px 0;font-weight:700}em{font-style:normal;color:var(--purple)}p{font-size:16px;line-height:1.7;color:var(--muted)}.hero-copy>p{max-width:440px;font-size:19px;color:#51496a}.hero-copy .sub{font-size:15px;max-width:455px}.actions{display:flex;align-items:center;gap:24px;margin-top:32px}.text-link{font-size:13px;font-weight:600;padding:10px 0}.hero-note{font-size:11px;color:#88819b;margin-top:26px}.hero-note span{color:var(--purple);margin-right:8px}.scene{height:510px;position:relative;isolation:isolate}.halo{position:absolute;inset:20px -20px 0;border-radius:50%;background:radial-gradient(ellipse,#dbcaff 0,#f6f0ff 55%,#fff 72%);z-index:-2}.sphere{position:absolute;width:270px;height:270px;border-radius:50%;right:70px;top:10px;background:radial-gradient(circle at 30% 24%,#eedaff,#b88df3 40%,#713bdf 70%,#422486);box-shadow:inset -20px -20px 40px #29174850,0 30px 65px #713bdf22;animation:orb 9s ease-in-out infinite}.browser{position:absolute;top:125px;left:0;width:93%;background:white;border:5px solid #fff;border-radius:14px;box-shadow:0 28px 65px #351c622b;transform:rotate(-6deg);overflow:hidden;--rotate:-6deg}.browser-bar{display:flex;justify-content:space-between;background:#faf8ff;padding:12px;color:#b5a6cd;font-size:8px}.browser-bar small{font-size:8px;color:#898196}.mock-site{height:265px;background:#f1e8fc;padding:20px;position:relative;overflow:hidden}.mock-nav{display:flex;justify-content:space-between;font-size:9px}.mock-nav span{font-size:7px}.mock-copy{position:relative;z-index:2;padding-top:32px}.mock-copy small{font-size:6px;letter-spacing:1px}.mock-copy h2{font-size:35px;letter-spacing:-1.5px;line-height:1.02;margin:12px 0 18px}.mock-button{background:var(--ink);color:#fff;padding:9px 14px;border-radius:4px;font-size:8px}.mock-shape{position:absolute;right:15px;top:60px;width:160px;height:160px;transform:rotate(-25deg)}.mock-shape i{display:block;position:absolute;width:85px;height:150px;left:25px;border-radius:55px;background:linear-gradient(130deg,#eab9ff,#8652df 60%,#50299e);box-shadow:9px 9px 20px #66399b20}.mock-shape i:nth-child(2){transform:rotate(60deg)}.mock-shape i:nth-child(3){transform:rotate(120deg)}.mock-bottom{position:absolute;bottom:16px;left:20px;right:20px;font-size:7px;display:flex;justify-content:space-between}.float{animation:float 7s ease-in-out infinite}.ai-card{position:absolute;top:60px;left:0;display:flex;gap:12px;align-items:center;background:#fff;border-radius:12px;padding:15px 17px;box-shadow:0 15px 40px #40216e15;z-index:4;--rotate:3deg;animation-delay:-3s}.ai-icon{font-size:25px;color:#8251df;background:#f0e8ff;padding:9px;border-radius:9px}.ai-card small{font-size:7px;letter-spacing:1px;color:#9384aa;display:block;margin-bottom:6px}.ai-card b{font-size:10px;line-height:1.5;display:block}.tick{color:#4a977a;background:#e9f7ee;border-radius:50%;padding:4px;font-size:9px}.phone{position:absolute;right:-5px;top:210px;width:135px;height:248px;padding:25px 13px 15px;background:#291c51;color:#fff;border:5px solid #fff;border-radius:25px;box-shadow:0 20px 45px #3d226333;z-index:5;--rotate:8deg;animation-delay:-2s}.notch{width:40px;height:6px;position:absolute;top:8px;left:42px;background:#180d35;border-radius:10px}.phone>small{font-size:5px;letter-spacing:1px;color:#c4addd}.phone>b{display:block;font-size:17px;line-height:1.15;margin-top:8px}.phone-orb{background:linear-gradient(130deg,#c7a0fd,#6838be);width:61px;height:61px;border-radius:50%;margin:13px auto;text-align:center;padding-top:12px;font-size:30px}.phone-row{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff18;font-size:7px;padding:6px}.phone-row i{color:#c4f4ba}.scene-tag{position:absolute;bottom:0;left:95px;font-size:8px;letter-spacing:2px;color:#9a87b0}.ribbon{background:#f6f2ff;border-top:1px solid #e9e1f8;border-bottom:1px solid #e9e1f8}.ribbon .wrap{display:flex;align-items:center;justify-content:space-between;padding:26px 0;font-size:12px;font-weight:600}.ribbon i{font-style:normal;color:#a586d4;font-size:18px}section{padding:95px 0}h2{font-size:clamp(34px,4.1vw,53px);line-height:1.1;letter-spacing:-2.3px;margin:19px 0}h3{letter-spacing:-.6px}.section-head{text-align:center;max-width:610px;margin:0 auto 48px}.section-head>p{max-width:500px;margin:22px auto 0}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service{padding:36px 36px 0;border-radius:22px;overflow:hidden}.lavender{background:#f1eaff}.peach{background:#fff0e9}.service-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.service-top span:last-child{font-size:22px}.service h3{font-size:30px;line-height:1.15;margin:26px 0 18px}.service p{font-size:14px;max-width:430px}.mini-web{height:225px;background:white;margin:32px 10px 0;border-radius:12px 12px 0 0;padding:25px;position:relative;overflow:hidden;box-shadow:0 10px 30px #492c7815}.mini-web>div{font-size:8px;display:flex;justify-content:space-between}.mini-web>b{display:block;font-size:27px;line-height:1.1;margin:34px 0 18px;position:relative;z-index:1}.mini-cta{background:#713bdf;color:#fff;border-radius:4px;padding:8px 13px;font-size:7px}.mini-orb{position:absolute;width:140px;height:140px;border-radius:45%;background:linear-gradient(135deg,#f1d6ff,#9668e8,#4e268f);right:-5px;top:65px;animation:orb 8s infinite}.mini-app{margin:32px 10px 0;height:225px;border-radius:12px 12px 0 0;background:#fff;box-shadow:0 10px 30px #78502c15;display:grid;grid-template-columns:45px 1fr;overflow:hidden}.mini-sidebar{background:#281e49;color:#bea5e8;font-size:15px;text-align:center;line-height:3;padding-top:25px}.mini-app>div:last-child{padding:26px}.mini-app small{font-size:8px;color:#938897}.mini-app b{display:block;margin-top:8px;font-size:17px}.chart{display:flex;align-items:end;gap:13px;height:105px;padding-top:20px}.chart i{flex:1;background:#c6abea;border-radius:5px 5px 0 0;height:40%;animation:bar 5s infinite alternate}.chart i:nth-child(2n){background:#7345be;height:70%;animation-delay:-2s}.chart i:nth-child(3n){height:95%;animation-delay:-1s}.automation{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:25px}.automation h2{font-size:45px}.automation-copy p{max-width:450px}.automation-copy .eyebrow{font-size:9px;letter-spacing:1px}.demo{padding:26px;background:#faf8fe;border:1px solid #e7def3;border-radius:20px;box-shadow:0 22px 55px #4a2a7c0c}.demo-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px}.demo-top button{background:#eee5fa;border:0;border-radius:50%;width:28px;height:28px;cursor:pointer;color:var(--ink)}.tabs{display:flex;gap:7px;margin-top:25px}.tabs button{border:1px solid #e5daf4;background:white;border-radius:7px;padding:9px 12px;font-size:10px;cursor:pointer;color:#847291}.tabs button.active{background:var(--purple);border-color:var(--purple);color:white}.demo h3{font-size:24px;margin:26px 0}.flow{display:grid;gap:11px}.flow-step{border:1px solid #e7dff1;background:#fff;padding:15px;border-radius:10px;display:flex;gap:14px;align-items:center;animation:step 6s infinite;animation-delay:calc(var(--i)*1.5s)}.flow-step>span{background:#efe7fd;color:#7544cc;border-radius:9px;width:35px;height:35px;display:grid;place-items:center;font-size:15px}.flow-step b{font-size:12px;display:block;margin-bottom:5px}.flow-step small{font-size:10px;color:#8a7c9b}.flow-step i{font-style:normal;margin-left:auto;color:#7fbc9a;font-size:12px}.demo-foot{display:flex;justify-content:space-between;font-size:7px;color:#9a8ba9;margin-top:23px}.demo-foot span:last-child{letter-spacing:1px}.usecases{padding-top:35px}.compact{margin-bottom:40px}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.use-grid article{border-top:1px solid #e7def2;padding-top:25px}.use-grid article>span{font-size:26px;color:#8e61d7}.use-grid h3{font-size:17px;margin:19px 0 12px}.use-grid p{font-size:13px}.approach{background:#27194c;color:#fff}.approach .eyebrow{color:#c4a8f5}.approach-head{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.approach p{color:#c0b5d2;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.steps article{border-top:1px solid #ffffff30;padding-top:24px}.steps span{font-size:12px;color:#b396e5}.steps h3{font-size:21px;margin:20px 0 12px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:start;padding-top:110px}.contact p{max-width:390px}.contact-star{font-size:100px;color:#d9c5fa;line-height:1.5}form{background:#f7f4fc;border:1px solid #eae2f4;border-radius:18px;padding:32px}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}input,select,textarea{display:block;width:100%;border:1px solid #ddd2ec;border-radius:7px;background:#fff;color:var(--ink);font-size:13px;padding:13px;margin-bottom:22px;outline-color:var(--purple)}textarea{min-height:115px;resize:vertical}form .button{width:100%}.note{font-size:10px;line-height:1.6;margin-bottom:0}#result{font-size:12px;line-height:1.5;margin-top:15px}#result textarea{margin-top:10px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7def1;padding:30px 0}footer .logo{font-size:22px}footer p,footer small{font-size:11px;color:#968aab}.paused *{animation-play-state:paused!important}@keyframes float{0%,100%{transform:translateY(0) rotate(var(--rotate,0deg))}50%{transform:translateY(-13px) rotate(var(--rotate,0deg))}}@keyframes orb{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(15px) rotate(15deg)}}@keyframes bar{to{transform:scaleY(.65);transform-origin:bottom}}@keyframes step{0%,100%{border-color:#e7dff1;box-shadow:none}30%{border-color:#ac81ed;box-shadow:0 0 0 3px #b68ce71a}}@media(min-width:1500px){.hero{padding-top:60px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}nav{gap:18px}.hero{gap:20px}h1{font-size:65px}.actions{flex-wrap:wrap;gap:12px}.scene{transform:scale(.9);transform-origin:center}.automation{gap:30px}.automation h2{font-size:38px}.contact{gap:55px}.use-grid{gap:15px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}header{height:80px}.logo{font-size:24px}nav>a:not(.button){display:none}.button.small{font-size:10px;padding:12px;gap:10px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:40px;gap:0;min-height:0}h1{font-size:64px;letter-spacing:-3.7px}.hero-copy>p{font-size:17px}.eyebrow{font-size:8px}.hero-note{margin-top:20px}.scene{height:440px;margin-top:30px;transform:none;max-width:450px;width:100%;justify-self:center}.browser{top:115px;width:92%}.mock-site{height:235px}.phone{top:185px;right:0;width:115px;height:235px}.mock-shape{right:-15px}.sphere{width:230px;height:230px;right:25px}.ai-card{top:40px}.scene-tag{left:45px}.ribbon .wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:10px}.ribbon i{display:none}section{padding:65px 0}h2{font-size:37px;letter-spacing:-1.6px}.section-head{margin-bottom:30px}.section-head p{font-size:14px}.service-grid{grid-template-columns:1fr;gap:18px}.service{padding:28px 25px 0}.service h3{font-size:28px}.automation{grid-template-columns:1fr;gap:30px;padding-top:10px}.automation h2{font-size:37px}.demo{padding:20px}.tabs button{flex:1;padding:9px 8px}.usecases{padding-top:15px}.use-grid{grid-template-columns:1fr 1fr;gap:25px 20px}.use-grid h3{font-size:16px}.use-grid p{font-size:12px}.approach-head{grid-template-columns:1fr;gap:0}.steps{grid-template-columns:1fr;gap:20px;margin-top:25px}.steps article{padding-top:18px}.steps h3{margin:12px 0 8px}.contact{grid-template-columns:1fr;gap:25px;padding-top:65px}.contact-star{display:none}form{padding:23px}.contact p{font-size:14px}footer{flex-wrap:wrap;gap:10px}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
