:root{color-scheme:dark;--bg:#050a12;--card:#071425;--line:#224364;--muted:#bdc9dc;--light:#ecf5ff;--blue:#57aeff;--blue2:#078eea;--focus:#9ad8ff}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--light);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}a:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.page-frame{position:relative;min-height:100svh;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;padding:clamp(12px,2vh,24px) clamp(15px,4vw,54px) clamp(12px,1.6vh,20px);background:radial-gradient(ellipse at 50% 18%,#0c2039 0,#040b16 43%,#03070e 100%)}.ambient{position:absolute;z-index:-1;pointer-events:none;filter:blur(10px)}.ambient-one{width:80vw;height:28vh;left:10vw;top:15vh;background:radial-gradient(ellipse,rgba(2,95,165,.21),transparent 72%)}.ambient-two{height:30vh;width:70vw;left:15vw;bottom:-20vh;background:radial-gradient(ellipse,rgba(1,91,158,.2),transparent 72%)}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;z-index:2;flex-shrink:0}.brand{display:flex;flex-direction:column;gap:0;line-height:1;white-space:nowrap}.brand-big{font-size:clamp(16px,2vw,27px);letter-spacing:.13em;font-weight:380;color:#e4efff;text-shadow:0 1px 2px #fff5,0 3px 16px #69a9dd33}.brand-small{font-size:clamp(7px,1vw,11px);letter-spacing:.52em;color:#b9d2ea;margin-top:5px}.lang-select{display:flex;align-items:center;gap:7px;font-size:13px;color:#d5e8f7}.lang-globe{font-size:27px;font-weight:100}.lang-select select{appearance:none;background:transparent;border:0;color:inherit;font-size:14px;font-weight:700;cursor:pointer;padding:9px 4px}.lang-select option{color:#0a1420;background:#e6eef6}.chevron{margin-left:-4px;color:#9cccf3}.main{display:flex;flex-direction:column;flex:1;justify-content:center;gap:clamp(8px,1.4vh,20px);width:min(100%,1500px);margin:auto}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;min-height:0;gap:clamp(8px,3vw,40px)}.hero-art{height:clamp(220px,31vh,340px);position:relative;display:flex;align-items:center;justify-content:center}.hero-art::before{content:"";position:absolute;inset:27% -20% 0;background:repeating-radial-gradient(ellipse at 50% 87%,transparent 0 21px,rgba(16,105,182,.13) 22px 24px,transparent 25px 43px);filter:blur(.5px);transform:scaleY(.36);opacity:.8;animation:expand 6s ease-in-out infinite}.hero-art::after{content:"";position:absolute;height:2px;bottom:15%;width:115%;left:-7%;background:linear-gradient(90deg,transparent,#1282cd8a,white,#1282cd9e,transparent);box-shadow:0 0 28px 4px #006fb778;opacity:.6}.hero-mark{width:min(100%,440px);height:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 0 16px #0879c63c);mix-blend-mode:screen}.wave-layer{position:absolute;width:120%;height:46%;z-index:0;left:-10%;top:43%;opacity:.47;filter:blur(.4px);border-top:1px solid rgba(73,160,239,.38);border-radius:50%;transform:rotate(-5deg)}.wave-b{transform:rotate(4deg) scaleY(.8);opacity:.3;top:52%;animation:wave 7s ease-in-out infinite}.wave-a{animation:wave 9s ease-in-out infinite reverse}.hero-message{min-width:0}.eyebrow{color:#92caff;letter-spacing:.35em;font-size:clamp(9px,.95vw,12px);margin:0 0 clamp(7px,1.6vh,16px);text-transform:uppercase}.hero-message h1{font-size:clamp(31px,4vw,66px);font-weight:490;line-height:1.08;letter-spacing:-.035em;margin:0;text-wrap:balance}.hero-message h1 span{color:var(--blue);text-shadow:0 0 40px #118ffb35}.summary{color:var(--muted);font-size:clamp(13px,1.3vw,19px);line-height:1.5;max-width:680px;margin:clamp(8px,1.6vh,20px) 0 0}.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,1vw,16px)}.service{border:1px solid #447aa3b8;border-radius:16px;min-height:clamp(182px,24vh,254px);padding:clamp(12px,1.3vw,22px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,rgba(30,72,110,.36),rgba(4,13,26,.9) 57%,rgba(8,23,40,.95));box-shadow:inset 0 1px 0 #d9f3ff12,0 9px 40px #0006;transition:border-color .22s,transform .22s,box-shadow .22s}.service:hover{transform:translateY(-3px);border-color:#79c5ff;box-shadow:0 0 30px #0e8cf22b}.service-icon{height:clamp(48px,7vh,76px);width:clamp(48px,7vh,76px);color:#d5e9ff;filter:drop-shadow(0 0 6px #168df2) drop-shadow(0 0 15px #1056958c);margin-bottom:clamp(8px,1.1vh,17px)}.service-icon svg{height:100%;width:100%}.service h2{font-size:clamp(14px,1.2vw,20px);font-weight:650;line-height:1.18;margin:0}.service p{font-size:clamp(12px,1vw,16px);color:#c7d8e8;line-height:1.35;margin:clamp(6px,1vh,12px) auto 0;max-width:295px}.contact{display:flex;flex-direction:column;align-items:center;gap:9px;padding-top:4px}.contact-title{margin:0;font-size:clamp(14px,1.3vw,19px);font-weight:600}.contact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,620px)}.action{min-height:46px;border:1px solid #69bcff;border-radius:100px;background:linear-gradient(180deg,#0d3860,#05172b);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(12px,1vw,16px);font-weight:650;box-shadow:inset 0 0 14px #2da3ff4f,0 0 14px #006bbb2c;transition:transform .2s,box-shadow .2s}.action:hover{transform:translateY(-2px);box-shadow:0 0 27px #258fda70}.action-glyph{font-size:20px;line-height:1}.whatsapp{border-color:#43c48c;background:linear-gradient(180deg,#06472e,#04251b);box-shadow:inset 0 0 14px #18ba7e48,0 0 15px #087d4729}.site-footer{width:min(100%,1500px);align-self:center;margin-top:clamp(10px,2vh,22px);padding-top:12px;border-top:1px solid #325571;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#bed0e4;font-size:clamp(10px,.95vw,13px);flex-wrap:wrap}.trust{display:flex;align-items:center;gap:clamp(10px,2vw,28px)}.trust span::before{content:"◇";color:#64bcff;padding-right:7px}.legal-links{display:flex;gap:12px;white-space:nowrap}.legal-links a{text-decoration:none}.legal-links a:hover{text-decoration:underline}.legal-page{min-height:100vh;background:radial-gradient(ellipse at 30% 0,#123657,#050a12 48%)}.legal-container{width:min(760px,calc(100% - 36px));margin:0 auto;padding:38px 0 80px;line-height:1.65;color:#e5ebf4}.legal-container h1{font-size:clamp(28px,5vw,42px)}.back{color:#80c9ff;text-decoration:none}.draft-banner{background:#30200d;border:1px solid #b58030;border-radius:8px;padding:12px 18px;color:#ffe0a8;font-weight:700}.legal-container dt{margin-top:19px;color:#8ccfff}.legal-container dd{margin:4px 0 0}.legal-container a{color:#b1dcff}.missing{color:#ffb3a2}.footer-note{border-top:1px solid #294566;margin-top:40px;padding-top:16px;color:#9bb0cc}@keyframes wave{0%,100%{translate:0 0;scale:1}50%{translate:8px 4px;scale:1.06}}@keyframes expand{0%,100%{scale:.95;opacity:.55}50%{scale:1.06;opacity:.9}}@media(max-width:920px){.page-frame{padding:calc(10px + env(safe-area-inset-top)) 14px calc(10px + env(safe-area-inset-bottom))}.main{justify-content:space-evenly;gap:10px}.hero{display:flex;flex-direction:column;gap:0;text-align:center}.hero-art{width:100%;height:clamp(155px,24svh,245px)}.hero-mark{width:min(78%,300px)}.eyebrow{font-size:9px;margin:4px 0 5px;letter-spacing:.21em}.hero-message h1{font-size:clamp(26px,4.8vw,44px)}.summary{font-size:clamp(11px,2.1vw,15px);max-width:500px;margin:7px auto 0}.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service{min-height:clamp(112px,18svh,180px);border-radius:12px;padding:10px 8px}.service-icon{height:clamp(32px,6svh,56px);width:clamp(32px,6svh,56px);margin-bottom:5px}.service h2{font-size:clamp(11px,2.2vw,17px)}.service p{font-size:clamp(10px,1.85vw,13px);line-height:1.25;margin-top:5px}.contact{gap:7px}.contact-title{font-size:15px}.contact-actions{gap:7px;width:100%}.action{min-height:42px;gap:5px;font-size:clamp(11px,2vw,15px)}.action-glyph{font-size:16px}.site-footer{font-size:10px;gap:7px;padding-top:10px;margin-top:7px}.trust{display:none}}@media(max-width:480px){.topbar{height:42px}.brand-big{font-size:16px}.brand-small{font-size:7px;letter-spacing:.44em}.hero-art{height:clamp(140px,22svh,212px)}.hero-message h1{font-size:clamp(24px,6vw,32px)}.summary{font-size:clamp(11px,2.8vw,13px)}.service{min-height:clamp(110px,16.4svh,158px)}.service h2{font-size:clamp(10.5px,2.7vw,14px)}.service p{font-size:clamp(10px,2.5vw,11.5px);hyphens:auto}.service-icon{height:clamp(31px,5.3svh,44px);width:clamp(31px,5.3svh,44px)}.location{font-size:10px}.legal-links{font-size:10px}}@media(max-width:340px){.page-frame{padding-left:9px;padding-right:9px}.hero-art{height:120px}.service{padding:7px 5px}.service h2{font-size:10px}.service p{font-size:9px}.action{font-size:10px;gap:3px}.site-footer{font-size:9px}}@media(max-height:700px) and (max-width:920px){.page-frame{min-height:100svh}.main{gap:6px}.hero-art{height:112px}.hero-message h1{font-size:25px}.eyebrow{margin:0}.service{min-height:102px}.service-icon{height:30px;width:30px}.service p{font-size:10px}.site-footer{margin-top:5px;padding-top:6px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Oberrhein Solutions — V2 / hero refinement, 2026-10-23 */
.page-frame{background:radial-gradient(ellipse 90% 35% at 50% 19%,#112a48 0%,#071426 50%,#030914 93%),linear-gradient(#040a12,#01050b)}
.topbar{position:relative;border-bottom:1px solid transparent;border-image:linear-gradient(to right,transparent,#365e82aa,transparent) 1;padding-bottom:5px}
.brand-big{font-weight:480;letter-spacing:.17em;text-shadow:0 1px 1px #e7f2ff33,0 0 19px #72bfff1b}
.brand-small{letter-spacing:.54em;color:#8db4dc}
.lang-select{border:1px solid #4b719756;border-radius:99px;background:#11294470;padding:0 9px;backdrop-filter:blur(8px)}
.lang-globe{font-size:17px;color:#c0d5e8}
.hero{z-index:1}
.hero-art{isolation:isolate}
.hero-halo{position:absolute;inset:6% 0 1%;background:radial-gradient(ellipse at 50% 56%,#16497466 0,#13416f31 31%,transparent 69%);filter:blur(15px);pointer-events:none}
.hero-art::before{inset:44% -28% 0;opacity:.56}
.hero-art::after{bottom:15%;height:1px;opacity:.58;box-shadow:0 0 22px 3px #078eea88}
.hero-mark{height:auto;max-height:100%;object-fit:contain;filter:drop-shadow(0 13px 32px #043e7599) drop-shadow(0 0 5px #76ccff3d);mix-blend-mode:normal}
.wave-layer{filter:blur(1px);opacity:.26}
.eyebrow{color:#96c4e9;letter-spacing:.23em;font-weight:550}
.hero-message h1{font-weight:520;line-height:1.075}
.summary{color:#bdcad9}
@media(max-width:920px){
  .topbar{min-height:49px;height:auto;padding-bottom:10px;margin-bottom:1px}
  .hero-art{height:clamp(165px,23svh,248px);width:100%;margin-top:0}
  .hero-halo{inset:4% 13% -5%;filter:blur(19px)}
  .hero-mark{width:min(75%,290px);max-height:100%;object-fit:contain}
  .hero-art::after{bottom:12%;width:96%;left:2%;opacity:.4}
  .hero-art::before{inset:50% -15% 0}
  .hero-message{padding-top:0}
  .hero-message h1{font-weight:520;text-wrap:balance}
  .summary{line-height:1.36}
}
@media(max-width:480px){
 .page-frame{padding-top:calc(8px + env(safe-area-inset-top));}
 .topbar{min-height:45px;padding-bottom:7px}
 .brand-big{font-size:15px;letter-spacing:.17em}
 .brand-small{font-size:7px;letter-spacing:.46em}
 .hero-art{height:clamp(140px,21svh,198px)}
 .hero-mark{width:min(72%,275px)}
 .eyebrow{margin:0 0 5px;font-size:9px;letter-spacing:.21em}
 .hero-message h1{font-size:clamp(24px,6.15vw,32px)}
 .summary{font-size:clamp(11px,2.85vw,13px);margin-top:7px}
}
@media(max-height:720px) and (max-width:920px){
 .hero-art{height:clamp(100px,17svh,140px)}
 .page-frame{padding-top:8px;padding-bottom:8px}
 .main{gap:6px}
}

/* V3 — matches user-approved deep-black / electric-blue lightwave art (23 Oct 2026).
   This is real responsive HTML/CSS, not a screenshot used as the website. */
:root { --bg:#000307; --card:#010b17; --line:#2696f4; --blue:#35aeff; --light:#f7fbff; }
html { background:#000307; }
body { background:#000307; }
.page-frame {
 background:radial-gradient(ellipse 45% 25% at 50% 0%,#08284f 0%,#020710 48%,transparent 100%),linear-gradient(180deg,#01040a 0%,#000207 45%,#000205 100%);
}
.ambient-one {top:10%;left:0;width:100%;height:35%;filter:blur(35px);background:radial-gradient(ellipse,rgba(10,110,245,.2),transparent 70%)}
.ambient-two {bottom:-15%;background:radial-gradient(ellipse,#03357138,transparent 70%)}
.topbar {border-bottom:0; min-height:0; }
.brand-big {background:linear-gradient(165deg,#fff 4%,#a0b4c9 33%,#fff 53%,#6a829a 83%,#e6f6ff);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:500;letter-spacing:.1em;}
.brand-small {color:#c4d7f0}
.lang-select {background:transparent;border:0;}
.hero-art {overflow:visible;min-width:0;isolation:isolate;}
.hero-art::before,.hero-art::after,.hero-halo,.wave-layer {display:none!important}
.hero-scene {display:block;position:relative;z-index:1;width:115%;max-width:none;height:100%;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,136,255,.14));animation:heroBreath 9s ease-in-out infinite;}
.hero-lockup {display:none;}
.service {position:relative;min-height:clamp(180px,23vh,252px);background:radial-gradient(ellipse at 40% 0%,#092e58 0%,#021123 46%,#01050c 100%);border:1px solid #369ef2;border-radius:14px;box-shadow:inset 0 0 0 1px #b7e0ff13,inset 0 0 18px #0051a62c,0 0 14px #005fa842;overflow:hidden;}
.service::before {content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 0%,#b1ecff16 13%,transparent 36%,transparent 70%,#16a3ff16 100%)}
.service-1,.service-3 {border-color:#76c8ff;box-shadow:inset 0 0 13px #086adb33,0 0 17px #006bd653,0 0 3px #38b4ff}
.service-icon {height:clamp(54px,8vh,86px);width:clamp(72px,10vh,110px);display:flex;align-items:center;justify-content:center;filter:none;margin-bottom:6px}
.service-icon img {width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 7px #1788ef) drop-shadow(0 0 13px #0c67c999);}
.service h2 {text-shadow:0 0 11px #67c4fa20;}
.contact-title {font-weight:700;}
.action {border:1.5px solid #9adfff;background:linear-gradient(180deg,#0d4b83,#051932 54%,#05315b);box-shadow:inset 0 0 18px #3babff77,0 0 16px #008afa77,0 0 3px #fff7;font-weight:700;}
.action.whatsapp {border-color:#76f8b7;background:linear-gradient(180deg,#064b30,#002717 53%,#034127);box-shadow:inset 0 0 17px #12e1886e,0 0 16px #1aaf6370;}
.site-footer {border-top-color:#8ec2ed81}
@keyframes heroBreath {0%,100% {transform:scale(1);filter:brightness(1)}50% {transform:scale(1.012);filter:brightness(1.12)}}
@media (max-width:920px){
 .page-frame {padding-top:calc(8px + env(safe-area-inset-top));background:radial-gradient(ellipse at 50% 10%,#041629 0%,#00040a 42%,#000205 100%)}
 .topbar {position:relative;z-index:3;border-bottom:0;padding-bottom:0;min-height:35px}
 .main {justify-content:space-evenly;gap:7px}
 .hero {gap:0;}
 .hero-art {width:calc(100% + 28px);margin-inline:-14px;height:clamp(152px,23svh,230px);}
 .hero-scene {width:100%;height:100%;object-fit:cover;object-position:center 50%}
 .hero-lockup {display:flex;flex-direction:column;align-items:center;gap:0;line-height:1; margin-top:-4px;position:relative;z-index:1}
 .lockup-name {font-size:clamp(22px,6.7vw,40px);font-weight:400;letter-spacing:.055em;background:linear-gradient(#fff 0%,#dfebf7 22%,#64829f 42%,#f5fdff 55%,#839cb9 76%,#e4f7ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 6px 14px #82b9f71e;}
 .lockup-sub {font-size:clamp(10px,3vw,18px);letter-spacing:.55em;color:#d8e9f9;margin-top:4px;margin-left:.55em}
 .lockup-rule {display:block;width:52px;height:1px;margin:7px auto 6px;background:linear-gradient(90deg,transparent,#f3faff,transparent)}
 .hero-message {padding:0}
 .eyebrow {color:#c3d8e9;letter-spacing:.23em; font-size:clamp(8px,1.8vw,11px);margin:0 0 5px;}
 .hero-message h1 {font-size:clamp(22px,5.8vw,31px);font-weight:650;line-height:1.04;max-width:500px;margin:auto;}
 .summary {font-size:clamp(10px,2.65vw,14px);color:#d6e1ef;margin:7px auto 0;line-height:1.24;max-width:500px}
 .service {min-height:clamp(102px,15.5svh,148px);padding:7px 5px;border-radius:10px;}
 .service-icon {height:clamp(37px,5.8svh,55px);width:clamp(59px,9svh,78px);margin-bottom:0;}
 .service h2 {font-size:clamp(11px,2.55vw,16px);line-height:1.18;}
 .service p {font-size:clamp(9.5px,2.35vw,12px);line-height:1.25;margin-top:4px;}
 .contact {gap:5px;padding-top:1px}
 .contact-title {font-size:clamp(14px,3.8vw,18px)}
 .contact-actions {gap:6px;}
 .action {min-height:39px;font-size:clamp(10px,2.75vw,14px);gap:4px;}
 .action-glyph {font-size:16px}
 .site-footer {padding-top:7px;margin-top:5px}
}
@media(max-width:480px){
 .hero-art {height:clamp(145px,21.5svh,195px)}
 .services {gap:7px}
 .service {min-height:clamp(106px,15.4svh,138px)}
 .topbar {height:39px}
 .brand-big {font-size:15px}
 .brand-small {font-size:7px}
}
@media(max-height:720px) and (max-width:920px){
 .hero-art {height:clamp(123px,19svh,145px)}
 .lockup-name {font-size:clamp(21px,6vw,29px)}
 .summary {margin-top:4px}
 .service {min-height:104px}
 .service-icon {height:35px;width:55px}
 .main {gap:5px}
}
@media(prefers-reduced-motion:reduce){.hero-scene{animation:none!important}}
/* German headline matches the two-line typographic hierarchy of the approved concept. */
@media(max-width:480px){html:lang(de) .hero-message h1{max-width:260px;font-size:clamp(24px,6.7vw,29px)}}
@media(max-width:480px){
 .lockup-name{font-size:clamp(29px,8.25vw,38px);letter-spacing:.03em}
 .lockup-sub{font-size:clamp(9px,2.8vw,12px);letter-spacing:.34em;margin-left:.34em}
}

/* V4: legal pages: clear responsive typography, readable paragraphs. */
.legal-page {color:#ebf4ff;background:radial-gradient(ellipse 75% 35% at 50% -10%,#123b67 0%,#030911 63%,#000307 100%)}
.legal-container {max-width:800px;padding:clamp(26px,5vw,60px) 0 80px;line-height:1.72}
.legal-container h1 {margin:18px 0 28px;font-size:clamp(32px,6vw,48px);font-weight:600}
.legal-container h2 {font-size:clamp(16px,3vw,21px);font-weight:620;color:#a6d6ff;margin:30px 0 8px}
.legal-container p {font-size:clamp(14px,2.7vw,16px);color:#dbe8f8;line-height:1.75;margin:8px 0 12px;overflow-wrap:anywhere}
.legal-container a {text-decoration:underline;text-underline-offset:3px}
.legal-brand {text-transform:uppercase;letter-spacing:.2em;color:#f3faff!important;font-weight:650!important;font-size:13px!important;margin-top:28px!important}
.legal-brand span {color:#9ecbff}
.legal-container .footer-note {margin-top:52px;font-size:12px}