:root{--navy:#061a35;--navy2:#0a2c55;--blue:#087bc4;--light:#f5f7fb;--text:#162136;--muted:#68758a;--border:#e4e9f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);line-height:1.65}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:10px;top:-80px;background:white;padding:10px;z-index:99}.skip-link:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:rgba(11,18,32,.96);backdrop-filter:blur(14px);border-bottom:1px solid #ffffff14}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;letter-spacing:.09em;color:#fff;white-space:nowrap}.brand strong{color:#58b8ec}.brand-symbol{display:grid;place-items:center;background:#1a2a47;border:1px solid #4266a1;border-radius:12px;width:42px;height:42px;font-size:25px;letter-spacing:-.12em;padding-right:4px}.brand-symbol span,.about-mark span{color:#42b4e9}.menu{display:flex;align-items:center;gap:32px;color:#c3cddd;font-size:14px}.menu>a:not(.btn):hover,.footer a:hover{color:#80a5ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;background:var(--blue);color:white;font-size:14px;font-weight:700;padding:15px 22px;border-radius:7px;cursor:pointer;transition:background .2s,transform .2s}.btn:hover{background:#0568aa;transform:translateY(-2px)}.btn-small{padding:11px 17px}.menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 80% 48%,#192e55 0%,transparent 44%),var(--navy);color:white;overflow:hidden}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:42px}.hero-content{padding:80px 0}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.19em;color:var(--blue)}.eyebrow{color:#8eacfa;display:inline-flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#58b8ec;box-shadow:0 0 0 5px #087bc422}.hero h1{font-size:clamp(44px,5.5vw,76px);line-height:1.1;letter-spacing:-.055em;margin:24px 0}.hero h1 span,.section h2 span{color:#35a6e6}.hero-content>p{max-width:490px;color:#a9b6c9;font-size:17px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:34px}.text-link{font-size:14px;font-weight:650;color:#d5dff0}.text-link span{margin-left:8px}.hero-foot{display:flex;align-items:center;gap:16px;color:#75859e;font-size:10px;font-weight:700;letter-spacing:.19em;margin-top:95px}.line{width:35px;height:1px;background:#5479bd}.hero-art{position:relative;min-height:400px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(4px)}.orb-one{width:300px;height:300px;background:#3166d018;box-shadow:0 0 90px 50px #087bc412}.orb-two{width:220px;height:220px;border:1px solid #087bc430;transform:translate(100px,-60px)}.code-card{position:relative;width:min(100%,440px);border:1px solid #42608e;background:#101e35;border-radius:14px;box-shadow:0 32px 80px #0006;transform:rotate(-3deg);overflow:hidden}.code-top{height:52px;background:#172842;border-bottom:1px solid #ffffff14;display:flex;align-items:center;gap:7px;padding:0 18px}.code-top span{width:8px;height:8px;background:#57718f;border-radius:50%}.code-top small{margin-left:auto;color:#7f93af;font-size:11px}.code-lines{padding:38px 24px;font:13px/2.3 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;color:#dce6f7}.code-lines i{font-style:normal;color:#a98fff}.code-lines b{font-weight:400;color:#8ac9ff}.code-lines em{font-style:normal;color:#a7dfbf}.code-lines .space{height:20px}.code-lines .indent{padding-left:22px}.float-label{position:absolute;right:-8px;bottom:10px;padding:15px;background:#233a60;border:1px solid #087bc470;border-radius:9px;color:#82a9ff;font-weight:800;box-shadow:0 10px 30px #0005}.float-label span{font-size:11px;color:#d6e2f7;font-weight:500;margin-left:10px}.section{padding:112px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section h2{font-size:clamp(32px,4vw,49px);line-height:1.15;letter-spacing:-.045em;margin:14px 0}.section-head p{max-width:310px;color:var(--muted);margin:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;border:1px solid var(--border);border-radius:12px;padding:34px;min-height:330px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #061a350d}.service-icon{width:51px;height:51px;background:#edf3ff;color:#087bc4;display:grid;place-items:center;border-radius:10px;font-size:24px;font-weight:700}.service-num{position:absolute;right:30px;top:40px;color:#a8b5c7;font-size:12px}.service-card h3{font-size:20px;line-height:1.3;letter-spacing:-.025em;margin:27px 0 10px}.service-card p{font-size:14px;color:var(--muted);margin:0 0 22px}.service-card a{margin-top:auto;color:#087bc4;font-size:13px;font-weight:750}.service-card a span{margin-left:8px}.about{background:var(--light)}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.about-visual{min-height:430px;background:linear-gradient(145deg,#0d192e,#1a3157);border-radius:16px;position:relative;display:grid;place-items:center;overflow:hidden}.about-visual:before,.about-visual:after{content:"";position:absolute;width:360px;height:360px;border:1px solid #5275ae44;border-radius:50%}.about-visual:after{width:250px;height:250px}.about-mark{font-size:170px;font-weight:800;letter-spacing:-.15em;color:#fff;padding-right:40px;z-index:1}.about-caption{position:absolute;bottom:26px;left:30px;color:#93a7c6;font-size:10px;letter-spacing:.2em;font-weight:700}.about-caption span{color:#7da1ff;margin:0 8px}.about-content p{color:var(--muted);font-size:15px}.values{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dce3ed;margin-top:35px;padding-top:25px}.values div{display:flex;flex-direction:column;gap:4px}.values strong{font-size:12px;color:#087bc4}.values span{font-size:13px;font-weight:700}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.contact p{color:var(--muted);max-width:410px}.contact-note{display:flex;align-items:center;gap:15px;margin-top:45px}.contact-note>span{display:grid;place-items:center;width:45px;height:45px;background:#edf3ff;border-radius:9px;color:#087bc4;font-size:20px}.contact-note div{display:flex;flex-direction:column}.contact-note strong{font-size:14px}.contact-note small{color:var(--muted)}.contact-form{background:#f7f9fc;border:1px solid var(--border);padding:34px;border-radius:12px;display:flex;flex-direction:column;gap:10px}.contact-form label{font-size:12px;font-weight:750}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #dce4ef;background:white;padding:12px 14px;border-radius:6px;outline:none;color:var(--text);margin-bottom:10px}.contact-form :is(input,select,textarea):focus{border-color:var(--blue);box-shadow:0 0 0 3px #087bc420}.contact-form textarea{resize:vertical}.contact-form .btn{align-self:flex-start}.form-feedback{font-size:13px;margin:0!important}.form-disclaimer{font-size:11px;color:var(--muted)}.footer{background:var(--navy);color:#c0cbda;padding:40px 0 20px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p,.footer-inner>a:last-child{font-size:13px}.footer-bottom{border-top:1px solid #ffffff18;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#74859c}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:0}.hero-content{padding:80px 0 30px}.hero-foot{margin-top:45px}.hero-art{min-height:390px;margin-bottom:45px}.about-grid,.contact-grid{gap:45px}.service-card{padding:24px}.about-mark{font-size:130px}}@media(max-width:700px){.container{width:min(100% - 32px,1160px)}.nav{height:70px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:none;border:1px solid #ffffff33;border-radius:7px;cursor:pointer;padding:10px}.menu-toggle span{height:2px;width:100%;background:white}.menu{display:none;position:absolute;top:70px;left:0;right:0;background:#061a35;padding:20px 16px 25px;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid #ffffff22}.menu.open{display:flex}.menu .btn{align-self:flex-start}.hero h1{font-size:clamp(42px,10vw,60px)}.hero-content{padding-top:65px}.hero-art{min-height:330px}.code-card{width:94%}.code-lines{font-size:10px;padding:30px 15px}.float-label{right:0;bottom:5px;font-size:13px}.float-label span{font-size:9px}.section{padding:75px 0}.section-head{display:block}.section-head p{margin-top:15px}.services-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.service-card{min-height:260px}.about-visual{min-height:300px}.about-grid,.contact-grid{gap:35px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-bottom{gap:10px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Identidade visual Gauss TI — alinhada com o logótipo original */
.brand{gap:13px;letter-spacing:.035em;font-size:17px}
.brand-logo{display:block;width:70px;height:53px;object-fit:contain;background:#fff;border-radius:9px;padding:3px;flex:none}
.brand-name{line-height:1.1;color:#f7fbff}
.brand-name strong{color:#65c8f5}
.nav{min-height:86px;height:auto;padding-block:9px}
.header{background:rgba(6,26,53,.97)}
.hero{background:radial-gradient(ellipse at 80% 48%,#0c4d7c 0%,transparent 47%),#061a35}
.hero h1 span,.section h2 span{color:#42b4e9}
.eyebrow{color:#8dd7ff}
.status-dot{background:#42b4e9;box-shadow:0 0 0 5px #42b4e922}
.hero-art .orb-one{background:#087bc422;box-shadow:0 0 90px 50px #087bc41a}
.code-card{border-color:#2375a3;background:#082745}
.code-top{background:#0c365b}
.float-label{background:#0b4069;border-color:#2599d3;color:#90dcff}
.about-visual{background:linear-gradient(145deg,#071d3a,#105789)}
.about-logo{position:relative;z-index:2;display:block;width:min(70%,300px);height:auto;object-fit:contain;background:white;border-radius:22px;padding:22px;box-shadow:0 20px 60px #0003}
.about-caption{color:#d7e9f6}
.about-caption span{color:#56c6f4}
.service-icon,.contact-note>span{background:#e7f5fc;color:#087bc4}
.btn{box-shadow:0 5px 18px #087bc422}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #59c7fa;outline-offset:3px}
@media(max-width:700px){.brand-logo{width:55px;height:43px}.brand{font-size:15px}.nav{min-height:70px}.menu{top:70px}}
