@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--navy:#071727;--navy2:#0c2137;--orange:#ff7900;--white:#f7f9fd;--muted:#a9b9c9;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1200px,calc(100% - 64px));margin:auto}::selection{background:var(--orange);color:var(--navy)}
.header{height:88px;position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;gap:30px;padding:0 max(32px,calc((100% - 1200px)/2));border-bottom:1px solid rgba(255,255,255,.08);background:rgba(6,19,32,.84);backdrop-filter:blur(22px)}.brand,.footer-brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font:600 22px Outfit,sans-serif;letter-spacing:-.8px}.brand-name b,.footer-brand b{color:var(--orange)}.brand-icon{display:grid;place-items:center;position:relative;width:43px;height:43px;border-radius:13px;background:var(--orange);color:#051726;font:800 28px Outfit,sans-serif;letter-spacing:-3px;padding-right:3px}.brand-dot{position:absolute;bottom:0;font-size:30px;color:white;right:10px;line-height:.65}.header nav{margin-left:auto;display:flex;gap:31px;align-items:center}.header nav a{font-size:13px;font-weight:600;color:#c0cddd;transition:color .2s}.header nav a:hover{color:#fff}.header-cta{border:1px solid rgba(255,121,0,.7);border-radius:9px;padding:13px 17px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .2s}.header-cta:hover{background:var(--orange);color:#091523}.header-cta span{margin-left:10px}.menu-toggle{display:none}
.hero{min-height:760px;position:relative;overflow:hidden;display:flex;align-items:center;padding:130px 0 85px;background:radial-gradient(circle at 83% 48%,#123957 0,#081d31 34%,#071727 75%)}.hero-grid{position:absolute;inset:0;opacity:.27;background-image:linear-gradient(rgba(106,165,211,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(106,165,211,.12) 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent 9%,#000 70%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(65px);opacity:.35;pointer-events:none}.orb-one{width:400px;height:400px;background:#ff7900;right:-210px;top:130px}.orb-two{width:300px;height:300px;background:#1861ac;left:-220px;bottom:-100px}.hero-layout{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:28px;position:relative;z-index:1}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.8px;color:var(--orange)}.eyebrow{display:inline-flex;align-items:center;gap:13px;border:1px solid rgba(255,121,0,.22);border-radius:100px;padding:12px 16px;background:rgba(255,121,0,.05)}.live-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 12px var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font:700 clamp(48px,5.2vw,78px)/1.05 Outfit,sans-serif;letter-spacing:-3px;margin:27px 0}.hero h1 em,.contact h2 em{font-style:normal;color:var(--orange)}.period{color:var(--orange)}.hero-copy>p{max-width:535px;color:#bcc9d8;font-size:17px;line-height:1.75}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 22px;border-radius:10px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;min-height:54px}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--orange);color:#091625;box-shadow:0 12px 40px rgba(255,121,0,.19)}.btn-primary:hover{box-shadow:0 16px 50px rgba(255,121,0,.31)}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.03)}.btn-ghost:hover{background:rgba(255,255,255,.09)}.hero-foot{margin-top:78px;display:flex;align-items:center;gap:14px;color:#68849a;font-size:10px;letter-spacing:2px;font-weight:800}.hero-foot .line{height:1px;width:40px;background:var(--orange)}.hero-art{height:480px;position:relative;display:grid;place-items:center}.art-ring{position:absolute;border:1px solid rgba(255,121,0,.15);border-radius:50%;aspect-ratio:1;animation:spin 45s linear infinite}.art-ring.outer{width:103%;border-style:dashed}.art-ring.inner{width:83%;border-color:rgba(255,255,255,.1);animation-direction:reverse}.art-frame{width:100%;position:relative;transform:rotate(-5deg);border-radius:23px;overflow:hidden;box-shadow:0 30px 100px #0008,0 0 70px rgba(255,121,0,.16);border:1px solid rgba(255,255,255,.24);animation:float 6s ease-in-out infinite}.art-frame img{width:100%;object-fit:cover}.float-label{position:absolute;background:rgba(11,30,48,.94);border:1px solid rgba(255,255,255,.18);padding:13px 17px;border-radius:11px;font-size:12px;font-weight:700;box-shadow:0 15px 30px #0005}.float-label i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px}.f-one{top:30px;right:-20px}.f-two{bottom:28px;left:-25px}.scroll-indicator{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:800;letter-spacing:2px;color:#7890a6;display:flex;gap:14px;align-items:center}.scroll-indicator span{font-size:20px;color:var(--orange)}.ticker{background:var(--orange);color:#0b2033;overflow:hidden;white-space:nowrap;padding:16px 0;font:800 12px Outfit,sans-serif;letter-spacing:2.3px}.ticker-track{width:max-content;animation:marquee 30s linear infinite}.ticker b{margin:0 38px;color:white}
.section{padding:112px 0;scroll-margin-top:80px}.about{background:#f5f7fa;color:#0a1f32}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:130px;align-items:center}.section h2{font:700 clamp(35px,4vw,55px)/1.13 Outfit,sans-serif;letter-spacing:-1.9px;margin:24px 0}.section h2 span{color:var(--orange)}.about-text p{font-size:17px;line-height:1.8;color:#506174}.about-text strong{color:#122b40}.text-link{display:inline-flex;gap:24px;margin-top:10px;color:#eb7108;font-weight:800;font-size:14px}.section-heading{max-width:690px}.section-heading.centered{text-align:center;margin:0 auto 48px}.section-heading>p{color:#a9bdcf;font-size:16px;line-height:1.7}
.solutions{background:linear-gradient(#0a1b2d,#0b2035);position:relative}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.solution-card{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.023));display:flex;flex-direction:column;min-height:600px;transition:transform .3s,border-color .3s,box-shadow .3s}.solution-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.3);box-shadow:0 30px 70px #0004}.solution-top{display:flex;justify-content:space-between;align-items:center}.chip{font-size:10px;letter-spacing:1.8px;font-weight:800;padding:9px 13px;border:1px solid rgba(255,255,255,.15);border-radius:30px;color:#bdcddd}.corner-arrow{font-size:22px;color:#93a7bb}.logo-panel{height:250px;background:#f1f5f9;border-radius:15px;display:grid;place-items:center;margin:23px 0 28px;overflow:hidden}.logo-panel img{width:205px;height:205px;object-fit:contain}.logo-panel.maker-logo{background:#edf2f8}.maker-logo img{width:230px;height:225px}.solution-card h3{font:700 31px Outfit,sans-serif;letter-spacing:-.8px;margin-bottom:10px}.solution-card>p{color:#adc1d2;font-size:15px;line-height:1.7;max-width:430px;min-height:78px}.card-bottom{margin-top:auto}.accent-line{display:block;width:40px;height:3px;background:#2dd0a8;margin:9px 0 25px;border-radius:10px}.maker-card .accent-line{background:#2f76ff}.card-btn{width:100%;justify-content:space-between;background:#24c99d;color:#061f26}.maker-card .card-btn{background:#2c75fa;color:#fff}.solutions-note{text-align:center;color:#7790a7;font-size:13px;margin-top:27px}
.principles{background:#081827}.principle-grid{margin-top:45px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.principle{border:1px solid var(--line);border-radius:18px;padding:28px;min-height:250px;background:rgba(255,255,255,.025);transition:background .2s,transform .2s}.principle:hover{background:rgba(255,255,255,.06);transform:translateY(-4px)}.principle-number{font-size:11px;color:var(--orange);font-weight:800;letter-spacing:2px}.principle-icon{font-size:34px;color:var(--orange);margin:19px 0}.principle h3{font:700 22px Outfit,sans-serif;margin-bottom:10px}.principle p{font-size:14px;line-height:1.75;color:#93abc0}.contact{padding:35px 0 110px}.contact-panel{position:relative;overflow:hidden;background:linear-gradient(105deg,#102e49,#0b1d31);border:1px solid rgba(255,121,0,.22);border-radius:28px;padding:75px;isolation:isolate}.contact-glow{position:absolute;z-index:-1;right:-130px;top:-130px;width:400px;height:400px;background:var(--orange);opacity:.15;filter:blur(70px);border-radius:50%}.contact h2{max-width:700px;font-size:clamp(38px,4.5vw,64px)}.contact p{color:#a9bdd0;max-width:650px;line-height:1.75;font-size:16px}footer{background:#04111d;border-top:1px solid var(--line)}.footer-top{padding:60px 0;display:grid;grid-template-columns:2fr 1fr 1fr 1.65fr;gap:30px}.footer-brand{font-size:21px}.footer-brand b{color:var(--orange)}.footer-top p{color:#8497a9;margin-top:10px;font-size:13px}.footer-top h4{font-size:12px;color:#fff;margin:0 0 23px}.footer-top a:not(.brand){display:block;color:#8ea2b4;font-size:13px;margin-bottom:14px;overflow-wrap:anywhere}.footer-top a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:12px;color:#72879b;font-size:12px}
.maker-page{background:#071727}.maker-main{min-height:calc(100vh - 70px);display:grid;place-items:center;position:relative;overflow:hidden;padding:160px 0 90px}.maker-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(47,118,255,.19);filter:blur(90px);right:-170px;top:80px}.maker-content{position:relative;text-align:center;display:flex;align-items:center;flex-direction:column}.maker-showcase{width:min(350px,80vw);background:#f1f5fa;border-radius:22px;box-shadow:0 25px 85px #0007;margin:26px 0 33px;overflow:hidden}.maker-showcase img{width:100%}.maker-main h1{font:700 clamp(44px,6vw,75px) Outfit,sans-serif;letter-spacing:-2px;margin:0 0 18px}.maker-main h1 em{font-style:normal;color:#3884ff}.maker-main p{color:#a9bfd4;max-width:580px;line-height:1.75}.maker-main .actions{justify-content:center}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:rotate(-3deg) translateY(-15px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1000px){.header{padding:0 26px}.header nav{gap:18px}.header nav a{font-size:12px}.container{width:min(100% - 44px,1200px)}.hero h1{font-size:56px}.hero-art{height:370px}.about-grid{gap:60px}.footer-top{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:760px){.header{height:72px;padding:0 20px}.brand{font-size:19px}.brand-icon{height:37px;width:37px;font-size:24px}.header-cta{margin-left:auto;padding:10px 12px;font-size:11px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:8px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:#fff}.header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:20px;background:#091d31;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:20px}.header nav.open{display:flex}.header nav a{font-size:15px;width:100%}.container{width:calc(100% - 36px)}.hero{padding:135px 0 85px;min-height:auto}.hero-layout{grid-template-columns:1fr;gap:22px}.hero h1{font-size:clamp(44px,10vw,62px);letter-spacing:-2px}.hero-copy>p{font-size:15px}.hero-art{height:auto;min-height:300px;margin:25px 10px 0}.art-frame{width:90%}.f-one{right:0;top:0}.f-two{left:0;bottom:0}.hero-foot{margin-top:38px}.scroll-indicator{bottom:14px}.section{padding:75px 0}.about-grid,.solution-grid,.principle-grid{grid-template-columns:1fr;gap:20px}.about-grid{gap:15px}.section h2{font-size:40px}.section-heading.centered{margin-bottom:32px}.solution-card{min-height:0;padding:20px}.solution-card>p{min-height:0}.logo-panel{height:215px}.logo-panel img{width:185px;height:185px}.maker-logo img{width:215px;height:205px}.principle{min-height:0}.contact{padding:20px 0 70px}.contact-panel{padding:48px 24px}.contact h2{font-size:40px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.maker-main{padding:120px 0 65px}}
@media(max-width:420px){.header-cta{display:none}.menu-toggle{margin-left:auto}.hero h1{font-size:43px}.eyebrow{font-size:9px;letter-spacing:1.5px}.btn{width:100%;justify-content:space-between}.hero-art{min-height:255px}.float-label{font-size:10px;padding:10px}.section h2{font-size:35px}.footer-top{grid-template-columns:1fr 1fr;gap:20px}.contact-panel{padding:37px 21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Hero artwork: the supplied brand reference is sampled only for its original emblem,
   never shown as a rectangular business-card mockup. */
.hero-art{isolation:isolate;min-height:505px}.hero-aura{position:absolute;z-index:-1;inset:10% 4%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,112,9,.19),rgba(24,65,99,.13) 38%,transparent 67%);filter:blur(15px)}.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(145,183,210,.17);border-radius:50%;pointer-events:none}.orbit-a{width:490px;height:490px}.orbit-b{width:375px;height:375px;border-style:dashed;border-color:rgba(255,132,35,.28)}.orbit-c{width:585px;height:290px;transform:translate(-50%,-50%) rotate(-34deg);border-color:rgba(255,255,255,.08)}.tech-node{width:8px;height:8px;position:absolute;background:#ff8218;border-radius:50%;box-shadow:0 0 0 6px rgba(255,121,0,.1),0 0 25px #f80}.node-a{top:10%;left:51%}.node-b{bottom:17%;right:9%;width:5px;height:5px;background:#6db5e9}.node-c{left:8%;bottom:34%;width:5px;height:5px}.symbol-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px;z-index:1}.symbol-glass{width:270px;height:270px;border-radius:52px;display:grid;place-items:center;transform:rotate(-7deg);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.02));box-shadow:0 28px 90px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.19);backdrop-filter:blur(12px)}.original-symbol{width:185px;height:185px;position:relative;overflow:hidden;border-radius:38px;transform:rotate(7deg);box-shadow:0 24px 55px #0007}.original-symbol img{position:absolute;width:963px;max-width:none;height:auto;left:-116px;top:-153px;pointer-events:none}.symbol-caption{text-align:center;text-transform:uppercase;letter-spacing:3px}.symbol-caption span{display:block;color:#f28e38;font-size:10px;font-weight:800;margin-bottom:8px}.symbol-caption strong{font:600 20px Outfit,sans-serif;letter-spacing:.6px;text-transform:none;color:#e5edf7}.hero-data{position:absolute;z-index:2;display:flex;flex-direction:column;gap:5px;background:rgba(8,28,45,.86);border:1px solid rgba(131,174,209,.18);border-radius:13px;backdrop-filter:blur(14px);padding:15px 18px;box-shadow:0 14px 40px #0004}.hero-data small{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#f68a36}.hero-data b{font:600 13px Outfit,sans-serif;color:#e5edf7}.data-line{display:block;height:2px;width:26px;background:#ff851a;margin-bottom:5px}.data-a{top:19%;right:-1%}.data-b{bottom:15%;left:-1%}
@media(max-width:1000px){.orbit-a{width:375px;height:375px}.orbit-b{width:300px;height:300px}.orbit-c{width:460px;height:240px}.symbol-glass{width:225px;height:225px}.original-symbol{transform:rotate(7deg) scale(.83)}.hero-data{padding:12px}.hero-art{min-height:425px}}
@media(max-width:760px){.hero-art{min-height:395px;overflow:hidden;margin:0}.orbit-a{width:340px;height:340px}.orbit-b{width:270px;height:270px}.orbit-c{width:400px;height:210px}.symbol-glass{width:215px;height:215px}.symbol-stage{gap:15px}.data-a{right:0;top:15%}.data-b{left:0;bottom:10%}.hero-data b{font-size:11px}.hero-data small{font-size:8px}}
@media(max-width:420px){.hero-art{min-height:340px}.symbol-glass{width:175px;height:175px;border-radius:37px}.original-symbol{transform:rotate(7deg) scale(.7)}.orbit-a{width:280px;height:280px}.orbit-b{width:225px;height:225px}.orbit-c{width:340px;height:170px}.hero-data{padding:9px}.hero-data b{font-size:10px}.hero-data small{font-size:7px}.data-a{right:-4px;top:12%}.data-b{left:-4px;bottom:10%}.symbol-caption strong{font-size:16px}}

/* Product-led hero composition, made from real brand assets and clearly illustrative UI. */
.hero-workspace{height:550px;min-height:550px;display:block;perspective:1100px}.workspace-light{position:absolute;width:540px;height:390px;left:6%;top:9%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,124,27,.2),rgba(61,126,182,.09) 45%,transparent 75%);filter:blur(25px)}.workspace-device{position:absolute;left:2%;top:15%;width:101%;height:390px;padding:10px;background:linear-gradient(135deg,#5d7285,#172a3a 15%,#060f18 70%,#465a6a);border:1px solid #7c8c9866;border-radius:21px;box-shadow:0 36px 75px #0009,0 0 80px rgba(255,105,0,.12),inset 0 1px 0 #ffffff66;transform:rotateY(-6deg) rotateX(2deg) rotateZ(-2deg);transform-origin:center center}.device-bar{height:34px;background:#0b1a29;border-radius:11px 11px 0 0;display:flex;justify-content:space-between;align-items:center;padding:0 13px;color:#afc2d1;font-size:9px;letter-spacing:1.3px;font-weight:800}.device-bar b{color:#638198}.bar-dots{display:flex;gap:5px}.bar-dots i{height:6px;width:6px;border-radius:50%;background:#fa8337}.bar-dots i:nth-child(2){background:#d2a63b}.bar-dots i:nth-child(3){background:#39ae91}.device-status{color:#94bbaf;font-size:8px}.device-screen{height:calc(100% - 34px);padding:21px 25px;background:radial-gradient(circle at 76% 85%,rgba(40,91,140,.19),transparent 52%),linear-gradient(135deg,#0c253b,#09192a 65%);border-radius:0 0 10px 10px;overflow:hidden;display:flex;flex-direction:column}.screen-heading{display:flex;flex-direction:column;gap:5px}.screen-heading>span{font-size:9px;letter-spacing:2px;font-weight:800;color:#ff8523}.screen-heading strong{font:600 21px Outfit,sans-serif;color:#eef6ff;letter-spacing:-.4px}.screen-heading small{font-size:11px;color:#88a5bd}.screen-products{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px;flex:1;min-height:0}.screen-product{min-width:0;background:linear-gradient(140deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.17);border-radius:12px;padding:11px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s}.screen-product:hover{transform:translateY(-3px);border-color:var(--orange)}.screen-logo{background:#f1f5f9;width:100%;height:100px;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden}.screen-logo img{height:96px;width:96px;object-fit:contain}.screen-product:nth-child(2) .screen-logo img{height:100px;width:110px}.screen-product>span{width:100%;display:flex;justify-content:space-between;margin-top:9px;font:700 13px Outfit,sans-serif;color:#f7f9fb}.screen-product>span b{color:#ff8c2f}.screen-product>small{font-size:9px;color:#91a8ba;margin-top:3px}.screen-bottom{display:flex;justify-content:space-between;margin-top:12px;padding-top:9px;border-top:1px solid rgba(255,255,255,.1);font-size:8px;font-weight:800;letter-spacing:1.1px;color:#718fa5}.screen-bottom i{display:inline-block;background:#ff821a;width:5px;height:5px;border-radius:50%;margin-right:5px}.device-stand{position:absolute;z-index:-1;bottom:4%;left:39%;height:80px;width:29%;background:linear-gradient(90deg,#142431,#4a5c68 50%,#101d28);clip-path:polygon(36% 0,66% 0,78% 83%,100% 96%,100% 100%,0 100%,0 96%,23% 83%);filter:drop-shadow(0 12px 10px #0009)}.workspace-floor{position:absolute;z-index:-2;bottom:5px;left:-3%;width:110%;height:95px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,120,15,.18),rgba(27,68,102,.12) 47%,transparent 70%);filter:blur(14px)}.workspace-tag{position:absolute;display:flex;gap:10px;align-items:center;padding:13px 17px;background:rgba(9,26,43,.93);border:1px solid rgba(255,255,255,.18);border-radius:13px;box-shadow:0 17px 45px #0008;backdrop-filter:blur(20px)}.workspace-tag strong,.workspace-tag small{display:block}.workspace-tag strong{font:700 12px Outfit,sans-serif}.workspace-tag small{margin-top:3px;color:#91afc8;font-size:10px}.tag-left{left:-8%;bottom:19%}.tag-right{right:-8%;top:9%}.tag-spark{font-size:20px;color:#ff841c}.tag-ring{width:20px;height:20px;border:3px solid #ff841c;border-right-color:transparent;border-radius:50%}
@media(max-width:1100px){.workspace-device{height:350px;top:16%}.hero-workspace{height:470px;min-height:470px}.device-screen{padding:15px}.screen-logo{height:80px}.screen-logo img{height:77px;width:77px}.screen-product:nth-child(2) .screen-logo img{height:80px}.screen-heading strong{font-size:18px}.tag-left{left:-3%}.tag-right{right:-3%}}
@media(max-width:760px){.hero-workspace{height:450px;min-height:450px;overflow:visible;margin:10px 0 0}.workspace-device{left:5%;width:90%;height:355px;top:12%;transform:rotateY(-4deg) rotateZ(-1deg)}.device-screen{padding:15px 17px}.tag-left{left:0;bottom:8%}.tag-right{right:0;top:3%}.device-stand{bottom:0}}
@media(max-width:420px){.hero-workspace{height:335px;min-height:335px;margin:0}.workspace-device{top:12%;left:0;width:100%;height:278px;padding:6px;border-radius:13px}.device-bar{height:25px;padding:0 7px;font-size:7px}.device-status{font-size:6px}.device-screen{height:calc(100% - 25px);padding:10px}.screen-heading>span{font-size:7px}.screen-heading strong{font-size:14px}.screen-heading small{font-size:9px}.screen-products{gap:8px;margin-top:10px}.screen-product{padding:7px;border-radius:8px}.screen-logo{height:70px}.screen-logo img{height:68px;width:68px}.screen-product:nth-child(2) .screen-logo img{height:70px;width:75px}.screen-product>span{font-size:10px}.screen-product>small{font-size:7px}.screen-bottom{font-size:6px;margin-top:7px;padding-top:6px}.workspace-tag{padding:8px 9px}.workspace-tag strong{font-size:9px}.workspace-tag small{font-size:7px}.tag-left{bottom:4%;left:-1%}.tag-right{top:1%;right:-1%}.tag-spark{font-size:14px}.tag-ring{width:13px;height:13px;border-width:2px}.device-stand{height:45px;bottom:0}}

/* Original wordmark is shown by cropping the untouched supplied brand asset,
   never by recreating its lettering or orange M in CSS. */
.brand-original{width:205px;height:60px;display:flex;align-items:center;flex:none}.brand-crop{position:relative;display:block;width:205px;height:58px;overflow:hidden}.brand-crop img{position:absolute;max-width:none;width:260px;height:auto;left:-31px;top:-41px}.footer-brand .brand-icon,.footer-brand>span:not(.brand-crop){display:none}.footer-brand{width:205px;height:58px;background-image:url('./assets/grupo-mobi.png');background-size:260px auto;background-position:-31px -41px;background-repeat:no-repeat}.maker-page .header .brand:not(.brand-original){font-size:0;width:205px;height:58px;overflow:hidden;background-image:url('./assets/grupo-mobi.png');background-size:260px auto;background-position:-31px -41px;background-repeat:no-repeat}.maker-page .header .brand:not(.brand-original)>*{visibility:hidden}

/* Cinematic editorial montage for the primary banner. */
.hero-photo{min-height:790px;background:#061522;isolation:isolate;padding-top:155px}.hero-photo-layer{position:absolute;inset:0;z-index:-2;background:url('./assets/grupo-mobi-hero-montagem.png') center center/cover no-repeat;animation:heroDrift 24s ease-in-out infinite alternate}.hero-photo-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,16,29,.97) 0%,rgba(5,21,36,.9) 28%,rgba(5,19,33,.65) 52%,rgba(3,14,27,.1) 100%),linear-gradient(0deg,rgba(3,15,26,.85),transparent 33%)}.hero-photo .hero-layout{display:block}.hero-photo .hero-copy{max-width:640px}.hero-photo h1{font-size:clamp(49px,5.6vw,83px);text-shadow:0 10px 30px #0006}.hero-photo .hero-copy>p{max-width:510px;color:#d8e2ec;text-shadow:0 5px 18px #0009}.hero-photo .hero-foot{margin-top:60px;color:#acbdc9}.hero-showcase{position:absolute;right:0;bottom:32px;display:flex;align-items:center;gap:12px;padding:14px 19px;background:rgba(4,20,35,.65);border:1px solid rgba(255,255,255,.2);border-radius:9px;backdrop-filter:blur(14px);color:#f4f7fa;font-size:10px;font-weight:800;letter-spacing:1.6px}.hero-showcase i{width:4px;height:4px;background:#ff851e;border-radius:50%}.hero-photo .scroll-indicator{display:none}@keyframes heroDrift{from{transform:scale(1)}to{transform:scale(1.045)}}
@media(max-width:1000px){.hero-photo{min-height:740px}.hero-photo-shade{background:linear-gradient(90deg,rgba(4,16,29,.97),rgba(5,18,32,.72) 67%,rgba(5,18,32,.28)),linear-gradient(0deg,rgba(3,15,26,.9),transparent 45%)}}
@media(max-width:760px){.brand-original{width:165px;height:50px}.brand-crop{width:165px;height:48px}.brand-crop img{width:215px;left:-25px;top:-34px}.hero-photo{min-height:760px;padding:140px 0 135px}.hero-photo-layer{background-position:52% center}.hero-photo-shade{background:linear-gradient(90deg,rgba(4,16,29,.94),rgba(4,16,29,.65)),linear-gradient(0deg,rgba(3,15,26,.83),transparent 60%)}.hero-photo h1{font-size:clamp(45px,10vw,65px)}.hero-showcase{left:18px;right:18px;bottom:27px;justify-content:center;gap:9px;letter-spacing:.8px;font-size:9px}.hero-photo .hero-foot{margin-top:45px}}
@media(max-width:420px){.hero-photo{min-height:745px}.hero-photo .hero-copy>p{font-size:15px}.hero-showcase{padding:12px 7px;font-size:8px;gap:7px}.hero-photo h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){.hero-photo-layer{animation:none}}

/* Full image always fits: no cover-cropping at any breakpoint. */
.hero-photo{min-height:max(790px,calc(50vw + 90px))}.hero-photo-layer{background-size:100% auto;background-position:center 88px;animation:none}.hero-photo-shade{background:linear-gradient(90deg,rgba(4,16,29,.95) 0%,rgba(4,16,29,.86) 22%,rgba(4,16,29,.5) 48%,rgba(4,16,29,.08) 100%),linear-gradient(0deg,#071727 0%,transparent 20%)}
.real-screen-section{background:#081827;padding:90px 0 105px;border-bottom:1px solid var(--line)}.real-screen-layout{display:grid;grid-template-columns:1fr 2fr;gap:45px;align-items:center}.real-screen-intro h2{font:700 clamp(31px,3.2vw,46px)/1.15 Outfit,sans-serif;letter-spacing:-1.2px;margin:21px 0}.real-screen-intro h2 span{color:var(--orange)}.real-screen-intro p{font-size:15px;line-height:1.75;color:#9db2c5;margin-bottom:22px}.real-monitor{overflow:hidden;border:8px solid #263a4b;border-radius:15px;box-shadow:0 25px 70px #0008,0 0 0 1px #7e98aa55}.real-monitor img{width:100%;height:auto;object-fit:contain}.monitor-top{height:32px;background:#12293e;color:#9db6cc;padding:0 10px;display:flex;gap:9px;align-items:center;font-size:9px;font-weight:800;letter-spacing:1.2px}.monitor-top a{margin-left:auto;color:#ff9b48}.monitor-dot{height:6px;width:6px;border-radius:50%;background:#ff821a}
@media(max-width:760px){.hero-photo{padding-top:calc(80px + 51vw);min-height:0;padding-bottom:100px}.hero-photo-layer{background-position:center 72px;background-size:100% auto}.hero-photo-shade{background:linear-gradient(0deg,#071727 0%,rgba(4,16,29,.9) 42%,rgba(4,16,29,.05) 85%)}.hero-photo .hero-copy{max-width:none}.hero-photo h1{font-size:clamp(40px,9vw,58px)}.hero-photo .hero-foot{margin-top:27px}.hero-showcase{bottom:15px}.real-screen-section{padding:70px 0}.real-screen-layout{grid-template-columns:1fr;gap:25px}.real-screen-intro h2{max-width:480px}.real-monitor{border-width:5px}.monitor-top{font-size:7px}}
@media(max-width:420px){.hero-photo{padding-top:calc(80px + 50vw);padding-bottom:85px}.hero-photo h1{font-size:43px}.hero-showcase{bottom:12px}.real-screen-section{padding:55px 0}}

/* The source screenshot is placed unedited as an <img> over the photo monitors.
   Screen content is never generated, retouched or cropped. */
.hero-photo-layer{z-index:-3}.photo-screen-overlays{position:absolute;z-index:-2;top:88px;left:0;width:100%;aspect-ratio:1774/887;pointer-events:none}.photo-screen{position:absolute;background:#091a2b;border:2px solid #14283c;box-shadow:0 1px 9px #0008;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2px}.photo-screen img{width:100%;height:auto;max-width:none;display:block}.photo-screen-pdv{left:18.3%;top:41.7%;width:8.6%;height:12.4%;transform:rotate(-3deg) skewY(-3deg)}.photo-screen-stock{left:40.9%;top:41.1%;width:7.5%;height:11.1%;transform:rotate(-2deg) skewY(-2deg)}.photo-screen-office{left:63.8%;top:39.5%;width:11.1%;height:15.2%;transform:rotate(-3deg) skewY(-2deg)}
@media(max-width:760px){.photo-screen-overlays{top:72px}.photo-screen{padding:0;border-width:1px}}

/* Final, photography-first hero: uncut panorama and front-facing original screenshots. */
.hero-photo{display:block;padding:150px 0 0;min-height:calc(420px + 50vw);background:linear-gradient(180deg,#071727,#0a2135 65%,#071727);overflow:hidden}.hero-photo .hero-layout{position:relative;z-index:2;display:block}.hero-photo .hero-copy{max-width:930px;margin:0 auto;text-align:center}.hero-photo .eyebrow{margin:auto}.hero-photo h1{font-size:clamp(45px,5.2vw,76px);max-width:890px;margin:21px auto 15px;line-height:1.08}.hero-photo .hero-copy>p{margin:0 auto;max-width:660px;font-size:16px;line-height:1.6}.hero-photo .actions{justify-content:center;margin-top:23px}.hero-photo .hero-foot{display:none}.hero-photo-layer{inset:420px 0 auto;height:50vw;background-image:url('./assets/grupo-mobi-hero-montagem-v2.png');background-size:100% 100%;background-position:center;background-repeat:no-repeat}.photo-screen-overlays{top:420px;height:50vw;aspect-ratio:auto}.photo-screen{border:0;border-radius:0;box-shadow:none;transform:none;padding:0;background:#071b30;overflow:hidden}.photo-screen img{width:100%;height:100%;object-fit:contain}.photo-screen-pdv{left:12.62%;top:30.75%;width:16.7%;height:19.2%;transform:none}.photo-screen-stock{left:34.93%;top:30.75%;width:16.77%;height:19.2%;transform:none}.photo-screen-office{left:63.47%;top:30.75%;width:17.52%;height:19.2%;transform:none}.hero-photo-shade{display:none}.hero-photo .hero-showcase{right:5%;bottom:2.7vw;z-index:3}.hero-photo .scroll-indicator{display:none}
@media(max-width:760px){.hero-photo{padding:118px 0 0;min-height:calc(410px + 50vw)}.hero-photo h1{font-size:clamp(39px,9vw,60px)}.hero-photo .hero-copy>p{font-size:14px}.hero-photo .actions{margin-top:18px}.hero-photo .btn{min-height:46px;padding:13px 16px}.hero-photo-layer{top:410px;height:50vw}.photo-screen-overlays{top:410px;height:50vw}.hero-photo .hero-showcase{bottom:1vw;right:4%;left:4%;padding:7px 10px;font-size:7px}.hero-photo .hero-foot{display:none}}
@media(max-width:420px){.hero-photo{padding:113px 0 0;min-height:calc(475px + 50vw)}.hero-photo h1{font-size:39px}.hero-photo .hero-copy>p{font-size:13px}.hero-photo .actions{display:grid;gap:8px}.hero-photo .btn{min-height:44px}.hero-photo-layer{top:475px;height:50vw}.photo-screen-overlays{top:475px;height:50vw}.hero-photo .hero-showcase{bottom:0}}

/* Restored original four-scene montage, with the real system only in the first PDV monitor. */
.hero-photo{min-height:max(790px,calc(50vw + 90px));padding:155px 0 85px}.hero-photo .hero-layout{display:block}.hero-photo .hero-copy{margin:0;max-width:640px;text-align:left}.hero-photo .hero-copy .eyebrow{margin:0}.hero-photo h1{margin:27px 0;font-size:clamp(49px,5.6vw,83px);max-width:none}.hero-photo .hero-copy>p{margin:0;max-width:510px;font-size:17px}.hero-photo .actions{justify-content:flex-start;margin-top:31px;display:flex}.hero-photo-layer{inset:88px 0 auto;height:50vw;background-image:url('./assets/grupo-mobi-hero-montagem.png');background-size:100% 100%}.hero-photo-shade{display:block;z-index:-1;background:linear-gradient(90deg,rgba(4,16,29,.96),rgba(4,16,29,.79) 30%,rgba(4,16,29,.35) 54%,transparent 100%),linear-gradient(0deg,#071727 0%,transparent 18%)}.photo-screen-overlays{top:88px;height:50vw}.photo-screen-stock,.photo-screen-office{display:none}.photo-screen-pdv{display:flex;left:17.9%;top:40.4%;width:9.0%;height:16.2%;transform:perspective(500px) rotateY(-12deg) rotateZ(-5deg);background:#0a2137;box-shadow:0 0 0 2px #0a1929}.photo-screen-pdv img{width:100%;height:100%;object-fit:contain}.hero-photo .hero-showcase{right:0;bottom:32px}.hero-photo .hero-foot{display:flex;margin-top:78px}
@media(max-width:760px){.hero-photo{min-height:0;padding:calc(80px + 51vw) 0 110px}.hero-photo-layer{inset:72px 0 auto;height:50vw}.photo-screen-overlays{top:72px;height:50vw}.hero-photo-shade{background:linear-gradient(0deg,#071727 0%,rgba(4,16,29,.84) 45%,rgba(4,16,29,.07) 90%)}.hero-photo h1{font-size:clamp(42px,10vw,62px)}.hero-photo .hero-copy>p{font-size:15px}.hero-photo .hero-foot{margin-top:35px}.hero-photo .hero-showcase{left:18px;right:18px;bottom:18px}}
@media(max-width:420px){.hero-photo{padding:calc(80px + 50vw) 0 105px}.hero-photo h1{font-size:43px}.hero-photo .actions{display:grid}.hero-photo .hero-showcase{bottom:12px}}

/* Brand presentation: same original pixels, proportional scaling and soft backdrop transition. */
.header{background:rgba(6,24,40,.95)}.brand-original{width:244px;height:68px}.brand-crop{width:244px;height:68px;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,rgba(0,0,0,.92),#000 5%,#000 92%,transparent 100%)}.brand-crop img{width:300px;height:auto;max-width:none;left:-34px;top:-47px;position:absolute;transform:none!important;filter:none!important}.footer-top>div:first-child>p{display:none}footer{background:#061b2b}.footer-brand{width:244px;height:68px;background-size:300px auto;background-position:-34px -47px;mask-image:linear-gradient(90deg,#000 0%,#000 92%,transparent 100%)}
@media(max-width:760px){.brand-original{width:192px;height:54px}.brand-crop{width:192px;height:54px}.brand-crop img{width:238px;left:-27px;top:-37px}}
@media(max-width:420px){.brand-original{width:176px;height:50px}.brand-crop{width:176px;height:50px}.brand-crop img{width:218px;left:-25px;top:-34px}}

/* Final client-supplied artwork: do not transform, overlay or modify the screen content.
   Crop only the letterboxed black margins as part of responsive presentation. */
.hero-photo{min-height:calc(425px + 50.45vw);padding:145px 0 0}.hero-photo .hero-copy{max-width:900px;text-align:center;margin:0 auto}.hero-photo .hero-copy .eyebrow{margin:auto}.hero-photo h1{font-size:clamp(45px,5vw,72px);max-width:900px;margin:22px auto 14px}.hero-photo .hero-copy>p{margin:0 auto;max-width:680px}.hero-photo .actions{justify-content:center;margin-top:22px}.hero-photo .hero-foot{display:none}.hero-photo-layer{inset:425px 0 auto;height:50.45vw;background-image:url('./assets/grupo-mobi-hero-final.png');background-size:100% auto;background-position:center -10.3vw;background-repeat:no-repeat}.hero-photo-shade{display:none}.hero-photo .hero-showcase{bottom:1.5vw;right:5%}
@media(max-width:760px){.hero-photo{min-height:calc(455px + 50.45vw);padding:118px 0 0}.hero-photo .hero-copy{text-align:center}.hero-photo .actions{display:flex;justify-content:center}.hero-photo-layer{inset:455px 0 auto;height:50.45vw;background-position:center -10.3vw}.hero-photo .hero-showcase{bottom:0;left:5%;right:5%}}
@media(max-width:420px){.hero-photo{min-height:calc(475px + 50.45vw);padding:113px 0 0}.hero-photo .hero-copy>p{font-size:13px}.hero-photo .actions{display:grid}.hero-photo-layer{inset:475px 0 auto;height:50.45vw}.hero-photo .hero-showcase{display:none}}

/* Restore the previous cinematic gradient treatment, keeping jj.png untouched. */
.hero-photo{min-height:max(790px,calc(50.45vw + 90px));padding:155px 0 85px}.hero-photo .hero-copy{margin:0;max-width:640px;text-align:left}.hero-photo .hero-copy .eyebrow{margin:0}.hero-photo h1{font-size:clamp(49px,5.6vw,83px);margin:27px 0;max-width:none}.hero-photo .hero-copy>p{margin:0;max-width:510px;font-size:17px}.hero-photo .actions{justify-content:flex-start;margin-top:31px}.hero-photo .hero-foot{display:flex;margin-top:70px}.hero-photo-layer{inset:88px 0 auto;height:50.45vw;background-image:url('./assets/grupo-mobi-hero-final.png');background-size:100% auto;background-position:center -10.3vw}.hero-photo-shade{display:block;z-index:-1;background:linear-gradient(90deg,rgba(4,16,29,.96) 0%,rgba(4,16,29,.83) 25%,rgba(4,16,29,.42) 52%,rgba(4,16,29,.03) 100%),linear-gradient(0deg,#071727 0%,transparent 20%)}.hero-photo .hero-showcase{right:0;bottom:32px}
@media(max-width:760px){.hero-photo{min-height:0;padding:calc(80px + 51vw) 0 110px}.hero-photo .hero-copy{text-align:left}.hero-photo .hero-copy>p{font-size:15px}.hero-photo .actions{justify-content:flex-start}.hero-photo h1{font-size:clamp(42px,10vw,62px)}.hero-photo-layer{inset:72px 0 auto;height:50.45vw;background-position:center -10.3vw}.hero-photo-shade{background:linear-gradient(0deg,#071727 0%,rgba(4,16,29,.84) 45%,rgba(4,16,29,.02) 90%)}.hero-photo .hero-foot{margin-top:35px}.hero-photo .hero-showcase{bottom:18px;right:18px;left:18px}}
@media(max-width:420px){.hero-photo{padding:calc(80px + 50vw) 0 105px}.hero-photo h1{font-size:43px}.hero-photo .actions{display:grid}.hero-photo .hero-showcase{display:none}}

/* Exact transparent logo asset — no cropping, masks, fake background or redraw. */
.header .brand.brand-official,.maker-page .header .brand.brand-official{display:flex;align-items:center;width:auto;height:auto;min-width:0;background:none!important;mask:none!important;overflow:visible;flex:none}.header .brand.brand-official img,.maker-page .header .brand.brand-official img{display:block;visibility:visible!important;width:218px;height:auto;max-width:none;max-height:none;object-fit:contain;filter:none!important;transform:none!important}.footer-brand-official{display:block;width:max-content;max-width:100%;background:none;mask:none;overflow:visible}.footer-brand-official img{display:block;width:260px;max-width:100%;height:auto;object-fit:contain;filter:none;transform:none}
@media(max-width:760px){.header .brand.brand-official img,.maker-page .header .brand.brand-official img{width:180px}}
@media(max-width:420px){.header .brand.brand-official img,.maker-page .header .brand.brand-official img{width:166px}}

/* Identidade institucional 2026: fundo oficial e paleta aplicada ao site inteiro. */
:root{--navy:#020f20;--navy2:#08213a;--orange:#ff861f;--white:#f5faff;--muted:#acc8d6;--line:rgba(116,194,225,.18);--emerald:#0bd4a2;--electric:#1982dc}
html{background:#020f20}
body{background:#020f20 url('./assets/grupo-mobi-fundo-institucional.png') center top / cover fixed no-repeat;color:var(--white)}
.header,.maker-page .header{background:rgba(2,14,30,.87);border-bottom:1px solid rgba(44,167,205,.19);box-shadow:0 6px 36px #01091738;backdrop-filter:blur(22px)}
.header-cta{background:linear-gradient(120deg,rgba(255,129,20,.16),rgba(255,129,20,.04));border-color:rgba(255,130,28,.58)}
.hero-photo{background:linear-gradient(90deg,rgba(2,13,28,.72),rgba(2,13,28,.38)),url('./assets/grupo-mobi-fundo-institucional.png') center top / cover no-repeat}
.hero-photo .hero-copy{position:relative;z-index:3}
.hero-photo .eyebrow{border-color:rgba(21,215,167,.44);background:rgba(4,52,65,.6);color:#51f2ce;box-shadow:0 0 26px #00d9b01b}
.hero-photo .live-dot{background:#16e7b6;box-shadow:0 0 12px #16e7b6}
.hero-photo h1{filter:drop-shadow(0 5px 20px #020b1c8c)}
.hero-photo .hero-copy>p{color:#d0e4f1}
.hero-photo .hero-foot{color:#9cc4d6}
.hero-photo .hero-photo-layer{filter:drop-shadow(0 15px 34px #0006)}
.hero-photo .hero-photo-shade{background:linear-gradient(90deg,rgba(2,13,28,.91),rgba(2,13,28,.73) 30%,rgba(2,13,28,.12) 70%),linear-gradient(0deg,#031329 0%,transparent 25%)}
.ticker{background:linear-gradient(100deg,#ff7718,#ff9e32 50%,#fd7416);color:#08172a;border-block:1px solid #ffb15c}
.section{position:relative;isolation:isolate}
.about{background:linear-gradient(132deg,rgba(3,17,34,.94),rgba(3,30,51,.9) 62%,rgba(3,19,36,.93));color:#f5fbff;border-top:1px solid rgba(10,210,164,.18);border-bottom:1px solid rgba(10,210,164,.15)}
.about .section-head h2{color:#f5fbff}
.about-text p{color:#bfd5e2}
.about-text strong{color:#f0fcff}
.about .text-link{color:#43e6bd}
.solutions{background:linear-gradient(160deg,rgba(2,17,35,.92),rgba(7,36,59,.82) 50%,rgba(2,19,38,.93));border-bottom:1px solid rgba(28,167,211,.15)}
.solutions .section-heading>p,.principles .section-heading>p{color:#b9d1df}
.solution-card{background:linear-gradient(145deg,rgba(13,58,84,.78),rgba(4,23,45,.87) 60%,rgba(4,18,33,.9));border:1px solid rgba(72,191,211,.25);box-shadow:inset 0 1px 0 #ffffff16,0 18px 40px #0003}
.solution-card:hover{border-color:rgba(30,228,182,.58);box-shadow:0 25px 60px #0006,0 0 34px rgba(4,207,172,.1)}
.solution-card .chip{background:rgba(9,46,66,.6);border-color:rgba(17,207,170,.32);color:#6cf1d0}
.solution-card .logo-panel{background:linear-gradient(135deg,#eef7fa,#dbeef2);border:1px solid #ffffff80}
.solution-card .maker-logo{background:linear-gradient(135deg,#edf4fc,#dcebf8)}
.solution-card>p{color:#c2d6e2}
.solution-card .card-btn{background:linear-gradient(115deg,#13ca9b,#54e1b8);color:#021d25}
.solution-card.maker-card .card-btn{background:linear-gradient(115deg,#176fcb,#349ee8);color:#fff}
.principles{background:linear-gradient(135deg,rgba(1,14,30,.94),rgba(4,28,52,.86),rgba(3,15,32,.94))}
.principle{background:linear-gradient(145deg,rgba(12,50,75,.67),rgba(3,19,38,.77));border:1px solid rgba(37,163,203,.23);box-shadow:inset 0 1px 0 #ffffff0a}
.principle:hover{background:linear-gradient(135deg,rgba(11,70,84,.8),rgba(4,30,57,.87));border-color:rgba(15,215,172,.5)}
.principle-icon{color:#4fe8be}
.principle p{color:#b3cfdf}
.contact{background:linear-gradient(180deg,rgba(2,16,33,.84),rgba(3,17,36,.96))}
.contact-panel{background:linear-gradient(120deg,rgba(5,45,66,.94),rgba(5,23,46,.92)),url('./assets/grupo-mobi-fundo-institucional.png') center / cover;border:1px solid rgba(26,219,176,.33);box-shadow:0 24px 75px #0005,0 0 65px #00d2a010}
.contact .kicker{color:#5ef2c8}
footer{background:linear-gradient(145deg,rgba(1,10,22,.97),rgba(3,29,48,.95));border-top:1px solid rgba(10,220,176,.24)}
.footer-top h4{color:#6cecc7}
.footer-top a:hover{color:#51ebc2}
@media(max-width:760px){body{background-attachment:scroll;background-size:auto 100vh}.hero-photo{background-position:center top}.hero-photo .hero-photo-shade{background:linear-gradient(0deg,#031329 0%,rgba(2,13,28,.87) 45%,rgba(2,13,28,.12) 92%)}.solution-card{box-shadow:inset 0 1px 0 #ffffff10,0 12px 35px #0003}}
@media(prefers-reduced-motion:reduce){.hero-photo .hero-photo-layer{filter:none}}
.maker-page{background:#020f20 url('./assets/grupo-mobi-fundo-institucional.png') center / cover fixed no-repeat}
.maker-page .maker-main{background:linear-gradient(110deg,rgba(2,13,28,.72),rgba(2,22,43,.32),rgba(2,13,28,.7))}
.maker-page .maker-glow{background:rgba(16,210,171,.23)}
@media(max-width:760px){.maker-page{background-attachment:scroll}}

/* Fundo contínuo oficial do Grupo Mobi em todas as seções.
   Preserva integralmente os logotipos, as fotografias e os prints dos sistemas. */
html{background:#020f20}
body,body.maker-page{background:#020f20 url('./assets/grupo-mobi-fundo-institucional.png') center center / cover fixed no-repeat}
main,footer{background:transparent}
.about,.solutions,.principles,.contact,footer{
  background:linear-gradient(120deg,rgba(2,12,28,.45),rgba(2,19,38,.25) 52%,rgba(1,12,27,.48));
}
.about,.solutions,.principles,.contact{backdrop-filter:none}
.about{border-top:1px solid rgba(20,219,172,.22)}
.solutions,.principles{border-bottom:1px solid rgba(61,171,213,.16)}
.contact-panel{background:linear-gradient(118deg,rgba(4,33,55,.86),rgba(3,18,38,.80));backdrop-filter:blur(8px)}
.hero-photo{background:linear-gradient(90deg,rgba(1,12,29,.48),rgba(1,14,31,.19))}
.maker-page .maker-main{background:linear-gradient(110deg,rgba(2,13,28,.34),rgba(2,22,43,.14),rgba(2,13,28,.38))}
@media(max-width:760px){
  body,body.maker-page{background-attachment:scroll;background-size:auto 100vh;background-repeat:repeat-y;background-position:center top}
  .about,.solutions,.principles,.contact,footer{background:linear-gradient(135deg,rgba(2,13,30,.62),rgba(3,25,46,.43),rgba(2,13,30,.62))}
}