/* Tokens de interface provisórios. A prancha é a referência da marca;
   estes valores e a fonte de sistema não são um manual de identidade. */
:root{--paper:#f4f4f2;--surface:#fff;--ink:#0e274d;--muted:#566575;--blue:#1a62f2;--blue-dark:#1647c6;--line:#dce1e5;--soft-blue:#eaf0fc;--navy:#0e274d;--radius:22px;--ease:cubic-bezier(.22,1,.36,1);--quick:180ms;--flow:360ms}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
button{color:inherit}
svg{display:block}
[hidden]{display:none!important}
::selection{color:white;background:var(--blue)}
:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:4px}
.container{width:min(1232px,calc(100% - 96px));margin-inline:auto}
.skip-link{position:fixed;top:12px;left:16px;padding:14px 20px;background:var(--ink);color:white;z-index:100;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{height:88px;display:flex;align-items:center;gap:32px}
.brand{display:block;flex-shrink:0;width:190px}
.brand-art{width:100%;height:auto;overflow:hidden}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:30px;margin-left:auto}
.desktop-nav a,.header-contact{font-size:13px;font-weight:600;white-space:nowrap}
.desktop-nav a{position:relative;padding:10px 0;color:var(--muted)}
.desktop-nav a::after{position:absolute;content:"";height:1px;left:0;right:0;bottom:5px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform var(--quick) var(--ease)}
.desktop-nav a:hover{color:var(--ink)}
.desktop-nav a:hover::after{transform:scaleX(1)}
.header-contact{display:flex;align-items:center;gap:20px;padding:12px 15px;border:1px solid #c6cdd6;border-radius:8px;transition:background var(--quick),border-color var(--quick)}
.header-contact:hover{background:white;border-color:var(--ink)}
.header-contact span{font-size:20px}
.menu-toggle{display:none}
.hero{padding-top:88px;padding-bottom:80px;display:grid;grid-template-columns:1.14fr 1fr;align-items:center;gap:64px}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin:0 0 24px;color:var(--muted)}
.eyebrow-line{width:25px;height:2px;background:var(--blue)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(49px,5.15vw,75px);letter-spacing:-.059em;line-height:1.055;font-weight:650;margin-bottom:28px}
h1 span{color:var(--blue)}
.hero-description{max-width:465px;color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:30px}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;padding:15px 20px;border-radius:8px;font-weight:600;font-size:13px;line-height:1.5;transition:background var(--quick),transform var(--quick) var(--ease),box-shadow var(--quick)}
.button span{font-size:21px;transition:transform var(--quick) var(--ease)}
.button-primary{background:var(--blue);color:white;box-shadow:0 4px 10px rgb(33 93 245 / .12)}
.button-primary:hover{background:var(--blue-dark);transform:translateY(-2px)}
.button-primary:hover span{transform:translate(2px,-2px)}
.button-primary:active{transform:translateY(0)}
.text-link{min-height:44px;display:inline-flex;align-items:center;gap:15px;font-size:13px;line-height:1.5;font-weight:600;padding-block:10px}
.text-link span{font-size:18px;transition:transform var(--quick) var(--ease)}
.text-link:hover span{transform:translateY(3px)}
.hero-note{font-size:11px;letter-spacing:.025em;color:var(--muted);margin:30px 0 0;display:flex;gap:10px;align-items:center}
.hero-note span{font-size:20px;color:var(--blue)}
.solution-studio{position:relative;isolation:isolate;background:#e9edf2;min-width:0;padding:24px 28px;border:1px solid #dfe4eb;border-radius:28px;overflow:hidden}
.studio-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ccd6e144 1px,transparent 1px),linear-gradient(90deg,#ccd6e144 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent)}
.studio-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.small-label{font-size:9px;font-weight:700;letter-spacing:.13em;line-height:1.5;text-transform:uppercase}
.studio-heading>.small-label{color:var(--muted)}
.studio-plus{font-weight:300;font-size:24px;color:#637b95}
.studio-origin{display:flex;align-items:center;gap:15px;background:var(--navy);border:1px solid var(--navy);padding:15px 18px;border-radius:12px;box-shadow:0 8px 20px rgb(16 37 60 / .08);color:white;width:83%;margin-inline:auto}
.origin-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #617790;border-radius:9px;font-size:26px;color:#a9c3ff}
.studio-origin .small-label{display:block;color:#b4c2d3;font-size:8px;margin-bottom:4px}
.studio-origin strong{display:block;font-size:17px;letter-spacing:-.035em;font-weight:600}
.studio-connector{height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.studio-connector span{height:28px;width:1px;background:#8ea4c6}
.studio-connector i{width:6px;height:6px;border:1px solid #7c92b3;transform:rotate(45deg);border-top:0;border-left:0;margin-top:-5px}
.studio-card{background:white;border:1px solid #d1dbe7;border-radius:16px;padding:7px;box-shadow:0 18px 30px -16px rgb(28 52 93 / .2)}
.studio-tabs{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,1fr);padding:3px;background:#edf1f6;border-radius:9px;--tab-index:0}
.studio-tabs button{position:relative;border:0;background:transparent;min-width:0;min-height:38px;font-size:10px;font-weight:600;cursor:pointer;color:#576a80;transition:color var(--quick)}
.studio-tabs button[aria-selected=true]{color:var(--blue)}
.tab-highlight{position:absolute;top:3px;left:3px;bottom:3px;width:calc((100% - 6px)/3);border-radius:6px;background:white;box-shadow:0 1px 4px rgb(26 52 87 / .1);transform:translateX(calc(var(--tab-index)*100%));transition:transform var(--flow) var(--ease)}
.service-panel{padding:20px 17px 18px}
.panel-visual{height:94px;border:1px solid #d7e3f8;border-radius:9px;position:relative;background:#f5f8fe;overflow:hidden;transition:background-color var(--flow)}
.visual-window{position:absolute;left:0;right:0;top:0;height:21px;border-bottom:1px solid #d7e3f8;display:flex;gap:4px;align-items:center;padding-left:9px}
.visual-window i{display:block;width:3px;height:3px;border-radius:50%;background:#8ba3cc}
.visual-layout{display:flex;position:absolute;left:13px;top:33px;bottom:13px;right:44px;gap:10px;transition:transform var(--flow) var(--ease)}
.visual-sidebar{width:25%;background:#dce7fd;border-radius:3px;transition:width var(--flow) var(--ease)}
.visual-blocks{display:grid;grid-template-columns:1.4fr 1fr;gap:7px;flex:1}
.visual-blocks span{background:#b8cefb;border-radius:3px}
.visual-blocks span:first-child{grid-column:1/-1;background:#376ef3}
.visual-arrow{position:absolute;right:11px;bottom:9px;color:var(--blue);font-size:20px}
.service-panel[data-kind=apps] .visual-sidebar{width:12%}
.service-panel[data-kind=apps] .visual-layout{transform:translateX(13%);right:31%}
.service-panel[data-kind=apps] .panel-visual{background:#edf5ff}
.service-panel[data-kind=consultoria] .visual-sidebar{width:40%}
.service-panel[data-kind=consultoria] .panel-visual{background:#eff5f7}
.panel-copy{padding-top:19px;min-height:146px}
.panel-copy .small-label{color:var(--blue);font-size:8px}
.panel-copy h2{font-size:21px;letter-spacing:-.04em;line-height:1.2;font-weight:650;margin:8px 0}
.panel-copy p{font-size:11px;line-height:1.6;color:var(--muted);margin-bottom:15px;max-width:290px}
.panel-tags{display:flex;gap:6px;flex-wrap:wrap}
.panel-tags span{font-size:8px;color:#4f6380;border:1px solid #d9e1ec;padding:4px 7px;border-radius:4px}
.studio-bottom{display:flex;align-items:center;gap:11px;padding:22px 6px 3px}
.studio-bottom>span:nth-child(2){font-size:10px;line-height:1.7;color:var(--muted)}
.studio-bottom strong{font-weight:600;color:var(--ink)}
.studio-cross{font-size:36px;color:var(--blue);line-height:1}
.studio-corner{margin-left:auto;font-size:26px;color:#667d97}
.expertise-strip{display:flex;align-items:center;justify-content:space-between;padding-block:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:500;gap:15px}
.strip-symbol{color:var(--blue);font-size:15px}
.section{padding-block:112px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:46px}
.section-heading .eyebrow,.approach-copy .eyebrow{margin-bottom:18px}
.section-heading h2,.approach-copy h2{font-size:clamp(28px,3.1vw,42px);line-height:1.15;letter-spacing:-.045em;font-weight:600;margin-bottom:0}
.section-heading h2 span{color:var(--blue)}
.section-intro{font-size:14px;line-height:1.8;max-width:300px;color:var(--muted);margin-bottom:0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{background:var(--surface);border:1px solid var(--line);padding:28px 26px 22px;border-radius:var(--radius);transition:transform var(--flow) var(--ease),box-shadow var(--flow) var(--ease),border-color var(--flow)}
.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.card-top svg{width:35px;height:35px;stroke:var(--blue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.card-index{font-size:10px;letter-spacing:.06em;color:#637080;font-variant-numeric:tabular-nums}
.service-card h3{font-size:27px;line-height:1.15;letter-spacing:-.045em;font-weight:600;margin-bottom:20px}
.service-card p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:30px}
.card-bottom{border-top:1px solid #e7ebef;display:flex;gap:10px;align-items:center;justify-content:space-between;padding-top:17px;font-size:9px;color:#596b7e;font-weight:500;line-height:1.5}
.card-bottom>span:last-child{font-size:20px;color:var(--ink)}
@media(hover:hover) and (pointer:fine){.service-card:hover{transform:translateY(-5px);border-color:#a6bce8;box-shadow:0 16px 25px -18px rgb(26 59 121 / .23)}}
.approach-section{background:#eaeef3;border-top:1px solid #e1e6ed;border-bottom:1px solid #e1e6ed}
.approach-inner{padding-block:90px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.approach-copy h2 span{color:#68809b}
.approach-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:370px;color:var(--muted);margin:23px 0 14px}
.principle{display:flex;align-items:flex-start;gap:23px;padding-block:25px;border-bottom:1px solid #cfd7e1}
.principle:first-child{padding-top:0}
.principle:last-child{border-bottom:0;padding-bottom:0}
.principle-mark{color:var(--blue);font-size:25px;line-height:1.1}
.principle h3{font-size:18px;line-height:1.3;letter-spacing:-.03em;margin-bottom:9px;font-weight:600}
.principle p{font-size:13px;line-height:1.8;max-width:330px;color:var(--muted);margin-bottom:0}
.process-section{background:var(--navy);color:#edf2f8}
.process-inner{padding-block:100px;display:grid;grid-template-columns:1fr 1fr;gap:100px}
.process-heading .eyebrow{color:#a8bbd2;margin-bottom:25px}
.process-heading h2{font-size:clamp(33px,3.5vw,48px);font-weight:550;line-height:1.13;letter-spacing:-.045em;margin-bottom:24px}
.process-heading h2 span{color:#91b3ff}
.process-heading>p:not(.eyebrow){font-size:13px;line-height:1.85;max-width:300px;color:#b3c2d3;margin-bottom:32px}
.process-sign{font-size:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.01em;color:#8fa8c5}
.process-list{align-self:center}
.process-item{border-top:1px solid #395069}
.process-item:last-child{border-bottom:1px solid #395069}
.process-item h3{margin:0;font-weight:500}
.process-trigger{display:flex;align-items:center;text-align:left;gap:21px;min-height:85px;padding:20px 0;width:100%;border:0;background:none;color:inherit;cursor:pointer;font-size:18px;letter-spacing:-.025em}
.process-number{font-size:11px;color:#9bb0ca;letter-spacing:.05em;font-weight:400}
.process-toggle{position:relative;display:block;width:17px;height:17px;margin-left:auto;flex-shrink:0}
.process-toggle::before,.process-toggle::after{position:absolute;content:"";left:1px;right:1px;top:8px;height:1px;background:#a7bce0;transition:transform var(--flow) var(--ease)}
.process-toggle::after{transform:rotate(90deg)}
.process-item.is-open .process-toggle::after{transform:rotate(0)}
.process-trigger:hover{color:#a9c4ff}
.process-trigger:focus-visible{outline-color:#91b3ff}
.process-content{overflow:hidden}
.process-content-inner{padding:0 32px 24px 37px}
.process-content p{font-size:14px;line-height:1.9;color:#b3c2d3;max-width:380px;margin:0}
.contact-section{padding-block:106px;display:grid;grid-template-columns:1.12fr 1fr;gap:110px;align-items:center}
.contact-copy .eyebrow{margin-bottom:22px}
.contact-copy h2{font-size:clamp(34px,3.6vw,50px);font-weight:600;letter-spacing:-.05em;line-height:1.13;margin:0}
.contact-copy h2 span{color:var(--blue)}
.contact-note{border-left:1px solid var(--line);padding-left:38px;position:relative}
.contact-symbol{font-size:27px;line-height:1;color:var(--blue);display:block;margin-bottom:17px}
.contact-note h3{font-size:17px;font-weight:600;letter-spacing:-.025em;margin-bottom:11px}
.contact-note p{font-size:14px;line-height:1.85;max-width:330px;color:var(--muted);margin-bottom:20px}
.pending-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;padding:7px 10px;border:1px solid #cad3df;border-radius:5px;color:#4d627c}
.pending-label::before{content:"";height:5px;width:5px;border-radius:50%;background:#71859d}
.site-footer{border-top:1px solid var(--line)}
.footer-main{padding-block:35px;display:flex;align-items:center;gap:55px}
.footer-brand{width:168px}
.footer-main p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}
.back-top{font-size:11px;display:flex;gap:22px;align-items:center;margin-left:auto;min-height:44px}
.back-top span{font-size:19px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:21px;border-top:1px solid var(--line);font-size:9px;color:#637080;line-height:1.5}
@media(min-width:1440px){.hero{padding-top:108px;padding-bottom:100px}}
@media(max-width:1120px){.container{width:calc(100% - 64px)}.header-inner{gap:23px}.brand{width:165px}.desktop-nav{gap:20px}.desktop-nav a,.header-contact{font-size:11px}.hero{gap:35px;padding-top:65px}.hero-actions{gap:12px}.hero-description{font-size:15px}.solution-studio{padding:20px}.button{font-size:12px;gap:16px}.hero-actions>.text-link{font-size:11px}.approach-inner,.process-inner{gap:65px}.contact-section{gap:60px}.service-card{padding:24px 22px}.service-card h3{font-size:24px}}
@media(max-width:860px){.container{width:calc(100% - 48px)}.header-inner{height:76px;gap:18px}.brand{width:168px}.desktop-nav{gap:14px}.header-contact{padding:10px;gap:10px;font-size:10px}.desktop-nav a{font-size:10px}.hero{grid-template-columns:1fr 1fr;gap:25px;padding-block:60px}.hero-copy .eyebrow{font-size:9px;gap:7px}.eyebrow-line{width:16px}h1{font-size:45px}.hero-description{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:5px}.hero-note{font-size:9px;margin-top:18px}.solution-studio{padding:17px 14px;border-radius:22px}.studio-heading{margin-bottom:17px}.small-label{font-size:8px}.studio-origin{width:90%;padding:12px}.studio-origin strong{font-size:15px}.origin-icon{width:30px;height:30px}.studio-tabs button{font-size:9px}.service-panel{padding:15px 12px}.panel-copy{min-height:152px}.panel-copy h2{font-size:19px}.panel-copy p{font-size:10px}.panel-visual{height:83px}.studio-bottom{padding-top:18px}.studio-bottom>span:nth-child(2){font-size:9px}.studio-cross{font-size:30px}.expertise-strip{font-size:10px}.section{padding-block:80px}.section-heading{gap:35px}.section-heading h2{font-size:31px}.section-intro{max-width:230px;font-size:11px}.service-grid{gap:12px}.service-card{padding:23px 18px}.card-top{margin-bottom:30px}.service-card h3{font-size:23px}.service-card p{font-size:11px}.card-bottom{font-size:8px}.approach-inner,.process-inner{gap:45px;padding-block:75px}.approach-copy h2{font-size:31px}.principle{gap:15px}.principle h3{font-size:16px}.principle p{font-size:11px}.process-trigger{font-size:16px;gap:15px;min-height:80px}.contact-section{padding-block:75px;gap:45px}.contact-copy h2{font-size:36px}.contact-note{padding-left:25px}}
@media(max-width:720px){.header-inner{height:72px}.brand{width:176px}.js .desktop-nav,.header-contact{display:none}.desktop-nav{flex-wrap:wrap;gap:10px}.js .menu-toggle{display:flex}.menu-toggle{margin-left:auto;width:44px;height:44px;border:1px solid #c8d0da;background:transparent;border-radius:9px;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.menu-toggle span{height:1px;width:18px;background:var(--ink);transition:transform var(--quick) var(--ease)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{background:var(--paper);border-top:1px solid var(--line);overflow:hidden}.mobile-nav>.container{padding-block:12px 20px}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;min-height:51px;font-size:15px;border-bottom:1px solid var(--line)}.mobile-nav a:last-child{border-bottom:0;color:var(--blue)}.hero{grid-template-columns:1fr;gap:45px;padding-top:54px;padding-bottom:42px}.hero-copy .eyebrow{font-size:10px;margin-bottom:22px}.hero-copy{max-width:550px}h1{font-size:clamp(45px,8.9vw,62px);line-height:1.05;letter-spacing:-.055em;margin-bottom:24px}.hero-description{font-size:15px;max-width:450px;line-height:1.75;margin-bottom:27px}.hero-actions{flex-direction:row;align-items:center;gap:19px}.hero-actions .text-link{font-size:12px}.button{font-size:12px;gap:20px}.hero-note{font-size:10px;margin-top:21px}.solution-studio{padding:21px 24px;max-width:470px;width:100%;justify-self:center}.studio-heading{margin-bottom:20px}.studio-heading>.small-label{font-size:9px}.studio-origin{padding:14px 17px;width:82%}.origin-icon{width:36px;height:36px}.studio-origin strong{font-size:17px}.studio-tabs button{min-height:44px;font-size:10px}.service-panel{padding:19px 16px}.panel-visual{height:96px}.panel-copy{min-height:143px}.panel-copy h2{font-size:23px}.panel-copy p{font-size:12px;max-width:none}.panel-copy .small-label{font-size:9px}.panel-tags span{font-size:9px}.studio-bottom>span:nth-child(2){font-size:10px}.studio-bottom{padding-block:22px 3px}.expertise-strip{gap:10px;flex-wrap:wrap;justify-content:center;font-size:10px;padding-block:22px}.strip-symbol{font-size:12px}.section{padding-block:70px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:32px}.section-intro{font-size:14px;line-height:1.85;margin-top:22px;max-width:420px}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:28px}.card-top{margin-bottom:25px}.service-card h3{font-size:29px}.service-card h3 br{display:none}.service-card p{font-size:13px;max-width:440px;margin-bottom:25px}.card-bottom{font-size:10px}.approach-inner,.process-inner{grid-template-columns:1fr;gap:38px;padding-block:66px}.approach-copy h2{font-size:34px}.approach-copy>p:not(.eyebrow){font-size:14px;max-width:440px}.principles{max-width:520px}.principle{gap:20px;padding-block:24px}.principle h3{font-size:18px}.principle p{font-size:13px;max-width:none}.process-heading h2{font-size:40px}.process-heading h2 br:last-child{display:none}.process-heading>p:not(.eyebrow){font-size:13px;max-width:400px;margin-bottom:23px}.process-sign{font-size:10px}.process-inner{gap:37px}.process-trigger{font-size:18px;gap:20px;min-height:84px}.process-content-inner{padding-left:34px}.process-content p{font-size:13px}.contact-section{grid-template-columns:1fr;padding-block:68px;gap:37px}.contact-copy h2{font-size:40px}.contact-note{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.contact-note p{font-size:13px;max-width:450px}.contact-note h3{font-size:19px}.pending-label{font-size:11px}.footer-main{flex-wrap:wrap;column-gap:22px;row-gap:22px;padding-block:30px}.footer-brand{width:160px}.footer-main p{font-size:10px}.back-top{margin-left:0;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;min-height:44px}.footer-bottom{font-size:8px;gap:10px}}
@media(max-width:390px){.container{width:calc(100% - 36px)}.hero{padding-top:44px}.hero-copy .eyebrow{font-size:9px}h1{font-size:43px}.hero-actions{gap:10px;align-items:flex-start;flex-direction:column}.hero-actions .text-link{padding-top:6px}.hero-note{margin-top:15px}.solution-studio{padding:18px 16px}.studio-origin{width:88%}.panel-copy h2{font-size:21px}.studio-tabs button{font-size:9px}.expertise-strip{font-size:9px;gap:9px}.service-card{padding:25px}.service-card h3{font-size:26px}.section-heading h2{font-size:29px}.contact-copy h2{font-size:36px}.footer-main p{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.motion-ready [data-reveal]:not(.is-visible){opacity:1;transform:none}.button:hover,.service-card:hover{transform:none}}

.contact-email{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;max-width:100%;padding:12px 14px;border-radius:7px;background:var(--blue);color:white;font-size:13px;line-height:1.5;overflow-wrap:anywhere;transition:background var(--quick),transform var(--quick) var(--ease)}
.contact-email span{font-size:19px;flex-shrink:0}.contact-email:hover{background:var(--blue-dark)}

/* Motion pass 02 — finite choreography, open geometry and service states. */
:root{--reveal-distance:30px}
h1 .headline-line{display:block;overflow:clip;padding:0 .055em .12em 0;margin:0 -.055em -.12em 0;color:inherit}
h1 .headline-text{display:block;color:inherit;transform-origin:left bottom}
h1 .headline-accent{position:relative;display:inline-block;color:var(--blue)}
.headline-underline{display:block;position:absolute;left:0;right:.04em;bottom:.035em;height:.045em;background:#1a62f22b;transform-origin:left}
.studio-heading{min-height:30px;margin-bottom:9px}
.motion-replay{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:7px;padding:0 8px;min-height:44px;background:none;color:var(--muted);font-size:10px;font-weight:600;cursor:pointer;transition:color var(--quick),background var(--quick)}
.motion-replay svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform 500ms var(--ease)}
.motion-replay:hover{color:var(--blue);background:#fff8}
.motion-replay:hover svg{transform:rotate(-45deg)}
.motion-replay:disabled{opacity:.45;cursor:default}
.studio-idea{display:grid;grid-template-columns:1fr 1.05fr;gap:10px;align-items:center;padding-block:4px 10px}
.studio-idea .studio-origin{position:relative;width:auto;margin:0;padding:15px 12px;gap:10px;box-shadow:0 8px 20px -10px #0e274d33}
.studio-idea .origin-icon{width:30px;height:30px;flex-shrink:0;font-size:22px}
.studio-idea .studio-origin strong{font-size:16px}
.studio-idea .studio-origin .small-label{font-size:7px;letter-spacing:.1em}
.cube-scene{position:relative;perspective:620px;min-width:0;height:165px;isolation:isolate;--cube-size:84px;--half-cube:42px}
.cube-hover{position:absolute;left:50%;top:50%;width:var(--cube-size);height:var(--cube-size);margin-left:calc(var(--half-cube)*-1);margin-top:calc(var(--half-cube)*-1 - 8px);transform-style:preserve-3d;transition:transform 700ms var(--ease)}
.idea-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;--cube-pose:rotateX(-25deg) rotateY(-34deg);transform:var(--cube-pose)}
.solution-studio[data-kind=apps] .idea-cube{--cube-pose:rotateX(-18deg) rotateY(-124deg)}
.solution-studio[data-kind=consultoria] .idea-cube{--cube-pose:rotateX(-34deg) rotateY(-212deg)}
.cube-piece{display:block;position:absolute;inset:0;transform-style:preserve-3d;transform:var(--piece-pose)}
.cube-plane{display:block;position:absolute;inset:0;border:1px solid #6e99ff;box-shadow:inset 0 0 0 5px #fff1;backface-visibility:visible}
.cube-front{--piece-pose:translateZ(var(--half-cube))}
.cube-right{--piece-pose:rotateY(90deg) translateZ(var(--half-cube))}
.cube-top{--piece-pose:rotateX(90deg) translateZ(var(--half-cube))}
.cube-back{--piece-pose:rotateY(180deg) translateZ(var(--half-cube))}
.cube-front .cube-plane{background:linear-gradient(135deg,#367aff,#1658ed)}
.cube-right .cube-plane{background:linear-gradient(135deg,#17396d,#0e274d);border-color:#325383}
.cube-top .cube-plane{background:#d1e1ffb3;border-color:#88aeff}
.cube-back .cube-plane{border:2px solid #8aafff;background:#c1d5fb26;box-shadow:none}
.cube-plane i{display:block;position:absolute;background:#fff3}
.cube-front i:first-child{inset:18% 15% auto;height:5px}
.cube-front i:nth-child(2){inset:34% 37% auto 15%;height:4px}
.cube-front i:last-child{inset:auto 15% 17% auto;width:21%;height:26%;background:#fff8}
.cube-right i:first-child{inset:15% 17% 15% auto;width:5px}
.cube-right i:nth-child(2){inset:auto 34% 15% auto;width:5px;height:38%}
.cube-right i:last-child{inset:auto 51% 15% auto;width:5px;height:18%}
.cube-top i:first-child{left:50%;top:0;width:1px;height:100%;background:#89aef0}
.cube-top i:last-child{top:50%;left:0;height:1px;width:100%;background:#89aef0}
.cube-floor{position:absolute;width:125px;height:27px;left:50%;margin-left:-62px;bottom:7px;border-radius:50%;background:radial-gradient(ellipse,#5578ae36,transparent 70%)}
.cube-axis{position:absolute;z-index:-1;background:#94add34d;transform:rotate(-25deg);transform-origin:center}
.axis-one{width:88%;height:1px;left:6%;top:55%}
.axis-two{width:1px;height:70%;left:46%;top:12%;transform:rotate(32deg)}
.cube-chip{position:absolute;opacity:0;display:block;width:12px;height:12px;border:1px solid #1a62f2;background:#c6d9ff;transform:rotate(-12deg)}
.chip-one{left:8%;top:27%}.chip-two{right:4%;top:20%;width:8px;height:8px}.chip-three{left:12%;bottom:18%;width:7px;height:7px;background:#1a62f2}
.studio-connector{height:27px}.studio-connector span{height:20px}
.service-panel{position:relative}
.panel-visual{height:120px;isolation:isolate;background:#f1f6ff}
.visual-state{position:absolute;inset:0;opacity:0;transform:translateY(14px) scale(.88);transition:opacity 220ms ease,transform 650ms var(--ease);pointer-events:none}
.service-panel[data-kind=sistemas] .visual-systems,.service-panel[data-kind=apps] .visual-apps,.service-panel[data-kind=consultoria] .visual-consulting{opacity:1;transform:none;transition-delay:90ms}
.visual-systems{background:#f5f8fe}
.visual-layout{top:35px;bottom:16px;right:44px;gap:10px}
.visual-sidebar{width:25%}
.service-panel[data-kind=apps] .visual-layout,.service-panel[data-kind=consultoria] .visual-layout{transform:none;right:44px}
.service-panel[data-kind=apps] .visual-sidebar,.service-panel[data-kind=consultoria] .visual-sidebar{width:25%}
.visual-apps{background:radial-gradient(ellipse at center,#d9e8ff 0,transparent 70%)}
.phone-outline{position:absolute;width:65px;height:104px;left:50%;top:8px;margin-left:-32px;border:2px solid #1c4d98;background:#fff;border-radius:14px;box-shadow:7px 7px 0 #bdcff0;transform:rotate(-7deg)}
.phone-outline span{display:block;position:absolute;border-radius:3px}
.phone-camera{top:6px;left:22px;width:18px;height:3px;background:#9bb5df}
.phone-block{left:8px;right:8px;top:19px;height:30px;background:#377afa}
.phone-line{height:4px;top:57px;left:8px;right:8px;background:#c9d9f4}
.phone-line.short{top:66px;right:25px}
.phone-action{bottom:9px;left:8px;right:8px;height:13px;background:#0e274d}
.phone-satellite{position:absolute;width:30px;height:30px;border:1px solid #9ebdec;background:#e3edff;border-radius:8px;left:calc(50% - 87px);top:28px;transform:rotate(9deg)}
.satellite-two{left:calc(50% + 60px);top:68px;width:20px;height:20px;background:#c1d8ff;transform:rotate(-12deg)}
.decision-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#a4badc;stroke-width:2;stroke-dasharray:5 5}
.decision-node{display:grid;place-items:center;position:absolute;width:26px;height:26px;margin:-13px;border:1px solid #93add2;background:#fff;border-radius:7px;top:50%;left:20%;color:var(--blue);font-size:22px}
.node-start{background:#0e274d;border-color:#0e274d;width:34px;height:34px;margin:-17px}
.node-middle{left:43.3%;background:#b9d2ff}
.node-top{left:61.7%;top:23.3%;width:35px;height:35px;margin:-17px;border-color:#5b8ce2}
.node-bottom{left:61.7%;top:76.7%;width:21px;height:21px;margin:-10px}
.panel-copy-stage{position:relative;isolation:isolate}
.panel-copy{min-height:158px}
.panel-copy-ghost{position:absolute;inset:0;pointer-events:none;z-index:1}
.panel-tags span{transition:background var(--quick)}
.motion-ready [data-reveal]{transition:opacity 800ms var(--ease),transform 800ms var(--ease);transition-delay:var(--reveal-delay,0ms)}
.motion-ready [data-reveal]:not(.is-visible){opacity:0;transform:translateY(var(--reveal-distance))}
.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
.service-card{--reveal-distance:40px}
.principle{--reveal-distance:25px}
@media(hover:hover) and (pointer:fine){.cube-scene:hover .cube-hover{transform:translateY(-7px)}}
@media(max-width:1120px) and (min-width:721px){.studio-idea{grid-template-columns:1fr 1fr;gap:5px}.cube-scene{--cube-size:66px;--half-cube:33px;height:143px}.studio-idea .studio-origin{padding:12px 9px;gap:7px}.studio-idea .origin-icon{display:none}.studio-idea .studio-origin strong{font-size:14px}.studio-idea .studio-origin .small-label{font-size:6px}.cube-floor{width:100px;margin-left:-50px;bottom:11px}}
@media(max-width:860px) and (min-width:721px){.studio-idea{grid-template-columns:1fr 1fr}.cube-scene{--cube-size:56px;--half-cube:28px;height:120px}.studio-idea .studio-origin{padding:10px 8px}.studio-idea .studio-origin strong{font-size:12px}.studio-idea .studio-origin .small-label{font-size:6px;letter-spacing:.06em}.panel-visual{height:105px}.phone-outline{height:92px;top:5px}.phone-block{height:25px}.phone-line{top:51px}.phone-line.short{top:60px}.phone-action{height:10px;bottom:7px}.panel-copy{min-height:163px}.motion-replay{font-size:9px;padding-inline:4px}}
@media(max-width:720px){:root{--reveal-distance:24px}.hero{gap:36px}.studio-heading{margin-bottom:3px}.studio-idea{grid-template-columns:1fr 1.05fr}.cube-scene{--cube-size:76px;--half-cube:38px;height:150px}.studio-idea .studio-origin{padding:14px 10px;gap:9px}.studio-idea .studio-origin strong{font-size:15px}.studio-idea .studio-origin .small-label{font-size:7px}.studio-idea .origin-icon{width:28px;height:28px;font-size:20px}.cube-floor{bottom:8px}.panel-visual{height:122px}.panel-copy{min-height:167px}.service-card{--reveal-distance:26px}}
@media(max-width:390px){.cube-scene{--cube-size:64px;--half-cube:32px;height:135px}.studio-idea{gap:5px;grid-template-columns:1fr 1fr}.studio-idea .origin-icon{display:none}.studio-idea .studio-origin{padding:13px 10px}.studio-idea .studio-origin strong{font-size:14px}.studio-idea .studio-origin .small-label{font-size:6px}.panel-copy{min-height:177px}.motion-replay{font-size:9px}.cube-floor{bottom:8px;width:100px;margin-left:-50px}}
@media(prefers-reduced-motion:reduce){h1 .headline-text,.cube-hover,.idea-cube,.cube-piece,.visual-state,.panel-copy{animation:none!important;transition:none!important}.motion-replay:hover svg,.cube-scene:hover .cube-hover{transform:none}.motion-ready [data-reveal]:not(.is-visible){opacity:1;transform:none}.cube-chip{display:none}.visual-state{transform:none}}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.motion-ready .service-card.is-visible:hover{transform:translateY(-6px);transition-delay:0ms}}