@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap";:root{--bg:#2a2b2f;--bg-deep:#121316;--panel:#222428c2;--panel-soft:#2c2e33a3;--line:#ffffff14;--text:#f1eee8;--muted:#b7afa3;--cyan:#58cde8;--cyan-strong:#37bfdc;--cyan-soft:#58cde81f;--green:#12ffba;--gold:#c9a84c;--silver:#d8d2c8;--shadow:0 18px 60px #0000006b;--font-body:"Manrope", "Segoe UI", sans-serif;--font-display:"Playfair Display", Georgia, serif;--font-mono:"IBM Plex Mono", "Consolas", monospace;--card-panel:linear-gradient(180deg, #26282dd1, #141519e6);--card-panel-soft:linear-gradient(180deg, #2f3238b8, #191a1fe0)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 0 0,#c9a84c1f,#0000 24%),radial-gradient(circle at 76% 14%,#ffffff1f,#0000 18%),radial-gradient(circle at 50% 44%,#58cde81a,#0000 24%),linear-gradient(#3a3b40 0%,#24252a 34%,#141518 100%);margin:0;transition:background .3s,color .3s;overflow-x:hidden}::selection{background:#c9a84c42}body:before,body:after{content:"";filter:blur(90px);pointer-events:none;opacity:.28;z-index:0;border-radius:50%;width:46vw;height:46vw;position:fixed;inset:auto}body:before{background:#c9a84c24;top:-12vw;left:-10vw}body:after{background:#ffffff14;bottom:-18vw;right:-14vw}.noise-overlay{pointer-events:none;z-index:1;opacity:.045;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000008 0 1px,#0000 1px 4px);position:fixed;inset:0}.site-backdrop{z-index:0;pointer-events:none;opacity:.96;background:linear-gradient(#10111447 0%,#1011148a 34%,#101114e6 74%,#121316fa 100%),radial-gradient(circle at 84% 14%,#c9a84c2e,#0000 18%),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=80) top/cover no-repeat;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0% 78%,#000000a8 88%,#0000 100%);mask-image:linear-gradient(#000 0% 78%,#000000a8 88%,#0000 100%)}.page{z-index:2;width:min(1040px,100% - 28px);margin:0 auto;padding:14px 0 24px;position:relative}.nav{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#22242885,#18191d6b);border:1px solid #ffffff14;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:10px 24px;animation:.7s ease-out both rise;display:flex;position:sticky;top:14px;box-shadow:0 10px 34px #0000002e}.brand{color:var(--text);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:radial-gradient(circle at 30% 30%,#d8d3ca42,#18191cf0);border:1px solid #c9a84c5c;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 0 18px #ffffff14,0 0 18px #c9a84c14}.brand-mark svg{stroke:#f3f0ea;width:18px;height:18px}.nav-links{align-items:center;gap:28px;margin-left:auto;margin-right:14px;display:flex}.nav-links a{color:#f1eee8c7;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700;text-decoration:none;transition:color .18s,transform .18s}.nav-links a:hover{color:#fff;transform:translateY(-1px)}.nav-actions{align-items:center;gap:10px;display:flex}.theme-switch{position:relative}.theme-trigger{width:54px;min-width:54px;color:var(--text);background:#ffffff0a;border-color:#ffffff24;justify-content:center;gap:0;padding:0;box-shadow:inset 0 0 0 1px #ffffff0f}.theme-trigger svg{stroke:currentColor;width:20px;height:20px}.theme-trigger[data-current-theme=dark]{color:#f2d37a;background:#c9a84c1a;border-color:#c9a84c3d;box-shadow:inset 0 0 0 1px #c9a84c1f,0 0 18px #c9a84c1f}.theme-trigger[data-current-theme=dark] svg{filter:drop-shadow(0 0 8px #c9a84c3d)}#theme-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-menu{color:#17181b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:linear-gradient(#faf6effa,#e8e1d6fa);border:1px solid #ffffff47;border-radius:18px;width:196px;padding:8px;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px);box-shadow:0 24px 44px #00000038}.theme-switch.is-open .theme-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.theme-option{color:#17181b;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;transition:background .16s,color .16s;display:flex}.theme-option:hover{background:#17181b0d}.theme-option.is-active{color:#17181b;background:#c9a84c29}.theme-option-main{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;font-weight:800;display:inline-flex}.theme-option-label{line-height:1}.theme-option-main svg{stroke:currentColor;flex-shrink:0;width:18px;height:18px}.theme-option-meta{display:none}.theme-option-check{opacity:0;color:var(--gold);font-size:14px;font-weight:800}.theme-option.is-active .theme-option-check{opacity:1}.nav-links a.is-active{color:#fff}.btn{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:0 20px;font-size:12px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#101114;background:linear-gradient(#f6f2ea 0%,#d8d0c5 100%);box-shadow:0 12px 30px #0000001f}.btn-primary:hover{box-shadow:0 16px 34px #00000029}.btn-dark{color:var(--text);background:#ffffff0a;border-color:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff0f}.btn-ghost{color:var(--text);background:0 0;border-color:#ffffff24}.page-main{flex-direction:column;gap:28px;display:flex}.subhero{text-align:center;padding:76px 18px 22px;animation:.9s ease-out both rise;position:relative}.subhero-badge{color:#f1eee8b3;letter-spacing:.14em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:11px;font-weight:700;display:inline-flex}.subhero h1{width:min(760px,100%);font-family:var(--font-display);letter-spacing:-.035em;margin:18px auto 0;font-size:clamp(2.7rem,6vw,4.6rem);font-weight:700;line-height:.96}.subhero p{color:#f1eee8c7;width:min(680px,100%);margin:16px auto 0;font-size:15px;line-height:1.75}.subhero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px;display:flex}.subhero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(820px,100%);margin:28px auto 0;display:grid}.subhero-stat{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;padding:18px;box-shadow:inset 0 1px #ffffff0f}.subhero-stat strong{color:var(--gold);font-size:28px;display:block}.subhero-stat span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-size:12px;display:block}.section-block{padding:0 6px}.section-block-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-block-header--stacked{justify-content:flex-start;align-items:start;gap:18px;display:grid}.section-block-header--stacked .pill-group{justify-content:flex-start;width:100%}.section-kicker{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800;display:inline-block}.section-block-header h2{font-family:var(--font-display);letter-spacing:-.03em;margin:10px 0 0;font-size:clamp(2rem,4vw,3rem)}.section-block-header p{max-width:640px;color:var(--muted);margin:10px 0 0;line-height:1.7}.pill-group{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.pill-button{color:var(--text);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:800}.pill-button.is-active{color:var(--gold);background:#c9a84c1f;border-color:#c9a84c57}.info-banner,.cta-panel{background:linear-gradient(#2c2e33b8,#18191deb);border:1px solid #ffffff1a;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000003d,inset 0 1px #ffffff0f}.info-banner{padding:22px 24px}.cta-panel{padding:32px}.cta-panel:before,.info-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#c9a84c2e,#0000 28%);position:absolute;inset:0}.cta-panel h2,.info-banner h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;position:relative}.cta-panel p,.info-banner p{color:#f1eee8c2;line-height:1.7;position:relative}.cta-panel-actions{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex;position:relative}.stack-grid{gap:18px;display:grid}.stack-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;padding:22px;box-shadow:inset 0 1px #ffffff0d}.mini-card h3,.mini-card h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 12px}.mini-card p,.mini-card li{color:var(--muted);line-height:1.7}.feature-list{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.feature-list li{align-items:start;gap:12px;display:flex}.feature-list li svg{width:18px;height:18px;stroke:var(--gold);flex-shrink:0;margin-top:3px}.hero{text-align:center;padding:26px 18px 0;animation:.9s ease-out both rise;position:relative}.hero h1{width:min(660px,100%);font-family:var(--font-display);letter-spacing:-.03em;margin:12px auto 0;font-size:clamp(2.3rem,5.2vw,3.6rem);font-weight:700;line-height:.98}.hero h1 .accent{color:var(--gold);text-shadow:0 0 24px #c9a84c33}.hero p{color:#f1eee8d1;width:min(620px,100%);margin:12px auto 0;font-size:15px;line-height:1.7}.hero-actions{justify-content:center;align-items:center;gap:16px;margin-top:20px;animation:1.05s ease-out both rise;display:flex}.hero-actions .btn{min-width:176px}.spotlight{margin-top:10px;padding-top:48px;animation:1.2s ease-out both rise;position:relative}.spotlight:before{content:"";filter:blur(10px);z-index:0;background:radial-gradient(circle at 50% 58%,#ffffff29,#0000 48%),radial-gradient(circle at 50% 72%,#c9a84c1f,#0000 42%);border-radius:50%;width:min(640px,90vw);height:min(300px,40vw);position:absolute;top:28px;left:50%;transform:translate(-50%)}.rings{pointer-events:none;opacity:.72;width:min(650px,90vw);height:176px;position:absolute;top:0;left:50%;transform:translate(-50%)}.rings:before,.rings:after,.ring-mid{content:"";aspect-ratio:2.2;border:1px solid #ffffff1a;border-bottom:none;border-radius:999px 999px 0 0;width:78%;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #ffffff0d}.rings:after{opacity:.8;width:66%;bottom:28px}.ring-mid{opacity:.8;width:54%;bottom:48px}.icon-cloud{z-index:1;width:min(760px,100% - 28px);height:112px;margin:0 auto 4px;position:relative}.icon-tile{color:#17181b;backface-visibility:hidden;background:linear-gradient(#faf6f0f5,#e3dcd1eb);border:1px solid #ffffff2e;border-radius:14px;place-items:center;width:48px;height:48px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:grid;position:absolute;transform:translateZ(0);box-shadow:0 14px 28px #00000038,inset 0 1px #ffffff47}.icon-tile:hover{transform:translateZ(0)scale(1.08)translateY(-4px);box-shadow:0 20px 38px #00000042,inset 0 1px #ffffff47}.icon-tile svg{shape-rendering:geometricprecision;backface-visibility:hidden;width:24px;height:24px;overflow:visible}.icon-tile--react{color:#61dafb;background:linear-gradient(#0e2532,#123646)}.icon-tile--vite{background:linear-gradient(#171432,#2b2462)}.icon-tile--n8n{background:linear-gradient(#331714,#57221b)}.icon-tile--postgres{color:#8dcbff;background:linear-gradient(#122844,#1a3d67)}.icon-tile--tailwind{color:#7ee7ff;background:linear-gradient(#08343a,#0d5059)}.icon-tile--whatsapp{color:#fff;background:linear-gradient(#16db72,#0eb658);box-shadow:0 10px 24px #00000052,0 0 22px #1bde753d}.icon-tile--gemini{color:#93eaff;background:linear-gradient(#102737,#164157);box-shadow:0 10px 24px #0000003d,0 0 18px #30d2ff29}.icon-tile--meta{color:#0458d8;background:linear-gradient(#e5f0ff,#bdd7ff)}.icon-tile.s1{top:58px;left:2%}.icon-tile.s2{top:20px;left:16%}.icon-tile.s3{top:0;left:30%}.icon-tile.s4{top:42px;left:44%}.icon-tile.s5{top:0;right:32%}.icon-tile.s6{top:22px;right:18%}.icon-tile.s7{top:58px;right:7%}.icon-tile.s8{top:16px;right:-1%}.demo-card{z-index:2;background:var(--card-panel), linear-gradient(180deg, #ffffff05, #fff0);border:1px solid #ffffff1a;border-radius:20px;width:min(840px,100%);margin:0 auto;padding:18px 18px 16px;position:relative;box-shadow:0 18px 50px #0000003d,inset 0 0 0 1px #ffffff0f}.demo-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff2e,#c9a84c0a);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-title{text-align:center;font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700}.demo-title .accent{color:var(--gold)}.chat-shell{text-align:left;background:linear-gradient(#2f3137f2,#1a1c20fa);border:1px solid #ffffff24;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.chat-top{background:#ffffff0f;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;display:flex}.chat-bot{align-items:center;gap:12px;display:flex}.chat-bot .bot-icon{background:radial-gradient(circle at 30% 30%,#2bf5ff,#088db0 70%);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 18px #1ee7ff40}.chat-bot .bot-icon svg{stroke:#fff;width:18px;height:18px}.chat-bot strong{letter-spacing:.01em;font-size:13px;display:block}.chat-bot span{color:#c2cdddb3;font-size:11px;display:block}.chat-controls{color:#d6dee9bd;align-items:center;gap:10px;display:flex}.chat-controls svg{stroke:currentColor;width:16px;height:16px}.chat-body{background:radial-gradient(circle at 50% 0,#ffffff14,#0000 42%),linear-gradient(#12131614,#12131629);height:320px;padding:12px 12px 10px;overflow-y:auto}.message-row{align-items:flex-end;gap:10px;margin-bottom:8px;display:flex}.message-row.user{justify-content:flex-end}.avatar-mini{background:radial-gradient(circle at 30% 30%,#2bf5ff,#088db0 70%);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid;box-shadow:0 0 12px #1ee7ff33}.avatar-mini svg{stroke:#fff;width:11px;height:11px}.bubble{color:#f1f7fbf0;border-radius:14px;max-width:min(76%,600px);padding:10px 12px;font-size:12px;line-height:1.4;position:relative;box-shadow:0 10px 20px #0000002e}.bubble .time{color:#c5cfdb6b;vertical-align:middle;margin-left:8px;font-size:10px;display:inline-block}.bubble.bot{background:linear-gradient(#42454ceb,#31343af0);border:1px solid #ffffff14;border-top-left-radius:7px}.bubble.user{color:#17181b;background:linear-gradient(#f1ece3 0%,#d7d0c6 100%);border-top-right-radius:7px}.chat-input{color:#becadb94;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:10px 12px;font-size:12px;display:flex}.feature-strip{color:#dae3ecd6;letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:14px;font-size:11px;display:flex}.feature-item{align-items:center;gap:10px;display:inline-flex}.feature-item svg{width:15px;height:15px;stroke:var(--cyan);opacity:.95}.teaser-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:64px;padding-bottom:48px;animation:1.4s ease-out both rise;display:grid}.teaser-card{background:var(--card-panel-soft);text-align:left;border:1px solid #ffffff17;border-radius:24px;padding:32px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 12px 40px #0003,inset 0 1px #ffffff0f}.teaser-card:hover{border-color:#c9a84c4d;transform:translateY(-8px);box-shadow:0 20px 50px #0000004d}.teaser-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card-icon{width:48px;height:48px;color:var(--gold);background:#ffffff0a;border-radius:14px;place-items:center;margin-bottom:20px;display:grid}.card-icon svg{stroke:currentColor;width:24px;height:24px}.teaser-card h3{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;margin:0 0 12px;font-size:28px;font-weight:700}.teaser-card p{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.75}.teaser-card .btn{width:100%}.stack-signature{justify-items:center;gap:16px;margin:42px auto 8px;padding:0 12px;display:grid}.stack-signature-title{color:#f1eee89e;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700}.stack-signature-rail{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.stack-signature-item{color:var(--text);letter-spacing:.04em;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 12px 24px #00000029,inset 0 1px #ffffff14}.stack-signature-item svg{flex-shrink:0;width:18px;height:18px}body[data-theme=light]{--text:#17181b;--muted:#4e4a44;--silver:#8e8a84;background:radial-gradient(circle at 0 0,#c9a84c24,#0000 24%),radial-gradient(circle at 76% 14%,#ffffff70,#0000 18%),radial-gradient(circle at 50% 44%,#58cde81f,#0000 24%),linear-gradient(#faf8f4 0%,#ebe7df 38%,#d8d5ce 100%)}.demo-page-container,.customer-page-container{max-width:1200px;min-height:80vh;margin:0 auto;padding:120px 20px 60px}.customer-shell{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:stretch;gap:28px;display:grid}.customer-shell>*{height:100%}.customer-shell .customer-info,.customer-shell .auth-card{margin:0}.customer-shell .customer-info{flex-direction:column;justify-content:center;display:flex}.customer-shell .auth-card{flex-direction:column;justify-content:center;max-width:none;display:flex}.demo-layout{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}@media (width<=900px){.demo-layout{grid-template-columns:1fr;gap:40px}.customer-shell{grid-template-columns:1fr}}.demo-info h1,.customer-info h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.demo-info p{color:var(--muted);margin-bottom:32px;font-size:1.1rem;line-height:1.7}.demo-phone{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);background:#17181bd9;border-radius:32px;flex-direction:column;height:600px;display:flex;overflow:hidden;box-shadow:0 30px 60px -12px #00000080}.demo-phone-header{border-bottom:1px solid var(--line);background:#ffffff08;padding:16px 20px}.demo-phone-status{align-items:center;gap:12px;display:flex}.demo-avatar{background:var(--cyan-soft);width:40px;height:40px;color:var(--cyan);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.demo-contact-name{font-size:14px;font-weight:600}.demo-contact-status{color:var(--green);font-size:11px}.demo-messages{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.demo-msg{border-radius:18px;max-width:80%;padding:12px 16px;font-size:14px;line-height:1.4;animation:.4s ease-out rise}.demo-msg.user{background:var(--btn-primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.demo-msg.ai{border:1px solid var(--line);background:#ffffff0d;border-bottom-left-radius:4px;align-self:flex-start}.demo-input-bar{border-top:1px solid var(--line);background:#ffffff05;gap:12px;padding:12px 16px;display:flex}.demo-input-bar input{color:var(--text);background:0 0;border:none;outline:none;flex:1}.demo-dashboard-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);background:#17181bd9;border-radius:20px;padding:24px}.demo-metric-val{color:var(--cyan);font-size:2rem;font-weight:800}.demo-metric-label{text-transform:uppercase;color:var(--muted);letter-spacing:1px;font-size:11px}.demo-stage-track{gap:8px;margin-top:16px;display:flex}.demo-stage{text-align:center;border:1px solid var(--line);color:var(--muted);background:#ffffff05;border-radius:8px;flex:1;padding:10px;font-size:10px;font-weight:600;transition:all .3s}.demo-stage.active{background:var(--cyan-soft);border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 15px #12ffba33}.demo-stage.passed{border-color:var(--green);color:var(--green);background:#12ffba0d}.auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--line);text-align:center;background:#17181bd9;border-radius:24px;max-width:400px;margin:40px auto;padding:40px;box-shadow:0 40px 80px -20px #0009}.auth-card h2{margin-bottom:32px}.auth-card p{color:var(--muted);line-height:1.7}.form-group{text-align:left;margin-bottom:20px}.form-group label{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.form-input{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff08;border-radius:10px;padding:12px 16px;transition:border-color .3s}.form-input:focus{border-color:var(--cyan);outline:none}.auth-feedback{min-height:20px;color:var(--cyan);margin-top:14px;font-size:12px}body[data-theme=light] .nav{background:linear-gradient(#ffffffc7,#ffffff8f);border-color:#17181b14;box-shadow:0 10px 34px #00000014}body[data-theme=light] .nav-links a{color:#17181bc2}body[data-theme=light] .nav-links a:hover{color:#000}body[data-theme=light] .theme-trigger,body[data-theme=light] .btn-dark{color:#17181b;background:#ffffff61;border-color:#17181b24}body[data-theme=light] .theme-menu{color:#17181b;background:linear-gradient(#fffffffa,#f1ebe2fa);border-color:#17181b1a}body[data-theme=light] .demo-info h1,body[data-theme=light] .customer-info h1,body[data-theme=light] .demo-contact-name{color:#17181b}body[data-theme=light] .demo-phone,body[data-theme=light] .demo-dashboard-panel{color:#17181b;background:linear-gradient(#ffffffeb,#f1ece5e0);border-color:#17181b14;box-shadow:0 22px 52px #00000024}body[data-theme=light] .demo-phone-header,body[data-theme=light] .demo-input-bar{background:#ffffffc2;border-color:#17181b14}body[data-theme=light] .demo-messages{background:linear-gradient(#ffffff42,#f4efe82e)}body[data-theme=light] .demo-msg.ai{color:#17181b;background:#ffffffe0;border-color:#17181b14}body[data-theme=light] .demo-msg.user{color:#17181b;background:linear-gradient(#f0e6d2,#dccdae)}body[data-theme=light] .demo-input-bar input::placeholder{color:#17181b73}body[data-theme=light] .demo-stage{background:#17181b0a;border-color:#17181b14}body[data-theme=light] .demo-card{background:linear-gradient(#ffffffd1,#ede9e2b8);border-color:#17181b1a;box-shadow:0 18px 50px #0000001f}body[data-theme=light] .chat-shell{background:linear-gradient(#fff,#f7f3ee);border-color:#17181b1a}body[data-theme=light] .bubble.bot{color:#17181b;background:#f0f4f8;border-color:#17181b14}body[data-theme=light] .chat-top{background:#fdfdfd;border-bottom:1px solid #eee}body[data-theme=light] .chat-body{background:#fafafa}body[data-theme=light] .chat-bot strong{color:#17181b}body[data-theme=light] .chat-bot span{color:#666}body[data-theme=light] .chat-input{color:#888;background:#f5f5f5;border-color:#ddd}body[data-theme=light] .brands{color:#17181bb3}body[data-theme=light] .brands .dot{background:#17181b66}body[data-theme=light] .hero h1 .accent{text-shadow:0 0 24px #c9a84c66}body[data-theme=light] .teaser-card{background:linear-gradient(#ffffffe6,#f5f1ebcc);border-color:#17181b14;box-shadow:0 12px 40px #00000014}body[data-theme=light] .icon-tile{color:#17181b;background:linear-gradient(#fffffffa,#ece6dcf0);border-color:#17181b14;box-shadow:0 10px 24px #0000001f,inset 0 1px #ffffffd6}body[data-theme=light] .teaser-card h3{color:#17181b}body[data-theme=light] .teaser-card p{color:#666}body[data-theme=light] .card-icon{background:#17181b0a}body[data-theme=light] .pill-button{color:#17181b;background:#ffffffb8;border-color:#17181b1a}body[data-theme=light] .pill-button.is-active{color:#7a5c11;background:#c9a84c29;border-color:#c9a84c57}body[data-theme=light] .info-banner,body[data-theme=light] .cta-panel,body[data-theme=light] .mini-card{background:linear-gradient(#ffffffeb,#f3ede3db);border-color:#17181b14;box-shadow:0 14px 40px #00000014,inset 0 1px #ffffffd1}body[data-theme=light] .cta-panel p,body[data-theme=light] .info-banner p,body[data-theme=light] .mini-card p,body[data-theme=light] .mini-card li,body[data-theme=light] .auth-card p{color:#17181bad}body[data-theme=light] .subhero-badge,body[data-theme=light] .subhero-stat,body[data-theme=light] .auth-card{color:#17181b;background:#ffffffc2;border-color:#17181b14}body[data-theme=light] .subhero p{color:#17181bb3}body[data-theme=light] .subhero-stat span{color:#17181b8f}.icon-tile img,.icon-tile svg{transition:transform .3s,filter .3s}body[data-theme=light] .icon-tile--whatsapp svg{fill:#0eb658}body[data-theme=light] .icon-tile--meta svg{stroke:#0668e1}body[data-theme=light] .icon-tile--gemini svg path:first-child{fill:#1e88e5}body[data-theme=light] .icon-tile--react{color:#087ea4;background:linear-gradient(#edfaff,#d7f2fb)}body[data-theme=light] .icon-tile--vite{background:linear-gradient(#f2edff,#e0d5ff)}body[data-theme=light] .icon-tile--n8n{background:linear-gradient(#fff1eb,#ffdcd0)}body[data-theme=light] .icon-tile--postgres{color:#336791;background:linear-gradient(#edf5ff,#d9e9ff)}body[data-theme=light] .icon-tile--tailwind{color:#0ea5b7;background:linear-gradient(#ecfdff,#d6f6fb)}body[data-theme=light] .icon-tile--meta{color:#0668e1;background:linear-gradient(#eef5ff,#dce9ff)}body[data-theme=light] .icon-tile--gemini{color:#0d74b8;background:linear-gradient(#eefaff,#dff3fb)}body[data-theme=light] .icon-tile--whatsapp{color:#0eb658;background:linear-gradient(#eafff1,#d4f7df)}body[data-theme=light] .stack-signature-title{color:#17181b8a}body[data-theme=light] .stack-signature-item{color:#17181b;background:#ffffffd1;border-color:#17181b14;box-shadow:0 10px 24px #00000014,inset 0 1px #ffffffd6}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=940px){.section-block-header{flex-wrap:wrap;align-items:start}.nav{flex-wrap:wrap;justify-content:center}.teaser-grid{grid-template-columns:1fr;padding:0 12px}}.pricing-hero,.use-cases-hero,.blog-hero{text-align:center;padding:80px 18px 40px;animation:.9s ease-out both rise;position:relative}.pricing-hero h1,.use-cases-hero h1,.blog-hero h1{font-family:var(--font-display);letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.pricing-hero p,.use-cases-hero p,.blog-hero p{color:var(--muted);max-width:640px;margin:0 auto;font-size:15px;line-height:1.6}.pricing-grid,.use-cases-grid,.blog-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:30px;margin:60px auto 120px;animation:1.1s ease-out both rise;display:grid}.price-card,.case-card,.post-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;z-index:2;background:#17181bbf;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;padding:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.price-card:hover,.case-card:hover,.post-card:hover{border-color:var(--cyan);background:#1e1f23d9;transform:translateY(-8px);box-shadow:0 30px 60px #00000080}.price-card.featured{border-color:var(--gold);background:linear-gradient(#353228cc,#17181bd9);box-shadow:0 0 40px #c9a84c26}.price-amount{letter-spacing:-.04em;margin:24px 0;font-size:3.5rem;font-weight:800}.price-amount span{color:var(--muted);font-size:16px;font-weight:400}.price-features{margin:0 0 40px;padding:0;list-style:none}.price-features li{color:var(--muted);align-items:center;gap:14px;margin-bottom:18px;font-size:14px;display:flex}.price-features li svg{width:18px;height:18px;stroke:var(--gold);flex-shrink:0}.case-icon{margin-bottom:24px;font-size:3rem;display:block}.case-card h3{color:var(--gold);margin-bottom:16px;font-size:1.5rem}.price-card h3,.case-card h3,.post-card h3{font-family:var(--font-display)}.post-card{height:100%;padding:0;overflow:hidden}.post-image{aspect-ratio:16/9;background:#222;flex-shrink:0}.post-content{flex-direction:column;flex:1;gap:14px;padding:32px;display:flex}.post-meta{color:var(--cyan);font-size:12px;display:block}.post-card h3{margin:0;font-size:1.4rem}.post-content p{margin:0}.post-content .btn{align-self:flex-start;margin-top:auto}body[data-theme=light] .price-card,body[data-theme=light] .case-card,body[data-theme=light] .post-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#17181b;background:#ffffffe6;border-color:#00000014}body[data-theme=light] .price-features li{color:#17181bb3}body[data-theme=light] .case-card p,body[data-theme=light] .post-card p{color:#17181b99}body[data-theme=light] .post-content h3{color:#17181b}