:root{
      --primary:#03877c;
      --green-dark:#024d46;
      --green-dark-2:#015c55;
      --green-light:#03877c;
      --green-contrast:#05b59d;
      --black:#050908;
      --black-2:#090e0d;
      --black-3:#0d1412;
      --ink:#f3f8f6;
      --muted:#8b9995;
      --line:rgba(229,245,239,.13);
      --line-strong:rgba(5,181,157,.32);
      --container:min(1240px,calc(100vw - 112px));
      --ease:cubic-bezier(.2,.75,.15,1);
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;background:var(--black)}
    body{
      font-family:"Manrope",sans-serif;
      color:var(--ink);
      background:
        radial-gradient(circle at 82% 12%,rgba(3,135,124,.10),transparent 30%),
        linear-gradient(180deg,#040706 0%,#07100e 48%,#040706 100%);
      overflow-x:hidden;
      min-height:100vh;
    }
    body::before{
      content:"";
      position:fixed;inset:0;z-index:-2;pointer-events:none;
      opacity:.34;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 90%);
    }
    body::after{
      content:"";
      position:fixed;width:42vw;height:42vw;border-radius:50%;
      right:-18vw;top:18vh;z-index:-1;pointer-events:none;
      background:radial-gradient(circle,rgba(5,181,157,.11),transparent 65%);
      filter:blur(10px);
    }

    a{color:inherit;text-decoration:none}
    button,input,textarea,select{font:inherit}
    button{color:inherit}
    img,video{display:block;max-width:100%}
    ::selection{background:var(--green-contrast);color:#001c17}
	
	.nav-cta .fa-whatsapp {
    transform: none !important;
    rotate: 0deg !important;
	}

    .mono{font-family:"DM Mono",monospace}
    .container{width:var(--container);margin-inline:auto}
    .section{position:relative;padding:150px 0}
    .hairline{border-top:1px solid var(--line)}
    .accent{color:var(--green-contrast)}
    .muted{color:var(--muted)}

    /* Cursor */
    .cursor-dot,.cursor-ring{
      position:fixed;pointer-events:none;z-index:9999;border-radius:50%;
      transform:translate(-50%,-50%);opacity:0;
    }
    .cursor-dot{width:6px;height:6px;background:var(--green-contrast)}
    .cursor-ring{
      width:34px;height:34px;border:1px solid rgba(5,181,157,.7);
      transition:width .25s,height .25s,background .25s,border .25s;
    }
    body.cursor-ready .cursor-dot,
    body.cursor-ready .cursor-ring{opacity:1}
    body.cursor-hover .cursor-ring{
      width:54px;height:54px;background:rgba(5,181,157,.08);
      border-color:rgba(5,181,157,.25)
    }

    /* Fixed rail */
    .rail{
      position:fixed;left:0;top:0;bottom:0;width:72px;z-index:1000;
      border-right:1px solid var(--line);
      display:flex;flex-direction:column;align-items:center;justify-content:space-between;
      padding:22px 0;background:rgba(4,7,6,.72);backdrop-filter:blur(18px);
    }
    .rail-brand{
      width:42px;height:42px;border-radius:13px;
      display:grid;place-items:center;font:800 .9rem "Manrope";
      background:linear-gradient(145deg,var(--green-dark),var(--green-contrast));
      box-shadow:0 12px 30px rgba(3,135,124,.22)
    }
    .rail-word{
      writing-mode:vertical-rl;transform:rotate(180deg);
      font:500 .64rem "DM Mono";letter-spacing:.19em;text-transform:uppercase;color:#66736f
    }
    .rail-social{display:grid;gap:9px}
    .rail-social a{
      width:34px;height:34px;display:grid;place-items:center;
      border:1px solid var(--line);border-radius:50%;font-size:.76rem;color:#81908c;
      transition:.3s
    }
    .rail-social a:hover{border-color:var(--green-contrast);color:var(--green-contrast);transform:translateY(-2px)}

    /* Top nav */
    .topbar{
      position:fixed;left:72px;right:0;top:0;z-index:900;
      height:88px;display:flex;align-items:center;
      transition:.35s var(--ease);
    }
	.topbar .brand-logo img {
    height: 80px;
}
    .topbar.scrolled{
      background:rgba(4,7,6,.82);backdrop-filter:blur(18px);
      border-bottom:1px solid var(--line);
    }
    .topbar-inner{
      width:var(--container);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px
    }
    .top-brand{display:flex;align-items:center;gap:11px;font-size:.8rem;font-weight:700;letter-spacing:-.02em}
    .top-brand span{color:#697671;font:400 .64rem "DM Mono";letter-spacing:.12em;text-transform:uppercase}
    .nav-cluster{display:flex;align-items:center;gap:30px}
    .nav-links{display:flex;list-style:none;gap:25px;font:500 .74rem "DM Mono";text-transform:uppercase;letter-spacing:.08em}
    .nav-links a{color:#889691;transition:.25s}
    .nav-links a:hover{color:#fff}
    .nav-cta{
      display:flex;align-items:center;gap:13px;font-size:.76rem;font-weight:800;
      padding:10px 10px 10px 17px;border:1px solid var(--line);border-radius:99px;transition:.3s
    }
    .nav-cta i{
      width:31px;height:31px;border-radius:50%;display:grid;place-items:center;
      background:var(--green-contrast);color:#04231e;transform:rotate(-45deg);transition:.3s
    }
    .nav-cta:hover{border-color:var(--line-strong)}
    .nav-cta:hover i{transform:rotate(0)}
    .menu-btn{
      display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);
      background:transparent;cursor:pointer
    }

    /* HERO */
    .hero{
      min-height:100vh;
      padding:140px 0 55px;
      position:relative;overflow:hidden;
    }
    .hero-grid{
      width:var(--container);margin:auto;
      display:grid;grid-template-columns:1.12fr .88fr;
      gap:48px;align-items:start;position:relative;z-index:2;
      min-width:0;
    }
    .hero-index{
      display:flex;align-items:center;gap:14px;
      font:500 .67rem "DM Mono";text-transform:uppercase;letter-spacing:.13em;color:#71807c;
      margin-bottom:44px
    }
    .hero-index::before{content:"";width:38px;height:1px;background:var(--green-contrast)}
    .hero-title{
      font-size:clamp(4.9rem,8.1vw,9.8rem);
      line-height:.80;letter-spacing:-.085em;font-weight:800;text-transform:uppercase;
      position:relative;z-index:3
    }
    .hero-title .line{display:block}
    .hero-title .line:nth-child(2){
      color:transparent;-webkit-text-stroke:1px rgba(243,248,246,.72);
      margin-left:10vw
    }
    .hero-title .line:nth-child(3){color:var(--green-contrast);margin-left:2vw}
    .hero-copy{
      max-width:515px;margin:44px 0 0 8vw;
      color:#9aa6a2;font-size:1.02rem;line-height:1.75
    }
    .hero-actions{
      display:flex;align-items:center;gap:18px;margin:34px 0 0 8vw;flex-wrap:wrap
    }
    .btn-main{
      display:inline-flex;align-items:center;gap:16px;
      padding:9px 9px 9px 20px;border-radius:999px;background:var(--green-contrast);
      color:#052720;font-size:.79rem;font-weight:800;transition:.3s;
    }
    .btn-main span{
      width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
      background:#042d27;color:#fff;transition:.3s
    }
    .btn-main:hover{transform:translateY(-3px)}
    .btn-main:hover span{transform:rotate(45deg)}
    .btn-text{
      display:inline-flex;align-items:center;gap:9px;color:#aab6b2;font-size:.78rem;font-weight:700;
      border-bottom:1px solid #3a4844;padding-bottom:5px
    }
    .btn-text i{font-size:.67rem;color:var(--green-contrast)}

    .hero-media-wrap{
      position:sticky;top:124px;height:610px;z-index:1;
      width:100%;min-width:0;
    }
    .hero-media{
      position:absolute;right:0;top:0;width:100%;height:100%;
      border-radius:190px 18px 190px 18px;overflow:hidden;
      border:1px solid rgba(5,181,157,.19);
      background:#020403;box-shadow:0 45px 100px rgba(0,0,0,.42);
      clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%);
    }
    .hero-media video{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.1) brightness(.56)}
    .hero-video-play{
      position:absolute;left:50%;top:50%;z-index:4;
      width:62px;height:62px;border:1px solid rgba(255,255,255,.34);border-radius:50%;
      display:grid;place-items:center;transform:translate(-50%,-50%);
      background:rgba(5,181,157,.92);color:#fff;cursor:pointer;
      box-shadow:0 12px 34px rgba(0,0,0,.38);backdrop-filter:blur(8px);
    }
    .hero-video-play[hidden]{display:none}
    .hero-video-play i{margin-left:3px}
    .hero-media::after{
      content:"";position:absolute;inset:0;
      background:
        linear-gradient(90deg,rgba(3,135,124,.18),transparent 35%),
        linear-gradient(180deg,transparent 50%,rgba(2,8,7,.8));
      pointer-events:none
    }
    .media-label{
      position:absolute;left:-48px;bottom:68px;z-index:4;
      display:flex;align-items:center;gap:15px;
      padding:13px 16px;background:rgba(5,9,8,.86);backdrop-filter:blur(14px);
      border:1px solid var(--line);border-radius:99px;
      font:500 .66rem "DM Mono";letter-spacing:.1em;text-transform:uppercase
    }
    .media-label b{color:var(--green-contrast);font-weight:500}
    .hero-orbit{
      position:absolute;width:150px;height:150px;border:1px solid rgba(5,181,157,.18);
      border-radius:50%;right:-48px;top:60px;animation:spin 13s linear infinite
    }
    .hero-orbit::before{
      content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green-contrast);
      left:50%;top:-4px;box-shadow:0 0 18px rgba(5,181,157,.7)
    }
    @keyframes spin{to{transform:rotate(360deg)}}

    .hero-foot{
      width:var(--container);margin:40px auto 0;
      display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;
      border-top:1px solid var(--line);border-bottom:1px solid var(--line)
    }
    .hero-stat{position:relative;padding:24px;}
    .hero-stat:not(:last-child)::after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:var(--line)}
    .hero-stat small{font:500 .62rem "DM Mono";color:#64716d;text-transform:uppercase;letter-spacing:.1em}
    .hero-stat strong{display:block;font-size:1.05rem;margin-top:7px}

    /* Statement */
    .statement{padding:85px 0 90px;}
    .statement-row{
      display:flex;align-items:flex-start;gap:5vw;width:var(--container);margin:auto
    }
    .section-no{font:500 .7rem "DM Mono";color:var(--green-contrast);padding-top:16px;min-width:62px}
    .statement h2{
      font-size:clamp(3.4rem,6.2vw,7.4rem);line-height:.93;letter-spacing:-.065em;
      max-width:1030px;font-weight:700
    }
    .statement h2 em{font-style:normal;color:#61706c}
    .statement-meta{
      margin-top:70px;margin-left:calc(62px + 5vw);max-width:650px;display:grid;grid-template-columns:1fr 1fr;gap:28px
    }
    .statement-meta p{color:#899691;font-size:.91rem;line-height:1.75}
    .statement-meta p:first-child{color:#dce5e2}

    /* Services editorial */
    .services{padding:95px 0 135px}
    .services-head{
      width:var(--container);margin:auto;display:grid;grid-template-columns:180px 1fr;
      gap:40px;padding-bottom:45px;border-bottom:1px solid var(--line)
    }
    .services-head h2{font-size:clamp(2rem,3.6vw,4.2rem);line-height:1;letter-spacing:-.055em}
    .services-list{width:var(--container);margin:auto}
    .service-row{
      position:relative;display:grid;grid-template-columns:180px 1.15fr .85fr 70px;
      gap:40px;align-items:center;min-height:220px;border-bottom:1px solid var(--line);
      overflow:hidden;transition:.45s var(--ease)
    }
    .service-row::before{
      content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,181,157,.08),transparent 62%);
      transform:translateX(-102%);transition:.55s var(--ease)
    }
    .service-row:hover::before{transform:none}
    .service-row:hover{padding-left:18px}
    .service-id{font:500 .66rem "DM Mono";color:#65736f;text-transform:uppercase;letter-spacing:.1em;position:relative}
    .service-row h3{
      font-size:clamp(2rem,3.3vw,3.8rem);line-height:1;letter-spacing:-.055em;font-weight:700;position:relative
    }
    .service-row p{font-size:.9rem;color:#87948f;line-height:1.7;max-width:410px;position:relative}
    .service-arrow{
      width:54px;height:54px;border-radius:50%;border:1px solid var(--line);
      display:grid;place-items:center;justify-self:end;position:relative;transition:.3s
    }
    .service-arrow i{transform:rotate(-45deg);transition:.3s}
    .service-row:hover .service-arrow{background:var(--green-contrast);color:#05241f;border-color:var(--green-contrast)}
    .service-row:hover .service-arrow i{transform:rotate(0)}
    .service-ghost{
      position:absolute;right:6vw;top:50%;transform:translateY(-50%);
      font-size:8rem;font-weight:800;letter-spacing:-.08em;color:rgba(255,255,255,.025);
      pointer-events:none
    }

    /* Project stack */
    .projects{padding:90px 0 155px}
    .project-head{
      width:var(--container);margin:auto  auto 70px;
      display:flex;justify-content:space-between;align-items:end;gap:30px
    }
    .project-head h2{font-size:clamp(3rem,5.2vw,6.2rem);line-height:.92;letter-spacing:-.065em}
    .project-head p{max-width:370px;color:#7f8c88;font-size:.86rem;line-height:1.7}
    .project-stack{width:var(--container);margin:auto;display:grid;gap:42px}
    .project-panel{
      min-height:620px;position:sticky;top:108px;overflow:hidden;
      border:1px solid var(--line);border-radius:30px;
      background:#09100e;box-shadow:0 40px 90px rgba(0,0,0,.35)
    }
    .project-panel:nth-child(2){top:126px}
    .project-panel:nth-child(3){top:144px}
    .project-backdrop{position:absolute;inset:0}
    .project-panel.chaybom .project-backdrop{background:radial-gradient(circle at 80% 20%,#f0cd73 0,transparent 32%),linear-gradient(130deg,#0f4b49,#0b1917 70%)}
    .project-panel.hl .project-backdrop{background:radial-gradient(circle at 80% 30%,#36b7d5 0,transparent 28%),linear-gradient(130deg,#092d50,#07141d 70%)}
    .project-panel.ponto .project-backdrop{background:radial-gradient(circle at 76% 20%,#ff6b24 0,transparent 25%),linear-gradient(130deg,#101e3c,#080d17 72%)}
    .project-backdrop::after{
      content:"";position:absolute;inset:0;
      background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
      background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000)
    }
    .project-content{
      position:relative;z-index:2;height:100%;min-height:620px;padding:46px;
      display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:45px
    }
    .project-copy .tag{font:500 .64rem "DM Mono";letter-spacing:.12em;text-transform:uppercase;color:#c4d1cd}
    .project-copy h3{font-size:clamp(2.8rem,4.6vw,5.6rem);line-height:.88;letter-spacing:-.07em;margin-top:22px}
    .project-copy p{color:#a3afab;max-width:360px;font-size:.88rem;line-height:1.7;margin-top:24px}
    .project-copy a{display:inline-flex;align-items:center;gap:10px;margin-top:30px;font-size:.76rem;font-weight:800}
    .project-copy a i{color:var(--green-contrast);transform:rotate(-45deg)}
    .project-device{
      height:430px;border-radius:18px;background:#f3f6f5;padding:12px;
      box-shadow:0 35px 80px rgba(0,0,0,.35);
      transform:perspective(1100px) rotateY(-6deg) rotateX(3deg);transition:.6s var(--ease)
    }
    .project-panel:hover .project-device{transform:perspective(1100px) rotateY(-1deg) rotateX(0) translateY(-8px)}
    .device-bar{height:28px;border-radius:9px 9px 0 0;background:#e6ebe9;display:flex;align-items:center;gap:5px;padding:0 10px}
    .device-bar i{width:6px;height:6px;border-radius:50%;background:#aebbb7}
    .device-page{height:calc(100% - 28px);background:#fff;border-radius:0 0 8px 8px;padding:18px}
    .device-logo{width:65px;height:8px;border-radius:99px;background:#1f4a44}
    .device-hero{height:58%;margin-top:17px;border-radius:10px}
    .chaybom .device-hero{background:linear-gradient(130deg,#7ed4d0,#f8d577)}
    .hl .device-hero{background:linear-gradient(130deg,#07549a,#42c3dc)}
    .ponto .device-hero{background:linear-gradient(130deg,#091f42,#ff5d17)}
    .device-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
    .device-cards span{height:68px;border-radius:8px;background:#edf1ef}

    /* Systems — schematic */
    .systems{
      padding:125px 0;background:#07100e;border-block:1px solid var(--line);overflow:hidden
    }
    .systems-grid{
      width:var(--container);margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center
    }
    .systems-copy h2{font-size:clamp(3rem,5vw,6rem);line-height:.92;letter-spacing:-.065em}
    .systems-copy p{color:#82908b;max-width:520px;line-height:1.75;margin-top:28px;font-size:.92rem}
    .systems-copy .btn-main{margin-top:34px}
    .scheme{
      position:relative;min-height:560px;
      border:1px solid var(--line);border-radius:28px;
      background:
        linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),
        #091411;
      background-size:28px 28px;overflow:hidden
    }
    .scheme::before{
      content:"";position:absolute;width:360px;height:360px;border-radius:50%;
      background:radial-gradient(circle,rgba(5,181,157,.16),transparent 67%);right:-80px;top:-60px
    }
    .node{
      position:absolute;padding:14px 16px;border:1px solid #284139;background:#0d1a17;
      border-radius:12px;min-width:140px;box-shadow:0 14px 32px rgba(0,0,0,.25)
    }
    .node b{display:block;font-size:.76rem}.node small{font:400 .58rem "DM Mono";color:#73817d}
    .node i{color:var(--green-contrast);margin-right:8px}
    .node-1{left:9%;top:15%}.node-2{right:8%;top:24%}.node-3{left:16%;bottom:18%}.node-4{right:14%;bottom:13%}
    .core{
      position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
      width:140px;height:140px;border-radius:50%;display:grid;place-items:center;text-align:center;
      background:radial-gradient(circle at 35% 30%,#086f64,#023e38);
      border:1px solid rgba(5,181,157,.5);box-shadow:0 0 0 14px rgba(5,181,157,.045),0 0 80px rgba(5,181,157,.15)
    }
    .core b{font-size:1rem}.core span{display:block;font:400 .54rem "DM Mono";color:#a8d7ce;margin-top:4px}
    .scheme svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
    .scheme path{fill:none;stroke:rgba(5,181,157,.34);stroke-width:1.2;stroke-dasharray:7 7;animation:dash 7s linear infinite}
    @keyframes dash{to{stroke-dashoffset:-140}}
	
	
	.traffic-cta {
    width: var(--container);
    margin: 58px auto 0;
    padding: 55px 60px;
    border: 1px solid var(--line);
    border-radius: 28px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(5, 181, 157, .12),
            transparent 32%
        ),
        linear-gradient(135deg, #091411, #050908);

    position: relative;
    overflow: hidden;
}

.traffic-cta::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, .025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, .025) 1px,
            transparent 1px
        );

    background-size: 34px 34px;
    pointer-events: none;
}

.traffic-cta-copy {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.traffic-cta-copy > span {
    display: block;
    margin-bottom: 18px;

    color: var(--green-contrast);
    font-size: .62rem;
    letter-spacing: .13em;
}

.traffic-cta h3 {
    font-size: clamp(2rem, 3.3vw, 4rem);
    line-height: 1;
    letter-spacing: -.055em;
    font-weight: 700;
}

.traffic-cta h3 strong {
    color: var(--green-contrast);
    font-weight: 700;
}

.traffic-cta p {
    max-width: 650px;
    margin-top: 20px;

    color: #81908b;
    font-size: .9rem;
    line-height: 1.75;
}

.traffic-cta .btn-main {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

@media (max-width: 900px) {
    .traffic-cta {
        padding: 42px 35px;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }
}

@media (max-width: 720px) {
    .traffic-cta {
        margin-top: 55px;
        padding: 32px 24px;
        border-radius: 20px;
    }

    .traffic-cta h3 {
        font-size: 2.2rem;
    }
}

    /* Traffic */
    .traffic{padding:120px 0 110px;overflow:hidden}
    .traffic-top{
      width:var(--container);margin:auto;display:grid;grid-template-columns:180px 1fr 1fr;gap:40px;align-items:start
    }
    .traffic-top h2{font-size:clamp(3rem,5.2vw,6.2rem);line-height:.91;letter-spacing:-.065em}
    .traffic-top p{color:#81908b;line-height:1.75;font-size:.9rem;max-width:420px;padding-top:10px}
    .signal{
      width:var(--container);height:380px;margin:90px auto 0;position:relative;
      border-block:1px solid var(--line);overflow:hidden
    }
    .signal::before{
      content:"";position:absolute;inset:0;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:50px 50px;
    }
    .signal svg{position:absolute;inset:0;width:100%;height:100%}
    .signal .grid-line{stroke:rgba(255,255,255,.04);stroke-width:1}
    .signal .wave{
      fill:none;stroke:var(--green-contrast);stroke-width:2.2;
      filter:drop-shadow(0 0 8px rgba(5,181,157,.34));
      stroke-dasharray:1800;stroke-dashoffset:1800;
      transition:stroke-dashoffset 1.8s var(--ease)
    }
    .signal.visible .wave{stroke-dashoffset:0}
    .signal-label{
      position:absolute;top:25px;left:25px;font:500 .62rem "DM Mono";text-transform:uppercase;letter-spacing:.12em;color:#75837f
    }
    .signal-metrics{
      position:absolute;right:0;top:0;bottom:0;width:42%;
      display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:1px;background:var(--line)
    }
    .signal-metric{background:#050908;padding:27px}
    .signal-metric b{font-size:1.35rem}.signal-metric span{display:block;font-size:.7rem;color:#76847f;margin-top:4px}

    /* Partnership 2.0 */
    .partnership{padding:160px 0;background:#04100d;overflow:hidden}
    .bridge{
      width:var(--container);margin:auto;
      display:grid;grid-template-columns:1fr 160px 1fr;align-items:center;gap:35px
    }
    .brand-block{
      min-height:340px;border:1px solid var(--line);border-radius:28px;padding:38px;
      display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;
      background:linear-gradient(145deg,#0a1512,#07100e)
    }
    .brand-block::after{
      content:"";position:absolute;width:260px;height:260px;border-radius:50%;
      border:1px solid rgba(5,181,157,.10);right:-100px;bottom:-120px;
      box-shadow:0 0 0 40px rgba(5,181,157,.025)
    }
    .brand-block .kicker{font:500 .62rem "DM Mono";letter-spacing:.12em;text-transform:uppercase;color:#687772}
    .brand-block strong{font-size:clamp(3.2rem,5vw,5.6rem);letter-spacing:-.08em;line-height:.85;position:relative;z-index:2}
    .brand-block p{color:#7f8e89;font-size:.82rem;max-width:330px;line-height:1.65;position:relative;z-index:2}
    .brand-block.j2w strong{color:var(--green-contrast)}
    .bridge-line{height:1px;background:linear-gradient(90deg,var(--primary),var(--green-contrast));position:relative}
    .bridge-line::before,.bridge-line::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green-contrast);top:50%;transform:translateY(-50%)}
    .bridge-line::before{left:0}.bridge-line::after{right:0}
    .bridge-line span{
      position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
      width:62px;height:62px;border-radius:50%;background:#06120f;border:1px solid var(--line-strong);
      display:grid;place-items:center;color:var(--green-contrast)
    }
    .partnership-copy{
      width:var(--container);margin:65px auto 0;display:grid;grid-template-columns:180px 1fr 1fr;gap:40px
    }
    .partnership-copy h2{font-size:clamp(2.6rem,4.3vw,5rem);line-height:.95;letter-spacing:-.06em}
    .partnership-copy p{color:#83918d;line-height:1.75;font-size:.88rem}
    .partner-points{display:grid;gap:12px;margin-top:25px}
    .partner-points span{display:flex;gap:10px;align-items:center;color:#a5b1ad;font-size:.78rem}
    .partner-points i{color:var(--green-contrast)}

    /* Contact */
    .contact{padding:130px 0 70px}
    .contact-head{
      width:var(--container);margin:auto;
      display:grid;grid-template-columns:180px 1fr;gap:40px
    }
    .contact h2{
      font-size:clamp(4.2rem,8.3vw,10rem);line-height:.76;letter-spacing:-.085em;text-transform:uppercase
    }
    .contact h2 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(243,248,246,.58);margin-left:8vw}
    .contact-grid{
      width:var(--container);margin:70px auto 0;display:grid;grid-template-columns:.72fr 1.28fr;gap:90px
    }
    .contact-note p{color:#85928e;font-size:.9rem;line-height:1.75;max-width:380px}
    .contact-note .contact-direct{display:grid;gap:16px;margin-top:36px}
    .contact-direct a{display:flex;align-items:center;gap:11px;font-size:.78rem;color:#a9b5b1}
    .contact-direct i{color:var(--green-contrast)}
    .contact-form{display:grid;grid-template-columns:1fr 1fr;gap:25px 28px}
    .field{position:relative;padding-top:8px}
    .field.full{grid-column:1/-1}
    .field label{display:block;font:500 .61rem "DM Mono";letter-spacing:.1em;text-transform:uppercase;color:#6c7a76;margin-bottom:9px}
    .field input,.field textarea,.field select{
      width:100%;background:transparent;border:0;border-bottom:1px solid #2a3834;
      color:#f2f7f5;padding:11px 0 14px;outline:0;border-radius:0;transition:.3s
    }
    .field textarea{min-height:90px;resize:vertical}
    .field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green-contrast)}
    .field input::placeholder,.field textarea::placeholder{color:#4f5d59}
    .field select option{background:#07100e;color:#fff}
    .contact-submit{
      grid-column:1/-1;justify-self:start;border:0;cursor:pointer;margin-top:14px
    }

    /* Footer */
    footer{
      width:var(--container);margin:60px auto 0;padding:38px 0 32px;border-top:1px solid var(--line);
      display:flex;justify-content:space-between;gap:30px;color:#63716c;font:400 .62rem "DM Mono";text-transform:uppercase;letter-spacing:.08em
    }

    /* Mobile menu */
    .mobile-panel{
      display:none;position:fixed;inset:0;z-index:1200;background:#040706;padding:24px;
      flex-direction:column;justify-content:space-between
    }
    .mobile-panel.active{display:flex}
    .mobile-panel-top{display:flex;justify-content:space-between;align-items:center}
    .mobile-close{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:none}
    .mobile-links{display:grid;gap:17px}
    .mobile-links a{font-size:clamp(2rem,9vw,4rem);font-weight:800;letter-spacing:-.06em}
    .mobile-links span{display:block;font:500 .6rem "DM Mono";color:#5d6a66;margin-bottom:3px;letter-spacing:.12em}

    /* Animations */
    [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
    [data-reveal].is-visible{opacity:1;transform:none}
    [data-delay="1"]{transition-delay:.12s}
    [data-delay="2"]{transition-delay:.24s}
    [data-delay="3"]{transition-delay:.36s}

    .parallax{will-change:transform}
    .word-reveal{overflow:hidden}
    .word-reveal > span{display:inline-block;transform:translateY(110%);transition:transform .9s var(--ease)}
    .word-reveal.is-visible > span{transform:none}

    @media(max-width:1100px){
      :root{--container:min(100% - 56px,1240px)}
      .rail{display:none}
      .topbar{left:0}
      .nav-links{display:none}
      .menu-btn{display:grid;place-items:center}
      .hero-grid{grid-template-columns:1fr}
      .hero{min-height:auto}
      .hero-media-wrap{position:relative;top:auto;height:540px;margin-top:35px}
      .hero-title .line:nth-child(2),.hero-title .line:nth-child(3),.hero-copy,.hero-actions{margin-left:0}
      .services-head,.service-row{grid-template-columns:120px 1fr}
      .service-row{padding:30px 0;min-height:0}
      .service-row p,.service-arrow{grid-column:2}
      .service-arrow{justify-self:start}
      .service-ghost{display:none}
      .project-content{grid-template-columns:1fr}
      .project-panel,.project-content{min-height:760px}
      .project-device{height:390px}
      .systems-grid,.traffic-top,.partnership-copy,.contact-grid{grid-template-columns:1fr}
      .traffic-top,.partnership-copy{gap:24px}
      .section-no{padding-top:0}
      .signal-metrics{width:52%}
      .bridge{grid-template-columns:1fr 90px 1fr}
      .contact-head{grid-template-columns:1fr}
    }

    @media(max-width:720px){
      :root{--container:calc(100% - 28px)}
      .topbar{height:76px}
      .topbar-inner{gap:10px}
      .nav-cta{display:none}
      .top-brand span{display:none}
      .hero{padding:120px 0 70px}
      .hero-index{
        width:100%;min-width:0;gap:10px;margin-bottom:36px;
        font-size:clamp(.52rem,2.45vw,.67rem);letter-spacing:.09em;line-height:1.55;
      }
      .hero-index::before{width:clamp(24px,10vw,38px);flex:0 0 auto}
      .hero-title{
        width:100%;max-width:100%;
        font-size:clamp(2.5rem,15.2vw,5.4rem);
        line-height:.84;letter-spacing:-.075em;
      }
      .hero-title .line{width:100%;max-width:100%;white-space:nowrap}
      .hero-title .line:nth-child(3){font-size:.94em}
      .hero-copy{max-width:100%;font-size:clamp(.9rem,4.2vw,1.02rem);overflow-wrap:anywhere}
      .hero-actions{width:100%;align-items:flex-start}
      .btn-main,.btn-text{max-width:100%}
      .hero-media-wrap{height:390px}
      .hero-media{border-radius:95px 14px 95px 14px}
      .hero-grid>*{min-width:0}
      .media-label{
        left:12px;right:12px;bottom:18px;width:max-content;max-width:calc(100% - 24px);
        gap:8px;padding:11px 13px;font-size:.57rem;letter-spacing:.06em;white-space:normal;
      }
      .hero-orbit{display:none}
      .hero-foot{grid-template-columns:1fr}
      .hero-stat{padding:18px 0}
      .hero-stat:not(:last-child)::after{display:none}
      .hero-stat:not(:last-child){border-bottom:1px solid var(--line)}
      .statement{padding:72px 0}
      .statement-row{display:block}
      .statement h2{margin-top:22px}
      .statement-meta{margin:40px 0 0;grid-template-columns:1fr}
      .services{padding:80px 0 120px}
      .services-head{grid-template-columns:1fr;gap:20px}
      .service-row{grid-template-columns:1fr;gap:18px;padding:32px 0}
      .service-row p,.service-arrow{grid-column:auto}
      .service-row h3{font-size:2.35rem}
      .projects{padding:70px 0 130px}
      .project-head{display:block}
      .project-head p{margin-top:22px}
      .project-panel,.project-content{min-height:700px}
      .project-content{padding:25px}
      .project-device{height:330px}
      .systems{padding:100px 0}
      .systems-grid{gap:45px}
      .scheme{min-height:500px}
      .node{min-width:112px;padding:11px;font-size:.72rem}
      .node-1{left:5%;top:12%}.node-2{right:5%;top:24%}.node-3{left:8%;bottom:16%}.node-4{right:8%;bottom:10%}
      .core{width:110px;height:110px}
      .traffic{padding:110px 0}
      .signal{height:520px}
      .signal-metrics{width:100%;height:47%;top:auto;bottom:0}
      .bridge{grid-template-columns:1fr;gap:22px}
      .bridge-line{height:80px;width:1px;justify-self:center;background:linear-gradient(var(--primary),var(--green-contrast))}
      .bridge-line::before{top:0;left:50%;transform:translate(-50%,-50%)}
      .bridge-line::after{top:auto;bottom:0;left:50%;right:auto;transform:translate(-50%,50%)}
      .partnership{padding:100px 0}
      .brand-block{min-height:260px}
      .contact{padding:110px 0 50px}
      .contact h2{font-size:clamp(3.8rem,18vw,6.7rem)}
      .contact h2 span{margin-left:0}
      .contact-grid{margin-top:65px;gap:55px}
      .contact-form{grid-template-columns:1fr}
      .field.full{grid-column:auto}
      .contact-submit{grid-column:auto}
      footer{display:block;line-height:1.7}
      footer span:last-child{display:block;margin-top:8px}
      .cursor-dot,.cursor-ring{display:none}
    }

    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
      .parallax{transform:none!important}
    }

/* =========================================================
   FIX V2.0 — reserva estrutural apenas para o conteúdo
   Mantém o menu/topbar exatamente como estava.
   ========================================================= */
@media (min-width: 901px) {
    main,
    footer {
        margin-left: var(--rail, 76px);
    }
}

@media (max-width: 900px) {
    main,
    footer {
        margin-left: 0;
    }
}

/* =========================================================
   AJUSTE HOME — faixa de destaques e início da seção seguinte
   ========================================================= */

/* Respiro entre o conteúdo e as divisórias verticais */
.hero-stat {
    padding-left: 24px;
    padding-right: 24px;
}

.hero-stat:first-child {
    padding-left: 0;
}

/* Divisória visualmente mais equilibrada */
.hero-stat:not(:last-child)::after {
    top: 18%;
    bottom: 18%;
}

/* Aproxima a próxima seção da faixa de destaques */
.statement {
    padding-top: 90px;
}

@media (max-width: 720px) {
    .hero-stat {
        padding-left: 0;
        padding-right: 0;
    }

    .statement {
        padding: 72px 0;
    }
}