@font-face{font-family:Knewave-Regular;src:url(/assets/fonts/knewave-v15-latin-regular.woff2)format("woff2"),url(/assets/fonts/Knewave-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Orbitron-Black;src:url(/assets/fonts/orbitron-v35-latin-900.woff2)format("woff2"),url(/assets/fonts/Orbitron-Variable.ttf)format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Titillium-Italic;src:url(/assets/fonts/titillium-web-v19-latin-italic.woff2)format("woff2"),url(/assets/fonts/TitilliumWeb-Italic.ttf)format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Titillium-SemiBoldItalic;src:url(/assets/fonts/titillium-web-v19-latin-600italic.woff2)format("woff2"),url(/assets/fonts/TitilliumWeb-SemiBoldItalic.ttf)format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Titillium-BoldItalic;src:url(/assets/fonts/titillium-web-v19-latin-700italic.woff2)format("woff2"),url(/assets/fonts/TitilliumWeb-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic}:root{--color-place:#b2c39f;--color-activity:#b04d4b;--color-tv:#516f77;--color-pioneer:#d4af37;--color-noteyellow:#ffffb5;--bg-body:#ddd;--bg-card:#fff;--text-primary:#171717;--text-secondary:#857c78;--border-color:#0000001a;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:3rem;--spacing-xxl:5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--bg-table-header:#c2c2c2;--bg-theme-toggle:#171717;--promo-color:#008209}[data-theme=dark]{--bg-body:#171717;--bg-card:#2c2c2c;--text-primary:#ddd;--text-secondary:#afafaf;--color-noteyellow:#8c8c57;--border-color:#ffffff1a;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--bg-table-header:#3c3c3c;--bg-theme-toggle:#fff;--promo-color:#01c80f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Titillium-Italic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}.handwritten-font{font-family:Pacifico,cursive}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.header{width:100%;padding:var(--spacing-lg) 0;z-index:1000;transition:all .3s;position:relative}.promo-banner{background:linear-gradient(90deg, var(--color-place), var(--color-activity), var(--color-tv));color:#fff;text-align:center;z-index:1100;text-shadow:0 1px 2px #0003;background-size:200%;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 20px;font-family:Titillium-BoldItalic,sans-serif;font-size:.95rem;font-style:italic;font-weight:700;animation:5s infinite gradientShift;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.promo-banner span{display:inline-block}.promo-banner a{color:#fff;white-space:nowrap;border-radius:var(--radius-sm);background-color:#fff3;padding:2px 8px;text-decoration:underline;transition:background-color .2s}.promo-banner a:hover{opacity:1;background-color:#ffffff4d}@media (width<=600px){.promo-banner{flex-direction:column;gap:5px;padding:8px 15px;font-size:.8rem}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.header-inner{align-items:center;gap:var(--spacing-lg);width:100%;display:flex}.logo{color:var(--color-place);margin-right:auto;font-family:Knewave-Regular;font-size:2rem;animation:8s ease-in-out infinite logoColorCycle}.sticky-header{top:var(--header-top,0);z-index:1000;background-color:var(--bg-card);width:100%;box-shadow:var(--shadow-md);padding:var(--spacing-sm) 0;animation:.3s ease-out slideDown;position:fixed;left:0;right:0}.sticky-header .header-inner{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.sticky-header .nav-links{top:100%}.header-actions{align-items:center;gap:var(--spacing-md);display:flex}.mobile-menu-btn{color:var(--text-primary);z-index:1001;background-color:#0000;padding:.5rem;font-size:1.5rem;display:none}.logo{color:var(--color-place);font-family:Knewave-Regular;font-size:2rem;animation:8s ease-in-out infinite logoColorCycle}@keyframes logoColorCycle{0%,to{color:var(--color-place)}33%{color:var(--color-activity)}66%{color:var(--color-tv)}}.nav-links{gap:var(--spacing-lg);align-items:center;display:flex}.nav-link{color:var(--text-secondary);font-weight:600;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.btn-download{background-color:var(--text-primary);color:var(--bg-body);border-radius:var(--radius-full);padding:10px 24px;font-family:Titillium-BoldItalic,sans-serif;font-style:italic;font-weight:700;transition:transform .2s,opacity .2s}.btn-download:hover{opacity:.9;transform:translateY(-2px)}.theme-toggle{background-color:var(--bg-theme-toggle);border:2px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.theme-toggle:hover{border-color:var(--text-primary);transform:scale(1.1)}.theme-icon{font-size:1.2rem;transition:transform .3s}.theme-toggle:hover .theme-icon{transform:rotate(20deg)}.sun-icon{display:none}.moon-icon,[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon{display:none}.hero{padding:var(--spacing-xxl) 0;text-align:center;flex-direction:column;align-items:center;display:flex}.hero-headline{margin-bottom:var(--spacing-lg);max-width:800px;font-family:Titillium-BoldItalic,sans-serif;font-size:3.5rem;font-style:italic;font-weight:700;line-height:1.1}.hero-subheadline{color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;font-family:Titillium-Italic,sans-serif;font-size:1.25rem;font-style:italic}.mockup-section{padding-bottom:var(--spacing-xxl);text-align:center;flex-direction:column;align-items:center;display:flex}.app-mockup{margin-top:var(--spacing-xl);background-color:var(--bg-card);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);border:8px solid var(--text-primary);border-radius:40px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:320px;min-height:650px;display:flex;position:relative;overflow:hidden}.features{padding:var(--spacing-xxl) 0}.features-grid{gap:var(--spacing-xl);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{background-color:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-icon-container{margin-bottom:var(--spacing-md);justify-content:center;display:flex}.feature-img{width:auto;height:60px;display:none}.feature-icon{margin-bottom:var(--spacing-md);text-align:center;font-size:2.5rem;display:block}.feature-title{margin-bottom:var(--spacing-sm);text-align:center;font-family:Titillium-BoldItalic,sans-serif;font-size:1.5rem;font-style:italic;font-weight:700}.feature-desc{text-align:center;color:var(--text-secondary);font-family:Titillium-Italic,sans-serif;font-style:italic}.feature-list{margin-top:var(--spacing-sm);text-align:center;color:var(--text-secondary);padding:0;list-style:none}.feature-list li{margin-bottom:4px;font-weight:500}.tiers-section{padding:var(--spacing-xxl) 0;background-color:var(--bg-body)}.section-title-center{text-align:center;margin-bottom:var(--spacing-sm);font-family:Titillium-BoldItalic,sans-serif;font-size:2.5rem;font-style:italic;font-weight:700}.section-subtitle-center{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-family:Titillium-Italic,sans-serif;font-size:1.1rem;font-style:italic}.pricing-table-container{margin-top:var(--spacing-xl);overflow-x:auto}.pricing-table{border-collapse:collapse;background-color:var(--bg-card);border-radius:var(--radius-lg);width:100%;overflow:hidden}.pricing-table th,.pricing-table td{padding:var(--spacing-md);text-align:center;border-bottom:1px solid var(--border-color);transition:all .3s}.pricing-table th.column-hover,.pricing-table td.column-hover{background-color:var(--color-noteyellow);z-index:10;font-size:1.05em;position:relative;transform:scale(1.05)}.pricing-table th.column-hover{padding-top:calc(var(--spacing-lg) + 4px);padding-bottom:calc(var(--spacing-lg) + 4px)}.pricing-table th{background-color:var(--bg-table-header);vertical-align:bottom;padding-bottom:var(--spacing-lg);position:relative}.pricing-table th.feature-header{text-align:left;width:25%;padding-left:var(--spacing-lg);font-family:Titillium-BoldItalic,sans-serif;font-size:1.1rem;font-style:italic;font-weight:700}.tier-image-container{margin-bottom:var(--spacing-xs);justify-content:center;display:flex}.tier-img{border-radius:15px;width:auto;height:120px;display:none}.whim-image-container{margin-bottom:var(--spacing-xs);justify-content:center;display:flex}.whim-img{width:auto;height:40px;display:block}body:not([data-theme=dark]) .light-mode-img,[data-theme=dark] .dark-mode-img{display:block}.pricing-table .tier-price{color:var(--text-primary);font-family:Titillium-BoldItalic,sans-serif;font-size:1.8rem;font-style:italic;font-weight:700}.pricing-table .tier-price span{color:var(--text-primary);font-family:Titillium-Italic,sans-serif;font-size:1rem;font-style:italic;font-weight:500}.pricing-table .tier-price-promo-strike{color:var(--text-primary);font-family:Titillium-BoldItalic,sans-serif;font-size:1.8rem;font-style:italic;font-weight:700;text-decoration:line-through}.pricing-table .tier-price-promo-strike span{color:var(--text-primary);font-family:Titillium-Italic,sans-serif;font-size:1rem;font-style:italic;font-weight:500;text-decoration:line-through}.tier-yearly-price-promo-strike{color:var(--text-primary);margin-top:4px;font-size:.9rem;font-weight:500;text-decoration:line-through}.pricing-table .tier-price-promo-offer{color:var(--promo-color)}.promo-only{display:none!important}.tier-price{color:var(--text-primary);font-family:Titillium-BoldItalic,sans-serif;font-size:1.8rem;font-style:italic;font-weight:700}.tier-price span{color:var(--text-primary);font-family:Titillium-Italic,sans-serif;font-size:1rem;font-style:italic;font-weight:500}.tier-yearly-price{color:var(--text-primary);margin-top:4px;font-size:.9rem;font-weight:500}body.promo-active .promo-only{display:block!important}body.promo-active th:not(.free-tier):not(.feature-header) .tier-price,body.promo-active th:not(.free-tier):not(.feature-header) .tier-price span,body.promo-active th:not(.free-tier):not(.feature-header) .tier-yearly-price{text-decoration:line-through}.recommended-badge-table{background-color:var(--color-activity);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;white-space:nowrap;width:fit-content;margin:0 auto;padding:6px 16px;font-size:.75rem;font-weight:700;transition:transform .3s;position:relative;box-shadow:0 2px 4px #0003}.pricing-table td.feature-name{text-align:left;color:gray;font-family:Titillium-BoldItalic,sans-serif;font-style:italic;font-weight:700}.check{color:var(--color-place);font-size:1.2rem}.cross{color:var(--color-activity);font-size:1.2rem}.feature-check-stack{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.feature-text{color:var(--text-secondary);font-size:.85rem;font-weight:500}@media (width<=768px){.pricing-table th,.pricing-table td{padding:var(--spacing-sm);font-size:.9rem}.pricing-table .tier-price{font-size:1.2rem}}.about-section{padding:var(--spacing-xxl) 0}.about-content{text-align:center;max-width:800px;color:var(--text-secondary);margin:0 auto;font-size:1.1rem;line-height:1.8}.about-content p{margin-bottom:var(--spacing-md)}.cta-section{padding:var(--spacing-xxl) 0;text-align:center;background-color:var(--bg-card);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xxl);border:1px solid var(--border-color)}.cta-title{margin-bottom:var(--spacing-md);font-family:Titillium-BoldItalic,sans-serif;font-size:2.5rem;font-style:italic;font-weight:700}.footer{padding:var(--spacing-xxl) 0 var(--spacing-xl);border-top:1px solid var(--border-color);background-color:var(--bg-body)}.footer-content{margin-bottom:var(--spacing-xl);flex-wrap:wrap;justify-content:flex-start;gap:120px;display:flex}.footer-logo-section{margin-bottom:var(--spacing-lg);flex:none}.footer-app-icon{width:64px;height:64px;box-shadow:var(--shadow-sm);border-radius:14px;display:none}body:not([data-theme=dark]) .footer-app-icon.light-mode-img,[data-theme=dark] .footer-app-icon.dark-mode-img{display:block}.footer-links-container{flex-wrap:wrap;gap:80px;display:flex}.footer-column{flex-direction:column;gap:12px;display:flex}.footer-heading{color:var(--text-primary);margin-bottom:8px;font-family:Titillium-BoldItalic,sans-serif;font-size:1.1rem;font-style:italic;font-weight:700}.footer-link{color:var(--text-secondary);font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:var(--spacing-lg);text-align:center;color:var(--text-secondary);font-size:.85rem}.social-links{gap:16px;display:flex}.social-link{color:var(--text-secondary);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.social-link:hover{color:var(--text-primary);transform:translateY(-2px)}@media (width<=768px){.footer-content{gap:var(--spacing-lg);flex-direction:column}.footer-links-container{gap:var(--spacing-xl);justify-content:space-between}.mobile-menu-btn{display:block}.nav-links{background-color:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:1000;text-align:center;flex-direction:column;align-items:stretch;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.active{animation:.3s ease-out forwards slideDown;display:flex}.nav-link{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.nav-link:last-child{border-bottom:none}.nav-links .theme-toggle{margin:var(--spacing-md) auto 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.whim-group{margin-bottom:var(--spacing-md);width:100%;transition:margin-bottom .5s cubic-bezier(.68,-.55,.265,1.55)}.app-mockup.animate .whim-group{margin-bottom:var(--spacing-lg)}.whim-label-top{text-align:center;opacity:0;max-height:0;margin-bottom:0;font-family:Titillium-BoldItalic,sans-serif;font-size:.9rem;font-style:italic;font-weight:700;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden;transform:scale(.8)}.app-mockup.animate .whim-label-top{opacity:1;max-height:30px;margin-bottom:4px;transform:scale(1)}.whim-label-bottom{text-align:center;color:var(--text-secondary);opacity:0;max-height:0;margin-top:0;font-size:.8rem;font-style:italic;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden;transform:scale(.8)}.app-mockup.animate .whim-label-bottom{opacity:1;max-height:30px;margin-top:4px;transform:scale(1)}.footnotes{padding:var(--spacing-lg) 0;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem}.footnotes p{margin-bottom:var(--spacing-xs)}.whim-type-card{border-radius:var(--radius-md);color:#fff;width:100%;height:100px;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.mini-whim-container{justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.whim-type-card.mini{border-radius:var(--radius-sm);width:80px;height:60px}.feature-sliders-container{width:100px;height:60px;margin:0 auto var(--spacing-md);flex-direction:column;justify-content:center;gap:12px;display:flex}.slider-track{background-color:var(--border-color);border-radius:3px;width:100%;height:6px;position:relative}.slider-fill{border-radius:3px;height:100%;position:absolute;top:0;left:0}.slider-thumb{background-color:#fff;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 4px #0003}.fill-1{background-color:var(--color-place);width:70%}.thumb-1{border-color:var(--color-place);left:70%}.fill-2{background-color:var(--color-activity);width:40%}.thumb-2{border-color:var(--color-activity);left:40%}.fill-3{background-color:var(--color-tv);width:85%}.thumb-3{border-color:var(--color-tv);left:85%}@keyframes slideOne{0%,to{width:70%}50%{width:85%}}@keyframes thumbOne{0%,to{left:70%}50%{left:85%}}@keyframes slideTwo{0%,to{width:40%}50%{width:60%}}@keyframes thumbTwo{0%,to{left:40%}50%{left:60%}}@keyframes slideThree{0%,to{width:85%}50%{width:50%}}@keyframes thumbThree{0%,to{left:85%}50%{left:50%}}.feature-card:hover .fill-1{animation:1s ease-in-out slideOne}.feature-card:hover .thumb-1{animation:1s ease-in-out thumbOne}.feature-card:hover .fill-2{animation:1.2s ease-in-out slideTwo}.feature-card:hover .thumb-2{animation:1.2s ease-in-out thumbTwo}.feature-card:hover .fill-3{animation:1.4s ease-in-out slideThree}.feature-card:hover .thumb-3{animation:1.4s ease-in-out thumbThree}.whim-img.mini-img{height:24px}.mockup-icon{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}@keyframes whimLightGlow{0%{filter:drop-shadow(0 0 #0000)}5%{filter:drop-shadow(0 0 15px #0ff)}10%{filter:drop-shadow(0 0 #0000)}to{filter:drop-shadow(0 0 #0000)}}.feature-card:hover .whim-ai-logo{animation:7.8s ease-in-out infinite whimLightGlow}@keyframes waveBounce{0%,to{transform:translateY(0)}30%{transform:translateY(5px)}60%{transform:translateY(-5px)}}.feature-card:hover .whim-type-card.mini{animation:.5s ease-in-out waveBounce}.feature-card:hover .whim-type-card.mini.go{animation-delay:0s}.feature-card:hover .whim-type-card.mini.do{animation-delay:.1s}.feature-card:hover .whim-type-card.mini.watch{animation-delay:.2s}.whim-type-card.go{background-color:#a8c599}.whim-type-card.do{background-color:#b85c55}.whim-type-card.watch{background-color:#5a7d8b}.mockup-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.hero-headline{font-size:2.5rem}.nav-links{display:none}}.whim-detail-card{color:#fff;text-align:left;border-radius:20px;width:100%;max-width:600px;margin:0 auto;padding:25px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.whim-detail-card:hover{transform:translateY(-5px)}.whim-header{align-items:center;gap:15px;margin-bottom:15px;display:flex}.whim-icon-wrapper{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.whim-icon{filter:brightness(0)invert();width:100%;height:auto}.whim-title{flex:1;margin:0;font-family:Titillium-BoldItalic,sans-serif;font-size:1.8rem;font-style:italic;font-weight:700;line-height:1.2}.whim-description{opacity:.95;margin-bottom:10px;font-family:Titillium-Italic,sans-serif;font-size:1.1rem;font-style:italic;line-height:1.5}.bg-activity{background-color:#b85c55}.bg-place{background-color:#a8c599}.bg-tv{background-color:#5a7d8b}.whim-tag{background:#0003;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600;position:absolute;top:20px;right:20px}.clipboard-anim-container{height:80px;margin-bottom:var(--spacing-md);justify-content:center;align-items:center;display:flex}.clipboard-body{background-color:var(--bg-card);border:3px solid var(--text-primary);width:60px;height:75px;box-shadow:var(--shadow-sm);border-radius:8px;padding-top:15px;padding-left:8px;padding-right:8px;position:relative}.clipboard-clip{background-color:var(--text-primary);z-index:2;border-radius:3px;width:24px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.list-item{opacity:1;transform-origin:0;border-radius:3px;height:6px;margin-bottom:10px;transition:all .2s;transform:scaleX(1)}.item-1{background-color:var(--color-place);width:60%}.feature-card:hover .item-1{animation:4s ease-out infinite item1Anim}.item-2{background-color:var(--color-activity);width:80%}.feature-card:hover .item-2{animation:4s ease-out infinite item2Anim}.item-3{background-color:var(--color-tv);width:50%}.feature-card:hover .item-3{animation:4s ease-out infinite item3Anim}@keyframes item1Anim{0%,5%{opacity:0;transform:scaleX(0)}15%,90%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes item2Anim{0%,30%{opacity:0;transform:scaleX(0)}40%,90%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes item3Anim{0%,55%{opacity:0;transform:scaleX(0)}65%,90%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}
