diff --git a/index.html b/index.html
index d20d4bb..24a6165 100644
--- a/index.html
+++ b/index.html
@@ -145,118 +145,28 @@
Hire Agent
-
-
- 4,99 USD / month
-
-
Monthly termination
-
-
-
-
- Invalid coupon code.
-
-
-
- 5 USD OpenRouter credits added — Order now below
-
-
-
+
+
+ View plans & pricing →
+
+
diff --git a/styles.css b/styles.css
index 525f51d..e25abff 100644
--- a/styles.css
+++ b/styles.css
@@ -1686,114 +1686,30 @@ body.auth-layout .auth-pane {
}
/* Right pane: badge at top, form pushed to bottom */
body.auth-layout .auth-pane:last-child {
- justify-content: flex-start;
-}
-body.auth-layout #signup-form {
- margin-top: auto;
+ justify-content: center;
}
/* Pricing badge */
-.pricing-badge {
- display: none;
-}
-body.auth-layout .pricing-badge {
+/* ─── Hire Agent CTA (replaces signup form) ──────────────────────────── */
+.hire-cta {
display: flex;
flex-direction: column;
- align-items: center;
- text-align: center;
- gap: 6px;
- margin: 20px 24px 0;
- padding: 14px 20px;
- background: var(--accent-dim);
- border: 1px solid rgba(0, 245, 255, 0.35);
- border-radius: var(--radius);
-}
-.pricing-amount {
- font-size: 22px;
- font-weight: 800;
- color: var(--text);
- letter-spacing: -0.3px;
- line-height: 1;
-}
-.pricing-amount span {
- font-size: 13px;
- font-weight: 500;
- color: var(--text-muted);
-}
-.pricing-term {
- font-size: 11px;
- color: var(--text-muted);
- letter-spacing: 0.2px;
-}
-.pricing-bonus {
- display: flex;
- align-items: center;
- gap: 5px;
- font-size: 12px;
- color: var(--accent);
- font-weight: 500;
+ gap: 14px;
+ padding: 20px 24px 28px;
}
-/* Coupon box */
-.coupon-box {
- display: none;
-}
-body.auth-layout .coupon-box {
+.hire-link {
display: block;
- margin: 10px 24px 0;
-}
-.coupon-input-wrap {
- position: relative;
- display: flex;
- align-items: center;
-}
-.coupon-input {
- width: 100%;
- padding: 8px 36px 8px 12px;
- background: var(--bg-input);
- border: 1px solid var(--border);
- border-radius: var(--radius);
- color: var(--text);
- font-size: 13px;
- outline: none;
- transition: border-color 0.15s;
- box-sizing: border-box;
-}
-.coupon-input::placeholder {
- color: var(--text-muted);
-}
-.coupon-input:focus {
- border-color: var(--accent);
-}
-.coupon-input.coupon-input-error {
- border-color: var(--danger);
-}
-.coupon-spinner {
- position: absolute;
- right: 10px;
- display: flex;
- align-items: center;
-}
-.coupon-error {
- margin-top: 5px;
- font-size: 11px;
- color: var(--danger);
-}
-.coupon-success {
- display: none;
-}
-body.auth-layout .coupon-success {
- display: flex;
- align-items: center;
- gap: 6px;
- margin: 10px 24px 0;
- padding: 8px 12px;
- background: rgba(63, 201, 126, 0.1);
- border: 1px solid rgba(63, 201, 126, 0.3);
- border-radius: var(--radius);
+ text-align: center;
font-size: 12px;
- font-weight: 500;
- color: var(--success);
+ color: var(--text-muted);
+ text-decoration: none;
+ letter-spacing: 0.2px;
+ transition: color 0.15s;
+}
+
+.hire-link:hover {
+ color: var(--accent);
}
body.auth-layout .auth-forms-divider {
width: 1px;
@@ -1807,6 +1723,9 @@ body.auth-layout .auth-forms-divider {
}
body.auth-layout #signup-form {
display: flex !important;
+ flex-direction: column;
+ gap: 14px;
+ padding: 24px;
}
/* Sign-in form stretches and pushes its button to the bottom
so it aligns with the Create Account button on the right */
@@ -1817,23 +1736,9 @@ body.auth-layout #signin-btn {
margin-top: auto;
}
-/* Demo app-shell: matches auth card width, shorter height */
+/* Demo shell is always hidden — we no longer show a preview on the auth screen */
#app-shell.demo-mode {
- width: min(1060px, calc(100vw - 16px));
- height: min(500px, calc(100vh - 360px));
- flex-shrink: 0;
- animation: none; /* prevent double-play alongside auth-card */
-}
-
-#app-shell.demo-mode .app-header,
-#app-shell.demo-mode .agent-tabs-bar {
- opacity: 0.55;
- pointer-events: none;
- user-select: none;
-}
-#app-shell.demo-mode .app-body {
- pointer-events: none;
- user-select: none;
+ display: none !important;
}
.demo-notice {