:root{
  --paper:#F4F1EA;--surface:#FFFFFF;--ink:#15171B;--muted:#5A5F68;--line:#D9D4C8;
  --graphite:#2A2E35;--signal:#F2A93B;--signal-text:#9A5B00;--queue:#1F4E5F;--success:#276B43;
  --edge:#15171B;--hard:#15171B;
  --soft:#E9E5DC;--soft-dark:#C8C3B8;--soft-light:#FFFFFF;--soft-text:#7A4700;
  --sans:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  --serif:"IBM Plex Serif",Georgia,serif;
  --mono:"IBM Plex Mono",Menlo,Consolas,monospace;
}
[data-theme="dark"]{
  --paper:#121417;--surface:#1B1E23;--ink:#ECE8DF;--muted:#9EA3AB;--line:#2C3037;
  --signal-text:#F5B651;--queue:#6FB3C8;--success:#5CC08A;
  --edge:#ECE8DF;--hard:#F2A93B;
  --soft:#1B1E23;--soft-dark:#0D0F12;--soft-light:#2A2F36;--soft-text:#F5B651;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/26px var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--signal-text);text-underline-offset:3px}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--queue);outline-offset:4px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.label{font:500 12px/16px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
h1,h2,h3{margin:0;letter-spacing:-.02em}
p{margin:0}

/* neobrutal */
.brut{background:var(--surface);border:3px solid var(--edge);box-shadow:6px 6px 0 var(--hard)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:3px solid var(--edge);font-weight:700;font-size:16px;text-decoration:none;color:#15171B;background:var(--signal);box-shadow:6px 6px 0 var(--hard);transition:transform .08s,box-shadow .08s}
.btn:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--hard)}
.btn:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--hard)}
.btn.alt{background:var(--surface);color:var(--ink)}

/* neumorphic */
.soft{background:var(--soft);border-radius:22px;box-shadow:10px 10px 20px var(--soft-dark),-10px -10px 20px var(--soft-light)}
.soft-in{background:var(--soft);border-radius:14px;box-shadow:inset 5px 5px 10px var(--soft-dark),inset -5px -5px 10px var(--soft-light)}

/* editorial */
.num{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--signal-text);line-height:.8}
.serif{font-family:var(--serif);font-style:italic;font-weight:400}

