@charset "UTF-8";:root{--color-bg: #07080b;--color-bg-elevated: #0c0e12;--color-bg-subtle: #101318;--color-surface: #12151b;--color-surface-2: #181c24;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .16);--color-text: #f4f5f7;--color-text-muted: #a6acb8;--color-text-subtle: #6d7482;--color-accent: #38bdf8;--color-accent-hover: #7dd3fc;--color-accent-ink: #00131f;--color-accent-soft: rgba(56, 189, 248, .12);--color-accent-glow: rgba(56, 189, 248, .32);--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--c-dev: #38bdf8;--c-ai: #a78bfa;--c-3d: #34d399;--c-consult: #fbbf24;--c-claude: #e3773f;--grad-brand: linear-gradient(115deg, #38bdf8 0%, #818cf8 50%, #c084fc 100%);--grid-line: rgba(255, 255, 255, .045);--font-sans: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, Consolas, monospace;--font-serif: var(--font-display);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.3rem;--text-2xl: 1.6rem;--text-3xl: 2.1rem;--text-4xl: 2.8rem;--text-5xl: 3.6rem;--text-6xl: 4.6rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--container-max: 1240px;--container-narrow: 780px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 1px var(--color-accent-glow), 0 10px 36px var(--color-accent-glow);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration: .2s;--color-header-bg: rgba(7, 8, 11, .72);--color-header-link: #a6acb8;--color-header-link-hover: #f4f5f7}:root[data-theme=light]{--color-bg: #fbfbfc;--color-bg-elevated: #ffffff;--color-bg-subtle: #f3f4f7;--color-surface: #ffffff;--color-surface-2: #f5f6f9;--color-border: rgba(12, 14, 20, .09);--color-border-strong: rgba(12, 14, 20, .18);--color-text: #0b0d12;--color-text-muted: #4b5263;--color-text-subtle: #6b7280;--color-accent: #0284c7;--color-accent-hover: #0369a1;--color-accent-ink: #ffffff;--color-accent-soft: rgba(2, 132, 199, .09);--color-accent-glow: rgba(2, 132, 199, .2);--c-dev: #0284c7;--c-ai: #7c3aed;--c-3d: #059669;--c-consult: #d97706;--c-claude: #c2410c;--grad-brand: linear-gradient(115deg, #0284c7 0%, #4f46e5 55%, #9333ea 100%);--grid-line: rgba(12, 14, 20, .05);--shadow-sm: 0 1px 2px rgba(12, 14, 20, .06);--shadow-md: 0 8px 24px rgba(12, 14, 20, .08);--shadow-lg: 0 28px 70px rgba(12, 14, 20, .12);--color-header-bg: rgba(251, 251, 252, .82);--color-header-link: #4b5263;--color-header-link-hover: #0b0d12}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;overflow-x:hidden;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}body.no-scroll{overflow:hidden}img,svg,video,canvas{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none;transition:color var(--duration) var(--ease)}button{font-family:inherit;cursor:pointer}::selection{background:var(--color-accent);color:var(--color-accent-ink)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}h1,h2,h3,h4,h5{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.035em;line-height:1.06;color:var(--color-text)}h1{font-size:clamp(2.5rem,6vw,var(--text-6xl))}h2{font-size:clamp(2rem,4.4vw,var(--text-5xl))}h3{font-size:clamp(1.35rem,2.4vw,var(--text-2xl));letter-spacing:-.025em}h4{font-size:var(--text-xl);letter-spacing:-.02em}h5{font-size:var(--text-lg);letter-spacing:-.015em}p{margin:0}em.accent,h1 em,h2 em{font-style:normal;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--eyebrow-color, var(--color-accent))}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.lead{font-size:clamp(1.05rem,1.6vw,var(--text-lg));color:var(--color-text-muted);line-height:1.65;max-width:62ch}.muted{color:var(--color-text-muted)}.mono{font-family:var(--font-mono)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 clamp(1.1rem,4vw,2rem)}.container-narrow{max-width:var(--container-narrow)}.section{padding:clamp(4.5rem,9vw,8rem) 0;position:relative}.section-sm{padding:clamp(3rem,6vw,5rem) 0}.section-alt{background:var(--color-bg-elevated);border-block:1px solid var(--color-border)}.section-head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);margin-bottom:clamp(2.2rem,4vw,3.5rem);max-width:760px}.section-head.center{align-items:center;text-align:center;margin-inline:auto}.section-head.split{max-width:none;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.section-head.split>div{display:flex;flex-direction:column;gap:var(--space-4);max-width:720px}.grid-bg{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 40%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 40%,transparent 85%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.8rem 1.35rem;border-radius:999px;font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);letter-spacing:-.005em;border:1px solid transparent;transition:transform var(--duration) var(--ease),background var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),color var(--duration) var(--ease);cursor:pointer;white-space:nowrap;text-decoration:none;line-height:1.2}.btn i{font-size:1.05em}.btn-lg{padding:.95rem 1.6rem;font-size:var(--text-base)}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 10px 30px var(--color-accent-glow)}.btn-ghost{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn-ghost:hover{border-color:var(--color-text);background:var(--color-accent-soft)}.btn-soft{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border)}.btn-soft:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.btn-link{background:transparent;color:var(--color-accent);padding:0;border-radius:0;font-weight:600}.btn-link:hover{color:var(--color-accent-hover)}.btn-link:after{content:"\2192";transition:transform var(--duration) var(--ease)}.btn-link:hover:after{transform:translate(4px)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--duration) var(--ease),transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.card:hover{border-color:var(--color-border-strong)}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .75rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;line-height:1.3;white-space:nowrap}.chip-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--chip-color, var(--color-accent))}.role-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.role-badge.built{background:rgba(34,197,94,.14);color:#4ade80;border:1px solid rgba(34,197,94,.35)}.role-badge.collab{background:rgba(148,163,184,.14);color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}:root[data-theme=light] .role-badge.built{color:#15803d;background:rgba(34,197,94,.12)}:root[data-theme=light] .role-badge.collab{color:#475569;background:rgba(148,163,184,.16)}.browser{border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-lg)}.browser .browser-bar{display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.browser .browser-bar span.dot{width:9px;height:9px;border-radius:50%;background:#3b4150}.browser .browser-bar span.dot:nth-child(1){background:#ff5f57}.browser .browser-bar span.dot:nth-child(2){background:#febc2e}.browser .browser-bar span.dot:nth-child(3){background:#28c840}.browser .browser-bar .url{flex:1;margin-left:.5rem;padding:.2rem .7rem;border-radius:999px;background:var(--color-bg);color:var(--color-text-subtle);font-family:var(--font-mono);font-size:.68rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.browser img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center}.phone{border-radius:28px;padding:8px;background:#0b0d12;border:1px solid var(--color-border-strong);box-shadow:var(--shadow-lg)}.phone img{border-radius:21px;width:100%;aspect-ratio:9/18;object-fit:cover;object-position:top}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden;transition:border-color var(--duration) var(--ease)}.faq-item[open]{border-color:var(--color-border-strong)}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:1.1rem 1.3rem;cursor:pointer;list-style:none;font-weight:600;letter-spacing:-.01em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary i{color:var(--color-text-subtle);transition:transform var(--duration) var(--ease);flex-shrink:0}.faq-item[open] summary i{transform:rotate(45deg);color:var(--color-accent)}.faq-item p{padding:0 1.3rem 1.2rem;color:var(--color-text-muted);line-height:1.7}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .7s var(--ease-out) both}.fade-up.d1{animation-delay:80ms}.fade-up.d2{animation-delay:.16s}.fade-up.d3{animation-delay:.24s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}.float-whatsapp{position:fixed;right:clamp(14px,3vw,26px);bottom:clamp(14px,3vw,26px);z-index:60;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:1.6rem;box-shadow:0 10px 28px #25d36659;transition:transform var(--duration) var(--ease)}.float-whatsapp:hover{transform:scale(1.07);color:#fff}.text-center{text-align:center}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}