:root {
      --g900:#0a1f10;--g800:#0d2b16;--g700:#12391e;--g600:#1a5229;--g500:#206633;
      --g400:#2d8a47;--g300:#4aab62;--g200:#a8d8b2;--g100:#dff0e4;--g050:#f3faf5;
      --white:#fff;--cream:#fafaf8;--stone:#f4f3ef;--mist:#e8e7e2;
      --lead:#1c1c1a;--ink:#2e2e2c;--smoke:rgba(28,28,26,.55);--haze:rgba(28,28,26,.28);--veil:rgba(28,28,26,.1);
      --line:rgba(26,82,41,.14);--line2:rgba(26,82,41,.07);--line-dk:rgba(26,82,41,.35);
      --serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;--mono:'DM Mono',monospace;
      --ease:cubic-bezier(.25,.46,.45,.94);--spring:cubic-bezier(.34,1.56,.64,1);--smooth:cubic-bezier(.22,1,.36,1);
      --pad-x:clamp(20px,6vw,96px);--pad-y:clamp(56px,7vw,96px);--r:10px;--r-lg:18px;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:var(--sans);background:var(--cream);color:var(--lead);overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:none}
    img{display:block;max-width:100%}a{text-decoration:none;color:inherit}
    ul{list-style:none}button,input,textarea,select{font-family:inherit}
    ::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--stone)}::-webkit-scrollbar-thumb{background:var(--g600);border-radius:2px}
    ::selection{background:var(--g200);color:var(--g900)}

    /* CURSOR */
    #dot{position:fixed;z-index:8999;width:8px;height:8px;background:var(--g600);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s var(--spring),height .2s var(--spring),background .2s;will-change:transform}
    #ring{position:fixed;z-index:8998;width:38px;height:38px;border:1.5px solid var(--g300);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s var(--smooth),height .25s var(--smooth),opacity .2s;opacity:.6}
    body:has(a:hover) #dot,body:has(button:hover) #dot{width:18px;height:18px;background:var(--g400)}
    body:has(a:hover) #ring,body:has(button:hover) #ring{width:56px;height:56px;border-color:var(--g400);opacity:.35}

    /* PROGRESS BAR */
    #bar{position:fixed;top:0;left:0;height:2px;width:0%;background:var(--g600);z-index:9000;transition:width .1s linear}

    /* NAV */
    #nav{position:fixed;top:0;left:0;right:0;z-index:600;height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad-x);background:transparent;transition:background .4s var(--ease),border-color .4s,box-shadow .4s;border-bottom:1px solid transparent}
    #nav.pinned{background:rgba(250,250,248,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--line2);box-shadow:0 1px 24px rgba(28,28,26,.06)}
    .logo{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none}
    .logo-mark{position:relative;display:inline-block;height:32px}
    .logo-img{height:32px;width:auto;transition:opacity .45s var(--ease)}
    .logo-img-lb{position:absolute;top:0;left:0;opacity:0}
    #nav.pinned .logo-img-db{opacity:0}
    #nav.pinned .logo-img-lb{opacity:1}
    .logo-tri{display:flex;flex-direction:column;gap:2px}
    .logo-tri-row{display:flex;justify-content:center;gap:3px}
    .logo-gem{width:6px;height:6px;background:var(--g600);transform:rotate(45deg);transition:background .2s}
    .logo-gem.mid{background:var(--g400)}.logo-gem.lt{background:var(--g200)}
    .logo-name{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:.08em;color:rgba(255,255,255,.88);transition:color .5s var(--ease)}
    #nav.pinned .logo-name{color:var(--g900)}
    .logo-name em{color:var(--g500);font-style:normal}
    .nav-links{display:flex;align-items:center;gap:32px}
    .nav-link{font-size:13px;font-weight:500;color:rgba(255,255,255,.7);cursor:pointer;transition:color .25s;position:relative}
    .nav-link::after{content:'';position:absolute;left:0;bottom:-3px;width:0;height:1.5px;background:var(--g300);transition:width .3s var(--smooth)}
    .nav-link:hover{color:rgba(255,255,255,.95)}.nav-link:hover::after{width:100%}
    #nav.pinned .nav-link{color:var(--smoke)}#nav.pinned .nav-link:hover{color:var(--g800)}#nav.pinned .nav-link::after{background:var(--g500)}
    .nav-link.active{color:#fff}.nav-link.active::after{width:100%}
    #nav.pinned .nav-link.active{color:var(--g700)}
    .nav-cta{padding:10px 26px;background:var(--g500);color:#fff;border:none;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.04em;border-radius:var(--r);transition:background .2s,transform .15s}
    #nav.pinned .nav-cta{background:var(--g800)}
    .nav-cta:hover{background:var(--g600);transform:translateY(-1px)}
    .nav-ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border:none;background:none}
    .nav-ham span{display:block;width:22px;height:1.5px;background:rgba(255,255,255,.78);transition:transform .3s var(--ease),opacity .3s,width .3s}
    #nav.pinned .nav-ham span{background:var(--g800)}
    .nav-ham.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
    .nav-ham.open span:nth-child(2){opacity:0;width:14px}
    .nav-ham.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
    #mob{position:fixed;inset:66px 0 0;z-index:599;background:var(--cream);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 var(--pad-x);gap:32px;transform:translateX(100%);transition:transform .45s var(--smooth);pointer-events:none}
    #mob.open{transform:none;pointer-events:all}
    .mob-link{font-family:var(--serif);font-size:clamp(28px,6vw,48px);font-weight:300;font-style:italic;color:var(--haze);cursor:pointer;transition:color .2s}
    .mob-link:hover{color:var(--g700)}

    /* REVEAL */
    .rv{opacity:0;transform:translateY(36px);transition:opacity .72s var(--smooth),transform .72s var(--smooth)}
    .rv.in{opacity:1;transform:none}
    .rv-l{opacity:0;transform:translateX(-44px);transition:opacity .72s var(--smooth),transform .72s var(--smooth)}
    .rv-l.in{opacity:1;transform:none}
    .d1{transition-delay:.06s}.d2{transition-delay:.13s}.d3{transition-delay:.2s}.d4{transition-delay:.27s}.d5{transition-delay:.34s}.d6{transition-delay:.41s}

    /* UTILS */
    .sec-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:20px}
    .sec-eyebrow-line{display:block;width:0;height:1px;background:var(--g500);transition:width .6s var(--smooth) .15s}
    .sec-eyebrow.in .sec-eyebrow-line{width:32px}
    .sec-eyebrow-txt{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--g500)}
    .sec-h{font-family:var(--serif);font-size:clamp(40px,5.5vw,80px);font-weight:400;line-height:1.06;color:var(--g900);letter-spacing:-.01em}
    .sec-h i{font-style:italic;color:var(--g500)}

    /* BTT */
    #btt{position:fixed;bottom:28px;right:28px;z-index:500;width:44px;height:44px;border-radius:50%;background:var(--g700);color:rgba(255,255,255,.85);border:1px solid var(--g500);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s,background .2s;box-shadow:0 4px 20px rgba(18,57,30,.18)}
    #btt.show{opacity:1;transform:none}#btt:hover{background:var(--g600);transform:translateY(-2px)}

    /* ── HERO ── */
    .ins-hero{
      min-height:52svh;
      background:var(--g900);
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      padding:calc(66px + 28px) var(--pad-x) clamp(48px,6vw,80px);
      position:relative;
      overflow:hidden;
    }
    .ins-hero::before{
      content:'';position:absolute;inset:0;
      background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:36px 36px;pointer-events:none;
    }
    .ins-hero::after{
      content:'';position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);
      width:800px;height:400px;
      background:radial-gradient(ellipse,rgba(74,171,98,.13) 0%,transparent 70%);
      pointer-events:none;
    }
    .ins-hero-inner{position:relative;z-index:1;max-width:760px}
    .ins-hero-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:20px}
    .ins-hero-eyebrow-line{display:block;width:32px;height:1px;background:var(--g400)}
    .ins-hero-eyebrow-txt{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--g400)}
    .ins-hero-h{font-family:var(--serif);font-size:clamp(44px,6vw,88px);font-weight:400;line-height:1.04;color:#fff;letter-spacing:-.01em;margin-bottom:20px}
    .ins-hero-h em{font-style:italic;color:var(--g300)}
    .ins-hero-p{font-size:clamp(15px,1.5vw,18px);color:rgba(255,255,255,.6);line-height:1.72;max-width:520px;margin-bottom:36px}
    .ins-hero-stats{display:flex;gap:40px;flex-wrap:wrap}
    .ins-stat{display:flex;flex-direction:column;gap:4px}
    .ins-stat-num{font-family:var(--serif);font-size:28px;font-weight:600;color:var(--g300)}
    .ins-stat-lbl{font-size:11px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4)}

    /* ── FILTERS ── */
    .ins-filters{
      padding:clamp(28px,3vw,40px) var(--pad-x);
      background:var(--white);
      border-bottom:1px solid var(--line2);
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
    }
    .ins-filter-btn{
      padding:8px 18px;border-radius:100px;border:1px solid var(--line);
      background:transparent;font-size:12px;font-family:var(--mono);
      letter-spacing:.1em;text-transform:uppercase;color:var(--smoke);
      cursor:pointer;transition:all .2s;
    }
    .ins-filter-btn:hover{border-color:var(--line-dk);color:var(--g700);background:var(--g050)}
    .ins-filter-btn.active{background:var(--g800);border-color:var(--g800);color:#fff}

    /* ── GRID ── */
    .ins-section{
      padding:clamp(48px,6vw,80px) var(--pad-x);
      background:var(--cream);
    }
    .ins-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:28px;
    }
    .ins-card{
      background:var(--white);
      border-radius:var(--r-lg);
      border:1px solid var(--line2);
      overflow:hidden;
      transition:transform .3s var(--smooth),box-shadow .3s;
      cursor:pointer;
    }
    .ins-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(18,57,30,.1)}
    .ins-card.featured{grid-column:span 3}
    .ins-card.featured .ins-card-body{max-width:640px}
    .ins-thumb{
      aspect-ratio:16/9;overflow:hidden;
      background:var(--stone);position:relative;
    }
    .ins-card.featured .ins-thumb{aspect-ratio:21/9}
    .ins-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--smooth)}
    .ins-card:hover .ins-thumb img{transform:scale(1.04)}
    .ins-card-body{padding:28px 28px 24px}
    .ins-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px}
    .ins-cat{
      display:inline-block;padding:4px 12px;border-radius:100px;
      background:var(--g100);color:var(--g700);font-size:10px;
      font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-weight:500;
    }
    .ins-cat.marketing{background:#fef3c7;color:#92400e}
    .ins-cat.tecnologia{background:#dbeafe;color:#1e40af}
    .ins-cat.empresarial{background:var(--g100);color:var(--g700)}
    .ins-cat.estrategia{background:#f3e8ff;color:#6b21a8}
    .ins-date{font-size:11px;font-family:var(--mono);color:var(--haze);letter-spacing:.06em}
    .ins-title{
      font-family:var(--serif);font-size:clamp(18px,2vw,24px);font-weight:500;
      color:var(--g900);line-height:1.28;margin-bottom:12px;
      transition:color .2s;
    }
    .ins-card:hover .ins-title{color:var(--g600)}
    .ins-excerpt{font-size:14px;color:var(--smoke);line-height:1.75;margin-bottom:20px}
    .ins-read{
      display:inline-flex;align-items:center;gap:8px;
      font-size:12px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;
      color:var(--g600);font-weight:500;
      transition:gap .2s var(--spring);
    }
    .ins-card:hover .ins-read{gap:12px}
    .ins-read-arr{
      display:inline-block;width:14px;height:1px;background:var(--g500);
      position:relative;transition:width .2s var(--spring);
    }
    .ins-read-arr::after{
      content:'';position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(45deg);
      width:5px;height:5px;border-right:1.5px solid var(--g500);border-top:1.5px solid var(--g500);
    }
    .ins-card:hover .ins-read-arr{width:20px}

    /* ── NEWSLETTER ── */
    .ins-nl{
      background:var(--g900);
      padding:clamp(48px,6vw,80px) var(--pad-x);
      position:relative;overflow:hidden;
    }
    .ins-nl::before{
      content:'';position:absolute;inset:0;
      background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:36px 36px;pointer-events:none;
    }
    .ins-nl-inner{
      position:relative;z-index:1;
      max-width:640px;margin:0 auto;text-align:center;
    }
    .ins-nl-tag{
      display:inline-flex;align-items:center;gap:8px;
      font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;
      color:var(--g400);margin-bottom:20px;
    }
    .ins-nl-tag-dot{width:5px;height:5px;border-radius:50%;background:var(--g400)}
    .ins-nl-h{font-family:var(--serif);font-size:clamp(32px,4vw,54px);font-weight:400;color:#fff;line-height:1.1;margin-bottom:12px}
    .ins-nl-h em{font-style:italic;color:var(--g300)}
    .ins-nl-p{font-size:15px;color:rgba(255,255,255,.55);line-height:1.72;margin-bottom:32px}
    .ins-nl-form{display:flex;gap:10px;max-width:460px;margin:0 auto;flex-wrap:wrap}
    .ins-nl-input{
      flex:1;min-width:220px;padding:14px 18px;border-radius:var(--r);
      border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);
      color:#fff;font-size:14px;font-family:var(--sans);
      transition:border-color .2s,background .2s;
    }
    .ins-nl-input::placeholder{color:rgba(255,255,255,.3)}
    .ins-nl-input:focus{outline:none;border-color:var(--g400);background:rgba(255,255,255,.09)}
    .ins-nl-btn{
      padding:14px 28px;background:var(--g500);color:#fff;border:none;cursor:pointer;
      border-radius:var(--r);font-size:14px;font-weight:500;letter-spacing:.03em;
      transition:background .2s,transform .15s;white-space:nowrap;
    }
    .ins-nl-btn:hover{background:var(--g400);transform:translateY(-1px)}
    .ins-nl-note{margin-top:14px;font-size:11px;color:rgba(255,255,255,.28);font-family:var(--mono);letter-spacing:.06em}

    /* ── FOOTER ── */
    #footer{background:var(--g900);padding:clamp(56px,7vw,96px) var(--pad-x) 32px}
    .footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.07)}
    .footer-logo-wrap{display:flex;align-items:center;gap:12px;margin-bottom:16px}
    .f-logo-name{font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:.1em;color:rgba(255,255,255,.8)}
    .f-logo-name em{color:var(--g400);font-style:normal}
    .footer-desc{font-size:13px;color:rgba(255,255,255,.38);line-height:1.8;margin-bottom:24px;max-width:280px}
    .footer-social{display:flex;gap:10px}
    .soc-btn{
      width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.12);
      display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);
      transition:border-color .2s,color .2s,background .2s;
    }
    .soc-btn:hover{border-color:var(--g400);color:var(--g300);background:rgba(74,171,98,.08)}
    .foot-col-h{font-size:10px;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:18px}
    .foot-links{display:flex;flex-direction:column;gap:12px}
    .foot-link{font-size:13px;color:rgba(255,255,255,.45);transition:color .2s;cursor:pointer}
    .foot-link:hover{color:rgba(255,255,255,.85)}
    .footer-bottom{padding-top:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
    .foot-copy{font-size:12px;color:rgba(255,255,255,.28);font-family:var(--mono)}
    .foot-copy em{font-style:normal;color:rgba(255,255,255,.45)}

    /* ── RESPONSIVE ── */
    @media(max-width:900px){
      .ins-grid{grid-template-columns:1fr 1fr}
      .ins-card.featured{grid-column:span 2}
      .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
    }
    @media(max-width:600px){
      .ins-grid{grid-template-columns:1fr}
      .ins-card.featured{grid-column:span 1}
      .footer-grid{grid-template-columns:1fr}
      .nav-links,.nav-cta{display:none}
      .nav-ham{display:flex}
      #dot,#ring{display:none}
      body{cursor:auto}
    }