:root{
  --night:#102b3a;--night-deep:#0b2330;--night-soft:#1a4052;
  --paper:#fcfdfb;--mist:#f3f8f7;--white:#fff;
  --ink:#142e3b;--muted:#49616c;--line:#d4e0df;
  --aqua:#a9dce4;--yellow:#f0d65b;--yellow-hover:#ffe77f;
  --control-radius:var(--pk-corner-radius,12px);--media-radius:var(--pk-corner-radius,12px)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--site-header-height,78px) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,p{overflow-wrap:break-word}
h1,h2,h3{line-height:1.1;letter-spacing:-.048em;text-wrap:balance}
h1,h2,h3{font-weight:760}
h1{font-size:clamp(3rem,5.2vw,5.25rem);margin:0}
h2{font-size:clamp(2.3rem,3.7vw,3.85rem);margin:0}
h3{font-size:clamp(1.55rem,2.15vw,2.15rem);margin:0}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit}
img{max-width:100%}
.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.section{padding-block:112px}
.skip-link{position:absolute;left:-10000px;top:8px;z-index:100;background:#fff;color:var(--ink);padding:10px 14px}
.skip-link:focus{left:8px}
:focus-visible{outline:3px solid #116b80;outline-offset:3px}
.site-header :focus-visible,.hero :focus-visible,.subhero :focus-visible,.journey-motion :focus-visible,.dark-interlude :focus-visible,.beta-section :focus-visible,.site-footer :focus-visible{outline-color:#ffdf5c}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.accessibility-panel{display:none;position:fixed;right:18px;bottom:18px;z-index:90;width:max-content;max-width:calc(100vw - 36px);font-size:.9rem;pointer-events:none}
.preferences-ready .accessibility-panel{display:block}
.accessibility-panel[open]{width:min(310px,calc(100vw - 36px));max-height:calc(var(--site-viewport-height,100vh) - 24px)}
.accessibility-panel summary{display:block;min-height:44px;padding:10px 15px;border:1px solid #6e939e;border-radius:var(--pk-corner-radius,12px);background:#f9fcfb;color:#103747;box-shadow:0 5px 16px #0e33411a;cursor:pointer;font-weight:700;list-style:none;pointer-events:auto}
.accessibility-panel summary::-webkit-details-marker{display:none}
.accessibility-panel summary::before{content:"◐";display:inline-block;margin-right:8px;color:#176a7c}
.accessibility-panel[open] summary{width:100%;border-radius:var(--pk-corner-radius,12px) var(--pk-corner-radius,12px) 0 0;box-shadow:none}
.accessibility-panel-content{display:grid;gap:9px;max-height:calc(var(--site-viewport-height,100vh) - 100px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;clear:both;padding:16px;border:2px solid #285b6b;border-top:0;border-radius:0 0 var(--pk-corner-radius,12px) var(--pk-corner-radius,12px);background:#fff;color:#143747;box-shadow:0 14px 35px #0e33412d;pointer-events:auto}
.accessibility-panel-content strong{font-size:1rem}.accessibility-panel-content p{margin:0 0 2px;color:#405d68;font-size:.84rem;line-height:1.45}
.accessibility-panel-content label{display:flex;align-items:center;gap:11px;min-height:42px;padding:6px 7px;border-radius:var(--pk-corner-radius,12px);cursor:pointer;font-weight:650}
.accessibility-panel-content label:hover,.accessibility-panel-content label:focus-within{background:#edf5f3}
.accessibility-panel-content input{flex:none;width:19px;height:19px;margin:0;accent-color:#176a7c}
.accessibility-panel-content small{color:#405d68;line-height:1.45}
.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--yellow);z-index:100;transform:scaleX(0);transform-origin:left}
.kicker,.eyebrow,.step-index,.route-count,.plan-tag{font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.11em}
.kicker{color:#286f7d;margin:0 0 18px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 21px;border:1px solid transparent;border-radius:var(--control-radius);font-size:.94rem;font-weight:700;line-height:1.3;text-decoration:none;transition:background .2s ease,transform .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button-yellow{background:var(--yellow);color:var(--night-deep);border-color:#dfc450}
.button-yellow:hover{background:var(--yellow-hover)}
.button-dark{background:var(--night);color:#fff}
.button-dark:hover{background:var(--night-soft)}
.button-outline{background:transparent;border-color:#7f9ca3;color:var(--night)}
.button-outline:hover{background:#e5f0ee}
.text-link,.hero-link{display:inline-block;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;transition:color .2s ease,border-color .2s ease}
.text-link:hover{color:#176d82}
.light-link:hover,.hero-link:hover{color:var(--yellow)}

/* Ein einheitlicher Marken-Kopf statt Karten, Chips und wechselnder Radien. */
.site-header{position:sticky;top:0;z-index:50;background:rgba(16,43,58,.97);color:#edf8fa;border-bottom:1px solid #3b5f6d;backdrop-filter:blur(14px)}
.header-inner{display:flex;align-items:center;gap:30px;min-height:78px}
.brand{display:flex;align-items:center;flex:none;text-decoration:none}
.brand img{display:block;width:164px;height:auto}
.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.desktop-nav a,.header-login{font-size:.9rem;font-weight:700;text-decoration:none;white-space:nowrap}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--yellow)}
.desktop-nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:9px}
.header-login{padding:8px 15px;border:1px solid #79a7af;border-radius:var(--control-radius)}
.header-login:hover{border-color:var(--yellow);color:var(--yellow)}
.mobile-nav{display:none;position:static;margin-left:auto}
.mobile-nav summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;border:1px solid #79a7af;border-radius:var(--control-radius);padding:7px 11px;font-weight:700;font-size:.85rem;white-space:nowrap}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav-panel{position:absolute;top:calc(100% + 8px);left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));max-height:calc(var(--site-viewport-height,100vh) - var(--site-header-height,78px) - 24px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;padding:8px;background:#14394b;border:1px solid #6a9aa4;border-radius:var(--pk-corner-radius,12px);box-shadow:0 12px 30px #071d2755}
.mobile-nav nav{display:grid;min-width:0}
.mobile-nav-heading,.accessibility-panel-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;position:sticky;top:-8px;z-index:1;padding:8px 4px;background:#14394b}
.mobile-nav-heading{border-bottom:1px solid #6a9aa47a;margin-bottom:4px;padding:9px 11px;color:#bfe6ed;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.accessibility-panel-heading{top:-16px;background:#fff;padding-block:8px;border-bottom:1px solid #d4e0df}
.site-close{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:6px 10px;border:1px solid currentColor;border-radius:var(--pk-corner-radius,12px);background:transparent;color:inherit;font-size:.8rem;font-weight:650;line-height:1.3}
.preferences-ready .site-close{display:inline-flex}
.site-close span{font-size:1.4em}
.menu-label-open{display:none}
.mobile-nav[open] .menu-label-open{display:inline}
.mobile-nav[open] .menu-label-closed{display:none}
.menu-icon::before{content:"☰"}
.mobile-nav[open] .menu-icon::before{content:"×"}
.mobile-nav nav a,.mobile-nav nav button{min-height:44px;overflow-wrap:anywhere;padding:10px 11px;text-decoration:none;font-weight:650;font-size:.9rem}
.mobile-nav nav a:hover,.mobile-nav nav a[aria-current="page"],.mobile-nav nav button:hover{color:var(--yellow);background:#245367}
.mobile-nav nav a[aria-current="page"]{border-left:3px solid var(--yellow);padding-left:8px}
.mobile-nav nav button{width:100%;margin-top:5px;border:0;border-top:1px solid #6a9aa47a;background:transparent;color:#d6edf0;text-align:left}
.mobile-nav nav .mobile-preferences-trigger{display:none}
.preferences-ready .mobile-nav nav .mobile-preferences-trigger{display:block}

/* Ein einziger, klarer Demo-Einstieg statt eines weiteren statischen Screenshots. */
.demo-teaser{background:#e9f3f1;border-block:1px solid #cbdedb}
.demo-teaser-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:7vw}
.demo-teaser-grid h2{max-width:720px}
.demo-teaser-grid p:not(.kicker){max-width:660px;color:var(--muted);font-size:1.08rem}
.demo-teaser-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:29px}
.demo-teaser-steps{display:grid;gap:0;counter-reset:none;border-left:1px solid #a9c7c7}
.demo-teaser-steps span{display:flex;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid #bcd3d1;font-weight:700}
.demo-teaser-steps span:last-child{border-bottom:0}
.demo-teaser-steps b{color:#176e81;font-size:.83rem;letter-spacing:.1em}
.demo-teaser-steps span:hover{background:#dcefeb;transform:translateX(3px);transition:background .2s ease,transform .2s ease}

/* Die fünf Phasen sind die visuelle Grammatik der gesamten Seite. */
.hero,.subhero{position:relative;overflow:hidden;isolation:isolate;color:#f3fafb;background:linear-gradient(124deg,#153849 10%,#21576a 68%,#173d50)}
.hero{--hero-x:60%;--hero-y:45%;--ring-x:0px;--ring-y:0px;--ring-b-x:0px;--ring-b-y:0px}
.hero::before,.subhero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#a9dce410 1px,transparent 1px),linear-gradient(90deg,#a9dce410 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}
.hero::after,.subhero::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:64px;background:var(--paper);clip-path:polygon(0 100%,100% 0,100% 100%);pointer-events:none}
.hero-interaction-field{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 420px at var(--hero-x) var(--hero-y),#6cced126,transparent 80%);transition:opacity .3s ease}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(400px,.93fr);align-items:center;gap:38px;min-height:680px;padding-block:80px 35px}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:#b7dfe5;margin:0 0 28px}
.eyebrow-line{display:inline-block;width:28px;height:2px;background:var(--yellow);flex:none}
.beta-chip{display:inline-block;padding:2px 6px;border:1px solid #a4d8df;border-radius:var(--pk-corner-radius,12px);font-size:.68rem;letter-spacing:.08em;color:#fff}
.hero h1{max-width:670px}
h1 em{font-style:normal;color:var(--yellow)}
.hero-lead,.subhero p:not(.eyebrow){max-width:600px;font-size:1.11rem;line-height:1.65;color:#d0e4e7}
.hero-lead{margin:30px 0 0}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px}
.hero-meta{margin:42px 0 0;color:#acd0d8;font-size:.84rem}
.hero-meta span{color:var(--yellow);margin-inline:8px}
.hero-journey{position:relative;height:520px;min-width:0;isolation:isolate}
.journey-ring{position:absolute;inset:10%;border:1px solid #acdce37c;border-radius:50%;transform:translate3d(var(--ring-x),var(--ring-y),0);transition:transform .28s ease-out}
.journey-ring-b{inset:24%;border-style:dashed;border-color:#acdce35c;transform:translate3d(var(--ring-b-x),var(--ring-b-y),0)}
.journey-core{position:absolute;inset:auto 13%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.journey-core>*{flex-shrink:0}
.journey-core-label{font-size:.72rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:#b8dce1}
.journey-core strong{font-size:clamp(2rem,3vw,2.9rem);line-height:1.08;letter-spacing:-.05em;margin:12px 0 18px;font-weight:700}
.type-line{display:block;flex-shrink:0;min-height:1.35em;max-width:100%;color:var(--yellow);font:600 .82rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.journey-node{position:absolute;display:flex;align-items:center;gap:8px;padding:5px 8px;background:#15394b;color:#e4f5f6;font-size:.76rem;font-weight:700;white-space:nowrap;transition:transform .25s ease,background .25s ease}
.journey-node::before{content:"";display:block;width:7px;height:7px;flex:none;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 0 #f0d65b50;animation:node-pulse 8s ease-out infinite}
.journey-node-a{top:13%;left:12%}.journey-node-b{top:24%;right:-1%}.journey-node-c{bottom:32%;right:-7%}.journey-node-d{bottom:9%;left:21%}.journey-node-e{top:53%;left:-4%}
.journey-node-b::before{animation-delay:1.6s}.journey-node-c::before{animation-delay:3.2s}.journey-node-d::before{animation-delay:4.8s}.journey-node-e::before{animation-delay:6.4s}
.chapter-line{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;padding-bottom:98px;color:#b7dce2;font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.chapter-line i{width:min(7vw,80px);height:1px;background:#87b6bd79}

/* Ein ruhiger Fluss statt einzelner Kachel-Bloecke. */
.opening{background:var(--paper)}
.opening-grid,.intro-copy-grid{display:grid;grid-template-columns:215px 1fr;gap:70px}
.opening h2,.intro-copy h2{max-width:850px}
.opening-grid p:not(.kicker),.intro-copy p:not(.kicker){max-width:800px;margin:25px 0 0;color:var(--muted);font-size:1.12rem}
.value-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin-top:62px;margin-bottom:0;padding:0;border-top:1px solid #bdcece;border-bottom:1px solid #bdcece}
.value-item{position:relative;min-width:0;padding:28px 25px 28px 0;transition:background .3s ease,padding .3s ease}
.value-item+ .value-item{padding-left:25px;border-left:1px solid #bdcece}
.value-number{display:block;color:#1d6c7d;font-size:.78rem;font-weight:780;letter-spacing:.13em}
.value-item h3{max-width:295px;margin:27px 0 12px;font-size:clamp(1.36rem,2vw,1.8rem);line-height:1.15}
.value-item p{max-width:310px;margin:0;color:var(--muted);font-size:.95rem;line-height:1.58}
.value-item::after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:3px;background:var(--yellow);transition:width .35s ease}
.value-item+ .value-item::after{left:25px}
.journey-motion{position:relative;isolation:isolate;overflow:hidden;padding:59px 0 52px;color:#eff8fa;background:linear-gradient(108deg,#0e2d3e,#1a4b5d 54%,#13384b)}
.journey-motion::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#a9dce40d 1px,transparent 1px),linear-gradient(90deg,#a9dce40d 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,#000,transparent 90%)}
.journey-motion-kicker{margin:0 0 35px;color:#b8dce1;font-size:.73rem;font-weight:750;text-transform:uppercase;letter-spacing:.13em}
.journey-motion-list{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:21px;list-style:none;padding:0;margin:0}
.journey-motion-list::before{content:"";position:absolute;top:20px;left:19px;right:19px;height:1px;background:#a6d9e059}
.journey-motion-list::after{content:"";position:absolute;top:19px;left:19px;width:20%;height:3px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);opacity:0;animation:journey-travel 10s linear infinite paused}
.journey-motion.is-playing .journey-motion-list::after{opacity:1;animation-play-state:running}
.journey-motion-list li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:5px}
.journey-motion-number{display:grid;place-items:center;width:40px;height:40px;margin-bottom:21px;border:1px solid #a6d9e095;border-radius:50%;background:#173f51;color:var(--yellow);font-size:.72rem;font-weight:800;box-shadow:0 0 0 0 #f0d65b00}
.journey-motion.is-playing li .journey-motion-number{animation:journey-step-pulse 10s ease-out infinite paused}
.journey-motion.is-playing li:nth-child(1) .journey-motion-number{animation-delay:0s;animation-play-state:running}
.journey-motion.is-playing li:nth-child(2) .journey-motion-number{animation-delay:2s;animation-play-state:running}
.journey-motion.is-playing li:nth-child(3) .journey-motion-number{animation-delay:4s;animation-play-state:running}
.journey-motion.is-playing li:nth-child(4) .journey-motion-number{animation-delay:6s;animation-play-state:running}
.journey-motion.is-playing li:nth-child(5) .journey-motion-number{animation-delay:8s;animation-play-state:running}
.journey-motion-list strong{font-size:1.2rem;letter-spacing:-.035em}
.journey-motion-list li>span:last-child{max-width:165px;color:#c5e0e4;font-size:.83rem;line-height:1.45}
.journey-motion-caption{margin:40px 0 0;color:#aecbd1;font-size:.74rem}
@keyframes journey-travel{0%{transform:translateX(-100%)}100%{transform:translateX(500%)}}
@keyframes journey-step-pulse{0%,13%,100%{box-shadow:0 0 0 0 #f0d65b00;border-color:#a6d9e095}5%{box-shadow:0 0 0 10px #f0d65b13;border-color:var(--yellow)}}
.story-section{--story-progress:0;background:var(--mist);border-top:1px solid var(--line)}
.story-grid{display:grid;grid-template-columns:215px minmax(0,1fr);gap:58px}
.story-rail{position:relative;border-right:1px solid #bcd2d1}
.story-rail-inner{position:sticky;top:106px;padding:88px 24px 56px 0}
.story-rail h2{font-size:1.37rem;line-height:1.3;letter-spacing:-.035em;margin:0}
.story-disclosure{max-width:180px;margin:17px 0 0;color:#45636c;font-size:.81rem;line-height:1.5}
.product-disclosure{max-width:760px;margin:18px 0 0;color:#405d67;font-size:.94rem}
.rail-track{position:relative;width:2px;height:170px;margin:33px 0 16px 6px;background:#b3ccca}
.rail-fill{position:absolute;inset:0 0 auto;height:calc(var(--story-progress)*100%);background:#186f82;transition:height .12s linear}
.rail-stage{font-size:.79rem;font-weight:750;letter-spacing:.1em;color:#236d7c}
.story-chapters{min-width:0}
.story-step{display:grid;grid-template-columns:minmax(0,.88fr) minmax(290px,1.12fr);gap:35px;align-items:center;min-height:530px;padding-block:72px;border-bottom:1px solid #bbcfcd}
.story-step:last-child{border-bottom:0}
.step-index{color:#287182}
.step-index span{color:#9bb8b7;margin-inline:7px}
.step-copy h3{max-width:460px;margin:20px 0 17px}
.step-copy p{max-width:470px;margin:0;color:#4c6670;font-size:1.02rem}
.step-copy ul{display:grid;gap:6px;list-style:none;padding:0;margin:21px 0 0}
.step-copy li{font-size:.88rem;font-weight:640;color:#34545f}
.step-copy li::before{content:"•";color:#207a8d;margin-right:9px}
.story-step.is-current .step-index{color:#0e5e71}
.story-step.is-current .step-index::before{content:"";display:inline-block;width:6px;height:6px;margin-right:10px;vertical-align:2px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 5px #f0d65b30}
.story-visual{position:relative;min-width:0;margin:0;min-height:330px;overflow:hidden}
.story-step .story-visual{transition:transform .7s cubic-bezier(.18,.78,.26,1)}
.story-step.is-current .story-visual{transform:translateY(-5px)}
.phase-visual{isolation:isolate;overflow:visible;background:radial-gradient(ellipse at 48% 48%,#cfe4e356,transparent 68%)}
.phase-visual::before{content:"";position:absolute;z-index:-1;inset:12% 6% 18%;border:1px solid #91b6b644;border-radius:50%;transform:scale(.88);opacity:0;transition:transform .7s cubic-bezier(.18,.78,.26,1),opacity .7s ease;pointer-events:none}
.phase-visual::after{content:"";position:absolute;left:4%;bottom:0;width:0;height:3px;background:var(--yellow);transition:width .7s cubic-bezier(.18,.78,.26,1);pointer-events:none}
.phase-index{position:absolute;top:0;left:3%;z-index:1;color:#1b6575;font-size:.72rem;font-weight:800;letter-spacing:.14em}
.phase-visual img{display:block;width:100%;height:auto;transform:translateY(0) scale(1);transform-origin:center;transition:transform .7s cubic-bezier(.18,.78,.26,1),filter .7s ease;filter:drop-shadow(0 9px 12px #1744540e)}
.phase-visual figcaption{padding:0 4% 3px;color:#315f69;font-size:.73rem;font-weight:680;letter-spacing:.015em}
.story-step.is-current .phase-visual::before{transform:scale(1);opacity:1}
.story-step.is-current .phase-visual::after,.how-step.is-current .phase-visual::after{width:34%}
.portal-scene{display:flex;flex-direction:column;justify-content:center;gap:8px;overflow:visible;background:transparent}
.portal-shell{min-height:395px;overflow:hidden;border:1px solid #395c70;border-radius:13px;background:#0c1a27;color:#eaf2f8;box-shadow:0 19px 44px #092a3b28;transition:transform .45s cubic-bezier(.18,.78,.26,1),box-shadow .45s ease;font-size:.64rem;line-height:1.4}
.portal-scene:hover .portal-shell{transform:translateY(-4px);box-shadow:0 27px 52px #092a3b37}
.portal-brandbar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:48px;padding:5px 14px;background:#112637}
.portal-brandbar img{display:block;width:102px;height:auto}
.portal-brandbar>span{padding:5px 7px;border:1px solid #35546a;border-radius:6px;color:#c6dce7;font-size:.58rem;font-weight:650;white-space:nowrap}
.portal-mainnav{display:flex;align-items:center;gap:3px;min-height:37px;padding:4px 12px;overflow:hidden;background:#091826}
.portal-mainnav span{padding:6px 7px;border-radius:5px;color:#9fb7c7;font-size:.56rem;font-weight:700;white-space:nowrap}
.portal-mainnav span.is-active,.portal-tabbar span.is-active{background:#a9e1f7;color:#0c2130}
.portal-stage{min-height:310px;padding:16px 18px 18px;background:linear-gradient(180deg,#0e1d2b,#0b1824)}
.portal-panel{position:relative;margin-bottom:10px;padding:13px 15px;border:1px solid #29495c;border-radius:9px;background:#132838;transition:transform .25s ease,border-color .25s ease}
.portal-panel:hover{transform:translateY(-2px);border-color:#527c90}
.portal-panel h4{margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid #2b485b;color:#a8def3;font-size:.76rem;font-weight:780;letter-spacing:.035em;text-transform:uppercase}
.portal-panel h5{margin:11px 0 5px;color:#a8c8d7;font-size:.57rem;font-weight:800;letter-spacing:.07em}
.portal-panel p{margin:0 0 11px;color:#a9bdc9;font-size:.6rem}
.portal-event-list{position:relative;display:grid;gap:4px;min-height:65px;padding:10px 11px;border:1px solid #2b485e;border-radius:7px;background:#192e40}
.portal-event-list strong{font-size:.7rem}.portal-event-list strong span{color:#a9e1f7}
.portal-event-list small{color:#a8b9c7;font-size:.56rem;line-height:1.45}
.portal-event-list em,.portal-event-banner em{position:absolute;right:11px;top:14px;padding:3px 6px;border-radius:5px;background:#48452c;color:#f1d85b;font-size:.5rem;font-style:normal;font-weight:800}
.portal-panel-secondary{min-height:159px}
.portal-field-label{margin:5px 0 3px;color:#a5bac7;font-size:.55rem}
.portal-faux-input{padding:6px 8px;border:1px solid #36556b;border-radius:5px;background:#1c3245;color:#718b9d;font-size:.55rem}
.portal-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.portal-yellow-action{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:4px 8px;border-radius:5px;background:#ffe255;color:#112536;font-size:.56rem;font-weight:800;white-space:nowrap}
.portal-panel-secondary .portal-yellow-action{margin-top:11px}
.portal-back{display:inline-block;margin-bottom:8px;padding:5px 7px;border:1px solid #33556b;border-radius:5px;color:#b8dcee;font-size:.55rem;font-weight:700}
.portal-event-banner{position:relative;display:grid;gap:2px;margin-bottom:9px;padding:10px 12px;border:1px solid #2c4c61;border-radius:8px;background:#192e40}
.portal-event-banner small{color:#9dbccd;font-size:.51rem;font-weight:800;letter-spacing:.08em}
.portal-event-banner strong{font-size:.69rem}.portal-event-banner>span{color:#a9bbc8;font-size:.55rem}
.portal-event-banner em{top:24px}
.portal-event-navigation{display:flex;align-items:center;gap:8px;margin-bottom:11px}
.portal-event-navigation>small{flex:none;color:#9fb5c4;font-size:.5rem;font-weight:800;letter-spacing:.07em}
.portal-tabbar{display:flex;align-items:center;gap:4px;margin-bottom:11px;overflow:hidden}
.portal-event-navigation .portal-tabbar{min-width:0;margin-bottom:0}
.portal-tabbar span{padding:6px 7px;border:1px solid #2e5065;border-radius:6px;color:#bed4df;font-size:.55rem;font-weight:700;white-space:nowrap}
.portal-event-tabs span{font-size:.56rem}
.portal-action-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.portal-action-row>span:not(.portal-yellow-action){padding:5px 7px;border:1px solid #33536a;border-radius:5px;color:#a6c9da;font-size:.52rem;white-space:nowrap}
.portal-task{display:flex;align-items:center;gap:8px;margin-top:5px;padding:7px 8px;border:1px solid #2d4b60;border-radius:6px;background:#192d3f}
.portal-task i{flex:none;width:12px;height:12px;border:1px solid #758c99;border-radius:2px;background:#2a3540}
.portal-task>span{font-size:.59rem;font-weight:700}.portal-task small{display:block;color:#a1b4c1;font-size:.52rem;font-weight:500}
.portal-template-panel{margin-bottom:0}.portal-template{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid #2d4b60;border-radius:6px;background:#192d3f;font-size:.55rem}
.portal-template span{padding:2px 5px;border-radius:5px;background:#454323;color:#ecdc6f;font-size:.49rem;font-weight:800}
.portal-select{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #36566c;border-radius:5px;background:#1b3044;font-size:.59rem;font-weight:700}
.portal-slots{margin-bottom:0}.portal-slot{display:flex;align-items:center;gap:8px;margin:5px 0;padding:8px 10px;border:1px solid #2d4b60;border-radius:6px;background:#172c3d}
.portal-slot strong{font-size:.56rem}.portal-slot>span{color:#b4c7d0;font-size:.55rem}.portal-slot em{margin-left:auto;padding:3px 5px;border-radius:5px;background:#422b35;color:#e68d9e;font-size:.51rem;font-style:normal;font-weight:800;white-space:nowrap}
.portal-finance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}
.portal-finance>div{display:grid;gap:7px;padding:9px;border:1px solid #315169;border-radius:7px;background:#1b3043}
.portal-finance small{color:#9eb6c4;font-size:.5rem;font-weight:750;letter-spacing:.05em}.portal-finance strong{color:#7cdaa2;font-size:.77rem;white-space:nowrap}
.portal-finance>div:nth-child(2) strong{color:#ef8b8d}
.portal-booking{display:grid;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #284354;font-size:.56rem}
.portal-booking>span{padding:3px 4px;border-radius:5px;background:#21493b;color:#8cddb0;font-size:.5rem}.portal-booking-expense>span{background:#374252;color:#b6c4ce}
.portal-booking strong{color:#c8d8e0;font-weight:600}.portal-booking b{white-space:nowrap}
.portal-finance+.portal-booking+.portal-booking+.portal-action-row{margin-top:10px;margin-bottom:0}
.portal-question-panel{min-height:305px}.portal-question-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0}
.portal-question-head strong{font-size:.7rem}.portal-question{padding:9px 10px;border:1px solid #527e97;border-radius:7px;background:#1b3043}
.portal-question>strong{display:block;font-size:.62rem}.portal-question>small{display:block;margin:2px 0 8px;color:#a4becb;font-size:.51rem}
.portal-question>div{margin-top:4px;padding:6px 7px;border:1px solid #34536a;border-radius:5px;background:#172b3b;font-size:.54rem}
.portal-question-footer{display:block;margin-top:8px;padding-top:7px;border-top:1px solid #34536a;color:#a9c0cd;font-size:.49rem;font-weight:700}
.portal-scene figcaption{color:#456671;font-size:.82rem;font-weight:700;line-height:1.45}
.portal-scene figcaption a{color:#176e83;text-underline-offset:3px}
.story-step.is-current .portal-stage>.portal-panel,.story-step.is-current .portal-stage>.portal-event-banner,.story-step.is-current .portal-event-navigation,.how-step.is-current .portal-stage>.portal-panel,.how-step.is-current .portal-stage>.portal-event-banner,.how-step.is-current .portal-event-navigation{animation:portal-scene-rise .7s both}
.story-step.is-current .portal-stage>.portal-panel:nth-child(2),.story-step.is-current .portal-event-navigation,.how-step.is-current .portal-stage>.portal-panel:nth-child(2),.how-step.is-current .portal-event-navigation{animation-delay:.12s}
@keyframes portal-scene-rise{from{opacity:.55;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.product-unavailable{display:grid;place-items:center;padding:35px;border:1px dashed #9ab9bd;border-radius:var(--pk-corner-radius,12px);color:#52717b;text-align:center}
.glimpse-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:29px}
.glimpse-card{grid-column:span 2;display:block;min-width:0;overflow:hidden;border:1px solid #c5d7d8;border-radius:var(--pk-corner-radius,12px);background:#fff;text-decoration:none;box-shadow:0 10px 25px #1646550d;transition:transform .3s ease,box-shadow .3s ease}
.glimpse-card:nth-child(n+4){grid-column:span 3}
.glimpse-card:hover,.glimpse-card:focus-visible{transform:translateY(-5px);box-shadow:0 17px 34px #16465524}
.glimpse-image{display:block;overflow:hidden;background:#102330}
.glimpse-image img{display:block;width:100%;height:auto;aspect-ratio:1.82;object-fit:cover;object-position:top;transition:transform .35s ease}
.glimpse-card:hover img,.glimpse-card:focus-visible img{transform:scale(1.04)}
.glimpse-caption{display:grid;grid-template-columns:1fr auto;gap:0 7px;padding:11px 13px;color:#34555e}
.glimpse-caption strong{font-size:.86rem;line-height:1.25}
.glimpse-caption span:nth-child(2){grid-column:1;color:#4a6771;font-size:.75rem}
.glimpse-caption span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:#1b7486;font-size:1.2rem}
.glimpses-section{background:var(--paper);border-top:1px solid #c9dcda}
.app-section{background:#f3f8f7;border-top:1px solid #d5e2e0}
.app-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:center;gap:70px}
.app-copy>p:not(.kicker){max-width:620px;color:#4f6973;font-size:1.08rem}
.app-copy ul{display:grid;gap:11px;max-width:590px;margin:25px 0 30px;padding:0;list-style:none}
.app-copy li{display:flex;gap:11px;color:#355661;font-size:.95rem;font-weight:630}
.app-copy li::before{content:"";flex:none;width:8px;height:8px;margin-top:9px;border-radius:50%;background:#1e7c8e;box-shadow:0 0 0 4px #1e7c8e19}
.app-actions{display:flex;align-items:center;gap:15px 22px;flex-wrap:wrap}
.app-preview{overflow:hidden;border:1px solid #bacfd1;border-radius:var(--pk-corner-radius,12px);background:#fff;box-shadow:0 24px 50px #103b4717}
.app-preview-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#fff;color:#254755;font-size:.76rem;font-weight:750}
.app-preview-head span:last-child{color:#286c7b}
.app-preview>a{display:block;overflow:hidden;background:#102633}
.app-preview>a img{display:block;width:100%;height:auto;max-height:390px;aspect-ratio:1.34;object-fit:cover;object-position:top;transition:transform .4s ease}
.app-preview>a:hover img,.app-preview>a:focus-visible img{transform:scale(1.035)}
.app-preview-note{display:grid;gap:3px;padding:16px;border-top:1px solid #d0e0de;background:#fff}
.app-preview-note span{color:#45636d;font-size:.73rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.app-preview-note strong{color:#123747;font-size:1rem}
.mobile-work-section{background:var(--paper);border-top:1px solid var(--line)}
.mobile-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mobile-work-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:28px 22px 28px 0}
.mobile-work-card+.mobile-work-card{padding-left:22px;border-left:1px solid var(--line)}
.mobile-work-heading{min-height:240px}
.mobile-work-heading>span{color:#1f687a;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.mobile-work-heading h3{margin:13px 0;font-size:clamp(1.3rem,1.8vw,1.65rem)}
.mobile-work-heading p{margin:0;color:var(--muted);font-size:.91rem;line-height:1.55}
.mobile-scene{display:grid;gap:9px;justify-items:center;min-width:0;margin:10px 0 0}
.mobile-screen{width:min(100%,300px);min-height:455px;padding:12px;overflow:hidden;border:5px solid #173b4d;border-radius:23px;background:#0b1824;color:#e7f1f5;box-shadow:0 20px 36px #0b344524;font-size:.72rem;line-height:1.4;transition:transform .35s ease,box-shadow .35s ease}
.mobile-work-card:hover .mobile-screen{transform:translateY(-5px);box-shadow:0 27px 44px #0b344533}
.mobile-screen-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 2px 11px}
.mobile-screen-top img{display:block;width:91px;height:auto}
.mobile-screen-top span{color:#9acbdb;font-size:.9rem}
.mobile-event{display:grid;gap:3px;padding:11px;border:1px solid #2e4c60;border-radius:9px;background:#142a3b}
.mobile-event small{color:#a8d8e9;font-size:.62rem;font-weight:800;letter-spacing:.06em}
.mobile-event strong{font-size:.91rem;line-height:1.25}.mobile-event>span{color:#a6cfdd;font-size:.68rem;font-weight:650}
.mobile-event em{margin-top:3px;color:#a8bac5;font-size:.62rem;font-style:normal}
.mobile-day{margin:12px 0 7px;color:#9ed4e4;font-size:.7rem;font-weight:800}
.mobile-day-small{margin-top:11px}
.mobile-slot{display:grid;gap:4px;margin-bottom:7px;padding:10px;border:1px solid #315064;border-radius:9px;background:#132838}
.mobile-slot b{font-size:.72rem}.mobile-slot>span{color:#b6cad5}.mobile-slot small{color:#f49ba5;font-size:.64rem;font-weight:750}
.mobile-faux-field{min-height:25px;padding:5px 7px;border:1px solid #416279;border-radius:5px;background:#1a3345;color:#bed2dc;font-size:.66rem}
.mobile-action{width:max-content;min-height:25px;padding:5px 10px;border-radius:5px;background:#ffe255;color:#132634;font-size:.67rem;font-weight:800}
.mobile-slot-compact{margin-bottom:0}
.mobile-finance-form{display:grid;gap:6px;padding:10px;border:1px solid #315064;border-radius:9px;background:#132838}
.mobile-segment{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border-radius:6px;background:#0c1d2a}
.mobile-segment span{text-align:center;padding:5px;border-radius:4px;color:#b4cad5;font-size:.65rem}
.mobile-segment .is-active{background:#a9e1f7;color:#0d2534;font-weight:800}
.mobile-booking{display:flex;justify-content:space-between;gap:8px;padding:8px 2px;border-top:1px solid #315064;color:#c4d4dc;font-size:.67rem}
.mobile-booking b{color:#83dca5;white-space:nowrap}
.mobile-scene figcaption{color:#4a6671;font-size:.75rem;font-weight:700}
.mobile-work-outcome{margin:17px 0 0;color:#36545f;font-size:.88rem;line-height:1.5}
.mobile-work-outcome b{color:#173c4c}
.mobile-scene-native .mobile-screen{background:#f3f5f8;color:#132f40;border-color:#233c51}
.mobile-ios-top{display:flex;justify-content:space-between;gap:5px;align-items:center;margin:-4px -4px 14px;padding:10px 4px;border-bottom:1px solid #d4dee2;color:#176b82;font-size:.66rem}
.mobile-ios-top strong{color:#122d3a;font-size:.78rem}
.mobile-ios-section{overflow:hidden;margin:0 0 13px;border:1px solid #d2dee3;border-radius:9px;background:#fff}
.mobile-ios-section small{display:block;padding:8px 10px 5px;background:#f3f5f8;color:#45616d;font-size:.59rem;font-weight:800;letter-spacing:.09em}
.mobile-ios-section>div{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-top:1px solid #e3e9eb;color:#1b556b;font-size:.68rem}
.mobile-ios-section>div b{color:#153647;font-weight:700}
.mobile-ios-section p{margin:0;padding:9px 10px;border-top:1px solid #e3e9eb;color:#4e6671;font-size:.6rem;line-height:1.4}

/* Die starke Sicherheitssektion bleibt ein bewusster Hoehepunkt. */
.dark-interlude{position:relative;overflow:hidden;color:#f2fafb;background:linear-gradient(115deg,#102b3a,#1a4b5f);margin-top:-1px;padding-block:126px 110px;clip-path:polygon(0 8%,100% 0,100% 92%,0 100%)}
.dark-interlude::before{content:"";position:absolute;width:600px;height:600px;right:-275px;top:-300px;border:1px solid #a6d9e04d;border-radius:50%;box-shadow:0 0 0 75px #a6d9e00c,0 0 0 150px #a6d9e008;pointer-events:none}
.interlude-grid{position:relative;display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:85px}
.dark-interlude .kicker{color:var(--yellow)}
.dark-interlude h2{max-width:700px}
.dark-interlude p:not(.kicker){max-width:470px;margin:0 0 28px;color:#cee2e6;font-size:1.1rem}
.light-link{color:#fff}
.routes-section{background:var(--paper)}
.section-heading{margin-bottom:43px}
.section-heading h2{max-width:860px}
.section-heading>p:last-child:not(.kicker){max-width:740px;color:var(--muted);font-size:1.06rem}
.route-grid{border-top:1px solid #bdcece}
.route-card{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(180px,.68fr);align-items:center;gap:22px;padding:31px 8px;border-bottom:1px solid #bdcece;text-decoration:none;transition:background .25s ease,padding .25s ease,color .25s ease}
.route-card:hover{background:#e8f1ef;padding-inline:20px}
.route-card h3{transition:transform .3s ease}
.route-count{color:#2c7381}
.route-card h3{margin:0}
.route-card p{max-width:340px;margin:0;color:var(--muted);font-size:.95rem}
.faq-section{background:var(--paper);border-top:1px solid var(--line)}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}
.faq-grid>div:first-child>p:not(.kicker){max-width:390px;color:var(--muted)}
.faq-list{border-top:1px solid #bdcece}
.faq-list details{padding:18px 0;border-bottom:1px solid #bdcece;transition:padding .25s ease,background .25s ease}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:1.02rem;font-weight:700}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{font-size:1.45rem;color:#217587;transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details[open]{background:#e8f1ef;padding-inline:14px}
.faq-list p{max-width:650px;margin:13px 34px 3px 0;color:var(--muted)}
.beta-section{position:relative;overflow:hidden;color:#f3fafb;background:linear-gradient(115deg,#102b3a,#19495d)}
.beta-section::before{content:"";position:absolute;width:540px;height:540px;left:-270px;bottom:-280px;border:1px solid #a5d7dc45;border-radius:50%;box-shadow:0 0 0 80px #a5d7dc09,0 0 0 160px #a5d7dc07;pointer-events:none}
.beta-section .wrap{position:relative}
.beta-section .kicker{color:var(--yellow)}
.form-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:74px}
.form-layout h2{margin-bottom:20px}
.form-layout>div>p:not(.kicker){max-width:460px;color:#c9e1e5;font-size:1.05rem}
.beta-points{display:grid;gap:11px;margin-top:27px;font-size:.9rem;font-weight:650}
.beta-points span::before{content:"✓";color:var(--yellow);margin-right:10px}
.site-form{display:grid;gap:16px;padding:30px;background:#fff;color:var(--ink);border:1px solid #d0dddd;border-radius:var(--media-radius);box-shadow:0 18px 45px #071b261c}
.site-form h3{font-size:1.55rem;margin:0 0 5px}
.site-form label{display:grid;gap:6px;font-size:.86rem;font-weight:680}
.site-form input,.site-form select,.site-form textarea{width:100%;min-width:0;padding:10px 11px;background:#fbfdfc;color:var(--ink);border:1px solid #b9cdce;border-radius:var(--control-radius)}
.site-form textarea{resize:vertical}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.site-form .consent{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-weight:400}
.consent input{width:18px;height:18px;flex:none;margin-top:3px}
.site-form small{color:var(--muted)}
.site-form .button{justify-self:start}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-state{padding:10px 12px;margin:0;border-radius:var(--control-radius);font-size:.88rem}
.form-state.success{background:#e2f4e8;color:#176b40}
.form-state.error{background:#fff0ec;color:#9a342b}
.contact-section{background:var(--paper)}
.contact-section .form-layout>div>p:not(.kicker){color:var(--muted)}
.site-footer{color:#e0edf0;background:var(--night-deep);border-top:1px solid #34566a}
.footer-inner{display:grid;grid-template-columns:1fr auto;gap:20px 50px;padding-block:54px}
.footer-inner img{display:block;width:170px;height:auto}
.footer-inner p,.footer-inner small{color:#adcbd2;font-size:.84rem}
.footer-inner nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:11px 20px;max-width:550px}
.footer-inner nav a{text-decoration:none;font-size:.85rem}
.footer-inner nav a:hover{color:var(--yellow)}
.footer-inner small{grid-column:1/-1}

/* Unterseiten: dieselbe Schrift, dieselben Linien, keine neue Kartensprache. */
.subhero-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:65px;min-height:480px;padding-block:80px 135px}
.subhero h1{max-width:880px;font-size:clamp(2.8rem,4.8vw,4.8rem)}
.subhero p:not(.eyebrow){margin:25px 0 0}
.subhero-map{display:grid;place-items:center;gap:9px;width:270px;height:270px;border:1px solid #addde171;border-radius:50%;box-shadow:0 0 0 37px #addde10c,0 0 0 74px #addde108;transition:transform .7s cubic-bezier(.18,.78,.26,1),box-shadow .7s ease}
.subhero-map span{color:#e2f3f5;font-size:.85rem;font-weight:700}
.subhero-map i{width:1px;height:16px;background:var(--yellow)}
.intro-copy{background:var(--paper)}
.how-section{background:var(--mist)}
.how-list{border-top:1px solid #bdcece}
.how-step{display:grid;grid-template-columns:minmax(0,.87fr) minmax(300px,1.13fr);align-items:center;gap:65px;padding-block:62px;border-bottom:1px solid #bdcece;transition:background .35s ease,padding .35s ease}
.how-step:nth-child(even) .how-copy{order:2}
.how-step:nth-child(even) .story-visual{order:1}
.how-copy h3{max-width:470px;margin:20px 0 16px}
.how-copy p{max-width:470px;color:var(--muted);font-size:1.04rem}
.mobile-work-link-row{display:flex;align-items:center;justify-content:space-between;gap:16px 35px;flex-wrap:wrap;padding:27px 0;border-bottom:1px solid var(--line)}
.mobile-work-link-row p{max-width:620px;margin:0;color:var(--muted)}
.next-section{background:var(--paper)}
.next-grid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:75px}
.next-grid h2{max-width:800px}
.next-grid p:not(.kicker){max-width:760px;color:var(--muted)}
.next-actions{display:grid;justify-items:start;gap:17px}
.price-hero .subhero-grid{grid-template-columns:minmax(0,1fr) 255px}
.price-orbit{position:relative;width:255px;height:255px;border:1px solid #addde178;border-radius:50%;box-shadow:0 0 0 44px #addde10b,0 0 0 88px #addde108;transition:transform .7s cubic-bezier(.18,.78,.26,1),box-shadow .7s ease}
.price-orbit::before,.price-orbit::after{content:"";position:absolute;inset:18%;border:1px dashed #addde15b;border-radius:50%}
.price-orbit::after{inset:38%;border-color:#f0d65ba8;background:#f0d65b14}
.price-orbit span{position:absolute;color:#e5f3f5;font-size:.8rem;font-weight:700}
.price-orbit span:nth-child(1){left:-12%;top:20%}.price-orbit span:nth-child(2){right:-8%;top:45%}.price-orbit span:nth-child(3){left:22%;bottom:6%}
.beta-price-section{background:var(--paper)}
.beta-price-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:70px}
.beta-price-grid>div:first-child{max-width:680px}
.beta-price-grid p:not(.kicker){color:var(--muted);font-size:1.07rem}
.beta-price-number{display:grid;justify-items:start;gap:10px;min-width:250px;padding:0 0 0 27px;border-left:3px solid var(--yellow)}
.beta-price-number strong{font-size:3.8rem;line-height:1;font-weight:760;letter-spacing:-.06em}
.beta-price-number span{color:var(--muted);font-size:.87rem}
.beta-price-number .button{margin-top:10px}
.plan-section{background:var(--mist)}
.plan-grid{border-top:1px solid #b8cccc}
.plan-card{display:grid;grid-template-columns:160px 150px minmax(0,1fr) 150px;align-items:center;gap:18px 25px;padding:28px 8px;border-bottom:1px solid #b8cccc;transition:background .3s ease,padding .3s ease}
.plan-card-featured{background:linear-gradient(90deg,#f1edcf 0,#eaf2f1 70%);border-left:3px solid var(--yellow);padding-left:16px}
.plan-tag{grid-column:1;color:#2b7382}
.plan-card h3{grid-column:1;grid-row:2;margin:0;font-size:2.05rem}
.plan-price{grid-column:2;grid-row:1/3;font-size:1.5rem;font-weight:750;letter-spacing:-.04em;white-space:nowrap}
.plan-price small{display:block;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:0}
.plan-card ul{grid-column:3;grid-row:1/3;display:grid;grid-template-columns:1fr 1fr;gap:4px 22px;padding-left:17px;margin:0;color:var(--muted);font-size:.84rem}
.plan-card li{padding-right:4px}
.plan-card .button{grid-column:4;grid-row:1/3}
.price-disclaimer{max-width:1000px;margin:24px 0 0;color:var(--muted);font-size:.86rem}

/* Bewegung erzaehlt den Ablauf. Hover bleibt ein Bonus, nie Zugangsvoraussetzung. */
@media(hover:hover){
  .story-step:hover .phase-visual img,.how-step:hover .phase-visual img,.phase-visual:hover img{transform:translateY(-7px) scale(1.025);filter:drop-shadow(0 17px 15px #17445423)}
  .story-step:hover .phase-visual::before,.how-step:hover .phase-visual::before,.phase-visual:hover::before{transform:scale(1);opacity:1}
  .story-step:hover .phase-visual::after,.how-step:hover .phase-visual::after,.phase-visual:hover::after{width:34%}
  .story-step:hover .phase-visual figcaption,.how-step:hover .phase-visual figcaption{color:#0d6175}
  .route-card:hover h3{transform:translateX(7px)}
  .faq-list details:hover{background:#e8f1ef;padding-inline:14px}
  .how-step:hover{background:linear-gradient(90deg,#dbeae7a6,transparent 72%);padding-inline:15px}
  .how-step:hover .step-index{color:#0e5e71}
  .plan-card:hover{background:#dcebe8;padding-inline:20px}
  .plan-card-featured:hover{background:#f2edca}
  .subhero-map:hover{transform:rotate(5deg) scale(1.04);box-shadow:0 0 0 40px #addde116,0 0 0 80px #addde10a}
  .price-orbit:hover{transform:rotate(-6deg) scale(1.05);box-shadow:0 0 0 48px #addde115,0 0 0 94px #addde109}
  .journey-node:hover{transform:translateY(-4px);background:#22546a}
  .value-item:hover{background:linear-gradient(180deg,#e8f2ef72,transparent);padding-top:22px;padding-bottom:34px}
  .value-item:hover::after{width:34%}
}
.route-card:focus-visible h3{transform:translateX(7px)}
.faq-list summary:focus-visible{color:#0d6175}
.site-form input:hover,.site-form select:hover,.site-form textarea:hover{border-color:#548e98}
.site-form input:focus,.site-form select:focus,.site-form textarea:focus{border-color:#176d82;box-shadow:0 0 0 3px #a9dce455;outline:0}

/* Nutzeroptionen ergaenzen Browser-Zoom und Systempraeferenzen. */
html[data-text-size="large"]{font-size:112.5%}
html[data-contrast="more"]{--paper:#fff;--mist:#fff;--ink:#091d27;--muted:#29414c;--line:#53727d}
html[data-contrast="more"] .story-section,html[data-contrast="more"] .how-section,html[data-contrast="more"] .app-section{background:#fff}
html[data-contrast="more"] .story-step,html[data-contrast="more"] .how-step,html[data-contrast="more"] .value-list,html[data-contrast="more"] .value-item,html[data-contrast="more"] .route-card,html[data-contrast="more"] .plan-card{border-color:#53727d}
html[data-contrast="more"] .story-disclosure,html[data-contrast="more"] .product-disclosure,html[data-contrast="more"] .step-copy p,html[data-contrast="more"] .how-copy p,html[data-contrast="more"] .app-copy>p:not(.kicker),html[data-contrast="more"] .app-copy li{color:#1b3642}
html[data-contrast="more"] .glimpse-card,html[data-contrast="more"] .app-preview,html[data-contrast="more"] .site-form{border-color:#53727d}
html[data-contrast="more"] :focus-visible{outline-width:4px;outline-offset:4px}
html[data-motion="reduce"]{scroll-behavior:auto}
html[data-motion="reduce"] *,html[data-motion="reduce"] *::before,html[data-motion="reduce"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
html[data-motion="reduce"] .hero-journey,html[data-motion="reduce"] .story-step.is-current .story-visual,html[data-motion="reduce"] .portal-scene:hover .portal-shell,html[data-motion="reduce"] .app-preview>a:hover img{transform:none!important}
html[data-motion="reduce"] .motion-ready .reveal:not(.is-visible){opacity:1;transform:none}
html[data-motion="reduce"] .motion-ready .opening-grid.reveal:not(.is-visible) h2,html[data-motion="reduce"] .motion-ready .interlude-grid.reveal:not(.is-visible) h2{clip-path:none}
@media(prefers-contrast:more){:root{--paper:#fff;--mist:#fff;--ink:#091d27;--muted:#29414c;--line:#53727d}}

/* Sichtbare Inhalte bleiben auch ohne JavaScript und bei weniger Bewegung lesbar. */
.reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.18,.78,.26,1)}
.motion-ready .reveal:not(.is-visible){opacity:.7;transform:translateY(18px)}
.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
.motion-ready .opening-grid.reveal h2,.motion-ready .interlude-grid.reveal h2{transition:clip-path .9s cubic-bezier(.18,.78,.26,1);clip-path:inset(0 0 0 0)}
.motion-ready .opening-grid.reveal:not(.is-visible) h2,.motion-ready .interlude-grid.reveal:not(.is-visible) h2{clip-path:inset(0 100% 0 0)}
@keyframes type-line{to{width:18ch}}
@keyframes type-caret{50%{border-right-color:transparent}}
@keyframes node-pulse{0%,16%,100%{box-shadow:0 0 0 0 #f0d65b00}7%{box-shadow:0 0 0 12px #f0d65b00}2%{box-shadow:0 0 0 4px #f0d65b50}}
@keyframes journey-travel-y{0%{transform:translateY(-100%)}100%{transform:translateY(500%)}}

@media(max-width:1050px){
  .mobile-work-grid{grid-template-columns:1fr}
  .mobile-work-card,.mobile-work-card+.mobile-work-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:16px 28px;align-items:start;padding:27px 0;border-left:0}
  .mobile-work-card+.mobile-work-card{border-top:1px solid var(--line)}
  .mobile-work-heading{min-height:0}
  .mobile-scene{grid-column:2;grid-row:1/3;margin:0}
  .mobile-work-outcome{grid-column:1;grid-row:2;margin:0}
  .hero-inner{grid-template-columns:1fr .86fr;gap:14px}
  .hero-journey{height:450px}
  .story-grid{grid-template-columns:180px minmax(0,1fr);gap:37px}
  .story-step{gap:24px}
  .form-layout{gap:42px}
  .subhero-grid{gap:35px}
  .plan-card{grid-template-columns:120px 120px minmax(0,1fr) 125px;gap:15px}
  .plan-card ul{grid-template-columns:1fr}
}
@media(max-width:850px){
  .demo-teaser-grid{grid-template-columns:1fr;gap:30px}
  .demo-teaser-steps{grid-template-columns:repeat(2,minmax(0,1fr));border-left:0}
  .demo-teaser-steps span{border-top:1px solid #bcd3d1}
  .preferences-ready .accessibility-panel:not([open]){display:none}
  .accessibility-panel[open]{top:calc(var(--site-viewport-top,0px) + max(12px,env(safe-area-inset-top,0px)));bottom:auto;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));width:auto;max-width:460px;margin-inline:auto}
  .desktop-nav{display:none}
  .mobile-nav{display:block;margin-left:0}
  .header-login{margin-left:auto}
  .header-login{display:flex;align-items:center;min-height:44px}
  .hero-inner{grid-template-columns:1fr;min-height:0;gap:0;padding-block:70px 20px}
  .hero-journey{width:min(100%,550px);height:440px;margin-inline:auto}
  .story-grid{display:block}
  .story-rail{border-right:0;border-bottom:1px solid #bdcece}
  .story-rail-inner{position:static;padding:50px 0 25px}
  .story-disclosure{max-width:680px}
  .story-rail h2 br{display:none}
  .rail-track,.rail-stage{display:none}
  .story-chapters{padding-block:20px}
  .story-step{grid-template-columns:1fr 1fr;min-height:0;padding-block:52px}
  .opening-grid,.intro-copy-grid{grid-template-columns:1fr;gap:0}
  .value-list{margin-top:44px}
  .journey-motion-list{display:block;overflow:hidden}
  .journey-motion-list::before{top:20px;bottom:40px;left:19px;right:auto;width:1px;height:auto}
  .journey-motion-list::after{top:20px;left:18px;width:3px;height:18%;animation-name:journey-travel-y}
  .journey-motion-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 17px;padding-bottom:24px}
  .journey-motion-number{grid-column:1;grid-row:1/3;margin:0}
  .journey-motion-list strong,.journey-motion-list li>span:last-child{grid-column:2}
  .journey-motion-list li>span:last-child{max-width:none}
  .journey-motion-caption{margin-top:10px}
  .glimpse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .glimpse-card,.glimpse-card:nth-child(n+4){grid-column:auto}
  .app-grid{grid-template-columns:1fr;gap:15px}
  .value-item{padding-right:17px}
  .value-item+ .value-item{padding-left:17px}
  .value-item+ .value-item::after{left:17px}
  .interlude-grid,.faq-grid{grid-template-columns:1fr;gap:32px}
  .form-layout{grid-template-columns:1fr;gap:34px}
  .route-card{grid-template-columns:130px minmax(0,1fr)}
  .route-card p{grid-column:2}
  .subhero-grid,.price-hero .subhero-grid{grid-template-columns:1fr;gap:15px;min-height:0;padding-block:70px 125px}
  .subhero-map,.price-orbit{display:none}
  .how-step{gap:27px}
  .beta-price-grid,.next-grid{grid-template-columns:1fr;gap:30px}
  .plan-card{grid-template-columns:130px 135px 1fr;gap:12px 16px}
  .plan-card ul{grid-column:3;grid-row:1/3}
  .plan-card .button{grid-column:3;grid-row:3;justify-self:start}
}
@media(max-width:650px){
  .demo-teaser-steps{grid-template-columns:1fr}
  .demo-teaser-steps span{padding:12px 0;border-bottom:0}
  .mobile-work-card,.mobile-work-card+.mobile-work-card{display:flex;flex-direction:column;gap:0}
  .mobile-scene{align-self:center;margin:20px 0 0}
  .mobile-work-outcome{margin-top:18px}
  .wrap{width:min(100% - 32px,1180px)}
  .section{padding-block:64px}
  .header-inner{min-height:68px;gap:8px;flex-wrap:wrap;padding-block:10px}
  .header-inner .brand{min-width:0;margin-right:auto}
  .header-login{margin-left:0}
  .brand img{width:125px}
  .header-login{padding:6px 8px;font-size:.73rem}
  .mobile-nav summary{padding:6px 8px;font-size:.74rem}
  .eyebrow{display:block;font-size:.7rem;line-height:1.8}
  .eyebrow-line{width:17px;margin-right:6px;vertical-align:3px}
  .beta-chip{margin-left:7px;vertical-align:1px}
  h1{font-size:clamp(2.4rem,10vw,3.2rem);line-height:1.08}
  h2{font-size:clamp(2rem,8vw,2.75rem)}
  h3{font-size:clamp(1.5rem,6.2vw,2rem)}
  .hero-lead,.subhero p:not(.eyebrow){font-size:1rem}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
  .hero-meta{margin-top:27px;font-size:.76rem}
  .hero-journey{height:340px}
  .journey-core strong{font-size:1.9rem}
  .type-line{width:auto;white-space:normal;overflow:visible;border:0;animation:none}
  .journey-node-a,.journey-node-e{left:0}
  .journey-node-b,.journey-node-c{right:0}
  .journey-node{font-size:.62rem;gap:5px}
  .chapter-line{display:none}
  .hero::after{height:45px}
  .opening-grid p:not(.kicker),.intro-copy p:not(.kicker){font-size:1.03rem}
  .value-list{grid-template-columns:1fr;gap:0;margin-top:34px}
  .value-item,.value-item+ .value-item{display:grid;grid-template-columns:40px 1fr;gap:2px 12px;padding:21px 0;border-left:0;border-bottom:1px solid #bdcece}
  .value-item:last-child{border-bottom:0}
  .value-number{grid-row:1/3;padding-top:5px}
  .value-item h3{margin:0 0 5px;font-size:1.35rem}
  .value-item p{grid-column:2;font-size:.9rem}
  .value-item::after,.value-item+ .value-item::after{left:52px}
  .value-item:hover,.value-item+ .value-item:hover{padding:21px 0}
  .story-step,.how-step{grid-template-columns:1fr;gap:26px;padding-block:47px}
  .how-step:nth-child(even) .how-copy,.how-step:nth-child(even) .story-visual{order:initial}
  .story-visual{min-height:245px}
  .phase-visual{min-height:0}
  .portal-shell{min-height:0;font-size:.55rem}
  .portal-brandbar{height:42px;padding-inline:9px}
  .portal-brandbar img{width:88px}
  .portal-brandbar>span{font-size:.48rem}
  .portal-mainnav{padding-inline:7px}
  .portal-mainnav span{padding:5px;font-size:.49rem}
  .portal-mainnav span:nth-child(n+4){display:none}
  .portal-stage{min-height:285px;padding:9px}
  .portal-panel{padding:10px}
  .portal-panel h4{font-size:.67rem}
  .portal-tabbar span{padding:5px;font-size:.48rem}
  .portal-tabbar span:nth-child(n+4){display:none}
  .portal-finance{gap:4px}
  .portal-finance>div{padding:6px}
  .portal-finance strong{font-size:.6rem}
  .portal-event-banner em{display:none}
  .glimpse-grid{grid-template-columns:1fr}
  .glimpse-image img{aspect-ratio:1.7}
  .app-preview>a img{max-height:330px}
  .dark-interlude{padding-block:105px 85px;clip-path:polygon(0 4%,100% 0,100% 96%,0 100%)}
  .route-card{grid-template-columns:1fr;gap:6px;padding-block:23px}
  .route-card p{grid-column:1}
  .route-count{margin-bottom:8px}
  .form-grid{grid-template-columns:1fr}
  .site-form{padding:20px}
  .site-form .button{width:100%}
  .footer-inner{grid-template-columns:1fr}
  .footer-inner nav{justify-content:flex-start}
  .footer-inner small{grid-column:1}
  .subhero-grid,.price-hero .subhero-grid{padding-block:68px 105px}
  .plan-card{grid-template-columns:1fr auto;gap:8px 15px;padding:26px 8px}
  .plan-tag{grid-column:1;grid-row:1}
  .plan-card h3{grid-column:1;grid-row:2}
  .plan-price{grid-column:2;grid-row:1/3;text-align:right}
  .plan-card ul{grid-column:1/-1;grid-row:3;grid-template-columns:1fr;gap:5px;margin-top:10px}
  .plan-card .button{grid-column:1/-1;grid-row:4;justify-self:stretch;margin-top:10px}
}
@media(max-width:360px){
  .brand img{width:108px}
  .header-inner{gap:7px}
  .header-login,.mobile-nav summary{font-size:.68rem}
  .journey-node-d{left:8%}
  .mobile-nav summary{font-size:.68rem}
  .brand img{width:100px}
  .hero h1{font-size:2.4rem}
  .accessibility-panel{right:12px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .button,.text-link,.hero-link,.route-card,.route-card h3,.faq-list details,.subhero-map,.price-orbit,.how-step,.plan-card,.phase-visual::before,.phase-visual::after,.phase-visual img,.portal-shell,.portal-panel,.glimpse-card,.glimpse-image img,.app-preview>a img,.mobile-screen,.journey-ring,.journey-node,.value-item,.value-item::after,.reveal,.rail-fill,.story-step .story-visual{transition:none!important}
  .journey-ring{transform:none!important}
  .phase-visual img,.story-step:hover .phase-visual img,.how-step:hover .phase-visual img,.phase-visual:hover img,.portal-scene:hover .portal-shell,.portal-panel:hover,.glimpse-card:hover,.glimpse-card:hover img,.app-preview>a:hover img,.mobile-work-card:hover .mobile-screen{transform:none!important;filter:none!important}
  .story-step.is-current .story-visual,.hero-journey{transform:none!important}
  .type-line{width:auto;border:0;animation:none}
  .journey-node::before{animation:none;box-shadow:none}
  .hero-interaction-field{display:none}
  .journey-motion-list::after{display:none}
  .journey-motion-number{animation:none!important}
  .story-step.is-current .portal-stage>*,.how-step.is-current .portal-stage>*{animation:none!important}
  .motion-ready .reveal:not(.is-visible){opacity:1;transform:none}
  .motion-ready .opening-grid.reveal:not(.is-visible) h2,.motion-ready .interlude-grid.reveal:not(.is-visible) h2{clip-path:none}
}

/* Vereinsmanagement: als klar gekennzeichneter Produktausblick, keine Fake-UI. */
.club-teaser{background:#eaf3f2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.club-teaser-grid,.club-status-grid,.club-devices-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.82fr);align-items:center;gap:clamp(28px,6vw,90px)}
.club-teaser p:not(.kicker),.club-devices p:not(.kicker){max-width:670px;color:var(--muted);font-size:1.08rem}
.club-teaser .button{margin-top:14px}
.club-path,.club-device-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:relative}
.club-path::before{content:"";position:absolute;inset:50% 9% auto;height:1px;background:#7babb0;z-index:0}
.club-path span,.club-device-flow span{position:relative;display:flex;align-items:center;justify-content:center;min-height:92px;padding:15px;text-align:center;border:1px solid #86acb0;border-radius:var(--media-radius);background:#f9fcfa;color:var(--night);font-size:1.02rem;font-weight:750;box-shadow:0 12px 26px #2047530d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.club-path span:hover,.club-device-flow span:hover{transform:translateY(-4px);border-color:#2c7d89;box-shadow:0 16px 28px #20475318}
.club-path span:first-child,.club-device-flow span:first-child{background:var(--night);color:#fff;border-color:var(--night)}
.club-hero-orbit{position:relative;width:min(100%,320px);aspect-ratio:1;margin-inline:auto;border:1px solid #a9dce485;border-radius:50%;box-shadow:0 0 0 38px #a9dce412,0 0 0 78px #a9dce408;display:grid;place-items:center}
.club-hero-orbit::before{content:"";position:absolute;inset:20%;border:1px dashed #a9dce46b;border-radius:50%}
.club-hero-orbit span{position:absolute;padding:5px 9px;background:#143c4f;color:#eaf7f8;font-weight:700}
.club-hero-orbit span:first-child{position:relative;font-size:1.65rem;color:var(--yellow);background:transparent}
.club-hero-orbit span:nth-child(2){top:7%;left:0}.club-hero-orbit span:nth-child(3){right:-9%;top:48%}.club-hero-orbit span:nth-child(4){bottom:5%;left:10%}
.club-status{background:var(--paper)}
.club-status-grid{grid-template-columns:190px minmax(0,1fr);align-items:start}
.club-status-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;margin-top:34px}
.club-status-columns>div{border-top:2px solid #b4cfce;padding-top:18px}
.club-status-columns>div+div{border-color:var(--yellow)}
.club-status-columns h3{font-size:1.45rem}
.club-status-columns p{color:var(--muted)}
.club-concept{background:#eaf3f2}
.club-feature-list{margin:0;padding:0;list-style:none;border-top:1px solid #afc9ca}
.club-feature-list li{display:grid;grid-template-columns:75px minmax(0,1fr) 90px;gap:24px;align-items:start;padding:28px 8px;border-bottom:1px solid #afc9ca;transition:background .25s ease,padding .25s ease}
.club-feature-list li:hover{background:#f6fbf9;padding-inline:20px}
.club-feature-number{color:#247385;font-size:.95rem;font-weight:800;letter-spacing:.12em;padding-top:5px}
.club-feature-list h3{font-size:clamp(1.45rem,2.3vw,2rem)}
.club-feature-list p{max-width:750px;margin:9px 0 0;color:var(--muted)}
.club-feature-tag{justify-self:end;padding:5px 8px;border:1px solid #618991;border-radius:var(--pk-corner-radius,12px);color:#295a67;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.club-devices{background:var(--paper)}
.club-device-flow{gap:10px}
.club-device-flow span{min-height:105px}
@media(max-width:850px){.club-hero-orbit{display:none}.club-teaser-grid,.club-devices-grid{grid-template-columns:1fr}.club-path,.club-device-flow{max-width:650px}.club-status-grid{grid-template-columns:1fr;gap:10px}}
@media(max-width:650px){.club-status-columns{grid-template-columns:1fr;gap:14px}.club-feature-list li{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:25px 0}.club-feature-list li:hover{padding-inline:0}.club-feature-tag{grid-column:2;justify-self:start}.club-path span,.club-device-flow span{min-height:75px;font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.club-path span,.club-device-flow span,.club-feature-list li{transition:none}.club-path span:hover,.club-device-flow span:hover{transform:none}}

/* Design audit: keep journey labels inside their illustration at intermediate widths. */
.journey-node-b,.journey-node-c { right:0; }
.journey-node-e { left:0; }
.journey-node { max-width:100%; white-space:normal; }
@media (min-width:651px) and (max-width:1180px) {
 .story-grid { grid-template-columns:1fr; }
 .story-rail-inner { position:static; }
 .story-step,.how-step { grid-template-columns:1fr; min-height:0; padding-block:36px; gap:24px; }
 .story-visual,.portal-scene { width:100%; max-width:760px; justify-self:center; }
 .step-copy,.how-copy { max-width:65ch; }
}
.portal-mainnav,.portal-tabbar,.portal-event-navigation { flex-wrap:wrap; white-space:normal; }
@media(max-width:650px) {
 .story-step { min-height:0; padding-block:30px; }
 .story-step .step-copy ul { display:none; } /* Benefits remain in the paragraph and on the dedicated flow page. */
 .mobile-work-section .mobile-work-grid { gap:28px; }
}

/* Real demo views, displayed in full without cropping their content. */
.site-board-section{background:var(--paper,#f4f1e8);border-block:1px solid #17394b18}
.site-board-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:32px}.site-board-intro h2{max-width:650px}
.site-board-shots{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.site-board-shot{margin:0;border:1px solid #17394b25;border-radius:var(--pk-corner-radius,12px);background:#fff;overflow:hidden;box-shadow:0 12px 34px #17394b0c}.site-board-shot>a{display:block;background:#112838}.site-board-shot img{display:block;width:100%;height:auto}.site-board-shot figcaption{padding:22px 24px}.site-board-shot figcaption>span{font-size:.75rem;font-weight:700;letter-spacing:.05em;color:#426473}.site-board-shot h3{margin:10px 0;font-size:1.25rem}.site-board-shot figcaption p{font-size:.95rem}.site-board-shot figcaption a{font-weight:700;font-size:.85rem}.site-board-note{font-size:.85rem;color:#46606e;margin-top:24px;max-width:850px}
@media(max-width:760px){.site-board-intro,.site-board-shots{grid-template-columns:1fr;gap:20px}.site-board-intro{margin-bottom:24px}.site-board-shot figcaption{padding:20px}}