:root{--bg:#f8fafc;--bg2:#ffffff;--card:#ffffff;--card2:#f1f5f9;--text:#111827;--muted:#6b7280;--line: rgba(0,0,0,.08);--accent:#7C83FF;--accent2:#FFD54F;--shadow: 0 20px 50px rgba(0,0,0,.08);--ring: rgba(124,131,255,.22);--heroA: rgba(124,131,255,.22);--heroB: rgba(255,213,79,.22)}:root[data-theme=dark]{--bg:#070a12;--bg2:#0b1020;--card:#0f172a;--card2:#0b1224;--text:#e5e7eb;--muted:#9ca3af;--line: rgba(255,255,255,.1);--shadow: 0 20px 60px rgba(0,0,0,.35);--ring: rgba(124,131,255,.28);--heroA: rgba(96,165,250,.16);--heroB: rgba(251,113,133,.14)}*{box-sizing:border-box}html,body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(900px 500px at 12% 10%,var(--heroA),transparent 60%),radial-gradient(900px 500px at 90% 20%,var(--heroB),transparent 60%),radial-gradient(900px 700px at 50% 90%,rgba(124,131,255,.08),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 65%,var(--bg) 100%);color:var(--text)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1100px,calc(100% - 2rem));margin-inline:auto}.app{min-height:100%;position:relative}.header{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.header:before{content:"";position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 0);background-size:18px 18px;-webkit-mask-image:radial-gradient(ellipse at 30% 20%,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at 30% 20%,black 0%,transparent 70%);pointer-events:none;opacity:.8}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0}.brand{display:flex;gap:.6rem;align-items:center;font-weight:700;letter-spacing:.2px}.brandText{font-size:1.05rem}.navLinks{display:flex;gap:1rem;align-items:center}.navLinks a{color:color-mix(in srgb,var(--text) 92%,transparent);font-size:.95rem;opacity:.9;padding:.35rem .5rem;border-radius:.7rem}.navLinks a:hover{text-decoration:none;opacity:1;background:color-mix(in srgb,var(--card) 90%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.82rem 1.05rem;border-radius:1rem;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 88%,transparent);box-shadow:0 10px 35px #00000040;cursor:pointer;font-weight:600}.btn:hover{text-decoration:none;background:#ffffff1f}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:transparent;box-shadow:none}.btn.ghost:hover{background:color-mix(in srgb,var(--card) 90%,transparent)}.btn.small{padding:.55rem .85rem;border-radius:.9rem}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;padding:3.4rem 0 3.8rem;align-items:center}.hero h1{font-size:clamp(2.1rem,3.2vw,3.1rem);line-height:1.05;margin:0 0 .8rem}.accent{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:color-mix(in srgb,var(--text) 88%,var(--muted));font-size:1.05rem;line-height:1.65;margin:0 0 1.2rem}.pillRow{display:flex;flex-wrap:wrap;gap:.55rem;margin:.2rem 0 1.35rem}.pill{border:1px solid var(--line);background:color-mix(in srgb,var(--card) 90%,transparent);padding:.35rem .65rem;border-radius:999px;font-size:.86rem;color:color-mix(in srgb,var(--text) 86%,transparent)}.ctaRow{display:flex;gap:.8rem;flex-wrap:wrap;margin:.3rem 0 1.15rem}.fine{color:color-mix(in srgb,var(--muted) 95%,transparent);font-size:.92rem;margin:0}.heroRight{display:flex;justify-content:flex-end}.cardGlow{width:min(420px,100%);padding:1px;border-radius:1.4rem;background:linear-gradient(135deg,#fb71858c,#60a5fa73);box-shadow:var(--shadow)}.gridCard{border-radius:1.4rem;background:#0a0e1ce0;border:1px solid var(--line);overflow:hidden}.gridTop{display:flex;gap:.4rem;padding:.9rem .95rem;border-bottom:1px solid rgba(255,255,255,.08)}.dot{width:.6rem;height:.6rem;border-radius:99px;background:#ffffff2e}.gridBody{padding:1.1rem .95rem 1.2rem;display:flex;flex-direction:column;gap:.7rem}.viz{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}.pie{width:100%;max-width:220px;margin:0 auto;overflow:visible}.pieBase{fill:none;stroke:#ffffff14;stroke-width:16}.pieSeg{fill:none;stroke-width:16;transform:rotate(-90deg);transform-origin:60px 60px;stroke-linecap:round}.pieSeg.segA{stroke:var(--accent);stroke-dasharray:110.6 276.5;stroke-dashoffset:0}.pieSeg.segB{stroke:color-mix(in srgb,var(--accent2) 92%,white 8%);stroke-dasharray:96.8 276.5;stroke-dashoffset:-110.6}.pieSeg.segC{stroke:#ffffff6b;stroke-dasharray:69.1 276.5;stroke-dashoffset:-207.4}.pieLabel{font-size:12px;font-weight:700;fill:#ffffffeb}.pieSub{font-size:10px;font-weight:600;letter-spacing:.2px;fill:#ffffffa6}.kpi{display:flex;flex-direction:column;gap:.65rem}.kpiItem{display:flex;justify-content:space-between;gap:.75rem;padding:.6rem .7rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.kpiNum{font-weight:800;color:#ffffffeb}.kpiLbl{color:#ffffffb3;font-weight:600}.codeLine{height:.7rem;border-radius:999px;background:#ffffff1a}.codeLine:after{content:"";display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,#fb71858c,#60a5fa73);opacity:.6}.w55{width:55%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.gridFooter{display:flex;gap:.5rem;flex-wrap:wrap;padding:.95rem;border-top:1px solid rgba(255,255,255,.08)}.tag{font-size:.8rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--line);color:color-mix(in srgb,var(--text) 85%,transparent);background:#ffffff0d}.section{padding:3.2rem 0;border-bottom:1px solid var(--line)}.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.sectionHead h2{margin:0;font-size:1.65rem;letter-spacing:.2px}.sub{margin:0;color:color-mix(in srgb,var(--muted) 92%,transparent);max-width:50ch;text-align:right}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{border-radius:1.2rem;background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);padding:1.1rem 1rem;box-shadow:0 14px 40px #0000002e}.card h3{margin:.1rem 0 .6rem}.card p{margin:.2rem 0 .9rem;color:color-mix(in srgb,var(--text) 86%,transparent);line-height:1.6}.card ul{margin:0;padding-left:1.1rem;color:color-mix(in srgb,var(--text) 84%,transparent)}.card li{margin:.35rem 0}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem}.panel{border-radius:1.2rem;background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);padding:1.1rem 1rem}.panel.subtle{background:color-mix(in srgb,var(--card) 86%,transparent)}.bullets{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.bullet{display:flex;gap:.9rem;align-items:flex-start;padding:.75rem .85rem;border-radius:1rem;border:1px solid var(--line);background:#00000024}.bulletNum{width:2.3rem;height:2.3rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 90%,transparent);color:color-mix(in srgb,var(--text) 86%,transparent)}.bullet strong{display:block;margin-top:.1rem}.bullet p{margin:.15rem 0 0;color:color-mix(in srgb,var(--text) 84%,transparent)}.checklist{margin:.4rem 0 1rem;padding-left:1.1rem;color:color-mix(in srgb,var(--text) 82%,transparent)}.checklist li{margin:.45rem 0}.note{border-radius:1rem;border:1px solid var(--line);background:#fb718514;padding:.85rem .9rem;color:color-mix(in srgb,var(--text) 85%,transparent);line-height:1.55}.about{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.about>:only-child{grid-column:1 / -1}.aboutCard{border-radius:1.2rem;background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);padding:1.1rem 1rem}.muted{color:color-mix(in srgb,var(--muted) 92%,transparent)}.small{font-size:.9rem}.contactWrap{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;align-items:start}.contactWrap>:only-child{grid-column:1 / -1}.contactCard{border-radius:1.2rem;background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);padding:1rem}.form label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.form span{font-size:.92rem;color:color-mix(in srgb,var(--text) 86%,transparent)}input,textarea{border-radius:1rem;border:1px solid var(--line);background:#0000002e;padding:.78rem .85rem;color:var(--text);font-size:1rem;outline:none}input:focus,textarea:focus{border-color:#60a5fa8c;box-shadow:0 0 0 4px #60a5fa26}.row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.grow{grid-column:1 / span 2}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.5rem}.alert,.success{margin-top:.9rem;border-radius:1rem;padding:.75rem .85rem;border:1px solid var(--line)}.contactSide{border-radius:1.2rem;background:color-mix(in srgb,var(--card) 86%,transparent);border:1px solid var(--line);padding:1.1rem 1rem}.mailLink{display:inline-flex;padding:.55rem .7rem;border-radius:1rem;border:1px solid var(--line);background:#ffffff0d;text-decoration:none}.mailLink:hover{background:color-mix(in srgb,var(--card) 88%,transparent);text-decoration:none}.mini{display:grid;gap:.75rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.miniItem{display:flex;justify-content:space-between;gap:1rem}.miniTitle{font-weight:600}.footer{padding:1.8rem 0}.footerInner{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.footerBrand{display:flex;align-items:center;gap:.55rem;font-weight:700}.footerDot{width:.7rem;height:.7rem;border-radius:99px;background:linear-gradient(135deg,var(--accent),var(--accent2))}.footerRight{display:flex;align-items:center;gap:.6rem;color:color-mix(in srgb,var(--text) 84%,transparent)}.sep{opacity:.45}.sparkMark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 90%,transparent);color:color-mix(in srgb,var(--text) 92%,transparent)}@media (max-width: 920px){.hero{grid-template-columns:1fr;padding:2.6rem 0 3rem}.heroRight{justify-content:flex-start}.viz{grid-template-columns:1fr}.pie{max-width:260px}.cards,.split,.about,.contactWrap{grid-template-columns:1fr}.sectionHead{align-items:flex-start;flex-direction:column}.sub{text-align:left}.row{grid-template-columns:1fr}.grow{grid-column:auto}.footerInner{flex-direction:column}}@media (max-width: 520px){.navLinks,.desktopOnly{display:none}.mobileOnly{display:inline-flex}}.brandLogo{width:34px;height:34px;transition:transform .22s ease,filter .22s ease;will-change:transform}.brand:hover .brandLogo{transform:rotate(-6deg) scale(1.03);filter:drop-shadow(0 10px 18px rgba(0,0,0,.12))}.navRight{display:flex;align-items:center;gap:.6rem}.iconBtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 88%,transparent);color:color-mix(in srgb,var(--text) 92%,transparent);cursor:pointer;transition:transform .15s ease,background .15s ease}.iconBtn:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--card) 94%,transparent)}.iconBtn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.desktopOnly{display:inline-flex}.mobileOnly{display:none}.mobileMenuWrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.mobileBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#00000040}:root[data-theme=dark] .mobileBackdrop{background:#0000008c}.mobileMenu{position:relative;margin-top:.75rem;border-radius:1.2rem;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 96%,transparent);box-shadow:var(--shadow);padding:1rem}.mobileMenuTop{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line);margin-bottom:.75rem}.mobileBrand{display:flex;align-items:center;gap:.6rem;font-weight:800}.mobileLinks{display:flex;flex-direction:column;gap:.35rem}.mobileLinks a{padding:.75rem;border-radius:1rem;border:1px solid transparent}.mobileLinks a:hover{text-decoration:none;background:color-mix(in srgb,var(--card2) 90%,transparent);border-color:var(--line)}.btn{background:color-mix(in srgb,var(--card2) 78%,transparent);border-color:color-mix(in srgb,var(--text) 12%,transparent)}.btn:hover{background:color-mix(in srgb,var(--card2) 86%,transparent)}.btn.ghost{background:transparent;border-color:color-mix(in srgb,var(--text) 12%,transparent)}.cardGlow{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 80%,transparent),color-mix(in srgb,var(--accent2) 70%,transparent))}.codeLine:after{background:linear-gradient(90deg,color-mix(in srgb,var(--accent2) 75%,transparent),color-mix(in srgb,var(--accent) 70%,transparent))}.note{background:color-mix(in srgb,var(--accent2) 18%,transparent)}.alert{background:#ef44441a}.success{background:#22c55e1a}input:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 0 4px var(--ring)}.header{position:relative}.header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(./bg-iot.svg),url(./bg-data.svg);background-repeat:no-repeat,no-repeat;background-position:80% 18%,10% 70%;background-size:min(1200px,120%),min(1200px,120%);opacity:.55;pointer-events:none;mix-blend-mode:multiply}:root[data-theme=dark] .header:after{opacity:.28;mix-blend-mode:screen}.section{position:relative}.section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--text) 10%,transparent) 1px,transparent 0);background-size:22px 22px;opacity:.18;pointer-events:none}:root[data-theme=dark] .section:before{opacity:.14}