*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}:root{--font:system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace;--ink:#0f0f0e;--ink-2:#3a3a38;--ink-3:#6b6b68;--ink-4:#9c9c98;--bg:#fff;--bg-1:#f8f8f7;--bg-2:#f2f2f0;--border:#e8e8e5;--border-2:#d4d4d0;--accent:#0f0f0e;--accent-hover:#2a2a28;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 1px 3px #0000000d, 0 4px 12px #0000000a;--shadow-hover:0 2px 8px #0000000f, 0 8px 24px #0000000f;--max-w:1100px;--px:24px}body{font-family:var(--font);color:var(--ink);background:var(--bg);flex-direction:column;min-height:100vh;font-size:16px;line-height:1.6;display:flex}main{flex:1}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:3px}.container{width:100%;max-width:var(--max-w);padding-inline:var(--px);margin-inline:auto}.divider{border:none;border-top:1px solid var(--border)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1{letter-spacing:-.02em;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:600;line-height:1.1}h2{letter-spacing:-.015em;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.2}h3{font-size:1rem;font-weight:600;line-height:1.3}p{line-height:1.7}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn-primary{background:var(--ink);border-color:var(--ink);color:#fff!important}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--ink-2);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-1);border-color:var(--border-2)}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffd9;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.navbar-logo{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.navbar-links{align-items:center;gap:28px;display:flex}.navbar-links a{color:var(--ink-3);font-size:14px;transition:color .15s}.navbar-links a:hover{color:var(--ink)}.navbar-toggle{cursor:pointer;color:var(--ink-3);background:0 0;border:none;padding:4px;display:none}.mobile-menu{padding:16px var(--px) 20px;border-top:1px solid var(--border);background:var(--bg);flex-direction:column;gap:16px;display:none}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--ink-3);font-size:15px}.hero{padding:88px 0 72px}.hero-logo{margin-bottom:32px}.hero-title{color:var(--ink);margin-bottom:20px}.hero-desc{color:var(--ink-3);max-width:480px;margin-bottom:36px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.stats-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-inner{flex-wrap:wrap;gap:48px;padding:28px 0;display:flex}.stat-num{color:var(--ink);font-size:1.6rem;font-weight:600;line-height:1}.stat-label{color:var(--ink-4);margin-top:4px;font-size:13px}.section-head{margin-bottom:36px}.section-head h2{color:var(--ink);margin-bottom:6px}.section-head p{color:var(--ink-4);font-size:14px}.products-section{padding:72px 0}.products-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.product-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;flex-direction:column;padding:24px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.product-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.card-meta{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-domain{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:500}.card-platform{color:var(--ink-4);background:var(--bg-2);border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:flex}.card-name{color:var(--ink);margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.3}.card-tagline{color:var(--ink-3);flex:1;margin-bottom:20px;font-size:13px;line-height:1.6}.card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.card-platforms-text{color:var(--ink-4);font-size:11px}.card-arrow{color:var(--border-2);transition:color .15s,transform .15s}.product-card:hover .card-arrow{color:var(--ink-3);transform:translate(2px)}.how-section{border-top:1px solid var(--border);padding:72px 0}.how-grid{border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.how-card{background:var(--bg);border-right:1px solid var(--border);padding:32px}.how-card:last-child{border-right:none}.how-label{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:11px;font-weight:600}.how-url{font-family:var(--font-mono);color:var(--ink-2);background:var(--bg-1);border-radius:var(--radius-sm);margin-bottom:14px;padding:4px 10px;font-size:12px;display:inline-block}.how-desc{color:var(--ink-3);font-size:13px;line-height:1.65}.wa-section{padding:0 0 72px}.wa-card{border:1px solid var(--border);border-radius:var(--radius-xl);align-items:flex-start;gap:28px;padding:40px;display:flex}.wa-icon-wrap{border-radius:var(--radius-lg);background:#25d366;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.wa-title{color:var(--ink);margin-bottom:8px;font-size:1.1rem;font-weight:600}.wa-desc{color:var(--ink-3);max-width:560px;margin-bottom:20px;font-size:14px;line-height:1.7}.wa-links{flex-wrap:wrap;gap:10px;display:flex}.wa-link{color:var(--ink-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);align-items:center;gap:6px;padding:7px 14px;font-size:13px;transition:background .15s,border-color .15s;display:inline-flex}.wa-link:hover{background:var(--bg-1);border-color:var(--border-2)}.contact-section{border-top:1px solid var(--border);background:var(--bg-1);padding:80px 0}.contact-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:48px;display:flex}.contact-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:600}.contact-desc{color:var(--ink-3);max-width:380px;margin-bottom:28px;font-size:14px;line-height:1.7}.contact-aside{flex-direction:column;gap:6px;padding-top:8px;display:flex}.contact-aside-label{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:600}.contact-email{color:var(--ink-3);font-size:14px;transition:color .15s}.contact-email:hover{color:var(--ink)}.footer{border-top:1px solid var(--border);background:var(--bg-1);padding:56px 0 0}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-brand-name{color:var(--ink);align-items:center;gap:7px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.footer-brand-desc{color:var(--ink-3);max-width:240px;font-size:13px;line-height:1.6}.footer-col-title{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:11px;font-weight:600}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links a{color:var(--ink-3);font-size:13px;transition:color .15s}.footer-links a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 0;display:flex}.footer-copy{color:var(--ink-4);font-size:12px}.footer-legal{gap:20px;display:flex}.footer-legal a{color:var(--ink-4);font-size:12px;transition:color .15s}.footer-legal a:hover{color:var(--ink-3)}.product-back{color:var(--ink-4);align-items:center;gap:6px;margin-bottom:36px;font-size:13px;transition:color .15s;display:inline-flex}.product-back:hover{color:var(--ink)}.product-domain-label{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:11px;font-weight:600}.product-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:600}.product-desc{color:var(--ink-3);max-width:540px;margin-bottom:32px;font-size:1.05rem;line-height:1.75}.product-cta-row{flex-wrap:wrap;gap:10px;margin-bottom:52px;display:flex}.product-divider{border:none;border-top:1px solid var(--border);margin-bottom:40px}.features-title{color:var(--ink);text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px;font-size:13px;font-weight:600}.features-list{flex-direction:column;gap:14px;margin-bottom:52px;display:flex}.feature-item{color:var(--ink-2);align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;display:flex}.feature-check{color:var(--ink-4);flex-shrink:0;margin-top:2px}.related-title{color:var(--ink);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-size:13px;font-weight:600}.related-grid{flex-direction:column;gap:10px;margin-bottom:52px;display:flex}.related-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);justify-content:space-between;align-items:center;padding:16px 20px;transition:border-color .15s,background .15s;display:flex}.related-card:hover{border-color:var(--border-2);background:var(--bg-1)}.related-card-name{color:var(--ink);font-size:14px;font-weight:500}.related-card-tag{color:var(--ink-4);margin-top:2px;font-size:12px}.demo-box{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-1);padding:36px}.demo-box h2{color:var(--ink);margin-bottom:8px;font-size:1.2rem;font-weight:600}.demo-box p{color:var(--ink-3);max-width:400px;margin-bottom:24px;font-size:14px;line-height:1.7}@media (max-width:900px){.products-grid{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:1fr}.how-card{border-right:none;border-bottom:1px solid var(--border)}.how-card:last-child{border-bottom:none}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){:root{--px:16px}.products-grid{grid-template-columns:1fr}.navbar-links{display:none}.navbar-toggle{display:block}.stats-inner{gap:28px}.wa-card{flex-direction:column;padding:28px 20px}.contact-inner{flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.product-cta-row{flex-direction:column}.btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.how-grid-6{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.faq-section{padding:72px 0}.faq-grid{grid-template-columns:repeat(2,1fr);gap:32px 48px;display:grid}.faq-q{color:var(--ink);margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.4}.faq-a{color:var(--ink-3);font-size:14px;line-height:1.75}@media (max-width:900px){.how-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr;gap:24px}}@media (max-width:640px){.how-grid{grid-template-columns:1fr}.faq-section{padding:48px 0}}