:root{
    --ink:#15171C;
    --ink-soft:#1C1F26;
    --ink-line: rgba(255,255,255,.1);
    --coral:#FF5B3A;
    --coral-deep:#E2431F;
    --coral-soft: rgba(255,91,58,.14);
    --cream:#E8E4DA;
    --paper:#FBF9F3;
    --sand:#D8D1C0;
    --slate:#53565F;
    --mist:#9CA2AD;
    --white:#FFFFFF;
    --r-lg: 28px;
    --r-md: 18px;
    --r-sm: 10px;
    --shadow: 0 24px 48px -28px rgba(21,23,28,.35);
    --maxw: 1240px;
    color-scheme: light;
  }

  *,*::before,*::after{ box-sizing:border-box; }
  body{
    margin:0;
    background:var(--cream);
    color:var(--ink);
    font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  img{ max-width:100%; display:block; }
  a{ color:inherit; }
  h1,h2,h3{
    font-family:"Fredoka", "Plus Jakarta Sans", sans-serif;
    font-weight:600;
    margin:0;
    text-wrap:balance;
  }
  p{ margin:0; }
  button{ font-family:inherit; cursor:pointer; }
  :focus-visible{ outline:2.5px solid var(--coral); outline-offset:3px; }

  .wrap{
    max-width:var(--maxw);
    margin-inline:auto;
    padding-inline:24px;
  }
  @media (min-width:900px){ .wrap{ padding-inline:40px; } }

  .eyebrow{
    font-family:"JetBrains Mono", ui-monospace, monospace;
    font-size:.72rem;
    font-weight:600;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--coral);
    display:inline-flex;
    align-items:center;
    gap:.5em;
  }
  .eyebrow::before{
    content:"";
    width:7px; height:7px;
    border-radius:50%;
    background:var(--coral);
    display:inline-block;
  }
  .eyebrow--on-dark{ color:#FF8A6E; }

  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5em;
    padding:.95rem 1.7rem;
    border-radius:999px;
    font-weight:600;
    font-size:.95rem;
    border:1.5px solid transparent;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
    text-decoration:none;
    white-space:nowrap;
  }
  .btn:active{ transform:scale(.97); }
  .btn-primary{
    background:var(--coral);
    color:var(--white);
    box-shadow:0 14px 28px -14px rgba(255,91,58,.65);
  }
  .btn-primary:hover{ background:var(--coral-deep); transform:translateY(-2px); }
  .btn-ghost-dark{
    background:transparent;
    border-color:var(--ink-line);
    color:var(--white);
  }
  .btn-ghost-dark:hover{ border-color:rgba(255,255,255,.4); transform:translateY(-2px); }
  .btn-ghost-light{
    background:transparent;
    border-color:var(--sand);
    color:var(--ink);
  }
  .btn-ghost-light:hover{ border-color:var(--ink); transform:translateY(-2px); }
  .btn-sm{ padding:.7rem 1.3rem; font-size:.85rem; }

  /* ---------- NAV ---------- */
  .nav{
    position:fixed;
    top:env(safe-area-inset-top, 0px);
    left:0; right:0;
    z-index:100;
    background:rgba(251,249,243,.82);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid var(--sand);
  }
  .nav__row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:96px;
  }
  .nav__logo{ display:flex; align-items:center; }
  .nav__logo img{ height:52px; width:auto; display:block; }
  .nav__logo img.nav__logo-icon{ display:none; }
  @media (max-width:560px){
    .nav__logo img.nav__logo-full{ display:none; }
    .nav__logo img.nav__logo-icon{ display:block; height:42px; width:auto; }
  }
  .nav__links{
    display:none;
    align-items:center;
    gap:2.1rem;
    list-style:none;
    margin:0; padding:0;
    font-weight:600;
    font-size:.92rem;
  }
  .nav__links a{ text-decoration:none; opacity:.78; transition:opacity .15s ease; }
  .nav__links a:hover{ opacity:1; }
  .nav__right{ display:flex; align-items:center; gap:1rem; }
  .nav__toggle{
    display:inline-flex;
    width:40px; height:40px;
    align-items:center; justify-content:center;
    background:transparent; border:1.5px solid var(--sand); border-radius:10px;
  }
  .nav__toggle span, .nav__toggle::before, .nav__toggle::after{
    content:""; position:absolute;
  }
  .nav__toggle-icon{ position:relative; width:18px; height:13px; }
  .nav__toggle-icon span{
    position:absolute; left:0; right:0; height:2px; background:var(--ink); border-radius:2px;
    transition:transform .2s ease, opacity .2s ease, top .2s ease;
  }
  .nav__toggle-icon span:nth-child(1){ top:0; }
  .nav__toggle-icon span:nth-child(2){ top:5.5px; }
  .nav__toggle-icon span:nth-child(3){ top:11px; }
  .nav.is-open .nav__toggle-icon span:nth-child(1){ top:5.5px; transform:rotate(45deg); }
  .nav.is-open .nav__toggle-icon span:nth-child(2){ opacity:0; }
  .nav.is-open .nav__toggle-icon span:nth-child(3){ top:5.5px; transform:rotate(-45deg); }

  .nav__mobile{
    display:none;
    flex-direction:column;
    gap:.2rem;
    padding:.5rem 0 1.4rem;
    border-top:1px solid var(--sand);
  }
  .nav__mobile a:not(.btn){
    text-decoration:none; font-weight:600; padding:.8rem .2rem;
    border-bottom:1px solid rgba(0,0,0,.06);
  }
  .nav__mobile a.btn{ padding:.9rem 1.6rem; }
  .nav.is-open .nav__mobile{ display:flex; }

  .nav__right #navCta{ display:none; }

  @media (min-width:860px){
    .nav__links{ display:flex; }
    .nav__toggle{ display:none; }
    .nav__mobile{ display:none !important; }
    .nav__right #navCta{ display:inline-flex; }
  }

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    background:var(--ink);
    color:var(--white);
    overflow:clip;
    padding-top:calc(96px + env(safe-area-inset-top, 0px));
  }
  .hero__glow{
    position:absolute;
    width:900px; height:900px;
    border-radius:50%;
    right:-320px; top:-280px;
    background:radial-gradient(circle, rgba(255,91,58,.35), rgba(255,91,58,0) 68%);
    filter:blur(10px);
    pointer-events:none;
  }
  #stars{ position:absolute; inset:0; width:100%; height:100%; }
  .hero__inner{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr;
    gap:3.2rem;
    align-items:center;
    padding-block:4.2rem 3.6rem;
  }
  @media (min-width:940px){
    .hero__inner{ grid-template-columns:1.05fr .95fr; gap:2rem; padding-block:5.5rem 4.5rem; }
  }
  .hero__copy{ display:flex; flex-direction:column; gap:1.6rem; max-width:620px; }
  .hero__copy h1{
    font-size:clamp(2.35rem, 4.4vw + 1rem, 4.1rem);
    line-height:1.05;
    letter-spacing:-.01em;
  }
  .hero__copy h1 em{ font-style:normal; color:var(--coral); }
  .hero__sub{ font-size:1.08rem; color:var(--mist); max-width:46ch; }
  .hero__cta{ display:flex; flex-wrap:wrap; gap:.9rem; margin-top:.4rem; }
  .hero__meta{
    display:flex; gap:1.8rem; margin-top:1rem; padding-top:1.4rem;
    border-top:1px solid var(--ink-line); flex-wrap:wrap;
  }
  .hero__meta div{ font-family:"JetBrains Mono",monospace; font-size:.74rem; color:var(--mist); letter-spacing:.04em; }
  .hero__meta strong{ display:block; color:var(--white); font-size:1.05rem; font-family:"Fredoka",sans-serif; font-weight:600; }

  /* ---------- ORBIT ---------- */
  .orbit{
    position:relative;
    width:min(420px, 72vw);
    aspect-ratio:1/1;
    margin-inline:auto;
    justify-self:center;
  }
  @media (max-width:480px){
    .orbit__node{ padding:.34rem .6rem; font-size:.6rem; gap:.3em; }
  }
  .orbit__ring{
    position:absolute;
    border-radius:50%;
    border:1px solid var(--ink-line);
  }
  .orbit__ring--1{ inset:0; }
  .orbit__ring--2{ inset:15%; }
  .orbit__ring--3{ inset:31%; }
  .orbit__center{
    position:absolute;
    top:50%; left:50%;
    translate:-50% -50%;
    width:21%;
    aspect-ratio:1/1;
    display:flex; align-items:center; justify-content:center;
  }
  .orbit__center::before{
    content:"";
    position:absolute; inset:-38%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,91,58,.45), rgba(255,91,58,0) 70%);
  }
  .orbit__center img{ position:relative; width:100%; filter:drop-shadow(0 10px 18px rgba(0,0,0,.45)); }

  .orbit__track{ position:absolute; border-radius:50%; }
  .orbit__track--1{ inset:0; }
  .orbit__track--2{ inset:15%; }
  .orbit__track--3{ inset:31%; }
  .orbit__anchor{ position:absolute; top:0; left:50%; translate:-50% -50%; }
  .orbit__node{
    display:flex; align-items:center; gap:.4em;
    background:var(--ink-soft);
    border:1px solid var(--ink-line);
    color:var(--white);
    padding:.4rem .7rem;
    border-radius:999px;
    font-family:"JetBrains Mono",monospace;
    font-size:.66rem;
    font-weight:600;
    letter-spacing:.08em;
    white-space:nowrap;
    box-shadow:0 10px 20px -10px rgba(0,0,0,.6);
  }
  .orbit__node i{ width:6px; height:6px; border-radius:50%; background:var(--coral); display:block; }

  .orbit__track--2 .orbit__anchor{ top:0; }
  .orbit__track--3 .orbit__anchor{ top:0; }

  @media (prefers-reduced-motion: no-preference){
    .orbit__track--1{ animation:spin 34s linear infinite; }
    .orbit__track--2{ animation:spin-rev 26s linear infinite; }
    .orbit__track--3{ animation:spin 19s linear infinite; }
    .orbit__track--1 .orbit__node{ animation:spin-rev 34s linear infinite; }
    .orbit__track--2 .orbit__node{ animation:spin 26s linear infinite; }
    .orbit__track--3 .orbit__node{ animation:spin-rev 19s linear infinite; }
  }
  @media (prefers-reduced-motion: reduce){
    .orbit__track--1{ transform:rotate(18deg); }
    .orbit__track--2{ transform:rotate(140deg); }
    .orbit__track--3{ transform:rotate(250deg); }
  }
  @keyframes spin{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
  @keyframes spin-rev{ from{ transform:rotate(0deg); } to{ transform:rotate(-360deg); } }

  /* ---------- TICKER ---------- */
  .ticker{
    background:var(--coral);
    color:var(--ink);
    overflow:hidden;
    white-space:nowrap;
    border-bottom:1px solid rgba(21,23,28,.12);
  }
  .ticker__track{
    display:inline-flex;
    gap:2.4rem;
    padding-block:.65rem;
    font-family:"JetBrains Mono",monospace;
    font-size:.76rem;
    font-weight:600;
    letter-spacing:.1em;
    text-transform:uppercase;
  }
  @media (prefers-reduced-motion: no-preference){
    .ticker__track{ animation:ticker 28s linear infinite; }
  }
  @keyframes ticker{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
  .ticker__track span{ display:inline-flex; align-items:center; gap:2.4rem; }
  .ticker__dot{ opacity:.5; }

  /* ---------- SECTION GENERIC ---------- */
  section{ position:relative; }
  .section-pad{ padding-block:5.5rem; }
  @media (min-width:900px){ .section-pad{ padding-block:7.2rem; } }
  .section-head{ max-width:640px; display:flex; flex-direction:column; gap:1.1rem; margin-bottom:3.2rem; }
  .section-head h2{ font-size:clamp(1.9rem, 2.6vw + 1rem, 2.75rem); letter-spacing:-.01em; }
  .section-head p{ color:var(--slate); font-size:1.05rem; max-width:52ch; }
  .section-head--on-dark p{ color:var(--mist); }

  [data-reveal]{ }
  @media (prefers-reduced-motion: no-preference){
    [data-reveal]{ opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease; }
    [data-reveal].in-view{ opacity:1; transform:translateY(0); }
    [data-reveal-group] [data-reveal]:nth-child(1){ transition-delay:.02s; }
    [data-reveal-group] [data-reveal]:nth-child(2){ transition-delay:.1s; }
    [data-reveal-group] [data-reveal]:nth-child(3){ transition-delay:.18s; }
    [data-reveal-group] [data-reveal]:nth-child(4){ transition-delay:.26s; }
  }

  /* ---------- SOBRE ---------- */
  .sobre{ background:var(--cream); }
  .sobre__grid{ display:grid; grid-template-columns:1fr; gap:3rem; }
  @media (min-width:900px){ .sobre__grid{ grid-template-columns:1.1fr .9fr; gap:4rem; } }
  .sobre__text{ display:flex; flex-direction:column; gap:1.3rem; }
  .sobre__text p{ color:var(--slate); font-size:1.05rem; max-width:58ch; }
  .sobre__text h2{ font-size:clamp(1.8rem,2.4vw + 1rem,2.5rem); }

  .pillars{ display:flex; flex-direction:column; gap:1rem; }
  .pillar{
    background:var(--paper);
    border:1px solid var(--sand);
    border-radius:var(--r-md);
    padding:1.4rem 1.5rem;
    display:flex; gap:1rem; align-items:flex-start;
  }
  .pillar__num{
    font-family:"JetBrains Mono",monospace;
    font-weight:600; font-size:.85rem; color:var(--coral);
    border:1px solid var(--coral-soft); background:var(--coral-soft);
    width:34px; height:34px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
  }
  .pillar h3{ font-size:1.05rem; margin-bottom:.3rem; }
  .pillar p{ color:var(--slate); font-size:.93rem; }

  /* ---------- PRODUTOS ---------- */
  .produtos{ background:var(--paper); }
  .produtos__note{ font-size:.85rem; color:var(--slate); margin-top:2rem; font-style:italic; }
  .pgrid{ display:grid; grid-template-columns:1fr; gap:1.4rem; }
  @media (min-width:720px){ .pgrid{ grid-template-columns:1fr 1fr; } }
  @media (min-width:1080px){ .pgrid{ grid-template-columns:repeat(4,1fr); } }

  .pcard{
    background:var(--cream);
    border:1px solid var(--sand);
    border-radius:var(--r-lg);
    padding:1.6rem;
    display:flex; flex-direction:column; gap:1rem;
    min-height:100%;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .pcard:hover{ transform:translateY(-5px); box-shadow:var(--shadow); border-color:transparent; }
  .pcard__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:.6rem; }
  .pcard__mark{
    width:44px; height:44px; border-radius:13px;
    background:var(--ink);
    color:var(--coral);
    display:flex; align-items:center; justify-content:center;
    font-family:"Fredoka",sans-serif; font-weight:600; font-size:1.1rem;
  }
  .status{
    font-family:"JetBrains Mono",monospace; font-size:.64rem; font-weight:600;
    letter-spacing:.06em; text-transform:uppercase;
    padding:.32rem .6rem; border-radius:999px;
    background:var(--coral-soft); color:var(--coral-deep);
    white-space:nowrap;
  }
  .pcard h3{ font-size:1.18rem; }
  .pcard__cat{ font-family:"JetBrains Mono",monospace; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; color:var(--slate); }
  .pcard p.desc{ color:var(--slate); font-size:.92rem; flex-grow:1; }

  .pcard--cta{
    background:var(--ink); border-color:var(--ink);
    color:var(--white); justify-content:center; align-items:flex-start;
  }
  .pcard--cta h3{ color:var(--white); }
  .pcard--cta p.desc{ color:var(--mist); }
  .pcard--cta .btn{ margin-top:.3rem; }

  /* ---------- DIFERENCIAIS ---------- */
  .dif{ background:var(--ink); color:var(--white); }
  .dgrid{ display:grid; grid-template-columns:1fr; gap:1.2rem; }
  @media (min-width:720px){ .dgrid{ grid-template-columns:1fr 1fr; } }
  .dcard{
    background:var(--ink-soft);
    border:1px solid var(--ink-line);
    border-radius:var(--r-lg);
    padding:1.8rem;
    display:flex; flex-direction:column; gap:.8rem;
  }
  .dcard__icon{
    width:40px; height:40px; border-radius:11px;
    background:var(--coral-soft);
    color:var(--coral);
    display:flex; align-items:center; justify-content:center;
    font-family:"JetBrains Mono",monospace; font-weight:700;
  }
  .dcard h3{ color:var(--white); font-size:1.12rem; }
  .dcard p{ color:var(--mist); font-size:.94rem; }

  /* ---------- CONTATO ---------- */
  .contato{ background:var(--cream); }
  .cgrid{ display:grid; grid-template-columns:1fr; gap:2.4rem; }
  @media (min-width:900px){ .cgrid{ grid-template-columns:1.15fr .85fr; gap:3rem; } }

  .form-card, .info-card{
    background:var(--paper);
    border:1px solid var(--sand);
    border-radius:var(--r-lg);
    padding:2rem;
  }
  .field{ display:flex; flex-direction:column; gap:.45rem; margin-bottom:1.15rem; }
  .field label{ font-size:.85rem; font-weight:600; }
  .field input, .field textarea{
    font-family:inherit; font-size:.95rem;
    padding:.85rem 1rem;
    border-radius:var(--r-sm);
    border:1.5px solid var(--sand);
    background:var(--white);
    color:var(--ink);
    resize:vertical;
  }
  .field input:focus, .field textarea:focus{ border-color:var(--coral); outline:none; }
  .form-foot{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1.4rem; flex-wrap:wrap; }
  .form-note{ font-size:.78rem; color:var(--slate); }

  .success{
    display:none;
    align-items:center; gap:.8rem;
    background:var(--coral-soft);
    border:1px solid var(--coral);
    color:var(--coral-deep);
    border-radius:var(--r-md);
    padding:1rem 1.2rem;
    font-weight:600; font-size:.92rem;
  }
  .success.is-visible{ display:flex; }
  .form-card.is-sent form{ display:none; }

  .info-card{ display:flex; flex-direction:column; gap:1.5rem; }
  .info-row{ display:flex; flex-direction:column; gap:.4rem; }
  .info-row span.label{ font-family:"JetBrains Mono",monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--slate); }
  .info-value{ display:flex; align-items:center; justify-content:space-between; gap:.8rem; }
  .info-value strong{ font-size:1.05rem; font-weight:700; }
  .copy-btn{
    background:transparent; border:1.5px solid var(--sand); border-radius:999px;
    padding:.4rem .85rem; font-size:.74rem; font-weight:700;
    color:var(--ink); flex-shrink:0;
    transition:border-color .15s ease, background .15s ease;
  }
  .copy-btn:hover{ border-color:var(--ink); }
  .copy-btn.is-copied{ background:var(--ink); color:var(--white); border-color:var(--ink); }
  .info-divider{ height:1px; background:var(--sand); }
  .social-row{ display:flex; gap:.7rem; flex-wrap:wrap; }
  .social-pill{
    display:inline-flex; align-items:center; gap:.4rem;
    border:1.5px solid var(--sand); border-radius:999px;
    padding:.45rem .9rem; font-size:.8rem; font-weight:600; color:var(--slate);
  }

  /* ---------- FOOTER ---------- */
  footer{ background:var(--ink); color:var(--mist); }
  .foot__top{
    display:grid; grid-template-columns:1fr; gap:2.6rem;
    padding-block:4rem 3rem; border-bottom:1px solid var(--ink-line);
  }
  @media (min-width:800px){ .foot__top{ grid-template-columns:1.3fr 1fr 1fr 1fr; } }
  .foot__brand img{ height:26px; margin-bottom:1rem; }
  .foot__brand p{ max-width:34ch; font-size:.9rem; }
  .foot__col h4{
    font-family:"JetBrains Mono",monospace; font-size:.72rem; letter-spacing:.1em;
    text-transform:uppercase; color:var(--white); margin-bottom:1rem; font-weight:600;
  }
  .foot__col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.65rem; }
  .foot__col a, .foot__col span{ text-decoration:none; font-size:.9rem; color:var(--mist); }
  .foot__col a:hover{ color:var(--white); }
  .foot__bottom{
    display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between;
    padding-block:1.6rem; font-size:.8rem;
  }

  /* back to top */
  .top-link{
    display:inline-flex; align-items:center; gap:.4rem;
    font-family:"JetBrains Mono",monospace; font-size:.75rem; color:var(--mist);
    text-decoration:none;
  }
  .top-link:hover{ color:var(--white); }