:root{--bg: #fafafa;--surface: #ffffff;--card: rgba(0, 0, 0, .03);--accent: #4f46e5;--accent2: #6366f1;--accent3: #818cf8;--text: #1a1a2e;--muted: #6b7280;--dim: #9ca3af;--radius: 20px;--transition: .45s cubic-bezier(.25, .8, .25, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}.container{max-width:1060px;margin:0 auto;padding:0 24px}section{position:relative}.section-content{position:relative;z-index:2}#grid-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.option-nav,section,footer{position:relative;z-index:2}@media (max-width: 860px){.tiles-grid{grid-template-columns:1fr}.signup-form{flex-direction:column;align-items:stretch}.signup-form input{min-width:auto}}.philosophy{padding:100px 0 60px;text-align:center}.philosophy blockquote{max-width:680px;margin:0 auto;font-size:1.1rem;color:var(--muted);border-left:3px solid var(--accent);padding-left:24px;text-align:left}.philosophy blockquote strong{color:var(--text)}.ai-headline{padding:80px 0 20px;text-align:center}.ai-headline h2{font-size:2rem;color:var(--text)}.screenshot-section{padding:20px 0 60px;text-align:center}.product-screenshot{width:100%;max-width:1100px;border-radius:12px;box-shadow:0 8px 48px #00000080;border:1px solid rgba(255,255,255,.06)}.tiles{padding:40px 0 100px}.tiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tile{background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius);padding:40px 32px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition);position:relative;overflow:hidden}.tile:hover{transform:translateY(-4px) scale(1.01);border-color:#4f46e533;box-shadow:0 16px 48px #00000014}.tile-glow{position:absolute;top:-60px;right:-60px;width:120px;height:120px;border-radius:50%;pointer-events:none;opacity:.12}.tile:nth-child(1) .tile-glow{background:var(--accent)}.tile:nth-child(2) .tile-glow{background:var(--accent2)}.tile:nth-child(3) .tile-glow{background:var(--accent3)}.tile h3{font-size:1.15rem;font-weight:700;margin-bottom:10px;color:var(--text)}.tile p{color:var(--muted);font-size:.93rem;line-height:1.7}.tile h3:after{content:"";display:block;width:32px;height:2px;margin-top:10px;border-radius:2px;transition:width .4s ease}.tile:nth-child(1) h3:after{background:var(--accent)}.tile:nth-child(2) h3:after{background:var(--accent2)}.tile:nth-child(3) h3:after{background:var(--accent3)}.tile:hover h3:after{width:64px}.cta{padding:120px 0;text-align:center;position:relative}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 80%,rgba(79,70,229,.06),transparent 60%);pointer-events:none;z-index:1}.cta h2{font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:800;margin-bottom:8px}.cta-sub{color:var(--muted);margin-bottom:36px;font-size:1.02rem}.signup-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;max-width:460px;margin:0 auto}.signup-form input{flex:1;min-width:200px;padding:14px 20px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:var(--surface);color:var(--text);font-size:.95rem;outline:none;transition:var(--transition)}.signup-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f}.signup-form button{border:none;cursor:pointer}footer{padding:44px 0;border-top:1px solid rgba(0,0,0,.06);text-align:center;color:var(--dim);font-size:.84rem}footer a{color:var(--dim);text-decoration:none;margin:0 10px;transition:color .3s}footer a:hover{color:var(--accent)}footer .brand{font-weight:700;color:var(--text);font-size:1rem;margin-bottom:10px}@media (max-width: 860px){.tiles-grid{grid-template-columns:1fr}}.btn{display:inline-block;padding:14px 34px;border-radius:999px;font-weight:600;font-size:.93rem;text-decoration:none;transition:var(--transition)}[hidden]{display:none!important}.btn-sm{padding:10px 24px;font-size:.88rem}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 20px #4f46e54d}.btn-primary:hover{background:var(--accent2);transform:translateY(-2px);box-shadow:0 8px 28px #4f46e566}.btn-ghost{border:1px solid rgba(0,0,0,.12);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.auth-float{position:fixed;top:24px;right:24px;z-index:100}.auth-menu{position:relative}.auth-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid rgba(0,0,0,.08);min-width:160px;overflow:hidden}.auth-dropdown-item{display:block;width:100%;padding:12px 18px;background:none;border:none;text-align:left;font-size:.9rem;font-weight:500;color:var(--text);cursor:pointer;transition:var(--transition)}.auth-dropdown-item:hover{background:#4f46e50f;color:var(--accent)}.auth-dropdown-danger{color:#dc2626}.auth-dropdown-danger:hover{background:#dc26260f;color:#b91c1c}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover{background:#b91c1c}.modal-danger h3{color:#dc2626}.auth-banner{position:fixed;top:0;left:0;right:0;z-index:99;text-align:center;padding:10px 20px;font-size:.9rem;font-weight:500;background:var(--card);color:var(--text);border-bottom:1px solid rgba(0,0,0,.06)}.auth-banner.success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0006;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:var(--surface);border-radius:var(--radius);padding:40px 36px;max-width:400px;width:90%;position:relative;box-shadow:0 24px 80px #00000026}.modal-box h3{font-size:1.3rem;font-weight:700;margin-bottom:6px}.modal-sub{color:var(--muted);font-size:.9rem;margin-bottom:20px}.modal-close{position:absolute;top:14px;right:18px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--muted);line-height:1}#login-form{display:flex;flex-direction:column;gap:12px}#login-form input{padding:12px 18px;border-radius:999px;border:1px solid rgba(0,0,0,.1);font-size:.95rem;outline:none;transition:var(--transition)}#login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}#signup-step2-form{display:flex;flex-direction:column;gap:12px}#signup-step2-form input{padding:12px 18px;border-radius:999px;border:1px solid rgba(0,0,0,.1);font-size:.95rem;outline:none;transition:var(--transition)}#signup-step2-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f}#signup-step2-form input[readonly]{background:var(--bg);color:var(--muted);cursor:default}#set-pw-form{display:flex;flex-direction:column;gap:12px}#set-pw-form input{padding:12px 18px;border-radius:999px;border:1px solid rgba(0,0,0,.1);font-size:.95rem;outline:none;transition:var(--transition)}#set-pw-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f}#delete-account-form{display:flex;flex-direction:column;gap:12px}#delete-account-form input{padding:12px 18px;border-radius:999px;border:1px solid rgba(0,0,0,.1);font-size:.95rem;outline:none;transition:var(--transition)}#delete-account-form input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.login-msg,.signup-msg{font-size:.85rem;margin-top:4px;min-height:1.2em}.login-msg.success,.signup-msg.success{color:#065f46}.login-msg.error,.signup-msg.error{color:#dc2626}.feedback-section{padding:100px 0 80px;text-align:center}.feedback-section h2{font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:800;margin-bottom:8px}.fb-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.fb-tab{padding:10px 22px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:var(--surface);color:var(--muted);font-size:.88rem;font-weight:600;cursor:pointer;transition:var(--transition)}.fb-tab:hover{border-color:var(--accent);color:var(--accent)}.fb-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.fb-panel{max-width:520px;margin:0 auto;text-align:left}.feedback-form{display:flex;flex-direction:column;gap:12px}.feedback-form input,.feedback-form textarea,.feedback-form select{padding:12px 18px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:var(--surface);color:var(--text);font-size:.93rem;font-family:inherit;outline:none;transition:var(--transition);resize:vertical}.feedback-form input:focus,.feedback-form textarea:focus,.feedback-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f}.feedback-form button[type=submit]{align-self:flex-start;border:none;cursor:pointer}.fb-msg{font-size:.85rem;min-height:1.2em}.fb-msg.success{color:#065f46}.fb-msg.error{color:#dc2626}