.canny-alt-page{background-color:var(--background);min-height:100vh;color:var(--foreground);font-family:var(--font-sans);flex-direction:column;display:flex}.canny-alt-main{flex-direction:column;flex:1;align-items:center;display:flex}.canny-hero{text-align:center;max-width:800px;margin:0 auto;padding:5rem 2rem 4rem}.canny-hero-badge{color:#0d9488;background:#14b8a61a;border:1px solid #14b8a633;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.dark .canny-hero-badge{color:#5eead4;background:#14b8a626}.canny-hero-title{letter-spacing:-.02em;color:#1e293b;margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.15}.dark .canny-hero-title{color:#f8fafc}.canny-hero-title-accent{background:linear-gradient(135deg,#14b8a6 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.canny-hero-subtitle{color:#64748b;margin-bottom:2rem;font-size:1.2rem;line-height:1.7}.dark .canny-hero-subtitle{color:#94a3b8}.stats-section{width:100%;padding:0 2rem 4rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.stat-card{text-align:center;background:linear-gradient(135deg,#14b8a614 0%,#06b6d414 100%);border:1px solid #14b8a626;border-radius:16px;padding:2rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #14b8a633}.dark .stat-card{background:linear-gradient(135deg,#14b8a61a 0%,#06b6d41a 100%);border-color:#14b8a633}.stat-value{color:#0d9488;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.dark .stat-value{color:#5eead4}.stat-label{color:#1e293b;margin-bottom:.25rem;font-size:1rem;font-weight:600}.dark .stat-label{color:#f8fafc}.stat-compare{color:#64748b;font-size:.875rem}.dark .stat-compare{color:#94a3b8}.math-section{text-align:center;width:100%;padding:4rem 2rem}.math-section .section-title{margin-bottom:2.5rem}.math-comparison{justify-content:center;gap:2rem;max-width:800px;margin:0 auto;display:flex}.math-card{border:1px solid var(--border);background:var(--card);border-radius:16px;flex:1;max-width:320px;padding:2rem}.math-card-them{opacity:.85}.math-card-us{background:linear-gradient(135deg,#14b8a614 0%,#06b6d414 100%);border-color:#14b8a64d;box-shadow:0 8px 24px -8px #14b8a633}.dark .math-card-us{background:linear-gradient(135deg,#14b8a61f 0%,#06b6d41f 100%)}.math-card-title{color:#1e293b;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.dark .math-card-title{color:#f8fafc}.math-row{color:#64748b;justify-content:space-between;padding:.75rem 0;font-size:1rem;display:flex}.dark .math-row{color:#94a3b8}.math-divider{background:var(--border);height:1px;margin:.5rem 0}.math-total{color:#1e293b;font-size:1.1rem;font-weight:700}.dark .math-total{color:#f8fafc}.math-card-us .math-total{color:#0d9488}.dark .math-card-us .math-total{color:#5eead4}.math-included{color:#10b981;font-weight:600}.math-callout{color:#0d9488;margin-top:2rem;font-size:1.25rem;font-weight:600}.dark .math-callout{color:#5eead4}@media (max-width:640px){.math-comparison{flex-direction:column;align-items:center}.math-card{width:100%;max-width:100%}}.why-section{background:#14b8a608;width:100%;padding:4rem 2rem}.dark .why-section{background:#14b8a60d}.section-header{text-align:center;max-width:700px;margin:0 auto 3rem}.section-title{color:#1e293b;margin-bottom:1rem;font-size:2rem;font-weight:700}.dark .section-title{color:#f8fafc}.section-subtitle{color:#64748b;font-size:1.125rem;line-height:1.6}.dark .section-subtitle{color:#94a3b8}.features-showcase{max-width:900px;margin:0 auto}.feature-block{background:var(--card);border:1px solid var(--border);border-radius:16px;gap:2rem;margin-bottom:1.5rem;padding:2.5rem;transition:box-shadow .2s;display:flex}.feature-block:hover{box-shadow:0 8px 24px -8px #0000001a}.dark .feature-block:hover{box-shadow:0 8px 24px -8px #0000004d}.feature-block-alt{flex-direction:row-reverse}.feature-icon-large{color:#0d9488;background:linear-gradient(135deg,#14b8a626 0%,#06b6d426 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.dark .feature-icon-large{color:#5eead4;background:linear-gradient(135deg,#14b8a633 0%,#06b6d433 100%)}.feature-content h3{color:#1e293b;margin-bottom:1rem;font-size:1.35rem;font-weight:700}.dark .feature-content h3{color:#f8fafc}.feature-content p{color:#64748b;margin-bottom:1rem;font-size:1rem;line-height:1.7}.dark .feature-content p{color:#94a3b8}.feature-content p:last-child{margin-bottom:0}.comparison-section{width:100%;max-width:900px;margin:0 auto;padding:4rem 2rem}.comparison-table-container{border:1px solid var(--border);background:var(--card);border-radius:16px;overflow-x:auto;box-shadow:0 4px 16px -4px #00000014}.comparison-table{border-collapse:collapse;text-align:left;width:100%}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}.comparison-table th{background:var(--muted);font-size:1rem;font-weight:600}.comparison-table tr:last-child td{border-bottom:none}.col-feature{color:#1e293b;width:40%;font-weight:500}.dark .col-feature{color:#f8fafc}.col-us{background:#14b8a60d;width:30%}.dark .col-us{background:#14b8a614}.col-them{color:#64748b;width:30%}.dark .col-them{color:#94a3b8}.check-icon{color:#10b981;vertical-align:middle;margin-right:.25rem}.x-icon{color:#ef4444;vertical-align:middle;margin-right:.25rem}.us-brand{color:#0d9488;font-weight:700}.dark .us-brand{color:#5eead4}.faq-section{background:var(--muted);width:100%;padding:4rem 2rem}.faq-section .section-title{text-align:center;margin-bottom:2.5rem}.faq-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.faq-item h3{color:#1e293b;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.dark .faq-item h3{color:#f8fafc}.faq-item p{color:#64748b;font-size:.95rem;line-height:1.6}.dark .faq-item p{color:#94a3b8}.canny-cta-section{background:linear-gradient(#0000 0%,#14b8a614 100%);width:100%;padding:5rem 2rem}.dark .canny-cta-section{background:linear-gradient(#0000 0%,#14b8a61a 100%)}.cta-container{text-align:center;max-width:600px;margin:0 auto}.cta-icon{color:#14b8a6;margin-bottom:1.5rem}.dark .cta-icon{color:#5eead4}.cta-title{color:#1e293b;margin-bottom:1rem;font-size:2.25rem;font-weight:700}.dark .cta-title{color:#f8fafc}.cta-subtitle{color:#64748b;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.dark .cta-subtitle{color:#94a3b8}.canny-cta-btn{color:#fff;background:linear-gradient(135deg,#14b8a6 0%,#06b6d4 100%);border-radius:9999px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.canny-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -6px #14b8a666}.canny-cta-btn-large{padding:1.25rem 2.5rem;font-size:1.1rem}.canny-footer{background:var(--muted);border-top:1px solid var(--border);padding:4rem 2rem 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2.5rem;max-width:1000px;margin:0 auto;display:grid}.footer-col h4{color:#1e293b;margin-bottom:1.25rem;font-size:.95rem;font-weight:600}.dark .footer-col h4{color:#f8fafc}.footer-col .footer-links{flex-direction:column;gap:.75rem;display:flex}.footer-col a{color:#64748b;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#14b8a6}.dark .footer-col a{color:#94a3b8}.dark .footer-col a:hover{color:#5eead4}.footer-col a.active-link{color:#14b8a6;font-weight:600}.dark .footer-col a.active-link{color:#5eead4}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:#64748b;max-width:1000px;margin:2.5rem auto 0;padding-top:1.5rem;font-size:.875rem}.dark .footer-bottom{color:#94a3b8}@media (max-width:768px){.canny-hero{padding:3rem 1.5rem}.canny-hero-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}.feature-block,.feature-block-alt{text-align:center;flex-direction:column;padding:2rem}.feature-icon-large{margin:0 auto 1rem}.faq-grid{grid-template-columns:1fr}.comparison-table th,.comparison-table td{padding:1rem;font-size:.9rem}}