*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 44px));margin:auto}.marketing{overflow-x:hidden}.site-nav{height:72px;position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#050507bd;backdrop-filter:blur(22px);color:#fff;border-bottom:1px solid #ffffff0e}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.035em}.brand img{width:29px;height:29px}.brand em{font-style:normal;font-size:10px;padding:4px 8px;border-radius:99px;background:#191622;border:1px solid #302747;color:#c5a8ff}.site-nav nav{display:flex;gap:30px}.site-nav nav a,.nav-actions>a{font-size:12px;color:#a8a8b1}.site-nav nav a:hover,.nav-actions>a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:22px}.nav-cta{background:#fff!important;color:#09090b!important;border-radius:999px;padding:11px 17px;font-weight:750}.mobile-menu{display:none;background:none;border:0;color:#fff}.hero{min-height:865px;padding-top:72px;background:#050507;color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;left:50%;bottom:-280px;transform:translateX(-50%);width:1250px;height:520px;background:radial-gradient(ellipse,#3568ff66,#6d2eff55 40%,transparent 70%);filter:blur(18px)}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.45}.hero-glow.one{width:520px;height:300px;left:-220px;bottom:80px;background:#187cff}.hero-glow.two{width:600px;height:320px;right:-180px;bottom:60px;background:#8b2fff}.hero-copy{text-align:center;position:relative;z-index:2;padding-top:68px}.eyebrow-pill{display:inline-block;padding:8px 14px;border:1px solid #34303e;background:#111016;border-radius:99px;color:#b9b0ca;font-size:11px}.hero h1{font-size:clamp(48px,6.5vw,82px);line-height:.98;letter-spacing:-.068em;margin:26px 0 20px;font-weight:760}.hero h1 span,.products h2 span,.showcase h2 span,.why h2 span,.pricing h2 span{background:linear-gradient(90deg,#f06dff,#7c4dff 48%,#29b1ff);-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:680px;margin:auto;color:#a4a3ad;font-size:17px;line-height:1.55}.hero-buttons{display:flex;justify-content:center;gap:9px;margin:28px 0 14px}.primary{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#09090b;border-radius:999px;padding:14px 21px;font-size:13px;font-weight:750}.secondary{display:flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid #373640;background:#101015;border-radius:999px;font-size:12px}.secondary small{color:#777}.proof{display:flex;justify-content:center;gap:22px;color:#74747f;font-size:10px}.stage{position:relative;height:420px;margin:18px auto 0;z-index:4}.builder-window{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:min(920px,88%);height:405px;border:1px solid #515061;border-radius:18px 18px 0 0;background:#0c0c11;box-shadow:0 -20px 100px #4d50ff33;overflow:hidden}.window-head{height:45px;border-bottom:1px solid #22222b;display:flex;align-items:center;gap:10px;padding:0 12px;font-size:10px}.window-head b{margin-right:auto}.window-head i{color:#a47aff;font-style:normal}.window-head span{color:#999}.window-head button{background:#fff;color:#111;border:0;border-radius:7px;padding:6px 10px;font-size:8px}.window-head u{text-decoration:none;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffb76b,#b35dff);font-size:8px}.window-body{display:flex;height:360px}.window-body aside{width:140px;border-right:1px solid #1e1e27;padding:13px 9px;color:#73737d;font-size:9px}.window-body aside b{display:block;padding:9px;border-radius:7px;margin-bottom:3px;font-weight:500}.window-body aside .active{background:#3535a7;color:#fff}.builder-window main{flex:1;padding:18px;background:radial-gradient(circle at 75% 0,#17172d,#0c0c11 48%)}.tabs{display:flex;gap:16px;color:#6f6f7a;font-size:8px;margin-bottom:13px}.tabs strong{color:#fff;background:#272149;padding:7px 10px;border-radius:8px}.prompt{border:1px solid #333344;border-radius:14px;background:linear-gradient(145deg,#171720,#0f1017);padding:16px;position:relative}.prompt small{color:#777}.prompt p{font-size:10px;color:#d6d6dd;line-height:1.5;max-width:590px}.prompt-meta{display:flex;gap:13px;color:#777;font-size:7px}.prompt>a{position:absolute;right:13px;bottom:13px;background:linear-gradient(100deg,#6949ff,#1aa1ff);padding:9px 12px;border-radius:8px;font-size:8px;color:#fff}.preview-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.preview-row>div{height:135px;border:1px solid #262633;border-radius:11px;padding:10px;background:#11121a;position:relative;overflow:hidden}.preview-row>div:after{content:"";position:absolute;width:90px;height:90px;right:-20px;bottom:-25px;border-radius:50%;background:radial-gradient(circle,#65d2ff,#5148d7,transparent 68%)}.preview-row>div:nth-child(2):after{background:radial-gradient(circle,#e98cff,#6e36dc,transparent 68%)}.preview-row>div:nth-child(3):after{background:radial-gradient(circle,#ff8bb6,#7a36e0,transparent 68%)}.preview-row small{font-size:7px;color:#858591}.preview-row b{display:block;font-size:14px;max-width:130px;margin-top:6px}.float{position:absolute;z-index:5;border:1px solid #373643;background:#101017e8;backdrop-filter:blur(15px);border-radius:14px;box-shadow:0 25px 55px #0008;color:#eee;font-size:9px}.f-left{left:0;top:125px;width:150px;padding:14px;transform:rotate(-5deg)}.f-left b,.f-left span{display:block}.f-left span{color:#a873ff;margin-top:2px}.mini-page{height:68px;margin-top:10px;border-radius:8px;background:linear-gradient(135deg,#f7f7fb,#dfe9ff);border:7px solid #fff}.f-right{right:0;top:110px;padding:10px;display:grid;gap:7px;transform:rotate(4deg)}.f-right b{padding:7px 9px;background:#191821;border-radius:7px}.trust{background:#f6f6f8;border-bottom:1px solid #e7e7ea}.trust .container{padding:27px 0;display:flex;align-items:center;gap:50px}.trust small{max-width:130px;color:#777;font-size:10px;line-height:1.4}.trust .container>div{display:flex;justify-content:space-between;gap:26px;flex:1;color:#666;font-size:14px}.products,.pricing{background:#fff;padding:110px 0;color:#101014}.products header,.pricing header,.why header{text-align:center;max-width:760px;margin:0 auto 48px}.products header>small,.showcase small,.why header>small,.pricing header>small,.final small{font-size:9px;font-weight:850;letter-spacing:.18em;color:#8065d8}.products h2,.showcase h2,.why h2,.pricing h2{font-size:clamp(42px,5vw,62px);line-height:1;letter-spacing:-.065em;margin:15px 0}.products header>p,.pricing header>p{max-width:620px;margin:auto;color:#777;line-height:1.55;font-size:15px}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.product-grid>a{min-height:245px;padding:22px;border:1px solid #e5e5e9;background:#fbfbfc;border-radius:20px;display:flex;flex-direction:column;transition:.25s}.product-grid>a:hover{transform:translateY(-5px);box-shadow:0 20px 45px #00000010}.product-grid i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:20px;margin-bottom:38px}.blue{background:#e8f2ff;color:#147aff}.purple{background:#f0eaff;color:#7045ef}.pink{background:#ffe9f3;color:#ef4d9c}.orange{background:#fff0df;color:#ef8c21}.green{background:#e9faee;color:#2da14a}.product-grid h3{font-size:16px;margin:0 0 7px}.product-grid p{font-size:11px;line-height:1.5;color:#777;margin:0}.product-grid>a>b{font-size:10px;margin-top:auto}.showcase{padding:130px 0;background:#f5f5f7;color:#111}.showcase>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.showcase p{color:#74747b;line-height:1.65;max-width:450px;font-size:14px}.showcase>a{color:#6249d7;font-size:12px;font-weight:750}.cards{height:430px;position:relative}.cards>div,.cards article{position:absolute;border:1px solid #dedee5;border-radius:18px;box-shadow:0 30px 70px #00000010}.cards>div:first-child{width:70%;height:270px;right:2%;top:20px;background:#e8e2ff}.cards>div:nth-child(2){width:78%;height:310px;right:9%;top:55px;background:#fbfbff}.cards article{width:84%;height:340px;right:17%;top:85px;background:#fff;overflow:hidden}.cards article header{height:34px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:8px;color:#777}.cards article main{margin:30px;height:220px;border-radius:13px;padding:23px;color:#fff;background:linear-gradient(135deg,#101329,#5a43d7)}.cards article main small{color:#ffffff99;font-size:7px}.cards article h3{font-size:29px;letter-spacing:-.06em;max-width:240px;margin:12px 0}.cards>strong{position:absolute;right:4%;bottom:25px;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#2ad4ff,#6e46ff,#f04aa1);box-shadow:0 18px 40px #754bff55}.why{background:#050507;color:#fff;padding:120px 0}.why h2{color:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #24242b}.why-grid>div{padding:28px 22px;border-right:1px solid #24242b;min-height:205px}.why-grid>div:last-child{border-right:0}.why-grid b{font-size:9px;color:#756c8f}.why-grid h3{margin:48px 0 8px;font-size:22px}.why-grid p{color:#7f7f8a;font-size:12px;line-height:1.6}.plans{max-width:850px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:15px}.plans article{position:relative;border:1px solid #e4e4e9;border-radius:23px;padding:32px}.plans .pro{background:#08080b;color:#fff;border-color:#29292f}.plans small{display:block;font-size:9px;font-weight:850;letter-spacing:.16em;color:#777}.plans strong{display:block;font-size:52px;letter-spacing:-.06em;margin:17px 0 3px}.plans sup{font-size:12px;color:#777}.plans p,.plans ul{font-size:12px;color:#777;line-height:1.8}.plans ul{list-style:none;padding:0}.plans .pro p,.plans .pro ul{color:#aaa}.plans a{display:block;text-align:center;padding:13px;border-radius:99px;background:#111;color:#fff;font-size:11px;font-weight:750}.plans .pro a{background:#fff;color:#111}.plans label{position:absolute;right:18px;top:18px;background:#714bff;color:#fff;border-radius:99px;padding:5px 8px;font-size:7px}.final{background:#050507;color:#fff;text-align:center;padding:150px 0;position:relative;overflow:hidden}.final:before{content:"";position:absolute;width:850px;height:330px;left:50%;top:30px;transform:translateX(-50%);background:radial-gradient(ellipse,#5437aa55,transparent 68%);filter:blur(30px)}.final .container{position:relative}.final h2{font-size:clamp(54px,7vw,88px);letter-spacing:-.07em;margin:18px 0 12px}.final p{color:#888893;line-height:1.6;margin-bottom:27px}.marketing footer{background:#050507;color:#fff;border-top:1px solid #19191f;padding:60px 0 22px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding-bottom:45px}.foot p{color:#666;font-size:11px}.foot>div>b{display:block;font-size:10px;margin-bottom:16px}.foot>div>a:not(.brand){display:block;color:#6d6d77;font-size:10px;margin:11px 0}.foot-bottom{border-top:1px solid #1a1a20;padding-top:18px;display:flex;justify-content:space-between;color:#555;font-size:9px}
/* dashboard */.dashboard-bg{background:#f6f6f8;color:#111}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#08080b;color:#fff;padding:22px 16px;display:flex;flex-direction:column}.sidebar .brand{margin-bottom:34px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{padding:11px 12px;border-radius:10px;color:#85858e;font-size:12px}.sidebar nav a:hover{background:#17171c;color:#fff}.side-bottom{margin-top:auto;display:grid;gap:8px;color:#5d5d66;font-size:10px;word-break:break-word}.dash-main{margin-left:245px}.dash-nav{height:70px;background:#ffffffdd;backdrop-filter:blur(15px);border-bottom:1px solid #e8e8ec;display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:#777;font-size:12px}.dash-content{padding:34px;max-width:1450px}.dash-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.dash-head h1{font-size:43px;letter-spacing:-.06em;margin:0 0 7px}.dash-head p{color:#777;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stat,.panel,.form-card{background:#fff;border:1px solid #e6e6eb;border-radius:17px}.stat{padding:20px}.stat span{font-size:10px;color:#888}.stat strong{display:block;font-size:27px;margin-top:8px}.panel,.form-card{padding:22px}.dash-grid,.studio-layout{display:grid;grid-template-columns:1.3fr .9fr;gap:16px}.panel-head{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:14px;margin-bottom:5px}.panel-head h2{font-size:14px}.project-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #eee}.project-row span:nth-child(2){flex:1}.project-row small{display:block;color:#8a8a93;font-size:10px;margin-top:4px}.project-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#f0edff;color:#6e50e9}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{display:block;min-height:200px}.project-card p{font-size:12px;color:#777}.form-card{max-width:720px}.form-card h1{font-size:40px;letter-spacing:-.06em}.form-card label,.prompt-panel label{display:block;color:#666;font-size:11px;font-weight:700;margin:16px 0}.form-card input,.form-card textarea,.prompt-panel input,.prompt-panel textarea,.prompt-panel select{width:100%;margin-top:7px;border:1px solid #dddde3;border-radius:10px;padding:12px;background:#fafafd;color:#111}.prompt-panel{position:sticky;top:88px}.output-panel pre,.file-row pre{white-space:pre-wrap;overflow:auto;max-height:650px;background:#0a0a0e;color:#d7d7df;padding:18px;border-radius:12px;font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.agent-row{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #eee}.agent-avatar{width:38px;height:38px;border-radius:11px;background:#eee9ff;color:#6e4ce4;display:grid;place-items:center}.empty{text-align:center;padding:28px;color:#999;font-size:12px}.alert{padding:11px 13px;border-radius:10px;margin:14px 0;font-size:12px}.alert.error{background:#fff0f2;color:#a1223d}.badge{padding:5px 8px;background:#eeeaff;color:#6c4ee0;border-radius:99px;font-size:9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee;color:#666}.auth-bg{min-height:100vh;display:grid;place-items:center;background:#050507}.auth-card{width:min(450px,calc(100% - 30px));padding:34px;background:#fff;border-radius:24px}.auth-card h1{font-size:33px;letter-spacing:-.06em;margin:30px 0 5px}.auth-card label{display:block;color:#555;font-size:11px;font-weight:700;margin:14px 0}.auth-card input{width:100%;padding:12px;margin-top:7px;border:1px solid #dddde3;border-radius:10px}.auth-card .brand{color:#111}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dddde2;border-radius:11px;padding:11px 16px;background:#fff;color:#111;font-weight:700;font-size:12px;cursor:pointer}.btn-primary{border:0;background:#111;color:#fff}.btn-ghost{background:#fff}.full{width:100%}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:850px;margin:0 auto}.price-card{padding:30px}.price-card.featured{background:#08080b;color:#fff}.price{font-size:48px;font-weight:800;letter-spacing:-.06em;margin:15px 0}.small{font-size:10px;color:#888}@media(max-width:1000px){.site-nav nav{display:none}.mobile-menu{display:block}.product-grid{grid-template-columns:repeat(3,1fr)}.trust .container{display:block}.trust .container>div{margin-top:20px;flex-wrap:wrap}.showcase>.container{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.sidebar{position:static;width:100%;height:auto}.sidebar nav{display:flex;overflow:auto}.side-bottom{display:none}.dash-main{margin-left:0}.dash-grid,.studio-layout{grid-template-columns:1fr}.prompt-panel{position:static}}@media(max-width:700px){.site-nav{padding:0 15px}.nav-actions{display:none}.container{width:calc(100% - 30px)}.hero h1{font-size:49px}.hero-copy>p{font-size:15px}.hero-buttons{flex-direction:column;align-items:center}.primary,.secondary{width:min(330px,100%)}.proof{flex-wrap:wrap;gap:8px}.stage{height:310px}.builder-window{width:100%;height:310px}.window-body{height:264px}.window-body aside{width:85px}.window-body aside b{font-size:8px}.window-body aside b:not(.active){overflow:hidden;white-space:nowrap}.prompt p{font-size:8px}.prompt-meta{display:none}.prompt>a{position:static;display:inline-block;margin-top:6px}.preview-row>div{height:80px}.preview-row b{font-size:9px}.float{display:none}.trust .container>div{gap:12px}.trust .container>div b{font-size:10px}.product-grid{grid-template-columns:1fr}.products,.showcase,.why,.pricing{padding:75px 0}.why-grid{grid-template-columns:1fr}.why-grid>div{border-right:0;border-bottom:1px solid #24242b}.plans{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}.final{padding:100px 0}.final h2{font-size:54px}.dash-content{padding:20px}.dash-head{display:block}.stats{grid-template-columns:1fr 1fr}.dash-content .pricing-grid{grid-template-columns:1fr}}