@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Black.ttf) format("truetype");font-weight:800;font-style:normal;font-display:block}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:block}:root{--bg: #ffffff;--text-primary: rgb(45, 55, 72);--text-secondary: rgb(71, 85, 105);--text-muted: rgb(71, 85, 105);--accent: #0891b2;--accent-hover: #0e7490;--border: rgb(226, 232, 240);--border-muted: rgb(241, 245, 249);--font-sans: "Roboto", sans-serif;--font-mono: "IBM Plex Mono", monospace}html.dark{--bg: #09090b;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #52525b;--accent: #22d3ee;--accent-hover: #06b6d4;--border: #27272a;--border-muted: #18181b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;line-height:1.6}a{text-decoration:none;color:inherit}::selection{background-color:var(--accent);color:#000}.container{width:100%;max-width:900px;margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0;border-top:1px solid var(--border)}.label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;display:block;opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.label.visible{opacity:1;transform:translateY(0)}h1{font-size:clamp(2.2rem,5vw,3.75rem);font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:1.5rem}h2{font-size:clamp(1.4rem,2.5vw,1.875rem);font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:2.5rem}h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.btn{display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:1rem 2.5rem;background-color:var(--accent);color:#fff;border-radius:4px;margin-top:2.5rem;transition:background-color .2s ease;cursor:pointer;border:none}html.dark .btn{color:#09090b}.btn:hover{background-color:var(--accent-hover)}.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background-color:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px)}.header-logo{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.theme-toggle{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;padding:.4rem .75rem;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:border-color .2s,color .2s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:5rem;position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(8,145,178,.08) 0%,transparent 70%)}html.dark .hero{background:radial-gradient(ellipse at 50% 0%,rgba(34,211,238,.06) 0%,transparent 70%)}.hero .container{position:relative;z-index:1}.hero p{max-width:600px;margin:0 auto;font-size:1.15rem}.problem-list{list-style:none;margin:2rem 0}.problem-list li{display:flex;gap:1rem;align-items:flex-start;color:var(--text-secondary);padding:.5rem 0;font-size:1.05rem}.problem-list li:before{content:"—";color:var(--accent);font-family:var(--font-mono);flex-shrink:0}.blockquote{border-left:2px solid var(--accent);padding-left:1.5rem;margin-top:2rem}.steps{display:flex;flex-direction:column;gap:4rem}.step{display:grid;grid-template-columns:80px 1fr;gap:1.5rem}.step-num{font-family:var(--font-mono);font-size:3rem;font-weight:700;color:#cbd5e1;line-height:1}html.dark .step-num{color:#27272a}.step-cta{font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);margin-top:.75rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:1rem}@media(max-width:640px){.grid-2{grid-template-columns:1fr}.step{grid-template-columns:60px 1fr}}.check-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.check-list li{display:flex;gap:.75rem;align-items:flex-start;color:var(--text-secondary)}.check-list .icon{font-family:var(--font-mono);color:var(--accent);flex-shrink:0}.check-list.negative .icon,.check-list.negative li{color:var(--text-muted)}.sublabel{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.contact-section{text-align:center}.footer{border-top:1px solid var(--border);padding:2rem 1.5rem;text-align:center}.footer p{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.scroll-progress{position:fixed;left:1.5rem;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:0}.scroll-progress svg{overflow:visible}.scroll-progress-track{stroke:var(--border);stroke-width:1}.scroll-progress-fill{stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;transition:stroke-dashoffset .1s linear}@media(max-width:768px){.scroll-progress{display:none}}.scroll-progress-top{position:fixed;top:0;left:0;width:0%;height:2px;background-color:var(--accent);z-index:200;transition:width .1s linear}@media(min-width:769px){.scroll-progress-top{display:none}}.wa-float{position:fixed;bottom:2rem;right:2rem;z-index:100;width:52px;height:52px;background-color:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;transition:transform .2s ease,box-shadow .2s ease}.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 16px #0000004d}.wa-float svg{width:28px;height:28px;fill:#fff}.section{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.section.visible{opacity:1;transform:translateY(0)}
