*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf7;color:#171717;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{height:84px;display:flex;align-items:center;max-width:1240px;margin:auto;padding:0 28px;gap:42px}header img{width:132px;height:auto}nav{display:flex;gap:28px;margin-right:auto}nav a{color:#333;text-decoration:none;font-size:15px;font-weight:600}.pill,.primary,.secondary,.whitebtn{border:0;border-radius:12px;padding:14px 20px;font-weight:750;text-decoration:none;display:inline-block;cursor:pointer}.pill,.primary{background:#171717;color:white}.hero{max-width:1240px;margin:55px auto 80px;padding:0 28px;display:grid;grid-template-columns:.88fr 1.12fr;gap:62px;align-items:center;min-height:610px}.eyebrow,.kicker{font-size:14px;letter-spacing:.14em;font-weight:850}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff3d69;box-shadow:0 0 0 5px #ff3d6920;margin-right:8px;animation:pulse 1.5s infinite}h1{font-size:68px;line-height:.99;letter-spacing:-.055em;margin:22px 0 26px;max-width:600px}h1 em{font-style:normal;background:linear-gradient(90deg,#ff3c75,#796cff,#ff7a00);-webkit-background-clip:text;color:transparent}.lead{font-size:21px;line-height:1.55;color:#565656;max-width:610px}.actions{display:flex;gap:12px;margin:32px 0}.secondary{border:1px solid #d8d6d0;color:#171717;background:white}.livecount{font-size:15px;margin-top:28px}.workspace{border:1px solid #dedbd4;background:white;border-radius:22px;box-shadow:0 28px 80px #251e3918;overflow:hidden;position:relative}.windowbar{height:54px;border-bottom:1px solid #e8e5df;display:flex;align-items:center;padding:0 18px;gap:7px;font-size:12px}.windowbar>span{width:10px;height:10px;background:#ddd;border-radius:50%}.windowbar b{margin-left:12px}.windowbar i{margin-left:auto;font-style:normal;color:#777}.workbody{padding:22px;position:relative;background:linear-gradient(145deg,#fff,#fbf9ff)}.prompt{background:#f5f3ef;border-radius:13px;padding:15px 16px;min-height:83px;font-size:15px}.prompt small{display:block;font-weight:800;font-size:10px;color:#8b8984;margin-bottom:7px}.cursor{width:2px;height:16px;background:#222;display:inline-block;vertical-align:middle;animation:blink .8s infinite}.buildstatus{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin:15px 2px 7px}.progress{height:6px;background:#eeeae5;border-radius:20px;overflow:hidden}.progress i{display:block;width:18%;height:100%;background:linear-gradient(90deg,#5b73ff,#ff4c91,#ff8a00);transition:width .8s}.preview{margin-top:18px;background:#fff;border:1px solid #e9e6df;border-radius:14px;min-height:330px;overflow:hidden}.previewNav{height:45px;padding:0 15px;display:flex;align-items:center;border-bottom:1px solid #eee;font-size:10px}.previewNav span{margin:auto;color:#777}.previewNav button,.previewHero button{border:0;background:#151515;color:#fff;border-radius:7px;padding:7px 11px}.previewHero{padding:38px 32px;background:radial-gradient(circle at 80% 20%,#ffb1d680,transparent 35%),radial-gradient(circle at 65% 70%,#788aff70,transparent 40%),#fafafa}.previewHero small{font-size:9px;font-weight:800}.previewHero h3{font-size:28px;max-width:390px;margin:8px 0}.previewHero p{font-size:12px;color:#666;max-width:340px}.cards{display:flex;gap:10px;padding:15px}.cards i{height:72px;flex:1;border-radius:8px;background:linear-gradient(145deg,#eee,#fdfdfd);animation:shimmer 2.5s infinite}.comment{position:absolute;right:7px;background:#171717;color:white;border-radius:11px;padding:10px 12px;font-size:11px;box-shadow:0 8px 25px #0002;opacity:0;animation:comment 8s infinite}.comment b{color:#ff91bd;margin-right:5px}.c1{bottom:85px}.c2{bottom:42px;animation-delay:3s}.ticker{overflow:hidden;border-top:1px solid #e5e2dc;border-bottom:1px solid #e5e2dc;padding:17px 0;white-space:nowrap}.ticker div{font-size:14px;font-weight:850;letter-spacing:.11em;animation:marquee 22s linear infinite}.ticker span{color:#ff477e;margin:0 25px}.section{max-width:1240px;margin:auto;padding:110px 28px}.sectionHead{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:45px}.section h2,.creator h2,.statement h2,.final h2{font-size:52px;line-height:1.05;letter-spacing:-.045em;margin:13px 0}.sectionHead p,.darklead{font-size:19px;line-height:1.55;color:#696969}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.livecard{background:white;border:1px solid #e7e4de;border-radius:18px;padding:12px;box-shadow:0 10px 30px #2220008}.mini{height:225px;border-radius:12px;position:relative;overflow:hidden;background:#f1efeb}.livebadge{position:absolute;z-index:3;top:12px;left:12px;background:#ff3867;color:#fff;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:900}.fakeui{position:absolute;left:12%;right:12%;top:25%;bottom:12%;background:white;border-radius:10px;padding:22px;box-shadow:0 15px 35px #0002}.fakeui i{display:block;height:11px;background:#eee;border-radius:10px;margin:15px 0}.fakeui i:nth-of-type(2){width:72%;background:linear-gradient(90deg,#7b79ff,#ff69a2)}.buildB{background:radial-gradient(circle at 50% 90%,#ff4f9b,#586fff 45%,#f7f5f1 70%)}.phone{position:absolute;width:125px;height:180px;background:white;border:6px solid #222;border-radius:22px;left:50%;top:26px;transform:translateX(-50%);padding:25px 12px;text-align:center}.phone i{display:block;height:35px;background:#f1efff;border-radius:8px;margin:12px 0}.buildC{background:linear-gradient(145deg,#f8d9e8,#e3e5ff)}.figma{display:flex;align-items:center;justify-content:center;gap:15px;height:100%}.figma i{width:45px;height:90px;background:#fff;border-radius:8px;box-shadow:0 7px 20px #0001}.figma b{font-size:30px}.figma div{width:90px;height:120px;border-radius:9px;background:white;box-shadow:0 8px 25px #0002}.tag{display:block;font-size:11px;font-weight:850;letter-spacing:.1em;color:#777;margin:20px 8px 8px}.livecard h3{font-size:23px;line-height:1.15;margin:8px}.livecard p{font-size:16px;color:#666;margin:12px 8px 24px}.livecard footer{border-top:1px solid #eee;padding:14px 8px 5px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.livecard button,.buildergrid button{border:1px solid #d8d5cf;background:white;border-radius:8px;padding:9px 12px;font-weight:750}.dark{max-width:none;background:#1d1d1d;color:white;padding-left:max(28px,calc((100vw - 1184px)/2));padding-right:max(28px,calc((100vw - 1184px)/2));position:relative;overflow:hidden}.dark:after{content:"";position:absolute;width:700px;height:350px;right:-100px;bottom:-200px;background:radial-gradient(ellipse,#ff3976,#6474ff 45%,transparent 70%);filter:blur(50px);opacity:.5}.light{color:#d6d6d6}.dark h2{max-width:900px}.darklead{color:#b7b7b7;max-width:780px}.classgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px;position:relative;z-index:2}.classgrid article{background:#282828;border:1px solid #393939;border-radius:16px;padding:28px;min-height:285px}.classgrid article>span{font-size:13px;font-weight:800;color:#bbb}.classgrid h3{font-size:30px;line-height:1.1;margin:25px 0 14px}.classgrid p{font-size:16px;line-height:1.5;color:#bbb}.classgrid footer{display:flex;justify-content:space-between;margin-top:35px;font-size:12px}.classgrid strong{font-size:20px}.process>h2{margin-bottom:45px}.process article{border-top:1px solid #ccc;padding-top:20px}.icon{font-size:14px;font-weight:900;color:#ff477e}.process h3{font-size:28px}.process p{font-size:17px;line-height:1.55;color:#666;min-height:82px}.promptmini,.decision,.chat{background:white;border:1px solid #e5e2dc;border-radius:12px;padding:18px;font-size:14px;min-height:90px}.promptmini span{display:inline-block;width:2px;height:16px;background:#222;animation:blink .8s infinite}.decision b,.decision small{display:block;margin-top:8px}.decision b{font-size:18px}.decision small{color:#777}.chat{line-height:1.6}.chat b{font-size:10px;color:#777}.chat strong{font-size:10px;color:#ff477e}.builders{border-top:1px solid #e4e1db}.buildergrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.buildergrid article{background:#fff;border:1px solid #e5e2dc;border-radius:16px;padding:25px}.avatar{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ff9bc1,#727bff);color:#fff;font-weight:900;font-size:20px}.buildergrid h3{font-size:22px;margin-bottom:5px}.buildergrid p{font-size:15px;color:#777}.buildergrid b{font-size:13px;display:block;margin:22px 0 14px}.creator{max-width:1184px;margin:30px auto 110px;border-radius:24px;padding:70px;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#1c1c1c;color:white;position:relative;overflow:hidden}.creator:before{content:"";position:absolute;width:500px;height:400px;right:-100px;bottom:-200px;background:radial-gradient(circle,#ff3d83,#586dff 45%,transparent 68%);filter:blur(35px);opacity:.8}.creator p{font-size:19px;line-height:1.55;color:#bbb}.whitebtn{background:white;color:#171717;margin-top:18px}.creatorPanel{position:relative;z-index:2;background:#262626;border:1px solid #414141;border-radius:18px;padding:28px}.creatorPanel>div:first-child{background:#171717;border-radius:12px;padding:20px}.creatorPanel span{font-size:12px;font-weight:800}.creatorPanel>div b{font-size:58px;display:block;margin-top:20px}.creatorPanel small{font-size:14px;color:#aaa}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics p{background:#303030;border-radius:10px;padding:15px}.metrics p b{font-size:23px;margin:0}.metrics p span{font-size:10px;color:#aaa}.categories{text-align:center}.categories h2{margin-bottom:35px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.chips span{border:1px solid #dcd8d1;background:#fff;border-radius:50px;padding:12px 17px;font-size:15px;font-weight:700}.feed{max-width:900px;margin:45px auto;text-align:left;border:1px solid #e4e0d9;background:white;border-radius:16px;overflow:hidden}.feed p{margin:0;padding:20px 22px;border-bottom:1px solid #eee;font-size:16px}.feed p:last-child{border:0}.feed b{display:inline-block;width:160px;font-size:12px;color:#ff3867}.feed span{float:right;color:#777;font-size:13px}.statement{text-align:center;padding:115px 25px;background:white}.statement img{width:170px;vertical-align:middle}.statement>span{font-size:20px;font-weight:900;margin-left:10px}.statement h2{max-width:850px;margin:35px auto 20px}.statement p{font-size:20px;color:#666;max-width:760px;margin:auto}.statement h3{font-size:25px;margin-top:45px}.final{text-align:center;padding:130px 25px 80px;position:relative;overflow:hidden}.final .glow{position:absolute;left:10%;right:10%;bottom:-220px;height:500px;background:radial-gradient(ellipse,#ff2d72,#6176ff 45%,#ff8700 68%,transparent 72%);filter:blur(45px);opacity:.72}.final>*:not(.glow){position:relative}.final h2{font-size:62px;max-width:850px;margin:20px auto}.final p{font-size:20px;color:#666}.final small{display:block;margin-top:70px;font-weight:700}.final .primary{margin-top:20px}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{box-shadow:0 0 0 9px #ff3d6910}}@keyframes shimmer{50%{filter:brightness(.94)}}@keyframes comment{0%,12%,100%{opacity:0;transform:translateY(8px)}18%,52%{opacity:1;transform:none}60%{opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;margin-top:25px}.heroCopy{text-align:center}.lead{margin:auto}.actions{justify-content:center}h1{font-size:52px;margin-left:auto;margin-right:auto}.sectionHead{grid-template-columns:1fr;gap:15px}.grid3,.classgrid,.buildergrid{grid-template-columns:1fr 1fr}.creator{margin:20px;border-radius:20px;grid-template-columns:1fr;padding:45px}.section h2,.creator h2,.statement h2{font-size:42px}}@media(max-width:600px){header{height:70px;padding:0 18px}header img{width:110px}.hero{padding:0 18px;gap:35px}.hero h1{font-size:43px}.lead{font-size:18px}.actions{flex-direction:column}.section{padding:75px 18px}.grid3,.classgrid,.buildergrid{grid-template-columns:1fr}.section h2,.creator h2,.statement h2,.final h2{font-size:38px}.creator{padding:35px 24px;margin:10px 12px 70px}.metrics{grid-template-columns:1fr}.feed b{width:auto;display:block;margin-bottom:7px}.feed span{float:none;display:block;margin-top:7px}.final{padding-top:90px}}