:root{--paper:#f1f5f8;--ink:#102e43;--muted:#496475;--teal:#8ce8d3;--teal-ink:#0a686b;--blue:#316adc;--violet:#7457cf;scroll-padding-top:115px}
::selection{background:#abe9de;color:#123340}input,textarea{caret-color:#0c7772}html{scrollbar-color:#65828c #e7eef1}button,a,input,textarea,select{-webkit-tap-highlight-color:#91e7d033}a{text-underline-offset:5px}:focus-visible{outline:2px solid #386fd9;outline-offset:5px}
.header{position:sticky;top:0;z-index:20;min-height:100px;background:#071b27f7;transition:box-shadow 250ms}.header.scrolled{box-shadow:0 8px 25px #081c2833}.header nav{gap:23px}.header nav a{font-size:12px;position:relative;min-height:44px;display:flex;align-items:center}.header nav a::after{content:"";position:absolute;height:2px;bottom:4px;left:0;right:0;background:#91e7d0;transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--ease-out)}.header nav a:hover::after,.header nav a[aria-current]::after{transform:scaleX(1)}.header nav a[aria-current]{color:#b7f5e8}.header .nav-contact{font-size:11px}.header .brand>span{font-size:20px}
.hero::before{background:linear-gradient(90deg,#071b27 0%,#071b27e8 20%,#071b2740 75%),linear-gradient(0deg,#071b27 0%,#071b2700 50%),url('assets/hero-network.svg') 80% 50%/cover no-repeat;opacity:.85}.hero h1{letter-spacing:-.04em}.hero-copy>p:first-of-type{font-size:17px}.intro-line{background:#dff2ed}.intro-line strong{color:#285d64}
h2{letter-spacing:-.035em;text-wrap:balance}.section-header>p{max-width:440px}.connection{padding-block:120px}.connection-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:start}.connection h2{font-size:clamp(40px,4.8vw,68px);line-height:1.07}.connection-heading>div>p{font-size:18px;line-height:1.85;max-width:450px;color:var(--muted)}.connection-toggle{margin-top:25px;min-height:50px;padding:13px 20px;display:inline-flex;gap:30px;align-items:center;border:0;background:#123f50;color:#f1faf9;font-weight:600;font-size:13px}.connection-toggle:hover{background:#0c6a70}.connection-toggle[aria-pressed=true]{background:#17736d}.connection-toggle span{font-size:22px}.connection-world{background:#0d263c;position:relative;overflow:hidden;margin-top:60px;border-radius:16px;padding:28px 35px 30px;color:#d7e8f2}.connection-caption{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#9db7c8}.connection-caption>span:first-child{color:#a1f0da;font-weight:600}.synapse-map{display:block;width:100%;max-height:460px;overflow:visible;margin-top:15px}.synapse-paths>path{fill:none;stroke:#385b78;stroke-width:2;opacity:0;transition:opacity 700ms}.connected .synapse-paths>path{opacity:1}.synapse-paths>.signal{stroke:#8ce8d3;stroke-width:3;stroke-dasharray:32 1500;stroke-dashoffset:1550}.connected .synapse-paths>.signal{animation:synapse-send 2s cubic-bezier(.23,1,.32,1) both}.synapse-node{transition:transform 800ms cubic-bezier(.77,0,.175,1)}.synapse-node circle{fill:#183d54;stroke:#63839b;stroke-width:1.5;transition:fill 500ms,stroke 500ms}.synapse-node>path{fill:none;stroke:#b2c8d8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.synapse-node text{fill:#e0edf5;font:600 20px Switzer,sans-serif;text-anchor:middle}.synapse-node .node-detail{font:14px Manrope,sans-serif;fill:#9cb8c9}.node-a{transform:translate(40px,-70px)}.node-b{transform:translate(10px,55px)}.node-c{transform:translate(-25px,-65px)}.node-d{transform:translate(-20px,30px)}.connected .synapse-node{transform:none}.connected .synapse-node circle{fill:#16504f;stroke:#8ce8d3}.connected .node-b circle{fill:#233f69;stroke:#88b4ff}.connected .node-c circle{fill:#39335d;stroke:#b9a5f6}.connection-world>p{font-size:14px;line-height:1.7;max-width:680px;min-height:48px;color:#b8d0df;margin-top:20px}@keyframes synapse-send{to{stroke-dashoffset:0}}
.story{background:#e2ecf5}.story-heading{gap:10%}.story-step{min-height:260px}.story-step h3{font-size:28px}.story-record{border-radius:14px;background:#fff;box-shadow:0 22px 50px -38px #153d60a0}.role-switch button{border-radius:7px}.role-switch button[aria-selected=true]{background:#28548b}.record-next{background:#ecf2fa;border-radius:8px}.record-tag{background:#e5f4ef;color:#175c50}.story-progress span.active{background:#316adc}
.solutions{padding-block:125px}.solutions h2{font-size:clamp(40px,4.5vw,65px)}.solution-tabs{display:flex;gap:30px;margin-top:50px;border-bottom:1px solid #c6d4de}.solution-tabs button{background:none;border:0;color:#496475;font:600 16px Switzer,sans-serif;padding:17px 0 20px;position:relative;min-height:56px}.solution-tabs button::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#247b79;transform:scaleX(0);transform-origin:left;transition:transform 250ms}.solution-tabs button[aria-selected=true]{color:#113e50}.solution-tabs button[aria-selected=true]::after{transform:scaleX(1)}.solution-tabs button:hover{color:#246e99}.solution-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding-top:45px;align-items:center;min-height:440px}.solution-panel figure{margin:0;overflow:hidden;border-radius:14px;background:#0b2032}.solution-panel img{width:100%;height:auto;display:block;object-fit:contain}.solution-content h3{font-size:36px;line-height:1.15;letter-spacing:-.03em;font-weight:600}.solution-content>p{font-size:16px;line-height:1.8;margin-top:22px;color:var(--muted)}.solution-content ul{padding-left:20px;color:var(--muted);font-size:14px;line-height:1.8;margin-block:20px 27px}.solution-content li+li{margin-top:8px}.solution-content .text-link{font-size:13px;gap:25px}.solution-content .solution-note{font-size:11px;line-height:1.7;margin-top:22px}.solution-panel[data-color="1"] .text-link{color:#315bb3}.solution-panel[data-color="2"] .text-link{color:#6748ad}
.demo-section{background:linear-gradient(125deg,#122b46,#1f355b 70%,#35345d)}.demo-workspace{border-radius:14px;overflow:hidden}.demo-nav{background:#e9f2f7}.demo-nav>span{color:#405f72}.activity-form{background:#fff}.activity-view{background:#f5f8fb}.demo-view-tabs button[aria-selected=true]{color:#254f9b;border-color:#376acb}.activity-status{background:#f5e8c9;color:#6d4b0c}.small-button{border-radius:6px}.activity-form>.button{background:#1a4d6a;border-radius:6px}
.method{padding-block:125px}.method h2{font-size:clamp(39px,4.3vw,62px)}.method-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;margin-top:55px}.method-tabs{display:flex;flex-direction:column;align-items:stretch}.method-tabs button{display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #c8d9e4;padding:22px 0;background:none;color:#597485;font:400 29px Switzer,sans-serif;text-align:left;min-height:85px;transition:color 200ms}.method-tabs button span{font-size:26px;opacity:0;transform:translate(-6px,6px);transition:opacity 200ms,transform 200ms}.method-tabs button[aria-selected=true]{color:#1c6180}.method-tabs button[aria-selected=true] span,.method-tabs button:hover span{opacity:1;transform:none}.method-panel{background:#e4edf5;border-radius:14px;padding:30px 40px 35px}.method-orbit svg{display:block;width:100%;height:100px}.method-orbit path{fill:none;stroke:#abc2d8;stroke-width:2}.method-orbit circle{fill:#c2d3e3;stroke:#7f9fbb;stroke-width:2;transition:fill 250ms}.method-orbit circle.current{fill:#486bc5;stroke:#486bc5}.method-panel h3{font-size:29px;line-height:1.2;letter-spacing:-.025em;margin-top:14px}.method-panel>p{font-size:15px;line-height:1.85;margin-top:20px;color:var(--muted)}.method-panel dl{margin:25px 0 0}.method-panel dt{font-size:12px;font-weight:700;color:#285376;margin-top:19px}.method-panel dd{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.8}.about{background:#e1f1ef;padding-block:105px}.about h2{font-size:clamp(38px,4.4vw,63px)}.about figure img{height:auto;filter:none;border-radius:14px;width:100%;object-fit:contain}.about figcaption{color:#426a70}.about-copy p:not(.section-intro){color:#42666d}.about-copy .text-link{color:#155e66}.contact{background:#f1f5f8}.contact h2{font-size:clamp(40px,4.3vw,62px)}.discovery{border:0;background:#e5edf6;padding:25px 25px 18px;margin:0 0 30px;border-radius:12px;min-width:0}.discovery legend{float:left;width:100%;font:600 18px Switzer,sans-serif;margin-bottom:20px}.discovery label{clear:both}.discovery select{background:#f7faff;border:1px solid #b9cadb;color:#213e57;min-height:46px;width:100%;font:14px Manrope,sans-serif;padding:10px 12px;border-radius:5px;margin-top:9px}.discovery-button{display:flex;gap:25px;align-items:center;background:none;border:0;padding:13px 0 3px;min-height:44px;font:600 12px Manrope,sans-serif;color:#27548d;margin-top:8px}.discovery>p{font-size:12px;color:#365b77;line-height:1.7;margin-top:10px}.contact input,.contact textarea{background:#fff;border-radius:5px}.footer{background:#0c2435;color:#d5e6f0}.footer>div>p,.footer details{color:#a6c0d0}.footer .brand{color:#e4f1f7}.footer .brand small{color:#b7d3e1}
@media(max-width:1200px){.header nav{gap:17px}.header .nav-contact{display:none}.header nav{margin-left:auto}.solution-content h3{font-size:30px}.solution-tabs button{font-size:14px}.method-layout{gap:6%}.method-panel{padding:25px 28px}}
@media(max-width:800px){:root{scroll-padding-top:100px}.header{min-height:85px}.header nav{margin:0;background:#0d293b;gap:0}.header nav a{font-size:15px}.header nav a::after{display:none}.connection{padding-block:70px}.connection-heading{grid-template-columns:1fr;gap:26px}.connection h2{font-size:40px}.connection-heading>div>p{font-size:16px;line-height:1.8}.connection-world{margin-top:32px;padding:22px 18px;border-radius:12px}.connection-caption{font-size:10px}.synapse-map{min-width:540px;width:100%;margin-left:0;margin-top:20px;max-height:none}.connection-world{overflow:auto}.connection-world>p{font-size:12px;max-width:100%;min-height:80px}.connection-world .synapse-map{min-width:0;view-transition-name:none}.synapse-node text{font-size:25px}.synapse-node .node-detail{display:none}.connection-caption>span:last-child{max-width:100px;text-align:right}.story-step{min-height:0}.story h2{font-size:39px}.solutions{padding-block:70px}.solutions h2{font-size:39px}.solution-tabs{gap:16px;margin-top:30px;align-items:stretch}.solution-tabs button{font-size:12px;line-height:1.5;text-align:left;flex:1}.solution-panel{grid-template-columns:1fr;gap:28px;padding-top:28px;min-height:0}.solution-content h3{font-size:31px}.solution-content>p{font-size:15px}.solution-content .text-link{font-size:12px;gap:15px}.method{padding-block:70px}.method h2{font-size:37px}.method-layout{grid-template-columns:1fr;gap:30px;margin-top:30px}.method-tabs button{min-height:65px;font-size:24px;padding-block:16px}.method-panel{padding:22px 24px 30px}.method-panel h3{font-size:27px}.method-panel>p{font-size:15px}.method-orbit svg{height:80px}.about{padding-block:70px}.about h2{font-size:37px}.about figcaption{font-size:11px}.contact h2{font-size:38px}.discovery{padding:22px 18px 17px}.discovery legend{font-size:17px}.footer{gap:23px}.hero::before{background:linear-gradient(180deg,#071b27 12%,#071b27bb 50%,#071b27 100%),url('assets/hero-network.svg') 65% 55%/cover no-repeat}}
@media(prefers-reduced-motion:reduce){.synapse-node,.synapse-paths>path,.header nav a::after,.method-tabs button span{transition:none}.connected .synapse-paths>.signal{animation:none;stroke-dasharray:none;opacity:.4}}
.synapse-map{height:auto;aspect-ratio:960/420;stroke:none}.synapse-map text{stroke:none}
.story-step{opacity:1}.story-step h3{color:#47647a}.story-step.active h3{color:#22549a}.story-step p{color:#496475}.header.scrolled{box-shadow:0 8px 25px #0002}.art-controls>#art-pause{font-size:11px}.art-controls>p{font-size:11px}.role-switch button,.demo-view-tabs button{font-size:12px}
@media(max-width:800px){.synapse-map{min-width:650px;max-width:none}.connection-caption>span:last-child::after{content:" · Desliza para explorar"}.connection-caption{font-size:11px}.connection-world>p{min-width:0;max-width:calc(100vw - 90px)}.role-switch button,.demo-view-tabs button{font-size:11px}.art-controls>#art-pause{font-size:11px}.art-controls>p{font-size:11px}}
.record-tag{font-size:11px}.solution-content .solution-note,.record-heading,.record-constant,.demo-reset-note{font-size:12px}.connection-caption{font-size:12px}
@media(max-width:800px){.connection-world .synapse-map{min-width:650px}.connection-caption{font-size:11px}.record-tag{font-size:11px}}