*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--carbon:#0d0d0d;--blue:#4a90d9;--bone:#f5f4f0;--graphite:#1e1e1e;--ash:#4a4a4a;--ash-l:#7a7a7a;--b10:rgba(74,144,217,.1);--b20:rgba(74,144,217,.2)}html{scroll-behavior:auto}body{background:var(--carbon);color:var(--bone);font-family:Inter,sans-serif;overflow-x:hidden}.grid-bg{inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(74,144,217,.025) 1px,transparent 0),linear-gradient(90deg,rgba(74,144,217,.025) 1px,transparent 0);background-size:80px 80px}.grid-bg,nav{position:fixed}nav{top:0;left:0;right:0;z-index:100;padding:22px 52px;display:flex;align-items:center;justify-content:space-between;transition:background .35s;visibility:hidden}nav.up{background:hsla(0,0%,5%,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--b10)}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--bone);font-size:14px;font-weight:500}.logo-hex{width:30px;height:30px;flex-shrink:0}.logo .at{font-family:JetBrains Mono,monospace;color:var(--blue);font-size:13px}.nav-links{display:flex;gap:36px;list-style:none}.nav-links a{font-size:13px;color:var(--ash-l);text-decoration:none;transition:color .2s;position:relative;padding-bottom:2px}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-links a:hover{color:var(--bone)}.nav-links a:hover:after{transform:scaleX(1)}#hero{min-height:100vh;display:flex;align-items:center;padding:120px 52px 80px;position:relative;overflow:hidden}.hero-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(74,144,217,.09) 0,transparent 65%);right:-150px;top:50%;transform:translateY(-50%);pointer-events:none;visibility:hidden}.hero-inner{max-width:820px;position:relative;z-index:2}.hero-eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--blue);font-family:JetBrains Mono,monospace;letter-spacing:.1em;margin-bottom:32px;visibility:hidden}.hero-eyebrow .eline{width:36px;height:1px;background:var(--blue)}h1.hero-title{font-size:clamp(50px,7.5vw,96px);font-weight:700;line-height:.96;letter-spacing:-.03em;color:var(--bone);margin-bottom:36px}h1.hero-title .blue{color:var(--blue)}.hero-line{display:block;overflow:hidden}.hero-word{display:inline-block;visibility:hidden}.hero-sub{font-size:18px;font-weight:400;color:var(--ash-l);line-height:1.75;max-width:540px;margin-bottom:52px;visibility:hidden}.hero-sub strong{color:var(--bone);font-weight:500}.ctas{display:flex;gap:16px;flex-wrap:wrap;align-items:center;visibility:hidden}.btn{display:inline-block;text-decoration:none;font-size:14px;font-weight:500;padding:14px 30px;transition:transform .2s,background .2s,color .2s,border-color .2s}.btn-main{background:var(--blue);color:var(--carbon);-webkit-clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.btn-main:hover{background:#6aaee8;transform:translateY(-3px)}.btn-out{border:1px solid hsla(48,20%,95%,.2);color:var(--ash-l)}.btn-out:hover{border-color:var(--bone);color:var(--bone);transform:translateY(-3px)}.scroll-hint{position:absolute;bottom:44px;left:52px;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--ash);font-family:JetBrains Mono,monospace;letter-spacing:.08em;visibility:hidden}.scroll-hint-bar{width:1px;height:52px;background:linear-gradient(to bottom,var(--blue),transparent)}.proof-strip{border-top:1px solid var(--b10);border-bottom:1px solid var(--b10);background:var(--graphite);padding:18px 0;overflow:hidden}.proof-rotator{position:relative;height:22px;max-width:720px;margin:0 auto;padding:0 24px}.proof-phrase{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;color:var(--ash-l);opacity:0;transform:translateY(8px);animation:proofCycle 20s infinite;white-space:nowrap}.proof-phrase b{color:var(--bone);font-weight:500;margin:0 4px}.proof-phrase:first-child{animation-delay:0s}.proof-phrase:nth-child(2){animation-delay:4s}.proof-phrase:nth-child(3){animation-delay:8s}.proof-phrase:nth-child(4){animation-delay:12s}.proof-phrase:nth-child(5){animation-delay:16s}@keyframes proofCycle{0%{opacity:0;transform:translateY(8px)}4%{opacity:1;transform:translateY(0)}20%{opacity:1;transform:translateY(0)}24%{opacity:0;transform:translateY(-8px)}to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.proof-phrase{animation-duration:30s;transition:none}}.sec{padding:130px 52px;position:relative}.sec-inner{max-width:1200px;margin:0 auto}.sec-tag{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--blue);letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px}.sec-title{font-size:clamp(34px,4vw,54px);font-weight:700;letter-spacing:-.025em;line-height:1.08;color:var(--bone);margin-bottom:20px}.sec-sub{font-size:17px;color:var(--ash-l);line-height:1.75;max-width:580px}#about .sec-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}.about-text .sec-sub{margin-bottom:20px;max-width:none}.about-frame,.about-visual{display:flex;align-items:center;justify-content:center}.about-frame{width:340px;height:380px;background:var(--graphite);border:1px solid var(--b20);position:relative;overflow:hidden}.about-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--blue),transparent)}.av-inner{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px}.av-hex{width:110px;height:110px;display:block;filter:drop-shadow(0 0 24px rgba(74,144,217,.18))}.av-name{font-size:18px;font-weight:600;color:var(--bone)}.av-role{font-size:13px;color:var(--ash-l)}.av-handle{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--blue);margin-top:4px}.corner-mark{position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 40px 40px;border-color:transparent transparent var(--b20) transparent}.siadon-card{margin-top:44px;background:var(--graphite);border:1px solid var(--b10);border-left:3px solid var(--blue);padding:24px 28px;display:flex;align-items:center;gap:20px;transition:border-color .3s}.siadon-card:hover{border-color:var(--b20);border-left-color:var(--blue)}.siadon-dot{width:32px;height:32px;border-radius:8px;background:var(--b10);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--blue);font-weight:500}.siadon-text{font-size:14px;color:var(--ash-l);line-height:1.6}.siadon-text strong{color:var(--bone);font-weight:500}.siadon-text a{color:var(--blue);text-decoration:none}.siadon-text a:hover{text-decoration:underline}.projects-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:56px;gap:24px;flex-wrap:wrap}.pcard{background:var(--graphite);border:1px solid var(--b10);overflow:hidden;margin-bottom:20px;display:grid;grid-template-columns:3fr 2fr;transition:border-color .3s;position:relative}.pcard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(74,144,217,.07),transparent 55%);opacity:0;transition:opacity .4s;pointer-events:none}.pcard:hover{border-color:var(--b20)}.pcard:hover:before{opacity:1}.pcard-body{padding:52px 48px}.pcard-label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--blue);letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;opacity:.8}.pcard-title{font-size:30px;font-weight:700;letter-spacing:-.02em;color:var(--bone);margin-bottom:16px;line-height:1.15}.pcard-desc{font-size:15px;color:var(--ash-l);line-height:1.75;margin-bottom:28px}.pcard-features{display:flex;flex-direction:column;gap:10px;margin-bottom:36px}.pcard-feature{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--bone)}.feat-dot{width:6px;height:6px;background:var(--blue);border-radius:50%;flex-shrink:0}.pcard-cta{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--blue);text-decoration:none;transition:gap .2s}.pcard-cta:hover{gap:14px}.pcard-side{background:var(--carbon);border-left:1px solid var(--b10);padding:40px 32px;display:flex;flex-direction:column;justify-content:center;gap:16px}.preview-label{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--ash-l);margin-bottom:8px;letter-spacing:.08em}.preview-screen{background:var(--graphite);border:1px solid var(--b10);border-radius:8px;overflow:hidden}.preview-topbar{background:rgba(74,144,217,.06);padding:10px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--b10)}.dot-g,.dot-r,.dot-y{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot-r{background:#e06c75}.dot-y{background:#e5c07b}.dot-g{background:#98c379}.preview-content{padding:16px}.p-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:12px;margin-bottom:6px;transition:background .2s}.p-row:hover{background:var(--b10)}.p-text{color:var(--bone);flex:1 1}.p-badge{font-size:10px;font-family:JetBrains Mono,monospace;padding:3px 7px;border-radius:20px;flex-shrink:0}.p-badge.green{background:hsla(95,38%,62%,.12);color:#98c379}.p-badge.blue{background:var(--b10);color:var(--blue)}.p-badge.amber{background:hsla(39,67%,69%,.1);color:#e5c07b}#ideas{background:var(--graphite)}#ideas:after,#ideas:before{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent)}#ideas:before{top:0}#ideas:after{bottom:0}.ideas-grid{display:grid;grid-template-columns:1fr;grid-gap:2px;gap:2px;margin-top:60px;max-width:560px}.idea-card{background:var(--carbon);padding:36px 32px;border:1px solid var(--b10);transition:border-color .3s,background .3s;position:relative;overflow:hidden}.idea-card:hover{border-color:var(--b20);background:rgba(74,144,217,.03)}.idea-num{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--blue);letter-spacing:.12em;margin-bottom:16px;opacity:.7}.idea-title{font-size:19px;font-weight:600;color:var(--bone);margin-bottom:10px;letter-spacing:-.01em}.idea-desc{font-size:14px;color:var(--ash-l);line-height:1.7}.idea-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-family:JetBrains Mono,monospace;margin-top:20px;padding:5px 12px;border:1px solid var(--b10);color:var(--ash-l)}.idea-status.active{border-color:hsla(95,38%,62%,.25);color:#98c379}.idea-status.active:before{content:"";width:5px;height:5px;border-radius:50%;background:#98c379}.idea-status.next{border-color:var(--b20);color:var(--blue)}.idea-status.idea{border-color:rgba(74,74,74,.4);color:var(--ash-l)}#redes .sec-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:56px;gap:56px;align-items:start}.redes-left .sec-sub{margin-bottom:40px}.redes-grid{display:flex;flex-direction:column;gap:2px}.red-card{background:var(--graphite);border:1px solid var(--b10);padding:28px 32px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;grid-gap:16px;gap:16px;align-items:start}.red-card:hover{border-color:var(--b20);transform:translateX(4px)}.red-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--blue);transform:scaleY(0);transform-origin:top;transition:transform .3s}.red-card:hover:after{transform:scaleY(1)}.red-platform{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:7px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--blue)}.red-title{font-size:17px;font-weight:600;color:var(--bone);margin-bottom:6px}.red-desc{font-size:13px;color:var(--ash-l);line-height:1.65}.red-freq{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--ash-l);white-space:nowrap;margin-top:4px}#contact{text-align:center;padding:140px 52px;position:relative;overflow:hidden}.contact-big{font-size:clamp(48px,7.5vw,90px);font-weight:700;letter-spacing:-.03em;line-height:.96;color:var(--bone);margin-bottom:28px}.contact-big .blue{color:var(--blue)}.contact-sub{font-size:18px;color:var(--ash-l);line-height:1.75;max-width:500px;margin:0 auto 52px}.contact-sub strong{color:var(--bone);font-weight:500}.contact-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}footer{padding:36px 52px;border-top:1px solid var(--b10);justify-content:space-between;position:relative;z-index:2}.footer-brand,footer{display:flex;align-items:center}.footer-brand{gap:10px}.footer-handle{font-size:13px;color:var(--blue)}.footer-copy,.footer-handle{font-family:JetBrains Mono,monospace}.footer-copy{font-size:12px;color:var(--ash-l)}.intro-overlay{position:fixed;inset:0;z-index:10000;background:var(--carbon);display:flex;align-items:center;justify-content:center}.intro-overlay:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent,transparent 3px,rgba(0,0,0,.015) 0,rgba(0,0,0,.015) 6px);pointer-events:none}.intro-scene{width:90%;max-width:1000px;height:auto;position:relative;z-index:1}.intro-skip{position:absolute;bottom:32px;right:40px;z-index:2;background:none;border:1px solid rgba(74,144,217,.2);color:var(--ash-l);font-family:JetBrains Mono,monospace;font-size:11px;padding:8px 18px;letter-spacing:.12em;cursor:pointer;transition:border-color .2s,color .2s}.intro-skip:hover{border-color:var(--blue);color:var(--blue)}.proj-filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:40px;border-bottom:1px solid var(--b10);position:relative}.proj-filter{background:none;border:none;border-bottom:2px solid transparent;color:var(--ash-l);font-family:inherit;font-size:13px;font-weight:500;padding:12px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:color .2s,border-color .2s;margin-bottom:-1px;letter-spacing:.01em}.proj-filter:hover{color:var(--bone)}.proj-filter.active{color:var(--bone);border-bottom-color:var(--blue)}.filter-count{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ash);background:var(--b10);padding:2px 8px;border-radius:20px;min-width:24px;text-align:center;letter-spacing:0}.proj-filter.active .filter-count{color:var(--blue)}.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2px;gap:2px}.proj-card{background:var(--graphite);border:1px solid var(--b10);padding:32px 30px 30px;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:border-color .3s,transform .3s,background .3s;position:relative;overflow:hidden}.proj-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(74,144,217,.07),transparent 55%);opacity:0;transition:opacity .4s;pointer-events:none}.proj-card:after{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .4s}.proj-card:hover{border-color:var(--b20);transform:translateY(-3px)}.proj-card:hover:before{opacity:1}.proj-card:hover:after{transform:scaleX(1)}.proj-card.is-hidden{display:none}.proj-card>*{position:relative;z-index:1}.proj-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:8px}.proj-audience{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);border:1px solid var(--b20);padding:4px 9px;border-radius:3px;background:rgba(74,144,217,.04)}.proj-audience-public{color:#e5c07b;border-color:hsla(39,67%,69%,.25);background:hsla(39,67%,69%,.04)}.proj-status{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;display:inline-flex;align-items:center;gap:6px;color:var(--ash-l)}.proj-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.proj-status-listo{color:#98c379}.proj-status-en-desarrollo{color:var(--blue)}.proj-status-idea{color:var(--ash)}.proj-title{font-size:21px;font-weight:600;color:var(--bone);letter-spacing:-.015em;line-height:1.22;margin-bottom:12px}.proj-tagline{font-size:14px;color:var(--ash-l);line-height:1.65;margin-bottom:22px}.proj-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:28px;flex:1 1}.proj-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--bone);line-height:1.5}.proj-feat-dot{width:5px;height:5px;background:var(--blue);border-radius:50%;flex-shrink:0;margin-top:7px}.proj-more{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--blue);margin-top:auto;transition:gap .2s}.proj-card:hover .proj-more{gap:14px}.detail-page{min-height:100vh;background:var(--carbon);color:var(--bone);position:relative}.detail-nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;padding:18px 52px;display:flex;align-items:center;justify-content:space-between;background:hsla(0,0%,5%,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--b10)}.detail-back{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-family:JetBrains Mono,monospace;color:var(--ash-l);text-decoration:none;transition:color .2s,gap .2s;letter-spacing:.04em}.detail-back:hover{color:var(--blue);gap:16px}.detail{max-width:860px;margin:0 auto;padding:80px 52px 120px;position:relative;z-index:2}.detail-meta{display:flex;align-items:center;gap:12px;margin-bottom:28px;flex-wrap:wrap}.detail-title{font-size:clamp(38px,6vw,60px);font-weight:700;letter-spacing:-.03em;line-height:1.06;margin-bottom:26px;color:var(--bone)}.detail-lead{font-size:19px;color:var(--ash-l);line-height:1.7;margin-bottom:64px;max-width:720px}.detail-lead strong{color:var(--bone);font-weight:500}.detail-section{margin-bottom:56px;scroll-margin-top:80px}.detail-subtitle{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--blue);letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px;font-weight:500}.detail-section p{font-size:16px;color:var(--ash-l);line-height:1.85;margin-bottom:16px}.detail-section p:last-child{margin-bottom:0}.detail-section p strong{color:var(--bone);font-weight:500}.detail-toc{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.detail-toc a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-family:JetBrains Mono,monospace;color:var(--bone);background:var(--graphite);border:1px solid var(--b10);padding:10px 14px;border-radius:999px;text-decoration:none;transition:border-color .15s,color .15s}.detail-toc a:hover{border-color:var(--blue);color:var(--blue)}.detail-toc a:before{content:"→";color:var(--blue);font-size:12px}.detail-features{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2px;gap:2px}.detail-features li{display:flex;gap:14px;font-size:15px;color:var(--bone);line-height:1.55;background:var(--graphite);border:1px solid var(--b10);padding:18px 22px}.detail-features li:before{content:"→";color:var(--blue);font-family:JetBrains Mono,monospace;flex-shrink:0}.detail-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:12px;padding-top:40px;border-top:1px solid var(--b10)}.btn-soon{background:var(--graphite);color:var(--ash-l);border:1px solid var(--b10);cursor:default;display:inline-flex;align-items:center;gap:12px}.btn-soon:hover{transform:none;border-color:var(--b20);color:var(--bone)}.btn-soon-tag{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--blue);background:var(--b10);padding:3px 8px;border-radius:20px;letter-spacing:.08em}.proj-screenshots{position:relative;width:100%;aspect-ratio:16/10;margin:0 0 64px;border-radius:12px;overflow:hidden;border:1px solid var(--b10);background:var(--graphite);box-shadow:0 30px 80px -30px rgba(74,144,217,.35)}.proj-screenshots.proj-screenshots-mobile{aspect-ratio:9/19.5;max-width:320px;margin-left:auto;margin-right:auto;border-radius:28px}.proj-screenshot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:ik-slideshow 25s linear infinite}@keyframes ik-slideshow{0%,14%{opacity:1}20%,94%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.proj-screenshot{animation:none;opacity:0}.proj-screenshot:first-child{opacity:1}}@media (max-width:980px){nav{padding:20px 24px}.nav-links{display:none}#hero{padding:100px 24px 80px}#about .sec-inner{grid-template-columns:1fr;gap:48px}.about-visual{display:none}#redes .sec-inner,.ideas-grid{grid-template-columns:1fr}.projects-header{flex-direction:column}.proj-grid{grid-template-columns:1fr}.proj-filters{overflow-x:auto;flex-wrap:nowrap;margin-left:-24px;margin-right:-24px;padding:0 24px}.proj-filter{flex-shrink:0;padding:12px 14px}.detail-nav{padding:16px 24px}.detail{padding:60px 24px 100px}.detail-features{grid-template-columns:1fr}.sec{padding:80px 24px}footer{padding:28px 24px;flex-direction:column;gap:12px;text-align:center}}