:root{
  --bg:#04060b;
  --bg-2:#080b14;
  --panel:rgba(12,15,29,.78);
  --panel-solid:#0d1120;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.16);
  --text:#f4f8f6;
  --muted:#9eaaa6;
  --accent:#23e4ff;
  --accent-2:#b63cff;
  --accent-dark:#101735;
  --blue:#6ea8ff;
  --purple:#ee39ff;
  --max:1240px;
  --radius:28px;
  --shadow:0 34px 90px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(72,35,141,.18),transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
img,svg{display:block;max-width:100%}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.section{position:relative;padding:120px 0}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.ambient{position:fixed;border-radius:50%;filter:blur(110px);pointer-events:none;z-index:0;opacity:.16}
.ambient-one{width:500px;height:500px;background:var(--accent);top:-180px;right:-130px}
.ambient-two{width:380px;height:380px;background:#572072;bottom:8%;left:-190px}
.site-header,main,.site-footer{position:relative;z-index:2}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 0;transition:.3s ease}
.site-header.scrolled{padding:10px 0;background:rgba(4,6,11,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.brand-mark{width:32px;height:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transform:skewX(-12deg)}
.brand-mark span{display:block;border-radius:4px;background:linear-gradient(180deg,var(--accent),#b63cff)}
.brand-mark span:nth-child(1){height:42%;align-self:end}
.brand-mark span:nth-child(2){height:72%;align-self:end}
.brand-mark span:nth-child(3){height:100%;align-self:end}
.brand-copy{display:flex;align-items:baseline;gap:8px;letter-spacing:.08em}
.brand-copy strong{font-size:.92rem}
.brand-copy em{font-style:normal;font-size:.72rem;color:var(--accent);letter-spacing:.18em}
.main-nav{display:flex;align-items:center;gap:34px;font-size:.92rem;color:#c4cfcb}
.main-nav>a{transition:.25s ease}
.main-nav>a:hover{color:#fff}
.nav-cta{padding:12px 18px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(255,255,255,.035)}
.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);position:relative}
.menu-toggle span{position:absolute;width:19px;height:1.5px;background:#fff;left:13px;transition:.25s ease}
.menu-toggle span:first-child{top:18px}.menu-toggle span:last-child{top:26px}
.menu-toggle.active span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-toggle.active span:last-child{transform:translateY(-4px) rotate(-45deg)}
.hero{padding-top:170px;padding-bottom:42px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}
.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:70px}
.eyebrow,.section-kicker{font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:26px}
.eyebrow span{width:24px;height:1px;background:var(--accent)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(3.6rem,6.7vw,6.7rem);line-height:.94;letter-spacing:-.065em;margin-bottom:30px;font-weight:650}
h1 span{color:transparent;background:linear-gradient(90deg,#23e4ff 0%,#7a66ff 46%,#f22bd5 78%,#ff7a25 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0;text-shadow:0 0 42px rgba(111,73,255,.12)}
.hero-lead{max-width:660px;font-size:1.18rem;line-height:1.72;color:#afbab6;margin-bottom:34px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:999px;padding:15px 23px;font-weight:700;font-size:.93rem;border:1px solid transparent;transition:.25s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(110deg,#18dff8 0%,#7259ff 54%,#ef2bd7 100%);color:#fff;box-shadow:0 14px 40px rgba(111,73,255,.26),0 0 34px rgba(35,228,255,.1)}
.button-primary:hover{background:linear-gradient(110deg,#52ecff 0%,#876eff 54%,#ff48e4 100%);box-shadow:0 20px 48px rgba(111,73,255,.34),0 0 42px rgba(35,228,255,.16)}
.button-ghost{border-color:var(--line-strong);background:rgba(255,255,255,.025);color:#dbe3e0}
.button-ghost:hover{background:rgba(255,255,255,.07)}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:630px;border-top:1px solid var(--line);padding-top:22px}
.hero-proof div{display:flex;flex-direction:column;gap:5px}
.hero-proof strong{font-size:.7rem;color:var(--accent);letter-spacing:.12em}
.hero-proof span{font-size:.76rem;color:#8e9b96}
.hero-visual{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;perspective:1200px}
.orb{position:absolute;border-radius:50%;filter:blur(50px);opacity:.32}
.orb-a{width:250px;height:250px;background:#b63cff;right:4%;top:10%}
.orb-b{width:210px;height:210px;background:#ff2c9c;left:8%;bottom:6%;opacity:.2}
.dashboard-shell{position:relative;width:100%;max-width:690px;background:linear-gradient(145deg,rgba(18,19,39,.97),rgba(5,7,15,.98));border:1px solid rgba(255,255,255,.12);border-radius:25px;box-shadow:var(--shadow);overflow:hidden;transform:rotateY(-5deg) rotateX(2deg);transition:transform .18s ease;will-change:transform}
.dashboard-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 22%,transparent 70%,rgba(35,228,255,.04));pointer-events:none}
.dashboard-topbar{height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px}
.mini-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.78rem;color:#c9d4d0}
.mini-brand i{width:10px;height:10px;border-radius:3px;background:var(--accent);box-shadow:0 0 18px rgba(35,228,255,.7)}
.topbar-actions{display:flex;gap:7px}.topbar-actions b{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18)}
.dashboard-body{display:grid;grid-template-columns:62px 1fr;min-height:470px}
.dash-sidebar{border-right:1px solid var(--line);padding:20px 15px;display:flex;flex-direction:column;align-items:center;gap:23px;position:relative}
.dash-sidebar span,.sidebar-active{width:20px;height:20px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025)}
.sidebar-active{background:rgba(35,228,255,.13);border-color:rgba(35,228,255,.4);box-shadow:inset 0 0 0 5px rgba(35,228,255,.09)}
.dash-main{padding:24px}
.dash-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}
.dash-heading small{display:block;color:#72817c;font-size:.54rem;letter-spacing:.16em;margin-bottom:3px}.dash-heading h3{font-size:1.02rem;margin:0;letter-spacing:-.02em}
.live-pill{display:flex;align-items:center;gap:7px;font-size:.58rem;font-weight:800;letter-spacing:.12em;padding:7px 9px;border:1px solid rgba(35,228,255,.18);border-radius:999px;color:var(--accent);background:rgba(35,228,255,.05)}
.live-pill i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.metrics-row article{border:1px solid var(--line);border-radius:13px;padding:14px;background:rgba(255,255,255,.025)}
.metrics-row small{display:block;font-size:.56rem;color:#82908b;margin-bottom:7px}.metrics-row strong{display:block;font-size:1.28rem}.metrics-row em{font-style:normal;font-size:.55rem;color:var(--accent)}
.chart-card{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);padding:15px;margin-bottom:12px}
.chart-head{display:flex;justify-content:space-between;font-size:.65rem;color:#cbd4d1}.chart-head small{color:#73817c}
.chart-grid{height:160px;position:relative;margin-top:10px;overflow:hidden}
.chart-grid .line{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.06)}.line-1{top:25%}.line-2{top:50%}.line-3{top:75%}
.chart-grid svg{position:absolute;inset:0;width:100%;height:100%}.chart-grid .area{fill:url(#area)}.chart-grid .stroke{fill:none;stroke:var(--accent);stroke-width:3;filter:drop-shadow(0 0 8px rgba(35,228,255,.5))}
.activity-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.activity-row>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;border:1px solid var(--line);border-radius:11px;padding:10px;background:rgba(255,255,255,.018)}
.activity-row span{font-size:.55rem}.activity-row small{grid-column:2;font-size:.49rem;color:#6d7b76}.status{width:6px;height:6px;border-radius:50%;grid-row:1/3}.green{background:var(--accent)}.blue{background:var(--blue)}.purple{background:var(--purple)}
.float-card{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.14);background:rgba(13,15,30,.84);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.28);border-radius:15px;padding:13px 15px}
.float-a{left:-5px;bottom:80px;display:flex;flex-direction:column}.float-a span{color:var(--accent);font-size:1.05rem;font-weight:800}.float-a small{font-size:.59rem;color:#8f9b97}
.float-b{right:-6px;top:100px;display:flex;align-items:center;gap:9px;font-size:.67rem}.float-b i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.trust-strip{margin-top:54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:18px 0;color:#6f7c78;font-size:.65rem;letter-spacing:.17em}.trust-strip i{width:3px;height:3px;border-radius:50%;background:#4a5753}
.intro-section{padding-bottom:150px}
.split-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:100px;align-items:end}
h2{font-size:clamp(2.8rem,5vw,5.2rem);line-height:1.02;letter-spacing:-.055em;margin:12px 0 0;font-weight:620}
.split-heading p{font-size:1.12rem;line-height:1.8;color:#9faaa6;margin:0 0 8px}
.projects-section,.method-section{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0));border-top:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:.6fr 1fr;align-items:start;margin-bottom:72px}
.section-head>div{display:flex;align-items:center;gap:20px}.section-number{width:42px;height:42px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:.66rem}
.section-head h2{margin:0}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.project-card{position:relative;min-height:500px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:linear-gradient(145deg,rgba(16,18,37,.94),rgba(6,8,17,.96));display:grid;grid-template-rows:auto 1fr;box-shadow:0 22px 65px rgba(0,0,0,.2)}
.project-featured{grid-column:1/-1;grid-template-columns:.78fr 1.22fr;grid-template-rows:none;min-height:610px}
.project-copy{padding:38px;position:relative;z-index:2}.project-meta{display:flex;justify-content:space-between;align-items:center;color:#72817c;font-size:.6rem;letter-spacing:.16em;margin-bottom:34px}.project-meta b{color:#52605b}
.project-copy h3{font-size:clamp(2rem,3vw,3.4rem);letter-spacing:-.05em;margin-bottom:16px}.project-copy p{color:#a4afab;line-height:1.72;max-width:520px}.project-copy ul{padding:0;margin:27px 0 36px;list-style:none;display:grid;gap:12px;color:#c5cecb;font-size:.9rem}.project-copy li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin:0 10px 2px 0;box-shadow:0 0 10px rgba(35,228,255,.4)}
.case-link{display:inline-flex;gap:14px;align-items:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}
.project-visual,.project-mini-visual{position:relative;min-height:290px;overflow:hidden}
.project-visual:before,.project-mini-visual:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:var(--accent);filter:blur(100px);opacity:.11}
.queue-ui{display:flex;align-items:center;padding:70px 55px 70px 0}.queue-ui:before{right:5%;top:20%}
.ui-window{width:100%;background:#0c1715;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.38);transform:rotate(-2deg)}
.ui-bar{height:46px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 16px;color:#687671;font-size:.64rem}.ui-bar i{width:7px;height:7px;border-radius:50%;background:#27332f}.ui-bar span{margin-left:8px}
.queue-content{padding:22px}.queue-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.queue-stats div{border:1px solid var(--line);border-radius:12px;padding:14px;background:rgba(255,255,255,.02)}.queue-stats small{display:block;color:#687771;font-size:.55rem;letter-spacing:.12em}.queue-stats strong{font-size:1.25rem}
.queue-list{display:grid;gap:8px}.queue-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px}.queue-list>div.active{border-color:rgba(35,228,255,.32);background:rgba(35,228,255,.05)}.queue-list b{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.04);font-size:.67rem}.queue-list span{display:flex;flex-direction:column}.queue-list strong{font-size:.72rem}.queue-list small{font-size:.52rem;color:#6f7d78}.queue-list em{font-style:normal;font-size:.62rem;color:var(--accent)}
.calendar-ui{padding:25px 30px 32px}.calendar-ui:before{left:15%;bottom:-30%}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.calendar-head span{font-weight:700}.calendar-head b{font-size:.56rem;color:#05060b;background:var(--accent);border-radius:999px;padding:7px 10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-grid span{text-align:center;color:#66746f;font-size:.54rem}.calendar-grid i{aspect-ratio:1;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.018)}.calendar-grid i.event{background:linear-gradient(135deg,rgba(35,228,255,.28),rgba(35,228,255,.06));border-color:rgba(35,228,255,.26)}.calendar-grid i.event.alt{background:linear-gradient(135deg,rgba(117,167,255,.25),rgba(117,167,255,.05));border-color:rgba(117,167,255,.22)}
.automation-ui{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px;flex-wrap:wrap}.automation-ui:before{right:10%;top:10%}.automation-ui>i{font-style:normal;color:#53625d}.flow-node{width:88px;height:88px;border:1px solid var(--line);border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.03);box-shadow:inset 0 1px rgba(255,255,255,.05)}.flow-node b{font-size:1.1rem;color:var(--accent)}.flow-node span{font-size:.56rem;color:#76847f;margin-top:4px}.automation-result{width:100%;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(35,228,255,.18);border-radius:12px;background:rgba(35,228,255,.045)}.automation-result>span{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.automation-result div{display:flex;flex-direction:column}.automation-result small{font-size:.48rem;letter-spacing:.1em;color:#6c7b76}.automation-result strong{font-size:.64rem}
.solutions-section{border-top:1px solid var(--line)}
.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.solution-card{position:relative;background:var(--bg);padding:38px;min-height:350px;transition:.3s ease}.solution-card:hover{background:#0a0d18;transform:translateY(-5px);z-index:2;box-shadow:0 20px 60px rgba(0,0,0,.28)}.solution-card>span{position:absolute;right:24px;top:22px;color:#50605a;font-size:.62rem}.solution-icon{width:50px;height:50px;border:1px solid var(--line-strong);border-radius:15px;display:grid;place-items:center;color:var(--accent);font-size:1.25rem;margin-bottom:55px;background:rgba(35,228,255,.03)}.solution-card h3{font-size:1.35rem;letter-spacing:-.03em;margin-bottom:14px}.solution-card p{color:#8e9a96;font-size:.93rem;line-height:1.75;margin:0}
.method-grid{display:grid;grid-template-columns:.8fr 1fr;gap:100px;align-items:start}.method-sticky{position:sticky;top:120px}.method-sticky .section-number{margin-bottom:28px}.method-sticky p{color:#97a39f;max-width:500px;line-height:1.8;margin-top:26px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:34px 0;border-bottom:1px solid var(--line)}.step>b{color:var(--accent);font-size:.68rem;letter-spacing:.13em}.step h3{font-size:1.55rem;margin-bottom:10px;letter-spacing:-.035em}.step p{color:#929f9a;line-height:1.75;margin:0;max-width:600px}
.contact-section{padding-bottom:90px}.contact-shell{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;border:1px solid rgba(35,228,255,.2);border-radius:34px;padding:70px;background:radial-gradient(circle at 5% 100%,rgba(255,47,190,.16),transparent 34%),radial-gradient(circle at 95% 0%,rgba(35,228,255,.12),transparent 30%),linear-gradient(145deg,rgba(31,22,64,.82),rgba(6,8,18,.96));overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.3)}.contact-shell:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:var(--accent);filter:blur(150px);opacity:.12;left:-200px;bottom:-300px}.contact-copy,.contact-form{position:relative;z-index:2}.contact-copy h2{font-size:clamp(3.2rem,6vw,6rem)}.contact-copy p{color:#a4afab;line-height:1.8;max-width:470px;margin-top:24px}.contact-points{display:grid;gap:11px;margin-top:30px}.contact-points div{display:flex;gap:10px;align-items:center;color:#c1cbc7;font-size:.88rem}.contact-points i{font-style:normal;color:var(--accent)}
.contact-form{display:grid;gap:16px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:grid;gap:8px}.contact-form label>span{font-size:.68rem;color:#8f9c97;letter-spacing:.05em}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(4,6,14,.62);color:#fff;border-radius:13px;padding:14px 15px;outline:none;transition:.2s ease}.contact-form textarea{resize:vertical;min-height:145px}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(35,228,255,.56);box-shadow:0 0 0 4px rgba(35,228,255,.06)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#5f6e69}.consent{display:flex!important;grid-template-columns:auto 1fr;align-items:start;gap:10px!important}.consent input{width:17px;height:17px;margin-top:1px;accent-color:var(--accent)}.consent span{line-height:1.55}.submit-button{border:0;width:100%;margin-top:2px}.submit-button b{font-size:1rem}.submit-button[disabled]{opacity:.55;cursor:not-allowed;transform:none}.form-status{min-height:22px;font-size:.8rem}.form-status.success{color:var(--accent)}.form-status.error{color:#ff9b9b}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}
.site-footer{border-top:1px solid var(--line);padding:42px 0 24px}.footer-top{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}.footer-top p{color:#7f8c87;margin:0;text-align:center;font-size:.82rem}.footer-mail{font-size:.82rem;color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;color:#596661;font-size:.68rem;letter-spacing:.08em}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@media (max-width:1100px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:850px}.hero-visual{min-height:570px}.project-featured{grid-template-columns:1fr;min-height:auto}.queue-ui{padding:20px 38px 55px}.solutions-grid{grid-template-columns:repeat(2,1fr)}.method-grid{gap:55px}.contact-shell{grid-template-columns:1fr;padding:55px}.contact-copy p{max-width:700px}}
@media (max-width:820px){.section{padding:86px 0}.container{width:min(calc(100% - 28px),var(--max))}.menu-toggle{display:block}.main-nav{position:fixed;inset:76px 14px auto;background:rgba(5,7,15,.98);border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;gap:4px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s ease;box-shadow:var(--shadow)}.main-nav.open{opacity:1;visibility:visible;transform:none}.main-nav a{padding:14px;border-radius:12px}.main-nav a:hover{background:rgba(255,255,255,.04)}.nav-cta{text-align:center;margin-top:4px;background:var(--accent)!important;color:#05060b!important}.hero{padding-top:130px;min-height:auto}.hero-visual{min-height:500px}.dashboard-shell{transform:none}.float-a{left:8px}.float-b{right:8px}.trust-strip{overflow:auto;gap:28px;justify-content:flex-start}.trust-strip span{white-space:nowrap}.split-heading,.section-head,.method-grid{grid-template-columns:1fr;gap:36px}.section-head{margin-bottom:48px}.section-head>div{align-items:center}.project-grid{grid-template-columns:1fr}.project-featured{grid-column:auto}.solutions-grid{grid-template-columns:1fr 1fr}.method-sticky{position:static}.contact-shell{padding:36px 24px;border-radius:26px}.footer-top{grid-template-columns:1fr;text-align:center;justify-items:center;gap:20px}.footer-bottom{flex-direction:column;align-items:center;gap:8px}.project-copy{padding:28px}}
@media (max-width:620px){h1{font-size:clamp(3rem,15vw,4.6rem)}.hero-proof{grid-template-columns:1fr;gap:15px}.hero-proof div{flex-direction:row;align-items:center}.hero-visual{min-height:390px;margin-top:10px}.dashboard-shell{border-radius:17px}.dashboard-body{grid-template-columns:42px 1fr}.dash-sidebar{padding-inline:10px}.dash-main{padding:14px}.metrics-row{grid-template-columns:1fr 1fr}.metrics-row article:nth-child(3){display:none}.activity-row{grid-template-columns:1fr}.activity-row>div:nth-child(n+2){display:none}.chart-grid{height:120px}.float-card{display:none}.project-card{min-height:auto}.queue-ui{padding:10px 18px 34px}.queue-list>div{grid-template-columns:auto 1fr}.queue-list em{display:none}.solutions-grid{grid-template-columns:1fr}.solution-card{min-height:300px}.solution-icon{margin-bottom:38px}.field-row{grid-template-columns:1fr}.contact-shell{padding:30px 18px}.contact-copy h2{font-size:3.4rem}.section-head h2{font-size:2.8rem}.step{grid-template-columns:55px 1fr}.project-mini-visual{min-height:260px}.footer-top p{max-width:320px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.dashboard-shell,.button,.solution-card{transition:none}}


/* X FLOW brand + bilingual navigation */
.header-actions{display:flex;align-items:center;gap:22px}
.brand-image{height:54px;min-width:156px;overflow:visible}
.brand-image img{width:190px;height:auto;max-width:none;filter:drop-shadow(0 0 16px rgba(97,92,255,.18));transform:translateY(1px)}
.site-header.scrolled .brand-image{height:50px}
.site-header.scrolled .brand-image img{width:174px}
.language-switch{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-size:.64rem;font-weight:800;letter-spacing:.12em;color:#78838f}
.language-switch span{width:1px;height:12px;background:var(--line-strong)}
.language-switch a{transition:.2s ease}
.language-switch a:hover,.language-switch a.active{color:#fff;text-shadow:0 0 16px rgba(35,228,255,.55)}
.location-chip{display:inline-flex;align-items:center;gap:9px;margin:-10px 0 23px;padding:8px 12px;border:1px solid rgba(35,228,255,.16);border-radius:999px;background:rgba(35,228,255,.035);color:#a8b4c4;font-size:.67rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.location-chip i{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#23e4ff,#f22bd5);box-shadow:0 0 13px rgba(35,228,255,.8)}
.hero-logo-echo{position:absolute;z-index:0;width:88%;top:1%;right:-6%;opacity:.065;filter:blur(.2px) saturate(1.25);pointer-events:none}
.hero-logo-echo img{width:100%}
.dashboard-shell,.float-card,.orb{z-index:2}
.hero-visual:after{content:"";position:absolute;z-index:1;width:72%;height:42%;border-radius:50%;background:linear-gradient(90deg,rgba(35,228,255,.24),rgba(145,63,255,.25),rgba(242,43,213,.2));filter:blur(80px);opacity:.38;transform:rotate(-9deg)}
.eyebrow,.section-kicker{background:linear-gradient(90deg,#23e4ff,#9a61ff,#f22bd5);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow span{background:linear-gradient(90deg,#23e4ff,#f22bd5)}
.section-number{background:linear-gradient(135deg,#23e4ff,#a754ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.solution-icon{background:linear-gradient(145deg,rgba(35,228,255,.055),rgba(242,43,213,.035));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.project-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(35,228,255,.035),transparent 28%,transparent 70%,rgba(242,43,213,.025))}
.footer-brand{height:62px}
.footer-brand img{width:204px}
.footer-identity{text-align:center;display:grid;gap:7px}
.footer-identity p{margin:0}
.footer-identity strong{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:#a8b2c3;font-weight:700}
html[lang="de"] h1{font-size:clamp(3.1rem,5.65vw,5.85rem)}
html[lang="de"] .hero-lead{max-width:690px}

@media (max-width:980px){
  .main-nav{gap:22px}
  .header-actions{gap:14px}
  .brand-image img{width:170px}
}
@media (max-width:820px){
  .header-actions{gap:10px}
  .brand-image{height:47px;min-width:132px}
  .brand-image img,.site-header.scrolled .brand-image img{width:150px}
  .main-nav{inset:82px 14px auto}
  .language-switch{padding:7px 9px}
  .hero-logo-echo{width:100%;right:-10%;top:4%}
}
@media (max-width:480px){
  .container{width:min(calc(100% - 22px),var(--max))}
  .brand-image{min-width:108px}
  .brand-image img,.site-header.scrolled .brand-image img{width:126px}
  .language-switch{gap:6px;padding:6px 8px;font-size:.58rem}
  .menu-toggle{width:42px;height:42px}
  .menu-toggle span{left:11px}
  .location-chip{font-size:.57rem;letter-spacing:.055em;white-space:nowrap}
  html[lang="de"] h1{font-size:clamp(2.65rem,12vw,4.15rem)}
  .footer-brand img{width:190px}
}

@media (max-width:820px){.nav-cta{background:linear-gradient(110deg,#18dff8,#7259ff 54%,#ef2bd7)!important;color:#fff!important;border-color:transparent!important}}

/* X FLOW V4 — motion, clients and real project systems */
.scroll-progress{position:fixed;z-index:100;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.025);pointer-events:none}
.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#23e4ff,#765cff 52%,#f22bd5 82%,#ff7a25);box-shadow:0 0 18px rgba(79,220,255,.6);transform-origin:left center}
.flow-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.48}
.cursor-glow{position:fixed;z-index:1;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(35,228,255,.075),rgba(128,74,255,.035) 36%,transparent 70%);filter:blur(4px);transform:translate(-50%,-50%);opacity:0;transition:opacity .25s ease}
body.cursor-active .cursor-glow{opacity:1}
.chart-grid .stroke{stroke-dasharray:900;stroke-dashoffset:900;animation:draw-flow 2.2s cubic-bezier(.2,.8,.2,1) .35s forwards}
.chart-grid .area{opacity:0;animation:fade-area 1.3s ease 1.25s forwards}
.live-pill i,.float-b i{animation:live-pulse 1.8s ease-in-out infinite}
.orb-a{animation:orb-float-a 10s ease-in-out infinite alternate}
.orb-b{animation:orb-float-b 13s ease-in-out infinite alternate}
@keyframes draw-flow{to{stroke-dashoffset:0}}
@keyframes fade-area{to{opacity:1}}
@keyframes live-pulse{0%,100%{box-shadow:0 0 0 0 rgba(35,228,255,.65),0 0 10px var(--accent)}50%{box-shadow:0 0 0 7px rgba(35,228,255,0),0 0 18px var(--accent)}}
@keyframes orb-float-a{to{transform:translate3d(-36px,44px,0) scale(1.13)}}
@keyframes orb-float-b{to{transform:translate3d(42px,-34px,0) scale(.9)}}

.clients-section{padding-top:28px;padding-bottom:150px}
.clients-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:center;padding:48px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(13,17,32,.84),rgba(5,7,15,.94));box-shadow:0 28px 80px rgba(0,0,0,.22);overflow:hidden;position:relative}
.clients-shell:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-190px;top:-260px;background:linear-gradient(135deg,#23e4ff,#8a4fff,#f22bd5);filter:blur(130px);opacity:.12;pointer-events:none}
.clients-copy{position:relative;z-index:2}
.clients-copy h2{font-size:clamp(2.35rem,4.1vw,4.4rem);line-height:1.04;letter-spacing:-.052em;margin:15px 0 22px}
.clients-copy p{margin:0;color:#9aa7a2;line-height:1.76;max-width:490px}
.client-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2}
.client-logo-card{position:relative;min-height:260px;padding:22px 18px 20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012));display:grid;grid-template-rows:1fr auto;gap:18px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}
.client-logo-card:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 180deg,transparent,rgba(35,228,255,.08),transparent 30%,rgba(242,43,213,.07),transparent 68%);animation:client-spin 12s linear infinite;opacity:.5}
.client-logo-card:hover{transform:translateY(-7px);border-color:rgba(35,228,255,.26);box-shadow:0 26px 70px rgba(0,0,0,.28)}
.client-logo-card>*{position:relative;z-index:2}
.client-logo{display:flex;align-items:center;justify-content:center;min-height:145px}
.client-logo img{max-height:130px;width:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}
.golden-client img{max-height:120px}
.symbol-client img{max-height:106px;opacity:.92}
.client-logo-card>div:last-child{display:grid;gap:6px}
.client-logo-card strong{font-size:.9rem;letter-spacing:-.01em}
.client-logo-card span{display:flex;align-items:center;gap:7px;color:#77847f;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}
.client-logo-card span i{width:6px;height:6px;border-radius:50%;background:#32e6b4;box-shadow:0 0 10px rgba(50,230,180,.62)}
@keyframes client-spin{to{transform:rotate(360deg)}}

.interactive-card{--mouse-x:50%;--mouse-y:50%;transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;transform-style:preserve-3d}
.interactive-card:hover{border-color:rgba(35,228,255,.21);box-shadow:0 38px 95px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.025)}
.card-shine{position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(520px circle at var(--mouse-x) var(--mouse-y),rgba(35,228,255,.095),rgba(126,77,255,.04) 28%,transparent 62%);opacity:0;transition:opacity .3s ease}
.interactive-card:hover .card-shine{opacity:1}
.interactive-card>.project-copy,.interactive-card>.project-visual,.interactive-card>.project-mini-visual{position:relative;z-index:2}
.project-brand-lockup{width:142px;height:72px;display:flex;align-items:center;margin:-4px 0 4px}
.project-brand-lockup img{max-height:68px;width:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.24))}
.project-dipa-mark{width:70px;height:46px;display:flex;align-items:center;margin:-6px 0 7px}
.project-dipa-mark img{max-height:44px;width:auto;opacity:.86}

.golden-os-ui{display:flex;align-items:center;padding:45px 45px 45px 0;min-height:610px}
.golden-os-ui:before{right:8%;top:18%;background:#f1c96b;opacity:.085}
.os-window{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:19px;overflow:hidden;background:#080a12;box-shadow:0 35px 80px rgba(0,0,0,.4);transform:perspective(1100px) rotateY(-4deg) rotateX(1deg);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.project-card:hover .os-window{transform:perspective(1100px) rotateY(-1.5deg) rotateX(0deg) translateY(-5px)}
.ui-bar em{margin-left:auto;font-style:normal;font-size:.47rem;letter-spacing:.14em;color:#f4d274;border:1px solid rgba(241,201,107,.24);border-radius:999px;padding:4px 7px;background:rgba(241,201,107,.05)}
.os-content{display:grid;grid-template-columns:52px 1fr;min-height:390px}
.os-content aside{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:20px;padding:17px 10px}
.os-content aside b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:linear-gradient(135deg,#d5a849,#f7e2a0);color:#15110a;font-size:.78rem}
.os-content aside span{width:18px;height:18px;border-radius:5px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.os-content aside span.active{background:rgba(241,201,107,.13);border-color:rgba(241,201,107,.34);box-shadow:inset 0 0 0 4px rgba(241,201,107,.06)}
.os-main{padding:20px}
.os-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.os-heading small{display:block;font-size:.48rem;letter-spacing:.13em;color:#757d81}.os-heading strong{display:block;font-size:.95rem}.os-heading>span{font-size:.53rem;color:#7d858a;border:1px solid var(--line);border-radius:999px;padding:6px 8px}
.os-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:10px}
.os-metrics>div{border:1px solid var(--line);border-radius:11px;padding:12px;background:rgba(255,255,255,.022)}
.os-metrics small{display:block;font-size:.49rem;color:#747d81;margin-bottom:6px}.os-metrics strong{display:block;font-size:1rem}.os-metrics em{font-style:normal;color:#f1c96b;font-size:.49rem}
.os-panels{display:grid;grid-template-columns:1.55fr .85fr;gap:9px}
.os-chart,.os-team{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);padding:12px}
.os-chart>div:first-child{display:flex;justify-content:space-between;align-items:center}.os-chart strong{font-size:.57rem}.os-chart span{font-size:.47rem;color:#747d81}.os-chart svg{width:100%;height:135px;margin-top:7px}.os-area{fill:url(#goldenArea);opacity:.85}.os-line{fill:none;stroke:#f1c96b;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(241,201,107,.38));stroke-dasharray:760;stroke-dashoffset:760;animation:draw-golden 2.2s cubic-bezier(.2,.8,.2,1) .6s forwards}
.os-team{display:grid;gap:8px;align-content:start}.os-team>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:8px;border-radius:9px;background:rgba(255,255,255,.025)}.os-team i{width:6px;height:6px;border-radius:50%;background:#32e6b4;box-shadow:0 0 8px rgba(50,230,180,.5)}.os-team i.violet{background:#a56cff;box-shadow:0 0 8px rgba(165,108,255,.5)}.os-team span{display:grid}.os-team strong{font-size:.51rem}.os-team small{font-size:.42rem;color:#737d80}.os-team b{font-size:.5rem;color:#f1c96b}
@keyframes draw-golden{to{stroke-dashoffset:0}}
.compact-queue{padding:25px 25px 38px;min-height:315px;align-items:flex-start}
.compact-queue .ui-window{width:100%;transform:none}
.compact-queue .queue-content{padding:15px}
.compact-queue .queue-list>div{padding:9px 10px}

@media (max-width:1100px){
  .clients-shell{grid-template-columns:1fr;gap:36px}
  .clients-copy p{max-width:760px}
  .golden-os-ui{padding:20px 38px 48px;min-height:500px}
  .os-window{transform:none}
}
@media (max-width:820px){
  .clients-section{padding-top:12px;padding-bottom:96px}
  .clients-shell{padding:32px 24px;border-radius:26px}
  .client-logos{grid-template-columns:1fr 1fr}
  .client-logo-card:last-child{grid-column:1/-1}
  .golden-os-ui{padding:8px 22px 35px}
  .os-panels{grid-template-columns:1fr}
  .os-team{grid-template-columns:repeat(3,1fr)}
  .os-team>div{grid-template-columns:auto 1fr}.os-team b{display:none}
}
@media (max-width:620px){
  .flow-canvas{opacity:.28}
  .cursor-glow{display:none}
  .clients-shell{padding:27px 17px}
  .client-logos{grid-template-columns:1fr}
  .client-logo-card,.client-logo-card:last-child{grid-column:auto;min-height:210px}
  .client-logo{min-height:110px}.client-logo img{max-height:92px}.golden-client img{max-height:88px}
  .golden-os-ui{padding:5px 13px 25px;min-height:390px}
  .os-content{grid-template-columns:36px 1fr;min-height:330px}.os-content aside{padding-inline:7px}.os-content aside span{width:15px;height:15px}.os-main{padding:12px}.os-heading>span{display:none}.os-metrics{grid-template-columns:1fr 1fr}.os-metrics>div:nth-child(3){display:none}.os-panels{grid-template-columns:1fr}.os-team{display:none}.os-chart svg{height:110px}.project-brand-lockup{width:118px;height:60px}.project-dipa-mark{width:58px}
}
@media (prefers-reduced-motion:reduce){
  .flow-canvas,.cursor-glow{display:none}
  .orb-a,.orb-b,.live-pill i,.float-b i,.client-logo-card:before,.chart-grid .stroke,.chart-grid .area,.os-line{animation:none!important}
  .chart-grid .stroke,.os-line{stroke-dashoffset:0}.chart-grid .area{opacity:1}
}

/* X FLOW V5 — mobile stability and compact client strip */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
.site-header,main,.site-footer,.section,.hero,.projects-section,.solutions-section,.method-section,.contact-section{max-width:100%;overflow-x:clip}
.header-inner,.hero-grid,.split-heading,.section-head,.project-grid,.project-card,.project-copy,.project-visual,.project-mini-visual,.clients-shell,.client-logos,.contact-shell,.method-grid,.solutions-grid{min-width:0}
.dashboard-shell,.ui-window,.os-window{max-width:100%}
.flow-canvas{max-width:100vw;overflow:hidden}

/* Keep content visible when JavaScript is unavailable or delayed. */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(22px)}
.js .reveal.visible{opacity:1;transform:none}

/* Clients are proof, not the main story. */
.clients-section{position:relative;padding:18px 0 72px}
.clients-shell{display:grid;grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);gap:30px;align-items:center;padding:24px 28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(13,17,32,.72),rgba(5,7,15,.88));box-shadow:0 20px 55px rgba(0,0,0,.18);overflow:hidden;position:relative}
.clients-shell:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-125px;top:-180px;background:linear-gradient(135deg,#23e4ff,#8a4fff,#f22bd5);filter:blur(100px);opacity:.1;pointer-events:none}
.clients-copy{position:relative;z-index:2}
.clients-copy p{margin:8px 0 0;color:#8f9c97;font-size:.82rem;line-height:1.55;max-width:390px}
.client-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:2}
.client-logo-card{position:relative;min-height:86px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:minmax(58px,.78fr) 1fr;align-items:center;gap:10px;overflow:hidden;transition:transform .28s ease,border-color .28s ease,background .28s ease}
.client-logo-card:before{display:none}
.client-logo-card:hover{transform:translateY(-3px);border-color:rgba(35,228,255,.22);background:rgba(255,255,255,.04);box-shadow:none}
.client-logo{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:0}
.client-logo img{max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22))}
.golden-client img{max-height:50px}
.symbol-client img{max-height:42px;opacity:.92}
.client-logo-card>div:last-child{display:grid;gap:4px;min-width:0}
.client-logo-card strong{font-size:.76rem;line-height:1.15;overflow-wrap:anywhere}
.client-logo-card span{display:flex;align-items:center;gap:6px;color:#74807c;font-size:.52rem;text-transform:uppercase;letter-spacing:.06em;line-height:1.25}
.client-logo-card span i{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:#32e6b4;box-shadow:0 0 8px rgba(50,230,180,.52)}

/* Project cards use product names only; client logos stay in the client strip. */
.project-brand-lockup,.project-dipa-mark{display:none!important}

@keyframes mobile-ambient-flow{
  0%{transform:translate3d(-8%,0,0) scale(.96);opacity:.12}
  50%{transform:translate3d(7%,5%,0) scale(1.08);opacity:.22}
  100%{transform:translate3d(-4%,10%,0) scale(1);opacity:.14}
}
@keyframes mobile-logo-breathe{
  0%,100%{opacity:.045;transform:translate3d(0,0,0) scale(1)}
  50%{opacity:.085;transform:translate3d(-2%,3%,0) scale(1.04)}
}
@keyframes mobile-button-pulse{
  0%,100%{box-shadow:0 14px 34px rgba(111,73,255,.22),0 0 20px rgba(35,228,255,.07)}
  50%{box-shadow:0 18px 42px rgba(111,73,255,.32),0 0 30px rgba(35,228,255,.14)}
}

@media (max-width:1100px){
  .clients-shell{grid-template-columns:1fr;gap:18px}
  .clients-copy p{max-width:760px}
}

@media (max-width:820px){
  .container{max-width:100%}
  .header-inner{gap:8px}
  .header-actions{gap:7px;min-width:0}
  .brand-image{min-width:0;flex:1 1 auto;overflow:hidden}
  .brand-image img,.site-header.scrolled .brand-image img{max-width:138px;width:138px}
  .language-switch,.menu-toggle{flex:0 0 auto}
  .main-nav{max-width:calc(100vw - 28px)}
  .hero{overflow:hidden;padding-top:118px}
  .hero-grid,.hero-copy,.hero-visual{width:100%;max-width:100%}
  .hero-logo-echo{animation:mobile-logo-breathe 8s ease-in-out infinite}
  .ambient-one,.ambient-two{animation:mobile-ambient-flow 10s ease-in-out infinite alternate}
  .button-primary{animation:mobile-button-pulse 3.2s ease-in-out infinite}
  .dashboard-shell{width:100%;max-width:100%;transform:none!important}
  .project-card,.interactive-card{transform:none!important}
  .project-copy{overflow-wrap:anywhere}
  .project-meta{gap:12px}
  .project-meta span{min-width:0;overflow-wrap:anywhere}
  .project-visual,.project-mini-visual{width:100%;max-width:100%}
  .ui-window,.os-window{width:100%;transform:none!important}
  .clients-section{padding:8px 0 58px}
  .clients-shell{padding:18px;border-radius:20px;gap:15px}
  .clients-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
  .clients-copy p{margin:0;max-width:66%;font-size:.74rem;line-height:1.45}
  .client-logo-card{min-height:78px;padding:9px;grid-template-columns:minmax(44px,.72fr) 1fr;gap:7px}
  .client-logo img{max-height:40px}.golden-client img{max-height:42px}.symbol-client img{max-height:36px}
  .client-logo-card strong{font-size:.68rem}.client-logo-card span{font-size:.47rem}
}

@media (max-width:620px){
  .flow-canvas{display:none}
  .site-header{width:100%;max-width:100vw}
  .header-inner{width:calc(100% - 20px)}
  .brand-image{height:43px}
  .brand-image img,.site-header.scrolled .brand-image img{width:118px;max-width:118px}
  .language-switch{font-size:.54rem;padding:6px 7px;gap:5px}
  .menu-toggle{width:40px;height:40px;border-radius:12px}
  .menu-toggle span{left:10px}
  .hero{padding-top:106px}
  .eyebrow{font-size:.65rem;letter-spacing:.14em;max-width:100%}
  .location-chip{max-width:100%;white-space:normal;line-height:1.25}
  h1,html[lang="de"] h1{font-size:clamp(2.62rem,13.4vw,4.1rem);line-height:.98;overflow-wrap:normal;word-break:normal}
  .hero-lead{font-size:1rem;line-height:1.62}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:11px}
  .button{width:100%;max-width:100%;padding:14px 18px}
  .hero-proof{max-width:100%}
  .hero-visual{min-height:330px;margin-top:0;padding-inline:0}
  .dashboard-topbar{padding-inline:13px}
  .dashboard-body{grid-template-columns:36px minmax(0,1fr)}
  .dash-sidebar{padding-inline:8px}
  .dash-main{padding:11px;min-width:0}
  .metrics-row{gap:7px}.metrics-row article{padding:10px;min-width:0}.metrics-row strong{font-size:1.05rem}
  .chart-card{padding:11px}.chart-grid{height:105px}
  .clients-section{padding:2px 0 48px}
  .clients-shell{padding:15px 12px 13px;gap:12px}
  .clients-copy{display:block}
  .clients-copy p{display:none}
  .client-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .client-logo-card{min-height:88px;padding:7px 5px;display:grid;grid-template-columns:1fr;grid-template-rows:45px auto;gap:4px;text-align:center}
  .client-logo{min-height:42px}
  .client-logo img{max-height:36px}.golden-client img{max-height:38px}.symbol-client img{max-height:32px}
  .client-logo-card>div:last-child{display:block;min-width:0}
  .client-logo-card strong{display:block;font-size:.59rem;line-height:1.15;overflow-wrap:anywhere}
  .client-logo-card span{display:none}
  .project-card{border-radius:21px}
  .project-copy{padding:23px 18px}
  .project-copy h3{font-size:2rem}
  .project-copy ul{font-size:.82rem;gap:10px;margin:22px 0 28px}
  .golden-os-ui{padding:4px 8px 20px;min-height:330px}
  .os-content{grid-template-columns:31px minmax(0,1fr);min-height:294px}
  .os-content aside{padding-inline:5px}.os-content aside b{width:23px;height:23px}.os-content aside span{width:13px;height:13px}
  .os-main{padding:9px;min-width:0}.os-metrics{gap:6px}.os-metrics>div{padding:9px}.os-metrics strong{font-size:.85rem}
  .os-chart{padding:9px}.os-chart svg{height:92px}
  .compact-queue{padding:8px 8px 22px;min-height:286px}.compact-queue .queue-content{padding:11px}.queue-list>div{gap:8px;padding:8px}
  .calendar-ui{padding:18px 13px 24px}.calendar-head{gap:8px}.calendar-head b{font-size:.48rem;padding:6px 8px}.calendar-grid{gap:4px}
  .solution-card{padding:28px 22px;min-height:270px}
  .contact-shell{padding:27px 15px}.contact-copy h2{font-size:3rem}
}

@media (max-width:390px){
  .header-inner{width:calc(100% - 16px)}
  .brand-image img,.site-header.scrolled .brand-image img{width:108px;max-width:108px}
  .language-switch{padding:5px 6px}
  .menu-toggle{width:38px;height:38px}.menu-toggle span{left:9px}
  h1,html[lang="de"] h1{font-size:clamp(2.42rem,12.8vw,3.55rem)}
  .client-logo-card strong{font-size:.54rem}
}

@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none}
  .ambient-one,.ambient-two,.hero-logo-echo,.button-primary{animation:none!important}
}

/* X FLOW V6 — real mobile gutters, compact clients, stable motion */
html{
  scroll-padding-top:112px;
}
[id]{
  scroll-margin-top:112px;
}

@media (max-width:820px){
  :root{--mobile-gutter:20px}

  html,body{
    width:100%;
    min-width:0;
    max-width:none;
  }

  body{
    position:relative;
    overflow-x:hidden;
  }

  .site-header,
  main,
  .site-footer,
  .section,
  .hero,
  .intro-section,
  .clients-section,
  .projects-section,
  .solutions-section,
  .method-section,
  .contact-section{
    width:100%;
    min-width:0;
    max-width:100%;
  }

  .container{
    width:100%;
    max-width:var(--max);
    margin-inline:auto;
    padding-inline:var(--mobile-gutter);
  }

  .header-inner{
    width:100%;
    min-width:0;
    padding-inline:0;
  }

  .site-header{
    padding-inline:0;
  }

  .main-nav{
    left:var(--mobile-gutter);
    right:var(--mobile-gutter);
    width:auto;
    max-width:none;
    inset-block-start:76px;
  }

  .hero{
    padding-top:126px;
  }

  .hero-grid,
  .hero-copy,
  .hero-visual,
  .dashboard-shell,
  .trust-strip,
  .split-heading,
  .section-head,
  .project-grid,
  .project-card,
  .project-copy,
  .project-visual,
  .project-mini-visual,
  .clients-shell,
  .client-logos,
  .solutions-grid,
  .method-grid,
  .contact-shell,
  .contact-copy,
  .contact-form,
  .footer-top,
  .footer-bottom{
    min-width:0;
    max-width:100%;
  }

  .hero-copy{
    width:100%;
  }

  h1,
  html[lang="de"] h1{
    width:100%;
    max-width:100%;
    font-size:clamp(2.7rem,11.5vw,4.15rem);
    line-height:.99;
    letter-spacing:-.052em;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:auto;
    text-wrap:balance;
  }

  h2,
  .section-head h2,
  .contact-copy h2,
  .project-copy h3{
    max-width:100%;
    overflow-wrap:anywhere;
    hyphens:auto;
  }

  .hero-lead,
  .split-heading p,
  .project-copy p,
  .contact-copy p{
    max-width:100%;
  }

  .hero-visual{
    width:100%;
    margin-inline:0;
    overflow:hidden;
  }

  .dashboard-shell,
  .ui-window,
  .os-window{
    width:100%;
    max-width:100%;
    transform:none!important;
  }

  .hero-logo-echo{
    right:-4%;
    width:94%;
  }

  .orb-a{
    right:0;
  }

  .orb-b{
    left:0;
  }

  .trust-strip{
    overflow:visible;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:12px 18px;
  }

  .trust-strip span{
    white-space:normal;
  }

  .project-meta{
    flex-wrap:wrap;
  }

  .project-card,
  .interactive-card,
  .project-card:hover,
  .interactive-card:hover{
    transform:none!important;
  }

  .project-visual,
  .project-mini-visual,
  .golden-os-ui,
  .compact-queue,
  .calendar-ui,
  .automation-ui{
    width:100%;
    max-width:100%;
  }

  .contact-shell{
    width:100%;
  }

  .footer-mail,
  .footer-top p,
  .footer-bottom{
    overflow-wrap:anywhere;
  }

  /* Compact trust strip: customers are social proof, not a main section. */
  .clients-section{
    padding:10px 0 56px;
  }

  .clients-shell{
    display:block;
    width:100%;
    padding:17px 18px 16px;
    border-radius:19px;
    overflow:hidden;
  }

  .clients-copy{
    display:block;
    margin:0 0 12px;
  }

  .clients-copy .section-kicker{
    font-size:.64rem;
    letter-spacing:.15em;
    line-height:1.25;
  }

  .clients-copy p{
    display:none;
  }

  .client-logos{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    width:100%;
  }

  .client-logo-card,
  .client-logo-card:last-child{
    grid-column:auto;
    width:100%;
    min-width:0;
    min-height:116px;
    height:116px;
    padding:9px 6px 8px;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:64px auto;
    align-items:center;
    justify-items:center;
    gap:5px;
    border-radius:14px;
    text-align:center;
  }

  .client-logo{
    width:100%;
    min-width:0;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .client-logo img,
  .golden-client img,
  .symbol-client img{
    width:auto;
    height:auto;
    max-width:88%;
    max-height:52px;
    object-fit:contain;
  }

  .golden-client img{
    max-height:54px;
  }

  .symbol-client img{
    max-height:44px;
  }

  .client-logo-card>div:last-child{
    display:block;
    width:100%;
    min-width:0;
  }

  .client-logo-card strong{
    display:block;
    width:100%;
    font-size:.6rem;
    line-height:1.16;
    font-weight:650;
    overflow-wrap:anywhere;
  }

  .client-logo-card span{
    display:none;
  }
}

@media (max-width:620px){
  :root{--mobile-gutter:19px}

  html{
    scroll-padding-top:102px;
  }

  [id]{
    scroll-margin-top:102px;
  }

  .site-header{
    padding-top:12px;
    padding-bottom:12px;
  }

  .site-header.scrolled{
    padding-top:8px;
    padding-bottom:8px;
  }

  .header-inner{
    width:100%;
  }

  .brand-image{
    min-width:0;
    flex:1 1 auto;
    overflow:visible;
  }

  .brand-image img,
  .site-header.scrolled .brand-image img{
    width:116px;
    max-width:116px;
  }

  .hero{
    padding-top:112px;
    padding-bottom:34px;
  }

  h1,
  html[lang="de"] h1{
    font-size:clamp(2.55rem,11.8vw,3.72rem);
    line-height:1;
    letter-spacing:-.048em;
    margin-bottom:24px;
  }

  .hero-lead{
    font-size:.98rem;
    line-height:1.58;
  }

  .hero-actions{
    margin-bottom:38px;
  }

  .hero-visual{
    min-height:326px;
  }

  .section{
    padding:76px 0;
  }

  .intro-section{
    padding-top:72px;
    padding-bottom:56px;
  }

  .clients-section{
    padding-top:0;
    padding-bottom:48px;
  }

  .clients-shell{
    padding:15px 14px 14px;
  }

  .client-logo-card,
  .client-logo-card:last-child{
    min-height:112px;
    height:112px;
    grid-template-rows:62px auto;
  }

  .project-copy{
    padding-inline:20px;
  }

  .contact-shell{
    padding-inline:18px;
  }

  /* Mobile Safari: keep entrance effects visible and never leave content hidden. */
  .js .reveal{
    transform:translate3d(0,14px,0);
    transition:opacity .58s ease,transform .58s cubic-bezier(.2,.8,.2,1);
  }

  .js .reveal.visible{
    transform:translate3d(0,0,0);
  }
}

@media (max-width:390px){
  :root{--mobile-gutter:18px}

  .brand-image img,
  .site-header.scrolled .brand-image img{
    width:108px;
    max-width:108px;
  }

  h1,
  html[lang="de"] h1{
    font-size:clamp(2.42rem,11.6vw,3.35rem);
  }

  .client-logos{
    gap:6px;
  }

  .client-logo-card,
  .client-logo-card:last-child{
    min-height:106px;
    height:106px;
    padding-inline:4px;
    grid-template-rows:58px auto;
  }

  .client-logo-card strong{
    font-size:.54rem;
  }
}

/* X FLOW V7 — continuously active product interfaces */
.live-interface{position:relative;isolation:isolate}
.live-interface::after{
  content:"";
  position:absolute;
  z-index:12;
  left:0;
  right:0;
  top:-28%;
  height:28%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(180deg,transparent,rgba(35,228,255,.045),rgba(35,228,255,.12),transparent);
  animation:interface-scan 8.5s linear infinite;
}
.golden-control-live::after{
  background:linear-gradient(180deg,transparent,rgba(241,201,107,.035),rgba(241,201,107,.1),transparent);
  animation-duration:10.5s;
}
.smart-queue-live::after{animation-duration:7.2s}
.calendar-live::after{animation-duration:9.2s}
@keyframes interface-scan{
  0%,12%{transform:translateY(0);opacity:0}
  17%{opacity:.9}
  72%{opacity:.5}
  82%,100%{transform:translateY(560%);opacity:0}
}

/* Flow Control keeps processing, not just entering once. */
.flow-control-live .chart-grid .stroke{
  stroke-dasharray:900;
  animation:flow-chart-loop 7.4s cubic-bezier(.45,0,.25,1) infinite;
}
.flow-control-live .chart-grid .area{
  opacity:.68;
  animation:flow-area-loop 7.4s ease-in-out infinite;
}
.flow-control-live .metrics-row article{
  transition:transform .38s ease,border-color .38s ease,background .38s ease,box-shadow .38s ease;
}
.flow-control-live .metrics-row article.metric-updated{
  transform:translateY(-3px);
  border-color:rgba(35,228,255,.32);
  background:rgba(35,228,255,.055);
  box-shadow:0 10px 30px rgba(35,228,255,.07);
}
.live-activity-row>div{
  transition:transform .42s ease,border-color .42s ease,background .42s ease,opacity .42s ease;
}
.live-activity-row>div.is-live{
  transform:translateY(-2px);
  border-color:rgba(35,228,255,.27);
  background:rgba(35,228,255,.045);
}
.live-activity-row>div.is-live .status{animation:live-status-ring 1.35s ease-out infinite}
.dash-sidebar span.is-live{
  border-color:rgba(35,228,255,.4);
  background:rgba(35,228,255,.13);
  box-shadow:0 0 14px rgba(35,228,255,.14);
}
@keyframes flow-chart-loop{
  0%{stroke-dashoffset:900;opacity:.18}
  18%{opacity:1}
  47%,72%{stroke-dashoffset:0;opacity:1}
  92%,100%{stroke-dashoffset:-900;opacity:.15}
}
@keyframes flow-area-loop{
  0%,100%{opacity:.2;transform:translateY(7px)}
  35%,72%{opacity:.8;transform:translateY(0)}
}
@keyframes live-status-ring{
  0%{box-shadow:0 0 0 0 rgba(35,228,255,.55)}
  100%{box-shadow:0 0 0 8px rgba(35,228,255,0)}
}

/* Golden Control continuously refreshes its operating system. */
.golden-control-live .os-line{
  stroke-dasharray:760;
  animation:golden-chart-loop 8.8s cubic-bezier(.45,0,.25,1) infinite;
}
.golden-control-live .os-area{animation:golden-area-loop 8.8s ease-in-out infinite}
.golden-control-live .os-metrics>div{
  transition:transform .4s ease,border-color .4s ease,background .4s ease,box-shadow .4s ease;
}
.golden-control-live .os-metrics>div.metric-updated{
  transform:translateY(-3px);
  border-color:rgba(241,201,107,.34);
  background:rgba(241,201,107,.055);
  box-shadow:0 10px 28px rgba(241,201,107,.065);
}
.live-team>div{transition:transform .42s ease,border-color .42s ease,background .42s ease,opacity .42s ease}
.live-team>div.is-live{
  transform:translateX(3px);
  background:rgba(241,201,107,.07);
  box-shadow:inset 2px 0 0 rgba(241,201,107,.72);
}
.live-team>div.is-live i{animation:golden-status-ring 1.45s ease-out infinite}
@keyframes golden-chart-loop{
  0%{stroke-dashoffset:760;opacity:.2}
  20%{opacity:1}
  48%,74%{stroke-dashoffset:0;opacity:1}
  93%,100%{stroke-dashoffset:-760;opacity:.18}
}
@keyframes golden-area-loop{0%,100%{opacity:.2}35%,72%{opacity:.86}}
@keyframes golden-status-ring{
  0%{box-shadow:0 0 0 0 rgba(241,201,107,.5)}
  100%{box-shadow:0 0 0 8px rgba(241,201,107,0)}
}

/* Smart queue always advances and re-calculates. */
.smart-queue-live .ui-bar em{
  color:var(--accent);
  border-color:rgba(35,228,255,.25);
  background:rgba(35,228,255,.055);
}
.live-queue-list>div{
  position:relative;
  transition:transform .52s cubic-bezier(.2,.8,.2,1),opacity .35s ease,border-color .4s ease,background .4s ease;
}
.live-queue-list>div.queue-changing{transform:translateX(9px);opacity:.25}
.live-queue-list>div.active{
  animation:queue-active-breathe 2.2s ease-in-out infinite;
}
.live-queue-list>div.active::after{
  content:"";
  position:absolute;
  right:9px;
  top:9px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 10px var(--accent);
  animation:live-pulse 1.7s ease-in-out infinite;
}
.queue-stats>div{transition:transform .36s ease,border-color .36s ease,background .36s ease}
.queue-stats>div.metric-updated{
  transform:translateY(-2px);
  border-color:rgba(35,228,255,.28);
  background:rgba(35,228,255,.05);
}
@keyframes queue-active-breathe{
  0%,100%{box-shadow:inset 0 0 0 0 rgba(35,228,255,0)}
  50%{box-shadow:inset 0 0 28px rgba(35,228,255,.045)}
}

/* Calendar keeps receiving, moving and confirming events. */
.calendar-live{overflow:hidden}
.calendar-grid i{
  position:relative;
  transition:transform .46s cubic-bezier(.2,.8,.2,1),background .46s ease,border-color .46s ease,box-shadow .46s ease,opacity .35s ease;
}
.calendar-grid i.event{animation:calendar-event-pulse 2.5s ease-in-out infinite}
.calendar-grid i.event.alt{animation-delay:-1.15s}
.calendar-grid i.event.is-new{
  transform:scale(.82);
  animation:calendar-event-arrive .62s cubic-bezier(.18,.88,.28,1.25) forwards,calendar-event-pulse 2.5s ease-in-out .62s infinite;
}
.calendar-grid i.is-today::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:4px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff;
  transform:translateX(-50%);
  box-shadow:0 0 7px rgba(255,255,255,.75);
}
.calendar-head b{animation:calendar-button-live 3.4s ease-in-out infinite}
@keyframes calendar-event-arrive{to{transform:scale(1)}}
@keyframes calendar-event-pulse{
  0%,100%{box-shadow:0 0 0 rgba(35,228,255,0);filter:brightness(.92)}
  50%{box-shadow:0 0 18px rgba(35,228,255,.13);filter:brightness(1.16)}
}
@keyframes calendar-button-live{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px);box-shadow:0 8px 22px rgba(35,228,255,.14)}}

@media (max-width:620px){
  .live-interface::after{animation-duration:10s;opacity:.55}
  .flow-control-live .metrics-row article.metric-updated,
  .golden-control-live .os-metrics>div.metric-updated{transform:translateY(-1px)}
  .live-queue-list>div.queue-changing{transform:translateX(5px)}
  .calendar-grid i.event{animation-duration:3s}
}

@media (prefers-reduced-motion:reduce){
  .live-interface::after,
  .flow-control-live .chart-grid .stroke,
  .flow-control-live .chart-grid .area,
  .golden-control-live .os-line,
  .golden-control-live .os-area,
  .live-activity-row>div.is-live .status,
  .live-team>div.is-live i,
  .live-queue-list>div.active,
  .live-queue-list>div.active::after,
  .calendar-grid i.event,
  .calendar-grid i.event.is-new,
  .calendar-head b{animation:none!important}
}

/* X FLOW V8 — professional footer */
.site-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.085);
  padding:0 0 26px;
  background:
    linear-gradient(180deg,rgba(6,8,17,.4),rgba(3,5,10,.96) 20%,#03050a 100%);
}
.site-footer:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.22;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent 0,#000 28%,#000 100%);
}
.footer-glow{
  position:absolute;
  z-index:-2;
  border-radius:50%;
  filter:blur(120px);
  pointer-events:none;
}
.footer-glow-one{
  width:520px;
  height:360px;
  top:20px;
  left:-170px;
  background:rgba(35,228,255,.12);
}
.footer-glow-two{
  width:500px;
  height:360px;
  top:-40px;
  right:-190px;
  background:rgba(242,43,213,.11);
}
.footer-cta-wrap{
  padding-top:74px;
}
.footer-cta{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:56px;
  padding:48px 52px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 0 100%,rgba(35,228,255,.13),transparent 32%),
    radial-gradient(circle at 92% 0,rgba(242,43,213,.15),transparent 35%),
    linear-gradient(135deg,rgba(18,22,43,.94),rgba(7,9,18,.96));
  box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045);
}
.footer-cta:before{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  right:12%;
  bottom:-180px;
  border:1px solid rgba(35,228,255,.16);
  border-radius:50%;
  box-shadow:0 0 0 35px rgba(117,89,255,.045),0 0 0 70px rgba(242,43,213,.025);
}
.footer-cta-copy{
  position:relative;
  z-index:1;
  max-width:790px;
}
.footer-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  color:#b8c3d0;
  font-size:.68rem;
  line-height:1.3;
  font-weight:750;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.footer-kicker i{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 16px rgba(35,228,255,.75);
}
.footer-cta h2{
  max-width:800px;
  margin:0;
  font-size:clamp(2.25rem,4.15vw,4.65rem);
  line-height:1.01;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.footer-cta p{
  max-width:760px;
  margin:20px 0 0;
  color:#9ba7b3;
  font-size:1rem;
  line-height:1.75;
}
.footer-cta-button{
  position:relative;
  z-index:1;
  min-width:220px;
  min-height:56px;
  white-space:nowrap;
}
.footer-main{
  display:grid;
  grid-template-columns:minmax(270px,1.55fr) minmax(125px,.58fr) minmax(190px,.8fr) minmax(230px,1fr);
  gap:58px;
  align-items:start;
  padding-top:76px;
  padding-bottom:60px;
}
.footer-brand-column{
  min-width:0;
  max-width:390px;
}
.footer-brand{
  height:auto;
  min-width:0;
  margin:0 0 25px;
}
.footer-brand img{
  width:210px;
  max-width:100%;
  filter:drop-shadow(0 0 25px rgba(110,79,255,.19));
}
.footer-brand-column>p{
  max-width:360px;
  margin:0 0 24px;
  color:#8f9ba7;
  font-size:.92rem;
  line-height:1.72;
}
.footer-location-badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  max-width:100%;
  padding:9px 12px;
  border:1px solid rgba(35,228,255,.13);
  border-radius:999px;
  background:rgba(35,228,255,.035);
  color:#aeb9c5;
  font-size:.62rem;
  font-weight:680;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.footer-location-badge i{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:linear-gradient(135deg,#23e4ff,#f22bd5);
  box-shadow:0 0 12px rgba(35,228,255,.65);
}
.footer-column,
.footer-contact-column{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-column>strong,
.footer-column-title{
  display:block;
  margin:3px 0 22px;
  color:#f2f5fa;
  font-size:.7rem;
  font-weight:750;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.footer-column a{
  position:relative;
  display:inline-flex;
  max-width:100%;
  margin:0 0 13px;
  color:#8f9aa6;
  font-size:.86rem;
  line-height:1.45;
  transition:color .22s ease,transform .22s ease;
}
.footer-column a:before{
  content:"";
  position:absolute;
  left:-13px;
  top:.64em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--accent);
  opacity:0;
  transform:scale(.2);
  transition:.22s ease;
}
.footer-column a:hover{
  color:#fff;
  transform:translateX(7px);
}
.footer-column a:hover:before{
  opacity:1;
  transform:scale(1);
}
.footer-contact-column{
  gap:0;
}
.footer-contact-item{
  width:100%;
  min-width:0;
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.075);
}
.footer-contact-item:last-child{
  border-bottom:1px solid rgba(255,255,255,.075);
}
.footer-contact-item small{
  display:block;
  margin-bottom:5px;
  color:#5f6b77;
  font-size:.57rem;
  font-weight:720;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.footer-contact-item span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  color:#c4ccd5;
  font-size:.82rem;
  line-height:1.4;
  overflow-wrap:anywhere;
  transition:color .2s ease;
}
.footer-contact-item b{
  color:var(--accent);
  font-size:.8rem;
  font-weight:700;
  transition:transform .2s ease;
}
a.footer-contact-item:hover span{
  color:#fff;
}
a.footer-contact-item:hover b{
  transform:translate(2px,-2px);
}
.footer-contact-static span{
  display:block;
}
.footer-bottom{
  margin-top:0;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.085);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#626e79;
  font-size:.63rem;
  letter-spacing:.055em;
}
.footer-legal{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
}
.footer-legal span{
  display:inline-flex;
  align-items:center;
}
.footer-legal span:not(:last-child):after{
  content:"";
  width:3px;
  height:3px;
  margin:0 11px;
  border-radius:50%;
  background:#39434c;
}
.footer-language{
  display:inline-flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
}
.footer-language>span{
  margin-right:5px;
  color:#596570;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.footer-language a{
  color:#697680;
  font-size:.65rem;
  font-weight:800;
  transition:color .2s ease;
}
.footer-language a:hover,
.footer-language a.active{
  color:#fff;
}
.footer-language i{
  width:1px;
  height:11px;
  background:rgba(255,255,255,.12);
}

@media (max-width:1050px){
  .footer-main{
    grid-template-columns:minmax(280px,1.4fr) repeat(2,minmax(150px,.7fr));
    gap:44px;
  }
  .footer-contact-column{
    grid-column:2/4;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    column-gap:24px;
  }
  .footer-contact-column .footer-column-title{
    grid-column:1/-1;
  }
  .footer-contact-item:last-child{
    border-bottom:0;
  }
}

@media (max-width:760px){
  .site-footer{
    padding-bottom:22px;
  }
  .site-footer:before{
    background-size:42px 42px;
  }
  .footer-cta-wrap{
    padding-top:50px;
  }
  .footer-cta{
    grid-template-columns:1fr;
    gap:28px;
    padding:34px 28px 30px;
    border-radius:24px;
  }
  .footer-cta h2{
    font-size:clamp(2rem,9vw,3rem);
    line-height:1.03;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:auto;
  }
  .footer-cta p{
    margin-top:16px;
    font-size:.9rem;
    line-height:1.68;
  }
  .footer-cta-button{
    width:100%;
    min-width:0;
  }
  .footer-main{
    grid-template-columns:1fr 1fr;
    gap:38px 24px;
    padding-top:52px;
    padding-bottom:42px;
  }
  .footer-brand-column{
    grid-column:1/-1;
    max-width:100%;
    padding-bottom:34px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .footer-brand img{
    width:190px;
  }
  .footer-brand-column>p{
    max-width:520px;
  }
  .footer-contact-column{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:22px;
    padding-top:6px;
  }
  .footer-contact-item:last-child{
    grid-column:1/-1;
    border-bottom:1px solid rgba(255,255,255,.075);
  }
  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
  }
}

@media (max-width:480px){
  .footer-cta-wrap{
    padding-top:38px;
  }
  .footer-cta{
    padding:29px 21px 22px;
    border-radius:21px;
  }
  .footer-kicker{
    font-size:.59rem;
    letter-spacing:.12em;
  }
  .footer-cta h2{
    font-size:clamp(1.95rem,10vw,2.55rem);
    letter-spacing:-.045em;
  }
  .footer-main{
    grid-template-columns:1fr 1fr;
    gap:34px 18px;
    padding-top:45px;
    padding-bottom:38px;
  }
  .footer-brand-column{
    padding-bottom:29px;
  }
  .footer-brand{
    margin-bottom:20px;
  }
  .footer-brand img{
    width:174px;
  }
  .footer-brand-column>p{
    font-size:.86rem;
    line-height:1.65;
  }
  .footer-location-badge{
    align-items:flex-start;
    border-radius:15px;
    font-size:.56rem;
    line-height:1.4;
    letter-spacing:.055em;
  }
  .footer-location-badge i{
    margin-top:3px;
  }
  .footer-column>strong,
  .footer-column-title{
    margin-bottom:17px;
    font-size:.63rem;
  }
  .footer-column a{
    margin-bottom:12px;
    font-size:.79rem;
  }
  .footer-contact-column{
    display:flex;
    grid-column:1/-1;
    padding-top:3px;
  }
  .footer-contact-item,
  .footer-contact-item:last-child{
    grid-column:auto;
    border-bottom:0;
  }
  .footer-contact-item:last-child{
    border-bottom:1px solid rgba(255,255,255,.075);
  }
  .footer-contact-item span{
    font-size:.79rem;
  }
  .footer-bottom{
    padding-top:20px;
    font-size:.57rem;
    line-height:1.55;
  }
  .footer-legal{
    display:grid;
    gap:4px;
  }
  .footer-legal span:not(:last-child):after{
    display:none;
  }
  .footer-language{
    width:100%;
    padding-top:2px;
  }
}

/* =========================================================
   X FLOW V10 — COMMERCIAL CLARITY, CASE STUDIES, TYPOGRAPHY
   ========================================================= */
:root{
  --heading-font:"Avenir Next","Segoe UI Variable Display","Segoe UI",Helvetica,Arial,sans-serif;
}
body{font-family:"Avenir Next","Segoe UI Variable Text","Segoe UI",Helvetica,Arial,sans-serif}
h1,h2,h3,.project-copy h3,.footer-cta h2{font-family:var(--heading-font);font-weight:700;text-wrap:balance}
h1{letter-spacing:-.058em}
h2{letter-spacing:-.052em}
.main-nav{gap:26px}
.hero-lead{margin-bottom:17px}
.hero-audience{display:flex;align-items:flex-start;gap:10px;max-width:690px;margin:0 0 30px;color:#d2dbd7;font-size:.88rem;line-height:1.6}
.hero-audience span{flex:0 0 22px;width:22px;height:22px;border:1px solid rgba(35,228,255,.28);border-radius:50%;display:grid;place-items:center;color:var(--accent);background:rgba(35,228,255,.06);font-size:.66rem;margin-top:1px}

/* Projects are proof, not just feature cards */
.projects-section{padding-top:88px}
.project-heading-copy p{margin:15px 0 0;color:#7f8d88;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em}
.project-positioning{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:58px;align-items:end;margin:-20px 0 54px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.project-positioning span{display:block;color:var(--accent);font-size:.67rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.project-positioning h3{font-size:clamp(1.55rem,2.5vw,2.45rem);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:520px}
.project-positioning p{margin:0;color:#9ba7a2;line-height:1.78;max-width:690px}
.project-card{isolation:isolate}
.project-copy{display:flex;flex-direction:column;align-items:flex-start}
.project-copy ul{flex:1}
.project-meta span{text-transform:uppercase}
.project-parent-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(241,201,107,.22);border-radius:999px;background:rgba(241,201,107,.055);color:#e2c476;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;margin:-21px 0 22px}
.project-parent-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#e2c476;box-shadow:0 0 10px rgba(241,201,107,.55)}
.case-link{appearance:none;border:0;background:transparent;padding:0;color:var(--accent);font:inherit;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.12em;display:inline-flex;gap:14px;align-items:center;cursor:pointer;position:relative}
.case-link:after{content:"";position:absolute;left:0;right:32px;bottom:-7px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(.25);transform-origin:left;transition:transform .28s ease}
.case-link:hover:after,.case-link:focus-visible:after{transform:scaleX(1)}
.case-link:focus-visible{outline:2px solid rgba(35,228,255,.58);outline-offset:8px;border-radius:3px}
.preview-label{position:absolute;z-index:8;top:16px;right:17px;padding:7px 10px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(5,7,15,.72);backdrop-filter:blur(12px);color:#aeb9b5;font-size:.52rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase;pointer-events:none}

/* Compact trust strip stays secondary */
.clients-section{padding-top:8px;padding-bottom:64px}
.clients-shell{box-shadow:0 18px 50px rgba(0,0,0,.16)}

/* About / local credibility */
.about-section{padding-top:70px;padding-bottom:100px}
.about-shell{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;padding:55px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(13,16,31,.82),rgba(5,7,14,.94));overflow:hidden}
.about-shell:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;left:-220px;bottom:-270px;background:linear-gradient(135deg,#23e4ff,#7b5cff,#ef2bd7);filter:blur(130px);opacity:.12}
.about-copy,.about-facts{position:relative;z-index:1}
.about-copy h2{font-size:clamp(2.5rem,4.5vw,4.65rem);line-height:.98;margin:20px 0 24px}
.about-copy>p{color:#9da9a5;line-height:1.8;max-width:560px}
.about-location{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:9px 13px;border:1px solid rgba(35,228,255,.16);border-radius:999px;background:rgba(35,228,255,.035);font-size:.7rem;color:#c8d3cf;letter-spacing:.06em}
.about-location i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 11px rgba(35,228,255,.7)}
.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--line)}
.about-facts article{background:rgba(7,9,18,.95);padding:27px 23px;min-height:245px}
.about-facts b{display:block;color:var(--accent);font-size:.62rem;letter-spacing:.13em;margin-bottom:46px}
.about-facts h3{font-size:1.17rem;margin-bottom:12px}
.about-facts p{margin:0;color:#85928d;font-size:.82rem;line-height:1.72}

/* Project case-study modal */
.case-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
.case-modal.open{opacity:1;visibility:visible}
.case-modal-backdrop{position:absolute;inset:0;background:rgba(1,2,6,.82);backdrop-filter:blur(16px)}
.case-modal-dialog{position:relative;width:min(1100px,100%);max-height:min(88vh,920px);overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:radial-gradient(circle at 92% 0,rgba(111,73,255,.17),transparent 30%),linear-gradient(145deg,#101425,#060810 75%);box-shadow:0 50px 140px rgba(0,0,0,.62);transform:translateY(18px) scale(.985);transition:transform .28s cubic-bezier(.2,.8,.2,1);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
.case-modal.open .case-modal-dialog{transform:none}
.case-modal-close{position:sticky;z-index:5;top:18px;float:right;margin:18px 18px -64px 0;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(5,7,15,.78);backdrop-filter:blur(14px)}
.case-modal-close span{position:absolute;left:13px;top:22px;width:19px;height:1.5px;background:#fff}.case-modal-close span:first-child{transform:rotate(45deg)}.case-modal-close span:last-child{transform:rotate(-45deg)}
.case-modal-close:hover{background:rgba(255,255,255,.1)}
.case-modal-content{padding:64px}
.case-study>header{max-width:800px;padding-right:40px;margin-bottom:46px}
.case-study>header>span{display:inline-flex;padding:7px 11px;border:1px solid rgba(35,228,255,.2);border-radius:999px;color:var(--accent);background:rgba(35,228,255,.045);font-size:.6rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:20px}
.case-study>header h2{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.94;margin:0 0 22px}
.case-study>header p{font-size:1.06rem;line-height:1.75;color:#aeb9b5;max-width:720px}
.case-story{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--line);margin-bottom:28px}
.case-story section{background:rgba(6,8,16,.94);padding:27px;min-height:285px}
.case-story b{display:block;color:var(--accent);font-size:.62rem;letter-spacing:.13em;margin-bottom:36px}
.case-story h3{font-size:1.25rem;margin-bottom:14px}
.case-story p{margin:0;color:#8d9994;line-height:1.72;font-size:.87rem}
.case-system-map{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;padding:26px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.018);margin-bottom:28px}
.case-system-map span{padding:11px 14px;border:1px solid rgba(35,228,255,.16);border-radius:12px;background:rgba(35,228,255,.035);font-size:.73rem;color:#d0dbd7}
.case-system-map i{font-style:normal;color:var(--accent);opacity:.65}
.case-modules{display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:start;padding:28px 0 36px;border-top:1px solid var(--line)}
.case-modules>strong{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:#72807b}
.case-modules>div{display:flex;flex-wrap:wrap;gap:9px}
.case-modules span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:#b7c1bd;font-size:.72rem;background:rgba(255,255,255,.025)}
.case-contact{width:max-content}
body.case-modal-open{overflow:hidden}

/* Keep footer navigation complete */
.footer-column a[href="#chi-siamo"]{display:inline-flex}

@media (max-width:1100px){
  .main-nav{gap:18px;font-size:.84rem}
  .about-shell{grid-template-columns:1fr;gap:38px}
  .about-facts article{min-height:210px}
}
@media (max-width:820px){
  .main-nav{font-size:.92rem;gap:4px}
  .project-positioning{grid-template-columns:1fr;gap:18px;margin-top:-8px}
  .project-positioning p{max-width:none}
  .preview-label{top:12px;right:12px;font-size:.48rem}
  .about-section{padding-top:44px;padding-bottom:78px}
  .about-shell{padding:34px 25px;border-radius:25px}
  .about-facts{grid-template-columns:1fr}
  .about-facts article{min-height:auto;padding:23px}
  .about-facts b{margin-bottom:20px}
  .case-modal{padding:14px}
  .case-modal-dialog{border-radius:24px;max-height:92vh}
  .case-modal-content{padding:46px 24px 30px}
  .case-study>header{padding-right:30px;margin-bottom:32px}
  .case-story{grid-template-columns:1fr}
  .case-story section{min-height:auto}
  .case-modules{grid-template-columns:1fr;gap:15px}
}
@media (max-width:620px){
  h1{font-size:clamp(2.75rem,13.8vw,4.15rem);line-height:.96;letter-spacing:-.052em}
  .hero-audience{font-size:.8rem;margin-bottom:24px}
  .projects-section{padding-top:66px}
  .project-heading-copy p{font-size:.62rem;line-height:1.55}
  .project-positioning{padding:22px 0;margin-bottom:32px}
  .project-positioning h3{font-size:1.65rem}
  .project-positioning p{font-size:.88rem}
  .project-parent-badge{white-space:normal;line-height:1.35;margin-top:-18px}
  .preview-label{max-width:150px;text-align:center;line-height:1.3}
  .about-shell{padding:28px 18px}
  .about-copy h2{font-size:2.65rem}
  .case-modal{padding:0;align-items:end}
  .case-modal-dialog{width:100%;max-height:94vh;border-radius:24px 24px 0 0;border-bottom:0}
  .case-modal-content{padding:54px 18px 30px}
  .case-modal-close{top:12px;margin:12px 12px -58px 0}
  .case-study>header h2{font-size:2.75rem}
  .case-study>header p{font-size:.93rem}
  .case-story section{padding:22px}
  .case-story b{margin-bottom:18px}
  .case-system-map{justify-content:flex-start;padding:18px;gap:8px}
  .case-system-map span{font-size:.65rem;padding:9px 10px}
  .case-modules{padding-bottom:28px}
  .case-contact{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .case-modal,.case-modal-dialog,.case-link:after{transition:none}
}

/* V10 legal page */
.consent a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(35,228,255,.35);text-underline-offset:3px}
.footer-legal a{color:#899690;transition:color .2s ease}.footer-legal a:hover{color:var(--accent)}
.legal-page{min-height:100vh;overflow-x:hidden}
.legal-header{position:relative;z-index:3;padding:20px 0;border-bottom:1px solid var(--line);background:rgba(4,6,11,.7);backdrop-filter:blur(16px)}
.legal-header-inner{display:flex;align-items:center;justify-content:space-between}
.legal-main{position:relative;z-index:2;padding:70px 0 110px}
.legal-shell{max-width:920px}
.legal-back{display:inline-flex;margin-bottom:50px;color:#aab5b1;font-size:.82rem}
.legal-shell h1{font-size:clamp(3.1rem,8vw,6.8rem);margin:20px 0 12px}
.legal-updated{color:#65736e;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.legal-intro{font-size:1.14rem;line-height:1.8;color:#b4bfbb;max-width:760px;margin:36px 0 55px}
.legal-sections{border-top:1px solid var(--line)}
.legal-sections section{display:grid;grid-template-columns:.48fr 1fr;gap:55px;padding:34px 0;border-bottom:1px solid var(--line)}
.legal-sections h2{font-size:1.25rem;line-height:1.25;margin:0;letter-spacing:-.025em}
.legal-sections p{margin:0;color:#98a49f;line-height:1.8}
@media (max-width:720px){.legal-main{padding-top:45px}.legal-back{margin-bottom:38px}.legal-sections section{grid-template-columns:1fr;gap:12px}.legal-shell h1{font-size:3rem}.legal-intro{font-size:1rem}}