:root{--ink:#0d0f13;--muted:#5e6571;--line:#d7dbe2;--panel:#fff;--wash:#f3f5f8;--wash-2:#e9edf3;--accent:#6e39a8;--accent-dark:#542484;--green:#178d65;--dark:#12161d;--dark-2:#1a202a;--shadow:0 24px 60px rgba(18,25,38,.12);--radius:18px;--container:1240px;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{color:inherit}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.skip-link{position:fixed;z-index:1000;left:12px;top:-80px;padding:10px 14px;background:#fff;border:2px solid var(--ink)}.skip-link:focus{top:12px}.site-header{position:sticky;z-index:50;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:76px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:13px;font-weight:800;letter-spacing:.23em}.brand img{width:28px;height:28px}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:14px}.desktop-nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:10px}.button{min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:13px;background:#fff;font-weight:700;cursor:pointer}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-dark)}.button-dark{background:var(--ink);border-color:var(--ink);color:#fff}.button-quiet{border-color:transparent}.menu-button,.mobile-nav{display:none}.hero{background:var(--wash);padding:112px 0 92px;border-bottom:1px solid var(--line)}.hero-copy{max-width:920px;text-align:center}.eyebrow{margin:0 0 18px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(48px,6.4vw,84px);line-height:.99;letter-spacing:-.058em}.hero-lead{max-width:760px;margin:26px auto 36px;color:#4d5664;font-size:20px;line-height:1.55}.idea-composer{max-width:830px;margin:0 auto;padding:18px 18px 14px;background:#fff;border:1px solid #c9ced7;border-radius:16px;box-shadow:0 16px 46px rgba(20,25,34,.1);text-align:left}.idea-composer:focus-within{border-color:var(--accent);box-shadow:0 16px 50px rgba(94,47,146,.15)}.idea-composer label{display:block;margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.idea-composer textarea{width:100%;resize:vertical;min-height:82px;padding:5px 0;border:0;outline:0;color:var(--ink);font-size:17px;line-height:1.5}.idea-composer textarea::placeholder{color:#9299a5}.composer-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eceef2;padding-top:12px}.composer-context{color:var(--muted);font-size:13px}.composer-context span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:6px;border:1px solid var(--line);border-radius:6px;color:var(--ink)}.idea-examples{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:18px}.idea-examples button{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:transparent;font-size:12px;cursor:pointer}.idea-examples button:hover{border-color:var(--accent);color:var(--accent)}.product-showcase{padding:0 0 90px;background:linear-gradient(var(--wash) 0 80px,#fff 80px)}.studio-frame{overflow:hidden;background:var(--dark);border:1px solid #080a0d;border-radius:18px;box-shadow:var(--shadow);color:#fff}.studio-titlebar{min-height:74px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #313947}.studio-project{display:flex;align-items:center;gap:10px}.studio-project img{width:24px;filter:invert(1)}.studio-project span{padding:3px 7px;border:1px solid #4b5566;border-radius:5px;color:#aeb8c7;font-size:10px;text-transform:uppercase}.studio-actions{display:flex;align-items:center;gap:9px}.tool-control,.workspace-tool{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #394353;border-radius:8px;background:#202734;color:#fff;cursor:pointer;text-align:left}.tool-control b,.workspace-tool b{display:block;font-size:12px}.tool-control small,.workspace-tool small{display:block;color:#9da8b8;font-size:10px}.tool-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #758096;border-radius:7px;font-size:9px;font-weight:900;letter-spacing:.04em}.studio-body{display:grid;grid-template-columns:320px 1fr;min-height:580px}.studio-chat{position:relative;padding:18px;background:#181d26;border-right:1px solid #313947}.chat-tabs{display:flex;gap:22px;padding-bottom:13px;border-bottom:1px solid #303846;font-size:12px}.chat-tabs b{color:#fff}.chat-tabs span{color:#818b9b}.brief-card{margin:18px 0;padding:14px;border:1px solid #3f4a5d;border-radius:10px;background:#222b39}.brief-card small,.workspace-page small{font-size:9px;letter-spacing:.11em}.brief-card p{margin:8px 0 0;color:#e8edf5;font-size:12px}.activity-list{display:grid;gap:16px;margin-top:23px}.activity-list>div{display:flex;gap:10px;align-items:flex-start;color:#a8b2c2}.activity-list span{display:grid;place-items:center;flex:0 0 24px;height:24px;border:1px solid #586477;border-radius:50%;font-size:9px}.activity-list .activity-check{border-color:#477e6e;color:#4ee0ac}.activity-list p{margin:1px 0}.activity-list b{display:block;color:#edf2f9;font-size:11px}.activity-list small{display:block;font-size:9px}.activity-current{color:#d6b5ff!important}.chat-input{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #465164;border-radius:10px;color:#8792a2;font-size:11px}.chat-input button{width:27px;height:27px;border:0;border-radius:7px;background:var(--accent);color:#fff}.studio-preview{padding:12px;background:#242b36}.preview-bar{height:36px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #3c4657;border-bottom:0;border-radius:10px 10px 0 0;background:#151a22;color:#9eabba;font-size:10px}.preview-bar i{display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:#505b6c}.preview-page{min-height:490px;padding:22px 27px;background:#fff;color:var(--ink);border-radius:0 0 10px 10px}.preview-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #e8e9ec;font-size:9px}.preview-nav strong{letter-spacing:.12em}.preview-nav b{padding:4px 8px;background:#e9f7f1;color:#177e5d;border-radius:4px}.preview-heading{display:flex;justify-content:space-between;align-items:end;margin:24px 0 17px}.preview-heading small{color:#6a7180;font-size:8px;letter-spacing:.12em}.preview-heading h2{margin:5px 0 2px;font-size:26px;letter-spacing:-.04em}.preview-heading p{margin:0;color:#6c7380;font-size:10px}.preview-heading button,.demo-app-nav button{border:0;border-radius:5px;padding:8px 11px;background:#0d0f13;color:#fff;font-size:9px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-grid article{padding:14px;border:1px solid #e0e3e8;border-radius:7px}.metric-grid small,.metric-grid b,.metric-grid em{display:block}.metric-grid small{color:#626a78;font-size:8px}.metric-grid b{margin:5px 0;font-size:22px}.metric-grid em{color:#24805f;font-size:7px;font-style:normal}.preview-content{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:10px}.preview-content article{padding:14px;border:1px solid #e0e3e8;border-radius:7px}.card-heading{display:flex;justify-content:space-between;font-size:8px}.chart{height:105px;display:flex;align-items:end;gap:8px;margin-top:15px;border-bottom:1px solid #ccd1d9}.chart i{flex:1;background:var(--accent);opacity:.76}.preview-content ul{list-style:none;padding:0;margin:12px 0 0}.preview-content li{display:flex;align-items:center;gap:7px;padding:9px 0;border-top:1px solid #eceef1;font-size:8px}.preview-content li b{margin-left:auto}.dot{width:6px;height:6px;border-radius:50%}.red{background:#ce4c52}.amber{background:#e0a028}.blue{background:#4678d3}.showcase-caption{display:flex;justify-content:center;gap:28px;padding-top:18px;color:var(--muted);font-size:11px}.showcase-caption span:before{content:"✓";margin-right:7px;color:var(--accent);font-weight:900}.section{padding:106px 0}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:90px;margin-bottom:50px}.section-heading h2,.open-design-grid h2{max-width:720px;margin:0;font-size:clamp(38px,4.5vw,60px);line-height:1.06;letter-spacing:-.045em}.section-heading>p{margin:0;color:var(--muted);font-size:17px}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.workflow-grid article{min-height:245px;padding:27px;border-left:1px solid var(--line)}.workflow-grid article:first-child{border-left:0}.workflow-grid span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;font-size:10px;font-weight:800}.workflow-grid h3{margin:45px 0 10px;font-size:19px}.workflow-grid p{margin:0;color:var(--muted);font-size:13px}.section-dark{background:var(--dark);color:#fff}.open-design-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:110px;align-items:center}.open-design-grid>div>p:not(.eyebrow){color:#adb7c6;font-size:18px}.inline-link{display:inline-flex;gap:10px;margin-top:20px;font-weight:750}.inline-link.light{color:#fff}.engine-contract{border:1px solid #374151;border-radius:13px;overflow:hidden}.engine-contract>div{display:grid;grid-template-columns:1fr 1.35fr 1.3fr;gap:12px;align-items:center;padding:21px;border-top:1px solid #374151}.engine-contract>div:first-child{border-top:0}.engine-contract small{color:#9da8b8;font-size:9px;letter-spacing:.12em}.engine-contract strong{font-size:14px}.engine-contract span{color:#9da8b8;font-size:11px}.handoff-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:15px}.handoff-grid article{display:flex;gap:18px;min-height:150px;padding:24px;border:1px solid var(--line);border-radius:12px}.handoff-grid article>span{display:grid;place-items:center;flex:0 0 45px;height:45px;border:1px solid var(--ink);border-radius:9px;font-size:10px;font-weight:900}.handoff-grid small{color:var(--muted);font-size:9px;letter-spacing:.12em}.handoff-grid h3{margin:5px 0 7px}.handoff-grid p{margin:0;color:var(--muted);font-size:12px}.handoff-grid .handoff-forge{border-color:var(--accent);background:#faf7fd}.handoff-arrow{color:var(--muted);font-size:12px}.final-cta{padding:86px 0;background:var(--accent);color:#fff}.final-cta .container{display:flex;align-items:end;justify-content:space-between;gap:40px}.final-cta .eyebrow{color:#e8d8fa}.final-cta h2{margin:0;font-size:50px;letter-spacing:-.04em}.final-cta p:not(.eyebrow){margin:9px 0 0;color:#eadff5}.button-light{background:#fff;color:var(--accent);border-color:#fff}.site-footer{padding:66px 0 20px;background:#fff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px}.footer-grid>div p{max-width:280px;color:var(--muted);font-size:12px}.footer-grid nav{display:flex;flex-direction:column;gap:8px;font-size:12px}.footer-grid nav strong{margin-bottom:5px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.footer-grid nav a{color:var(--muted)}.footer-grid nav a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;margin-top:50px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.toast{position:fixed;right:24px;bottom:24px;z-index:200;max-width:380px;padding:14px 17px;border-radius:10px;background:var(--ink);color:#fff;box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(14px);pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:none}
/* Full Forge studio */
.workspace-page{height:100vh;overflow:hidden;background:#10141b;color:#e9edf4}.workspace-topbar{height:70px;display:flex;align-items:center;gap:18px;padding:0 18px;background:#12161d;border-bottom:1px solid #333c49}.workspace-logo{display:flex;align-items:center;gap:10px;padding-right:18px;border-right:1px solid #38404d;font-size:12px;font-weight:850;letter-spacing:.2em}.workspace-logo img{width:25px;filter:invert(1)}.project-switcher{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#e9edf4}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#48d6a0;box-shadow:0 0 0 3px rgba(72,214,160,.1)}.workspace-tools{margin-left:auto;display:flex;align-items:center;gap:8px}.engine-pill{padding:6px 9px;border:1px solid #394352;border-radius:6px;color:#a9b4c4;font-size:9px;letter-spacing:.05em}.publish-button{height:40px;display:flex;align-items:center;gap:14px;padding:0 15px;border-radius:7px;background:var(--accent);font-size:11px;font-weight:800}.forge-studio{height:calc(100vh - 70px);display:grid;grid-template-columns:360px minmax(0,1fr)}.forge-sidebar{position:relative;min-height:0;background:#171c24;border-right:1px solid #333c49}.studio-tabs{height:48px;display:flex;border-bottom:1px solid #333c49}.studio-tabs button{flex:1;border:0;background:transparent;color:#7f8a9a;font-size:11px}.studio-tabs button.active{color:#fff;border-bottom:2px solid var(--accent)}.conversation{height:calc(100% - 184px);overflow:auto;padding:18px}.user-message{margin-left:34px;padding:13px;border:1px solid #3e495a;border-radius:10px;background:#232b38;font-size:11px}.forge-message{display:flex;gap:10px;margin-top:21px;font-size:11px;color:#c6cfdb}.forge-message p{margin:0 0 10px}.forge-message ol{padding-left:18px}.forge-avatar{display:grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid var(--accent);border-radius:7px;color:#dcbcff;font-size:8px;font-weight:900}.change-card{margin-top:20px;padding:12px;border:1px solid #3b4655;border-radius:9px;background:#10151d}.change-card>div:first-child{display:flex;gap:8px;font-size:10px}.change-card p{color:#8591a2;font-size:9px}.change-card>div:last-child{display:flex;gap:7px}.change-card button,.change-card a{padding:6px 9px;border:1px solid #414c5d;border-radius:5px;background:#212936;color:#eaf0f8;font-size:9px}.studio-composer{position:absolute;left:14px;right:14px;bottom:14px;padding:12px;border:1px solid #465164;border-radius:10px;background:#111720}.studio-composer label{color:#9ca8b9;font-size:10px}.studio-composer textarea{width:100%;resize:none;padding:7px 0;border:0;outline:0;background:transparent;color:#fff;font-size:11px}.studio-composer>div{display:flex;justify-content:space-between}.studio-composer button{border:0;background:transparent;color:#a3aebe;font-size:10px}.studio-composer .send-button{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:var(--accent);color:#fff}.artifact-stage{min-width:0;display:grid;grid-template-rows:46px minmax(0,1fr) 32px;background:#242b35}.artifact-toolbar{display:flex;align-items:center;padding:0 12px;background:#181d24;border-bottom:1px solid #394250;color:#aeb8c7;font-size:10px}.artifact-address{display:flex;gap:7px;align-items:center;min-width:260px}.artifact-address b{color:#fff}.viewport-switcher{display:flex;gap:3px;margin:auto}.viewport-switcher button,.artifact-actions button{height:27px;padding:0 9px;border:1px solid transparent;border-radius:5px;background:transparent;color:#94a0b1;font-size:9px}.viewport-switcher button.active{border-color:#455163;background:#252d39;color:#fff}.artifact-actions{display:flex;gap:3px}.artifact-canvas{min-height:0;overflow:auto;padding:22px;display:grid;place-items:start center}.artifact-window{width:min(100%,1180px);min-width:760px;min-height:100%;background:#f6f7f9;color:#11151a;border-radius:7px;box-shadow:0 18px 45px rgba(0,0,0,.22);transition:width .25s}.artifact-canvas[data-viewport-state="tablet"] .artifact-window{width:820px}.artifact-canvas[data-viewport-state="mobile"] .artifact-window{width:390px;min-width:390px}.demo-app-nav{height:62px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe3e8;background:#fff;font-size:10px}.demo-app-nav>div{display:flex;align-items:center;gap:9px}.demo-app-nav nav{color:#68717e}.demo-app-nav>div:last-child span{color:#747d8a}.demo-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#11151a;color:#fff;font-weight:900}.demo-app-main{padding:28px}.demo-title{display:flex;justify-content:space-between;align-items:end}.demo-title small,.demo-chart-card small,.attention-card small,.workstream-card small{color:#727b88;font-size:8px;letter-spacing:.11em}.demo-title h1{margin:5px 0 3px;font-size:34px;line-height:1;letter-spacing:-.04em}.demo-title p{margin:0;color:#69727f;font-size:10px}.date-control{padding:8px 10px;border:1px solid #d6dbe2;border-radius:6px;background:#fff;color:#5d6673;font-size:9px}.demo-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.demo-metrics article{padding:15px;border:1px solid #dce1e7;border-radius:8px;background:#fff}.demo-metrics small,.demo-metrics b,.demo-metrics em{display:block}.demo-metrics small{color:#6c7582;font-size:8px}.demo-metrics b{margin:5px 0;font-size:25px}.demo-metrics em{color:#23805f;font-size:8px;font-style:normal}.demo-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:10px}.demo-grid>article,.workstream-card{border:1px solid #dce1e7;border-radius:8px;background:#fff}.demo-grid header,.workstream-card header{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #e5e8ec}.demo-grid header b,.workstream-card header b{display:block;margin-top:3px;font-size:11px}.demo-grid header span,.demo-grid header button,.workstream-card header button{border:0;background:transparent;color:#737d8b;font-size:8px}.large-chart{position:relative;height:190px;margin:11px 14px 14px}.large-chart svg{position:absolute;inset:0;width:100%;height:100%}.chart-guides{position:absolute;inset:10px 0 20px;display:flex;flex-direction:column;justify-content:space-between}.chart-guides i{border-top:1px dashed #dfe3e8}.chart-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#89919d;font-size:7px}.attention-card ul{list-style:none;padding:0 14px;margin:0}.attention-card li{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #eceef1}.attention-card li:last-child{border-bottom:0}.attention-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;font-size:9px;font-style:normal}.critical{background:#fee8e9;color:#bd3139}.warning{background:#fff0d5;color:#b57605}.info{background:#e5edff;color:#3162ba}.neutral{background:#e8f5ef;color:#287657}.attention-card li div{min-width:0}.attention-card li b,.attention-card li small{display:block}.attention-card li b{font-size:9px}.attention-card li small{color:#7d8693;font-size:7px}.attention-card li em{margin-left:auto;color:#6c7582;font-size:7px;font-style:normal}.workstream-card{margin-top:10px}.workstream-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:16px;align-items:center;padding:11px 14px;border-top:1px solid #eceef1;font-size:8px}.workstream-row:first-of-type{border-top:0}.workstream-row span small{display:block}.workstream-name{display:flex;align-items:center;gap:8px}.workstream-name i{width:7px;height:28px;border-radius:3px;background:var(--accent)}.state{display:inline-block!important;padding:3px 6px;border-radius:4px;font-style:normal}.state.green{background:#e9f7f1;color:#207d5c}.state.amber{background:#fff0d5;color:#a36d0a}.studio-statusbar{display:flex;align-items:center;gap:26px;padding:0 13px;background:#151a21;border-top:1px solid #353e4b;color:#8995a5;font-size:8px}.studio-statusbar span:first-child{color:#dfe5ee}.studio-statusbar .status-dot{margin-right:6px}
@media (max-width:1000px){.desktop-nav{display:none}.menu-button{display:block;margin-left:auto;border:1px solid var(--line);border-radius:7px;padding:8px 11px;background:#fff}.header-actions{display:none}.mobile-nav{padding:13px 20px 18px;border-top:1px solid var(--line);background:#fff}.mobile-nav.open{display:flex;flex-direction:column;gap:12px}.studio-body{grid-template-columns:280px 1fr}.workflow-grid{grid-template-columns:1fr 1fr}.workflow-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.workflow-grid article:nth-child(4){border-top:1px solid var(--line)}.section-heading,.open-design-grid{grid-template-columns:1fr;gap:26px}.handoff-grid{grid-template-columns:1fr}.handoff-arrow{text-align:center}.forge-studio{grid-template-columns:320px minmax(680px,1fr);overflow:auto}.engine-pill{display:none}}
@media (max-width:720px){.container{width:min(calc(100% - 28px),var(--container))}.hero{padding:78px 0 70px}.hero h1{font-size:48px}.hero-lead{font-size:17px}.composer-bar{align-items:end;gap:10px}.composer-context{display:none}.studio-frame{overflow-x:auto}.studio-titlebar,.studio-body{min-width:900px}.showcase-caption{align-items:flex-start;flex-direction:column;gap:6px}.workflow-grid{grid-template-columns:1fr}.workflow-grid article{min-height:200px;border-left:0;border-top:1px solid var(--line)}.workflow-grid article:first-child{border-top:0}.workflow-grid h3{margin-top:30px}.section{padding:78px 0}.engine-contract>div{grid-template-columns:1fr}.final-cta .container{align-items:flex-start;flex-direction:column}.final-cta h2{font-size:40px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{grid-column:1/-1}.workspace-tools .workspace-tool span:last-child,.workspace-tools .publish-button{display:none}.forge-studio{grid-template-columns:310px minmax(680px,1fr)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}