:root{
    --noite-1:#0B1626;
    --noite-2:#142440;
    --noite-3:#1D3557;
    --carta:#D9E2E1;
    --carta-2:#EBF0EE;
    --tinta:#12263C;
    --tinta-fraca:#4C6076;
    --latao:#D2A24C;
    --latao-fundo:#8A6320;
    --verde:#2C6E63;
    --clara:#E9EFF4;
    --clara-fraca:#9DB0C4;
    --linha-carta:rgba(18,38,60,.14);
    --raio:2px;
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;
    background:var(--carta);
    color:var(--tinta);
    font-family:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-size:17px;
    line-height:1.62;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{font-family:"Bodoni Moda",Georgia,serif;font-weight:700;line-height:1.05;margin:0}
  p{margin:0 0 1em}
  a{color:inherit}
  .env{width:min(1120px,90vw);margin-inline:auto}

  /* ---------- barra ---------- */
  .barra{
    position:fixed;inset:0 0 auto 0;z-index:40;
    display:flex;align-items:center;justify-content:space-between;
    padding:14px min(5vw,42px);
    background:rgba(11,22,38,0);
    transition:background .4s ease,border-color .4s ease;
    border-bottom:1px solid transparent;
    color:var(--clara);
  }
  .barra.pousada{background:rgba(11,22,38,.92);border-bottom-color:rgba(210,162,76,.3);backdrop-filter:blur(6px)}
  .barra__marca{font-family:"Bodoni Moda",serif;font-size:19px;letter-spacing:.01em;display:flex;align-items:center;gap:10px}
  .barra__menu{display:flex;gap:26px;font-size:14.5px}
  .barra__menu a{text-decoration:none;opacity:.78;padding:4px 2px}
  .barra__menu a:hover{opacity:1;box-shadow:inset 0 -1px 0 var(--latao)}
  @media(max-width:760px){.barra__menu{display:none}}

  /* ---------- céu ---------- */
  .ceu{
    position:relative;min-height:100svh;
    background:
      radial-gradient(120% 90% at 78% 8%, #22406B 0%, rgba(34,64,107,0) 58%),
      radial-gradient(90% 70% at 10% 100%, #14314A 0%, rgba(20,49,74,0) 60%),
      linear-gradient(176deg,var(--noite-1) 0%, var(--noite-2) 62%, #0D1C30 100%);
    color:var(--clara);
    display:flex;align-items:flex-end;
    overflow:hidden;
  }
  #estrelas{position:absolute;inset:0;width:100%;height:100%}
  .ceu__constelacao{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
  .ceu__conteudo{position:relative;z-index:3;padding:0 0 clamp(48px,9vh,110px)}
  .ceu__legenda{
    font-size:14px;letter-spacing:.06em;color:var(--latao);
    display:flex;align-items:center;gap:12px;margin-bottom:26px;
  }
  .ceu__legenda::before{content:"";width:46px;height:1px;background:var(--latao);opacity:.7}
  .ceu h1{
    font-size:clamp(3.2rem,11.5vw,8.6rem);
    letter-spacing:-.02em;
    margin:0 0 .12em;
  }
  .ceu h1 em{font-style:italic;font-weight:400;display:block;margin-left:.06em}
  .ceu__frase{max-width:34ch;font-size:clamp(1.05rem,2.1vw,1.28rem);color:var(--clara-fraca);margin-bottom:34px}
  .ceu__acoes{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
  .ceu__rodape{
    position:absolute;bottom:22px;right:min(5vw,42px);z-index:3;
    font-size:12.5px;color:rgba(157,176,196,.7);text-align:right;line-height:1.5
  }
  @media(max-width:700px){.ceu__rodape{display:none}}

  .botao{
    display:inline-block;text-decoration:none;cursor:pointer;
    font-family:"Karla",sans-serif;font-size:15.5px;font-weight:600;
    padding:14px 26px;border-radius:var(--raio);border:1px solid var(--latao);
    background:var(--latao);color:#15233A;
    transition:transform .18s ease,background .18s ease;
  }
  .botao:hover{background:#E0B25C;transform:translateY(-1px)}
  .botao--vazado{background:transparent;color:var(--clara);border-color:rgba(233,239,244,.45)}
  .botao--vazado:hover{background:rgba(233,239,244,.08);border-color:var(--clara)}
  .botao--tinta{background:var(--tinta);border-color:var(--tinta);color:var(--carta-2)}
  .botao--tinta:hover{background:#1D3A5C}

  :focus-visible{outline:2px solid var(--latao);outline-offset:3px}

  /* ---------- papel de carta ---------- */
  .papel{
    position:relative;
    background:
      repeating-linear-gradient(0deg,transparent 0 63px,var(--linha-carta) 63px 64px),
      repeating-linear-gradient(90deg,transparent 0 63px,rgba(18,38,60,.07) 63px 64px),
      var(--carta);
  }
  .papel::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(70% 55% at 50% 40%, rgba(255,255,255,.55), rgba(255,255,255,0) 70%);
  }
  .papel > *{position:relative;z-index:1}

  .secao{padding:clamp(72px,11vh,132px) 0}
  .titulo{font-size:clamp(2rem,4.4vw,3.2rem);letter-spacing:-.015em;max-width:20ch;margin-bottom:.5em}
  .subtitulo{max-width:60ch;color:var(--tinta-fraca);font-size:1.06rem}

  /* ---------- manifesto ---------- */
  .manifesto{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,80px);align-items:start}
  .manifesto__texto p{max-width:46ch}
  .manifesto__destaque{
    font-family:"Bodoni Moda",serif;font-size:clamp(1.35rem,2.6vw,1.9rem);
    line-height:1.32;color:var(--tinta);border-left:2px solid var(--latao);
    padding-left:22px;margin:0 0 28px;max-width:26ch;
  }
  .sonda{border-top:1px solid rgba(18,38,60,.2)}
  .sonda__item{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(18,38,60,.2)}
  .sonda__prof{font-family:"Bodoni Moda",serif;font-size:1.5rem;color:var(--latao-fundo);min-width:66px}
  .sonda__item h3{font-size:1.05rem;font-family:"Karla",sans-serif;font-weight:600;margin-bottom:3px}
  .sonda__item p{margin:0;color:var(--tinta-fraca);font-size:.96rem}
  @media(max-width:860px){.manifesto{grid-template-columns:1fr}}

  /* ---------- rosa dos rumos ---------- */
  .rosa{background:linear-gradient(180deg,#0B1626 0%,#122239 100%);color:var(--clara)}
  .rosa .titulo{color:var(--clara)}
  .rosa .subtitulo{color:var(--clara-fraca)}
  .rosa__grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(30px,5vw,64px);align-items:center;margin-top:52px}
  .rosa__palco{position:relative;display:flex;justify-content:center}
  .rosa__svg{width:100%;max-width:460px;height:auto;overflow:visible}
  .eixo-rot{stroke:rgba(210,162,76,.22)}
  .anel{fill:none;stroke:rgba(233,239,244,.13)}
  .area-rumo{fill:rgba(210,162,76,.22);stroke:var(--latao);stroke-width:1.6;stroke-linejoin:round;transition:all .35s cubic-bezier(.4,0,.2,1)}
  .ponto-rumo{fill:var(--latao);transition:all .35s cubic-bezier(.4,0,.2,1)}
  .rotulo-eixo{fill:var(--clara-fraca);font-family:"Karla",sans-serif;font-size:11.5px}
  .rotulo-centro{fill:var(--clara);font-family:"Bodoni Moda",serif;font-size:14px;font-style:italic}

  .medidor{display:flex;flex-direction:column;gap:15px}
  .medidor__linha{display:grid;grid-template-columns:104px 1fr 28px;gap:14px;align-items:center}
  .medidor__nome{font-size:14.5px;color:var(--clara)}
  .medidor__valor{font-family:"Bodoni Moda",serif;font-size:17px;color:var(--latao);text-align:right}
  input[type=range]{
    -webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:grab
  }
  input[type=range]::-webkit-slider-runnable-track{height:2px;background:rgba(233,239,244,.22)}
  input[type=range]::-moz-range-track{height:2px;background:rgba(233,239,244,.22)}
  input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;width:15px;height:15px;border-radius:50%;
    background:var(--latao);border:2px solid #102038;margin-top:-6.5px
  }
  input[type=range]::-moz-range-thumb{
    width:13px;height:13px;border-radius:50%;background:var(--latao);border:2px solid #102038
  }
  .rosa__saida{
    margin-top:30px;padding:20px 22px;border:1px solid rgba(210,162,76,.35);
    background:rgba(210,162,76,.07);
  }
  .rosa__saida strong{font-weight:600}
  .rosa__saida p{margin:0;font-size:.97rem;color:var(--clara-fraca)}
  .rosa__saida p + p{margin-top:8px}
  .estrela-campo{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
  .estrela-campo input[type=text]{
    flex:1 1 220px;background:rgba(233,239,244,.06);border:1px solid rgba(233,239,244,.25);
    color:var(--clara);padding:12px 14px;font-family:"Karla",sans-serif;font-size:15px;border-radius:var(--raio)
  }
  .estrela-campo input[type=text]::placeholder{color:rgba(157,176,196,.7)}
  @media(max-width:880px){.rosa__grade{grid-template-columns:1fr}}

  /* ---------- singradura (método em 4 tempos) ---------- */
  .tempos{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(18,38,60,.2);margin-top:54px;border:1px solid rgba(18,38,60,.2)}
  .tempo{background:var(--carta-2);padding:28px 24px 30px}
  .tempo__ordem{
    font-family:"Bodoni Moda",serif;font-size:2.4rem;color:rgba(18,38,60,.22);line-height:1;display:block;margin-bottom:14px
  }
  .tempo h3{font-size:1.18rem;margin-bottom:8px}
  .tempo p{font-size:.95rem;color:var(--tinta-fraca);margin:0}
  .tempo__quando{margin-top:16px;font-size:.84rem;color:var(--latao-fundo)}
  @media(max-width:900px){.tempos{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:520px){.tempos{grid-template-columns:1fr}}

  /* ---------- diário de bordo ---------- */
  .diario{background:var(--carta-2);border-top:1px solid rgba(18,38,60,.15);border-bottom:1px solid rgba(18,38,60,.15)}
  .diario__grade{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,72px);align-items:center}
  .semana{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 18px}
  .dia{
    width:58px;height:70px;border:1px solid rgba(18,38,60,.28);background:transparent;
    cursor:pointer;font-family:"Karla",sans-serif;color:var(--tinta);
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    transition:background .2s ease,color .2s ease,border-color .2s ease
  }
  .dia span:first-child{font-size:12px;color:var(--tinta-fraca)}
  .dia span:last-child{font-family:"Bodoni Moda",serif;font-size:19px}
  .dia[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:#EDF3F1}
  .dia[aria-pressed=true] span{color:#EDF3F1}
  .barra-prog{height:3px;background:rgba(18,38,60,.14);position:relative;overflow:hidden;max-width:460px}
  .barra-prog i{position:absolute;inset:0 auto 0 0;width:0;background:var(--verde);transition:width .35s ease}
  .diario__saida{font-size:.95rem;color:var(--tinta-fraca);margin-top:12px}
  .cartao-registro{
    background:var(--carta);border:1px solid rgba(18,38,60,.18);padding:26px 26px 22px;
    box-shadow:14px 14px 0 rgba(18,38,60,.06)
  }
  .cartao-registro h3{font-size:1.25rem;margin-bottom:14px}
  .campo-registro{display:block;margin-bottom:16px}
  .campo-registro span{display:block;font-size:13.5px;color:var(--tinta-fraca);margin-bottom:6px}
  .campo-registro textarea,.campo-registro input{
    width:100%;border:1px solid rgba(18,38,60,.25);background:rgba(255,255,255,.55);
    padding:10px 12px;font-family:"Karla",sans-serif;font-size:15px;color:var(--tinta);border-radius:var(--raio);resize:vertical
  }
  @media(max-width:860px){.diario__grade{grid-template-columns:1fr}}

  /* ---------- correntes ---------- */
  .correntes__grade{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:50px}
  .corrente{border-top:2px solid var(--tinta);padding-top:20px}
  .corrente h3{font-size:1.1rem;font-family:"Karla",sans-serif;font-weight:600;margin-bottom:10px}
  .corrente p{font-size:.95rem;color:var(--tinta-fraca);margin:0}
  .corrente--guia{border-top-color:var(--latao)}
  @media(max-width:780px){.correntes__grade{grid-template-columns:1fr}}

  /* ---------- convite ---------- */
  .convite{background:var(--noite-1);color:var(--clara);text-align:center;padding:clamp(80px,13vh,150px) 0}
  .convite h2{font-size:clamp(2.1rem,5.2vw,3.8rem);max-width:18ch;margin-inline:auto;margin-bottom:22px}
  .convite p{max-width:48ch;margin-inline:auto;color:var(--clara-fraca);margin-bottom:34px}

  .rodape{background:var(--noite-1);color:var(--clara-fraca);border-top:1px solid rgba(233,239,244,.12);padding:30px 0;font-size:13.5px}
  .rodape .env{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto}
    *{animation:none!important;transition:none!important}
  }