:root{--background:#fff;--foreground:#1f2937;--primary:#5fbcd3;--primary-dark:#153b50;--secondary:#ff8c42;--accent:#9c89b8;--success:#10b981;--border:#e5e7eb;--muted:#6b7280;--surface:#f5f5f5;--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:#b8a5d6;--success:#6ee7b7;--border:#374151;--muted:#9ca3af;--surface:#2d3748}*{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:2.5rem 0 2rem;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:1.75rem;font-weight:700;margin-bottom:1rem;line-height:1.08}@media (min-width:768px){.hero-title{font-size:2.25rem}}.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:.95rem;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:2.5rem;opacity:.95}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.hero-note{font-size:.8rem;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}.cta-section,.early-screenshots,.features,.screenshots{border-top:1px solid var(--border)}.early-screenshots .section-title{font-size:1.5rem;max-width:700px;margin:1.5rem auto .5rem}@media (min-width:768px){.early-screenshots .section-title{font-size:1.85rem}}.early-screenshots .section-subtitle{font-size:.95rem;max-width:600px;margin-left:auto;margin-right:auto;color:var(--muted);margin-bottom:1.75rem}.screenshot-row{display:grid;grid-template-columns:2fr 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start;margin-top:2rem}.screenshot-row .screenshot-card-with-caption:last-child{max-width:280px;justify-self:center}.screenshot-row .screenshot-card-with-caption:last-child img{max-height:400px;width:auto;height:auto;object-fit:contain}@media (max-width:768px){.screenshot-row{grid-template-columns:1fr}.screenshot-row .screenshot-card-with-caption:last-child{max-width:220px;margin:0 auto}.screenshot-row .screenshot-card-with-caption:last-child img{max-height:300px}}.screenshot-card{cursor:pointer;overflow:hidden;box-shadow:none;border-radius:var(--radius);border:none}.screenshot-card-with-caption{display:flex;flex-direction:column;align-items:center}.screenshot-label{text-align:center;font-size:.85rem;color:var(--muted);margin-top:.5rem;font-style:italic}.how-it-works{padding:2.5rem 0}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-top:1rem}.step{text-align:center;padding:1rem}.step-number{width:48px;height:48px;border-radius:50%;background:var(--secondary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.step h3{margin-bottom:.5rem;font-size:1.1rem}.step p{font-size:.95rem;opacity:.85;line-height:1.6}.comparison{padding:2.5rem 0}.comparison-table-wrapper{overflow-x:auto;margin-top:2rem}.comparison-table{width:100%;border-collapse:collapse;font-size:.95rem}.comparison-table td,.comparison-table th{padding:.75rem 1rem;text-align:center;border-bottom:1px solid var(--border)}.comparison-table th{font-weight:700;background:var(--surface)}.comparison-table td:first-child,.comparison-table th:first-child{text-align:left;font-weight:600}.comparison-table th:nth-child(2){color:var(--secondary)}.trust{padding:2.5rem 0;text-align:center}.trust-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:2rem;gap:2rem;margin-top:1.25rem}.trust-item{padding:1.5rem;border-radius:.75rem;background:var(--surface);transition:transform .2s ease}.trust-item:hover{transform:translateY(-2px)}.trust-icon{font-size:2rem;margin-bottom:.75rem}.trust-name{font-weight:700;font-size:1rem;margin-bottom:.25rem}.trust-desc{font-size:.85rem;opacity:.7}.section-title{font-size:2rem;text-align:center;margin-bottom:1.25rem;color:var(--foreground)}.section-subtitle{text-align:center;font-size:1.1rem;color:var(--muted);margin-bottom:1rem}.section-description{text-align:left;max-width:820px;margin:0 auto 1.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}.screenshots .section-title{margin-bottom:.5rem}.features{padding:2.5rem 0;background:var(--background)}.feature-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{display:flex;flex-direction:column;width:100%;min-width:0;height:100%;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;transition:all .3s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.08);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(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.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-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;margin:0 auto}.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:2rem 0 1.5rem}.hero-content{padding:0 1rem;margin-top:0}.hero-title{font-size:2rem;line-height:1.2;margin-top:0}.hero-subtitle{font-size:.9rem;margin-bottom:1.5rem}.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:1.5rem;margin-bottom:1.25rem}.section-description{text-align:center;font-size:.9rem;margin:0 auto 1.25rem}.section-subtitle{font-size:.9rem;margin-bottom:1.25rem}.comparison,.features,.how-it-works,.trust{padding:2.5rem 0}.early-screenshots{padding:2rem 0}.screenshots{padding:1.5rem 0}.steps{gap:.5rem;margin-top:.75rem}.step{padding:.75rem .5rem}.step-number{width:40px;height:40px;font-size:1.1rem;margin-bottom:.5rem}.step h3{font-size:1rem;margin-bottom:.25rem}.step p{font-size:.85rem}.feature-card{padding:1.25rem}.feature-icon{font-size:1.75rem}.feature-header h3{font-size:1.1rem}.feature-desc{font-size:.85rem;margin-bottom:.75rem}.feature-grid{gap:1rem}.comparison-table{font-size:.8rem}.comparison-table td,.comparison-table th{padding:.5rem .4rem}.trust-logos{gap:1rem;margin-top:1.25rem}.trust-item{padding:1rem}.trust-icon{font-size:1.5rem;margin-bottom:.5rem}.trust-name{font-size:.9rem}.trust-desc{font-size:.8rem}.footer{padding:2.5rem 0 1.5rem}}@media (max-width:480px){.hero{padding:1.75rem 0 1.25rem}.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:.85rem;margin-bottom:1.25rem}.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.35rem;margin-bottom:1rem}.section-description,.section-subtitle{font-size:.85rem;margin-bottom:1rem}.comparison,.features,.how-it-works,.trust{padding:2rem 0}.early-screenshots{padding:1.5rem 0}.screenshots{padding:1rem 0}.footer{padding:2.5rem 0 1.5rem}.screenshot-row .screenshot-card:last-child img{max-height:250px}}@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}}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)}