/* Minimal editorial layout; glass is reserved for the three differentiators. */
body { background: #101011; color: #efedeb; }
.wrap { max-width: 1180px; }
.hero {
  min-height: 690px; padding: 190px 0 120px;
  background: radial-gradient(ellipse at 74% 0%, rgba(116,48,69,.13), transparent 55%), #101011;
}
.hero::before, .hero::after { display: none; }
.hero .hero-grid { display: block; padding: 0; }
.hero .hero-copy { width: 100%; max-width: 1000px; margin: 0; text-align: left; align-items: flex-start; }
.hero .status-pill { padding: 0; border: 0; box-shadow: none; background: none; backdrop-filter: none; color: #b5a0a7; font: 10px var(--mono); letter-spacing: .09em; }
.hero h1.hero-title { max-width: 1000px; color: #f3f0ee; background: none; filter: none; font-size: clamp(2.8rem,5.4vw,4.9rem); line-height: 1.09; letter-spacing: -.055em; margin-top: 30px; }
.hero h1.hero-title .hl { margin-top: .04em; color: #b5a0a7; background: none; }
.hero .hero-sub { max-width: 530px; margin: 28px 0 0; font-size: 16px; line-height: 1.8; color: #aaa5a8; }
.hero .hero-actions { justify-content: flex-start; margin-top: 32px; }
.hero .hero-actions .btn, .btn.btn-primary { border-radius: 7px; box-shadow: none; background: #8c2947; }
.hero .hero-actions .btn { min-height: 48px; gap: 26px; padding-inline: 22px; }
header.nav { top: 0; left: 0; right: 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.06); border-radius: 0; box-shadow: none; background: rgba(16,16,17,.85); }
.nav-inner { min-height: 78px; }
section.sec { padding-block: 100px; }
section.sec + section.sec::before { background: rgba(255,255,255,.07); max-width: 1100px; }
.sec-head { max-width: 680px; margin-bottom: 46px; }
.sec-head h2 { font-size: clamp(1.9rem,3.2vw,2.75rem); line-height: 1.15; }
.tagline { color: #bf8d9d; }
#pilares { background: #101011; }
.plain-services { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 44px; }
.plain-services article { padding-top: 22px; border-top: 1px solid #494044; }
.plain-services article > span { font: 10px var(--mono); color: #a98692; }
.plain-services h3 { margin: 24px 0 14px; font: 500 23px 'Space Grotesk',sans-serif; letter-spacing: -.03em; }
.plain-services p { font-size: 14px; color: #aba6a9; line-height: 1.8; max-width: 300px; }
.process-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: start; }
.process-layout .sec-head { max-width: 320px; }
.process-list { list-style: none; padding: 0; margin: 0; }
.process-list li { display: grid; grid-template-columns: 34px 1fr; gap: 24px; padding: 0 0 34px; margin-bottom: 34px; border-bottom: 1px solid #302b2e; }
.process-list li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.process-number { color: #b88495; font: 11px var(--mono); padding-top: 6px; }
.process-list h3 { font: 500 23px 'Space Grotesk',sans-serif; letter-spacing: -.03em; }
.process-list p { color: #aaa5a8; font-size: 14px; line-height: 1.8; margin-top: 12px; }
.process-result { display: grid; gap: 6px; margin-top: 20px; padding-left: 14px; border-left: 1px solid #805363; }
.process-result span { font: 9px var(--mono); color: #92858b; text-transform: uppercase; letter-spacing: .08em; }
.process-result strong { font-size: 12px; font-weight: 400; color: #d5cbd0; }
.glass-benefits { position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.glass-benefits::before { content: ''; position: absolute; z-index: -1; inset: 12% 2% 5%; background: radial-gradient(ellipse at 12% 65%,rgba(168,47,90,.45),transparent 44%),radial-gradient(ellipse at 90% 0%,rgba(129,122,149,.3),transparent 48%); filter: blur(35px); }
.glass-benefits article { position: relative; padding: 32px 28px; border: 1px solid rgba(255,255,255,.2); border-radius: 19px; background: linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 45%,rgba(255,255,255,.06)); backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%); box-shadow: inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(255,255,255,.06),0 18px 40px rgba(0,0,0,.16); }
.glass-symbol { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.23); background: rgba(255,255,255,.06); color: #ecb7c9; font-size: 25px; margin-bottom: 42px; }
.glass-benefits h3 { font: 500 21px 'Space Grotesk',sans-serif; line-height: 1.25; letter-spacing: -.03em; max-width: 230px; margin-bottom: 16px; }
.glass-benefits p { font-size: 13px; line-height: 1.8; color: #c1b8bd; }
.cta-container { background: none; border: 0; border-radius: 0; box-shadow: none; gap: 70px; padding: 0; }
.cta-container::before, .cta-container::after { display: none; }
.cta-left { padding: 0; }
.cta-left h2 { font-family: 'Space Grotesk',sans-serif; font-weight: 500; letter-spacing: -.04em; }
.cta-right-box { padding: 0; background: none; border: 0; box-shadow: none; border-radius: 0; }
.cta-bullets { display: none; }
.cform { margin-top: 24px; }
.foot { background: #101011; padding-top: 48px; }
.foot-premium { grid-template-columns: 1.2fr .6fr 1fr; gap: 40px; padding-bottom: 40px; }
@media (max-width: 900px) {
  .hero { min-height: auto; padding: 155px 0 95px; }
  .hero h1.hero-title { font-size: clamp(2.8rem,6.4vw,4.5rem); }
  .process-layout { gap: 40px; grid-template-columns: .8fr 1.2fr; }
  .glass-benefits { gap: 12px; }
  .glass-benefits article { padding: 28px 20px; }
  .glass-benefits h3 { font-size: 19px; }
  .plain-services { gap: 26px; }
  .foot-premium { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .hero { padding: 125px 0 75px; }
  .hero h1.hero-title { font-size: clamp(2.4rem,9.5vw,3.5rem); }
  .hero .status-pill { font-size: 8px; letter-spacing: .03em; }
  .hero .hero-sub { max-width: 100%; font-size: 14px; }
  .hero .hero-actions { width: auto; }
  .hero .hero-actions .btn { width: auto; }
  section.sec { padding-block: 70px; }
  .plain-services, .process-layout, .glass-benefits { grid-template-columns: 1fr; }
  .plain-services { gap: 28px; }
  .plain-services article { display: grid; grid-template-columns: 28px 1fr; gap: 12px; }
  .plain-services article > span { padding-top: 7px; }
  .plain-services h3 { margin: 0; }
  .plain-services p { grid-column: 2; max-width: none; }
  .process-layout { gap: 0; }
  .process-layout .sec-head { max-width: 100%; }
  .process-list li { gap: 12px; }
  .glass-benefits { gap: 16px; }
  .glass-benefits article { padding: 27px; }
  .glass-symbol { margin-bottom: 24px; }
  .glass-benefits h3 { max-width: none; font-size: 22px; }
  .cta-container { gap: 36px; }
  .foot-premium { grid-template-columns: 1fr; }
}

/* A single animated glass object balances the hero; a light services section adds rhythm. */
.hero { overflow: hidden; padding: 165px 0 110px; min-height: 740px; background: radial-gradient(ellipse at 84% 42%,#301b25 0,transparent 49%),#101011; }
.hero .hero-grid { display: grid; grid-template-columns: 1.18fr .82fr; gap: 40px; align-items: center; }
.hero h1.hero-title { font-size: clamp(3rem,5.5vw,5rem); max-width: 680px; }
.hero h1.hero-title .hl { color: #e2c9d2; }
.hero .hero-copy { position: relative; z-index: 2; }
.hero-sculpture { position: relative; width: 100%; height: 430px; perspective: 1000px; }
.sculpture-glass { position: absolute; inset: 72px 35px; border-radius: 36px; border: 1px solid rgba(255,255,255,.37); background: linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.035) 45%,rgba(168,66,107,.12)); box-shadow: inset 2px 2px 4px rgba(255,255,255,.23),inset -2px -2px 5px rgba(255,255,255,.08),0 25px 80px rgba(0,0,0,.35); backdrop-filter: blur(16px); transform: rotateY(-23deg) rotateZ(12deg); animation: glass-drift 12s ease-in-out infinite; overflow: hidden; }
.sculpture-glass::after { content:''; position:absolute; inset:-100% -80%; background: linear-gradient(115deg,transparent 43%,rgba(255,255,255,.17) 49%,transparent 55%); transform: translateX(-25%); animation: glass-light 9s ease-in-out infinite; }
.sculpture-line { position: absolute; width: 170%; height: 1px; left: -35%; top: 35%; background: linear-gradient(90deg,transparent,#caa5b3,transparent); transform: rotate(-30deg); }
.sculpture-line:nth-child(2) { top:50%; }
.sculpture-line:nth-child(3) { top:65%; }
.sculpture-focus { position:absolute; width:74px; height:74px; border-radius:50%; left:calc(50% - 37px); top:calc(50% - 37px); border:1px solid #ecc7d5; background:radial-gradient(circle at 35% 25%,#e4a8be,#7e2948 60%,#351b26); box-shadow:0 0 55px #a54d7577,inset 0 2px 6px #ffffff88; }
.sculpture-orbit { position: absolute; inset: 20px 4px; border:1px solid #a9758a33; border-radius:50%; transform:rotate(-30deg) scaleY(.65); }
.orbit-two { inset: 38px -18px; transform: rotate(45deg) scaleY(.65); }
.sculpture-caption { position:absolute; bottom:10px; width:100%; text-align:center; color:#a28a94; font:9px var(--mono); letter-spacing:.13em; text-transform:uppercase; }
@keyframes glass-drift { 0%,100% { transform:translateY(0) rotateY(-23deg) rotateZ(12deg); } 50% { transform:translateY(-17px) rotateY(-12deg) rotateZ(6deg); } }
@keyframes glass-light { 0%,100% { transform:translateX(-25%); } 50% { transform:translateX(25%); } }
#pilares { background:#e9e5e1; color:#292326; padding-block:85px; }
#pilares .tagline { color:#813b52; }
#pilares h2, #pilares h3 { color:#292326; }
#pilares .wrap { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; }
#pilares .sec-head { margin:0; }
#pilares .plain-services { display:block; }
#pilares .plain-services article { display:grid; grid-template-columns:28px 1fr; gap:10px 18px; padding:24px 0; border-color:#bcb0b5; }
#pilares .plain-services article:first-child { padding-top:0; border-top:0; }
#pilares .plain-services article > span { color:#88465d; padding-top:5px; }
#pilares .plain-services h3 { margin:0; }
#pilares .plain-services p { grid-column:2; max-width:430px; color:#685d62; margin:0; }
#processo::before, #pilares::before { display:none; }
#processo { background:linear-gradient(120deg,#191519,#101011 65%); }
.process-intro { max-width:290px; color:#a99fa4; font-size:14px; line-height:1.8; margin-top:25px; }
.process-list { position:relative; }
.process-list::before { content:''; position:absolute; width:1px; top:24px; bottom:70px; left:21px; background:linear-gradient(#c28fa2,#4d343f); }
.process-list li { position:relative; grid-template-columns:44px 1fr; gap:26px; border:0; padding-bottom:25px; }
.process-number { display:grid; place-items:center; position:relative; width:44px; height:44px; border:1px solid #865368; border-radius:50%; background:#20181e; padding:0; box-shadow:inset 0 1px #ffffff15; }
.process-list h3 { padding-top:8px; }
.process-result { border-left:0; padding:14px 0 0; border-top:1px solid #ffffff12; }
@media (max-width:900px) {
 .hero { min-height:auto; padding-top:145px; }
 .hero .hero-grid { grid-template-columns:1.2fr .8fr; gap:15px; }
 .hero h1.hero-title { font-size:clamp(2.6rem,5.5vw,4rem); }
 .hero-sculpture { height:350px; }
 .sculpture-glass { inset:70px 10px; border-radius:27px; }
 #pilares .wrap { gap:45px; }
}
@media (max-width:640px) {
 .hero { padding:120px 0 45px; }
 .hero .hero-grid { grid-template-columns:1fr; gap:10px; }
 .hero h1.hero-title { font-size:clamp(2.7rem,11vw,3.7rem); }
 .hero-sculpture { height:270px; width:260px; margin:0 auto; }
 .sculpture-glass { inset:35px 40px; }
 .sculpture-caption { bottom:0; font-size:8px; }
 .sculpture-focus { width:56px;height:56px;left:calc(50% - 28px);top:calc(50% - 28px); }
 #pilares .wrap { grid-template-columns:1fr; gap:32px; }
 #pilares { padding-block:60px; }
 .process-intro { max-width:100%; }
 .process-list li { gap:18px; }
}
@media (prefers-reduced-motion:reduce) {
 .sculpture-glass, .sculpture-glass::after { animation:none; }
}
/* Soft contrasts and precise, restrained glass details. */
#pilares {
  margin-inline: 18px; border-radius: 26px;
  background: radial-gradient(ellipse at 0% 0%,rgba(166,109,130,.19),transparent 58%),linear-gradient(135deg,#f0edeb,#e3dfdd);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.glass-benefits { gap:24px; }
.glass-benefits::before { opacity:.65; }
.glass-benefits article {
  border-radius:14px; padding:34px 28px;
  border-color:rgba(227,213,220,.19);
  background:linear-gradient(130deg,rgba(255,255,255,.1),rgba(255,255,255,.025) 48%,rgba(170,126,143,.065));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 1px 0 0 rgba(255,255,255,.06),0 15px 35px rgba(0,0,0,.12);
  transition:transform .35s ease,border-color .35s ease,background .35s ease;
}
.glass-benefits article:hover { transform:translateY(-4px); border-color:rgba(236,209,222,.4); background:linear-gradient(130deg,rgba(255,255,255,.14),rgba(255,255,255,.04) 48%,rgba(170,126,143,.08)); }
.glass-symbol { width:46px;height:46px;border:0;border-radius:0;background:none;margin-bottom:35px; color:#c49aa9; }
.glass-symbol svg { width:46px;height:46px; }
.glass-benefits h3 { font-size:22px;font-weight:500; }
.glass-benefits p { color:#b6acb1; }
@media (max-width:640px) {
 #pilares { margin-inline:8px; border-radius:18px; }
 .glass-benefits { gap:16px; }
 .glass-benefits article { padding:27px; }
 .glass-symbol { margin-bottom:23px; }
}
@media (prefers-reduced-motion:reduce) {
 .glass-benefits article { transition:none; }
 .glass-benefits article:hover { transform:none; }
}

/* Centered hero with an animated SonarGrid background. */
.hero {
 min-height: 780px; padding: 165px 0 120px;
 background: radial-gradient(ellipse at 80% 45%,rgba(106,28,56,.16),transparent 55%), #101011;
}
.hero .hero-grid { display:block; }
.hero .hero-copy { max-width:960px; margin:0 auto; text-align:center; align-items:center; }
.hero .status-pill { color:#d4bfc7; }
.hero h1.hero-title { max-width:900px; font-size:clamp(3rem,5.8vw,5.2rem); }
.hero h1.hero-title .hl { color:#f1e4e9; }
.hero .hero-sub { max-width:550px; margin:28px auto 0; color:#ccc2c7; }
.hero .hero-actions { justify-content:center; }
@media (max-width:640px) {
 .hero { min-height:710px; padding:135px 0 95px; background-position:48% center; }
 .hero h1.hero-title { font-size:clamp(2.6rem,10.5vw,3.6rem); }
 .hero .hero-sub { font-size:14px; }
 .hero .hero-copy { align-items:center; }
}

/* Wine glass CTA with a silver finish; copy stays unchanged. */
.hero h1.hero-title {
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 font-weight: 600; letter-spacing: -.055em;
}
.hero .hero-actions .btn {
 position: relative; isolation: isolate; overflow: hidden;
 min-height: 58px; padding: 0 25px; gap: 24px;
 border-radius: 18px; border: 1px solid rgba(244,188,208,.48);
 background: radial-gradient(ellipse at 50% 120%,rgba(207,42,98,.62),transparent 70%),linear-gradient(160deg,rgba(188,91,123,.58),rgba(92,21,46,.65) 45%,rgba(132,31,66,.8));
 backdrop-filter: blur(22px) saturate(165%); -webkit-backdrop-filter: blur(22px) saturate(165%);
 box-shadow: inset 0 1px 1px rgba(255,235,245,.7),inset 1px 0 1px rgba(255,214,231,.24),inset 0 -2px 3px rgba(243,125,167,.38),0 10px 34px rgba(128,17,54,.28);
 transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.hero .hero-actions .btn::before {
 content:""; position:absolute; z-index:-1; inset:0; pointer-events:none;
 background: linear-gradient(170deg,rgba(255,255,255,.2),transparent 43%,rgba(255,255,255,.025) 70%,rgba(255,255,255,.15));
}
.hero .hero-actions .btn::after {
 content:""; position:absolute; inset:-100% -60%; z-index:-1; pointer-events:none;
 background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.17) 50%,transparent 58%);
 transform:translateX(-45%); transition:transform .7s ease;
}
.hero .hero-actions .btn:hover { transform:translateY(-2px); border-color:rgba(255,219,234,.8); box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 4px #fa99bd55,0 13px 40px #86163d66; }
.hero .hero-actions .btn:hover::after { transform:translateX(45%); }
.hero .hero-actions .btn:focus-visible { outline:2px solid #f0d1df; outline-offset:5px; }
.cta-metal {
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 font-size:14px; font-weight:600; letter-spacing:.01em;
 color:#f4eaf0; background:linear-gradient(180deg,#fff 10%,#d3c7ce 47%,#fff 60%,#bfb2ba 100%);
 background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.cta-arrow { display:grid; place-items:center; width:28px;height:28px;border-radius:50%; border:1px solid #f2c1d238;background:#fff1;color:#eee0e7;font-size:16px; }
@media (prefers-reduced-motion:reduce) {
 .hero .hero-actions .btn,.hero .hero-actions .btn::after { transition:none; }
 .hero .hero-actions .btn:hover { transform:none; }
}
@media (forced-colors:active) {
 .cta-metal { background:none; -webkit-text-fill-color:ButtonText; color:ButtonText; }
}

.hero-sonar { position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; mask-image:linear-gradient(to bottom,transparent,black 18%,black 83%,transparent); -webkit-mask-image:linear-gradient(to bottom,transparent,black 18%,black 83%,transparent); }
.hero::after { display:block; content:""; position:absolute; inset:0; height:auto; z-index:1; pointer-events:none; background:radial-gradient(ellipse at 50% 48%,rgba(16,16,17,.88) 0%,rgba(16,16,17,.74) 25%,transparent 64%); }
.hero .hero-shell { position:relative; z-index:2; }

/* Static silver lettering keeps the ambient background as the only moving feature. */
.hero h1.hero-title,
.hero h1.hero-title .hl {
 color: #e6dce0;
 background-image: linear-gradient(110deg,#c7b9c0 0%,#e6dce0 35%,#e6dce0 42%,#fffdf9 47%,#b3a5ae 50%,#fffdf9 53%,#e6dce0 58%,#e6dce0 65%,#c7b9c0 100%);
 background-size: 300% 100%;
 background-position: 100% 50%;
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 animation: none;
}

@media (prefers-reduced-motion:reduce) {
 .hero h1.hero-title, .hero h1.hero-title .hl { animation:none; background:none; color:#f0e6ea; -webkit-text-fill-color:currentColor; }
}
@media (forced-colors:active) {
 .hero h1.hero-title, .hero h1.hero-title .hl { animation:none; background:none; color:CanvasText; -webkit-text-fill-color:CanvasText; }
}

/* Leave room for descenders inside the text-clipped metallic background. */
.hero h1.hero-title .hl { padding-bottom: .14em; margin-bottom: -.14em; }

/* Continuous lateral flows replace the regular dot grid. */
.hero-flow { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; mask-image:linear-gradient(transparent,black 17%,black 82%,transparent); }
.flow-side { position:absolute; top:-8%; width:32%; height:116%; overflow:visible; }
.flow-left { left:-4%; animation:flow-breathe-left 18s ease-in-out infinite alternate; }
.flow-right { right:-4%; transform:scaleX(-1); animation:flow-breathe-right 21s ease-in-out infinite alternate; }
@keyframes flow-breathe-left { from { transform:translateY(-12px) rotate(-3deg); } to { transform:translateY(16px) rotate(3deg); } }
@keyframes flow-breathe-right { from { transform:scaleX(-1) translateY(17px) rotate(3deg); } to { transform:scaleX(-1) translateY(-14px) rotate(-3deg); } }
@media (max-width:640px) { .flow-side { width:43%; opacity:.7; } .flow-left {left:-16%;} .flow-right {right:-16%;} }
@media (prefers-reduced-motion:reduce) { .flow-side {animation:none;} }

/* Noticeable slow drift, with a short highlight following each curved path. */
.flow-left { animation-duration:10s; }
.flow-right { animation-duration:12s; }
@keyframes flow-breathe-left {
 from { transform:translate(-8px,-22px) rotate(-5deg); }
 to { transform:translate(14px,22px) rotate(5deg); }
}
@keyframes flow-breathe-right {
 from { transform:scaleX(-1) translate(-10px,24px) rotate(5deg); }
 to { transform:scaleX(-1) translate(12px,-22px) rotate(-5deg); }
}
.flow-travel path {
 stroke-dasharray:9 91; stroke-dashoffset:100; opacity:.65;
 animation:flow-trace 8s linear infinite;
}
.flow-travel path:nth-child(2) { animation-delay:-2s; }
.flow-travel path:nth-child(3) { animation-delay:-4s; }
.flow-travel path:nth-child(4) { animation-delay:-6s; }
.flow-right .flow-travel path { animation-direction:reverse; animation-duration:10s; }
@keyframes flow-trace { to { stroke-dashoffset:0; } }
@media (prefers-reduced-motion:reduce) {
 .flow-side,.flow-travel path { animation:none; }
 .flow-travel { display:none; }
}

/* The three-to-one Perceptron mark becomes the hero's ambient signature. */
.brand-network { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; mask-image:linear-gradient(transparent,black 15%,black 83%,transparent); }
.brand-network svg { width:100%; height:100%; }
.brand-connections { stroke-width:1; opacity:.37; }
.brand-pulses { stroke-width:1.8; opacity:.8; }
.brand-pulses path { stroke-dasharray:7 93; stroke-dashoffset:100; animation:brand-signal 9s linear infinite; }
.brand-pulses path:nth-child(2) { animation-delay:-3s; }
.brand-pulses path:nth-child(3) { animation-delay:-6s; }
.brand-inputs circle { fill:#6f294533; stroke:#b36f8a; stroke-width:1; }
.brand-output { fill:#8b345855; stroke:#d1a4b7; stroke-width:1.2; }
.brand-output-ring { fill:none; stroke:#c693aa; stroke-width:.7; opacity:.4; transform-box:fill-box; transform-origin:center; animation:brand-arrival 3s ease-out infinite; }
.brand-output-glow { animation:brand-glow 3s ease-in-out infinite; }
@keyframes brand-signal { to { stroke-dashoffset:0; } }
@keyframes brand-arrival { from { transform:scale(.8); opacity:.5; } to {transform:scale(1.45);opacity:0;} }
@keyframes brand-glow { 0%,100% {opacity:.45;} 50% {opacity:.9;} }
.hero::after { background:radial-gradient(ellipse at 50% 48%,rgba(16,16,17,.94),rgba(16,16,17,.83) 29%,rgba(16,16,17,.12) 67%); }
@media (max-width:640px) {
 .brand-network svg { width:170%; max-width:none; margin-left:-35%; }
 .brand-network { opacity:.7; }
}
@media (prefers-reduced-motion:reduce) {
 .brand-pulses path,.brand-output-ring,.brand-output-glow {animation:none;}
 .brand-pulses,.brand-output-ring {display:none;}
}
@media (max-width:640px) {
 .brand-network { top:auto; bottom:0; height:180px; opacity:.65; mask-image:linear-gradient(transparent,black 20%,black 75%,transparent); }
 .brand-network svg { width:100%;height:100%;margin-left:0; }
}

/* User-selected footage, with a quiet contrast layer behind the copy. */
.hero { background:#101011 url("../assets/hero-video-poster.jpg") center/cover no-repeat; }
.hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:0; pointer-events:none; }
.hero::after { background:linear-gradient(180deg,rgba(12,10,13,.3),rgba(12,10,13,.43) 55%,#101011),radial-gradient(ellipse at 50% 45%,rgba(12,10,13,.42),transparent 70%); }
.hero-video-toggle { position:absolute; right:28px; bottom:28px; z-index:4; width:36px; height:36px; border:1px solid #ffffff30; border-radius:50%; color:#e9dde3; background:#17101488; backdrop-filter:blur(12px); cursor:pointer; font-size:15px; }
.hero-video-toggle:hover { background:#73264088; }
.hero-video-toggle:focus-visible { outline:2px solid #e6bfce; outline-offset:4px; }

#pilares .data-explainer { max-width:390px; margin-top:24px; color:#685d62; font-size:14px; line-height:1.85; }
#pilares .data-explainer-close { grid-column:1/-1; border-top:1px solid #c7bbc1; padding-top:26px; margin-top:-38px; max-width:none; font-size:15px; line-height:1.8; color:#513d46; }
@media (max-width:640px) {
 #pilares .data-explainer-close { margin-top:0; }
 #pilares .data-explainer { max-width:none; }
}

.process-heading { display:grid; grid-template-columns:1.5fr 1fr; align-items:end; gap:80px; margin-bottom:58px; }
.process-heading h2 { font:500 clamp(1.9rem,3.3vw,3rem)/1.13 "Space Grotesk",sans-serif; letter-spacing:-.045em; color:#eee8eb; }
.process-heading > p { color:#a89ca3; font-size:14px; line-height:1.8; max-width:340px; }
.delivery-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; }
.delivery-steps article { display:flex; flex-direction:column; border-top:1px solid #6e4656; padding-top:20px; }
.delivery-stage { font:10px var(--mono); color:#c08b9f; letter-spacing:.08em; text-transform:uppercase; }
.delivery-steps h3 { font:500 23px/1.3 "Space Grotesk",sans-serif; letter-spacing:-.025em; margin:25px 0 17px; color:#eae3e6; }
.delivery-steps article > p { color:#a99fa5; font-size:13px; line-height:1.85; margin-bottom:26px; }
.delivery-output { margin-top:auto; padding-top:18px; border-top:1px solid #ffffff12; display:grid; gap:9px; }
.delivery-output span { font:9px var(--mono); text-transform:uppercase; letter-spacing:.05em; color:#96818b; }
.delivery-output strong { color:#cebec6; font-size:12px; font-weight:400; line-height:1.6; }
.process-example { margin-top:52px; padding:25px 0; display:grid; grid-template-columns:100px 1fr 1.2fr; gap:28px; align-items:start; border-block:1px solid #ffffff15; }
.process-example > span { font:10px var(--mono); color:#bc8c9e; padding-top:5px; text-transform:uppercase; }
.process-example p:first-of-type { font:500 19px/1.5 "Space Grotesk",sans-serif; color:#ddd0d7; }
.process-example p:last-of-type { font-size:13px; color:#a99fa5; line-height:1.8; }
@media(max-width:900px) { .process-heading {gap:30px;} .delivery-steps {gap:24px;} .delivery-steps h3 {font-size:21px;} .process-example {grid-template-columns:80px 1fr;} .process-example p:last-of-type {grid-column:2;} }
@media(max-width:640px) { .process-heading {grid-template-columns:1fr;gap:22px;margin-bottom:36px;} .delivery-steps {grid-template-columns:1fr;gap:34px;} .delivery-steps h3 {margin-top:18px;} .process-example {grid-template-columns:1fr;gap:15px;margin-top:36px;} .process-example p:last-of-type {grid-column:auto;} }

/* Deliverables: one clearly labeled illustration, three concise explanations. */
.delivery-heading { max-width:780px; }
.delivery-heading .sec-sub { margin-top:20px; font-size:14px; line-height:1.8; }
.deliverable-layout { display:grid; grid-template-columns:1.08fr 1fr; gap:64px; align-items:center; }
.report-preview { min-width:0; margin:0; padding:28px; border:1px solid #54434c; border-radius:14px; background:linear-gradient(145deg,#242025,#171518); box-shadow:inset 0 1px #ffffff09,0 25px 60px #0002; }
.report-preview figcaption { display:flex; justify-content:space-between; gap:15px; align-items:center; color:#e4dce1; font-size:13px; }
.sample-label { font:8px var(--mono); text-transform:uppercase; letter-spacing:.06em; color:#c19aaa; border:1px solid #715262; padding:5px 7px; border-radius:4px; }
.report-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:32px 0; padding-block:22px; border-block:1px solid #ffffff12; }
.report-summary div { display:grid; gap:9px; }
.report-summary span { font-size:10px; color:#b2a3ac; }
.report-summary strong { font:500 clamp(1.1rem,1.8vw,1.65rem) "Space Grotesk",sans-serif; letter-spacing:-.04em; color:#eee4ea; white-space:nowrap; }
.report-chart-title { display:flex; justify-content:space-between; gap:12px; font-size:10px; color:#b6a6af; }
.report-chart { display:block; width:100%; height:auto; margin-top:20px; }
.chart-months { display:flex; justify-content:space-between; font:9px var(--mono); color:#8f7f89; padding:8px 4px 0; }
.chart-legend { display:flex; justify-content:center; gap:22px; margin-top:20px; font-size:9px; color:#b8aab2; }
.chart-legend > span { display:flex; align-items:center; gap:6px; }
.chart-legend i { width:12px; height:2px; background:#c787a0; }
.chart-legend > span:last-child i { background:#b1a7ad; }
.sample-note { margin-top:25px; padding-top:17px; border-top:1px solid #ffffff0d; color:#95858f; font-size:10px; line-height:1.6; }
.deliverable-list article { display:grid; grid-template-columns:28px 1fr; gap:18px; padding-block:25px; border-bottom:1px solid #ffffff12; }
.deliverable-list article:first-child { padding-top:0; }
.deliverable-list article:last-child { border-bottom:0; padding-bottom:0; }
.deliverable-list article > span { padding-top:5px; font:10px var(--mono); color:#be869e; }
.deliverable-list h3 { font:500 24px/1.3 "Space Grotesk",sans-serif; letter-spacing:-.03em; margin-bottom:13px; color:#e9e1e6; }
.deliverable-list p { color:#aea1a9; font-size:13px; line-height:1.85; }
@media(max-width:900px) { .deliverable-layout {gap:32px;} .report-preview {padding:22px;} .deliverable-list h3 {font-size:21px;} }
@media(max-width:640px) { .deliverable-layout {grid-template-columns:1fr;gap:35px;} .report-preview {padding:20px;} .report-preview figcaption {font-size:11px;gap:10px;} .sample-label {font-size:7px;} .report-summary {gap:10px;} .report-summary strong {font-size:18px;} .deliverable-list h3 {font-size:23px;} }

/* An editorial showcase: a full-width report, followed by three open columns. */
#processo { background:radial-gradient(ellipse at 50% 58%,#34202d55,transparent 65%),#101011; }
#processo .delivery-heading { max-width:none; display:grid; grid-template-columns:1.3fr 1fr; gap:18px 90px; align-items:end; margin-bottom:52px; }
#processo .delivery-heading .tagline { grid-column:1/-1; }
#processo .delivery-heading h2 { max-width:580px; font-size:clamp(2rem,3.8vw,3.5rem); font-weight:500; }
#processo .delivery-heading .sec-sub { margin:0; max-width:340px; justify-self:end; padding-bottom:4px; }
.deliverable-layout { display:flex; flex-direction:column; gap:48px; align-items:stretch; }
.report-preview {
 position:relative; display:grid; grid-template-columns:200px minmax(0,1fr); gap:0 45px;
 padding:30px 36px 20px; border:1px solid #ffffff55; border-radius:18px;
 background:linear-gradient(135deg,#f0edeb,#e5dee2); color:#372b33;
 box-shadow:0 0 0 8px #ffffff04,0 32px 80px #0004,inset 0 1px #fff;
}
.report-preview figcaption { grid-column:1/-1; padding-bottom:22px; border-bottom:1px solid #57465022; color:#3b2d35; font-size:15px; font-weight:500; }
.sample-label { border:0; padding:0; color:#7e6270; font-size:9px; font-weight:400; }
.report-summary { grid-template-columns:1fr; gap:22px; margin:27px 0 0; border:0; padding:0 30px 0 0; border-right:1px solid #57465022; align-content:start; }
.report-summary div { gap:7px; }
.report-summary span { color:#786b73; font-size:11px; }
.report-summary strong { color:#30242c; font-size:32px; font-weight:500; }
.report-summary div:last-child strong { color:#8b3151; }
.report-plot { min-width:0; padding-top:27px; }
.report-chart-title { color:#6d5c66; font-size:11px; }
.report-chart { margin-top:18px; max-height:220px; }
.chart-months { color:#87747f; font-size:9px; }
.chart-legend { color:#77616e; justify-content:flex-start; margin-top:17px; }
.chart-legend i { background:#8b3151; }
.chart-legend > span:last-child i { background:#8b8287; }
.sample-note { grid-column:1/-1; margin-top:23px; border-color:#57465022; color:#8a7480; font-size:10px; }
.deliverable-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.deliverable-list article,.deliverable-list article:first-child,.deliverable-list article:last-child { display:block; padding:0; border:0; }
.deliverable-list article > span { display:block; font:10px var(--mono); padding:0 0 16px; color:#b18c9c; }
.deliverable-list h3 { font-size:22px; max-width:270px; font-weight:500; margin-bottom:13px; }
.deliverable-list p { font-size:13px; line-height:1.8; color:#a69ba2; }
@media(max-width:900px) {
 #processo .delivery-heading {gap:18px 35px;}
 .report-preview {grid-template-columns:150px minmax(0,1fr);gap:0 28px;padding-inline:26px;}
 .report-summary strong {font-size:27px;}
 .deliverable-list {gap:25px;}
 .deliverable-list h3 {font-size:20px;}
}
@media(max-width:640px) {
 #processo .delivery-heading {grid-template-columns:1fr;gap:18px;margin-bottom:35px;}
 #processo .delivery-heading .sec-sub {justify-self:start;max-width:none;}
 .report-preview {display:block;padding:23px 20px 18px;border-radius:13px;}
 .report-preview figcaption {font-size:12px;gap:10px;}
 .sample-label {font-size:7px;}
 .report-summary {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-right:0;padding:0;margin:23px 0;}
 .report-summary strong {font-size:19px;}
 .report-summary span {font-size:9px;}
 .report-plot {padding-top:0;}
 .report-chart-title {font-size:9px;}
 .deliverable-list {grid-template-columns:1fr;gap:27px;}
 .deliverable-list article {display:grid!important;grid-template-columns:25px 1fr;gap:14px;}
 .deliverable-list article > span {padding-top:5px;}
 .deliverable-list h3 {font-size:23px;max-width:none;}
 .deliverable-layout {gap:36px;}
}

.dashboard-showcase { margin:0; min-width:0; }
.dashboard-showcase > a { display:block; overflow:hidden; border-radius:15px; border:1px solid #d6bac638; box-shadow:0 0 0 7px #ffffff03,0 28px 75px #0004; }
.dashboard-showcase img { display:block; width:100%; height:auto; }
.dashboard-showcase figcaption { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:18px 3px 0; font-size:11px; line-height:1.6; color:#998690; }
.dashboard-showcase figcaption a { color:#c3a3b2; white-space:nowrap; }
.dashboard-showcase a:focus-visible { outline:2px solid #ce97af;outline-offset:5px; }
@media(max-width:640px) { .dashboard-showcase > a {border-radius:8px;} .dashboard-showcase figcaption {font-size:10px;gap:12px;align-items:start;} }

/* Brand-led, quiet contrast for the company differentiators. */
#diferencial { margin:20px 18px; padding:100px 0; border:1px solid #ffffff60; border-radius:28px; overflow:hidden; background:radial-gradient(ellipse at 96% 100%,#b799a950,transparent 55%),linear-gradient(120deg,#f4f0ed,#e9e3e5); color:#30272c; }
#diferencial .difference-layout { display:grid; grid-template-columns:1fr 1.05fr; gap:80px; align-items:center; }
#diferencial .tagline { color:#8a3555; margin-bottom:34px; }
#diferencial h2 { color:#31252c; font:500 clamp(36px,4.2vw,58px)/1.14 "Space Grotesk",sans-serif; letter-spacing:-.055em; }
#diferencial h2 em { color:#852f50; font-style:normal; }
.difference-lead { max-width:330px; color:#75656d; font-size:14px; line-height:1.85; margin-top:26px; }
.difference-signature { display:flex; align-items:center; gap:12px; margin-top:56px; color:#843852; }
.difference-signature svg { width:43px; height:43px; }
.difference-signature span { font:500 22px "Space Grotesk",sans-serif; letter-spacing:-.05em; color:#54414a; }
.difference-panel { border:1px solid #fff; border-radius:22px; padding:10px 34px 0; background:linear-gradient(130deg,#ffffffb0,#ffffff45); box-shadow:inset 0 1px 0 #fff,0 24px 65px #5933450b; backdrop-filter:blur(20px); }
.difference-panel article { display:grid; grid-template-columns:24px 1fr; gap:22px; padding:30px 0; border-bottom:1px solid #71536422; }
.difference-number { font:10px var(--mono); color:#9d6179; padding-top:7px; }
.difference-panel h3 { font:500 23px/1.3 "Space Grotesk",sans-serif; color:#3b2d35; letter-spacing:-.035em; margin:0 0 12px; }
.difference-panel p { font-size:13px; line-height:1.85; color:#76656f; margin:0; }
.difference-footnote { display:flex; align-items:center; gap:9px; padding:22px 0; color:#947581; font-size:10px; }
.difference-footnote span { width:5px; height:5px; border-radius:50%; background:#954768; }
@media(max-width:900px) { #diferencial .difference-layout { gap:35px; } .difference-panel {padding-inline:24px;} .difference-panel h3 {font-size:21px;} }
@media(max-width:640px) { #diferencial {margin:12px 10px;padding:55px 0;border-radius:20px;} #diferencial .difference-layout {grid-template-columns:1fr;gap:32px;} #diferencial h2 {font-size:39px;} #diferencial .tagline {margin-bottom:24px;} .difference-signature {margin-top:25px;} .difference-lead {max-width:none;} .difference-panel {padding:0 22px;border-radius:17px;} .difference-panel article {gap:12px;padding:26px 0;} .difference-panel h3 {font-size:22px;} }

/* A transparent worked example replaces unsupported differentiator claims. */
#diferencial .analysis-example-heading {display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end;margin-bottom:42px;}
#diferencial .analysis-example-heading h2 {font-size:clamp(32px,3.6vw,49px);}
.analysis-example-heading > p {font-size:14px;line-height:1.8;color:#75656d;max-width:310px;justify-self:end;}
.analysis-case {padding:32px 36px 0;background:#ffffff9c;border:1px solid #fff;border-radius:20px;box-shadow:0 25px 70px #5933450b;}
.analysis-case-top {display:flex;justify-content:space-between;gap:18px;font-size:11px;color:#85516a;}
.case-disclosure {color:#7c6c74;font-size:10px;}
.analysis-case h3 {font:500 clamp(24px,2.8vw,35px)/1.3 "Space Grotesk",sans-serif;letter-spacing:-.035em;color:#392830;margin:26px 0 34px;}
.analysis-case-body {display:grid;grid-template-columns:1.15fr 1fr;gap:44px;}
.case-evidence {min-width:0;}
.case-evidence table {width:100%;border-collapse:collapse;text-align:left;font-size:12px;color:#5d4b55;}
.case-evidence caption {text-align:left;font-size:10px;color:#88707d;padding-bottom:20px;}
.case-evidence thead th {font-size:10px;font-weight:400;color:#88707d;padding-bottom:14px;}
.case-evidence td,.case-evidence tbody th {padding:19px 0;border-top:1px solid #70506420;font-weight:400;}
.case-evidence td {text-align:right;white-space:nowrap;}
.case-evidence thead th:not(:first-child) {text-align:right;}
.case-evidence td span {display:block;font-size:10px;color:#9a637a;margin-top:6px;}
.case-evidence .case-result {color:#842c4c;}
.case-evidence .case-result td,.case-evidence .case-result th {font-weight:600;}
.case-data-note {font-size:10px;color:#8b7882;line-height:1.7;margin-top:17px;}
.case-reasoning {border-left:1px solid #70506420;padding-left:32px;display:grid;gap:23px;}
.case-step {display:block;font-size:10px;color:#8b3657;margin-bottom:8px;}
.case-reasoning p {font-size:13px;line-height:1.8;color:#74616c;}
.case-reasoning strong {color:#4c303f;font-weight:500;}
.case-takeaway {margin-top:34px;border-top:1px solid #70506420;padding:25px 0;display:grid;grid-template-columns:1fr 2fr;gap:25px;align-items:center;}
.case-takeaway span {font-size:11px;color:#8b3657;}
.case-takeaway p {font-size:14px;line-height:1.65;color:#543c49;}
.case-closing {max-width:720px;margin:28px 0 0;font-size:13px;line-height:1.8;color:#78636f;}
@media(max-width:800px){.analysis-case-body {grid-template-columns:1fr;gap:28px;}.case-reasoning {border-left:0;border-top:1px solid #70506420;padding:25px 0 0;}#diferencial .analysis-example-heading {grid-template-columns:1fr;gap:20px;}.analysis-example-heading > p {justify-self:start;max-width:450px;}.case-takeaway{grid-template-columns:1fr;gap:10px;}}
@media(max-width:640px){.analysis-case{padding:23px 18px 0;border-radius:15px;}.analysis-case-top{flex-direction:column;gap:9px;}.analysis-case h3{font-size:26px;margin-block:24px;}.case-evidence table{font-size:11px;}.case-evidence tbody th{max-width:85px;padding-right:8px;}#diferencial .analysis-example-heading h2{font-size:34px;}}

/* Two comparable revenue compositions make the example legible at a glance. */
.case-visual-comparison {display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #70506420;border-radius:14px;overflow:hidden;}
.case-period {padding:25px;background:#ffffff70;}
.case-period + .case-period {border-left:1px solid #70506420;background:#f2e9ee60;}
.period-heading {display:flex;flex-direction:column;gap:10px;margin-bottom:26px;}
.period-heading > span {font-size:11px;color:#8b6477;}
.period-heading > strong {font:500 27px/1.2 "Space Grotesk",sans-serif;color:#47313e;letter-spacing:-.04em;}
.period-heading small {font:400 11px sans-serif;letter-spacing:0;color:#8b7882;}
.period-chart {display:flex;align-items:center;gap:24px;}
.margin-donut {width:138px;height:138px;flex:0 0 138px;border-radius:50%;background:conic-gradient(#8b3456 0 var(--share),#d8cbd2 var(--share) 100%);padding:16px;}
.margin-donut > div {width:100%;height:100%;border-radius:50%;background:#faf7f8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;}
.margin-donut strong {font:500 31px "Space Grotesk",sans-serif;letter-spacing:-.04em;color:#78324d;}
.margin-donut span {font-size:10px;color:#8b7780;}
.period-chart dl {display:grid;gap:20px;margin:0;}
.period-chart dt {font-size:10px;color:#88727e;display:flex;align-items:center;gap:6px;}
.period-chart dd {margin:7px 0 0;font:500 20px "Space Grotesk",sans-serif;color:#503945;letter-spacing:-.025em;}
.period-chart i {width:7px;height:7px;border-radius:2px;display:inline-block;}
.legend-cost {background:#d8cbd2;}.legend-profit {background:#8b3456;}
.case-insight {display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center;margin-top:26px;padding:24px 28px;background:#842f5010;border-left:3px solid #8b3456;border-radius:0 10px 10px 0;}
.case-insight > span,.case-next-analysis > span {font-size:11px;color:#8b3456;}
.case-insight p {font-size:17px;line-height:1.8;color:#705260;}
.case-insight strong {font-weight:500;color:#4d2c3d;}
.case-next-analysis {display:grid;grid-template-columns:140px 1fr;gap:20px;margin-top:25px;padding-inline:28px;}
.case-next-analysis p {font-size:13px;line-height:1.8;color:#786570;}
.analysis-case > .case-data-note {margin-top:24px;}
@media(max-width:1000px){.period-chart{gap:15px;}.margin-donut{width:115px;height:115px;flex-basis:115px;padding:13px;}.case-period{padding:22px 18px;}.period-chart dd{font-size:18px;}}
@media(max-width:700px){.case-visual-comparison{grid-template-columns:1fr;}.case-period + .case-period{border-left:0;border-top:1px solid #70506420;}.period-chart{gap:25px;}.period-heading > strong{font-size:26px;}.case-insight,.case-next-analysis{grid-template-columns:1fr;gap:10px;padding:20px;}.case-next-analysis{padding:0;}.case-insight p{font-size:15px;}.case-insight br{display:none;}}

/* Compact reasons to choose Perceptron, with layered translucent surfaces. */
#diferencial {background:radial-gradient(ellipse at 12% 100%,#c8a5b84a,transparent 48%),radial-gradient(ellipse at 95% 40%,#cbb8c64a,transparent 45%),#f1edeb;}
.why-heading {max-width:740px;margin-bottom:45px;}
#diferencial .why-heading .tagline {margin-bottom:25px;}
#diferencial .why-heading h2 {font-size:clamp(32px,3.7vw,50px);}
.why-heading > p:last-child {font-size:14px;line-height:1.8;color:#78666f;margin-top:22px;max-width:490px;}
.why-glass-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.why-glass-card {position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:30px 27px 0;border-radius:23px;border:1px solid #ffffffd9;background:linear-gradient(135deg,#ffffffbb 0%,#ffffff52 48%,#ffffff8c 100%);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #b699ac30,0 15px 30px #6846560a,0 2px 5px #68465606;backdrop-filter:blur(24px) saturate(125%);transition:transform .3s ease,box-shadow .3s ease;}
.why-glass-card::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 12%,#fff8 13%,#fff0 34%),radial-gradient(ellipse at 100% 100%,#9b557b12,transparent 65%);opacity:.65;}
.why-card-top {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:34px;}
.why-card-top svg {width:43px;height:43px;color:#8c3d5c;padding:5px;border-radius:12px;background:linear-gradient(140deg,#fff9,#e0c4d244);box-shadow:inset 0 1px #fff,0 4px 12px #60304409;}
.why-card-top > span {font:9px var(--mono);color:#9d7588;}
.why-glass-card h3 {font:500 25px/1.26 "Space Grotesk",sans-serif;letter-spacing:-.04em;color:#4d303f;margin:0 0 18px;}
.why-glass-card > p {font-size:13px;line-height:1.85;color:#796772;margin:0 0 30px;}
.why-card-bottom {margin-top:auto;border-top:1px solid #9b728326;padding:19px 0 23px;font-size:10px;line-height:1.6;color:#925c74;}
@media(hover:hover){.why-glass-card:hover{transform:translateY(-4px);box-shadow:inset 1px 1px #fff,inset -1px -1px #b699ac30,0 22px 40px #68465612;}}
@media(max-width:900px){.why-glass-grid{gap:14px;}.why-glass-card{padding:24px 20px 0;}.why-glass-card h3{font-size:22px;}.why-card-top{gap:5px;}.why-card-top > span{font-size:8px;}}
@media(max-width:700px){.why-glass-grid{grid-template-columns:1fr;gap:18px;}.why-glass-card{padding:25px 25px 0;}.why-card-top{margin-bottom:24px;}.why-glass-card h3{font-size:26px;}.why-glass-card > p{margin-bottom:24px;}.why-heading{margin-bottom:30px;}.why-card-top > span{font-size:10px;}}
@media(prefers-reduced-motion:reduce){.why-glass-card{transition:none;}.why-glass-card:hover{transform:none;}}

/* Adapted from Uiverse.io by dylanharriscameron: moving light under a frosted inset. */
.why-glass-card {isolation:isolate;background:#d8c9d1;border:1px solid #fff9;padding:31px 28px 0;box-shadow:14px 14px 34px #b8aab638,-10px -10px 28px #ffffffa6;backdrop-filter:none;}
.why-glass-card::before {display:none;}
.why-card-blob {position:absolute;z-index:-2;top:50%;left:50%;width:180px;height:180px;border-radius:50%;background:#8c2e54;opacity:.85;filter:blur(15px);animation:why-blob-bounce 9s infinite ease-in-out;pointer-events:none;}
.why-card-surface {position:absolute;inset:4px;z-index:-1;border-radius:19px;background:rgba(255,252,253,.94);backdrop-filter:blur(24px);outline:1px solid #fff;box-shadow:inset 0 1px 2px #fff;pointer-events:none;}
.why-glass-card:nth-child(2) .why-card-blob {animation-delay:-3s;}
.why-glass-card:nth-child(3) .why-card-blob {animation-delay:-6s;}
@keyframes why-blob-bounce {0%,100%{transform:translate(-100%,-100%) translate3d(0,0,0);}25%{transform:translate(-100%,-100%) translate3d(100%,0,0);}50%{transform:translate(-100%,-100%) translate3d(100%,100%,0);}75%{transform:translate(-100%,-100%) translate3d(0,100%,0);}}
@media(prefers-reduced-motion:reduce){.why-card-blob{animation:none;transform:translate(-50%,-50%);opacity:.4;}}
@media(max-width:700px){.why-glass-card{padding:26px 25px 0;}.why-card-blob{width:160px;height:160px;}}

/* Contact composition adapted from the supplied globe reference. */
#contato {padding:100px 0 80px;background:radial-gradient(ellipse at 23% 72%,#66244215,transparent 40%),#101011;}
.contact-heading {text-align:center;max-width:800px;margin:0 auto 64px;}
.contact-kicker {display:inline-block;padding:7px 15px;border:1px solid #a3597838;border-radius:30px;color:#c997ad;background:#8b345616;font-size:11px;margin-bottom:24px;}
#contato .contact-heading h2 {font:500 clamp(32px,4.3vw,56px)/1.12 "Space Grotesk",sans-serif;letter-spacing:-.05em;color:#f1ebee;}
.contact-heading > p:last-child {max-width:480px;margin:24px auto 0;color:#a89ba3;font-size:14px;line-height:1.8;}
.contact-globe-layout {display:grid;grid-template-columns:1fr 1.12fr;gap:75px;max-width:1000px;margin:auto;align-items:start;}
.contact-channels {padding-top:20px;min-width:0;}
.contact-channels h3,.contact-form-panel h3 {font:500 23px/1.3 "Space Grotesk",sans-serif;letter-spacing:-.03em;color:#ece3e9;}
.contact-channels > p {font-size:13px;line-height:1.8;color:#a89ba3;max-width:330px;margin:15px 0 24px;}
.contact-channels > a {display:flex;align-items:center;gap:12px;width:fit-content;color:#c5b7c0;font-size:12px;margin-bottom:14px;overflow-wrap:anywhere;}
.contact-channels > a > span {display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:9px;border:1px solid #71536555;background:#251e2490;color:#d1a3b8;font-size:16px;}
.contact-channels > a:hover {color:#fff;}
.contact-globe-frame {position:relative;height:265px;overflow:hidden;margin-top:28px;mask-image:linear-gradient(#000 50%,transparent 100%);}
#contactGlobe {display:block;width:100%;height:auto;aspect-ratio:1;}
.globe-toggle {background:none;border:0;border-bottom:1px solid #6d4b5a;color:#ae8d9e;font:10px inherit;padding:6px 0;cursor:pointer;}
.contact-form-panel {padding:32px;border:1px solid #71526544;border-radius:20px;background:linear-gradient(135deg,#241d23,#19171b);box-shadow:inset 0 1px #ffffff08,0 24px 65px #0002;}
.contact-form-panel > p {font-size:12px;color:#9f8e99;line-height:1.7;margin-top:9px;}
.contact-dots {height:14px;margin:24px 0;background-image:radial-gradient(circle,#ad829a65 .8px,transparent 1px);background-size:6px 6px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}
#contato .contact-form-panel .cform {margin-top:0;}
#contato .contact-form-panel input,#contato .contact-form-panel textarea {background:#ffffff04;border:1px solid #80647540;border-radius:10px;color:#f2e7ed;min-height:44px;}
#contato .contact-form-panel input:focus,#contato .contact-form-panel textarea:focus {border-color:#b26a89;box-shadow:0 0 0 3px #8b345619;outline:none;}
#contato .contact-form-panel label {font-size:9px;letter-spacing:.1em;color:#b8a0ad;}
#contato .contact-form-panel .cform-submit {width:100%;background:linear-gradient(135deg,#9a3c63,#6d2846);border:1px solid #cb8aa64d;border-radius:11px;box-shadow:inset 0 1px #ffffff20;color:#fff;}
.globe-toggle:focus-visible,.contact-channels a:focus-visible {outline:2px solid #d5a1b9;outline-offset:5px;}
@media(max-width:800px){.contact-globe-layout{gap:30px;}.contact-form-panel{padding:25px;}.contact-channels > a{font-size:11px;}.contact-globe-frame{height:220px;}}
@media(max-width:640px){#contato{padding:65px 0;}.contact-heading{margin-bottom:36px;}.contact-heading h2 br{display:none;}.contact-globe-layout{grid-template-columns:1fr;gap:30px;}.contact-channels{padding-top:0;}.contact-globe-frame{height:190px;max-width:330px;margin-inline:auto;}.contact-form-panel{padding:25px 20px;}.contact-channels > a{font-size:12px;}}

/* Refined form surface: clear field hierarchy and quieter glass details. */
#contato .contact-form-panel {position:relative;isolation:isolate;padding:36px;border-radius:24px;border:1px solid #bc8ba24d;background:radial-gradient(ellipse at 100% 0,#97577318,transparent 55%),linear-gradient(145deg,#30262e,#1d191e 75%);box-shadow:inset 0 1px 0 #ffffff17,0 25px 65px #0003;}
#contato .contact-form-panel h3 {font-size:25px;letter-spacing:-.035em;}
#contato .contact-form-panel > p {color:#baabb4;font-size:13px;max-width:310px;margin-top:10px;}
#contato .contact-dots {height:1px;margin:27px 0 28px;background:linear-gradient(90deg,#bc849c66,#bc849c12);mask-image:none;}
#contato .contact-form-panel .cform {gap:21px;}
#contato .contact-form-panel .cform-row {gap:16px;}
#contato .contact-form-panel .cform-field label {font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.025em;text-transform:none;color:#d4c7cf;margin-bottom:9px;}
#contato .contact-form-panel input,#contato .contact-form-panel textarea {width:100%;background:linear-gradient(120deg,#ffffff07,#ffffff03);border:1px solid #b799ab33;border-radius:11px;padding:13px 14px;min-height:48px;color:#fff6fb;font-family:inherit;font-size:13px;font-weight:400;line-height:1.5;box-shadow:inset 0 1px 3px #00000010;transition:border-color .2s,background .2s,box-shadow .2s;}
#contato .contact-form-panel textarea {min-height:125px;resize:vertical;}
#contato .contact-form-panel input:hover,#contato .contact-form-panel textarea:hover {border-color:#b799ab66;}
#contato .contact-form-panel input:focus,#contato .contact-form-panel textarea:focus {background:#ffffff08;border-color:#c989a7;box-shadow:0 0 0 3px #a9537920;}
#contato .contact-form-panel input::placeholder,#contato .contact-form-panel textarea::placeholder {color:#93808c;opacity:1;font-size:12px;}
#contato .contact-form-panel .cform-submit {min-height:49px;margin-top:5px;background:linear-gradient(135deg,#a44970,#772b4e);border:1px solid #de9bb661;box-shadow:inset 0 1px #ffffff30,0 6px 20px #45152c40;border-radius:12px;font-size:13px;letter-spacing:.01em;transition:filter .2s,box-shadow .2s;}
#contato .contact-form-panel .cform-submit:hover {filter:brightness(1.12);box-shadow:inset 0 1px #ffffff40,0 8px 24px #45152c60;}
@media(max-width:640px){#contato .contact-form-panel{padding:28px 22px;border-radius:20px;}#contato .contact-form-panel h3{font-size:24px;}}
@media(prefers-reduced-motion:reduce){#contato .contact-form-panel input,#contato .contact-form-panel textarea,#contato .contact-form-panel .cform-submit{transition:none;}}

/* Satin graphite with restrained silver highlights. */
#contato .contact-form-panel {
 background:linear-gradient(120deg,#ffffff0a,transparent 25%,#ffffff04 48%,transparent 70%),linear-gradient(155deg,#414044 0%,#29282c 22%,#1d1c20 58%,#323035 100%);
 border:1px solid #d9d1da45;border-top-color:#f0e8ef70;border-radius:22px;
 box-shadow:inset 0 1px 0 #ffffff38,inset 1px 0 0 #ffffff0a,inset 0 -1px 0 #ffffff12,0 25px 60px #0005;
}
#contato .contact-form-panel::before {content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 3px);opacity:.55;z-index:-1;}
#contato .contact-form-panel h3 {color:#e9e7eb;background:linear-gradient(180deg,#fff 5%,#c1bdc7 60%,#f6f0f5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
#contato .contact-form-panel > p {color:#aaa6af;}
#contato .contact-dots {background:linear-gradient(90deg,#d8d0db55,#c7bccd0b);}
#contato .contact-form-panel .cform-field label {color:#cec9d2;}
#contato .contact-form-panel input,#contato .contact-form-panel textarea {
 background:linear-gradient(170deg,#17171b90,#2b292e55);border-color:#c8bbce29;border-top-color:#0005;border-bottom-color:#d8ccde35;
 box-shadow:inset 0 2px 5px #0002,0 1px 0 #ffffff05;border-radius:9px;
}
#contato .contact-form-panel input:focus,#contato .contact-form-panel textarea:focus {background:#211f25;border-color:#ba91a6;box-shadow:0 0 0 3px #a9537917,inset 0 2px 5px #0002;}
#contato .contact-form-panel .cform-submit {
 background:linear-gradient(175deg,#b8799440,transparent 45%),linear-gradient(135deg,#923e61,#60283f 60%,#893958);
 border:1px solid #c492aa70;border-top-color:#ebbdce9c;box-shadow:inset 0 1px #ffe9f347,inset 0 -1px #30122380,0 5px 14px #0003;color:#f3eaf0;
}

/* Wine-toned satin finish, with continuous rounded field edges. */
#contato .contact-form-panel {
 background:linear-gradient(120deg,#e9bbce0d,transparent 28%,#d195b009 52%,transparent 74%),linear-gradient(155deg,#51323f 0%,#37222e 28%,#251a23 65%,#432735 100%);
 border-color:#b37c9561;border-top-color:#e6b4cb85;
 box-shadow:inset 0 1px 0 #f8d8e52b,inset 1px 0 0 #ecc6d60a,inset 0 -1px 0 #d19ab61c,0 25px 60px #0005;
}
#contato .contact-form-panel h3 {background-image:linear-gradient(180deg,#fff3f8 5%,#d8b9c9 60%,#fae7f0);}
#contato .contact-form-panel > p {color:#bea7b4;}
#contato .contact-form-panel .cform-field label {color:#deccd6;}
#contato .contact-dots {background:linear-gradient(90deg,#cf9ab45c,#bb7b990d);}
#contato .contact-form-panel input,#contato .contact-form-panel textarea {
 background:linear-gradient(145deg,#25182099,#37233066);border:1px solid #c293aa42;border-radius:15px;
 box-shadow:inset 0 1px 2px #00000014,0 1px 0 #e5b7cf08;clip-path:none;
}
#contato .contact-form-panel input:hover,#contato .contact-form-panel textarea:hover {border-color:#c293aa77;}
#contato .contact-form-panel input:focus,#contato .contact-form-panel textarea:focus {background:#301e29;border-color:#cc94b0;box-shadow:0 0 0 3px #b566891a;}
#contato .contact-form-panel .cform-submit {border-radius:15px;}

/* Centered footer inspired by the supplied reference. */
#footer.footer-centered {padding:0;background:#0b0b0c;border-top:1px solid #ffffff09;}
.footer-center-main {display:flex;flex-direction:column;align-items:center;padding-top:80px;padding-bottom:43px;}
.footer-center-brand {display:flex;flex-direction:column;align-items:center;gap:10px;color:#e9e2e7;text-decoration:none;}
.footer-center-brand svg {width:49px;height:49px;color:#b66185;}
.footer-center-brand span {font:500 23px "Space Grotesk",sans-serif;letter-spacing:-.055em;}
.footer-center-nav {display:flex;justify-content:center;flex-wrap:wrap;gap:20px 36px;margin-top:37px;}
.footer-center-nav a {color:#d4cbd1;font-size:12px;line-height:1.6;transition:color .2s;}
.footer-center-nav a:hover {color:#d992b2;}
.footer-center-social {display:flex;justify-content:center;gap:22px;margin-top:29px;}
.footer-center-social a {display:grid;place-items:center;width:32px;height:32px;color:#c7bac3;transition:color .2s;}
.footer-center-social a:hover {color:#d992b2;}
.footer-center-social svg {width:20px;height:20px;}
.footer-hatch {height:38px;border-block:1px solid #b38a9d1c;background:repeating-linear-gradient(133deg,transparent 0,transparent 6px,#b38a9d22 6px,#b38a9d22 7px);}
.footer-center-bottom {padding-top:28px;padding-bottom:45px;text-align:center;}
.footer-center-bottom p {font-size:11px;line-height:1.8;color:#8f808a;}
.footer-centered a:focus-visible {outline:2px solid #d992b2;outline-offset:6px;border-radius:3px;}
@media(max-width:640px){.footer-center-main{padding-top:53px;padding-bottom:30px;}.footer-center-nav{gap:16px 23px;max-width:320px;margin-top:29px;}.footer-center-nav a{font-size:11px;}.footer-hatch{height:27px;}.footer-center-bottom{padding-top:24px;padding-bottom:30px;}}

/* Quiet final contact finish: near-black surface and restrained wine edges. */
#contato .contact-form-panel {
 background:radial-gradient(ellipse at 0 0,#8b456117,transparent 42%),radial-gradient(ellipse at 100% 100%,#8b456110,transparent 42%),linear-gradient(145deg,#201c20,#181619 65%,#1e191e);
 border:1px solid #aa81932b;
 box-shadow:inset 0 1px 0 #ecd4df0c,0 16px 40px #00000018;
}
#contato .contact-form-panel::before {opacity:.16;}
#contato .contact-form-panel h3 {color:#e7dfe4;background:none;-webkit-text-fill-color:currentColor;}
#contato .contact-form-panel > p {color:#a99aa3;}
#contato .contact-dots {background:linear-gradient(90deg,#b694a52b,#b694a508);}
#contato .contact-form-panel .cform-field label {color:#c3b5be;font-weight:400;}
#contato .contact-form-panel input,#contato .contact-form-panel textarea {
 background:#ffffff02;border:1px solid #bb9aac24;box-shadow:none;
}
#contato .contact-form-panel input:hover,#contato .contact-form-panel textarea:hover {border-color:#bb9aac45;}
#contato .contact-form-panel input:focus,#contato .contact-form-panel textarea:focus {background:#ffffff04;border-color:#ac708e;box-shadow:0 0 0 2px #a9537910;}
#contato .contact-form-panel .cform-submit {
 margin-top:14px;background:linear-gradient(145deg,#813450,#702d48);border:1px solid #bf839e38;
 box-shadow:inset 0 1px #ebc7d511;color:#f1e5ec;
}
#contato .contact-form-panel .cform-submit:hover {filter:brightness(1.07);box-shadow:inset 0 1px #ebc7d51a;}