/* header */
header{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:3px solid var(--edge)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:700;font-size:18px}
.links{display:flex;align-items:center;gap:22px}
.links a{color:var(--ink);text-decoration:none;font-weight:600;font-size:15px}
.links a:hover{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--signal)}
.lang{border:3px solid var(--edge);background:var(--surface);box-shadow:3px 3px 0 var(--hard);font:500 12px/16px var(--mono);padding:7px 10px}
.switch{width:64px;height:34px;border:0;border-radius:17px;padding:4px;display:flex;background:var(--soft);box-shadow:inset 4px 4px 8px var(--soft-dark),inset -4px -4px 8px var(--soft-light)}
.knob{display:block;width:26px;height:26px;border-radius:13px;background:var(--soft);box-shadow:3px 3px 6px var(--soft-dark),-3px -3px 6px var(--soft-light);transition:transform .2s,background .2s}
[data-theme="dark"] .brand svg{border-radius:10px;box-shadow:0 0 0 2px #ECE8DF}
[data-theme="dark"] .knob{transform:translateX(30px);background:var(--signal)}

/* hero */
.hero{position:relative;overflow:hidden;padding:80px 0 104px;background:var(--paper)}
.hero::before{content:"";position:absolute;top:0;bottom:0;right:0;width:36%;background:#1F4E5F;border-left:3px solid var(--edge)}
.hero::after{content:"";position:absolute;right:calc(36% - 60px);bottom:0;width:120px;height:120px;background:var(--signal);border:3px solid var(--edge);border-bottom:0}
.hero .wrap{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center}
.status{display:inline-flex;align-items:center;gap:8px;font:500 12px/16px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--success);background:var(--paper);padding:6px 10px;border:2px solid var(--edge)}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success)}
.hero h1{font-size:clamp(44px,7vw,92px);line-height:.95;font-weight:700;margin:24px 0}
.hero h1 .mark{font-family:var(--serif);font-style:italic;font-weight:400;background:var(--signal);color:#15171B;padding:0 12px;border:3px solid var(--edge);display:inline-block;line-height:1.05}
.hero .sub{font-size:19px;line-height:30px;max-width:560px}
.ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px}
.portrait{position:relative;justify-self:end;width:100%;max-width:420px}
.sticker{position:absolute;left:-28px;bottom:36px;background:var(--surface);border:3px solid var(--edge);box-shadow:5px 5px 0 var(--hard);padding:10px 14px;display:flex;flex-direction:column;gap:2px}
.sticker strong{font-size:16px}
.sticker .serif{font-size:15px;color:var(--signal-text)}
.symbol-card{background:#1F4E5F;border:3px solid var(--edge);box-shadow:10px 10px 0 var(--signal),10px 10px 0 3px var(--edge);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;position:relative}
.symbol-card svg{width:52%;height:auto}
.symbol-card .label{position:absolute;left:16px;bottom:12px;color:#F4F1EA}

/* sections */
section{padding:96px 0;border-top:3px solid var(--edge)}
.sec-head{display:flex;align-items:flex-end;gap:20px;border-bottom:3px solid var(--edge);padding-bottom:16px;margin-bottom:48px;flex-wrap:wrap}
.sec-head .num{font-size:88px}
.sec-head h2{font-size:clamp(32px,4vw,44px);line-height:1;font-weight:700}
.sec-head .label{margin-left:auto}



.about-text{max-width:820px}
.about-text p{font-size:17px;line-height:28px}
.about-text p+p{margin-top:18px}
.about-text p.lead::first-letter{font-family:var(--serif);font-style:italic;font-size:64px;float:left;line-height:.85;padding:6px 10px 0 0;color:var(--signal-text)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.now{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.now-item{padding:24px;display:flex;flex-direction:column;gap:10px}
.now-item h3{font-size:22px;line-height:28px;font-weight:700}
.now-item p{color:var(--muted);font-size:15px;line-height:24px}
.fact{padding:18px 20px}
.fact .label{display:block;margin-bottom:6px}
.fact strong{font-size:17px}

.contact{background:var(--graphite);color:#ECE8DF;border:3px solid var(--edge);box-shadow:10px 10px 0 var(--signal),10px 10px 0 3px var(--edge);padding:48px;display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center}
[data-theme="dark"] .contact{background:#0D0F12}
.contact .label{color:#C9CDD3}
.contact h2{font-size:clamp(32px,4vw,48px);line-height:1.05;font-weight:700;margin-top:12px}
.contact h2 .serif{color:#F2A93B}
.contact-box{background:#E9E5DC;color:#15171B;border-radius:22px;padding:24px;box-shadow:inset 5px 5px 10px #C8C3B8,inset -5px -5px 10px #FFFFFF;display:flex;flex-direction:column;gap:14px}
.contact-box .row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.contact-box .label{color:#5A5F68}
.contact-box a{color:#15171B;font-weight:600}
.copy{border:3px solid #15171B;background:#F2A93B;color:#15171B;box-shadow:4px 4px 0 #15171B;font:500 12px/16px var(--mono);padding:8px 12px}
.copy:active{transform:translate(4px,4px);box-shadow:0 0 0 #15171B}

footer{padding:40px 0;border-top:3px solid var(--edge)}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:14px}

html:not([lang="en"]) [data-en],html[lang="en"] [data-pt]{display:none!important}

@media (max-width:860px){
  .hero-grid,.contact{grid-template-columns:1fr}
  .hero::before,.hero::after{display:none}
  .portrait{justify-self:start;max-width:300px;margin-left:28px}
  .symbol-card{max-width:320px}
  .now,.facts{grid-template-columns:1fr}
  .links .hide-sm{display:none}
  .sec-head .label{margin-left:0;width:100%}
  .contact{padding:28px}
}