:root{--deep:#071b35;--navy:#0b2545;--dark:#123b70;--blue:#1976d2;--cyan:#38bdf8;--ice:#eaf6ff;--text:#122a45;--muted:#5b7089;--white:#fff;--border:#dce9f5;--radius:18px;--container:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--white);line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:16px;z-index:200;background:white;color:var(--deep);padding:10px}.skip-link:focus{top:12px}.site-header{position:absolute;z-index:20;width:100%;top:0;color:var(--white);border-bottom:1px solid rgba(255,255,255,.11)}.nav-wrap{height:86px;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:850;letter-spacing:-.045em;font-size:22px}.brand-light{font-weight:400;letter-spacing:-.04em;margin-left:4px}.brand-symbol{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#35c1ff,#1168d8);font-weight:950;font-size:24px;color:white;box-shadow:0 8px 26px #009dff30}.nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}.nav>a:not(.nav-cta){color:#d2e3f7;transition:color .2s}.nav>a:hover{color:white}.nav-cta{padding:11px 17px;border:1px solid #58b6f580;border-radius:9px}.nav-cta span{margin-left:7px;color:var(--cyan)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 75% 35%,#123f75 0%,#0a2749 34%,#071b35 74%);padding:165px 0 115px;min-height:690px}.hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.25;background-image:linear-gradient(#5ba6d511 1px,transparent 1px),linear-gradient(90deg,#5ba6d511 1px,transparent 1px);background-size:66px 66px}.hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(55px);opacity:.32}.hero-glow-1{height:330px;width:330px;right:12%;top:20%;background:#1164ba}.hero-glow-2{height:230px;width:230px;left:-8%;bottom:0;background:#167bde}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:22px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-label{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.19em;color:var(--blue)}.eyebrow{color:#91d8ff}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(43px,5.5vw,76px);line-height:1.08;letter-spacing:-.058em;margin:25px 0}.gradient-text{background:linear-gradient(105deg,#fff 0%,#6ad6ff 70%,#2d94f5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.85;color:#b9cee3;max-width:585px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:33px 0 43px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 21px;font-size:13px;font-weight:800;border-radius:10px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(115deg,#1976d2,#35b9f2);color:#fff;box-shadow:0 10px 25px #007ddd24}.button-outline{border:1px solid #5686b3;color:#e6f5ff}.button-outline:hover{background:#ffffff12}.hero-footnote{display:flex;align-items:center;gap:14px;color:#85a1bd;font-size:10px;font-weight:700;letter-spacing:.18em}.footnote-line{height:1px;width:32px;background:#55b7e4}.hero-visual{height:440px;position:relative;display:grid;place-items:center}.visual-grid{position:absolute;inset:0;background:radial-gradient(circle at center,#0c77b724,transparent 65%);border-radius:50%}.connection-lines{position:absolute;width:100%;height:100%;overflow:visible}.core{width:145px;height:145px;border:1px solid #73d4ff99;border-radius:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#1e74b9dd,#0c2b55f5);box-shadow:0 0 0 14px #3187c313,0 0 80px #1d9cde55;transform:rotate(-7deg)}.core-small{font-size:39px;letter-spacing:-.1em;line-height:1;font-weight:900}.core strong{font-weight:400;font-size:19px}.core-orbit{position:absolute;inset:-25px;border:1px dashed #43a0d944;border-radius:42px}.orbit-card{position:absolute;display:flex;align-items:center;gap:11px;min-width:140px;padding:13px 17px;border:1px solid #599bc256;background:#0b3056e8;backdrop-filter:blur(12px);border-radius:13px;box-shadow:0 16px 40px #0003}.orbit-card strong,.orbit-card small{display:block;line-height:1.35}.orbit-card strong{font-size:12px}.orbit-card small{font-size:10px;color:#a5c1d8}.orbit-icon{height:33px;min-width:33px;display:grid;place-items:center;color:#6ed9ff;background:#1367a547;border-radius:9px;font-size:18px;font-weight:800}.card-api{left:0;top:60px}.card-saas{right:0;top:68px}.card-code{left:7px;bottom:50px}.card-connect{right:-4px;bottom:44px}.hero-bottom{position:absolute;left:0;bottom:-1px;width:100%;height:34px;background:#fff;clip-path:polygon(0 100%,100% 0,100% 100%)}.section{padding:100px 0}.solutions{background:#fff}.section-intro{max-width:730px;margin-bottom:47px}.section-intro h2,.about h2{font-size:clamp(32px,3.5vw,46px);line-height:1.18;letter-spacing:-.05em;margin:18px 0}.section-intro h2 span,.about h2 span{color:var(--blue)}.section-intro p,.about p{color:var(--muted);font-size:16px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.solution-card{position:relative;overflow:hidden;padding:29px 25px 47px;background:linear-gradient(155deg,#f9fcff,#eff7fe);border:1px solid var(--border);border-radius:var(--radius);min-height:295px;transition:transform .2s,box-shadow .2s}.solution-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #123b7015}.solution-icon{width:53px;height:53px;display:grid;place-items:center;font-size:21px;font-weight:750;color:#0f74d1;border:1px solid #c7e6ff;border-radius:14px;background:#e2f3ff;margin-bottom:27px}.solution-card h3{font-size:18px;line-height:1.32;letter-spacing:-.02em;margin-bottom:13px}.solution-card p{font-size:13px;line-height:1.8;color:var(--muted)}.card-index{position:absolute;right:23px;bottom:15px;color:#a7bdd1;font-size:11px;letter-spacing:.1em}.about{background:var(--ice)}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px}.about-art{min-height:360px;border-radius:25px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#2d8dc5,#0b2b57 65%);box-shadow:0 25px 48px #0d4a8125}.about-art::before{content:"";position:absolute;inset:15%;border:1px solid #77d0f947;border-radius:50%;box-shadow:0 0 0 60px #76caff0a,0 0 0 120px #76caff09}.about-art::after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,#ffffff08,transparent 55%)}.art-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:76px;font-weight:900;letter-spacing:-.12em;color:white;text-shadow:0 0 28px #75dbff88}.art-center span{color:#46c9f4}.art-chip{position:absolute;background:#ffffff15;border:1px solid #7ecdfa66;color:#d3f1ff;letter-spacing:.13em;font-size:11px;font-weight:800;border-radius:9px;padding:9px 13px;z-index:2}.art-chip-one{top:65px;left:50px}.art-chip-two{bottom:66px;right:44px}.art-line{position:absolute;height:1px;background:#6ad4ff70;width:95px;transform:rotate(-35deg)}.line-one{left:60px;bottom:100px}.line-two{right:60px;top:110px}.line-three{right:130px;bottom:80px}.about-copy p{line-height:1.85;margin-bottom:15px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-size:14px;font-weight:800;margin-top:15px}.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.process-grid article{border-top:2px solid #8dd7fb;padding-top:23px}.process-grid article>span{font-size:10px;letter-spacing:.13em;font-weight:900;color:var(--blue)}.process-grid h3{font-size:19px;margin:18px 0 9px}.process-grid p{font-size:13px;color:var(--muted);line-height:1.8}.contact-section{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 15%,#135488,#071b35 65%);color:#fff;text-align:center;padding:95px 0}.contact-section::before{content:"";position:absolute;width:400px;height:400px;border:1px solid #ffffff12;border-radius:50%;left:-100px;top:0;box-shadow:0 0 0 100px #ffffff05}.contact-content{position:relative;max-width:770px}.label-light{color:#7bd1ff}.contact-section h2{font-size:clamp(33px,4.4vw,55px);line-height:1.16;letter-spacing:-.05em;margin:18px 0}.contact-section h2 span{color:#7bd1ff}.contact-section p{max-width:570px;margin:0 auto 28px;color:#bad0e5}.contact-section .contact-note{font-size:11px;color:#94aac0;margin:17px auto 0}.footer{background:#05152b;color:#b4c8dd}.footer-inner{display:flex;align-items:center;gap:25px;justify-content:space-between;min-height:110px}.footer-brand{color:white;font-size:18px;flex-shrink:0}.footer-brand .brand-symbol{width:29px;height:29px;font-size:19px}.footer p,.footer small{margin:0;font-size:11px}.footer small{color:#849bb4;text-align:right}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero{padding:145px 0 72px}.hero-copy{max-width:730px}.hero-visual{max-width:540px;width:100%;margin:auto}.solution-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:35px}.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:min(calc(100% - 34px),var(--container))}.nav-wrap{height:72px}.site-header{position:absolute}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px;background:transparent;border:1px solid #88a9c255;border-radius:8px;cursor:pointer}.menu-toggle span{height:2px;width:22px;background:white;border-radius:5px}.nav{display:none;position:absolute;top:72px;left:0;width:100%;padding:20px 18px 25px;background:#08203c;border-bottom:1px solid #ffffff22;flex-direction:column;align-items:stretch;gap:20px}.nav.is-open{display:flex}.nav-cta{text-align:center}.hero{padding:137px 0 65px;min-height:0}.hero h1{font-size:clamp(40px,10vw,58px)}.hero-copy>p{font-size:15px}.hero-actions{gap:10px}.button{width:100%}.hero-footnote{font-size:9px}.hero-visual{height:315px;margin-top:15px;transform:scale(.92)}.connection-lines{height:100%}.orbit-card{min-width:115px;padding:9px}.orbit-icon{height:27px;min-width:27px;font-size:14px}.card-api{top:20px;left:-8px}.card-saas{top:27px;right:-5px}.card-code{bottom:25px;left:-8px}.card-connect{bottom:22px;right:-8px}.core{width:115px;height:115px}.core-small{font-size:32px}.core strong{font-size:16px}.section{padding:67px 0}.solution-grid{grid-template-columns:1fr;gap:12px}.solution-card{min-height:0;padding:22px 22px 35px}.solution-icon{margin-bottom:18px}.section-intro{margin-bottom:30px}.about-grid{grid-template-columns:1fr}.about-art{min-height:280px}.about-copy{order:-1}.process-grid{grid-template-columns:1fr;gap:15px}.process-grid article{padding-top:13px}.process-grid h3{margin:12px 0 6px}.contact-section{padding:70px 0}.footer-inner{flex-direction:column;align-items:flex-start;gap:12px;padding:30px 0}.footer small{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Identidade visual XTS Digital — logo oficial */
.brand-logo{width:46px;height:46px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 8px rgba(16,169,255,.19))}
.footer-brand .brand-logo{width:39px;height:39px}
.core{width:185px;height:185px;border:0;background:radial-gradient(circle,#1769a840,transparent 72%);box-shadow:0 0 85px #1d9cde45;transform:none;border-radius:50%;position:relative}
.hero-logo{width:166px;height:166px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(4,10,35,.25))}
.core-orbit{inset:-12px;border-radius:50%}
.about-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(64%,208px);height:auto;filter:drop-shadow(0 12px 18px #0005)}
@media(max-width:700px){.brand-logo{width:38px;height:38px}.footer-brand .brand-logo{width:36px;height:36px}.core{width:133px;height:133px}.hero-logo{width:125px;height:125px}}
