.landing nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#f7f6ffeb;justify-content:space-between;align-items:center;height:64px;padding:0 5%;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:1.3rem;font-weight:800}.nav-links{align-items:center;gap:22px;display:flex}.nav-link{color:var(--ink2);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--accent)}.nav-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:9px 22px;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.85}.hero{text-align:center;max-width:780px;margin:0 auto;padding:140px 5% 80px}.hero-badge{background:var(--surface);border:1px solid var(--border);color:var(--ink2);border-radius:50px;align-items:center;gap:6px;margin-bottom:24px;padding:5px 16px;font-size:.78rem;font-weight:500;display:inline-flex}.hero-badge span{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.landing h1{letter-spacing:-.03em;margin-bottom:20px;font-family:Syne,sans-serif;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.1}.landing h1 .grad{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--ink2);max-width:520px;margin:0 auto 36px;font-size:1.1rem;font-weight:400;line-height:1.7}.hero-cta{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:16px 36px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 30px #6c59f54d}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6c59f566}.hero-sub2{color:var(--ink3);margin-top:14px;font-size:.78rem}.mockup-wrap{max-width:900px;margin:0 auto;padding:60px 5%}.mockup-device{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #6c59f514}.mockup-bar{background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 20px;display:flex}.mockup-dot{border-radius:50%;width:10px;height:10px}.mockup-url{background:var(--surface);border:1px solid var(--border);color:var(--ink3);text-align:center;border-radius:6px;flex:1;max-width:240px;margin:0 auto;padding:4px 12px;font-size:.72rem}.mockup-body{min-height:380px;display:flex}.mockup-sidebar{border-right:1px solid var(--border);background:var(--bg);flex-shrink:0;width:200px;padding:20px 0}.mockup-brand{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;border-bottom:1px solid var(--border);-webkit-background-clip:text;background-clip:text;margin-bottom:12px;padding:0 16px 16px;font-family:Syne,sans-serif;font-size:.85rem;font-weight:800}.sb-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:6px;padding:0 16px;font-size:.6rem;font-weight:600}.sb-item{color:var(--ink2);cursor:pointer;align-items:center;gap:8px;padding:7px 16px;font-size:.78rem;display:flex}.sb-item.active{background:var(--surface);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);font-weight:500}.sb-item-dot{opacity:.5;background:currentColor;border-radius:50%;width:7px;height:7px}.sb-count{color:var(--accent);background:#6c59f51a;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:.65rem}.mockup-main{flex:1;padding:20px}.m-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.m-title{font-family:Syne,sans-serif;font-size:1.2rem;font-weight:700}.m-welcome{color:var(--ink2);margin-top:2px;font-size:.72rem}.m-add-btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 14px;font-size:.75rem;font-weight:600}.task-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden}.task-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;display:flex}.task-row:last-child{border-bottom:none}.task-row.sub{background:#6c59f505;border-left:2px solid #6c59f533;padding-left:34px}.task-check{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:16px;height:16px}.task-check.done{background:var(--green);border-color:var(--green);color:#fff;justify-content:center;align-items:center;font-size:9px;display:flex}.task-text{color:var(--ink);flex:1;font-size:.82rem}.task-text.done{color:var(--ink3);text-decoration:line-through}.task-pill{color:var(--accent);background:#6c59f51a;border-radius:10px;padding:2px 7px;font-size:.6rem;font-weight:600}.task-due{color:var(--accent2);background:#f0547a1a;border-radius:6px;padding:2px 7px;font-size:.6rem}.ai-bubble{border:1px solid var(--border);background:linear-gradient(135deg,#6c59f50f,#f0547a0a);border-radius:10px;margin-top:10px;padding:10px 14px}.ai-label{color:var(--accent);letter-spacing:.05em;margin-bottom:4px;font-size:.6rem;font-weight:600}.ai-text{color:var(--ink2);font-size:.75rem;line-height:1.5}.problem{text-align:center;max-width:900px;margin:0 auto;padding:80px 5%}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:.72rem;font-weight:600}.landing h2{letter-spacing:-.02em;margin-bottom:16px;font-family:Syne,sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.2}.problem-sub{color:var(--ink2);max-width:560px;margin:0 auto;font-size:1rem;line-height:1.7}.compare-row{text-align:left;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;display:grid}.compare-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.compare-card.bad{opacity:.6}.compare-card.good{border-color:#6c59f54d;box-shadow:0 0 0 3px #6c59f50f}.compare-title{align-items:center;gap:6px;margin-bottom:12px;font-size:.8rem;font-weight:600;display:flex}.compare-item{color:var(--ink2);align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem;display:flex}.compare-item .icon{flex-shrink:0;font-size:.85rem}.features{max-width:900px;margin:0 auto;padding:80px 5%}.features-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.feat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px}.feat-icon{margin-bottom:12px;font-size:1.6rem}.feat-title{color:var(--ink);margin-bottom:6px;font-size:.95rem;font-weight:600}.feat-desc{color:var(--ink2);font-size:.82rem;line-height:1.6}.themes{text-align:center;max-width:900px;margin:0 auto;padding:80px 5%}.themes-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px;display:grid}.theme-card{text-align:center;border:1px solid var(--border);border-radius:14px;padding:20px 14px}.theme-card.cat{background:linear-gradient(135deg,#fff0fa,#ffe4f6)}.theme-card.cyber{background:#0a0a00;border:1.5px solid #f5ff00;box-shadow:0 0 12px #f5ff0033}.theme-card.notion{background:linear-gradient(135deg,#f9f9f9,#efefef)}.theme-card.dog{background:linear-gradient(135deg,#fff5e8,#ffe8cc)}.theme-emoji{margin-bottom:8px;font-size:2rem}.theme-name{margin-bottom:4px;font-size:.82rem;font-weight:600}.theme-card.cyber .theme-name,.theme-card.cyber .theme-desc{color:#f5ff00!important}.theme-card.cyber .theme-name{text-shadow:0 0 8px #f5ff00cc;font-weight:700}.theme-card.cyber .theme-desc{opacity:1}.theme-desc{opacity:.7;font-size:.72rem}.theme-soon{color:var(--accent);background:#6c59f51a;border-radius:10px;margin-top:6px;padding:2px 8px;font-size:.62rem;display:inline-block}.ai-section{max-width:900px;margin:0 auto;padding:80px 5%}.ai-card{background:linear-gradient(135deg,#0d0a1a,#1a0d2e);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:40px;display:grid}.ai-left h2{color:#fff;margin-bottom:12px}.ai-left p{color:#9d8fd4;margin-bottom:24px;font-size:.9rem;line-height:1.7}.ai-chips{flex-wrap:wrap;gap:8px;display:flex}.ai-chip{color:#c4b5fd;background:#c4b5fd0f;border:1px solid #c4b5fd4d;border-radius:20px;padding:6px 14px;font-size:.75rem}.ai-chat{background:#ffffff0a;border:1px solid #c4b5fd26;border-radius:14px;padding:16px}.chat-msg{margin-bottom:12px}.chat-label{letter-spacing:.08em;margin-bottom:4px;font-size:.6rem;font-weight:600}.chat-label.ai{color:#a78bfa}.chat-label.user{color:#6b6880;text-align:right}.chat-bubble{border-radius:10px;max-width:90%;padding:10px 12px;font-size:.78rem;line-height:1.6}.chat-bubble.ai{color:#d4d0e8;background:#ffffff0f}.chat-bubble.user{color:#c4b5fd;text-align:right;background:#6c59f533;margin-left:auto}.pricing{text-align:center;max-width:700px;margin:0 auto;padding:80px 5%}.pricing-grid{text-align:left;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px}.pricing-card.pro{border-color:var(--accent);box-shadow:0 0 0 3px #6c59f514}.pricing-badge{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:20px;margin-bottom:16px;padding:3px 12px;font-size:.7rem;font-weight:600;display:inline-block}.pricing-plan{margin-bottom:6px;font-size:1rem;font-weight:700}.pricing-price{margin-bottom:20px}.pricing-price .amount{letter-spacing:-.03em;color:var(--accent);font-family:Outfit,sans-serif;font-size:2.4rem;font-weight:300}.pricing-price .period{color:var(--ink3);font-size:.82rem}.pricing-price .yearly{color:var(--ink3);margin-top:2px;font-size:.75rem;display:block}.pricing-item{color:var(--ink2);align-items:center;gap:8px;margin-bottom:8px;font-size:.82rem;display:flex}.pricing-item .check{color:var(--green);font-size:.9rem}.pricing-item .cross{color:var(--ink3);font-size:.9rem}.pricing-btn{cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:20px;padding:12px;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600;transition:opacity .2s}.pricing-btn.free{background:var(--bg);border:1px solid var(--border);color:var(--ink)}.pricing-btn.pro-btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff}.pricing-btn:hover{opacity:.85}.final-cta{text-align:center;max-width:600px;margin:0 auto;padding:80px 5% 100px}.final-cta h2{margin-bottom:16px}.final-cta p{color:var(--ink2);margin-bottom:36px;font-size:.95rem;line-height:1.7}.landing footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:28px 5%;display:flex}.footer-brand{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:.95rem;font-weight:800}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.footer-links a{color:var(--ink2);font-size:.78rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-copy{color:var(--ink3);text-align:center;width:100%;margin-top:4px;font-size:.78rem}@media (width<=768px){.nav-link{display:none}.nav-links{gap:12px}.hero{padding:100px 5% 52px}.hero-sub{font-size:1rem}.hero-cta{justify-content:center;width:100%;padding:15px 24px}.mockup-wrap{padding:40px 5%}.mockup-sidebar{display:none}.mockup-body{min-height:300px}.problem,.features,.themes,.ai-section,.pricing{padding:56px 5%}.final-cta{padding:56px 5% 72px}.compare-row{grid-template-columns:1fr}.features-grid,.themes-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.ai-card{grid-template-columns:1fr;gap:28px;padding:28px 22px}.landing footer{text-align:center;flex-direction:column;align-items:center;gap:14px}.footer-links{justify-content:center}.footer-copy{margin-top:0}}@media (width<=480px){.nav-cta{padding:8px 16px;font-size:.82rem}.hero{padding:90px 5% 44px}.landing h1{font-size:clamp(2rem,8vw,2.4rem)}.hero-sub{font-size:.95rem}.problem,.features,.themes,.ai-section,.pricing,.final-cta{padding:44px 5%}.final-cta{padding-bottom:60px}.features-grid{grid-template-columns:1fr}.ai-card{gap:22px;padding:22px 18px}.pricing-card{padding:22px 20px}.pricing-price .amount{font-size:2rem}}.doc-header{border-bottom:1px solid var(--border);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:sticky;top:0}.doc-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{color:#fff;background:linear-gradient(135deg,#6c59f5,#f0547a);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.logo-name{background:linear-gradient(135deg,#6c59f5,#f0547a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.back-btn{color:#6c59f5;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none}.back-btn:hover{opacity:.7}.doc-container{max-width:760px;margin:48px auto;padding:0 24px 80px}.page-title{color:#1a1830;letter-spacing:-.03em;margin-bottom:8px;font-size:2rem;font-weight:800}.page-meta{color:#b0adc8;margin-bottom:40px;font-size:13px}.doc-container h2{color:#1a1830;border-bottom:1px solid #e2e0f5;margin:36px 0 12px;padding-bottom:8px;font-size:1.1rem;font-weight:700}.doc-container p{color:#3d3a5c;margin-bottom:12px;font-size:.95rem;line-height:1.8}.doc-container ul{margin-bottom:12px;padding-left:20px}.doc-container li{color:#3d3a5c;margin-bottom:4px;font-size:.95rem;line-height:1.8}.doc-container a{color:#6c59f5}.highlight-box{background:#fff;border:1px solid #e2e0f5;border-radius:14px;margin:24px 0;padding:20px 24px}.highlight-box p{margin:0}.contact-box{text-align:center;background:linear-gradient(135deg,#6c59f50f,#f0547a0f);border:1px solid #6c59f526;border-radius:14px;margin-top:40px;padding:24px}.contact-box p{color:#6b6890;margin-bottom:8px}.contact-box a{color:#6c59f5;font-weight:600;text-decoration:none}.contact-box a:hover{opacity:.7}.doc-footer{text-align:center;color:#b0adc8;border-top:1px solid #e2e0f5;margin-top:60px;padding-top:24px;font-size:12px}.doc-footer a{color:#6c59f5;text-decoration:none}.doc-footer a:hover{opacity:.7}.security-grid{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.security-card{background:#fff;border:1px solid #e2e0f5;border-radius:14px;padding:20px}.security-card .icon{margin-bottom:10px;font-size:24px}.security-card h3{color:#1a1830;margin-bottom:6px;font-size:.9rem;font-weight:700}.security-card p{color:#6b6890;margin:0;font-size:.85rem;line-height:1.6}@media (width<=600px){.security-grid{grid-template-columns:1fr}.doc-header{padding:16px 20px}.doc-container{margin:32px auto}.page-title{font-size:1.6rem}}.guide-hero{text-align:center;background:#fff;border-bottom:1px solid #e2e0f5;padding:56px 32px}.guide-hero-badge{color:#6c59f5;letter-spacing:.06em;text-transform:uppercase;background:#6c59f514;border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.guide-hero h1{color:#1a1830;letter-spacing:-.04em;margin-bottom:12px;font-size:2.4rem;font-weight:800}.guide-hero p{color:#6b6890;max-width:520px;margin:0 auto;font-size:1rem;line-height:1.7}.guide-layout{grid-template-columns:220px 1fr;align-items:start;gap:0;max-width:1080px;margin:0 auto;padding:48px 24px 80px;display:grid}.guide-nav{position:sticky;top:80px}.guide-nav-title{color:#b0adc8;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;padding-left:12px;font-size:10px;font-weight:700}.guide-nav a{color:#6b6890;border-left:2px solid #0000;border-radius:8px;margin-bottom:2px;padding:7px 12px;font-size:13px;text-decoration:none;transition:all .15s;display:block}.guide-nav a:hover{color:#6c59f5;background:#fff;border-left-color:#6c59f5}.guide-content{padding-left:40px}.guide-content .section{margin-bottom:56px;scroll-margin-top:90px}.section-header{border-bottom:1px solid #e2e0f5;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.section-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.section-icon.purple{background:#6c59f51a}.section-icon.pink{background:#f0547a1a}.section-icon.green{background:#22c55e1a}.section-icon.orange{background:#fbbf241a}.section-icon.blue{background:#0066cc1a}.section-icon.teal{background:#14b8a61a}.guide-content .section h2{color:#1a1830;font-size:1.3rem;font-weight:700}.guide-content .section h2 small{color:#b0adc8;margin-top:2px;font-size:13px;font-weight:400;display:block}.guide-content p{color:#3d3a5c;margin-bottom:12px;font-size:.95rem;line-height:1.8}.guide-content ul,.guide-content ol{margin-bottom:16px;padding-left:20px}.guide-content li{color:#3d3a5c;margin-bottom:6px;font-size:.95rem;line-height:1.8}.guide-content strong{color:#1a1830}.guide-content h3{color:#1a1830;margin:24px 0 12px;font-size:1rem;font-weight:700}.steps{flex-direction:column;gap:12px;margin:16px 0;display:flex}.step{background:#fff;border:1px solid #e2e0f5;border-radius:14px;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.step-num{color:#fff;background:linear-gradient(135deg,#6c59f5,#f0547a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:13px;font-weight:700;display:flex}.step-body h4{color:#1a1830;margin-bottom:4px;font-size:.9rem;font-weight:700}.step-body p{color:#6b6890;margin:0;font-size:.88rem}.feature-grid{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.feature-card{background:#fff;border:1px solid #e2e0f5;border-radius:14px;padding:18px 20px}.feature-card .emoji{margin-bottom:8px;font-size:22px}.feature-card h4{color:#1a1830;margin-bottom:4px;font-size:.9rem;font-weight:700}.feature-card p{color:#6b6890;margin:0;font-size:.85rem;line-height:1.6}.tips{flex-direction:column;gap:12px;margin:16px 0;display:flex}.tip{background:#fff;border:1px solid #e2e0f5;border-left:3px solid #6c59f5;border-radius:0 14px 14px 0;align-items:flex-start;gap:14px;padding:16px 20px;display:flex}.tip-emoji{flex-shrink:0;font-size:22px}.tip-body h4{color:#1a1830;margin-bottom:4px;font-size:.9rem;font-weight:700}.tip-body p{color:#6b6890;margin:0;font-size:.88rem;line-height:1.6}.shortcuts{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.shortcut{background:#fff;border:1px solid #e2e0f5;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.shortcut span{color:#6b6890;font-size:13px}.kbd{color:#6c59f5;background:#f0effe;border:1px solid #e2e0f5;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:700}.cta-box{text-align:center;background:linear-gradient(135deg,#6c59f5,#f0547a);border-radius:20px;margin-top:48px;padding:40px}.cta-box h3{color:#fff;margin-bottom:10px;font-size:1.4rem;font-weight:800}.cta-box p{color:#fffc;margin-bottom:20px;font-size:.95rem}.cta-btn{color:#6c59f5;background:#fff;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-block}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000026}@media (width<=768px){.guide-layout{grid-template-columns:1fr}.guide-nav{display:none}.guide-content{padding-left:0}.feature-grid,.shortcuts{grid-template-columns:1fr}.guide-hero h1{font-size:1.8rem}}:root{--accent:#6c59f5;--accent2:#f0547a;--ink:#1a1830;--ink2:#6b6890;--ink3:#b0adc8;--bg:#f7f6ff;--surface:#fff;--border:#e2e0f5;--green:#22c55e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,system-ui,-apple-system,sans-serif}a{color:inherit}.grad-text{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}