:root{--c-bg: #07101f;--c-bg-2: #0b1628;--c-surface: #0f1d33;--c-surface-2: #15273f;--c-border: rgba(148, 184, 255, .12);--c-border-strong: rgba(148, 184, 255, .22);--c-text: #e8eefc;--c-text-muted: #9fb0cf;--c-text-dim: #6b7c9b;--c-primary: #3b82f6;--c-primary-2: #60a5fa;--c-accent: #06b6d4;--c-accent-2: #22d3ee;--c-success: #10b981;--grad-primary: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--grad-soft: linear-gradient(135deg, rgba(59,130,246,.15), rgba(6,182,212,.1));--grad-text: linear-gradient(135deg, #93c5fd 0%, #67e8f9 100%);--font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-display: "Manrope", "Inter", system-ui, sans-serif;--fs-xs: clamp(.78rem, .76rem + .1vw, .85rem);--fs-sm: clamp(.88rem, .85rem + .15vw, .95rem);--fs-base: clamp(1rem, .95rem + .2vw, 1.06rem);--fs-lg: clamp(1.12rem, 1.05rem + .3vw, 1.25rem);--fs-xl: clamp(1.35rem, 1.2rem + .6vw, 1.6rem);--fs-2xl: clamp(1.7rem, 1.4rem + 1vw, 2.2rem);--fs-3xl: clamp(2.1rem, 1.6rem + 2vw, 3.2rem);--fs-hero: clamp(2.4rem, 1.8rem + 3.2vw, 4.4rem);--container: 1200px;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 2px 8px rgba(2, 8, 23, .25);--shadow: 0 12px 30px -8px rgba(2, 8, 23, .55), 0 4px 10px rgba(2, 8, 23, .35);--shadow-glow: 0 20px 60px -12px rgba(59, 130, 246, .45);--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .18s;--t: .32s;--t-slow: .55s;--nav-h: 72px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.6;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;margin:0 0 .6em;letter-spacing:-.02em}p{margin:0 0 1em;color:var(--c-text-muted)}::selection{background:var(--c-primary);color:#fff}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px 500px at 12% -10%,rgba(59,130,246,.22),transparent 60%),radial-gradient(700px 500px at 95% 10%,rgba(6,182,212,.18),transparent 60%),radial-gradient(900px 600px at 50% 110%,rgba(99,102,241,.15),transparent 60%);z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,184,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(148,184,255,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);z-index:-1;pointer-events:none}.container{width:min(100% - 2.5rem,var(--container));margin-inline:auto}.section{padding:clamp(4rem,8vw,7rem) 0;position:relative}.section+.section{padding-top:clamp(3rem,6vw,5rem)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent-2);padding:.4rem .8rem;border:1px solid var(--c-border-strong);border-radius:999px;background:var(--grad-soft);margin-bottom:1.2rem}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c-accent-2);box-shadow:0 0 12px var(--c-accent-2)}.section-title{font-size:var(--fs-3xl);font-weight:800}.section-title .grad{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.section-lead{max-width:64ch;font-size:var(--fs-lg);color:var(--c-text-muted)}.section-head{margin-bottom:clamp(2rem,4vw,3.5rem)}.section-head.center{text-align:center}.section-head.center .section-lead{margin-inline:auto}.btn{--btn-bg: transparent;--btn-fg: var(--c-text);--btn-bd: var(--c-border-strong);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.9rem 1.5rem;border-radius:999px;font-weight:600;font-size:var(--fs-sm);letter-spacing:.01em;border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),background var(--t) var(--ease),border-color var(--t) var(--ease);white-space:nowrap;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px)}.btn:focus-visible{outline:2px solid var(--c-primary-2);outline-offset:3px}.btn-primary{--btn-bg: var(--grad-primary);--btn-bd: transparent;color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:0 28px 70px -10px #3b82f699}.btn-ghost{--btn-bg: rgba(255,255,255,.02);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{--btn-bg: rgba(255,255,255,.06);--btn-bd: var(--c-primary-2)}.btn .arrow{transition:transform var(--t) var(--ease)}.btn:hover .arrow{transform:translate(4px)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;display:flex;align-items:center;transition:background var(--t) var(--ease),border-color var(--t) var(--ease),backdrop-filter var(--t) var(--ease);border-bottom:1px solid transparent}.nav.is-scrolled{background:#07101fb8;-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom-color:var(--c-border)}.nav .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-display);font-weight:800;font-size:1.1rem;letter-spacing:-.01em}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--grad-primary);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:var(--shadow-glow)}.brand-name span{color:var(--c-accent-2)}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}.nav-links a{display:inline-block;padding:.55rem 1rem;border-radius:999px;font-size:var(--fs-sm);font-weight:500;color:var(--c-text-muted);transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.nav-links a:hover{color:var(--c-text);background:#ffffff0a}.nav-cta{display:inline-flex;gap:.5rem}.nav-toggle{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--c-border-strong);background:#ffffff08;align-items:center;justify-content:center}.nav-toggle span{display:block;width:18px;height:2px;background:var(--c-text);position:relative;transition:transform var(--t) var(--ease),opacity var(--t) var(--ease)}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--c-text);transition:transform var(--t) var(--ease)}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}.nav-toggle.is-open span{background:transparent}.nav-toggle.is-open span:before{transform:translateY(6px) rotate(45deg)}.nav-toggle.is-open span:after{transform:translateY(-6px) rotate(-45deg)}@media (max-width: 880px){.nav-toggle{display:inline-flex}.nav-cta .btn:not(.btn-primary){display:none}.nav-links{position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:1rem 1.25rem 1.5rem;background:#07101ff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--c-border);transform:translateY(-110%);transition:transform var(--t) var(--ease)}.nav-links.is-open{transform:translateY(0)}.nav-links a{padding:.9rem 1rem;border-radius:12px;font-size:var(--fs-base)}}.hero{position:relative;padding:calc(var(--nav-h) + clamp(3rem,8vw,6rem)) 0 clamp(4rem,8vw,6rem);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}@media (max-width: 960px){.hero-grid{grid-template-columns:1fr}}.hero h1{font-size:var(--fs-hero);font-weight:800;letter-spacing:-.03em;margin-bottom:1.2rem}.hero h1 .grad{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:var(--fs-lg);max-width:56ch;margin-bottom:2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2.5rem}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:500px;padding-top:1.5rem;border-top:1px solid var(--c-border)}.hero-stats div strong{display:block;font-family:var(--font-display);font-size:var(--fs-2xl);background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.hero-stats div span{font-size:var(--fs-xs);color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.12em}.hero-visual{position:relative;min-height:clamp(380px,46vw,560px);max-width:640px;margin-inline:auto;width:100%}.hero-visual .orb{position:absolute;inset:8% 8% auto auto;width:70%;aspect-ratio:1;background:var(--grad-primary);filter:blur(60px);opacity:.55;border-radius:50%;z-index:0;animation:float 8s ease-in-out infinite}.hero-visual .orb-2{inset:auto auto 6% 4%;width:50%;background:linear-gradient(135deg,#6366f1,#06b6d4);opacity:.45;animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.04)}}.code-card{position:relative;z-index:1;background:linear-gradient(180deg,#0f1d33d9,#0b1628f2);border:1px solid var(--c-border-strong);border-radius:var(--radius-lg);padding:1.4rem 1.6rem 1.8rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:clamp(.95rem,1.05vw,1.1rem);line-height:1.75;transform:perspective(1200px) rotateY(-6deg) rotateX(4deg);transition:transform var(--t-slow) var(--ease)}.code-card:hover{transform:perspective(1200px) rotateY(-2deg) rotateX(2deg)}.code-dots{display:flex;gap:.45rem;padding-bottom:1rem;border-bottom:1px solid var(--c-border);margin-bottom:1rem}.code-dots i{width:12px;height:12px;border-radius:50%;background:#ef4444}.code-dots i:nth-child(2){background:#f59e0b}.code-dots i:nth-child(3){background:#10b981}.code-line{display:block;white-space:pre;color:var(--c-text-muted)}.code-line .k{color:#c4b5fd}.code-line .s{color:#67e8f9}.code-line .f{color:#93c5fd}.code-line .c{color:#6b7c9b;font-style:italic}.hero-badges{position:absolute;display:flex;align-items:center;gap:.55rem;padding:.6rem .9rem;background:#0f1d33d9;border:1px solid var(--c-border-strong);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--fs-xs);font-weight:600;box-shadow:var(--shadow);z-index:2}.hero-badges .dot{width:8px;height:8px;border-radius:50%;background:var(--c-success);box-shadow:0 0 10px var(--c-success)}.hero-badges.b1{top:6%;left:6%;animation:float 7s ease-in-out infinite}.hero-badges.b2{bottom:10%;right:12%;animation:float 9s ease-in-out infinite -2s}@media (min-width: 1100px){.hero-badges.b1{top:4%;left:-3%}.hero-badges.b2{bottom:30%;right:2%}}.card{background:linear-gradient(180deg,#15273f8c,#0f1d338c);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:1.8rem;transition:transform var(--t) var(--ease),border-color var(--t) var(--ease),background var(--t) var(--ease);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 0%),rgba(59,130,246,.1),transparent 40%);opacity:0;transition:opacity var(--t) var(--ease);pointer-events:none}.card:hover{transform:translateY(-4px);border-color:var(--c-border-strong);background:linear-gradient(180deg,#1c314f99,#11213a99)}.card:hover:before{opacity:1}.card-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--c-border-strong);color:var(--c-accent-2);margin-bottom:1rem}.card-icon svg{width:26px;height:26px}.card h3{font-size:var(--fs-xl);font-weight:700;margin-bottom:.6rem}.card p{margin-bottom:1rem}.card ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.card ul li{font-size:var(--fs-sm);color:var(--c-text-muted);padding-left:1.4rem;position:relative}.card ul li:before{content:"";position:absolute;left:0;top:.55em;width:14px;height:2px;background:var(--grad-primary);border-radius:2px}.grid{display:grid;gap:1.25rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}@media (max-width: 960px){.grid-3,.grid-5{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-3,.grid-2,.grid-5{grid-template-columns:1fr}}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}@media (max-width: 880px){.about-grid{grid-template-columns:1fr}}.about-visual{position:relative;border-radius:var(--radius-lg);border:1px solid var(--c-border-strong);background:var(--grad-soft);padding:2rem;display:grid;gap:1rem}.kpi{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:#07101f8c;border:1px solid var(--c-border);border-radius:var(--radius)}.kpi .ic{width:44px;height:44px;border-radius:12px;background:var(--grad-primary);display:grid;place-items:center;color:#fff}.kpi strong{font-family:var(--font-display);font-size:1.05rem}.kpi span{display:block;color:var(--c-text-dim);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em}.diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 960px){.diff-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.diff-grid{grid-template-columns:1fr}}.diff{padding:1.4rem;border:1px solid var(--c-border);border-radius:var(--radius);background:#0f1d3366;transition:transform var(--t) var(--ease),border-color var(--t) var(--ease)}.diff:hover{transform:translateY(-3px);border-color:var(--c-primary)}.diff .ic{width:40px;height:40px;border-radius:10px;background:var(--grad-soft);border:1px solid var(--c-border-strong);display:grid;place-items:center;color:var(--c-accent-2);margin-bottom:.8rem}.diff h4{font-size:1rem;margin-bottom:.25rem}.diff p{font-size:var(--fs-sm);margin:0}.seg{padding:1.6rem;background:linear-gradient(180deg,#15273f80,#0f1d3380);border:1px solid var(--c-border);border-radius:var(--radius);transition:transform var(--t) var(--ease),border-color var(--t) var(--ease);text-align:center}.seg:hover{transform:translateY(-4px);border-color:var(--c-accent)}.seg .ic{margin:0 auto .8rem;width:56px;height:56px;border-radius:14px;background:var(--grad-primary);display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-glow)}.seg h4{font-size:1.05rem;margin-bottom:.35rem}.seg p{font-size:var(--fs-sm);margin:0}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;position:relative}.process:before{content:"";position:absolute;left:5%;right:5%;top:32px;height:2px;background:linear-gradient(90deg,transparent,var(--c-primary),var(--c-accent),transparent);opacity:.5;z-index:0}@media (max-width: 880px){.process{grid-template-columns:1fr}.process:before{display:none}}.step{position:relative;padding:1.4rem 1rem;text-align:center;background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--radius);z-index:1}.step .num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto .9rem;background:var(--grad-primary);color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.1rem;box-shadow:var(--shadow-glow)}.step h4{font-size:1rem;margin-bottom:.3rem}.step p{font-size:var(--fs-sm);margin:0}.cta-banner{position:relative;padding:clamp(2.5rem,6vw,4.5rem);border-radius:var(--radius-xl);border:1px solid var(--c-border-strong);background:radial-gradient(600px 300px at 80% 0%,rgba(6,182,212,.25),transparent 60%),radial-gradient(600px 300px at 0% 100%,rgba(59,130,246,.25),transparent 60%),linear-gradient(180deg,#0f1d33e6,#0b1628e6);text-align:center;overflow:hidden}.cta-banner h2{font-size:var(--fs-3xl)}.cta-banner p{max-width:60ch;margin:0 auto 2rem;font-size:var(--fs-lg)}.cta-actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,4vw,3rem);align-items:stretch}@media (max-width: 880px){.contact-grid{grid-template-columns:1fr}}.contact-info{display:grid;gap:1rem;align-content:start}.contact-info .item{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 1.2rem;border:1px solid var(--c-border);border-radius:var(--radius);background:#0f1d3380;transition:border-color var(--t) var(--ease),transform var(--t) var(--ease)}.contact-info .item:hover{border-color:var(--c-primary);transform:translateY(-2px)}.contact-info .ic{width:44px;height:44px;border-radius:12px;background:var(--grad-soft);border:1px solid var(--c-border-strong);display:grid;place-items:center;color:var(--c-accent-2);flex-shrink:0}.contact-info h4{margin:0 0 .15rem;font-size:1rem}.contact-info p,.contact-info a{margin:0;font-size:var(--fs-sm);color:var(--c-text-muted)}.contact-info a:hover{color:var(--c-accent-2)}.form{background:linear-gradient(180deg,#15273fa6,#0f1d33a6);border:1px solid var(--c-border-strong);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vw,2.2rem)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.field{display:grid;gap:.4rem;margin-bottom:1rem}.field label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-dim)}.field input,.field select,.field textarea{font:inherit;width:100%;padding:.85rem 1rem;background:#07101f99;border:1px solid var(--c-border-strong);border-radius:12px;color:var(--c-text);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.field textarea{resize:vertical;min-height:130px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--c-primary-2);box-shadow:0 0 0 4px #3b82f62e;background:#07101fd9}.field .err{color:#fca5a5;font-size:var(--fs-xs);min-height:1em}.form .submit-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.form .status{font-size:var(--fs-sm);color:var(--c-success)}.footer{margin-top:4rem;padding:4rem 0 2rem;border-top:1px solid var(--c-border);background:linear-gradient(180deg,transparent,rgba(7,16,31,.7))}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;margin-bottom:3rem}@media (max-width: 880px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.footer-grid{grid-template-columns:1fr}}.footer h5{font-family:var(--font-display);font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text);margin:0 0 1rem}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.footer ul a{font-size:var(--fs-sm);color:var(--c-text-muted);transition:color var(--t-fast) var(--ease)}.footer ul a:hover{color:var(--c-accent-2)}.footer-bottom{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-dim)}.social{display:flex;gap:.5rem}.social a{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--c-border);color:var(--c-text-muted);transition:all var(--t-fast) var(--ease)}.social a:hover{color:var(--c-accent-2);border-color:var(--c-primary);transform:translateY(-2px)}.wa-float{position:fixed;right:1.5rem;bottom:1.5rem;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;z-index:90;box-shadow:0 12px 30px #25d36666,0 0 #25d36666;transition:transform var(--t) var(--ease);animation:pulse 2.5s ease-in-out infinite}.wa-float:hover{transform:scale(1.08)}@keyframes pulse{0%{box-shadow:0 12px 30px #25d36666,0 0 #25d36680}70%{box-shadow:0 12px 30px #25d36666,0 0 0 18px #25d36600}to{box-shadow:0 12px 30px #25d36666,0 0 #25d36600}}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease);will-change:transform,opacity}[data-reveal].is-visible{opacity:1;transform:none}[data-reveal][data-delay="1"]{transition-delay:.08s}[data-reveal][data-delay="2"]{transition-delay:.16s}[data-reveal][data-delay="3"]{transition-delay:.24s}[data-reveal][data-delay="4"]{transition-delay:.32s}[data-reveal][data-delay="5"]{transition-delay:.4s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}
