:root {
  --ink: #101614;
  --deep: #0a0e0d;
  --paper: #f0eee8;
  --paper-warm: #e6e4db;
  --muted: #8f968d;
  --muted-dark: #697269;
  --line: rgba(16, 22, 20, .16);
  --line-light: rgba(240, 238, 232, .2);
  --moss: #b8d448;
  --moss-light: #d6ed7b;
  --rust: #e4764c;
  --rust-dark: #a64831;
  --violet: #aa8ee8;
  --serif: "Space Grotesk", sans-serif;
  --sans: "Manrope", sans-serif;
  --mono: "DM Mono", monospace;
  --section-pad: clamp(5.5rem, 12vw, 10rem);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); font-size: 16px; line-height: 1.5; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--moss); color: var(--ink); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.section-shell { width: min(1200px, calc(100% - 96px)); margin-inline: auto; }
.section-padding { padding-block: var(--section-pad); }

.site-header { position: fixed; z-index: 20; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.4rem max(32px, calc((100vw - 1200px) / 2)); color: #fff; background: #00030c; border-bottom: 1px solid rgba(192,192,192,.48); transition: background .35s ease, color .35s ease, padding .35s ease, box-shadow .35s ease; }
.site-header.scrolled { padding-top: .9rem; padding-bottom: .9rem; color: #fff; background: rgba(0,3,12,.92); backdrop-filter: blur(18px); box-shadow: 0 1px 0 rgba(192,192,192,.35); }
.wordmark { display: inline-flex; align-items: center; gap: .6rem; font: 700 .95rem var(--serif); letter-spacing: .1em; white-space: nowrap; }
.brand-symbol { width: 32px; height: 32px; object-fit: contain; object-position: center; }
.wordmark-mark { position: relative; display: inline-flex; width: 1.35rem; height: 1.35rem; align-items: flex-end; justify-content: center; gap: 2px; }
.wordmark-mark i { display: block; width: 3px; border-radius: 99px 99px 0 0; background: currentColor; transform: rotate(38deg); }
.wordmark-mark i:nth-child(1) { height: .5rem; opacity: .55; }
.wordmark-mark i:nth-child(2) { height: .9rem; }
.wordmark-mark i:nth-child(3) { height: .72rem; opacity: .75; transform: rotate(-38deg); }
.wordmark-dash { color: var(--rust); margin-inline: .08em; }
.desktop-nav { display: flex; align-items: center; gap: clamp(1.3rem, 3vw, 2.6rem); margin-left: auto; margin-right: 1rem; }
.desktop-nav a, .header-cta { font: 500 .7rem var(--mono); letter-spacing: .04em; text-transform: uppercase; opacity: .72; transition: opacity .2s ease; }
.desktop-nav a:hover { opacity: 1; }
.header-cta { display: inline-flex; align-items: center; gap: .65rem; padding: .85rem 1.05rem; border: 1px solid #167bf7; color: #fff; opacity: 1; font-family: "Chakra Petch", var(--mono); }
.header-cta span, .footer-cta span { color: var(--rust); font-size: 1rem; }
.menu-toggle, .mobile-menu { display: none; }

.hero { position: relative; min-height: min(900px, 100vh); padding-top: 10rem; padding-bottom: 7rem; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(400px, .98fr); align-items: center; gap: 3rem; color: var(--paper); }
.hero::before { content: ""; position: absolute; z-index: -3; top: 0; left: 50%; width: 100vw; height: 100%; transform: translateX(-50%); background: radial-gradient(circle at 70% 32%, rgba(22,123,247,.28), transparent 31rem), radial-gradient(circle at 20% 90%, rgba(192,192,192,.12), transparent 30rem), #00030c; }
.hero::after { content: ""; position: absolute; z-index: -2; top: 0; right: -20vw; width: 72vw; height: 100%; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 60px 60px; mask-image: linear-gradient(90deg, transparent, #000 35%, #000); }
.hero-copy { position: relative; z-index: 2; max-width: 630px; padding-top: 1rem; }
.eyebrow, .section-kicker { display: flex; align-items: center; gap: .75rem; font: 500 .64rem var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.eyebrow { color: var(--moss-light); margin: 0 0 1.5rem; }
.eyebrow-dot { display: inline-block; width: .52rem; height: .52rem; border-radius: 50%; background: var(--moss); box-shadow: 0 0 0 5px rgba(184,212,72,.12); }
.hero h1 { max-width: 730px; margin: 0; font: 600 clamp(3.1rem, 6.1vw, 6.2rem)/.97 "Chakra Petch", var(--serif); letter-spacing: -.055em; }
.hero h1 em, .display-heading em { color: var(--rust); font-style: normal; }
.hero-lede { max-width: 580px; margin: 2rem 0 2.2rem; color: #c0c0c0; font: 400 clamp(1rem, 1.55vw, 1.18rem)/1.65 "Noto Sans", var(--sans); }
.hero-actions { display: flex; align-items: center; gap: 1.8rem; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .8rem; min-height: 3.25rem; padding: .8rem 1.2rem; border: 1px solid transparent; border-radius: 999px; font: 600 .75rem var(--mono); letter-spacing: .015em; text-transform: uppercase; cursor: pointer; transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease; }
.button:hover { transform: translateY(-3px); }
.button-primary { color: #fff; background: #167bf7; font-family: "Chakra Petch", var(--mono); }
.button-primary:hover { background: #0c64d6; }
.button-outline { color: var(--ink); border-color: var(--ink); background: transparent; }
.button-outline:hover { color: var(--paper); background: var(--ink); }
.text-link, .arrow-link { display: inline-flex; gap: .75rem; align-items: center; width: fit-content; border-bottom: 1px solid currentColor; padding-bottom: .25rem; font: 500 .7rem var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.text-link { color: var(--paper); border-bottom-color: rgba(240,238,232,.4); }
.text-link span, .arrow-link span { color: var(--rust); transition: transform .2s ease; }
.text-link:hover span, .arrow-link:hover span { transform: translate(3px, -3px); }
.hero-note { display: flex; align-items: center; gap: .6rem; margin: 5.2rem 0 0; color: #8e9b8c; font: .65rem var(--mono); text-transform: uppercase; letter-spacing: .05em; }
.hero-note span { color: var(--moss); font-size: 1.1rem; }
.hero-art { position: relative; min-height: 580px; display: grid; place-items: center; }
.hero-art-photo { align-self: stretch; }
.hero-photo-frame { position: relative; width: min(100%, 560px); height: min(560px, 74vh); overflow: hidden; border: 1px solid rgba(192,192,192,.38); background: #10131d; box-shadow: 18px 18px 0 rgba(22,123,247,.2); transform: rotate(2deg); }
.hero-photo-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(0,3,12,.1), rgba(22,123,247,.12)); pointer-events: none; }
.hero-photo-frame img { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(.78) contrast(1.08); }
.photo-corner { position: absolute; z-index: 1; color: #fff; font: .6rem "Chakra Petch", var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.photo-corner-top { top: 1rem; left: 1rem; }
.photo-corner-bottom { right: 1rem; bottom: 1rem; color: #167bf7; }
.art-sun { position: absolute; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle at 35% 32%, #ffbc8d 0 5%, #e4774c 31%, #a74932 72%, #54271e 100%); box-shadow: 0 0 90px rgba(228,118,76,.28), 0 0 0 1px rgba(255,206,152,.5), 0 0 0 16px rgba(228,118,76,.05); }
.art-sun::after { content: ""; position: absolute; inset: 17%; border-radius: 50%; border: 1px dashed rgba(255,223,192,.3); transform: rotate(33deg) skewX(-23deg); }
.orbit { position: absolute; width: 480px; height: 205px; border: 1px solid rgba(214,237,123,.45); border-radius: 50%; transform: rotate(-27deg); }
.orbit-two { width: 515px; height: 290px; transform: rotate(56deg); border-color: rgba(240,238,232,.26); }
.orbit-three { width: 370px; height: 500px; transform: rotate(68deg); border-color: rgba(170,142,232,.4); }
.orbit-node { position: absolute; display: block; width: 10px; height: 10px; border-radius: 50%; background: var(--moss); box-shadow: 0 0 0 7px rgba(214,237,123,.12), 0 0 24px var(--moss); }
.node-one { top: 5px; left: 52%; }.node-two { right: 22px; top: 57%; background: var(--violet); box-shadow: 0 0 0 7px rgba(170,142,232,.12), 0 0 24px var(--violet); }.node-three { left: 5%; top: 49%; background: var(--rust); box-shadow: 0 0 0 7px rgba(228,118,76,.12), 0 0 24px var(--rust); }
.hero-device { position: relative; z-index: 1; width: 235px; height: 275px; display: flex; flex-direction: column; justify-content: space-between; padding: 1.15rem 1.1rem; border: 1px solid rgba(214,237,123,.5); background: rgba(18, 31, 25, .86); box-shadow: 25px 32px 0 rgba(228,118,76,.12), inset 0 0 50px rgba(184,212,72,.04); transform: rotate(7deg); }
.device-topline, .device-bottomline { display: flex; justify-content: space-between; gap: 1rem; color: #9eab96; font: .56rem var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.device-live { display: inline-flex; align-items: center; gap: .35rem; color: var(--moss-light); }.device-live i { width: 5px; height: 5px; border-radius: 50%; background: var(--moss); }
.device-core { position: relative; display: grid; place-content: center; text-align: center; }.device-core strong { color: var(--moss-light); font: 500 5.4rem/.8 var(--serif); letter-spacing: -.09em; }.device-core small { margin-top: .9rem; color: #a4aa9f; font: .62rem var(--mono); text-transform: uppercase; letter-spacing: .2em; }.core-ring { position: absolute; inset: 8px 32px 0; border: 1px dashed rgba(214,237,123,.38); border-radius: 50%; transform: rotate(35deg) skewX(-20deg); }
.art-label { position: absolute; color: #c0c0c0; font: .62rem "Chakra Petch", var(--mono); letter-spacing: .1em; line-height: 1.4; text-transform: uppercase; }.art-label b { color: var(--paper); font-weight: 400; }.art-label-top { top: 14%; right: -2%; text-align: right; }.art-label-bottom { bottom: 15%; left: -2%; }.art-star { position: absolute; color: #167bf7; font-size: 1.2rem; }.star-a { top: 10%; left: 12%; }.star-b { bottom: 14%; right: 10%; color: #c0c0c0; }.star-c { top: 41%; right: -2%; color: #c0c0c0; font-size: 2rem; }
.hero-scroll { position: absolute; left: 0; bottom: 2.5rem; display: flex; align-items: center; gap: .8rem; color: #849086; font: .6rem var(--mono); text-transform: uppercase; letter-spacing: .08em; }.hero-scroll span { display: block; width: 28px; height: 1px; background: var(--rust); }
.ticker { position: relative; overflow: hidden; color: var(--ink); background: var(--moss); padding: 1.15rem 0; }.ticker-track { display: flex; align-items: center; justify-content: space-around; min-width: max-content; gap: 2rem; animation: ticker 32s linear infinite; font: 600 .67rem var(--mono); letter-spacing: .08em; }.ticker-track i { color: var(--rust); font-style: normal; font-size: 1rem; }
@keyframes ticker { to { transform: translateX(-50%); } }

.section-kicker { color: var(--muted-dark); }.section-kicker > span:first-child { color: var(--rust); }.kicker-line { display: inline-block; width: 38px; height: 1px; background: var(--rust); }.display-heading { max-width: 830px; margin: 1.8rem 0 0; font: 500 clamp(2.8rem, 6vw, 5.9rem)/.97 var(--serif); letter-spacing: -.07em; }
.vision { position: relative; }.vision-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .65fr); gap: 7rem; align-items: end; }.vision-body { max-width: 360px; padding-bottom: .6rem; }.vision-body p { margin: .3rem 0 1.15rem; color: #57615b; line-height: 1.75; }.arrow-link { color: var(--ink); margin-top: 1.25rem; }.vision-footnote { display: flex; justify-content: space-between; gap: 2rem; margin-top: 8rem; padding-top: 1.2rem; border-top: 1px solid var(--line); color: var(--muted-dark); font: .63rem var(--mono); text-transform: uppercase; letter-spacing: .05em; }.vision-footnote span:last-child { color: var(--rust); }
.friction { display: grid; grid-template-columns: .82fr 1.18fr; gap: 7rem; color: var(--paper); }.friction::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; height: 810px; background: var(--deep); }.friction-heading .section-kicker { color: #8f9b91; }.friction-heading .display-heading { font-size: clamp(2.7rem, 4.8vw, 5rem); }.friction-content { padding-top: 5.6rem; }.friction-intro { max-width: 470px; color: #a5afa5; font-size: 1.05rem; line-height: 1.7; }.friction-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 4.2rem; }.friction-card { position: relative; min-height: 300px; padding: 1.4rem; border: 1px solid var(--line-light); background: rgba(255,255,255,.03); }.card-number { color: var(--rust); font: .68rem var(--mono); }.card-icon { margin: 2.6rem 0 1.4rem; color: var(--moss); font-size: 1.8rem; }.icon-hourglass { font-size: 1.5rem; filter: grayscale(1) brightness(1.8); }.friction-card h3 { margin: 0; font: 500 1.2rem/1.1 var(--serif); letter-spacing: -.03em; }.friction-card p { margin: 1rem 0 0; color: #939f95; font-size: .83rem; line-height: 1.7; }
.technology { background: var(--paper-warm); }.technology-top, .comparison-header, .markets-top { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }.tech-stamp { color: var(--rust); font: 600 .7rem var(--mono); letter-spacing: .1em; }.tech-stamp span { color: var(--ink); }.technology-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7rem; align-items: center; margin-top: 1.6rem; }.technology-copy p { max-width: 515px; margin: 1.4rem 0 0; color: #5c655e; line-height: 1.75; }.technology-copy .button { margin-top: 2rem; }.technology-signal { position: relative; min-height: 500px; overflow: hidden; border: 1px solid rgba(16,22,20,.19); background: #cbd09f; }.signal-grid { position: absolute; inset: 0; opacity: .4; background-image: linear-gradient(rgba(16,22,20,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(16,22,20,.16) 1px, transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(circle, #000 10%, transparent 72%); }.signal-center { position: absolute; left: 50%; top: 46%; display: grid; place-items: center; width: 112px; height: 112px; transform: translate(-50%, -50%); border-radius: 50%; color: var(--paper); background: var(--rust); box-shadow: 0 0 0 18px rgba(228,118,76,.14), 0 0 0 48px rgba(228,118,76,.08); }.signal-symbol { font-size: 2.2rem; }.signal-pulse { position: absolute; inset: -24px; border: 1px solid rgba(164,72,45,.45); border-radius: 50%; animation: pulse 3.3s ease-in-out infinite; }.signal-caption { position: absolute; left: 1.5rem; bottom: 1.5rem; display: flex; flex-direction: column; gap: .15rem; }.signal-caption span, .signal-caption small, .signal-coord { font: .58rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }.signal-caption strong { font: 500 1.25rem var(--serif); letter-spacing: -.04em; }.signal-caption small { color: var(--rust-dark); margin-top: .55rem; text-transform: none; }.signal-coord { position: absolute; color: #4d5c49; }.coord-1 { top: 1.5rem; right: 1.5rem; }.coord-2 { top: 4rem; right: 1.5rem; }
@keyframes pulse { 0%, 100% { transform: scale(.84); opacity: .4; } 50% { transform: scale(1.14); opacity: .95; } }
.comparison { background: var(--paper); }.comparison-header { align-items: flex-end; }.comparison-header > p { max-width: 230px; margin: 0; color: #647067; line-height: 1.5; }.comparison-table { margin-top: 4.3rem; border-top: 1px solid var(--line); }.comparison-row { display: grid; grid-template-columns: 1.2fr .7fr .9fr; align-items: center; gap: 2rem; padding: 1.4rem 1rem; border-bottom: 1px solid var(--line); }.comparison-labels { padding-block: 1rem; color: var(--muted-dark); font: .61rem var(--mono); letter-spacing: .08em; }.comparison-row > div { display: flex; flex-direction: column; gap: .3rem; }.comparison-row b { font: 500 1rem var(--serif); letter-spacing: -.02em; }.comparison-row small { color: var(--muted-dark); font-size: .68rem; }.old-value { color: #858b84; font: .72rem var(--mono); }.new-value { display: inline-flex; align-items: center; gap: .8rem; color: var(--rust-dark); font: 500 .85rem var(--mono); }.new-value i { display: inline-grid; place-items: center; width: 1.4rem; height: 1.4rem; border: 1px solid currentColor; border-radius: 50%; font-style: normal; font-size: .8rem; }.comparison-disclaimer { max-width: 660px; margin: 2rem 0 0 auto; color: #7b827b; font: .66rem/1.6 var(--mono); }
.impact { color: var(--paper); }.impact::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; height: 920px; background: #17221c; }.impact .section-kicker { color: #87988a; }.impact .display-heading { color: var(--paper); }.impact .display-heading em { color: var(--moss); }.metrics-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 5.5rem; border: 1px solid rgba(214,237,123,.2); background: rgba(214,237,123,.2); }.metric-card { position: relative; min-height: 245px; padding: 1.6rem; background: #17221c; }.metric-card:nth-child(3n+2) { background: #1c2a22; }.metric-label { display: block; color: #8fa091; font: .59rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }.metric-card strong { display: block; margin-top: 2.8rem; color: var(--moss); font: 500 clamp(3.1rem, 5vw, 5.3rem)/.8 var(--serif); letter-spacing: -.09em; }.metric-card strong sup { font-size: .4em; vertical-align: top; margin-left: .1em; letter-spacing: -.04em; }.metric-card p { max-width: 205px; margin: 1.1rem 0 0; color: #a5afa6; font-size: .77rem; line-height: 1.55; }.metric-feature { background: #223529; }.metric-feature .metric-orbit { position: absolute; right: 1.6rem; bottom: 1.6rem; color: var(--rust); font-size: 2rem; }.metric-highlight strong { color: var(--rust); }.metric-star { position: absolute; right: 1.4rem; top: 1.4rem; color: var(--moss); font-size: 1.1rem; }
.possibilities { border-bottom: 1px solid var(--line); }.possibilities-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 5rem; background: var(--line); }.possibility-card { position: relative; min-height: 345px; padding: 1.5rem; background: var(--paper); }.possibility-dark { color: var(--paper); background: var(--rust-dark); }.possibility-symbol { position: absolute; top: 1.35rem; right: 1.4rem; color: var(--rust); font-size: 1.4rem; }.possibility-dark .possibility-symbol { color: var(--moss); }.possibility-card h3 { max-width: 240px; margin: 6.8rem 0 1rem; font: 500 1.55rem/1.04 var(--serif); letter-spacing: -.04em; }.possibility-card p { max-width: 275px; color: #687269; font-size: .86rem; line-height: 1.7; }.possibility-dark p { color: #e6b19d; }.possibility-line { position: absolute; left: 1.5rem; right: 1.5rem; bottom: 1.5rem; height: 1px; background: var(--line); }.possibility-dark .possibility-line { background: rgba(240,238,232,.32); }
.markets { background: var(--paper-warm); }.markets-top > p { max-width: 275px; margin: 0; color: #68736a; font-size: .86rem; line-height: 1.5; }.markets-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 7rem; margin-top: 3.5rem; }.market-lead .display-heading { font-size: clamp(2.7rem, 5vw, 5rem); }.market-lead > p { max-width: 320px; margin: 2rem 0; color: #697269; line-height: 1.7; }.market-list { border-top: 1px solid var(--line); }.market-item { display: grid; grid-template-columns: 45px 1fr 35px; gap: 1rem; align-items: center; padding: 1.35rem 0; border-bottom: 1px solid var(--line); transition: padding .25s ease, color .25s ease; }.market-item:hover { padding-left: .8rem; color: var(--rust-dark); }.market-index { color: var(--rust); font: .63rem var(--mono); }.market-item strong { display: block; font: 500 1.2rem var(--serif); }.market-item small { display: block; margin-top: .25rem; color: #757f75; font-size: .72rem; }.market-arrow { justify-self: end; color: var(--rust); font-size: 1.2rem; }
.team { display: grid; grid-template-columns: .8fr 1.2fr; gap: 7rem; align-items: center; min-height: 730px; }.team::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; height: 730px; background: #d7dfaa; }.team-stamp { position: relative; display: grid; place-content: center; width: min(360px, 100%); aspect-ratio: 1; border: 1px solid rgba(16,22,20,.35); border-radius: 50%; color: var(--rust-dark); font: 600 clamp(1.4rem, 3vw, 2.4rem)/.9 var(--serif); text-align: center; letter-spacing: -.04em; transform: rotate(-12deg); }.team-stamp::before, .team-stamp::after { content: ""; position: absolute; border: 1px dashed rgba(16,22,20,.35); border-radius: 50%; }.team-stamp::before { inset: 10%; transform: rotate(31deg); }.team-stamp::after { inset: 20%; transform: rotate(-28deg); }.team-stamp span { color: var(--ink); }.team-copy { max-width: 660px; }.team-copy .display-heading { font-size: clamp(2.7rem, 5vw, 5rem); }.team-copy p { max-width: 525px; color: #5d695f; line-height: 1.7; }.team-copy .text-link { margin-top: 1.5rem; color: var(--ink); border-color: rgba(16,22,20,.35); }
.conversation { display: grid; grid-template-columns: .85fr 1.15fr; gap: 7rem; }.conversation::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; height: 760px; background: var(--paper); }.conversation-intro .display-heading { font-size: clamp(2.8rem, 5.5vw, 5.4rem); }.conversation-intro > p { max-width: 350px; margin-top: 2rem; color: #68746b; line-height: 1.7; }.interest-form { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem 1rem; align-content: start; padding-top: 5rem; }.interest-form label { display: flex; flex-direction: column; gap: .6rem; color: var(--muted-dark); font: .62rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }.interest-form input, .interest-form select, .interest-form textarea { width: 100%; padding: .9rem 0; color: var(--ink); border: 0; border-bottom: 1px solid #a8b0a7; outline: 0; background: transparent; font: 500 1rem var(--serif); letter-spacing: -.02em; resize: vertical; }.interest-form input::placeholder, .interest-form textarea::placeholder { color: #9aa19a; }.interest-form input:focus, .interest-form select:focus, .interest-form textarea:focus { border-bottom-color: var(--rust); }.interest-form select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--rust) 50%), linear-gradient(135deg, var(--rust) 50%, transparent 50%); background-position: calc(100% - 8px) 50%, calc(100% - 3px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }.form-wide { grid-column: 1 / -1; }.form-submit { display: flex; align-items: center; gap: 1.5rem; margin-top: 1.3rem; }.form-feedback { display: none; max-width: 230px; margin: 0; color: var(--rust-dark); font: .67rem/1.5 var(--mono); }.form-feedback.is-visible { display: block; }
.site-footer { padding-block: 3rem 2rem; border-top: 1px solid var(--line); }.footer-top { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2rem; align-items: start; }.footer-top > p { margin: 0; color: #737c73; font: .72rem/1.6 var(--mono); text-transform: uppercase; letter-spacing: .05em; }.footer-cta { justify-self: end; display: inline-flex; align-items: center; gap: .8rem; color: var(--rust-dark); font: .68rem var(--mono); text-transform: uppercase; }.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; margin-top: 5rem; padding-top: 1.1rem; border-top: 1px solid var(--line); color: #899188; font: .6rem var(--mono); text-transform: uppercase; letter-spacing: .04em; }.footer-bottom a { color: var(--ink); }
.reveal { opacity: 1; transform: none; }.reveal-delay { transition-delay: .1s; }.reveal-delay-2 { transition-delay: .2s; }
@media (min-width: 1100px) { .friction, .impact, .team, .conversation { position: relative; width: 100%; padding-inline: max(48px, calc((100vw - 1200px) / 2)); margin-inline: 0; } }
@media (max-width: 900px) { .section-shell { width: min(100% - 48px, 720px); }.site-header { padding-inline: 24px; }.desktop-nav, .header-cta { display: none; }.menu-toggle { display: flex; position: relative; z-index: 2; flex-direction: column; gap: 4px; border: 0; padding: .5rem 0 .5rem .5rem; color: currentColor; background: transparent; cursor: pointer; }.menu-toggle span { display: block; width: 23px; height: 1px; background: currentColor; transition: transform .25s ease; }.menu-toggle.is-open span:first-child { transform: translateY(5px) rotate(45deg); }.menu-toggle.is-open span:nth-child(2) { opacity: 0; }.menu-toggle.is-open span:last-child { transform: translateY(-5px) rotate(-45deg); }.mobile-menu { position: absolute; top: 0; right: 0; left: 0; display: flex; flex-direction: column; gap: 1.3rem; padding: 5.5rem 24px 2rem; color: var(--paper); background: var(--deep); transform: translateY(-110%); transition: transform .3s ease; }.mobile-menu.is-open { transform: translateY(0); }.mobile-menu a { font: .76rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }.mobile-menu-cta { color: var(--moss); }.hero { grid-template-columns: 1fr; padding-top: 9rem; }.hero-art { min-height: 500px; }.hero-note { margin-top: 3rem; }.vision-grid, .technology-grid, .markets-grid, .team, .conversation, .friction { grid-template-columns: 1fr; gap: 3rem; }.vision-body { max-width: 560px; }.friction::before, .impact::before, .team::before, .conversation::before { height: 100%; }.friction-content { padding-top: 0; }.technology-signal { min-height: 420px; }.team { padding-block: 7rem; }.team-stamp { margin: auto; }.team-copy { max-width: 650px; }.interest-form { padding-top: 0; }.conversation { gap: 2.5rem; }.footer-top { grid-template-columns: 1fr 1fr; }.footer-cta { justify-self: start; grid-column: 2; grid-row: 1; }.footer-bottom { flex-wrap: wrap; }
}
@media (max-width: 580px) { :root { --section-pad: 5rem; }.section-shell { width: calc(100% - 40px); }.hero { min-height: 820px; padding-top: 8.5rem; }.hero h1 { font-size: clamp(3rem, 15vw, 4.8rem); }.hero-lede { font-size: 1rem; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 1.3rem; }.hero-art { min-height: 390px; margin-top: -1.5rem; transform: scale(.85); transform-origin: center; }.hero-scroll { bottom: 1.5rem; }.vision-grid { gap: 2rem; }.vision-footnote { align-items: flex-start; flex-direction: column; gap: .7rem; margin-top: 4.5rem; }.friction-cards, .metrics-grid, .possibilities-grid { grid-template-columns: 1fr; }.friction-card { min-height: 250px; }.technology-top, .comparison-header, .markets-top { align-items: flex-start; flex-direction: column; }.tech-stamp { align-self: flex-end; margin-top: -1rem; }.technology-signal { min-height: 380px; }.comparison-table { margin-top: 3rem; overflow-x: auto; }.comparison-row { min-width: 640px; }.comparison-labels { min-width: 640px; }.comparison-disclaimer { margin-top: 1.5rem; }.metric-card { min-height: 220px; }.metric-card strong { margin-top: 2rem; }.possibility-card { min-height: 310px; }.markets-grid { gap: 3.5rem; }.market-item { grid-template-columns: 32px 1fr 25px; }.market-item strong { font-size: 1.05rem; }.market-item small { max-width: 240px; }.team { min-height: auto; }.team::before { height: 100%; }.team-stamp { width: min(290px, 90vw); }.footer-top { grid-template-columns: 1fr; gap: 1.8rem; }.footer-cta { grid-column: 1; grid-row: auto; }.footer-bottom { margin-top: 3.5rem; flex-direction: column; gap: .6rem; }.interest-form { grid-template-columns: 1fr; }.form-wide { grid-column: auto; }.form-submit { align-items: flex-start; flex-direction: column; }.ticker-track { gap: 1.3rem; }.ticker { padding-block: 1rem; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal { opacity: 1; transform: none; } }


/* ==================== SELETOR DE IDIOMAS ==================== */
.language-switcher { display: flex; align-items: center; gap: .25rem; margin-left: .2rem; }
.language-option { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid transparent; border-radius: 50%; font-size: 1.05rem; line-height: 1; opacity: .72; transition: opacity .2s ease, border-color .2s ease, transform .2s ease; }
.language-option:hover, .language-option.active { border-color: #167bf7; opacity: 1; transform: translateY(-1px); }
@media (max-width: 900px) { .language-switcher { margin-left: auto; } }

/* Correções para uso sem JavaScript */
.friction, .impact, .team, .conversation { position: relative; isolation: isolate; }
.friction::before, .impact::before, .team::before, .conversation::before { pointer-events: none; }
.social-buttons { position: fixed; z-index: 30; right: 1.25rem; bottom: 1.25rem; display: flex; flex-direction: column; gap: .6rem; }
.social-button { display: grid; place-items: center; width: 42px; height: 42px; overflow: hidden; border-radius: 50%; background: #167bf7; box-shadow: 0 8px 24px rgba(0,0,0,.18); transition: transform .2s ease, background .2s ease; }
.social-button:hover { transform: translateY(-3px); background: #0c64d6; }
.social-button img { width: 21px; height: 21px; object-fit: contain; }
@media (max-width: 900px) {
  .mobile-menu { position: static; display: flex; flex-direction: row; flex-wrap: wrap; gap: .8rem 1rem; padding: 0; color: #fff; background: transparent; transform: none; }
  .mobile-menu a { font-size: .58rem; }
  .mobile-menu-cta { display: none; }
  .menu-toggle { display: none !important; }
}