/* Support24 Mobile Universe 4.0 — mobile web-app shell.
   Only small-screen styles; desktop CSS and desktop motion are untouched. */
.app-bottom-nav,.app-mobile-brandline,.app-top-search,.app-mobile-quickbar {display:none}
.app-search-dialog {display:none}
.app-visually-hidden {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (max-width:840px) {
 :root{--app-bg:#080d19;--app-cyan:#20e1f2;--app-violet:#9c4dff;--app-edge:rgba(117,183,240,.22)}
 html{scroll-padding-top:90px;scroll-behavior:smooth}
 body.support24-app-shell{min-width:0;overflow-x:clip;padding-bottom:calc(94px + env(safe-area-inset-bottom));background:#080d19;color:#f0f7ff;-webkit-tap-highlight-color:transparent}
 body.app-dialog-open{overflow:hidden}
 body.support24-app-shell .container{max-width:100%!important;width:calc(100% - 34px)!important;margin-inline:auto}
 .site-header{position:sticky!important;top:0!important;z-index:200!important;background:rgba(8,13,25,.93)!important;border-bottom:1px solid rgba(94,167,223,.15)!important;box-shadow:0 6px 30px #0005!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
 .site-header .header-inner{height:72px!important;min-height:72px!important;display:flex!important;align-items:center!important;gap:11px!important;padding:0!important}
 .site-header .brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;max-width:39px!important;width:39px!important;min-width:39px!important;overflow:hidden!important}
 .site-header .brand img{height:37px!important;max-height:37px!important;width:auto!important;max-width:none!important;object-fit:contain!important;object-position:left center!important}
 .app-mobile-brandline{display:flex!important;flex:1;min-width:0;flex-direction:column;gap:2px;line-height:1}
 .app-mobile-brandline b{font-family:Inter,system-ui,sans-serif;color:#f6fbff;font-size:14px;letter-spacing:.105em;font-weight:850}
 .app-mobile-brandline small{font-family:Inter,system-ui,sans-serif;color:#8ca7c7;font-size:8px;font-weight:700;letter-spacing:.19em;display:flex;align-items:center;gap:7px}
 .app-brand-ping{display:inline-block;width:5px;height:5px;background:#37f5c0;border-radius:50%;box-shadow:0 0 8px #37f5c0}
 .app-top-search,.site-header .nav-toggle{flex:0 0 40px!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;margin:0!important;border-radius:13px!important;border:1px solid rgba(84,155,215,.26)!important;background:linear-gradient(150deg,#142840,#101a31)!important;color:#e6f6ff!important;font-size:16px!important;box-shadow:inset 0 1px 0 #ffffff11!important;cursor:pointer}
 .app-top-search:active,.site-header .nav-toggle:active{transform:scale(.94)}
 .site-header .main-nav{display:none!important;position:fixed!important;z-index:210!important;top:78px!important;left:14px!important;right:14px!important;max-height:min(72vh,630px)!important;overflow:auto!important;background:#0b1830f5!important;border:1px solid #36628488!important;border-radius:23px!important;padding:15px!important;box-shadow:0 25px 70px #000c!important;backdrop-filter:blur(14px)!important;flex-direction:column!important;gap:0!important}
 .site-header .main-nav.open{display:flex!important}
 .site-header .main-nav>a{display:flex!important;align-items:center!important;min-height:46px!important;padding:11px 13px!important;color:#e4f4ff!important;font-size:14px!important;border-bottom:1px solid #ffffff0b}
 .site-header .main-nav .lang-switch{padding:12px 8px 4px!important;display:flex!important;justify-content:center!important}
 .app-bottom-nav{display:flex;position:fixed;z-index:190;bottom:calc(9px + env(safe-area-inset-bottom));left:11px;right:11px;min-height:71px;padding:7px 5px 6px;align-items:stretch;justify-content:space-between;gap:0;background:linear-gradient(145deg,rgba(20,39,65,.97),rgba(9,18,34,.98));border:1px solid #68b4e54d;border-radius:24px;box-shadow:0 13px 45px #000a, inset 0 1px 0 #d9faff10;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);font-family:Inter,system-ui,sans-serif}
 .app-dock-item{position:relative;display:flex;flex:1;min-width:0;gap:4px;flex-direction:column;align-items:center;justify-content:center;text-decoration:none!important;color:#8faac8!important;border-radius:16px;touch-action:manipulation;transition:background .2s,color .2s}
 .app-dock-item .app-dock-icon{height:31px;min-width:43px;padding:0 12px;display:grid;place-items:center;border-radius:12px;font-size:18px;transition:transform .2s,background .2s,color .2s}
 .app-dock-label{font-size:9px;font-weight:700;line-height:1.1;white-space:nowrap;letter-spacing:-.015em}
 .app-dock-item.active,.app-dock-item:focus-visible{color:#adf8ff!important}
 .app-dock-item.active .app-dock-icon{background:linear-gradient(135deg,rgba(32,225,242,.24),rgba(156,77,255,.13));color:#41ecff;box-shadow:inset 0 1px 0 #ffffff22,0 0 20px #20e1f218}
 .app-dock-item:active .app-dock-icon{transform:scale(.86)}
 .app-dock-item.active:before{content:"";position:absolute;top:-8px;left:calc(50% - 15px);width:30px;height:2px;background:linear-gradient(90deg,#20e1f2,#9c4dff);border-radius:4px;box-shadow:0 0 12px #20e1f2}
 .app-dock-item .app-tap-ring{position:absolute;left:50%;top:36%;width:36px;height:36px;border:1px solid #20e1f2;border-radius:50%;pointer-events:none;animation:appTouch .42s ease-out forwards}
 @keyframes appTouch{0%{opacity:.85;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}
 /* Hero: a compact dashboard rather than a long scroll-only website. */
 .du-hero{min-height:auto!important;padding:34px 0 58px!important;border-bottom:1px solid #2b5c8633}
 .du-hero .du-hero-inner{display:flex!important;flex-direction:column!important;gap:6px!important}
 .du-hero .du-hero-content{width:100%!important;max-width:none!important}
 .du-hero .du-tag{display:inline-flex!important;align-items:center!important;gap:7px;font-size:9px!important;letter-spacing:.13em!important;padding:8px 11px!important;background:rgba(32,225,242,.06);border:1px solid #20e1f230;border-radius:100px}
 .du-hero h1{font-size:clamp(33px,8vw,48px)!important;line-height:1.06!important;letter-spacing:-.055em!important;margin:17px 0 14px!important;max-width:95%;text-wrap:balance}
 .du-hero p{font-size:13px!important;line-height:1.65!important;color:#aebfda!important;max-width:460px}
 .app-mobile-quickbar{display:block!important;margin:20px 0 4px}
 .app-quickbar-search{width:100%;display:flex;align-items:center;gap:12px;min-height:54px;padding:12px 15px;border:1px solid #3b86ae9c;border-radius:17px;background:linear-gradient(120deg,#162e4b,#101f39);box-shadow:inset 0 1px 0 #ffffff14,0 9px 24px #0004;color:#d7ecff;cursor:pointer;font:600 13px/1.2 Inter,system-ui,sans-serif}
 .app-quickbar-search i:first-child{color:#22dbed;font-size:16px}.app-quickbar-search span{flex:1;text-align:left}.app-quickbar-search i:last-child{color:#88b4d1;font-size:12px}
 .app-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:11px}
 .app-quick-actions a{min-width:0;display:flex;justify-content:center;gap:8px;align-items:center;min-height:46px;border:1px solid #5d8bbb35;border-radius:14px;background:rgba(17,36,60,.65);color:#d8eefa!important;text-decoration:none!important;font:750 11px Inter,system-ui,sans-serif;letter-spacing:.06em}
 .app-quick-actions i{font-size:14px;color:#42dceb}
 .app-quick-actions a:active{background:rgba(33,94,131,.75);transform:scale(.97)}
 .du-hero-actions{display:flex!important;flex-direction:row!important;gap:9px!important;margin:20px 0 0!important}
 .du-hero-actions .du-btn{flex:1!important;min-width:0!important;min-height:47px!important;padding:10px!important;border-radius:13px!important;font-size:11px!important;justify-content:center!important;text-align:center}
 .du-hero-kpis{gap:10px!important;margin-top:18px!important;display:flex!important;justify-content:space-between}
 .du-hero-kpis>div{min-width:0;flex:1;padding:0 0 0 10px;border-left:1px solid #64c5ec28}
 .du-hero-kpis strong{font-size:12px!important;line-height:1.25}.du-hero-kpis span{font-size:7px!important;letter-spacing:.04em!important}
 .du-hero .du-scene{height:280px!important;min-height:280px!important;max-height:280px!important;perspective:620px!important;overflow:hidden}
 .du-hero .du-orbit{width:213px!important;height:213px!important}
 .du-hero .du-orbit.orbit-two{width:187px!important;height:187px!important}
 .du-hero .du-orbit.orbit-three{height:122px!important;width:280px!important}
 .du-hero .du-central{height:140px!important;width:140px!important}
 .du-hero .du-central strong{font-size:21px!important}
 .du-hero .du-hud{width:112px!important;min-height:72px!important;padding:8px!important;border-radius:12px!important}
 .du-hero .du-hud strong{font-size:11px!important;margin:6px 0 2px!important}.du-hero .du-hud small{font-size:7px!important}.du-hero .du-hud .hud-top{font-size:7px!important}.du-hero .du-bars{height:9px!important;gap:3px!important}
 .du-hero .du-hud.hud-web{left:0!important;top:0!important}.du-hero .du-hud.hud-crm{right:0!important;top:0!important}
 .du-hero .du-hud.hud-ot{left:0!important;bottom:0!important}.du-hero .du-hud.hud-it{right:0!important;bottom:0!important}
 .du-hero .du-scroll-cue{display:none!important}
 .du-motion-control{bottom:5px!important;right:16px!important;min-height:31px!important;font-size:9px!important;padding:7px 10px!important}
 /* Content behaves as app screens & touch friendly cards */
 main{position:relative;isolation:isolate}
 main>.section,.seo-landing-section,.portfolio-hero-section{scroll-margin-top:85px}
 main .section{padding-top:54px!important;padding-bottom:54px!important}
 .section-head{margin-bottom:22px!important}
 .section-head h2,.text-block h2,.seo-hero h1,.portfolio-hero-section h1{font-size:clamp(26px,7vw,38px)!important;line-height:1.16!important;letter-spacing:-.04em!important}
 .section-head p,.text-block p{font-size:13px!important;line-height:1.72!important}
 .eyebrow{font-size:9px!important;letter-spacing:.14em!important}
 .about-grid,.service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .about-card,.service-card{min-width:0;display:flex;flex-direction:column;padding:16px 13px!important;border-radius:18px!important;box-shadow:inset 0 1px 0 #ffffff0a,0 8px 22px #0004!important}
 .about-card h3,.service-card h3{font-size:13px!important;line-height:1.25!important;margin:8px 0!important}
 .about-card p,.service-card p{font-size:11px!important;line-height:1.58!important}
 .card-icon{width:40px!important;height:40px!important;min-height:40px!important;font-size:17px!important;border-radius:13px!important}
 .seo-card-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
 .seo-focus-card{padding:21px!important}
 .seo-focus-card h3{font-size:17px!important}
 .seo-focus-card p{font-size:13px!important}
 .portfolio-grid,.projects-grid,.blog-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:13px!important;padding:0 0 12px!important;scrollbar-width:thin;scrollbar-color:#5280a6 transparent}
 .portfolio-grid>*,.projects-grid>*,.blog-grid>*{flex:0 0 min(78vw,315px)!important;scroll-snap-align:start!important}
 .tech-panel,.du-terminal,.du-kb-search,.du-kb-card,.seo-detail-card,.contact-form{border-radius:19px!important;box-shadow:0 9px 28px #0004!important}
 .contact-form input,.contact-form textarea,.contact-form select,.du-kb-search input,.du-kb-search select{min-height:47px;font-size:16px!important}
 .du-kb-search form{gap:10px!important}
 .site-footer{padding:35px 0 24px!important}
 .site-footer .footer-inner{gap:22px!important}
 .whatsapp{bottom:calc(96px + env(safe-area-inset-bottom))!important;right:14px!important;transform:scale(.86);transform-origin:bottom right;z-index:170!important}
 /* Optional low-cost entry transitions, no permanent infinite animations */
 .app-motion-ready main>.section.app-enter{opacity:.72;transform:translate3d(0,10px,0);transition:opacity .45s ease,transform .45s ease}
 .app-motion-ready main>.section.app-enter.app-visible{opacity:1;transform:translate3d(0,0,0)}
 .app-motion-ready main>.section:not(.app-enter){opacity:1}
 /* Search is a true modal, with native browser focus management */
 .app-search-dialog{display:block;position:fixed;left:0;right:0;top:auto;bottom:0;margin:0;width:100%;max-width:none;max-height:min(85dvh,680px);overflow:auto;border:1px solid #6ab7e14d;border-bottom:0;border-radius:27px 27px 0 0;padding:22px 19px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(145deg,#122845,#080f21 65%);color:#edfaff;box-shadow:0 -15px 80px #000b;z-index:230;font-family:Inter,system-ui,sans-serif}
 .app-search-dialog:not([open]){display:none!important}
 .app-search-dialog::backdrop{background:rgba(2,7,17,.76);backdrop-filter:blur(4px)}
 .app-search-dialog[open]{animation:appSheet .25s cubic-bezier(.17,.67,.2,1) both}
 @keyframes appSheet{from{transform:translateY(38px);opacity:.6}to{transform:translateY(0);opacity:1}}
 .app-search-head{display:flex;gap:12px;align-items:center}
 .app-search-mark{height:43px;width:43px;flex-shrink:0;display:grid;place-items:center;border:1px solid #5aaed064;border-radius:13px;background:#183c55;color:#2de3f1;font-size:20px}
 .app-search-head>div{flex:1;min-width:0}.app-search-kicker{font-size:9px;color:#66ccdf;letter-spacing:.15em;font-weight:800}
 .app-search-head h2{font-size:19px!important;color:#f6fcff!important;margin:4px 0 0!important;letter-spacing:-.03em!important}
 .app-search-close{border:1px solid #42718b66;background:#182c44;color:#c5e3f5;border-radius:12px;width:39px;height:39px;display:grid;place-items:center;cursor:pointer}
 .app-search-intro{font-size:12px!important;line-height:1.6;color:#9eb7cc!important;margin:18px 0}
 .app-search-form{display:grid;gap:12px}
 .app-search-field{display:flex;align-items:center;gap:10px;border:1px solid #4e90ba87;border-radius:15px;background:#0b1930;padding:0 14px;min-height:57px}
 .app-search-field i{color:#22d7ed;font-size:16px}
 .app-search-field input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#edfaff!important;font-size:16px!important;padding:15px 0!important;box-shadow:none!important}
 .app-search-field input::placeholder{color:#7190ad}
 .app-search-submit{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border:0;border-radius:14px;background:linear-gradient(120deg,#26dbea,#9cc5fa);color:#061729;font-size:13px;font-weight:800;cursor:pointer}
 .app-search-quick{margin-top:24px}.app-search-quick>span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#89aaca;text-transform:uppercase}
 .app-shortcut-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:11px}
 .app-shortcut-list a{min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:8px 3px;border:1px solid #5285aa55;border-radius:14px;color:#deeffa!important;background:#192f4b;text-decoration:none!important;font-size:10px;font-weight:650}
 .app-shortcut-list a i{font-size:18px;color:#2ee1eb}
}
@media (max-width:360px){
 .site-header .header-inner{gap:8px!important}.app-mobile-brandline b{font-size:12px}.app-dock-label{font-size:8px}
 .app-bottom-nav{left:6px;right:6px;padding-inline:2px}.app-dock-item .app-dock-icon{min-width:35px;padding-inline:6px}
 .du-hero .du-hud{width:101px!important}.du-hero .du-scene{height:265px!important;min-height:265px!important}
 .du-hero-actions .du-btn{font-size:10px!important}.about-card,.service-card{padding:13px 10px!important}
}
@media(min-width:841px){.app-bottom-nav,.app-top-search,.app-mobile-brandline,.app-mobile-quickbar,.app-search-dialog{display:none!important}}
@media (max-width:840px) and (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.app-search-dialog[open]{animation:none!important}.app-motion-ready main>.section.app-enter{transform:none!important;transition:none!important;opacity:1!important}.app-dock-item,.app-dock-icon{transition:none!important}.app-dock-item .app-tap-ring{display:none!important}
}

/* Mobile Universe 4.2 — RESTORED hero, structured as an interactive app scene.
   Reactor and 4 actionable cards are separate layout regions: never overlap. */
.du-reactor,.du-hud-grid {display:contents}
@media screen and (max-width:840px) {
 .du-hero {display:block!important;padding-bottom:52px!important}
 .du-hero .du-hero-inner{width:calc(100% - 34px)!important;max-width:680px!important;margin:0 auto!important}
 .du-hero .du-hero-inner{gap:12px!important}
 .du-hero .du-scene{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:12px!important;overflow:visible!important;height:auto!important;
    min-height:0!important;max-height:none!important;perspective:none!important;
    margin-top:14px!important;isolation:isolate!important;
 }
 .du-hero .du-scene::before {display:none!important}
 .du-hero .du-reactor {
    position:relative!important;display:grid!important;place-items:center!important;
    width:100%!important;height:204px!important;min-height:204px!important;
    isolation:isolate!important;overflow:hidden!important;border-radius:25px!important;
    border:1px solid rgba(45,176,232,.24)!important;
    background:radial-gradient(ellipse at 50% 50%,rgba(43,168,219,.17),rgba(27,51,94,.09) 54%,rgba(11,29,49,.5) 82%),
      linear-gradient(145deg,rgba(12,28,53,.8),rgba(7,16,33,.75))!important;
    box-shadow:inset 0 1px 0 #9de8fc1a,0 12px 32px #0005!important;
    contain:layout paint!important;
 }
 .du-hero .du-reactor::after {
    content:'DIGITAL CORE  /  ONLINE';position:absolute;bottom:12px;left:0;right:0;
    text-align:center;font:700 8px/1.2 Inter,system-ui,sans-serif;letter-spacing:.24em;
    color:#7eb8d5;pointer-events:none;
 }
 .du-hero .du-reactor .du-central{
    position:relative!important;display:flex!important;grid-area:1/1!important;
    inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:136px!important;height:136px!important;margin:0!important;
    min-height:136px!important;z-index:4!important;
    animation:duAppFloat 8s ease-in-out infinite!important;
 }
 .du-hero .du-reactor .du-central strong{font-size:23px!important}
 .du-hero .du-reactor .du-central small{font-size:6px!important;letter-spacing:.2em!important}
 .du-hero .du-reactor .du-orbit {
    position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
    width:176px!important;height:176px!important;min-height:0!important;
    margin:-88px 0 0 -88px!important;animation-duration:35s!important;
    box-shadow:none!important;opacity:.8!important;pointer-events:none!important;
 }
 .du-hero .du-reactor .du-orbit.orbit-two{
    width:158px!important;height:158px!important;margin:-79px 0 0 -79px!important;
    animation-duration:30s!important;
 }
 .du-hero .du-reactor .du-orbit.orbit-three{
    width:220px!important;height:96px!important;margin:-48px 0 0 -110px!important;
    animation:none!important;transform:rotateZ(-26deg)!important;opacity:.56!important;
 }
 .du-hero .du-hud-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(104px,auto)!important;gap:11px!important;width:100%!important;
    margin:0!important;padding:0!important;position:relative!important;isolation:isolate!important;
 }
 .du-hero .du-hud-grid .du-hud,
 .du-hero .du-hud-grid .du-hud.hud-web,.du-hero .du-hud-grid .du-hud.hud-crm,
 .du-hero .du-hud-grid .du-hud.hud-ot,.du-hero .du-hud-grid .du-hud.hud-it{
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;
    top:auto!important;bottom:auto!important;transform:none!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    width:100%!important;max-width:none!important;min-width:0!important;
    min-height:104px!important;height:auto!important;margin:0!important;padding:13px!important;
    border-radius:17px!important;animation:none!important;
    background:linear-gradient(140deg,rgba(22,46,77,.96),rgba(12,24,47,.96))!important;
    border:1px solid rgba(99,191,233,.31)!important;
    box-shadow:inset 0 1px 0 #f0fcff0b,0 8px 20px #0004!important;
    transition:background .17s ease,border-color .17s ease!important;
    contain:layout paint!important;
 }
 .du-hero .du-hud-grid .du-hud.hud-crm{border-color:rgba(169,115,247,.46)!important}
 .du-hero .du-hud-grid .du-hud .hud-top{font-size:8px!important;letter-spacing:.08em!important}
 .du-hero .du-hud-grid .du-hud strong{
    font-size:12px!important;line-height:1.23!important;letter-spacing:-.02em!important;
    margin:9px 0 5px!important;overflow-wrap:break-word!important;
 }
 .du-hero .du-hud-grid .du-hud small{
    display:block!important;font-size:9px!important;line-height:1.3!important;color:#a4bdd5!important;
 }
 .du-hero .du-hud-grid .du-hud .du-bars{height:7px!important;margin-top:auto!important;padding-top:5px!important;opacity:.6}
 .du-hero .du-hud-grid .du-hud .du-bars b{animation:none!important;height:5px!important}
 .du-hero .du-hud-grid .du-hud:active{background:#22456a!important;border-color:#5debf8!important;transform:scale(.98)!important}
 .du-hero .du-motion-control{display:flex!important;position:relative!important;bottom:auto!important;right:auto!important;
    width:max-content!important;margin:12px 17px 0 auto!important;min-height:35px!important}
}
@keyframes duAppFloat {0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
@media (max-width:360px) {
 .du-hero .du-hud-grid{gap:9px!important}
 .du-hero .du-hud-grid .du-hud{padding:11px!important}
 .du-hero .du-reactor{height:192px!important;min-height:192px!important}
 .du-hero .du-reactor .du-central{width:125px!important;height:125px!important;min-height:125px!important}
}
@media (max-width:840px) and (prefers-reduced-motion:reduce) {
 .du-hero .du-reactor .du-orbit,.du-hero .du-reactor .du-central{animation:none!important}
}