:root{--navy:#20231f;--orange:#ff5b16;--pale:#f6f3e8;--cream:#fafaf7;--white:#fff;--muted:#555b51;--line:#d5d9dc;--accent:#b53c08;--max:1320px}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--navy);font-size:17px;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit}
a:hover{text-decoration:underline;text-underline-offset:5px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a23e00;outline-offset:4px}
button{border:0;background:none}
[hidden]{display:none!important}
.wrap{width:min(var(--max),calc(100% - 96px));margin:auto}
.review-bar{padding:7px 48px;background:var(--navy);color:white;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.5px}
.review-bar a{letter-spacing:0;font-size:12px}
header{position:relative;background:white;z-index:20;border-bottom:1px solid var(--line)}
.header-inner{max-width:1440px;padding:20px 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo{width:183px;height:59px;overflow:hidden;position:relative;flex-shrink:0}
.logo img{position:absolute;width:340px;max-width:none;left:-80px;top:-86px}
nav{display:flex;align-items:center;gap:25px;font-size:14px}
nav>a{white-space:nowrap}
.nav-pair{display:flex;align-items:center}
.nav-pair button{width:44px;height:44px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--navy);color:white;padding:15px 23px;min-height:48px;font-size:15px;font-weight:bold}
.button.small{font-size:13px;padding:12px 16px;gap:14px}
#nav-toggle{display:none}
#mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1050px,calc(100vw - 64px));display:grid;grid-template-columns:320px 1fr;background:white;border:1px solid var(--line);box-shadow:0 22px 45px #20231f26;max-height:calc(100dvh - 160px);overflow:auto}
.mega-categories{background:var(--cream);padding:24px}
.category{display:flex;align-items:center;border-bottom:1px solid var(--line)}
.category>a{flex:1;padding:15px 0;font-weight:bold}
.category>button{min-width:44px;min-height:48px}
.category.selected{color:var(--accent)}
.mega-detail{padding:28px 32px}
.mega-detail h2{font-size:24px;margin:0 0 12px}
.service-links{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.service-links a{font-size:14px;padding:9px 0;min-height:44px;display:flex;align-items:center}
.mobile-services{display:none}
.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;text-transform:uppercase;display:block;margin-bottom:25px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(48px,5.8vw,86px);line-height:1.05;letter-spacing:-4px;font-weight:500;margin-bottom:28px}
h2{font-size:clamp(32px,3.3vw,48px);line-height:1.15;letter-spacing:-1.7px;font-weight:500}
h3{font-size:25px;line-height:1.25;letter-spacing:-.5px;font-weight:500}
p{color:var(--muted)}
.section{padding:85px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:38px}
.process article{border-top:2px solid var(--navy);padding-top:18px}
.process span{font-size:12px;color:var(--accent)}
.process h3{margin:15px 0 8px;font-size:22px}
.process p{font-size:15px}
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{cursor:pointer;min-height:44px;font-size:20px}
details p{max-width:780px;margin:10px 0}
footer{background:var(--navy);color:white;padding:42px 0}
footer strong{font-size:28px}
footer p{color:#ced7df;font-size:14px}
footer a{display:inline-block;padding:8px 14px;font-size:14px}
footer small{grid-column:1/-1;color:#ced7df;font-size:12px}
.page-head{padding:64px 0 30px}
.page-head h1{max-width:1000px}
.page-head p{max-width:740px;font-size:20px}
label{display:block;font-size:14px;font-weight:bold}
input,textarea,select{display:block;width:100%;border:1px solid #83909a;padding:12px;background:white;border-radius:0;margin:6px 0 20px;color:var(--navy);font-size:16px}
form{max-width:650px}
textarea{min-height:140px}
.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:100}
.skip:focus{top:10px}
@media(max-width:1120px),(pointer:coarse){.header-inner{padding:16px 32px}
.wrap{width:calc(100% - 64px)}
#nav-toggle{display:flex;gap:20px;align-items:center;min-height:48px}
nav{display:none;padding:24px 32px;position:absolute;top:100%;left:0;right:0;background:white;max-height:calc(100dvh - 130px);overflow:auto;border-bottom:1px solid var(--line)}
nav.open{display:block}
nav>a{display:block;min-height:48px;padding:12px 0}
nav>.button{display:flex;margin-top:15px}
.nav-pair{justify-content:space-between}
.nav-pair>a{padding:12px 0;flex:1}
#mega{position:static;transform:none;width:100%;display:block;max-height:none;box-shadow:none;border:0}
.mega-categories{padding:0 16px}
.mega-detail{display:none}
.category{flex-wrap:wrap}
.category>a{font-size:15px}
.mobile-services{flex-basis:100%;display:block;padding:0 8px 16px}
.mobile-services a{display:block;padding:10px 0;font-size:14px;min-height:44px}
h1{letter-spacing:-2.5px}
.process{gap:16px}}
@media(max-width:700px){.review-bar{padding:8px 20px;font-size:9px;letter-spacing:.5px}
.review-bar a{font-size:10px}
.header-inner{padding:12px 20px}
.wrap{width:calc(100% - 40px)}
.logo{width:161px;height:52px}
.logo img{width:300px;left:-70px;top:-76px}
nav{padding:18px 20px}
h1{font-size:50px;letter-spacing:-2.5px}
.eyebrow{margin-bottom:20px;font-size:11px}
.section{padding:52px 0}
.split{grid-template-columns:1fr;gap:30px}
.process{grid-template-columns:1fr}
.process article{display:grid;grid-template-columns:24px 100px 1fr;gap:10px;padding:16px 0 0}
.process h3{margin:0;font-size:20px}
.process p{margin:0}
.page-head{padding:45px 0 20px}
.page-head h1{font-size:43px}
summary{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.all-services{display:block;min-height:44px;padding:8px 0 16px;font-weight:bold;border-bottom:1px solid var(--line)}
nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.category:hover{background:var(--pale)}
.category button[aria-expanded="true"]{background:var(--orange)}
.button:hover{background:var(--accent);color:white;text-decoration:none}
.button:active{transform:translateY(1px)}
.button:disabled{opacity:.5;cursor:not-allowed}
.button{transition:background-color .15s,color .15s}
@media(max-width:1120px),(pointer:coarse){body.nav-open{overflow:hidden}
nav{overscroll-behavior:contain}
.category button[aria-expanded="true"]{transform:rotate(90deg)}}
.menu-group h3{font-size:12px;font-weight:bold;letter-spacing:.5px;margin:16px 0 6px;text-transform:uppercase}
.menu-group a{border-bottom:1px solid #eef0f1}
[aria-invalid="true"]{border:2px solid #a12515}
#form-status{margin-top:20px}
.service-links{align-items:start}
:root{--motto-accent:#ff7b3c;--motto-muted:#c1c6b9}
header{position:sticky;top:0;z-index:50}
html{scroll-padding-top:110px}
@media(max-width:700px){html{scroll-padding-top:90px}}
#why-gobeent{scroll-margin-top:110px}
@media(max-width:700px){#why-gobeent{scroll-margin-top:90px}}
.review-bar{display:block;padding:0 48px;font-size:14px;letter-spacing:0}
.review-bar-inner{max-width:1344px;min-height:58px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:6px 0}
.review-bar a,.review-bar span{font-size:14px;letter-spacing:0}
.review-email,.review-phone{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.review-bar .review-contact{display:none}
.review-bar a:focus-visible{outline-color:var(--motto-accent)}
@media(max-width:1120px){.review-bar{padding:0 32px}}
@media(max-width:700px){.review-bar{padding:0 20px}
.review-bar-inner{min-height:60px;gap:12px}
.review-bar .review-email{display:none}
.review-phone{flex:1;min-width:0}
.review-bar .review-contact{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 14px;background:var(--orange);color:var(--navy);border-radius:6px;white-space:nowrap;font-weight:bold}
.review-bar .review-contact:hover{background:var(--motto-accent);text-decoration:none}}
.review-bar-inner{min-height:82px;padding:10px 0}
.review-email,.review-phone{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-decoration:none}
.review-phone{align-items:flex-end}
.review-bar .contact-bar-label{font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.5px;color:#dce0d7}
.review-bar .contact-bar-value{font-size:20px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.review-email:hover,.review-phone:hover{text-decoration:none}
.review-email:hover .contact-bar-value,.review-phone:hover .contact-bar-value{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.review-bar-inner{min-height:78px}
.review-phone{align-items:flex-start}
.review-bar .contact-bar-value{font-size:18px}
.review-bar .contact-bar-label{font-size:12px}}
.review-email,.review-phone{flex-direction:row;align-items:center;gap:12px}
.contact-bar-icon{width:27px;height:27px;flex:0 0 27px;color:var(--cream)}
.contact-bar-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
@media(max-width:700px){.review-phone{justify-content:flex-start;gap:8px}
.contact-bar-icon{width:23px;height:23px;flex-basis:23px}
.review-bar .review-contact{padding:8px 10px;gap:6px}
.review-bar .contact-bar-value{font-size:clamp(15px,4.6vw,18px)}}
.review-bar .contact-bar-value{display:flex;align-items:center;gap:7px}
.review-bar .contact-bar-value>span{font:inherit;letter-spacing:inherit;min-width:0;overflow-wrap:anywhere}
.review-bar .contact-bar-icon{width:16px;height:16px;flex:0 0 16px}
.page-head + .section{padding-top:24px}
@media(max-width:700px){.page-head + .section{padding-top:16px}}
.site-footer{background:var(--navy);color:var(--cream);padding:64px 0 22px;border-top:4px solid var(--orange)}
.site-footer .footer-logo{display:block;background:white;padding:0;border-radius:6px;width:183px;height:59px}
.footer-socials{display:flex;gap:12px;flex-wrap:wrap}
.site-footer .footer-social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;background:var(--cream);border:1px solid transparent;border-radius:10px;transition:background-color .15s,border-color .15s}
.footer-social svg{width:23px;height:23px}
.footer-linkedin{color:#0a66c2}
.footer-facebook{color:#0866ff}
.footer-instagram{color:#c13584}
.footer-whatsapp{color:#075e54}
.site-footer .footer-social:hover{background:var(--pale);border-color:var(--orange)}
.site-footer a:focus-visible{outline-color:var(--motto-accent)}
@media(max-width:700px){.site-footer{padding-top:40px}}
main [id]{scroll-margin-top:130px}
#main:focus{outline:none}
#main{min-height:50vh}
input,textarea,select{max-width:100%}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.site-footer a:focus-visible,.review-bar a:focus-visible{outline-color:#ffb58e}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.service-links.compact-menu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.menu-column{min-width:0}
.compact-menu .menu-group{margin:0 0 48px}
.compact-menu .menu-group:last-child{margin-bottom:0}
.compact-menu .menu-group h3{margin:0 0 6px}
.mobile-services .menu-group{margin-bottom:36px}
.mobile-services .menu-group:last-child{margin-bottom:0}
body.it-demo{--max:1240px;background:#fafaf7}
.it-demo h1,.it-demo h2,.it-demo h3{font-family:Arial,Helvetica,sans-serif}
.it-demo h1{font-weight:600;letter-spacing:-5px}
.it-demo h2{font-weight:500;letter-spacing:-2px}
.it-demo h2 em,.it-demo h1 em{font-family:Georgia,serif;font-weight:400}
.it-demo .button{border-radius:6px;gap:22px;transition:transform .18s,background .18s}
.it-demo .button:hover{transform:translateY(-2px);text-decoration:none;background:#353a33}
.it-demo header{background:#fafaf7f5;backdrop-filter:blur(12px)}
.it-demo .header-inner{max-width:1340px;padding:18px 48px}
.it-demo .header-inner>.logo{transform:scale(.88);transform-origin:left center;margin-right:-18px}
.it-demo nav{font-size:13px;gap:23px}
.it-demo nav>.button{background:var(--orange);color:var(--navy)}
.it-demo #mega{border-radius:0 0 12px 12px}
.it-kicker{display:block;font-size:11px;letter-spacing:1.5px;font-weight:bold;text-transform:uppercase;margin-bottom:25px}
.it-kicker i{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}
.it-demo .site-footer{padding:60px 0 20px}
.it-demo .page-head{padding:80px 0 50px;border-bottom:1px solid var(--line)}
.it-demo .page-head h1{font-size:clamp(45px,5vw,70px);max-width:920px;line-height:1.1;letter-spacing:-3px}
.it-demo .page-head p{font-size:18px}
.it-demo form{background:white;border:1px solid var(--line);padding:30px;border-radius:9px}
.it-demo input,.it-demo textarea,.it-demo select{border-radius:5px}
.it-demo .eyebrow{font-size:11px;letter-spacing:1.5px}
@media(min-width:1121px){.it-demo #service-detail{max-width:100%}}
@media(max-width:1120px){.it-demo nav{font-size:14px}
.it-demo nav>.button{margin-top:15px}
.it-demo .header-inner{padding:14px 32px}}
@media(max-width:800px){.it-demo .page-head{padding-top:50px}}
@media(max-width:520px){.it-demo .wrap{width:calc(100% - 40px)}
.it-demo .header-inner{padding:12px 20px}
.it-kicker{font-size:9px;letter-spacing:1.2px}
.it-demo .page-head h1{font-size:43px;letter-spacing:-2px}
.it-demo form{padding:20px}}
@media(prefers-reduced-motion:reduce){.it-demo .button{transition:none}
.it-demo .button:hover{transform:none}}
.it-demo .header-inner>.logo{background:#fff;border-radius:6px;transform:none;width:183px;height:59px;margin-right:0;isolation:isolate}
.it-demo .header-inner>.logo img{width:320px;left:-67px;top:-75px;filter:none;opacity:1;mix-blend-mode:normal}
@media(max-width:520px){.it-demo .header-inner>.logo{width:161px;height:52px}
.it-demo .header-inner>.logo img{width:300px;left:-70px;top:-76px}}
.it-demo header{background:#fff;backdrop-filter:none}
.it-demo #navigation,.it-demo #mega,.it-demo .mega-categories,.it-demo .mega-detail{background:#fff}
.dev-landing{overflow:clip}
.dev-secondary{font-weight:bold;font-size:14px;text-underline-offset:5px}
.dev-landing{padding-bottom:100px}
.dev-contact-dock{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:18px;padding:13px 18px;border:1px solid #555d4e;border-radius:12px;background:#20231ff5;color:#fff;box-shadow:0 8px 35px #0003;width:max-content;max-width:calc(100% - 28px)}
.dev-contact-dock>div{padding-right:15px}
.dev-contact-dock strong{display:block;font-size:14px}
.dev-contact-dock>div>span{display:block;font-size:11px;color:#d0d5c8;margin-top:4px}
.it-demo .dev-contact-dock .button{background:#ff5b16;color:#20231f;font-size:13px;min-height:44px;padding:13px 18px}
.dev-whatsapp{font-size:13px;font-weight:bold;background:#e4f3dc;color:#203a20;padding:13px 18px;border-radius:6px;min-height:44px;display:flex;align-items:center}
.dev-contact-dock a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:800px){.dev-contact-dock>div{display:none}
.dev-contact-dock{gap:10px}}
@media(max-width:520px){.dev-contact-dock{bottom:8px;padding:8px;width:calc(100% - 20px);max-width:none;gap:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
.it-demo .dev-contact-dock .button{flex:1;justify-content:center;font-size:12px;padding:12px 9px;gap:6px}
.dev-whatsapp{font-size:12px;padding:12px 10px}
.dev-landing{padding-bottom:90px}}
body.it-demo a[href^="https://wa.me/"]:not(.site-footer a):not(.company-social){background:#075e54;color:#fff;border-color:#075e54;border-radius:8px;text-decoration:none}
body.it-demo a[href^="https://wa.me/"]:not(.site-footer a):not(.company-social):hover{background:#064b43;color:#fff}
body.it-demo a[href^="https://wa.me/"]:not(.site-footer a):not(.company-social):focus-visible{outline:3px solid #ff9257;outline-offset:4px}
.it-demo .dev-secondary[href^="https://wa.me/"]{display:inline-flex;padding:12px 18px;align-items:center;gap:10px;min-height:44px}
.dev-contact-dock{left:auto;right:18px;bottom:16px;transform:none;gap:7px;padding:6px;border-radius:11px;max-width:calc(100% - 24px);width:auto}
.it-demo .dev-contact-dock .button,.dev-contact-dock .dev-whatsapp{font-size:12px;padding:10px 14px;min-height:44px}
.dev-service-visual{margin-top:25px;border-radius:14px;background:#eceae1;padding:26px;overflow:hidden;min-width:0}
.dev-service-visual strong{font-size:25px;line-height:1.15;letter-spacing:-.7px;display:block}
.dv-bar{display:flex;align-items:center;gap:4px;font-size:8px;border-bottom:1px solid #deded4;padding:12px}
.dv-bar i{width:5px;height:5px;border-radius:50%;background:#c5c7bb}
.dv-bar span{margin-left:auto}
.dv-browser{background:#fff;border:1px solid #d9dccf;border-radius:9px;overflow:hidden;box-shadow:0 12px 20px #20231f15;transform:perspective(900px) rotateY(-5deg);transition:transform .25s}
.dv-web-content{padding:24px 18px;display:grid;grid-template-columns:1.6fr 1fr;gap:10px;align-items:center}
.dv-web-content small{font-size:6px;letter-spacing:.6px}
.dv-web-content strong{font-size:23px;margin:10px 0 15px}
.dv-web-content b{font-size:9px;background:#20231f;color:#fff;padding:8px 10px;display:inline-block}
.dv-web-shape{aspect-ratio:1;border-radius:50% 50% 15% 50%;background:#ff5b16;display:grid;place-items:center;font-size:55px;box-shadow:7px 8px 0 #f4d3bd}
.dv-web-cards{display:flex;gap:7px;padding:0 18px 18px}
.dv-web-cards span{padding:9px 5px;background:#f0eee5;flex:1;text-align:center;font-size:8px}
.dv-1{background:#f1dfcf}
.dv-mobile{display:flex;align-items:center;justify-content:center;gap:25px}
.dv-phone{width:140px;flex:0 0 140px;background:#fafaf7;border:6px solid #20231f;border-radius:24px;padding:10px 12px;box-shadow:7px 9px 0 #c3b6a7;transform:rotate(-5deg);transition:transform .25s}
.dv-phone>i{display:block;background:#20231f;width:32px;height:5px;border-radius:8px;margin:0 auto 18px}
.dv-phone small{font-size:7px}
.dv-phone strong{font-size:18px;margin:9px 0}
.dv-app-icon{height:55px;background:#ff5b16;border-radius:9px;display:grid;place-items:center;font-size:30px}
.dv-phone>span{font-size:7px;display:block;margin:12px 0}
.dv-tabs{border-top:1px solid #ccc;padding-top:8px;text-align:center;font-size:15px}
.dv-mobile-label>span,.dv-mobile-label small{font-size:10px;display:block}
.dv-mobile-label strong{font-size:24px;margin:12px 0}
.dv-2{background:#20231f;color:#fafaf7}
.dv-flow-top>span{font-size:8px;letter-spacing:1px;color:#ffaf83}
.dv-flow-top strong{margin:12px 0 32px}
.dv-flow-nodes{display:flex;align-items:center;gap:8px}
.dv-flow-nodes>span{font-size:11px;border:1px solid #74816a;border-radius:8px;padding:20px 8px;flex:1;text-align:center}
.dv-flow-nodes b{color:#ff9257;font-size:16px}
.dv-flow-bottom{font-size:10px;border-top:1px solid #50554a;padding-top:20px;margin-top:28px}
.dv-flow-bottom i{display:inline-block;width:6px;height:6px;background:#ff9257;border-radius:50%;margin-right:7px}
.dv-maintenance .dv-bar{padding:0 0 15px}
.dv-maintenance .dv-bar span{margin-left:0}
.dv-maintenance>strong{margin:20px 0}
.dv-task{display:flex;gap:14px;font-size:12px;align-items:center;border-top:1px solid #cdd0c4;padding:13px 0}
.dv-task>span{font-size:9px;color:#a33609}
.dv-task b{margin-left:auto}
.dv-4{background:#e7eadf}
.dv-security{display:flex;align-items:center;gap:24px;min-height:205px}
.dv-security svg{width:95px;flex-shrink:0;filter:drop-shadow(6px 9px 0 #c7cdbb)}
.dv-security small{font-size:7px;letter-spacing:.4px}
.dv-security strong{margin:12px 0}
.dv-security span{font-size:10px;display:block}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.dev-service-visual:hover .dv-browser,.dev-service-visual:hover .dv-phone{transform:rotate(0deg)}}
@media(max-width:800px){.dev-service-visual{max-width:480px}
.dev-contact-dock{right:12px;bottom:12px}}
@media(max-width:520px){.dev-contact-dock{width:auto;left:auto;right:10px;padding:5px;padding-bottom:max(5px,env(safe-area-inset-bottom))}
.dev-service-visual{padding:20px}
.dv-mobile{gap:18px}
.dv-mobile-label strong{font-size:20px}
.dv-security{gap:18px}
.dv-security strong{font-size:22px}
.dv-security svg{width:75px}
.dv-flow-nodes{gap:5px}
.dv-flow-nodes>span{font-size:10px}
.dev-landing{padding-bottom:75px}}
@media(prefers-reduced-motion:reduce){.dv-browser,.dv-phone{transition:none}}
.dev-contact-dock{left:50%;right:auto;transform:translateX(-50%);bottom:18px;padding:8px;gap:9px;border-radius:13px}
.it-demo .dev-contact-dock .button,.dev-contact-dock .dev-whatsapp{font-size:14px;min-height:48px;padding:12px 21px;border-radius:8px}
@media(max-width:520px){.dev-contact-dock{left:50%;right:auto;bottom:10px;width:max-content;max-width:calc(100% - 20px);padding:6px;gap:7px;padding-bottom:max(6px,env(safe-area-inset-bottom))}
.it-demo .dev-contact-dock .button,.dev-contact-dock .dev-whatsapp{font-size:13px;padding:11px 17px;min-height:46px}}
.whatsapp-button-icon{width:21px;height:21px;flex:0 0 21px}
.dev-whatsapp{gap:9px;justify-content:center}
.dev-contact-dock{background:#fafaf7f5;border:1px solid #dedfd6;box-shadow:0 6px 24px #20231f24;padding:7px;gap:8px;border-radius:14px;backdrop-filter:blur(12px)}
.it-demo .dev-contact-dock .button{background:#20231f;color:#fff;gap:15px}
.it-demo .dev-contact-dock .button:hover{background:#383e32;transform:none}
.dev-contact-dock a:focus-visible{outline:3px solid #b53c08;outline-offset:3px}
.it-demo .site-footer .footer-whatsapp{color:var(--navy);background:var(--cream)}
.it-demo .site-footer .footer-whatsapp:hover{background:var(--pale);border-color:var(--orange)}
@media(max-width:520px){.it-demo .dev-contact-dock .button,.dev-contact-dock .dev-whatsapp{padding:11px 12px;font-size:12px;gap:8px}
.dev-contact-dock .whatsapp-button-icon{width:19px;height:19px;flex-basis:19px}}
.dev-contact-dock{left:50%;right:auto;bottom:18px;transform:translateX(-50%);background:#20231ff5;color:#fff;border:1px solid #555d4e;padding:13px 18px;gap:18px;border-radius:12px;box-shadow:0 8px 35px #0003}
.dev-contact-dock>div{display:block}
.it-demo .dev-contact-dock .button{background:#ff5b16;color:#20231f;padding:13px 18px;font-size:13px;min-height:44px}
.it-demo .dev-contact-dock .button:hover{background:#ff793e}
.dev-contact-dock .dev-whatsapp{padding:13px 18px;font-size:13px;min-height:44px}
.dev-contact-dock a:focus-visible{outline-color:#fff}
@media(max-width:800px){.dev-contact-dock{left:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom));transform:none;width:max-content;max-width:calc(100% - 24px);padding:6px;gap:6px;border-radius:11px}
.dev-contact-dock>div{display:none}
.it-demo .dev-contact-dock .button,.dev-contact-dock .dev-whatsapp{padding:10px 12px;font-size:12px;min-height:44px;gap:7px}
.dev-contact-dock .whatsapp-button-icon{width:18px;height:18px;flex-basis:18px}}
.dev-dock-mobile-label{display:none}
.dev-contact-dock .dev-dock-desktop-label{display:inline;color:inherit;font-size:inherit;margin:0}
.dev-contact-dock .dev-dock-mobile-label{display:none}
@media(max-width:800px){.dev-contact-dock{padding:4px;gap:4px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));border-radius:10px}
.dev-contact-dock .dev-dock-desktop-label{display:none}
.dev-contact-dock .dev-dock-mobile-label{display:inline;color:inherit;font-size:inherit;margin:0}
.it-demo .dev-contact-dock .button{padding:8px 10px;min-height:44px;gap:8px}
.dev-contact-dock .dev-whatsapp{padding:10px;width:44px;min-height:44px;flex-shrink:0}
.dev-contact-dock .dev-whatsapp>span{display:none}
.dev-contact-dock .whatsapp-button-icon{width:21px;height:21px;flex-basis:21px}}
body.it-demo{--max: 1320px;
  --page-gutter: 48px;
  --section-space: clamp(40px, 5vw, 64px);
  --column-gap: clamp(24px, 4vw, 48px);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6;}
.it-demo .wrap{width: min(1320px, calc(100% - 96px));}
.it-demo .header-inner{max-width: 1440px;
  padding-inline: var(--page-gutter);}
.it-demo main h1,.it-demo main h2,.it-demo main h3{font-family: Arial, Helvetica, sans-serif;
  text-wrap: balance;
  overflow-wrap: break-word;}
.it-demo .page-head h1{font-size: clamp(38px, 4.7vw, 66px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.045em;
  margin: 0 0 24px;}
.it-demo main h2{font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.15;
  letter-spacing: -.035em;
  font-weight: 500;
  margin-bottom: 20px;}
.it-demo main h3{font-size: clamp(21px, 2vw, 26px);
  line-height: 1.25;
  letter-spacing: -.025em;}
.it-demo main h1 em,.it-demo main h2 em{font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;}
.it-demo main p{line-height: 1.65;}
.it-demo .page-head p{font-size: clamp(16px, 1.45vw, 18px);
  max-width: 62ch;}
.it-demo .eyebrow,.it-demo .it-kicker{font-size: 11px;
  line-height: 1.5;
  letter-spacing: 1.3px;
  margin-bottom: 18px;}
.it-demo .section{padding-block: var(--section-space);}
.it-demo .page-head{padding-block: clamp(36px, 4vw, 56px) 24px;}
.it-demo .page-head + .section{padding-top: 24px;}
.it-demo .split{gap: var(--column-gap);}
.it-demo .site-footer{padding-top: 44px;}
.it-demo .button{line-height: 1.4;}
.it-demo input,.it-demo textarea,.it-demo select{font-size: 16px; line-height: 1.5;}
.it-demo #form-status:empty{margin: 0;}
.it-demo .split > *{min-width: 0;}
@media (max-width: 700px){.it-demo .site-footer{padding-top: 36px;}
.it-demo .page-head + .section{padding-top: 16px;}}
@media (max-width: 1120px), (pointer: coarse){body.it-demo{--page-gutter: 32px;}
.it-demo .wrap{width: calc(100% - 64px);}}
@media (max-width: 700px){body.it-demo{--page-gutter: 20px;}
.it-demo .wrap{width: calc(100% - 40px);}}
.it-demo #navigation{font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  gap: 20px;
  color: #20231f;}
.it-demo #navigation > a:not(.button),.it-demo .nav-pair > a{display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 6px;
  border-radius: 5px;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease;}
.it-demo #navigation > a:not(.button):hover,.it-demo .nav-pair > a:hover{background: #f3f2ed;
  color: #a33609;}
.it-demo #navigation > a:not(.button)[aria-current="page"],.it-demo .nav-pair > a[aria-current="page"]{color: #a33609;
  font-weight: 600;}
.it-demo #navigation > .button{font-size: 13px;
  font-weight: 600;
  min-height: 44px;}
.it-demo #services-toggle{font-size: 17px;
  border-radius: 5px;}
.it-demo #services-toggle:hover,.it-demo #services-toggle[aria-expanded="true"]{background: #f3f2ed;}
.it-demo #nav-toggle{font-size: 14px; font-weight: 600;}
.it-demo #navigation a:focus-visible,.it-demo #navigation button:focus-visible{outline: 2px solid #a33609; outline-offset: 3px;}
@media(max-width:1120px), (pointer:coarse){.it-demo #navigation{font-size: 16px;}
.it-demo #navigation > a:not(.button){display: flex;
    min-height: 48px;
    padding: 12px 8px;}
.it-demo .nav-pair > a{min-height: 48px; padding: 12px 8px;}}
@media(prefers-reduced-motion:reduce){.it-demo #navigation > a:not(.button),.it-demo .nav-pair > a{transition: none;}}
.it-demo .site-footer{padding: 48px 0 24px;
  color: #f6f3e8;
  font-size: 14px;
  line-height: 1.6;}
.it-demo .site-footer .footer-logo{width: 183px;
  height: 59px;
  border-radius: 6px;}
.it-demo .site-footer .footer-logo img{width: 340px;
  left: -80px;
  top: -86px;}
.it-demo .footer-socials{gap: 8px;}
.it-demo .site-footer .footer-social{width: 44px;
  height: 44px;
  padding: 11px;
  color: #e0e4d9;
  background: transparent;
  border: 1px solid #59634f;
  border-radius: 8px;}
.it-demo .site-footer .footer-social svg{width: 20px; height: 20px;}
.it-demo .site-footer .footer-social:hover{color: #fff;
  background: #353c2e;
  border-color: #ffad80;}
.it-demo .site-footer a:focus-visible{outline: 2px solid #ffad80; outline-offset: 4px;}
@media(max-width:700px){.it-demo .site-footer{padding: 36px 0 22px;}}
.it-demo .development-head{display:flex;align-items:center;justify-content:space-between;gap:28px;border:0;padding-bottom:28px}
.it-demo .development-head h1{margin-bottom:16px}
.development-head p{margin-bottom:0}
.development-index{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #d5d9dc;padding-bottom:28px}
.development-index a{display:flex;align-items:center;gap:18px;padding:11px 15px;border:1px solid #d5d9dc;border-radius:7px;font-size:13px;background:#fff;min-height:44px}
.development-index a:hover{border-color:#b53c08;text-decoration:none}
.development-index a span{color:#b53c08}
.development-category{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,5vw,80px);padding:52px 0;border-bottom:1px solid #d5d9dc;scroll-margin-top:28px}
.development-category:last-child{border:0}
.development-copy p{max-width:36ch;font-size:17px;margin-bottom:24px}
.development-copy .dev-secondary{display:inline-flex;align-items:center;min-height:44px}
.development-demo{perspective:1000px;min-width:0}
.development-art{transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transform-style:preserve-3d;transition:transform .2s ease}
.development-page .dev-service-visual{margin:0;max-width:none;min-height:330px;padding:35px;display:grid;align-items:center;border:1px solid #d8dacc;box-shadow:0 9px 0 #e0e1d6,0 18px 30px #20231f12}
.development-page .dv-browser{max-width:470px;width:100%;margin:auto;transition:width .4s,transform .4s;transform:rotateY(-8deg) rotateX(4deg);box-shadow:9px 8px 0 #c6cbbb,0 15px 25px #20231f20}
.development-page .dv-phone{transform:rotateY(-15deg) rotateZ(-7deg);box-shadow:9px 10px 0 #aba38c,0 20px 30px #20231f24}
.development-page .dv-flow{width:100%}
.development-page .dv-flow-nodes>span{box-shadow:0 7px 0 #10150b;transition:background .3s,border-color .3s}
.development-page .dv-task{background:#fafaf755;padding:13px 12px;margin-top:5px;border-radius:6px;transition:transform .3s,background .3s}
.development-page .dv-security svg{width:115px;transform:rotateY(-20deg);transition:transform .5s,filter .5s}
.development-page .dv-security strong{font-size:30px}
.development-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}
.development-controls button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:10px 14px;border:1px solid #c3c8ba;border-radius:7px;font-size:13px;background:#fff;font-weight:600}
.development-controls button:hover{border-color:#b53c08}
.development-controls button[aria-pressed=true]{background:#20231f;color:#fff;border-color:#20231f}
.development-state{font-size:12px;color:#555b51}
.development-demo.is-active .dv-browser{width:210px;transform:none;border-radius:18px}
.development-demo.is-active .dv-web-content{grid-template-columns:1fr;padding:18px}
.development-demo.is-active .dv-web-shape{display:none}
.development-demo.is-active .dv-web-cards{gap:3px;padding-inline:10px}
.development-demo.is-active .dv-phone{transform:rotateY(0) rotateZ(0)}
.development-demo.is-active .dv-app-icon{background:#20231f;color:#fff}
.development-demo.is-active .dv-flow-nodes>span{background:#ff5b16;color:#20231f;border-color:#ffad80;box-shadow:0 7px 0 #8b310c}
.development-demo.is-active .dv-flow-nodes b{color:#fff;text-shadow:0 0 9px #ff9257}
.development-demo.is-active .dv-task{background:#fff;transform:translateX(5px);border-left:3px solid #b53c08}
.development-demo.is-active .dv-security svg{transform:rotateY(0) scale(1.08);filter:drop-shadow(0 0 15px #ff5b1655)}
@media(min-width:1000px){.development-category:nth-child(even) .development-copy{order:2}
.development-category:nth-child(even){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
@media(max-width:700px){.it-demo .development-head{display:block}
.development-head>.button{margin-top:22px}
.development-index{gap:7px;padding-bottom:24px}
.development-index a{font-size:12px;padding:10px;gap:9px}
.development-category{grid-template-columns:1fr;padding:32px 0;gap:22px}
.development-copy p{max-width:48ch;margin-bottom:12px}
.development-page .dev-service-visual{padding:22px;min-height:290px}
.development-controls{gap:10px;align-items:flex-start}
.development-controls button{font-size:12px;gap:10px}
.development-state{font-size:11px;max-width:100px;text-align:right;padding-top:10px}
.development-page .dv-security svg{width:85px}
.development-page .dv-security strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.development-art,.development-page .dv-browser,.development-page .dv-phone,.development-page .dv-security svg,.development-page .dv-task,.development-page .dv-flow-nodes>span{transition:none;transform:none}
.development-demo.is-active .dv-task,.development-demo.is-active .dv-security svg{transform:none}}
.it-demo .development-head{padding-top:48px;padding-bottom:38px;border-bottom:1px solid #d5d9dc;align-items:flex-end}
.it-demo .development-head h1{font-size:clamp(42px,5.5vw,78px);letter-spacing:-.055em;margin-bottom:18px}
.development-head .eyebrow{color:#a33609}
.development-head>.button{margin-bottom:5px;white-space:nowrap}
.development-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:start;padding-top:38px}
.development-index{position:sticky;top:24px;display:flex;flex-direction:column;gap:0;align-items:stretch;border:0;padding:0;margin:0}
.development-index-label{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;color:#69715e;padding:0 0 20px}
.development-index a{display:grid;grid-template-columns:20px 1fr 14px;align-items:center;gap:8px;border:0;border-radius:0;border-bottom:1px solid #dce0d5;background:transparent;padding:16px 0;font-size:13px;line-height:1.4;min-height:52px;transition:color .2s,border-color .2s}
.development-index-number{font-size:9px;color:#79806f}
.development-index-arrow{font-size:15px}
.development-index a:hover,.development-index a[aria-current=true]{color:#a33609;background:transparent;border-bottom-color:#b53c08;text-decoration:none}
.development-index a[aria-current=true]{font-weight:600}
.development-index>p{font-size:11px;line-height:1.7;margin:26px 0 0;color:#69715e}
.development-index a.development-help{display:block;border:0;font-size:12px;font-weight:600;padding:6px 0;min-height:44px;color:#20231f}
.development-categories{min-width:0;padding-bottom:30px}
.development-category{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;padding:38px 0 44px;align-items:center;scroll-margin-top:30px}
.development-category:first-child{padding-top:0}
.development-category:nth-child(even){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.development-category:nth-child(even) .development-copy{order:0}
.development-copy .it-kicker{font-size:9px;letter-spacing:1px;margin-bottom:18px;color:#747b6a}
.it-demo .development-copy h2{font-size:clamp(27px,2.7vw,36px);line-height:1.12;letter-spacing:-.04em;margin-bottom:17px}
.development-copy p{font-size:15px;line-height:1.7;max-width:34ch;margin-bottom:22px}
.development-copy .dev-secondary{font-size:12px;line-height:1.5;text-decoration:underline;text-decoration-color:#c1c6b9;text-underline-offset:7px;min-height:44px}
.development-copy .dev-secondary:hover{text-decoration-color:#b53c08;color:#a33609}
.development-demo{border:1px solid #dce0d3;border-radius:12px;background:#fff;padding:14px;box-shadow:0 4px 16px #20231f05}
.development-page .dev-service-visual{min-height:285px;padding:22px;border:0;box-shadow:none;border-radius:7px;background-image:radial-gradient(ellipse at 100% 0,#ffffffb5,transparent 60%)}
.development-page .dv-2{background-image:radial-gradient(ellipse at 10% 0,#44503a,transparent 70%)}
.development-page .dv-browser{transform:perspective(900px) rotateY(-8deg) rotateX(3deg);box-shadow:6px 7px 0 #c6cbbd,0 12px 20px #20231f19;border-radius:9px;max-width:100%}
.development-page .dv-web-content{gap:8px;padding:20px 14px}
.development-page .dv-web-content strong{font-size:21px}
.development-page .dv-web-shape{font-size:42px;position:relative;isolation:isolate;background:linear-gradient(145deg,#ff8a43,#ff5b16);box-shadow:5px 6px 0 #d5bda7}
.development-page .dv-web-shape::before{content:'';position:absolute;inset:13%;border:1px solid #ffffff65;border-radius:inherit;z-index:-1}
.development-page .dv-web-cards{gap:5px;padding:0 14px 14px}
.development-page .dv-web-cards span{font-size:8px}
.development-page .dv-mobile{gap:20px}
.development-page .dv-phone{flex-basis:125px;width:125px;transform:perspective(700px) rotateY(-12deg) rotateZ(-6deg);box-shadow:7px 8px 0 #aca38e,0 12px 20px #20231f17}
.development-page .dv-mobile-label{min-width:0}
.development-page .dv-mobile-label strong{font-size:21px}
.development-page .dv-flow-top strong{font-size:25px;max-width:14ch;line-height:1.1}
.development-page .dv-flow-nodes{gap:6px}
.development-page .dv-flow-nodes>span{font-size:10px;padding:18px 6px;border-radius:8px}
.development-page .dv-flow-bottom{margin-top:24px;padding-top:17px}
.development-page .dv-maintenance>strong{font-size:25px}
.development-page .dv-task{padding-block:12px;font-size:11px}
.development-page .dv-security{gap:20px}
.development-page .dv-security svg{width:80px;filter:drop-shadow(7px 10px 0 #b8c3a8);transform:perspective(500px) rotateY(-16deg)}
.development-page .dv-security strong{font-size:24px}
.development-controls{margin-top:15px;gap:10px;flex-wrap:wrap}
.development-controls button{font-size:11px;border:1px solid #cfd5c5;background:#f7f8f3;padding:9px 12px;gap:12px}
.development-controls button:hover{background:#fff0e6;border-color:#d1916e}
.development-controls button[aria-pressed=true]{background:#20231f;color:#fff}
.development-state{font-size:10px;line-height:1.5}
.development-demo.is-active .dv-browser{width:185px}
.development-demo.is-active .dv-phone{transform:perspective(700px) rotateY(0) rotateZ(0)}
.development-demo.is-active .dv-security svg{transform:perspective(500px) rotateY(0);filter:drop-shadow(0 7px 9px #ff5b1635)}
@keyframes development-settle{
  from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:no-preference){.development-category.dev-in-view .development-copy{animation:development-settle .5s ease both}
.development-category.dev-in-view .development-demo{animation:development-settle .65s ease both}
.development-demo.is-active .dv-flow-nodes>span{transition:background .35s,box-shadow .35s}
.development-demo.is-active .dv-flow-nodes>span:nth-of-type(2){transition-delay:.08s}
.development-demo.is-active .dv-flow-nodes>span:nth-of-type(3){transition-delay:.16s}
.development-page .dv-phone,.development-page .dv-security svg{transition:transform .45s,filter .45s}}
@media(max-width:1120px){.development-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}
.development-category,.development-category:nth-child(even){grid-template-columns:1fr;gap:20px}
.development-copy p{max-width:50ch;margin-bottom:12px}
.development-demo{max-width:620px}
.development-page .dev-service-visual{min-height:300px}
.development-page .dv-mobile-label strong{font-size:26px}
.development-page .dv-browser{max-width:400px}
.development-category{padding-block:32px}
.development-page .dv-security{justify-content:center}
.development-page .dv-security svg{width:110px}
.development-page .dv-security strong{font-size:30px}}
@media(max-width:700px){.it-demo .development-head{display:block;padding-top:32px;padding-bottom:24px}
.development-head>.button{margin:24px 0 0}
.development-layout{display:block;padding-top:24px}
.development-index{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-bottom:30px}
.development-index-label{grid-column:1/-1;padding-bottom:8px}
.development-index a{font-size:12px;grid-template-columns:15px 1fr 12px;gap:6px;padding:12px 0}
.development-index>p{display:none}
.development-category{scroll-margin-top:20px}
.development-copy .it-kicker{margin-bottom:12px}
.development-category:last-child{padding-bottom:10px}
.development-demo{padding:12px}
.development-page .dev-service-visual{padding:19px;min-height:280px}
.development-page .dv-mobile-label strong{font-size:21px}
.development-page .dv-security svg{width:80px}
.development-page .dv-security strong{font-size:25px}
.development-controls button{font-size:11px}
.development-categories{padding-bottom:20px}}
@media(max-width:370px){.development-page .dv-phone{flex-basis:108px;width:108px;padding-inline:9px}
.development-page .dv-mobile{gap:13px}
.development-page .dv-mobile-label strong{font-size:18px}
.development-page .dv-security{gap:14px}
.development-page .dv-security svg{width:65px}
.development-page .dv-security strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.development-index a,.development-page .dv-phone,.development-page .dv-security svg{transition:none}
.development-page .dv-phone,.development-page .dv-security svg{transform:none}}
.development-layout{grid-template-columns:170px minmax(0,1fr);gap:32px}
.development-index-label{font-size:9px;letter-spacing:.8px;padding-bottom:12px}
.development-index a{font-size:12px;grid-template-columns:15px 1fr 12px;gap:6px;padding:13px 0;min-height:46px}
.development-index-number{font-size:8px}
.development-index-arrow{font-size:13px}
.development-index>p{margin-top:18px;font-size:10px}
.development-index a.development-help{font-size:11px}
@media(min-width:1121px){.development-category,.development-category:nth-child(even){grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}}
@media(max-width:1120px){.development-layout{grid-template-columns:155px minmax(0,1fr);gap:24px}}
@media(max-width:700px){.development-layout{display:block}
.development-index{gap:0 16px;margin-bottom:24px}
.development-index a{min-height:44px;padding:11px 0}}
.db-studio{margin-top:0;margin-bottom:58px}
.db-studio-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:12px 0 26px}
.db-studio-heading h2{font-size:clamp(29px,3.4vw,44px)!important;line-height:1.1;margin:14px 0 0}
.db-studio-heading h2 em{color:#a6502d}
.db-studio-heading>p{font-size:14px;line-height:1.65;max-width:360px;color:#68705f;margin:0}
.db-tabs{display:flex;gap:8px;margin-bottom:16px}
.db-tabs button{display:flex;justify-content:space-between;align-items:center;gap:35px;min-height:48px;border:1px solid #dcded3;background:#f7f7f1;color:#646b5c;border-radius:7px;padding:13px 18px;font:600 13px Arial;cursor:pointer}
.db-tabs button[aria-pressed=true]{background:#202b24;color:#fff;border-color:#202b24}
.db-tabs button>span{font-size:19px;font-weight:400}
.db-studio :focus-visible{outline:3px solid #a6502d;outline-offset:4px}
.db-example{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid #d9ded2;border-radius:14px;overflow:hidden;background:#f7f7ef}
.db-example[hidden]{display:none}
.db-code{background:#222e29;color:#dce8da;min-width:0;display:flex;flex-direction:column;padding:25px 28px}
.db-code>div{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.12em;color:#a6bda5;border-bottom:1px solid #4f6256;padding-bottom:19px}
.db-code>div>span:last-child{letter-spacing:0;color:#a5b2a5}
.db-code pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:auto 0;padding:36px 0;font:14px/1.95 ui-monospace,SFMono-Regular,Consolas,monospace;color:#e7c695}
.db-code code{font:inherit;background:transparent;color:inherit;padding:0}
.db-code-note{font-size:10px;color:#a5b2a5}
.db-preview{padding:48px 35px 28px;position:relative;min-height:350px;display:grid;place-items:center;perspective:1000px;background:radial-gradient(ellipse at 50% 55%,#f1dec5,transparent 75%),#f7f4eb;overflow:hidden}
.db-preview-label{position:absolute;top:23px;left:28px;font-size:9px;letter-spacing:.12em;color:#8f806a}
.db-browser{width:100%;max-width:330px;background:#fffdf6;border:1px solid #cfcdbf;border-radius:9px;overflow:hidden;box-shadow:7px 9px 0 #c7bca84d,0 18px 30px #28372317;transform:rotateY(-10deg) rotateX(4deg);animation:db-preview-in .6s ease both}
.db-browser-top{display:flex;gap:5px;align-items:center;padding:12px;border-bottom:1px solid #e3e3d6}
.db-browser-top i{width:5px;height:5px;border-radius:50%;background:#c4c9b9}
.db-browser-top i:first-child{background:#d78548}
.db-browser-top>span{font-size:8px;color:#8d907f;margin-left:auto}
.db-site{padding:22px}
.db-site>span:first-child{font-size:8px;letter-spacing:.1em;color:#7d866e}
.db-site strong{display:block;font:35px/1.02 Georgia;color:#34432d;margin-top:16px;letter-spacing:-.04em}
.db-site p{font-size:11px;color:#737a66}
.db-demo-action{display:inline-block;background:#33472d;color:#fff;padding:10px 14px;font-size:9px;border-radius:4px;line-height:1.5}
.db-site-blocks{display:flex;gap:7px;margin-top:20px}
.db-site-blocks i{height:16px;border-radius:3px;background:#e6e9d9;flex:1}
.db-preview-app{background:radial-gradient(ellipse at 50% 55%,#d9d0e9,transparent 75%),#f3f0f6}
.db-phone{width:170px;background:#fefcf5;border:6px solid #303b32;border-radius:23px;padding:13px 14px;box-shadow:8px 12px 0 #8a799d33,0 16px 28px #33332215;transform:rotateY(-12deg) rotateZ(4deg);animation:db-phone-in .6s ease both}
.db-phone-notch{width:44px;height:5px;border-radius:5px;background:#303b32;margin:0 auto 18px}
.db-phone small{font-size:8px;letter-spacing:.12em;color:#8a7b96}
.db-phone strong{display:block;font-size:23px;line-height:1.02;letter-spacing:-.04em;margin:10px 0 15px;color:#44364f}
.db-app-card{font-size:10px;background:#eee5f3;border:1px solid #ded0e5;padding:13px 9px;margin-bottom:8px;border-radius:6px;display:flex;justify-content:space-between}
.db-phone .db-demo-action{font-size:8px;display:block;text-align:center;margin-top:14px;background:#655170}
.db-phone-nav{font-size:14px;text-align:center;color:#8c8293;margin-top:18px}
.db-preview-workflow{background:radial-gradient(ellipse at 50% 55%,#d6e3bc,transparent 75%),#f1f5e8}
.db-board{width:100%;max-width:355px;background:#fffdf7;border:1px solid #c4d1b2;border-radius:8px;padding:25px;box-shadow:8px 10px 0 #9cad8040;transform:rotateY(-10deg) rotateX(6deg);animation:db-preview-in .6s ease both}
.db-board>span{font-size:8px;letter-spacing:.12em;color:#798767}
.db-board>strong{display:block;font-size:23px;letter-spacing:-.035em;color:#3c4f31;margin:15px 0 23px}
.db-board-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.db-board-columns>div{background:#f1f4e9;padding:12px 10px;border:1px solid #dde3d1;border-radius:5px;min-height:116px}
.db-board-columns small{font-size:8px;color:#82916e}
.db-board-columns span{display:block;padding:10px 8px;font-size:9px;line-height:1.5;background:white;border:1px solid #d6dfc8;border-radius:3px;margin-top:12px}
.db-board-columns b{display:block;font-size:8px;font-weight:400;color:#85966d;margin-top:8px}
.db-board-columns i{display:block;height:8px;background:#dce5ce;margin-top:17px;border-radius:2px}
.db-example-summary{grid-column:1/-1;background:#fffdf8;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #e0e2d7}
.db-example-summary h3{font-size:22px!important;line-height:1.15;margin:0 0 10px}
.db-example-summary p{font-size:13px;color:#6d7563;margin:0;line-height:1.6}
.db-example-summary .button{white-space:nowrap;font-size:13px}
.development-demo.is-active .dv-flow-nodes{animation:db-connect .6s ease both}
.development-demo.is-active .dv-security svg{animation:db-connect .6s ease both}
@keyframes db-preview-in{
  from{opacity:.4;transform:translateY(12px) rotateY(-18deg) rotateX(8deg)}to{opacity:1;transform:translateY(0) rotateY(-10deg) rotateX(4deg)}
}
@keyframes db-phone-in{
  from{opacity:.4;transform:translateY(14px) rotateY(-25deg) rotateZ(7deg)}to{opacity:1;transform:translateY(0) rotateY(-12deg) rotateZ(4deg)}
}
@keyframes db-connect{
  from{opacity:.5;filter:saturate(.5)}to{opacity:1;filter:saturate(1)}
}
@media(max-width:1000px){.db-studio-heading{gap:25px}
.db-studio-heading>p{max-width:290px}
.db-code{padding:22px}
.db-code pre{font-size:12px}
.db-preview{padding:48px 24px 28px}
.db-example-summary{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:700px){.db-studio{margin-bottom:35px}
.db-studio-heading{display:block;margin-bottom:23px}
.db-studio-heading>p{max-width:none;margin-top:18px}
.db-tabs{gap:6px}
.db-tabs button{flex:1;gap:5px;font-size:11px;padding:12px 10px;line-height:1.4}
.db-tabs button>span{display:none}
.db-example{grid-template-columns:1fr}
.db-code{padding:20px}
.db-code pre{font-size:11px;padding:20px 0;line-height:1.7}
.db-code>div{font-size:8px;padding-bottom:15px}
.db-preview{min-height:325px;padding:45px 25px 27px}
.db-example-summary{padding:22px}
.db-example-summary h3{font-size:21px!important}
.db-example-summary .button{white-space:normal}
.db-example-summary p{font-size:13px}
.db-board{padding:20px}}
@media(prefers-reduced-motion:reduce){.db-studio *,.development-demo.is-active .dv-flow-nodes,.development-demo.is-active .dv-security svg{animation:none!important;transition:none!important}}
.db-studio-heading h2{font-size:clamp(35px,4vw,52px)!important}
.db-example{grid-template-columns:.8fr 1.35fr;border-radius:19px;box-shadow:0 20px 45px #2735290b}
.db-code{background:#202c28;padding:28px 25px;justify-content:center}
.db-code pre{font-size:12px;line-height:2.05;color:#efd3a6}
.db-code>div{font-size:8px}
.db-preview{min-height:420px;padding:55px 45px 38px;background:radial-gradient(ellipse at 65% 35%,#f8d9b5,transparent 65%),#f4f0e6}
.db-preview:before{content:'';position:absolute;inset:30px;background-image:linear-gradient(#9b876110 1px,transparent 1px),linear-gradient(90deg,#9b876110 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000,transparent 70%);pointer-events:none}
.db-browser{max-width:420px;transform:rotateY(-9deg) rotateX(3deg);box-shadow:9px 12px 0 #bca68635,0 30px 40px #39331f20;position:relative}
.db-site{position:relative;overflow:hidden;padding:30px}
.db-site>strong{font-size:42px;position:relative;z-index:2;max-width:65%}
.db-site>p{max-width:65%;position:relative;z-index:2}
.db-site>.db-demo-action{position:relative;z-index:2;margin-top:8px}
.db-site-sculpture{position:absolute;right:17px;top:45px;width:105px;height:130px;perspective:600px}
.db-site-sculpture i{position:absolute;width:67px;height:88px;border:11px solid #d28751;border-radius:40px 40px 10px 10px;transform:rotateY(-23deg) rotateZ(9deg);box-shadow:5px 4px 0 #ac653b;right:7px;top:4px;transition:transform .45s}
.db-site-sculpture i:nth-child(2){top:28px;right:21px;border-color:#eab887;box-shadow:5px 4px 0 #c8905e}
.db-site-sculpture i:nth-child(3){top:52px;right:35px;border-color:#f4d2a8;box-shadow:5px 4px 0 #d4ad7d}
.db-preview:hover .db-site-sculpture i{transform:rotateY(-5deg) rotateZ(0) translateY(-4px)}
.db-site-blocks{margin-top:28px;border-top:1px solid #e8e5d9;padding-top:16px}
.db-site-blocks>span{flex:1;padding:10px 8px;background:#eff0e5;border-radius:4px;font-size:8px;color:#8c9779;line-height:1.7}
.db-site-blocks b{font-size:10px;font-weight:500;color:#59694a}
.db-preview-app{background:radial-gradient(ellipse at 55% 40%,#ddc9eb,transparent 65%),#f1edf5}
.db-phone{width:188px;box-shadow:10px 12px 0 #70568329,0 28px 40px #40334a24}
.db-phone strong{font-size:25px}
.db-app-orbit{height:66px;display:grid;place-items:center;perspective:600px;margin:4px 0 14px;background:#ede5f3;border-radius:10px}
.db-app-orbit span{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:#9477aa;border:1px solid #836698;border-radius:12px;font-size:29px;box-shadow:4px 5px 0 #c3a9d4;transform:rotateY(-16deg) rotateZ(-12deg);transition:transform .4s}
.db-preview:hover .db-app-orbit span{transform:rotateY(10deg) rotateZ(4deg)}
.db-preview-workflow{background:radial-gradient(ellipse at 60% 45%,#d4e2b2,transparent 65%),#f0f3e7}
.db-board{max-width:405px;padding:28px;box-shadow:10px 12px 0 #91a16e35,0 26px 40px #39452b20}
.db-board>strong{font-size:28px}
.db-board-columns>div{min-height:143px;padding:14px}
.db-board-columns span{padding:14px 9px}
.db-example-summary{padding:26px 30px;background:#fffdf8}
.db-example-summary h3{font-size:24px!important}
.db-example-summary .button{background:#26382c;color:#fff;border-radius:7px}
.db-tabs button{border-radius:8px}
.db-tabs button[aria-pressed=true]{box-shadow:0 5px 12px #27352914}
.development-demo .development-art{transition:box-shadow .3s}
.development-demo:hover .development-art{box-shadow:0 17px 35px #20231f0b}
@media(max-width:1000px){.db-example{grid-template-columns:.8fr 1.2fr}
.db-preview{padding:52px 25px 32px}
.db-code{padding:22px 18px}
.db-code pre{font-size:11px}
.db-site{padding:24px}
.db-site>strong{font-size:36px}
.db-site-sculpture{right:7px;transform:scale(.82);transform-origin:right center}
.db-example-summary h3{font-size:22px!important}}
@media(max-width:700px){.db-example{grid-template-columns:1fr}
.db-preview{grid-row:1;min-height:370px;padding:49px 25px 30px}
.db-code{grid-row:2;padding:19px 22px}
.db-code pre{font-size:11px;line-height:1.65;padding:18px 0}
.db-code>div{padding-bottom:12px}
.db-preview-app{min-height:410px}
.db-site{padding:22px}
.db-site>strong{font-size:33px}
.db-site-sculpture{right:2px;transform:scale(.73)}
.db-site-blocks>span{padding:8px 6px}
.db-board{padding:22px}
.db-board>strong{font-size:24px}
.db-board-columns>div{padding:10px}
.db-example-summary{padding:23px}
.db-studio-heading h2{font-size:36px!important}}
@media(prefers-reduced-motion:reduce){.db-studio *{animation:none!important;transition:none!important}}
@keyframes at-arrive{
  from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}
}
@keyframes ct-enter{
  from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}
}
.it-demo .site-footer{padding:30px 0 12px;background:#202723;border-top:3px solid #ff5b16}
.fc-main{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:45px;align-items:start;padding-bottom:24px}
.fc-main>*{min-width:0}
.fc-brand p{font-size:12px;line-height:1.5;color:#bfc7ba;margin:12px 0}
.fc-main .footer-socials{display:flex;gap:6px}
.it-demo .fc-main .footer-social{width:36px;height:36px;padding:9px;border-color:#ffffff20;border-radius:50%;background:transparent;color:#e0e4d9;display:grid;place-items:center}
.it-demo .fc-main .footer-social svg{width:16px;height:16px}
.fc-main h2{font:700 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#ffb38b;margin:4px 0 13px}
.fc-services ul{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;list-style:none;padding:0;margin:0}
.fc-services a,.fc-contact>a{display:flex;align-items:center;min-height:40px;padding:7px 0;font-size:13px;font-weight:500;line-height:1.4;color:#e5e7df}
.fc-contact>a{overflow-wrap:anywhere}
.fc-main .fc-project{font-size:25px;font-weight:600;letter-spacing:-.025em;justify-content:space-between;max-width:210px;padding:0 0 10px;margin:0 0 5px;border-bottom:1px solid #ffffff2b;color:#fff}
.fc-project span{color:#ffb38b;font-size:25px}
.fc-bottom{border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:10px}
.fc-bottom p{font-size:11px;color:#bac4b4;margin:0}
.fc-links{display:flex;flex-wrap:wrap;gap:20px}
.fc-links a{font-size:12px;color:#d7ded2;min-height:36px;display:flex;align-items:center}
.fc-shell a:hover{color:#ffb38b;text-decoration:none}
.fc-services a{transition:color .2s}
.fc-shell .footer-logo{display:block}
@media(max-width:950px){.fc-main{grid-template-columns:.9fr 1.2fr 1fr;gap:25px}
.fc-services ul{grid-template-columns:1fr}
.fc-services a{min-height:32px;padding:5px 0}
.fc-main .fc-project{font-size:22px}}
@media(max-width:700px){.it-demo .site-footer{padding:25px 0 12px}
.fc-main{grid-template-columns:1fr 1fr;gap:25px 20px;padding-bottom:18px}
.fc-brand{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;align-items:center}
.fc-brand p{margin:0;text-align:right;font-size:11px}
.fc-brand .footer-socials{grid-column:1/-1}
.fc-services a,.fc-contact>a{font-size:12px;min-height:36px}
.fc-bottom{align-items:start;gap:4px;flex-direction:column}
.fc-links{gap:18px}
.fc-main h2{font-size:10px}
.fc-main .fc-project{font-size:22px}
.fc-links a{min-height:40px}}
@media(prefers-reduced-motion:reduce){.fc-services a{transition:none}}
.it-demo .fc-shell{font-family:Arial,Helvetica,sans-serif}
.it-demo .fc-main .footer-social:hover{background:#353c2e;border-color:#ffad80;color:#fff}
.it-demo .site-footer .fc-shell a:focus-visible{outline-color:#ffb38b}
.fc-mobile-nav{display:none}
@media(max-width:700px){.it-demo .site-footer{padding:24px 0 12px}
.fc-main{display:flex;flex-direction:column;gap:22px;padding-bottom:20px}
.fc-brand{display:flex;flex-direction:column;align-items:flex-start;gap:13px;width:100%}
.fc-brand p{display:none}
.fc-brand .footer-socials{gap:8px;flex-wrap:wrap}
.it-demo .fc-main .footer-social{width:44px;height:44px;padding:12px}
.it-demo .fc-main .footer-social svg{width:18px;height:18px}
.fc-services,.fc-bottom .fc-links{display:none}
.fc-contact{width:100%;display:grid;grid-template-columns:1fr;gap:0}
.fc-main .fc-contact h2{font-size:11px;margin:0 0 10px}
.fc-main .fc-project{font-size:24px;min-height:48px;max-width:none;padding:0 0 12px;margin:0 0 5px}
.fc-contact>a{font-size:14px;min-height:44px;padding:10px 0}
.fc-mobile-nav{display:block;border:0;border-top:1px solid #ffffff20;background:transparent;padding:0;margin:0;border-radius:0}
.fc-mobile-nav summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;min-height:52px;padding:12px 0;font-size:13px;font-weight:600;color:#e5e7df;cursor:pointer}
.fc-mobile-nav summary::-webkit-details-marker{display:none}
.fc-mobile-nav summary>span{font-size:23px;font-weight:400;color:#ffb38b;transition:transform .2s}
.fc-mobile-nav[open] summary>span{transform:rotate(45deg)}
.fc-mobile-nav summary:focus-visible{outline:2px solid #ffb38b;outline-offset:3px}
.fc-mobile-links{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:0 0 14px}
.site-footer .fc-mobile-links a{display:flex;align-items:center;min-height:44px;font-size:12px;line-height:1.4;padding:10px 0;color:#d7ded2;overflow-wrap:anywhere}
.fc-bottom{padding-top:14px;gap:0}
.fc-bottom p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.fc-mobile-nav summary>span{transition:none}}
@keyframes hm-arrive{
  from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}
}
@keyframes hm-sculpt{
  50%{rotate:12deg;translate:0 -5px}
}
@keyframes hx-lift{
  from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}
}
@keyframes hm-depth-drift{
  0%,100%{translate:0 0;rotate:0deg}45%{translate:0 -8px;rotate:12deg}
}
.it-demo header{background:#fff;border-bottom:1px solid #e1e5dd;box-shadow:0 3px 16px #20272306}
.it-demo .header-inner{padding-top:13px;padding-bottom:13px;gap:24px}
.it-demo #navigation{gap:17px;font-size:14px;font-weight:500;letter-spacing:-.01em}
.it-demo #navigation>a:not(.button),.it-demo .nav-pair>a{padding:12px 9px;min-height:44px;color:#454d43;border-radius:7px;transition:color .2s,background .2s}
.it-demo #navigation>a:not(.button):hover,.it-demo .nav-pair>a:hover{background:#f3f5ef;color:#202723}
.it-demo #navigation>a[aria-current=page]:not(.button),.it-demo .nav-pair>a[aria-current=page],.it-demo .nav-section-current .nav-pair>a{background:#f7eee5;color:#a24317;font-weight:600}
.it-demo .nav-pair{gap:0}
.it-demo #services-toggle{display:grid;place-items:center;min-width:36px;width:36px;height:44px;border-radius:7px;color:#66715c}
.it-demo #services-toggle svg{transition:transform .25s}
.it-demo #services-toggle[aria-expanded=true]{background:#f3f5ef;color:#a24317}
.it-demo #services-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.it-demo #navigation>.button{background:#202723;color:#fff;font-size:12px;font-weight:600;border-radius:7px;padding:13px 18px;min-height:46px;margin-left:5px;gap:20px;box-shadow:none}
.it-demo #navigation>.button>span{color:#ffb38b;font-size:17px}
.it-demo #navigation>.button:hover{background:#354333;transform:none}
.it-demo #mega{width:min(1010px,calc(100vw - 80px));grid-template-columns:285px minmax(0,1fr);border:1px solid #dfe4da;border-radius:0 0 16px 16px;box-shadow:0 25px 45px #20272320;background:#fff}
.it-demo #categories{background:#f3f5ef;padding:22px 16px}
.it-demo #categories .all-services{display:flex;align-items:center;min-height:44px;padding:10px 14px;margin-bottom:13px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#996037}
.it-demo .category{border:0;border-radius:8px;margin:4px 0;transition:background .2s}
.it-demo .category>a{padding:14px;font-size:14px;font-weight:500;line-height:1.4}
.it-demo .category>button{width:44px;height:48px;flex-shrink:0;color:#65705e;border-radius:7px}
.it-demo .category.selected{background:#fff;box-shadow:0 2px 6px #20272306}
.it-demo .category.selected>a{color:#a24317;font-weight:600}
.it-demo .category.selected>button{color:#a24317}
.it-demo .category:hover{background:#fff}
.it-demo #service-detail{padding:30px 32px;background:#fff}
.it-demo #service-detail>.eyebrow{font-size:9px;color:#8a755b;letter-spacing:.12em;margin-bottom:13px}
.it-demo #service-detail h2{font-size:27px;line-height:1.15;letter-spacing:-.035em;margin:0 0 13px}
.it-demo #service-detail h2 a{padding:0}
.it-demo #service-detail>p{font-size:13px;line-height:1.65;color:#66705e;max-width:55ch;margin:0 0 22px}
.it-demo #service-detail .service-links{gap:0 24px}
.it-demo #service-detail .service-links>a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;min-height:46px;font-size:13px;line-height:1.5;border-bottom:1px solid #e6e9e1;color:#394432}
.it-demo #service-detail .service-links>a>span{color:#a7693f;font-size:17px}
.it-demo #mega a:hover{text-decoration:none;color:#a24317}
.it-demo #service-detail .menu-group h3{font-size:10px;letter-spacing:.06em;color:#8a755b;line-height:1.5}
.it-demo #service-detail .menu-group a{font-size:13px;line-height:1.5;min-height:44px}
.it-demo #nav-toggle{border:1px solid #dfe4da;border-radius:7px;min-height:44px;padding:10px 12px;gap:12px;font-size:12px;color:#303b2d;background:#fff}
.nav-menu-icon{width:22px;height:22px;transition:transform .2s}
.it-demo #nav-toggle[aria-expanded=true]{background:#f3f5ef;border-color:#aab59e}
.it-demo #nav-toggle[aria-expanded=true] svg{transform:rotate(90deg)}
@media(max-width:1120px),(pointer:coarse){.it-demo .header-inner{padding-top:12px;padding-bottom:12px}
.it-demo #navigation{padding:15px 32px 24px;max-height:calc(100dvh - 125px);border-top:1px solid #e5e8df;box-shadow:0 20px 30px #20272312;overscroll-behavior:contain}
.it-demo #navigation>a:not(.button){font-size:16px;font-weight:500;padding:15px 12px;min-height:52px;margin:3px 0}
.it-demo .nav-pair{border-radius:7px;margin:3px 0}
.it-demo .nav-pair>a{font-size:16px;font-weight:500;padding:15px 12px;min-height:52px}
.it-demo #services-toggle{min-width:48px;height:48px}
.it-demo #mega{position:static;width:100%;display:block;max-height:none;transform:none;border:0;border-radius:9px;box-shadow:none;margin:6px 0 12px}
.it-demo #categories{padding:10px;background:#f3f5ef;border-radius:9px}
.it-demo #categories .all-services{margin:0 0 5px;padding:10px 12px;font-size:10px}
.it-demo .category{margin:2px 0}
.it-demo .category>a{font-size:14px;padding:14px 12px}
.it-demo .category>button{min-width:46px;height:46px}
.it-demo .mobile-services{padding:3px 12px 15px}
.it-demo .mobile-services a{font-size:13px;line-height:1.5;padding:11px 0;min-height:44px;border-bottom:1px solid #e0e5d7}
.it-demo .mobile-services a:last-child{border-bottom:0}
.it-demo .mobile-services .menu-group{margin-bottom:18px}
.it-demo .mobile-services .menu-group h3{font-size:10px;color:#7d775f;letter-spacing:.04em}
.it-demo #service-detail{display:none}
.it-demo #navigation>.button{margin:17px 0 0;padding:15px 18px;min-height:49px;justify-content:space-between;font-size:14px}}
@media(max-width:700px){.it-demo #navigation{padding:12px 20px 22px}
.it-demo .header-inner{gap:16px}
.it-demo #nav-toggle{font-size:11px;gap:9px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.it-demo #navigation *,.nav-menu-icon{transition:none!important}}
.it-demo #mega:not([hidden]){animation:nav-panel-enter .22s cubic-bezier(.2,.7,.2,1) both;transform-origin:top center}
.it-demo #navigation>a:not(.button),.it-demo .nav-pair>a{position:relative}
.it-demo #navigation>a:not(.button)::after,.it-demo .nav-pair>a::after{content:'';position:absolute;bottom:6px;left:10px;right:10px;height:2px;border-radius:2px;background:#bc5728;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.it-demo #navigation>a:not(.button):hover::after,.it-demo #navigation>a:not(.button):focus-visible::after,.it-demo .nav-pair>a:hover::after,.it-demo .nav-pair>a:focus-visible::after{transform:scaleX(1)}
.it-demo .category>button{display:grid;place-items:center;transition:background .2s,color .2s}
.it-demo .category>button:hover{background:#e8eddf}
.it-demo #navigation a:focus-visible,.it-demo #navigation button:focus-visible{outline:2px solid #ad491a;outline-offset:3px}
.it-demo #services-toggle{flex-shrink:0}
.it-demo #service-detail .service-links>a>span{transition:transform .22s}
.it-demo #service-detail .service-links>a:hover>span{transform:translate(3px,-2px)}
@keyframes nav-panel-enter{
  from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}
}
@media(max-width:1120px),(pointer:coarse){.it-demo #navigation.open{animation:nav-panel-enter .22s ease both}
.it-demo #navigation>a:not(.button)::after,.it-demo .nav-pair>a::after{display:none}
.it-demo #mega:not([hidden]){animation:none}
.it-demo #navigation .mobile-services:not([hidden]){animation:nav-panel-enter .18s ease both}}
@media(prefers-reduced-motion:reduce){.it-demo #navigation,.it-demo #navigation *{animation:none!important;transition:none!important}
.it-demo #navigation a::after{transition:none!important}}
.it-demo #navigation>.button,.it-demo #navigation>.button:hover,.it-demo #navigation>.button:focus,.it-demo #navigation>.button:active{text-decoration:none;text-underline-offset:initial;transition:background-color .2s ease,color .2s ease;transform:none}
.it-demo #navigation>.button:hover{background:#394d3e;color:#fff}
.it-demo #navigation>.button[aria-current="page"]{background:#f4dfc9;color:#743611;border:1px solid #d6aa83}
.it-demo #navigation>.button[aria-current="page"]>span{color:#914016}
.it-demo #navigation>.button[aria-current="page"]:hover{background:#ebc9a7;color:#632b0c}
@media(prefers-reduced-motion:reduce){.it-demo #navigation>.button{transition:none}}
.it-demo #navigation>.button{background:#ff5b16;color:#20231f;border:1px solid transparent}
.it-demo #navigation>.button>span{color:#20231f}
.it-demo #navigation>.button:hover{background:#ed4c08;color:#20231f}
.it-demo #navigation>.button[aria-current="page"]{background:#a93608;color:#fff;border-color:#a93608}
.it-demo #navigation>.button[aria-current="page"]>span{color:#fff}
.it-demo #navigation>.button[aria-current="page"]:hover{background:#8f2c05;color:#fff}
.it-demo #navigation>.button:hover,.it-demo #navigation>.button[aria-current="page"]:hover{background:#202723;color:#fff;border-color:#202723}
.it-demo #navigation>.button:hover>span{color:#ffb38b}
@keyframes contact-success-enter{ from { opacity: 0; transform: translateY(16px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes contact-success-backdrop{ from { opacity: 0; } to { opacity: 1; } }
@keyframes contact-success-check{ from { stroke-dashoffset: 50; } to { stroke-dashoffset: 0; } }
.ur-scenario{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
.ur-scenario-buttons button:hover:not([aria-pressed=true]){background:#fafaf7;border-color:#ff9257}
.ur-service-group{background:#ffffff;border:1px solid var(--ur-border);border-radius:12px;padding:25px;scroll-margin-top:24px;transition:border-color .2s,box-shadow .2s}
.it-demo .ur-service-group h3{font-size:23px;letter-spacing:-.6px;margin-bottom:10px}
.ur-service-group>p{font-size:13px;line-height:1.6;margin-bottom:20px}
.ur-process{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding:0;margin:38px 0 0}
.ur-process li{border-top:1px solid #d9ddd2;padding-top:19px;position:relative}
.ur-process li::before{content:'';width:8px;height:8px;border-radius:50%;background:#ff9257;position:absolute;top:-4px;left:0}
.ur-process li>span{font-size:10px;color:#a64720}
.it-demo .ur-process h3{font-size:20px;margin:22px 0 12px}
.ur-process p{font-size:13px;line-height:1.7}
.ur-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ur-output-grid article{border:1px solid #626b59;border-radius:10px;padding:28px;background:linear-gradient(145deg,#20231f,#20231f)}
.ur-output-grid article>span{display:block;font-size:12px;color:#f4d8c4;margin-bottom:30px}
.it-demo .ur-output-grid h3{font-size:25px}
.ur-output-grid p{font-size:14px;margin-bottom:0}
@keyframes ur-appear{
  from{opacity:.6;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}
}
@media(hover:hover){.ur-service-group:hover{border-color:#b8c0ad;box-shadow:0 10px 24px #20231f09}}
@media(prefers-reduced-motion:no-preference){.ur-scenario-panel:not([hidden]){animation:ur-appear .3s ease both}}
@media(max-width:1120px){.ur-scenario{grid-template-columns:230px minmax(0,1fr)}
.ur-process{gap:18px}}
@media(max-width:700px){.ur-scenario{grid-template-columns:1fr;gap:16px}
.ur-output-grid{grid-template-columns:1fr}
.ur-service-group{padding:23px}
.ur-service-group>p{font-size:14px}
.ur-process{grid-template-columns:1fr;gap:16px;margin-top:28px}
.ur-process li{padding:14px 0 0 28px}
.ur-process li>span{position:absolute;left:0;top:18px}
.it-demo .ur-process h3{margin:0 0 8px}
.ur-process p{margin-bottom:4px}
.ur-output-grid{gap:14px}
.ur-output-grid article{padding:24px}
.ur-output-grid article>span{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.ur-service-group{transition:none}}
.ur-scenario-buttons button:hover:not([aria-pressed=true]){background:#fafaf7;border-color:#b8c0ad}
.ur-service-group>p{color:#626b59}
.ur-service-group{border-color:#d9ddd2;padding:28px}
.ur-service-group:hover{border-color:#b8c0ad;box-shadow:0 8px 24px #626b590b}
.ur-output-grid article{background:#ffffff;border-color:#d9ddd2}
.ur-output-grid article>span{color:#a64720}
.ur-output-grid article:nth-child(2){background:#fafaf7;border-color:#d9ddd2}
.ur-process li{border-color:#d9ddd2}
.ur-process li>span{color:#626b59}
.ur-process p{color:#626b59}
@media(max-width:700px){.ur-service-group{padding:23px}}
.ur-scenario{grid-template-columns:260px minmax(0,1fr);gap:28px}
.ur-scenario-buttons button:hover:not([aria-pressed=true]){background:#fafaf7;border-color:#b8c0ad}
.ur-service-group{background:#ffffff;border:1px solid #f3f1e9;border-radius:12px;padding:30px;box-shadow:0 3px 12px #20231f04}
.it-demo .ur-service-group h3{font-size:25px;line-height:1.2;letter-spacing:-.7px}
.ur-service-group>p{font-size:14px;color:#626b59;max-width:44ch;margin-bottom:24px}
.ur-process{gap:24px}
.ur-process li{border-color:#d9ddd2}
.ur-process li::before{background:#ff9257}
.ur-process li>span{color:#626b59}
.ur-output-grid article{border:0;border-top:2px solid #d9ddd2;background:transparent;border-radius:0;padding:25px 0}
.ur-output-grid article:nth-child(2){background:transparent;border-color:#ff9257}
.ur-output-grid article>span{color:#a64720;margin-bottom:24px}
.ur-output-grid p{color:#626b59}
@media(max-width:1120px){.ur-scenario{grid-template-columns:225px minmax(0,1fr);gap:20px}}
@media(max-width:700px){.ur-scenario{grid-template-columns:1fr;gap:16px}
.ur-service-group{padding:24px}}
.ur-scenario-buttons button:hover:not([aria-pressed=true]){background:#fff0e5;border-color:#d5a88b}
.ur-service-group{background:#fff}
.ur-output-grid article{border-color:#b8c0ad}
.ur-output-grid article:nth-child(2){border-color:#ff9257}
.xp-panels>div:not([hidden]){animation:xp-panel-enter .35s ease both}
@keyframes xp-panel-enter{
  from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}
}
@keyframes xp-scan{
  0%{top:20%;opacity:0}20%{opacity:.8}85%{opacity:.8}100%{top:80%;opacity:0}
}
@keyframes xp-rescan{
  0%{top:20%;opacity:0}20%{opacity:.8}85%{opacity:.8}100%{top:80%;opacity:0}
}
@keyframes co-arrive{
  from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}
}
@keyframes mk-arrive{
  from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}
}
@keyframes mk-example-in{
  from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}
}
@keyframes mk-desk-in{
  from{opacity:.3;transform:translateY(-8px) rotateY(30deg) rotateZ(-4deg)}to{opacity:1;transform:translateY(0) rotateY(15deg) rotateZ(-4deg)}
}
.sv-card{display:grid;grid-template-columns:.7fr 1.3fr;min-width:0;background:#fffdf8;border:1px solid #e0dfd1;border-radius:15px;overflow:hidden;text-decoration:none;transition:transform .25s,box-shadow .25s}
.sv-card:hover,.sv-card:focus-visible{transform:translateY(-5px);box-shadow:0 16px 30px #37462c10}
.sv-card h3{font-size:25px!important;line-height:1.12;letter-spacing:-.035em!important;margin:18px 0 14px}
.sv-card p{font-size:13px;margin:0}
.sv-card ul{list-style:none;padding:0;margin:20px 0;font-size:10px;color:#6e7963;line-height:1.7;display:flex;flex-wrap:wrap;gap:6px}
.sv-card li{background:#f1f2e9;padding:5px 8px;border-radius:4px}
.sv-card:hover :is(.sv-plan,.sv-browser,.sv-checklist,.sv-campaign,.sv-product){transform:rotateY(0) rotateZ(0) translateY(-4px)}
@keyframes sv-appear{
  from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}
}
@media(max-width:1100px){.sv-card{grid-template-columns:1fr}}
@media(max-width:700px){.sv-card h3{font-size:26px!important}}
@media(prefers-reduced-motion:reduce){.sv-card:hover,.sv-card:focus-visible{transform:none}}
.sv-card{--sv-accent:#ecc9a4;--sv-ink:#523724;border-color:#d8d7ca}
@keyframes sv-object-in{
  from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}
}
@keyframes sv-line-in{
  from{stroke-dashoffset:240}to{stroke-dashoffset:0}
}
@keyframes sv-check-in{
  from{opacity:.2;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}
}
@media(min-width:1101px){.sv-card{grid-template-columns:.85fr 1.15fr}}
.sv-card{--sv-accent:#deb58c;--sv-ink:#333d36}
@keyframes si-arrive{
  from{opacity:.3;translate:0 8px}to{opacity:1;translate:0 0}
}
@keyframes si-signal{
  from{opacity:.35}to{opacity:1}
}
.sv-card{--sv-panel:#3a4654;--sv-light:#c5d9ec;--sv-warm:#e9c294}
.sv-card{--sv-panel:#e7edf0;--sv-light:#566d7c;--sv-warm:#dcb68d;--sv-label:#526b7b}
.sv-card:hover,.sv-card:focus-visible{border-color:#c5c8bb;box-shadow:0 14px 28px #3c43300d}
.sv-card{--sv-glow:#b8ccd43d;--sv-edge:#c2d2d9}
.sv-card{border-top:3px solid var(--sv-edge);background:linear-gradient(180deg,var(--sv-glow),transparent 65%),#fffefa;box-shadow:0 -5px 19px -8px var(--sv-edge),0 5px 14px #333a2805}
.sv-card:hover,.sv-card:focus-visible{box-shadow:0 -7px 24px -8px var(--sv-edge),0 14px 28px #3c433010}
.hw-stage-3 svg :is(rect,circle){fill:#f0e6f4}
@keyframes hw-arrive{
  from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}
}
@keyframes hw-sheet-in{
  from{opacity:.5;translate:0 10px}to{opacity:1;translate:0 0}
}
@keyframes ow-folder-in{
  from{opacity:.3;translate:0 12px}to{opacity:1;translate:0 0}
}
@keyframes hw-layer-in{
  from{opacity:.3;translate:0 9px}to{opacity:1;translate:0 0}
}