/* Axion: luminous glass surfaces, orbital geometry and clear content layers. */
:root{--ax-bg:#edf4f8;--ax-panel:#e4eef5;--ax-ink:#112d43;--ax-muted:#486377;--ax-line:#c6d9e5;--ax-accent:#096d9a;--glass:linear-gradient(135deg,#ffffffdb,#ffffff80);--glass-edge:#ffffffed;--glass-shadow:0 16px 50px #264e7010,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff70}
html.dark{--ax-bg:#081821;--ax-panel:#102733;--ax-ink:#e6f5fc;--ax-muted:#a3becb;--ax-line:#294857;--ax-accent:#67dbce;--glass:linear-gradient(135deg,#1c394bcf,#102633b8);--glass-edge:#93cbe32e;--glass-shadow:0 20px 60px #0003,inset 0 1px 0 #b5eaff20}
body{background:radial-gradient(ellipse at 95% 10%,#b1dff050,transparent 36%),radial-gradient(ellipse at 0 52%,#b5bff330,transparent 30%),var(--ax-bg)!important}
html.dark body{background:radial-gradient(ellipse at 100% 15%,#10516a33,transparent 40%),var(--ax-bg)!important}
#navbar{width:100%;left:50%;right:auto;transform:translateX(-50%);top:0;background:var(--glass)!important;border:1px solid transparent!important;border-bottom-color:var(--glass-edge)!important;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%);transition:width .4s ease,top .4s ease,border-radius .4s ease,box-shadow .4s ease}
#navbar .h-20{transition:height .4s ease}#navbar>div:first-child{transition:padding .4s ease}
#navbar.is-compact{width:min(100% - 48px,1060px);top:14px;border-radius:50px;border-color:var(--glass-edge)!important;box-shadow:var(--glass-shadow),0 8px 30px #123b5814}
#navbar.is-compact .h-20{height:64px}#navbar.is-compact>div:first-child{padding-inline:26px}
#navbar .nav-link{border-radius:24px;padding:9px 14px}#navbar .nav-link.is-current,#navbar .nav-link[aria-current=page]{background:#108bc012!important;box-shadow:inset 0 1px 1px #fff8,0 2px 8px #123b5808}
html.dark #navbar .nav-link.is-current{background:#67dbce18!important}
#navbar .nav-link[data-target=contact],html.dark #navbar .nav-link[data-target=contact].is-current{background:var(--ax-ink)!important;color:var(--ax-bg)!important;border-radius:25px}
#mobile-menu{border-radius:24px;background:linear-gradient(130deg,#f7fcfffa,#ecf5fbfa)!important;backdrop-filter:blur(30px);border:1px solid var(--glass-edge);margin-top:10px}
html.dark #mobile-menu{background:linear-gradient(130deg,#193646fa,#102632fa)!important}
#home>.ax-hero-v2{background:transparent;color:var(--ax-ink)}
.ax-hero-atmosphere{background:radial-gradient(ellipse at 77% 42%,#9bd9ee99,transparent 46%),radial-gradient(ellipse at 60% 0%,#c8c5f055,transparent 46%),linear-gradient(130deg,#f5faff,#e5f1f7 65%,#eff8fa)}
.ax-hero-atmosphere:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#315a7610 1px,transparent 1px),linear-gradient(90deg,#315a7610 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 15%,#000)}
html.dark .ax-hero-atmosphere{background:radial-gradient(ellipse at 77% 42%,#16495988,transparent 49%),linear-gradient(130deg,#081821,#0b2230)}
html.dark .ax-hero-atmosphere:after{background-image:linear-gradient(#c3f2ff08 1px,transparent 1px),linear-gradient(90deg,#c3f2ff08 1px,transparent 1px)}
.ax-hero-copy h1{color:var(--ax-ink);font-weight:600;font-size:clamp(48px,5.05vw,74px)}
.ax-hero-subtitle{color:var(--ax-muted)!important}.ax-hero-kicker{color:var(--ax-accent)!important;width:max-content;padding:8px 14px;background:var(--glass);border:1px solid var(--glass-edge);border-radius:30px;box-shadow:var(--glass-shadow);font-size:12px}
.ax-hero-v2 .ax-button-primary,.ax-button-primary{background:var(--ax-ink);color:var(--ax-bg)!important;border-color:transparent;box-shadow:0 7px 20px #153a6420}
.ax-hero-v2 .ax-button-secondary,.ax-button-secondary{background:var(--glass);color:var(--ax-ink);border-color:var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(15px)}
.ax-button{border-radius:30px}.ax-hero-bottom{border-color:var(--ax-line)}.ax-hero-bottom p,.ax-hero-bottom>div{color:var(--ax-muted)}
.ax-hero-layout{min-height:680px}.ax-hero-art{right:-3%;width:58%}
.ax-orbit-label{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(16px);color:var(--ax-ink);font-size:12px}
.ax-orbit-label svg{width:24px;height:24px;color:var(--ax-accent)}.ax-orbit-label span{display:block}.ax-orbit-label small{display:block;font-size:10px;color:var(--ax-muted);margin-top:3px}.ax-orbit-label.web{top:21%;right:6%}.ax-orbit-label.ai{bottom:21%;left:15%}
.ax-orb-fallback{border-color:#337cad70;box-shadow:inset -25px 10px 80px #49a7cf33,0 0 80px #0ea5e918}
.ax-section-heading{position:relative}.ax-section-label{display:flex;align-items:center;gap:10px}.ax-section-label:before{content:'';width:22px;height:1px;background:currentColor}
.ax-offer{position:relative;gap:65px;padding:34px;margin-bottom:18px;border:1px solid var(--glass-edge)!important;border-radius:26px;background:var(--glass);box-shadow:var(--glass-shadow);overflow:hidden}
.ax-offer:after{content:'';position:absolute;right:0;top:0;width:5px;height:100%;background:linear-gradient(transparent,#3d9cd877,transparent)}
.ax-offer-heading h3{font-size:29px}.ax-offer-examples{color:var(--ax-accent);font-size:12px}.ax-offer .ax-text-link{border-bottom:1px solid var(--ax-line)}
.ax-service-diagram{display:flex;align-items:center;gap:9px;margin-top:25px;width:max-content;max-width:100%;padding:14px;border-radius:16px;background:#8bb9d00c;border:1px solid var(--ax-line);color:var(--ax-accent)}
.ax-service-diagram span{border:1px solid var(--glass-edge);border-radius:9px;box-shadow:var(--glass-shadow);background:var(--glass);padding:10px 12px;font-size:11px;color:var(--ax-ink)}.ax-service-diagram i{font-style:normal;font-size:16px}
.ax-service-diagram svg{height:30px;width:30px;flex-shrink:0;margin-right:6px}
#home>.ax-work-section{background:linear-gradient(150deg,#b7d3e31f,#9bb8d42b);border-block:1px solid var(--glass-edge)}
.ax-case{padding:18px;border-radius:30px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
.ax-case-image{border-radius:18px;background:radial-gradient(ellipse at top,#ffffffa0,transparent),#c9dae2;padding:35px 24px 20px}.ax-case-hotel .ax-case-image{background:linear-gradient(135deg,#d8e7eb,#aecbd5)}.ax-case-dental .ax-case-image{background:linear-gradient(135deg,#e7f0e8,#bed7c9)}.ax-case-foodie .ax-case-image{background:linear-gradient(135deg,#fff0d2,#e9c995)}
.ax-case-image:before{content:'●  ●  ●';display:block;font-size:7px;letter-spacing:3px;color:#54717e;margin-bottom:12px}.ax-case-image img{border:1px solid #ffffff90;border-radius:8px;transform:perspective(1100px) rotateY(-3deg) rotateX(2deg);box-shadow:9px 15px 25px #14364a26}.ax-case-image:hover img{transform:perspective(1100px) rotateY(0) rotateX(0) translateY(-3px)}
.ax-case-meta,.ax-case-heading,.ax-case-lead,.ax-case-description,.ax-case-features{margin-left:10px;margin-right:10px}.ax-case-features{margin-bottom:12px}.ax-case-features li{padding:6px 10px;background:#669bb810;border:1px solid var(--ax-line);border-radius:20px}.ax-case-features li:before{display:none}
.ax-case-arrow{background:var(--glass);box-shadow:var(--glass-shadow);border-color:var(--glass-edge)}
.ax-process ol{position:relative}.ax-process li{padding:23px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:22px;margin-bottom:14px;gap:20px}.ax-process li:first-child{padding-top:23px}.ax-process li>span{border:1px solid var(--ax-line);border-radius:50%;width:36px;height:36px;flex-shrink:0;display:grid;place-content:center;padding:0}
.ax-complementary{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:28px}.ax-complement-links button{padding:14px;border:1px solid var(--ax-line);border-radius:12px}.ax-complement-links button:hover{background:#7bb8d81a}
.ax-service-contact{position:relative;padding:38px;border:1px solid var(--glass-edge);border-radius:25px;background:var(--glass);box-shadow:var(--glass-shadow)}
#home>.ax-final-cta{background:radial-gradient(ellipse at 90% 80%,#174967,transparent 60%),#091c2a;position:relative;overflow:hidden}.ax-final-cta:after{content:'';width:450px;height:450px;border:1px solid #a8e0f02a;box-shadow:0 0 0 55px #a8e0f006,0 0 0 110px #a8e0f006;border-radius:50%;position:absolute;right:-180px;top:-200px;pointer-events:none}
#sobre>section:first-child{position:relative;background:radial-gradient(ellipse at 90% 0,#63aad626,transparent 60%);border-radius:0 0 44px 44px;border-bottom:1px solid var(--glass-edge);padding-top:75px;padding-bottom:70px}
#sobre .grid.md\:grid-cols-3>div{background:var(--glass)!important;border:1px solid var(--glass-edge)!important;box-shadow:var(--glass-shadow)!important;border-radius:26px;padding:32px}#sobre .grid.md\:grid-cols-3>div>div:first-child{font-size:33px;line-height:1.2;letter-spacing:-.04em}
#sobre>section:nth-child(3){background:var(--glass)!important;border-color:var(--glass-edge)}#sobre>section:last-child{margin-block:40px;border:1px solid var(--glass-edge);border-radius:28px;background:var(--glass);box-shadow:var(--glass-shadow)}
#contact>section{position:relative;background:radial-gradient(ellipse at 90% 20%,#85bad733,transparent 65%)}
.ax-contact-shell{min-width:0;align-self:start}
#contact form{background:var(--glass)!important;border:1px solid var(--glass-edge);border-radius:28px;padding:36px;box-shadow:var(--glass-shadow),0 25px 80px #17344f10;backdrop-filter:blur(20px)}
#contact input,#contact textarea,#contact select{background:#ffffff80!important;border-color:#b8ccda!important;border-radius:12px}html.dark #contact input,html.dark #contact textarea,html.dark #contact select{background:#0b202dbd!important;border-color:#365767!important}
#contact #submit-btn{border-radius:28px;background:var(--ax-ink)!important;color:var(--ax-bg)!important}#contact .space-y-8>div{padding:17px;background:var(--glass);border:1px solid var(--glass-edge);border-radius:18px;box-shadow:var(--glass-shadow)}
body>footer{background:var(--glass)!important;border-top:1px solid var(--glass-edge)}
.ax-reading-progress{position:fixed;bottom:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#1595ce,#62c6c0);z-index:60;transition:none;pointer-events:none}
@media(min-width:768px) and (max-width:1050px){#navbar .nav-link{padding-inline:9px}#navbar.is-compact{width:calc(100% - 26px)}#navbar.is-compact>div:first-child{padding-inline:18px}.ax-offer{gap:30px;padding:27px}.ax-service-diagram{padding:10px;gap:6px}.ax-service-diagram span{padding:8px}.ax-hero-art{width:65%;right:-15%}.ax-orbit-label.web{right:22%}.ax-orbit-label.ai{left:10%}.ax-hero-copy h1{font-size:54px}.ax-case{padding:12px}.ax-case-image{padding:20px 13px}.ax-case-meta{gap:8px}}
@media(max-width:767px){#navbar.is-compact{width:calc(100% - 24px);top:10px;border-radius:34px}#navbar.is-compact .h-20{height:60px}#navbar.is-compact>div:first-child{padding-inline:18px}#navbar .h-20{height:74px}.ax-hero-copy h1{font-size:clamp(39px,10.5vw,61px)}.ax-hero-layout{min-height:0}.ax-hero-kicker{font-size:10px}.ax-hero-art{width:calc(100% + 46px);height:350px;right:auto}.ax-orbit-label{padding:9px 12px;font-size:10px;border-radius:14px}.ax-orbit-label small{font-size:9px}.ax-orbit-label.web{top:15%;right:8%}.ax-orbit-label.ai{bottom:13%;left:9%}.ax-orbit-label svg{width:20px;height:20px}.ax-offer{padding:24px;border-radius:23px;margin-bottom:15px}.ax-offer-heading h3{font-size:26px}.ax-service-diagram{padding:10px;gap:6px}.ax-service-diagram span{font-size:10px;padding:8px}.ax-service-diagram svg{width:23px;height:23px}.ax-case{padding:12px;border-radius:25px}.ax-case-image{border-radius:15px;padding:20px 14px}.ax-case-heading h2,.ax-case-heading h3{font-size:27px}.ax-case-meta{font-size:9px}.ax-complementary{padding:25px}.ax-service-contact{padding:26px}.ax-process li{padding:20px}.ax-process li:first-child{padding-top:20px}#sobre>section:first-child{padding-top:45px;padding-bottom:45px}#sobre>section:last-child{margin:24px 16px;padding:30px 23px}#contact form{padding:24px}.ax-complement-links{grid-template-columns:1fr}.ax-hero-bottom>div{gap:13px}}
@supports not (backdrop-filter:blur(10px)){#navbar,#mobile-menu{background:var(--ax-bg)!important}}
@media(max-width:767px){.ax-service-diagram{width:100%;gap:6px;padding:10px 8px}.ax-service-diagram svg{display:none}.ax-service-diagram span{flex:1;text-align:center;padding:9px 5px;min-width:0;font-size:10px}.ax-service-diagram i{font-size:13px}}
@media(prefers-reduced-motion:reduce){#navbar,#navbar .h-20,#navbar>div:first-child{transition:none}.ax-case-image img{transform:none!important}}