@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0a1a2c;--navy:#071b31;--navy2:#0e2d4a;--muted:#617084;--line:#e3edf3;--blue:#1764f5;--aqua:#42dfdb;--soft:#f4f9fc;--white:#fff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65;background:#fff}h1,h2,h3,h4,.brand{font-family:Manrope,Arial,sans-serif;line-height:1.13;letter-spacing:-.045em}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.container{width:min(1180px,calc(100% - 48px));margin:auto}.muted{color:var(--muted)}.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#168fbf}.header{height:84px;display:flex;align-items:center;position:sticky;top:0;z-index:40;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #e7eff6}.nav{display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-size:1.5rem;font-weight:800;letter-spacing:-.07em}.brand img{width:42px;height:42px;object-fit:contain}.navlinks{display:flex;gap:34px;align-items:center;font-size:.86rem;font-weight:700}.navlinks a:hover,.footlinks a:hover{color:var(--blue)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:11px;padding:14px 21px;border-radius:100px;font-size:.9rem;font-weight:800;transition:.2s;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--blue);color:white;box-shadow:0 9px 27px #1764f529}.btn.primary:hover{background:#084bc9;transform:translateY(-2px)}.btn.outline{border-color:#d9e6ef;background:#fff}.btn.outline:hover{border-color:var(--blue)}.btn.light{color:var(--navy);background:#fff}.mobile-toggle{display:none;background:none;border:0;font-size:1.8rem;cursor:pointer}.hero{position:relative;overflow:hidden;padding:108px 0 100px;background:radial-gradient(circle at 83% 33%,#dbf7fa 0,transparent 30%),linear-gradient(140deg,#fff 32%,#f3faff)}.hero .container{display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:48px}.hero h1{font-size:clamp(3rem,5.7vw,5.8rem);margin:22px 0 28px;max-width:780px}.hero h1 span{background:linear-gradient(95deg,#1764f5,#0aaeb7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.16rem;color:#526479;max-width:540px;margin-bottom:33px}.actions{display:flex;gap:12px;flex-wrap:wrap}.heroart{position:relative;display:grid;place-items:center;min-height:470px}.halo{position:absolute;width:440px;height:440px;border:1px solid #abdde7;border-radius:50%;box-shadow:0 0 0 55px #c2eaf120,0 0 0 115px #c2eaf112}.heroart img{width:min(390px,90%);z-index:2;filter:drop-shadow(0 33px 40px #147dd32a);animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:translateY(-16px)}}.floatlabel{position:absolute;z-index:3;background:#fffc;backdrop-filter:blur(15px);border:1px solid #e4f5fb;border-radius:14px;padding:12px 17px;box-shadow:0 18px 50px #12375a14;font-size:.78rem;font-weight:800}.floatlabel.top{right:0;top:85px}.floatlabel.bottom{left:4px;bottom:70px}.trustline{border-top:1px solid #e9f0f5;border-bottom:1px solid #e9f0f5;padding:22px 0;background:#fff;color:#617487;font-size:.85rem}.trustline .container{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}.dot{width:5px;height:5px;border-radius:50%;background:#30c7d5}section.pad{padding:112px 0}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:47px}.sectiontop h2,.statement h2,.contact h2{font-size:clamp(2.3rem,4.3vw,4rem);max-width:740px;margin:13px 0}.sectiontop p{max-width:350px;color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{border:1px solid #e1ebf2;border-radius:var(--radius);padding:33px;background:#fff;min-height:265px;transition:.25s}.service:hover{transform:translateY(-5px);border-color:#86dfe2;box-shadow:0 20px 60px #164b7412}.glyph{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#e7f7ff,#e2faf6);color:#096eb3;font-size:1.5rem;margin-bottom:29px}.service h3{font-size:1.16rem;margin:0 0 12px}.service p{margin:0;font-size:.94rem;color:var(--muted)}.statement{background:#071b31;color:#fff;position:relative;overflow:hidden}.statement:before{content:'';position:absolute;inset:0;background:url('../img/grid.svg');opacity:.65}.statement .container{position:relative}.statement .eyebrow{color:#65dfdf}.statement h2{max-width:870px}.statement p{color:#b0cada;max-width:600px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;margin-top:55px}.step{border-top:1px solid #ffffff40;padding-top:24px}.step strong{color:#69e6e1;font-size:.85rem}.step h3{font-size:1.22rem}.step p{font-size:.92rem;color:#b0cada}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.visual{border-radius:32px;background:linear-gradient(140deg,#0e2e50,#146cc9);min-height:430px;display:grid;place-items:center;position:relative;overflow:hidden}.visual:before{content:'';width:430px;height:430px;border:1px solid #90ecfa50;border-radius:50%;position:absolute;box-shadow:0 0 0 75px #72e1f010,0 0 0 160px #72e1f00a}.visual img{width:260px;position:relative;filter:drop-shadow(0 35px 45px #0004)}.checklist{list-style:none;padding:0;margin:28px 0}.checklist li{border-bottom:1px solid var(--line);padding:13px 0;font-size:.96rem}.checklist li:before{content:'↗';color:#089cad;margin-right:12px;font-weight:bold}.industries{background:#f5fafc}.pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.pill{padding:12px 18px;border:1px solid #d6e8f0;border-radius:30px;background:#fff;font-size:.88rem;font-weight:700}.contact{background:linear-gradient(115deg,#102e4c,#083b70);color:#fff;border-radius:36px;padding:65px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.contact p{color:#c7dcea;max-width:620px}.contact .eyebrow{color:#77ece5}.footer{padding:70px 0 35px;background:#071b31;color:#a8c0ce}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer .brand{color:white}.footer p{max-width:330px;font-size:.9rem}.footlinks{display:grid;gap:11px;font-size:.9rem}.footer h4{color:white;margin:0 0 18px}.copyright{border-top:1px solid #30455a;margin-top:55px;padding-top:26px;font-size:.8rem;display:flex;justify-content:space-between;gap:12px}.reveal{opacity:0;transform:translateY(18px);transition:.6s}.reveal.visible{opacity:1;transform:none}.page-hero{padding:90px 0;background:linear-gradient(140deg,#f5fcff,#fff);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3rem,5vw,5rem);max-width:850px;margin:17px 0}.page-hero p{font-size:1.18rem;max-width:690px;color:var(--muted)}.legal p{max-width:850px}.legal h2{margin-top:35px}.variantlist{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.variant{border:1px solid var(--line);padding:12px;border-radius:16px;text-align:center}.variant img{aspect-ratio:1;object-fit:contain}.variant small{color:var(--muted)}@media(max-width:900px){.hero .container,.split{grid-template-columns:1fr}.hero{padding:75px 0}.heroart{min-height:330px}.heroart img{width:250px}.halo{width:280px;height:280px}.grid3{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr 1fr}.footergrid>div:first-child{grid-column:1/-1}.navlinks{gap:15px}}@media(max-width:640px){.container{width:min(100% - 34px,1180px)}.header{height:72px}.navlinks{display:none;position:absolute;left:0;right:0;top:72px;padding:28px;background:white;box-shadow:0 18px 35px #102c3b15;flex-direction:column;align-items:start}.navlinks.open{display:flex}.mobile-toggle{display:block}.nav>.btn{display:none}.hero{padding:65px 0 40px}.hero h1{font-size:3.2rem}.heroart{min-height:285px}.floatlabel{font-size:.67rem}.floatlabel.top{top:30px}.floatlabel.bottom{bottom:25px}.grid3,.steps,.split,.footergrid,.variantlist{grid-template-columns:1fr}.sectiontop{display:block}section.pad{padding:74px 0}.contact{padding:37px 25px;border-radius:25px}.copyright{flex-direction:column}.footergrid>div:first-child{grid-column:auto}.visual{min-height:330px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ITCUBE Brand Correction 2026-10-22: genuine transparent brandmark */
.heroart > img {object-fit:contain;filter:drop-shadow(0 18px 26px rgba(4,79,157,.15));}
.visual img[src*="simbolo-itcube.png"] {object-fit:contain;max-height:420px;}
.brand img {object-fit:contain;background:transparent;}

.brand img[src*="logo-itcube-horizontal.png"]{width:148px;height:auto;max-height:42px;}

/* Rodape escuro: logo sobre placa clara para preservar a marca e o contraste */
.footer .brand img[src*="logo-itcube-horizontal.png"]{background:#fff;padding:8px 14px;border-radius:12px;width:auto;height:auto;max-height:54px;box-sizing:content-box}

/* Hero: o simbolo oficial agora e o cubo inteiro; sem recorte nem dimensao fixa em px alem do teto */
.hero{padding:96px 0}.heroart img{height:auto;max-height:440px}
@media(max-width:900px){.hero{padding:64px 0 56px}.heroart img{max-height:300px;width:auto;max-width:78%}}
/* Acessibilidade */
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--navy);padding:10px 16px;border-radius:10px;font-weight:700}.skip:focus{left:10px}
a:focus-visible,button:focus-visible{outline:3px solid #1764f5;outline-offset:3px;border-radius:6px}
.footer a:focus-visible{outline-color:#65dfdf}