:root{color-scheme:only light}.page{min-height:100vh;background:radial-gradient(circle at top right,#f5f6ff,#f7fbff 40%,#fff 70%);color:#0f172a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem clamp(1.5rem,4vw,5rem);position:sticky;top:0;background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,23,42,.05);z-index:20}.nav{display:flex;gap:clamp(1rem,3vw,2.5rem);font-size:.95rem}.nav a,.footer-links a,.actions .link{color:inherit;text-decoration:none;transition:color .2s ease}.link{color:#2563eb;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.nav a:hover,.footer-links a:hover,.actions .link:hover{color:#2563eb}.actions{display:flex;align-items:center;gap:1rem}.primary,.ghost{border-radius:999px;padding:.75rem 1.5rem;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.primary{background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;box-shadow:0 18px 30px #6366f138}.primary:hover{transform:translateY(-2px);box-shadow:0 22px 32px #6366f147}.ghost{background:#6366f11a;color:#4338ca}.ghost:hover{background:#6366f12e}.secondary{border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#f8fafcf2;color:#0f172a;padding:.65rem 1.2rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.secondary:hover{background:#f1f5f9e6;border-color:#6366f166;transform:translateY(-1px)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,8vw,6rem) clamp(1.5rem,4vw,5rem) clamp(4rem,9vw,8rem)}.hero-text h1{font-size:clamp(2.5rem,4vw,3.75rem);line-height:1.05;margin-bottom:1rem}.hero-text p{color:#0f172ab8;font-size:1.05rem;line-height:1.7}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;background:#6366f11f;color:#4338ca;font-weight:600;font-size:.85rem;margin-bottom:1.25rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0 2.5rem}.metrics{display:flex;flex-wrap:wrap;gap:1.5rem}.metric-card{background:#fff;border-radius:1.25rem;padding:1.25rem 1.5rem;box-shadow:0 18px 35px #0f172a14;min-width:160px}.metric-value{display:block;font-size:1.75rem;font-weight:700}.metric-label{color:#0f172a99;font-size:.9rem}.hero-visual{position:relative;display:flex;justify-content:center}.phone-frame{width:clamp(260px,30vw,340px);border-radius:2rem;padding:1.25rem 1.25rem 1.75rem;background:linear-gradient(180deg,#0f172a,#1e293b);box-shadow:0 24px 40px #0f172a59;position:relative}.phone-notch{width:40%;height:12px;background:#ffffff29;border-radius:0 0 12px 12px;margin:0 auto 1rem}.phone-screen{background:#101827;border-radius:1.5rem;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.screen-header{display:flex;gap:.75rem;align-items:center;color:#f8fafc}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#6366f1)}.auth-page{min-height:100vh;background:radial-gradient(circle at top left,#eff4ff,#f6f9ff 45%,#fff);color:#0f172a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column}.auth-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem clamp(1.5rem,4vw,5rem)}.logo-button{background:none;border:none;padding:0;margin:0;display:inline-flex;align-items:center;cursor:pointer;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease}.logo-button:focus-visible{outline:2px solid rgba(99,102,241,.45);outline-offset:4px}.logo-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.logo-image{display:block;height:80px;width:auto}.auth-layout{width:min(1100px,92vw);margin:clamp(2rem,6vw,4rem) auto clamp(3rem,8vw,5rem);display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch}.auth-card{background:#fffffff0;border-radius:2rem;padding:clamp(2rem,5vw,3rem);box-shadow:0 24px 60px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(99,102,241,.08)}.auth-card-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.auth-card-header h1{font-size:clamp(2rem,3vw,2.6rem);line-height:1.1}.auth-card-header p{color:#0f172ab3;line-height:1.6}.auth-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background:#6366f11f;color:#4338ca;border-radius:999px;font-weight:600;font-size:.85rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-field{display:flex;flex-direction:column;gap:.6rem;font-size:.95rem;color:#0f172ac7}.auth-field input,.auth-field select,.auth-field textarea{border-radius:1rem;border:1px solid rgba(148,163,184,.4);padding:.85rem 1rem;font:inherit;color:inherit;background:#ffffffe6;transition:border .2s ease,box-shadow .2s ease}.auth-field textarea{resize:vertical}.auth-field input:focus,.auth-field select:focus,.auth-field textarea:focus{outline:none;border-color:#6366f180;box-shadow:0 0 0 4px #6366f126}.auth-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.checkbox{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:#0f172ac7}.checkbox input{width:18px;height:18px;accent-color:#6366f1}.subtle-link{color:#4338ca;font-weight:600;text-decoration:none}.subtle-link:hover{text-decoration:underline}.auth-submit{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:.5rem;font-size:1rem}.auth-footer{margin-top:1.75rem;text-align:center;color:#0f172ab3;font-size:.95rem}.auth-highlight{display:flex;align-items:stretch}.auth-highlight-card{background:linear-gradient(160deg,#4338caf2,#3b82f6e6);color:#f8fafc;border-radius:2rem;padding:clamp(2rem,5vw,3.25rem);display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden;box-shadow:0 30px 60px #1e40af66}.auth-highlight-card:after{content:"";position:absolute;top:10%;right:-30%;bottom:-30%;left:40%;background:radial-gradient(circle at top,rgba(255,255,255,.4),transparent 60%);pointer-events:none}.auth-highlight-card h2{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15;position:relative}.auth-highlight-card p{color:#f1f5f9e6;line-height:1.7;position:relative}.auth-benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem;position:relative}.auth-benefits li{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.benefit-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:1rem;background:#0f172a2e;font-size:1.25rem}.auth-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;position:relative}.stat-value{font-size:1.85rem;font-weight:700}.stat-label{display:block;margin-top:.35rem;font-size:.9rem;color:#e2e8f0d9}@media (max-width: 768px){.auth-layout{margin-top:1.5rem}.auth-header{flex-direction:column;align-items:flex-start;gap:1rem}.auth-highlight-card{border-radius:1.5rem}}.screen-title{font-weight:600;margin-bottom:.25rem}.screen-subtitle{color:#e2e8f0b3;font-size:.85rem}.video-preview{position:relative;height:240px;border-radius:1.25rem;overflow:hidden;background:linear-gradient(135deg,#38bdf8,#0f172a 75%);box-shadow:inset 0 0 60px #0f172a59}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at center,#0f172a1a,#0f172a8c)}.play-icon{font-size:2.5rem;color:#fff;opacity:.9}.screen-footer{display:flex;justify-content:space-between;align-items:center;color:#f8fafc}.reaction-label{font-size:.85rem;color:#e2e8f0a6;margin-bottom:.35rem}.reaction-stack{display:flex}.reaction{width:32px;height:32px;border-radius:50%;border:2px solid #101827;background:linear-gradient(135deg,#fbbf24,#f97316);box-shadow:0 0 0 2px #10182766}.reaction+.reaction{margin-left:-.75rem}.cta-chip{border:none;padding:.65rem 1.25rem;border-radius:999px;background:#94a3b833;color:#fff;font-weight:600;cursor:pointer}.floating-card{position:absolute;right:-2rem;bottom:-2.5rem;background:#fff;border-radius:1.25rem;padding:1.5rem;box-shadow:0 20px 45px #0f172a2e;max-width:220px}.floating-title{font-weight:600;margin-bottom:1rem}.floating-metric span{display:block;font-size:1.75rem;font-weight:700;color:#16a34a}.floating-metric p{color:#0f172a99;margin-top:.35rem;font-size:.9rem}.floating-progress{margin-top:1.25rem;height:10px;border-radius:999px;background:#6366f12e}.floating-progress .bar{height:100%;border-radius:inherit;background:linear-gradient(135deg,#22d3ee,#6366f1)}.feature-section{padding:clamp(3rem,8vw,6rem) clamp(1.5rem,4vw,5rem)}.feature-section h2{text-align:center;font-size:clamp(2rem,3vw,2.75rem)}.section-subtitle{text-align:center;margin:1rem auto 3rem;max-width:640px;color:#0f172aa6;line-height:1.6}.feature-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 35px #0f172a14;border:1px solid rgba(99,102,241,.08);display:flex;flex-direction:column;gap:1rem}.feature-card h3{font-size:1.2rem;margin:0}.feature-card p{color:#0f172aa6;line-height:1.6}.feature-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#6366f11f,#0ea5e933)}.workflow{padding:clamp(3rem,8vw,6rem) clamp(1.5rem,4vw,5rem);display:grid;gap:clamp(2rem,4vw,4rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));background:linear-gradient(180deg,#6366f10f,#6366f100)}.workflow-content h2{font-size:clamp(2rem,3vw,2.5rem);margin-bottom:1rem}.workflow-content p{color:#0f172ab3;line-height:1.65}.step-list{list-style:none;display:grid;gap:1.75rem;counter-reset:steps;margin:0;padding:0}.step{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;background:#fff;border-radius:1.5rem;padding:1.75rem;box-shadow:0 18px 40px #0f172a14;border:1px solid rgba(99,102,241,.08)}.step-index{font-size:1.5rem;font-weight:700;color:#6366f1}.step h3{margin:0;font-size:1.2rem}.step p{margin-top:.35rem;color:#0f172ab3;line-height:1.6}.stories{padding:clamp(3rem,8vw,6rem) clamp(1.5rem,4vw,5rem)}.stories h2{text-align:center;font-size:clamp(2rem,3vw,2.6rem);margin-bottom:2.5rem}.story-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.story-card{background:#fff;padding:2rem;border-radius:1.5rem;box-shadow:0 16px 32px #0f172a12;border:1px solid rgba(15,23,42,.06);display:flex;flex-direction:column;gap:1.5rem}.story-card blockquote{margin:0;font-size:1.05rem;line-height:1.7}.story-name{font-weight:600}.story-role{display:block;color:#0f172a99;margin-top:.35rem}.cta{padding:clamp(3rem,8vw,6rem) clamp(1.5rem,4vw,5rem);margin:0 clamp(1.5rem,4vw,5rem) clamp(3rem,8vw,6rem);border-radius:2rem;background:linear-gradient(135deg,#312e81,#6366f1);color:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;align-items:center}.cta h2{font-size:clamp(2rem,3vw,2.5rem);margin-bottom:1rem}.cta p{color:#f1f5f9d9;line-height:1.7}.cta .ghost{background:#0f172a33;color:#fff}.footer{padding:3rem clamp(1.5rem,4vw,5rem) 4rem;display:flex;flex-direction:column;gap:1.5rem;border-top:1px solid rgba(15,23,42,.08);background:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:1rem 2rem}.footer-note{color:#0f172a99;font-size:.9rem}.auth-error{background:#dc26261a;color:#991b1b;padding:.75rem 1rem;border-radius:1rem;border:1px solid rgba(220,38,38,.2);font-size:.9rem}.private-area{display:grid;grid-template-columns:320px 1fr;min-height:100vh;background:linear-gradient(160deg,#e2e8f059,#f4f4ff99);color:#0f172a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.private-loader{grid-column:1 / -1;display:grid;place-items:center;font-size:1.1rem;padding:4rem;color:#0f172ab3}.private-sidebar{background:#0f172aeb;color:#f8fafc;display:flex;flex-direction:column;border-right:1px solid rgba(148,163,184,.2)}.private-sidebar-header{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1.75rem 1.25rem}.conversation-list{display:flex;flex-direction:column;gap:.75rem;padding:0 1.75rem 1.5rem;overflow-y:auto}.conversation-item{text-align:left;border:1px solid transparent;border-radius:1.25rem;padding:1rem 1.2rem;background:#0f172a99;color:inherit;cursor:pointer;display:grid;gap:.35rem;transition:background .2s ease,border .2s ease,transform .2s ease}.conversation-item:hover,.conversation-item.active{background:#6366f159;border-color:#818cf866;transform:translateY(-1px)}.conversation-title{font-weight:600;font-size:.95rem}.conversation-preview{font-size:.85rem;color:#e2e8f0bf}.conversation-date{font-size:.75rem;color:#e2e8f08c}.empty-conversations{color:#e2e8f0bf;font-size:.9rem}.private-sidebar-footer{margin-top:auto;padding:1.75rem;border-top:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:.75rem}.user-info{display:flex;flex-direction:column;gap:.2rem}.user-name{font-weight:600}.user-email{font-size:.85rem;color:#e2e8f0b3}.private-chat{display:flex;flex-direction:column;padding:2.5rem clamp(2rem,4vw,4rem);gap:2rem}.private-chat-header h1{font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:.35rem}.private-chat-header p{color:#0f172ab3;font-size:.95rem}.chat-messages{background:#ffffffe0;border-radius:1.75rem;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:inset 0 0 0 1px #94a3b826;max-height:calc(100vh - 320px);overflow-y:auto}.empty-chat{text-align:center;color:#0f172a99;font-size:.95rem}.chat-message{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:flex-start}.chat-message .chat-avatar{width:40px;height:40px;border-radius:1rem;display:grid;place-items:center;font-size:1.2rem}.chat-message.user .chat-avatar{background:#3b82f626}.chat-message.assistant .chat-avatar{background:#6366f133}.chat-content{background:#f8fafce6;padding:1rem 1.25rem;border-radius:1.25rem;box-shadow:0 12px 28px #0f172a14}.chat-content header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:#0f172a99;font-size:.85rem}.chat-content p{margin:0;color:#0f172ae0;line-height:1.6}.chat-error{background:#f8717133;color:#b91c1c;padding:.85rem 1.2rem;border-radius:1.25rem;border:1px solid rgba(248,113,113,.35)}.chat-input{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.chat-input textarea{border-radius:1.5rem;border:1px solid rgba(148,163,184,.4);padding:1rem 1.25rem;font:inherit;min-height:120px;resize:vertical;background:#fffffff2}.chat-input textarea:focus{outline:none;border-color:#6366f180;box-shadow:0 0 0 4px #6366f126}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1100px){.private-area{grid-template-columns:260px 1fr}}@media (max-width: 900px){.private-area{grid-template-columns:1fr}.private-sidebar{position:sticky;top:0;z-index:10}}@media (max-width: 900px){.header{position:static;flex-wrap:wrap;justify-content:center}.nav{flex-wrap:wrap;justify-content:center}.hero{text-align:center}.hero-text{align-items:center;display:flex;flex-direction:column}.metrics{justify-content:center}.hero-visual{margin-top:2rem}.floating-card{position:static;margin-top:1.5rem}.cta{margin:clamp(2rem,6vw,4rem) 1.5rem}}@media (max-width: 600px){.header{padding:1.5rem}.hero{padding:3rem 1.5rem 4rem}.feature-section,.workflow,.stories{padding:3rem 1.5rem}.cta{padding:2.5rem 1.75rem}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}*{box-sizing:border-box}body{margin:0;background:#f8fafc}#root{min-height:100vh}