/* Original presentation concepts, independent from the agency interface. */
.project-preview{container-type:inline-size;aspect-ratio:1.05;overflow:hidden;position:relative;border:1px solid #d8dbd2;box-shadow:0 16px 35px #293b2710;background:#fff}
.concept-browser{height:4.6cqw;display:flex;align-items:center;justify-content:space-between;background:#e8e9e5;color:#91968e;padding:0 2.4cqw;font:1.1cqw/1 Consolas,monospace;border-bottom:1px solid #d9ddd6}
.window-pips{display:flex;gap:.6cqw}.window-pips i{width:.7cqw;height:.7cqw;border-radius:50%;background:#aeb5aa}.window-pips i:first-child{background:#bdc8b5}
.forma-screen{background:#f7f5ee;height:calc(100% - 4.6cqw);padding:0 4.5cqw;color:#29362f;font-family:Arial,sans-serif}
.forma-nav{height:8cqw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcded2}.forma-nav>strong{font-size:3.4cqw;font-weight:600;letter-spacing:-.3cqw;position:relative}.forma-symbol{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:4.1cqw;margin:0 .2cqw}.forma-logo-dot{font-size:1.1cqw;letter-spacing:0;vertical-align:top;margin-left:.7cqw}.forma-nav>div{display:flex;gap:3.4cqw;font-size:1.25cqw;align-items:center}.forma-nav-contact{border-bottom:1px solid #6c7965;padding-bottom:.7cqw}
.forma-intro{height:17.8cqw;display:flex;justify-content:space-between;align-items:center}.forma-kicker{font:1.05cqw Consolas,monospace;letter-spacing:.18cqw;color:#738066}.forma-intro h4{font:400 5.3cqw/1.05 Georgia,serif;letter-spacing:-.18cqw;margin:1.1cqw 0 0}.forma-intro h4 em{font-weight:400;color:#6d7d5c}.forma-side-note{padding-top:1.7cqw;width:23cqw;position:relative}.forma-side-note>span:first-child{font:1.05cqw Consolas,monospace;color:#7b8a70}.forma-side-note p{font:1.2cqw/1.6 Arial,sans-serif;color:#747b70}.forma-circle{display:grid;place-items:center;width:3.7cqw;height:3.7cqw;border:1px solid #a4b091;border-radius:50%;font-size:1.7cqw;position:absolute;right:0;bottom:.5cqw}
.forma-image{height:31cqw;position:relative;overflow:hidden;background:#7d826c}.forma-image>img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}.forma-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#14271ab3)}.forma-image-overlay{position:absolute;z-index:1;left:3cqw;right:3cqw;bottom:4.2cqw;display:flex;justify-content:space-between;align-items:end;color:#fff}.forma-image-overlay>div{display:flex;flex-direction:column}.forma-image-overlay div>span{font: .9cqw Consolas,monospace;letter-spacing:.15cqw;color:#d7dec8}.forma-image-overlay strong{font:400 4.2cqw Georgia,serif;margin:.8cqw 0}.forma-image-overlay small{font:1.15cqw Arial,sans-serif;color:#e2e6d8}.forma-image-arrow{display:grid;place-items:center;width:4.5cqw;height:4.5cqw;border:1px solid #ffffff78;border-radius:50%;font-size:2.5cqw;margin-bottom:.4cqw}.forma-image-index{position:absolute;z-index:1;bottom:1.6cqw;left:3cqw;right:3cqw;display:flex;gap:.6cqw;align-items:center}.forma-image-index i{width:2.2cqw;height:1px;background:#ffffff4a}.forma-image-index i:first-child{background:#fff}.forma-image-index>span{margin-left:auto;font: .8cqw Consolas,monospace;letter-spacing:.15cqw;color:#e2e6d8}
.forma-bottom{height:11.5cqw;display:flex;justify-content:space-between;align-items:center;gap:2cqw}.forma-bottom>span{font:2.8cqw/1.05 Georgia,serif;letter-spacing:-.1cqw}.forma-bottom>span em{color:#798464}.forma-bottom>p{font:1.15cqw/1.8 Arial,sans-serif;color:#79806e}.forma-bottom>div{font:.9cqw Consolas,monospace;letter-spacing:.05cqw;display:flex;gap:2cqw;align-items:center}.forma-bottom b{font:2cqw Arial,sans-serif}
.workspace-preview{border-color:#d7d6e5;background:#f5f5fa}.workspace-preview>.concept-browser{background:#e9e9ef;color:#9190a2;border-color:#dedee8}.orbit-screen{display:flex;height:calc(100% - 4.6cqw);font-family:Arial,sans-serif;color:#272738}.orbit-sidebar{width:20.7cqw;flex-shrink:0;background:#24223d;color:#a29fb7;padding:3.2cqw 1.7cqw;display:flex;flex-direction:column}.orbit-wordmark{color:white;font-size:3cqw;font-weight:600;letter-spacing:-.15cqw;display:flex;align-items:center;gap:.8cqw}.orbit-logo{color:#bcaeff;font-size:3.5cqw;font-weight:400}.orbit-wordmark-dot{color:#bcaeff;margin-left:-.8cqw}.orbit-workspace{display:flex;align-items:center;gap:.8cqw;border:1px solid #ffffff1a;border-radius:.6cqw;margin:3cqw 0 3.2cqw;padding:1.15cqw .8cqw;font-size:1.1cqw;color:#e4e2f2}.orbit-workspace small{display:block;font-size:.8cqw;color:#aaa7bf;margin-top:.4cqw}.orbit-workspace>span:last-child{margin-left:auto}.workspace-icon{display:grid;place-items:center;width:2.4cqw;height:2.4cqw;background:#68638b;border-radius:.4cqw;color:white;font:1.2cqw Georgia,serif}.sidebar-eyebrow{font:.75cqw/1.5 Arial,sans-serif;letter-spacing:.14cqw;color:#928daa;padding-left:.5cqw}.orbit-side-links{display:flex;flex-direction:column;gap:.6cqw;margin-top:1.3cqw}.orbit-side-links>span{display:flex;align-items:center;gap:1cqw;padding:1.3cqw .9cqw;font-size:1.13cqw;border-radius:.5cqw}.orbit-side-links i{font-size:1.5cqw;font-style:normal;width:1.6cqw}.orbit-side-links b{margin-left:auto;font-size:.85cqw;background:#ffffff0d;padding:.25cqw .55cqw;font-weight:400;border-radius:.3cqw}.orbit-side-links .selected{background:#6e5bce;color:#fff;box-shadow:0 .5cqw 1.5cqw #120e3030}.orbit-side-bottom{margin-top:auto}.orbit-plan{margin:1.2cqw 0 2.4cqw;padding:1.4cqw 1cqw;background:linear-gradient(125deg,#453969,#2f2c47);border:1px solid #8c72d938;border-radius:.6cqw;display:flex;flex-direction:column;gap:.6cqw}.orbit-plan i{font-size:2.4cqw;color:#c6b5fc;font-style:normal;margin-bottom:.4cqw}.orbit-plan b{font-size:1.05cqw;font-weight:500;color:#ede9fa}.orbit-plan small{font-size:.85cqw;color:#b8b1cf}.orbit-plan>span{font-size:.9cqw;color:#d6c6ff;margin-top:.7cqw}.orbit-profile{border-top:1px solid #ffffff1a;padding:1.5cqw 0 0;display:flex;gap:.8cqw;align-items:center;font-size:.95cqw;color:#e7e4f2}.orbit-profile small{display:block;font-size:.7cqw;color:#a29ab7;margin-top:.3cqw}.orbit-profile>span:last-child{margin-left:auto}.orbit-avatar{width:2.8cqw;height:2.8cqw;display:grid;place-items:center;flex-shrink:0;background:#e3dcf6;color:#6b52a2;border-radius:50%;font-size:.8cqw}.orbit-avatar.peach{background:#e1bcac;color:#684742}
.orbit-body{flex:1;min-width:0;background:#f6f6fb}.orbit-toolbar{height:6.6cqw;border-bottom:1px solid #e7e6ef;display:flex;justify-content:space-between;align-items:center;padding:0 3cqw;background:#fff;color:#9593a4;font-size:.95cqw}.orbit-toolbar i{font-style:normal;margin:0 1cqw;color:#c4c0d1}.orbit-toolbar b{color:#5f5b75;font-weight:500}.orbit-toolbar>div{display:flex;align-items:center;gap:2.1cqw;font-size:.95cqw}.orbit-main{padding:3cqw}.orbit-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5cqw}.orbit-welcome>div>span{font:.8cqw Consolas,monospace;letter-spacing:.1cqw;color:#9b97ad}.orbit-welcome h4{font-size:2.45cqw;font-weight:600;letter-spacing:-.08cqw;margin:.85cqw 0 .65cqw}.orbit-welcome h4>span{font-size:1.9cqw;color:#9b90c2;margin-left:.4cqw}.orbit-welcome p{font-size:1.05cqw;color:#a09bad;margin:0}.orbit-new{font-size:.95cqw;color:#fff;background:#7865df;border-radius:.5cqw;padding:1cqw 1.2cqw;box-shadow:0 .4cqw .6cqw #7865df20}
.orbit-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2cqw;margin-bottom:2cqw}.orbit-metrics>div{border:1px solid #e6e4ef;background:#fff;border-radius:.7cqw;padding:1.4cqw;min-width:0;height:11.5cqw;overflow:hidden}.orbit-metrics>div>span:first-child{display:flex;justify-content:space-between;font-size:.9cqw;color:#898299;gap:.5cqw}.orbit-metrics>div>span i{font-style:normal;color:#b4adbf}.orbit-metrics strong{display:flex;align-items:baseline;font-size:3.4cqw;font-weight:500;letter-spacing:-.1cqw;margin-top:1cqw;gap:.3cqw}.orbit-metrics strong em{font-size:1.5cqw;color:#a7a0b2;font-style:normal}.orbit-metrics strong small{font-size:.7cqw;color:#639984;letter-spacing:0;margin-left:auto;font-weight:400}.orbit-metrics svg{width:100%;height:2.8cqw;display:block;margin-top:.4cqw;overflow:visible}.orbit-metrics svg path{fill:none;stroke:#9984e9;stroke-width:1.6}.metric-bar{display:block;height:.55cqw;background:#eeeaf7;border-radius:10px;margin-top:1.8cqw}.metric-bar i{display:block;width:72%;height:100%;background:#a58bdd;border-radius:10px}.metric-progress{display:flex;gap:.4cqw;margin-top:1.8cqw}.metric-progress i{height:.7cqw;flex:1;border-radius:1px;background:#a494d8}.metric-progress i:last-child{background:#eae5f5}
.orbit-middle{display:grid;grid-template-columns:1.65fr 1fr;gap:1.2cqw;margin-bottom:2cqw}.orbit-chart,.orbit-tasks,.orbit-projects{background:#fff;border:1px solid #e6e4ef;border-radius:.7cqw;padding:1.6cqw}.widget-title{display:flex;justify-content:space-between;align-items:start;gap:.5cqw}.widget-title b{font-size:1.1cqw;font-weight:600}.widget-title small{display:block;font-size:.85cqw;font-weight:400;color:#a29ab2;margin-top:.5cqw}.widget-title>span{font-size:.75cqw;color:#a099b1;padding:.4cqw .5cqw;border:1px solid #f0edf5;border-radius:.3cqw}.orbit-chart-plot{position:relative;display:flex;height:12cqw;margin-top:2cqw}.chart-axis{width:3.4cqw;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;font-size:.65cqw;color:#b8b1c5;padding:.6cqw 0 1.2cqw}.orbit-chart-plot svg{width:calc(100% - 3.4cqw);height:100%;overflow:visible}.orbit-gridlines{fill:none;stroke:#eeebf5;stroke-width:1}.orbit-chart-line{fill:none;stroke:#7865e8;stroke-width:2.5}.orbit-chart-cursor{stroke:#d4c9ee;stroke-width:1;stroke-dasharray:4 4}.chart-tooltip{position:absolute;left:50%;top:-.5cqw;font-size:.9cqw;background:#302946;color:#fff;border-radius:.4cqw;padding:.7cqw .8cqw;box-shadow:0 .4cqw 1cqw #30294620;white-space:nowrap}.chart-tooltip small{display:block;font-size:.65cqw;color:#c0b5d2;margin-top:.3cqw}.orbit-chart-days{display:flex;justify-content:space-between;margin:.5cqw .3cqw 0 3.4cqw;font-size:.65cqw;color:#b4adbf}.orbit-tasks p{display:flex;align-items:start;gap:.75cqw;border-bottom:1px solid #f0edf5;margin:0;padding:1.7cqw 0;font-size:.85cqw}.orbit-tasks p>i{width:1.1cqw;height:1.1cqw;border:1px solid #d5cce4;border-radius:.3cqw;font-style:normal;flex-shrink:0}.orbit-tasks p small{display:block;color:#b0a5bc;font-size:.65cqw;margin-top:.5cqw}.orbit-tasks p em{margin-left:auto;color:#baadc5;font-size:.65cqw;font-style:normal}.orbit-tasks .task-done>i{background:#e3f2eb;color:#69a083;border-color:#d9ede2;font-size:.7cqw;text-align:center}.task-done>span{color:#bcb4c5}.orbit-task-footer{font-size:.8cqw;color:#9a83d4;margin-top:1.3cqw}
.orbit-projects{padding-bottom:0}.orbit-projects .widget-title small{display:inline;background:#f1edf7;padding:.25cqw .5cqw;border-radius:.3cqw;margin-left:.5cqw}.project-table{margin-top:1.2cqw}.project-table>div{display:grid;grid-template-columns:2fr 1fr 1.1fr .85fr;align-items:center;gap:1cqw;border-top:1px solid #f0edf5;padding:1.2cqw 0;font-size:.85cqw}.project-table>.table-header{font-size:.65cqw;color:#b1a7c0;letter-spacing:.04cqw;padding:.8cqw 0}.project-table>div>span:first-child{display:flex;align-items:center;gap:.8cqw}.project-table b{font-weight:500;font-size:.9cqw}.project-table small{display:block;color:#b2a9bd;font-size:.65cqw;margin-top:.3cqw}.project-square{width:2.8cqw;height:2.8cqw;border-radius:.5cqw;display:grid;place-items:center;font-style:normal;font-size:1cqw;flex-shrink:0}.purple{background:#eae4fa;color:#8a6cc9}.blue{background:#e1ebf9;color:#6c8ec2}.team-stack{display:flex;padding-left:.2cqw}.team-stack i{width:2cqw;height:2cqw;margin-left:-.25cqw;background:#e7dcf4;color:#937cb1;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font:.6cqw Arial,sans-serif}.team-stack i:nth-child(2){background:#e2ebe9;color:#799d93}.team-stack i:nth-child(3){background:#f0ecf6;color:#a799b6}.table-progress{display:flex;align-items:center;gap:.8cqw}.table-progress>i{width:6cqw;height:.5cqw;background:linear-gradient(to right,#a797d9 var(--progress),#eeebf5 var(--progress));border-radius:10px}.table-progress>b{font-size:.65cqw;color:#a496b8}.table-status{justify-self:start;font-size:.65cqw;padding:.5cqw .8cqw;background:#ece6fc;border-radius:10px;color:#997cd3}.table-status.review{background:#fcf2dc;color:#baa06a}
.concept-showcase .showcase-caption{margin-top:24px;padding-top:18px}.concept-showcase .showcase-caption>div{width:100%}.concept-showcase .showcase-caption h3{font-size:22px;margin-top:10px}.concept-showcase .showcase-caption p{font-size:12px;line-height:1.8;color:var(--muted);max-width:470px;margin:10px 0 0}.concept-disclosure{font:10px/1.7 Consolas,monospace;color:#7d8975;border-top:1px solid var(--line);padding-top:20px;margin:40px 0 0}
.architecture-preview .forma-image{height:52cqw}
.concept-expand{border:0;border-bottom:1px solid #a2b193;background:none;padding:8px 0;color:#5e7252;font-size:11px;display:inline-flex;align-items:center;gap:25px;margin-top:10px}
.concept-expand:hover{color:#263d1b;border-color:#263d1b}
.concept-viewer{width:min(1040px,calc(100% - 28px));max-height:94vh;padding:22px;overflow:auto}
.concept-viewer h2{font:24px Arial,sans-serif;letter-spacing:-.5px}
.concept-viewer .dialog-top{margin-bottom:15px}
.concept-viewer>p{font-size:11px;margin:15px 0 0}
.concept-viewer .project-preview{box-shadow:none}
@media(max-width:780px){.concept-showcase .showcase-caption h3{font-size:21px}.showcase-grid{gap:38px}.concept-disclosure{font-size:9px;margin-top:30px}.concept-viewer{padding:12px}.concept-viewer h2{font-size:20px}}
