*{box-sizing:border-box}:root{--ui-dark: #14151a;--ui-blue: #1c66d6;--ui-blue-deep: #0f4fb0;--ui-blue-soft: #eaf2ff;--ui-blue-border: #d7e6fd;--ui-lime: #d4f95a;--ui-lime-ink: #14151a}html,body,#root{margin:0;height:100%;width:100%;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.project-topbar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:#fff;border-bottom:1px solid #ececf1;flex-shrink:0;z-index:20}.project-back-link{color:var(--ui-blue);font-size:13px;font-weight:600;text-decoration:none}.project-back-link:hover{text-decoration:underline}.project-name{font-size:13.5px;font-weight:700;color:#16161d}.project-save-btn{display:flex;align-items:center;gap:6px;margin-left:auto;border:1px solid #e5e6ee;background:#fff;color:#45474f;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.project-save-btn:hover:not(:disabled){border-color:var(--ui-blue);color:var(--ui-blue)}.project-save-btn:disabled{cursor:not-allowed;opacity:.55}.project-save-btn-saved{border-color:#18a35a;color:#18a35a;background:#eafbf1}.project-save-btn-error{border-color:#d9534f;color:#d9534f;background:#fdecec}.project-load-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:#eef0f5}.project-load-error-title{font-size:17px;font-weight:800;color:var(--ui-dark);margin:0}.project-load-error-detail{font-size:13px;color:#d9534f;background:#fdecec;padding:8px 14px;border-radius:8px;max-width:480px;margin:0}.project-load-error-note{font-size:13px;color:#7a7c88;margin:0 0 8px}.project-body{display:flex;flex:1;min-height:0}.auth-loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;color:#9497a3;font-size:14px}.canvas-area{flex:1;position:relative;background:#eef0f5;background-image:radial-gradient(circle,#dde1ec 1px,transparent 1px);background-size:24px 24px;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.canvas-area:active{cursor:grabbing}.canvas-toolbar{position:absolute;top:16px;left:16px;z-index:10;display:flex;align-items:center;gap:6px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:13px;padding:7px;box-shadow:0 4px 20px #14151a1a,0 0 0 1px #14151a0a;font-size:13px;color:#333}.canvas-toolbar-icon-btn{border:none;background:transparent;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#45474f;transition:background .15s ease,color .15s ease;flex-shrink:0}.canvas-toolbar-icon-btn:hover{background:#f0f1f6;color:var(--ui-dark)}.canvas-zoom-readout{min-width:40px;text-align:center;font-size:12.5px;font-weight:600;color:#55575f;font-variant-numeric:tabular-nums}.canvas-toolbar-divider{width:1px;height:20px;background:#ececf1;margin:0 2px;flex-shrink:0}.canvas-preview-btn{display:flex;align-items:center;gap:7px;border:none;height:30px;padding:0 14px;border-radius:8px;font-size:12.5px;font-weight:700;color:#fff;background:var(--ui-dark);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.canvas-preview-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #14151a47}.canvas-preview-btn:disabled{background:#c7c9d6;cursor:not-allowed}.canvas-export-btn{color:#45474f;background:transparent;border:1px solid #e5e6ee}.canvas-export-btn:hover:not(:disabled){color:var(--ui-dark);border-color:#d3d5e2;box-shadow:none}.canvas-export-btn:disabled{background:transparent;color:#c7c9d6;border-color:#ececf1}.canvas-btn-label{white-space:nowrap}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a20;display:flex;flex-direction:column;z-index:100}.preview-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#232329;border-bottom:1px solid #34343d}.preview-nav-btn,.preview-close-btn{background:#34343d;color:#e5e5ea;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.preview-nav-btn:hover,.preview-close-btn:hover{background:#40404b}.preview-nav-btn:disabled{opacity:.4;cursor:not-allowed}.preview-close-btn{background:var(--ui-blue);color:#fff}.preview-close-btn:hover{background:var(--ui-blue-deep)}.preview-screen-name{color:#fff;font-size:13.5px;font-weight:600}.preview-stage{flex:1;display:flex;align-items:center;justify-content:center}.preview-device{border-radius:28px;overflow:hidden;box-shadow:0 30px 80px #00000080}.preview-iframe{border:none;display:block}.preview-empty{color:#9497a3;font-size:14px}.canvas-world{position:absolute;top:70px;left:70px;transform-origin:0 0;display:flex;flex-direction:row;align-items:flex-start;gap:56px}.connector-overlay{position:absolute;top:0;left:0;width:1px;height:1px;overflow:visible;pointer-events:none;z-index:5}.connector-path{fill:none;stroke:#00c2e8;stroke-width:2.5;filter:drop-shadow(0 0 4px rgba(0,194,232,.35))}.device-frame-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.device-frame-label{width:100%;font-size:13px;font-weight:600;color:#55586b;display:flex;align-items:center;justify-content:space-between;gap:6px}.device-frame-label-text{display:flex;align-items:center;gap:6px}.device-frame-code-toggle{flex-shrink:0;width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:#a3a5b3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.device-frame-code-toggle:hover{background:#eef0f5;color:#55586b}.device-frame-code-toggle.active{background:var(--ui-dark);color:#fff}.device-frame-code-view{position:relative;width:100%;height:100%;background:#1d1f21;overflow:hidden}.device-frame-copy-btn{position:absolute;top:10px;right:10px;z-index:2;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#d6d8dd;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.device-frame-copy-btn:hover{background:#ffffff29}.device-frame-code-pre{margin:0;width:100%;height:100%;overflow:auto;padding:40px 14px 14px;box-sizing:border-box;font-family:SF Mono,Menlo,Consolas,Courier New,monospace;font-size:10.5px;line-height:1.6}.device-frame-code-pre code{white-space:pre}.device-frame-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e99;animation:pulse 1.2s infinite}@keyframes pulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.device-frame-chrome{position:relative;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 1px #0000000f,0 12px 32px #00000024,0 0 0 1px #0000000f}.device-frame-iframe{border:none;display:block;background:#fff}.chat-panel{width:420px;min-width:420px;height:100%;background:#fbfbfd;border-right:1px solid #ececf1;box-shadow:8px 0 24px #14151a08;display:flex;flex-direction:column;font-family:Inter,-apple-system,sans-serif}.chat-header{padding:20px 22px;background:#fff;border-bottom:1px solid #eef0f3;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px #14141e05;z-index:2}.chat-title{font-size:16px;font-weight:800;font-family:Plus Jakarta Sans,Inter,sans-serif;color:var(--ui-dark);letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.chat-title-icon{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--ui-blue),var(--ui-blue-deep));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #1c66d64d;flex-shrink:0}.chat-title-icon-img{width:17px;height:17px;object-fit:contain}.chat-subtitle{font-size:12px;color:#9497a3;padding-left:40px}.chat-messages{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:90%;padding:11px 14px;border-radius:16px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-bubble-user{align-self:flex-end;background:linear-gradient(135deg,var(--ui-blue),var(--ui-blue-deep));color:#fff;border-bottom-right-radius:5px;box-shadow:0 2px 8px #1c66d640}.chat-bubble-assistant{align-self:flex-start;background:#fff;color:#24252c;border:1px solid #edeef3;border-bottom-left-radius:5px}.chat-bubble-streaming{display:flex;align-items:center;gap:6px}.chat-bubble-thinking{display:flex;flex-direction:column;gap:4px;color:#8b8ea0;font-style:italic}.thinking-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#a8abb8;font-style:normal}.thinking-text{font-size:12.5px;line-height:1.4}.typing-dot{width:6px;height:6px;border-radius:50%;background:#9497a3;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.chat-card{align-self:flex-start;max-width:92%;background:#fff;border:1px solid #edeef3;border-radius:16px;padding:13px 15px;box-shadow:0 1px 2px #14142808}.chat-card-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ui-blue)}.chat-card-header-done{color:#18a35a}.chat-card-spinner{width:12px;height:12px;border-radius:50%;border:2px solid var(--ui-blue-border);border-top-color:var(--ui-blue);animation:spin .7s linear infinite;flex-shrink:0}.chat-card-check{width:16px;height:16px;border-radius:50%;background:#18a35a;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.build-checklist{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.build-checklist li{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.3;color:#b6b8c4;transition:color .2s ease}.build-checklist li.done{color:#24252c}.build-checklist li.active{color:#16161d;font-weight:600}.build-checklist-icon{width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.build-checklist li.done .build-checklist-icon{background:#e3f7ec;color:#18a35a}.mini-spinner{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ui-blue-border);border-top-color:var(--ui-blue);animation:spin .7s linear infinite}.chat-card-text{margin:10px 0 0;font-size:13.5px;line-height:1.5;color:#3a3b45}.screen-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.screen-chip{font-size:11.5px;font-weight:600;color:var(--ui-blue-deep);background:var(--ui-blue-soft);border-radius:8px;padding:4px 9px}.chat-input-area{background:#fff;border-top:1px solid #eef0f3;padding:4px}.chat-input-row{margin:14px;padding:12px;display:flex;gap:10px;align-items:flex-end;background:#f6f7fa;border:1.5px solid #ececf3;border-radius:18px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.chat-input-row:focus-within{background:#fff;border-color:var(--ui-blue);box-shadow:0 0 0 4px var(--ui-blue-soft)}.chat-attach-btn{flex-shrink:0;width:40px;height:40px;border-radius:12px;border:none;background:transparent;color:#6c6e79;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.chat-attach-btn:hover{background:var(--ui-blue-soft);color:var(--ui-blue)}.chat-attach-btn:disabled{color:#c7c9d6;cursor:not-allowed;background:transparent}.attached-image-chip{display:flex;align-items:center;gap:8px;margin:12px 14px 0;padding:6px 10px 6px 6px;background:var(--ui-blue-soft);border:1px solid var(--ui-blue-border);border-radius:10px;width:fit-content;font-size:12px;font-weight:600;color:var(--ui-blue-deep)}.attached-image-chip img{width:30px;height:30px;border-radius:6px;object-fit:cover}.attached-image-remove{border:none;background:none;color:#9497a3;font-size:16px;line-height:1;cursor:pointer;padding:0 2px}.attached-image-remove:hover{color:#c0392b}.chat-bubble-image{display:block;max-width:100%;border-radius:10px;margin-bottom:8px}.chat-input{flex:1;resize:none;border:none;background:transparent;border-radius:10px;padding:9px 8px;max-height:160px;overflow-y:auto;font-size:14.5px;line-height:1.5;font-family:inherit;color:var(--ui-dark);outline:none}.chat-send-btn{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--ui-lime);color:var(--ui-lime-ink);border:none;border-radius:50%;cursor:pointer;box-shadow:0 3px 10px #d4f95a80;transition:transform .15s ease,box-shadow .15s ease}.mini-spinner-dark{border-color:#14151a40;border-top-color:var(--ui-dark)}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #d4f95a99}.chat-send-btn:active:not(:disabled){transform:scale(.97)}.chat-send-btn:disabled{background:#e5e6ee;color:#a3a5b3;box-shadow:none;cursor:not-allowed}.mobile-view-switch{display:none}@media (max-width: 1023px){.chat-panel{width:340px;min-width:340px}.canvas-toolbar-icon-btn,.device-frame-code-toggle{width:38px;height:38px}}@media (max-width: 767px){.project-topbar{padding:8px 12px;gap:10px}.project-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-save-btn{flex-shrink:0;padding:7px 10px;font-size:12px}.mobile-view-switch{display:flex;gap:8px;padding:8px 12px;background:#fff;border-bottom:1px solid #ececf1;flex-shrink:0}.mobile-view-switch-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;min-height:44px;border-radius:10px;border:none;background:#f3f4f7;color:#6c6e79;font-size:13.5px;font-weight:700;cursor:pointer}.mobile-view-switch-btn.active{background:var(--ui-dark);color:#fff}.mobile-view-switch-btn .badge{background:#ffffff40;border-radius:999px;padding:1px 6px;font-size:11px}.mobile-view-switch-btn:not(.active) .badge{background:var(--ui-blue-soft);color:var(--ui-blue-deep)}.project-body{flex-direction:column}.chat-panel{width:100%;min-width:0;border-right:none;box-shadow:none}.canvas-area{width:100%}.project-body[data-mobile-view=chat] .canvas-area,.project-body[data-mobile-view=canvas] .chat-panel{display:none}.canvas-toolbar-icon-btn{width:40px;height:40px}.canvas-toolbar{top:10px;left:10px;padding:6px;gap:4px}.canvas-btn-label{display:none}.canvas-preview-btn{padding:0 12px;height:40px}.device-frame-code-toggle{width:34px;height:34px}.chat-header{padding:14px 16px}.chat-messages{padding:14px 12px}.chat-bubble{max-width:94%}.chat-attach-btn,.chat-send-btn{width:44px;height:44px}}@media (max-width: 380px){.mobile-view-switch-btn{font-size:12.5px;padding:9px 6px}.project-name{font-size:12.5px}}.landing-logo-img,.auth-logo-img{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:8px}.landing-logo-navbar{text-decoration:none;display:inline-flex;align-items:center}.landing-logo-navbar .landing-logo-img{width:30px;height:30px;margin-right:0}.landing-page{width:100%;min-height:100vh;background:#fff;color:#14151a;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page .landing-logo,.landing-page .landing-nav-cta,.landing-page .landing-btn,.landing-page .differentiator-stat{font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif}.landing-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,21,26,.06)}.landing-logo{font-size:16px;font-weight:800;color:#14151a;display:flex;align-items:center;letter-spacing:-.01em}.landing-nav-links{display:flex;gap:34px}.landing-nav-links a{color:#45474f;text-decoration:none;font-size:13.5px;font-weight:600;transition:color .15s ease}.landing-nav-links a:hover{color:#14151a}.landing-nav-cta{background:#14151a;color:#fff;font-weight:700;font-size:13px;padding:10px 20px;border-radius:999px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.landing-nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 18px #14151a38}.landing-hero{position:relative;padding:96px 24px 64px;text-align:center;background:radial-gradient(ellipse 60% 40% at 20% 90%,rgba(255,255,255,.9),transparent 60%),radial-gradient(ellipse 50% 35% at 80% 95%,rgba(255,255,255,.85),transparent 60%),radial-gradient(ellipse 70% 30% at 50% 100%,rgba(255,255,255,.9),transparent 60%),linear-gradient(180deg,#082e8a,#1c66d6 32%,#4a9df0 62%,#bfe0fb);overflow:hidden}.landing-hero-content{position:relative;z-index:2;max-width:740px;margin:0 auto}.landing-hero-kicker{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#eaf4ff;background:#ffffff24;border:1px solid rgba(255,255,255,.28);padding:7px 16px;border-radius:999px;margin:0 0 22px}.landing-hero-title{font-size:58px;line-height:1.06;font-weight:800;color:#fff;letter-spacing:-.025em;margin:0 0 22px;text-shadow:0 2px 28px rgba(8,30,90,.3)}.landing-hero-subtitle{font-size:17px;line-height:1.65;color:#fffffff0;max-width:560px;margin:0 auto 36px;font-weight:400}.landing-hero-ctas{display:flex;gap:12px;justify-content:center;margin-bottom:68px}.landing-btn{padding:14px 26px;border-radius:999px;font-weight:700;font-size:14.5px;text-decoration:none;display:inline-block;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.landing-btn:active{transform:scale(.97)}.landing-btn-dark{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.35)}.landing-btn-dark:hover{background:#fff3}.landing-btn-accent{background:#d4f95a;color:#16161d;box-shadow:0 10px 24px #d4f95a59}.landing-btn-accent:hover{transform:translateY(-2px);box-shadow:0 14px 30px #d4f95a73}.landing-hero-mockups{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;gap:18px;height:210px;max-width:920px;margin:0 auto}.mockup-card{width:134px;height:174px;background:#fff;border-radius:16px;box-shadow:0 24px 50px #061e5061;padding:12px;display:flex;flex-direction:column;gap:8px}.mockup-card-1{transform:rotate(-9deg) translateY(10px)}.mockup-card-2{transform:rotate(-4deg) translateY(-8px);height:194px}.mockup-card-3{transform:rotate(0) translateY(-20px);height:204px}.mockup-card-4{transform:rotate(5deg) translateY(-6px);height:194px}.mockup-card-5{transform:rotate(10deg) translateY(12px)}.mockup-status{width:34%;height:5px;border-radius:3px;background:#d8dcec}.mockup-card-bar{width:42%;height:7px;border-radius:4px;background:#cfd3e6;margin-bottom:2px}.mockup-card-line{height:8px;border-radius:4px;background:#eceef4;width:100%}.mockup-card-line.short{width:60%}.mockup-card-line.accent{background:#d4f95a}.mockup-card-block{flex:1;border-radius:9px;background:linear-gradient(135deg,#eef1fb,#dfe6fa)}.mockup-card-block.small{height:50px;flex:none}.mockup-card-pill{margin-top:auto;height:24px;border-radius:999px;background:#14151a}.landing-hero-rating{position:relative;z-index:2;margin-top:24px;color:#fff;font-size:13px;font-weight:600;opacity:.92;letter-spacing:.01em}.landing-logos-strip{display:flex;justify-content:center;gap:52px;flex-wrap:wrap;padding:40px 24px;border-bottom:1px solid #f0f0f5}.landing-logo-placeholder{color:#c3c4cf;font-weight:700;font-size:15px;letter-spacing:-.01em}.landing-section{padding:100px 24px;max-width:1120px;margin:0 auto}.landing-section-narrow{max-width:720px}.center-col{text-align:center}.landing-eyebrow{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6a5cf5;margin:0 0 16px}.landing-eyebrow.center{text-align:center}.landing-section-title{font-size:36px;font-weight:800;line-height:1.25;letter-spacing:-.015em;margin:0 0 56px;color:#14151a;max-width:640px}.landing-section-title.center{text-align:center;margin-left:auto;margin-right:auto}.dot-accent{display:inline-block;width:24px;height:24px;border-radius:50%;vertical-align:middle;margin:0 2px}.dot-accent.green{background:#22c55e}.dot-accent.yellow{background:#d4f95a}.differentiator-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.differentiator-card{border-radius:20px;padding:28px;transition:transform .2s ease}.differentiator-card:hover{transform:translateY(-4px)}.diff-0{background:#14151a;color:#fff}.diff-1{background:#f4f5f8;color:#14151a}.diff-2{background:#d4f95a;color:#14151a}.differentiator-stat{font-size:30px;font-weight:800;margin-bottom:10px;letter-spacing:-.01em}.differentiator-label{font-size:13.5px;line-height:1.55;opacity:.82}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{background:#fbfbfd;border-radius:20px;padding:32px 28px;border:1px solid #eeeef4;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #14151a14;border-color:#e2e3ee}.feature-card-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#6a5cf5,#4e54c8);margin-bottom:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 20px #4e54c847}.feature-card h3{font-size:17px;font-weight:700;margin:0 0 10px;letter-spacing:-.01em}.feature-card p{font-size:13.75px;line-height:1.65;color:#55575f;margin:0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial-card{background:#fbfbfd;border-radius:20px;padding:28px;border:1px solid #eeeef4;transition:transform .2s ease,box-shadow .2s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #14151a14}.testimonial-quote{font-size:14.75px;line-height:1.65;color:#24252c;margin:0 0 22px}.testimonial-author{display:flex;align-items:center;gap:11px}.testimonial-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6a5cf5,#4e54c8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13.5px;flex-shrink:0}.testimonial-name{font-size:13px;font-weight:700}.testimonial-role{font-size:11.5px;color:#9497a3}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{border:1px solid #eeeef4;border-radius:16px;padding:20px 22px;cursor:pointer;background:#fbfbfd;transition:border-color .15s ease}.faq-item:hover{border-color:#d8d9ea}.faq-item.open{border-color:#6a5cf5}.faq-question{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14.5px;gap:16px}.faq-chevron{color:#6a5cf5;font-size:19px;font-weight:700;flex-shrink:0}.faq-answer{margin-top:14px;font-size:13.75px;line-height:1.65;color:#55575f}.landing-cta-band{text-align:center;padding:96px 24px;background:#14151a;color:#fff;position:relative;overflow:hidden}.landing-cta-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 50% 60% at 50% 0%,rgba(106,92,245,.35),transparent 70%);pointer-events:none}.landing-cta-band h2{position:relative;font-size:34px;font-weight:800;margin:0 0 30px;letter-spacing:-.015em}.landing-footer{padding:52px 24px 28px;max-width:1120px;margin:0 auto}.landing-footer-top{display:flex;justify-content:space-between;padding-bottom:36px;border-bottom:1px solid #eeeef4}.landing-footer-cols{display:flex;gap:68px}.landing-footer-cols h4{font-size:12px;color:#9497a3;margin:0 0 14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.landing-footer-cols a{display:block;color:#24252c;text-decoration:none;font-size:13.75px;margin-bottom:10px}.landing-footer-cols a:hover{color:#6a5cf5}.landing-footer-bottom{padding-top:26px;font-size:12px;color:#9497a3}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-visible{opacity:1;transform:none}.landing-nav-menu-btn{display:none;border:none;background:transparent;color:#14151a;padding:6px;cursor:pointer;border-radius:8px}.landing-nav-menu-btn:hover{background:#14151a0f}.landing-mobile-menu{display:none}@media (max-width: 1023px){.landing-hero-title{font-size:46px}.differentiator-row,.feature-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content{padding:40px 24px 64px}}@media (max-width: 900px){.landing-nav{padding:14px 20px}.landing-nav-links,.landing-nav-cta{display:none}.landing-nav-menu-btn{display:flex;align-items:center;justify-content:center}.landing-mobile-menu{display:flex;flex-direction:column;position:sticky;top:57px;z-index:49;background:#fff;border-bottom:1px solid #eeeef4;box-shadow:0 12px 24px #14151a14;padding:8px 20px 16px}.landing-mobile-menu a{color:#24252c;text-decoration:none;font-size:15px;font-weight:600;padding:12px 4px;border-bottom:1px solid #f4f4f8}.landing-mobile-menu-cta{margin-top:12px;text-align:center;background:#14151a;color:#fff!important;border-radius:999px;padding:12px!important;border-bottom:none!important}}@media (max-width: 640px){.landing-hero{padding:48px 18px 44px}.landing-hero-kicker{font-size:11px;padding:6px 13px}.landing-hero-title{font-size:32px}.landing-hero-subtitle{font-size:15px}.landing-hero-ctas{flex-direction:column;width:100%;margin-bottom:44px}.landing-hero-ctas .landing-btn{width:100%;text-align:center}.landing-hero-mockups{display:none}.landing-logos-strip{gap:28px;padding:28px 20px}.landing-section{padding:60px 18px}.landing-section-title{font-size:27px;margin-bottom:36px}.differentiator-row,.feature-grid,.testimonial-grid{grid-template-columns:1fr}.landing-cta-band{padding:60px 20px}.landing-cta-band h2{font-size:25px}.landing-footer{padding:40px 18px 24px}.landing-footer-top{flex-direction:column;gap:28px}.landing-footer-cols{flex-direction:column;gap:24px}}@media (max-width: 480px){.auth-page{padding:16px}.auth-card{padding:30px 22px;border-radius:18px}}@media (max-width: 767px){.dashboard-topbar{padding:14px 18px}.dashboard-user-email{display:none}.dashboard-content{padding:28px 16px 56px}.dashboard-header-row{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-header-row .dashboard-new-btn{width:100%;justify-content:center}.dashboard-title{font-size:24px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 60% 40% at 20% 90%,rgba(255,255,255,.9),transparent 60%),radial-gradient(ellipse 50% 35% at 80% 10%,rgba(255,255,255,.7),transparent 60%),linear-gradient(180deg,#082e8a,#4a9df0 60%,#bfe0fb);padding:24px;font-family:Inter,-apple-system,sans-serif}.auth-card{width:100%;max-width:380px;background:#fff;border-radius:22px;padding:38px 34px;box-shadow:0 32px 64px #061e5052;text-align:center}.auth-logo{display:inline-flex;align-items:center;font-weight:800;font-size:15px;font-family:Plus Jakarta Sans,Inter,sans-serif;color:#14151a;text-decoration:none;margin-bottom:26px}.auth-title{font-size:23px;font-weight:800;font-family:Plus Jakarta Sans,Inter,sans-serif;margin:0 0 6px;color:#14151a;letter-spacing:-.01em}.auth-subtitle{font-size:13.5px;color:#9497a3;margin:0 0 26px}.auth-form{display:flex;flex-direction:column;gap:15px;text-align:left}.auth-label{font-size:12.5px;font-weight:700;color:#55575f;display:flex;flex-direction:column;gap:6px}.auth-input{border:1px solid #e2e4e9;border-radius:11px;padding:12px 13px;font-size:13.75px;font-family:inherit;font-weight:400;color:#14151a;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.auth-input:focus{border-color:#6a5cf5;box-shadow:0 0 0 3px #6a5cf51f}.auth-error{background:#fdecec;color:#c0392b;font-size:12.5px;padding:10px 13px;border-radius:9px}.auth-submit-btn{background:linear-gradient(135deg,#6a5cf5,#4e54c8);color:#fff;border:none;border-radius:11px;padding:13px;font-size:13.75px;font-weight:700;cursor:pointer;margin-top:4px;box-shadow:0 10px 22px #4e54c847;transition:transform .15s ease,box-shadow .15s ease}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px #4e54c857}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-submit-link{display:block;text-decoration:none;text-align:center;margin-top:8px}.auth-switch{font-size:12.5px;color:#9497a3;margin:22px 0 0}.auth-switch a{color:#6a5cf5;font-weight:700;text-decoration:none}.dashboard-page{min-height:100vh;background:#f7f7fa;font-family:Inter,-apple-system,sans-serif}.dashboard-page h1,.dashboard-page .dashboard-logo,.dashboard-page .dashboard-new-btn,.dashboard-page .project-card-name{font-family:Plus Jakarta Sans,Inter,sans-serif}.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,21,26,.06);position:sticky;top:0;z-index:20}.dashboard-logo{font-weight:800;font-size:15px;color:#14151a;display:flex;align-items:center}.dashboard-user{display:flex;align-items:center;gap:16px}.dashboard-user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#6a5cf5,#4e54c8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;flex-shrink:0}.dashboard-user-email{font-size:13px;color:#55575f;font-weight:500}.dashboard-logout-btn{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e5e6ee;border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:600;cursor:pointer;color:#45474f;transition:border-color .15s ease,color .15s ease}.dashboard-logout-btn:hover{border-color:#c7c9dc;color:#14151a}.dashboard-content{max-width:1120px;margin:0 auto;padding:56px 32px 80px}.dashboard-header-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.dashboard-eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6a5cf5;margin:0 0 10px}.dashboard-title{font-size:30px;font-weight:800;color:#14151a;margin:0 0 6px;letter-spacing:-.015em}.dashboard-subtitle{font-size:14px;color:#7a7c88;margin:0}.dashboard-new-btn{display:inline-flex;align-items:center;gap:8px;background:#14151a;color:#fff;border:none;border-radius:11px;padding:12px 20px;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 10px 24px #14151a29;transition:transform .15s ease,box-shadow .15s ease}.dashboard-new-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #14151a38}.dashboard-new-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-loading{display:flex;justify-content:center;padding:100px 20px;color:#9497a3;font-size:14px}.dashboard-empty{text-align:center;padding:90px 20px;display:flex;flex-direction:column;align-items:center;gap:18px;background:#fff;border:1px solid #eeeef4;border-radius:24px}.dashboard-empty-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#eef1fb,#dfe6fa);color:#6a5cf5;display:flex;align-items:center;justify-content:center}.dashboard-empty-title{font-size:17px;font-weight:700;color:#14151a;margin:0}.dashboard-empty-text{font-size:13.5px;color:#9497a3;margin:-8px 0 0;max-width:320px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.project-card{background:#fff;border:1px solid #eeeef4;border-radius:18px;padding:16px;text-align:left;cursor:pointer;font-family:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.project-card:hover{transform:translateY(-4px);border-color:#dcdeef;box-shadow:0 20px 40px #14151a14}.project-card-thumb{height:128px;border-radius:12px;background:linear-gradient(135deg,#eef1fb,#dfe6fa);margin-bottom:14px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:12px;gap:6px}.project-card-thumb:before{content:"";position:absolute;top:10px;left:12px;width:8px;height:8px;border-radius:50%;background:#6a5cf559;box-shadow:16px 0 #6a5cf540,32px 0 #6a5cf526}.project-card-thumb-line{height:8px;border-radius:4px;background:#ffffffa6;margin-top:26px}.project-card-thumb-line.short{width:55%}.project-card-name{font-size:14.5px;font-weight:700;color:#14151a;margin-bottom:4px;letter-spacing:-.005em}.project-card-date{font-size:12px;color:#9497a3}.new-project-card{border:1.5px dashed #d8d9ea;border-radius:18px;background:#fbfbfd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:214px;cursor:pointer;color:#6a5cf5;font-weight:700;font-size:13.5px;transition:border-color .18s ease,background .18s ease,transform .18s ease}.new-project-card:hover:not(:disabled){border-color:#6a5cf5;background:#f5f4ff;transform:translateY(-4px)}.new-project-card:disabled{opacity:.6;cursor:not-allowed}.new-project-icon{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #e5e6ee;display:flex;align-items:center;justify-content:center;color:#6a5cf5}