:root{
--navy-950:#10132a; --navy-900:#171a33; --navy:#252840; --navy-700:#3a3e5c;
--blue:#074eb9; --blue-700:#0644a3; --blue-600:#0a5fd8; --blue-500:#2f6fe0; --blue-300:#8fb3f2; --blue-200:#c7d9fb; --blue-100:#e3edfd; --blue-50:#f2f6fe;
--tq:#18cdbb; --green:#73dc73; --grad-brand:linear-gradient(100deg,#18cdbb,#73dc73);
--ink:#171a33; --ink-2:#3d4260; --mut:#5f6680; --mut-2:#676d86; --line:#e6e8f0; --line-2:#d6dae6; --bg:#ffffff; --bg-soft:#f7f8fb; --ice:#f1f5fc; --ice-2:#e8eef9;
--stage:#f2f2ef; --stage-2:#e7e7e3; --stage-line:#dcdcd7;
--ease-land:cubic-bezier(.16,1,.3,1);
--c-blue-bg:#eaf1fe;   --c-blue:#074eb9;   --c-blue-soft:#cfe0fb;
--c-indigo-bg:#eef0fc; --c-indigo:#4552c4; --c-indigo-soft:#d9ddf8;
--c-mint-bg:#e5f5ef;   --c-mint:#0f7a57;   --c-mint-soft:#c4e9da;
--c-teal-bg:#e3f3f6;   --c-teal:#0a7282;   --c-teal-soft:#bfe4ea;
--c-sand-bg:#fbf2e6;   --c-sand:#965809;   --c-sand-soft:#f2dcbd;
--z-nacht:var(--c-indigo); --z-nacht-bg:var(--c-indigo-bg); --z-nacht-soft:var(--c-indigo-soft);
--z-we:var(--c-sand); --z-we-bg:var(--c-sand-bg); --z-we-soft:var(--c-sand-soft);
--z-fei:var(--c-teal); --z-fei-bg:var(--c-teal-bg); --z-fei-soft:var(--c-teal-soft);
--z-ep:var(--c-mint); --z-ep-bg:var(--c-mint-bg); --z-ep-soft:var(--c-mint-soft);
--z-bz:var(--c-blue); --z-bz-bg:var(--c-blue-bg); --z-bz-soft:var(--c-blue-soft);
--ok:#14936a; --ok-bg:#e4f5ee; --warn:#b97409; --warn-bg:#fdf3e0; --bad:#b83532; --bad-bg:#fdeceb;
--font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
--font-ui:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
--r-xs:6px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:24px; --r-2xl:32px;
--sh-xs:0 1px 2px rgba(23,26,51,.06);
--sh-sm:0 1px 2px rgba(23,26,51,.05),0 2px 8px -2px rgba(23,26,51,.07);
--sh-md:0 1px 2px rgba(23,26,51,.04),0 10px 28px -10px rgba(23,26,51,.14);
--sh-lg:0 2px 4px rgba(23,26,51,.04),0 28px 64px -24px rgba(23,26,51,.22);
--wrap:1200px; --gutter:24px; --sec:clamp(88px,10vw,144px); --head:68px;
--ease:cubic-bezier(.22,.7,.2,1); --dur:.6s;
}
@media (max-width:599.98px){:root{--sec:68px;--gutter:20px}}
@media (max-width:575.98px){html{scroll-padding-bottom:96px}}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--head) + 16px)}
body{font-family:var(--font);font-size:17px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;overflow-x:clip}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:300;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;font-weight:600}
.skip:focus{top:12px}
[hidden]{display:none!important}
h1,h2,h3,h4{font-weight:700;color:var(--ink);text-wrap:balance}
.h1{font-size:clamp(40px,5.3vw,74px);line-height:1.03;letter-spacing:-.042em;font-weight:750}
.h2{font-size:clamp(31px,3.7vw,52px);line-height:1.07;letter-spacing:-.036em}
.h3{font-size:clamp(21px,1.9vw,27px);line-height:1.2;letter-spacing:-.024em}
.h4{font-size:18px;line-height:1.3;letter-spacing:-.016em}
.lead{font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:var(--mut);text-wrap:pretty}
.muted{color:var(--mut)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.005em;color:var(--blue);background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100);border-radius:999px;padding:5px 12px 5px 10px;line-height:1.3}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
.eyebrow--mint{color:var(--c-mint);background:var(--c-mint-bg);box-shadow:inset 0 0 0 1px var(--c-mint-soft)}
.eyebrow--indigo{color:var(--c-indigo);background:var(--c-indigo-bg);box-shadow:inset 0 0 0 1px var(--c-indigo-soft)}
.eyebrow--teal{color:var(--c-teal);background:var(--c-teal-bg);box-shadow:inset 0 0 0 1px var(--c-teal-soft)}
.eyebrow--sand{color:var(--c-sand);background:var(--c-sand-bg);box-shadow:inset 0 0 0 1px var(--c-sand-soft)}
.tabnum{font-variant-numeric:tabular-nums}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.wrap--wide{max-width:1320px}
.sec{position:relative;padding:var(--sec) 0}
.sec--soft{background:var(--bg-soft)}
.sec--ice{background:linear-gradient(180deg,var(--bg) 0,var(--ice) 22%,var(--ice) 78%,var(--bg) 100%)}
.sec-head{max-width:760px}
.sec-head .h2{margin-top:18px}
.sec-head .lead{margin-top:18px}
.sec-head--center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head--center .lead{margin-left:auto;margin-right:auto;max-width:640px}
.ticks{display:grid;gap:10px}
.ticks li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.45;color:var(--ink-2)}
.ticks .ic{flex:none;width:18px;height:18px;margin-top:2px;color:var(--ok)}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ic--sm{width:16px;height:16px}
.ic--lg{width:24px;height:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border-radius:999px;font:600 16px/1 var(--font);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;border:0;transition:background-color .2s,color .2s,box-shadow .2s,transform .25s var(--ease)}
.btn .ic{width:18px;height:18px}
.btn--primary{background:var(--blue);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 22px -10px rgba(7,78,185,.6)}
.btn--primary:hover{background:var(--blue-700);transform:translateY(-1px)}
.btn--ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2),var(--sh-xs)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--ink-2),var(--sh-xs)}
.btn--sm{height:40px;padding:0 16px;font-size:14.5px}
.btn--block{width:100%}
.link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--blue);font-size:15.5px;padding-block:10px;margin-block:-10px}
.link-arrow .ic{width:16px;height:16px;transition:transform .25s var(--ease)}
.link-arrow:hover .ic{transform:translateX(3px)}
.scene{position:relative;isolation:isolate;container-type:inline-size;border-radius:var(--r-xl);background:var(--scene-bg,var(--stage));box-shadow:inset 0 0 0 1px var(--stage-line);overflow:hidden;font-family:var(--font-ui);color:var(--ink)}
.scene--dots::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle at 1px 1px,rgba(23,26,51,.06) 1px,transparent 0);background-size:22px 22px;-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,#000 30%,transparent 85%);mask-image:radial-gradient(120% 90% at 50% 40%,#000 30%,transparent 85%)}
.scene--white{--scene-bg:#fff}
.scene-note{display:block;padding:0 var(--scene-px,20px) 14px;font:500 11px/1.3 var(--font-ui);color:var(--mut-2);text-align:left}
.io-head{display:inline-flex;align-items:center;gap:7px;font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--mut-2)}
.io-head b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font-size:11px;letter-spacing:0;color:var(--ink-2)}
.io-head--sbm{color:var(--blue)}
.io-head--sbm b{background:var(--blue);color:#fff;box-shadow:none}
.win{background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-md),0 0 0 1px var(--line);overflow:hidden}
.win__bar{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-bottom:1px solid var(--line);background:#fafbfd;font:600 12px/1 var(--font-ui);color:var(--ink-2);white-space:nowrap;overflow:hidden}
.win__bar .sbm-mark{flex:none;width:16px;height:16px;border-radius:5px}
.win__bar > span:not(.sbm-mark):not(.win__ctl){min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.4;padding-block:1px}
.win__bar .win__ctl{margin-left:auto;display:flex;gap:6px}
.win__bar .win__ctl i{width:8px;height:8px;border-radius:50%;background:var(--line-2)}
.win__body{padding:14px}
.win--sbm .win__bar{background:linear-gradient(180deg,#fbfcfe,#f4f7fc)}
.ui{font-family:var(--font-ui);font-size:13px;line-height:1.4;color:var(--ink)}
.ui-card{position:relative;background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-sm),0 0 0 1px var(--line);padding:14px 16px;font-family:var(--font-ui)}
.ui-card--accent{box-shadow:var(--sh-md),0 0 0 1.5px var(--accent,var(--blue))}
.ui-card--flat{box-shadow:0 0 0 1px var(--line)}
.ui-card--soft{background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line)}
.ui-label{display:block;font:600 11px/1.2 var(--font-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--mut-2)}
.ui-title{display:block;font:600 14.5px/1.3 var(--font-ui);color:var(--ink);letter-spacing:-.005em}
.ui-sub{display:block;font:400 12.5px/1.35 var(--font-ui);color:var(--mut)}
.ui-kpi{font:600 20px/1.1 var(--font-ui);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ui-kpi--sm{font-size:17px}
.ui-val{font-variant-numeric:tabular-nums;font-weight:600}
.ui-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font:400 13px/1.3 var(--font-ui)}
.ui-row:last-child{border-bottom:0}
.ui-row .ui-val{white-space:nowrap}
.ui-table{font:400 12.5px/1.3 var(--font-ui);border-radius:var(--r-sm);box-shadow:0 0 0 1px var(--line);overflow:hidden;background:#fff}
.ui-tr{display:grid;grid-template-columns:var(--cols,1fr 1fr 1fr);gap:10px;align-items:center;padding:8px 12px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.ui-tr:first-child{border-top:0}
.ui-tr--head{background:var(--bg-soft);font:600 11px/1.2 var(--font-ui);color:var(--mut)}
.ui-tr--hl{background:var(--blue-50);box-shadow:inset 3px 0 0 var(--blue)}
.ui-tr--warn{background:var(--warn-bg);box-shadow:inset 3px 0 0 var(--warn)}
.ui-tr--bad{background:var(--bad-bg);box-shadow:inset 3px 0 0 var(--bad)}
.ui-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font:600 12px/1 var(--font-ui);color:var(--ink-2);background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}
.ui-chip .ic{width:13px;height:13px;stroke-width:2}
.ui-chip--blue{color:var(--c-blue);background:var(--c-blue-bg);box-shadow:inset 0 0 0 1px var(--c-blue-soft)}
.ui-chip--indigo{color:var(--c-indigo);background:var(--c-indigo-bg);box-shadow:inset 0 0 0 1px var(--c-indigo-soft)}
.ui-chip--mint,.ui-chip--ok{color:var(--c-mint);background:var(--c-mint-bg);box-shadow:inset 0 0 0 1px var(--c-mint-soft)}
.ui-chip--teal{color:var(--c-teal);background:var(--c-teal-bg);box-shadow:inset 0 0 0 1px var(--c-teal-soft)}
.ui-chip--sand,.ui-chip--warn{color:var(--c-sand);background:var(--c-sand-bg);box-shadow:inset 0 0 0 1px var(--c-sand-soft)}
.ui-chip--bad{color:var(--bad);background:var(--bad-bg);box-shadow:inset 0 0 0 1px #f6cfcd}
.ui-chip--solid{color:#fff;background:var(--blue);box-shadow:none}
.ui-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}
.ui-dot--warn{background:var(--warn)} .ui-dot--bad{background:var(--bad)} .ui-dot--blue{background:var(--blue)} .ui-dot--off{background:var(--line-2)}
.ui-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;font:600 11px/1 var(--font-ui);color:var(--av,var(--c-blue));background:var(--avb,var(--c-blue-bg));box-shadow:0 0 0 2px #fff}
.ui-avatar--lg{width:44px;height:44px;font-size:14px}
.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r-sm);background:var(--blue);color:#fff;font:600 12.5px/1 var(--font-ui);white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.ui-btn .ic{width:14px;height:14px;stroke-width:2}
.ui-btn--ghost{background:#fff;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.ui-btn--ok{background:var(--c-mint)}
.ui-toggle{position:relative;flex:none;width:30px;height:18px;border-radius:999px;background:var(--line-2);transition:background-color .35s var(--ease)}
.ui-toggle::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(23,26,51,.2);transition:transform .35s var(--ease)}
.ui-toggle.is-on{background:var(--accent,var(--blue))}
.ui-toggle.is-on::after{transform:translateX(12px)}
.ui-check{display:grid;place-items:center;flex:none;width:16px;height:16px;border-radius:5px;box-shadow:inset 0 0 0 1.5px var(--line-2);background:#fff;color:#fff}
.ui-check .ic{width:11px;height:11px;stroke-width:2.6;opacity:0}
.ui-check.is-on{background:var(--ok);box-shadow:none}
.ui-check.is-on .ic{opacity:1}
.ui-progress{height:6px;border-radius:999px;background:var(--line);overflow:hidden}
.ui-progress > i{display:block;height:100%;width:var(--p,0%);border-radius:inherit;background:var(--accent,var(--blue));transition:width .9s var(--ease)}
.ui-skel{display:block;height:8px;border-radius:4px;background:var(--line);width:var(--w,100%)}
.ui-skel--soft{background:var(--ice-2)}
.ui-field{display:flex;align-items:center;justify-content:space-between;gap:10px;height:30px;padding:0 10px;border-radius:var(--r-sm);background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font:500 12.5px/1 var(--font-ui);color:var(--ink)}
.ui-field small{color:var(--mut-2);font-weight:500}
.ui-ico{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;color:var(--accent,var(--blue));background:var(--accent-bg,var(--c-blue-bg))}
.ui-ico .ic{width:17px;height:17px}
.callout{position:absolute;z-index:6;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:999px;background:#fff;box-shadow:var(--sh-md),0 0 0 1px var(--line);font:600 12px/1 var(--font-ui);color:var(--ink);white-space:nowrap}
.callout .ic{width:14px;height:14px;color:var(--accent,var(--blue));stroke-width:2}
.wire{position:relative;flex:1 1 auto;min-width:28px;height:2px;align-self:center;border-radius:2px;background:var(--line-2)}
.wire::before{content:"";position:absolute;left:-1px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line-2)}
.wire::after{content:"";position:absolute;right:-1px;top:50%;width:7px;height:7px;border-top:1.75px solid var(--line-2);border-right:1.75px solid var(--line-2);transform:translateY(-50%) rotate(45deg)}
.wire > i{position:absolute;top:50%;left:0;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--accent,var(--blue));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,var(--blue)) 18%,transparent);opacity:0}
.is-vis .wire > i{animation:wire-x 2.4s var(--ease) infinite;animation-delay:calc(var(--i,0) * .35s)}
.wire--v{flex:0 0 auto;width:2px;min-width:0;height:auto;min-height:26px;align-self:center;background:var(--line-2)}
.wire--v::before{left:50%;top:-1px;margin:0 0 0 -4px}
.wire--v::after{right:auto;top:auto;bottom:-1px;left:50%;transform:translateX(-50%) rotate(135deg)}
.wire--v > i{top:0;left:50%;margin:0 0 0 -4px}
.is-vis .wire--v > i{animation-name:wire-y}
.wire--on{background:var(--accent-line,var(--blue-300))}
.wire--on::before{box-shadow:inset 0 0 0 1.5px var(--accent-line,var(--blue-300))}
.wire--on::after{border-color:var(--accent-line,var(--blue-300))}
.wire--v.wire--on{background:var(--accent-line,var(--blue-300))}
@keyframes wire-x{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
@keyframes wire-y{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 8px);opacity:0}}
@media (max-width:899.98px){
.wire--resp{flex:0 0 auto;width:2px;min-width:0;height:auto;min-height:26px;background:var(--line-2)}
.wire--resp::before{left:50%;top:-1px;margin:0 0 0 -4px}
.wire--resp::after{right:auto;top:auto;bottom:-1px;left:50%;transform:translateX(-50%) rotate(135deg)}
.wire--resp > i{top:0;left:50%;margin:0 0 0 -4px}
.is-vis .wire--resp > i{animation-name:wire-y}
.wire--resp.wire--on{background:var(--accent-line,var(--blue-300))}
}
.svg-line{fill:none;stroke:var(--line-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.svg-wire{fill:none;stroke:var(--accent,var(--blue));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.svg-flow{fill:none;stroke:var(--accent,var(--blue));stroke-width:2;stroke-linecap:round;stroke-dasharray:2 7;opacity:.85}
.is-vis .svg-flow{animation:svg-flow 1.4s linear infinite}
@keyframes svg-flow{to{stroke-dashoffset:-18}}
.svg-draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease) calc(var(--i,0) * 120ms)}
.is-in .svg-draw{stroke-dashoffset:0}
.svg-text{font-family:var(--font-ui);fill:var(--ink)}
.ic--xs{width:14px;height:14px;stroke-width:2}
.ui-port{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--accent-line,var(--line-2))}
.ui-step{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font:600 11px/1 var(--font-ui);color:var(--ink-2);font-variant-numeric:tabular-nums}
.ui-step.is-active{background:var(--accent,var(--blue));color:#fff;box-shadow:none}
.ui-check--round{border-radius:50%}
.ui-check--round.is-on{width:18px;height:18px;background:var(--c-mint-bg);box-shadow:inset 0 0 0 1px var(--c-mint-soft);color:var(--c-mint)}
.ui-check--round.is-on .ic{width:11px;height:11px;stroke-width:2.4}
.ui-ico--sm{width:24px;height:24px;border-radius:var(--r-xs)}
.ui-ico--sm .ic{width:14px;height:14px;stroke-width:2}
.ui-code{display:inline-grid;place-items:center;flex:none;min-width:38px;height:20px;padding:0 6px;border-radius:var(--r-xs);background:var(--c-blue-bg);color:var(--c-blue);font:600 11px/1 var(--font-ui);font-variant-numeric:tabular-nums}
.ui-mark{position:relative;padding-left:11px}
.ui-mark::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:2px;background:var(--k,var(--line-2))}
.ui-mark--nacht{--k:var(--z-nacht)} .ui-mark--we{--k:var(--z-we)} .ui-mark--fei{--k:var(--z-fei)} .ui-mark--ep{--k:var(--z-ep)} .ui-mark--bz{--k:var(--z-bz)}
.ui-seg{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-md);background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line)}
.ui-seg__b{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:var(--r-sm);font:600 12.5px/1 var(--font-ui);color:var(--mut);white-space:nowrap;transition:background-color .2s,color .2s,box-shadow .2s}
.ui-seg__b .ic{width:14px;height:14px;stroke-width:2}
.ui-seg__b[aria-pressed="true"],.ui-seg__b.is-on{background:#fff;color:var(--accent,var(--blue));box-shadow:var(--sh-xs),0 0 0 1px var(--accent-soft,var(--blue-100))}
.av-em{--av:var(--c-blue);--avb:var(--c-blue-bg)}
.av-mm{--av:var(--c-indigo);--avb:var(--c-indigo-bg)}
.av-jw{--av:var(--c-teal);--avb:var(--c-teal-bg)}
.av-lb{--av:var(--c-sand);--avb:var(--c-sand-bg)}
.av-tk{--av:var(--c-mint);--avb:var(--c-mint-bg)}
.av-sbm{--av:#fff;--avb:var(--blue)}
.tab-next{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),var(--sh-xs);font:600 14.5px/1.2 var(--font);color:var(--ink);text-align:left;transition:box-shadow .2s}
.tab-next:hover{box-shadow:inset 0 0 0 1px var(--ink-2),var(--sh-xs)}
.tab-next .ic{width:16px;height:16px}
.ui-status{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px var(--scene-px,20px) 12px;border-top:1px solid var(--stage-line);font-family:var(--font-ui)}
.ui-status__l{font:500 13px/1.3 var(--font-ui);color:var(--ink-2);transition:opacity .3s}
.ui-status__n{font:600 20px/1 var(--font-ui);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.ui-status__n small{font-size:13px;font-weight:500;color:var(--mut);letter-spacing:0;margin:0 3px}
.cal-fallback a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--blue-200);white-space:nowrap}
.cal-fallback a:hover{text-decoration-color:currentColor}
.cal-fallback{margin-top:16px;padding:12px 16px;border-radius:var(--r-md);background:var(--warn-bg);color:var(--ink);font-size:15px;box-shadow:inset 0 0 0 1px var(--c-sand-soft)}
.js [data-reveal]{--rd:calc(var(--i,0) * 80ms);opacity:0;transform:translate3d(var(--fx,-28px),0,0);filter:blur(8px);transition:opacity .55s var(--ease-land) var(--rd),transform .9s var(--ease-land) var(--rd),filter .65s var(--ease-land) var(--rd)}
.js [data-reveal="rise"]{transform:translate3d(0,12px,0);filter:blur(6px)}
.js [data-reveal="fade"]{transform:none;filter:none}
.js [data-reveal="scale"]{transform:scale(.96);filter:blur(4px)}
.js .is-in [data-reveal],.js [data-reveal].is-in{opacity:1;transform:none;filter:none}
.js [data-scene] .ui-check--round.is-on{opacity:0;transform:scale(.4);transition:opacity .25s var(--ease) calc(var(--rd,0ms) + 420ms),transform .5s cubic-bezier(.34,1.56,.64,1) calc(var(--rd,0ms) + 420ms)}
.js [data-scene].is-in .ui-check--round.is-on{opacity:1;transform:none}
.sbm-snap,.sbm-snap *,.sbm-snap *::before,.sbm-snap *::after{transition:none!important;animation:none!important}
.js [data-scene]:not(.is-vis) *{animation-play-state:paused!important}
@keyframes soft-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent,var(--blue)) 30%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent,var(--blue)) 0%,transparent)}}
.pulse{animation:soft-pulse 2.4s var(--ease) infinite}
.sbm-mark{display:block;width:30px;height:30px;border-radius:9px;background:var(--blue);color:#fff}
.sbm-mark svg{width:100%;height:100%}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.js [data-reveal]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
*,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0s!important}
.wire > i{display:none}
.svg-draw{stroke-dashoffset:0!important}
}
.scene{--scene-px:clamp(16px,2.4cqw,28px);--row:36px}
.scene-pad{padding:clamp(18px,3cqw,30px) var(--scene-px) clamp(18px,2.6cqw,26px)}
.scene-h{display:block;margin-bottom:clamp(16px,2.4cqw,26px);font:700 clamp(21px,3.6cqw,32px)/1.08 var(--font);letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.tri{--tri-gap:clamp(16px,3.4cqw,36px);--tri-lab:28px;--accent-line:var(--blue-300);position:relative;display:grid;grid-template-columns:repeat(var(--tri-n,3),minmax(0,1fr));column-gap:var(--tri-gap);align-items:stretch}
.tri__col{position:relative;display:flex;flex-direction:column;min-width:0}
.tri__label{display:block;height:18px;margin-bottom:10px;text-align:center;font:500 13px/18px var(--font-ui);color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tri__label--sbm{color:var(--blue)}
.tri__well{position:relative;flex:1 1 auto;display:flex;flex-direction:column;gap:6px;min-height:var(--well-h,auto);padding:8px;border-radius:var(--r-lg);background:var(--stage-2)}
.tri__well--center{justify-content:center}
.tri__well--center > .tri-foot{margin-top:0}
.tri__col + .tri__col::before{content:"";position:absolute;z-index:3;top:calc(var(--tri-lab) + (100% - var(--tri-lab)) / 2 - 1px);right:100%;width:var(--tri-gap);height:2px;border-radius:2px;background:var(--accent-line);transform-origin:0 50%}
.tri__col + .tri__col::after{content:"";position:absolute;z-index:3;top:calc(var(--tri-lab) + (100% - var(--tri-lab)) / 2);right:calc(100% + 1px);width:7px;height:7px;border-top:2px solid var(--accent-line);border-right:2px solid var(--accent-line);transform:translateY(-50%) rotate(45deg)}
.tri--nolink > .tri__col::before,.tri--nolink > .tri__col::after{display:none}
.js [data-scene] .tri__col + .tri__col::before{transform:scaleX(0);transition:transform .35s var(--ease) calc(var(--tri-d,400) * 1ms)}
.js [data-scene] .tri__col + .tri__col::after{opacity:0;transition:opacity .2s var(--ease) calc(var(--tri-d,400) * 1ms + 250ms)}
.js [data-scene].is-in .tri__col + .tri__col::before{transform:none}
.js [data-scene].is-in .tri__col + .tri__col::after{opacity:1}
.tri-card{position:relative;background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-xs),0 0 0 1px var(--line);font-family:var(--font-ui);color:var(--ink);overflow:hidden}
.tri-card--accent{box-shadow:var(--sh-sm),0 0 0 1.5px var(--accent,var(--blue))}
.tri-card__hd{display:flex;align-items:center;gap:8px;min-height:var(--row);padding:0 12px;font:600 13px/1.25 var(--font-ui);color:var(--ink);white-space:nowrap}
.tri-card__hd .sbm-mark{flex:none;width:16px;height:16px;border-radius:5px}
.tri-card__hd > span:not([class]){min-width:0;overflow:hidden;text-overflow:ellipsis}
.tri-row{display:flex;align-items:center;gap:8px;min-height:var(--row);padding:0 12px;border-top:1px solid var(--line);font:500 12.5px/1.25 var(--font-ui);color:var(--ink)}
.tri-card > .tri-row:first-child{border-top:0}
.tri-row__t{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tri-row__v{flex:none;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.tri-row__m{flex:none;font-weight:400;color:var(--mut);white-space:nowrap}
.tri-row .ui-check,.tri-row .ui-avatar,.tri-row .ui-code,.tri-row .ui-ico{flex:none}
.tri-row .ui-avatar{width:22px;height:22px;font-size:11px;box-shadow:none}
.tri-row--hl{background:var(--blue-50)}
.tri-row--ok{background:var(--c-mint-bg);color:var(--c-mint)}
.tri-ghost{position:relative;display:block;flex:none;height:var(--row);border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--stage-line)}
.tri-ghost::after{content:"";position:absolute;left:12px;top:50%;width:var(--w,44%);height:6px;margin-top:-3px;border-radius:3px;background:var(--stage-line)}
.tri__well > .tri-ghost:first-of-type{margin-top:auto}
.tri-foot{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding-top:6px;min-height:36px}
.tri-foot .ui-chip{height:26px;padding:0 10px;font-size:11px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.tri-foot .ui-chip--ok,.tri-foot .ui-chip--mint{background:var(--c-mint-bg);box-shadow:inset 0 0 0 1px var(--c-mint-soft)}
@container (max-width:559.98px){
.tri{grid-template-columns:minmax(0,1fr);row-gap:34px}
.tri__col + .tri__col::before{top:-28px;right:auto;left:50%;width:2px;height:20px;margin-left:-1px;transform-origin:50% 0}
.tri__col + .tri__col::after{top:-13px;right:auto;left:50%;transform:translateX(-50%) rotate(135deg)}
.js [data-scene] .tri__col + .tri__col::before{transform:scaleY(0)}
.js [data-scene].is-in .tri__col + .tri__col::before{transform:none}
.tri__well{min-height:0}
.tri__well > .tri-ghost{display:none}
}
@media (prefers-reduced-motion:reduce){
.js [data-scene] .tri__col + .tri__col::before{transform:none!important}
.js [data-scene] .tri__col + .tri__col::after,.js [data-scene] .ui-check--round.is-on{opacity:1!important}
.js [data-scene] .ui-check--round.is-on{transform:none!important;animation:none!important}
}
.v3-vis{position:relative;margin:0;overflow:hidden;border-radius:var(--r-xl);background:#f4f3f1;box-shadow:0 0 0 1px rgba(23,26,51,.05),var(--sh-md);isolation:isolate}
.v3-vis > img{display:block;width:100%;height:100%;object-fit:cover}
.v3-vis--wide{aspect-ratio:21/9}
@media (max-width:759.98px){ .v3-vis--wide{aspect-ratio:3/2} }
.js .v3-vis[data-scene] > img{opacity:0;transform:scale(1.025);transition:opacity .9s var(--ease),transform 1.6s var(--ease-land)}
.js .v3-vis[data-scene].is-in > img{opacity:1;transform:none}
.film{--T:10s;position:relative;margin:0;overflow:hidden;border-radius:var(--r-xl);isolation:isolate;container-type:inline-size;
background:radial-gradient(60% 50% at 50% 72%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 70%),linear-gradient(180deg,#f5f4f1 0%,#efeeea 100%);
box-shadow:0 0 0 1px rgba(23,26,51,.05),var(--sh-md)}
.film--wide{aspect-ratio:21/9}
.film--3x2{aspect-ratio:3/2}
.film--16x10{aspect-ratio:16/10}
.film--4x5{aspect-ratio:4/5}
@media (max-width:759.98px){ .film--wide{aspect-ratio:3/2} }
.film__cam{position:absolute;inset:0;transform-origin:50% 55%}
.js .film.is-in .film__cam{animation:film-cam calc(var(--T) * 2) ease-in-out infinite}
@keyframes film-cam{0%,100%{transform:none}50%{transform:scale(1.045) translate3d(-.5%,-.4%,0)}}
.film__l{position:absolute;left:var(--x,50%);top:var(--y,50%);width:var(--w,30%);height:auto;max-width:none;transform:translate(-50%,-50%);
--fsh:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06));filter:var(--fsh);user-select:none;pointer-events:none}
.film__floor{position:absolute;left:var(--x,50%);top:var(--y,80%);width:var(--w,40%);aspect-ratio:6/1;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(closest-side,rgba(23,26,51,.18),rgba(23,26,51,0));filter:blur(.6cqw)}
.film-glass{position:absolute;left:var(--x,50%);top:var(--y,50%);width:var(--w,30%);transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:1cqw;padding:1.6cqw;border-radius:1.8cqw;
background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(255,255,255,.5));box-shadow:inset 0 0 0 .12cqw rgba(255,255,255,.95),0 2.4cqw 4cqw -1.6cqw rgba(23,26,51,.24),0 .2cqw .5cqw rgba(23,26,51,.05);
-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.film-glass--blue{box-shadow:inset 0 0 0 .18cqw var(--blue),0 2.4cqw 4cqw -1.6cqw rgba(7,78,185,.3)}
.film-row{display:flex;align-items:center;gap:1cqw;height:3.6cqw;padding:0 1cqw;border-radius:1cqw;background:#fff;box-shadow:0 .15cqw .4cqw rgba(23,26,51,.07),0 0 0 .1cqw rgba(23,26,51,.05)}
.film-av{flex:none;width:1.9cqw;height:1.9cqw;border-radius:50%;background:var(--c-blue-bg);box-shadow:inset 0 0 0 .5cqw #fff,0 0 0 .1cqw var(--c-blue-soft)}
.film-bar{flex:1 1 auto;height:.75cqw;border-radius:.4cqw;background:var(--line-2);max-width:var(--bw,60%)}
.film-bar--blue{background:var(--blue-300)}
.film-bar--ink{background:var(--navy-700);opacity:.55}
.film-ok,.film-bad{flex:none;display:grid;place-items:center;width:2.2cqw;height:2.2cqw;border-radius:50%}
.film-ok{background:var(--c-mint-bg);box-shadow:inset 0 0 0 .1cqw var(--c-mint-soft);color:var(--c-mint)}
.film-bad{background:var(--bad-bg);box-shadow:inset 0 0 0 .1cqw #f6cfcd;color:var(--bad)}
.film-ok svg,.film-bad svg{width:1.3cqw;height:1.3cqw;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.film-glow{position:absolute;left:var(--x,50%);top:var(--y,50%);width:var(--w,10%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
box-shadow:0 0 0 .3cqw rgba(47,111,224,.55),0 0 3cqw 1cqw rgba(47,111,224,.45);opacity:0}
.film-spark{position:absolute;left:var(--x,50%);top:var(--y,50%);width:1.4cqw;height:1.4cqw;margin:-.7cqw 0 0 -.7cqw;border-radius:50%;background:#fff;
box-shadow:0 0 0 .35cqw rgba(47,111,224,.9),0 0 2.4cqw 1cqw rgba(47,111,224,.55);opacity:0}
.film-line{position:absolute;height:.3cqw;border-radius:.2cqw;background:linear-gradient(90deg,rgba(143,179,242,0),var(--blue-300),rgba(143,179,242,0));transform-origin:0 50%}
.film__pause{position:absolute;right:1.4cqw;bottom:1.4cqw;z-index:20;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
background:rgba(255,255,255,.88);color:var(--ink-2);box-shadow:0 0 0 1px rgba(23,26,51,.08),var(--sh-xs);opacity:.7;transition:opacity .2s}
.film__pause:hover,.film__pause:focus-visible{opacity:1}
.film__pause svg{width:13px;height:13px;fill:currentColor}
.film__pause .film__pause-r,.film.is-paused .film__pause-p{display:none}
.film.is-paused .film__pause-r{display:block}
.js .film:not(.is-in) *,.js .film:not(.is-in),.js .film:not(.is-in) *::before,.js .film:not(.is-in) *::after{animation:none!important}
.film.is-paused *,.film.is-paused *::before,.film.is-paused *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){ .film,.film *,.film *::before,.film *::after{animation:none!important} .film__pause{display:none} }
:root{--page:#fff;--sec-gap:0px;--sec-r:0px}
body{background:#fff}
main{padding-bottom:0}
#hero{border-radius:0}
main > section:not(#hero){position:relative;margin:0;border-radius:0;overflow:hidden;overflow:clip;background-color:#fff;box-shadow:inset 0 1px 0 var(--line)}
main > section.sec--soft,main > section.sec--ice{background:#fff}
main > #hero + section{box-shadow:none}
.js .film.is-in,.js .film.is-in *,.js .film.is-in *::before,.js .film.is-in *::after{animation-iteration-count:1!important}
.js .film:not(.is-vis) *,.js .film:not(.is-vis),.js .film:not(.is-vis) *::before,.js .film:not(.is-vis) *::after{animation-play-state:paused!important}
.film *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.film .film-glass{background:linear-gradient(160deg,#fff,rgba(255,255,255,.9))}
@media (min-width:600px){ main > section:not(#hero){overflow:visible} }
.js .film.is-wait *,.js .film.is-wait *::before,.js .film.is-wait *::after{animation-play-state:paused!important}
#funktionen .proc__panel.is-active .proc__copy,#galerie .gal__panel.is-active .gal__copy{animation-fill-mode:backwards!important}
@media (min-width:600px){ #galerie .gal{contain:paint} #faq{overflow:clip} }
@media (min-width:1024px) and (max-height:980px){
:root{--sec:clamp(52px,8vh,96px)}
.sec-head .h2{margin-top:12px}
.sec-head .lead{margin-top:12px}
.h2{font-size:clamp(30px,min(3.7vw,5.4vh),52px)}
.lead{font-size:clamp(16px,min(1.35vw,2.2vh),20px);line-height:1.5}
main > section.sec{scroll-margin-top:calc(-8px - var(--sec))}
}
@media (min-width:1024px){
.film--fit{width:100%;margin-inline:auto}
.film--fit.is-fit{aspect-ratio:auto;height:var(--fit-h)}
.film--fit > .film__cam{inset:auto 0;height:calc(100cqw / var(--ar,1.5));top:calc((100% - 100cqw / var(--ar,1.5)) * var(--fy,.5))}
}
html:lang(tr) #site-footer .sf-col--sbm .sf-h::after{content:"Bu sayfa"}
html:lang(tr) #hero .h5__pause::after{content:"Animasyon"}
:root{--head:72px}
@media (min-width:992px){:root{--head:92.5px}}
@media (min-width:992px) and (max-height:980px){:root{--head:76px}}
#site-header{--sh-fg:#e9e7f6;--sh-fg-h:#fff;--sh-ic:#fff;--sh-cta-b:rgba(255,255,255,.4);--sh-cta-fg:#fff;position:sticky;top:0;z-index:100;height:var(--head);background:#141a3a;transition:background-color .35s var(--ease),box-shadow .35s var(--ease)}
#site-header.is-scrolled{--sh-fg:#252840;--sh-fg-h:var(--blue);--sh-ic:#252840;--sh-cta-b:#e4e4e4;--sh-cta-fg:#252840;background:rgba(255,255,255,.97);box-shadow:0 0 50px rgba(0,0,0,.1)}
#site-header:not(.is-scrolled) :focus-visible{outline-color:var(--blue-200)}
#site-header .sh-bar{display:flex;align-items:center;max-width:1220px;height:100%;margin:0 auto;padding:0 15px}
#site-header .sh-logo{position:relative;display:block;flex:none;width:147px;height:32px;border-radius:4px}
#site-header .sh-logo img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .35s var(--ease)}
#site-header .sh-logo__dark{opacity:0}
#site-header.is-scrolled .sh-logo__light{opacity:0}
#site-header.is-scrolled .sh-logo__dark{opacity:1}
#site-header .site-nav{flex:1 1 auto;display:flex;justify-content:center;align-self:stretch;min-width:0}
#site-header .sh-menu{display:flex;align-items:stretch}
#site-header .sh-menu > li{position:relative;display:flex;align-items:center}
#site-header .sh-link{display:flex;align-items:center;height:100%;padding:10px 15px;font:500 17px/20px var(--font);color:var(--sh-fg);white-space:nowrap;border-radius:6px;transition:color .25s}
#site-header .sh-link:hover,#site-header .sh-dd:hover > .sh-link,#site-header .sh-dd:focus-within > .sh-link{color:var(--sh-fg-h)}
#site-header .sh-link:focus-visible{outline-offset:-14px}
#site-header .sh-sub{position:absolute;left:0;top:100%;z-index:5;min-width:260px;padding:0;border-radius:5px;background:#202757;box-shadow:0 45px 45px rgba(0,0,0,.05),0 18px 40px -18px rgba(4,6,15,.45);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .22s var(--ease),transform .3s var(--ease),visibility 0s linear .3s}
#site-header .sh-sub a{display:block;padding:17px 15px;font:400 15px/26px var(--font);color:rgba(255,255,255,.82);white-space:nowrap;border-radius:5px;transition:color .2s,background-color .2s}
#site-header .sh-sub li + li a{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
#site-header .sh-sub a:hover,#site-header .sh-sub a[aria-current]{color:#fff;background:rgba(255,255,255,.06)}
#site-header .sh-sub a:focus-visible{outline-color:var(--blue-200);outline-offset:-3px}
#site-header .sh-dd:hover > .sh-sub,#site-header .sh-dd:focus-within > .sh-sub{opacity:1;visibility:visible;transform:none;transition:opacity .22s var(--ease),transform .3s var(--ease),visibility 0s}
#site-header .sh-dd.is-dismissed > .sh-sub{opacity:0;visibility:hidden;transition:none}
#site-header .sh-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex:none;min-width:calc(217.7px + 44px)}
#site-header .sh-lang{position:relative;display:flex}
#site-header .sh-lang__btn{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;transition:transform .25s var(--ease)}
#site-header .sh-lang__btn:hover{transform:scale(1.06)}
#site-header .sh-lang__btn img{width:22px;height:22px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
#site-header .sh-lang__list{position:absolute;right:-12px;top:calc(100% + (var(--head) - 30px) / 2);z-index:6;width:176px;padding:8px 0;border-radius:5px;background:#fff;box-shadow:0 45px 45px rgba(0,0,0,.05),0 18px 40px -16px rgba(23,26,51,.28),0 0 0 1px var(--line);animation:sh-pop .22s var(--ease) both}
#site-header .sh-lang__list a{display:flex;align-items:center;gap:10px;min-height:36px;padding:4px 16px;font:400 15px/1.3 var(--font);color:var(--mut-2);transition:color .2s,background-color .2s}
#site-header .sh-lang__list a img{width:18px;height:18px;border-radius:50%;flex:none}
#site-header .sh-lang__list a:hover,#site-header .sh-lang__list a:focus-visible{color:var(--ink);background:var(--bg-soft)}
#site-header .sh-lang__list a[aria-current]{color:var(--ink);font-weight:600}
#site-header .sh-lang__list a:focus-visible{outline-offset:-3px;outline-color:var(--blue)}
#site-header .sh-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:217.7px;height:43px;padding:10px 20px;border-radius:50px;box-shadow:inset 0 0 0 1px var(--sh-cta-b);font:500 13px/1.62 var(--font);color:var(--sh-cta-fg);white-space:nowrap;transition:box-shadow .25s,color .25s,background-color .25s}
#site-header .sh-cta .ic{width:14px;height:14px;stroke-width:2;transition:transform .25s var(--ease)}
#site-header .sh-cta:hover{box-shadow:inset 0 0 0 1px var(--sh-cta-fg)}
#site-header .sh-cta:hover .ic{transform:translateX(3px)}
#site-header .sh-burger{display:none;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;width:44px;height:44px;margin-right:-10px;padding:0 11px;border-radius:10px}
#site-header .sh-burger__l{display:block;width:22px;height:2px;border-radius:2px;background:var(--sh-ic);transition:transform .3s var(--ease),opacity .2s,width .3s var(--ease),background-color .3s}
#site-header .sh-burger__l:last-child{width:14px}
.menu-open #site-header .sh-burger__l:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-open #site-header .sh-burger__l:nth-child(2){opacity:0}
.menu-open #site-header .sh-burger__l:nth-child(3){width:22px;transform:translateY(-7px) rotate(-45deg)}
#site-header .m-menu{display:none}
@media (max-width:1249.98px){#site-header .sh-bar{padding:0 var(--gutter)}}
@media (min-width:992px) and (max-width:1199.98px){
#site-header .sh-logo{width:128px;height:28px}
#site-header .sh-link{padding:10px 10px;font-size:15.5px}
#site-header .sh-actions{gap:10px;min-width:0}
#site-header .sh-cta{min-width:0;padding:10px 16px}
}
@media (max-width:991.98px){
#site-header .sh-bar{padding:0 var(--gutter)}
#site-header .site-nav{display:none}
#site-header .sh-logo{width:120px;height:26.1px}
#site-header .sh-actions{min-width:0;flex:1 1 auto;gap:12px}
#site-header .sh-cta{order:-1;min-width:0;margin-right:4px}
#site-header .sh-lang__btn{width:36px;height:36px}
#site-header .sh-lang__btn img{width:28px;height:28px}
#site-header .sh-lang__list{right:-8px;top:calc(100% + (var(--head) - 36px) / 2)}
#site-header .sh-lang__list a{min-height:44px}
#site-header .sh-burger{display:flex}
html.menu-open{overflow:hidden}
.menu-open #site-header{--sh-fg:#252840;--sh-fg-h:#252840;--sh-ic:#252840;--sh-cta-b:#e4e4e4;--sh-cta-fg:#252840;background:#fff;box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}
.menu-open #site-header .sh-logo__light{opacity:0}
.menu-open #site-header .sh-logo__dark{opacity:1}
.menu-open #site-header .m-menu{position:fixed;left:0;right:0;top:var(--head);bottom:0;display:flex;flex-direction:column;padding:8px var(--gutter) calc(24px + env(safe-area-inset-bottom,0px));background:#fff;overflow-y:auto;overscroll-behavior:contain;animation:sh-menu-in .3s var(--ease) both}
#site-header .m-menu__list{max-width:560px;width:100%;margin:0 auto}
#site-header .m-menu__list li + li{border-top:1px solid var(--line)}
#site-header .m-menu__list a{display:flex;align-items:center;gap:10px;height:58px;padding:0 6px;border-radius:var(--r-md);font:600 18px/1 var(--font);letter-spacing:-.012em;color:#252840}
#site-header .m-menu__list a .ic{width:18px;height:18px;margin-left:auto;color:var(--mut-2)}
#site-header .m-menu__list a:hover{background:var(--bg-soft)}
#site-header .m-menu__list a:focus-visible{outline-offset:-2px}
#site-header .m-menu__here{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100);font:600 11px/1 var(--font-ui);letter-spacing:.04em;color:var(--blue)}
#site-header .m-menu__cta{width:100%;max-width:560px;margin:18px auto 0}
#site-header .m-menu__cta .ic{width:16px;height:16px}
#site-header .m-menu__phone{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:6px;margin-top:8px;font-size:14.5px;color:var(--mut)}
#site-header .m-menu__phone a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 6px;border-radius:8px;font-weight:600;color:var(--ink);white-space:nowrap}
#site-header .m-menu__phone .ic{width:15px;height:15px;color:var(--blue)}
}
@media (max-width:575.98px){
#site-header .sh-cta{display:none}
}
@keyframes sh-menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes sh-pop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
#site-header .sh-link{position:relative}
#site-header .sh-link.is-active{color:var(--sh-fg-h,#fff)}
#site-header .sh-link.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:2px;background:currentColor;opacity:.85}
#site-header .m-menu [data-spy].is-active{color:var(--blue)}
#hero{
--s:clamp(12px,min(.9vw,2.3svh),22px);
--hlA-mx:clamp(40px,calc(13vw - 100px),240px);
--hlA-pad:calc(var(--s) * .56);
--hlA-tq:#67e6d2;
position:relative;isolation:isolate;overflow:hidden;overflow:clip;
display:flex;flex-direction:column;
min-height:calc(100svh - var(--head));
color:#fff;
background:radial-gradient(120% 92% at 33% -10%,#141a3a 0%,#0d1230 44%,#070b1c 74%,#04060f 100%);
border-radius:0 0 var(--sec-r,0) var(--sec-r,0);
font-family:var(--font);
-webkit-font-smoothing:antialiased;
}
#hero :focus-visible{outline:2px solid var(--blue-300);outline-offset:3px}
#hero .hlA-probe{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;font-size:var(--s);line-height:1;pointer-events:none}
#hero .hlA-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
#hero .hlA-bg i{position:absolute;display:block;border-radius:50%;background:radial-gradient(closest-side,rgba(77,141,255,var(--a)),rgba(77,141,255,0));will-change:transform;animation:hlA-drift var(--t) ease-in-out infinite alternate}
#hero .hlA-bg i:nth-child(1){--a:.26;--t:34s;--x:-5vw;--y:4vh;--k:1.08;width:58vw;height:58vw;left:46%;top:-14%}
#hero .hlA-bg i:nth-child(2){--a:.17;--t:42s;--x:7vw;--y:5vh;--k:1.12;width:42vw;height:42vw;left:-14%;top:-24%}
#hero .hlA-bg i:nth-child(3){--a:.13;--t:48s;--x:6vw;--y:-6vh;--k:.92;width:46vw;height:46vw;left:4%;top:48%}
#hero .hlA-bg i:nth-child(4){--a:.19;--t:38s;--x:-4vw;--y:7vh;--k:1.1;width:30vw;height:30vw;left:80%;top:-12%}
#hero .hlA-bg i:nth-child(5){--a:.11;--t:56s;--x:-8vw;--y:-3vh;--k:1.06;width:64vw;height:26vw;left:20%;top:80%}
@keyframes hlA-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(var(--x),var(--y),0) scale(var(--k))}}
#hero .hlA-main{flex:1 0 auto;display:flex;align-items:center;padding:calc(var(--s) * 3) 0 calc(var(--s) * 1.2)}
#hero .hlA-body{width:calc(100% - 2 * var(--hlA-mx));max-width:2000px;margin:0 auto;display:grid;grid-template-columns:max(476px,calc(var(--s) * 37.5)) minmax(0,1fr);column-gap:calc(var(--s) * 5);align-items:center}
#hero .hlA-copy{min-width:0}
#hero .hlA-h1{margin:0;padding:0;font:800 calc(var(--s) * 3.55)/1.06 var(--font);letter-spacing:-.04em;color:#fff;text-transform:none;text-shadow:0 12px 58px rgba(62,201,255,.26)}
#hero .hlA-l{display:block}
#hero .hlA-k{margin-left:-.075em}
#hero .hlA-accent{color:var(--blue-300)}
#hero .hlA-lead{margin:calc(var(--s) * 1.5) 0 0;max-width:calc(var(--s) * 26);font:400 max(14.5px,calc(var(--s) * 1.1))/1.5 var(--font);color:#d3dcf1;text-wrap:balance}
#hero .hlA-cta{display:flex;flex-wrap:wrap;gap:calc(var(--s) * .8);margin-top:calc(var(--s) * 2)}
#hero .hlA-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--s) * .62);min-height:max(44px,calc(var(--s) * 3.25));padding:0 calc(var(--s) * 1.55);border-radius:calc(var(--s) * .55);font:700 max(13px,calc(var(--s) * .95))/1.2 var(--font);letter-spacing:-.005em;white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s}
#hero .hlA-btn--primary{background:#fff;color:#141131;border:0;box-shadow:0 10px 30px -14px rgba(255,255,255,.45)}
#hero .hlA-btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px -14px rgba(255,255,255,.5)}
#hero .hlA-btn--ghost{padding-left:calc(var(--s) * .85);padding-right:calc(var(--s) * 1.3);background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}
#hero .hlA-btn--ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.42)}
#hero .hlA-btn-ic{display:grid;place-items:center;flex:none;width:calc(var(--s) * 1.7);height:calc(var(--s) * 1.7);min-width:24px;min-height:24px;border-radius:50%;background:#fff;color:var(--navy-950)}
#hero .hlA-btn-ic svg{width:58%;height:58%;margin-left:6%;fill:currentColor}
#hero .hlA-chips{display:flex;flex-wrap:wrap;gap:calc(var(--s) * .5) calc(var(--s) * 1.3);margin:calc(var(--s) * 1.35) 0 0;padding:0;list-style:none}
#hero .hlA-chips li{display:inline-flex;align-items:center;gap:calc(var(--s) * .45);margin:0;font:600 max(11px,calc(var(--s) * .8))/1.3 var(--font);color:#c9d3ea;white-space:nowrap}
#hero .hlA-chips .ic{width:calc(var(--s) * 1.12);height:calc(var(--s) * 1.12);min-width:15px;min-height:15px;margin:0;color:#7fb0ff;stroke-width:2}
#hero .hlA-panel{position:relative;justify-self:center;width:100%;max-width:calc((100svh - var(--head) - var(--s) * 12.5) * 1.7778);padding:var(--hlA-pad);border-radius:calc(var(--s) * 1.13);border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:0 70px 160px -40px rgba(0,0,0,.92),0 0 140px -44px rgba(77,141,255,.45),inset 0 1px 0 rgba(255,255,255,.16)}
#hero .hlA-panel.is-ping{animation:hlA-ping 1s cubic-bezier(.2,.75,.25,1)}
@keyframes hlA-ping{0%{outline:2px solid rgba(143,179,242,.85);outline-offset:0}100%{outline:2px solid rgba(143,179,242,0);outline-offset:14px}}
#hero .hlA-frame{position:relative;aspect-ratio:16/9;border-radius:max(10px,calc(var(--s) * .72));overflow:hidden;background:#0c0c18;box-shadow:0 20px 50px -20px rgba(0,0,0,.7)}
#hero .hlA-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;cursor:pointer;background:#0c0c18}
#hero .hlA-sound,#hero .hlA-pause{position:absolute;bottom:calc(var(--s) * 1.1);z-index:3;display:inline-flex;align-items:center;justify-content:center;height:max(36px,calc(var(--s) * 2.65));border-radius:999px;background:rgba(10,14,38,.78);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:background-color .25s,left .45s cubic-bezier(.2,.75,.25,1),transform .45s cubic-bezier(.2,.75,.25,1),opacity .3s}
#hero .hlA-sound{left:50%;transform:translateX(-50%);gap:calc(var(--s) * .5);padding:0 calc(var(--s) * 1.2) 0 calc(var(--s) * 1);font:700 calc(var(--s) * .88)/1 var(--font);white-space:nowrap}
#hero .hlA-sound:hover,#hero .hlA-pause:hover{background:rgba(10,14,38,.94);border-color:rgba(255,255,255,.45)}
#hero .hlA-sound .ic{width:calc(var(--s) * 1.15);height:calc(var(--s) * 1.15);min-width:16px;min-height:16px;margin:0;color:var(--hlA-tq);stroke-width:2}
#hero .hlA-ic-off{display:none}
#hero.is-sound .hlA-ic-on{display:none}
#hero.is-sound .hlA-ic-off{display:block}
#hero.is-sound .hlA-sound{left:calc(var(--s) * 1.1);transform:none}
#hero .hlA-pause{right:calc(var(--s) * 1.1);width:max(36px,calc(var(--s) * 2.65));padding:0}
#hero .hlA-pause svg{width:44%;height:44%;fill:#fff}
#hero .hlA-ic-pause{display:none}
#hero.is-playing .hlA-ic-pause{display:block}
#hero.is-playing .hlA-ic-play{display:none}
#hero .hlA-bigplay{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:calc(var(--s) * 5);height:calc(var(--s) * 5);min-width:60px;min-height:60px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--blue);box-shadow:0 18px 40px -12px rgba(0,0,0,.55),0 0 0 10px rgba(255,255,255,.14);transform:translate(-50%,-50%);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
#hero .hlA-bigplay svg{width:40%;height:40%;margin-left:8%;fill:currentColor}
#hero.is-idle .hlA-bigplay{opacity:1;pointer-events:auto}
#hero.is-idle .hlA-bigplay:hover{transform:translate(-50%,-50%) scale(1.05)}
#hero .hlA-prog{position:absolute;left:0;right:0;bottom:0;z-index:2;height:3px;background:rgba(255,255,255,.16);opacity:0;transition:opacity .3s}
#hero .hlA-prog i{display:block;width:100%;height:100%;background:var(--hlA-tq);transform:scaleX(0);transform-origin:0 50%}
#hero.is-sound .hlA-prog{opacity:1}
#hero .hlA-logos{flex:none;position:relative;padding:0 0 calc(var(--s) * 2.3)}
#hero .hlA-logos-h{display:flex;align-items:center;justify-content:center;gap:calc(var(--s) * 1.1);width:calc(100% - 2 * var(--hlA-mx));max-width:2000px;margin:0 auto calc(var(--s) * 1.05);padding:0;font:600 max(11px,calc(var(--s) * .76))/1.3 var(--font);letter-spacing:.09em;text-transform:uppercase;color:rgba(233,231,246,.62);text-align:center}
#hero .hlA-logos-h::before,#hero .hlA-logos-h::after{content:"";flex:0 1 calc(var(--s) * 12);height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2))}
#hero .hlA-logos-h::after{background:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,.2))}
#hero .hlA-marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
#hero .hlA-track{display:flex;width:max-content;animation:hlA-marq 52s linear infinite;will-change:transform}
#hero .hlA-marq:hover .hlA-track{animation-play-state:paused}
#hero .hlA-set{display:flex;align-items:center;flex:none;margin:0;padding:0;list-style:none}
#hero .hlA-set li{display:flex;align-items:center;flex:none;height:calc(var(--s) * 3);margin:0 calc(var(--s) * 5.4) 0 0}
#hero .hlA-set img{display:block;width:auto;max-width:none;height:calc(var(--h) * var(--s) / 15 * var(--hk,1));opacity:.62;transition:opacity .35s cubic-bezier(.2,.75,.25,1),transform .35s cubic-bezier(.2,.75,.25,1)}
#hero .hlA-set img:hover{opacity:1;transform:translateY(-2px)}
@keyframes hlA-marq{to{transform:translate3d(-50%,0,0)}}
#hero.hlA-anim .hlA-rv{opacity:0;transform:translate3d(0,24px,0);transition:opacity .75s cubic-bezier(.2,.75,.25,1) calc(var(--d,0) * 90ms + 60ms),transform .9s cubic-bezier(.2,.75,.25,1) calc(var(--d,0) * 90ms + 60ms)}
#hero.hlA-anim .hlA-panel.hlA-rv{transform:translate3d(0,28px,0) scale(.985)}
#hero.hlA-anim .hlA-logos.hlA-rv{transform:none}
#hero.hlA-anim.is-in .hlA-rv{opacity:1;transform:none}
@media (max-width:1199.98px){
#hero{--s:15px}
#hero .hlA-main{display:block;padding:clamp(28px,5vw,52px) 0 0}
#hero .hlA-body{width:calc(100% - 2 * var(--gutter));max-width:760px;grid-template-columns:minmax(0,1fr);row-gap:clamp(28px,5vw,44px)}
#hero .hlA-panel{justify-self:stretch;max-width:none}
#hero .hlA-h1{font-size:min(54px,calc((100vw - 2 * var(--gutter)) / 10.5))}
#hero .hlA-logos{padding:clamp(36px,6vw,56px) 0 clamp(28px,5vw,44px)}
#hero .hlA-logos-h{width:calc(100% - 2 * var(--gutter))}
}
@media (max-width:599.98px){
#hero{--s:14.5px}
#hero .hlA-lead{max-width:none;font-size:17px}
#hero .hlA-cta{flex-direction:column;align-items:stretch;gap:10px;margin-top:24px}
#hero .hlA-btn{width:100%;min-height:52px;padding-top:8px;padding-bottom:8px;font-size:15.5px;white-space:normal;text-align:center}
#hero .hlA-btn--ghost{padding-left:14px}
#hero .hlA-chips{gap:8px 18px;margin-top:18px}
#hero .hlA-chips li{font-size:13px}
#hero .hlA-logos-h{font-size:11px;letter-spacing:.07em}
#hero .hlA-logos-h::before,#hero .hlA-logos-h::after{flex-basis:28px}
#hero .hlA-set li{margin-right:48px}
#hero .hlA-main{padding-top:24px}
#hero .hlA-body{row-gap:26px}
#hero .hlA-logos{padding:30px 0 26px}
#hero .hlA-sound,#hero .hlA-pause{bottom:10px;height:34px}
#hero .hlA-sound{padding:0 14px 0 12px;font-size:13px}
#hero .hlA-pause{right:10px;width:34px}
#hero.is-sound .hlA-sound{left:10px}
}
@media (prefers-reduced-motion:reduce){
#hero .hlA-bg i{animation:none}
#hero .hlA-marq{-webkit-mask-image:none;mask-image:none}
#hero .hlA-track{width:auto;animation:none;justify-content:center}
#hero .hlA-set[aria-hidden="true"]{display:none}
#hero .hlA-set{--hk:.85;flex:0 1 auto;flex-wrap:wrap;justify-content:center;width:calc(100% - 2 * var(--hlA-mx));max-width:2000px;margin:0 auto}
#hero .hlA-set{row-gap:calc(var(--s) * .6)}
#hero .hlA-set li{margin:0 calc(var(--s) * 1.2)}
#hero .hlA-sound,#hero .hlA-pause,#hero .hlA-bigplay,#hero .hlA-btn{transition:none}
#hero .hlA-panel.is-ping{animation:none}
}
@media (prefers-reduced-motion:reduce) and (max-width:599.98px){
#hero .hlA-set{--hk:.66;row-gap:6px}
#hero .hlA-set li{margin:0 10px}
}
#ueberblick{position:relative;padding:clamp(22px,2.6vw,30px) 0;background:#fff;box-shadow:inset 0 -1px 0 var(--line)}
#ueberblick .ov__list{display:grid;grid-template-columns:repeat(4,minmax(0,auto));justify-content:space-between;gap:16px 28px}
#ueberblick .ov__item{position:relative;display:flex;align-items:center;gap:12px;min-width:0}
#ueberblick .ov__item + .ov__item::before{content:"";position:absolute;left:-14px;top:4px;bottom:4px;width:1px;background:var(--line)}
#ueberblick .ov__t{display:flex;flex-direction:column;gap:2px;min-width:0}
#ueberblick .ov__t b{font:650 15px/1.3 var(--font);letter-spacing:-.012em;color:var(--ink)}
#ueberblick .ov__t span{font-size:13.5px;line-height:1.35;color:var(--mut)}
@media (max-width:1239.98px){
#ueberblick .ov__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px;max-width:720px;margin:0 auto}
#ueberblick .ov__item:nth-child(odd)::before{display:none}
#ueberblick .ov__item:nth-child(even)::before{left:-16px}
}
@media (max-width:599.98px){
#ueberblick{padding:20px 0}
#ueberblick .ov__list{gap:16px 20px}
#ueberblick .ov__item{flex-direction:column;align-items:flex-start;gap:8px}
#ueberblick .ov__item:nth-child(even)::before{left:-10px}
#ueberblick .ov__t b{font-size:14.5px}
#ueberblick .ov__t span{font-size:13px}
}
#vorteile{--v4-pad:30px;--v4-in:12px}
#vorteile .sec-head{max-width:940px}
#vorteile .sec-head .lead{max-width:680px}
#vorteile .v4-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;margin-top:clamp(44px,5vw,64px)}
#vorteile .v4-card{grid-column:span 2}
#vorteile .v4-card--lg{grid-column:span 3}
#vorteile .v4-blue{--w:var(--c-blue);--ws:var(--c-blue-soft)}
#vorteile .v4-indigo{--w:var(--c-indigo);--ws:var(--c-indigo-soft)}
#vorteile .v4-mint{--w:var(--c-mint);--ws:var(--c-mint-soft)}
#vorteile .v4-sand{--w:var(--c-sand);--ws:var(--c-sand-soft)}
#vorteile .v4-teal{--w:var(--c-teal);--ws:var(--c-teal-soft)}
#vorteile .v4-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:var(--v4-pad) var(--v4-pad) var(--v4-in);border-radius:var(--r-xl);background:var(--stage);box-shadow:inset 0 0 0 1px var(--stage-line)}
#vorteile .v4-pill{align-self:flex-start;justify-self:start;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px 0 11px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--ws),var(--sh-xs);font:600 13px/1 var(--font);letter-spacing:.005em;color:var(--w);white-space:nowrap}
#vorteile .v4-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#vorteile .v4-h3{margin-top:18px;font-size:clamp(24px,2.05vw,27px);line-height:1.15;letter-spacing:-.03em;text-wrap:balance}
#vorteile .v4-txt{margin-top:10px;max-width:46ch;font-size:15.5px;line-height:1.55;color:var(--mut);text-wrap:pretty}
#vorteile .v4-more{margin-top:14px}
#vorteile .v4-more .link-arrow{color:var(--w);font-size:15px}
@supports (grid-template-rows:subgrid){
#vorteile .v4-card{grid-row:span 3;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:0}
#vorteile .v4-pill{grid-row:1}
#vorteile .v4-copy{grid-row:2}
#vorteile .v4-fig{grid-row:3}
}
#vorteile .v4-fig.film{flex:none;display:block;align-self:end;margin:24px calc(var(--v4-in) - var(--v4-pad)) 0;border-radius:var(--r-lg)}
@media (min-width:1180px){ #vorteile .v4-card:not(.v4-card--lg) .v4-h3{font-size:24px} }
@media (min-width:720px) and (max-width:899.98px){ #vorteile .v4-h3{font-size:23px} }
@media (min-width:900px) and (max-width:1179.98px){ #vorteile .v4-br{display:block} }
@media (max-width:1179.98px){
#vorteile .v4-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#vorteile .v4-card,#vorteile .v4-card--lg{grid-column:auto}
#vorteile .v4-card:first-child{grid-column:1 / -1}
}
@media (min-width:900px) and (max-width:1179.98px){
#vorteile .v4-card:first-child{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto 1fr;column-gap:28px;align-items:start;padding-bottom:var(--v4-pad)}
#vorteile .v4-card:first-child > :not(.v4-fig){grid-column:1}
#vorteile .v4-card:first-child > .v4-fig{grid-column:2;grid-row:1 / -1;align-self:center;margin:calc(var(--v4-in) - var(--v4-pad)) calc(var(--v4-in) - var(--v4-pad)) calc(var(--v4-in) - var(--v4-pad)) 0}
}
@media (min-width:720px) and (max-width:899.98px){
#vorteile .v4-card:nth-child(2),#vorteile .v4-card:nth-child(5){grid-column:1 / -1}
}
@media (max-width:719.98px){
#vorteile{--v4-pad:20px}
#vorteile .v4-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:30px}
#vorteile .v4-card{padding-top:18px}
#vorteile .v4-card:first-child{grid-column:auto}
#vorteile .v4-pill{height:28px;font-size:12.5px}
#vorteile .v4-h3{margin-top:12px;font-size:22px}
#vorteile .v4-txt{margin-top:8px;font-size:15px;line-height:1.5}
#vorteile .v4-more{margin-top:8px}
#vorteile .v4-fig.film{margin-top:18px}
}
#vorteile .film{--v4-ds:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
#vorteile .film-glass{gap:1.6cqw;padding:2.4cqw;border-radius:2.6cqw}
#vorteile .film-row{height:6.4cqw;gap:1.4cqw;padding:0 1.6cqw;border-radius:1.6cqw}
#vorteile .film-av{width:3.2cqw;height:3.2cqw;box-shadow:inset 0 0 0 .8cqw #fff,0 0 0 .15cqw var(--c-blue-soft)}
#vorteile .film-bar{height:1.2cqw;border-radius:.6cqw}
#vorteile .film-row .film-ok{width:4cqw;height:4cqw;margin-left:auto}
#vorteile .film-row .film-ok svg{width:2.4cqw;height:2.4cqw}
#vorteile .v4-hd{display:flex;align-items:center;justify-content:space-between;height:3cqw;padding:0 .6cqw}
#vorteile .v4-hd i{display:block;width:36%;height:1.1cqw;border-radius:.6cqw;background:var(--navy-700);opacity:.6}
#vorteile .v4-hd b{display:block;width:7cqw;height:2.6cqw;border-radius:1.4cqw;background:var(--blue)}
#vorteile .v4-badge{position:absolute;left:var(--x,50%);top:var(--y,50%);z-index:2;display:grid;place-items:center;width:6.4cqw;height:6.4cqw;border-radius:50%;transform:translate(-50%,-50%);
color:#fff;background:var(--c-mint);box-shadow:0 0 0 .55cqw #fff,0 1.2cqw 2.4cqw -.6cqw rgba(15,122,87,.5)}
#vorteile .v4-badge svg{width:3.6cqw;height:3.6cqw;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#vorteile .v1-halo,#vorteile .v2-halo{position:absolute;transform:translate(-50%,-50%);border-radius:50%;opacity:0;pointer-events:none;
background:radial-gradient(closest-side,rgba(47,111,224,.32),rgba(47,111,224,.12) 55%,rgba(47,111,224,0))}
.v4f1{--T:8.6s}
.v4f1 .v1-boxes{opacity:.6}
.v4f1 .v1-cube{opacity:0}
.v4f1 .v1-front{filter:none}
.v4f1 .v1-well{position:absolute;left:50%;top:20cqw;width:44%;height:24.1cqw;overflow:hidden}
.v4f1 .v1-fill{position:absolute;left:20.5cqw;top:14.7cqw;width:28cqw;height:auto;max-width:none;transform:translate(-50%,-50%)}
.v4f1 .v1-halo{left:71%;top:56%;width:54%;aspect-ratio:2/1}
.v4f1 .v1-ok{z-index:3}
.js .film.is-in .v1-boxes{animation:v1-boxes var(--T) ease-in-out infinite}
@keyframes v1-boxes{0%,12%{opacity:.6}22%,26%{opacity:1}62%,100%{opacity:.6}}
.js .film.is-in .v1-cube{animation:v1-cube var(--T) linear infinite}
.js .film.is-in .v1-c2{animation-delay:calc(var(--T) * .065)}
.js .film.is-in .v1-c3{animation-delay:calc(var(--T) * .13)}
.js .film.is-in .v1-c4{animation-delay:calc(var(--T) * .195)}
@keyframes v1-cube{
0%,22%{opacity:0;transform:translate(-50%,-50%) scale(.5);filter:var(--v4-ds)}
25%{opacity:1;transform:translate(-50%,-50%) translate(5cqw,-5cqw) scale(.85);filter:var(--v4-ds) blur(.5px)}
28%{transform:translate(-50%,-50%) translate(12cqw,-8.5cqw) scale(1)}
31%{transform:translate(-50%,-50%) translate(19.5cqw,-10cqw) scale(1)}
34%{transform:translate(-50%,-50%) translate(27cqw,-9cqw) scale(1)}
37%{opacity:1;transform:translate(-50%,-50%) translate(34cqw,-5cqw) scale(.95)}
40%{opacity:1;transform:translate(-50%,-50%) translate(40cqw,3cqw) scale(.85);filter:var(--v4-ds) blur(.5px)}
43%,100%{opacity:0;transform:translate(-50%,-50%) translate(44cqw,13.5cqw) scale(.7);filter:var(--v4-ds)}
}
.js .film.is-in .v1-fill{animation:v1-fill var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes v1-fill{
0%,12%{opacity:1;transform:translate(-50%,-50%)}
20%,42%{opacity:0;transform:translate(-50%,-50%) translateY(18.5cqw)}
46%,49%{opacity:1;transform:translate(-50%,-50%) translateY(12.5cqw)}
53%,55.5%{transform:translate(-50%,-50%) translateY(8cqw)}
59.5%,62%{transform:translate(-50%,-50%) translateY(3.8cqw)}
66%,100%{opacity:1;transform:translate(-50%,-50%)}
}
.js .film.is-in .v1-halo{animation:v1-halo var(--T) ease-in-out infinite}
@keyframes v1-halo{0%,63%{opacity:0}68%{opacity:1}78%,100%{opacity:0}}
.js .film.is-in .v1-ok{animation:v1-ok var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes v1-ok{0%,12%{opacity:1;transform:translate(-50%,-50%)}16%,64%{opacity:0;transform:translate(-50%,-50%) scale(.3)}70%,100%{opacity:1;transform:translate(-50%,-50%)}}
.v4f2{--T:9s}
.v4f2 .v2-tg{position:relative;flex:none;width:6.4cqw;height:3.6cqw;margin-left:auto;border-radius:1.8cqw;overflow:hidden;background:var(--line-2);box-shadow:inset 0 .15cqw .35cqw rgba(23,26,51,.14)}
.v4f2 .v2-tg i{position:absolute;left:0;top:0;width:9.2cqw;height:100%;background:none}
.v4f2 .v2-tg::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--blue)}
.v4f2 .v2-tg i::after{content:"";position:absolute;left:50%;top:50%;width:2.8cqw;height:2.8cqw;margin:-1.4cqw 0 0 -1.4cqw;border-radius:50%;background:#fff;box-shadow:0 .2cqw .5cqw rgba(23,26,51,.28)}
.v4f2 .v2-halo{left:72.5%;top:50%;width:46%;aspect-ratio:1.15}
.js .film.is-in .v2-s1{animation:v2-s1 var(--T) cubic-bezier(.65,0,.35,1) infinite}
.js .film.is-in .v2-s2{animation:v2-s2 var(--T) cubic-bezier(.65,0,.35,1) infinite}
.js .film.is-in .v2-s3{animation:v2-s3 var(--T) cubic-bezier(.65,0,.35,1) infinite}
@keyframes v2-s1{0%,12%{transform:none}18%,25%{transform:translateX(-2.8cqw)}30%,100%{transform:none}}
@keyframes v2-s2{0%,12%{transform:none}18%,32%{transform:translateX(-2.8cqw)}37%,100%{transform:none}}
@keyframes v2-s3{0%,12%{transform:none}18%,39%{transform:translateX(-2.8cqw)}44%,100%{transform:none}}
.js .film.is-in .v2-m1{animation:v2-m1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .v2-m2{animation:v2-m2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .v2-m3{animation:v2-m3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes v2-m1{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--v4-ds)}
20%,45%{opacity:0;transform:translate(-50%,-50%) translateX(26cqw);filter:var(--v4-ds) blur(3px)}
49%{opacity:1;filter:var(--v4-ds) blur(1px)}
52%{transform:translate(-50%,-50%) translateX(-.7cqw);filter:var(--v4-ds)}
54%{transform:translate(-50%,-50%) scale(.96)}
57%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--v4-ds)}
}
@keyframes v2-m2{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--v4-ds)}
20%,53%{opacity:0;transform:translate(-50%,-50%) translateX(26cqw);filter:var(--v4-ds) blur(3px)}
57%{opacity:1;filter:var(--v4-ds) blur(1px)}
60%{transform:translate(-50%,-50%) translateX(-.7cqw);filter:var(--v4-ds)}
62%{transform:translate(-50%,-50%) scale(.96)}
65%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--v4-ds)}
}
@keyframes v2-m3{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--v4-ds)}
20%,61%{opacity:0;transform:translate(-50%,-50%) translateX(26cqw);filter:var(--v4-ds) blur(3px)}
65%{opacity:1;filter:var(--v4-ds) blur(1px)}
68%{transform:translate(-50%,-50%) translateX(-.7cqw);filter:var(--v4-ds)}
70%{transform:translate(-50%,-50%) scale(.96)}
73%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--v4-ds)}
}
.js .film.is-in .v2-halo{animation:v2-halo var(--T) ease-in-out infinite}
@keyframes v2-halo{0%,69%{opacity:0}74%{opacity:1}80%,100%{opacity:0}}
.v4f3{--T:9.4s}
.v4f3 .v3-ring{position:absolute;left:31%;top:47%;width:33%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);opacity:0;
box-shadow:0 0 0 .45cqw rgba(47,111,224,.6),0 0 2.6cqw .6cqw rgba(47,111,224,.3),inset 0 0 2.4cqw rgba(47,111,224,.2)}
.v4f3 .v3-call{width:6.6cqw;height:6.6cqw;box-shadow:0 0 0 .55cqw #fff,0 0 0 1.6cqw rgba(15,122,87,.14),0 1.2cqw 2.4cqw -.6cqw rgba(15,122,87,.5)}
.v4f3 .v3-call svg{width:3.4cqw;height:3.4cqw;fill:currentColor;stroke:none}
.v4f3 .v3-glow{position:absolute;left:30.5%;top:35.3%;width:8.5%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);opacity:0;
background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(143,179,242,.5) 55%,rgba(47,111,224,0))}
.js .film.is-in .v3-ring{animation:v3-ring var(--T) cubic-bezier(.2,.6,.35,1) infinite}
.js .film.is-in .v3-ring2{animation-delay:calc(var(--T) * .055)}
@keyframes v3-ring{
0%,22%{opacity:0;transform:translate(-50%,-50%) scale(.55)}
24%{opacity:.9}
33.9%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}
34%{opacity:0;transform:translate(-50%,-50%) scale(.55)}
36%{opacity:.9}
46%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}
}
.js .film.is-in .v3-glow{animation:v3-glow var(--T) ease-in-out infinite}
@keyframes v3-glow{0%,22%{opacity:0}26%{opacity:1}31%{opacity:.25}36%{opacity:1}41%{opacity:.25}45%{opacity:1}52%,100%{opacity:0}}
.js .film.is-in .v3-call{animation:v3-call var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes v3-call{0%,12%{opacity:1;transform:translate(-50%,-50%)}18%,50%{opacity:0;transform:translate(-50%,-50%) scale(.3)}55%,100%{opacity:1;transform:translate(-50%,-50%)}}
.js .film.is-in .v3-bubble{animation:v3-bubble var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes v3-bubble{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--v4-ds)}
20%,55%{opacity:0;transform:translate(-50%,-50%) translate(-13cqw,9cqw) scale(.45);filter:var(--v4-ds) blur(3px)}
63%{filter:var(--v4-ds)}
66%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--v4-ds)}
}
.js .film.is-in .v3-ok{animation:v3-ok var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes v3-ok{0%,12%{opacity:1;transform:translate(-50%,-50%)}16%,67%{opacity:0;transform:translate(-50%,-50%) scale(.3)}72%,100%{opacity:1;transform:translate(-50%,-50%)}}
.v4f4{--T:9.8s}
.v4f4 .v4-ripple{position:absolute;left:var(--x);top:var(--y);width:15%;aspect-ratio:1.7;border-radius:50%;transform:translate(-50%,-50%);opacity:0;
box-shadow:0 0 0 .3cqw rgba(47,111,224,.45),0 0 2cqw .4cqw rgba(47,111,224,.25)}
.v4f4 .v4-chart{position:relative;height:14cqw;margin-top:.4cqw;border-radius:1.6cqw;background:
linear-gradient(rgba(23,26,51,.07),rgba(23,26,51,.07)) 0 18%/100% .2cqw no-repeat,
linear-gradient(rgba(23,26,51,.07),rgba(23,26,51,.07)) 0 82%/100% .2cqw no-repeat,
linear-gradient(180deg,#fff,rgba(255,255,255,.7))}
.v4f4 .v4-line{position:absolute;left:2cqw;right:4cqw;top:50%;height:.7cqw;margin-top:-.35cqw;border-radius:.4cqw;transform-origin:0 50%;
background:linear-gradient(90deg,var(--blue-300),var(--blue));box-shadow:0 .5cqw 1.2cqw -.3cqw rgba(7,78,185,.35)}
.v4f4 .v4-dot{position:absolute;right:2.6cqw;top:50%;width:2.8cqw;height:2.8cqw;margin-top:-1.4cqw;border-radius:50%;background:var(--blue);
box-shadow:0 0 0 .5cqw #fff,0 0 0 .8cqw rgba(7,78,185,.18),0 0 2.4cqw .4cqw rgba(47,111,224,.35)}
.js .film.is-in .v4-doc{animation:v4-doc var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes v4-doc{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--v4-ds)}
18%,22%{opacity:0;transform:translate(-50%,-50%) translate(-10cqw,3cqw);filter:var(--v4-ds) blur(4px)}
28%{opacity:1;filter:var(--v4-ds) blur(1px)}
33%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--v4-ds)}
}
.js .film.is-in .v4-seal{animation:v4-seal var(--T) ease-out infinite}
@keyframes v4-seal{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--v4-ds)}
18%,34%{opacity:0;transform:translate(-50%,-50%) translateY(-9cqw) scale(1.4);filter:drop-shadow(0 6cqw 3cqw rgba(23,26,51,.1)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,0)) blur(2px);animation-timing-function:cubic-bezier(.3,0,.7,1)}
39%{opacity:1;transform:translate(-50%,-50%) translateY(-3cqw) scale(1.14);filter:drop-shadow(0 3cqw 2.6cqw rgba(23,26,51,.12)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.03)) blur(.5px);animation-timing-function:cubic-bezier(.55,0,1,1)}
42.5%{transform:translate(-50%,-50%) scale(.93);filter:var(--v4-ds) blur(0px);animation-timing-function:cubic-bezier(.2,.8,.4,1)}
45.5%{transform:translate(-50%,-50%) scale(1.03)}
48%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--v4-ds) blur(0px)}
}
.js .film.is-in .v4-ripple{animation:v4-ripple var(--T) cubic-bezier(.2,.6,.35,1) infinite}
@keyframes v4-ripple{0%,42.5%{opacity:0;transform:translate(-50%,-50%) scale(.6)}44%{opacity:.9}55%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}
.js .film.is-in .v4-card4{animation:v4-card4 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes v4-card4{0%,12%{opacity:1;transform:translate(-50%,-50%)}20%,49%{opacity:0;transform:translate(-50%,-50%) translateY(3cqw)}56%,100%{opacity:1;transform:translate(-50%,-50%)}}
.js .film.is-in .v4-line{animation:v4-line var(--T) cubic-bezier(.45,0,.2,1) infinite}
@keyframes v4-line{0%,12%{opacity:1;transform:none}18%{opacity:0;transform:none}19%,56%{opacity:0;transform:scaleX(0)}57%{opacity:1}74%,100%{opacity:1;transform:none}}
.js .film.is-in .v4-dot{animation:v4-dot var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes v4-dot{0%,12%{opacity:1;transform:none}16%,73%{opacity:0;transform:scale(.3)}78%,100%{opacity:1;transform:none}}
.v4f5{--T:10.2s}
.v4f5 .v5-pile{opacity:.62;transform:translate(-50%,-50%) scale(.86)}
.v4f5 .v5-arrow{position:absolute;left:var(--x);top:var(--y);width:10cqw;height:.6cqw;margin:-.3cqw 0 0 -5cqw;border-radius:.3cqw;
background:linear-gradient(90deg,rgba(143,179,242,0),var(--blue-300) 45%,var(--blue-500))}
.v4f5 .v5-arrow::after{content:"";position:absolute;right:.15cqw;top:50%;width:1.9cqw;height:1.9cqw;border-top:.6cqw solid var(--blue-500);border-right:.6cqw solid var(--blue-500);border-radius:.2cqw;transform:translateY(-50%) rotate(45deg)}
.v4f5 .v5-spark{width:2.2cqw;height:2.2cqw;margin:-1.1cqw 0 0 -1.1cqw}
.js .film.is-in .v5-pile{animation:v5-pile var(--T) ease-in-out infinite}
@keyframes v5-pile{
0%,12%{opacity:.62;transform:translate(-50%,-50%) scale(.86)}
22%,36%{opacity:1;transform:translate(-50%,-50%)}
48%{opacity:.86;transform:translate(-50%,-50%) scale(.95)}
57%{opacity:.74;transform:translate(-50%,-50%) scale(.9)}
66%,100%{opacity:.62;transform:translate(-50%,-50%) scale(.86)}
}
.js .film.is-in .v5-arrow{animation:v5-arrow var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes v5-arrow{0%,12%{opacity:1;transform:none}20%,26%{opacity:0;transform:translateX(-2cqw)}33%,100%{opacity:1;transform:none}}
.js .film.is-in .v5-spark{animation:v5-spark var(--T) cubic-bezier(.5,0,.25,1) infinite}
@keyframes v5-spark{0%,31%{opacity:0;transform:none}33%{opacity:1}41%{opacity:1;transform:translateX(9cqw)}44%,100%{opacity:0;transform:translateX(9cqw)}}
.js .film.is-in .v5-r1{animation:v5-r1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .v5-r2{animation:v5-r2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .v5-r3{animation:v5-r3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes v5-r1{0%,12%{opacity:1;transform:none;filter:none}18%,39%{opacity:0;transform:translateX(-3cqw);filter:blur(4px)}46%,100%{opacity:1;transform:none;filter:none}}
@keyframes v5-r2{0%,12%{opacity:1;transform:none;filter:none}18%,47%{opacity:0;transform:translateX(-3cqw);filter:blur(4px)}54%,100%{opacity:1;transform:none;filter:none}}
@keyframes v5-r3{0%,12%{opacity:1;transform:none;filter:none}18%,55%{opacity:0;transform:translateX(-3cqw);filter:blur(4px)}62%,100%{opacity:1;transform:none;filter:none}}
.js .film.is-in .v5-k1{animation:v5-k1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .v5-k2{animation:v5-k2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .v5-k3{animation:v5-k3 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes v5-k1{0%,12%{opacity:1;transform:none}16%,45%{opacity:0;transform:scale(.3)}50%,100%{opacity:1;transform:none}}
@keyframes v5-k2{0%,12%{opacity:1;transform:none}16%,53%{opacity:0;transform:scale(.3)}58%,100%{opacity:1;transform:none}}
@keyframes v5-k3{0%,12%{opacity:1;transform:none}16%,61%{opacity:0;transform:scale(.3)}66%,100%{opacity:1;transform:none}}
.js .film.is-in .v2-tg1::before{animation:v2-c1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .v2-tg2::before{animation:v2-c2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .v2-tg3::before{animation:v2-c3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes v2-c1{0%,12%{opacity:1}18%,25%{opacity:0}30%,100%{opacity:1}}
@keyframes v2-c2{0%,12%{opacity:1}18%,32%{opacity:0}37%,100%{opacity:1}}
@keyframes v2-c3{0%,12%{opacity:1}18%,39%{opacity:0}44%,100%{opacity:1}}
#vorteile .v4f1{--fit-min:.72}
#vorteile .v4f2{--fy:.55;--fit-min:.72}
#vorteile .v4f3{--fy:.7}
#vorteile .v4f4{--fy:.8}
#vorteile .v4f5{--fy:1}
@media (min-width:1180px) and (max-height:980px){
#vorteile .v4-grid{margin-top:clamp(20px,4vh,40px)}
#vorteile .v4-card{padding-top:22px}
#vorteile .v4-h3{margin-top:12px}
#vorteile .v4-txt{margin-top:8px}
#vorteile .v4-more{margin-top:8px}
#vorteile .v4-fig.film{margin-top:16px}
#vorteile .v4-card:not(.v4-card--lg) .v4-fig{aspect-ratio:16/9}
#vorteile .v4-card:not(.v4-card--lg) .v4-fig > .film__cam{inset:auto 0;height:62.5cqw;top:calc((100% - 62.5cqw) * var(--fy,.5))}
}
@media (min-width:1180px) and (max-height:760px){
#vorteile .sec-head{max-width:1100px}
#vorteile .sec-head .lead{max-width:1000px;text-wrap:balance}
}
@media (min-width:1180px) and (max-height:720px){
#vorteile .v4-grid{margin-top:20px}
#vorteile .v4-card{padding-top:18px}
#vorteile .v4-h3{margin-top:10px}
#vorteile .v4-txt{margin-top:6px}
#vorteile .v4-fig.film{margin-top:12px}
#vorteile .v4-card--lg .v4-more{position:absolute;top:18px;right:var(--v4-pad);display:flex;align-items:center;height:30px;margin:0}
}
@media (min-width:1024px){
#vorteile .v4-fig.film--fit{width:calc(100% + 2 * (var(--v4-pad) - var(--v4-in)))}
}
@media (min-width:1180px){
#vorteile .v4-card--lg .v4-fig.is-fit{justify-self:center;width:calc(100% + 2 * (var(--v4-pad) - var(--v4-in)));margin-inline:0}
}
@media (min-width:1024px){
#vorteile .v4f1.film--fit > .film__cam{top:max(calc(100% - 62.5cqw), -4.6cqw)}
#vorteile .v4-card--lg .v4-fig.is-fit{container:v4fit / size}
@container v4fit (min-aspect-ratio:185/100){ #vorteile .v4-card--lg .film__pause{top:1.4cqw;bottom:auto} }
}
@media (min-width:1024px) and (max-width:1179.98px){
#vorteile .v4-card:first-child > .v4-fig.film--fit{width:calc(100% + var(--v4-pad) - var(--v4-in));margin-left:auto}
#vorteile .v4-card:nth-child(2) > .v4-fig.is-fit{aspect-ratio:16/10;height:auto;max-width:none!important}
}
#softwarewechsel .w5-vis{margin-top:clamp(36px,4.4vw,56px)}
.w5f{--T:11s;--dsh:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
.w5f .film__l{transform:translate(-50%,-100%)}
.w5f .w5f-sbm > img{width:100%}
.w5f .w5f-box{--x:11%;--y:78%;--w:15%}
.w5f .w5f-belt{--x:36%;--y:80.1%;--w:42%}
.w5f .w5f-cube{--y:72.2%;--w:8%}
.w5f .w5f-c1{--x:46%;--dx:-35cqw}
.w5f .w5f-c2{--x:35.5%;--dx:-24.5cqw}
.w5f .w5f-c3{--x:25%;--dx:-14cqw}
.w5f .w5f-sbm{--x:66.5%;--y:78%;--w:22%}
.w5f .w5f-glow{--x:66.5%;--y:54%;--w:29%}
.w5f .w5f-f1{--x:81.5%;--y:78%;--w:6%}
.w5f .w5f-f2{--x:87.3%;--y:78%;--w:5.4%}
.w5f .w5f-f3{--x:93.2%;--y:78%;--w:6.2%}
.w5f .w5f-cap{--x:93.4%;--y:57.1%;--w:5.5%}
.w5f .w5f-fl-box{--x:11%;--y:78%;--w:19.5%}
.w5f .w5f-fl-sbm{--x:66.5%;--y:78%;--w:29%}
.w5f .w5f-fl-team{--x:87.3%;--y:78.4%;--w:21%}
.w5f{--sx1:56%;--sy:73.5%;--sdx:-39cqw}
.w5f .w5f-glow{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
background:radial-gradient(closest-side,rgba(47,111,224,.42),rgba(47,111,224,.16) 55%,rgba(47,111,224,0));opacity:.55}
.w5f .w5f-ok{position:absolute;left:77%;top:28%;width:3.2cqw;height:3.2cqw;transform:translate(-50%,-50%);
box-shadow:inset 0 0 0 .12cqw var(--c-mint-soft),0 .5cqw 1.2cqw -.3cqw rgba(15,122,87,.35)}
.w5f .w5f-ok svg{width:1.9cqw;height:1.9cqw}
.w5f .w5f-spark{left:var(--sx1);top:var(--sy)}
@media (max-width:759.98px){
.w5f .w5f-box{--x:12%;--y:60%;--w:19%}
.w5f .w5f-belt{--x:39%;--y:61.3%;--w:40%}
.w5f .w5f-cube{--y:56.6%;--w:8.4%}
.w5f .w5f-c1{--x:51%;--dx:-39cqw}
.w5f .w5f-c2{--x:40.5%;--dx:-28.5cqw}
.w5f .w5f-c3{--x:30%;--dx:-18cqw}
.w5f .w5f-sbm{--x:73%;--y:60%;--w:28%}
.w5f .w5f-glow{--x:73%;--y:40%;--w:36%}
.w5f .w5f-f1{--x:50%;--y:88%;--w:8%}
.w5f .w5f-f2{--x:59.3%;--y:88%;--w:7.3%}
.w5f .w5f-f3{--x:69%;--y:88%;--w:8.4%}
.w5f .w5f-cap{--x:69.3%;--y:69.8%;--w:7.45%}
.w5f .w5f-fl-box{--x:12%;--y:60%;--w:24%}
.w5f .w5f-fl-sbm{--x:73%;--y:60%;--w:36%}
.w5f .w5f-fl-team{--x:59.5%;--y:88.4%;--w:34%}
.w5f{--sx1:58%;--sy:57.2%;--sdx:-38cqw}
.w5f .w5f-ok{width:4.4cqw;height:4.4cqw}
.w5f .w5f-ok svg{width:2.6cqw;height:2.6cqw}
}
.js .w5f.is-in .w5f-spark{animation:w5f-spark var(--T) cubic-bezier(.5,0,.25,1) infinite}
@keyframes w5f-spark{
0%,21%{opacity:0;translate:var(--sdx) 0}
23%{opacity:1}
30%{opacity:1;translate:0 0}
33%,100%{opacity:0;translate:0 0}
}
.js .w5f.is-in .w5f-c1{animation:w5f-c1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .w5f.is-in .w5f-c2{animation:w5f-c2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .w5f.is-in .w5f-c3{animation:w5f-c3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes w5f-c1{
0%,12%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}
19%{opacity:0;transform:translate(-50%,-100%) translateX(2.5cqw);filter:blur(3px) var(--dsh)}
20%,25%{opacity:0;transform:translate(-50%,-100%) translateX(var(--dx));filter:blur(0) var(--dsh)}
26%{opacity:1;transform:translate(-50%,-100%) translateX(var(--dx));filter:blur(0) var(--dsh);animation-timing-function:cubic-bezier(.45,0,.2,1)}
34%{filter:blur(2.5px) var(--dsh)}
44%,100%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}
}
@keyframes w5f-c2{
0%,12%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}
19%{opacity:0;transform:translate(-50%,-100%) translateX(2.5cqw);filter:blur(3px) var(--dsh)}
20%,30%{opacity:0;transform:translate(-50%,-100%) translateX(var(--dx));filter:blur(0) var(--dsh)}
31%{opacity:1;transform:translate(-50%,-100%) translateX(var(--dx));filter:blur(0) var(--dsh);animation-timing-function:cubic-bezier(.45,0,.2,1)}
38%{filter:blur(2.5px) var(--dsh)}
47%,100%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}
}
@keyframes w5f-c3{
0%,12%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}
19%{opacity:0;transform:translate(-50%,-100%) translateX(2.5cqw);filter:blur(3px) var(--dsh)}
20%,35%{opacity:0;transform:translate(-50%,-100%) translateX(var(--dx));filter:blur(0) var(--dsh)}
36%{opacity:1;transform:translate(-50%,-100%) translateX(var(--dx));filter:blur(0) var(--dsh);animation-timing-function:cubic-bezier(.45,0,.2,1)}
42%{filter:blur(2.5px) var(--dsh)}
50%,100%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}
}
.js .w5f.is-in .w5f-glow{animation:w5f-glow var(--T) ease-in-out infinite}
@keyframes w5f-glow{
0%,12%{opacity:.55;transform:translate(-50%,-50%)}
20%,28%{opacity:0;transform:translate(-50%,-50%) scale(.9)}
32%{opacity:.5;transform:translate(-50%,-50%) scale(.96)}
38%{opacity:.15;transform:translate(-50%,-50%) scale(.94)}
45%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}
50%{opacity:.8;transform:translate(-50%,-50%) scale(1.02)}
58%,100%{opacity:.55;transform:translate(-50%,-50%)}
}
.js .w5f.is-in .w5f-ok{animation:w5f-ok var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes w5f-ok{
0%,12%{opacity:1;transform:translate(-50%,-50%)}
17%,50%{opacity:0;transform:translate(-50%,-50%) scale(.3)}
56%,100%{opacity:1;transform:translate(-50%,-50%)}
}
.js .w5f.is-in .w5f-f1{animation:w5f-f1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .w5f.is-in .w5f-f2{animation:w5f-f2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .w5f.is-in .w5f-f3{animation:w5f-f3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes w5f-f1{0%,12%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}19%,55%{opacity:0;transform:translate(-50%,-100%) translateY(1.6cqw);filter:blur(3px) var(--dsh)}62%,100%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}}
@keyframes w5f-f2{0%,12%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}19%,58%{opacity:0;transform:translate(-50%,-100%) translateY(1.6cqw);filter:blur(3px) var(--dsh)}65%,100%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}}
@keyframes w5f-f3{0%,12%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}19%,61%{opacity:0;transform:translate(-50%,-100%) translateY(1.6cqw);filter:blur(3px) var(--dsh)}68%,100%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}}
.js .w5f.is-in .w5f-cap{animation:w5f-cap var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes w5f-cap{
0%,12%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}
18%,70%{opacity:0;transform:translate(-50%,-100%) translateY(-4cqw);filter:blur(2px) var(--dsh)}
76%{opacity:1;transform:translate(-50%,-100%) translateY(.25cqw);filter:blur(0) var(--dsh)}
79%,100%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}
}
#softwarewechsel .w5-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px}
#softwarewechsel .w5-benefits li{display:flex;justify-content:center;align-items:flex-start;gap:10px;padding:2px 24px;font-size:15.5px;line-height:1.45;font-weight:500;color:var(--ink-2)}
#softwarewechsel .w5-benefits li > span{width:max-content;max-width:100%}
#softwarewechsel .w5-benefits li + li{box-shadow:inset 1px 0 0 var(--line-2)}
#softwarewechsel .w5-benefits .ic{width:18px;height:18px;margin-top:2px;color:var(--ok)}
#softwarewechsel .w5-new{height:20px;margin-left:4px;padding:0 7px;vertical-align:2px;font-size:11px;letter-spacing:.02em}
#softwarewechsel .w5-note{max-width:600px;margin:22px auto 0;text-align:center;font-size:14.5px;line-height:1.55;color:var(--mut);text-wrap:balance}
#softwarewechsel .w5-cta{margin-top:14px;text-align:center;line-height:1.45;text-wrap:balance}
#softwarewechsel .w5-cta .link-arrow{display:inline;padding-block:13px}
#softwarewechsel .w5-cta .link-arrow .ic{display:inline-block;margin-left:6px;vertical-align:-3px}
@media (max-width:1179.98px) and (min-width:900px){
#softwarewechsel .w5-benefits li{padding:2px 10px;font-size:15px}
}
@media (max-width:1023.98px) and (min-width:900px){
#softwarewechsel .w5-benefits li{font-size:14.5px}
}
@media (max-width:899.98px){
#softwarewechsel .w5-benefits{display:flex;flex-direction:column;align-items:flex-start;width:max-content;max-width:100%;margin:32px auto 0;gap:12px}
#softwarewechsel .w5-benefits li{justify-content:flex-start;padding:0}
#softwarewechsel .w5-benefits li + li{box-shadow:none}
}
@media (max-width:599.98px){
#softwarewechsel .w5-benefits{margin-top:28px;gap:10px}
#softwarewechsel .w5-benefits li{font-size:15px}
#softwarewechsel .w5-note{margin-top:20px;font-size:14px}
}
@media (min-width:1024px){
#softwarewechsel .w5f{--fy:.6;--fit-min:.58}
}
@media (min-width:1024px) and (max-height:980px){
#softwarewechsel .sec-head{max-width:1000px}
#softwarewechsel .sec-head .h2{max-width:760px;margin-inline:auto}
#softwarewechsel .sec-head .lead{max-width:none;text-wrap:balance}
#softwarewechsel .w5-vis{margin-top:clamp(18px,2.6vh,28px)}
#softwarewechsel .w5-benefits{margin-top:clamp(16px,2.4vh,26px)}
#softwarewechsel .w5f.is-fit .film__pause{top:1.4cqw;bottom:auto}
}
#anpassung .a6{display:grid;grid-template-columns:minmax(0,37fr) minmax(0,63fr);gap:clamp(40px,4.4vw,60px);align-items:center}
#anpassung .a6__ticks{margin-top:30px}
#anpassung .a6__cta{margin-top:30px}
@media (max-width:1179.98px){
#anpassung .a6{grid-template-columns:minmax(0,1fr);gap:48px}
#anpassung .a6__copy{max-width:680px}
}
@media (min-width:1024px) and (max-width:1179.98px) and (max-height:980px){
#anpassung .a6{grid-template-columns:minmax(0,37fr) minmax(0,63fr);gap:clamp(40px,4.4vw,60px)}
#anpassung .a6__copy{max-width:none}
#anpassung .a6__ticks,#anpassung .a6__cta{margin-top:24px}
}
#anpassung .a6-scene{display:flex;flex-direction:column}
#anpassung .a6-scene > .scene-pad{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}
@media (min-width:1180px){#anpassung .a6-scene{min-height:540px}}
#anpassung .a6-tri{--tri-gap:clamp(16px,2.6cqw,32px)}
#anpassung .a6-presets{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:clamp(18px,3cqw,28px)}
#anpassung .a6-try{display:inline-flex;align-items:center;gap:6px;font:500 13px/18px var(--font-ui);color:var(--mut)}
#anpassung .a6-try .ic{color:var(--blue)}
#anpassung .a6-seg{background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px var(--stage-line)}
#anpassung .a6-seg .ui-seg__b{justify-content:center}
@media (hover:hover){#anpassung .a6-seg .ui-seg__b:not([aria-pressed="true"]):hover{color:var(--ink)}}
#anpassung .a6-seg .ui-seg__b:focus-visible{outline-offset:1px;border-radius:var(--r-sm)}
@media (pointer:coarse){#anpassung .a6-seg .ui-seg__b{height:44px}}
#anpassung .a6-tri > .tri__col + .a6-col--r::after{right:auto;left:calc(1px - var(--tri-gap));transform:translateY(-50%) rotate(-135deg)}
#anpassung .a6-tri > .a6-col--c::before{transform-origin:100% 50%}
#anpassung .a6-tri > .tri__col + .a6-col--r::before{transform-origin:0 50%}
#anpassung .a6-tile{display:flex;align-items:center;gap:8px;width:100%;height:48px;padding:0 12px;text-align:left;cursor:pointer}
#anpassung .a6-tile__txt{display:flex;flex-direction:column;justify-content:center;gap:1px;flex:1 1 auto;min-width:0}
#anpassung .a6-tile__n{font:500 12.5px/16px var(--font-ui);color:var(--ink);white-space:nowrap;transition:color .25s var(--ease)}
#anpassung .a6-tile__s{font:500 12px/15px var(--font-ui);color:var(--mut);white-space:nowrap}
#anpassung .a6-tile .ui-toggle{flex:none}
.js #anpassung .a6-tile[data-reveal]{transition:opacity .55s var(--ease-land) var(--rd),transform .9s var(--ease-land) var(--rd),filter .65s var(--ease-land) var(--rd),background-color .25s var(--ease),box-shadow .25s var(--ease)}
@media (hover:hover){#anpassung .a6-tile:hover{box-shadow:var(--sh-sm),0 0 0 1px var(--blue-200)}}
#anpassung .a6-tile:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:var(--r-md)}
#anpassung .a6-tile:not(.is-on){background:var(--stage);box-shadow:inset 0 0 0 1px var(--stage-line)}
#anpassung .a6-tile:not(.is-on) .a6-tile__n{color:var(--mut)}
#anpassung .a6-tile:not(.is-on) .ui-toggle{background:var(--mut-2)}
#anpassung .a6-mi .ui-check--round{width:18px;height:18px}
#anpassung .a6-mi .tri-row__t{transition:color .3s var(--ease)}
#anpassung .a6-mi{transition:background-color .9s var(--ease)}
#anpassung .a6-mi.is-off .tri-row__t{color:var(--mut-2)}
#anpassung .a6-mi.is-lit{background:var(--blue-50);transition:none}
#anpassung .a6-mi{--rd:calc(560ms + var(--k,0) * 50ms)}
#anpassung .a6-col--r [data-reveal]{--fx:28px}
@container (max-width:669.98px){
#anpassung .a6-tri{grid-template-columns:minmax(0,1fr);row-gap:34px;width:100%;max-width:460px;margin-inline:auto}
#anpassung .a6-tri > .tri__col + .tri__col::before{top:-28px;right:auto;left:50%;width:2px;height:20px;margin-left:-1px}
#anpassung .a6-tri > .tri__col + .tri__col::after{top:-13px;right:auto;left:50%;transform:translateX(-50%) rotate(135deg)}
#anpassung .a6-tri > .a6-col--c::before{transform-origin:50% 100%}
#anpassung .a6-tri > .tri__col + .a6-col--r::before{transform-origin:50% 0}
#anpassung .a6-tri > .tri__col + .a6-col--r::after{top:-30px;transform:translateX(-50%) rotate(-45deg)}
.js #anpassung [data-scene] .a6-tri > .tri__col + .tri__col::before{transform:scaleY(0)}
.js #anpassung [data-scene].is-in .a6-tri > .tri__col + .tri__col::before{transform:none}
#anpassung .a6-tri .tri__well{min-height:0}
#anpassung .a6-col--r [data-reveal]{--fx:-28px}
}
@container (max-width:479.98px){
#anpassung .a6-presets{flex-direction:column;gap:10px}
#anpassung .a6-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
#anpassung .a6-seg .ui-seg__b{height:44px;padding:0 4px}
}
@media (prefers-reduced-motion:reduce){
.js #anpassung [data-scene] .a6-tri > .tri__col + .tri__col::before{transform:none!important}
#anpassung .a6-mi.is-lit{background:transparent}
}
#anpassung .a6-vis{align-self:center;min-height:0}
.a6f{--T:10s}
.a6f .a6f-frame{display:block;height:36.6cqw;padding:0;border-radius:2.4cqw}
.a6f .a6f-dots{position:absolute;left:2.4cqw;top:1.75cqw;width:1.1cqw;height:1.1cqw;border-radius:50%;background:#d5dae6;box-shadow:1.7cqw 0 0 #d5dae6,3.4cqw 0 0 #d5dae6}
.a6f .a6f-well{position:absolute;border-radius:2.2cqw;background:rgba(7,78,185,.045);box-shadow:inset 0 .3cqw .7cqw rgba(23,26,51,.1),inset 0 0 0 .12cqw rgba(7,78,185,.1)}
.a6f .a6f-t{filter:blur(0) drop-shadow(0 .5cqw .8cqw rgba(7,40,110,.16))}
.a6f .a6f-hand{filter:blur(0) drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
.a6f .a6f-glow{position:absolute;left:68.875%;top:33.15%;width:15.25cqw;height:14cqw;border-radius:2.6cqw;transform:translate(-50%,-50%);
box-shadow:0 0 0 .35cqw rgba(47,111,224,.6),0 0 3.4cqw 1.2cqw rgba(47,111,224,.5);opacity:0}
.a6f .a6f-tg{position:absolute;left:52.5%;top:78.45%;display:flex;gap:2.6cqw;transform:translate(-50%,-50%)}
.a6f .a6f-sw{position:relative;display:block;flex:none;width:7.2cqw;height:3.6cqw;border-radius:1.8cqw;background:linear-gradient(180deg,#fdfdfc,#ecebe7);
box-shadow:inset 0 .25cqw .5cqw rgba(23,26,51,.1),inset 0 0 0 .1cqw rgba(23,26,51,.06),0 1cqw 1.4cqw -.7cqw rgba(23,26,51,.28),0 .15cqw .25cqw rgba(23,26,51,.06)}
.a6f .a6f-k{position:absolute;left:.4cqw;top:.4cqw;width:2.8cqw;height:2.8cqw;border-radius:50%;
background:radial-gradient(circle at 34% 30%,#86aef0 0%,#2f6fe0 30%,#074eb9 64%,#053c8f 100%);box-shadow:0 .35cqw .6cqw rgba(7,40,110,.32),0 0 1.2cqw .15cqw rgba(47,111,224,.4);
transform:translateX(3.6cqw);filter:grayscale(0) brightness(1)}
.a6f .a6f-k--off{transform:none;filter:grayscale(1) brightness(3.4)}
.js .film.is-in .a6f-t1{animation:a6f-t1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .a6f-t2{animation:a6f-t2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .a6f-t3{animation:a6f-t3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes a6f-t1{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) drop-shadow(0 .5cqw .8cqw rgba(7,40,110,.16))}
19%{opacity:0;transform:translate(-50%,-50%) translate(-5cqw,-1.2cqw) scale(1.04);filter:blur(4px) drop-shadow(0 1.8cqw 2.4cqw rgba(7,40,110,.2))}
24%{opacity:0;transform:translate(-50%,-50%) translate(-16cqw,-2cqw) scale(1.05);filter:blur(4px) drop-shadow(0 1.8cqw 2.4cqw rgba(7,40,110,.2))}
31%{opacity:1;transform:translate(-50%,-50%) translate(0,-.8cqw) scale(1.045);filter:blur(0) drop-shadow(0 1.8cqw 2.4cqw rgba(7,40,110,.2))}
35%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) drop-shadow(0 .5cqw .8cqw rgba(7,40,110,.16))}
}
@keyframes a6f-t2{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) drop-shadow(0 .5cqw .8cqw rgba(7,40,110,.16))}
19%{opacity:0;transform:translate(-50%,-50%) translate(-1cqw,4cqw) scale(1.04);filter:blur(4px) drop-shadow(0 1.8cqw 2.4cqw rgba(7,40,110,.2))}
32%{opacity:0;transform:translate(-50%,-50%) translate(-3cqw,14cqw) scale(1.05);filter:blur(4px) drop-shadow(0 1.8cqw 2.4cqw rgba(7,40,110,.2))}
39%{opacity:1;transform:translate(-50%,-50%) translate(0,-.8cqw) scale(1.045);filter:blur(0) drop-shadow(0 1.8cqw 2.4cqw rgba(7,40,110,.2))}
43%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) drop-shadow(0 .5cqw .8cqw rgba(7,40,110,.16))}
}
@keyframes a6f-t3{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) drop-shadow(0 .5cqw .8cqw rgba(7,40,110,.16))}
19%{opacity:0;transform:translate(-50%,-50%) translate(5cqw,1.5cqw) scale(1.04);filter:blur(4px) drop-shadow(0 1.8cqw 2.4cqw rgba(7,40,110,.2))}
40%{opacity:0;transform:translate(-50%,-50%) translate(16cqw,5cqw) scale(1.05);filter:blur(4px) drop-shadow(0 1.8cqw 2.4cqw rgba(7,40,110,.2))}
47%{opacity:1;transform:translate(-50%,-50%) translate(0,-.8cqw) scale(1.045);filter:blur(0) drop-shadow(0 1.8cqw 2.4cqw rgba(7,40,110,.2))}
51%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) drop-shadow(0 .5cqw .8cqw rgba(7,40,110,.16))}
}
.js .film.is-in .a6f-hand{animation:a6f-hand var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes a6f-hand{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
20%,50%{opacity:0;transform:translate(-50%,-50%) translate(26cqw,-4cqw);filter:blur(4px) drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
54%{opacity:1;filter:blur(2px) drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
58%{transform:translate(-50%,-50%) translate(0,-.8cqw) scale(1.035);filter:blur(0) drop-shadow(0 2.2cqw 2.6cqw rgba(23,26,51,.15)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
62%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
}
.js .film.is-in .a6f-glow{animation:a6f-glow var(--T) ease-out infinite}
@keyframes a6f-glow{
0%,60%{opacity:0;transform:translate(-50%,-50%) scale(.97)}
63%{opacity:1;transform:translate(-50%,-50%) scale(1)}
75%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.14)}
}
.js .film.is-in .a6f-k1{animation:a6f-k1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .a6f-k2{animation:a6f-k2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .a6f-k4{animation:a6f-k4 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes a6f-k1{0%,12%{transform:translateX(3.6cqw);filter:grayscale(0) brightness(1)}18%,63%{transform:none;filter:grayscale(1) brightness(3.4)}67%,100%{transform:translateX(3.6cqw);filter:grayscale(0) brightness(1)}}
@keyframes a6f-k2{0%,12%{transform:translateX(3.6cqw);filter:grayscale(0) brightness(1)}18%,67%{transform:none;filter:grayscale(1) brightness(3.4)}71%,100%{transform:translateX(3.6cqw);filter:grayscale(0) brightness(1)}}
@keyframes a6f-k4{0%,12%{transform:translateX(3.6cqw);filter:grayscale(0) brightness(1)}18%,71%{transform:none;filter:grayscale(1) brightness(3.4)}75%,100%{transform:translateX(3.6cqw);filter:grayscale(0) brightness(1)}}
#support .s7{display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,calc(100% - 704px),452px);grid-template-areas:"scene copy";column-gap:clamp(40px,3.4vw,48px);align-items:center}
#support .s7-copy{grid-area:copy}
#support .s7-scene{grid-area:scene}
#support .s7-copy .h2{margin-top:18px}
#support .s7-line-keep{display:inline-block}
#support .s7-copy .lead{margin-top:18px}
#support .s7-copy .ticks{margin-top:28px;gap:12px}
#support .s7-copy .ticks span{text-wrap:pretty}
#support .s7-scene{display:flex;flex-direction:column}
#support .s7-scene > .scene-pad{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}
#support .s7-tri{--tri-gap:clamp(16px,2.6cqw,32px)}
#support .tri-card__hd .ui-avatar{width:24px;height:24px;box-shadow:none}
#support .tri-card__hd .av-sbm .ic{width:14px;height:14px}
#support .s7-ok{--accent:var(--c-mint);--accent-bg:var(--c-mint-bg)}
#support .s7-msg{display:flex;flex-direction:column;justify-content:center;min-height:calc(2 * 18px + 20px);padding:10px 12px;border-top:1px solid var(--line);font:500 12.5px/18px var(--font-ui);color:var(--ink);text-wrap:balance}
#support .s7-msg--ans{background:var(--c-mint-bg);border-top-color:var(--c-mint-soft);color:var(--c-mint)}
#support .s7-msg--ans b{font-weight:600;font-variant-numeric:tabular-nums}
#support .s7-msg--ans span{font-weight:500}
@container (max-width:649.98px){
#support .s7-tri{grid-template-columns:minmax(0,1fr);row-gap:34px;width:100%;max-width:460px;margin:0 auto}
#support .s7-tri > .tri__col + .tri__col::before{top:-28px;right:auto;left:50%;width:2px;height:20px;margin-left:-1px;transform-origin:50% 0}
#support .s7-tri > .tri__col + .tri__col::after{top:-13px;right:auto;left:50%;transform:translateX(-50%) rotate(135deg)}
.js #support [data-scene] .s7-tri > .tri__col + .tri__col::before{transform:scaleY(0)}
.js #support [data-scene].is-in .s7-tri > .tri__col + .tri__col::before{transform:none}
#support .s7-tri .tri__well{min-height:0}
}
@media (prefers-reduced-motion:reduce){
.js #support [data-scene] .s7-tri > .tri__col + .tri__col::before{transform:none!important}
}
#support .s7-cta{container:s7cta / inline-size;margin-top:clamp(56px,6.4vw,96px)}
#support .s7-cta__in{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;padding:28px 32px;border-radius:var(--r-xl);background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line)}
#support .s7-cta__t{font:700 clamp(19px,1.55vw,22px)/1.3 var(--font);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
#support .s7-cta__s{margin-top:6px;font-size:15px;line-height:1.4;color:var(--mut)}
#support .s7-cta__act{display:flex;flex-wrap:wrap;align-items:center;flex:none;max-width:100%;gap:16px 28px}
#support .s7-cta__btn .ic{transition:transform .25s var(--ease)}
#support .s7-cta__btn:hover .ic{transform:translateX(3px)}
#support .s7-tel{display:flex;align-items:center;gap:12px;min-height:44px;padding-right:4px;border-radius:var(--r-md);color:var(--ink)}
#support .s7-tel__ico{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--r-md);color:var(--c-mint);background:#fff;box-shadow:var(--sh-xs),inset 0 0 0 1px var(--line);transition:box-shadow .2s}
#support .s7-tel__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
#support .s7-tel__num{font:700 17px/1.25 var(--font);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .2s}
#support .s7-tel__time{font-size:14px;line-height:1.3;color:var(--mut);white-space:nowrap}
#support .s7-tel:hover .s7-tel__num{color:var(--c-mint)}
#support .s7-tel:hover .s7-tel__ico{box-shadow:var(--sh-xs),inset 0 0 0 1px var(--c-mint-soft)}
@container s7cta (max-width:979.98px){
#support .s7-cta__in{flex-direction:column;align-items:flex-start}
}
@media (max-width:599.98px){
#support .s7-cta__in{margin-inline:calc(var(--gutter) * -1);padding:28px var(--gutter) 30px;gap:20px;border-radius:0;box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}
#support .s7-cta__act{flex-direction:column;align-items:stretch;width:100%}
#support .s7-cta__btn{width:100%;height:auto;min-height:52px;padding:10px 14px;font-size:15px;line-height:1.25;white-space:normal;text-align:center}
}
@container s7cta (max-width:349.98px){
#support .s7-cta__btn .ic{display:none}
}
@media (max-width:1079.98px){
#support .s7{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "scene";row-gap:44px}
#support .s7-copy{max-width:640px}
}
#support .s7-vis{align-self:center;min-height:0}
.s7f{--T:10s}
.s7f .s7f-ring{position:absolute;left:70.2%;top:47.4%;width:36cqw;aspect-ratio:1;border-radius:50%;border:.3cqw solid rgba(47,111,224,.55);
box-shadow:0 0 2.4cqw rgba(47,111,224,.22),inset 0 0 2.4cqw rgba(47,111,224,.16);opacity:0;transform:translate(-50%,-50%) scale(.5)}
.s7f .s7f-tap{position:absolute;left:70.37%;top:64.2%;width:6.6cqw;aspect-ratio:1;border-radius:50%;
box-shadow:0 0 0 .45cqw rgba(15,122,87,.6),0 0 2.6cqw .8cqw rgba(15,122,87,.32);opacity:0;transform:translate(-50%,-50%)}
.s7f .s7f-glow{aspect-ratio:5/4}
.s7f .s7f-spark{left:70.37%;top:64.2%}
.s7f .s7f-bubble{filter:blur(0) drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
.js .film.is-in .s7f-phone{animation:s7f-phone var(--T) ease-in-out infinite}
@keyframes s7f-phone{
0%,24%,29%,35%,40%,100%{transform:translate(-50%,-50%) translateX(0)}
25%,27%,36%,38%{transform:translate(-50%,-50%) translateX(-.2cqw)}
26%,28%,37%,39%{transform:translate(-50%,-50%) translateX(.2cqw)}
}
.js .film.is-in .s7f-ring1{animation:s7f-ring1 var(--T) cubic-bezier(.2,.6,.3,1) infinite}
.js .film.is-in .s7f-ring2{animation:s7f-ring2 var(--T) cubic-bezier(.2,.6,.3,1) infinite}
@keyframes s7f-ring1{
0%,23%{opacity:0;transform:translate(-50%,-50%) scale(.5)}
25%{opacity:1}
33%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}
33.5%{opacity:0;transform:translate(-50%,-50%) scale(.5)}
35.5%{opacity:1}
43.5%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}
}
@keyframes s7f-ring2{
0%,27.5%{opacity:0;transform:translate(-50%,-50%) scale(.5)}
29.5%{opacity:.75}
37.5%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}
38%{opacity:0;transform:translate(-50%,-50%) scale(.5)}
40%{opacity:.75}
48%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}
}
.js .film.is-in .s7f-tap{animation:s7f-tap var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes s7f-tap{
0%,23%{opacity:0;transform:translate(-50%,-50%) scale(1)}
24%{opacity:.85;transform:translate(-50%,-50%) scale(1)}
31%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}
33.5%{opacity:0;transform:translate(-50%,-50%) scale(1)}
34.5%{opacity:.85;transform:translate(-50%,-50%) scale(1)}
41.5%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}
48%{opacity:0;transform:translate(-50%,-50%) scale(.85)}
49.5%{opacity:1;transform:translate(-50%,-50%) scale(.92)}
51%{opacity:1;transform:translate(-50%,-50%) scale(1)}
58%,100%{opacity:0;transform:translate(-50%,-50%) scale(2.3)}
}
.js .film.is-in .s7f-spark{animation:s7f-spark var(--T) cubic-bezier(.5,0,.25,1) infinite}
@keyframes s7f-spark{
0%,51%{opacity:0;translate:0 0}
53%{opacity:1}
59%{opacity:1;translate:-36.97cqw 6.8cqw}
61%,100%{opacity:0;translate:-36.97cqw 6.8cqw}
}
.js .film.is-in .s7f-glow{animation:s7f-glow var(--T) ease-out infinite}
@keyframes s7f-glow{
0%,58%{opacity:0;transform:translate(-50%,-50%) scale(.9)}
61%{opacity:1;transform:translate(-50%,-50%) scale(1)}
73%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.28)}
}
.js .film.is-in .s7f-bubble{animation:s7f-bubble var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes s7f-bubble{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
20%{opacity:0;transform:translate(-50%,-50%) translate(0,3cqw) scale(.94);filter:blur(4px) drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
60%{opacity:0;transform:translate(-50%,-50%) translate(-1cqw,13cqw) scale(.7);filter:blur(5px) drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
67%{opacity:1;transform:translate(-50%,-50%) translate(0,-.5cqw) scale(1.01);filter:blur(0) drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
71%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
}
.js .film.is-in .s7f-check{animation:s7f-check var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes s7f-check{
0%,12%{opacity:1;transform:translate(-50%,-50%)}
17%,69%{opacity:0;transform:translate(-50%,-50%) scale(.3)}
75%,100%{opacity:1;transform:translate(-50%,-50%)}
}
#support .s7-cb{height:52px}
#support .s7-cb .ic{color:var(--blue)}
@media (max-width:599.98px){ #support .s7-cb{width:100%} }
@media (min-width:1024px){
#support .s7f.film--fit{width:100%;--fit-min:.88;--fy:.4}
}
@media (min-width:1024px) and (max-height:980px){
#support .s7-cta{margin-top:clamp(36px,5.4vh,56px)}
#support .s7{align-items:start}
#support .s7-vis{align-self:start}
}
@media (min-width:1024px) and (max-width:1079.98px) and (max-height:980px){
#support .s7{grid-template-columns:minmax(0,1fr) clamp(340px,calc(100% - 704px),452px);grid-template-areas:"scene copy";row-gap:0}
#support .s7-copy{max-width:none}
}
#funktionen .proc{margin-top:56px}
#funktionen .proc__nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:6px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-sm),0 0 0 1px var(--line)}
#funktionen .proc__tab{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:13px 14px 15px;border-radius:11px;text-align:left;color:var(--mut);font-weight:600;font-size:15px;line-height:1.2;letter-spacing:-.01em;transition:background-color .25s,color .25s,box-shadow .25s}
#funktionen .proc__tab:hover{color:var(--ink);background:var(--bg-soft)}
#funktionen .proc__tab[aria-selected="true"]{color:var(--ink);background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100)}
#funktionen .proc__num{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font:600 12px/1 var(--font-ui);color:var(--mut-2);background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums;transition:background-color .25s,color .25s}
#funktionen .proc__tab[aria-selected="true"] .proc__num{background:var(--blue);color:#fff;box-shadow:none}
#funktionen .proc__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#funktionen .tab-progress{position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;overflow:hidden;pointer-events:none}
#funktionen .tab-progress::after{content:"";display:block;width:0;height:100%;border-radius:inherit;background:var(--blue);opacity:.55}
#funktionen .proc__tab.is-running .tab-progress::after{animation:proc-bar var(--tab-ms,10s) linear forwards}
@keyframes proc-bar{to{width:100%}}
#funktionen .proc__panels{margin-top:28px}
#funktionen .proc__panel{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);grid-template-rows:1fr auto;column-gap:clamp(28px,4vw,56px);row-gap:20px;align-items:start}
#funktionen .proc__copy{grid-column:1;grid-row:1;padding-top:44px}
#funktionen .proc__copy h3{text-wrap:balance}
#funktionen .proc-scene{grid-column:2;grid-row:1 / span 2}
#funktionen .proc__next{grid-column:1;grid-row:2;justify-self:start;align-self:end}
@media (min-width:900px){
#funktionen .proc__panels{display:grid}
#funktionen .proc__panel{grid-area:1/1}
#funktionen .proc__panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
#funktionen .proc__panel[hidden] *{animation:none!important}
}
#funktionen .proc__step{display:block;font:600 13px/1 var(--font-ui);letter-spacing:.02em;color:var(--blue)}
#funktionen .proc__copy h3{margin-top:12px}
#funktionen .proc__copy p{margin-top:14px;color:var(--mut);font-size:16.5px;line-height:1.6}
#funktionen .proc__copy .ticks{margin-top:22px}
#funktionen .proc__copy .ticks li{font-size:15px}
#funktionen .proc__panel.is-active .proc__copy{animation:proc-copy .5s var(--ease) both}
@keyframes proc-copy{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#funktionen .proc-scene{min-height:540px}
#funktionen .proc__cta{margin-top:40px;text-align:center}
@media (max-width:1100px){
#funktionen .proc__tab{flex-direction:column;align-items:flex-start;gap:8px;font-size:14px}
}
@media (max-width:1023.98px){
#funktionen .proc__panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;align-content:start;row-gap:24px}
#funktionen .proc__copy{max-width:720px;padding-top:0}
#funktionen .proc-scene,#funktionen .proc__next{grid-column:1;grid-row:auto}
}
@media (max-width:899.98px){
#funktionen .proc{margin-top:40px}
#funktionen .proc__nav{position:sticky;top:var(--head);z-index:20;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);border-radius:0;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 -1px 0 var(--line),inset 0 1px 0 var(--line);padding:8px var(--gutter)}
#funktionen .proc__nav::-webkit-scrollbar{display:none}
#funktionen .proc__tab{flex:0 0 auto;flex-direction:row;align-items:center;scroll-snap-align:start;font-size:14.5px;padding:10px 14px}
#funktionen .tab-progress{display:none}
#funktionen .proc__panels{margin-top:24px}
#funktionen .proc__next{justify-self:stretch;justify-content:center}
#funktionen .proc-scene{min-height:0}
}
@media (min-width:600px) and (max-width:899.98px){
#funktionen .proc__nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;margin:0;border-radius:var(--r-lg);padding:6px;box-shadow:var(--sh-sm),0 0 0 1px var(--line)}
#funktionen .proc__tab{flex-direction:column;align-items:flex-start;gap:6px;padding:10px;font-size:13px}
}
#funktionen:has(.proc__panel:last-child.is-active) .proc__cta{visibility:hidden}
@media (max-width:1023.98px){ #funktionen .proc__cta{text-align:left} }
@media (min-width:600px) and (max-width:899.98px){ #funktionen .proc__next{justify-self:center;min-width:340px} }
@media (max-width:599.98px){ #funktionen .proc__nav{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)} }
@media (max-width:899.98px){ #funktionen [data-panel] *{scroll-margin-top:calc(var(--head) + 76px)} }
@container (min-width:700px){
#funktionen .proc-scene .tri__well{min-height:246px;justify-content:center}
}
#funktionen .proc-scene.v3-vis{min-height:0;aspect-ratio:3/2;align-self:center}
#funktionen .proc-scene.film{min-height:0;align-self:center}
#funktionen .proc__big{display:block;margin-bottom:6px;font:800 clamp(64px,7vw,104px)/.9 var(--font);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px var(--blue-200);background:linear-gradient(180deg,var(--blue-100),rgba(227,237,253,0));-webkit-background-clip:text;background-clip:text}
@media (min-width:1024px){
#funktionen{--proc-tabs:68px;--proc-gap:28px;--proc-air:40px;--proc-pg:clamp(28px,4vw,56px);--proc-min:520px;
--proc-fit:calc(100svh - var(--head) - var(--proc-tabs) - var(--proc-gap) - var(--proc-air))}
#funktionen .proc__panels{margin-top:var(--proc-gap)}
#funktionen .proc__panel{column-gap:var(--proc-pg);
grid-template-columns:minmax(0,1fr) min(calc(100% - 330px - var(--proc-pg)),max(var(--proc-min),calc(var(--proc-fit) * 1.5)))}
#funktionen .proc__copy{max-width:480px}
}
@media (min-width:1024px) and (max-width:1100px){ #funktionen{--proc-tabs:93px} }
@media (min-width:1024px) and (max-height:980px){
#funktionen{
--ph2:min(clamp(30px,min(3.7vw,5.4vh),52px),44px);
--plead:min(clamp(16px,min(1.35vw,2.2vh),20px),18.5px,max(15px,calc((100vw - 80px) / 61)));
--phg:clamp(8px,1.4vh,12px);
--proc-ht:clamp(14px,2.6vh,26px);
--tab-py:clamp(6px,1vh,9px);
--proc-tabs:calc(42px + 2 * var(--tab-py));
--proc-gap:clamp(12px,2vh,18px);
--proc-min:460px;
--proc-headblock:calc(27px + 2 * var(--phg) + var(--ph2) * 1.07 + var(--plead) * 1.5);
--proc-fit:calc(100svh - var(--head) - 36px - var(--proc-headblock) - var(--proc-ht) - var(--proc-tabs) - var(--proc-gap))}
#funktionen .sec-head{max-width:none}
#funktionen .sec-head .h2{font-size:var(--ph2);margin-top:var(--phg)}
#funktionen .sec-head .lead{font-size:var(--plead);margin-top:var(--phg);max-width:none;text-wrap:balance}
#funktionen .proc{margin-top:var(--proc-ht)}
#funktionen .proc__cta{margin-top:clamp(16px,2.4vh,24px)}
#funktionen .proc__tab{padding-top:var(--tab-py);padding-bottom:calc(var(--tab-py) + 2px)}
#funktionen .tab-progress{bottom:4px}
#funktionen .proc__panel{row-gap:14px}
#funktionen .proc__copy{padding-top:0}
#funktionen .proc__big{font-size:clamp(48px,6.4vh,64px);margin-bottom:4px}
#funktionen .proc__copy h3{margin-top:8px}
#funktionen .proc__copy p{margin-top:10px;font-size:15.5px;line-height:1.55}
#funktionen .proc__copy .ticks{margin-top:14px;gap:6px}
#funktionen .proc__copy .ticks li{font-size:14.5px;line-height:1.4;text-wrap:pretty}
}
@media (min-width:1024px) and (max-width:1100px) and (max-height:980px){
#funktionen{--proc-tabs:calc(65px + 2 * var(--tab-py))}
#funktionen .proc__tab{gap:6px}
}
@media (min-width:1024px) and (max-height:820px){
#funktionen .proc__copy{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;max-width:500px}
#funktionen .proc__big{grid-row:1 / span 2;align-self:center;margin:0;font-size:clamp(46px,7.2vh,58px)}
#funktionen .proc__step{grid-column:2;align-self:end}
#funktionen .proc__copy h3{grid-column:2;margin-top:6px}
#funktionen .proc__copy p,#funktionen .proc__copy .ticks{grid-column:1 / -1}
}
.p01{--T:11s;--ds:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
.p01 .p01-tag{position:absolute;left:50%;bottom:calc(100% + 1.1cqw);transform:translateX(-50%);display:inline-flex;align-items:center;gap:.45em;white-space:nowrap;
padding:.38em .8em .38em .62em;border-radius:2em;font:600 max(12px,1.6cqw)/1.15 var(--font-ui);letter-spacing:-.005em;color:var(--ink);
background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(255,255,255,.6));
box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(23,26,51,.06),0 .9cqw 1.8cqw -.7cqw rgba(23,26,51,.24);
-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.p01 .p01-tag::before{content:"";flex:none;width:.5em;height:.5em;border-radius:50%;background:var(--blue);box-shadow:0 0 0 .2em rgba(7,78,185,.14)}
.p01 .p01-tag--card{left:1.4cqw;bottom:calc(100% + .9cqw);transform:none}
.p01 .p01-o{position:absolute;left:var(--x);top:var(--y);width:var(--w);transform:translate(-50%,-50%)}
.p01 .p01-o > img{display:block;width:100%;height:auto;filter:var(--ds)}
.p01 .p01-o::before{content:"";position:absolute;left:50%;top:var(--fy,93%);width:var(--fw,120%);aspect-ratio:6/1;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;
background:radial-gradient(closest-side,rgba(23,26,51,.18),rgba(23,26,51,0));filter:blur(.6cqw)}
.p01 .p01-doc{--w:13%;--fy:96%;--fw:100%;transform:translate(-50%,-50%) rotate(var(--r))}
.p01 .p01-doc::before{opacity:.8}
.p01 .p01-badge{position:absolute;left:11%;bottom:8.5%;width:3.7cqw}
.p01 .p01-badge img{display:block;width:100%;height:auto;filter:drop-shadow(0 .25cqw .35cqw rgba(7,40,110,.28))}
.p01 .p01-badge .film-ok{position:absolute;left:72%;bottom:-6%;width:2.2cqw;height:2.2cqw;box-shadow:inset 0 0 0 .1cqw var(--c-mint-soft),0 .2cqw .4cqw rgba(15,122,87,.18)}
.p01 .p01-tag--docs{bottom:calc(100% + 1.4cqw);transform:translateX(-64%)}
.p01 .p01-card{gap:1.1cqw;padding:1.8cqw}
.p01 .p01-hd{display:flex;align-items:center;gap:1cqw;height:3.2cqw}
.p01 .p01-tile{flex:none;display:grid;place-items:center;width:3.2cqw;height:3.2cqw;border-radius:.9cqw;background:#fff;box-shadow:0 .15cqw .4cqw rgba(23,26,51,.1),0 0 0 .1cqw rgba(23,26,51,.06)}
.p01 .p01-tile img{display:block;width:2.3cqw;height:auto}
.p01 .p01-card .film-row{position:relative;height:4cqw;margin-left:2.8cqw}
.p01 .p01-pawn{flex:none;display:block;width:1.8cqw;height:auto;filter:drop-shadow(0 .15cqw .2cqw rgba(7,40,110,.25))}
.p01 .p01-r::before{content:"";position:absolute;left:-1.2cqw;top:var(--up,-3.1cqw);width:1cqw;height:calc(2cqw - var(--up,-3.1cqw));
border-left:.22cqw solid var(--blue-300);border-bottom:.22cqw solid var(--blue-300);border-bottom-left-radius:.7cqw}
.p01 .p01-r1{--up:-1.1cqw}
.p01 .p01-ft{display:flex;align-items:center;gap:.8cqw;height:2.4cqw;margin-left:2.8cqw;padding:0 1.2cqw;border-radius:1.2cqw;background:var(--blue);box-shadow:0 .3cqw .7cqw rgba(7,78,185,.25)}
.p01 .p01-ft i{display:block;height:.55cqw;width:44%;border-radius:.3cqw;background:rgba(255,255,255,.8)}
.p01 .p01-ft i + i{width:22%;background:rgba(255,255,255,.5)}
.p01 .p01-ln{margin-top:-.15cqw}
.p01 .p01-ln1{left:20%;top:35%;width:10.9cqw;transform:rotate(29deg)}
.p01 .p01-ln2{left:17.5%;top:74%;width:13.3cqw;transform:rotate(-25.9deg)}
.p01 .p01-ln3{left:60%;top:57%;width:5.5cqw}
.p01 .p01-spark{left:20%;top:35%}
.js .film.is-in .p01-bld{animation:p01-bld var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .p01-per{animation:p01-per var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p01-bld{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:none}
19%,23%{opacity:0;transform:translate(-50%,-50%) translateX(-3cqw) scale(.97);filter:blur(4px)}
33%,100%{opacity:1;transform:translate(-50%,-50%);filter:none}
}
@keyframes p01-per{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:none}
19%,27%{opacity:0;transform:translate(-50%,-50%) translateX(-6cqw);filter:blur(4px)}
37%,100%{opacity:1;transform:translate(-50%,-50%);filter:none}
}
.js .film.is-in .p01-spark{animation:p01-spark var(--T) cubic-bezier(.5,0,.25,1) infinite}
@keyframes p01-spark{
0%,34%{opacity:0;left:20%;top:35%}
36%{opacity:1}
40%{opacity:1;left:32.9%;top:42.9%}
41%{opacity:0;left:32.9%;top:42.9%}
41.5%{opacity:0;left:17.5%;top:74%}
43%{opacity:1}
47%{opacity:1;left:36%;top:65.2%}
48%{opacity:0;left:36%;top:65.2%}
48.5%,58%{opacity:0;left:60%;top:57%}
60%{opacity:1}
63%{opacity:1;left:66.5%;top:57%}
64%,100%{opacity:0;left:66.5%;top:57%}
}
.js .film.is-in .p01-r1{animation:p01-r1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .p01-r2{animation:p01-r2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .p01-r3{animation:p01-r3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p01-r1{0%,12%{opacity:1;transform:none;filter:none}18%,46%{opacity:0;transform:translateX(-2.4cqw);filter:blur(4px)}52%,100%{opacity:1;transform:none;filter:none}}
@keyframes p01-r2{0%,12%{opacity:1;transform:none;filter:none}18%,50%{opacity:0;transform:translateX(-2.4cqw);filter:blur(4px)}56%,100%{opacity:1;transform:none;filter:none}}
@keyframes p01-r3{0%,12%{opacity:1;transform:none;filter:none}18%,54%{opacity:0;transform:translateX(-2.4cqw);filter:blur(4px)}60%,100%{opacity:1;transform:none;filter:none}}
.js .film.is-in .p01-d1{animation:p01-d1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .p01-d2{animation:p01-d2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .p01-d3{animation:p01-d3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p01-d1{
0%,12%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r));filter:none}
20%,61%{opacity:0;transform:translate(-50%,-50%) translate(-14.5cqw,2.7cqw) rotate(0deg) scale(.9);filter:blur(4px)}
64%{opacity:1}
69%,100%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r));filter:none}
}
@keyframes p01-d2{
0%,12%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r));filter:none}
20%,64%{opacity:0;transform:translate(-50%,-50%) translate(-23cqw,4cqw) rotate(0deg) scale(.9);filter:blur(4px)}
67%{opacity:1}
72%,100%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r));filter:none}
}
@keyframes p01-d3{
0%,12%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r));filter:none}
20%,67%{opacity:0;transform:translate(-50%,-50%) translate(-31.5cqw,2.7cqw) rotate(0deg) scale(.9);filter:blur(4px)}
70%{opacity:1}
75%,100%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r));filter:none}
}
.js .film.is-in .p01-b1{animation:p01-b1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p01-b2{animation:p01-b2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p01-b3{animation:p01-b3 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes p01-b1{0%,12%{opacity:1;transform:none}16%,69%{opacity:0;transform:scale(1.5)}73%,100%{opacity:1;transform:none}}
@keyframes p01-b2{0%,12%{opacity:1;transform:none}16%,72%{opacity:0;transform:scale(1.5)}76%,100%{opacity:1;transform:none}}
@keyframes p01-b3{0%,12%{opacity:1;transform:none}16%,75%{opacity:0;transform:scale(1.5)}79%,100%{opacity:1;transform:none}}
.p02{--T:12s}
.p02 .p02-tag{position:absolute;display:inline-flex;align-items:center;gap:.45em;white-space:nowrap;
padding:.38em .8em .38em .62em;border-radius:2em;font:600 max(12px,1.6cqw)/1.15 var(--font-ui);letter-spacing:-.005em;color:var(--ink);
background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,255,255,.62));
box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(23,26,51,.06),0 .9cqw 1.8cqw -.7cqw rgba(23,26,51,.24);
-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.p02 .p02-tag::before{content:"";flex:none;width:.5em;height:.5em;border-radius:50%;background:var(--blue);box-shadow:0 0 0 .2em rgba(7,78,185,.14)}
.p02 .p02-tag--in{left:20%;top:var(--y);transform:translateY(-50%)}
.p02 .p02-tag--panel{left:1.4cqw;bottom:calc(100% + .9cqw)}
.p02 .p02-fob{transform:translate(-50%,-50%) rotate(-14deg)}
.p02 .p02-sheet{--fsh:drop-shadow(0 1.2cqw 1.6cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
.p02 .p02-pglow{box-shadow:0 0 0 .25cqw rgba(47,111,224,.6),0 0 2.4cqw .8cqw rgba(47,111,224,.45)}
.p02 .p02-ln{margin-top:-.15cqw}
.p02 .p02-ln1{left:30.5%;top:22%;width:24.4cqw;transform:rotate(49deg)}
.p02 .p02-ln2{left:27%;top:52.5%;width:19.7cqw;transform:rotate(9deg)}
.p02 .p02-ln3{left:29.5%;top:82%;width:20.4cqw;transform:rotate(-34.5deg)}
.p02 .p02-panel{gap:1.2cqw;padding:1.8cqw}
.p02 .p02-hd{display:flex;align-items:center;gap:1cqw;height:3cqw;padding:0 .3cqw}
.p02 .p02-hd > b{display:block;width:4.6cqw;height:1.6cqw;border-radius:.6cqw;background:var(--blue)}
.p02 .p02-hd > i{display:block;width:9cqw;height:.75cqw;border-radius:.4cqw;background:var(--navy-700);opacity:.5}
.p02 .p02-live{margin-left:auto;display:flex;align-items:center;gap:.7cqw;height:2.3cqw;padding:0 1.1cqw 0 .8cqw;border-radius:1.2cqw;background:var(--ok);box-shadow:0 .3cqw .8cqw rgba(20,147,106,.3)}
.p02 .p02-dot{position:relative;flex:none;width:.9cqw;height:.9cqw;border-radius:50%;background:#fff}
.p02 .p02-ping{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 .18cqw #fff;opacity:0}
.p02 .p02-live s{display:block;width:4.6cqw;height:.6cqw;border-radius:.3cqw;background:rgba(255,255,255,.85)}
.p02 .p02-body{display:flex;gap:1.2cqw}
.p02 .p02-side{flex:none;width:5cqw;display:flex;flex-direction:column;gap:.9cqw;padding:1.1cqw .8cqw;border-radius:1cqw;background:var(--blue-50);box-shadow:inset 0 0 0 .1cqw var(--blue-100)}
.p02 .p02-side i{display:block;height:1cqw;border-radius:.5cqw;background:var(--blue-200)}
.p02 .p02-side i:first-child{background:var(--blue)}
.p02 .p02-rows{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1cqw}
.p02 .p02-panel .film-row{height:4cqw}
.p02 .p02-src{flex:none;display:grid;place-items:center;width:2.5cqw;height:2.5cqw;border-radius:.7cqw;background:var(--c-blue-bg);color:var(--blue)}
.p02 .p02-src svg{width:1.6cqw;height:1.6cqw;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.p02 .p02-time{flex:none;margin-left:auto;width:5.2cqw;height:1.9cqw;border-radius:1cqw;
background:linear-gradient(var(--blue),var(--blue)) 50% 50%/56% .55cqw no-repeat,var(--blue-100);box-shadow:inset 0 0 0 .1cqw var(--blue-200)}
.p02 .p02-spark{left:30.5%;top:22%}
.js .film.is-in .p02-fob{animation:p02-fob var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p02-fob{
0%,12%{opacity:1;transform:translate(-50%,-50%) rotate(-14deg);filter:var(--fsh)}
19%,22%{opacity:0;transform:translate(-50%,-50%) translate(7cqw,4.5cqw) rotate(-6deg);filter:var(--fsh) blur(4px)}
28%{opacity:1;filter:var(--fsh) blur(1.5px)}
32%{transform:translate(-50%,-50%) translate(-.5cqw,-.35cqw) rotate(-14deg);filter:var(--fsh)}
36%,100%{opacity:1;transform:translate(-50%,-50%) rotate(-14deg);filter:var(--fsh)}
}
.js .film.is-in .p02-tglow{animation:p02-tglow var(--T) ease-out infinite}
@keyframes p02-tglow{
0%,31%{opacity:0;transform:translate(-50%,-50%) scale(.86)}
34%{opacity:1;transform:translate(-50%,-50%) scale(1)}
44%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.22)}
}
.js .film.is-in .p02-pglow{animation:p02-pglow var(--T) ease-out infinite}
@keyframes p02-pglow{
0%,43%{opacity:0;transform:translate(-50%,-50%) scale(.86)}
46%{opacity:1;transform:translate(-50%,-50%) scale(1)}
56%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}
}
.js .film.is-in .p02-sheet{animation:p02-sheet var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p02-sheet{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--fsh)}
19%,50%{opacity:0;transform:translate(-50%,-50%) translateX(-5cqw) scale(.96);filter:var(--fsh) blur(4px)}
58%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--fsh)}
}
.js .film.is-in .p02-spark{animation:p02-spark var(--T) cubic-bezier(.5,0,.25,1) infinite}
@keyframes p02-spark{
0%,34%{opacity:0;left:30.5%;top:22%}
36%{opacity:1}
40%{opacity:1;left:48.6%;top:49.6%}
41%{opacity:0;left:48.6%;top:49.6%}
41.5%,46%{opacity:0;left:27%;top:52.5%}
48%{opacity:1}
52%{opacity:1;left:48.6%;top:57.1%}
53%{opacity:0;left:48.6%;top:57.1%}
53.5%,58%{opacity:0;left:29.5%;top:82%}
60%{opacity:1}
64%{opacity:1;left:48.6%;top:64.6%}
65%,100%{opacity:0;left:48.6%;top:64.6%}
}
.js .film.is-in .p02-r1{animation:p02-r1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .p02-r2{animation:p02-r2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .p02-r3{animation:p02-r3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p02-r1{0%,12%{opacity:1;transform:none;filter:none}18%,40%{opacity:0;transform:translateX(-3cqw);filter:blur(4px)}46%,100%{opacity:1;transform:none;filter:none}}
@keyframes p02-r2{0%,12%{opacity:1;transform:none;filter:none}18%,52%{opacity:0;transform:translateX(-3cqw);filter:blur(4px)}58%,100%{opacity:1;transform:none;filter:none}}
@keyframes p02-r3{0%,12%{opacity:1;transform:none;filter:none}18%,64%{opacity:0;transform:translateX(-3cqw);filter:blur(4px)}70%,100%{opacity:1;transform:none;filter:none}}
.js .film.is-in .p02-k1{animation:p02-k1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p02-k2{animation:p02-k2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p02-k3{animation:p02-k3 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes p02-k1{0%,12%{opacity:1;transform:none}16%,45%{opacity:0;transform:scale(.3)}49%,100%{opacity:1;transform:none}}
@keyframes p02-k2{0%,12%{opacity:1;transform:none}16%,57%{opacity:0;transform:scale(.3)}61%,100%{opacity:1;transform:none}}
@keyframes p02-k3{0%,12%{opacity:1;transform:none}16%,69%{opacity:0;transform:scale(.3)}73%,100%{opacity:1;transform:none}}
.js .film.is-in .p02-ping{animation:p02-ping var(--T) ease-out infinite}
@keyframes p02-ping{
0%{opacity:0;transform:scale(1)}
8%,74%{opacity:0;transform:scale(2.8)}
74.1%{opacity:0;transform:scale(1)}
76%{opacity:.85;transform:scale(1)}
84%,86%{opacity:0;transform:scale(2.8)}
86.1%{opacity:0;transform:scale(1)}
88%{opacity:.85;transform:scale(1)}
96%{opacity:0;transform:scale(2.8)}
96.1%{opacity:0;transform:scale(1)}
100%{opacity:.85;transform:scale(1)}
}
.p03{--T:12s;--ds:drop-shadow(0 1.4cqw 2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
.p03 .p03-tag{position:absolute;display:inline-flex;align-items:center;gap:.45em;white-space:nowrap;
padding:.38em .8em .38em .62em;border-radius:2em;font:600 max(12px,1.6cqw)/1.15 var(--font-ui);letter-spacing:-.005em;color:var(--ink);
background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,255,255,.62));
box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(23,26,51,.06),0 .9cqw 1.8cqw -.7cqw rgba(23,26,51,.24);
-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.p03 .p03-tag::before{content:"";flex:none;width:.5em;height:.5em;border-radius:50%;background:var(--dot,var(--blue));box-shadow:0 0 0 .2em var(--ring,rgba(7,78,185,.14))}
.p03 .p03-tag--raw{--dot:var(--mut-2);--ring:rgba(103,109,134,.16);left:50%;bottom:calc(100% + 1.2cqw);transform:translateX(-42%)}
.p03 .p03-tag--n{--dot:var(--z-nacht);--ring:rgba(69,82,196,.16)}
.p03 .p03-tag--s{--dot:var(--z-we);--ring:rgba(150,88,9,.16)}
.p03 .p03-tag--cap{--dot:var(--navy-700);--ring:rgba(58,62,92,.14);left:71.3%;top:calc(100% + 1.3cqw);transform:translateX(-50%)}
.p03 .p03-zs .p03-tag{position:relative;transform-origin:50% 100%}
.p03 .p03-zs{position:absolute;left:50%;bottom:calc(100% + 1.2cqw);transform:translateX(-50%);display:flex;gap:.9cqw}
.p03 .p03-raw{position:absolute;left:var(--x);top:var(--y);width:var(--w);transform:translate(-50%,-50%)}
.p03 .p03-raw > img{display:block;width:100%;height:auto;filter:var(--ds)}
.p03 .p03-raw::before{content:"";position:absolute;left:50%;top:90%;width:110%;aspect-ratio:6/1;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;
background:radial-gradient(closest-side,rgba(23,26,51,.16),rgba(23,26,51,0));filter:blur(.6cqw)}
.p03 .p03-mod{gap:1.4cqw;padding:1.8cqw}
.p03 .p03-gears{position:relative;height:20cqw}
.p03 .p03-gw{position:absolute;display:block;filter:drop-shadow(0 .9cqw 1.2cqw rgba(7,40,110,.2)) drop-shadow(0 .2cqw .3cqw rgba(7,40,110,.12))}
.p03 .p03-gw img{display:block;width:100%;height:auto}
.p03 .p03-gw--b{left:40%;top:53%;width:14.5cqw;transform:translate(-49.96%,-48.28%)}
.p03 .p03-gw--s{left:66%;top:24.2%;width:8.2cqw;transform:translate(-49.87%,-49.59%)}
.p03 .p03-gb{transform-origin:49.96% 48.28%}
.p03 .p03-gs{transform-origin:49.87% 49.59%;filter:saturate(1.15)}
.p03 .p03-ep{display:flex;align-items:center;height:2.6cqw}
.p03 .p03-trk{position:relative;display:block;width:100%;height:1.5cqw;border-radius:.75cqw;background:#e9ebf1;box-shadow:inset 0 .12cqw .25cqw rgba(23,26,51,.1)}
.p03 .p03-fill{position:absolute;left:0;top:0;bottom:0;width:74%;border-radius:.75cqw;background:linear-gradient(90deg,#8ddcc0,var(--ok));box-shadow:0 .2cqw .5cqw rgba(20,147,106,.28);transform-origin:0 50%}
.p03 .p03-cap{position:absolute;left:74%;top:-.8cqw;bottom:-3.6cqw;width:.28cqw;margin-left:-.14cqw;border-radius:.14cqw;
background:linear-gradient(var(--navy-700),var(--navy-700)) 0 0/100% 3.1cqw no-repeat,repeating-linear-gradient(180deg,rgba(58,62,92,.55) 0 .35cqw,transparent .35cqw .75cqw)}
.p03 .p03-out{gap:1cqw;padding:1.6cqw}
.p03 .p03-hd{display:flex;align-items:center;gap:1cqw;height:2.4cqw;padding:0 .3cqw}
.p03 .p03-hd b{display:block;width:4.2cqw;height:1.5cqw;border-radius:.6cqw;background:var(--blue)}
.p03 .p03-hd i{display:block;width:6cqw;height:.75cqw;border-radius:.4cqw;background:var(--navy-700);opacity:.5}
.p03 .p03-out .film-row{height:4cqw}
.p03 .p03-out .film-ok{margin-left:auto}
.p03 .p03-ico{flex:none;display:grid;place-items:center;width:2.4cqw;height:2.4cqw;border-radius:.7cqw}
.p03 .p03-ico svg{width:1.5cqw;height:1.5cqw;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.p03 .p03-ico--n{background:var(--z-nacht-bg);color:var(--z-nacht)}
.p03 .p03-ico--s{background:var(--z-we-bg);color:var(--z-we)}
.p03 .p03-ico--e{background:var(--z-ep-bg);color:var(--z-ep)}
.p03 .p03-ln{margin-top:-.15cqw}
.p03 .p03-ln1{left:25%;top:56%;width:11cqw}
.p03 .p03-ln2{left:68%;top:56%;width:5.5cqw}
.p03 .p03-spark{left:25%;top:56%}
.js .film.is-in .p03-spark{animation:p03-spark var(--T) cubic-bezier(.5,0,.25,1) infinite}
@keyframes p03-spark{
0%,22%{opacity:0;left:25%;top:56%}
24%{opacity:1}
29%{opacity:1;left:40%;top:56%}
30%{opacity:0;left:40%;top:56%}
30.5%,58%{opacity:0;left:66%;top:56%}
60%{opacity:1}
64%{opacity:1;left:76%;top:56%}
65%,100%{opacity:0;left:76%;top:56%}
}
.js .film.is-in .p03-gb{animation:p03-gb var(--T) cubic-bezier(.45,0,.55,1) infinite}
.js .film.is-in .p03-gs{animation:p03-gs var(--T) cubic-bezier(.45,0,.55,1) infinite}
@keyframes p03-gb{0%,26%{transform:rotate(0deg)}76%,100%{transform:rotate(360deg)}}
@keyframes p03-gs{0%,26%{transform:rotate(0deg)}76%,100%{transform:rotate(-720deg)}}
.js .film.is-in .p03-z1{animation:p03-z1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p03-z2{animation:p03-z2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes p03-z1{0%,12%{opacity:1;transform:none;filter:none}17%,35%{opacity:0;transform:translateY(1.2cqw) scale(.6);filter:blur(3px)}40%,100%{opacity:1;transform:none;filter:none}}
@keyframes p03-z2{0%,12%{opacity:1;transform:none;filter:none}17%,41%{opacity:0;transform:translateY(1.2cqw) scale(.6);filter:blur(3px)}46%,100%{opacity:1;transform:none;filter:none}}
.js .film.is-in .p03-fill{animation:p03-fill var(--T) cubic-bezier(.33,0,.2,1) infinite}
@keyframes p03-fill{
0%,12%{opacity:1;transform:none}
20%{opacity:0;transform:scaleX(.02)}
46%{opacity:1;transform:scaleX(.02)}
56%{transform:scaleX(1.025)}
60%,100%{opacity:1;transform:none}
}
.js .film.is-in .p03-r1{animation:p03-r1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .p03-r2{animation:p03-r2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .p03-r3{animation:p03-r3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p03-r1{0%,12%{opacity:1;transform:none;filter:none}18%,63%{opacity:0;transform:translateX(-3cqw);filter:blur(4px)}69%,100%{opacity:1;transform:none;filter:none}}
@keyframes p03-r2{0%,12%{opacity:1;transform:none;filter:none}18%,66%{opacity:0;transform:translateX(-3cqw);filter:blur(4px)}72%,100%{opacity:1;transform:none;filter:none}}
@keyframes p03-r3{0%,12%{opacity:1;transform:none;filter:none}18%,69%{opacity:0;transform:translateX(-3cqw);filter:blur(4px)}75%,100%{opacity:1;transform:none;filter:none}}
.js .film.is-in .p03-k1{animation:p03-k1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p03-k2{animation:p03-k2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p03-k3{animation:p03-k3 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes p03-k1{0%,12%{opacity:1;transform:none}16%,69%{opacity:0;transform:scale(.3)}73%,100%{opacity:1;transform:none}}
@keyframes p03-k2{0%,12%{opacity:1;transform:none}16%,72%{opacity:0;transform:scale(.3)}76%,100%{opacity:1;transform:none}}
@keyframes p03-k3{0%,12%{opacity:1;transform:none}16%,75%{opacity:0;transform:scale(.3)}79%,100%{opacity:1;transform:none}}
.p04{--T:11s;--fsh:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
.p04 .p04-chip{display:inline-block;padding:.42em .8em;border-radius:1em;font:600 max(12px,1.5cqw)/1.2 var(--font-ui);letter-spacing:-.005em;color:var(--ink);white-space:nowrap;
background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(23,26,51,.08),0 .7cqw 1.6cqw -.5cqw rgba(23,26,51,.22)}
.p04 .p04-chip--mint{color:var(--c-mint);background:rgba(229,245,239,.9);box-shadow:inset 0 0 0 1px var(--c-mint-soft),0 .7cqw 1.6cqw -.5cqw rgba(15,122,87,.3)}
.p04 .p04-tag{position:absolute;left:5cqw;top:22.5cqw;transform:translateY(-100%);color:var(--c-blue)}
@container (max-width:480px){ .p04 .p04-chip{padding:.3em .55em;line-height:1.12} }
.p04 .p04-slot{position:relative;flex:none;margin-left:auto;width:2.2cqw;height:2.2cqw;border-radius:50%;box-shadow:inset 0 0 0 .14cqw var(--line-2)}
.p04 .p04-slot .film-ok{position:absolute;inset:0}
.p04 .p04-r3{position:relative}
.p04 .p04-warn{position:absolute;inset:0;border-radius:1cqw;opacity:0;background:rgba(253,243,224,.62);box-shadow:inset 0 0 0 .18cqw #ebb560,0 0 1.6cqw rgba(233,170,70,.35)}
.p04 .p04-warn i{position:absolute;right:1cqw;top:50%;display:grid;place-items:center;width:2.2cqw;height:2.2cqw;margin-top:-1.1cqw;border-radius:50%;background:#fdf3e0;box-shadow:inset 0 0 0 .14cqw #ebb560;color:var(--warn)}
.p04 .p04-warn svg{width:1.3cqw;height:1.3cqw;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round}
.p04 .p04-ln{position:absolute;display:block;height:.3cqw;margin-top:-.15cqw;background:repeating-linear-gradient(90deg,var(--blue-300) 0 .9cqw,rgba(143,179,242,0) .9cqw 1.6cqw)}
.p04 .p04-disc{position:absolute;left:55cqw;top:34cqw;width:25cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.96),rgba(255,255,255,.62) 72%,rgba(255,255,255,.5));
box-shadow:inset 0 0 0 .14cqw rgba(255,255,255,.95),0 0 0 .1cqw rgba(23,26,51,.05),0 2.4cqw 4cqw -1.6cqw rgba(23,26,51,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.p04 .p04-ring{position:absolute;left:55cqw;top:34cqw;width:25cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
box-shadow:0 0 0 .3cqw rgba(20,147,106,.5),0 0 3.2cqw .8cqw rgba(20,147,106,.28),inset 0 0 2.4cqw rgba(20,147,106,.16)}
.p04 .p04-shk{position:absolute;left:55cqw;top:0;width:10.2cqw;height:32.68cqw;margin-left:-5.1cqw;overflow:hidden}
.p04 .p04-shk img{position:absolute;left:50%;top:24.88cqw;width:7.97cqw;height:auto;max-width:none;margin-left:-3.985cqw;filter:drop-shadow(0 .45cqw .7cqw rgba(23,26,51,.12))}
.p04 .p04-lock{position:absolute;left:55cqw;top:46.5cqw;transform:translate(-50%,-50%)}
.p04 .p04-flow{position:absolute;display:block;height:.45cqw;margin-top:-.225cqw;border-radius:.3cqw;transform-origin:0 50%;
background:linear-gradient(90deg,rgba(20,147,106,.55),var(--blue-500) 70%,var(--blue));box-shadow:0 0 1.2cqw .1cqw rgba(47,111,224,.35)}
.p04 .p04-out{align-items:center;gap:.8cqw;padding:1.4cqw}
.p04 .p04-ic{display:block;height:auto;max-width:none;filter:drop-shadow(0 .8cqw 1cqw rgba(23,26,51,.13)) drop-shadow(0 .2cqw .3cqw rgba(23,26,51,.06))}
.js .film.is-in .p04-k1{animation:p04-k1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p04-k2{animation:p04-k2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p04-k3{animation:p04-k3 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p04-k4{animation:p04-k4 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes p04-k1{0%,12%{opacity:1;transform:none}16%,24%{opacity:0;transform:scale(.3)}27.5%,100%{opacity:1;transform:none}}
@keyframes p04-k2{0%,12%{opacity:1;transform:none}16%,28.5%{opacity:0;transform:scale(.3)}32%,100%{opacity:1;transform:none}}
@keyframes p04-k4{0%,12%{opacity:1;transform:none}16%,37.5%{opacity:0;transform:scale(.3)}41%,100%{opacity:1;transform:none}}
@keyframes p04-k3{0%,12%{opacity:1;transform:none}16%,46%{opacity:0;transform:scale(.3)}49.5%,100%{opacity:1;transform:none}}
.js .film.is-in .p04-warn{animation:p04-warn var(--T) ease-in-out infinite}
@keyframes p04-warn{0%,32.5%{opacity:0}35%{opacity:1}38%{opacity:.82}41%{opacity:1}44%{opacity:1}46.5%,100%{opacity:0}}
.js .film.is-in .p04-shk img{animation:p04-shk var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p04-shk{
0%,12%{transform:none}
21%{transform:translateY(-6.56cqw)}
52%{transform:translateY(-6.56cqw);animation-timing-function:cubic-bezier(.55,0,.8,.4)}
55.5%{transform:translateY(.28cqw);animation-timing-function:cubic-bezier(.16,1,.3,1)}
58%,100%{transform:none}
}
.js .film.is-in .p04-ring{animation:p04-ring var(--T) ease-out infinite}
@keyframes p04-ring{0%,12%{opacity:1;transform:translate(-50%,-50%)}17%,55.5%{opacity:0;transform:translate(-50%,-50%) scale(.92)}58.5%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}63%,100%{opacity:1;transform:translate(-50%,-50%)}}
.js .film.is-in .p04-lock{animation:p04-lock var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p04-lock{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}
17%,56.5%{opacity:0;transform:translate(-50%,-50%) translateY(1.2cqw) scale(.92);filter:blur(3px)}
61%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}
}
.js .film.is-in .p04-f1{animation:p04-f1 var(--T) cubic-bezier(.45,0,.25,1) infinite}
.js .film.is-in .p04-f2{animation:p04-f2 var(--T) cubic-bezier(.45,0,.25,1) infinite}
@keyframes p04-f1{0%,12%{opacity:1;transform:none}17%{opacity:0;transform:none}18%,61.5%{opacity:0;transform:scaleX(0)}62.5%{opacity:1}66%,100%{opacity:1;transform:none}}
@keyframes p04-f2{0%,12%{opacity:1;transform:none}17%{opacity:0;transform:none}18%,68.5%{opacity:0;transform:scaleX(0)}69.5%{opacity:1}73%,100%{opacity:1;transform:none}}
.js .film.is-in .p04-o1{animation:p04-o1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .p04-o2{animation:p04-o2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p04-o1{0%,12%{opacity:1;transform:translate(-50%,-50%);filter:none}19%,65.6%{opacity:.4;transform:translate(-50%,-50%) scale(.97);filter:drop-shadow(0 0 0 rgba(47,111,224,0))}68%{opacity:1;transform:translate(-50%,-50%) scale(1.03);filter:drop-shadow(0 0 1.8cqw rgba(47,111,224,.5))}71.5%,100%{opacity:1;transform:translate(-50%,-50%);filter:drop-shadow(0 0 0 rgba(47,111,224,0))}}
@keyframes p04-o2{0%,12%{opacity:1;transform:translate(-50%,-50%);filter:none}19%,72.6%{opacity:.4;transform:translate(-50%,-50%) scale(.97);filter:drop-shadow(0 0 0 rgba(47,111,224,0))}75%{opacity:1;transform:translate(-50%,-50%) scale(1.03);filter:drop-shadow(0 0 1.8cqw rgba(47,111,224,.5))}78.5%,100%{opacity:1;transform:translate(-50%,-50%);filter:drop-shadow(0 0 0 rgba(47,111,224,0))}}
.p05{--T:11s}
.p05 .p05-chip{display:inline-block;padding:.42em .8em;border-radius:1em;font:600 max(12px,1.5cqw)/1.2 var(--font-ui);letter-spacing:-.005em;color:var(--ink);white-space:nowrap;
background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(23,26,51,.08),0 .7cqw 1.6cqw -.5cqw rgba(23,26,51,.22)}
.p05 .p05-tag{position:absolute;left:4cqw;top:21cqw;max-width:29cqw;transform:translateY(-100%);color:var(--c-blue);white-space:normal;-webkit-hyphens:manual;hyphens:manual}
.p05 .p05-ln{position:absolute;display:block}
.p05 .p05-ln--h{height:.3cqw;margin-top:-.15cqw;background:repeating-linear-gradient(90deg,var(--blue-300) 0 .9cqw,rgba(143,179,242,0) .9cqw 1.6cqw)}
.p05 .p05-ln--v{width:.3cqw;margin-left:-.15cqw;background:repeating-linear-gradient(180deg,var(--blue-300) 0 .9cqw,rgba(143,179,242,0) .9cqw 1.6cqw)}
.p05 .p05-list{overflow:hidden}
.p05 .p05-code{flex:none;width:3.4cqw;height:1.5cqw;border-radius:.45cqw;background:var(--blue);box-shadow:inset 0 0 0 .1cqw rgba(255,255,255,.22)}
.p05 .p05-slot{position:relative;flex:none;margin-left:auto;width:2.2cqw;height:2.2cqw;border-radius:50%;box-shadow:inset 0 0 0 .14cqw var(--line-2)}
.p05 .p05-slot .film-ok{position:absolute;inset:0}
.p05 .p05-scan{position:absolute;left:0;right:0;top:-2.6cqw;height:3cqw;opacity:0;pointer-events:none;
background:linear-gradient(180deg,rgba(47,111,224,0),rgba(47,111,224,.14) 70%,rgba(47,111,224,.3))}
.p05 .p05-scan::after{content:"";position:absolute;left:0;right:0;bottom:0;height:.3cqw;border-radius:.2cqw;background:var(--blue-500);box-shadow:0 0 1.2cqw .2cqw rgba(47,111,224,.55)}
.p05 .p05-card{flex-direction:row;align-items:center;gap:1.6cqw;min-height:14cqw;padding:1.4cqw 1.8cqw 1.4cqw 3.4cqw}
.p05 .p05-card .p05-chip{flex:0 1 auto;min-width:0}
.p05 .p05-c3 .p05-chip{white-space:normal}
.p05 .p05-ic{flex:none;width:10.5cqw;height:auto;max-width:none;filter:drop-shadow(0 .8cqw 1cqw rgba(23,26,51,.12)) drop-shadow(0 .2cqw .3cqw rgba(23,26,51,.06))}
.p05 .p05-num{position:absolute;left:0;top:50%;display:grid;place-items:center;width:max(20px,2.8cqw);height:max(20px,2.8cqw);transform:translate(-50%,-50%);border-radius:50%;
font:700 max(12px,1.4cqw)/1 var(--font-ui);color:#fff;background:var(--navy-900);box-shadow:0 0 0 .35cqw rgba(255,255,255,.92),0 .4cqw .9cqw rgba(23,26,51,.2)}
.p05 .p05-ok{position:absolute;right:-1.1cqw;top:-1.1cqw;width:3.4cqw;height:3.4cqw;box-shadow:inset 0 0 0 .12cqw var(--c-mint-soft),0 .5cqw 1.2cqw -.3cqw rgba(15,122,87,.35)}
.p05 .p05-ok svg{width:2cqw;height:2cqw}
.p05 .p05-spark{left:44cqw;top:52cqw}
@container (max-width:480px){ .p05 .p05-chip{padding:.3em .55em;line-height:1.12} }
@container (min-width:760px){ .p05 .p05-ic{width:12.5cqw} }
.js .film.is-in .p05-scan{animation:p05-scan var(--T) linear infinite}
@keyframes p05-scan{
0%,22%{opacity:0;transform:none}
23.5%{opacity:1}
24%{transform:none}
40%{opacity:1;transform:translateY(19.8cqw)}
42%,100%{opacity:0;transform:translateY(19.8cqw)}
}
.js .film.is-in .p05-k1{animation:p05-k1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p05-k2{animation:p05-k2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p05-k3{animation:p05-k3 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p05-k4{animation:p05-k4 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes p05-k1{0%,12%{opacity:1;transform:none}17%,26.4%{opacity:0;transform:scale(.3)}29.5%,100%{opacity:1;transform:none}}
@keyframes p05-k2{0%,12%{opacity:1;transform:none}17%,30.1%{opacity:0;transform:scale(.3)}33.2%,100%{opacity:1;transform:none}}
@keyframes p05-k3{0%,12%{opacity:1;transform:none}17%,33.9%{opacity:0;transform:scale(.3)}37%,100%{opacity:1;transform:none}}
@keyframes p05-k4{0%,12%{opacity:1;transform:none}17%,37.6%{opacity:0;transform:scale(.3)}40.7%,100%{opacity:1;transform:none}}
.js .film.is-in .p05-spark{animation:p05-spark var(--T) linear infinite}
@keyframes p05-spark{
0%,43%{opacity:0;left:33.5cqw;top:32.5cqw}
43.6%{opacity:1}
44.5%{left:38.5cqw;top:32.5cqw}
47.5%{left:38.5cqw;top:13cqw}
48.8%{opacity:1}
49.6%{opacity:0;left:44cqw;top:13cqw}
53.9%{left:44cqw;top:13cqw}
54%{opacity:0;left:33.5cqw;top:32.5cqw}
54.6%{opacity:1}
58%{opacity:1}
58.8%{opacity:0;left:44cqw;top:32.5cqw}
62.9%{left:44cqw;top:32.5cqw}
63%{opacity:0;left:33.5cqw;top:32.5cqw}
63.6%{opacity:1}
64.5%{left:38.5cqw;top:32.5cqw}
67.5%{left:38.5cqw;top:52cqw}
68.8%{opacity:1}
69.6%,100%{opacity:0;left:44cqw;top:52cqw}
}
.js .film.is-in .p05-c1{animation:p05-c1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .p05-c2{animation:p05-c2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .p05-c3{animation:p05-c3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p05-c1{0%,12%{opacity:1;transform:translate(-50%,-50%);filter:none}19%,48.6%{opacity:.4;transform:translate(-50%,-50%) scale(.97);filter:drop-shadow(0 0 0 rgba(47,111,224,0))}51%{opacity:1;transform:translate(-50%,-50%) scale(1.02);filter:drop-shadow(0 0 1.8cqw rgba(47,111,224,.5))}54%,100%{opacity:1;transform:translate(-50%,-50%);filter:drop-shadow(0 0 0 rgba(47,111,224,0))}}
@keyframes p05-c2{0%,12%{opacity:1;transform:translate(-50%,-50%);filter:none}19%,57.8%{opacity:.4;transform:translate(-50%,-50%) scale(.97);filter:drop-shadow(0 0 0 rgba(47,111,224,0))}60.2%{opacity:1;transform:translate(-50%,-50%) scale(1.02);filter:drop-shadow(0 0 1.8cqw rgba(47,111,224,.5))}63.2%,100%{opacity:1;transform:translate(-50%,-50%);filter:drop-shadow(0 0 0 rgba(47,111,224,0))}}
@keyframes p05-c3{0%,12%{opacity:1;transform:translate(-50%,-50%);filter:none}19%,68.6%{opacity:.4;transform:translate(-50%,-50%) scale(.97);filter:drop-shadow(0 0 0 rgba(47,111,224,0))}71%{opacity:1;transform:translate(-50%,-50%) scale(1.02);filter:drop-shadow(0 0 1.8cqw rgba(47,111,224,.5))}74%,100%{opacity:1;transform:translate(-50%,-50%);filter:drop-shadow(0 0 0 rgba(47,111,224,0))}}
.js .film.is-in .p05-o1{animation:p05-o1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p05-o2{animation:p05-o2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p05-o3{animation:p05-o3 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes p05-o1{0%,12%{opacity:1;transform:none}16%,51%{opacity:0;transform:scale(.3)}54.5%,100%{opacity:1;transform:none}}
@keyframes p05-o2{0%,12%{opacity:1;transform:none}16%,60.5%{opacity:0;transform:scale(.3)}64%,100%{opacity:1;transform:none}}
@keyframes p05-o3{0%,12%{opacity:1;transform:none}16%,71.5%{opacity:0;transform:scale(.3)}75%,100%{opacity:1;transform:none}}
.p06{--T:11s;--fsh:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
.p06 .p06-chip{display:inline-block;padding:.42em .8em;border-radius:1em;font:600 max(12px,1.5cqw)/1.2 var(--font-ui);letter-spacing:-.005em;color:var(--ink);white-space:nowrap;
background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(23,26,51,.08),0 .7cqw 1.6cqw -.5cqw rgba(23,26,51,.22)}
.p06 .p06-chip--blue{color:#fff;background:var(--blue);box-shadow:0 .7cqw 1.6cqw -.5cqw rgba(7,78,185,.45)}
.p06 .p06-tag{position:absolute;left:3.5cqw;top:27.8cqw;transform:translateY(-100%);color:var(--c-blue)}
.p06 .p06-title{position:absolute;left:53cqw;top:17.6cqw;transform:translate(-50%,-100%)}
.p06 .p06-cust{position:absolute;left:83cqw;top:27cqw;transform:translate(-50%,-50%)}
@container (max-width:480px){ .p06 .p06-chip{padding:.3em .55em;line-height:1.12} }
.p06 .p06-ln{position:absolute;display:block;height:.3cqw;margin-top:-.15cqw;background:repeating-linear-gradient(90deg,var(--blue-300) 0 .9cqw,rgba(143,179,242,0) .9cqw 1.6cqw)}
.p06 .p06-ln--v{width:.3cqw;height:auto;margin:0 0 0 -.15cqw;background:repeating-linear-gradient(180deg,var(--blue-300) 0 .9cqw,rgba(143,179,242,0) .9cqw 1.6cqw)}
.p06 .p06-slot{position:relative;flex:none;margin-left:auto;width:2.2cqw;height:2.2cqw;border-radius:50%;box-shadow:inset 0 0 0 .14cqw var(--line-2)}
.p06 .p06-slot .film-ok{position:absolute;inset:0}
.p06 .p06-glass{position:absolute;left:55cqw;top:34.6cqw;width:20cqw;transform:translate(-50%,-50%);filter:var(--fsh)}
.p06 .p06-glass img{display:block;width:100%;height:auto;max-width:none}
.p06 .p06-code{position:absolute;right:2.4cqw;top:2.2cqw;width:5cqw;height:auto;overflow:visible;fill:none;stroke:var(--blue);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .7cqw rgba(47,111,224,.4))}
.p06 .p06-ring{position:absolute;left:47.5cqw;top:44.2cqw;width:9cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:0;
box-shadow:0 0 0 .3cqw rgba(47,111,224,.45),0 0 2.4cqw .6cqw rgba(47,111,224,.3)}
.p06 .p06-halo{position:absolute;left:83cqw;top:18cqw;width:20cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(closest-side,rgba(47,111,224,.26),rgba(47,111,224,.08) 60%,rgba(47,111,224,0))}
.p06 .p06-send{opacity:0}
.p06 .p06-pay{top:37cqw;transform:translateX(-50%);align-items:center;gap:.8cqw;padding:1.4cqw}
.p06 .p06-hole{display:block;width:6cqw;height:6.67cqw;border-radius:50%;background:radial-gradient(closest-side,rgba(23,26,51,.07),rgba(23,26,51,0))}
.p06 .p06-ok{position:absolute;right:-1.1cqw;top:-1.1cqw;width:3.4cqw;height:3.4cqw;box-shadow:inset 0 0 0 .12cqw var(--c-mint-soft),0 .5cqw 1.2cqw -.3cqw rgba(15,122,87,.35)}
.p06 .p06-ok svg{width:2cqw;height:2cqw}
.js .film.is-in .p06-k1{animation:p06-k1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p06-k2{animation:p06-k2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .p06-k3{animation:p06-k3 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes p06-k1{0%,12%{opacity:1;transform:none}16%,23%{opacity:0;transform:scale(.3)}26.5%,100%{opacity:1;transform:none}}
@keyframes p06-k2{0%,12%{opacity:1;transform:none}16%,26.5%{opacity:0;transform:scale(.3)}30%,100%{opacity:1;transform:none}}
@keyframes p06-k3{0%,12%{opacity:1;transform:none}16%,30%{opacity:0;transform:scale(.3)}33.5%,100%{opacity:1;transform:none}}
.js .film.is-in .p06-paper{animation:p06-paper var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p06-paper{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--fsh)}
18%,31%{opacity:0;transform:translate(-50%,-50%) translateX(-12cqw) scale(.9);filter:blur(4px) var(--fsh)}
34%{opacity:1;filter:blur(1.5px) var(--fsh)}
38%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--fsh)}
}
.js .film.is-in .p06-glass{animation:p06-glass var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p06-glass{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--fsh)}
18%,38%{opacity:0;transform:translate(-50%,-50%) translateY(-4cqw);filter:blur(4px) var(--fsh)}
41%{opacity:1;filter:blur(1.5px) var(--fsh)}
44.5%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--fsh)}
}
.js .film.is-in .p06-title{animation:p06-title var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p06-title{
0%,12%{opacity:1;transform:translate(-50%,-100%);filter:blur(0)}
17%,42%{opacity:0;transform:translate(-50%,-100%) translateY(1cqw);filter:blur(3px)}
46%,100%{opacity:1;transform:translate(-50%,-100%);filter:blur(0)}
}
.js .film.is-in .p06-seal{animation:p06-seal var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p06-seal{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--fsh)}
17%{opacity:0;transform:translate(-50%,-50%) scale(.9);filter:blur(0) var(--fsh)}
45.5%{opacity:0;transform:translate(-50%,-50%) translateY(-3cqw) scale(1.4);filter:blur(3px) var(--fsh);animation-timing-function:cubic-bezier(.55,0,.85,.4)}
49%{opacity:1;transform:translate(-50%,-50%) scale(.94);filter:blur(0) var(--fsh);animation-timing-function:cubic-bezier(.16,1,.3,1)}
51%{transform:translate(-50%,-50%) scale(1.03)}
53%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--fsh)}
}
.js .film.is-in .p06-ring{animation:p06-ring var(--T) ease-out infinite}
@keyframes p06-ring{0%,48.5%{opacity:0;transform:translate(-50%,-50%) scale(.7)}50%{opacity:1;transform:translate(-50%,-50%) scale(.85)}58%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}
.js .film.is-in .p06-send{animation:p06-send var(--T) cubic-bezier(.45,0,.25,1) infinite}
@keyframes p06-send{
0%,52%{opacity:0;transform:translate(-50%,-50%) translate(-18cqw,4cqw) scale(.75);filter:blur(0) var(--fsh)}
53.5%{opacity:1;filter:blur(1.5px) var(--fsh)}
58%{opacity:1;transform:translate(-50%,-50%) translate(-1cqw,0) scale(.95);filter:blur(0) var(--fsh)}
60.5%,100%{opacity:0;transform:translate(-50%,-50%) scale(.8);filter:blur(0) var(--fsh)}
}
.js .film.is-in .p06-halo{animation:p06-halo var(--T) ease-out infinite}
@keyframes p06-halo{0%,12%{opacity:1;transform:translate(-50%,-50%)}17%,58.5%{opacity:0;transform:translate(-50%,-50%) scale(.8)}61.5%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}66%,100%{opacity:1;transform:translate(-50%,-50%)}}
.js .film.is-in .p06-coin{animation:p06-coin var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes p06-coin{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--fsh)}
17%,63%{opacity:0;transform:translate(-50%,-50%) translateY(-21cqw) scale(.6);filter:blur(4px) var(--fsh)}
65.5%{opacity:1;filter:blur(1.5px) var(--fsh)}
70%{transform:translate(-50%,-50%) translateY(.3cqw);filter:blur(0) var(--fsh)}
72%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--fsh)}
}
.js .film.is-in .p06-ok{animation:p06-ok var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes p06-ok{0%,12%{opacity:1;transform:none}16%,71.5%{opacity:0;transform:scale(.3)}75%,100%{opacity:1;transform:none}}
#galerie .gal{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:36px}
#galerie .gal__nav{display:flex;flex-direction:column;gap:2px}
#galerie .gal__tab{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--r-md);text-align:left;color:var(--mut);font-weight:600;font-size:14.5px;line-height:1.25;letter-spacing:-.01em;transition:background-color .25s,color .25s,box-shadow .25s}
#galerie .gal__tab .ui-ico{width:28px;height:28px;border-radius:var(--r-sm);--accent:var(--mut);--accent-bg:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .25s,color .25s}
#galerie .gal__tab .ui-ico .ic{width:15px;height:15px}
#galerie .gal__tab:hover{color:var(--ink)}
#galerie .gal__tab:focus-visible{outline-offset:-2px}
#galerie .gal__tab[aria-selected="true"]{color:var(--ink);background:#fff;box-shadow:var(--sh-sm),0 0 0 1px var(--line)}
#galerie .gal__tab[aria-selected="true"] .ui-ico{--accent:var(--blue);--accent-bg:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100)}
#galerie .gal__grp{display:flex;align-items:center;gap:10px;padding:12px 10px 4px;font:600 12px/16px var(--font);letter-spacing:.01em;color:var(--mut-2);white-space:nowrap}
#galerie .gal__grp::after{content:"";flex:1 1 auto;height:1px;background:var(--line)}
#galerie .gal__grp:first-child{padding-top:0}
#galerie .gal__prob{font-size:13.5px;line-height:1.45;color:var(--mut);text-wrap:pretty}
#galerie .gal__prob-k{display:inline-block;margin-right:8px;padding:0 8px;border-radius:999px;font:600 11.5px/20px var(--font-ui);color:var(--c-sand);background:var(--c-sand-bg);box-shadow:inset 0 0 0 1px var(--c-sand-soft);vertical-align:1px}
#galerie .gal__copy .h3{margin-top:8px}
#galerie .gal__txt{margin-top:8px;color:var(--mut);font-size:16px;line-height:1.5;text-wrap:pretty}
#galerie .gal__facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#galerie .gal__facts .ui-chip{height:26px;padding:0 10px;font-size:12.5px}
#galerie .gal__facts .ui-dot{width:7px;height:7px}
#galerie .gal__panel.is-active .gal__copy{animation:gal-copy .45s var(--ease) both}
@keyframes gal-copy{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#galerie .gal__next{display:none}
#galerie .gal__end{margin-top:20px}
#galerie .gal__cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:48px;text-align:center}
@media (max-width:899.98px){
#galerie .gal__nav{position:sticky;top:var(--head);z-index:20;flex-direction:row;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;
margin:0 calc(var(--gutter) * -1);padding:8px var(--gutter);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
box-shadow:inset 0 -1px 0 var(--line),inset 0 1px 0 var(--line);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
#galerie .gal__nav::-webkit-scrollbar{display:none}
#galerie .gal__grp{display:none}
#galerie .gal__tab{flex:0 0 auto;width:auto;scroll-snap-align:start;padding:8px 10px 8px 6px;gap:8px;white-space:nowrap}
#galerie .gal-scene{margin-top:20px}
#galerie .gal-scene.film{min-height:0}
#galerie .gal__next{display:flex;justify-content:center;width:100%;margin-top:20px}
#galerie [data-panel] *{scroll-margin-top:calc(var(--head) + 76px)}
}
@media (min-width:600px) and (max-width:899.98px){ #galerie .gal__next{width:fit-content;min-width:340px;margin-inline:auto} }
@media (min-width:900px){
#galerie .gal{container-type:inline-size;
--nav-w:clamp(232px,21vw,252px); --gal-gap:clamp(24px,3vw,40px); --copy-gap:18px; --gal-crop:1;
--gal-h:clamp(440px,calc(100vh - var(--head) - 28px),740px);
grid-template-columns:var(--nav-w) minmax(0,1fr);gap:var(--gal-gap);align-items:start;margin-top:clamp(28px,5vh,56px)}
@supports (height:100svh){ #galerie .gal{--gal-h:clamp(440px,calc(100svh - var(--head) - 28px),740px)} }
#galerie .gal__nav{gap:0}
#galerie .gal__tab{height:clamp(30px,calc((var(--gal-h) - 148px) / 15),42px);padding:0 10px}
#galerie .gal__panels{display:grid;grid-template-rows:auto minmax(0,1fr);row-gap:var(--copy-gap);height:var(--gal-h)}
#galerie .gal__panel{grid-row:1 / -1;grid-column:1;display:grid;grid-template-rows:subgrid;min-width:0}
#galerie .gal__panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
#galerie .gal__panel[hidden] *{animation:none!important}
#galerie .gal__copy{grid-row:1;align-self:start}
#galerie .gal__copy .h3{font-size:clamp(20px,min(1.9vw,3.7vh),26px)}
#galerie .gal__txt{font-size:clamp(15px,min(1.2vw,2.4vh),16.5px)}
#galerie .gal__end{display:none}
#galerie .gal__panel .gal-scene{grid-row:2;align-self:stretch;width:100%;height:auto;min-height:0;margin:0;aspect-ratio:auto;
max-height:calc((100cqw - var(--nav-w) - var(--gal-gap)) / 1.5);container-type:size}
#galerie .gal__panel .gal-scene > .film__cam{left:0;right:0;bottom:auto;margin-inline:auto;container-type:inline-size;
width:min(100cqw,100cqh * 1.5 / var(--gal-crop));height:min(100cqw / 1.5,100cqh / var(--gal-crop));
top:calc(50% - min(100cqw / 1.5,100cqh / var(--gal-crop)) / 2)}
}
@media (min-width:900px) and (max-width:1179.98px){
#galerie .gal__tab{font-size:14px;gap:9px;padding:0 8px}
#galerie .gal__tab .ui-ico{width:26px;height:26px}
}
@media (min-width:1024px) and (max-height:980px){
#galerie{--gal-air:36px;--gh-h2:min(clamp(30px,min(3.7vw,5.4vh),52px),44px);--gh-lead:clamp(16px,min(1.35vw,2.2vh),20px);--gh-mt:clamp(16px,2.4vh,24px);
--gh-head:calc(27px + 10px + var(--gh-h2) * 1.07 + 8px + var(--gh-lead) * 1.5)}
#galerie .sec-head{display:flex;flex-direction:column;align-items:flex-start;max-width:none}
#galerie .sec-head .eyebrow{height:27px}
#galerie .sec-head .h2{margin-top:10px;font-size:var(--gh-h2);text-wrap:balance}
#galerie .sec-head .lead{max-width:none;margin-top:8px;font-size:var(--gh-lead);line-height:1.5}
#galerie .gal{margin-top:var(--gh-mt);--gal-h:max(380px,calc(100vh - var(--head) - var(--gal-air) - var(--gh-head) - var(--gh-mt)))}
@supports (height:100svh){ #galerie .gal{--gal-h:max(380px,calc(100svh - var(--head) - var(--gal-air) - var(--gh-head) - var(--gh-mt)))} }
#galerie .gal__nav{height:auto;min-height:var(--gal-h)}
#galerie .gal__grp{flex:none}
#galerie .gal__tab{flex:1 1 0;height:auto;min-height:auto;max-height:42px}
}
@media (min-width:1024px) and (max-height:860px){
#galerie .gal__grp{padding:8px 10px 2px;font-size:11.5px;line-height:14px}
#galerie .gal__grp:first-child{padding-top:0}
}
@media (min-width:1180px) and (max-height:780px){
#galerie .gal{--nav-w:236px;--gal-gap:28px;--copy-w:280px}
#galerie .gal__tab{font-size:14px;line-height:1.15;gap:9px}
#galerie .gal__tab .ui-ico{width:24px;height:24px}
#galerie .gal__tab .ui-ico .ic{width:14px;height:14px}
#galerie .gal__panels{grid-template-rows:minmax(0,1fr)}
#galerie .gal__panel{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,var(--copy-w)) minmax(0,1fr);column-gap:24px;align-items:start}
#galerie .gal__copy{grid-column:1;grid-row:1}
#galerie .gal__copy .h3{font-size:21px;text-wrap:balance}
#galerie .gal__txt{font-size:15px}
#galerie .gal__panel .gal-scene{grid-column:2;grid-row:1;align-self:center;aspect-ratio:3/2;max-height:var(--gal-h)}
html:lang(tr) #galerie .g11.gal-scene{--gal-crop:1.06}
}
@media (min-width:1024px) and (max-height:700px){
#galerie{--gh-mt:12px;--gal-air:26px}
#galerie .gal__grp{padding:4px 10px 0;font-size:11px;line-height:12px}
#galerie .gal__grp:first-child{display:none}
#galerie .gal__tab{padding-block:1px}
#galerie .gal__tab .ui-ico{width:22px;height:22px}
#galerie .gal__tab .ui-ico .ic{width:13px;height:13px}
}
.g9{--T:9s;--sh:drop-shadow(0 1.3cqw 1.8cqw rgba(23,26,51,.14)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
@media (min-width:900px){ #galerie .g9 .film__cam{left:0;right:0;width:min(100%,810px);margin-inline:auto;container-type:inline-size} }
.g9 .g9-floor{--x:50%;--y:59.5cqw;--w:48%}
.g9 .g9-win{position:absolute;left:28cqw;top:12cqw;width:44cqw;box-sizing:border-box;padding:2.2cqw;display:flex;flex-direction:column;gap:1.4cqw;border-radius:2.2cqw;
background:linear-gradient(160deg,#fff,rgba(255,255,255,.92));
box-shadow:inset 0 0 0 .12cqw rgba(255,255,255,.95),0 2.4cqw 4cqw -1.6cqw rgba(23,26,51,.24),0 .2cqw .5cqw rgba(23,26,51,.05)}
.g9 .g9-hd{display:flex;align-items:center;gap:1.1cqw;height:3.8cqw;margin-bottom:.4cqw;padding:0 .4cqw}
.g9 .g9-hd .sbm-mark{flex:none;width:2.8cqw;height:2.8cqw;border-radius:.8cqw}
.g9 .g9-hd b{font:600 max(12px,1.7cqw)/1 var(--font-ui);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.g9 .g9-row{position:relative;display:flex;align-items:center;gap:1.3cqw;height:7.2cqw;padding:0 1.6cqw;border-radius:1.3cqw;background:#fff;
box-shadow:0 .15cqw .4cqw rgba(23,26,51,.07),0 0 0 .1cqw rgba(23,26,51,.05)}
.g9 .g9-dot{flex:none;width:1.5cqw;height:1.5cqw;border-radius:50%}
.g9 .g9-dot--r{background:radial-gradient(circle at 35% 30%,#f2726b,#d23a33 70%);box-shadow:0 0 0 .4cqw rgba(210,58,51,.13)}
.g9 .g9-dot--y{background:radial-gradient(circle at 35% 30%,#f7c768,#e2951f 70%);box-shadow:0 0 0 .4cqw rgba(226,149,31,.16)}
.g9 .g9-tx{flex:0 1 auto;min-width:0;font:600 max(12px,1.6cqw)/1.25 var(--font-ui);letter-spacing:-.005em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g9 .g9-date{flex:none;display:inline-flex;align-items:center;margin-left:auto;height:max(18px,2.5cqw);padding:0 max(7px,.95cqw);border-radius:99px;
font:600 max(11px,1.3cqw)/1 var(--font-ui);letter-spacing:-.005em;white-space:nowrap;font-variant-numeric:tabular-nums}
.g9 .g9-date--r{background:var(--bad-bg);color:var(--bad);box-shadow:inset 0 0 0 .1cqw rgba(184,53,50,.14)}
.g9 .g9-date--y{background:var(--warn-bg);color:var(--c-sand);box-shadow:inset 0 0 0 .1cqw rgba(185,116,9,.18)}
@container (max-width:620px){
.g9 .g9-win{padding:2.2cqw 1.6cqw}
.g9 .g9-row{gap:.9cqw;padding:0 1.1cqw}
.g9 .g9-date{padding:0 5px}
}
.g9 .g9-ln{position:absolute;display:block;width:6cqw;height:.3cqw;margin-top:-.15cqw;border-radius:.2cqw;background:var(--blue-300)}
.g9 .g9-ln::before{content:"";position:absolute;top:50%;width:max(7px,1cqw);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 max(1.5px,.22cqw) var(--blue-300)}
.g9 .g9-ln::after{content:"";position:absolute;top:50%;width:max(6px,.8cqw);aspect-ratio:1;box-sizing:border-box;border:solid var(--blue-300);border-width:.3cqw .3cqw 0 0}
.g9 .g9-ln--l{left:22cqw;--clip0:inset(-2cqw -2cqw -2cqw calc(100% + 2cqw))}
.g9 .g9-ln--l::before{right:0;transform:translate(0,-50%)}
.g9 .g9-ln--l::after{left:0;transform:translate(15%,-50%) rotate(-135deg)}
.g9 .g9-ln--r{left:72cqw;--clip0:inset(-2cqw calc(100% + 2cqw) -2cqw -2cqw)}
.g9 .g9-ln--r::before{left:0;transform:translate(0,-50%)}
.g9 .g9-ln--r::after{right:0;transform:translate(-15%,-50%) rotate(45deg)}
.g9 .g9-l1{top:23.4cqw}
.g9 .g9-l2{top:32cqw}
.g9 .g9-l3{top:40.6cqw}
.g9 .g9-l4{top:49.2cqw}
.g9 .g9-o{filter:var(--sh)}
.g9 .g9-o1{--x:15.15cqw;--y:23.4cqw;--w:12.5cqw}
.g9 .g9-o2{--x:84.35cqw;--y:32cqw;--w:11.5cqw}
.g9 .g9-o3{--x:12.4cqw;--y:40.6cqw;--w:18cqw}
.g9 .g9-o4{--x:87.6cqw;--y:49.2cqw;--w:18cqw}
.g9 .g9-bellw{position:absolute;left:70.4cqw;top:11.8cqw;width:7cqw;transform:translate(-50%,-50%);transform-origin:50% 8%}
.g9 .g9-bell{display:block;width:100%;height:auto;max-width:none;filter:var(--sh);user-select:none;pointer-events:none}
.g9 .g9-badge{position:absolute;right:-.9cqw;top:.1cqw;display:grid;place-items:center;min-width:max(18px,2.5cqw);height:max(18px,2.5cqw);border-radius:99px;
background:radial-gradient(circle at 35% 30%,#f2726b,#d23a33 70%);box-shadow:0 0 0 .22cqw #fff,0 .3cqw .8cqw rgba(210,58,51,.4)}
.g9 .g9-badge b{grid-area:1/1;font:700 max(11px,1.3cqw)/1 var(--font-ui);color:#fff}
.g9 .g9-n1,.g9 .g9-n2,.g9 .g9-n3{opacity:0}
.g9 .g9-ring{position:absolute;left:70.4cqw;top:12.3cqw;width:8cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:0;
box-shadow:0 0 0 .3cqw rgba(47,111,224,.5),0 0 2.6cqw .6cqw rgba(47,111,224,.35)}
.g9 .g9-ok{position:absolute;left:50cqw;top:55cqw;width:4cqw;height:4cqw;transform:translate(-50%,-50%);
box-shadow:inset 0 0 0 .12cqw var(--c-mint-soft),0 0 0 .3cqw #fff,0 .5cqw 1.2cqw -.3cqw rgba(15,122,87,.35)}
.g9 .g9-ok svg{width:2.2cqw;height:2.2cqw}
@media (max-width:599.98px){
#galerie .g9.film{aspect-ratio:1/1}
.g9 .g9-floor{--y:88cqw;--w:62%}
.g9 .g9-win{left:22cqw;top:15cqw;width:56cqw;padding:3cqw;gap:2.4cqw;border-radius:3.6cqw}
.g9 .g9-hd{height:8cqw;margin-bottom:0;gap:2.2cqw;padding:0 .6cqw}
.g9 .g9-hd .sbm-mark{width:6cqw;height:6cqw;border-radius:1.7cqw}
.g9 .g9-hd b{font-size:13px}
.g9 .g9-row{height:11cqw;gap:2.2cqw;padding:0 2.6cqw;border-radius:2.6cqw}
.g9 .g9-dot{width:2.8cqw;height:2.8cqw}
.g9 .g9-date{display:none}
.g9 .g9-ln{display:none}
.g9 .g9-o1{--x:13.4cqw;--y:33.9cqw;--w:15cqw}
.g9 .g9-o2{--x:86.1cqw;--y:47.3cqw;--w:14cqw}
.g9 .g9-o3{--x:11.9cqw;--y:60.7cqw;--w:18cqw}
.g9 .g9-o4{--x:88.1cqw;--y:74.1cqw;--w:18cqw}
.g9 .g9-bellw{left:75.6cqw;top:14.4cqw;width:10.4cqw}
.g9 .g9-badge{right:-2cqw;top:0}
.g9 .g9-ring{left:75.6cqw;top:15.2cqw;width:12cqw}
.g9 .g9-ok{top:82.6cqw;width:9cqw;height:9cqw}
.g9 .g9-ok svg{width:5.2cqw;height:5.2cqw}
}
.js .film.is-in .g9-win{animation:g9-win var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g9-floor{animation:g9-floor var(--T) ease-out infinite}
@keyframes g9-win{
0%,12%{opacity:1;transform:none;filter:blur(0)}
18%,22%{opacity:0;transform:translateX(-3cqw) scale(.985);filter:blur(6px)}
28%,100%{opacity:1;transform:none;filter:blur(0)}
}
@keyframes g9-floor{0%,12%{opacity:1}18%,22%{opacity:0}28%,100%{opacity:1}}
.js .film.is-in .g9-r1{animation:g9-r1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g9-r2{animation:g9-r2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g9-r3{animation:g9-r3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g9-r4{animation:g9-r4 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g9-r1{0%,12%{opacity:1;transform:none;filter:blur(0)}16%,29%{opacity:0;transform:translateY(1.4cqw);filter:blur(3px)}33%,100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes g9-r2{0%,12%{opacity:1;transform:none;filter:blur(0)}16%,33.5%{opacity:0;transform:translateY(1.4cqw);filter:blur(3px)}37.5%,100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes g9-r3{0%,12%{opacity:1;transform:none;filter:blur(0)}16%,38%{opacity:0;transform:translateY(1.4cqw);filter:blur(3px)}42%,100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes g9-r4{0%,12%{opacity:1;transform:none;filter:blur(0)}16%,42.5%{opacity:0;transform:translateY(1.4cqw);filter:blur(3px)}46.5%,100%{opacity:1;transform:none;filter:blur(0)}}
.js .film.is-in .g9-d1{animation:g9-d1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .g9-d2{animation:g9-d2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .g9-d3{animation:g9-d3 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .g9-d4{animation:g9-d4 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g9-d1{0%,12%{opacity:1;transform:none}16%,32%{opacity:0;transform:scale(.2)}34.5%,100%{opacity:1;transform:none}}
@keyframes g9-d2{0%,12%{opacity:1;transform:none}16%,36.5%{opacity:0;transform:scale(.2)}39%,100%{opacity:1;transform:none}}
@keyframes g9-d3{0%,12%{opacity:1;transform:none}16%,41%{opacity:0;transform:scale(.2)}43.5%,100%{opacity:1;transform:none}}
@keyframes g9-d4{0%,12%{opacity:1;transform:none}16%,45.5%{opacity:0;transform:scale(.2)}48%,100%{opacity:1;transform:none}}
.js .film.is-in .g9-bellw{animation:g9-bell var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g9-bell{
0%,12%{opacity:1;transform:translate(-50%,-50%)}
16%,26%{opacity:0;transform:translate(-50%,-50%) scale(.6)}
30%{opacity:1;transform:translate(-50%,-50%)}
56%{transform:translate(-50%,-50%) rotate(0deg);animation-timing-function:ease-in-out}
57.6%{transform:translate(-50%,-50%) rotate(-9deg);animation-timing-function:ease-in-out}
59.6%{transform:translate(-50%,-50%) rotate(8deg);animation-timing-function:ease-in-out}
61.4%{transform:translate(-50%,-50%) rotate(-5deg);animation-timing-function:ease-in-out}
63%{transform:translate(-50%,-50%) rotate(2deg);animation-timing-function:ease-in-out}
64.5%,100%{opacity:1;transform:translate(-50%,-50%) rotate(0deg)}
}
.js .film.is-in .g9-badge{animation:g9-badge var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g9-badge{
0%,12%{opacity:1;transform:none}
16%,32%{opacity:0;transform:scale(.3)}
34.5%{opacity:1;transform:none}
36.5%{transform:none}38%{transform:scale(1.22)}39.5%{transform:none}
41%{transform:none}42.5%{transform:scale(1.22)}44%{transform:none}
45.5%{transform:none}47%{transform:scale(1.22)}48.5%,100%{opacity:1;transform:none}
}
.js .film.is-in .g9-n1{animation:g9-n1 var(--T) steps(1,end) infinite}
.js .film.is-in .g9-n2{animation:g9-n2 var(--T) steps(1,end) infinite}
.js .film.is-in .g9-n3{animation:g9-n3 var(--T) steps(1,end) infinite}
.js .film.is-in .g9-n4{animation:g9-n4 var(--T) steps(1,end) infinite}
@keyframes g9-n1{0%,32%{opacity:0}32.01%,37.5%{opacity:1}37.51%,100%{opacity:0}}
@keyframes g9-n2{0%,37.5%{opacity:0}37.51%,42%{opacity:1}42.01%,100%{opacity:0}}
@keyframes g9-n3{0%,42%{opacity:0}42.01%,46.5%{opacity:1}46.51%,100%{opacity:0}}
@keyframes g9-n4{0%,12%{opacity:1}12.01%,46.5%{opacity:0}46.51%,100%{opacity:1}}
.js .film.is-in .g9-o1{animation:g9-o1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g9-o2{animation:g9-o2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g9-o3{animation:g9-o3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g9-o4{animation:g9-o4 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g9-o1{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
16%,34%{opacity:0;transform:translate(-50%,-50%) translateX(11cqw) scale(.9);filter:blur(4px) var(--sh)}
36%{opacity:1}
40%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
}
@keyframes g9-o2{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
16%,38.5%{opacity:0;transform:translate(-50%,-50%) translateX(-11cqw) scale(.9);filter:blur(4px) var(--sh)}
40.5%{opacity:1}
44.5%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
}
@keyframes g9-o3{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
16%,43%{opacity:0;transform:translate(-50%,-50%) translateX(11cqw) scale(.9);filter:blur(4px) var(--sh)}
45%{opacity:1}
49%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
}
@keyframes g9-o4{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
16%,47.5%{opacity:0;transform:translate(-50%,-50%) translateX(-11cqw) scale(.9);filter:blur(4px) var(--sh)}
49.5%{opacity:1}
53.5%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
}
.js .film.is-in .g9-l1{animation:g9-l1 var(--T) cubic-bezier(.45,0,.25,1) infinite}
.js .film.is-in .g9-l2{animation:g9-l2 var(--T) cubic-bezier(.45,0,.25,1) infinite}
.js .film.is-in .g9-l3{animation:g9-l3 var(--T) cubic-bezier(.45,0,.25,1) infinite}
.js .film.is-in .g9-l4{animation:g9-l4 var(--T) cubic-bezier(.45,0,.25,1) infinite}
@keyframes g9-l1{0%,12%{opacity:1;clip-path:inset(-2cqw)}16%{opacity:0;clip-path:inset(-2cqw)}17%,34%{opacity:0;clip-path:var(--clip0)}35%{opacity:1}38.5%,100%{opacity:1;clip-path:inset(-2cqw)}}
@keyframes g9-l2{0%,12%{opacity:1;clip-path:inset(-2cqw)}16%{opacity:0;clip-path:inset(-2cqw)}17%,38.5%{opacity:0;clip-path:var(--clip0)}39.5%{opacity:1}43%,100%{opacity:1;clip-path:inset(-2cqw)}}
@keyframes g9-l3{0%,12%{opacity:1;clip-path:inset(-2cqw)}16%{opacity:0;clip-path:inset(-2cqw)}17%,43%{opacity:0;clip-path:var(--clip0)}44%{opacity:1}47.5%,100%{opacity:1;clip-path:inset(-2cqw)}}
@keyframes g9-l4{0%,12%{opacity:1;clip-path:inset(-2cqw)}16%{opacity:0;clip-path:inset(-2cqw)}17%,47.5%{opacity:0;clip-path:var(--clip0)}48.5%{opacity:1}52%,100%{opacity:1;clip-path:inset(-2cqw)}}
.js .film.is-in .g9-ring{animation:g9-ring var(--T) ease-out infinite}
@keyframes g9-ring{0%,56%{opacity:0;transform:translate(-50%,-50%) scale(1)}58%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}68%,100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}
.js .film.is-in .g9-ok{animation:g9-ok var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g9-ok{0%,12%{opacity:1;transform:translate(-50%,-50%)}16%,63%{opacity:0;transform:translate(-50%,-50%) scale(.3)}67%,100%{opacity:1;transform:translate(-50%,-50%)}}
.g1{--T:10s;--sh:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
.g1 .film__cam{container-type:inline-size}
@media (min-width:900px){ .g1 .film__cam{width:min(100%,810px);margin-inline:auto} }
.g1 .g1-ok{position:absolute;left:var(--x);top:var(--y);width:3.4cqw;height:3.4cqw;transform:translate(-50%,-50%);background:#fff;
box-shadow:inset 0 0 0 .14cqw var(--c-mint-soft),0 .5cqw 1.2cqw rgba(15,122,87,.22)}
.g1 .g1-ok svg{width:2cqw;height:2cqw}
.g1 .g1-ring{position:absolute;left:var(--x);top:var(--y);width:6.4cqw;aspect-ratio:2.6;transform:translate(-50%,-50%);border-radius:50%;
box-shadow:0 0 0 .22cqw rgba(47,111,224,.75),0 0 1.4cqw .3cqw rgba(47,111,224,.35);opacity:0}
.g1 .g1-press{position:absolute;left:var(--x);top:var(--y);width:16.6cqw;height:3.5cqw;transform:translate(-50%,-50%);border-radius:1.75cqw;overflow:hidden;
background:rgba(2,24,80,.24);opacity:0}
.g1 .g1-press i{position:absolute;left:50%;top:50%;width:18cqw;aspect-ratio:1;margin:-9cqw 0 0 -9cqw;border-radius:50%;background:rgba(255,255,255,.34);transform:scale(0)}
.js .film.is-in .g1-pin{animation:g1-pin var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g1-pin{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}
19%,24%{opacity:0;transform:translate(-50%,-50%) translateY(-6cqw);filter:var(--sh) blur(3px)}
27%{opacity:1;filter:var(--sh) blur(2px)}
31%{transform:translate(-50%,-50%) translateY(.35cqw);filter:var(--sh)}
34%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}
}
.js .film.is-in .g1-ring{animation:g1-ring var(--T) cubic-bezier(.2,.7,.3,1) infinite}
@keyframes g1-ring{
0%,30%{opacity:0;transform:translate(-50%,-50%) scale(.35)}
32%{opacity:1}
44%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.45)}
}
.js .film.is-in .g1-press{animation:g1-press var(--T) ease-in-out infinite}
@keyframes g1-press{
0%,38%{opacity:0;transform:translate(-50%,-50%)}
41%{opacity:1;transform:translate(-50%,-50%) scale(.97)}
45%{opacity:1;transform:translate(-50%,-50%)}
50%,100%{opacity:0;transform:translate(-50%,-50%)}
}
.js .film.is-in .g1-press i{animation:g1-tap var(--T) cubic-bezier(.2,.7,.3,1) infinite}
@keyframes g1-tap{0%,39%{transform:scale(0);opacity:1}48%{transform:scale(1);opacity:.6}50%,100%{transform:scale(1);opacity:0}}
.js .film.is-in .g1-cal{animation:g1-cal var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g1-doc{animation:g1-doc var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g1-loc{animation:g1-loc var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g1-cal{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}
20%,47%{opacity:0;transform:translate(-50%,-50%) translate(13cqw,2cqw) scale(.8);filter:var(--sh) blur(5px)}
58%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}
}
@keyframes g1-doc{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}
20%,54%{opacity:0;transform:translate(-50%,-50%) translate(-14cqw,4cqw) scale(.8);filter:var(--sh) blur(5px)}
65%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}
}
@keyframes g1-loc{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}
20%,61%{opacity:0;transform:translate(-50%,-50%) translate(-13cqw,-2cqw) scale(.8);filter:var(--sh) blur(5px)}
72%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}
}
.js .film.is-in .g1-ok{animation:g1-ok var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g1-ok{
0%,12%{opacity:1;transform:translate(-50%,-50%)}
16%,70%{opacity:0;transform:translate(-50%,-50%) scale(.3)}
77%,100%{opacity:1;transform:translate(-50%,-50%)}
}
.g2{--T:10s;--sh:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
.g2 .film__cam{container-type:inline-size}
@media (min-width:900px){ .g2 .film__cam{width:min(100%,810px);margin-inline:auto} }
.g2 .g2-screen{position:absolute;left:var(--x);top:var(--y);width:25cqw;height:13.55cqw;transform:translate(-50%,-50%);border-radius:1.2cqw;overflow:hidden;
display:flex;align-items:center;justify-content:space-between;gap:1.4cqw;padding:0 2cqw 0 2.2cqw;
background:radial-gradient(120% 90% at 20% 0%,rgba(255,255,255,.1),rgba(255,255,255,0) 55%),linear-gradient(180deg,#1b1e26,#0e1015)}
.g2 .g2-id{display:flex;flex-direction:column;gap:.9cqw;flex:1 1 auto}
.g2 .g2-av{display:block;width:3cqw;height:3cqw;border-radius:50%;background:var(--blue-500);box-shadow:inset 0 0 0 .7cqw #4d86ea}
.g2 .g2-b1,.g2 .g2-b2{display:block;height:.75cqw;border-radius:.4cqw}
.g2 .g2-b1{width:80%;background:rgba(255,255,255,.55)}
.g2 .g2-b2{width:52%;background:var(--blue-300);opacity:.85}
.g2 .g2-ok{flex:none;display:grid;place-items:center;width:6cqw;height:6cqw;border-radius:50%;background:#1f9d74;color:#fff;
box-shadow:0 0 0 .6cqw rgba(31,157,116,.28),0 0 3cqw .4cqw rgba(40,190,140,.45)}
.g2 .g2-ok svg{width:3.4cqw;height:3.4cqw;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.g2 .g2-led{position:absolute;left:var(--x);top:var(--y);width:2.4cqw;height:.75cqw;transform:translate(-50%,-50%);border-radius:.4cqw;background:#d5d8dd;box-shadow:inset 0 .08cqw .15cqw rgba(23,26,51,.18)}
.g2 .g2-led i{position:absolute;inset:0;border-radius:inherit;background:#2bc48f;box-shadow:0 0 .8cqw .25cqw rgba(43,196,143,.75),0 0 2.2cqw .6cqw rgba(43,196,143,.35)}
.g2 .g2-ripple{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
box-shadow:0 0 0 .25cqw rgba(47,111,224,.6);opacity:0}
.js .film.is-in .g2-hand{animation:g2-hand var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g2-hand{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}
20%,24%{opacity:0;transform:translate(-50%,-50%) translate(22cqw,3cqw);filter:var(--sh) blur(5px)}
31%{opacity:1;filter:var(--sh) blur(2px)}
37%{transform:translate(-50%,-50%) translate(-.8cqw,0);filter:var(--sh)}
42%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}
}
.js .film.is-in .g2-glow{animation:g2-glow var(--T) ease-out infinite}
@keyframes g2-glow{
0%,36%{opacity:0;transform:translate(-50%,-50%) scale(.9)}
40%{opacity:1;transform:translate(-50%,-50%) scale(1)}
54%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.12)}
}
.js .film.is-in .g2-ripple{animation:g2-ripple var(--T) cubic-bezier(.2,.7,.3,1) infinite}
@keyframes g2-ripple{
0%,38%{opacity:0;transform:translate(-50%,-50%) scale(1)}
40%{opacity:.9;transform:translate(-50%,-50%) scale(1)}
56%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.55)}
}
.js .film.is-in .g2-id{animation:g2-id var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g2-id{
0%,12%{opacity:1;transform:none;filter:none}
18%,43%{opacity:0;transform:translateX(-2cqw);filter:blur(3px)}
51%,100%{opacity:1;transform:none;filter:none}
}
.js .film.is-in .g2-ok{animation:g2-ok var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g2-ok{
0%,12%{opacity:1;transform:none}
17%,50%{opacity:0;transform:scale(.3)}
57%,100%{opacity:1;transform:none}
}
.js .film.is-in .g2-led i{animation:g2-led var(--T) ease-in-out infinite}
@keyframes g2-led{
0%,12%{opacity:1}
16%,52%{opacity:0}
55%{opacity:1}
59%{opacity:.1}
63%{opacity:1}
67%{opacity:.1}
71%,100%{opacity:1}
}
.g3{--T:11s;--sh:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
.g3 .film__cam{container-type:inline-size}
@media (min-width:900px){ .g3 .film__cam{width:min(100%,810px);margin-inline:auto} }
.g3 .g3-hd{display:flex;align-items:center;gap:1cqw;height:2.4cqw;padding:0 1cqw}
.g3 .g3-sp{flex:none;width:1.9cqw}
.g3 .g3-hd i{flex:1 1 0;display:flex;justify-content:center}
.g3 .g3-hd i::before{content:"";display:block;width:1.6cqw;height:.65cqw;border-radius:.35cqw;background:var(--navy-700);opacity:.4}
.g3 .g3-hd i.g3-we::before{background:var(--c-sand);opacity:.55}
.g3 .g3-r{position:relative;height:4.4cqw}
.g3 .g3-c{position:relative;flex:1 1 0;display:flex;align-items:center;height:2.6cqw;padding:0 .7cqw;border-radius:.75cqw;background:#f1f2f6}
.g3 .g3-c b{display:block;width:var(--cw,70%);height:.9cqw;border-radius:.45cqw;background:var(--blue-300)}
.g3 .g3-n{position:absolute;inset:0;border-radius:inherit;background:var(--c-indigo-bg);box-shadow:inset 0 0 0 .12cqw var(--c-indigo-soft)}
.g3 .g3-n::after{content:"";position:absolute;left:.7cqw;top:50%;width:62%;height:.9cqw;margin-top:-.45cqw;border-radius:.45cqw;background:var(--c-indigo)}
.g3 .g3-band{position:absolute;left:45.69cqw;width:16.16cqw;top:.8cqw;bottom:.8cqw;border-radius:1.1cqw;background:rgba(240,206,154,.5);mix-blend-mode:multiply}
.g3 .g3-r1{overflow:hidden}
.g3 .g3-cover{position:absolute;top:0;bottom:0;left:3.9cqw;right:0;background:#fff;transform:translateX(101%);opacity:0}
.g3 .g3-ok{position:absolute;right:-1.3cqw;top:-1.3cqw;width:3.8cqw;height:3.8cqw;background:#fff;box-shadow:inset 0 0 0 .14cqw var(--c-mint-soft),0 .5cqw 1.2cqw rgba(15,122,87,.22)}
.g3 .g3-ok svg{width:2.2cqw;height:2.2cqw}
.js .film.is-in .g3-pen{animation:g3-pen var(--T) cubic-bezier(.45,0,.55,1) infinite}
@keyframes g3-pen{
0%,22%{transform:translate(-50%,-50%);filter:var(--sh)}
26%{filter:var(--sh) blur(2px)}
30%{transform:translate(-50%,-50%) translate(-38.21cqw,-38.04cqw);filter:var(--sh)}
46%{transform:translate(-50%,-50%) translate(19.26cqw,-38.04cqw);filter:var(--sh)}
51%{filter:var(--sh) blur(2px)}
57%,100%{transform:translate(-50%,-50%);filter:var(--sh)}
}
.js .film.is-in .g3-cover{animation:g3-cover var(--T) cubic-bezier(.45,0,.55,1) infinite}
@keyframes g3-cover{
0%,13%{opacity:0;transform:translateX(101%)}
14%{opacity:0;transform:none}
20%,30%{opacity:1;transform:none}
46%{opacity:1;transform:translateX(101%)}
47%,100%{opacity:0;transform:translateX(101%)}
}
.js .film.is-in .g3-r2{animation:g3-r2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g3-r3{animation:g3-r3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g3-r4{animation:g3-r4 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g3-r2{0%,12%{opacity:1;transform:none;filter:none}19%,47%{opacity:0;transform:translateX(-3cqw);filter:blur(4px)}54%,100%{opacity:1;transform:none;filter:none}}
@keyframes g3-r3{0%,12%{opacity:1;transform:none;filter:none}19%,51%{opacity:0;transform:translateX(-3cqw);filter:blur(4px)}58%,100%{opacity:1;transform:none;filter:none}}
@keyframes g3-r4{0%,12%{opacity:1;transform:none;filter:none}19%,55%{opacity:0;transform:translateX(-3cqw);filter:blur(4px)}62%,100%{opacity:1;transform:none;filter:none}}
.js .film.is-in .g3-band{animation:g3-band var(--T) ease-in-out infinite}
@keyframes g3-band{0%,12%{opacity:1;transform:none}18%,61%{opacity:0;transform:scaleY(.94)}68%,100%{opacity:1;transform:none}}
.js .film.is-in .g3-n1{animation:g3-n1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .g3-n2{animation:g3-n2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g3-n1{0%,12%{opacity:1;transform:none}16%,65%{opacity:0;transform:scale(.6)}70%,100%{opacity:1;transform:none}}
@keyframes g3-n2{0%,12%{opacity:1;transform:none}16%,68%{opacity:0;transform:scale(.6)}73%,100%{opacity:1;transform:none}}
.js .film.is-in .g3-ok{animation:g3-ok var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g3-ok{0%,12%{opacity:1;transform:none}16%,73%{opacity:0;transform:scale(.3)}79%,100%{opacity:1;transform:none}}
.g7{--T:10s;--sh:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06));--psh:drop-shadow(0 .45cqw .5cqw rgba(23,26,51,.2))}
@media (min-width:900px){ #galerie .g7 .film__cam{left:0;right:0;width:min(100%,810px);margin-inline:auto;container-type:inline-size} }
.g7 .g7-board{position:absolute;box-sizing:border-box;width:60cqw;height:33.1cqw;padding:1.6cqw;display:grid;grid-template-columns:repeat(4,13.3cqw);gap:1.2cqw;border-radius:1.8cqw;
background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,255,255,.55));
box-shadow:inset 0 0 0 .12cqw rgba(255,255,255,.95),0 2.4cqw 4cqw -1.6cqw rgba(23,26,51,.24),0 .2cqw .5cqw rgba(23,26,51,.05);
-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.g7 .g7-col{display:flex;flex-direction:column;gap:.9cqw;padding:1cqw;border-radius:1.1cqw;background:rgba(255,255,255,.72);box-shadow:0 0 0 .1cqw rgba(23,26,51,.05),0 .15cqw .4cqw rgba(23,26,51,.05)}
.g7 .g7-hd{display:flex;align-items:center;gap:.8cqw;height:2.4cqw;padding:0 .3cqw}
.g7 .g7-hd i{flex:none;width:1.2cqw;height:1.2cqw;border-radius:50%;background:var(--blue)}
.g7 .g7-hd b{display:block;width:55%;height:.7cqw;border-radius:.4cqw;background:var(--navy-700);opacity:.5}
.g7 .g7-col:nth-child(3) .g7-hd i{background:var(--blue-500)}
.g7 .g7-col:nth-child(4) .g7-hd i{background:var(--blue-300)}
.g7 .g7-slot{position:relative;height:7.6cqw;border-radius:.9cqw;background:rgba(23,26,51,.035);box-shadow:inset 0 .15cqw .4cqw rgba(23,26,51,.06)}
.g7 .g7-col--free{background:rgba(227,237,253,.6)}
.g7 .g7-col--free .g7-hd i{background:var(--line-2)}
.g7 .g7-col--free .g7-hd b{opacity:.3}
.g7 .g7-col--free .g7-slot{background:none;box-shadow:inset 0 0 0 .14cqw rgba(47,111,224,.28)}
.g7 .g7-p{position:absolute;left:50%;top:50%;width:auto;height:6cqw;max-width:none;transform:translate(-50%,-50%);filter:var(--psh);user-select:none;pointer-events:none}
.g7 .g7-hand{filter:var(--sh)}
.g7 .g7-glow{position:absolute;inset:-.15cqw;border-radius:1cqw;opacity:0;box-shadow:0 0 0 .25cqw var(--blue-500),0 0 2.2cqw .4cqw rgba(47,111,224,.45)}
.g7 .g7-ok{position:absolute;width:3.6cqw;height:3.6cqw;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 .12cqw var(--c-mint-soft),0 .5cqw 1.2cqw -.3cqw rgba(15,122,87,.35)}
.g7 .g7-ok svg{width:2.1cqw;height:2.1cqw}
.js .film.is-in .g7-a{animation:g7-a var(--T) cubic-bezier(.45,0,.25,1) infinite}
.js .film.is-in .g7-b{animation:g7-b var(--T) cubic-bezier(.45,0,.25,1) infinite}
.js .film.is-in .g7-c{animation:g7-c var(--T) cubic-bezier(.45,0,.25,1) infinite}
@keyframes g7-a{
0%,12%{opacity:1;transform:translate(-50%,-50%) translate(0,0) scale(1);filter:blur(0) var(--psh)}
16%{opacity:0;transform:translate(-50%,-50%) translate(0,0) scale(1)}
17%{opacity:0;transform:translate(-50%,-50%) translate(-14.5cqw,0) scale(1)}
21%,24%{opacity:1;transform:translate(-50%,-50%) translate(-14.5cqw,0) scale(1);filter:blur(0) var(--psh)}
27%{transform:translate(-50%,-50%) translate(-13.4cqw,-1cqw) scale(1.1);filter:blur(.5px) drop-shadow(0 1.4cqw 1cqw rgba(23,26,51,.16))}
32%{transform:translate(-50%,-50%) translate(-.6cqw,-1cqw) scale(1.1);filter:blur(.5px) drop-shadow(0 1.4cqw 1cqw rgba(23,26,51,.16))}
35%,100%{opacity:1;transform:translate(-50%,-50%) translate(0,0) scale(1);filter:blur(0) var(--psh)}
}
@keyframes g7-b{
0%,12%{opacity:1;transform:translate(-50%,-50%) translate(0,0) scale(1);filter:blur(0) var(--psh)}
16%{opacity:0;transform:translate(-50%,-50%) translate(0,0) scale(1)}
17%{opacity:0;transform:translate(-50%,-50%) translate(-29cqw,0) scale(1)}
21%,34%{opacity:1;transform:translate(-50%,-50%) translate(-29cqw,0) scale(1);filter:blur(0) var(--psh)}
37%{transform:translate(-50%,-50%) translate(-27.6cqw,-1cqw) scale(1.1);filter:blur(.6px) drop-shadow(0 1.4cqw 1cqw rgba(23,26,51,.16))}
42%{transform:translate(-50%,-50%) translate(-.8cqw,-1cqw) scale(1.1);filter:blur(.6px) drop-shadow(0 1.4cqw 1cqw rgba(23,26,51,.16))}
45%,100%{opacity:1;transform:translate(-50%,-50%) translate(0,0) scale(1);filter:blur(0) var(--psh)}
}
@keyframes g7-c{
0%,12%{opacity:1;transform:translate(-50%,-50%) translate(0,0) scale(1);filter:blur(0) var(--psh)}
16%{opacity:0;transform:translate(-50%,-50%) translate(0,0) scale(1)}
17%{opacity:0;transform:translate(-50%,-50%) translate(-43.5cqw,0) scale(1)}
21%,44%{opacity:1;transform:translate(-50%,-50%) translate(-43.5cqw,0) scale(1);filter:blur(0) var(--psh)}
47%{transform:translate(-50%,-50%) translate(-42cqw,-1cqw) scale(1.1);filter:blur(.7px) drop-shadow(0 1.4cqw 1cqw rgba(23,26,51,.16))}
53%{transform:translate(-50%,-50%) translate(-1cqw,-1cqw) scale(1.1);filter:blur(.7px) drop-shadow(0 1.4cqw 1cqw rgba(23,26,51,.16))}
56%,100%{opacity:1;transform:translate(-50%,-50%) translate(0,0) scale(1);filter:blur(0) var(--psh)}
}
.js .film.is-in .g7-hand{animation:g7-hand var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g7-hand{
0%,12%{opacity:1;transform:translate(-50%,-50%) translate(0,0);filter:blur(0) var(--sh)}
19%,56%{opacity:0;transform:translate(-50%,-50%) translate(18cqw,2cqw);filter:blur(4px) var(--sh)}
62%{opacity:1;filter:blur(2px) var(--sh)}
69%{transform:translate(-50%,-50%) translate(0,-.7cqw);filter:blur(0) var(--sh)}
72%,100%{opacity:1;transform:translate(-50%,-50%) translate(0,0);filter:blur(0) var(--sh)}
}
.js .film.is-in .g7-glow{animation:g7-glow var(--T) ease-out infinite}
@keyframes g7-glow{0%,71%{opacity:0}73%{opacity:1}80%,100%{opacity:0}}
.js .film.is-in .g7-ok{animation:g7-ok var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g7-ok{0%,12%{opacity:1;transform:translate(-50%,-50%)}16%,74%{opacity:0;transform:translate(-50%,-50%) scale(.3)}79%,100%{opacity:1;transform:translate(-50%,-50%)}}
.g13{--T:9s;--dsh:drop-shadow(0 1.3cqw 1.6cqw rgba(23,26,51,.15)) drop-shadow(0 .25cqw .45cqw rgba(23,26,51,.07));
--card-y:13.9cqw;--card-w:50cqw;--doc-y:38.1cqw;--doc-w:20.5cqw;--doc-h:26.5cqw;--doc-dx:26.5cqw;--fl-y:52.6cqw;--chip-y:56.6cqw;--chip2-y:56.6cqw}
@media (min-width:900px){ #galerie .g13 .film__cam{left:0;right:0;width:min(100%,810px);margin-inline:auto;container-type:inline-size} }
.g13 .g13-halo{position:absolute;left:50cqw;top:var(--doc-y);width:62cqw;height:34cqw;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(closest-side,rgba(47,111,224,.13),rgba(47,111,224,.05) 62%,rgba(47,111,224,0))}
.g13 .g13-fl{--y:var(--fl-y);--w:15cqw}
.g13 .g13-fl1{--x:calc(50cqw - var(--doc-dx))}
.g13 .g13-fl2{--x:50cqw}
.g13 .g13-fl3{--x:calc(50cqw + var(--doc-dx))}
.g13 .g13-card{--x:50cqw;--y:var(--card-y);--w:var(--card-w);box-sizing:border-box;padding:1.8cqw;gap:1.2cqw;border-radius:2cqw}
.g13 .g13-hd{display:flex;align-items:center;gap:1.2cqw;height:4.2cqw;padding:0 .3cqw 0 .4cqw}
.g13 .g13-hd .sbm-mark{flex:none;width:3.2cqw;height:3.2cqw;border-radius:.9cqw}
.g13 .g13-hd .film-bar{height:.8cqw}
.g13 .g13-btn{position:relative;flex:none;margin-left:auto;display:inline-flex;align-items:center;height:max(22px,3.5cqw);padding:0 max(9px,1.4cqw);border-radius:99px;
font:600 max(12px,1.55cqw)/1 var(--font-ui);letter-spacing:-.005em;color:#fff;white-space:nowrap;
background:linear-gradient(180deg,var(--blue-600),var(--blue));box-shadow:inset 0 .12cqw 0 rgba(255,255,255,.22),0 .5cqw 1.2cqw -.3cqw rgba(7,78,185,.45)}
.g13 .g13-btn::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none;
box-shadow:0 0 0 .3cqw rgba(47,111,224,.45),0 0 2.4cqw .7cqw rgba(47,111,224,.35)}
.g13 .g13-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1cqw}
.g13 .g13-f{height:4.4cqw;gap:1cqw;padding:0 1cqw;border-radius:1.1cqw}
.g13 .g13-f .film-bar{transform-origin:0 50%}
.g13 .g13-ico{flex:none;display:grid;place-items:center;width:2.6cqw;height:2.6cqw;border-radius:.8cqw;background:var(--c-blue-bg);color:var(--blue)}
.g13 .g13-ico svg{width:1.6cqw;height:1.6cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.g13 .g13-doc{position:absolute;left:50cqw;top:var(--doc-y);width:var(--doc-w);height:var(--doc-h);transform:translate(-50%,-50%);filter:var(--dsh)}
.g13 .g13-d1{left:calc(50cqw - var(--doc-dx));--dx:var(--doc-dx);--sx:-1.4cqw}
.g13 .g13-d3{left:calc(50cqw + var(--doc-dx));--dx:calc(var(--doc-dx) * -1);--sx:1.4cqw}
.g13 .g13-pg{position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;gap:1.1cqw;padding:2.5cqw 2cqw 1.8cqw;border-radius:1.2cqw;
background:linear-gradient(165deg,#fff 0%,#fcfcfe 55%,#f2f4f9 100%);
clip-path:polygon(0 0,calc(100% - 3.6cqw) 0,100% 3.6cqw,100% 100%,0 100%)}
.g13 .g13-fold{position:absolute;right:0;top:0;width:3.6cqw;height:3.6cqw;border-radius:0 0 0 .8cqw;clip-path:polygon(0 0,100% 100%,0 100%);
background:linear-gradient(225deg,var(--blue-300) 0%,var(--blue-500) 55%,var(--blue) 100%)}
.g13 .g13-t{display:block;width:48%;height:1.1cqw;border-radius:.55cqw;background:var(--blue);margin-bottom:.3cqw}
.g13 .g13-pg > i{display:block;width:var(--bw,100%);height:.6cqw;border-radius:.3cqw;background:var(--line-2)}
.g13 .g13-pg > i:first-of-type{background:var(--navy-700);opacity:.45;margin-bottom:.5cqw}
.g13 .g13-foot{position:relative;margin-top:auto;height:7cqw;display:grid;place-items:center}
.g13 .g13-seal{display:block;width:6.6cqw;height:auto;max-width:none;filter:drop-shadow(0 .4cqw .5cqw rgba(7,78,185,.28))}
.g13 .g13-sign{place-items:end start}
.g13 .g13-sign::before{content:"";position:absolute;left:0;right:3.6cqw;bottom:1.1cqw;height:max(1px,.14cqw);border-radius:.1cqw;background:var(--line-2)}
.g13 .g13-sig{position:absolute;left:0;bottom:1.15cqw;width:13cqw;height:auto;overflow:visible;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.g13 .g13-sig path{stroke-dasharray:1;stroke-dashoffset:0}
.g13 .g13-ok{position:absolute;right:0;bottom:0;width:2.8cqw;height:2.8cqw;box-shadow:inset 0 0 0 .12cqw var(--c-mint-soft),0 0 0 .25cqw #fff,0 .4cqw 1cqw -.3cqw rgba(15,122,87,.35)}
.g13 .g13-ok svg{width:1.5cqw;height:1.5cqw}
.g13 .g13-cur{position:absolute;left:67.4cqw;top:11.2cqw;width:max(18px,2.6cqw);opacity:0;pointer-events:none;filter:drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.3))}
.g13 .g13-cur svg{display:block;width:100%;height:auto;fill:#fff;stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round}
.g13 .g13-chip{position:absolute;top:var(--chip-y);transform:translate(-50%,-50%);display:inline-flex;align-items:center;padding:.42em .85em;border-radius:1em;
font:600 max(12px,1.5cqw)/1.2 var(--font-ui);letter-spacing:-.005em;color:var(--ink);white-space:nowrap;
background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(23,26,51,.08),0 .7cqw 1.6cqw -.5cqw rgba(23,26,51,.22)}
.g13 .g13-c1{left:calc(50cqw - var(--doc-dx))}
.g13 .g13-c2{left:50cqw;top:var(--chip2-y)}
.g13 .g13-c3{left:calc(50cqw + var(--doc-dx))}
@media (max-width:599.98px){
#galerie .g13.film{aspect-ratio:1/1}
.g13{--card-y:19.6cqw;--card-w:84cqw;--doc-y:54cqw;--doc-w:25cqw;--doc-h:32.5cqw;--doc-dx:29cqw;--fl-y:72cqw;--chip-y:78.5cqw;--chip2-y:88cqw}
.g13 .g13-halo{width:90cqw;height:48cqw}
.g13 .g13-fl{--w:21cqw}
.g13 .film-glass.g13-card{padding:2.6cqw;gap:2cqw;border-radius:3.2cqw}
.g13 .g13-hd{height:7cqw;gap:2cqw}
.g13 .g13-hd .sbm-mark{width:5.4cqw;height:5.4cqw;border-radius:1.5cqw}
.g13 .g13-hd .film-bar{height:1.5cqw}
.g13 .g13-btn{height:6.6cqw;padding:0 2.6cqw}
.g13 .g13-fields{gap:1.8cqw}
.g13 .g13-f{height:8cqw;gap:1.6cqw;padding:0 1.6cqw;border-radius:2cqw}
.g13 .g13-f .film-bar{height:1.3cqw}
.g13 .g13-ico{width:4.6cqw;height:4.6cqw;border-radius:1.3cqw}
.g13 .g13-ico svg{width:2.9cqw;height:2.9cqw}
.g13 .g13-pg{gap:1.4cqw;padding:3cqw 2.4cqw 2.2cqw;border-radius:1.6cqw;clip-path:polygon(0 0,calc(100% - 4.4cqw) 0,100% 4.4cqw,100% 100%,0 100%)}
.g13 .g13-fold{width:4.4cqw;height:4.4cqw;border-radius:0 0 0 1cqw}
.g13 .g13-t{height:1.4cqw;border-radius:.7cqw}
.g13 .g13-pg > i{height:.8cqw;border-radius:.4cqw}
.g13 .g13-foot{height:8cqw}
.g13 .g13-seal{width:7.6cqw}
.g13 .g13-sign::before{right:4.6cqw;bottom:1.2cqw;height:max(1px,.2cqw)}
.g13 .g13-sig{bottom:1.5cqw;width:14cqw}
.g13 .g13-ok{width:3.6cqw;height:3.6cqw}
.g13 .g13-ok svg{width:2.1cqw;height:2.1cqw}
.g13 .g13-cur{left:78.5cqw;top:14cqw}
.g13 .g13-c1{transform:translate(max(-50%,-18.5cqw),-50%)}
.g13 .g13-c3{transform:translate(min(-50%,calc(18.5cqw - 100%)),-50%)}
}
.js .film.is-in .g13-card{animation:g13-card var(--T) cubic-bezier(.16,1,.3,1)}
@keyframes g13-card{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,22%{opacity:0;translate:-3cqw 0;filter:blur(6px)}28%,100%{opacity:1;translate:0 0;filter:blur(0)}}
.js .film.is-in .g13-f1 .film-bar{animation:g13-f1 var(--T) cubic-bezier(.45,0,.25,1)}
.js .film.is-in .g13-f2 .film-bar{animation:g13-f2 var(--T) cubic-bezier(.45,0,.25,1)}
.js .film.is-in .g13-f3 .film-bar{animation:g13-f3 var(--T) cubic-bezier(.45,0,.25,1)}
@keyframes g13-f1{0%,12%{scale:1 1;opacity:1}16%,26.5%{scale:0 1;opacity:0}27%{opacity:1}30.5%,100%{scale:1 1;opacity:1}}
@keyframes g13-f2{0%,12%{scale:1 1;opacity:1}16%,28.5%{scale:0 1;opacity:0}29%{opacity:1}32.5%,100%{scale:1 1;opacity:1}}
@keyframes g13-f3{0%,12%{scale:1 1;opacity:1}16%,30.5%{scale:0 1;opacity:0}31%{opacity:1}34.5%,100%{scale:1 1;opacity:1}}
.js .film.is-in .g13-cur{animation:g13-cur var(--T) cubic-bezier(.3,.7,.3,1)}
@keyframes g13-cur{
0%,31%{opacity:0;translate:6cqw 5cqw;scale:1}
33%{opacity:1}
35.5%{translate:0 0;scale:1}
36.5%{scale:.84}
38%{opacity:1;translate:0 0;scale:1}
42%,100%{opacity:0;translate:1.5cqw 1.5cqw;scale:1}
}
.js .film.is-in .g13-btn{animation:g13-btn var(--T) ease-out}
@keyframes g13-btn{0%,35.8%{scale:1}36.6%{scale:.93}38.5%,100%{scale:1}}
.js .film.is-in .g13-btn::after{animation:g13-ring var(--T) ease-out}
@keyframes g13-ring{0%,36%{opacity:0;scale:1}37%{opacity:1;scale:1.04}46%,100%{opacity:0;scale:1.45}}
.js .film.is-in .g13-halo{animation:g13-halo var(--T) ease-out}
@keyframes g13-halo{0%,12%{opacity:1;scale:1}16%,37.5%{opacity:0;scale:.82}46%,100%{opacity:1;scale:1}}
.js .film.is-in .g13-d2{animation:g13-d2 var(--T) cubic-bezier(.16,1,.3,1)}
@keyframes g13-d2{
0%,12%{opacity:1;translate:0 0;scale:1;filter:var(--dsh) blur(0)}
16%,38.5%{opacity:0;translate:0 2.6cqw;scale:.93;filter:var(--dsh) blur(4px)}
42.5%,100%{opacity:1;translate:0 0;scale:1;filter:var(--dsh) blur(0)}
}
.js .film.is-in .g13-d1,.js .film.is-in .g13-d3{animation:g13-dx var(--T) cubic-bezier(.16,1,.3,1)}
@keyframes g13-dx{
0%,12%{opacity:1;translate:0 0;scale:1;filter:var(--dsh) blur(0)}
16%,38.5%{opacity:0;translate:calc(var(--dx) + var(--sx)) 3cqw;scale:.93;filter:var(--dsh) blur(4px)}
42.5%{opacity:1;translate:calc(var(--dx) + var(--sx)) .5cqw;scale:.97;filter:var(--dsh) blur(0);animation-timing-function:cubic-bezier(.5,0,.2,1)}
44%{translate:calc(var(--dx) + var(--sx)) .5cqw;scale:.97;filter:var(--dsh) blur(0);animation-timing-function:cubic-bezier(.5,0,.2,1)}
47.5%{filter:var(--dsh) blur(2.5px)}
51%,100%{opacity:1;translate:0 0;scale:1;filter:var(--dsh) blur(0)}
}
.js .film.is-in .g13-fl1,.js .film.is-in .g13-fl3{animation:g13-fl var(--T) ease-out}
@keyframes g13-fl{0%,12%{opacity:1}16%,47%{opacity:0}51.5%,100%{opacity:1}}
.js .film.is-in .g13-fl2{animation:g13-fl2 var(--T) ease-out}
@keyframes g13-fl2{0%,12%{opacity:1}16%,39%{opacity:0}43%,100%{opacity:1}}
.js .film.is-in .g13-c1,.js .film.is-in .g13-c3{animation:g13-c13 var(--T) cubic-bezier(.16,1,.3,1)}
.js .film.is-in .g13-c2{animation:g13-c2 var(--T) cubic-bezier(.16,1,.3,1)}
@keyframes g13-c13{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,50%{opacity:0;translate:0 1.2cqw;filter:blur(3px)}54.5%,100%{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes g13-c2{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,51%{opacity:0;translate:0 1.2cqw;filter:blur(3px)}55.5%,100%{opacity:1;translate:0 0;filter:blur(0)}}
.js .film.is-in .g13-seal{animation:g13-seal var(--T) cubic-bezier(.34,1.56,.64,1)}
@keyframes g13-seal{0%,12%{opacity:1;scale:1}16%,52.5%{opacity:0;scale:.35}56.5%,100%{opacity:1;scale:1}}
.js .film.is-in .g13-sig path{animation:g13-sig var(--T) cubic-bezier(.45,0,.4,1)}
@keyframes g13-sig{0%,12%{stroke-dashoffset:0;opacity:1}16%,55%{stroke-dashoffset:1;opacity:0}55.2%{opacity:1}62%,100%{stroke-dashoffset:0;opacity:1}}
.js .film.is-in .g13-ok{animation:g13-ok var(--T) cubic-bezier(.34,1.56,.64,1)}
@keyframes g13-ok{0%,12%{opacity:1;scale:1}16%,62%{opacity:0;scale:.3}65.5%,100%{opacity:1;scale:1}}
.g14{--T:8s}
@media (min-width:900px){ #galerie .g14 .film__cam{left:0;right:0;width:min(100%,810px);margin-inline:auto;container-type:inline-size} }
.g14 .film__cam{--c1:28cqw;--sp:22cqw;--card-w:70cqw;--card-t:6cqw;--card-r:2.6cqw;--card-pb:4cqw;
--fig-w:9.4cqw;--base-y:25cqw;--base-w:14cqw;--base-h:3.3cqw;--halo:21cqw;
--b-y:36cqw;--b-w:12.2cqw;--col-t:45.2cqw;--col-gap:1.2cqw;--done-gap:2.6cqw}
.g14 .g14-c1{--x:var(--c1)}
.g14 .g14-c2{--x:calc(var(--c1) + var(--sp))}
.g14 .g14-c3{--x:calc(var(--c1) + var(--sp) * 2)}
.g14 .g14-lbl{position:absolute;left:calc(var(--c1) - var(--sp) / 2);top:var(--col-t);width:calc(var(--sp) * 3);display:flex;flex-direction:column;align-items:center}
.g14 .g14-tags{position:relative;align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--col-gap);justify-items:center;align-items:start}
.g14 .g14-tags::before,.g14 .g14-tags::after{content:"";position:absolute;left:calc((var(--sp) * 3 - var(--card-w)) / 2);right:calc((var(--sp) * 3 - var(--card-w)) / 2);pointer-events:none}
.g14 .g14-tags::before{z-index:-1;top:calc(var(--card-t) - var(--col-t));bottom:calc(var(--card-pb) * -1);border-radius:var(--card-r);
background:linear-gradient(180deg,rgba(234,241,254,.95) 0,rgba(242,246,254,.6) 13cqw,rgba(255,255,255,0) 21cqw),linear-gradient(160deg,#fff,rgba(255,255,255,.92));
box-shadow:inset 0 0 0 .12cqw rgba(255,255,255,.95),0 2.4cqw 4cqw -1.6cqw rgba(23,26,51,.24),0 .2cqw .5cqw rgba(23,26,51,.05)}
.g14 .g14-tags::after{z-index:-2;bottom:calc(var(--card-pb) * -1 - 1.6cqw);height:3.4cqw;margin-inline:4cqw;border-radius:50%;
background:radial-gradient(closest-side,rgba(23,26,51,.16),rgba(23,26,51,0));filter:blur(.6cqw)}
.g14 .g14-halo{position:absolute;left:50cqw;top:calc(var(--base-y) - var(--fig-w) * .95);width:var(--halo);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(closest-side,rgba(47,111,224,.22),rgba(47,111,224,.08) 60%,rgba(47,111,224,0))}
.g14 .g14-base,.g14 .g14-ring{position:absolute;left:50cqw;top:var(--base-y);width:var(--base-w);height:var(--base-h);transform:translate(-50%,-50%);border-radius:50%}
.g14 .g14-base{background:linear-gradient(180deg,#fff,rgba(240,243,248,.96));box-shadow:inset 0 0 0 .12cqw rgba(255,255,255,.95),0 0 0 .1cqw rgba(23,26,51,.07),0 .8cqw 1.4cqw -.5cqw rgba(23,26,51,.26)}
.g14 .g14-ring{opacity:0;box-shadow:0 0 0 .25cqw rgba(47,111,224,.35),0 0 2cqw .5cqw rgba(47,111,224,.2)}
.g14 .g14-fig{--x:50cqw;--y:calc(var(--base-y) - var(--fig-w) * .83);--w:var(--fig-w)}
.g14 .g14-sock,.g14 .g14-dock{position:absolute;left:var(--x);top:var(--b-y);width:calc(var(--b-w) * 1.13);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%}
.g14 .g14-sock{background:radial-gradient(circle at 50% 38%,#eceef3,#f5f6f8 70%);box-shadow:inset 0 .3cqw .7cqw rgba(23,26,51,.12),0 0 0 .1cqw rgba(23,26,51,.05)}
.g14 .g14-dock{opacity:0;box-shadow:0 0 0 .25cqw rgba(47,111,224,.4),0 0 2.2cqw .4cqw rgba(47,111,224,.25)}
.g14 .g14-b{--y:var(--b-y);--w:var(--b-w);--fsh:drop-shadow(0 .8cqw 1.1cqw rgba(23,26,51,.16)) drop-shadow(0 .2cqw .3cqw rgba(23,26,51,.08))}
.g14 .g14-nm{max-width:calc(100% - 1.2cqw);font:600 max(12px,1.55cqw)/1.2 var(--font-ui);letter-spacing:-.01em;color:var(--ink);text-align:center;text-wrap:balance}
.g14 .g14-pill{display:inline-flex;align-items:center;gap:max(5px,.6cqw);height:max(20px,2.6cqw);padding:0 max(8px,1cqw) 0 max(7px,.85cqw);border-radius:99px;box-sizing:border-box;
font:600 max(12px,1.35cqw)/1 var(--font-ui);letter-spacing:-.005em;white-space:nowrap;
color:var(--c-mint);background:var(--c-mint-bg);box-shadow:inset 0 0 0 .1cqw var(--c-mint-soft)}
.g14 .g14-pill i{flex:none;width:max(6px,.75cqw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3fcf9c,#14936a 70%)}
.g14 .g14-pill--y{color:var(--c-sand);background:var(--warn-bg);box-shadow:inset 0 0 0 .1cqw rgba(185,116,9,.2)}
.g14 .g14-pill--y i{background:radial-gradient(circle at 35% 30%,#f7c768,#e2951f 70%)}
.g14 .g14-chip{margin-top:calc(var(--card-pb) + var(--done-gap));display:inline-flex;align-items:center;gap:.45em;padding:.42em .85em .42em .42em;border-radius:1em;
font:600 max(12px,1.5cqw)/1.2 var(--font-ui);letter-spacing:-.005em;color:var(--ink);white-space:nowrap;
background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(23,26,51,.08),0 .7cqw 1.6cqw -.5cqw rgba(23,26,51,.22)}
.g14 .g14-ok{width:1.35em;height:1.35em;box-shadow:inset 0 0 0 1px var(--c-mint-soft)}
.g14 .g14-ok svg{width:.85em;height:.85em}
@container (max-width:640px){
.g14 .film__cam > *{--card-t:5.4cqw;--card-pb:3.4cqw;--fig-w:8.6cqw;--base-y:23.4cqw;--base-w:13cqw;--base-h:3.1cqw;--halo:19cqw;
--b-y:33.6cqw;--b-w:11.4cqw;--col-t:42.4cqw;--done-gap:2.4cqw}
html:lang(tr) .g14 .film__cam > *{--card-t:4.4cqw;--fig-w:8.2cqw;--base-y:22.2cqw;--base-w:12.4cqw;--base-h:3cqw;--halo:18cqw;--b-y:31.8cqw;--b-w:10.8cqw;--col-t:40.4cqw}
}
@media (max-width:599.98px){
#galerie .g14.film{aspect-ratio:6/5}
.g14 .film__cam > *{--c1:20cqw;--sp:30cqw;--card-w:92cqw;--card-t:4.5cqw;--card-r:4cqw;--card-pb:3.4cqw;
--fig-w:11.6cqw;--base-y:27.1cqw;--base-w:18cqw;--base-h:4.2cqw;--halo:27cqw;
--b-y:39.5cqw;--b-w:15cqw;--col-t:49.9cqw;--col-gap:1.6cqw;--done-gap:2.4cqw}
html:lang(tr) .g14 .film__cam > *{--fig-w:10.2cqw;--base-y:24.7cqw;--base-w:16.5cqw;--base-h:3.9cqw;--halo:25cqw;--b-y:35.5cqw;--b-w:13.6cqw;--col-t:45.1cqw}
}
.js .film.is-in .g14-b1{animation:g14-b1 var(--T) cubic-bezier(.3,.75,.35,1)}
@keyframes g14-b1{
0%,12%{opacity:1;translate:0 0;filter:var(--fsh)}
16%,22%{opacity:0;translate:-36cqw 0;filter:var(--fsh) blur(4px)}
25%{opacity:1;filter:var(--fsh) blur(2.5px)}
31.5%{translate:.4cqw 0;filter:var(--fsh) blur(0)}
33.5%,100%{opacity:1;translate:0 0;filter:var(--fsh)}
}
.js .film.is-in .g14-d1{animation:g14-d1 var(--T) ease-out}
@keyframes g14-d1{0%,32%{opacity:0;scale:.9}33.5%{opacity:1;scale:.96}41%,100%{opacity:0;scale:1.22}}
.js .film.is-in .g14-n1{animation:g14-n1 var(--T) cubic-bezier(.16,1,.3,1)}
@keyframes g14-n1{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,33%{opacity:0;translate:0 .8cqw;filter:blur(3px)}37.5%,100%{opacity:1;translate:0 0;filter:blur(0)}}
.js .film.is-in .g14-p1{animation:g14-p1 var(--T) cubic-bezier(.34,1.56,.64,1)}
@keyframes g14-p1{0%,12%{opacity:1;scale:1}16%,36%{opacity:0;scale:.6}40%,100%{opacity:1;scale:1}}
.js .film.is-in .g14-b2{animation:g14-b2 var(--T) cubic-bezier(.22,.8,.3,1)}
@keyframes g14-b2{
0%,12%{opacity:1;translate:0 0;scale:1;filter:var(--fsh)}
16%,34%{opacity:0;translate:0 4cqw;scale:.86;filter:var(--fsh) blur(4px)}
38%{opacity:1;filter:var(--fsh) blur(1.5px)}
42.5%{translate:0 -.3cqw;scale:1.01;filter:var(--fsh) blur(0)}
44.5%,100%{opacity:1;translate:0 0;scale:1;filter:var(--fsh)}
}
.js .film.is-in .g14-d2{animation:g14-d2 var(--T) ease-out}
@keyframes g14-d2{0%,43%{opacity:0;scale:.9}44.5%{opacity:1;scale:.96}52%,100%{opacity:0;scale:1.22}}
.js .film.is-in .g14-n2{animation:g14-n2 var(--T) cubic-bezier(.16,1,.3,1)}
@keyframes g14-n2{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,44%{opacity:0;translate:0 .8cqw;filter:blur(3px)}48.5%,100%{opacity:1;translate:0 0;filter:blur(0)}}
.js .film.is-in .g14-p2{animation:g14-p2 var(--T) cubic-bezier(.34,1.56,.64,1)}
@keyframes g14-p2{0%,12%{opacity:1;scale:1}16%,47%{opacity:0;scale:.6}51%,100%{opacity:1;scale:1}}
.js .film.is-in .g14-b3{animation:g14-b3 var(--T) cubic-bezier(.3,.75,.35,1)}
@keyframes g14-b3{
0%,12%{opacity:1;translate:0 0;filter:var(--fsh)}
16%,45%{opacity:0;translate:36cqw 0;filter:var(--fsh) blur(4px)}
48%{opacity:1;filter:var(--fsh) blur(2.5px)}
54.5%{translate:-.4cqw 0;filter:var(--fsh) blur(0)}
56.5%,100%{opacity:1;translate:0 0;filter:var(--fsh)}
}
.js .film.is-in .g14-d3{animation:g14-d3 var(--T) ease-out}
@keyframes g14-d3{0%,55%{opacity:0;scale:.9}56.5%{opacity:1;scale:.96}64%,100%{opacity:0;scale:1.22}}
.js .film.is-in .g14-n3{animation:g14-n3 var(--T) cubic-bezier(.16,1,.3,1)}
@keyframes g14-n3{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,56%{opacity:0;translate:0 .8cqw;filter:blur(3px)}60.5%,100%{opacity:1;translate:0 0;filter:blur(0)}}
.js .film.is-in .g14-p3{animation:g14-p3 var(--T) cubic-bezier(.34,1.56,.64,1)}
@keyframes g14-p3{0%,12%{opacity:1;scale:1}16%,59%{opacity:0;scale:.6}63%,100%{opacity:1;scale:1}}
.js .film.is-in .g14-halo{animation:g14-halo var(--T) ease-out}
@keyframes g14-halo{0%,12%{opacity:1;scale:1}16%,61%{opacity:0;scale:.8}67%,100%{opacity:1;scale:1}}
.js .film.is-in .g14-ring{animation:g14-ring var(--T) ease-out}
@keyframes g14-ring{0%,62%{opacity:0;scale:.8}63.5%{opacity:1;scale:.9}72%,100%{opacity:0;scale:1.35}}
.js .film.is-in .g14-done{animation:g14-done var(--T) cubic-bezier(.16,1,.3,1)}
@keyframes g14-done{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,63%{opacity:0;translate:0 1.2cqw;filter:blur(3px)}67%,100%{opacity:1;translate:0 0;filter:blur(0)}}
.js .film.is-in .g14-ok{animation:g14-ok var(--T) cubic-bezier(.34,1.56,.64,1)}
@keyframes g14-ok{0%,12%{opacity:1;scale:1}16%,66%{opacity:0;scale:.3}69.5%,100%{opacity:1;scale:1}}
.g4{--T:11s;--sh:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
.g4 .film__cam{container-type:inline-size}
@media (min-width:900px){ .g4 .film__cam{width:min(100%,810px);margin-inline:auto} }
.g4 .g4-ok{position:absolute;left:var(--x);top:var(--y);width:3.4cqw;height:3.4cqw;transform:translate(-50%,-50%);background:#fff;
box-shadow:inset 0 0 0 .14cqw var(--c-mint-soft),0 .5cqw 1.2cqw rgba(15,122,87,.22)}
.g4 .g4-ok svg{width:2cqw;height:2cqw}
.js .film.is-in .g4-beam{animation:g4-beam var(--T) cubic-bezier(.45,0,.55,1) infinite}
@keyframes g4-beam{
0%,13%{transform:translate(-50%,-50%)}
24%{transform:translate(-50%,-50%) rotate(-4deg)}
32%{transform:translate(-50%,-50%) rotate(1.6deg)}
38%{transform:translate(-50%,-50%) rotate(-.6deg)}
44%,100%{transform:translate(-50%,-50%)}
}
.js .film.is-in .g4-pl{animation:g4-pl var(--T) cubic-bezier(.45,0,.55,1) infinite}
.js .film.is-in .g4-pr{animation:g4-pr var(--T) cubic-bezier(.45,0,.55,1) infinite}
@keyframes g4-pl{
0%,13%{transform:translate(-50%,-50%)}
24%{transform:translate(-50%,-50%) translateY(1.13cqw)}
32%{transform:translate(-50%,-50%) translateY(-.45cqw)}
38%{transform:translate(-50%,-50%) translateY(.17cqw)}
44%,100%{transform:translate(-50%,-50%)}
}
@keyframes g4-pr{
0%,13%{transform:translate(-50%,-50%)}
24%{transform:translate(-50%,-50%) translateY(-1.13cqw)}
32%{transform:translate(-50%,-50%) translateY(.45cqw)}
38%{transform:translate(-50%,-50%) translateY(-.17cqw)}
44%,100%{transform:translate(-50%,-50%)}
}
.js .film.is-in .g4-s1{animation:g4-s1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g4-s2{animation:g4-s2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g4-s3{animation:g4-s3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g4-s4{animation:g4-s4 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g4-s5{animation:g4-s5 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g4-s1{0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}20%,44%{opacity:0;transform:translate(-50%,-50%) translateY(4cqw);filter:var(--sh) blur(4px)}53%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}}
@keyframes g4-s2{0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}20%,50%{opacity:0;transform:translate(-50%,-50%) translateY(4cqw);filter:var(--sh) blur(4px)}59%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}}
@keyframes g4-s3{0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}20%,56%{opacity:0;transform:translate(-50%,-50%) translateY(4cqw);filter:var(--sh) blur(4px)}65%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}}
@keyframes g4-s4{0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}20%,62%{opacity:0;transform:translate(-50%,-50%) translateY(4cqw);filter:var(--sh) blur(4px)}71%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}}
@keyframes g4-s5{0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}20%,68%{opacity:0;transform:translate(-50%,-50%) translateY(4cqw);filter:var(--sh) blur(4px)}77%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--sh)}}
.js .film.is-in .g4-ok{animation:g4-ok var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g4-ok{
0%,12%{opacity:1;transform:translate(-50%,-50%)}
16%,74%{opacity:0;transform:translate(-50%,-50%) scale(.3)}
80%,100%{opacity:1;transform:translate(-50%,-50%)}
}
@property --g15-r{syntax:"<integer>";inherits:true;initial-value:12}
@property --g15-n{syntax:"<integer>";inherits:true;initial-value:42}
.g15{--T:8s;--fsh:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06));--soft:cubic-bezier(.16,1,.3,1)}
@media (min-width:900px){ #galerie .g15 .film__cam{left:0;right:0;width:min(100%,810px);margin-inline:auto;container-type:inline-size} }
.g15 .g15-cal{position:absolute;left:20cqw;top:29.74cqw;width:23cqw;aspect-ratio:380/405;transform:translate(-50%,-50%)}
.g15 .g15-cal__img{display:block;width:100%;height:auto;max-width:none;filter:var(--fsh);user-select:none;pointer-events:none}
.g15 .g15-d{position:absolute;left:var(--l);top:var(--t);width:9.34%;height:7.78%;border-radius:21% / 24%}
.g15 .g15-d--u{background:linear-gradient(180deg,#5a8ff0 0%,var(--blue-600) 52%,var(--blue) 100%);
box-shadow:inset 0 .14cqw 0 rgba(255,255,255,.5),inset 0 -.2cqw .1cqw rgba(4,38,104,.42),0 .12cqw .3cqw rgba(7,78,185,.35)}
.g15 .g15-d--k{background:linear-gradient(180deg,#f6cf8f 0%,#e6a95b 55%,#d58f3a 100%);
box-shadow:inset 0 .14cqw 0 rgba(255,255,255,.55),inset 0 -.2cqw .1cqw rgba(120,66,6,.35),0 .12cqw .3cqw rgba(150,88,9,.3)}
.g15 .g15-az{--x:50cqw;--y:27.75cqw;--w:22cqw;height:28.5cqw;box-sizing:border-box;gap:.9cqw;padding:1.5cqw 1.6cqw 1.8cqw;align-items:center}
.g15 .g15-az__lbl{font:600 max(12px,1.5cqw)/1.2 var(--font-ui);letter-spacing:-.005em;color:var(--mut);white-space:nowrap}
.g15 .g15-meter{position:relative;flex:1 1 auto;align-self:stretch}
.g15 .g15-tube{position:absolute;left:50%;top:0;bottom:0;width:6cqw;translate:-50% 0;border-radius:3cqw;
background:linear-gradient(90deg,#e6e5e1,#f7f6f3 46%,#e3e2de);box-shadow:inset 0 .3cqw .7cqw rgba(23,26,51,.12),inset 0 0 0 .1cqw rgba(23,26,51,.06)}
.g15 .g15-bar{position:absolute;left:50%;bottom:36%;height:42%;width:4.4cqw;translate:-50% 0;border-radius:2.2cqw 2.2cqw .5cqw .5cqw;transform-origin:50% 100%;
background:linear-gradient(90deg,#4cc79e,#14936a 72%);
box-shadow:inset .35cqw .35cqw .6cqw rgba(255,255,255,.32),inset -.25cqw 0 .5cqw rgba(6,70,48,.22),0 .6cqw 1.2cqw -.5cqw rgba(15,122,87,.5)}
.g15 .g15-zero{position:absolute;left:0;right:0;top:64%;height:max(1.5px,.22cqw);translate:0 -50%;border-radius:1px;background:rgba(23,26,51,.42)}
.g15 .g15-lim{position:absolute;left:0;right:0;top:10%;height:0;border-top:max(1.5px,.22cqw) dashed var(--mut-2);translate:0 -50%}
.g15 .g15-pm{position:absolute;left:50%;translate:-50% -50%;font:600 max(12px,1.7cqw)/1 var(--font-ui)}
.g15 .g15-pm--p{top:31%;color:#fff;text-shadow:0 .1cqw .2cqw rgba(6,70,48,.35)}
.g15 .g15-pm--m{top:82%;color:var(--mut-2)}
.g15 .g15-ring{position:absolute;left:80cqw;top:30.5cqw;width:23cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(circle at 34% 28%,#fff 0,#fbfaf8 30%,#efeeea 70%,#e4e2dd 100%);
box-shadow:inset -.5cqw -.7cqw 1.4cqw rgba(23,26,51,.07),inset .4cqw .5cqw .8cqw rgba(255,255,255,.95),0 0 0 .1cqw rgba(23,26,51,.04),0 1.8cqw 2.6cqw -1.2cqw rgba(23,26,51,.3),0 .3cqw .6cqw rgba(23,26,51,.06)}
.g15 .g15-ring svg{position:absolute;inset:1.3cqw;width:calc(100% - 2.6cqw);height:calc(100% - 2.6cqw);overflow:visible}
.g15 .g15-ring path{fill:none;stroke-width:8.5;stroke-linecap:round}
.g15 .g15-trk path{stroke:rgba(23,26,51,.075)}
.g15 .g15-seg{filter:drop-shadow(0 .25cqw .35cqw rgba(150,88,9,.28))}
.g15 .g15-seg path{stroke:#e2a253;stroke-dasharray:1 2}
.g15 .g15-num{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:600 max(16px,4.2cqw)/1 var(--font-ui);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.g15 .g15-num::after{counter-reset:g15n var(--g15-n);content:counter(g15n)}
.g15 .g15-chip{position:absolute;top:49cqw;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.45em;padding:.42em .8em;border-radius:1em;
font:600 max(12px,1.5cqw)/1.2 var(--font-ui);letter-spacing:-.005em;color:var(--ink);white-space:nowrap;
background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(23,26,51,.08),0 .7cqw 1.6cqw -.5cqw rgba(23,26,51,.22)}
.g15 .g15-chip > svg{flex:none;box-sizing:border-box;width:1.35em;height:1.35em;padding:.2em;border-radius:50%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.g15 .g15-rest,.g15 .g15-lk{padding-left:.42em}
.g15 .g15-rest{left:20cqw}
.g15 .g15-rest > svg{color:var(--blue);background:var(--c-blue-bg);box-shadow:0 0 0 1px var(--c-blue-soft)}
.g15 .g15-rn{font-weight:inherit;color:var(--blue);font-variant-numeric:tabular-nums}
.g15 .g15-rn::after{counter-reset:g15r var(--g15-r);content:counter(g15r)}
.g15 .g15-lk{left:80cqw}
.g15 .g15-lk > svg{color:var(--c-sand);background:var(--c-sand-bg);box-shadow:0 0 0 1px var(--c-sand-soft)}
.g15 .g15-done{left:50cqw}
.g15 .g15-ok{width:1.35em;height:1.35em;box-shadow:inset 0 0 0 1px var(--c-mint-soft)}
.g15 .g15-ok svg{width:.85em;height:.85em}
@container (max-width:639.98px){
.g15 .g15-chip{padding:.32em .6em;gap:.38em}
.g15 .g15-rest,.g15 .g15-lk{padding-left:.32em}
.g15 .g15-rest{transform:translate(max(-50%,-17.5cqw),-50%)}
.g15 .g15-lk{transform:translate(min(-50%,calc(17.5cqw - 100%)),-50%)}
.g15 .g15-done{top:58cqw}
.g15 .g15-az{--w:25cqw}
.g15 .film__cam > *{margin-top:-3cqw}
}
.js .film.is-in .g15-cal{animation:g15-inl var(--T) var(--soft)}
.js .film.is-in .g15-fl--cal{animation:g15-fll var(--T) var(--soft)}
.js .film.is-in .g15-az{animation:g15-inc var(--T) var(--soft)}
.js .film.is-in .g15-fl--az{animation:g15-flc var(--T) var(--soft)}
.js .film.is-in .g15-ring{animation:g15-inr var(--T) var(--soft)}
.js .film.is-in .g15-fl--ring{animation:g15-flr var(--T) var(--soft)}
@keyframes g15-inl{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,22%{opacity:0;translate:-7cqw 0;filter:blur(4px)}31%,100%{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes g15-fll{0%,12%{opacity:1;translate:0 0}16%,22%{opacity:0;translate:-7cqw 0}31%,100%{opacity:1;translate:0 0}}
@keyframes g15-inc{0%,12%{opacity:1;scale:1;filter:blur(0)}16%,23%{opacity:0;scale:.94;filter:blur(4px)}32%,100%{opacity:1;scale:1;filter:blur(0)}}
@keyframes g15-flc{0%,12%{opacity:1}16%,23%{opacity:0}32%,100%{opacity:1}}
@keyframes g15-inr{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,24%{opacity:0;translate:7cqw 0;filter:blur(4px)}33%,100%{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes g15-flr{0%,12%{opacity:1;translate:0 0}16%,24%{opacity:0;translate:7cqw 0}33%,100%{opacity:1;translate:0 0}}
.js .film.is-in .g15-rest{animation:g15-rest var(--T) var(--soft)}
@keyframes g15-rest{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,31%{opacity:0;translate:0 -1.2cqw;filter:blur(3px)}35%,100%{opacity:1;translate:0 0;filter:blur(0)}}
.js .film.is-in .g15-rn{animation:g15-rn var(--T) linear}
@keyframes g15-rn{
0%,12%{--g15-r:12}
16%,36.4%{--g15-r:17} 36.6%,38.4%{--g15-r:16} 38.6%,40.4%{--g15-r:15} 40.6%,42.4%{--g15-r:14} 42.6%,44.4%{--g15-r:13}
44.6%,100%{--g15-r:12}
}
.js .film.is-in .g15-d{animation:g15-d var(--T) cubic-bezier(.34,1.56,.64,1) calc(var(--k) * var(--T) / 50)}
@keyframes g15-d{0%,1%{opacity:1;scale:1}2%,35%{opacity:0;scale:.45}36.6%{opacity:1}38.5%,100%{opacity:1;scale:1}}
.js .film.is-in .g15-lim{animation:g15-lim var(--T) cubic-bezier(.45,0,.25,1)}
@keyframes g15-lim{0%,12%{clip-path:inset(-1cqw -1cqw -1cqw -1cqw)}16%,49%{clip-path:inset(-1cqw calc(100% + 1cqw) -1cqw -1cqw)}53%,100%{clip-path:inset(-1cqw -1cqw -1cqw -1cqw)}}
.js .film.is-in .g15-az__lbl{animation:g15-lbl var(--T) var(--soft)}
@keyframes g15-lbl{0%,12%{opacity:1;filter:blur(0)}16%,50%{opacity:0;filter:blur(3px)}54%,100%{opacity:1;filter:blur(0)}}
.js .film.is-in .g15-bar{animation:g15-bar var(--T) cubic-bezier(.22,1.12,.36,1)}
@keyframes g15-bar{0%,12%{transform:none}16%,52%{transform:scaleY(0)}60%,100%{transform:none}}
.js .film.is-in .g15-pm--p{animation:g15-pm var(--T) var(--soft)}
@keyframes g15-pm{0%,12%{opacity:1}16%,53%{opacity:0}58%,100%{opacity:1}}
.js .film.is-in .g15-seg path{animation:g15-seg var(--T) linear calc(var(--k) * var(--T) * .017)}
@keyframes g15-seg{0%,1%{stroke-dashoffset:0;opacity:1}2%,59%{stroke-dashoffset:1;opacity:0}59.2%{stroke-dashoffset:1;opacity:1}60.7%,100%{stroke-dashoffset:0;opacity:1}}
.js .film.is-in .g15-num{animation:g15-num var(--T) linear}
@keyframes g15-num{0%,12%{--g15-n:42;opacity:1}16%,56.5%{--g15-n:0;opacity:0}59%{--g15-n:0;opacity:1}69.2%,100%{--g15-n:42;opacity:1}}
.js .film.is-in .g15-lk{animation:g15-lk var(--T) var(--soft)}
@keyframes g15-lk{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,68.5%{opacity:0;translate:0 -1.2cqw;filter:blur(3px)}72.5%,100%{opacity:1;translate:0 0;filter:blur(0)}}
.js .film.is-in .g15-done{animation:g15-done var(--T) var(--soft)}
@keyframes g15-done{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,71%{opacity:0;translate:0 1.2cqw;filter:blur(3px)}75%,100%{opacity:1;translate:0 0;filter:blur(0)}}
.js .film.is-in .g15-ok{animation:g15-ok var(--T) cubic-bezier(.34,1.56,.64,1)}
@keyframes g15-ok{0%,12%{opacity:1;scale:1}16%,74%{opacity:0;scale:.3}77%,100%{opacity:1;scale:1}}
.g5{--T:10s;--sh:drop-shadow(0 .9cqw 1.3cqw rgba(23,26,51,.13)) drop-shadow(0 .2cqw .4cqw rgba(23,26,51,.06))}
@media (min-width:900px){ #galerie .g5 .film__cam{left:0;right:0;width:min(100%,810px);margin-inline:auto;container-type:inline-size} }
.g5 .g5-front{filter:none}
.g5 .g5-mod{filter:var(--sh)}
.g5 .g5-rx{filter:drop-shadow(0 1cqw 1.4cqw rgba(23,26,51,.12)) drop-shadow(0 .2cqw .4cqw rgba(23,26,51,.06))}
.g5 .g5-line{position:absolute;height:.5cqw;margin-top:-.25cqw;border-radius:.3cqw;transform-origin:0 50%;transform:rotate(var(--a));
background:linear-gradient(90deg,rgba(143,179,242,.35),var(--blue-500) 45%,var(--blue));box-shadow:0 0 1.4cqw .15cqw rgba(47,111,224,.42)}
.g5 .g5-core{position:absolute;width:10cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:.55;mix-blend-mode:screen;
background:radial-gradient(closest-side,rgba(170,205,255,.9),rgba(90,150,255,.45) 55%,rgba(47,111,224,0))}
.g5 .g5-ring{position:absolute;width:13cqw;aspect-ratio:2.25;transform:translate(-50%,-50%);border-radius:50%;opacity:0;
box-shadow:0 0 0 .3cqw rgba(143,179,242,.9),0 0 2.6cqw .8cqw rgba(47,111,224,.5),inset 0 0 1.6cqw rgba(47,111,224,.45)}
.g5 .g5-ok{position:absolute;width:3.4cqw;height:3.4cqw;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 .12cqw var(--c-mint-soft),0 .5cqw 1.2cqw -.3cqw rgba(15,122,87,.35)}
.g5 .g5-ok svg{width:2cqw;height:2cqw}
.js .film.is-in .g5-mod{animation:g5-mod var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g5-mod{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
20%{opacity:0;transform:translate(-50%,-50%) translateY(-9cqw);filter:blur(4px) var(--sh)}
24%{opacity:0;transform:translate(-50%,-50%) translateY(-16cqw);filter:blur(4px) var(--sh)}
29%{opacity:1;filter:blur(2px) var(--sh)}
38%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
}
.js .film.is-in .g5-core{animation:g5-core var(--T) ease-out infinite}
@keyframes g5-core{0%,12%{opacity:.55}15%,36%{opacity:0}41%{opacity:1}54%,100%{opacity:.55}}
.js .film.is-in .g5-ring{animation:g5-ring var(--T) ease-out infinite}
@keyframes g5-ring{
0%,36%{opacity:0;transform:translate(-50%,-50%) scale(.8)}
40%{opacity:1;transform:translate(-50%,-50%) scale(1)}
52%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}
}
.js .film.is-in .g5-l1{animation:g5-l1 var(--T) cubic-bezier(.65,0,.35,1) infinite}
.js .film.is-in .g5-l2{animation:g5-l2 var(--T) cubic-bezier(.65,0,.35,1) infinite}
.js .film.is-in .g5-l3{animation:g5-l3 var(--T) cubic-bezier(.65,0,.35,1) infinite}
@keyframes g5-l1{0%,12%{opacity:1;transform:rotate(var(--a)) scaleX(1)}16%{opacity:0;transform:rotate(var(--a)) scaleX(1)}17%,42%{opacity:0;transform:rotate(var(--a)) scaleX(0)}43%{opacity:1;transform:rotate(var(--a)) scaleX(.02)}51%,100%{opacity:1;transform:rotate(var(--a)) scaleX(1)}}
@keyframes g5-l2{0%,12%{opacity:1;transform:rotate(var(--a)) scaleX(1)}16%{opacity:0;transform:rotate(var(--a)) scaleX(1)}17%,50%{opacity:0;transform:rotate(var(--a)) scaleX(0)}51%{opacity:1;transform:rotate(var(--a)) scaleX(.02)}57%,100%{opacity:1;transform:rotate(var(--a)) scaleX(1)}}
@keyframes g5-l3{0%,12%{opacity:1;transform:rotate(var(--a)) scaleX(1)}16%{opacity:0;transform:rotate(var(--a)) scaleX(1)}17%,57%{opacity:0;transform:rotate(var(--a)) scaleX(0)}58%{opacity:1;transform:rotate(var(--a)) scaleX(.02)}66%,100%{opacity:1;transform:rotate(var(--a)) scaleX(1)}}
.js .film.is-in .g5-k1{animation:g5-k1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .g5-k2{animation:g5-k2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .g5-k3{animation:g5-k3 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g5-k1{0%,12%{opacity:1;transform:translate(-50%,-50%)}16%,51%{opacity:0;transform:translate(-50%,-50%) scale(.3)}56%,100%{opacity:1;transform:translate(-50%,-50%)}}
@keyframes g5-k2{0%,12%{opacity:1;transform:translate(-50%,-50%)}16%,57%{opacity:0;transform:translate(-50%,-50%) scale(.3)}62%,100%{opacity:1;transform:translate(-50%,-50%)}}
@keyframes g5-k3{0%,12%{opacity:1;transform:translate(-50%,-50%)}16%,66%{opacity:0;transform:translate(-50%,-50%) scale(.3)}71%,100%{opacity:1;transform:translate(-50%,-50%)}}
.g6{--T:10s;--sh:drop-shadow(0 1.4cqw 2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
@media (min-width:900px){ #galerie .g6 .film__cam{left:0;right:0;width:min(100%,810px);margin-inline:auto;container-type:inline-size} }
.g6 .g6-back{filter:none}
.g6 .g6-flap{transform-origin:50% 38.14%;filter:drop-shadow(0 .3cqw .6cqw rgba(23,26,51,.08))}
.g6 .g6-doc{filter:var(--sh)}
.g6 .g6-seal{filter:drop-shadow(0 1cqw 1.4cqw rgba(15,122,87,.22))}
.g6 .g6-scan{position:absolute;width:23cqw;height:.7cqw;transform:translate(-50%,-50%);border-radius:.4cqw;opacity:0;
background:linear-gradient(90deg,rgba(143,179,242,0),rgba(143,179,242,.95) 30%,rgba(47,111,224,.95) 50%,rgba(143,179,242,.95) 70%,rgba(143,179,242,0));
box-shadow:0 0 1.8cqw .3cqw rgba(47,111,224,.35)}
.g6 .g6-ring{position:absolute;width:14cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:0;
box-shadow:0 0 0 .3cqw rgba(15,122,87,.4),0 0 2.6cqw .6cqw rgba(15,122,87,.22)}
.js .film.is-in .g6-flap{animation:g6-flap var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g6-flap{
0%,16%{opacity:1;transform:translate(-50%,-50%) scaleY(1);animation-timing-function:cubic-bezier(.55,0,.75,.2)}
22%,24%{opacity:0;transform:translate(-50%,-50%) scaleY(.05)}
26%{opacity:1}
35%,100%{opacity:1;transform:translate(-50%,-50%) scaleY(1)}
}
.js .film.is-in .g6-doc{animation:g6-doc var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g6-doc{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh);animation-timing-function:cubic-bezier(.55,0,.75,.2)}
19%,34%{opacity:0;transform:translate(-50%,-50%) translateY(16cqw);filter:blur(3px) var(--sh)}
40%{opacity:1;filter:blur(2px) var(--sh)}
52%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
}
.js .film.is-in .g6-scan{animation:g6-scan var(--T) cubic-bezier(.45,0,.25,1) infinite}
@keyframes g6-scan{
0%,52%{opacity:0;transform:translate(-50%,-50%)}
54%{opacity:1;transform:translate(-50%,-50%) translateY(.6cqw)}
61%{opacity:1;transform:translate(-50%,-50%) translateY(15cqw)}
64%,100%{opacity:0;transform:translate(-50%,-50%) translateY(16cqw)}
}
.js .film.is-in .g6-seal{animation:g6-seal var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g6-seal{
0%,12%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0) drop-shadow(0 1cqw 1.4cqw rgba(15,122,87,.22))}
16%,62%{opacity:0;transform:translate(-50%,-50%) scale(1.5);filter:blur(4px) drop-shadow(0 2.4cqw 2.4cqw rgba(15,122,87,.12))}
67%{opacity:1;transform:translate(-50%,-50%) scale(.96);filter:blur(0) drop-shadow(0 .6cqw 1cqw rgba(15,122,87,.26))}
71%,100%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0) drop-shadow(0 1cqw 1.4cqw rgba(15,122,87,.22))}
}
.js .film.is-in .g6-ring{animation:g6-ring var(--T) ease-out infinite}
@keyframes g6-ring{
0%,66%{opacity:0;transform:translate(-50%,-50%) scale(.7)}
69%{opacity:1;transform:translate(-50%,-50%) scale(.95)}
80%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.45)}
}
.g11{--T:8s;--sh:drop-shadow(0 1.4cqw 2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
@media (min-width:900px){ #galerie .g11 .film__cam{left:0;right:0;width:min(100%,810px);margin-inline:auto;container-type:inline-size} }
.g11 .g11-coins,.g11 .g11-coin,.g11 .g11-sheet{filter:var(--sh)}
.g11 .g11-board{--x:50%;--y:45%;--w:60%;gap:1.4cqw;padding:1.8cqw 2cqw}
.g11 .g11-sheet{--x:89%;--y:60.3%;--w:16%}
.g11 .g11-hd{display:flex;align-items:center;gap:1cqw;min-height:3cqw;padding:0 .3cqw}
.g11 .g11-hd b{flex:none;display:block;width:4.2cqw;height:1.5cqw;border-radius:.6cqw;background:var(--blue)}
.g11 .g11-hd i{flex:none;display:block;width:7cqw;height:.75cqw;border-radius:.4cqw;background:var(--navy-700);opacity:.5}
.g11 .g11-lg{display:flex;align-items:center;gap:1.8cqw;margin-left:auto}
.g11 .g11-lg span,.g11 .g11-lbl span{font:600 max(11px,1.5cqw)/1.2 var(--font-ui);letter-spacing:-.005em;white-space:nowrap}
.g11 .g11-lg span{display:inline-flex;align-items:center;gap:.7cqw;color:var(--mut)}
.g11 .g11-lg span::before{content:"";flex:none;width:max(8px,1.1cqw);height:max(8px,1.1cqw);border-radius:.3cqw;background:linear-gradient(90deg,#8d94ab,#7b829a)}
.g11 .g11-lg .g11-lg--rev::before{background:linear-gradient(90deg,var(--blue-500),var(--blue));box-shadow:none}
.g11 .g11-chart{position:relative;display:grid;grid-template-columns:repeat(3,1fr);height:26cqw;border-bottom:.2cqw solid var(--line-2);
background:linear-gradient(rgba(23,26,51,.06),rgba(23,26,51,.06)) 0 0/100% 1px no-repeat,linear-gradient(rgba(23,26,51,.06),rgba(23,26,51,.06)) 0 33.3%/100% 1px no-repeat,linear-gradient(rgba(23,26,51,.06),rgba(23,26,51,.06)) 0 66.6%/100% 1px no-repeat}
.g11 .g11-grp{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:.8cqw;height:100%}
.g11 .g11-bar{position:relative;display:block;width:5cqw;height:var(--h);border-radius:.9cqw .9cqw .3cqw .3cqw;transform-origin:50% 100%}
.g11 .g11-rev{background:linear-gradient(90deg,var(--blue-500),var(--blue) 72%);
box-shadow:inset .35cqw .35cqw .6cqw rgba(255,255,255,.3),inset -.25cqw 0 .5cqw rgba(7,40,110,.22),0 .7cqw 1.2cqw -.5cqw rgba(7,78,185,.5)}
.g11 .g11-cost{background:linear-gradient(90deg,#8d94ab,#7b829a 72%);
box-shadow:inset .35cqw .35cqw .6cqw rgba(255,255,255,.22),inset -.25cqw 0 .5cqw rgba(23,26,51,.12),0 .7cqw 1.2cqw -.5cqw rgba(23,26,51,.3)}
.g11 .g11-gain{position:absolute;left:0;right:0;bottom:calc(100% + .25cqw);height:calc(var(--m) - .25cqw);border-radius:.9cqw .9cqw .25cqw .25cqw;transform-origin:50% 100%;
background:linear-gradient(180deg,rgba(20,147,106,.34),rgba(20,147,106,.16));box-shadow:inset 0 0 0 .14cqw rgba(15,122,87,.38)}
.g11 .g11-loss{position:absolute;left:0;right:0;top:0;height:var(--m);border-radius:.9cqw .9cqw 0 0;
background:linear-gradient(90deg,#d0605b,#b83532 72%);box-shadow:inset .3cqw .3cqw .5cqw rgba(255,255,255,.22),inset 0 -.15cqw 0 rgba(255,255,255,.85)}
.g11 .g11-spot{position:absolute;left:calc(100% / 6);top:2%;bottom:0;width:14.4cqw;translate:-50% 0;border-radius:1.2cqw 1.2cqw .3cqw .3cqw;
background:linear-gradient(180deg,rgba(47,111,224,.13),rgba(47,111,224,.03));box-shadow:inset 0 0 0 .12cqw rgba(47,111,224,.22)}
.g11 .g11-lbl{display:grid;grid-template-columns:repeat(3,1fr);min-height:2.6cqw;align-items:center;text-align:center;color:var(--ink-2)}
.g11 .g11-lbl .g11-lbl--a{color:var(--blue)}
.g11 .g11-tag{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:.45em;white-space:nowrap;padding:.38em .8em .38em .45em;border-radius:2em;
font:600 max(12px,1.6cqw)/1.15 var(--font-ui);letter-spacing:-.005em;color:var(--ink);
background:linear-gradient(160deg,#fff,rgba(255,255,255,.92));box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(23,26,51,.06),0 .9cqw 1.8cqw -.7cqw rgba(23,26,51,.26)}
.g11 .g11-tag svg{flex:none;box-sizing:border-box;width:1.4em;height:1.4em;padding:.2em;border-radius:50%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.g11 .g11-tag--db{left:calc(100% / 6 + 6.1cqw);top:20%;translate:0 -50%;transform-origin:0 50%}
.g11 .g11-tag--db svg{color:var(--c-mint);background:var(--c-mint-bg);box-shadow:0 0 0 1px var(--c-mint-soft)}
.g11 .g11-tag--xl{left:89%;top:74.2%;translate:-50% 0}
.g11 .g11-tag--xl svg{color:var(--blue);background:var(--c-blue-bg);box-shadow:0 0 0 1px var(--c-blue-soft)}
.g11 .g11-ok{position:absolute;z-index:2;left:95.2%;top:53.9%;width:3.4cqw;height:3.4cqw;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 .12cqw var(--c-mint-soft),0 .5cqw 1.2cqw -.3cqw rgba(15,122,87,.35)}
.g11 .g11-ok svg{width:2cqw;height:2cqw}
@container (max-width:629.98px){
.g11 .g11-board{--y:37.5%}
.g11 .g11-chart{height:21cqw}
.g11 .g11-tag--db{top:15%}
.g11 .g11-sheet{--y:52.5%}
.g11 .g11-ok{top:46%}
.g11 .g11-tag--xl{left:auto;right:2.5cqw;top:65.5%;translate:none}
}
.js .film.is-in .g11-coins{animation:g11-coins var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g11-coin{animation:g11-coin var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g11-coins{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
18%,22%{opacity:0;transform:translate(-50%,-50%) translateX(-6cqw);filter:blur(4px) var(--sh)}
32%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
}
@keyframes g11-coin{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
18%,26%{opacity:0;transform:translate(-50%,-50%) translateX(-5cqw);filter:blur(4px) var(--sh)}
36%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
}
.js .film.is-in .g11-cfl{animation:g11-cfl var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g11-shfl{animation:g11-shfl var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g11-cfl{0%,12%{opacity:1}18%,22%{opacity:0}32%,100%{opacity:1}}
@keyframes g11-shfl{0%,12%{opacity:1}17%,63%{opacity:0}67%,100%{opacity:1}}
.js .film.is-in .g11-bar{animation:var(--T) cubic-bezier(.22,1.18,.36,1) infinite}
.js .film.is-in .g11-r1{animation-name:g11-r1}
.js .film.is-in .g11-c1{animation-name:g11-c1}
.js .film.is-in .g11-r2{animation-name:g11-r2}
.js .film.is-in .g11-c2{animation-name:g11-c2}
.js .film.is-in .g11-r3{animation-name:g11-r3}
.js .film.is-in .g11-c3{animation-name:g11-c3}
@keyframes g11-r1{0%,12%{transform:none}17%,27%{transform:scaleY(0)}37%,100%{transform:none}}
@keyframes g11-c1{0%,12%{transform:none}17%,29%{transform:scaleY(0)}39%,100%{transform:none}}
@keyframes g11-r2{0%,12%{transform:none}17%,31%{transform:scaleY(0)}41%,100%{transform:none}}
@keyframes g11-c2{0%,12%{transform:none}17%,33%{transform:scaleY(0)}43%,100%{transform:none}}
@keyframes g11-r3{0%,12%{transform:none}17%,35%{transform:scaleY(0)}45%,100%{transform:none}}
@keyframes g11-c3{0%,12%{transform:none}17%,37%{transform:scaleY(0)}47%,100%{transform:none}}
.js .film.is-in .g11-loss{animation:g11-loss var(--T) ease-in-out infinite}
@keyframes g11-loss{0%,12%{opacity:1}15%,48%{opacity:0}54%,100%{opacity:1}}
.js .film.is-in .g11-g2{animation:g11-g2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g11-g1{animation:g11-g1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g11-g2{0%,12%{opacity:1;transform:none}15%,50%{opacity:0;transform:scaleY(0)}57%,100%{opacity:1;transform:none}}
@keyframes g11-g1{0%,12%{opacity:1;transform:none}15%,52%{opacity:0;transform:scaleY(0)}59%,100%{opacity:1;transform:none}}
.js .film.is-in .g11-spot{animation:g11-spot var(--T) ease-in-out infinite}
@keyframes g11-spot{0%,12%{opacity:1}15%,55%{opacity:0}61%,100%{opacity:1}}
.js .film.is-in .g11-lbl--a{animation:g11-lbla var(--T) ease-in-out infinite}
@keyframes g11-lbla{0%,12%{color:var(--blue)}15%,55%{color:var(--ink-2)}61%,100%{color:var(--blue)}}
.js .film.is-in .g11-tag--db{animation:g11-db var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g11-db{0%,12%{opacity:1;transform:none;filter:none}15%,58%{opacity:0;transform:translateX(-1.5cqw) scale(.7);filter:blur(3px)}64%,100%{opacity:1;transform:none;filter:none}}
.js .film.is-in .g11-sheet{animation:g11-sheet var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g11-sheet{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
17%,63%{opacity:0;transform:translate(-50%,-50%) translateX(-10cqw);filter:blur(4px) var(--sh)}
67%{opacity:1;filter:blur(2px) var(--sh)}
73%,100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0) var(--sh)}
}
.js .film.is-in .g11-tag--xl{animation:g11-xl var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g11-xl{0%,12%{opacity:1;transform:none;filter:none}15%,69%{opacity:0;transform:translateX(-2cqw);filter:blur(3px)}76%,100%{opacity:1;transform:none;filter:none}}
.js .film.is-in .g11-ok{animation:g11-ok var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g11-ok{0%,12%{opacity:1;transform:translate(-50%,-50%)}15%,72%{opacity:0;transform:translate(-50%,-50%) scale(.3)}77%,100%{opacity:1;transform:translate(-50%,-50%)}}
.g10{--T:9s;--fsh:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06));--g10-n:var(--blue);--g10-s:var(--blue-500);--g10-w:var(--blue-300)}
.g10 .film__cam{container-type:inline-size}
@media (min-width:900px){
#galerie .g10{container-type:size}
#galerie .g10 .film__cam{inset:0;margin:auto;width:min(100cqw,810px,150cqh);height:min(66.667cqw,540px,100cqh);container-type:inline-size}
}
.g10 .g10-chip{position:absolute;left:var(--x);top:56.6cqw;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.45em;padding:.42em .8em;border-radius:1em;
font:600 max(12px,1.5cqw)/1.2 var(--font-ui);letter-spacing:-.005em;color:var(--ink);white-space:nowrap;background:rgba(255,255,255,.86);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(23,26,51,.08),0 .7cqw 1.6cqw -.5cqw rgba(23,26,51,.22)}
.g10 .g10-chip i{flex:none;width:.62em;height:.62em;border-radius:50%;background:var(--t);box-shadow:0 0 0 .18em color-mix(in srgb,var(--t) 22%,transparent)}
@container (max-width:480px){ .g10 .g10-chip{padding:.3em .6em;line-height:1.12} }
.g10 .g10-chip--side{top:30cqw;padding-left:.6em}
.g10 .g10-chip > svg{flex:none;width:1.1em;height:1.1em;fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@container (max-width:480px){ .g10 .g10-chip--side{top:29.4cqw} .g10 .g10-chip--side > svg{display:none} }
.g10{--lw:max(2px,.3cqw)}
.g10 .g10-ln{position:absolute;display:block;height:var(--lw);margin-top:calc(var(--lw) / -2);border-radius:var(--lw);background:var(--blue-300)}
.g10 .g10-ln--v{width:var(--lw);margin:0 0 0 calc(var(--lw) / -2)}
.g10 .g10-ln::before,.g10 .g10-ln::after{content:"";position:absolute}
.g10 .g10-ln--l::before,.g10 .g10-ln--r::before,.g10 .g10-trunk::before{width:max(7px,.9cqw);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 max(1.5px,.19cqw) var(--blue-300)}
.g10 .g10-ln--l::after,.g10 .g10-ln--r::after,.g10 .g10-trunk::after,.g10 .g10-drop::after{width:max(6px,.75cqw);aspect-ratio:1;box-sizing:border-box;border:solid var(--blue-300);border-width:var(--lw) var(--lw) 0 0}
.g10 .g10-ln--l{--clip0:inset(-2cqw -2cqw -2cqw calc(100% + 2cqw))}
.g10 .g10-ln--l::before{right:0;top:50%;transform:translate(0,-50%)}
.g10 .g10-ln--l::after{left:0;top:50%;transform:translate(15%,-50%) rotate(-135deg)}
.g10 .g10-ln--r{--clip0:inset(-2cqw calc(100% + 2cqw) -2cqw -2cqw)}
.g10 .g10-ln--r::before{left:0;top:50%;transform:translate(0,-50%)}
.g10 .g10-ln--r::after{right:0;top:50%;transform:translate(-15%,-50%) rotate(45deg)}
.g10 .g10-ln--v{--clip0:inset(-2cqw -2cqw calc(100% + 2cqw) -2cqw)}
.g10 .g10-trunk::before{left:50%;top:0;transform:translate(-50%,0)}
.g10 .g10-trunk::after,.g10 .g10-drop::after{left:50%;bottom:0;transform:translate(-50%,-15%) rotate(135deg)}
.g10 .g10-bus{--clip0:inset(-2cqw 50% -2cqw 50%)}
.g10 .g10-halo{position:absolute;left:50cqw;top:16cqw;width:30cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(closest-side,rgba(47,111,224,.2),rgba(47,111,224,.07) 58%,rgba(47,111,224,0))}
.g10 .g10-pad{position:absolute;left:var(--x);top:51.2cqw;width:13cqw;aspect-ratio:3.6;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(closest-side,color-mix(in srgb,var(--t) 26%,transparent),color-mix(in srgb,var(--t) 8%,transparent) 70%,transparent);
box-shadow:0 0 0 .2cqw color-mix(in srgb,var(--t) 55%,transparent),0 0 1.6cqw .2cqw color-mix(in srgb,var(--t) 22%,transparent)}
.g10 .g10-card{position:absolute;left:var(--x);top:38cqw;width:5.2cqw;height:3.7cqw;transform:translate(-50%,-50%);box-sizing:border-box;
display:flex;flex-direction:column;justify-content:center;gap:.6cqw;padding:0 .8cqw 0 1.5cqw;border-radius:.8cqw;overflow:hidden;background:#fff;
box-shadow:0 .55cqw 1.2cqw -.3cqw rgba(23,26,51,.24),0 0 0 .1cqw rgba(23,26,51,.06)}
.g10 .g10-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:.6cqw;background:var(--t)}
.g10 .g10-card b{display:block;height:.5cqw;border-radius:.3cqw;background:var(--navy-700);opacity:.5;width:80%}
.g10 .g10-card b + b{background:var(--line-2);opacity:1;width:56%}
.g10 .g10-av{flex:none;position:relative;width:2.4cqw;height:2.4cqw;border-radius:50%;overflow:hidden;background:var(--c-blue-bg);box-shadow:0 0 0 .1cqw var(--c-blue-soft)}
.g10 .g10-av img{position:absolute;left:50%;bottom:-.15cqw;width:1.9cqw;height:auto;max-width:none;transform:translateX(-50%)}
.g10 .g10-hic{flex:none;margin-left:auto;width:2.3cqw;height:2.3cqw;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.g10 .g10-clk-bg{stroke:var(--line-2)}
.g10 .g10-clk{stroke-dasharray:1;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transform-box:fill-box}
.g10 .g10-ico{flex:none;display:grid;place-items:center;width:2.4cqw;height:2.4cqw;border-radius:.7cqw;background:var(--c-blue-bg);color:var(--blue)}
.g10 .g10-ico--off{background:var(--bg-soft);color:var(--mut-2);box-shadow:inset 0 0 0 .1cqw var(--line)}
.g10 .g10-ico svg{width:1.5cqw;height:1.5cqw;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.g10 .g10-tg{flex:none;position:relative;margin-left:auto;width:3.8cqw;height:2.1cqw;border-radius:1.05cqw;background:var(--line-2)}
.g10 .g10-tg i{position:absolute;left:.25cqw;top:.25cqw;width:1.6cqw;height:1.6cqw;border-radius:50%;background:#fff;box-shadow:0 .15cqw .35cqw rgba(23,26,51,.25)}
.g10 .g10-tg.is-on{background:var(--blue)}
.g10 .g10-tg.is-on i{transform:translateX(1.7cqw)}
.g10 .g10-scr{display:flex;flex-direction:column;gap:1cqw;filter:blur(.28cqw);opacity:.55}
.g10 .g10-disc{position:absolute;left:82.5cqw;top:18.6cqw;width:11.5cqw;height:11.5cqw;margin:-5.75cqw 0 0 -5.75cqw;border-radius:50%;
background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.98),rgba(255,255,255,.78) 72%,rgba(255,255,255,.62));
box-shadow:inset 0 0 0 .14cqw rgba(255,255,255,.95),0 0 0 .1cqw rgba(23,26,51,.05),0 1.6cqw 3cqw -1.2cqw rgba(23,26,51,.24)}
.g10 .g10-ring{position:absolute;left:82.5cqw;top:18.6cqw;width:11.5cqw;height:11.5cqw;margin:-5.75cqw 0 0 -5.75cqw;border-radius:50%;opacity:0;
box-shadow:0 0 0 .3cqw rgba(47,111,224,.5),0 0 2.4cqw .6cqw rgba(47,111,224,.3)}
.g10 .g10-lock{position:absolute;left:82.5cqw;top:12cqw;width:7cqw;height:9.81cqw;margin-left:-3.5cqw}
.g10 .g10-body{position:absolute;left:0;top:3.39cqw;width:7cqw;height:auto;max-width:none;filter:var(--fsh)}
.g10 .g10-shk{position:absolute;left:50%;top:-5cqw;width:5.6cqw;height:9.19cqw;margin-left:-2.8cqw;overflow:hidden}
.g10 .g10-shk img{position:absolute;left:50%;top:5cqw;width:4.29cqw;height:auto;max-width:none;margin-left:-2.145cqw;filter:drop-shadow(0 .3cqw .45cqw rgba(23,26,51,.12))}
.js .film.is-in .g10-ln--l,.js .film.is-in .g10-ln--r{animation:g10-lnh var(--T) cubic-bezier(.45,0,.25,1) infinite}
.js .film.is-in .g10-trunk{animation:g10-trunk var(--T) cubic-bezier(.45,0,.25,1) infinite}
.js .film.is-in .g10-bus{animation:g10-bus var(--T) cubic-bezier(.45,0,.25,1) infinite}
.js .film.is-in .g10-drop{animation:g10-drop var(--T) cubic-bezier(.45,0,.25,1) infinite}
@keyframes g10-lnh{0%,12%{opacity:1;clip-path:inset(-2cqw)}17%{opacity:0;clip-path:inset(-2cqw)}18%,22%{opacity:0;clip-path:var(--clip0)}22.6%{opacity:1}26%,100%{opacity:1;clip-path:inset(-2cqw)}}
@keyframes g10-trunk{0%,12%{opacity:1;clip-path:inset(-2cqw)}17%{opacity:0;clip-path:inset(-2cqw)}18%,23%{opacity:0;clip-path:var(--clip0)}23.6%{opacity:1}27.5%,100%{opacity:1;clip-path:inset(-2cqw)}}
@keyframes g10-bus{0%,12%{opacity:1;clip-path:inset(-2cqw)}17%{opacity:0;clip-path:inset(-2cqw)}18%,25.8%{opacity:0;clip-path:var(--clip0)}26.3%{opacity:1}29%,100%{opacity:1;clip-path:inset(-2cqw)}}
@keyframes g10-drop{0%,12%{opacity:1;clip-path:inset(-2cqw)}17%{opacity:0;clip-path:inset(-2cqw)}18%,28.4%{opacity:0;clip-path:var(--clip0)}28.8%{opacity:1}30%,100%{opacity:1;clip-path:inset(-2cqw)}}
.js .film.is-in .g10-halo{animation:g10-halo var(--T) ease-in-out infinite}
@keyframes g10-halo{0%,12%{opacity:1;transform:translate(-50%,-50%)}17%,23%{opacity:.4;transform:translate(-50%,-50%) scale(.9)}27%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}32%,100%{opacity:1;transform:translate(-50%,-50%)}}
.js .film.is-in .g10-cn{animation:g10-cn var(--T) cubic-bezier(.45,0,.25,1) infinite}
.js .film.is-in .g10-cw{animation:g10-cw var(--T) cubic-bezier(.45,0,.25,1) infinite}
.js .film.is-in .g10-cs{animation:g10-cs var(--T) cubic-bezier(.45,0,.25,1) infinite}
@keyframes g10-cn{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:none}
17%,26.5%{opacity:0;transform:translate(-50%,-50%) translate(22cqw,-17.6cqw);filter:blur(0)}
28%{opacity:1;transform:translate(-50%,-50%) translate(22cqw,-15.6cqw);filter:blur(0)}
31%{transform:translate(-50%,-50%) translate(22cqw,-4.8cqw);filter:blur(1px)}
37%{transform:translate(-50%,-50%) translate(0,-4cqw);filter:blur(1.5px)}
40%{transform:translate(-50%,-50%) translate(0,.25cqw);filter:blur(0)}
41.5%,100%{opacity:1;transform:translate(-50%,-50%);filter:none}
}
@keyframes g10-cw{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:none}
17%,26.5%{opacity:0;transform:translate(-50%,-50%) translate(-22cqw,-17.2cqw);filter:blur(0)}
28%{opacity:1;transform:translate(-50%,-50%) translate(-22cqw,-15.2cqw);filter:blur(0)}
31%{transform:translate(-50%,-50%) translate(-22cqw,-4.4cqw);filter:blur(1px)}
37%{transform:translate(-50%,-50%) translate(0,-4cqw);filter:blur(1.5px)}
40%{transform:translate(-50%,-50%) translate(0,.25cqw);filter:blur(0)}
41.5%,100%{opacity:1;transform:translate(-50%,-50%);filter:none}
}
@keyframes g10-cs{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:none}
17%,26.5%{opacity:0;transform:translate(-50%,-50%) translate(0,-16.8cqw);filter:blur(0)}
28%{opacity:1;transform:translate(-50%,-50%) translate(0,-14.8cqw);filter:blur(0)}
31%{transform:translate(-50%,-50%) translate(0,-4cqw);filter:blur(1px)}
34.5%{transform:translate(-50%,-50%) translate(0,.25cqw);filter:blur(0)}
36%,100%{opacity:1;transform:translate(-50%,-50%);filter:none}
}
.js .film.is-in .g10-ps{animation:g10-ps var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g10-pn,.js .film.is-in .g10-pw{animation:g10-pnw var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g10-ps{0%,12%{opacity:1;transform:translate(-50%,-50%)}17%,34%{opacity:0;transform:translate(-50%,-50%) scale(.8)}36%{opacity:1;transform:translate(-50%,-50%) scale(1.14)}40%,100%{opacity:1;transform:translate(-50%,-50%)}}
@keyframes g10-pnw{0%,12%{opacity:1;transform:translate(-50%,-50%)}17%,39.5%{opacity:0;transform:translate(-50%,-50%) scale(.8)}41.5%{opacity:1;transform:translate(-50%,-50%) scale(1.14)}45.5%,100%{opacity:1;transform:translate(-50%,-50%)}}
.js .film.is-in .g10-chr{animation:g10-chr var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g10-chr{0%,12%{opacity:1;translate:0 0;filter:none}17%,46%{opacity:0;translate:0 -.8cqw;filter:blur(3px)}51%,100%{opacity:1;translate:0 0;filter:none}}
.js .film.is-in .g10-t1{animation:g10-tr1 var(--T) ease-in-out infinite}
.js .film.is-in .g10-t1 i{animation:g10-k1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .g10-t2{animation:g10-tr2 var(--T) ease-in-out infinite}
.js .film.is-in .g10-t2 i{animation:g10-k2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g10-tr1{0%,12%{background-color:var(--blue)}17%,44%{background-color:var(--line-2)}46%,100%{background-color:var(--blue)}}
@keyframes g10-k1{0%,12%{transform:translateX(1.7cqw)}17%,44%{transform:none}46.5%,100%{transform:translateX(1.7cqw)}}
@keyframes g10-tr2{0%,12%{background-color:var(--blue)}17%,47.5%{background-color:var(--line-2)}49.5%,100%{background-color:var(--blue)}}
@keyframes g10-k2{0%,12%{transform:translateX(1.7cqw)}17%,47.5%{transform:none}50%,100%{transform:translateX(1.7cqw)}}
.js .film.is-in .g10-chs{animation:g10-chs var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g10-chs{0%,12%{opacity:1;translate:0 0;filter:none}17%,61%{opacity:0;translate:0 -.8cqw;filter:blur(3px)}66%,100%{opacity:1;translate:0 0;filter:none}}
.js .film.is-in .g10-clk{animation:g10-clk var(--T) linear infinite}
@keyframes g10-clk{0%,12%{stroke-dashoffset:0}17%,49%{stroke-dashoffset:1}57%,100%{stroke-dashoffset:0}}
.js .film.is-in .g10-scr{animation:g10-scr var(--T) ease-in-out infinite}
@keyframes g10-scr{0%,12%{filter:blur(.28cqw);opacity:.55}17%,57%{filter:blur(0);opacity:1}60%,100%{filter:blur(.28cqw);opacity:.55}}
.js .film.is-in .g10-lock,.js .film.is-in .g10-disc{animation:g10-in var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g10-in{0%,12%{opacity:1;transform:none;filter:none}17%,57%{opacity:0;transform:translateY(1cqw) scale(.92);filter:blur(3px)}60.5%,100%{opacity:1;transform:none;filter:none}}
.js .film.is-in .g10-shk img{animation:g10-shk var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g10-shk{
0%,12%{transform:none}
21%{transform:translateY(-3.53cqw)}
60.5%{transform:translateY(-3.53cqw);animation-timing-function:cubic-bezier(.55,0,.8,.4)}
63%{transform:translateY(.15cqw);animation-timing-function:cubic-bezier(.16,1,.3,1)}
64.5%,100%{transform:none}
}
.js .film.is-in .g10-ring{animation:g10-ring var(--T) ease-out infinite}
@keyframes g10-ring{0%,62.5%{opacity:0;transform:scale(.7)}64%{opacity:1;transform:scale(.85)}72%,100%{opacity:0;transform:scale(1.5)}}
.g8{--T:10s;--sh:drop-shadow(0 1.2cqw 1.8cqw rgba(23,26,51,.14)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
@media (min-width:900px){ #galerie .g8 .film__cam{left:0;right:0;width:min(100%,810px);margin-inline:auto;container-type:inline-size} }
.g8 .g8-back{filter:none}
.g8 .g8-it{transform:translate(-50%,-50%) rotate(var(--r,0deg));filter:var(--sh)}
.g8 .g8-cal{filter:var(--sh)}
.g8 .g8-tag{position:absolute;width:3.4cqw;height:3.4cqw;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28cqw;
background:linear-gradient(160deg,#f7bd52,#e2951f);box-shadow:inset 0 0 0 .14cqw rgba(255,255,255,.55),0 .6cqw 1.2cqw -.2cqw rgba(185,116,9,.45)}
.g8 .g8-tag i{display:block;width:.5cqw;height:1.25cqw;border-radius:.3cqw;background:#fff}
.g8 .g8-tag b{display:block;width:.5cqw;height:.5cqw;border-radius:50%;background:#fff}
.g8 .g8-ring{position:absolute;width:3.4cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:0;box-shadow:0 0 0 .3cqw rgba(226,149,31,.55),0 0 1.6cqw .4cqw rgba(226,149,31,.3)}
.g8 .g8-dot{position:absolute;width:1.5cqw;height:1.5cqw;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#f2726b,#d23a33 70%);box-shadow:0 0 0 .22cqw rgba(255,255,255,.9),0 .25cqw .8cqw rgba(210,58,51,.45)}
.js .film.is-in .g8-a{animation:g8-a var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g8-b{animation:g8-b var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .g8-c{animation:g8-c var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g8-a{
0%,12%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) translateY(0);filter:blur(0) var(--sh);animation-timing-function:cubic-bezier(.55,0,.75,.2)}
18%,24%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r)) translateY(13cqw);filter:blur(3px) var(--sh)}
28%{opacity:1;filter:blur(1.5px) var(--sh)}
35%,100%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) translateY(0);filter:blur(0) var(--sh)}
}
@keyframes g8-b{
0%,12%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) translateY(0);filter:blur(0) var(--sh);animation-timing-function:cubic-bezier(.55,0,.75,.2)}
18%,32%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r)) translateY(14cqw);filter:blur(3px) var(--sh)}
36%{opacity:1;filter:blur(1.5px) var(--sh)}
43%,100%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) translateY(0);filter:blur(0) var(--sh)}
}
@keyframes g8-c{
0%,12%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) translateY(0);filter:blur(0) var(--sh);animation-timing-function:cubic-bezier(.55,0,.75,.2)}
18%,40%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r)) translateY(9cqw);filter:blur(3px) var(--sh)}
44%{opacity:1;filter:blur(1.5px) var(--sh)}
51%,100%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) translateY(0);filter:blur(0) var(--sh)}
}
.js .film.is-in .g8-tag{animation:g8-tag var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g8-tag{
0%,12%{opacity:1;transform:translate(-50%,-50%) scale(1)}
15%,52%{opacity:0;transform:translate(-50%,-50%) scale(.3)}
56%{opacity:1;transform:translate(-50%,-50%) scale(1)}
60%{transform:translate(-50%,-50%) scale(1);animation-timing-function:ease-in-out}
63%{transform:translate(-50%,-50%) scale(1.18);animation-timing-function:ease-in-out}
67%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
.js .film.is-in .g8-ring{animation:g8-ring var(--T) ease-out infinite}
@keyframes g8-ring{
0%,61%{opacity:0;transform:translate(-50%,-50%) scale(1)}
63%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}
74%,100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)}
}
.js .film.is-in .g8-cal{animation:g8-cal var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes g8-cal{
0%,12%{opacity:1;transform:translate(-50%,-50%) translateX(0);filter:blur(0) var(--sh)}
18%,58%{opacity:0;transform:translate(-50%,-50%) translateX(9cqw);filter:blur(4px) var(--sh)}
62%{opacity:1;filter:blur(1.5px) var(--sh)}
68%,100%{opacity:1;transform:translate(-50%,-50%) translateX(0);filter:blur(0) var(--sh)}
}
.js .film.is-in .g8-dot{animation:g8-dot var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes g8-dot{0%,12%{opacity:1;transform:translate(-50%,-50%) scale(1)}15%,68%{opacity:0;transform:translate(-50%,-50%) scale(.2)}73%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.g12{--T:8s;--fsh:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06));--lw:max(2px,.25cqw)}
@media (min-width:900px){ #galerie .g12 .film__cam{left:0;right:0;width:min(100%,810px);margin-inline:auto;container-type:inline-size} }
.g12 .g12-halo{position:absolute;left:50cqw;top:32cqw;width:26cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(closest-side,rgba(47,111,224,.2),rgba(47,111,224,.07) 60%,rgba(47,111,224,0))}
.g12 .g12-base{position:absolute;left:50cqw;top:40.5cqw;width:16cqw;height:3.8cqw;transform:translate(-50%,-50%);border-radius:50%;
background:linear-gradient(180deg,#fff,rgba(255,255,255,.82));box-shadow:inset 0 0 0 .12cqw rgba(255,255,255,.95),0 0 0 .1cqw rgba(23,26,51,.05),0 1cqw 1.8cqw -.6cqw rgba(23,26,51,.22)}
.g12 .g12-ring{position:absolute;left:50cqw;top:40.5cqw;width:16cqw;height:3.8cqw;transform:translate(-50%,-50%);border-radius:50%;opacity:0;
box-shadow:0 0 0 .25cqw rgba(47,111,224,.35),0 0 2cqw .5cqw rgba(47,111,224,.2)}
.g12 .g12-ln{position:absolute;top:33cqw;height:var(--lw);margin-top:calc(var(--lw) / -2);border-radius:var(--lw);background:var(--blue-300)}
.g12 .g12-ln--l{left:33cqw;width:12.1cqw}
.g12 .g12-ln--r{left:54.9cqw;width:12.1cqw}
.g12 .g12-ln::before{content:"";position:absolute;top:50%;width:max(7px,.9cqw);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 max(1.5px,.19cqw) var(--blue-300)}
.g12 .g12-ln::after{content:"";position:absolute;top:50%;width:max(6px,.75cqw);aspect-ratio:1;box-sizing:border-box;border:solid var(--blue-300);border-width:var(--lw) var(--lw) 0 0}
.g12 .g12-ln--l::before{left:0;transform:translate(-50%,-50%)}
.g12 .g12-ln--l::after{right:0;transform:translate(-15%,-50%) rotate(45deg)}
.g12 .g12-ln--r::before{right:0;transform:translate(50%,-50%)}
.g12 .g12-ln--r::after{left:0;transform:translate(15%,-50%) rotate(-135deg)}
.g12 .g12-chip{position:absolute;top:47cqw;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.45em;padding:.42em .8em;border-radius:1em;
font:600 max(12px,1.5cqw)/1.2 var(--font-ui);letter-spacing:-.005em;color:var(--ink);white-space:nowrap;
background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(23,26,51,.08),0 .7cqw 1.6cqw -.5cqw rgba(23,26,51,.22)}
.g12 .g12-chip > svg{flex:none;box-sizing:border-box;width:1.35em;height:1.35em;padding:.2em;border-radius:50%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
color:var(--blue);background:var(--c-blue-bg);box-shadow:0 0 0 1px var(--c-blue-soft)}
.g12 .g12-tuev,.g12 .g12-min{padding-left:.42em}
.g12 .g12-tuev{left:19.5cqw}
.g12 .g12-min{left:80.5cqw}
.g12 .g12-done{left:50cqw}
.g12 .g12-ok{width:1.35em;height:1.35em;box-shadow:inset 0 0 0 1px var(--c-mint-soft)}
.g12 .g12-ok svg{width:.85em;height:.85em}
@container (max-width:520px){
.g12 .g12-chip{padding:.32em .6em;gap:.38em}
.g12 .g12-tuev,.g12 .g12-min{padding-left:.32em}
.g12 .g12-tuev{transform:translate(max(-50%,-17cqw),-50%)}
.g12 .g12-min{transform:translate(min(-50%,calc(17cqw - 100%)),-50%)}
.g12 .g12-done{top:56.5cqw}
}
.js .film.is-in .g12-car{animation:g12-car var(--T) cubic-bezier(.3,.75,.35,1)}
.js .film.is-in .g12-carfl{animation:g12-carfl var(--T) cubic-bezier(.3,.75,.35,1)}
@keyframes g12-car{
0%,12%{opacity:1;translate:0 0;filter:var(--fsh)}
16%,22%{opacity:0;translate:-30cqw 0;filter:var(--fsh) blur(4px)}
25.5%{opacity:1;filter:var(--fsh) blur(2.5px)}
32.5%{translate:.5cqw 0;filter:var(--fsh) blur(0)}
35%,100%{opacity:1;translate:0 0;filter:var(--fsh)}
}
@keyframes g12-carfl{
0%,12%{opacity:1;translate:0 0}
16%,22%{opacity:0;translate:-30cqw 0}
25.5%{opacity:1}
32.5%{translate:.5cqw 0}
35%,100%{opacity:1;translate:0 0}
}
.js .film.is-in .g12-ln--l{animation:g12-lnl var(--T) cubic-bezier(.45,0,.25,1)}
@keyframes g12-lnl{
0%,12%{clip-path:inset(-2cqw -2cqw -2cqw -2cqw)}
16%,31%{clip-path:inset(-2cqw calc(100% + 2cqw) -2cqw -2cqw)}
36%,100%{clip-path:inset(-2cqw -2cqw -2cqw -2cqw)}
}
.js .film.is-in .g12-halo{animation:g12-halo var(--T) ease-out}
@keyframes g12-halo{0%,12%{opacity:1;scale:1}16%,34%{opacity:0;scale:.8}39%,100%{opacity:1;scale:1}}
.js .film.is-in .g12-tuev{animation:g12-tuev var(--T) cubic-bezier(.16,1,.3,1)}
@keyframes g12-tuev{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,38%{opacity:0;translate:0 -1.2cqw;filter:blur(3px)}43%,100%{opacity:1;translate:0 0;filter:blur(0)}}
.js .film.is-in .g12-ln--r{animation:g12-lnr var(--T) cubic-bezier(.45,0,.25,1)}
@keyframes g12-lnr{
0%,12%{clip-path:inset(-2cqw -2cqw -2cqw -2cqw)}
16%,44%{clip-path:inset(-2cqw -2cqw -2cqw calc(100% + 2cqw))}
48.5%,100%{clip-path:inset(-2cqw -2cqw -2cqw -2cqw)}
}
.js .film.is-in .g12-jkt{animation:g12-jkt var(--T) cubic-bezier(.45,0,.25,1)}
@keyframes g12-jkt{
0%,12%{opacity:1;translate:0 0;scale:1;filter:var(--fsh)}
16%,46%{opacity:0;translate:26cqw -15.4cqw;scale:1.2;filter:var(--fsh)}
49%{opacity:1;translate:26cqw -18cqw;scale:1.15;filter:var(--fsh) blur(0)}
52.5%{translate:13cqw -13cqw;scale:1.06;filter:var(--fsh) blur(2px)}
56%{translate:.3cqw -.5cqw;scale:1;filter:var(--fsh) blur(.4px)}
58%,100%{opacity:1;translate:0 0;scale:1;filter:var(--fsh)}
}
.js .film.is-in .g12-ring{animation:g12-ring var(--T) ease-out}
@keyframes g12-ring{0%,56%{opacity:0;scale:.8}57.5%{opacity:1;scale:.9}66%,100%{opacity:0;scale:1.35}}
.js .film.is-in .g12-min{animation:g12-min var(--T) cubic-bezier(.16,1,.3,1)}
@keyframes g12-min{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,56%{opacity:0;translate:0 -1.2cqw;filter:blur(3px)}61%,100%{opacity:1;translate:0 0;filter:blur(0)}}
.js .film.is-in .g12-done{animation:g12-done var(--T) cubic-bezier(.16,1,.3,1)}
@keyframes g12-done{0%,12%{opacity:1;translate:0 0;filter:blur(0)}16%,63%{opacity:0;translate:0 1.2cqw;filter:blur(3px)}67%,100%{opacity:1;translate:0 0;filter:blur(0)}}
.js .film.is-in .g12-ok{animation:g12-ok var(--T) cubic-bezier(.34,1.56,.64,1)}
@keyframes g12-ok{0%,12%{opacity:1;scale:1}16%,66%{opacity:0;scale:.3}69.5%,100%{opacity:1;scale:1}}
#module .mo-film.film{--T:7s;margin-top:clamp(28px,3.6vw,48px);overflow:visible;border-radius:0;background:none;box-shadow:none;isolation:auto}
#module .mo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#module .mo-item{display:flex;min-width:0}
#module{--mo-sh:clamp(76px,calc(41.7vh - 221px),156px)}
#module .mo-card{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;padding:8px;border-radius:var(--r-xl);background:#fff;
box-shadow:var(--sh-sm),0 0 0 1px var(--line);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
#module .mo-stage{position:relative;display:block;flex:none;width:100%;height:var(--mo-sh);overflow:hidden;border-radius:var(--r-lg);container-type:size;
background:radial-gradient(64% 70% at 50% 64%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 72%),linear-gradient(180deg,var(--stage) 0%,color-mix(in srgb,var(--stage) 72%,var(--stage-2)) 100%);
box-shadow:inset 0 0 0 1px rgba(23,26,51,.04)}
#module .mo-txt{display:flex;flex-direction:column;gap:4px;min-width:0;padding:13px 8px 9px}
#module .mo-t{font:700 16.5px/1.25 var(--font);letter-spacing:-.016em;color:var(--ink)}
#module .mo-d{font-size:14.5px;line-height:1.45;color:var(--mut);text-wrap:pretty}
#module .mo-floor{position:absolute;left:calc(50% + var(--dx,0) * 1cqh);top:calc(var(--y,86) * 1%);width:calc(var(--fw,80) * 1cqh);aspect-ratio:6/1;
transform:translate(-50%,-50%);transform-origin:0 0;border-radius:50%;background:radial-gradient(closest-side,rgba(23,26,51,.2),rgba(23,26,51,0));filter:blur(1.6cqh)}
#module .mo-art{position:absolute;inset:0;transform-origin:50% 78%;transition:scale .5s var(--ease)}
#module .mo-l{position:absolute;left:calc(50% + var(--dx,0) * 1cqh);top:calc(var(--y,50) * 1%);width:auto;height:calc(var(--h,70) * 1cqh);max-width:none;
transform:translate(-50%,-50%);user-select:none;pointer-events:none;
filter:drop-shadow(0 3cqh 4cqh rgba(23,26,51,.13)) drop-shadow(0 .6cqh 1.1cqh rgba(23,26,51,.06))}
#module .mo-item:nth-child(5n+2){--i:1} #module .mo-item:nth-child(5n+3){--i:2} #module .mo-item:nth-child(5n+4){--i:3} #module .mo-item:nth-child(5n){--i:4}
.js #module .mo-film.is-in .mo-item[data-reveal]:not(.is-in){opacity:0;transform:translate3d(var(--fx,-28px),0,0);filter:blur(8px)}
.js #module .mo-film.is-in .mo-item.is-in .mo-art{animation:mo-breathe var(--T) cubic-bezier(.45,0,.55,1) calc(.5s + var(--i,0) * .28s) 1}
.js #module .mo-film.is-in .mo-item.is-in .mo-floor{animation:mo-floor var(--T) cubic-bezier(.45,0,.55,1) calc(.5s + var(--i,0) * .28s) 1}
.js #module .mo-film.is-in .mo-item.is-in .mo-l--f{animation:mo-float var(--T) cubic-bezier(.45,0,.55,1) calc(.5s + var(--i,0) * .28s) 1}
@keyframes mo-breathe{0%,100%{translate:0 0}50%{translate:0 -4cqh}}
@keyframes mo-floor{0%,100%{scale:1;opacity:1}50%{scale:.9;opacity:.78}}
@keyframes mo-float{0%,100%{translate:0 0}50%{translate:0 -2.6cqh}}
#module .mo-note{min-height:34px;margin-top:16px;padding:7px 44px;font:500 14.5px/20px var(--font-ui);color:var(--mut);text-align:center;text-wrap:balance}
#module .mo-note .ic{display:inline-block;width:15px;height:15px;margin-right:8px;vertical-align:-2px;color:var(--blue)}
#module .mo-film .film__pause{right:0;bottom:0}
@media (hover:hover){
#module .mo-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md),0 0 0 1px var(--line-2)}
#module .mo-card:hover .mo-art{scale:1.04}
}
@media (min-width:1120px) and (max-height:980px){ #module .mo-film.film{margin-top:36px} }
@media (min-width:1120px) and (max-height:820px){
#module{--mo-sh:clamp(76px,calc(41.7vh - 198px),156px)}
#module .mo-film.film{margin-top:20px}
#module .mo-grid{gap:10px}
#module .mo-txt{gap:2px;padding:10px 8px 7px}
#module .mo-t{font-size:15.5px}
#module .mo-d{font-size:13.5px;line-height:1.4}
#module .mo-note{margin-top:10px}
}
@media (min-width:1120px) and (max-height:660px){ #module{--mo-sh:clamp(76px,calc(50vh - 234px),130px)} }
@media (max-width:1119.98px){
#module{--mo-sh:124px}
#module .mo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#module .mo-item:nth-child(n){--i:0} #module .mo-item:nth-child(2n){--i:1}
#module .mo-card{flex-direction:row;align-items:center;gap:6px}
#module .mo-stage{width:clamp(132px,40%,190px)}
#module .mo-txt{flex:1 1 auto;padding:8px 10px 8px 12px}
}
@media (max-width:599.98px){
#module{--mo-sh:100px}
#module .mo-grid{grid-template-columns:minmax(0,1fr);gap:8px}
#module .mo-item:nth-child(n){--i:0}
#module .mo-card{padding:6px;border-radius:var(--r-lg)}
#module .mo-stage{width:118px;border-radius:11px}
#module .mo-txt{gap:3px;padding:6px 8px 6px 10px}
#module .mo-t{font-size:16px;line-height:1.3}
#module .mo-d{font-size:14px;line-height:1.42}
#module .mo-note{margin-top:12px;padding:7px 40px;font-size:14px;text-wrap:pretty}
#module .h2{font-size:min(31px,calc((100vw - 54px) / 10.6))}
}
@media (prefers-reduced-motion:reduce){
#module .mo-card,#module .mo-art{transition:none}
#module .mo-card:hover{transform:none}
#module .mo-card:hover .mo-art{scale:none}
}
#module .mo-nw{white-space:nowrap}
#mehr .mh-stage{position:relative;margin-top:clamp(20px,3vh,36px);border-radius:var(--r-xl);
background:radial-gradient(58% 62% at 50% 42%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 72%),var(--stage);
box-shadow:0 0 0 1px rgba(23,26,51,.05),var(--sh-md)}
#mehr .mh-orb{display:none;position:relative;height:clamp(330px,calc(100svh - var(--head) - 2 * var(--sec) - 136px),480px);
border-radius:inherit;overflow:hidden;overflow:clip;container-type:size;
--T:56s;--rx:43cqw;--ry:30cqh;--rz:200px;--cy:41cqh;--ob:clamp(52px,18.5cqh,92px)}
#mehr .mh-floor{position:absolute;left:50%;top:calc(var(--cy) + var(--ob) * .4);width:calc(var(--rx) * 2 + var(--ob) * .9);height:calc(var(--ry) * 2 + var(--ob) * .3);
transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(closest-side,rgba(255,255,255,0) 0 80%,rgba(255,255,255,.7) 91%,rgba(255,255,255,.95) 96%,rgba(255,255,255,0) 100%);
box-shadow:0 1px 0 rgba(23,26,51,.035)}
#mehr .mh-floor::before{content:"";position:absolute;inset:6% 7%;border-radius:50%;border:1px dashed rgba(47,111,224,.18)}
#mehr .mh-floor::after{content:"";position:absolute;left:50%;top:44%;width:30%;height:56%;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,.45) 62%,rgba(255,255,255,0))}
#mehr .mh-spot{position:absolute;left:50%;top:calc(var(--cy) + var(--ry) + var(--ob) * .42);width:calc(var(--ob) * 3.2);height:calc(var(--ob) * .9);transform:translate(-50%,-50%);
border-radius:50%;background:radial-gradient(closest-side,rgba(47,111,224,.16),rgba(47,111,224,.05) 55%,rgba(47,111,224,0))}
#mehr .mh-ring{position:absolute;inset:0;transform-style:preserve-3d}
#mehr .mh-core{position:absolute;left:50%;top:calc(var(--cy) - 3cqh);width:calc(var(--ob) * 1.95);transform:translate(-50%,-50%) translateZ(0)}
#mehr .mh-core::before{content:"";position:absolute;left:50%;top:50%;width:190%;aspect-ratio:1.4;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;
background:radial-gradient(closest-side,rgba(47,111,224,.22),rgba(47,111,224,.07) 55%,rgba(47,111,224,0))}
#mehr .mh-core img{display:block;width:100%;height:auto;filter:drop-shadow(0 1.6cqh 2.2cqh rgba(23,26,51,.16)) drop-shadow(0 .3cqh .5cqh rgba(23,26,51,.06))}
#mehr .mh-mark{position:absolute;left:52.3%;top:50.8%;width:12%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:28%;
box-shadow:0 1px 2px rgba(7,78,185,.28),0 0 0 1.5px rgba(255,255,255,.9)}
#mehr .mh-o{position:absolute;left:50%;top:var(--cy);width:calc(var(--ob) * 1.25);height:var(--ob);--dl:calc(var(--d,0) * var(--T) * -1);
animation:mh-orb var(--T) linear infinite;animation-delay:var(--dl);pointer-events:none}
#mehr .mh-o__in{position:relative;width:100%;height:100%}
#mehr .mh-o__obj{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;
animation:mh-dep var(--T) linear infinite,mh-sc var(--T) linear infinite;animation-delay:var(--dl)}
#mehr .mh-o__obj::after{content:"";position:absolute;left:50%;bottom:-7%;width:76%;height:16%;transform:translateX(-50%);border-radius:50%;z-index:-1;
background:radial-gradient(closest-side,rgba(23,26,51,.2),rgba(23,26,51,0))}
#mehr .mh-o__obj img{width:auto;height:auto;max-width:100%;max-height:100%;filter:drop-shadow(0 .8cqh 1.1cqh rgba(23,26,51,.13));pointer-events:auto;cursor:pointer}
#mehr .mh-o__lb{position:absolute;left:50%;top:calc(100% + 10px);width:max-content;max-width:clamp(132px,12cqw,148px);transform:translateX(-50%);
padding:6px 12px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--line),var(--sh-sm);pointer-events:auto;cursor:pointer;
font:600 clamp(12px,1.05cqw,13px)/1.3 var(--font);letter-spacing:-.005em;color:var(--ink-2);text-align:center;text-wrap:balance;hyphens:auto;
animation:mh-lab var(--T) linear infinite;animation-delay:var(--dl)}
#mehr .mh-o__lb::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
box-shadow:inset 0 0 0 1.5px var(--blue),0 10px 22px -10px rgba(7,78,185,.55);animation:mh-hi var(--T) linear infinite;animation-delay:var(--dl)}
@container (max-width:1250px){ #mehr .mh-o__lb{animation-name:mh-lab-n} }
@media (hover:hover){
#mehr .mh-o:hover .mh-o__lb{opacity:1!important}
#mehr .mh-o:hover .mh-o__lb::before{opacity:1!important}
}
#mehr .mh-nw{white-space:nowrap}
#mehr .mh-orb.is-still .mh-o,#mehr .mh-orb.is-still .mh-o *,#mehr .mh-orb.is-still .mh-o *::before{animation:none!important}
#mehr .mh-orb.is-still .mh-o{--a:calc(var(--d,0) * 360deg);--dp:calc((1 + cos(var(--a))) / 2);
transform:translate(-50%,-50%) translate3d(calc(var(--rx) * sin(var(--a))),calc(var(--ry) * cos(var(--a))),calc(var(--rz) * cos(var(--a))))}
#mehr .mh-orb.is-still .mh-o__obj{opacity:calc(.42 + .58 * var(--dp));transform:scale(calc(.56 + .44 * pow(var(--dp),2.874)))}
#mehr .mh-orb.is-still .mh-o__lb{opacity:clamp(0,(cos(var(--a)) - .4695) / .0897,1)}
@container (max-width:1250px){ #mehr .mh-orb.is-still .mh-o__lb{opacity:clamp(0,(cos(var(--a)) - .6293) / .0778,1)} }
#mehr .mh-orb.is-still .mh-o:first-child .mh-o__lb::before{opacity:1}
#mehr .mh-stage:not(.is-run) .mh-o,#mehr .mh-stage:not(.is-run) .mh-o *,#mehr .mh-stage:not(.is-run) .mh-o *::before,
#mehr .mh-stage:not(.is-run) .mh-track{animation-play-state:paused}
.js #mehr .mh-floor,.js #mehr .mh-spot{transition:opacity .9s var(--ease)}
.js #mehr .mh-core{transition:opacity .8s var(--ease),transform 1.1s var(--ease-land)}
.js #mehr .mh-o__in{transition:opacity .7s var(--ease) calc(var(--e,0) * 80ms + 200ms),transform 1s var(--ease-land) calc(var(--e,0) * 80ms + 200ms),filter .8s var(--ease) calc(var(--e,0) * 80ms + 200ms)}
.js #mehr .mh-orb:not(.is-in) .mh-floor,.js #mehr .mh-orb:not(.is-in) .mh-spot{opacity:0}
.js #mehr .mh-orb:not(.is-in) .mh-core{opacity:0;transform:translate(-50%,-50%) translateZ(0) scale(.86)}
.js #mehr .mh-orb:not(.is-in) .mh-o__in{opacity:0;transform:scale(.6);filter:blur(8px)}
#mehr .mh-lanes{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:clamp(18px,2.4vw,28px) 0}
#mehr .mh-lanes__core{display:none}
#mehr .mh-cube{position:relative;display:block}
#mehr .mh-lane{min-width:0;overflow:hidden;overflow:clip}
#mehr .mh-track{display:flex;width:max-content}
#mehr .mh-t{flex:none;display:flex;flex-direction:column;align-items:center;gap:9px;width:148px;margin-right:12px;padding:14px 10px 12px;border-radius:var(--r-lg);
background:#fff;box-shadow:0 0 0 1px rgba(23,26,51,.05),var(--sh-sm)}
#mehr .mh-t__obj{position:relative;display:flex;align-items:flex-end;justify-content:center;width:84px;height:64px}
#mehr .mh-t__obj img{width:auto;height:auto;max-width:100%;max-height:100%;filter:drop-shadow(0 5px 6px rgba(23,26,51,.12))}
#mehr .mh-t__lb{display:grid;place-items:center;min-height:2.6em;font:600 13px/1.3 var(--font);letter-spacing:-.005em;color:var(--ink-2);text-align:center;text-wrap:balance;hyphens:auto}
#mehr .mh-t--dup{display:none}
@media (min-width:1000px){
#mehr .sec-head{max-width:none}
#mehr .mh-lanes{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:clamp(16px,2vw,28px)}
#mehr .mh-lane,#mehr .mh-track{display:contents}
#mehr .mh-t{width:auto;margin:0}
}
@media (min-width:1240px){ #mehr .mh-lanes{grid-template-columns:repeat(8,minmax(0,1fr))} }
@media (max-width:999.98px){
#mehr .mh-lane{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 0 6px}
#mehr .mh-lane::-webkit-scrollbar{display:none}
#mehr .mh-track{padding:0 16px}
#mehr .mh-t{scroll-snap-align:center}
}
#mehr .mh-foot{display:none}
#mehr .mh-all{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:0;border-radius:999px;background:none;cursor:pointer;
font:600 14.5px/20px var(--font-ui);color:var(--blue);transition:background-color .25s var(--ease)}
#mehr .mh-all:hover{background:rgba(47,111,224,.07)}
#mehr .mh-all .ic{flex:none;width:16px;height:16px}
#mehr .mh-all__a,#mehr .mh-all.is-on .mh-all__b{display:inline-flex;align-items:center;gap:8px}
#mehr .mh-all__b,#mehr .mh-all.is-on .mh-all__a{display:none}
@media (prefers-reduced-motion:no-preference){
@media (min-width:1000px){
.js #mehr .mh-orb{display:block}
.js #mehr .mh-lanes{display:none}
.js #mehr .mh-foot{display:flex;justify-content:center;margin-top:12px}
.js #mehr .mh-stage.is-all .mh-orb,.js #mehr .mh-stage.is-all .mh-pause{display:none}
.js #mehr .mh-stage.is-all .mh-lanes{display:grid}
}
@media (max-width:999.98px){
.js #mehr .mh-lanes{padding:clamp(14px,2.4vw,24px) 0 clamp(18px,2.6vw,28px)}
.js #mehr .mh-lanes__core{display:flex;justify-content:center;position:relative;margin-bottom:2px}
.js #mehr .mh-lanes__core::before{content:"";position:absolute;left:50%;top:50%;width:260px;height:150px;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(closest-side,rgba(47,111,224,.18),rgba(47,111,224,0))}
.js #mehr .mh-lanes__core img{position:relative;display:block;width:96px;height:auto;filter:drop-shadow(0 8px 12px rgba(23,26,51,.15))}
.js #mehr .mh-lane{overflow:hidden;overflow:clip;padding:2px 0 6px 7%;scroll-snap-type:none;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade,9%),#000 calc(100% - var(--fade,9%)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fade,9%),#000 calc(100% - var(--fade,9%)),transparent)}
.js #mehr .mh-track{flex-wrap:nowrap;gap:0;width:max-content;padding:0;animation:mh-lane 72s linear infinite}
.js #mehr .mh-lane--rev .mh-track{animation-direction:reverse}
.js #mehr .mh-t{margin-right:12px}
.js #mehr .mh-t--dup{display:flex}
}
.js #mehr .mh-pause{display:grid;right:14px;bottom:14px}
@media (max-width:999.98px){ .js #mehr .mh-pause{top:12px;bottom:auto;right:12px} }
}
#mehr .mh-pause{display:none}
#mehr .mh-stage.is-paused .mh-pause .film__pause-p{display:none}
#mehr .mh-stage.is-paused .mh-pause .film__pause-r{display:block}
@media (max-width:599.98px){
#mehr .mh-stage{border-radius:var(--r-lg)}
#mehr .mh-t{width:132px;padding:12px 8px 10px;gap:8px}
#mehr .mh-t__obj{width:76px;height:56px}
#mehr .mh-t__lb{font-size:12.5px}
.js #mehr .mh-t{margin-right:10px}
.js #mehr .mh-lane{--fade:14%}
.js #mehr .mh-pause{right:10px;bottom:10px}
}
@keyframes mh-orb{
0%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * 0),calc(var(--ry) * 1),calc(var(--rz) * 1))}
2.778%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .174),calc(var(--ry) * .985),calc(var(--rz) * .985))}
5.556%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .342),calc(var(--ry) * .94),calc(var(--rz) * .94))}
8.333%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .5),calc(var(--ry) * .866),calc(var(--rz) * .866))}
11.111%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .643),calc(var(--ry) * .766),calc(var(--rz) * .766))}
13.889%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .766),calc(var(--ry) * .643),calc(var(--rz) * .643))}
16.667%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .866),calc(var(--ry) * .5),calc(var(--rz) * .5))}
19.444%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .94),calc(var(--ry) * .342),calc(var(--rz) * .342))}
22.222%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .985),calc(var(--ry) * .174),calc(var(--rz) * .174))}
25%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * 1),calc(var(--ry) * 0),calc(var(--rz) * 0))}
27.778%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .985),calc(var(--ry) * -.174),calc(var(--rz) * -.174))}
30.556%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .94),calc(var(--ry) * -.342),calc(var(--rz) * -.342))}
33.333%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .866),calc(var(--ry) * -.5),calc(var(--rz) * -.5))}
36.111%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .766),calc(var(--ry) * -.643),calc(var(--rz) * -.643))}
38.889%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .643),calc(var(--ry) * -.766),calc(var(--rz) * -.766))}
41.667%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .5),calc(var(--ry) * -.866),calc(var(--rz) * -.866))}
44.444%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .342),calc(var(--ry) * -.94),calc(var(--rz) * -.94))}
47.222%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * .174),calc(var(--ry) * -.985),calc(var(--rz) * -.985))}
50%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * 0),calc(var(--ry) * -1),calc(var(--rz) * -1))}
52.778%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.174),calc(var(--ry) * -.985),calc(var(--rz) * -.985))}
55.556%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.342),calc(var(--ry) * -.94),calc(var(--rz) * -.94))}
58.333%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.5),calc(var(--ry) * -.866),calc(var(--rz) * -.866))}
61.111%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.643),calc(var(--ry) * -.766),calc(var(--rz) * -.766))}
63.889%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.766),calc(var(--ry) * -.643),calc(var(--rz) * -.643))}
66.667%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.866),calc(var(--ry) * -.5),calc(var(--rz) * -.5))}
69.444%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.94),calc(var(--ry) * -.342),calc(var(--rz) * -.342))}
72.222%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.985),calc(var(--ry) * -.174),calc(var(--rz) * -.174))}
75%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -1),calc(var(--ry) * 0),calc(var(--rz) * 0))}
77.778%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.985),calc(var(--ry) * .174),calc(var(--rz) * .174))}
80.556%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.94),calc(var(--ry) * .342),calc(var(--rz) * .342))}
83.333%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.866),calc(var(--ry) * .5),calc(var(--rz) * .5))}
86.111%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.766),calc(var(--ry) * .643),calc(var(--rz) * .643))}
88.889%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.643),calc(var(--ry) * .766),calc(var(--rz) * .766))}
91.667%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.5),calc(var(--ry) * .866),calc(var(--rz) * .866))}
94.444%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.342),calc(var(--ry) * .94),calc(var(--rz) * .94))}
97.222%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * -.174),calc(var(--ry) * .985),calc(var(--rz) * .985))}
100%{transform:translate(-50%,-50%) translate3d(calc(var(--rx) * 0),calc(var(--ry) * 1),calc(var(--rz) * 1))}
}
@keyframes mh-sc{
0%{transform:scale(1)} 2.778%{transform:scale(.99)} 5.556%{transform:scale(.963)} 8.333%{transform:scale(.921)} 11.111%{transform:scale(.868)} 13.889%{transform:scale(.81)}
16.667%{transform:scale(.752)} 19.444%{transform:scale(.7)} 22.222%{transform:scale(.655)} 25%{transform:scale(.62)} 27.778%{transform:scale(.595)} 30.556%{transform:scale(.578)}
33.333%{transform:scale(.568)} 36.111%{transform:scale(.563)} 38.889%{transform:scale(.561)} 41.667%{transform:scale(.56)} 44.444%{transform:scale(.56)} 47.222%{transform:scale(.56)}
50%{transform:scale(.56)} 52.778%{transform:scale(.56)} 55.556%{transform:scale(.56)} 58.333%{transform:scale(.56)} 61.111%{transform:scale(.561)} 63.889%{transform:scale(.563)}
66.667%{transform:scale(.568)} 69.444%{transform:scale(.578)} 72.222%{transform:scale(.595)} 75%{transform:scale(.62)} 77.778%{transform:scale(.655)} 80.556%{transform:scale(.7)}
83.333%{transform:scale(.752)} 86.111%{transform:scale(.81)} 88.889%{transform:scale(.868)} 91.667%{transform:scale(.921)} 94.444%{transform:scale(.963)} 97.222%{transform:scale(.99)}
100%{transform:scale(1)}
}
@keyframes mh-dep{
0%{opacity:1} 8.333%{opacity:.969} 16.667%{opacity:.881} 25%{opacity:.753} 33.333%{opacity:.611} 41.667%{opacity:.487}
50%{opacity:.42} 58.333%{opacity:.487} 66.667%{opacity:.611} 75%{opacity:.753} 83.333%{opacity:.881} 91.667%{opacity:.969} 100%{opacity:1}
}
@keyframes mh-lab{0%,15.556%,84.444%,100%{opacity:1}17.222%,82.778%{opacity:0}}
@keyframes mh-lab-n{0%,12.5%,87.5%,100%{opacity:1}14.167%,85.833%{opacity:0}}
@keyframes mh-hi{0%,100%{opacity:1}3%,97%{opacity:0}}
@keyframes mh-lane{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
#mehr .mh-all{display:inline-grid;justify-items:center}
#mehr .mh-all__a,#mehr .mh-all__b,#mehr .mh-all.is-on .mh-all__a,#mehr .mh-all.is-on .mh-all__b{grid-area:1/1;display:inline-flex;align-items:center;gap:8px}
#mehr .mh-all:not(.is-on) .mh-all__b,#mehr .mh-all.is-on .mh-all__a{visibility:hidden}
@media (prefers-reduced-motion:no-preference){
@media (min-width:1000px){
.js #mehr .mh-stage{--mh-h:clamp(330px,calc(100svh - var(--head) - 2 * var(--sec) - 136px),480px);display:grid}
.js #mehr .mh-orb,.js #mehr .mh-lanes{grid-area:1/1;height:var(--mh-h);transition:opacity .45s var(--ease),visibility 0s linear .45s}
.js #mehr .mh-orb{display:block;opacity:1;visibility:visible}
.js #mehr .mh-lanes{display:grid!important;opacity:0;visibility:hidden;box-sizing:border-box;align-content:center;
grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(8px,1vw,12px);padding:0 clamp(14px,1.8vw,26px)}
.js #mehr .mh-stage.is-all .mh-orb{display:block!important;opacity:0;visibility:hidden}
.js #mehr .mh-stage.is-all .mh-lanes{opacity:1;visibility:visible;transition:opacity .45s var(--ease),visibility 0s}
.js #mehr .mh-stage:not(.is-all) .mh-orb{transition:opacity .45s var(--ease),visibility 0s}
.js #mehr .mh-lanes .mh-t{width:auto;margin:0;padding:clamp(8px,1.2vh,12px) 6px clamp(8px,1.1vh,10px);gap:6px}
.js #mehr .mh-lanes .mh-t__obj{width:100%;height:clamp(44px,calc(var(--mh-h) * .15),64px)}
.js #mehr .mh-lanes .mh-t__lb{min-height:2.6em;font-size:clamp(11.5px,.95vw,13px)}
.js #mehr .mh-lanes__core{display:none}
}
}
#referenzen .rf-sek.film{--T:8s;margin-top:clamp(36px,4.4vw,56px);overflow:visible;border-radius:0;background:none;box-shadow:none;isolation:auto}
#referenzen .rf-sek__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#referenzen .rf-tile{--rd:calc(var(--i,0) * 90ms);position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--r-xl);overflow:hidden;
background:radial-gradient(72% 44% at 50% 58%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 72%),linear-gradient(180deg,#f5f4f1 0%,#eeede8 100%);
box-shadow:0 0 0 1px rgba(23,26,51,.05),var(--sh-md)}
#referenzen .rf-tile__stage{position:relative;display:block;aspect-ratio:5/4;container-type:inline-size}
#referenzen .rf-tile__floor{position:absolute;left:var(--x,50%);top:var(--y,80%);width:var(--w,60%);aspect-ratio:6/1;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(closest-side,rgba(23,26,51,.2),rgba(23,26,51,0));filter:blur(1.2cqw)}
#referenzen .rf-o{position:absolute;left:var(--x,50%);top:var(--y,50%);width:var(--w,60%);transform:translate(-50%,-50%)}
#referenzen .rf-o > img{display:block;width:100%;height:auto;max-width:none;user-select:none;pointer-events:none;
filter:drop-shadow(0 2.6cqw 3.4cqw rgba(23,26,51,.13)) drop-shadow(0 .5cqw .9cqw rgba(23,26,51,.06))}
#referenzen .rf-spark{left:var(--sx,50%);top:var(--sy,50%);width:3.2cqw;height:3.2cqw;margin:-1.6cqw 0 0 -1.6cqw;opacity:1;
box-shadow:0 0 0 .8cqw rgba(47,111,224,.9),0 0 5cqw 2cqw rgba(47,111,224,.5)}
#referenzen .rf-tile__name{display:block;padding:0 14px 20px;text-align:center;font:600 16px/1.3 var(--font);letter-spacing:-.012em;color:var(--ink);text-wrap:balance}
#referenzen .rf-sek__note{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;margin-top:18px;padding:0 44px;font:500 14.5px/1.4 var(--font-ui);color:var(--mut);text-align:center}
#referenzen .rf-sek__note .ic{flex:none;width:15px;height:15px;color:var(--blue)}
#referenzen .rf-sek .film__pause{right:0;bottom:0}
.js #referenzen .rf-sek.is-in .rf-o{animation:rf-float var(--T) cubic-bezier(.45,0,.55,1) infinite;animation-delay:calc(var(--i,0) * -1s)}
@keyframes rf-float{
0%,100%{transform:translate(-50%,-50%)}
50%{transform:translate(-50%,-50%) translateY(-2.2cqw) scale(1.012)}
}
.js #referenzen .rf-sek.is-in .rf-spark{animation:rf-spark var(--T) ease-in-out infinite}
@keyframes rf-spark{
0%,100%{opacity:1;transform:scale(1)}
7%{opacity:.72;transform:scale(.82)}
14%{opacity:1;transform:scale(1.16)}
25%{opacity:.84;transform:scale(.92)}
37%{opacity:1;transform:scale(1.1)}
50%{opacity:.74;transform:scale(.84)}
62%{opacity:1;transform:scale(1.14)}
75%{opacity:.84;transform:scale(.94)}
87%{opacity:1;transform:scale(1.08)}
}
#referenzen .rf-trust{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;margin-top:clamp(40px,4.5vw,56px);padding:20px 20px 20px 24px;border-radius:var(--r-xl);background:#fff;box-shadow:var(--sh-sm),0 0 0 1px var(--line)}
#referenzen .rf-trust__who{display:flex;align-items:center;gap:14px;min-width:0}
#referenzen .rf-trust__ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--r-md);background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100);color:var(--blue)}
#referenzen .rf-trust__name{font-size:17px;line-height:1.3;font-weight:700;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
#referenzen .rf-trust__sub{margin-top:2px;font-size:15px;line-height:1.4;color:var(--mut);text-wrap:balance}
#referenzen .rf-badges{display:grid;grid-template-columns:repeat(4,132px);gap:10px;flex:none}
#referenzen .rf-badge{display:grid;place-items:center;height:84px;border-radius:var(--r-md);background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
#referenzen .rf-badge img{display:block}
#referenzen .rf-badge--gvp img{width:112px;height:auto;border-radius:6px}
#referenzen .rf-badge--made img{width:124px;height:66px;object-fit:cover;object-position:50% 50%}
#referenzen .rf-badge--hosted img,#referenzen .rf-badge--digi img{width:96px;height:96px;max-width:none;margin:-6px 0}
@media (max-width:1023.98px){
#referenzen .rf-sek__grid{gap:12px}
#referenzen .rf-tile{border-radius:var(--r-lg)}
#referenzen .rf-tile__name{padding:0 10px 16px;font-size:15px}
#referenzen .rf-trust{flex-direction:column;align-items:center;text-align:center;padding:28px 24px 24px}
#referenzen .rf-trust__who{flex-direction:column;gap:12px}
}
@media (max-width:759.98px){
#referenzen .rf-sek__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#referenzen .rf-tile__name{padding:0 10px 14px;font-size:14.5px}
#referenzen .rf-sek__note{margin-top:14px;font-size:14px}
}
@media (max-width:599.98px){
#referenzen .rf-trust{padding:24px 16px 16px}
#referenzen .rf-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
#referenzen .rf-badge{height:72px}
#referenzen .rf-badge--gvp img{width:min(88%,108px)}
#referenzen .rf-badge--made img{width:min(100%,116px);height:auto;aspect-ratio:136/72}
#referenzen .rf-badge--hosted img,#referenzen .rf-badge--digi img{width:80px;height:80px;margin:-4px 0}
}
#referenzen .rf-tile:nth-child(4n+1){--i:0} #referenzen .rf-tile:nth-child(4n+2){--i:1} #referenzen .rf-tile:nth-child(4n+3){--i:2} #referenzen .rf-tile:nth-child(4n){--i:3}
#referenzen .rf-tile{--rd:calc(var(--i,0) * 50ms)}
#referenzen .rf-tile__cam{position:absolute;inset:0}
@media (min-width:1024px){
#referenzen .rf-sek.rf-fit{margin-inline:auto}
#referenzen .rf-sek.rf-fit .rf-tile__stage{aspect-ratio:var(--rf-ar,1.25);overflow:hidden}
#referenzen .rf-sek.rf-fit .rf-tile__cam{inset:0 0 auto;height:80cqw}
#referenzen .rf-sek.rf-fit .rf-tile__floor{top:calc(var(--y,80%) - 80cqw * (1 - var(--rf-k,1)) * var(--rf-fy,.3))}
#referenzen .rf-sek.rf-fit .rf-o{top:calc(var(--y,50%) - 80cqw * (1 - var(--rf-k,1)) * var(--rf-fy,.3))}
}
@media (min-width:1024px) and (max-height:980px){
#referenzen .sec-head{max-width:1100px}
#referenzen .sec-head--center .lead{max-width:860px}
#referenzen .rf-sek.film{margin-top:clamp(22px,3.4vh,32px)}
#referenzen .rf-sek__grid{gap:12px}
#referenzen .rf-tile__name{padding:0 12px 15px}
#referenzen .rf-sek__note{margin-top:12px}
#referenzen .rf-trust{margin-top:clamp(28px,4vh,40px)}
}
@media (min-width:1024px) and (max-height:720px){
#referenzen .rf-tile__name{padding:0 10px 12px;font-size:15px;line-height:1.25}
}
#faq .faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(48px,6vw,96px);align-items:start}
#faq .faq__side .h2{margin-top:18px}
#faq .faq__film{margin-top:32px}
@media (min-width:900px) and (min-height:860px){
#faq .faq__side{position:sticky;top:calc(var(--head) + 32px)}
}
#faq .faq__contact{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 18px 14px 14px;border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-sm)}
#faq .faq__contact-ic{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:var(--r-md);background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100);color:var(--blue)}
#faq .faq__contact-ic .ic{width:22px;height:22px}
#faq .faq__contact-txt{min-width:0;font-size:15px;line-height:1.45;color:var(--mut)}
#faq .faq__contact-h{font-weight:700;font-size:16px;line-height:1.35;letter-spacing:-.01em;color:var(--ink)}
#faq .faq__tel{font-weight:600;color:var(--blue);white-space:nowrap;font-variant-numeric:tabular-nums}
#faq .faq__tel:hover{text-decoration:underline;text-underline-offset:3px}
#faq .faq__hours{display:block;font-size:14px;white-space:nowrap}
#faq .faq__sep{display:none}
#faq .faq__list{display:flex;flex-direction:column;gap:10px}
#faq .faq__item{position:relative;border-radius:var(--r-lg);background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line);
transition:background-color .35s var(--ease),box-shadow .35s var(--ease)}
#faq .faq__item:hover{box-shadow:inset 0 0 0 1px var(--line-2)}
#faq .faq__item::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--blue-500),var(--blue));
transform:scaleY(0);transform-origin:50% 0;transition:transform .45s var(--ease)}
#faq .faq__item.is-open,html:not(.js) #faq .faq__item[open]{background:#fff;
box-shadow:inset 0 0 0 1px var(--blue-100),0 24px 48px -30px rgba(7,78,185,.34),0 2px 6px -2px rgba(23,26,51,.06)}
#faq .faq__item.is-open::before,html:not(.js) #faq .faq__item[open]::before{transform:none}
#faq .faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 20px 20px 26px;cursor:pointer;list-style:none;border-radius:var(--r-lg)}
#faq .faq__item summary::-webkit-details-marker{display:none}
#faq .faq__item summary:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
#faq .faq__q{font-size:clamp(16.5px,1.32vw,18.5px);line-height:1.38;font-weight:600;letter-spacing:-.014em;color:var(--ink);text-wrap:pretty;transition:color .2s}
#faq .faq__item summary:hover .faq__q{color:var(--blue)}
#faq .faq__pm{position:relative;flex:none;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);
transition:background-color .3s var(--ease),box-shadow .3s var(--ease),transform .5s var(--ease)}
#faq .faq__pm::before,#faq .faq__pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.75px;margin:-.875px 0 0 -6px;border-radius:2px;background:var(--ink-2);
transition:transform .5s var(--ease),background-color .3s}
#faq .faq__pm::after{transform:rotate(90deg)}
#faq .faq__item summary:hover .faq__pm{box-shadow:inset 0 0 0 1px var(--ink-2)}
#faq .faq__item.is-open .faq__pm,html:not(.js) #faq .faq__item[open] .faq__pm{background:var(--blue);box-shadow:0 6px 14px -6px rgba(7,78,185,.55);transform:rotate(180deg)}
#faq .faq__item.is-open .faq__pm::before,#faq .faq__item.is-open .faq__pm::after,
html:not(.js) #faq .faq__item[open] .faq__pm::before,html:not(.js) #faq .faq__item[open] .faq__pm::after{background:#fff}
#faq .faq__item.is-open .faq__pm::after,html:not(.js) #faq .faq__item[open] .faq__pm::after{transform:rotate(180deg)}
#faq .faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .44s var(--ease)}
#faq .faq__item.is-open .faq__a,html:not(.js) #faq .faq__item[open] .faq__a{grid-template-rows:1fr}
#faq .faq__a-in{min-height:0;overflow:hidden}
#faq .faq__a p{padding:0 74px 24px 26px;font-size:16.5px;line-height:1.65;color:var(--mut);text-wrap:pretty;
opacity:0;transform:translateY(-6px);transition:opacity .25s var(--ease),transform .44s var(--ease)}
#faq .faq__item.is-open .faq__a p,html:not(.js) #faq .faq__item[open] .faq__a p{opacity:1;transform:none;transition-delay:.08s,0s}
#faq .faq__a a{color:var(--blue);font-weight:600;white-space:nowrap}
#faq .faq__a a:hover{text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){
#faq .faq__item,#faq .faq__item::before,#faq .faq__pm,#faq .faq__pm::before,#faq .faq__pm::after,#faq .faq__a,#faq .faq__a p{transition:none!important}
}
@media (max-width:899.98px){
#faq .faq{grid-template-columns:minmax(0,1fr) clamp(250px,40%,330px);grid-template-rows:1fr auto auto auto 1fr auto;
grid-template-areas:". film" "eb film" "h2 film" "ct film" ". film" "list list";column-gap:32px}
#faq .faq__side{display:contents}
#faq .faq__side .eyebrow{grid-area:eb;justify-self:start}
#faq .faq__side .h2{grid-area:h2}
#faq .faq__film{grid-area:film;margin-top:0}
#faq .faq__contact{grid-area:ct;justify-self:start;margin-top:24px}
#faq .faq__list{grid-area:list;margin-top:40px}
#faq .faq__tel{display:inline-flex;align-items:center;min-height:44px;margin-block:-6px}
#faq .faq__item summary{padding:18px 18px 18px 22px;gap:16px}
#faq .faq__a p{padding:0 22px 22px;font-size:16px}
#faq .faq__item::before{top:20px;bottom:20px}
}
@media (max-width:639.98px){
#faq .faq{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"eb" "h2" "film" "list" "ct";column-gap:0}
#faq .faq__side .h2{margin-top:14px}
#faq .faq__film{margin-top:24px;aspect-ratio:1/1}
#faq .faq__list{margin-top:24px;gap:8px}
#faq .faq__contact{justify-self:stretch;margin-top:20px}
#faq .faq__item summary{padding:16px 14px 16px 18px;gap:14px}
#faq .faq__q{font-size:16.5px}
#faq .faq__pm{width:32px;height:32px}
#faq .faq__a p{padding:0 18px 20px;font-size:16px}
#faq .faq__item::before{top:18px;bottom:18px}
}
.faqf{--T:12s}
.faqf .faqf-stage{position:absolute;top:0;left:50%;height:100%;aspect-ratio:4/5;transform:translateX(-50%);container-type:inline-size}
.faqf .faqf-halo{position:absolute;left:52%;top:20%;width:74%;aspect-ratio:1.7;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(closest-side,rgba(24,205,187,.2),rgba(115,220,115,.08) 55%,rgba(255,255,255,0))}
.faqf .faqf-glow{aspect-ratio:5/6;background:radial-gradient(closest-side,rgba(47,111,224,.26),rgba(47,111,224,.1) 60%,rgba(47,111,224,0));
box-shadow:0 0 0 .2cqw rgba(47,111,224,.22),0 0 5cqw 1cqw rgba(47,111,224,.2)}
.faqf .faqf-spark{left:50%;top:58%;width:2.4cqw;height:2.4cqw;margin:-1.2cqw 0 0 -1.2cqw;box-shadow:0 0 0 .5cqw rgba(47,111,224,.85),0 0 3.4cqw 1.4cqw rgba(47,111,224,.5)}
.faqf .faqf-ok{position:absolute;left:var(--x);top:var(--y);display:grid;place-items:center;width:7.2cqw;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);
background:radial-gradient(circle at 34% 28%,var(--ok) 0%,var(--c-mint) 70%);
box-shadow:inset 0 .3cqw .5cqw rgba(255,255,255,.35),inset 0 -.35cqw .6cqw rgba(0,0,0,.16),0 0 0 .55cqw #fff,0 1.1cqw 2cqw -.5cqw rgba(15,122,87,.5)}
.faqf .faqf-ok svg{width:60%;height:60%;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.js .film.is-in .faqf-q1{animation:faqf-q1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .faqf-q2{animation:faqf-q2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .film.is-in .faqf-q3{animation:faqf-q3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes faqf-q1{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--fsh) blur(0)}
19%,22%{opacity:0;transform:translate(-50%,-50%) translate(-3cqw,5cqw) scale(.86);filter:var(--fsh) blur(5px)}
30%{opacity:1;transform:translate(-50%,-50%) translate(0,-.6cqw) scale(1.01);filter:var(--fsh) blur(0)}
35%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--fsh) blur(0)}
}
@keyframes faqf-q2{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--fsh) blur(0)}
19%,26%{opacity:0;transform:translate(-50%,-50%) translate(3cqw,5cqw) scale(.86);filter:var(--fsh) blur(5px)}
34%{opacity:1;transform:translate(-50%,-50%) translate(0,-.6cqw) scale(1.01);filter:var(--fsh) blur(0)}
39%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--fsh) blur(0)}
}
@keyframes faqf-q3{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--fsh) blur(0)}
19%,30%{opacity:0;transform:translate(-50%,-50%) translate(-3cqw,5cqw) scale(.86);filter:var(--fsh) blur(5px)}
38%{opacity:1;transform:translate(-50%,-50%) translate(0,-.6cqw) scale(1.01);filter:var(--fsh) blur(0)}
43%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--fsh) blur(0)}
}
.js .film.is-in .faqf-s1{animation:faqf-s1 var(--T) cubic-bezier(.5,0,.25,1) infinite}
.js .film.is-in .faqf-s2{animation:faqf-s2 var(--T) cubic-bezier(.5,0,.25,1) infinite}
.js .film.is-in .faqf-s3{animation:faqf-s3 var(--T) cubic-bezier(.5,0,.25,1) infinite}
@keyframes faqf-s1{0%,43%{opacity:0;translate:-26cqw -17.5cqw} 44.5%{opacity:1} 50%{opacity:1;translate:0 0} 51.5%,100%{opacity:0;translate:0 0}}
@keyframes faqf-s2{0%,45%{opacity:0;translate:27cqw -8.75cqw} 46.5%{opacity:1} 52%{opacity:1;translate:0 0} 53.5%,100%{opacity:0;translate:0 0}}
@keyframes faqf-s3{0%,47%{opacity:0;translate:-31cqw 16.25cqw} 48.5%{opacity:1} 54%{opacity:1;translate:0 0} 55.5%,100%{opacity:0;translate:0 0}}
.js .film.is-in .faqf-glow{animation:faqf-glow var(--T) ease-out infinite}
@keyframes faqf-glow{
0%,51%{opacity:0;transform:translate(-50%,-50%) scale(.9)}
55%{opacity:1;transform:translate(-50%,-50%) scale(1)}
67%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}
}
.js .film.is-in .faqf-ans{animation:faqf-ans var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes faqf-ans{
0%,12%{opacity:1;transform:translate(-50%,-50%);filter:var(--fsh) blur(0)}
19%{opacity:0;transform:translate(-50%,-50%) translate(0,3cqw) scale(.94);filter:var(--fsh) blur(4px)}
55%{opacity:0;transform:translate(-50%,-50%) translate(-2cqw,42cqw) scale(.35);filter:var(--fsh) blur(5px)}
64%{opacity:1;transform:translate(-50%,-50%) translate(0,-.8cqw) scale(1.015);filter:var(--fsh) blur(0)}
69%,100%{opacity:1;transform:translate(-50%,-50%);filter:var(--fsh) blur(0)}
}
.js .film.is-in .faqf-halo{animation:faqf-halo var(--T) ease-in-out infinite}
@keyframes faqf-halo{
0%,12%{opacity:1;transform:translate(-50%,-50%)}
19%,58%{opacity:0;transform:translate(-50%,-50%) scale(.8)}
68%,100%{opacity:1;transform:translate(-50%,-50%)}
}
.js .film.is-in .faqf-ok1{animation:faqf-ok1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .faqf-ok2{animation:faqf-ok2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
.js .film.is-in .faqf-ok3{animation:faqf-ok3 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes faqf-ok1{0%,12%{opacity:1;transform:translate(-50%,-50%)} 16%,68%{opacity:0;transform:translate(-50%,-50%) scale(.3)} 72%,100%{opacity:1;transform:translate(-50%,-50%)}}
@keyframes faqf-ok2{0%,12%{opacity:1;transform:translate(-50%,-50%)} 16%,71%{opacity:0;transform:translate(-50%,-50%) scale(.3)} 75%,100%{opacity:1;transform:translate(-50%,-50%)}}
@keyframes faqf-ok3{0%,12%{opacity:1;transform:translate(-50%,-50%)} 16%,74%{opacity:0;transform:translate(-50%,-50%) scale(.3)} 78%,100%{opacity:1;transform:translate(-50%,-50%)}}
#faq .faq__contact{flex-wrap:wrap}
#faq .faq__contact-txt{flex:999 1 auto}
#faq .faq__cb{flex:1 0 auto;margin-left:auto}
#faq .faq__cb .ic{width:16px;height:16px}
@media (max-width:420px){ #faq .faq__cb{width:100%;margin-left:0} }
@media (min-width:1024px) and (max-height:980px){
#faq .faq__side .h2{margin-top:12px}
#faq .faq__film{margin-top:clamp(16px,2.6vh,24px)}
#faq .faq__film.film--fit{margin-inline:0}
#faq .faq__contact{margin-top:12px;padding:10px 14px 10px 10px}
#faq .faq__contact-ic{width:42px;height:42px}
#faq .faq__side:has(> .faq__film.is-fit[style*="max-width"]) .faq__contact{flex-wrap:nowrap;gap:12px;max-width:var(--faq-fw,none);min-width:min-content;padding-left:14px}
#faq .faq__side:has(> .faq__film.is-fit[style*="max-width"]) .faq__contact-ic{display:none}
#faq .faq__side:has(> .faq__film.is-fit[style*="max-width"]) .faq__contact-h{white-space:nowrap}
}
@media (min-width:1024px) and (max-height:980px) and (min-height:600px){
.js #faq .faq__side{position:sticky;top:calc(var(--head) + 18px)}
}
#termin .tm-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:stretch;padding:clamp(28px,5vw,64px);border-radius:var(--r-2xl);background:#fff;box-shadow:var(--sh-md),0 0 0 1px var(--line)}
#termin .tm-copy{align-self:center}
#termin .tm-copy .h2{margin-top:18px;font-size:clamp(31px,3.25vw,46px)}
#termin .tm-copy .lead{margin-top:18px;max-width:520px}
#termin .tm-ticks{margin-top:26px}
#termin .tm-ticks li{font-size:16px}
#termin .tm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:34px}
#termin .tm-callback{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 4px;border-radius:8px;font:600 15.5px/1 var(--font);letter-spacing:-.01em;color:var(--blue)}
#termin .tm-callback .ic{width:17px;height:17px}
#termin .tm-callback span{text-decoration:underline;text-decoration-color:var(--blue-200);text-decoration-thickness:1.5px;text-underline-offset:4px;transition:text-decoration-color .2s}
#termin .tm-callback:hover span{text-decoration-color:var(--blue)}
#termin .tm-phone{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:15px;color:var(--mut)}
#termin .tm-phone a{font-weight:600;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
#termin .tm-phone a:hover{color:var(--blue)}
#termin .tm-phone__h{white-space:nowrap}
#termin .tm-visual{display:block;width:100%;align-self:center;text-decoration:none;color:inherit;transition:box-shadow .3s var(--ease)}
#termin .tm-visual:hover{box-shadow:0 0 0 1px var(--blue-200),var(--sh-md)}
#termin .tm-visual:focus-visible{outline-offset:4px;border-radius:var(--r-xl)}
.tmf{--T:9s;--dsh:drop-shadow(0 1.6cqw 2.2cqw rgba(23,26,51,.13)) drop-shadow(0 .3cqw .5cqw rgba(23,26,51,.06))}
.tmf .film__l{transform:translate(-50%,-100%)}
.tmf .film__l > img{width:100%}
.tmf .tmf-lap{--x:50%;--y:68%;--w:88%}
.tmf .tmf-cal{--x:25%;--y:90%;--w:37%}
.tmf .tmf-cup{--x:79%;--y:89%;--w:22%}
.tmf .tmf-fl-lap{--x:50%;--y:65.4%;--w:92%}
.tmf .tmf-fl-cal{--x:25%;--y:89.4%;--w:34%}
.tmf .tmf-fl-cup{--x:76.5%;--y:88.8%;--w:24%}
.tmf .tmf-scr{position:absolute;left:10.75%;top:6.27%;width:78%;height:60.4%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr auto;gap:1cqw;padding:1.3cqw 1.3cqw .9cqw;
border-radius:.4cqw;overflow:hidden;background:linear-gradient(180deg,#f8f9fc,#edf0f5)}
.tmf .tmf-tile{position:relative;overflow:hidden;border-radius:.9cqw;background:linear-gradient(165deg,#f0f2f6,#e0e4eb);box-shadow:inset 0 0 0 .1cqw rgba(23,26,51,.05)}
.tmf .tmf-tile.is-talk{box-shadow:inset 0 0 0 .3cqw var(--blue)}
.tmf .tmf-tile img{position:absolute;left:50%;bottom:-6%;width:auto;height:88%;max-width:none;transform:translateX(-50%)}
.tmf .tmf-bar{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:.9cqw;height:3cqw}
.tmf .tmf-bar i{width:2cqw;height:2cqw;border-radius:50%;background:#dadee6}
.tmf .tmf-bar b{width:5.4cqw;height:2cqw;border-radius:1cqw;background:var(--blue)}
.tmf .tmf-off{position:absolute;inset:0;z-index:2;background:radial-gradient(120% 90% at 30% 10%,#363c4a 0%,#1c2029 60%,#15181f 100%);opacity:0}
.tmf .tmf-ok{position:absolute;left:62.4%;top:50.6%;width:19%;aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:24%;
background:linear-gradient(160deg,#2f6fe0,var(--blue));box-shadow:0 0 0 .6cqw rgba(47,111,224,.16),0 1cqw 2cqw -.5cqw rgba(7,78,185,.55)}
.tmf .tmf-ok svg{width:62%;height:62%;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tmf .tmf-steam{position:absolute;left:var(--x);top:var(--y);width:3.6cqw;height:auto;transform:translate(-50%,-100%);overflow:visible;fill:none;stroke:#fff;stroke-width:4.2;stroke-linecap:round;
filter:blur(.2cqw) drop-shadow(0 0 .35cqw rgba(96,108,134,.6))}
.tmf .tmf-s1{--x:74%;--y:75.5%;opacity:.85;transform:translate(-50%,-100%) translateY(-1cqw)}
.tmf .tmf-s2{--x:78.2%;--y:74.5%;opacity:.6;transform:translate(-50%,-100%) translateY(-3cqw)}
.js .tmf.is-in .tmf-off{animation:tmf-off var(--T) ease-in-out infinite}
@keyframes tmf-off{0%,14%{opacity:0}20%,23%{opacity:1}30%,100%{opacity:0}}
.js .tmf.is-in .tmf-t1{animation:tmf-t1 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .tmf.is-in .tmf-t2{animation:tmf-t2 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .tmf.is-in .tmf-t3{animation:tmf-t3 var(--T) cubic-bezier(.16,1,.3,1) infinite}
.js .tmf.is-in .tmf-t4{animation:tmf-t4 var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes tmf-t1{0%,12%{opacity:1;transform:none;filter:blur(0)}17%,30%{opacity:0;transform:scale(.9);filter:blur(3px)}37%,100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes tmf-t2{0%,12%{opacity:1;transform:none;filter:blur(0)}17%,35%{opacity:0;transform:scale(.9);filter:blur(3px)}42%,100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes tmf-t3{0%,12%{opacity:1;transform:none;filter:blur(0)}17%,40%{opacity:0;transform:scale(.9);filter:blur(3px)}47%,100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes tmf-t4{0%,12%{opacity:1;transform:none;filter:blur(0)}17%,45%{opacity:0;transform:scale(.9);filter:blur(3px)}52%,100%{opacity:1;transform:none;filter:blur(0)}}
.js .tmf.is-in .tmf-cal{animation:tmf-cal var(--T) cubic-bezier(.16,1,.3,1) infinite}
@keyframes tmf-cal{
0%,12%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}
19%,54%{opacity:0;transform:translate(-50%,-100%) translateX(-7cqw);filter:blur(4px) var(--dsh)}
63%,100%{opacity:1;transform:translate(-50%,-100%);filter:blur(0) var(--dsh)}
}
.js .tmf.is-in .tmf-ok{animation:tmf-ok var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes tmf-ok{
0%,12%{opacity:1;transform:translate(-50%,-50%)}
17%,62%{opacity:0;transform:translate(-50%,-50%) scale(.3)}
69%,100%{opacity:1;transform:translate(-50%,-50%)}
}
.js .tmf.is-in .tmf-s1{animation:tmf-s1 var(--T) ease-in-out infinite}
.js .tmf.is-in .tmf-s2{animation:tmf-s2 var(--T) ease-in-out infinite}
@keyframes tmf-s1{
0%,12%{opacity:.85;transform:translate(-50%,-100%) translateY(-1cqw)}
19%,26%{opacity:0;transform:translate(-50%,-100%) translateY(1.5cqw) scale(.9)}
40%{opacity:.9;transform:translate(-50%,-100%) translateY(-2cqw)}
52%{opacity:0;transform:translate(-50%,-100%) translateY(-6cqw) scale(1.15)}
53%,56%{opacity:0;transform:translate(-50%,-100%) translateY(1.5cqw) scale(.9)}
80%,100%{opacity:.85;transform:translate(-50%,-100%) translateY(-1cqw)}
}
@keyframes tmf-s2{
0%,12%{opacity:.6;transform:translate(-50%,-100%) translateY(-3cqw)}
19%,32%{opacity:0;transform:translate(-50%,-100%) translateY(1.5cqw) scale(.9)}
46%{opacity:.8;transform:translate(-50%,-100%) translateY(-2.5cqw)}
58%{opacity:0;transform:translate(-50%,-100%) translateY(-7cqw) scale(1.15)}
59%,62%{opacity:0;transform:translate(-50%,-100%) translateY(1.5cqw) scale(.9)}
80%,100%{opacity:.6;transform:translate(-50%,-100%) translateY(-3cqw)}
}
html.modal-open{overflow:hidden}
.modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:rgba(23,26,51,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto;overscroll-behavior:contain}
.modal.is-open{animation:modal-fade .25s var(--ease) both}
.modal.is-open .modal__box{animation:modal-in .38s var(--ease) both}
@keyframes modal-fade{from{opacity:0}to{opacity:1}}
@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
#callback .modal__box{position:relative;width:100%;max-width:480px;margin:auto;padding:32px 32px 28px;border-radius:var(--r-xl);background:#fff;box-shadow:0 40px 90px -30px rgba(23,26,51,.45),0 0 0 1px var(--line)}
#callback .modal__close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--mut);transition:background-color .2s,color .2s}
#callback .modal__close:hover{background:var(--bg-soft);color:var(--ink)}
#callback .modal__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100);color:var(--blue)}
#callback .h3{margin-top:18px}
#callback .modal__lead{margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--mut)}
#callback .cb-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin-top:22px}
#callback .cb-field{display:flex;flex-direction:column;gap:6px;min-width:0}
#callback .cb-field--full{grid-column:1 / -1}
#callback .cb-field label{font-size:14px;font-weight:600;color:var(--ink-2)}
#callback .cb-req{color:var(--bad);font-weight:600}
#callback .cb-reqnote{margin-bottom:-4px;font-size:13px;line-height:1.3;color:var(--mut)}
#callback .cb-field input{width:100%;height:48px;padding:0 14px;border:0;border-radius:var(--r-md);background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font-size:16px;color:var(--ink);transition:box-shadow .2s}
#callback .cb-field input:hover{box-shadow:inset 0 0 0 1px var(--mut-2)}
#callback .cb-field input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--blue),0 0 0 4px var(--blue-100)}
#callback .cb-hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
#callback .cb-check{display:flex;align-items:flex-start;gap:10px;margin-top:2px;font-size:14px;line-height:1.5;color:var(--mut);cursor:pointer}
#callback .cb-check input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--blue);cursor:pointer}
#callback .cb-check a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
#callback .cb-submit{margin-top:6px}
#callback .form-note{padding:12px 14px;border-radius:var(--r-md);background:var(--c-sand-bg);box-shadow:inset 0 0 0 1px var(--c-sand-soft);font-size:14px;line-height:1.5;color:var(--ink-2)}
#callback .form-note:empty{display:none}
@media (max-width:899.98px){
#termin .tm-phone a{display:inline-flex;align-items:center;min-height:44px}
}
@media (max-width:959.98px){
#termin .tm-card{grid-template-columns:minmax(0,1fr);gap:40px}
#termin .tm-visual{justify-self:center;width:100%;max-width:480px}
}
@media (max-width:599.98px){
#termin .tm-card{margin:0 -8px;padding:28px 18px 18px;border-radius:var(--r-xl)}
#termin .tm-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:28px}
#termin .tm-actions .btn{width:100%;height:auto;min-height:52px;padding:10px 14px;line-height:1.25;white-space:normal;text-align:center}
#termin .tm-callback{justify-content:center}
#termin .tm-phone{text-align:center}
#termin .tm-phone__h{display:block;margin-top:-6px}
#termin .tm-visual{border-radius:var(--r-lg)}
#callback .modal__box{padding:26px 20px 22px}
#callback .cb-form{gap:12px 10px}
}
@media (max-width:399.98px){
#termin .tm-actions .btn{font-size:15px}
}
#termin .tm-visual__link{position:absolute;inset:0;z-index:5;border-radius:inherit}
#termin .tm-visual__link:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media (min-width:1024px) and (max-height:980px){
#termin .tm-card{--tm-py:clamp(32px,calc(10vh - 25px),64px);--tm-fh:calc(100vh - var(--head) - 36px - 2 * var(--tm-py));padding:var(--tm-py)}
#termin .tm-copy .h2{margin-top:12px;font-size:clamp(30px,min(3.25vw,5.2vh),46px)}
#termin .tm-copy .lead{margin-top:12px}
#termin .tm-ticks{margin-top:18px;gap:8px}
#termin .tm-actions{gap:6px 22px;margin-top:22px}
#termin .tm-phone{margin-top:14px;padding-top:14px}
#termin .tm-visual{max-width:calc(var(--tm-fh) / 1.075);max-height:var(--tm-fh)}
#termin .tm-copy,#termin .tm-visual{align-self:start}
}
#site-footer{position:relative;background:#fff;border-top:1px solid var(--line);color:var(--mut-2)}
#site-footer .sf-wrap{max-width:1220px;margin:0 auto;padding:52px 15px 0}
#site-footer .sf-top{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,1.6fr) minmax(0,2fr) minmax(0,1.35fr) minmax(0,1.35fr) auto;gap:32px 32px;align-items:start}
#site-footer .sf-logo{display:inline-block;border-radius:6px}
#site-footer .sf-logo img{width:161px;height:35px}
#site-footer .sf-address{display:flex;flex-direction:column;align-items:flex-start;margin-top:14px;font-style:normal;font-size:16px;line-height:28px}
#site-footer .sf-adr{margin-bottom:10px}
#site-footer .sf-line{display:inline-flex;align-items:center;gap:10px;min-height:32px;color:var(--mut-2);border-radius:6px;transition:color .2s}
#site-footer .sf-line .ic{width:18px;height:18px;color:var(--navy);stroke-width:1.6}
#site-footer a.sf-line:hover{color:var(--blue)}
#site-footer .sf-social{display:flex;align-items:center;gap:5px;margin:22px 0 0 -10px}
#site-footer .sf-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--navy);transition:color .2s,background-color .2s}
#site-footer .sf-social a:hover{color:var(--blue);background:var(--bg-soft)}
#site-footer .sf-social svg{width:20px;height:20px;fill:currentColor}
#site-footer .sf-h{display:block;margin-bottom:5px;font:600 16px/32px var(--font);letter-spacing:0;color:var(--navy)}
#site-footer .sf-col--sbm .sf-h{display:inline-flex;align-items:center;gap:8px}
#site-footer .sf-col--sbm .sf-h::after{content:"Diese Seite";display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:var(--blue-50);box-shadow:inset 0 0 0 1px var(--blue-100);font:600 11px/1 var(--font-ui);letter-spacing:.02em;color:var(--blue)}
#site-footer .sf-col a{display:inline-block;font-size:16px;line-height:32px;color:var(--mut-2);border-radius:4px;transition:color .2s}
#site-footer .sf-col a:hover{color:var(--navy)}
#site-footer .sf-badge{justify-self:end}
#site-footer .sf-badge img{width:100px;height:auto;border-radius:4px}
#site-footer .sf-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px;margin-top:40px;padding:12px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.5}
#site-footer .sf-bottom p{padding:8px 0}
#site-footer .sf-legal{display:flex;gap:4px 32px}
#site-footer .sf-legal a{display:inline-flex;align-items:center;min-height:40px;color:var(--mut-2);transition:color .2s}
#site-footer .sf-legal a:hover{color:var(--navy)}
@media (max-width:1249.98px){
#site-footer .sf-wrap{padding-left:var(--gutter);padding-right:var(--gutter)}
}
@media (max-width:1199.98px){
#site-footer .sf-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px}
#site-footer .sf-brand{grid-column:1 / span 3}
#site-footer .sf-badge{grid-column:4;grid-row:1}
}
@media (max-width:899.98px){
#site-footer .sf-line,#site-footer .sf-col a,#site-footer .sf-legal a{display:inline-flex;align-items:center;min-height:44px;line-height:1.35}
#site-footer .sf-h{margin-bottom:0}
}
@media (max-width:767.98px){
#site-footer .sf-wrap{padding:44px var(--gutter) 0}
#site-footer .sf-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
#site-footer .sf-brand{grid-column:1 / -1}
#site-footer .sf-badge{grid-column:1 / -1;grid-row:auto;justify-self:start}
#site-footer .sf-bottom{flex-direction:column-reverse;align-items:flex-start;gap:0;margin-top:32px}
}
.m-cta{display:none}
@media (max-width:575.98px){
#site-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.m-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;display:block;padding:12px calc(var(--gutter) + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(var(--gutter) + env(safe-area-inset-left,0px));background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:0 -1px 0 var(--line),0 -10px 30px -18px rgba(23,26,51,.25);transform:translateY(110%);visibility:hidden;transition:transform .4s var(--ease),visibility 0s linear .4s}
.m-cta.is-shown{transform:none;visibility:visible;transition:transform .4s var(--ease),visibility 0s}
.m-cta .btn{display:flex;max-width:520px;margin:0 auto;padding:0 14px}
.menu-open .m-cta,.modal-open .m-cta{transform:translateY(110%);visibility:hidden}
}
@media (max-width:399.98px){
.m-cta .btn{font-size:15px}
}