:root{--width:900px;--font-main:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f5;--text:#212529;--text-secondary:#495057;--text-muted:#868e96;--heading:#111111;--link:#0066cc;--link-hover:#0052a3;--accent:#0066cc;--accent-light:#e7f3ff;--border:#e9ecef;--border-strong:#dee2e6;--shadow:0 1px 3px rgba(0,0,0,0.08);--shadow-lg:0 4px 12px rgba(0,0,0,0.1);--radius:8px;--radius-sm:4px}@media(prefers-color-scheme:dark){:root{--bg:#121214;--bg-secondary:#1a1a1e;--bg-tertiary:#222226;--text:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--heading:#f5f5f7;--link:#4da6ff;--link-hover:#7ec2ff;--accent:#4da6ff;--accent-light:rgba(77,166,255,0.1);--border:#27272a;--border-strong:#3f3f46;--shadow:0 1px 3px rgba(0,0,0,0.3);--shadow-lg:0 4px 12px rgba(0,0,0,0.4)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);font-size:16px;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none;transition:color .15s}a:hover{color:var(--link-hover);text-decoration:underline}h1,h2,h3,h4{color:var(--heading);font-weight:600;line-height:1.3}h1{font-size:2.2rem}h2{font-size:1.6rem;margin-bottom:1rem}h3{font-size:1.25rem;margin-bottom:.5rem}h4{font-size:1.1rem}p{margin-bottom:1rem}img{max-width:100%;height:auto}.container{max-width:var(--width);margin:0 auto;padding:0 24px}main{min-height:400px}.site-header{border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:100}.header-inner{max-width:var(--width);margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;flex-direction:column}.logo-text{font-size:1.3rem;font-weight:700;color:var(--heading);letter-spacing:-.02em;line-height:1.2}.logo-sub{font-size:.8rem;color:var(--text-muted);font-weight:400}.nav-toggle{display:none}.nav-toggle-label{display:none}.main-nav{display:flex;gap:28px;align-items:center}.main-nav a{color:var(--text-secondary);font-size:.95rem;font-weight:500;padding:4px 0;position:relative}.main-nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width .2s}.main-nav a:hover{color:var(--heading);text-decoration:none}.main-nav a:hover::after{width:100%}.main-nav a.active{color:var(--accent);font-weight:600}.main-nav a.active::after{width:100%}.btn-primary,.btn-secondary{display:inline-block;padding:12px 28px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;transition:all .15s;cursor:pointer;border:none}.btn-primary{background:var(--accent);color:#fff!important}.btn-primary:hover{background:var(--link-hover);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:0 0;color:var(--accent)!important;border:2px solid var(--accent)}.btn-secondary:hover{background:var(--accent-light);text-decoration:none}.hero{text-align:center;padding:100px 24px 80px;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg) 100%);border-bottom:1px solid var(--border)}.hero-content{max-width:700px;margin:0 auto}.hero h1{font-size:2.6rem;margin-bottom:1.2rem;letter-spacing:-.03em}.hero-subtitle{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.pain-points{padding:80px 0;background:var(--bg)}.pain-points h2{text-align:center;margin-bottom:3rem}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pain-card{padding:32px 24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);transition:transform .2s,box-shadow .2s}.pain-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pain-icon{font-size:2rem;margin-bottom:16px}.pain-card h3{font-size:1.1rem;margin-bottom:8px}.pain-card p{font-size:.9rem;color:var(--text-secondary);margin:0}.features{padding:80px 0;background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.features h2{text-align:center;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.feature-card{padding:32px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);border-top:3px solid var(--accent)}.feature-icon{font-size:1.8rem;margin-bottom:12px}.feature-card h3{margin-bottom:8px}.feature-card p{color:var(--text-secondary);font-size:.95rem;margin:0}.services-preview{padding:80px 0}.services-preview h2{text-align:center;margin-bottom:3rem}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:2rem}.service-card{padding:32px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);transition:box-shadow .2s}.service-card:hover{box-shadow:var(--shadow-lg)}.service-card h3{margin-bottom:8px}.service-card h3 a{color:var(--heading)}.service-card h3 a:hover{color:var(--accent);text-decoration:none}.service-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:16px}.more-link{font-weight:600;font-size:.9rem}.services-cta{text-align:center;margin-top:2rem}.service-icon{font-size:2rem;margin-bottom:12px}.service-price{font-weight:600;color:var(--accent);font-size:1.1rem;margin:8px 0 16px}.process{padding:80px 0;background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.process h2{text-align:center;margin-bottom:3rem}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.process-step{text-align:center;padding:24px}.step-number{width:48px;height:48px;line-height:48px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:1.2rem;margin:0 auto 16px}.process-step h3{font-size:1.1rem;margin-bottom:8px}.process-step p{font-size:.9rem;color:var(--text-secondary);margin:0}.tech-stack{padding:80px 0}.tech-stack h2{text-align:center;margin-bottom:1rem}.tech-intro{text-align:center;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tech-category{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary)}.tech-category h4{color:var(--accent);margin-bottom:12px;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.tech-category ul{list-style:none;padding:0}.tech-category li{padding:6px 0;font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}.tech-category li:last-child{border-bottom:none}.cta-section{padding:80px 24px;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-secondary) 100%);text-align:center;border-top:1px solid var(--border)}.cta-section h2{margin-bottom:1rem}.cta-section p{color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.content-page{max-width:var(--width);margin:0 auto;padding:60px 24px}.page-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--accent)}.page-header h1{margin-bottom:.5rem}.page-description{font-size:1.1rem;color:var(--text-secondary);margin:0}.content-body{font-size:1rem;line-height:1.75}.content-body h2{margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.content-body h3{margin-top:2rem}.content-body ul,.content-body ol{margin:1rem 0 1.5rem 1.5rem}.content-body li{margin-bottom:.5rem}.content-body blockquote{border-left:3px solid var(--accent);padding-left:1rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}.content-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.content-body th,.content-body td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.content-body th{font-weight:600;color:var(--heading);background:var(--bg-secondary)}.content-body tr:hover{background:var(--bg-secondary)}.content-body hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.content-body code{font-family:sf mono,Monaco,cascadia code,monospace;font-size:.9em;background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}.content-body pre{background:var(--bg-tertiary);padding:16px;border-radius:var(--radius);overflow-x:auto;margin:1.5rem 0}.content-body pre code{background:0 0;padding:0}.list-page{max-width:var(--width);margin:0 auto;padding:60px 24px}.items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:2rem}.item-card{padding:32px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);transition:box-shadow .2s}.item-card:hover{box-shadow:var(--shadow-lg)}.item-card h3{margin-bottom:8px}.item-card h3 a{color:var(--heading)}.item-card h3 a:hover{color:var(--accent);text-decoration:none}.item-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:16px}.service-nav{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.service-nav-inner{display:flex;justify-content:space-between;gap:24px}.service-nav-prev,.service-nav-next{display:flex;flex-direction:column;padding:16px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);transition:box-shadow .2s,border-color .2s;flex:1;max-width:48%}.service-nav-next{text-align:right;margin-left:auto}.service-nav-prev:hover,.service-nav-next:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);text-decoration:none}.nav-label{font-size:.8rem;color:var(--text-muted);margin-bottom:4px}.nav-title{font-weight:600;color:var(--heading)}.page-cta{margin-top:3rem;padding:40px 32px;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:var(--radius);text-align:center;border:1px solid var(--border)}.page-cta h3{margin-bottom:12px}.page-cta p{color:var(--text-secondary);margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}.tech-details{margin:1.5rem 0;border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;background:var(--bg-secondary)}.tech-details summary{font-weight:600;color:var(--accent);cursor:pointer;list-style:none}.tech-details summary::-webkit-details-marker{display:none}.tech-details summary::before{content:"▸ ";display:inline-block;transition:transform .2s}.tech-details[open] summary::before{transform:rotate(90deg)}.tech-details-content{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.site-note{border-left:3px solid var(--accent);padding:16px 20px;margin:1.5rem 0;background:var(--bg-secondary);border-radius:0 var(--radius)var(--radius)0;font-size:.95rem}.site-note.warning{border-left-color:#e6a700;background:#fffbeb}.site-note.info{border-left-color:var(--accent)}@media(prefers-color-scheme:dark){.site-note.warning{background:#3d3000}}.site-footer{border-top:1px solid var(--border);background:var(--bg-secondary);padding:60px 24px 24px}.footer-inner{max-width:var(--width);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.footer-col h4{font-size:1rem;margin-bottom:16px;color:var(--heading)}.footer-col p{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.footer-col a{color:var(--text-secondary)}.footer-col a:hover{color:var(--accent)}.footer-bottom{max-width:var(--width);margin:40px auto 0;padding-top:24px;border-top:1px solid var(--border);text-align:center;font-size:.85rem;color:var(--text-muted)}.error-page{text-align:center;padding:120px 24px}.error-content h1{font-size:6rem;font-weight:700;color:var(--accent);margin-bottom:1rem;line-height:1}.error-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.error-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.header-inner{flex-wrap:wrap}.nav-toggle-label{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:8px}.nav-toggle-label span{display:block;width:24px;height:2px;background:var(--heading);transition:all .2s}.main-nav{display:none;width:100%;flex-direction:column;gap:0;padding:16px 0;border-top:1px solid var(--border);margin-top:16px}.nav-toggle:checked~.main-nav{display:flex}.main-nav a{padding:12px 0;border-bottom:1px solid var(--border)}.main-nav a:last-child{border-bottom:none}.hero h1{font-size:1.8rem}.pain-grid,.features-grid,.services-grid,.items-grid,.process-steps,.tech-grid,.footer-inner{grid-template-columns:1fr}.service-nav-inner{flex-direction:column}.service-nav-prev,.service-nav-next{max-width:100%}.service-nav-next{text-align:left;margin-left:0}.hero{padding:60px 24px 40px}.pain-points,.features,.services-preview,.process,.tech-stack,.cta-section{padding:48px 0}}