.tsn-portal-host{color:#f4f8f7;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;isolation:isolate}.tsn-portal-host *,.tsn-portal-host *:before,.tsn-portal-host *:after{box-sizing:border-box}.tsn-portal{position:relative;width:100%;background:#10252a}.tsn-portal__stage{position:relative;width:100%;height:100svh;min-height:700px;overflow:hidden;background:#0d252b}.tsn-portal__stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background:radial-gradient(circle at 75% 48%,#326a76 0,transparent 39%),linear-gradient(125deg,#07181d,#174049 67%,#0c252d)}.tsn-portal__stage:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(90deg,rgba(203,232,228,.2) 1px,transparent 1px);background-size:12.5% 100%;-webkit-mask-image:linear-gradient(90deg,transparent 28%,#000 100%);mask-image:linear-gradient(90deg,transparent 28%,#000 100%)}.tsn-portal__glow{position:absolute;width:52vw;height:52vw;left:56%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(46,176,164,.26),rgba(47,108,148,.17) 38%,transparent 69%);filter:blur(30px);pointer-events:none}.tsn-portal__accent-glow{position:absolute;width:32vw;height:32vw;left:76%;top:69%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(224,147,99,.24),transparent 68%);filter:blur(38px);opacity:.12;pointer-events:none}.tsn-portal__layout{position:relative;z-index:1;width:min(100%,1700px);height:100%;margin:auto;display:grid;grid-template-columns:minmax(0,47%) minmax(0,53%)}.tsn-portal__copy{position:relative;z-index:2;padding:clamp(34px,5vw,82px) 0 35px clamp(34px,7.4vw,132px);display:flex;flex-direction:column;min-width:0}.tsn-portal__copy h2{margin:auto 0 22px;max-width:820px;font-size:clamp(51px,5vw,91px);font-weight:540;line-height:1.03;letter-spacing:-.07em}.tsn-portal__copy h2 em{font-style:normal;color:#a3ded2}.tsn-portal__features{position:relative;width:min(100%,515px);height:178px;border-top:1px solid rgba(167,210,204,.36)}.tsn-portal__feature{position:absolute;inset:0;padding-top:24px;opacity:0;will-change:transform,opacity}.tsn-portal__feature h3{margin:0 0 10px;font-size:clamp(23px,2.1vw,35px);font-weight:520;line-height:1.15;letter-spacing:-.045em}.tsn-portal__feature p{margin:0;max-width:440px;color:#a9c2c0;font-size:14px;line-height:1.5}.tsn-portal__feature-meter{width:min(100%,515px);height:2px;margin-top:10px;background:#9bc4be36}.tsn-portal__feature-meter span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#75cbbb,#8ecce0);transform:scaleX(0);transform-origin:left}.tsn-portal__visual{position:relative;display:grid;place-items:center;min-width:0;min-height:0}.tsn-portal__orbital{position:absolute;width:min(56vw,760px);aspect-ratio:1;border:1px solid rgba(129,211,202,.2);border-radius:50%;box-shadow:0 0 55px #3eadb10a;pointer-events:none}.tsn-portal__orbital--two{width:min(43vw,580px);border-color:#89b8d826}.tsn-portal__device{position:relative;width:min(39vw,440px);aspect-ratio:.54;max-height:calc(100svh - 80px);opacity:0;filter:drop-shadow(24px 34px 27px rgba(0,0,0,.28))}.tsn-portal__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.tsn-portal__screen{position:absolute;z-index:2;top:0;left:0;width:344px;height:738px;transform-origin:0 0;opacity:0;pointer-events:none;backface-visibility:hidden;will-change:transform}.tsn-portal__screen-content{position:relative;display:flex;flex-direction:column;width:344px;height:738px;overflow:hidden;border-radius:43px;background:#f8faf9;color:#153238;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:inset 0 0 0 1px #17363b0f}.tsn-portal__island{position:absolute;z-index:5;top:9px;left:50%;width:91px;height:27px;transform:translate(-50%);border-radius:999px;background:linear-gradient(160deg,#080b0f,#020304 80%);box-shadow:inset 0 1px 1px #ffffff14,0 1px 1px #10252a21}.tsn-portal__island i{position:absolute;right:13px;top:8px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 55% 45%,#20334e 0 10%,#080e1a 24%,#111b2d 48%,#06080e 70%);box-shadow:0 0 0 2px #161a27b3,inset 0 0 2px #030408}.tsn-portal__system{height:39px;flex:0 0 auto;padding:10px 24px 0;display:flex;justify-content:space-between;align-items:flex-start;font-size:13px;font-weight:750;letter-spacing:-.02em}.tsn-portal__system-icons{display:flex;align-items:center;gap:3.5px;height:14px;color:#18383c}.tsn-portal__system-icons svg{display:block;flex:0 0 auto;fill:currentColor;shape-rendering:geometricPrecision}.tsn-portal__cellular,.tsn-portal__wifi{width:15px;height:12px}.tsn-portal__battery{width:21px;height:12px}.tsn-portal__browser{height:38px;flex:0 0 auto;margin:5px 13px 0;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid #e0e8e5;border-radius:21px;background:#edf2f0;box-shadow:0 2px 8px #1a3e3b0a;color:#5e7777;font-size:11px;font-weight:650}.tsn-portal__browser-type{color:#526c6d;font-size:12px;font-weight:750;letter-spacing:-.09em}.tsn-portal__browser-address{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.tsn-portal__browser-address svg{width:10px;height:12px;fill:none;stroke:#79918d;stroke-width:1.4}.tsn-portal__browser-reload{width:16px;height:16px;fill:none;stroke:#526c6d;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tsn-portal__app-header{height:62px;flex:0 0 auto;padding:0 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7edeb;background:#fff}.tsn-portal__brand{display:flex;align-items:center;gap:10px;min-width:0}.tsn-portal__brand-logo{display:block;width:90px;height:60px;flex:0 0 auto;object-fit:contain;object-position:left center}.tsn-portal__brand small{color:#718a89;font-size:13.5px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.tsn-portal__avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dfebe7;color:#2e6665;font-size:9px;font-weight:750}.tsn-portal__app-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:15px 17px 8px}.tsn-portal__greeting{flex:0 0 auto}.tsn-portal__greeting h3{margin:0;color:#16343a;font-size:26px;font-weight:650;letter-spacing:-.055em}.tsn-portal__vehicle{flex:0 0 57px;margin-top:9px;padding:5px 10px;display:flex;align-items:center;justify-content:space-between;border:1px solid #d2e5dc;border-radius:11px;background:linear-gradient(130deg,#fff 35%,#eaf7f0);box-shadow:0 5px 18px #2664520e}.tsn-portal__vehicle>div{min-width:0}.tsn-portal__vehicle strong{font-size:16px;font-weight:720;letter-spacing:-.025em;white-space:nowrap}.tsn-portal__car{width:120px;height:57px;flex:0 0 auto;object-fit:contain;transform:translateY(-1px);filter:drop-shadow(0 3px 2px rgba(24,55,56,.13))}.tsn-portal__timeline{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly}.tsn-portal__rail{position:absolute;top:16px;bottom:16px;left:15px;width:2.5px;background:#d5e7df}.tsn-portal__rail-fill{display:block;width:100%;height:100%;transform:scaleY(0);transform-origin:top;background:linear-gradient(#70d5b0,#199777);box-shadow:0 0 9px #34b48a38}.tsn-portal__rail-tip{position:absolute;top:0;left:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:#40d6a3;box-shadow:0 0 0 3px #40d6a32b,0 0 12px #27b5888c;opacity:0}.tsn-portal__step{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px;min-height:64px;color:#8ba4a0}.tsn-portal__step-dot{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1.5px solid #c4dad1;border-radius:50%;background:#f8faf9;will-change:transform}.tsn-portal__step-dot span{width:6px;height:6px;border-radius:50%;background:#b3c9c2}.tsn-portal__step-dot svg{display:none;width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.tsn-portal__step-copy{display:flex;flex-direction:column;gap:4px;padding-top:2px}.tsn-portal__step-copy strong{font-size:20px;line-height:1.16;font-weight:720;letter-spacing:-.035em}.tsn-portal__step-copy>span{color:#577d75;font-size:13px;line-height:1.27}.tsn-portal__step-copy time{align-self:flex-start;margin:2px 0 0 -5px;padding:2px 5px 1px;border-radius:4px;background:#fce4b1b8;color:#715b42;font-size:12px;line-height:1.2;font-weight:750;letter-spacing:.01em;font-variant-numeric:tabular-nums}.tsn-portal__step:not(.is-done):not(.is-active) .tsn-portal__step-copy time{opacity:0}.tsn-portal__step:not(.is-done):not(.is-active) .tsn-portal__step-copy>span{color:#91aaa4}.tsn-portal__step.is-active{color:#185749}.tsn-portal__step.is-active .tsn-portal__step-dot{border-color:#2caa82;background:#dcf7e9;box-shadow:0 0 0 5px #3abc8b21}.tsn-portal__step.is-active .tsn-portal__step-dot span{background:#168c69}.tsn-portal__step.is-done{color:#286c5c}.tsn-portal__step.is-done .tsn-portal__step-dot{border-color:#2aa17b;background:#2aa17b}.tsn-portal__step.is-done .tsn-portal__step-dot span{display:none}.tsn-portal__step.is-done .tsn-portal__step-dot svg{display:block}.tsn-portal__contact-actions{position:relative;height:53px;flex:0 0 auto;padding:7px 13px 6px;display:flex;gap:7px;border-top:1px solid #e2ece7;background:#fff}.tsn-portal__contact-action{height:39px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:0 10px;border:1px solid transparent;border-radius:11px;font:750 12px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.025em;white-space:nowrap;text-decoration:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;appearance:none;-webkit-appearance:none}.tsn-portal__contact-action svg{display:block;width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.tsn-portal__contact-action--message{flex:1.85;color:#fff;background:#197d67;box-shadow:0 3px 8px #197d6729}.tsn-portal__contact-action--message:active{background:#116853}.tsn-portal__contact-action--call{flex:1;color:#176a5a;background:#ecf6f1;border-color:#d2e9dd}.tsn-portal__contact-action--call:active{background:#dcefe5}.tsn-portal__contact-action:focus-visible{outline:2px solid #70d4b5;outline-offset:2px}.tsn-portal__contact-feedback{position:absolute;z-index:3;bottom:calc(100% + 7px);left:13px;right:13px;padding:10px 12px;border-radius:9px;background:#173d3b;color:#fff;box-shadow:0 9px 20px #133a352e;font-size:11px;font-weight:650;line-height:1.3;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}.tsn-portal__contact-feedback.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.tsn-portal__home-indicator{width:94px;height:4px;flex:0 0 auto;align-self:center;margin:5px 0 7px;border-radius:4px;background:#1b3033}.tsn-portal--model-error .tsn-portal__canvas{display:none}.tsn-portal--model-error .tsn-portal__screen{top:5%;left:50%;transform:translate(-50%) scale(.76)!important;transform-origin:top center;opacity:1!important;box-shadow:0 0 0 8px #17272b,0 0 0 10px #779295,20px 28px 35px #00000040;border-radius:54px}@media(min-width:901px){.tsn-portal__copy{justify-content:center;padding-top:clamp(24px,3vh,42px);padding-bottom:clamp(24px,3vh,42px)}.tsn-portal__copy h2{flex:0 0 auto;margin:0 0 clamp(18px,3vh,34px);font-size:clamp(48px,4vw,72px)}.tsn-portal__features{height:auto;flex:0 1 auto;display:flex;flex-direction:column;gap:clamp(7px,1vh,12px);padding-top:clamp(12px,1.8vh,20px)}.tsn-portal__feature{position:relative;inset:auto;flex:0 0 auto;padding:0 0 0 14px;border-left:2px solid rgba(139,198,189,.35)}.tsn-portal__feature h3{margin:0 0 3px;font-size:clamp(18px,1.4vw,24px)}.tsn-portal__feature p{font-size:clamp(11px,.85vw,13px);line-height:1.35}.tsn-portal__feature-meter{margin-top:clamp(12px,2vh,22px)}}@media(max-width:1050px){.tsn-portal__layout{grid-template-columns:48% 52%}.tsn-portal__copy{padding-left:5vw}.tsn-portal__device{width:min(43vw,410px)}}@media(max-width:900px){.tsn-portal__stage{min-height:0;height:100svh}.tsn-portal__layout{height:100%;display:flex;flex-direction:column}.tsn-portal__copy{flex:0 0 clamp(138px,18svh,150px);padding:12px 18px 0}.tsn-portal__copy h2{display:none}.tsn-portal__features{height:115px;width:100%;border-top:0}.tsn-portal__feature{padding-top:0}.tsn-portal__feature h3{margin:0 0 5px;font-size:clamp(22px,5.5vw,24px)}.tsn-portal__feature p{font-size:clamp(14px,3.55vw,15px);line-height:1.4}.tsn-portal__feature-meter{margin-top:4px}.tsn-portal__visual{flex:1 1 auto;min-height:0}.tsn-portal__device{width:min(88vw,365px,calc(53svh - 80px));max-height:none}.tsn-portal__glow{width:96vw;height:96vw;left:51%;top:63%}.tsn-portal__accent-glow{width:76vw;height:76vw;left:68%;top:74%}.tsn-portal__orbital{width:98vw}.tsn-portal__orbital--two{width:73vw}}@media(prefers-reduced-motion:reduce){.tsn-portal--reduced .tsn-portal__stage{height:auto;min-height:760px}.tsn-portal--reduced .tsn-portal__device,.tsn-portal--reduced .tsn-portal__screen{opacity:1!important}}@media(prefers-reduced-motion:reduce)and (max-width:900px){.tsn-portal--reduced .tsn-portal__feature:not(:last-child){display:none}.tsn-portal--reduced .tsn-portal__feature:last-child{opacity:1!important;transform:none!important}}

/* Mobile Abstaende und Freiraum fuer die feste Seitennavigation. */
@media (max-width: 900px) {
  .tsn-portal { --tsn-portal-nav-clearance: clamp(62px, 8svh, 70px); }
  .tsn-portal__layout { padding-top: var(--tsn-portal-nav-clearance); }
  .tsn-portal__copy { flex-basis: clamp(112px, 14.5svh, 122px); }
  .tsn-portal__features { height: 94px; }
  .tsn-portal__visual { padding-bottom: 8px; }
  .tsn-portal__device { width: min(96vw, 390px, calc(54svh - 110px)); }
}
.tsn-portal__copy h2{font-family:var(--font-head,'Space Grotesk',Arial,sans-serif);font-size:clamp(40px,3.6vw,62px);font-weight:700;line-height:1.05;letter-spacing:-.065em;text-transform:uppercase}
.tsn-portal__copy h2 span{display:block;white-space:nowrap}
.tsn-portal__copy h2 span:last-child{color:var(--blue,#0867f9)}

/* First paint and a lightweight preview while the 3D phone is being prepared. */
.tsn-portal-initial{display:grid;grid-template-columns:47% 53%;align-items:center;min-height:100svh;overflow:hidden;padding:5vw 7.4vw;background:radial-gradient(circle at 75% 50%,#24545d,#10252a 55%,#0d252b);color:#f4f8f7}
.tsn-portal-initial__copy strong{display:block;max-width:12ch;font:700 clamp(40px,3.6vw,62px)/1.05 var(--font-head,'Space Grotesk',Arial,sans-serif);letter-spacing:-.065em}
.tsn-portal-initial__copy strong span{display:block;color:var(--blue,#0867f9)}
.tsn-portal-initial__copy p{max-width:31ch;margin:28px 0 0;color:#b4cac9;font:500 16px/1.5 var(--font-body,Arial,sans-serif)}
.tsn-portal-initial__phone{justify-self:center;display:flex;flex-direction:column;gap:20px;width:min(33vw,320px);aspect-ratio:.54;padding:65px 26px 30px;border:9px solid #dce3e4;border-radius:50px;background:#f8faf9;box-shadow:14px 25px 40px #0005;color:#16343a;transform:rotate(-6deg)}
.tsn-portal-initial__phone span{font:700 12px var(--font-head,Arial,sans-serif);letter-spacing:.12em;color:#407b78}
.tsn-portal-initial__phone b{font:700 23px var(--font-head,Arial,sans-serif)}
.tsn-portal-initial__phone i{height:52px;border:1px solid #d9e7e4;border-radius:10px;background:linear-gradient(90deg,#dceee8 13%,#f7fbf9 13%)}
.tsn-portal__loading-phone{position:absolute;z-index:1;inset:1.5%;display:flex;flex-direction:column;gap:3%;padding:16% 8% 8%;border:8px solid #e2e8e9;border-radius:13% / 7%;background:#f8faf9;box-shadow:12px 22px 35px #0004;color:#16343a;overflow:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.tsn-portal__loading-phone:before{content:"";position:absolute;top:2%;left:37%;width:26%;height:3%;border-radius:99px;background:#0b141a}
.tsn-portal__loading-phone small{font:700 11px var(--font-head,Arial,sans-serif);letter-spacing:.1em;color:#467c78}
.tsn-portal__loading-phone strong{margin:2% 0 1%;font:700 clamp(16px,2vw,24px) var(--font-head,Arial,sans-serif);letter-spacing:-.04em}
.tsn-portal__loading-phone span{display:block;min-height:11%;border:1px solid #d6e8e0;border-radius:10px;background:linear-gradient(90deg,#d8efe4 17%,#f6fbf8 17%)}
.tsn-portal--ready .tsn-portal__loading-phone{opacity:0;visibility:hidden}
@media(max-width:900px){.tsn-portal-initial{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:20px;padding:100px 24px 30px}.tsn-portal-initial__copy strong{display:none}.tsn-portal-initial__copy p{margin:0;font-size:15px}.tsn-portal-initial__phone{width:min(65vw,300px);padding-top:55px}.tsn-portal__loading-phone{border-width:6px}}
@media(prefers-reduced-motion:reduce){.tsn-portal__loading-phone{transition:none}}