/* ISA — identidade funcional / V1 */
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:96px}
body{margin:0;min-height:100%;background:var(--bg);color:var(--text);overflow-x:hidden;transition:background .3s,color .3s}
button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}
:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
::selection{background:var(--lime);color:var(--selection)}
.container{width:min(1400px,calc(100% - 104px));margin-inline:auto}
.symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
html[data-theme="dark"]{color-scheme:dark;--bg:#060f0b;--bg2:#091b10;--panel:#0a1c11;--panel2:#0c2115;--text:#f1fff5;--muted:#abc1b2;--quiet:#7e9c8b;--lime:#71f69e;--lime2:#39df76;--line:rgba(87,232,136,.27);--line-soft:rgba(84,202,122,.13);--glow:rgba(41,241,116,.25);--selection:#061009;--fixed:rgba(82,235,130,.09);--screen:#021408}
html[data-theme="light"]{color-scheme:light;--bg:#f3fbf4;--bg2:#e6f5ea;--panel:#f9fffa;--panel2:#e5f5e9;--text:#123322;--muted:#4c6b57;--quiet:#66816c;--lime:#137b40;--lime2:#128b47;--line:rgba(18,137,66,.24);--line-soft:rgba(42,149,85,.12);--glow:rgba(21,160,76,.14);--selection:#fff;--fixed:rgba(14,113,48,.055);--screen:#03170c}
.skip{position:fixed;z-index:99;top:0;left:20px;transform:translateY(-150%);background:var(--panel);border:1px solid var(--lime);padding:12px;transition:transform .2s}.skip:focus{transform:translateY(14px)}
.background-mark{position:fixed;inset:0;z-index:0;display:grid;place-items:center;pointer-events:none;opacity:1;transform:translateZ(0)}
.background-mark svg{display:block;width:min(72vw,1080px);max-height:76vh;fill:var(--fixed);filter:drop-shadow(0 0 36px var(--glow));animation:watermark-breathe 18s ease-in-out infinite}
.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;color:var(--lime)}
.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,var(--line-soft) 1px,transparent 1px),linear-gradient(var(--line-soft) 1px,transparent 1px);background-size:68px 68px;opacity:.62;mask-image:linear-gradient(to bottom,black,black 68%,transparent)}
.ambient-wires{position:absolute;inset:0;width:100%;height:100%;opacity:.72}
.wires-base path{fill:none;stroke:var(--lime);stroke-width:1.3;opacity:.34}.wires-flow path{fill:none;stroke:var(--lime2);stroke-width:2.1;stroke-linecap:round;stroke-dasharray:8 290;animation:trace 9s linear infinite;filter:drop-shadow(0 0 5px var(--lime))}
.wires-flow path:nth-child(2){animation-delay:-3s;animation-duration:11s}.wires-flow path:nth-child(3){animation-delay:-6s;animation-duration:8s}.wires-flow path:nth-child(4){animation-delay:-4s;animation-duration:12s}
.wire-nodes circle{fill:var(--lime);filter:drop-shadow(0 0 4px var(--lime));animation:node-blink 4s ease-in-out infinite alternate}.wire-nodes circle:nth-child(even){animation-delay:-2s}
.site-header{position:relative;z-index:10;background:color-mix(in srgb,var(--bg) 83%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}
.header-content{min-height:89px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{min-width:0;display:flex;align-items:center;gap:19px}
.brand-symbol{width:134px;height:76px;position:relative;flex:0 0 134px;display:block}
.brand-mark{width:100%;height:100%;position:absolute;inset:0;fill:var(--lime)}
.brand-mark--ghost{opacity:.12;filter:drop-shadow(0 0 2px var(--lime))}
/* V1.1 — desenho real do traçado oficial, em vez de revelar o preenchimento por recorte. */
.brand-mark--ink{opacity:1;filter:drop-shadow(0 0 4px var(--lime)) drop-shadow(0 0 9px var(--glow))}
.brand-mark--draw{opacity:0;fill:none;stroke:var(--lime);stroke-width:26;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--lime))}
.brand-symbol.is-pen-ready .brand-mark--ink{animation:isa-ink-cycle 8s ease-in-out infinite}
.brand-symbol.is-pen-ready .brand-mark--draw{opacity:1}
.brand-symbol.is-pen-ready .brand-mark--draw path{stroke-dasharray:var(--draw-length);stroke-dashoffset:var(--draw-length);animation:isa-pen-trace 8s ease-in-out infinite}
@keyframes isa-pen-trace{0%,6%{stroke-dashoffset:var(--draw-length)}57%,76%{stroke-dashoffset:0}94%,100%{stroke-dashoffset:var(--draw-length)}}
@keyframes isa-ink-cycle{0%,48%{opacity:0}60%,79%{opacity:1}93%,100%{opacity:0}}
.brand-console{font-size:13px;white-space:nowrap;color:var(--lime);font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.055em;border-left:1px solid var(--line);padding-left:20px;min-width:27ch}
.console-chevron{font-weight:800;margin-right:7px}
.cursor{display:inline-block;background:var(--lime);width:7px;height:1.05em;vertical-align:-2px;margin-left:5px;animation:caret .95s steps(1) infinite}
.head-right{display:flex;align-items:center;gap:25px;white-space:nowrap}.division-label{color:var(--muted);font-size:13px;letter-spacing:.15em}.head-separator{width:1px;height:32px;background:var(--line)}
.theme-toggle{display:flex;align-items:center;gap:10px;color:var(--text);font-size:13px;font-weight:700;background:var(--line-soft);border:1px solid var(--line);border-radius:10px;padding:12px 17px;transition:box-shadow .25s,border-color .25s}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.theme-toggle:hover{border-color:var(--lime);box-shadow:0 0 20px var(--glow)}
.header-trace{height:2px;width:100%;background:linear-gradient(90deg,transparent 0%,var(--lime) 8%,transparent 48%,var(--lime) 80%,transparent 100%);opacity:.65;transform-origin:left center;animation:header-laser 12s ease-in-out infinite}
main,.site-footer{position:relative;z-index:1}
.hero{position:relative;min-height:calc(100svh - 91px);display:flex;align-items:center;isolation:isolate;background:radial-gradient(ellipse at 25% 38%,color-mix(in srgb,var(--glow) 75%,transparent),transparent 48%),linear-gradient(180deg,transparent, color-mix(in srgb,var(--bg2) 75%,transparent));overflow:hidden}
.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(375px,.84fr);align-items:center;gap:clamp(42px,6vw,104px);padding:72px 0 114px;max-width:1400px}
.hero-content{position:relative;z-index:2;max-width:690px}
.eyebrow{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;font:700 13px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.12em;color:var(--lime);margin-bottom:22px;text-shadow:0 0 14px var(--glow)}
.bracket{font-size:24px;font-weight:400}
.hero-title{margin:0;font-size:clamp(54px,6.2vw,98px);font-weight:850;line-height:.95;letter-spacing:-.055em;text-shadow:0 1px 0 var(--text);}
.title-line{display:block;position:relative;white-space:nowrap}.title-line--accent{color:var(--lime);text-shadow:0 0 24px var(--glow),0 0 2px var(--lime)}
.title-line::after{content:"";position:absolute;left:0;right:20%;bottom:-7px;height:2px;background:linear-gradient(90deg,var(--lime2),transparent);transform:scaleX(0);transform-origin:left;opacity:0}
.hero-title.is-decoding .title-line::after{animation:decode-bar .75s ease-out forwards}
.hero-lead{font-size:clamp(18px,1.8vw,25px);line-height:1.46;letter-spacing:-.02em;margin:30px 0 12px;max-width:690px;font-weight:540}
.lead-marker{width:62px;height:3px;background:var(--lime);margin:21px 0 19px;box-shadow:0 0 17px var(--glow)}
.hero-description{color:var(--muted);font-size:clamp(15px,1.25vw,17px);line-height:1.8;max-width:640px;margin:0 0 26px}.hero-description strong{color:var(--text);font-weight:800}
.hero-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;gap:14px;align-items:center;justify-content:center;min-height:54px;border-radius:9px;padding:0 18px;font-weight:750;font-size:15px;transition:transform .25s,box-shadow .25s,border-color .25s}
.btn:hover{transform:translateY(-3px)}.btn-primary{color:#05220e;background:linear-gradient(180deg,#99ffc0,#41e77e);box-shadow:0 0 28px rgba(34,230,99,.28);border:1px solid #7bffad}.btn-primary:hover{box-shadow:0 0 37px rgba(34,230,99,.46)}.btn-secondary{border:1px solid var(--lime);background:rgba(4,17,9,.29);color:var(--text)}html[data-theme="light"] .btn-secondary{background:rgba(255,255,255,.5)}.btn-secondary:hover{box-shadow:0 0 22px var(--glow)}.btn-arrow,.external-icon{font-size:21px;line-height:1}
.hero-visual{min-width:0;position:relative;z-index:2}
.terminal{width:100%;border:1.5px solid var(--lime);border-radius:28px;background:color-mix(in srgb,var(--panel) 82%,transparent);backdrop-filter:blur(10px);box-shadow:0 0 0 1px var(--line-soft),0 0 32px var(--glow),0 26px 70px rgba(0,0,0,.24);overflow:hidden;animation:terminal-float 9s ease-in-out infinite}
.terminal-top{height:49px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 23px}.terminal-dots{display:flex;gap:8px}.terminal-dots span{height:11px;width:11px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px var(--glow)}.terminal-dots span:nth-child(2){opacity:.8}.terminal-dots span:nth-child(3){opacity:.6}.terminal-hatch{letter-spacing:2px;color:var(--lime2);opacity:.5;font-size:15px}
.terminal-body{padding:26px 24px 18px}.terminal-screen{position:relative;aspect-ratio:1.26;min-height:260px;background:radial-gradient(ellipse at center,#064a20 0%,#032311 53%,#011307 100%);border:1px solid rgba(93,255,143,.35);border-radius:17px;overflow:hidden;box-shadow:inset 0 0 30px rgba(15,201,77,.25),0 0 26px rgba(25,234,96,.17)}
.terminal-screen canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.screen-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(79,245,134,.09) 1px,transparent 1px),linear-gradient(rgba(79,245,134,.09) 1px,transparent 1px);background-size:34px 34px;pointer-events:none;opacity:.35}
.terminal-symbol{position:absolute;inset:0;width:73%;height:67%;left:13.5%;top:7%;fill:#b6f4ca;filter:drop-shadow(0 0 2px #4fff91) drop-shadow(0 0 7px #1ce86a);animation:symbol-breathe-soft 5s ease-in-out infinite;opacity:.80;pointer-events:none}
/* V1.1 — segunda marca oficial, menor, abaixo da ISA, sem redesenho da arte. */
.terminal-wordmark{position:absolute;z-index:2;bottom:9%;left:22%;width:56%;padding:5px 9px;border-radius:5px;background:rgba(1,15,6,.38);pointer-events:none}
.terminal-wordmark img{display:block;width:100%;height:auto;filter:brightness(0) saturate(100%) invert(79%) sepia(51%) saturate(495%) hue-rotate(84deg) brightness(103%) contrast(101%) drop-shadow(0 0 4px #34e979);opacity:.83}
.screen-corners i{position:absolute;width:25px;height:25px;border-color:#82ffad;border-style:solid;filter:drop-shadow(0 0 5px #32e977)}
.screen-corners i:nth-child(1){left:14px;top:14px;border-width:2px 0 0 2px}.screen-corners i:nth-child(2){right:14px;top:14px;border-width:2px 2px 0 0}.screen-corners i:nth-child(3){left:14px;bottom:14px;border-width:0 0 2px 2px}.screen-corners i:nth-child(4){right:14px;bottom:14px;border-width:0 2px 2px 0}
.terminal-bottom{min-height:72px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font:600 13px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.12em}.terminal-bottom>span{color:var(--muted)}.terminal-bottom strong{color:var(--lime);text-shadow:0 0 10px var(--glow);white-space:nowrap}.status-bars{color:var(--lime);margin-left:12px;letter-spacing:0;opacity:.65}.status-dot{display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--lime);border-radius:50%;animation:node-blink 1s infinite alternate}
.bottom-scene{position:absolute;inset:auto 0 0;height:102px;pointer-events:none;overflow:hidden;opacity:.65}.wave-dots{position:absolute;inset:0;background:radial-gradient(circle,var(--lime) 1.2px,transparent 1.6px);background-size:17px 15px;transform:perspective(220px) rotateX(61deg) scale(1.55);mask-image:linear-gradient(to top,black,transparent 96%);animation:mesh-drift 12s linear infinite}.scene-line{position:absolute;left:0;right:0;bottom:11px;height:1px;background:linear-gradient(90deg,transparent,var(--lime2),transparent);box-shadow:0 0 12px var(--glow)}
.concept-section{position:relative;padding:100px 0 115px;background:color-mix(in srgb,var(--bg2) 90%,transparent);border-top:1px solid var(--line-soft)}.concept-inner{display:grid;grid-template-columns:1fr .85fr;gap:55px;align-items:center}.micro-tag{color:var(--lime);font:700 12px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.15em}.concept-heading h2{margin:16px 0 0;font-size:clamp(32px,3.4vw,54px);letter-spacing:-.045em;line-height:1.1}.concept-heading em{font-style:normal;color:var(--lime)}.concept-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.concept-steps div{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 85%,transparent);padding:23px;border-radius:10px;color:var(--text);font-weight:700;transition:transform .3s,border-color .3s}.concept-steps div:hover{transform:translateY(-5px);border-color:var(--lime)}.concept-steps span{display:block;color:var(--lime);font:700 12px/2 ui-monospace,Consolas,monospace}
.site-footer{position:relative;z-index:1;background:var(--bg);border-top:1px solid var(--line-soft);padding:27px 0}.footer-line{display:flex;justify-content:space-between;gap:18px;color:var(--quiet);font-size:13px}
.reveal{opacity:0;transform:translateY(18px);filter:blur(4px);transition:opacity .7s ease,transform .7s ease,filter .7s ease}.reveal.is-visible{opacity:1;transform:none;filter:none}
@keyframes logo-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.1}36%{clip-path:inset(0 0 0 0);opacity:1}72%{clip-path:inset(0 0 0 0);opacity:1}95%,100%{clip-path:inset(0 100% 0 0);opacity:.12}}
@keyframes watermark-breathe{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}
@keyframes trace{from{stroke-dashoffset:920}to{stroke-dashoffset:-930}}
@keyframes node-blink{from{opacity:.28}to{opacity:1}}
@keyframes caret{50%{opacity:0}}
@keyframes header-laser{0%,100%{transform:scaleX(.45);opacity:.22}50%{transform:scaleX(1);opacity:.72}}
@keyframes terminal-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes symbol-breathe{0%,100%{filter:drop-shadow(0 0 4px #4fff91) drop-shadow(0 0 13px #1ce86a)}50%{filter:drop-shadow(0 0 7px #4fff91) drop-shadow(0 0 22px #1ce86a)}}
@keyframes mesh-drift{from{background-position:0 0}to{background-position:0 45px}}
@keyframes decode-bar{0%{opacity:0;transform:scaleX(0)}40%{opacity:1}100%{transform:scaleX(1);opacity:0}}
@media(max-width:1150px){.container{width:min(100% - 64px,1400px)}.hero-layout{gap:35px;grid-template-columns:minmax(0,1.1fr) minmax(335px,.9fr)}.hero-title{font-size:clamp(46px,6vw,76px)}.head-right{gap:14px}.division-label{font-size:11px}}
@media(max-width:850px){.header-content{min-height:80px}.brand-symbol{width:106px;flex-basis:106px;height:64px}.brand-console{min-width:0;font-size:11px}.division-label,.head-separator{display:none}.hero-layout{grid-template-columns:1fr;padding:68px 0 98px;gap:48px}.hero-content{max-width:100%}.hero-title{font-size:clamp(52px,11vw,91px)}.hero-visual{max-width:600px;margin-inline:auto;width:100%}.terminal-screen{min-height:330px}.concept-inner{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.header-content{gap:9px}.brand{gap:7px}.brand-symbol{width:83px;height:49px;flex-basis:83px}.brand-console{max-width:calc(100vw - 217px);font-size:9px;overflow:hidden;white-space:nowrap;border-left:0;padding-left:0;letter-spacing:-.04em}.console-chevron{display:none}.head-right{flex:0 0 auto}.theme-toggle{padding:11px 9px;font-size:11px}.theme-toggle svg{width:16px}.theme-toggle #theme-label{display:none}.hero-layout{padding:44px 0 85px;gap:30px}.eyebrow{font-size:10px}.hero-title{font-size:clamp(48px,13.5vw,66px)}.hero-lead{font-size:18px}.wide-break{display:none}.hero-description{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.terminal{border-radius:17px}.terminal-body{padding:17px 15px 14px}.terminal-top{height:40px;padding:0 15px}.terminal-screen{min-height:240px}.terminal-bottom{padding:0 15px;font-size:10px;min-height:60px}.terminal-bottom strong{font-size:10px}.concept-section{padding:65px 0 85px}.concept-steps{gap:8px}.concept-steps div{padding:15px 12px;font-size:14px}.footer-line{display:grid;gap:3px;line-height:1.8}.background-mark svg{width:115vw;max-height:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;filter:none}.brand-mark--draw{clip-path:none!important;opacity:1!important}}

@keyframes symbol-breathe-soft{0%,100%{filter:drop-shadow(0 0 2px #4fff91) drop-shadow(0 0 7px #1ce86a)}50%{filter:drop-shadow(0 0 3px #4fff91) drop-shadow(0 0 10px #1ce86a)}}

@media(prefers-reduced-motion:reduce){.brand-symbol.is-pen-ready .brand-mark--ink{opacity:1!important;animation:none!important}.brand-symbol.is-pen-ready .brand-mark--draw{opacity:0!important;animation:none!important}}
