html body .landing-container,html body .landing-container *{margin:0;padding:0;box-sizing:border-box}html body .landing-container{min-height:100vh;width:100vw;max-width:100vw;overflow-x:hidden;font-family:var(--font-primary);color:#2d3436;line-height:1.6;background:white;position:relative}html body .landing-container .container{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;width:100%}html body .landing-container .top-nav{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px rgba(0,0,0,.05);padding:15px 0}html body .landing-container .nav-container{display:flex;justify-content:space-between;align-items:center;width:100%}html body .landing-container .nav-logo{font-size:1.4rem;font-weight:600;color:#0891b2;text-decoration:none;transition:all .2s;position:relative;display:flex;align-items:center;gap:8px}html body .landing-container .nav-logo:hover{transform:scale(1.05);color:#4338CA}html body .landing-container .logo-svg{display:flex;align-items:center;justify-content:center}html body .landing-container .nav-links{display:flex;align-items:center;gap:20px;margin-right:0}html body .landing-container .nav-link{color:#2d3436;text-decoration:none;font-size:.95rem;font-weight:500;padding:5px 10px;border-radius:20px;transition:all .2s;position:relative}html body .landing-container .nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#6bb8db,#5fb3d4);transition:width .3s}html body .landing-container .nav-link:hover:after{width:70%}html body .landing-container .nav-auth-links{display:flex;gap:10px;margin-left:20px;white-space:nowrap}html body .landing-container .nav-signin{background:white;color:#6bb8db;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:20px;transition:all .2s;border:1px solid #6bb8db}html body .landing-container .nav-signin:hover{background:rgba(102,126,234,.05);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.05)}html body .landing-container .nav-signup{background:linear-gradient(135deg,#6bb8db,#5fb3d4);color:white;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:20px;transition:all .2s}html body .landing-container .nav-signup:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}html body .landing-container .hero{padding:60px 0 20px;text-align:center;background:linear-gradient(135deg,#ffffff,#f5f7fa);color:#2d3436;border-radius:0 0 30px 30px;margin-top:0;margin-bottom:0;position:relative;overflow:visible;width:100vw;margin-left:calc((100% - 100vw) / 2);box-sizing:border-box}html body .landing-container .hero:before{content:"";position:absolute;top:-20%;left:-20%;width:120%;height:120%;background:radial-gradient(circle at top left,rgba(246,135,179,.05),transparent 80%),radial-gradient(circle at top right,rgba(246,173,85,.05),transparent 80%),radial-gradient(circle at bottom left,rgba(104,211,145,.05),transparent 80%),radial-gradient(circle at bottom right,rgba(99,179,237,.05),transparent 80%),radial-gradient(circle at center,rgba(183,148,244,.05),transparent 80%);z-index:0}html body .landing-container .hero h1{font-size:3.5rem;margin-bottom:15px;margin-top:20px;font-weight:600;letter-spacing:-.03em;position:relative;z-index:1}html body .landing-container .hero-tagline{font-size:1.5rem;margin-bottom:40px;color:#636e72;position:relative;z-index:1;font-weight:400}html body .landing-container .hero .container{position:relative;z-index:2;margin:0 auto}html body .landing-container .hero-cta-single{margin-top:80px;margin-bottom:60px;text-align:center;position:relative;z-index:2}html body .landing-container .hero-to-how{height:10px;width:100%;position:relative;z-index:1}html body .landing-container .hero-cta-single .landing-btn-primary{font-size:1.2rem;padding:16px 32px;min-width:220px}html body .landing-container .floating-circle{position:absolute;border-radius:50%;opacity:.18;z-index:0;filter:blur(50px)}html body .landing-container .floating-circle.pink{background-color:#00e5ff;width:500px;height:500px;top:-15%;left:-15%;animation:float 8s ease-in-out infinite}html body .landing-container .floating-circle.orange{background-color:#ffeb3b;width:450px;height:450px;top:60%;left:-15%;animation:float 12s ease-in-out infinite reverse}html body .landing-container .floating-circle.green{background-color:#4caf50;width:550px;height:550px;top:-5%;right:-15%;animation:float 10s ease-in-out 2s infinite}html body .landing-container .floating-circle.blue{background-color:#1a237e;width:480px;height:480px;bottom:-10%;right:-15%;animation:float 9s ease-in-out 1s infinite}html body .landing-container .floating-circle.purple{background-color:#00bcd4;width:400px;height:400px;top:40%;left:50%;transform:translateX(-50%);animation:float 7s ease-in-out .5s infinite}@keyframes float{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-30px) translateX(15px)}to{transform:translateY(0) translateX(0)}}html body .landing-container .app-preview{margin:60px auto;max-width:800px;width:90%;background:#f8f9fa;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden;display:flex;position:relative;z-index:1;min-height:400px}html body .landing-container .app-sidebar{min-width:80px;width:80px;flex:0 0 80px;background:white;padding:20px 0;border-right:1px solid #e0e0e0;display:flex;justify-content:center}html body .landing-container .sidebar-nav{display:flex;flex-direction:column;gap:20px;align-items:center;margin-top:20px}html body .landing-container .nav-dot{width:12px;height:12px;border-radius:50%;background:#e0e0e0;transition:all .3s ease}html body .landing-container .nav-dot.active{background:#e5e7eb;transform:scale(1.3)}html body .landing-container .app-main{flex:1 1;padding:0;display:flex;flex-direction:column;background:white}html body .landing-container .app-tabs{display:flex;gap:15px;padding:25px 30px 20px;border-bottom:1px solid #e0e0e0;justify-content:center}html body .landing-container .tab-shape{width:70px;height:12px;border-radius:6px;background:#e9ecef;transition:all .3s ease}html body .landing-container .tab-shape.active{background:#e5e7eb;width:85px;height:14px}html body .landing-container .notes-area{padding:25px 60px;background:#fafbfc;flex:1 1;display:flex;flex-direction:column;gap:15px;align-items:center}html body .landing-container .index-preview-wrapper{background-color:#fafafa;width:100vw;margin-left:calc(-50vw + 50%);padding:80px 0}html body .landing-container .index-preview-container{max-width:1400px;margin:0 auto;padding:0 40px}html body .landing-container .index-preview-screen{background:white;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden;display:flex;min-height:500px;margin-bottom:32px}html body .landing-container .index-preview-sidebar{width:80px;background:#f9fafb;border-right:1px solid #e5e7eb;padding:24px 12px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}html body .landing-container .sidebar-item{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:8px;cursor:pointer;transition:all .2s;color:#6b7280;background:transparent}html body .landing-container .sidebar-item.active,html body .landing-container .sidebar-item:hover{background:#eff6ff;color:#2563eb}html body .landing-container .sidebar-item svg{flex-shrink:0}html body .landing-container .index-preview-main{flex:1 1;padding:24px;overflow-y:auto}html body .landing-container .index-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}html body .landing-container .landing-entity-card{background:white;border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s}html body .landing-container .landing-entity-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px rgba(0,0,0,.05);transform:translateY(-1px)}html body .landing-container .landing-entity-card .entity-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:6px;flex-shrink:0;color:#6b7280}html body .landing-container .landing-entity-card .entity-info{flex:1 1;min-width:0}html body .landing-container .landing-entity-card .entity-info h3{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body .landing-container .landing-entity-card .entity-type{font-size:12px;color:#6b7280;margin:0}html body .landing-container .index-preview-cta{text-align:center;padding:20px 0}html body .landing-container .note-card{background:white;border-radius:12px;padding:24px 24px 8px;box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid #f0f0f0;transition:all .3s ease;width:100%;max-width:480px}html body .landing-container .note-card.hero-note{min-height:140px}html body .landing-container .notes-area .timeline-date-marker{display:flex;justify-content:flex-start;align-items:center;padding-left:24px;margin-bottom:.5rem}html body .landing-container .notes-area .date-marker-badge{display:inline-block;padding:.35rem .75rem;background-color:#f3f4f6;color:#4b5563;font-size:.875rem;font-weight:600;border-radius:14px;text-align:center;white-space:nowrap}html body .landing-container .notes-area .date-marker-badge.today-badge{background-color:#1f2937;color:#ffffff;font-weight:600}html body .landing-container .note-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;margin-top:-4px;width:100%}html body .landing-container .note-icon{width:32px;height:32px;border-radius:50%;background:#e5e7eb;flex-shrink:0}html body .landing-container .note-meta{display:flex;flex-direction:column;gap:2px;flex:1 1;text-align:left}html body .landing-container .note-author{font-size:15px;font-weight:600;color:#333;line-height:1.3;text-align:left}html body .landing-container .note-handle{font-size:13px;color:#888;line-height:1.3;font-weight:400;margin-left:4px}html body .landing-container .note-time{font-size:13px;color:#888;line-height:1.3;margin-left:auto}html body .landing-container .note-content{margin-bottom:4px}html body .landing-container .note-text{font-size:22px;line-height:1.3;color:#444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:left;font-weight:400}html body .landing-container .note-actions{display:flex;gap:12px;justify-content:flex-end}html body .landing-container .action-dot{width:6px;height:6px;border-radius:50%;background:#ffffff}html body .landing-container .hero-ctas{display:flex;gap:15px;justify-content:center;margin-top:30px}html body .landing-container .features{padding:80px 0;text-align:center}html body .landing-container .features h2{font-size:2rem;margin-bottom:10px;color:#2d3436}html body .landing-container .section-tagline{color:#636e72;margin-bottom:40px;font-size:1.1rem;text-align:center;max-width:600px;margin-left:auto;margin-right:auto}html body .landing-container .features-visual{max-width:600px;margin:0 auto}html body .landing-container .profile-preview{background:white;border-radius:20px;padding:30px;box-shadow:0 20px 40px rgba(0,0,0,.1)}html body .landing-container .profile-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}html body .landing-container .avatar{width:60px;height:60px;background:#6bb8db;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white}html body .landing-container .profile-info h3{margin-bottom:5px;font-size:1.5rem}html body .landing-container .profile-info p{color:#636e72;font-size:14px;margin:0}html body .landing-container .pinned-topics h4{text-align:left;margin-bottom:20px;color:#2d3436;font-size:1.2rem}html body .landing-container .topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:15px;gap:15px}html body .landing-container .topic-card{background:#f8f9fa;border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .2s;cursor:pointer}html body .landing-container .topic-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}html body .landing-container .topic-emoji{font-size:2rem}html body .landing-container .topic-name{font-weight:600;font-size:14px}html body .landing-container .topic-count{font-size:12px;color:#636e72}html body .landing-container .thinking-styles{padding:80px 0;background:#f8f9fa;text-align:center}html body .landing-container .thinking-styles h2{font-size:2rem;margin-bottom:10px;color:#2d3436}html body .landing-container .carousel{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}html body .landing-container .view-card{background:white;border-radius:16px;padding:20px;width:300px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .2s}html body .landing-container .view-card:hover{transform:translateY(-5px)}html body .landing-container .view-card h3{margin-bottom:10px;color:#6bb8db;font-size:1.4rem}html body .landing-container .view-card p{font-size:14px;color:#636e72}html body .landing-container .view-icon{font-size:3rem;margin-bottom:20px}html body .landing-container .view-icon-wrapper{width:60px;height:60px;background-color:#f0f2ff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:12px;transition:all .3s ease}html body .landing-container .updates{padding:80px 0;background:white;color:#2d3436;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}html body .landing-container .updates-columns{display:flex;justify-content:space-between;gap:60px;align-items:center}html body .landing-container .updates-content,html body .landing-container .updates-form{width:50%;box-sizing:border-box}html body .landing-container .updates-content{text-align:left}html body .landing-container .updates-content h2{font-size:2rem;margin-bottom:15px;color:#2d3436}html body .landing-container .updates-content p{font-size:1.1rem;margin-bottom:25px;line-height:1.6;color:#4a5568}html body .landing-container .benefits-list{list-style:none;padding:0;margin:30px 0 0}html body .landing-container .benefits-list li{margin-bottom:15px;font-size:1.05rem;display:flex;align-items:center;color:#4a5568}html body .landing-container .benefit-icon{margin-right:12px;color:#68d391;font-weight:700;font-size:1.2rem}html body .landing-container .updates-form{padding:35px;background:white;border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 10px 30px rgba(0,0,0,.03)}html body .landing-container .updates-form h3{margin-top:0;margin-bottom:24px;font-size:1.4rem;color:#2d3436;font-weight:600}html body .landing-container .form-fields{display:flex;flex-direction:column;gap:15px}html body .landing-container .email-input{padding:16px 20px;border-radius:8px;border:1px solid #e2e8f0;background-color:#f9fafc;font-size:16px;width:100%;transition:all .2s}html body .landing-container .email-input:focus{border-color:#e2e8f0;background-color:white;box-shadow:0 0 0 1px rgba(102,126,234,.1);outline:none}html body .landing-container .submit-btn{padding:15px 30px;background-color:#4a5568;color:white;border:none;border-radius:8px;font-size:16px;cursor:pointer;font-weight:500;transition:all .2s;width:100%;letter-spacing:.3px}html body .landing-container .submit-btn:hover{background-color:#2d3748;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}html body .landing-container .landing-footer{padding:40px 0;background:white;color:#4a5568;border-top:1px solid #f3f4f6;margin-top:0}html body .landing-container .landing-footer .container{display:flex;justify-content:space-between;align-items:center}html body .landing-container .footer-content{display:flex;align-items:flex-start;gap:15px}html body .landing-container .footer-left-text{display:flex;flex-direction:column;gap:5px}html body .landing-container .footer-built-by,html body .landing-container .footer-message{font-size:14px;margin:0;color:#6b7280}html body .landing-container .footer-built-by a{color:#0891b2;text-decoration:none}html body .landing-container .footer-built-by a:hover{text-decoration:underline}.bunny-note{font-size:12px;color:#9ca3af;margin:5px 0 0;text-align:center;font-style:italic}html body .landing-container .footer-logo{display:flex;align-items:center}html body .landing-container .footer-links{display:flex;gap:24px}html body .landing-container .footer-links a{color:#4a5568;text-decoration:none;font-size:14px;transition:all .2s}html body .landing-container .footer-links a:hover{color:#6bb8db;text-decoration:underline}html body .landing-container .landing-copyright{font-size:14px;margin:0;color:#4a5568}html body .landing-container .landing-btn-primary,html body .landing-container .landing-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;border-radius:30px;transition:all .2s}html body .landing-container .landing-btn-primary{background:linear-gradient(135deg,#6bb8db,#5fb3d4);color:white;border:none;outline:none}html body .landing-container .landing-btn-primary:focus{outline:none;border:none}html body .landing-container .landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.3)}html body .landing-container .landing-btn-secondary{background:white;color:#6bb8db;border:1px solid #6bb8db}html body .landing-container .landing-btn-secondary:hover{background:rgba(102,126,234,.05);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}@media (max-width:1050px){html body .landing-container .top-nav{padding:12px 0}html body .landing-container .nav-links{gap:10px}html body .landing-container .nav-auth-links{margin-left:10px}html body .landing-container .nav-link{font-size:.9rem;padding:5px 8px}html body .landing-container .app-preview{flex-direction:column;max-width:600px;min-height:350px}html body .landing-container .app-sidebar{min-width:100%;width:100%;flex:0 0 60px;border-right:none;border-bottom:1px solid #e0e0e0;padding:15px 0}html body .landing-container .sidebar-nav{flex-direction:row;margin-top:0;gap:15px}html body .landing-container .app-tabs{padding:20px 25px 15px}html body .landing-container .profile-preview{padding:20px}html body .landing-container .carousel{flex-direction:column;align-items:center;gap:20px}html body .landing-container .view-card{width:100%;max-width:350px}html body .landing-container .updates-columns{flex-direction:column;gap:40px}html body .landing-container .updates-content,html body .landing-container .updates-form{width:100%;max-width:600px;margin:0 auto}html body .landing-container .updates-form{padding:30px}}@media (max-width:600px){html body .landing-container .top-nav{padding:10px 0}html body .landing-container .notes-area{padding:20px 30px}html body .landing-container .note-card{padding:15px;max-width:100%}html body .landing-container .app-tabs{padding:15px 20px 10px}html body .landing-container .nav-container{flex-direction:column;gap:10px}html body .landing-container .nav-links{flex-wrap:wrap;justify-content:center;gap:5px}html body .landing-container .nav-auth-links{margin-left:0;margin-top:8px}html body .landing-container .hero{padding:60px 0}html body .landing-container .hero h1{font-size:1.8rem;margin-bottom:15px;margin-top:10px}html body .landing-container .hero-tagline{font-size:1.1rem;margin-bottom:30px;padding:0 10px}html body .landing-container .features h2,html body .landing-container .thinking-styles h2,html body .landing-container .updates h2{font-size:1.8rem}html body .landing-container .updates{padding:60px 0}html body .landing-container .updates-content p{font-size:1rem}html body .landing-container .benefits-list li{font-size:.95rem}html body .landing-container .updates-form{padding:20px 15px;box-shadow:0 3px 10px rgba(0,0,0,.05)}html body .landing-container .updates-form h3{font-size:1.3rem}html body .landing-container .topic-grid{grid-template-columns:repeat(2,1fr)}html body .landing-container .landing-footer .container{flex-direction:column;gap:20px}html body .landing-container .footer-links{flex-wrap:wrap;gap:20px;justify-content:center}html body .landing-container .footer-content{flex-direction:column;text-align:center}html body .landing-container .nav-signin,html body .landing-container .nav-signup{padding:6px 12px;font-size:.9rem}}html body .landing-container .icon-line-section{padding:60px 0;background:transparent;text-align:center}html body .landing-container .icons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));grid-gap:20px;gap:20px;margin-bottom:40px;max-width:1000px;margin-left:auto;margin-right:auto;justify-items:center}html body .landing-container .icon-item{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border-radius:16px;border:2px solid #f0f0f0;transition:all .3s ease;padding:12px}html body .landing-container .icon-item svg{width:100%;height:100%}html body .landing-container .icon-tagline{font-size:1.5rem;margin-bottom:30px;color:#636e72;font-weight:400;max-width:none;margin-left:auto;margin-right:auto;white-space:normal;padding:0 20px;line-height:1.4}html body .landing-container .icon-section-cta{text-align:center;margin-top:0}@media (max-width:768px){html body .landing-container .icon-line-section{padding:40px 10px;overflow-x:hidden}html body .landing-container .icons-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:12px;padding:0 10px;max-width:100%}html body .landing-container .icon-item{width:50px;height:50px;padding:10px}html body .landing-container .icon-tagline{font-size:1.2rem;margin-bottom:25px}}@media (max-width:480px){html body .landing-container .icons-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;padding:0 5px}html body .landing-container .icon-item{width:40px;height:40px;padding:8px;border-radius:10px}html body .landing-container .icon-tagline{font-size:1rem;margin-bottom:20px;padding:0 10px}}