:root{--background:#fff;--foreground:#1f2937;--primary:#5fbcd3;--primary-dark:#153b50;--secondary:#ff8c42;--accent:#9c89b8;--success:#10b981;--border:#e5e7eb;--muted:#6b7280;--radius:0.5rem;--safe-inset-top:env(safe-area-inset-top,0px);--safe-inset-right:env(safe-area-inset-right,0px);--safe-inset-left:env(safe-area-inset-left,0px)}html[data-theme=dark]{--background:#1f2937;--foreground:#f3f4f6;--primary:#5fbcd3;--primary-dark:#0f2937;--secondary:#ff8c42;--accent:#9c89b8;--success:#6ee7b7;--border:#374151;--muted:#9ca3af}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--foreground);line-height:1.6;transition:background .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.theme-toggle{position:fixed;top:clamp(.5rem,calc(1.5rem + var(--safe-inset-top)),4vh);right:clamp(.5rem,calc(1.5rem + var(--safe-inset-right)),3rem);z-index:1200;background:var(--background);border:2px solid var(--border);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3rem;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:0}.theme-toggle:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.hero{background:linear-gradient(135deg,var(--primary-dark) 0,#2563eb 100%);color:#fff;padding:calc(5.25rem + var(--safe-inset-top)) 0 3.5rem 0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><rect width="60" height="60" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1}.hero-title{font-size:2.8rem;font-weight:700;margin-bottom:1rem;line-height:1.08}.hero-slogan{font-size:1.15rem;margin-bottom:.75rem;color:hsla(0,0%,100%,.95);font-weight:600}.hero-title .highlight{color:var(--secondary)}.hero-subtitle{font-size:1.3rem;margin-bottom:2.5rem;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.hero-note{font-size:.95rem;opacity:.85}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;text-decoration:none;transition:all .2s ease;border:2px solid transparent;cursor:pointer;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-primary{background:var(--secondary);color:#fff;box-shadow:0 4px 14px 0 rgba(255,140,66,.39)}.btn-primary:hover{background:#f59e0b;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,140,66,.4)}.btn-secondary{background:#fff;color:var(--primary-dark)}.btn-secondary:hover{background:#f3f4f6;transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.value-prop{padding:5rem 0;background:var(--background)}.contribute,.cta-section,.features,.screenshots,.value-prop{border-top:1px solid var(--border)}.section-title{font-size:2.5rem;color:var(--foreground)}.section-subtitle,.section-title{text-align:center;margin-bottom:3rem}.section-subtitle{font-size:1.1rem;color:var(--muted)}.section-description{text-align:left;max-width:820px;margin:0 auto 2.25rem;color:var(--muted);font-size:1.05rem}.slogan-after-title{text-align:center;font-weight:600;margin-bottom:.25rem;color:var(--muted)}.slogan-after-title+.section-description,.slogan-after-title+.section-subtitle{margin-top:1.6rem}.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.screenshots .section-title,.value-prop .section-title{margin-bottom:.5rem}.contribute{padding:3rem 0;background:var(--background)}.contribute-text{max-width:820px;margin:0 auto .75rem;color:var(--muted);text-align:left}.contribute-cta{text-align:center;margin-top:1rem}.value{text-align:center;padding:2rem;border-radius:var(--radius);background:var(--background);border:1px solid var(--border);transition:all .3s ease;margin-top:1.6rem}.value:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1);border-color:var(--primary)}.value-icon{font-size:3rem;margin-bottom:1rem}.value h3{font-size:1.3rem;margin-bottom:.75rem;color:var(--foreground)}.value p{color:var(--muted);line-height:1.6}.features{padding:5rem 0;background:var(--background)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.feature-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1);border-color:var(--primary)}.feature-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feature-icon{font-size:2.5rem}.feature-header h3{font-size:1.5rem;color:var(--foreground);flex:1 1}.feature-badge{background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600}.feature-desc{color:var(--muted);margin-bottom:1.5rem;line-height:1.6}.feature-list{list-style:none}.feature-list li{color:var(--foreground);position:relative;padding:.5rem 0 .5rem 1.5rem}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.screenshots{padding:2rem 0;background:var(--background)}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.screenshot-item{border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .3s ease}.screenshot-item:hover{transform:translateY(-5px);box-shadow:0 10px 40px rgba(0,0,0,.15)}.screenshot-item img{width:100%;height:auto;display:block}.screenshot-caption{text-align:center;padding:1rem;background:var(--background);color:var(--foreground);font-weight:500}.screenshot-mobile img{max-width:300px;margin:0 auto}.lightbox{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);z-index:3000;animation:fadeIn .16s ease-out}.lightbox-content{max-width:90vw;max-height:90vh;background:var(--background);border-radius:8px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);transform:translateY(0);animation:popIn .22s cubic-bezier(.2,.9,.2,1);position:relative}.lightbox-content img{display:block;width:100%;height:auto}.lightbox-close{position:absolute;top:8px;right:8px;background:hsla(0,0%,100%,.9);border:none;border-radius:6px;padding:6px;cursor:pointer}@keyframes popIn{0%{transform:scale(.96) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.carousel{position:relative;width:100%;margin:0 auto}.carousel-viewport{overflow:hidden;width:100%}.carousel-track{display:flex;transition:transform .26s cubic-bezier(.2,.9,.2,1);will-change:transform}.carousel-item{flex:0 0 100%;padding:0 .5rem}.carousel-item img{display:block;width:100%;height:auto;border-radius:8px}.carousel{max-width:920px}.carousel .swiper-slide{display:flex;align-items:center;justify-content:center;min-height:320px}.screenshots .carousel{margin-top:1.5rem}.carousel .swiper-slide{overflow:hidden}.carousel img{width:100%;max-width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:8px;display:block;margin:0 auto}@media (max-width:768px){.carousel img{max-height:360px}}@media (max-width:480px){.carousel img{max-height:260px}}.swiper-button-next,.swiper-button-prev{z-index:2200!important;background:hsla(0,0%,100%,.92);color:var(--primary-dark);padding:.45rem;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.12)}.swiper-pagination{z-index:2100}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.85);border:none;padding:.5rem;border-radius:8px;cursor:pointer;z-index:1500}.carousel-btn.left{left:8px}.carousel-btn.right{right:8px}.carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:.75rem}.carousel-dots .dot{width:10px;height:10px;background:rgba(0,0,0,.15);border-radius:50%;border:none}.carousel-dots .dot.active{background:var(--primary)}.cta-section{padding:6rem 0;background:var(--background);color:var(--foreground);text-align:center}.cta-title{font-size:2.5rem;margin-bottom:1rem}.cta-subtitle{font-size:1.2rem;margin-bottom:2.5rem;opacity:.95}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer{background:var(--primary-dark);color:#fff;padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.footer-title{font-size:1.1rem;margin-bottom:1rem;font-weight:600}.footer-desc{color:hsla(0,0%,100%,.8);margin-bottom:.5rem;line-height:1.6}.footer-license{color:hsla(0,0%,100%,.6);font-size:.9rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--secondary)}@media (max-width:768px){.container{padding:0 1rem}.hero{padding:4rem 0 3rem}.hero-content{padding:0 1rem;margin-top:0}.hero-title{font-size:2rem;line-height:1.2;margin-top:0}.hero-subtitle{font-size:1.3rem;margin-top:.25rem;margin-bottom:2.75rem}.hero-cta{flex-direction:column;align-items:stretch;gap:.75rem}.hero-note{font-size:.85rem;line-height:1.4}.theme-toggle{top:clamp(.4rem,calc(.75rem + var(--safe-inset-top)),3.5vh);right:clamp(.4rem,calc(.75rem + var(--safe-inset-right)),2.5rem);width:2.75rem;height:2.75rem;font-size:1.2rem}.section-title{font-size:2rem}.section-description{text-align:center;margin:0 auto 1.5rem}.values{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1000px){.values{grid-template-columns:repeat(2,1fr);gap:1.25rem}.feature-grid,.footer-grid,.screenshot-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:stretch}}@media (max-width:480px){.hero{padding:4.5rem 0 3rem}.hero-content{padding:0 .75rem;margin-top:0}.hero-title{font-size:1.85rem;line-height:1.25;margin-bottom:1rem;margin-top:0}.hero-subtitle{font-size:.95rem;line-height:1.5;margin-bottom:1.75rem}.hero-note{font-size:.8rem}.theme-toggle{top:clamp(.35rem,calc(.5rem + var(--safe-inset-top)),3vh);right:clamp(.35rem,calc(.5rem + var(--safe-inset-right)),2rem);width:2.5rem;height:2.5rem;font-size:1.1rem}.btn-lg{padding:.875rem 1.5rem;font-size:1rem}.section-title{font-size:1.75rem}.cta-section,.features,.screenshots,.value-prop{padding:3rem 0}}html[data-theme=dark] .theme-toggle{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12);color:var(--foreground);box-shadow:0 6px 18px rgba(0,0,0,.35)}html:not([data-theme=dark]) .theme-toggle{background:#fff;border-color:var(--border);color:var(--primary-dark)}