:root{--bg:#07080b;--bg-2:#0c0e14;--surface:#11141c;--line:#ffffff14;--text:#eef0f5;--muted:#8d93a5;--accent:#7c5cff;--accent-2:#22d3ee;--ios:#0a84ff;--web:#ff7a45;--iot:#3ddc97;--radius:20px;--font:"Inter", system-ui, -apple-system, sans-serif;--display:"Space Grotesk", "Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--bg);color:var(--text);font:400 17px/1.6 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;line-height:1.05}h2{max-width:16ch;font-size:clamp(2.2rem,5vw,4rem)}h3{font-size:1.4rem}p{margin:0}.container{width:min(1180px,100% - 32px);margin-inline:auto}.section{position:relative}.kicker{font:600 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin-bottom:20px;display:inline-flex}.kicker>span:first-child{color:var(--k,var(--accent))}.lead{color:var(--muted);max-width:52ch;margin-top:20px;font-size:1.12rem}.lead strong{color:var(--text);font-weight:600}.btn{height:50px;font:600 15px/1 var(--font);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--text);color:var(--bg)}.btn-ghost{border-color:var(--line);color:var(--text);background:#ffffff08}.btn-ghost:hover{border-color:#ffffff40}.link{color:var(--text);border-bottom:1px solid var(--line);font-weight:600;text-decoration:none}.link:hover{border-color:currentColor}.nav{z-index:50;border-bottom:1px solid #0000;align-items:center;gap:24px;padding:16px max(16px,50% - 590px);transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;display:flex;position:fixed;inset:0 0 auto}.nav.is-scrolled{-webkit-backdrop-filter:blur(14px)saturate(1.4);border-color:var(--line);background:#07080bb3}.nav-logo{font:700 22px/1 var(--display);letter-spacing:-.04em;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{gap:26px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.lang{border:1px solid var(--line);cursor:pointer;font:600 12px/1 var(--mono);background:#ffffff0a;border-radius:999px;padding:3px;display:flex}.lang span{color:var(--muted);border-radius:999px;padding:6px 9px;transition:all .2s}.lang span.is-on{background:var(--text);color:var(--bg)}@media (width<=600px){.nav,.nav-links{gap:14px}.nav-links a{font-size:14px}}@media (width<=420px){.nav-links a[href=\#contact]{display:none}}.hero{place-items:center;min-height:100svh;padding:120px 16px 80px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(10px);background:radial-gradient(40% 35% at 25% 30%,#7c5cff38,#0000 70%),radial-gradient(35% 30% at 78% 65%,#22d3ee24,#0000 70%),radial-gradient(30% 30% at 60% 15%,#ff7a451a,#0000 70%);animation:18s ease-in-out infinite alternate drift;position:absolute;inset:-20%}@keyframes drift{to{transform:translate(3%,-4%)rotate(8deg)}}.hero-bg{width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(transparent, var(--bg));pointer-events:none;height:30%;position:absolute;inset:auto 0 0}.hero-inner{z-index:1;text-align:center;max-width:900px;position:relative}.eyebrow{font:500 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero-title{letter-spacing:-.05em;margin:22px 0 26px;font-size:clamp(3.6rem,13vw,9.5rem);line-height:.9}.grad{background:linear-gradient(100deg,#a58bff 0%,#22d3ee 45%,#3ddc97 70%,#ff7a45 100%) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite sheen}@keyframes sheen{to{background-position:-200% 0}}.hero-role{font:500 clamp(1.3rem, 3vw, 1.9rem)/1.2 var(--display);color:var(--muted)}.role-word{color:var(--text);display:inline-block}.role-word.is-in{animation:.5s cubic-bezier(.2,.8,.2,1) roleIn}@keyframes roleIn{0%{opacity:0;filter:blur(6px);transform:translateY(.4em)}}.hero-lede{color:var(--muted);max-width:46ch;margin:22px auto 0;font-size:1.08rem}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.hero-chips{pointer-events:none;position:absolute;inset:0}.chip{font:500 13px/1 var(--mono);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11141cb3;border-radius:999px;padding:10px 16px;animation:6s ease-in-out infinite float;position:absolute}.chip:before{content:"";background:var(--c);width:7px;height:7px;box-shadow:0 0 10px var(--c);border-radius:50%;margin-right:8px;display:inline-block}.chip-ios{--c:var(--ios);top:22%;left:8%}.chip-web{--c:var(--web);animation-delay:-2s;top:30%;right:7%}.chip-iot{--c:var(--iot);animation-delay:-4s;bottom:18%;left:14%}@keyframes float{50%{transform:translateY(-14px)}}@media (width<=800px){.hero-chips{display:none}}.scroll-hint{z-index:1;border:2px solid #ffffff40;border-radius:14px;width:26px;height:42px;position:absolute;bottom:28px;left:50%;translate:-50%}.scroll-hint span{background:var(--text);border-radius:2px;width:4px;height:8px;margin-left:-2px;animation:1.8s infinite wheel;position:absolute;top:8px;left:50%}@keyframes wheel{to{opacity:0;transform:translateY(14px)}}.project-tag{font:600 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tag,var(--web))}.section-contact{border-top:1px solid var(--line);background:radial-gradient(60% 50% at 80% 0,#7c5cff1f,#0000);padding:140px 0}.section-contact .kicker{--k:var(--accent)}.contact{grid-template-columns:1.1fr 1fr;align-items:start;gap:60px;display:grid}.contact-links{gap:14px;margin:36px 0 0;padding:0;list-style:none;display:grid}.contact-links a,.contact-links span{color:var(--text);font-size:1.05rem;text-decoration:none}.contact-links a:hover{color:var(--accent-2)}.contact-form{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);gap:16px;padding:28px;display:grid}.contact-form label{color:var(--muted);gap:8px;font-size:14px;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:12px;padding:14px 16px;font-size:16px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.contact-form .hp{position:absolute;left:-9999px}.form-status{min-height:1.4em;font-size:14px}.form-status[data-state=ok]{color:var(--iot)}.form-status[data-state=err]{color:#ff6b6b}@media (width<=860px){.contact{grid-template-columns:1fr;gap:40px}.section-contact{padding:100px 0}}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px max(16px,50% - 590px);font-size:14px;display:flex}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.section-ios{--k:var(--ios)}.section-ios .kicker>span:first-child{color:var(--ios)}.ios-pin{grid-template-columns:1fr auto;align-items:center;gap:60px;width:min(1180px,100% - 32px);min-height:100vh;margin-inline:auto;padding:96px 0 40px;display:grid}.company-list{gap:12px;max-width:420px;margin:32px 0 0;padding:0;list-style:none;display:grid}.company-list li{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:14px 18px;display:flex}.company-list em{color:var(--muted);margin-left:auto;font-size:14px;font-style:normal}.dot{background:var(--muted);border-radius:50%;width:9px;height:9px}.dot-live{background:#30d158;animation:2s infinite pulse;box-shadow:0 0 0 4px #30d15833}@keyframes pulse{50%{box-shadow:0 0 0 8px #30d15800}}.try{font:500 14px/1.4 var(--mono);color:var(--ios);margin-top:28px}.ios-stage{perspective:1800px;padding:20px 40px}.iphone{--w:300px;width:var(--w);height:calc(var(--w) * 2.05);transform-style:preserve-3d;will-change:transform;position:relative}.iphone:after{content:"";filter:blur(12px);background:radial-gradient(50% 50%,#0a84ff59,#0000 70%);height:60px;position:absolute;bottom:-60px;left:10%;right:10%;transform:translateZ(-40px)}.iphone-edge,.iphone-edge i{border-radius:54px;position:absolute;inset:0}.iphone-edge{transform-style:preserve-3d}.iphone-edge i{background:linear-gradient(90deg,#5d5b58,#a19e98 30%,#6a6864 70%,#9b9892)}.iphone-edge i:first-child{transform:translateZ(-1.5px)}.iphone-edge i:nth-child(2){transform:translateZ(-3px)}.iphone-edge i:nth-child(3){transform:translateZ(-4.5px)}.iphone-edge i:nth-child(4){transform:translateZ(-6px)}.iphone-edge i:nth-child(5){transform:translateZ(-7.5px)}.iphone-edge i:nth-child(6){transform:translateZ(-9px)}.iphone-edge i:nth-child(7){transform:translateZ(-10.5px)}.iphone-edge i:nth-child(8){background:#2b2a29;transform:translateZ(-12px)}.btn-side{background:#8a8782;border-radius:2px;width:4px;position:absolute;transform:translateZ(-6px)}.btn-action{height:5%;top:17%;left:-3px}.btn-vol-up{height:9%;top:25%;left:-3px}.btn-vol-down{height:9%;top:36%;left:-3px}.btn-power{height:14%;top:29%;right:-3px}.iphone-frame{background:#050505;border-radius:54px;padding:10px;position:absolute;inset:0;transform:translateZ(.5px);box-shadow:inset 0 0 0 2px #2c2c2e,0 0 0 2px #8f8c86,0 0 0 3.5px #4b4946,0 40px 80px -20px #000c}.screen{color:#fff;width:100%;height:100%;font-family:-apple-system, "SF Pro Text", var(--font);isolation:isolate;background:#000;border-radius:44px;font-size:14px;line-height:1.35;position:relative;overflow:hidden}.status-bar{z-index:3;background:linear-gradient(#000 55%,#0000);justify-content:space-between;align-items:center;height:50px;padding:0 26px 0 30px;font-size:15px;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.sb-icons{fill:currentColor;align-items:center;gap:5px;display:flex}.island{background:#000;border-radius:20px;width:96px;height:29px;margin-left:-48px;position:absolute;top:11px;left:50%;box-shadow:0 0 0 1px #111}.app{overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:58px 16px 100px;position:absolute;inset:0;overflow:hidden auto}.app::-webkit-scrollbar{display:none}.rail::-webkit-scrollbar{display:none}.app-head{align-items:center;gap:12px;margin:8px 0 16px;display:flex}.app-avatar{object-fit:cover;object-position:top;border:2px solid #2c2c2e;border-radius:50%;width:52px;height:52px}.app-sub{color:#8e8e93;font-size:13px}.app-title{font:700 30px/1 -apple-system, var(--display);letter-spacing:-.02em}.app-card{background:#1c1c1e;border-radius:22px;padding:18px}.app-hero-card{background:linear-gradient(145deg,#0a84ff,#5e5ce6 60%,#bf5af2)}.app-card-kicker{opacity:.8;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.app-card-big{margin:6px 0 14px;font-size:20px;font-weight:700;line-height:1.2}.app-pills{flex-wrap:wrap;gap:6px;display:flex}.app-pills span{background:#fff3;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.app-section{margin-top:24px}.app-section h4{justify-content:space-between;align-items:baseline;margin:0 0 10px;font-size:19px;font-weight:700;display:flex}.app-section h4 span{color:#0a84ff;font-size:12px;font-weight:500}.rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;gap:10px;margin:0 -16px;padding:2px 16px 6px;scroll-padding:0 16px;display:flex;overflow-x:auto}.rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.rail-card{scroll-snap-align:start;color:#fff;background:linear-gradient(160deg, color-mix(in srgb, var(--c) 70%, #1c1c1e), #1c1c1e 85%);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:20px;flex-direction:column;flex:0 0 118px;justify-content:flex-end;gap:4px;height:128px;padding:14px;text-decoration:none;display:flex}.rail-card b{font-size:16px}.rail-card small{color:#ffffffb3;font-size:11px;line-height:1.25}.rail-link{flex-basis:150px}.exp-card{background:#1c1c1e;border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex}.exp-card small{color:#8e8e93;font-size:12px;display:block}.exp-logo{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid}.exp-ad{color:#ffc72c;background:#da291c}.exp-nx{color:#fff;background:#fe5000}.badge{color:#aeaeb2;background:#2c2c2e;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:600}.badge-live{color:#30d158;background:#30d1582e}.exp-desc{color:#aeaeb2;margin:8px 4px 14px;font-size:13px}.app-end{gap:8px;margin-top:24px;display:grid}.app-btn{text-align:center;color:#fff;background:#0a84ff;border-radius:14px;padding:13px;font-weight:600;text-decoration:none;display:block}.app-btn-alt{background:#2c2c2e}.tab-bar{z-index:3;-webkit-backdrop-filter:blur(20px)saturate(1.8);background:#161618c7;border-top:.5px solid #ffffff1a;grid-template-columns:repeat(4,1fr);height:78px;padding:8px 10px 22px;display:grid;position:absolute;inset:auto 0 0}.tab-bar button{color:#8e8e93;font:500 10px/1 -apple-system, var(--font);cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;padding:0;display:grid}.tab-bar svg{fill:currentColor;width:22px;height:22px}.tab-bar button.is-active{color:#0a84ff}.home-indicator{z-index:4;background:#fff;border-radius:3px;width:120px;height:5px;margin-left:-60px;position:absolute;bottom:7px;left:50%}@media (width<=899px){.ios-pin{grid-template-columns:1fr;gap:30px;min-height:0;padding:110px 0 60px}.ios-stage{place-items:center;padding:10px 0 40px;display:grid}}@media (width<=360px){.iphone{--w:270px}}.section-web{--k:var(--web)}.section-web .kicker>span:first-child{color:var(--web)}.web-pin{place-items:center;height:100vh;display:grid;position:relative;overflow:hidden}.web-copy{text-align:center;z-index:2;pointer-events:none;justify-items:center;display:grid;position:absolute;top:96px;left:16px;right:16px}.web-copy h2{max-width:20ch;font-size:clamp(2rem,4vw,3.2rem)}.web-copy .lead{margin-top:12px;font-size:1rem}.laptop-stage{--lw:min(94vw, 131vh);perspective:calc(var(--lw) * 3.33);perspective-origin:50% 20%}.laptop{width:var(--lw);aspect-ratio:1.56;transform-style:preserve-3d;transform-origin:50%;position:relative}.lid{transform-origin:50% 100%;transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(6deg)}.lid-front,.lid-back{backface-visibility:hidden;border-radius:3% 3% 1% 1%/4.5% 4.5% 1.5% 1.5%;position:absolute;inset:0}.lid-front{background:#0c0c0e;padding:1.9% 1.9% 3.2%;box-shadow:inset 0 0 0 1.5px #3a3a3e,0 0 0 1.5px #1a1a1c}.laptop,.lid,.lid-back,.base{pointer-events:none}.lid-front{pointer-events:auto}.lid-back{background:linear-gradient(160deg,#c9ccd3,#9ea3ad 45%,#b9bdc5);place-items:center;display:grid;transform:rotateX(180deg);box-shadow:inset 0 0 0 1px #fff6}.lid-back span{font:700 calc(var(--lw) * .07)/1 var(--display);color:#ffffff8c;letter-spacing:-.05em;text-shadow:0 1px #0000001a}.lid-screen{background:radial-gradient(120% 90% at 20% 0,#1b1d26,#050507 60%);border-radius:1.4%/2.2%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.lid-notch{z-index:5;background:#0c0c0e;border-radius:0 0 8px 8px;width:13%;height:3.4%;position:absolute;top:0;left:50%;translate:-50%}.base{transform-origin:50% 0;background:linear-gradient(#a7acb6,#c7cbd2 20%,#b3b8c1);border-radius:1% 1% 5% 5%/1.5% 1.5% 7% 7%;width:108%;height:96%;position:absolute;top:100%;left:-4%;transform:rotateX(90deg)translateZ(-4px);box-shadow:inset 0 -3px #8d929c,0 30px 60px #0009}.keyboard{background:repeating-linear-gradient(90deg,#0000 0 calc(7.14286% - 3px),#b9bec6 calc(7.14286% - 3px) 7.14286%),repeating-linear-gradient(#0000 0 calc(16.6667% - 3px),#b9bec6 calc(16.6667% - 3px) 16.6667%),#16171b;border-radius:1.5%;height:48%;position:absolute;top:7%;left:11%;right:11%}.trackpad{background:#b5bac3;border-radius:3%/5%;position:absolute;inset:61% 32% 7%;box-shadow:inset 0 0 0 1px #0000001f}.browser{color:#111;font:400 clamp(8px, 1.45cqw, 24px)/1.4 var(--font);opacity:0;filter:brightness(2)blur(4px);background:#f4f5f7;flex-direction:column;transition:opacity .6s,filter .8s;display:flex;position:absolute;inset:0}.browser.is-on{opacity:1;filter:none}.browser-bar{background:#dfe1e6;align-items:end;gap:1.2em;padding:.7em 1em 0;display:flex}.lights{gap:.5em;padding-bottom:.9em;display:flex}.lights i{background:#ff5f57;border-radius:50%;width:.9em;height:.9em}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.tabs{gap:.3em;display:flex}.tab{font:500 .95em/1 var(--font);color:#555;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:.7em .7em 0 0;padding:.75em 1.3em}.tab.is-active{color:#111;background:#f4f5f7}.tab:not(.is-active):hover{background:#ffffff73}.url{color:#444;background:#e6e8ec;border-radius:999px;gap:.5em;margin:.5em 1em;padding:.45em 1em;font-size:.9em;display:flex}.site{overscroll-behavior:contain;scrollbar-width:thin;flex:1;display:none;overflow-y:auto}.site.is-active{display:block}.site-pb{color:#f1eefc;background:#0d0b14}.pb-announce{text-align:center;letter-spacing:.02em;color:#0d0b14;background:linear-gradient(90deg,#4ade80,#22d3ee,#c084fc);padding:.5em;font-size:.78em;font-weight:600}.pb-head{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0b14eb;align-items:center;gap:1.6em;padding:.8em 2em;display:flex;position:sticky;top:0}.pb-logo{flex:none;line-height:.85;display:grid}.pb-l1{font:900 1.6em/.9 var(--display);color:#4ade80;letter-spacing:.02em;text-shadow:0 .08em #166534,0 .14em #0b3d20}.pb-l2{font:italic 800 1.3em/1 var(--display);color:#fff;transform:rotate(-6deg)translate(.6em)}.pb-search{color:#8a83a8;background:#1a1726;border:1px solid #2a2540;border-radius:999px;flex:1;align-items:center;gap:.6em;padding:.55em 1em;font-size:.9em;display:flex}.pb-icons{color:#b9b3d3;align-items:center;gap:1.2em;font-size:1.1em;display:flex}.pb-cart{color:#fff;font-size:.9em;font-weight:600}.pb-count{color:#0d0b14;background:#4ade80;border-radius:999px;place-items:center;min-width:1.6em;height:1.6em;font-size:.85em;display:inline-grid}.pb-count.bump{animation:.4s bump}@keyframes bump{40%{transform:scale(1.5)}}.pb-nav{border-bottom:1px solid #ffffff0f;gap:.4em;padding:0 2em .8em;font-size:.9em;display:flex}.pb-nav span{color:#b9b3d3;border-radius:999px;padding:.4em .9em}.pb-nav .is-on{color:#0d0b14;background:#fff;font-weight:600}.pb-nav .pb-hot{color:#fb7185;margin-left:auto;font-weight:600}.pb-hero{background:radial-gradient(60% 90% at 90%,#c084fc59,#0000 70%),linear-gradient(120deg,#2a1459,#1e3a8a 60%,#0f766e);border-radius:1.4em;grid-template-columns:1.3fr 1fr;align-items:center;gap:1em;margin:1.4em 2em;padding:2.4em 2.6em;display:grid;position:relative;overflow:hidden}.pb-hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 1px 1px,#ffffff1f 1px,#0000 0) 0 0/1.4em 1.4em;position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,#000,#0000 60%);mask:linear-gradient(90deg,#000,#0000 60%)}.pb-tag{color:#4ade80;text-transform:uppercase;letter-spacing:.1em;background:#4ade8026;border-radius:999px;padding:.3em .8em;font-size:.72em;font-weight:700;display:inline-block}.pb-h{font:700 2.4em/1.02 var(--display);letter-spacing:-.02em;margin:.4em 0 .3em}.pb-sub{color:#c7c2e0;margin-bottom:1.2em}.pb-ctas{gap:.6em;display:flex}.pb-btn{color:#0d0b14;background:#4ade80;border-radius:999px;padding:.75em 1.4em;font-weight:700;display:inline-block}.pb-btn-ghost{color:#fff;background:#ffffff1a;border:1px solid #ffffff40}.pb-hero-art{height:12em;position:relative}.pb-planet{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#ff4f7b,#6d28d9 45%,#1e1b4b 78%);border-radius:50%;width:10em;position:absolute;top:4%;right:8%;box-shadow:0 0 4em #7c5cff99,inset -1em -1em 2em #00000073}.pb-ring{border:.35em solid #facc15bf;border-bottom-color:#0000;border-radius:50%;width:17em;height:3.4em;position:absolute;top:38%;right:-4%;transform:rotate(-14deg)}.mug-hero{filter:drop-shadow(0 1em 1.4em #00000080);width:7em;bottom:-6%;left:4%;transform:rotate(-8deg);background:0 0!important;height:7em!important;position:absolute!important}.pb-sticker{aspect-ratio:1;color:#fff;background:#fb7185;border-radius:50%;place-items:center;width:3.6em;font-weight:800;display:grid;position:absolute;top:6%;left:36%;transform:rotate(12deg);box-shadow:0 .4em 1em #00000059}.pb-star{color:#fde68a;font-size:1.1em;animation:2.4s ease-in-out infinite twinkle;position:absolute}.pb-star.s1{top:18%;left:20%}.pb-star.s2{animation-delay:-.8s;bottom:10%;right:4%}.pb-star.s3{font-size:.8em;animation-delay:-1.6s;bottom:4%;left:58%}@keyframes twinkle{50%{opacity:.2;transform:scale(.6)}}.pb-cats{grid-template-columns:repeat(6,1fr);gap:.8em;padding:0 2em;display:grid}.pb-cats>span{background:#16131f;border:1px solid #231f33;border-radius:1em;justify-items:center;gap:.4em;padding:.9em .4em;font-size:.85em;font-weight:500;display:grid}.pb-cats i{background:#221d33;border-radius:50%;place-items:center;width:1.9em;height:1.9em;font-size:1.6em;font-style:normal;display:grid}.pb-row-head{justify-content:space-between;align-items:baseline;margin:1.8em 2em .8em;display:flex}.pb-row-head>span{color:#4ade80;font-size:.85em;font-weight:600}.pb-title{font:700 1.3em/1 var(--display)}.pb-grid{grid-template-columns:repeat(4,1fr);gap:1em;padding:0 2em;display:grid}.pb-item{background:#16131f;border:1px solid #231f33;border-radius:1em;gap:.35em;padding:.8em;display:grid;position:relative}.pb-img{background:radial-gradient(circle at 50% 110%, color-mix(in srgb, var(--m) 30%, transparent), transparent 60%), #211c30;border-radius:.7em;place-items:center;height:8em;margin-bottom:.3em;display:grid}.pb-item p{font-size:.92em;font-weight:600}.pb-badge{z-index:1;color:#111;letter-spacing:.05em;background:#facc15;border-radius:.4em;padding:.25em .6em;font-size:.65em;font-weight:800;position:absolute;top:1.3em;left:1.3em}.pb-badge-new{background:#22d3ee}.pb-badge-off{color:#fff;background:#fb7185}.pb-fav{z-index:1;color:#b9b3d3;position:absolute;top:1.1em;right:1.3em}.pb-stars{color:#facc15;letter-spacing:.05em;font-size:.75em}.pb-stars small{color:#8a83a8}.pb-price{align-items:baseline;gap:.5em;display:flex}.pb-price b{color:#4ade80;font-size:1.05em}.pb-price s{color:#6b6588;font-size:.8em}.pb-add{color:#0d0b14;font:700 .85em/1 var(--font);cursor:pointer;background:#4ade80;border:0;border-radius:.6em;margin-top:.3em;padding:.6em;transition:background .2s}.pb-add:hover{background:#86efac}.pb-add:active{transform:scale(.97)}.mug{width:5em;height:5em;position:relative}.mug:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--m) 65%, #000), var(--m) 35%, color-mix(in srgb, var(--m) 55%, #fff) 55%, var(--m) 75%, color-mix(in srgb, var(--m) 70%, #000));border-radius:.3em .3em .9em .9em;width:60%;height:76%;position:absolute;top:12%;left:12%}.mug:after{content:"";border:.5em solid var(--m);border-left:0;border-radius:0 50% 50% 0;width:20%;height:38%;position:absolute;top:30%;left:70%}.tee{background:linear-gradient(90deg, color-mix(in srgb, var(--m) 70%, #000), var(--m) 30%, var(--m) 70%, color-mix(in srgb, var(--m) 70%, #000));clip-path:polygon(30% 0,40% 6%,60% 6%,70% 0,100% 16%,90% 38%,80% 34%,80% 100%,20% 100%,20% 34%,10% 38%,0 16%);width:5.6em;height:5.2em;position:relative}.tee:after{content:"🥒";font-size:1.6em;position:absolute;top:44%;left:50%;translate:-50% -50%}.poster{background:linear-gradient(#7c3aed,#db2777 55%,#f59e0b 56% 60%,#1e1b4b 61%);border:.3em solid #e7e2f7;border-radius:.2em;width:4.4em;height:5.8em;position:relative;box-shadow:0 .6em 1.2em #0006}.poster:after{content:"👾";font-size:1.4em;position:absolute;top:30%;left:50%;translate:-50% -50%}.pb-checkout{background:#16131f;border:1px solid #231f33;border-radius:1em;grid-template-columns:1.3fr 1fr;align-items:center;gap:1em;margin:1.8em 2em 0;padding:1.2em;display:grid}.pb-steps{align-items:center;gap:.6em;font-size:.85em;display:flex}.pb-steps>span{color:#8a83a8;white-space:nowrap;background:#211c30;border-radius:999px;align-items:center;gap:.4em;padding:.5em .9em;display:flex}.pb-steps .done{color:#4ade80}.pb-steps .on{color:#0d0b14;background:#fff;font-weight:700}.pb-steps i{background:#4ade80;border-radius:2px;flex:1;min-width:1em;height:2px}.pb-summary{gap:.35em;font-size:.88em;display:grid}.pb-summary p{color:#b9b3d3;justify-content:space-between;display:flex}.pb-summary b{color:#fff}.pb-free{color:#4ade80!important}.pb-total{border-top:1px dashed #2a2540;padding-top:.4em;font-size:1.1em}.pb-mp{text-align:center;color:#fff;background:#009ee3;border-radius:.6em;margin-top:.4em;padding:.7em;font-weight:700}.pb-mp:before{content:"🤝 "}.pb-admin{color:#1d1830;background:#f4f3f8;border-radius:1em;margin:1em 2em 0;padding:1.2em}.pb-admin-head{justify-content:space-between;margin-bottom:.8em;display:flex}.pb-admin-head>span{background:#e6e3f0;border-radius:999px;padding:.3em .8em;font-size:.8em}.pb-admin-kpis{grid-template-columns:repeat(4,1fr);gap:.7em;display:grid}.pb-admin-kpis div{background:#fff;border-radius:.7em;gap:.2em;padding:.8em;display:grid}.pb-admin-kpis small{color:#6b6588;font-size:.78em}.pb-admin-kpis b{font:700 1.25em/1 var(--display)}.pb-admin-kpis .warn{color:#e11d48}.pb-orders{gap:.4em;margin-top:.8em;font-size:.85em;display:grid}.pb-orders p{background:#fff;border-radius:.6em;grid-template-columns:4em 1fr auto;align-items:center;padding:.6em .8em;display:grid}.pb-orders p>span:first-child{color:#6b6588;font-family:var(--mono)}.pb-orders em{border-radius:999px;padding:.25em .7em;font-size:.85em;font-style:normal;font-weight:600}.pb-orders .ok{color:#15803d;background:#dcfce7}.pb-orders .ship{color:#1d4ed8;background:#dbeafe}.pb-orders .prep{color:#a16207;background:#fef3c7}.pb-foot{color:#6b6588;justify-content:space-between;padding:1.6em 2em 2em;font-size:.82em;display:flex}.site-ecm.is-active{color:#1f2937;background:#f4f6fa;grid-template-columns:17% 1fr;align-items:start;display:grid}.ecm-side{color:#b8c2d6;background:#0f1b33;flex-direction:column;align-self:stretch;gap:1.4em;padding:1.2em .9em;display:flex}.ecm-logo{align-items:center;gap:.6em;display:flex}.ecm-logo span{color:#fff;width:2.2em;height:2.2em;font:800 .95em/1 var(--display);background:linear-gradient(135deg,#3b82f6,#22c55e);border-radius:.6em;flex:none;place-items:center;display:grid}.ecm-logo b{color:#fff;font-size:.88em;line-height:1.1}.ecm-side nav{gap:.2em;font-size:.85em;display:grid}.ecm-side nav>span{white-space:nowrap;border-radius:.5em;padding:.55em .7em;overflow:hidden}.ecm-side .is-on{color:#fff;background:#3b82f633;box-shadow:inset .2em 0 #3b82f6}.ecm-user{align-items:center;gap:.6em;margin-top:auto;font-size:.8em;display:flex}.ecm-user small{color:#7f8aa3;display:block}.av{color:#fff;width:2.2em;height:2.2em;font:700 .75em/1 var(--font);background:#3b82f6;border-radius:50%;flex:none;place-items:center;font-style:normal;display:inline-grid}.av.a2{background:#a855f7}.av.a3{background:#f59e0b}.ecm-main{gap:1em;min-width:0;padding:1.2em 1.6em 2em;display:grid}.ecm-top{align-items:center;gap:1em;display:flex}.ecm-hi{font:700 1.35em/1.1 var(--display)}.ecm-top small{color:#8a94a8;font-size:.78em}.ecm-search{color:#9aa3b5;background:#fff;border:1px solid #e3e7ef;border-radius:.6em;flex:1;max-width:18em;margin-left:auto;padding:.5em .9em;font-size:.85em}.ecm-afip{color:#15803d;white-space:nowrap;background:#dcfce7;border-radius:999px;align-items:center;gap:.4em;padding:.45em .8em;font-size:.78em;font-weight:600;display:flex}.ecm-afip i{background:#22c55e;border-radius:50%;width:.55em;height:.55em;box-shadow:0 0 0 .2em #22c55e40}.ecm-bell{font-size:1.1em;position:relative}.ecm-bell b{color:#fff;background:#ef4444;border-radius:50%;place-items:center;width:1.3em;height:1.3em;font-size:.55em;display:grid;position:absolute;top:-.4em;right:-.5em}.ecm-kpis{grid-template-columns:repeat(4,1fr);gap:.9em;display:grid}.ecm-kpis>div,.rp-kpis>div{background:#fff;border-radius:.8em;gap:.2em;padding:.9em 1em;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f1b330f}.ecm-kpis small,.rp-kpis small{color:#6b7280;font-size:.78em}.ecm-kpis b,.rp-kpis b{font:700 1.55em/1 var(--display)}.ecm-kpis em,.rp-kpis em{font-size:.72em;font-style:normal;font-weight:600}.up{color:#15803d}.down{color:#b91c1c}.ecm-kpis svg,.rp-kpis svg{width:38%;height:1.6em;position:absolute;bottom:.9em;right:.8em}.ecm-kpis polyline{fill:none;stroke:#3b82f6;stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.ecm-row{grid-template-columns:1.6fr 1fr;gap:1em;display:grid}.ecm-card{background:#fff;border-radius:.8em;align-content:start;gap:.7em;min-width:0;padding:1em 1.1em;display:grid;box-shadow:0 1px 2px #0f1b330f}.ecm-card-h{justify-content:space-between;align-items:center;gap:1em;display:flex}.ecm-h{font-size:.95em;font-weight:700}.ecm-legend{color:#6b7280;align-items:center;gap:.4em;font-size:.75em;display:flex}.ecm-legend i{border-radius:.2em;width:.7em;height:.7em;margin-left:.5em}.ecm-legend .v,.ecm-bars .v{background:#3b82f6}.ecm-legend .c,.ecm-bars .c{background:#a5d8ff}.ecm-bars{background:repeating-linear-gradient(#0000 0 calc(25% - 1px),#eef1f6 calc(25% - 1px) 25%);grid-template-columns:repeat(6,1fr);gap:.8em;height:9em;padding-bottom:1.4em;display:grid}.ecm-bars div{justify-content:center;align-items:end;gap:.2em;display:flex;position:relative}.ecm-bars span{width:34%;height:var(--h);border-radius:.25em .25em 0 0}.ecm-bars em{color:#8a94a8;margin-top:.3em;font-size:.72em;font-style:normal;position:absolute;top:100%}.ecm-iva p{color:#4b5563;justify-content:space-between;font-size:.86em;display:flex}.ecm-iva b{color:#111827;font-variant-numeric:tabular-nums}.ecm-meter{background:#fee2e2;border-radius:999px;height:.5em;overflow:hidden}.ecm-meter span{width:var(--w);background:linear-gradient(90deg,#22c55e,#3b82f6);border-radius:999px;height:100%;display:block}.ecm-iva .ecm-saldo{border-top:1px dashed #e3e7ef;padding-top:.5em;font-size:.95em}.ecm-saldo b{color:#dc2626!important}.ecm-cta{color:#fff;background:#0f1b33;border-radius:.5em;justify-self:start;padding:.55em 1em;font-size:.82em;font-weight:600}.ecm-actions{gap:.4em;display:flex}.ecm-actions span{border-radius:.4em;padding:.4em .8em;font-size:.72em;font-weight:700}.a-g{color:#15803d;background:#dcfce7}.a-b{color:#1d4ed8;background:#dbeafe}.a-d{color:#fff;background:#0f1b33}.ecm-table{border-collapse:collapse;width:100%;font-size:.82em}.ecm-table th{text-align:left;color:#8a94a8;border-bottom:1px solid #eef1f6;padding:.5em;font-size:.9em;font-weight:600}.ecm-table td{font-variant-numeric:tabular-nums;white-space:nowrap;border-bottom:1px solid #f3f5f9;padding:.55em .5em}.ecm-table i{border-radius:999px;padding:.2em .6em;font-size:.85em;font-style:normal;font-weight:600}.ecm-table .ok{color:#15803d;background:#dcfce7}.ecm-table .wait{color:#a16207;background:#fef3c7}.ecm-due p{grid-template-columns:auto 1fr auto;align-items:center;gap:.7em;font-size:.85em;display:grid}.ecm-due .d{color:#1d4ed8;background:#eff6ff;border-radius:.5em;justify-items:center;width:2.8em;padding:.3em 0;font-size:.7em;font-weight:700;line-height:1.1;display:grid}.ecm-due .d b{font-size:1.5em}.ecm-due small{color:#8a94a8;font-size:.85em;display:block}.ecm-due em{color:#6b7280;font-size:.78em;font-style:normal;font-weight:600}.ecm-due em.soon{color:#b91c1c;background:#fee2e2;border-radius:999px;padding:.2em .6em}.ecm-kanban{grid-template-columns:repeat(3,1fr);gap:.9em;display:grid}.ecm-kanban>div{background:#f4f6fa;border-radius:.7em;align-content:start;gap:.5em;padding:.7em;display:grid}.ecm-kanban .col{color:#4b5563;align-items:center;gap:.4em;font-size:.78em;font-weight:700;display:flex}.ecm-kanban .col i{border-radius:50%;width:.6em;height:.6em}.col .p{background:#f59e0b}.col .w{background:#3b82f6}.col .d{background:#22c55e}.task{background:#fff;border-radius:.5em;gap:.15em;padding:.6em .7em;font-size:.8em;display:grid;position:relative;box-shadow:0 1px 2px #0f1b3314}.task small{color:#8a94a8}.task .av{width:1.9em;height:1.9em;font-size:.7em;position:absolute;top:50%;right:.6em;translate:0 -50%}.task.done b{color:#8a94a8;text-decoration:line-through}.site-rp{color:#111827;background:#f5f6f8}.rp-head{z-index:2;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:1.6em;padding:.8em 1.8em;display:flex;position:sticky;top:0}.rp-brand{align-items:center;gap:.7em;line-height:1.1;display:flex}.rp-brand b{font:700 1.15em/1 var(--display);letter-spacing:-.01em}.rp-brand small{color:#6b7280;margin-top:.2em;font-size:.78em;display:block}.rp-band{background:linear-gradient(135deg,#fff 0 38%,#e30613 38% 62%,#fff 62%);border:.14em solid #111827;border-radius:.3em .3em 1.1em 1.1em;flex:none;width:2.2em;height:2.6em}.rp-nav{gap:.4em;font-size:.9em;display:flex}.rp-nav span{color:#4b5563;border-radius:999px;padding:.45em .9em;font-weight:500}.rp-nav .is-on{color:#b91c1c;background:#fee2e2}.rp-range{color:#374151;white-space:nowrap;border:1px solid #e5e7eb;border-radius:.5em;margin-left:auto;padding:.45em .9em;font-size:.82em}.rp-av{color:#fff;background:#111827;border-radius:50%;place-items:center;width:2.1em;height:2.1em;font-size:.75em;font-weight:700;display:grid}.rp-body{gap:1em;padding:1.2em 1.8em 2em;display:grid}.rp-hello{justify-content:space-between;align-items:end;display:flex}.rp-hello b{font:700 1.35em/1.1 var(--display);display:block}.rp-hello small{color:#9ca3af;font:.72em/1.4 var(--mono)}.rp-live{color:#6b7280;align-items:center;gap:.4em;font-size:.78em;display:flex}.rp-live i{background:#22c55e;border-radius:50%;width:.55em;height:.55em;animation:2s infinite pulse}.rp-kpis{grid-template-columns:repeat(4,1fr);gap:.9em;display:grid}.rp-kpis>div{border-top:.22em solid #e30613}.rp-kpis polyline{fill:none;stroke:#e30613;stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.rp-grid{grid-template-columns:repeat(6,1fr);gap:1em;display:grid}.rp-grid>.rp-card{grid-column:span 2}.rp-grid>.rp-line{grid-column:span 4}.rp-card{background:#fff;border-radius:.8em;align-content:start;gap:.7em;min-width:0;padding:1em 1.1em;display:grid;box-shadow:0 1px 2px #0000000f}.rp-card-h{justify-content:space-between;align-items:center;gap:1em;display:flex}.rp-h{font-size:.92em;font-weight:700}.rp-legend{color:#6b7280;gap:1em;font-size:.75em;display:flex}.rp-legend i,.rp-list i{vertical-align:-.05em;border-radius:.2em;width:.8em;height:.8em;margin-right:.4em;display:inline-block}.rp-chart{padding-bottom:1.4em;position:relative}.rp-chart svg{width:100%;height:10em;display:block}.rp-dot{background:#fff;border:.2em solid #e30613;border-radius:50%;width:.8em;height:.8em;margin:-.4em 0 0 -.4em;position:absolute;box-shadow:0 0 0 .35em #e3061326}.rp-tip{color:#fff;white-space:nowrap;background:#111827;border-radius:.5em;padding:.4em .7em;font-size:.75em;position:absolute;translate:-50% calc(-100% - 1em)}.rp-tip b{color:#f87171;margin-right:.3em}.rp-months{color:#9ca3af;justify-content:space-between;font-size:.68em;display:flex;position:absolute;bottom:0;left:0;right:0}.rp-stadium svg{width:100%;height:auto;display:block}.rp-donut-wrap{align-items:center;gap:1.1em;display:flex}.rp-donut{aspect-ratio:1;background:conic-gradient(#e30613 0 58%, #1f2937 58% 80%, #f87171 80% 92%, #d1d5db 92%);border-radius:50%;flex:none;width:7em;position:relative}.rp-donut span{text-align:center;background:#fff;border-radius:50%;place-content:center;line-height:1.05;display:grid;position:absolute;inset:22%}.rp-donut b{font:700 1.05em/1 var(--display)}.rp-donut small{color:#6b7280;font-size:.65em}.rp-list{flex:1;gap:.45em;min-width:0;margin:0;padding:0;font-size:.8em;list-style:none;display:grid}.rp-list li{white-space:nowrap;align-items:center;display:flex}.rp-list b{margin-left:auto;padding-left:.5em}.rp-hbars{gap:.55em;display:grid}.rp-hbars p{grid-template-columns:5.5em 1fr 2.6em;align-items:center;gap:.6em;font-size:.8em;display:grid}.rp-hbars i{background:linear-gradient(90deg, #e30613 var(--w), #f3f4f6 var(--w));border-radius:999px;height:.7em}.rp-hbars b{text-align:right}.rp-bars{align-items:end;gap:.6em;height:8em;padding-bottom:1.4em;display:flex}.rp-bars span{height:var(--h);background:linear-gradient(#e30613,#f87171);border-radius:.35em .35em 0 0;flex:1;position:relative}.rp-bars span:nth-child(3){background:linear-gradient(#b3000f,#e30613)}.rp-bars em{color:#6b7280;white-space:nowrap;font-size:.68em;font-style:normal;position:absolute;top:100%;left:50%;translate:-50% .35em}.rp-grid>.rp-matches{grid-column:span 4}.rp-matches table{border-collapse:collapse;width:100%;font-size:.8em}.rp-matches th{text-align:left;color:#9ca3af;border-bottom:1px solid #f0f1f3;padding:0 .5em .5em;font-weight:600}.rp-matches td{font-variant-numeric:tabular-nums;white-space:nowrap;border-bottom:1px solid #f5f6f8;padding:.55em .5em}.rp-matches td:nth-child(3){align-items:center;gap:.5em;display:flex}.rp-matches td i{background:linear-gradient(90deg, #e30613 var(--w), #f3f4f6 var(--w));border-radius:999px;flex:1;max-width:8em;height:.5em}.rp-heat{grid-template-columns:3.6em repeat(5,1fr);align-items:center;gap:.3em;font-size:.75em;display:grid}.rp-heat em{color:#6b7280;text-align:center;font-size:.9em;font-style:normal}.rp-heat em:nth-child(6n+1){text-align:left}.rp-heat i{background:rgba(227, 6, 19, var(--o));border-radius:.3em;height:1.9em}@container (width<=520px){.pb-nav,.pb-search,.pb-hero-art,.pb-steps,.ecm-side,.ecm-search,.ecm-bell,.rp-nav,.rp-range,.ecm-table th:nth-child(3),.ecm-table td:nth-child(3),.ecm-actions{display:none}.pb-hero,.pb-checkout,.ecm-row,.site-ecm.is-active{grid-template-columns:1fr}.pb-grid,.pb-admin-kpis,.ecm-kpis,.rp-kpis{grid-template-columns:repeat(2,1fr)}.pb-cats{grid-template-columns:repeat(3,1fr)}.rp-grid>.rp-card,.rp-grid>.rp-line,.rp-grid>.rp-matches{grid-column:1/-1}.ecm-kanban{grid-template-columns:1fr}.tab{padding:.75em .8em}}@media (width<=899px){.web-pin{gap:50px;height:auto;padding:110px 0 60px;overflow:visible}.web-copy{position:static}.laptop-stage{--lw:min(84vw, 560px);perspective:1400px;padding-bottom:12vw}.laptop{transform:rotateX(-12deg)}}.reduce-motion .laptop-stage{--lw:min(720px, 84vw);perspective:2400px}.reduce-motion .laptop{transform:rotateX(-10deg)}.reduce-motion .web-pin{gap:50px;height:auto;padding:120px 0 80px;overflow:visible}.reduce-motion .web-copy{position:static}.section-iot{border-top:1px solid var(--line);background:radial-gradient(50% 40% at 20% 10%,#3ddc9714,#0000);padding:140px 0}.section-iot .kicker>span:first-child{color:var(--iot)}.section-iot .project-tag{--tag:var(--iot)}.robot{grid-template-columns:1fr 340px;gap:20px;margin-top:48px;display:grid}.robot-canvas{border-radius:var(--radius);border:1px solid var(--line);touch-action:pan-y;cursor:crosshair;background:radial-gradient(80% 70% at 50% 40%,#151a28,#0a0c12 75%);min-height:560px;position:relative;overflow:hidden}.robot-canvas canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.robot-hint{z-index:2;font:500 13px/1 var(--mono);border:1px solid var(--line);color:var(--iot);pointer-events:none;background:#0a0c12b3;border-radius:999px;padding:8px 14px;position:absolute;top:16px;left:16px}.robot-loading{color:var(--muted);font:500 14px/1 var(--mono);place-items:center;display:grid;position:absolute;inset:0}.robot.is-ready .robot-loading{display:none}.robot-panel{align-content:start;gap:14px;display:grid}.modes{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.mode{color:var(--muted);font:600 13px/1 var(--font);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 4px;transition:all .2s}.mode.is-active{background:var(--iot);color:#04130c}.sliders{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:12px;padding:18px;display:grid}.sliders label{color:var(--muted);grid-template-columns:70px 1fr 48px;align-items:center;gap:10px;font-size:13px;display:grid}.sliders output{font:500 12px/1 var(--mono);color:var(--text);text-align:right}.sliders input{accent-color:var(--iot);width:100%}.sliders input:disabled{opacity:.35}.board{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.esp{background:#0b3d2a;border-radius:6px;flex:none;place-items:center;width:92px;height:58px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #0f5a3d}.esp-chip{color:#333;width:44px;height:30px;font:700 8px/30px var(--mono);text-align:center;background:linear-gradient(#c7ccd4,#9aa1ad);border-radius:3px}.esp-led{background:#2a3a33;border-radius:50%;width:6px;height:6px;position:absolute;bottom:7px;right:8px}.esp-led.is-on{background:#3ddc97;box-shadow:0 0 8px #3ddc97}.esp-pins{background:repeating-linear-gradient(90deg,#d4af37 0 3px,#0000 3px 7px);height:4px;position:absolute;inset:3px 6px auto}.esp-pins:after{content:"";background:inherit;height:4px;position:absolute;top:47px;left:0;right:0}.board-stats{font:500 12px/1.3 var(--mono);color:var(--muted);gap:4px;display:grid}.board-stats b{color:var(--text);font-weight:600}.serial{border:1px solid var(--line);background:#05070a;border-radius:16px;overflow:hidden}.serial-head{font:600 12px/1 var(--mono);color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.serial-head i{background:var(--iot);width:8px;height:8px;box-shadow:0 0 8px var(--iot);border-radius:50%}.serial-out{height:170px;font:400 11px/1.55 var(--mono);color:#7ee2b3;white-space:pre;scrollbar-width:thin;margin:0;padding:10px 14px;overflow-y:auto}.iot-cards{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.iot-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);align-content:start;gap:10px;padding:26px;display:grid}.iot-card p:not(.project-tag){color:var(--muted)}@media (width<=960px){.robot{grid-template-columns:1fr}.robot-canvas{aspect-ratio:1;min-height:0;max-height:70vh}.iot-cards{grid-template-columns:1fr}.section-iot{padding:100px 0}}