:root{--primary-color: #1A7B8C;--secondary-color: #4A5D7F;--accent-mint: #17B890;--accent-coral: #F05D67;--accent-purple: #7E57C2;--dark-color: #444444;--light-color: #f2f2f2;--success-color: #17B890;--focus-ring-color: #1A7B8C;--focus-ring-offset: 3px;--font-heading: "Be Vietnam Pro", system-ui, sans-serif;--font-body: "Crimson Text", serif;--fs-h1: clamp(1.6rem, 1.2rem + 2vw, 2.4rem);--fs-h2: clamp(1.2rem, .96rem + 1.2vw, 2rem);--fs-h3: clamp(.96rem, .8rem + .8vw, 1.6rem);--fs-large: clamp(1.1rem, .9rem + 1vw, 1.5rem);--fs-body: clamp(1rem, .95rem + .25vw, 1.125rem);--fs-small: clamp(.8rem, .75rem + .25vw, .9rem);--text-color: #444444;--background-color: #f7f7f7;--card-bg: rgba(247, 247, 247, .7);--card-border: rgba(230, 230, 230, .6);--footer-border: #e0e0e0;--subtle-border: rgba(0, 0, 0, .05)}.dark{--primary-color: #17B890;--secondary-color: #4A5D7F;--accent-mint: #17B890;--accent-coral: #F05D67;--accent-purple: #7E57C2;--text-color: #e0e0e0;--background-color: #2a2a2a;--card-bg: rgba(50, 50, 55, .7);--card-border: rgba(70, 70, 80, .5);--footer-border: #3d3d3d;--subtle-border: rgba(255, 255, 255, .08)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-color);background-color:var(--background-color);transition:background-color .3s ease,color .3s ease;font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-family:var(--font-heading);line-height:-.1px}h1{letter-spacing:-1.5px;line-height:1.05}p,span,a,div,ul{color:var(--text-color);font-size:var(--fs-body)}a{color:var(--primary-color)}.dark a{color:var(--primary-color);opacity:.9}.bg-radiant{background:radial-gradient(1200px 600px at 0% 0%,#7e57c240,#fff0),radial-gradient(1000px 500px at 100% 0%,#f05d6733,#fff0),radial-gradient(800px 400px at 50% 100%,#17b8902e,#fff0)}.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 10px 30px #00000014}.subtle-border{border:1px solid var(--subtle-border)}h1{font-size:var(--fs-h1);margin-bottom:.5rem;color:var(--text-color)}.tagline{font-size:var(--fs-large);color:var(--text-color);opacity:.8}.hero{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;margin:4rem 0}.hero.gradient{position:relative;padding:3rem 2rem;border-radius:24px;overflow:hidden}.hero.gradient:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:radial-gradient(1200px 600px at -10% -10%,#7e57c240,#fff0),radial-gradient(900px 500px at 110% -10%,#17b89033,#fff0);z-index:-2}.hero-content{flex:1 1 400px}.hero-image{flex:1 1 400px;display:flex;justify-content:center}.app-preview{object-fit:cover;height:auto;max-height:600px;border-radius:30px;box-shadow:0 10px 20px #0000001a;position:relative;overflow:hidden}.app-buttons{display:flex;gap:1rem;margin-top:2rem}.app-buttons .button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff!important;text-decoration:none;border-radius:8px;font-weight:700;transition:transform .2s,background-color .2s}.app-buttons .button:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.app-buttons .button.glass{background:#1a7b8cd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 12px #0000001a}.app-buttons .button.glass:hover{background:#4a5d7fe6;border:1px solid rgba(255,255,255,.5);box-shadow:0 6px 16px #00000026}.app-badges{display:flex;gap:1.5rem;margin-top:2rem;justify-content:center;align-items:center;flex-wrap:wrap}.badge-wrapper{position:relative;display:inline-block;transition:transform .2s ease}.badge-wrapper:not(.coming-soon):hover{transform:translateY(-3px)}.badge-wrapper:not(.coming-soon):active{transform:translateY(-1px)}.app-badge{height:60px;width:auto;display:block}.badge-wrapper.coming-soon{cursor:not-allowed}.badge-wrapper.coming-soon .app-badge{opacity:.6;filter:grayscale(30%) brightness(.95)}.coming-soon-overlay{position:absolute;top:0%;left:0%;background:#00000080;color:#fff;border-radius:8px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #0006;border:2px solid rgba(255,255,255,.3);width:100%;height:100%;text-align:center}.coming-soon-overlay span{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px;font-size:.875rem}@media (max-width: 768px){.app-badge{height:50px}.coming-soon-overlay{font-size:.8rem;padding:.4rem .8rem}}.features{margin:4rem 0;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature{padding:2rem;background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 6px #0000000d;transition:transform .3s}.feature.glass{background:var(--card-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--card-border)}.feature:hover{transform:translateY(-5px)}footer{margin-top:4rem;padding:2rem 0;text-align:center;border-top:1px solid var(--footer-border);color:var(--text-color)}.footer-content{display:flex;flex-direction:column;gap:1rem;align-items:center}.footer-nav{display:flex;gap:2rem}.footer-nav a{color:var(--text-color);text-decoration:none;transition:opacity .2s ease}.footer-nav a:hover{opacity:.7}.app-preview.gradient{background:linear-gradient(180deg,var(--card-bg),rgba(235,235,240,.9));-webkit-mask-image:radial-gradient(120% 120% at 50% -10%,black 50%,transparent 60%);mask-image:radial-gradient(120% 120% at 50% -10%,black 50%,transparent 60%)}.dark .app-preview.gradient{background:linear-gradient(180deg,#323237e6,#28282de6)}.bg-image-section{position:relative;padding:4rem 2rem;border-radius:24px;overflow:hidden;z-index:1;margin:2rem 0 5rem}.bg-image-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:-1}.bg-image-section.overlay-light:before{background-blend-mode:overlay;background-color:#ffffff54}.bg-image-section.overlay-dark:before{background-blend-mode:overlay;background-color:#00000080}.bg-image-section .content{position:relative;z-index:2;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:var(--card-bg);padding:2rem;border-radius:16px;box-shadow:0 8px 32px #0000001a}.bg-image-section.lofi2:before{background-image:url(/images/lofi2.jpg)}.bg-image-section.lofi3:before{background-image:url(/images/lofi3.jpg)}.bg-image-section.lofi4:before{background-image:url(/images/lofi4.jpg)}.error-container{max-width:600px;margin:4rem auto;padding:2rem;background-color:var(--card-bg);border-left:5px solid #ff4d4d;border-radius:4px;color:var(--text-color)}.site-header{position:sticky;top:0;width:100%;background-color:var(--background-color);border-bottom:1px solid var(--subtle-border);padding:.75rem 0;z-index:100;box-shadow:0 2px 10px #0000000d}.site-header .container{display:flex;justify-content:space-between;align-items:center}.site-header .logo{display:flex;align-items:center}.site-header .logo-text{font-size:clamp(1rem,.9rem + .75vw,1.25rem);font-weight:600;font-family:var(--font-heading);color:var(--text-color);text-decoration:none;transition:opacity .2s ease}.site-header .logo-text:hover{opacity:.7}.site-header .header-controls{display:flex;align-items:center;gap:1.5rem}.site-header .support-link{color:var(--text-color);text-decoration:none;font-weight:500;transition:opacity .2s ease}.site-header .support-link:hover{opacity:.7}.theme-toggle{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:.4rem;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-color);transition:background-color .2s ease,transform .2s ease;font-size:1.1rem;line-height:1;min-width:2rem;height:2rem;margin:1rem}.theme-toggle:hover{background-color:var(--card-border);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-select{background-color:transparent;color:var(--text-color);border:none;font-size:.9rem;padding:.25rem .5rem;cursor:pointer;outline:none;margin-bottom:0}.theme-select option{background-color:var(--background-color);color:var(--text-color)}.fs-h1{font-size:var(--fs-h1)}.fs-h2{font-size:var(--fs-h2)}.fs-h3{font-size:var(--fs-h3)}.fs-large{font-size:var(--fs-large)}.fs-body{font-size:var(--fs-body)}.fs-small{font-size:var(--fs-small)}.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;background:var(--primary-color);color:#fff;z-index:1000}.skip-link:focus{position:fixed;width:auto;height:auto;clip:auto;padding:10px;margin:0;top:0;left:0}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.app-buttons .button.glass{background:#1a7b8cd9;color:#fff!important;font-weight:700}.dark .app-buttons .button.glass{background:#17b890d9;color:#fff!important}.app-buttons .button.glass:hover{background:#4a5d7fe6}.overview-grid{grid-template-columns:1fr 1fr;gap:2rem}.feature-grid-4{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.hero{flex-direction:column;text-align:center}.app-buttons{justify-content:center}.site-header{padding:.5rem 0}}@media (max-width: 700px){.overview-grid,.feature-grid-4{grid-template-columns:1fr}}.support-page{max-width:800px;margin:0 auto}.support-page h1{font-size:2rem;margin-bottom:1rem;text-align:center}.support-content{margin-top:2rem}.support-content h2{font-size:1.4rem;margin-top:2rem;margin-bottom:.75rem;color:var(--primary-color)}.support-content h3{font-size:1rem;margin-top:1.5rem;margin-bottom:.5rem}.support-content p{margin-bottom:1rem;line-height:1.6}.support-content ul{margin-bottom:1rem;padding-left:2rem}.support-content li{margin-bottom:.5rem}.support-content a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.support-content a:hover{border-bottom-color:var(--primary-color)}.terms-privacy-page{max-width:900px;margin:0 auto}.terms-privacy-page h1{font-size:2rem;margin-bottom:1rem;text-align:center}.terms-privacy-content{margin-top:2rem}.terms-privacy-content .intro-section{margin-bottom:2rem;padding:1.5rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--card-border)}.terms-privacy-content .intro-section h2{font-size:1.4rem;margin-bottom:.75rem;color:var(--primary-color)}.terms-privacy-content .section{margin-bottom:3rem}.terms-privacy-content h2{font-size:1.6rem;margin-top:2rem;margin-bottom:.5rem;color:var(--primary-color)}.terms-privacy-content .last-updated{font-size:.9rem;opacity:.7;margin-bottom:1.5rem;font-style:italic}.terms-privacy-content .subsection{margin-top:1.75rem;margin-bottom:1.75rem}.terms-privacy-content h3{font-size:1.12rem;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.terms-privacy-content p{margin-bottom:1rem;line-height:1.7}.terms-privacy-content ul{margin-bottom:1rem;margin-top:.5rem;padding-left:2rem}.terms-privacy-content li{margin-bottom:.6rem;line-height:1.6}.terms-privacy-content a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.terms-privacy-content a:hover{border-bottom-color:var(--primary-color)}.terms-privacy-content .section-divider{margin:3rem 0;border:0;border-top:2px solid var(--card-border);opacity:.5}.how-it-works-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 2rem;background:repeating-linear-gradient(45deg,transparent,transparent 35px,var(--subtle-border) 35px,var(--subtle-border) 70px);border-radius:1rem;position:relative}.how-it-works-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--background-color);opacity:.95;border-radius:1rem;z-index:0}.steps-content,.screenshot-content{position:relative;z-index:1}.steps-content h2{font-size:clamp(.96rem,.77rem + .96vw,1.6rem);margin-bottom:2rem;color:var(--text-color)}.steps-list{list-style:none;padding:0;margin:0}.steps-list li{font-size:clamp(.88rem,.72rem + .8vw,1.2rem);line-height:1;padding:.6rem 0;color:var(--text-color);display:flex;align-items:center;gap:.75rem}.screenshot-content{display:flex;justify-content:center;align-items:center}.app-screenshot{width:100%;max-width:400px;border-radius:2rem;box-shadow:0 20px 60px #0003;border:8px solid var(--card-border)}@media (max-width: 968px){.how-it-works-container{grid-template-columns:1fr;gap:3rem;padding:3rem 1.5rem}.screenshot-content{order:-1}.app-screenshot{max-width:300px}}@media (max-width: 640px){.steps-list li{font-size:clamp(.8rem,.76rem + .2vw,.9rem);padding:.5rem 0}.how-it-works-container{padding:2rem 1rem}}.email-signup-container{max-width:600px;margin:0 auto;text-align:center;padding:2rem}.signup-description{font-size:var(--fs-medium);margin-bottom:2rem;color:var(--text-color);opacity:.9}.email-signup-form{display:flex;flex-direction:column;gap:1rem;align-items:center}.form-group{width:100%;display:flex;flex-direction:column;gap:.5rem}.email-input{width:100%;padding:1rem 1.5rem;font-size:var(--fs-body);font-family:var(--font-body);border:2px solid var(--card-border);border-radius:12px;background:var(--card-bg);color:var(--text-color);transition:all .3s ease}.email-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a7b8c1a}.dark .email-input:focus{border-color:var(--accent-mint);box-shadow:0 0 0 3px #17b8901a}.email-input::placeholder{color:var(--text-color);opacity:.5}.submit-button{padding:1rem 3rem;font-size:var(--fs-body);font-family:var(--font-heading);font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--accent-mint));border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1a7b8c33}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1a7b8c4d}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.validation-error{color:var(--accent-coral);font-size:var(--fs-small);text-align:left;margin-top:.25rem}.signup-success{padding:2rem;background:var(--card-bg);border:2px solid var(--success-color);border-radius:16px;animation:fadeIn .5s ease}.signup-success h2{margin-bottom:1rem;color:var(--success-color)}.signup-success p{font-size:var(--fs-large);line-height:1.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 640px){.email-signup-container{padding:1.5rem 1rem}.submit-button{width:100%;padding:1rem 2rem}.signup-description{font-size:var(--fs-body)}}