/* Unfried Soft: gekapseltes Design für Startseite und WIRA-Ankündigung. */
.tech-site {
  --orbit-bg: #050a17;
  --orbit-panel: #0d1c32;
  --orbit-line: rgba(121, 198, 255, .22);
  --orbit-text: #f4f8ff;
  --orbit-muted: #abc0dc;
  --orbit-cyan: #4df0ff;
  --orbit-blue: #58a8ff;
  --orbit-violet: #b77cff;
  color: var(--orbit-text);
  background:
    radial-gradient(ellipse 920px 760px at 85% 5%, rgba(46, 65, 143, .31), transparent 65%),
    radial-gradient(ellipse 760px 660px at -10% 45%, rgba(22, 90, 176, .22), transparent 65%),
    var(--orbit-bg);
  font-family: Inter, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
}
.tech-site .container { width: min(1280px, calc(100% - 72px)); }
.tech-site .site-header {
  background: rgba(5, 10, 24, .84);
  border-bottom: 1px solid rgba(153, 203, 255, .15);
  backdrop-filter: blur(20px);
}
.tech-site .header-inner { min-height: 96px; gap: 24px; padding-block: 5px; }
.tech-site .brand { gap: 12px; flex: 0 0 auto; }
.orbit-brand-image { display: block; width: auto; height: 84px; max-width: 100%; object-fit: contain; filter: drop-shadow(0 0 10px rgba(75, 161, 255, .18)); }
.tech-site .nav-links { gap: clamp(12px, 2vw, 27px); }
.tech-site .nav-links a { color: #c5d3e9; font-size: 13px; font-weight: 700; white-space: nowrap; }
.tech-site .nav-links a:hover, .tech-site .nav-links a[aria-current="page"] { color: var(--orbit-cyan); opacity: 1; }
.tech-site .nav-links .orbit-nav-contact { color: #061626; background: linear-gradient(115deg, #4feaff, #78b9ff); padding: 11px 16px; border-radius: 8px; font-weight: 850; box-shadow: 0 7px 24px rgba(42, 169, 255, .18); }
.tech-site .nav-toggle { border-radius: 9px; border-color: rgba(77, 240, 255, .36); }
.tech-site :focus-visible { outline: 2px solid var(--orbit-cyan); outline-offset: 4px; }
.orbit-wrap { position: relative; overflow: hidden; isolation: isolate; }
.orbit-wrap::before { content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none; background-image: linear-gradient(rgba(91, 150, 220, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(91, 150, 220, .035) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(#000, transparent 82%); }
.orbit-topline { height: 4px; background: linear-gradient(90deg, transparent, #4be9ff 28%, #578eff 55%, #b57cff 80%, transparent); box-shadow: 0 0 22px rgba(80, 181, 255, .55); }
.orbit-hero { position: relative; min-height: 640px; padding-block: 67px 70px; }
.orbit-hero::after { content: ""; position: absolute; width: 740px; height: 740px; top: -110px; right: -280px; z-index: -1; border: 1px solid rgba(104, 176, 255, .12); border-radius: 50%; box-shadow: 0 0 0 110px rgba(84, 145, 255, .025), 0 0 0 220px rgba(84, 145, 255, .018); pointer-events: none; }
.orbit-hero-inner { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr); align-items: center; position: relative; }
.orbit-hero-copy { position: relative; z-index: 4; padding-block: 24px 50px; }
.orbit-kicker { display: inline-flex; align-items: center; gap: 9px; border: 1px solid rgba(77, 240, 255, .4); border-radius: 99px; background: rgba(10, 52, 70, .63); padding: 7px 14px; color: var(--orbit-cyan); font-size: 10px; font-weight: 850; letter-spacing: .17em; text-transform: uppercase; }
.orbit-kicker::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.orbit-hero h1 { max-width: 660px; margin: 25px 0 24px; font-size: clamp(58px, 6.5vw, 90px); line-height: .99; font-weight: 900; letter-spacing: -.073em; }
.orbit-hero h1 span { display: block; }
.orbit-gradient { background: linear-gradient(90deg, #4df4ff, #68b0ff 56%, #c28bff); background-clip: text; -webkit-text-fill-color: transparent; }
.orbit-lead { max-width: 545px; color: #c3d3eb; font-size: clamp(15px, 1.4vw, 18px); line-height: 1.58; }
.orbit-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.orbit-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 48px; padding: 12px 19px; border: 1px solid transparent; border-radius: 8px; color: #06182b; background: linear-gradient(110deg, #50f0ff, #75b6ff); box-shadow: 0 10px 30px rgba(45, 170, 255, .22); font-size: 13px; font-weight: 850; transition: transform .2s, box-shadow .2s; }
.orbit-button:hover { transform: translateY(-3px); box-shadow: 0 14px 35px rgba(45, 170, 255, .34); opacity: 1; }
.orbit-button-ghost { color: #deebff; background: rgba(12, 28, 52, .78); border-color: rgba(148, 199, 255, .3); box-shadow: none; }
.orbit-button-ghost:hover { box-shadow: 0 10px 30px rgba(45, 170, 255, .12); }
.orbit-button .arrow { font-size: 19px; line-height: 1; }
.orbit-micro { display: flex; flex-wrap: wrap; gap: 22px; margin: 30px 0 0; padding: 0; list-style: none; color: #a7b9d4; font-size: 11px; }
.orbit-micro li::before { content: "✦"; color: #63ffd4; margin-right: 7px; }
.orbit-stage { min-height: 530px; position: relative; z-index: 2; }
.orbit-stage::before { content: ""; position: absolute; inset: 5% -5%; background: radial-gradient(ellipse at center, rgba(51, 137, 245, .24), rgba(84, 49, 180, .11) 48%, transparent 72%); filter: blur(12px); }
.orbit-ring { position: absolute; border-radius: 50%; pointer-events: none; }
.orbit-ring-one { width: 520px; height: 520px; top: -20px; left: 50%; transform: translateX(-50%) rotate(-22deg); border: 1px solid rgba(87, 205, 255, .36); border-left-color: transparent; border-bottom-color: rgba(162, 103, 255, .12); box-shadow: 0 0 35px rgba(54, 153, 255, .13); }
.orbit-ring-two { width: 430px; height: 430px; top: 28px; left: 50%; transform: translateX(-50%) rotate(24deg); border: 1px dashed rgba(194, 220, 255, .24); border-top-color: transparent; }
.orbit-portal { width: 450px; height: 116px; position: absolute; left: 50%; bottom: 3px; transform: translateX(-50%) rotate(-3deg); border: 2px solid rgba(86, 218, 255, .76); border-radius: 50%; background: radial-gradient(ellipse, rgba(83, 209, 255, .21), rgba(71, 45, 167, .06) 64%, transparent 72%); box-shadow: 0 0 18px rgba(77, 240, 255, .7), inset 0 0 25px rgba(77, 240, 255, .31), 0 0 0 22px rgba(51, 136, 255, .07); }
.orbit-portal::after { content: ""; position: absolute; inset: 20px 44px; border: 1px solid rgba(201, 238, 255, .43); border-radius: 50%; }
.orbit-avatar { width: min(540px, 100%); height: auto; position: absolute; z-index: 2; left: 50%; bottom: 38px; transform: translateX(-50%); filter: drop-shadow(0 27px 40px rgba(0, 0, 0, .5)) drop-shadow(0 0 30px rgba(82, 156, 255, .22)); }
.orbit-chip { position: absolute; z-index: 3; min-width: 72px; min-height: 72px; display: grid; place-items: center; border: 1px solid rgba(108, 214, 255, .34); border-radius: 14px; background: linear-gradient(145deg, rgba(25, 49, 83, .88), rgba(9, 19, 42, .91)); box-shadow: 0 16px 38px rgba(0, 0, 0, .25), inset 0 1px rgba(212, 240, 255, .12); backdrop-filter: blur(16px); color: var(--orbit-cyan); font-size: 29px; }
.orbit-chip-a { top: 66px; left: 6%; transform: rotate(-13deg); }
.orbit-chip-b { top: 92px; right: 4%; transform: rotate(11deg); color: #b791ff; }
.orbit-chip-c { bottom: 105px; left: 0; transform: rotate(-11deg); color: #80bfff; }
.orbit-stage-note { position: absolute; z-index: 4; right: -3%; bottom: 112px; width: 205px; padding: 13px 15px; border: 1px solid rgba(182, 124, 255, .4); border-radius: 11px; background: rgba(18, 26, 56, .83); box-shadow: 0 14px 30px rgba(0, 0, 0, .24); color: #f3eaff; font-size: 12px; font-weight: 750; }
.orbit-stage-note small { display: block; margin-top: 3px; color: #b8afd0; font-size: 10px; font-weight: 500; }
.orbit-status { display: flex; align-items: center; gap: 24px; border-top: 1px solid rgba(147, 198, 255, .17); margin-top: 18px; padding-top: 17px; color: #95aac8; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.orbit-status strong { color: #e4f0ff; }
.orbit-status .stretch { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(108, 167, 255, .28), transparent); }
.orbit-status b { color: #58ffd2; }
.orbit-section { padding: 85px 0; position: relative; }
.orbit-section-tight { padding-top: 54px; }
.orbit-section-alt { background: linear-gradient(180deg, rgba(12, 26, 49, .34), rgba(18, 26, 53, .22)); border-block: 1px solid rgba(144, 193, 255, .08); }
.orbit-section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.orbit-eyebrow { margin: 0 0 10px; color: var(--orbit-cyan); font-size: 11px; font-weight: 850; letter-spacing: .2em; text-transform: uppercase; }
.orbit-section h2 { margin: 0; font-size: clamp(31px, 3vw, 46px); line-height: 1.07; font-weight: 850; letter-spacing: -.055em; }
.orbit-section-head > p { max-width: 390px; margin: 0; color: var(--orbit-muted); font-size: 14px; line-height: 1.5; }
.orbit-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.orbit-product { position: relative; min-height: 420px; overflow: hidden; padding: 24px; border: 1px solid var(--orbit-line); border-radius: 18px; background: linear-gradient(145deg, rgba(24, 53, 83, .91), rgba(9, 22, 44, .97)); box-shadow: inset 0 1px rgba(255, 255, 255, .07); transition: transform .25s, border-color .25s; }
.orbit-product:hover { transform: translateY(-6px); border-color: rgba(77, 240, 255, .56); opacity: 1; }
.orbit-product::before { content: ""; position: absolute; width: 230px; height: 230px; right: -80px; top: -90px; background: radial-gradient(circle, var(--product-glow), transparent 68%); opacity: .29; filter: blur(10px); }
.orbit-product::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: linear-gradient(90deg, transparent, var(--product-glow), transparent); }
.orbit-product-top { display: flex; justify-content: space-between; gap: 10px; align-items: center; position: relative; z-index: 1; }
.orbit-product-label { color: var(--product-glow); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .18em; }
.orbit-product-number { color: #8da3c1; font-size: 10px; font-weight: 700; }
.orbit-product h3 { position: relative; z-index: 1; margin: 21px 0 9px; font-size: 27px; letter-spacing: -.05em; }
.orbit-product p { position: relative; z-index: 1; max-width: 330px; min-height: 64px; margin: 0; color: #b3c5dd; font-size: 14px; line-height: 1.5; }
.orbit-product-media { height: 180px; position: relative; display: flex; justify-content: center; align-items: end; margin-top: 18px; overflow: hidden; border: 1px solid rgba(140, 193, 255, .14); border-radius: 12px; background: radial-gradient(ellipse at 50% 100%, rgba(62, 159, 244, .2), transparent 70%), rgba(5, 13, 27, .65); }
.orbit-product-media img { height: 178px; width: auto; max-width: 90%; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 8px 19px rgba(0, 0, 0, .5)); }
.orbit-product-link { display: inline-flex; gap: 8px; align-items: center; position: relative; z-index: 1; margin-top: 18px; color: var(--product-glow); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.orbit-services { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.orbit-service { padding: 27px; border: 1px solid var(--orbit-line); border-radius: 16px; background: linear-gradient(145deg, rgba(17, 39, 66, .82), rgba(9, 19, 39, .85)); }
.orbit-service-symbol { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 20px; border: 1px solid rgba(77, 240, 255, .38); border-radius: 12px; color: var(--orbit-cyan); font-size: 27px; box-shadow: inset 0 0 20px rgba(77, 240, 255, .06); }
.orbit-service h3 { margin: 0 0 10px; font-size: 21px; letter-spacing: -.04em; }
.orbit-service p, .orbit-service li { color: #b1c3da; font-size: 14px; line-height: 1.55; }
.orbit-service p { min-height: 88px; margin: 0 0 17px; }
.orbit-service ul { margin: 0; padding: 16px 0 0 18px; border-top: 1px solid rgba(146, 199, 255, .13); }
.orbit-service li + li { margin-top: 5px; }
.orbit-process { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; counter-reset: orbit-step; list-style: none; padding: 0; margin: 0; }
.orbit-process li { min-height: 250px; padding: 23px; border: 1px solid var(--orbit-line); border-radius: 14px; background: rgba(12, 27, 50, .72); counter-increment: orbit-step; }
.orbit-process li::before { content: "0" counter(orbit-step); display: block; margin-bottom: 36px; color: var(--orbit-cyan); font-size: 13px; font-weight: 900; letter-spacing: .1em; }
.orbit-process h3 { margin: 0 0 10px; font-size: 18px; }
.orbit-process p { margin: 0; color: var(--orbit-muted); font-size: 13px; line-height: 1.52; }
.orbit-teaser { position: relative; display: grid; grid-template-columns: 220px minmax(0, 1fr) auto; align-items: center; gap: 27px; overflow: hidden; margin-top: 25px; padding: 20px 30px; border: 1px solid rgba(181, 124, 255, .38); border-radius: 18px; background: linear-gradient(110deg, rgba(16, 50, 81, .83), rgba(23, 31, 59, .9) 51%, rgba(50, 23, 82, .65)); }
.orbit-teaser::before { content: ""; position: absolute; width: 350px; height: 350px; top: -170px; right: 100px; border: 1px solid rgba(129, 190, 255, .27); border-radius: 50%; box-shadow: 0 0 0 42px rgba(105, 161, 255, .04); }
.orbit-teaser img { width: 180px; height: 155px; object-fit: cover; object-position: center 15%; align-self: end; filter: drop-shadow(0 0 23px rgba(103, 201, 255, .26)); }
.orbit-teaser h2 { font-size: clamp(24px, 2.5vw, 35px); }
.orbit-teaser p:not(.orbit-eyebrow) { margin: 9px 0 0; color: #bccce3; font-size: 14px; line-height: 1.5; }
.orbit-teaser .orbit-button { position: relative; z-index: 1; white-space: nowrap; }
.orbit-contact { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 50px; align-items: start; }
.orbit-contact > div > p:not(.orbit-eyebrow) { color: var(--orbit-muted); font-size: 16px; line-height: 1.6; }
.orbit-contact .contact { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; padding: 25px; border: 1px solid var(--orbit-line); border-radius: 18px; background: rgba(13, 28, 51, .84); }
.orbit-contact .contact label { display: grid; gap: 7px; }
.orbit-contact .contact label.full, .orbit-contact .contact .full { grid-column: 1 / -1; }
.orbit-contact .contact label span { color: #dbe9fb; font-size: 12px; font-weight: 750; }
.orbit-contact .contact input:not(.hp), .orbit-contact .contact textarea { width: 100%; min-height: 44px; padding: 11px 13px; border: 1px solid rgba(139, 189, 246, .24); border-radius: 8px; outline: none; background: rgba(4, 12, 27, .72); color: #eff7ff; font: inherit; font-size: 14px; }
.orbit-contact .contact textarea { resize: vertical; min-height: 110px; }
.orbit-contact .contact input:focus, .orbit-contact .contact textarea:focus { border-color: var(--orbit-cyan); box-shadow: 0 0 0 3px rgba(77, 240, 255, .13); }
.orbit-contact .contact input::placeholder, .orbit-contact .contact textarea::placeholder { color: #768eac; }
.orbit-contact .contact button { cursor: pointer; }
.orbit-contact .contact .muted { color: #8ea5c3; font-size: 11px; }
.tech-site .site-footer { padding: 29px 0 38px; background: rgba(3, 8, 18, .68); border-top: 1px solid rgba(137, 190, 255, .14); }
.tech-site .footer-stack { display: flex; justify-content: space-between; gap: 24px; align-items: start; }
.tech-site .footer-main { display: grid; gap: 16px; }
.tech-site .footer-links, .tech-site .footer-socials { display: flex; gap: 16px; flex-wrap: wrap; }
.tech-site .footer-links a, .tech-site .footer-socials a { color: #9eb2ce; font-size: 12px; }
.tech-site .footer-links a:hover, .tech-site .footer-socials a:hover { color: var(--orbit-cyan); }
.tech-site .footer-main .mono { color: #8299b8; }
.wira-hero { min-height: 660px; }
.wira-hero .orbit-hero-copy { padding-block: 46px 70px; }
.wira-hero h1 { font-size: clamp(62px, 6.7vw, 94px); }
.wira-status { display: inline-flex; margin-top: 20px; padding: 10px 14px; border: 1px solid rgba(181, 124, 255, .48); border-radius: 99px; background: rgba(42, 24, 68, .7); color: #dabdff; font-size: 12px; font-weight: 850; letter-spacing: .04em; }
.wira-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.wira-point { min-height: 260px; padding: 27px; border: 1px solid var(--orbit-line); border-radius: 16px; background: linear-gradient(145deg, rgba(20, 42, 73, .84), rgba(12, 21, 44, .92)); }
.wira-point .orbit-service-symbol { color: #b99aff; border-color: rgba(181, 124, 255, .4); }
.wira-point h3 { margin: 0 0 12px; font-size: 22px; }
.wira-point p { color: #b9cae0; font-size: 14px; line-height: 1.6; }
.wira-disclaimer { max-width: 850px; margin: 28px 0 0; color: #96abc6; font-size: 13px; line-height: 1.6; }
@media (max-width: 1100px) {
  .orbit-hero h1 { font-size: clamp(54px, 6vw, 70px); }
  .orbit-stage { min-height: 475px; }
  .orbit-ring-one { width: 460px; height: 460px; }
  .orbit-ring-two { width: 380px; height: 380px; }
  .orbit-avatar { width: 480px; bottom: 34px; }
  .orbit-portal { width: 400px; }
  .orbit-stage-note { right: -7%; }
  .orbit-teaser { grid-template-columns: 140px minmax(0, 1fr); }
  .orbit-teaser img { width: 130px; height: 140px; }
  .orbit-teaser .orbit-button { grid-column: 2; justify-self: start; }
}
@media (max-width: 940px) {
  .tech-site .nav-links { background: rgba(8, 19, 39, .98); border: 1px solid rgba(127, 192, 255, .24); box-shadow: 0 20px 45px rgba(0, 0, 0, .35); }
  .tech-site .nav-links a { display: block; padding: 8px 2px; }
  .orbit-hero-inner { grid-template-columns: 1fr; }
  .orbit-hero-copy { padding-bottom: 0; }
  .orbit-hero h1 { max-width: 620px; }
  .orbit-stage { width: min(580px, 100%); min-height: 540px; margin-inline: auto; }
  .orbit-stage-note { right: 0; }
  .orbit-status { margin-top: 2px; }
  .orbit-product-grid, .orbit-services, .wira-points { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .orbit-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .orbit-contact { grid-template-columns: 1fr; }
  .orbit-contact > div > p:not(.orbit-eyebrow) { max-width: 600px; }
}
@media (max-width: 640px) {
  .tech-site .container { width: min(100% - 36px, 520px); }
  .tech-site .header-inner { min-height: 74px; }
  .orbit-brand-image { height: 62px; }
  .orbit-hero { padding-block: 40px 48px; }
  .orbit-hero h1, .wira-hero h1 { font-size: clamp(46px, 10.7vw, 70px); }
  .orbit-lead { font-size: 15px; }
  .orbit-actions { gap: 10px; }
  .orbit-button { font-size: 12px; min-height: 44px; padding: 10px 14px; }
  .orbit-micro { gap: 11px 19px; font-size: 10px; }
  .orbit-stage { min-height: 425px; }
  .orbit-ring-one { width: 380px; height: 380px; top: 0; }
  .orbit-ring-two { width: 320px; height: 320px; top: 24px; }
  .orbit-avatar { width: 390px; bottom: 28px; }
  .orbit-portal { width: 330px; height: 82px; bottom: 1px; }
  .orbit-portal::after { inset: 15px 34px; }
  .orbit-chip { min-width: 55px; min-height: 55px; font-size: 22px; }
  .orbit-chip-a { top: 55px; left: 0; }
  .orbit-chip-b { top: 72px; right: 0; }
  .orbit-chip-c { bottom: 70px; left: 0; }
  .orbit-stage-note { right: 0; bottom: 75px; width: 155px; padding: 10px; font-size: 10px; }
  .orbit-status { gap: 12px; font-size: 8px; }
  .orbit-status .stretch { display: none; }
  .orbit-section { padding-block: 58px; }
  .orbit-section-head { display: block; }
  .orbit-section-head > p { margin-top: 13px; }
  .orbit-product-grid, .orbit-services, .wira-points, .orbit-process { grid-template-columns: 1fr; }
  .orbit-product { min-height: 395px; }
  .orbit-service p { min-height: auto; }
  .orbit-process li { min-height: 190px; }
  .orbit-process li::before { margin-bottom: 24px; }
  .orbit-teaser { display: grid; grid-template-columns: 95px 1fr; gap: 15px; padding: 16px; }
  .orbit-teaser img { width: 95px; height: 145px; }
  .orbit-teaser h2 { font-size: 24px; }
  .orbit-teaser p:not(.orbit-eyebrow) { font-size: 12px; }
  .orbit-teaser .orbit-button { grid-column: 1 / -1; }
  .orbit-contact .contact { grid-template-columns: 1fr; padding: 18px; }
  .tech-site .footer-stack { display: block; }
  .tech-site .footer-socials { margin-top: 23px; }
  .wira-hero { min-height: 0; }
}
@media (prefers-reduced-motion: no-preference) {
  .orbit-avatar { animation: orbit-float 5s ease-in-out infinite; }
  .orbit-portal { animation: orbit-pulse 4s ease-in-out infinite; }
  .orbit-chip-a, .orbit-chip-b { animation: orbit-bob 6s ease-in-out infinite; }
  .orbit-chip-b { animation-delay: -2s; }
  @keyframes orbit-float { 50% { translate: 0 -11px; } }
  @keyframes orbit-pulse { 50% { filter: brightness(1.33); } }
  @keyframes orbit-bob { 50% { translate: 0 8px; } }
}

/* Gemeinsame visuelle Sprache für die bestehenden Produkt-, Download- und Rechteseiten. */
.tech-inner main { position: relative; overflow: hidden; isolation: isolate; }
.tech-inner main::before {
  content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none;
  background-image: linear-gradient(rgba(91, 150, 220, .028) 1px, transparent 1px), linear-gradient(90deg, rgba(91, 150, 220, .028) 1px, transparent 1px);
  background-size: 58px 58px; mask-image: linear-gradient(#000, transparent 76%);
}
.tech-inner .hero {
  position: relative; min-height: 610px; padding: 62px 0 38px;
  border-bottom: 1px solid rgba(145, 194, 255, .1);
}
.tech-inner .hero-inner { position: relative; z-index: 2; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); gap: 25px; }
.tech-inner .hero-copy { position: relative; z-index: 3; }
.tech-inner .eyebrow { margin-bottom: 24px; }
.tech-inner .pill {
  padding: 8px 14px; color: var(--orbit-cyan); background: rgba(10, 52, 70, .65);
  border: 1px solid rgba(77, 240, 255, .4); border-radius: 99px;
  font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase;
}
.tech-inner .hero h1 {
  max-width: 690px; margin: 0 0 24px;
  font-size: clamp(54px, 5.7vw, 81px); line-height: 1.02;
  letter-spacing: -.073em; font-weight: 900;
}
.tech-inner .hero h1 .grad {
  display: inline-block; margin-top: 4px;
  background: linear-gradient(90deg, #4df4ff, #6daeff 55%, #c38bff);
  background-clip: text; -webkit-text-fill-color: transparent;
}
.tech-inner .lead { max-width: 570px; margin-bottom: 27px; color: #bed0e8; font-size: 17px; line-height: 1.62; }
.tech-inner .hero-ctas { gap: 12px; margin-bottom: 26px; }
.tech-inner .btn {
  min-height: 47px; padding: 11px 19px; border: 1px solid transparent; border-radius: 8px;
  color: #06182b; background: linear-gradient(110deg, #50f0ff, #75b6ff);
  box-shadow: 0 10px 30px rgba(45, 170, 255, .22);
  font-size: 13px; font-weight: 850; transition: transform .2s, box-shadow .2s;
}
.tech-inner .btn:hover { transform: translateY(-3px); box-shadow: 0 14px 35px rgba(45, 170, 255, .34); opacity: 1; }
.tech-inner .btn-ghost { color: #dfeeff; background: rgba(12, 28, 52, .78); border-color: rgba(148, 199, 255, .3); box-shadow: none; }
.tech-inner .hero-metrics { max-width: 570px; gap: 10px; }
.tech-inner .metric {
  min-height: 80px; padding: 13px 15px; border: 1px solid rgba(121, 198, 255, .2);
  border-radius: 11px; background: rgba(15, 32, 57, .72);
}
.tech-inner .metric-value { color: var(--orbit-cyan); font-size: 20px; line-height: 1.25; font-weight: 850; }
.tech-inner .metric-label { color: #adbfda; font-size: 11px; }
.tech-inner .hero-card { position: relative; min-height: 505px; overflow: visible; display: block; }
.tech-inner .hero-card::before {
  content: ""; position: absolute; width: 470px; height: 470px; left: 50%; top: 0;
  transform: translateX(-50%) rotate(-21deg); border: 1px solid rgba(93, 195, 255, .31); border-left-color: transparent;
  border-radius: 50%; box-shadow: 0 0 0 40px rgba(81, 146, 255, .026), inset 0 0 30px rgba(65, 144, 255, .09);
}
.tech-inner .hero-card::after {
  content: ""; position: absolute; left: 50%; bottom: 9px; width: 390px; height: 88px;
  transform: translateX(-50%) rotate(-3deg); border: 2px solid rgba(87, 220, 255, .72);
  border-radius: 50%; background: radial-gradient(ellipse, rgba(77, 205, 255, .21), transparent 70%);
  box-shadow: 0 0 18px rgba(77, 240, 255, .62), inset 0 0 25px rgba(77, 240, 255, .27), 0 0 0 20px rgba(54, 130, 255, .055);
}
.tech-inner .tech-hero-device {
  position: absolute; z-index: 1; left: 16%; bottom: 62px; width: auto; max-width: 52%; height: 385px;
  object-fit: contain; border-radius: 22px; box-shadow: 0 28px 50px rgba(0, 0, 0, .54), 0 0 28px rgba(66, 166, 255, .23);
  transform: rotate(-5deg);
}
.tech-inner .hero-card > .card {
  position: absolute; z-index: 3; right: -5px; bottom: 47px; width: min(260px, 55%);
  overflow: hidden; padding: 0; border: 1px solid rgba(121, 198, 255, .32);
  border-radius: 13px; background: linear-gradient(145deg, rgba(19, 47, 77, .95), rgba(9, 21, 42, .96));
  box-shadow: 0 20px 45px rgba(0, 0, 0, .36), inset 0 1px rgba(255, 255, 255, .07);
  backdrop-filter: blur(16px);
}
.tech-inner .hero-card .card-top { padding: 11px 13px; border-bottom-color: rgba(151, 204, 255, .18); background: rgba(6, 19, 40, .53); }
.tech-inner .hero-card .card-top .mono { color: #b3c9e3; font-size: 10px; }
.tech-inner .hero-card .card p { color: #bed0e6; font-size: 12px; line-height: 1.45; }
.tech-inner .hero-card .card-bottom { padding: 10px 12px; background: rgba(8, 23, 44, .49); }
.tech-inner .badge { padding: 5px 8px; border: 1px solid rgba(114, 203, 255, .24); background: rgba(5, 20, 40, .48); color: #bcd1e9; font-size: 10px; }
.tech-inner .hero-bg { opacity: .43; }
.tech-inner .hero-bg .grid { opacity: .08; }
.tech-inner .hero-bg .orb { filter: blur(65px); }
.tech-inner .section { padding: 77px 0; }
.tech-inner .section-alt { background: linear-gradient(180deg, rgba(14, 28, 54, .33), rgba(13, 22, 46, .22)); border-color: rgba(145, 194, 255, .09); }
.tech-inner .section-head { position: relative; gap: 25px; margin-bottom: 28px; padding-top: 25px; }
.tech-inner .section-head h2 { font-size: clamp(30px, 3.4vw, 45px); line-height: 1.08; letter-spacing: -.055em; font-weight: 850; }
.tech-inner .section-head p { max-width: 420px; color: #a9bfdb; font-size: 14px; line-height: 1.5; }
.tech-inner .section-head::before {
  content: "UNFRIED SOFT / PRODUKT"; position: absolute; top: 0; left: 0;
  color: var(--orbit-cyan); font-size: 10px; font-weight: 850; letter-spacing: .2em;
}
.tech-inner .cards { gap: 16px; }
.tech-inner .card {
  border: 1px solid rgba(121, 198, 255, .21); border-radius: 16px;
  background: linear-gradient(145deg, rgba(20, 43, 72, .79), rgba(10, 21, 42, .89));
  box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 13px 35px rgba(0, 0, 0, .15);
  padding: 24px;
}
.tech-inner .card h3 { font-size: 20px; letter-spacing: -.04em; }
.tech-inner .card p, .tech-inner .card li { color: #b7c9e0; font-size: 14px; line-height: 1.55; }
.tech-inner .checklist li::marker { color: var(--orbit-cyan); }
.tech-inner .shots { gap: 15px; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.tech-inner .shot-thumb {
  border: 1px solid rgba(121, 198, 255, .24); border-radius: 15px;
  background: linear-gradient(145deg, rgba(19, 42, 69, .85), rgba(8, 20, 41, .91));
  padding: 13px; transition: transform .2s, border-color .2s;
}
.tech-inner .shot-thumb:hover { transform: translateY(-4px); border-color: rgba(77, 240, 255, .6); }
.tech-inner .shot-thumb img { height: 240px; object-fit: contain; border-radius: 9px; background: rgba(5, 12, 27, .7); }
.tech-inner .shot-thumb span { color: #d2e1f3; font-size: 11px; }
.tech-inner .steps li { padding: 23px; border: 1px solid rgba(121, 198, 255, .21); border-radius: 15px; background: rgba(12, 28, 51, .78); }
.tech-inner .steps h3 { font-size: 18px; }
.tech-inner .steps p { color: #b2c4dd; font-size: 13px; }
.tech-inner .cta { padding-block: 68px; }
.tech-inner .cta-inner {
  gap: 25px; padding: 29px; border: 1px solid rgba(121, 198, 255, .26); border-radius: 17px;
  background: linear-gradient(110deg, rgba(18, 54, 84, .74), rgba(19, 27, 56, .86) 52%, rgba(47, 23, 81, .59));
}
.tech-inner .cta h2 { font-size: clamp(28px, 3vw, 42px); line-height: 1.1; letter-spacing: -.05em; }
.tech-inner .cta p { color: #bbcee5; line-height: 1.55; }
.tech-inner .contact input, .tech-inner .contact textarea { border-color: rgba(121, 198, 255, .28); border-radius: 8px; background: rgba(5, 14, 31, .7); }
.tech-inner .contact input:focus, .tech-inner .contact textarea:focus { border-color: var(--orbit-cyan); box-shadow: 0 0 0 3px rgba(77, 240, 255, .14); }
.tech-inner .lightbox .lb-panel { border-color: rgba(121, 198, 255, .35); background: #081326; }
.tech-inner .lightbox .lb-close { border-radius: 8px; }
.tech-inner .tech-hero-download-mark {
  position: absolute; z-index: 1; left: 13%; top: 52px; width: 245px; height: 320px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  border: 1px solid rgba(89, 233, 255, .53); border-radius: 18px;
  background: linear-gradient(135deg, rgba(31, 71, 103, .71), rgba(16, 24, 61, .83));
  box-shadow: 0 0 40px rgba(56, 190, 255, .17), inset 0 0 35px rgba(56, 190, 255, .1);
  transform: rotate(-8deg);
}
.tech-inner .tech-hero-download-mark span { color: #65efff; font-size: 73px; font-weight: 900; letter-spacing: -.07em; text-shadow: 0 0 22px rgba(77, 240, 255, .7); }
.tech-inner .tech-hero-download-mark small { color: #b8cce6; font-size: 10px; font-weight: 850; letter-spacing: .2em; }
.tech-legal .section { min-height: calc(100vh - 270px); padding-top: 88px; }
.tech-legal .section-head { margin-bottom: 34px; }
.tech-legal .section-head::before { content: "UNFRIED SOFT / RECHTLICHES"; }
.tech-legal .section > .container > .card { max-width: 980px; padding: clamp(22px, 4vw, 44px); }
.tech-legal .card h3 { margin-top: 29px; }
.tech-legal .card h3:first-child { margin-top: 0; }
.tech-legal .card a { color: #63dfff; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1100px) {
  .tech-inner .hero h1 { font-size: clamp(51px, 5.8vw, 68px); }
  .tech-inner .hero-card { min-height: 450px; }
  .tech-inner .hero-card::before { width: 420px; height: 420px; }
  .tech-inner .hero-card::after { width: 350px; }
  .tech-inner .tech-hero-device { height: 335px; left: 13%; }
  .tech-inner .hero-card > .card { width: min(220px, 55%); }
}
@media (max-width: 940px) {
  .tech-inner .hero-inner { grid-template-columns: 1fr; }
  .tech-inner .hero-card { width: min(590px, 100%); min-height: 495px; margin-inline: auto; }
  .tech-inner .hero-card::before { width: 450px; height: 450px; }
  .tech-inner .hero-card::after { width: 380px; }
  .tech-inner .tech-hero-device { height: 380px; left: 16%; }
  .tech-inner .hero-card > .card { width: min(260px, 55%); }
  .tech-inner .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tech-inner .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .tech-inner .hero { padding: 42px 0 43px; }
  .tech-inner .hero h1 { font-size: clamp(44px, 10vw, 65px); }
  .tech-inner .lead { font-size: 15px; }
  .tech-inner .pill { font-size: 9px; line-height: 1.4; }
  .tech-inner .hero-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tech-inner .metric { min-height: 68px; padding: 9px; }
  .tech-inner .metric-label { font-size: 9px; }
  .tech-inner .metric-value { font-size: 16px; }
  .tech-inner .hero-card { min-height: 450px; margin-top: 15px; }
  .tech-inner .hero-card::before { width: 350px; height: 350px; top: 8px; }
  .tech-inner .hero-card::after { width: 320px; height: 76px; }
  .tech-inner .tech-hero-device { height: 310px; bottom: 69px; left: 11%; }
  .tech-inner .hero-card > .card { right: 0; bottom: 30px; width: 55%; }
  .tech-inner .hero-card .card p { font-size: 10px; }
  .tech-inner .hero-card .card-top .mono { font-size: 8px; }
  .tech-inner .badge { font-size: 8px; padding: 4px 6px; }
  .tech-inner .card-bottom { gap: 4px; }
  .tech-inner .section { padding-block: 58px; }
  .tech-inner .section-head h2 { font-size: 31px; }
  .tech-inner .cards, .tech-inner .steps { grid-template-columns: 1fr; }
  .tech-inner .card { padding: 20px; }
  .tech-inner .cta-inner { padding: 20px; }
  .tech-inner .tech-hero-download-mark { left: 7%; top: 45px; width: 190px; height: 255px; }
  .tech-inner .tech-hero-download-mark span { font-size: 58px; }
  .tech-legal .section { padding-top: 68px; }
}