/* Central de sistemas 1.5.0 — identidade tecnológica */
:root{color-scheme:dark;--ink:#edf5ff;--muted:#a2b2cb;--green:#66e4d5;--paper:#080e1c;--line:#26334b;--orange:#bca0ff}
body{background:radial-gradient(ellipse at 80% 0,#1b285b80,transparent 38%),radial-gradient(ellipse at 0 24%,#0e55532b,transparent 35%),#080e1c}
body:before{content:"";position:absolute;inset:0 0 auto;height:650px;pointer-events:none;background-image:linear-gradient(#6c96dd09 1px,transparent 1px),linear-gradient(90deg,#6c96dd09 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent);z-index:-1}
.topbar{height:100px;border-color:#ffffff12}.brand{color:#edf5ff}.brand small{color:#9dafc9}.monogram{background:linear-gradient(140deg,#62e4d6,#6a9eff);color:#071321;box-shadow:0 0 30px #57d6d52b}.monogram>span{background:#a58aff;border-color:#080e1c}nav a{transition:color .2s}nav a:first-child{padding:9px 13px;border:1px solid #66e4d54a;border-radius:8px;color:#8cf4e5;background:#66e4d50b}nav{align-items:center;gap:24px}
.hero{padding:90px 0 84px;min-height:470px}.hero>.eyebrow{color:#8cf4e5;letter-spacing:2.6px}.eyebrow>span{background:#66e4d5;box-shadow:0 0 12px #66e4d5}.hero h1{font-size:clamp(48px,5.8vw,76px);font-weight:750;letter-spacing:-3.7px;line-height:1.06}.hero h1>span{background:linear-gradient(100deg,#66e4d5,#86aeff 65%,#bca0ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{font-size:15px}.hero-link{color:#92f4e7;border:1px solid #66e4d54d;padding:12px 18px;border-radius:10px;background:#66e4d50a}.hero-art{top:70px;right:12px}.orbit{border-color:#779dff38;box-shadow:0 0 55px #657bfc0b}.orbit-one:after{content:"";position:absolute;top:35px;right:26px;width:9px;height:9px;background:#8daaff;border-radius:50%;box-shadow:0 0 16px #8daaff}.orbit-two{border-style:dashed;border-color:#66e4d552}.art-tile{box-shadow:0 25px 55px #0006,inset 0 1px #ffffff20;font-weight:650}.tile-school{background:linear-gradient(145deg,#173e49,#102231);border-color:#66e4d55c;color:#8cf4e5}.tile-truck{background:linear-gradient(145deg,#32325c,#191d39);border-color:#bca0ff66;color:#cfbaff}.art-dot{background:#66e4d5;box-shadow:0 0 20px #66e4d5}
.section-heading h2{font-weight:650}.section-count,.monitor-label{padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#101a2b}.system-grid{gap:22px}.system-card{position:relative;padding:30px 30px 0;background:linear-gradient(145deg,#142434,#0e1627);border-color:#375c66;border-radius:20px;box-shadow:0 15px 40px #0002}.system-card:before{content:"";position:absolute;top:0;left:30px;right:30px;height:2px;background:linear-gradient(90deg,transparent,#66e4d5,transparent)}.system-card.tow{background:linear-gradient(145deg,#24233f,#101729);border-color:#494369}.tow:before{background:linear-gradient(90deg,transparent,#bca0ff,transparent)}.system-card:hover{transform:translateY(-5px);box-shadow:0 15px 45px #0005;border-color:#66e4d5}.tow:hover{border-color:#bca0ff}.app-symbol{background:#66e4d515;color:#91f5e7;border:1px solid #66e4d538;width:50px;height:50px}.tow .app-symbol{background:#bca0ff18;color:#d2bfff;border:1px solid #bca0ff38}.category{color:#acbdd3}.system-card h3{font-size:27px}.system-card>p{font-size:13px;max-width:390px}.primary-button{background:linear-gradient(110deg,#66e4d5,#81cce9);border-color:transparent;color:#071b27;font-weight:750;box-shadow:0 5px 20px #66e4d50d;min-height:46px}.tow .primary-button{background:linear-gradient(110deg,#a993f9,#c6adff);border-color:transparent;color:#17132c}.secondary-link{color:#bdcce0}.card-footer{border-color:var(--line);color:#a2b2cb}.lock{color:#66e4d5}
.reboque-intro h2 span,.school-intro h2 span{color:#83e9df}.reboque-intro>img{mix-blend-mode:normal;border-radius:28px;filter:drop-shadow(0 20px 35px #0004)}.school-art{padding:20px;border-radius:24px;background:#ffffffed}.reboque-features article,.school-features article,.metric-grid article{background:linear-gradient(145deg,#152134,#0e1728);border-color:#293951;box-shadow:0 8px 24px #0002}.feature-number{color:#7eddd9;border:1px solid #66e4d533;border-radius:7px;padding:5px 8px;display:inline-block;background:#66e4d508}.reboque-start li:before{color:#ad99ed}.reboque-data,.account-note,.monitor-message{background:linear-gradient(110deg,#152734,#19213a);border:1px solid #31425a}.reboque-data summary,.reboque-data>a,.note-icon{color:#8af1e2}.school-app-grid article{background:linear-gradient(130deg,#16313c,#172237);border-color:#365360}.edition-badge{color:#89eddf}.school-account-note{background:#111c2c}.metric-grid strong{color:#eaf8ff;font-variant-numeric:tabular-nums}.metric-grid article{border-radius:15px;position:relative;overflow:hidden}.metric-grid article:before{content:"";position:absolute;left:0;top:24px;width:3px;height:26px;background:#66e4d5;box-shadow:0 0 13px #66e4d5}.metric-grid meter{accent-color:#66e4d5}.metric-grid meter::-webkit-meter-bar{background:#25334c;border:0}.metric-grid meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#53c7cc,#8aaffe)}footer{color:#98aac3}.reboque-manual:hover,.secondary-link:hover{color:#8cf4e5}a:focus-visible{outline:3px solid #9ab6ff;outline-offset:5px}
@media(max-width:760px){.topbar{height:auto;min-height:96px;padding-top:20px;padding-bottom:20px;gap:18px;flex-wrap:wrap}.topbar nav{gap:16px;flex-wrap:wrap;font-size:11px}.hero{padding:52px 0;min-height:370px}.hero h1{font-size:clamp(43px,9vw,62px);letter-spacing:-2px}.hero-art{top:35px;right:-30px;opacity:.25}.hero p{font-size:14px;max-width:270px}.system-card{padding:25px 24px 0}.reboque-intro h2,.school-intro h2{font-size:34px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid article{padding:18px 14px}.metric-grid strong{font-size:23px}.school-art{padding:12px}footer{flex-wrap:wrap;line-height:1.8}.section-heading{gap:14px}.monitor-label{font-size:8px;white-space:nowrap}.category{font-size:7px;letter-spacing:1px}}
@media(max-width:360px){.metric-grid{grid-template-columns:1fr}.topbar,main,footer{padding-left:18px;padding-right:18px}.brand{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Four systems in the hero illustration */
.hero-art .art-tile{width:124px;height:124px;border-radius:24px;font-size:34px}
.hero-art .art-tile small{font-size:7px;letter-spacing:.8px;margin-top:12px}
.hero-art .tile-school{left:25px;top:25px;transform:rotate(-9deg)}
.hero-art .tile-truck{left:auto;right:12px;top:42px;bottom:auto;transform:rotate(9deg)}
.hero-art .tile-camera{left:25px;top:183px;transform:rotate(-7deg);background:linear-gradient(145deg,#173652,#122139);border:1px solid #86aeff66;color:#a7c9ff}
.hero-art .tile-finance{right:12px;top:200px;transform:rotate(8deg);background:linear-gradient(145deg,#433522,#292236);border:1px solid #f3c87966;color:#ffda9a}
.hero-art .art-dot{right:5px;top:15px}

.system-card.browser .app-symbol{border-radius:50%;padding:0;background:transparent;object-fit:contain}.system-card.browser{border-color:#7156b8}

/* Five systems orbit with upright, readable cards. */
.hero-art .orbit-slot{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px;animation:system-orbit 36s linear infinite;animation-delay:var(--delay);transform:rotate(var(--phase)) translateX(125px) rotate(calc(-1 * var(--phase)))}
.hero-art .orbit-slot .art-tile{position:static;width:96px;height:96px;transform:none;border-radius:21px;font-size:29px;box-shadow:0 12px 28px #03081555}
.hero-art .orbit-slot .art-tile small{font-size:6px;letter-spacing:.4px;margin-top:10px}
.hero-art .tile-browser{background:linear-gradient(145deg,#42305e,#20223d);color:#dfd0ff;border:1px solid #b395ff88}
@keyframes system-orbit{from{transform:rotate(0deg) translateX(125px) rotate(0deg)}to{transform:rotate(360deg) translateX(125px) rotate(-360deg)}}
.browser-presentation{margin:54px 0;padding:clamp(22px,4vw,44px);border:1px solid #8266c655;border-radius:24px;background:linear-gradient(140deg,#1d203b,#101d30);color:#edf0ff;scroll-margin-top:28px}
.browser-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}.browser-presentation .eyebrow{color:#c4adff}.browser-presentation h2{font-size:clamp(25px,3vw,36px);line-height:1.2;letter-spacing:-1px;margin:18px 0}.browser-presentation p{font-size:13px;line-height:1.8;color:#bac7de}.browser-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px}.browser-links .primary-button{background:#7150b6;border-color:#7150b6;gap:24px}.browser-links .secondary-link{margin:0;color:#d3dff4}.browser-preview{border:1px solid #64749855;border-radius:17px;overflow:hidden;background:#0e1727;box-shadow:0 25px 45px #0003}.preview-top{display:flex;justify-content:space-between;padding:14px;font-size:10px;color:#b8c5e0;background:#1a2940}.preview-search{margin:14px;border:1px solid #526486;border-radius:24px;padding:10px 14px;font-size:11px;color:#afbdd5;display:flex;justify-content:space-between}.preview-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 12px 40px}.preview-content strong{font-size:20px}.preview-content>span{font-size:10px;color:#acbad3}.browser-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.browser-feature-grid article{padding:20px;border:1px solid #7182aa33;border-radius:14px;background:#ffffff04}.browser-feature-grid h3{font-size:14px;margin:0 0 10px}.browser-feature-grid p{font-size:12px;margin:0}
@media(max-width:760px){.browser-intro,.browser-feature-grid{grid-template-columns:1fr}.browser-preview{max-width:440px;width:100%;margin:auto}}
@media(prefers-reduced-motion:reduce){.hero-art .orbit-slot{animation:none}}

.browser-links .primary-button{color:#fff}

/* Orbit phase slots */
.hero-art .orbit-slot-0{--phase:0deg;--delay:-0s}
.hero-art .orbit-slot-1{--phase:72deg;--delay:-7.2s}
.hero-art .orbit-slot-2{--phase:144deg;--delay:-14.4s}
.hero-art .orbit-slot-3{--phase:216deg;--delay:-21.6s}
.hero-art .orbit-slot-4{--phase:288deg;--delay:-28.8s}

/* Rotating orbit cards 20261028 */
.hero-art .orbit-slot .art-tile{animation:orbit-card-turn 48s linear infinite}
@keyframes orbit-card-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hero-art .orbit-slot .art-tile{animation:none}}