:root{
--paper:#FAFAF8; --surface:#FFFFFF; --ink:#1C2530; --muted:#5A6573; --faint:#8A939E;
--line:rgba(28,37,48,.10); --line-2:rgba(28,37,48,.06);
--brand:#4F5BF0; --brand-deep:#3840C9; --tint:#EEF0FF; --mark:#CDD3FF;
--cyan:#22C3D6; --violet:#8B46E0; --ok:#12A66A;
--serif:'Fraunces',Georgia,serif; --sans:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
--mono:'JetBrains Mono',ui-monospace,Menlo,monospace; --hand:'Caveat','Bradley Hand',cursive;
--ease:cubic-bezier(.16,1,.3,1);
--shadow:0 1px 2px rgba(28,37,48,.04),0 12px 40px -12px rgba(28,37,48,.14);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.08;letter-spacing:-.01em;margin:0;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
svg.i{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wrap{position:relative;z-index:1;width:100%;max-width:1120px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
section{position:relative;padding:96px 0;overflow:hidden}
.bg-surface{background:var(--surface)}
[id]{scroll-margin-top:96px}
.head{text-align:center;max-width:760px;margin:0 auto 56px}
.head h2{font-size:clamp(1.85rem,5.2vw,2.75rem);margin-top:18px}
.head p{color:var(--muted);margin-top:16px;font-size:1.02rem}
.eyebrow{display:inline-block;font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-deep)}
.eyebrow.pill{padding:7px 14px;border:1px solid rgba(79,91,240,.28);background:var(--tint);border-radius:999px}
.hand{font-family:var(--hand);font-weight:600;color:var(--brand-deep);font-size:1.45rem;line-height:1.2}
.mark{background:linear-gradient(var(--mark),var(--mark)) no-repeat 0 86%/0% .36em;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size 1s var(--ease) .35s}
.in .mark,.mark.in,html:not(.js) .mark{background-size:100% .36em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:10px;background:var(--brand);color:#fff;font-weight:600;font-size:.98rem;line-height:1.2;box-shadow:0 14px 34px -12px rgba(79,91,240,.9);transition:transform .25s var(--ease),box-shadow .25s,background .2s}
.btn:hover{transform:translateY(-2px);background:var(--brand-deep);box-shadow:0 18px 38px -12px rgba(79,91,240,.95)}
.btn svg{transition:transform .25s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn.ghost{background:#fff;color:var(--brand-deep);border:1.5px solid rgba(79,91,240,.4);box-shadow:none}
.btn.ghost:hover{background:var(--tint)}
.btn.sm{padding:11px 20px;font-size:.88rem;border-radius:999px}
.micro{font-size:.8rem;color:var(--muted);margin-top:12px}
.js .reveal{opacity:0;transform:translateY(22px);filter:blur(6px);transition:opacity .8s var(--ease) var(--d,0s),transform .8s var(--ease) var(--d,0s),filter .8s var(--ease) var(--d,0s)}
.js .reveal.in{opacity:1;transform:none;filter:none}
.nav{position:fixed;top:14px;left:0;right:0;z-index:50;padding:0 14px}
.nav-in{max-width:1040px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 10px 9px 20px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 8px 30px rgba(28,37,48,.10);transition:box-shadow .3s}
.logo{display:flex;align-items:center;gap:9px;font-family:var(--serif);font-weight:700;font-size:1.12rem;letter-spacing:-.01em}
.logo svg{width:26px;height:26px}
.logo b{font-weight:700;background:linear-gradient(90deg,var(--brand),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-links{display:flex;gap:30px;font-size:.88rem;color:var(--muted)}
.nav-links a{position:relative;padding:6px 0;transition:color .2s}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover::after{transform:scaleX(1)}
.burger{display:none;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center}
.burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;position:relative;transition:background .2s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),top .3s var(--ease)}
.burger span::before{top:-6px}.burger span::after{top:6px}
.burger[aria-expanded=true] span{background:transparent}
.burger[aria-expanded=true] span::before{top:0;transform:rotate(45deg)}
.burger[aria-expanded=true] span::after{top:0;transform:rotate(-45deg)}
.menu{display:none}
.hero{padding:150px 0 110px}
.grid-bg{position:absolute;inset:0;background-size:40px 40px;background-image:linear-gradient(to right,var(--line-2) 1px,transparent 1px),linear-gradient(var(--line-2) 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 38%,#000 15%,transparent 78%);mask-image:radial-gradient(ellipse 75% 65% at 50% 38%,#000 15%,transparent 78%)}
.glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}
.glow.a{width:460px;height:460px;background:#DCE0FF;top:-120px;left:-140px}
.glow.b{width:420px;height:420px;background:#D6F4F8;top:180px;right:-160px}
.hero-in{position:relative;z-index:2;text-align:center;max-width:860px;margin:0 auto}
.hero h1{font-size:clamp(2.35rem,8.2vw,4.3rem);margin-top:20px}
.hero .lead{max-width:620px;margin:24px auto 0;color:var(--muted);font-size:clamp(1rem,2.6vw,1.12rem)}
.hero .cta{margin-top:34px}
.rating{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:8px 16px 8px 10px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:.84rem;box-shadow:0 4px 14px rgba(28,37,48,.05)}
.rating b{font-family:var(--serif);font-size:1rem}
.stars{display:inline-flex;gap:1px;color:#F5A524}
.stars svg{width:14px;height:14px;fill:currentColor;stroke:none}
.chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);background:#fff;border-radius:10px;font-family:var(--mono);font-size:.7rem;font-weight:500;color:var(--ink);box-shadow:var(--shadow);white-space:nowrap}
.chip .dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--ok)}
.chip .dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ok);animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite}
.chip.c1{top:178px;left:max(20px,calc(50% - 560px));transform:rotate(-4deg)}
.chip.c2{top:330px;right:max(20px,calc(50% - 570px));transform:rotate(3deg)}
.float{animation:floatY 9s ease-in-out infinite alternate}
.float.slow{animation-duration:14s;animation-delay:-5s}
.hero-rise{animation:heroRise .9s var(--ease) both}
.hero-rise.d1{animation-delay:.08s}.hero-rise.d2{animation-delay:.16s}.hero-rise.d3{animation-delay:.24s}.hero-rise.d4{animation-delay:.34s}
.visual{position:relative;z-index:2;max-width:880px;margin:64px auto 0;padding:0 20px}
.browser{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 2px 4px rgba(28,37,48,.04),0 40px 80px -30px rgba(56,64,201,.35)}
.browser-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:#F6F6F3}
.browser-bar i{width:10px;height:10px;border-radius:50%;background:#DDDFE3}
.browser-bar .url{margin-left:10px;flex:1;max-width:280px;padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-family:var(--mono);font-size:.68rem;color:var(--muted);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browser img{width:100%}
.phone-pos{position:absolute;right:-4px;bottom:-56px;width:clamp(104px,23%,190px)}
.phone{border:6px solid var(--ink);border-radius:26px;overflow:hidden;background:var(--ink);box-shadow:0 30px 60px -20px rgba(28,37,48,.5)}
.visual .note{margin-top:22px;text-align:left;padding-left:6px;transform:rotate(-2deg);transform-origin:left}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:26px;box-shadow:var(--shadow);transition:transform .35s var(--ease),box-shadow .35s}
.card:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(28,37,48,.04),0 24px 50px -16px rgba(56,64,201,.22)}
.mini{height:170px;border:1px solid var(--line-2);border-radius:14px;background:linear-gradient(180deg,#FBFBFE,#F4F5FD);display:flex;align-items:center;justify-content:center;margin-bottom:24px;overflow:hidden;position:relative;padding:18px}
.card h3{font-size:1.28rem;display:flex;gap:12px;align-items:baseline}
.num{font-family:var(--hand);font-weight:600;font-size:1.7rem;color:#A9B2FF;line-height:1}
.card p{color:var(--muted);margin-top:10px;font-size:.95rem}
.speed{width:100%;max-width:300px;font-family:var(--mono);font-size:.7rem;color:var(--muted)}
.speed .row{display:flex;justify-content:space-between;margin-bottom:8px}
.speed .row b{color:var(--ink);font-size:.82rem}
.bar{height:10px;border-radius:99px;background:#E4E7F7;overflow:hidden;margin-bottom:16px}
.bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--brand));transition:width 1.4s var(--ease) .4s}
.bar.slow i{background:#C9CDD6;transition-duration:3.4s}
.in .bar i{width:var(--w)}
.mphone{width:92px;height:150px;border:3px solid var(--ink);border-radius:18px;background:#fff;padding:12px 9px;display:flex;flex-direction:column;gap:7px;transform:translateY(22px) rotate(-5deg)}
.mphone i{display:block;border-radius:5px;background:#E4E7F7;height:9px}
.mphone i.h{height:34px;background:linear-gradient(135deg,#DDE1FF,#D6F4F8)}
.mphone i.b{background:var(--brand);width:60%;height:12px}
.mdesk{width:150px;height:98px;border:3px solid #C9CDD6;border-radius:10px;background:#fff;padding:10px;display:flex;flex-direction:column;gap:6px;margin-left:-26px;transform:translateY(-6px) rotate(3deg);opacity:.75}
.mdesk i{display:block;border-radius:4px;background:#ECEEF3;height:8px}
.mdesk i.h{height:30px}
.search{width:100%;max-width:320px;font-size:.74rem}
.sbar{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-family:var(--mono);color:var(--ink);box-shadow:0 2px 8px rgba(28,37,48,.05)}
.sbar svg{color:var(--faint)}
.type{display:inline-block;overflow:hidden;white-space:nowrap;width:0;border-right:2px solid var(--brand)}
.in .type{animation:writeIn 1.6s steps(22) .5s forwards,caret .8s step-end infinite}
.res{margin-top:10px;padding:9px 12px;border-radius:10px;border:1px solid var(--line-2);background:#fff;display:flex;align-items:center;gap:10px;color:var(--faint)}
.res.top{border-color:rgba(79,91,240,.4);background:var(--tint);color:var(--brand-deep);font-weight:600}
.res span{font-family:var(--mono);font-size:.66rem;font-weight:700}
.res i{display:block;height:7px;flex:1;border-radius:4px;background:#ECEEF3}
.notif{width:100%;max-width:310px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);text-align:left}
.notif .t{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.1em;color:var(--faint)}
.notif .t .dot{position:relative;width:7px;height:7px;border-radius:50%;background:var(--ok)}
.notif .t .dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ok);animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite}
.notif strong{display:block;font-size:.84rem;margin-top:6px}
.notif small{color:var(--muted);font-size:.74rem}
.notif.back{position:absolute;transform:translateY(44px) scale(.92);opacity:.5;max-width:290px}
.notif.front{position:relative;transform:translateY(-14px)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc{display:flex;flex-direction:column;padding:30px 26px}
.svc.hot{border-color:rgba(79,91,240,.45);background:linear-gradient(180deg,#F6F7FF,#fff 45%)}
.svc h3{font-size:1.45rem;margin-top:10px}
.svc .sub{color:var(--muted);font-size:.92rem;margin-top:8px}
.svc ul{margin:22px 0 26px;display:grid;gap:11px;font-size:.93rem}
.svc li{display:flex;gap:10px;align-items:flex-start}
.svc li svg{color:var(--brand);margin-top:.22em}
.svc .btn{margin-top:auto}
.aside-note{margin-top:44px;text-align:center}
.proj{display:block;border-radius:20px;transition:transform .4s var(--ease)}
.proj:hover{transform:translateY(-6px)}
.proj .browser{box-shadow:var(--shadow);border-radius:14px}
.proj .shot{aspect-ratio:16/9;overflow:hidden}
.proj .shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease)}
.proj:hover .shot img{transform:scale(1.04)}
.proj h3{font-size:1.2rem;margin-top:18px;display:flex;align-items:center;gap:8px}
.proj h3 svg{color:var(--brand);transition:transform .25s var(--ease)}
.proj:hover h3 svg{transform:translate(3px,-3px)}
.proj p{color:var(--muted);font-size:.92rem;margin-top:6px}
.cmp{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:var(--shadow);max-width:980px;margin:0 auto}
.cmp-row{display:grid;grid-template-columns:1.05fr 1fr 1fr}
.cmp-row>div{padding:22px 24px;border-top:1px solid var(--line)}
.cmp-row.hd>div{border-top:0;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:16px 24px}
.cmp-row>.us{background:var(--tint)}
.cmp-row.hd>.us{color:var(--brand-deep)}
.cmp h3{font-size:1.1rem}
.cmp .q .hand{font-size:1.25rem;display:block;margin-top:4px}
.cmp .v{display:flex;gap:10px;align-items:flex-start;font-size:.93rem}
.cmp .us .v{font-weight:500}
.cmp .us svg{color:var(--brand);margin-top:.22em}
.cmp .them{color:var(--muted)}
.cmp .them svg{color:#B6BCC6;margin-top:.22em}
.flow{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.steps{position:relative;display:grid;gap:30px;padding-left:58px}
.steps::before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:repeating-linear-gradient(var(--mark) 0 6px,transparent 6px 12px)}
.step{position:relative}
.step .n{position:absolute;left:-58px;top:-2px;width:40px;height:40px;border-radius:50%;background:#fff;border:1.5px solid rgba(79,91,240,.4);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:.78rem;color:var(--brand-deep)}
.step h3{font-size:1.18rem}
.step p{color:var(--muted);font-size:.94rem;margin-top:6px}
.slip{position:relative;border:1px solid var(--line);border-radius:6px;background:#fff;padding:28px 26px 30px;box-shadow:var(--shadow);font-family:var(--mono);font-size:.82rem;transform:rotate(1.2deg)}
.slip::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background:linear-gradient(-45deg,transparent 5.5px,#fff 0) 0 0/11px 8px,linear-gradient(45deg,transparent 5.5px,#fff 0) 0 0/11px 8px;filter:drop-shadow(0 1px 0 var(--line))}
.slip-h{display:flex;justify-content:space-between;gap:10px;font-size:.66rem;font-weight:700;letter-spacing:.12em;color:var(--faint);padding-bottom:14px;border-bottom:1px dashed var(--line)}
.slip li{display:flex;gap:14px;padding:11px 0;border-bottom:1px dashed var(--line)}
.slip li span{color:#A9B2FF;font-weight:700}
.slip-f{margin-top:16px;font-family:var(--sans);font-size:.86rem;color:var(--muted);padding-right:110px}
.stamp{position:absolute;right:18px;bottom:22px;padding:6px 12px;border:2px solid var(--brand);color:var(--brand);border-radius:6px;font-weight:700;font-size:.7rem;letter-spacing:.14em;transform:rotate(-9deg) scale(1.6);opacity:0;transition:transform .5s var(--ease) .9s,opacity .3s .9s}
.in .stamp,html:not(.js) .stamp{transform:rotate(-9deg) scale(1);opacity:1}
.score{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;max-width:860px;margin:0 auto 44px;padding:30px 34px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}
.score .big{font-family:var(--serif);font-weight:700;font-size:clamp(3.4rem,11vw,5rem);line-height:1;color:var(--brand)}
.score .stars svg{width:20px;height:20px}
.score p{color:var(--muted);font-size:.95rem;margin-top:8px}
.score a{color:var(--brand-deep);font-weight:600;border-bottom:1.5px solid var(--mark)}
.quotes{columns:3;column-gap:22px}
.quote{break-inside:avoid;margin:0 0 22px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;font-size:.93rem}
.quote blockquote{margin:12px 0 0;color:var(--ink)}
.quote figcaption{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:.84rem;color:var(--muted)}
.quote figcaption b{display:block;color:var(--ink);font-weight:600}
.av{width:38px;height:38px;border-radius:50%;background:var(--tint);color:var(--brand-deep);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:.72rem;flex:none}
.founder{display:grid;grid-template-columns:340px 1fr;gap:60px;align-items:center;max-width:980px;margin:0 auto}
.portrait{position:relative}
.portrait img{border-radius:24px;box-shadow:var(--shadow);aspect-ratio:1;object-fit:cover;width:100%;transform:rotate(-2deg)}
.portrait .hand{position:absolute;right:-6px;bottom:-34px;transform:rotate(-5deg)}
.founder h2{font-size:clamp(1.9rem,5.4vw,2.7rem);margin-top:14px}
.founder .loc{font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--faint);margin-top:14px}
.founder p.t{color:var(--muted);margin-top:18px}
.founder .btn{margin-top:28px}
.faq{max-width:780px;margin:0 auto;display:grid;gap:12px}
.qa{border:1px solid var(--line);border-radius:16px;background:#fff;transition:border-color .3s,box-shadow .3s}
.qa.open{border-color:rgba(79,91,240,.4);box-shadow:var(--shadow)}
.qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;text-align:left;font-family:var(--serif);font-weight:700;font-size:1.06rem;line-height:1.3}
.qa .pm{flex:none;width:28px;height:28px;border-radius:50%;background:var(--tint);position:relative;transition:transform .4s var(--ease),background .3s}
.qa .pm::before,.qa .pm::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;border-radius:2px;background:var(--brand-deep)}
.qa .pm::after{transform:rotate(90deg);transition:transform .4s var(--ease)}
.qa.open .pm{transform:rotate(180deg)}
.qa.open .pm::after{transform:rotate(0)}
.qa .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.qa.open .a{grid-template-rows:1fr}
.qa .a>div{overflow:hidden}
.qa .a p{padding:0 22px 22px;color:var(--muted);font-size:.95rem}
.qa .a strong{color:var(--ink);font-weight:600}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.contact h2{font-size:clamp(1.95rem,5.6vw,2.9rem)}
.contact .lead{color:var(--muted);margin-top:18px}
.ways{display:grid;gap:12px;margin-top:30px}
.way{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:transform .25s var(--ease),border-color .25s}
.way:hover{transform:translateX(4px);border-color:rgba(79,91,240,.4)}
.way .ic{width:40px;height:40px;border-radius:12px;background:var(--tint);color:var(--brand-deep);display:grid;place-items:center;flex:none}
.way small{display:block;color:var(--muted);font-size:.78rem}
.way b{font-weight:600;font-size:.96rem}
.ps{margin-top:30px;transform:rotate(-1.5deg);max-width:420px}
.form{border:1px solid var(--line);border-radius:22px;background:#fff;padding:30px;box-shadow:var(--shadow);display:grid;gap:16px}
.form label{display:grid;gap:6px;font-size:.84rem;font-weight:500}
.form input,.form select,.form textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
.form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%235A6573' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.form textarea{min-height:120px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(79,91,240,.14)}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form .btn{width:100%;margin-top:4px}
.form .legal{font-size:.76rem;color:var(--muted);text-align:center}
.form .legal button{text-decoration:underline;color:var(--brand-deep)}
.form-msg{display:none;padding:14px 16px;border-radius:10px;font-size:.9rem}
.form-msg.ok{display:block;background:#E8F8F0;color:#0B6B45}
.form-msg.err{display:block;background:#FDECEC;color:#A32020}
footer{background:var(--surface);border-top:1px solid var(--line);padding:64px 0 34px;font-size:.9rem}
.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.foot p{color:var(--muted);margin-top:14px;max-width:320px}
.foot h4{font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--faint);margin:6px 0 16px;text-transform:uppercase}
.foot li{margin-bottom:10px}
.foot li a,.foot li button{color:var(--muted);transition:color .2s}
.foot li a:hover,.foot li button:hover{color:var(--brand-deep)}
.copy{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;color:var(--faint);text-transform:uppercase}
dialog{border:0;border-radius:20px;padding:0;width:min(760px,calc(100vw - 28px));max-height:min(84vh,84dvh);color:var(--ink);box-shadow:0 40px 100px -20px rgba(28,37,48,.5)}
dialog::backdrop{background:rgba(28,37,48,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.dlg-h{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#fff;border-bottom:1px solid var(--line)}
.dlg-h h2{font-size:1.4rem}
.dlg-h button{width:40px;height:40px;border-radius:50%;background:var(--paper);font-size:1.3rem;line-height:1}
.dlg-b{padding:8px 24px 28px;font-size:.92rem;color:var(--muted);overflow-wrap:anywhere}
.dlg-b h3,.dlg-b h4{font-family:var(--sans);font-weight:600;font-size:1rem;color:var(--ink);margin:22px 0 6px}
.dlg-b p,.dlg-b ul{margin:0 0 10px}
.dlg-b ul{list-style:disc;padding-left:20px}
.dlg-b a{color:var(--brand-deep);text-decoration:underline}
@keyframes ping{75%,100%{transform:scale(2.4);opacity:0}}
@keyframes heroRise{from{opacity:0;transform:translateY(26px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes floatY{from{translate:0 -8px}to{translate:0 10px}}
@keyframes writeIn{to{width:22ch}}
@keyframes caret{50%{border-color:transparent}}
@media (max-width:1240px){.chip{display:none}}
@media (max-width:980px){
.grid-3{grid-template-columns:1fr;max-width:560px;margin:0 auto}
.flow{grid-template-columns:1fr;gap:48px}
.quotes{columns:2}
.founder{grid-template-columns:1fr;gap:56px;text-align:center;max-width:560px}
.portrait{max-width:260px;margin:0 auto}
.contact{grid-template-columns:1fr;gap:40px}
.foot{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
.nav-links,.nav-in>.btn{display:none}
.burger{display:flex}
.nav-in{padding:6px 6px 6px 18px}
.menu{display:block;max-width:1040px;margin:8px auto 0;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(28,37,48,.16);padding:10px;opacity:0;transform:translateY(-10px) scale(.98);pointer-events:none;visibility:hidden;transition:opacity .25s,transform .3s var(--ease),visibility 0s .3s}
.menu.open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s}
.menu a:not(.btn){display:block;padding:14px 16px;border-radius:14px;font-weight:500}
.menu a:not(.btn):active{background:var(--tint)}
.menu .btn{width:100%;margin-top:6px}
}
@media (max-width:720px){
section{padding:72px 0}
.head{margin-bottom:40px}
.hero{padding:128px 0 96px}
.hero .btn{width:100%}
.visual{margin-top:48px}
.browser{border-radius:12px}
.phone-pos{bottom:-40px;right:8px}
.phone{border-width:4px;border-radius:18px}
.visual .note{font-size:1.25rem;max-width:62%}
.grid-2{grid-template-columns:1fr}
.card{padding:20px;border-radius:20px}
.mini{height:156px}
.cmp{border:0;background:none;box-shadow:none;border-radius:0;overflow:visible;display:grid;gap:16px}
.cmp-row.hd{display:none}
.cmp-row{grid-template-columns:1fr;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.cmp-row>div{padding:16px 18px}
.cmp-row>div:first-child{border-top:0}
.cmp .v{display:grid;grid-template-columns:auto 1fr;column-gap:10px}
.cmp .v::before{content:attr(data-l);grid-column:1/-1;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
.cmp .us .v::before{color:var(--brand-deep)}
.score{grid-template-columns:1fr;gap:10px;text-align:center;padding:26px 20px}
.score .stars{justify-content:center}
.quotes{columns:1}
.steps{padding-left:52px}
.step .n{left:-52px}
.slip{transform:none;padding:24px 18px 28px}
.form{padding:22px 18px}
.form .two{grid-template-columns:1fr}
.foot{grid-template-columns:1fr;gap:28px}
.ps{transform:none}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.js .reveal{opacity:1;transform:none;filter:none}
.mark{background-size:100% .36em}
.type{width:22ch;border:0}
.bar i{width:var(--w)}
.stamp{opacity:1;transform:rotate(-9deg)}
}
.logo img{height:44px;width:auto}
.nav-links a[aria-current=page]{color:var(--ink);font-weight:500}
.nav-links a[aria-current=page]::after{transform:scaleX(1)}
.nav-links{gap:26px}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn.wa{background:#fff;color:var(--ink);border:1.5px solid var(--line);box-shadow:0 4px 14px rgba(28,37,48,.06)}
.btn.wa:hover{background:#F3FBF6;border-color:#25D366}
.btn.wa svg{color:#1FAF54}
.btn.wa:hover svg{transform:none}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:16px;font-size:.82rem;color:var(--muted)}
.trust li{display:flex;align-items:center;gap:6px}
.trust svg{color:var(--ok)}
.hero .rating{margin-top:18px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.stats.six{grid-template-columns:repeat(3,1fr)}
.stat{padding:26px 18px;text-align:center;border-left:1px solid var(--line)}
.stat:first-child{border-left:0}
.stats.six .stat:nth-child(3n+1){border-left:0}
.stats.six .stat:nth-child(n+4){border-top:1px solid var(--line)}
.stat b{display:block;font-family:var(--serif);font-size:clamp(1.8rem,5vw,2.5rem);line-height:1;color:var(--brand)}
.stat span{display:block;margin-top:8px;font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.strip{padding:0 0 84px;margin-top:-30px;background:var(--paper)}
.grid-2.six{grid-template-columns:repeat(3,1fr)}
.grid-2.six .card h3{font-size:1.16rem}
.shield{display:flex;flex-direction:column;align-items:center;gap:12px;font-family:var(--mono);font-size:.7rem;color:var(--muted)}
.shield svg{width:54px;height:54px;color:var(--brand);stroke-width:1.6}
.shield span{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink)}
.shield span i{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.chat{width:100%;max-width:280px;display:grid;gap:8px;font-size:.76rem}
.chat p{padding:9px 13px;border-radius:14px;max-width:86%;line-height:1.35}
.chat .a{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}
.chat .b{background:var(--brand);color:#fff;justify-self:end;border-bottom-right-radius:4px}
.ico{width:46px;height:46px;border-radius:14px;background:var(--tint);color:var(--brand-deep);display:grid;place-items:center;margin-bottom:18px;font-size:1.15rem}
.card .eyebrow+h3{margin-top:10px}
.checks{display:grid;gap:10px;margin-top:16px;font-size:.93rem}
.checks li{display:flex;gap:10px;align-items:flex-start}
.checks svg{color:var(--brand);margin-top:.22em}
.more{margin-top:40px;text-align:center}
.link{color:var(--brand-deep);font-weight:600;border-bottom:1.5px solid var(--mark);display:inline-flex;align-items:center;gap:6px}
.link:hover{border-color:var(--brand)}
.band{padding:0 0 96px}
.band-in{position:relative;overflow:hidden;border-radius:26px;padding:48px 40px;background:linear-gradient(135deg,#4F5BF0,#6B4BE8 60%,#8B46E0);color:#fff;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;box-shadow:0 30px 70px -30px rgba(79,91,240,.8)}
.band-in::before{content:"";position:absolute;inset:0;background-size:36px 36px;background-image:linear-gradient(to right,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse at 80% 50%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 80% 50%,#000,transparent 70%)}
.band-in>*{position:relative}
.band h2{font-size:clamp(1.6rem,4.6vw,2.2rem)}
.band p{margin-top:10px;opacity:.9;max-width:560px}
.band .btn{background:#fff;color:var(--brand-deep);box-shadow:0 14px 34px -12px rgba(0,0,0,.4)}
.band .btn:hover{background:var(--tint)}
.bg-surface+.band,.band.on-surface{background:var(--surface)}
.phero{padding:150px 0 72px;text-align:center}
.phero h1{font-size:clamp(2.1rem,7vw,3.5rem);margin-top:18px}
.phero .lead{max-width:680px;margin:22px auto 0;color:var(--muted);font-size:clamp(1rem,2.6vw,1.1rem)}
.phero .cta-row{margin-top:30px}
.crumbs{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;color:var(--faint);margin-bottom:18px}
.crumbs a:hover{color:var(--brand-deep)}
.badge{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:8px 16px;border:1px solid rgba(18,166,106,.35);background:#EAF8F1;color:#0B6B45;border-radius:999px;font-size:.84rem;font-weight:500}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.note-card{border:1px dashed rgba(79,91,240,.45);background:var(--tint);border-radius:22px;padding:30px}
.note-card h3{font-size:1.4rem}
.note-card p{color:var(--muted);margin-top:10px}
.note-card .big{font-family:var(--serif);font-weight:700;font-size:2.6rem;color:var(--brand);line-height:1;margin-bottom:12px}
.steps .when{display:block;font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.12em;color:var(--brand-deep);text-transform:uppercase;margin-bottom:4px}
.story{max-width:720px;margin:0 auto}
.termin h2{font-size:clamp(1.95rem,5.6vw,2.9rem)}
.mini-steps{display:grid;gap:14px;margin-top:28px;counter-reset:s}
.mini-steps li{display:flex;gap:14px;align-items:flex-start;font-size:.96rem}
.mini-steps li::before{counter-increment:s;content:counter(s);flex:none;width:28px;height:28px;border-radius:50%;background:var(--tint);color:var(--brand-deep);font-family:var(--mono);font-weight:700;font-size:.74rem;display:grid;place-items:center}
.mini-steps b{font-weight:600}
.form h3{font-size:1.3rem}
.form .sub{color:var(--muted);font-size:.86rem;margin-top:-8px}
.form fieldset{border:0;margin:0;padding:0;min-width:0}
.form legend{font-size:.84rem;font-weight:500;padding:0;margin-bottom:8px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills label{display:block;position:relative;font-weight:500}
.pills input{position:absolute;opacity:0;width:100%;height:100%;inset:0;padding:0;cursor:pointer}
.pills span{display:block;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:.84rem;transition:all .2s}
.pills input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}
.pills input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.form input[type=date]{min-height:50px}
.hp{position:absolute!important;left:-9999px!important}
.ways.row{grid-template-columns:repeat(3,1fr)}
.info{display:grid;gap:10px;margin-top:14px;font-size:.94rem}
.info li{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px dashed var(--line)}
.info li:last-child{border:0;padding-bottom:0}
.info span{color:var(--muted)}
.prose{max-width:780px;margin:0 auto;font-size:.95rem;color:var(--muted);overflow-wrap:anywhere}
.prose h3,.prose h4{font-family:var(--sans);font-weight:600;font-size:1.05rem;color:var(--ink);margin:28px 0 8px;line-height:1.3}
.prose p,.prose ul{margin:0 0 12px}
.prose ul{list-style:disc;padding-left:20px}
.prose a{color:var(--brand-deep);text-decoration:underline}
.foot .logo img{height:48px}
.areas{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.areas+.copy{margin-top:18px;border-top:0;padding-top:0}
.mbar{display:none}
@media (max-width:980px){
.grid-2.six{grid-template-columns:repeat(2,1fr)}
.duo{grid-template-columns:1fr}
.band-in{grid-template-columns:1fr;text-align:center;padding:40px 26px}
.band p{margin-left:auto;margin-right:auto}
.ways.row{grid-template-columns:1fr}
}
@media (max-width:1000px){
.nav-links,.nav-in>.btn{display:none}
.burger{display:flex}
.nav-in{padding:6px 6px 6px 16px}
.logo img{height:40px}
.menu{display:block;max-width:1040px;margin:8px auto 0;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(28,37,48,.16);padding:10px;opacity:0;transform:translateY(-10px) scale(.98);pointer-events:none;visibility:hidden;transition:opacity .25s,transform .3s var(--ease),visibility 0s .3s}
.menu.open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s}
.menu a:not(.btn){display:block;padding:14px 16px;border-radius:14px;font-weight:500}
.menu .btn{width:100%;margin-top:6px}
}
@media (max-width:720px){
.grid-2.six{grid-template-columns:1fr}
.stats,.stats.six{grid-template-columns:repeat(2,1fr)}
.stats .stat{border-left:0;border-top:0}
.stats .stat:nth-child(even){border-left:1px solid var(--line)}
.stats .stat:nth-child(n+3){border-top:1px solid var(--line)}
.stat{padding:22px 10px}
.strip{padding-bottom:64px}
.cta-row .btn{width:100%}
.phero{padding:124px 0 56px}
.band{padding-bottom:72px}
.band .btn{width:100%}
.note-card{padding:24px 20px}
body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1.15fr 1.55fr;gap:6px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(28,37,48,.08);transform:translateY(110%);transition:transform .4s var(--ease)}
.mbar.show{transform:none}
.mbar a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:.82rem;white-space:nowrap;font-weight:600}
.mbar a.p{background:var(--brand);border-color:var(--brand);color:#fff}
.mbar .w svg{color:#1FAF54}
}
@media (prefers-reduced-motion:reduce){.mbar{transition:none}}
.rv{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.rv-track{display:contents}
.rv-score{position:relative;overflow:hidden;border-radius:24px;padding:30px 28px;color:#fff;background:linear-gradient(150deg,#4F5BF0,#6B4BE8 60%,#8B46E0);box-shadow:0 30px 60px -30px rgba(79,91,240,.8);display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.rv-score::before{content:"";position:absolute;inset:0;background-size:32px 32px;background-image:linear-gradient(to right,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);-webkit-mask-image:radial-gradient(circle at 100% 0,#000,transparent 70%);mask-image:radial-gradient(circle at 100% 0,#000,transparent 70%)}
.rv-score>*{position:relative}
.rv-num{display:flex;align-items:baseline;gap:10px}
.rv-num b{font-family:var(--serif);font-size:clamp(4rem,9vw,5.4rem);line-height:.9;font-variant-numeric:tabular-nums}
.rv-num span{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.rv-score .stars{color:#FFD35C;gap:4px}
.rv-score .stars svg{width:26px;height:26px}
.js .stars.pop svg{opacity:0;transform:scale(.2) rotate(-40deg)}
.js .in .stars.pop svg{animation:starPop .6s var(--ease) forwards}
.stars.pop svg:nth-child(1){animation-delay:.35s!important}.stars.pop svg:nth-child(2){animation-delay:.47s!important}.stars.pop svg:nth-child(3){animation-delay:.59s!important}.stars.pop svg:nth-child(4){animation-delay:.71s!important}.stars.pop svg:nth-child(5){animation-delay:.83s!important}
.rv-score p{font-size:.95rem;opacity:.92}
.rv-tags{display:flex;flex-wrap:wrap;gap:8px}
.rv-tags li{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);font-size:.78rem}
.rv-score .link{margin-top:auto;color:#fff;border-color:rgba(255,255,255,.5)}
.rv-card{position:relative;margin:0;padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;font-size:.95rem;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s,opacity .8s var(--ease) var(--d,0s),filter .8s var(--ease) var(--d,0s)}
.rv-card:hover{transform:translateY(-4px);border-color:rgba(79,91,240,.4);box-shadow:0 24px 50px -18px rgba(56,64,201,.28)}
.rv-card blockquote{margin:14px 0 20px;color:var(--ink)}
.rv-card figcaption{margin-top:auto;display:flex;align-items:center;gap:12px;font-size:.82rem;color:var(--muted)}
.rv-card figcaption b{display:block;color:var(--ink);font-weight:600;font-size:.9rem}
.rv-card .g{margin-left:auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--serif);font-weight:700;color:var(--brand)}
.rv-feature{grid-column:span 2;padding:34px;background:linear-gradient(180deg,#F6F7FF,#fff 60%);border-color:rgba(79,91,240,.3)}
.rv-feature blockquote{font-family:var(--serif);font-weight:700;font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.35;letter-spacing:-.01em}
.rv-q{position:absolute;right:26px;top:2px;font-family:var(--serif);font-size:8rem;line-height:1;color:var(--mark);animation:floatY 9s ease-in-out infinite alternate}
.rv-stack{display:grid;gap:20px}
.rv-dots{display:none}
@keyframes starPop{60%{opacity:1;transform:scale(1.25) rotate(8deg)}100%{opacity:1;transform:none}}
@media (max-width:980px){
.rv{grid-template-columns:1fr;gap:18px}
.rv-score{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:26px 22px}
.rv-score p,.rv-tags{flex-basis:100%}
.rv-score .link{margin-top:4px}
.rv-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:6px 20px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rv-track::-webkit-scrollbar{display:none}
.rv-track>*{flex:0 0 min(84%,420px);scroll-snap-align:center}
.js .rv-track .reveal{opacity:1;transform:none;filter:none}
.rv-feature{padding:26px}
.rv-feature blockquote{font-size:1.06rem}
.rv-q{font-size:6rem;right:18px}
.rv-stack{gap:14px;align-content:start}
.rv-dots{display:flex;justify-content:center;gap:8px}
.rv-dots i{width:8px;height:8px;border-radius:99px;background:var(--mark);transition:width .3s var(--ease),background .3s}
.rv-dots i.on{width:26px;background:var(--brand)}
}
@media (prefers-reduced-motion:reduce){.js .stars.pop svg{opacity:1;transform:none}}
@media (min-width:981px){.rv-track>.rv-card:not(.rv-feature) blockquote{font-size:1.05rem;line-height:1.65}}
@media (max-width:560px){.rv-score .rv-num{flex-basis:100%}}
@font-face{font-family:"Poppins Fallback";src:local("Arial");size-adjust:112.5%}
@font-face{font-family:"Fraunces Fallback";src:local("Georgia Bold"),local("Georgia");size-adjust:96.4%}
:root{
--faint:#6B7480;
--serif:'Fraunces','Fraunces Fallback',Georgia,serif;
--sans:'Poppins','Poppins Fallback',system-ui,-apple-system,'Segoe UI',sans-serif;
}
.num{color:#7C87F5}
.slip li span{color:var(--brand)}
.foot .fh{font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--faint);margin:6px 0 16px;text-transform:uppercase}
@view-transition{navigation:auto}
.nav{view-transition-name:nav}
.mbar{view-transition-name:mbar}
::view-transition-old(root),::view-transition-new(root){animation-duration:.26s}
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:70;background:linear-gradient(90deg,var(--cyan),var(--brand),var(--violet));transform-origin:0 50%;transform:scaleX(0);pointer-events:none;display:none}
@supports (animation-timeline:scroll()){
.progress{display:block;animation:growX linear both;animation-timeline:scroll(root)}
}
@keyframes growX{to{transform:scaleX(1)}}
@keyframes growY{to{transform:scaleY(1)}}
.split .w{display:inline-block;opacity:0;transform:translateY(.45em);animation:wordIn .75s var(--ease) forwards;animation-delay:calc(var(--i)*55ms)}
@keyframes wordIn{from{opacity:0;transform:translateY(.45em);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.split .mark{background-size:0% .36em;animation:markIn 1s var(--ease) .75s forwards;transition:none}
@keyframes markIn{to{background-size:100% .36em}}
.glow{filter:none;opacity:.75}
.glow.a{width:640px;height:640px;background:radial-gradient(closest-side,#DCE0FF,transparent);top:-200px;left:-220px}
.glow.b{width:600px;height:600px;background:radial-gradient(closest-side,#D6F4F8,transparent);top:120px;right:-240px}
.hero .glow,.phero .glow{animation:drift 16s ease-in-out infinite alternate}
.hero .glow.b,.phero .glow.b{animation-duration:22s;animation-direction:alternate-reverse}
@keyframes drift{to{transform:translate(70px,50px) scale(1.15)}}
.visual.hero-rise{animation:riseLite .8s var(--ease) .12s both}
@keyframes riseLite{from{opacity:.01;transform:translateY(26px)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()){
.visual{perspective:1400px}
.visual .browser{transform-origin:50% 100%;animation:tiltIn linear both;animation-timeline:view();animation-range:entry 10% cover 42%}
@keyframes tiltIn{from{transform:rotateX(16deg) scale(.93)}to{transform:none}}
}
@media (hover:none),(max-width:720px){
.js .reveal{filter:none;transition:opacity .7s var(--ease) var(--d,0s),transform .7s var(--ease) var(--d,0s)}
}
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn:not(.ghost):not(.wa)::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translateX(-120%);transition:transform .75s var(--ease)}
.btn:hover::before{transform:translateX(120%)}
@media (hover:hover){
.card{position:relative}
.card::after,.rv-card:not(.rv-feature)::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(79,91,240,.10),transparent 65%)}
.card:hover::after,.rv-card:hover::after{opacity:1}
.proj .shot{position:relative}
.proj .shot::after{content:"Live ansehen ↗";position:absolute;inset:0;display:grid;place-items:center;background:rgba(28,37,48,.5);color:#fff;font-weight:600;font-size:.95rem;opacity:0;transition:opacity .3s}
.proj:hover .shot::after{opacity:1}
}
.mq-label{text-align:center;margin-top:46px}
.mq{margin-top:18px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mq-track{display:flex;width:max-content;animation:mq 42s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
.mq-track ul{display:flex;gap:12px;padding-right:12px}
.mq-track li{flex:none;display:flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.88rem;font-weight:500;white-space:nowrap}
.mq-track li svg{color:var(--brand)}
@keyframes mq{to{transform:translateX(-50%)}}
.local{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.local h2{font-size:clamp(1.8rem,5vw,2.6rem);margin-top:18px}
.local p{color:var(--muted);margin-bottom:16px}
.local p a{color:var(--brand-deep);font-weight:500;border-bottom:1.5px solid var(--mark)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chips li{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.84rem;font-weight:500}
.chips svg{color:var(--brand)}
.form-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:.78rem;color:var(--muted)}
.form-trust>span{display:inline-flex;align-items:center;gap:6px}
.form-trust .stars svg{width:12px;height:12px}
.form-trust svg.i{color:var(--ok)}
@media (max-width:980px){.local{grid-template-columns:1fr;gap:24px}}
@media (prefers-reduced-motion:reduce){
@view-transition{navigation:none}
.split .w{opacity:1;transform:none}
.split .mark{background-size:100% .36em}
.progress{display:none}
.visual .browser{transform:none}
.mq{-webkit-mask-image:none;mask-image:none}
.mq-track{width:auto;flex-wrap:wrap}
.mq-track ul{flex-wrap:wrap;justify-content:center;padding:0}
.mq-track ul[aria-hidden]{display:none}
}
.mq-label{display:block}
.nav{pointer-events:none}
.nav-in{pointer-events:auto}
.menu{position:absolute;left:14px;right:14px;top:100%;margin:8px 0 0!important;max-width:none!important}
.menu.open{pointer-events:auto}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/fraunces-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/jetbrains-mono-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/caveat-latin-600-normal.woff2) format('woff2')}
.svc{position:relative}
.svc .price{font-family:var(--serif);font-weight:700;font-size:2.6rem;line-height:1;margin-top:18px;color:var(--ink);letter-spacing:-.02em}
.svc .price small{font-family:var(--sans);font-weight:500;font-size:.84rem;color:var(--muted);margin-right:8px;letter-spacing:0}
.svc .price.txt{font-size:1.9rem;padding:.3rem 0 .4rem}
.svc .price-alt{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-top:16px}
.svc .price-alt s{color:var(--faint);font-size:1.1rem;font-weight:600;text-decoration-thickness:2px}
.svc .price-alt b{padding:4px 11px;border-radius:99px;background:#FDEBEC;color:#C8323A;font-size:.78rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.svc .price-alt+.price{margin-top:6px}
s.statt{font-family:var(--sans);font-size:.82em;font-weight:500;color:var(--faint);white-space:nowrap}
.svc .tag{position:absolute;top:-13px;right:22px;padding:5px 12px;border-radius:999px;background:var(--brand);color:#fff;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 8px 18px -8px rgba(79,91,240,.9)}
.fine{font-size:.8rem;color:var(--faint);margin-top:26px;text-align:center}
.fine a{text-decoration:underline}
.case{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;border:1px solid rgba(79,91,240,.25);border-radius:26px;background:linear-gradient(180deg,#F6F7FF,#fff 70%);padding:34px;box-shadow:var(--shadow);margin-bottom:44px}
.case h3{font-size:clamp(1.4rem,3.4vw,1.9rem);margin-top:10px}
.case p{color:var(--muted);margin-top:12px;font-size:.96rem}
.case-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.case-nums div{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px 10px;text-align:center}
.case-nums b{display:block;font-family:var(--serif);font-size:clamp(1.2rem,2.6vw,1.6rem);color:var(--brand);line-height:1.1;white-space:nowrap}
.case-nums span{display:block;margin-top:6px;font-family:var(--mono);font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.case .fine{text-align:left;margin-top:14px;font-size:.76rem}
.case .link{margin-top:16px}
.case .browser{box-shadow:var(--shadow)}
a.post{display:flex;flex-direction:column}
.post .meta{font-family:var(--mono);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep)}
.post h3{display:block;font-size:1.22rem;margin-top:12px;line-height:1.25}
.post p{flex:1}
.post .link{margin-top:18px;align-self:flex-start;font-size:.92rem}
.byline{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px;font-size:.86rem;color:var(--muted)}
.byline img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.byline b{color:var(--ink);font-weight:600}
.article{max-width:760px;margin:0 auto;font-size:1.04rem;color:#3A4450;line-height:1.75}
.article h2{font-size:clamp(1.45rem,4vw,1.9rem);margin:52px 0 14px;color:var(--ink);line-height:1.2}
.article h3{font-size:1.18rem;margin:30px 0 8px;color:var(--ink);line-height:1.3}
.article p{margin:0 0 18px}
.article ul,.article ol{margin:0 0 22px;padding-left:22px}
.article ul{list-style:disc}
.article ol{list-style:decimal}
.article li{margin-bottom:9px;padding-left:4px}
.article li::marker{color:var(--brand)}
.article a:not(.btn){color:var(--brand-deep);font-weight:500;border-bottom:1.5px solid var(--mark)}
.article a:not(.btn):hover{border-color:var(--brand)}
.article strong{color:var(--ink);font-weight:600}
.callout{border:1px solid rgba(79,91,240,.3);background:var(--tint);border-radius:18px;padding:22px 24px 8px;margin:0 0 12px}
.callout-h{font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-deep);margin-bottom:12px!important}
.tbl{overflow-x:auto;margin:0 0 20px;border:1px solid var(--line);border-radius:16px;background:#fff;-webkit-overflow-scrolling:touch}
.tbl table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:580px}
.tbl th,.tbl td{padding:14px 16px;text-align:left;border-top:1px solid var(--line);vertical-align:top;line-height:1.5}
.tbl thead th{border-top:0;font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.article ul.ticks{list-style:none;padding-left:0}
.ticks li{position:relative;padding-left:34px}
.ticks li::before{content:"";position:absolute;left:0;top:.3em;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--brand);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234F5BF0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.inline-cta{border-radius:22px;padding:28px;background:linear-gradient(135deg,#4F5BF0,#6B4BE8 60%,#8B46E0);color:#fff;margin:44px 0 0;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;font-size:.95rem;box-shadow:0 26px 50px -26px rgba(79,91,240,.8)}
.inline-cta strong{color:#fff;font-family:var(--serif);font-size:1.35rem;display:block;line-height:1.2;margin-bottom:4px}
.inline-cta .btn{background:#fff;color:var(--brand-deep);box-shadow:none}
@media (max-width:980px){
.case{grid-template-columns:1fr;gap:26px;padding:22px}
}
@media (max-width:720px){
.case-nums{gap:8px}
.case-nums div{padding:12px 6px}
.inline-cta{padding:24px 20px}
.inline-cta .btn{width:100%}
.svc .price{font-size:2.3rem}
}
.phero h1{max-width:900px;margin-left:auto;margin-right:auto}
.case-nums b{font-variant-numeric:tabular-nums}
.wa-fab{position:fixed;right:20px;bottom:20px;z-index:58;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(37,211,102,.75),0 2px 6px rgba(0,0,0,.16);transition:transform .3s var(--ease),bottom .4s var(--ease);view-transition-name:wafab}
.wa-fab:hover{transform:scale(1.08)}
.wa-fab svg{width:30px;height:30px;fill:currentColor}
.wa-fab::before{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;z-index:-1;animation:waPulse 2.8s ease-out infinite}
@keyframes waPulse{0%{transform:scale(1);opacity:.5}70%,100%{transform:scale(1.75);opacity:0}}
.wa-fab span{position:absolute;right:70px;top:50%;translate:0 -50%;white-space:nowrap;background:var(--ink);color:#fff;padding:8px 12px;border-radius:10px;font-size:.82rem;font-weight:500;opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s var(--ease);pointer-events:none}
@media (hover:hover){.wa-fab:hover span{opacity:1;transform:none}}
@media (max-width:720px){
.wa-fab{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:54px;height:54px}
.mbar.show+.wa-fab{bottom:calc(82px + env(safe-area-inset-bottom))}
.mbar{grid-template-columns:1fr 1.7fr!important}
}
.duo.opt{margin-top:24px}
.duo.opt .note-card{padding:24px 26px}
.duo.opt h3{font-size:1.2rem;margin-top:8px}
.duo.opt p{font-size:.94rem}
.steps::after{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(var(--cyan),var(--brand),var(--violet));transform-origin:50% 0;transform:scaleY(var(--p,0));transition:transform .3s linear}
html:not(.js) .steps::after{transform:none}
.step .n{z-index:1;transition:background .4s,color .4s,border-color .4s,box-shadow .4s,scale .5s var(--ease)}
.step.on .n{background:var(--brand);border-color:var(--brand);color:#fff;scale:1.08;box-shadow:0 0 0 6px rgba(79,91,240,.14)}
.vig{margin-top:12px;max-width:340px;min-height:50px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 26px -20px rgba(56,64,201,.55);font-family:var(--mono);font-size:.68rem;color:var(--muted);opacity:0;translate:0 8px;transition:opacity .45s,translate .55s var(--ease)}
.step.on .vig,html:not(.js) .vig{opacity:1;translate:0 0}
.vig-chat{flex-direction:column;align-items:flex-start;gap:6px;font-family:var(--sans);font-size:.76rem}
.vig .bub{padding:6px 11px;border-radius:13px 13px 13px 4px;background:#F1F2F4;color:var(--ink);opacity:0;transform:translateY(6px) scale(.96);transition:opacity .4s .15s,transform .5s var(--ease) .15s}
.vig .bub.me{align-self:flex-end;border-radius:13px 13px 4px 13px;background:var(--brand);color:#fff;transition-delay:.8s}
.vig-wire{gap:12px;align-items:stretch}
.vig-wire .wf{flex:1;display:grid;gap:5px;align-content:center}
.vig-wire .wf i{display:block;height:6px;border-radius:3px;background:var(--mark);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease) .15s}
.vig-wire .wf i.h{height:9px;width:72%;background:var(--brand)}
.vig-wire .wf i:nth-child(2){transition-delay:.3s}
.vig-wire .wf i.s{width:58%;transition-delay:.45s}
.vig-wire .wf i.b{width:36%;height:11px;border-radius:6px;background:var(--ink);transition-delay:.6s}
.vig-wire .pic{width:78px;border-radius:9px;background:linear-gradient(135deg,var(--tint),var(--mark));opacity:0;scale:.88;transition:opacity .5s .7s,scale .6s var(--ease) .7s}
.vig-build{flex-direction:column;align-items:flex-start;gap:3px;background:var(--ink);border-color:var(--ink);color:#C5CCFF}
.vig-build span{opacity:0;transform:translateX(-6px);transition:opacity .35s .15s,transform .4s var(--ease) .15s}
.vig-build span:nth-child(2){transition-delay:.55s}
.vig-build .run{color:#fff;transition-delay:.95s}
.vig-build .run::after{content:"";display:inline-block;width:6px;height:11px;margin-left:5px;vertical-align:-1px;background:#8FF0C0;animation:vigBlink 1s steps(2) infinite}
@keyframes vigBlink{50%{opacity:0}}
.vig-test{flex-wrap:wrap;gap:6px}
.vig-test span{padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--ink);opacity:0;scale:.8;transition:opacity .3s,scale .45s var(--ease)}
.vig-test span b{color:var(--ok)}
.vig-test span:nth-child(1){transition-delay:.15s}.vig-test span:nth-child(2){transition-delay:.35s}.vig-test span:nth-child(3){transition-delay:.55s}.vig-test span:nth-child(4){transition-delay:.75s}
.vig-live{gap:12px}
.vig-live .live{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:#E6F7EE;color:#0E7A4B;font-weight:700;letter-spacing:.1em}
.vig-live .live i{position:relative;width:7px;height:7px;border-radius:50%;background:var(--ok)}
.vig-live .live i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ok);animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite}
.vig-live svg{flex:1;min-width:60px;height:32px;fill:none;stroke:var(--brand);stroke-width:2.5;stroke-linecap:round;overflow:visible}
.vig-live path{stroke-dasharray:140;stroke-dashoffset:140;transition:stroke-dashoffset 1.5s var(--ease) .3s}
.step.on .bub,.step.on .vig-build span{opacity:1;transform:none}
.step.on .vig-wire .wf i{transform:none}
.step.on .vig-wire .pic,.step.on .vig-test span{opacity:1;scale:1}
.step.on .vig-live path{stroke-dashoffset:0}
html:not(.js) .vig *{opacity:1!important;transform:none!important;scale:1!important;stroke-dashoffset:0!important}
.diff{display:grid;grid-template-columns:1fr 1fr;max-width:980px;margin:0 auto 22px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.diff-col{padding:26px 22px 24px;text-align:center}
.diff-col.bad{background:#FBF8F6;border-right:1px solid var(--line)}
.diff-col.good{background:linear-gradient(180deg,var(--tint),#fff 85%)}
.diff-k{display:block;font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#A8473F}
.good .diff-k{color:var(--brand-deep)}
.pipe{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:300px;margin:20px auto 10px}
.pipe::before{content:"";position:absolute;left:22px;right:22px;top:50%;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,rgba(28,37,48,.16) 0 6px,transparent 6px 12px)}
.pipe .node{position:relative;z-index:1;width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--muted);box-shadow:0 8px 16px -10px rgba(28,37,48,.35)}
.pipe .node svg{width:20px;height:20px}
.pipe .puck{position:absolute;z-index:2;left:23px;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px rgba(79,91,240,.2);opacity:0}
.bad .puck{background:#E5484D;box-shadow:0 0 0 4px rgba(229,72,77,.2);animation:puckBad 6s linear infinite}
.good .puck{animation:puckGood 6s linear infinite}
.bad .node.mid{animation:midBad 6s linear infinite}
.bad .node.end{animation:endBad 6s linear infinite}
.good .node.mid{animation:midGood 6s linear infinite}
.good .node.end{animation:endGood 6s linear infinite}
@keyframes puckBad{0%{left:23px;opacity:0}5%{opacity:1}22%,60%{left:50%;opacity:1}64%{left:calc(50% - 5px)}68%{left:calc(50% + 5px)}72%{left:50%;opacity:1}80%,100%{left:50%;opacity:0}}
@keyframes midBad{0%,22%{border-color:var(--line);color:var(--muted)}30%,60%{border-color:#F0C9A6;color:#C27B2C;background:#FFF7EE}72%,92%{border-color:#EFB1B3;color:#C4373C;background:#FDECEC}100%{border-color:var(--line);color:var(--muted);background:#fff}}
@keyframes endBad{0%,68%{opacity:.45}74%,92%{opacity:1;border-color:#E5484D;color:#fff;background:#E5484D}100%{opacity:.45}}
@keyframes puckGood{0%{left:23px;opacity:0}5%{opacity:1}22%,28%{left:50%}50%{left:calc(100% - 23px);opacity:1}58%,100%{left:calc(100% - 23px);opacity:0}}
@keyframes midGood{0%,20%{border-color:var(--line);color:var(--muted)}24%,92%{border-color:rgba(79,91,240,.45);color:var(--brand)}100%{border-color:var(--line);color:var(--muted)}}
@keyframes endGood{0%,48%{scale:1;border-color:var(--line);color:var(--muted);background:#fff;box-shadow:0 8px 16px -10px rgba(28,37,48,.35)}54%{scale:1.16}60%,92%{scale:1;border-color:var(--brand);color:#fff;background:var(--brand);box-shadow:0 0 0 7px rgba(79,91,240,.16)}100%{scale:1;border-color:var(--line);color:var(--muted);background:#fff}}
.pipe-l{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:372px;margin:0 auto;font-size:.74rem;line-height:1.3;color:var(--muted)}
.diff .status{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:6px 13px;border-radius:999px;font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.06em}
.bad .status{background:#FDECEC;color:#A8473F;border:1px dashed #EDB4B4}
.good .status{background:#E6F7EE;color:#0E7A4B;border:1px solid #BCE6CF}
.good .status i{position:relative;width:7px;height:7px;border-radius:50%;background:var(--ok)}
.good .status i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ok);animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite}
@media (max-width:720px){
.diff{grid-template-columns:1fr;margin-bottom:18px}
.diff-col{padding:22px 16px}
.diff-col.bad{border-right:0;border-bottom:1px solid var(--line)}
}
.proj-tag{display:inline-block;margin-top:16px;font-family:var(--mono);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep)}
.proj .proj-tag+h3{margin-top:6px}
.case-q{margin:18px 0 0;padding:14px 16px;border-left:3px solid var(--brand);border-radius:0 14px 14px 0;background:#fff;font-size:.94rem;line-height:1.55;color:var(--ink)}
.case-q cite{display:block;margin-top:8px;font-style:normal;font-weight:600;font-size:.8rem;color:var(--muted)}
.wa-pop{position:fixed;right:20px;bottom:94px;z-index:58;width:min(320px,calc(100vw - 28px));padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 30px 60px -22px rgba(28,37,48,.4),0 2px 8px rgba(28,37,48,.08);opacity:0;visibility:hidden;transform:translateY(14px) scale(.96);transform-origin:100% 100%;transition:opacity .3s,transform .4s var(--ease),visibility 0s .4s,bottom .4s var(--ease)}
.wa-pop.open{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .4s var(--ease),bottom .4s var(--ease)}
.wa-pop::after{content:"";position:absolute;right:22px;bottom:-8px;width:14px;height:14px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.wa-top{display:flex;align-items:center;gap:12px;padding-right:28px}
.wa-top img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--tint)}
.wa-top b{display:block;font-size:.95rem;line-height:1.25}
.wa-top span{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--muted)}
.wa-top span i{width:7px;height:7px;border-radius:50%;background:#25D366}
.wa-pop p{margin:14px 0;padding:10px 13px;border-radius:4px 15px 15px 15px;background:#F2F4F3;font-size:.92rem;line-height:1.5;color:var(--ink)}
.wa-go{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;border-radius:999px;background:#15803D;color:#fff;font-weight:600;font-size:.95rem;transition:background .2s,transform .25s var(--ease)}
.wa-go:hover{background:#126C34;transform:translateY(-1px)}
.wa-go svg{width:19px;height:19px;fill:currentColor}
.wa-x{position:absolute;right:10px;top:9px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;font-size:1.35rem;line-height:1;color:var(--faint);cursor:pointer}
.wa-x:hover{background:#F1F2F4;color:var(--ink)}
.wa-fab[aria-expanded="true"] span{display:none}
@media (max-width:720px){
.wa-pop{right:14px;bottom:calc(80px + env(safe-area-inset-bottom))}
.mbar.show~.wa-pop{bottom:calc(148px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){
.puck{display:none}
.pipe .node{animation:none!important}
.bad .node.end{opacity:1;border-color:#E5484D;color:#fff;background:#E5484D}
.good .node.end{border-color:var(--brand);color:#fff;background:var(--brand)}
.vig *{transition:none!important}
}
.tm-sec .head{margin-bottom:26px}
.tm-ask{display:flex;align-items:flex-end;justify-content:center;gap:10px;max-width:560px;margin:0 auto 42px}
.tm-ask img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:var(--tint);box-shadow:0 0 0 3px #fff,0 8px 16px -8px rgba(28,37,48,.45)}
.tm-ask p{margin:0;padding:11px 16px 12px;border-radius:18px 18px 18px 5px;background:linear-gradient(135deg,var(--brand),#6B4BE8);color:#fff;font-size:.98rem;line-height:1.45;text-align:left;box-shadow:0 16px 30px -16px rgba(79,91,240,.8)}
.tm-ask small{display:block;margin-bottom:2px;font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.tm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.tm{position:relative;margin:0;display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow);--t:.05s}
.tm:nth-child(2){--t:.18s}
.tm:nth-child(3){--t:.31s}
.js .tm.reveal{transition:transform .45s var(--ease),box-shadow .4s,border-color .4s,opacity .45s var(--ease) var(--d,0s),filter .45s var(--ease) var(--d,0s)}
.js .tm.reveal.in:hover{transform:translateY(-6px);border-color:rgba(79,91,240,.4);box-shadow:0 30px 60px -26px rgba(56,64,201,.4)}
.tm-head{display:flex;align-items:center;gap:12px}
.tm-av{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-family:var(--serif);font-weight:700;font-size:1.15rem;background:linear-gradient(135deg,var(--brand),var(--violet))}
.tm:nth-child(2) .tm-av{background:linear-gradient(135deg,var(--cyan),var(--brand))}
.tm:nth-child(3) .tm-av{background:linear-gradient(135deg,var(--violet),#D0489B)}
.tm-who{flex:1;min-width:0;line-height:1.3}
.tm-who b{display:block;font-size:1rem}
.tm-who small{display:block;font-size:.8rem;color:var(--muted)}
.tm-wa{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;background:#E6F7EE;color:#12894C}
.tm-wa svg{width:15px;height:15px}
.tm-chat{position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:118px;margin-top:16px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#F5F6FB,#EFF1FA)}
.tm-msg{position:relative;margin:0;padding:11px 14px 22px;border-radius:5px 18px 18px 18px;background:#fff;box-shadow:0 1px 1px rgba(28,37,48,.06),0 10px 20px -14px rgba(28,37,48,.35);font-size:.96rem;line-height:1.55;color:var(--ink);transform-origin:0 0}
.tm-msg+.tm-msg{border-radius:18px}
.tm-msg time{position:absolute;right:12px;bottom:6px;font-family:var(--mono);font-size:.6rem;color:var(--faint)}
.tm .mark{transition-delay:calc(var(--t) + .85s)}
.tm-dots{position:absolute;left:14px;top:14px;display:inline-flex;gap:4px;padding:13px 14px;border-radius:5px 16px 16px 16px;background:#fff;box-shadow:0 10px 20px -14px rgba(28,37,48,.35);opacity:0;pointer-events:none}
.tm-dots i{width:6px;height:6px;border-radius:50%;background:#A9B0BD;animation:tmBounce 1s ease-in-out infinite}
.tm-dots i:nth-child(2){animation-delay:.15s}
.tm-dots i:nth-child(3){animation-delay:.3s}
@keyframes tmBounce{0%,60%,100%{translate:0 0;opacity:.5}30%{translate:0 -4px;opacity:1}}
.js .tm .tm-msg{opacity:0}
.js .tm.in .tm-dots{animation:tmDots .45s ease var(--t) both}
.js .tm.in .tm-msg{animation:tmMsg .35s var(--ease) calc(var(--t) + .3s) both}
.js .tm.in .tm-msg+.tm-msg{animation-delay:calc(var(--t) + .45s)}
@keyframes tmDots{0%{opacity:0;scale:.8}18%,82%{opacity:1;scale:1}100%{opacity:0;scale:.9}}
@keyframes tmMsg{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
.tm-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;min-height:28px}
.tm-tag{padding:5px 11px;border-radius:999px;border:1px solid rgba(79,91,240,.25);background:var(--tint);color:var(--brand-deep);font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.tm-foot .link{font-size:.84rem}
@media (hover:hover){
.tm::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(79,91,240,.09),transparent 65%)}
.tm:hover::after{opacity:1}
}
@media (max-width:980px){
.tm-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto;gap:18px}
.tm,.tm:nth-child(2),.tm:nth-child(3){--t:0s}
.tm-ask{margin-bottom:30px}
}
@media (prefers-reduced-motion:reduce){
.js .tm .tm-msg{opacity:1;animation:none!important}
.tm-dots{display:none}
}
.b-beispiele{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:24px;max-width:1120px;margin:0 auto}
.b-beispiele .x-wk{width:auto;max-width:680px;justify-self:center}
.b-beispiele .x-wk-text{grid-template-columns:1fr}
.b-beispiele .x-wk-text a{grid-row:auto;grid-column:1;justify-self:start;margin-top:10px}
.b-check{max-width:860px;margin:0 auto;text-align:center}
.b-check .c-form{margin-top:0}
footer .areas a,.chips a{color:inherit;text-decoration:underline;text-decoration-color:rgba(79,91,240,.35);text-underline-offset:3px}
.chips a{display:inline-flex;align-items:center;gap:inherit;text-decoration:none}
footer .areas+.areas{margin-top:8px;padding-top:0;border-top:0}
.mehr{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mehr-k{display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none}
.mehr-k h3{font-size:1.15rem;margin-top:10px}
.mehr-k p{color:var(--muted);font-size:.93rem}
.mehr-k .link{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--brand-deep)}
.mehr-k:hover{transform:translateY(-4px);border-color:rgba(79,91,240,.4);box-shadow:0 24px 50px -18px rgba(56,64,201,.28)}
@media (max-width:980px){.mehr{grid-template-columns:1fr 1fr;gap:12px}.mehr-k{padding:16px}.mehr-k h3{font-size:1.02rem}.mehr-k p{font-size:.86rem}}
:root{--night:#0B0E1A;--night-2:#141931;--rx:26px}
.x-g{background:linear-gradient(100deg,var(--brand) 5%,var(--violet) 60%,var(--cyan) 110%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.x-kopf{text-align:center;max-width:820px;margin:0 auto 56px}
.x-kopf h2{font-size:clamp(2rem,5.6vw,3.5rem);letter-spacing:-.02em;margin-top:18px}
.x-kopf p{color:var(--muted);margin-top:18px;font-size:1.08rem}
.x-klein{font-size:.86rem;color:var(--faint);text-align:center;margin-top:18px}
.x-hero{padding:112px 0 0;overflow:clip;isolation:isolate}
.x-aurora{position:absolute;inset:-6% -10% auto;height:940px;z-index:-2;filter:blur(72px);opacity:.6;pointer-events:none}
.x-aurora i{position:absolute;border-radius:50%;animation:x-drift 19s ease-in-out infinite alternate}
.x-aurora i:nth-child(1){left:6%;top:4%;width:min(44vw,640px);aspect-ratio:1;background:radial-gradient(closest-side,rgba(79,91,240,.6),transparent)}
.x-aurora i:nth-child(2){right:2%;top:0;width:min(40vw,580px);aspect-ratio:1;background:radial-gradient(closest-side,rgba(34,195,214,.5),transparent);animation-duration:24s;animation-direction:alternate-reverse}
.x-aurora i:nth-child(3){left:36%;top:30%;width:min(42vw,600px);aspect-ratio:1;background:radial-gradient(closest-side,rgba(139,70,224,.38),transparent);animation-duration:29s}
@keyframes x-drift{to{transform:translate3d(7%,11%,0) scale(1.16)}}
.x-hero::before{content:"";position:absolute;inset:0 0 auto;height:880px;z-index:-1;pointer-events:none;
background-image:linear-gradient(rgba(28,37,48,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(28,37,48,.055) 1px,transparent 1px);background-size:56px 56px;
-webkit-mask-image:radial-gradient(ellipse 70% 62% at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 62% at 50% 30%,#000,transparent 75%)}
.x-hero-in{text-align:center;max-width:1020px}
.x-pill{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep);padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(79,91,240,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.x-live{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:x-ping 2.2s infinite}
@keyframes x-ping{0%{box-shadow:0 0 0 0 rgba(18,166,106,.55)}80%,100%{box-shadow:0 0 0 10px rgba(18,166,106,0)}}
.x-h1{font-size:clamp(2.5rem,7vw,5.1rem);line-height:1.02;letter-spacing:-.028em;margin:22px 0 0}
.x-hero .x-h1{margin:0}
.x-h1 .x-pill{line-height:1.6;vertical-align:top}
.x-h1-gross{display:block;margin-top:22px}
.x-w{display:inline-block}
.js .x-w{opacity:0;filter:blur(14px);transform:translateY(.4em);animation:x-wort 1s var(--ease) forwards;animation-delay:calc(var(--i)*75ms + 150ms)}
@keyframes x-wort{to{opacity:1;filter:none;transform:none}}
.js .x-auf{opacity:0;transform:translateY(22px);animation:x-auf 1s var(--ease) forwards;animation-delay:calc(var(--i)*75ms + 150ms)}
@keyframes x-auf{to{opacity:1;transform:none}}
.x-lead{font-size:clamp(1.05rem,1.7vw,1.26rem);color:var(--muted);max-width:660px;margin:20px auto 0;text-wrap:pretty}
.x-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}
.x-trust{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;margin-top:22px;font-size:.9rem;color:var(--muted)}
.x-trust li{display:inline-flex;align-items:center;gap:7px}
.x-trust svg{color:var(--ok)}
.x-hero .rating{margin-top:18px;display:inline-flex}
.x-magnet{will-change:transform}
.x-stage{margin:44px auto 0;width:min(1180px,100% - 40px);perspective:1700px;position:relative;z-index:1}
.x-stage-in{position:relative;transform-origin:50% 0;transform:rotateX(calc((1 - var(--p,0))*15deg)) scale(calc(.93 + var(--p,0)*.07));will-change:transform}
.x-browser{border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 70px 130px -50px rgba(28,37,48,.42),0 34px 70px -34px rgba(79,91,240,.4)}
.x-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:#F4F5F8}
.x-bar i{width:11px;height:11px;border-radius:50%;background:#DDE1E8}
.x-bar span{margin-left:14px;font-family:var(--mono);font-size:.72rem;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 14px;flex:0 1 340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-shot{aspect-ratio:16/9;overflow:hidden;position:relative;background:#EEF0F4;container-type:size}
.x-shot img{width:100%;height:auto;display:block;will-change:transform}
.x-rollt img,.x-wk:hover .x-shot img,.x-wk.an .x-shot img{animation:x-rollen 24s ease-in-out 1.6s infinite alternate}
@keyframes x-rollen{0%,6%{transform:translateY(0)}94%,100%{transform:translateY(calc(-100% + 100cqh))}}
.x-phone{position:absolute;right:-1.5%;bottom:-9%;width:18.5%;min-width:120px;border-radius:26px;background:#0F1220;padding:6px;box-shadow:0 40px 80px -30px rgba(28,37,48,.6),0 0 0 1px rgba(255,255,255,.08) inset;z-index:3}
.x-phone img{border-radius:21px;width:100%;display:block}
.x-chip{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:14px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px var(--line),0 20px 44px -18px rgba(28,37,48,.35);font-size:.86rem;font-weight:600;white-space:nowrap;
translate:calc(var(--mx,0)*var(--t,10px)) calc(var(--my,0)*var(--t,10px));animation:x-schweben 6s ease-in-out infinite alternate}
.x-chip small{display:block;font-weight:400;color:var(--muted);font-size:.74rem}
.x-chip .x-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--tint);color:var(--brand-deep);flex:none}
.x-chip .x-ico.gruen{background:#E3F6EE;color:var(--ok)}
.x-chip .x-ico.gelb{background:#FFF4D6;color:#B7791F}
.x-chip .x-ico.dunkel{background:var(--night);color:#fff}
.x-c1{left:-3.5%;top:17%;--t:16px}.x-c2{right:-2.5%;top:9%;--t:-12px;animation-delay:-2s}.x-c3{left:-2%;bottom:15%;--t:-10px;animation-delay:-3.4s}.x-c4{left:31%;bottom:-5%;--t:14px;animation-delay:-1.2s}
@keyframes x-schweben{to{transform:translateY(-12px)}}
.x-note{position:absolute;left:4%;bottom:-11%;rotate:-3deg}
.x-zahlen{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1120px;margin:130px auto 0;padding:0 20px}
.x-zahlen div{padding:6px 18px;border-left:1px solid var(--line);text-align:left}
.x-zahlen div:first-child{border-left:0;padding-left:0}
.x-zahlen b{display:block;font-family:var(--serif);font-size:clamp(2rem,4.6vw,3.3rem);line-height:1;letter-spacing:-.02em}
.x-zahlen span{display:block;color:var(--muted);font-size:.9rem;margin-top:8px}
.x-hero .mq-label{display:block;text-align:center;margin:64px 0 18px}
.x-hero .mq{margin-bottom:72px}
.x-nacht{padding-top:0}
.x-nacht .x-oben{position:relative;padding:112px 0 1px;background:radial-gradient(110% 70% at 50% 0,#1A2046 0,var(--night) 62%);color:#E8EBF7;border-radius:0 0 46px 46px;isolation:isolate}
.x-nacht .x-oben::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;
-webkit-mask-image:radial-gradient(ellipse 72% 60% at 50% 26%,#000,transparent 76%);mask-image:radial-gradient(ellipse 72% 60% at 50% 26%,#000,transparent 76%)}
.x-nacht .x-oben::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(540px circle at var(--lx,50%) var(--ly,24%),rgba(124,137,255,.2),transparent 66%)}
.x-nacht.x-hero::before{display:none}
.x-nacht .x-aurora{opacity:.75;z-index:-2;height:100%;inset:0;overflow:hidden;border-radius:0 0 46px 46px}
.x-nacht .x-h1{color:#fff}
.x-nacht .x-g{background:linear-gradient(100deg,#8E98FF 0,#C993FF 52%,#5EE0EE 104%);-webkit-background-clip:text;background-clip:text}
.js .x-nacht .x-g{animation-name:x-wort-g}
@keyframes x-wort-g{to{opacity:1;transform:none;filter:drop-shadow(0 0 26px rgba(130,140,255,.6))}}
.x-nacht .x-lead{color:#B6BCD4}
.x-nacht .x-pill{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#C9CFFF}
.x-nacht .x-trust{color:#AAB1CB}
.x-nacht .rating,.x-chip{color:var(--ink)}
.x-nacht .x-trust svg{color:#5EE0A5}
.x-nacht .x-stage{margin-bottom:calc(-1*min(25vw,300px))}
.x-nacht .x-zahlen{margin-top:calc(min(25vw,300px) + 128px)}
.x-nacht .x-browser{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 70px 140px -50px rgba(0,0,0,.75),0 0 120px -30px rgba(100,112,255,.6)}
.x-werkzeug{position:absolute;left:50%;top:-25px;translate:-50% 0;z-index:5;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;border-radius:14px;background:rgba(20,25,49,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(255,255,255,.14),0 20px 40px -16px rgba(0,0,0,.7);white-space:nowrap}
.x-werkzeug i{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.08);position:relative}
.x-werkzeug i::after{content:"";position:absolute;inset:8px;border:1.6px solid #9AA3C7;border-radius:2px}
.x-werkzeug i:nth-child(2)::after{border-radius:50%}.x-werkzeug i:nth-child(3)::after{border-width:0 0 1.6px 0;inset:8px 7px 12px}.x-werkzeug i:nth-child(4)::after{border-style:dashed}
.x-werkzeug i.an{background:var(--brand)}.x-werkzeug i.an::after{border-color:#fff}
.x-werkzeug span{font-family:var(--mono);font-size:.7rem;color:#9AA3C7;padding:0 10px}
.x-werkzeug b{font-size:.8rem;font-weight:600;color:#fff;background:var(--brand);padding:7px 14px;border-radius:9px;animation:x-knopf 14s infinite}
@keyframes x-knopf{0%,65%{scale:1;box-shadow:0 0 0 0 rgba(79,91,240,.7)}68%{scale:.9}72%{scale:1;box-shadow:0 0 0 14px rgba(79,91,240,0)}100%{scale:1;box-shadow:0 0 0 0 rgba(79,91,240,0)}}
.x-auswahl{position:absolute;left:18.5%;top:29%;width:63.5%;height:16.5%;border:2px solid var(--brand);z-index:4;pointer-events:none;animation:x-auswahl 14s infinite;background:rgba(79,91,240,.06)}
.x-auswahl i{position:absolute;width:9px;height:9px;background:#fff;border:2px solid var(--brand);border-radius:2px}
.x-auswahl i:nth-child(1){left:-6px;top:-6px}.x-auswahl i:nth-child(2){right:-6px;top:-6px}.x-auswahl i:nth-child(3){left:-6px;bottom:-6px}.x-auswahl i:nth-child(4){right:-6px;bottom:-6px}
.x-auswahl em{position:absolute;left:-2px;top:-27px;font-style:normal;font-family:var(--mono);font-size:.66rem;font-weight:700;color:#fff;background:var(--brand);padding:3px 8px;border-radius:5px 5px 5px 0}
@keyframes x-auswahl{0%,17%{opacity:0;scale:.98}22%,58%{opacity:1;scale:1}64%,100%{opacity:0}}
.x-zeiger{position:absolute;z-index:6;pointer-events:none;display:flex;align-items:flex-start;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.x-zeiger svg{width:24px;height:24px;fill:var(--brand);stroke:#fff;stroke-width:1.6;stroke-linejoin:round;flex:none}
.x-zeiger span{margin:16px 0 0 -4px;font-size:.72rem;font-weight:600;color:#fff;background:var(--brand);padding:3px 9px;border-radius:99px}
.x-z2 svg{fill:#F97316}.x-z2 span{background:#F97316}
.x-z2 p{position:absolute;left:26px;top:44px;white-space:nowrap;background:#fff;color:var(--ink);font-size:.86rem;font-weight:500;padding:8px 13px;border-radius:4px 14px 14px 14px;box-shadow:0 14px 30px -12px rgba(0,0,0,.5);animation:x-blase 14s infinite}
.x-z1{animation:x-z1 14s var(--ease) infinite}
.x-z2{animation:x-z2 14s var(--ease) infinite}
@keyframes x-z1{0%{left:8%;top:84%;opacity:0}5%{opacity:1}20%,48%{left:22%;top:44%}60%,74%{left:61.5%;top:-2.6%}86%{left:78%;top:34%;opacity:1}100%{left:84%;top:44%;opacity:0}}
@keyframes x-z2{0%,30%{left:97%;top:70%;opacity:0}40%,72%{left:70%;top:62%;opacity:1}84%,100%{left:92%;top:76%;opacity:0}}
@keyframes x-blase{0%,42%{opacity:0;scale:.6}46%,70%{opacity:1;scale:1}76%,100%{opacity:0;scale:.9}}
.x-toast{position:absolute;right:5%;top:15%;z-index:5;font-size:.86rem;font-weight:600;color:#fff;background:var(--ok);padding:10px 16px;border-radius:12px;box-shadow:0 18px 40px -14px rgba(18,166,106,.8);animation:x-toast 14s infinite}
@keyframes x-toast{0%,69%{opacity:0;translate:0 -12px}73%,93%{opacity:1;translate:0 0}98%,100%{opacity:0;translate:0 0}}
.x-hero .x-aurora{opacity:.9}
.x-hero .x-h1{font-size:clamp(2.5rem,7.4vw,5.5rem)}
.x-stage{perspective:2400px;--z:170px}
.x-stage-in{transform-style:preserve-3d;transform:rotateX(calc((1 - var(--p,0))*54deg)) rotateZ(calc((1 - var(--p,0))*-26deg)) rotateY(calc(var(--mx,0)*(1 - var(--p,0))*5deg)) scale(calc(.78 + var(--p,0)*.22))}
.x-draht,.x-ebene,.x-werk{position:absolute;inset:0;pointer-events:none}
.x-mitte{position:relative;transform:translateZ(0)}
.x-draht{border-radius:18px;background:rgba(255,255,255,.82);border:2px dashed rgba(139,70,224,.55);transform:translateZ(calc((1 - var(--p,0))*var(--z)*-1));opacity:calc(1.1 - var(--p,0)*1.3);display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:7% 1.3fr 1fr;gap:3%;padding:5%;box-shadow:0 40px 80px -30px rgba(139,70,224,.45)}
.x-draht i{border-radius:12px;background:rgba(139,70,224,.1);border:1.5px solid rgba(139,70,224,.32)}
.x-draht i:nth-of-type(1){grid-column:1/-1}.x-draht i:nth-of-type(2){grid-column:1/5}.x-draht i:nth-of-type(3){grid-column:5/-1}
.x-draht i:nth-of-type(n+4){grid-column:span 2}
.x-ebene{transform:translateZ(calc((1 - var(--p,0))*var(--z)));transform-style:preserve-3d}
.x-werk{opacity:clamp(0,calc((var(--p,0) - .86)*8),1);transform:translateZ(2px)}
.x-note{opacity:clamp(0,calc((var(--p,0) - .7)*4),1)}
.x-lab{position:absolute;left:0;top:-38px;z-index:7;font-family:var(--mono);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--brand);padding:6px 13px;border-radius:9px;white-space:nowrap;opacity:calc(1.7 - var(--p,0)*2.6);box-shadow:0 12px 24px -10px rgba(28,37,48,.5)}
.x-draht .x-lab{background:var(--violet)}.x-ebene .x-lab{background:var(--ok);left:auto;right:0}
.x-band{position:relative;z-index:3;overflow:clip;padding:30px 0;margin:0 0 -64px}
.x-band-s{margin:0 -6vw;rotate:-2.2deg;background:linear-gradient(100deg,var(--brand),var(--violet) 52%,var(--cyan));padding:16px 0;box-shadow:0 30px 60px -34px rgba(79,91,240,.75)}
.x-band-s>div{display:flex;align-items:center;gap:36px;width:max-content;white-space:nowrap;font-family:var(--serif);font-weight:700;font-size:clamp(1.8rem,4.4vw,3.5rem);line-height:1.1;color:#fff;transform:translateX(calc(var(--s,0)*-1px));will-change:transform}
.x-band .o{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.95)}
.x-band b{font-size:.5em;color:var(--mark)}
.x-satz{padding:110px 0 120px;background:var(--surface)}
.x-satz p{font-family:var(--serif);font-weight:700;font-size:clamp(1.85rem,5.4vw,4.1rem);line-height:1.1;letter-spacing:-.022em;max-width:1040px;margin:0 auto;text-wrap:balance}
.js .x-satz p span{opacity:.13;transition:opacity .4s}
.js .x-satz p span.an{opacity:1}
.x-satz p em{font-style:normal;color:var(--brand)}
.x-ba-rahmen{position:relative;max-width:1120px;margin:0 auto;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line),0 60px 110px -50px rgba(28,37,48,.4);overflow:hidden}
.x-ba{position:relative;aspect-ratio:16/8.7;overflow:hidden;container-type:inline-size;--pos:50%;user-select:none;-webkit-user-select:none;background:#fff}
.x-ba-l{position:absolute;inset:0;overflow:hidden}
.x-ba-l>img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
.x-ba-neu{clip-path:inset(0 0 0 var(--pos))}
.x-ba-griff{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;background:#fff;box-shadow:0 0 0 1px rgba(28,37,48,.18);translate:-50% 0;z-index:5;pointer-events:none}
.x-ba-griff b{position:absolute;top:50%;left:50%;translate:-50% -50%;width:54px;height:54px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(79,91,240,.9),0 0 0 6px rgba(255,255,255,.92)}
.x-ba-griff svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.x-ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:6;margin:0;touch-action:pan-y}
.x-ba-tag{position:absolute;bottom:14px;z-index:4;font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:rgba(15,18,32,.82);color:#fff;pointer-events:none}
.x-ba-tag.a{left:14px}.x-ba-tag.b{right:14px;background:var(--brand)}
.x-alt{background:#C9D6F2 repeating-linear-gradient(45deg,rgba(255,255,255,.35) 0 2px,transparent 2px 9px);font-family:"Times New Roman",Times,serif;color:#00006B;display:flex;flex-direction:column;font-size:.95cqw}
.x-alt-kopf{background:linear-gradient(#0A2A9C,#3F74E8 60%,#0A2A9C);color:#FFF200;text-align:center;padding:1.1cqw 1cqw;border-bottom:.3cqw ridge #C0C0C0}
.x-alt-kopf b{display:block;font-family:"Comic Sans MS","Comic Sans",cursive;font-size:2.7cqw;line-height:1.1;text-shadow:.15cqw .15cqw 0 #000}
.x-alt-kopf span{font-size:1.15cqw;color:#fff;font-style:italic}
.x-alt-lauf{background:#000;color:#3CFF4E;font-family:"Courier New",monospace;font-size:1cqw;white-space:nowrap;overflow:hidden;padding:.4cqw 0}
.x-alt-lauf span{display:inline-block;padding-left:100%;animation:x-lauf 18s linear infinite}
@keyframes x-lauf{to{transform:translateX(-100%)}}
.x-alt-mitte{display:grid;grid-template-columns:13cqw 1fr 14cqw;gap:1cqw;padding:1.1cqw 5cqw;flex:1;min-height:0}
.x-alt-nav{background:#E9E9E9;border:.25cqw outset #fff;padding:.8cqw;align-self:start}
.x-alt-nav li{color:#0000EE;text-decoration:underline;padding:.28cqw 0;font-size:1.1cqw}
.x-alt-nav li:first-child{color:#551A8B;font-weight:bold}
.x-alt-text{background:#fff;border:.12cqw solid #808080;padding:1cqw 1.2cqw;overflow:hidden}
.x-alt-text h4{font-family:"Times New Roman",serif;font-size:1.8cqw;color:#B00000;text-decoration:underline;margin:0 0 .5cqw}
.x-alt-text p{font-size:.92cqw;line-height:1.35;margin:0 0 .6cqw;color:#000}
.x-alt-blink{color:#E00000!important;font-weight:bold;animation:x-blink 1s steps(2) infinite}
@keyframes x-blink{50%{opacity:0}}
.x-alt-bilder{display:flex;gap:.8cqw;margin:.6cqw 0 .9cqw}
.x-alt-bild{width:11cqw;height:7cqw;border:.12cqw solid #999;background:#F3F3F3;display:grid;place-items:center;color:#777;font-family:Arial,sans-serif;font-size:.78cqw}
.x-alt-rechts{display:grid;gap:.8cqw;align-content:start;font-family:Arial,sans-serif;font-size:.85cqw;color:#000}
.x-alt-rechts div{background:#FFFFCC;border:.12cqw solid #B8B800;padding:.7cqw;text-align:center}
.x-alt-rechts b{display:block;font-family:"Courier New",monospace;font-size:1.5cqw;background:#000;color:#3CFF4E;margin-top:.3cqw;letter-spacing:.15cqw}
.x-alt-rechts s{text-decoration:none;color:#E00000;font-weight:bold;animation:x-blink 1s steps(2) infinite}
.x-alt-fuss{background:#0A2A9C;color:#fff;text-align:center;font-family:Arial,sans-serif;font-size:.8cqw;padding:.5cqw}
.x-neu{background:radial-gradient(70% 62% at 26% 0,rgba(255,200,115,.2),transparent 70%),#090B10;font-family:var(--sans);color:#F5F0E6;display:flex;flex-direction:column;font-size:1cqw;overflow:hidden}
.x-neu-nav{display:flex;align-items:center;gap:1.7cqw;padding:1.5cqw 5cqw 0;font-size:.95cqw;color:#B9B4A9;position:relative;z-index:2}
.x-neu-nav>i{width:2.2cqw;height:2.2cqw;border-radius:.6cqw;flex:none;margin-right:-.8cqw;background:radial-gradient(circle,#FFC873 0 40%,transparent 42%),repeating-linear-gradient(90deg,#5A3415 0 25%,#F6F3EA 25% 50%)}
.x-neu-nav b{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.35cqw;color:#F5F0E6;margin-right:auto;line-height:1.1}
.x-neu-nav b small{display:block;font-family:var(--sans);font-size:.58cqw;letter-spacing:.2em;text-transform:uppercase;color:#B9B4A9}
.x-neu-nav u{width:3cqw;height:1.6cqw;border-radius:99px;border:.1cqw solid rgba(255,255,255,.2);background:#12161F;position:relative}
.x-neu-nav u::after{content:"";position:absolute;left:.2cqw;top:.18cqw;width:1.1cqw;height:1.1cqw;border-radius:50%;background:#F5F0E6}
.x-neu-nav em{font-style:normal;font-weight:600;background:#FFC873;color:#1B1404;padding:.7cqw 1.4cqw;border-radius:99px;box-shadow:0 1cqw 2cqw -1cqw rgba(255,200,115,.8)}
.x-neu-hero{display:grid;grid-template-columns:1.12fr .88fr;padding:0 4cqw 0 0;align-items:center;flex:1;min-height:0;position:relative}
.x-neu-text{position:relative;z-index:2;grid-column:2}
.x-neu-text small{font-size:.72cqw;letter-spacing:.2em;text-transform:uppercase;color:#FFC873;font-weight:500}
.x-neu-text small::before{content:"";display:inline-block;width:2.2cqw;height:.1cqw;background:#FFC873;vertical-align:middle;margin-right:.8cqw}
.x-neu-text h4{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:5.2cqw;line-height:.98;letter-spacing:-.02em;margin:1.2cqw 0 1.4cqw;color:#F5F0E6}
.x-neu-text h4 i{color:#FFC873;text-shadow:0 0 2.6cqw rgba(255,200,115,.6);border-bottom:.1cqw solid rgba(255,200,115,.75)}
.x-neu-text p{font-size:1.12cqw;line-height:1.55;color:#B9B4A9;max-width:34cqw;margin:0}
.x-neu-btn{display:flex;gap:.8cqw;margin-top:1.9cqw}
.x-neu-btn em,.x-neu-btn span{font-style:normal;font-weight:500;font-size:1cqw;padding:.95cqw 1.7cqw;border-radius:99px}
.x-neu-btn em{background:#FFC873;color:#1B1404;box-shadow:0 1.2cqw 2.6cqw -1cqw rgba(255,200,115,.85)}
.x-neu-btn span{border:.1cqw solid rgba(255,255,255,.2)}
.x-neu-fakt{display:flex;gap:2.4cqw;margin-top:2.3cqw;padding-top:1.3cqw;border-top:.1cqw solid rgba(255,255,255,.1);max-width:40cqw}
.x-neu-fakt span{font-size:.72cqw;color:#807C75}
.x-neu-fakt b{display:block;font-family:Georgia,serif;font-weight:400;font-size:1.12cqw;color:#F5F0E6}
.x-neu-wand{position:absolute;left:-5cqw;top:-30%;bottom:-30%;width:52cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;rotate:-7deg;-webkit-mask-image:linear-gradient(transparent 14%,#000 34%,#000 66%,transparent 86%);mask-image:linear-gradient(transparent 14%,#000 34%,#000 66%,transparent 86%)}
.x-neu-wand div{display:flex;flex-direction:column;gap:1cqw;padding-bottom:1cqw;height:max-content;animation:x-wand 46s linear infinite}
.x-neu-wand div:nth-child(2){animation-direction:reverse;animation-duration:58s}
.x-neu-wand i{display:block;aspect-ratio:1;border-radius:1.1cqw;flex:none;box-shadow:0 0 0 .1cqw rgba(255,255,255,.1)}
@keyframes x-wand{to{transform:translateY(-50%)}}
.x-neu-wand .k1{background:radial-gradient(120% 90% at 50% 105%,#FFB45E 0,#8A4A16 42%,#1A0E06 82%)}
.x-neu-wand .k2{background:linear-gradient(160deg,#24160B,#7C4F25 58%,#E3AC66)}
.x-neu-wand .k3{background:radial-gradient(90% 70% at 28% 18%,#FFE9C4,#B9773D 48%,#20130A 92%)}
.x-neu-wand .k4{background:linear-gradient(#0D1838,#23397A 54%,#F0B46C 55%,#5F3614)}
.x-neu-wand .k5{background:radial-gradient(70% 60% at 50% 40%,rgba(255,217,160,.75),transparent 70%),repeating-linear-gradient(90deg,#3B2513 0 9%,#53351B 9% 18%)}
.x-neu-wand .k6{background:radial-gradient(60% 60% at 72% 62%,#FFD9A0,#5A3415 58%,#120A04)}
.x-neu-siegel{position:absolute;left:43%;bottom:9%;width:7.4cqw;height:7.4cqw;border-radius:50%;background:rgba(9,11,16,.82);border:.1cqw solid rgba(255,255,255,.18);z-index:3;display:grid;place-items:center}
.x-neu-siegel::before{content:"";position:absolute;inset:.7cqw;border-radius:50%;border:.1cqw dashed rgba(255,200,115,.55);animation:x-dreh 30s linear infinite}
.x-neu-siegel::after{content:"";width:2.2cqw;height:2.2cqw;border-radius:50%;background:#FFC873;box-shadow:0 0 2.4cqw .2cqw rgba(255,200,115,.6)}
@keyframes x-dreh{to{rotate:360deg}}
.x-neu-band{border-top:.1cqw solid rgba(255,255,255,.09);background:#0D1017;padding:1cqw 5cqw;font-family:Georgia,serif;font-style:italic;font-size:1.25cqw;color:#B9B4A9;white-space:nowrap;overflow:hidden;position:relative;z-index:2}
.x-neu-band span{font-family:var(--sans);font-style:normal;font-size:.62cqw;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#FFC873;margin-right:2.4cqw}
.x-ba-fakten{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1080px;margin:28px auto 0}
.x-ba-fakten li{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px}
.x-ba-fakten small{display:block;font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep);margin-bottom:8px}
.x-ba-fakten s{color:var(--faint);display:block;font-size:.92rem}
.x-ba-fakten b{display:block;font-size:1.02rem;margin-top:2px}
.x-story{padding:0;overflow:clip;background:var(--surface)}
.x-story-lang{height:calc(100vh + 5*62vh);position:relative}
@supports (height:100svh){.x-story-lang{height:calc(var(--sh,100svh)*4.1)}.x-story-fest{height:var(--sh,100svh)!important}.x-tel{width:min(300px,calc(var(--sh,100svh)*.34))!important}}
.x-story-fest{position:sticky;top:0;height:100vh;min-height:600px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;max-width:1120px;margin:0 auto;padding:92px 20px 24px}
.x-story h2{font-size:clamp(1.9rem,4.4vw,3.1rem);letter-spacing:-.02em;margin:16px 0 26px}
.x-steps li{padding:13px 0 13px 24px;border-left:2px solid var(--line);opacity:.34;transition:opacity .5s,border-color .5s;cursor:default}
.x-steps li.an{opacity:1;border-color:var(--brand)}
.x-steps h3{font-size:1.32rem;display:flex;align-items:baseline;gap:12px}
.x-steps h3 i{font-family:var(--mono);font-style:normal;font-size:.72rem;font-weight:700;color:var(--brand-deep);letter-spacing:.1em}
.x-steps div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.x-steps li.an div{grid-template-rows:1fr}
.x-steps p{overflow:hidden;color:var(--muted);font-size:1rem}
.x-steps p::before{content:"";display:block;height:6px}
.x-tel{justify-self:center;width:min(300px,34vh);aspect-ratio:300/622;border-radius:46px;background:#0F1220;padding:10px;position:relative;box-shadow:0 50px 100px -40px rgba(28,37,48,.6),0 0 0 1px rgba(255,255,255,.1) inset,0 0 0 1px rgba(28,37,48,.4)}
.x-tel::before{content:"";position:absolute;top:19px;left:50%;translate:-50% 0;width:78px;height:22px;border-radius:14px;background:#0F1220;z-index:9}
.x-tel::after{content:"";position:absolute;inset:-70px;z-index:-1;background:radial-gradient(closest-side,rgba(79,91,240,.25),transparent);pointer-events:none}
.x-tel-in{position:relative;height:100%;border-radius:37px;overflow:hidden;background:#fff;container-type:inline-size}
.x-scr{position:absolute;inset:0;padding:15cqw 5cqw 5cqw;opacity:0;transform:translateY(5cqw) scale(.97);transition:opacity .55s,transform .7s var(--ease);font-size:4.2cqw;display:flex;flex-direction:column}
.x-scr.an{opacity:1;transform:none}
.x-such{display:flex;align-items:center;gap:2.5cqw;border:.4cqw solid var(--line);border-radius:99px;padding:3cqw 4.5cqw;box-shadow:0 2cqw 6cqw -3cqw rgba(28,37,48,.25);font-size:4.4cqw;background:#fff}
.x-such svg{width:5cqw;height:5cqw;fill:none;stroke:var(--faint);stroke-width:2.4;stroke-linecap:round;flex:none}
.x-tipp{display:inline-block;overflow:hidden;white-space:nowrap;border-right:.5cqw solid var(--brand);width:0}
.x-scr.an .x-tipp{animation:x-tippen 1.8s steps(19) .35s forwards,x-blink .8s steps(2) infinite}
@keyframes x-tippen{to{width:19ch}}
.x-logo{font-family:var(--serif);font-size:9cqw;text-align:center;margin:10cqw 0 6cqw;letter-spacing:-.02em}
.x-logo i{font-style:normal}
.x-vor li{padding:2.6cqw 3cqw;color:var(--muted);border-bottom:.3cqw solid var(--line-2);opacity:0;transform:translateY(2cqw);transition:.5s}
.x-scr.an .x-vor li{opacity:1;transform:none}
.x-scr.an .x-vor li:nth-child(1){transition-delay:2.1s}.x-scr.an .x-vor li:nth-child(2){transition-delay:2.25s}.x-scr.an .x-vor li:nth-child(3){transition-delay:2.4s}
.x-karte{height:23cqw;border-radius:4cqw;margin:4cqw 0 3cqw;background:linear-gradient(115deg,#DCEBD9 0 34%,#EEF1E6 34% 52%,#D6E4F2 52% 70%,#EEF1E6 70%);position:relative;overflow:hidden}
.x-karte::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 46%,#fff 46% 54%,transparent 54%),linear-gradient(100deg,transparent 30%,#fff 30% 36%,transparent 36%)}
.x-karte i{position:absolute;left:58%;top:30%;width:7cqw;height:7cqw;border-radius:50% 50% 50% 0;rotate:-45deg;background:#E53E3E;box-shadow:0 2cqw 3cqw -1cqw rgba(0,0,0,.4)}
.x-tr{display:grid;gap:2.4cqw;position:relative}
.x-tr li{border:.4cqw solid var(--line);border-radius:3.4cqw;padding:3cqw 3.6cqw;background:#fff;transition:transform 1s var(--ease) .5s,box-shadow .6s 1.2s,border-color .6s 1.2s}
.x-tr b{display:block;font-size:4.3cqw}
.x-tr small{color:var(--muted);font-size:3.3cqw}
.x-tr .x-st{color:#F5A623;letter-spacing:.3cqw;font-size:3.4cqw}
.x-tr li:nth-child(1),.x-tr li:nth-child(2){opacity:.55}
.x-tr li:nth-child(3){position:relative}
.x-tr li:nth-child(3) em{position:absolute;right:3cqw;top:3cqw;font-style:normal;font-family:var(--mono);font-size:2.6cqw;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--brand);color:#fff;border-radius:99px;padding:1cqw 2.4cqw}
.x-scr.an .x-tr li:nth-child(3){transform:translateY(calc(-200% - 4.8cqw));border-color:var(--brand);box-shadow:0 0 0 1cqw rgba(79,91,240,.14),0 4cqw 8cqw -4cqw rgba(79,91,240,.6)}
.x-scr.an .x-tr li:nth-child(1),.x-scr.an .x-tr li:nth-child(2){transform:translateY(calc(100% + 2.4cqw))}
.x-adr{display:flex;align-items:center;gap:2cqw;background:#F1F3F6;border-radius:99px;padding:2.2cqw 4cqw;font-family:var(--mono);font-size:3.2cqw;color:var(--muted)}
.x-adr::before{content:"";width:2.6cqw;height:2.6cqw;border-radius:50%;background:var(--ok)}
.x-lade{height:.9cqw;background:var(--line);border-radius:9px;margin:2.4cqw 0;overflow:hidden}
.x-lade i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--cyan))}
.x-scr.an .x-lade i{animation:x-laden .9s ease-out .3s forwards}
@keyframes x-laden{to{width:100%}}
.x-seite{flex:1;border-radius:4cqw;overflow:hidden;position:relative;background:#EEF0F4;min-height:0}
.x-seite img{width:100%;display:block;opacity:0;transform:translateY(4cqw);transition:opacity .5s 1.1s,transform .8s var(--ease) 1.1s}
.x-scr.an .x-seite img{opacity:1;transform:none}
.x-zeit{position:absolute;left:50%;bottom:4cqw;translate:-50% 0;background:rgba(15,18,32,.88);color:#fff;border-radius:99px;padding:1.8cqw 4cqw;font-size:3.4cqw;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .5s 1.7s}
.x-scr.an .x-zeit{opacity:1}
.x-blatt{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:6cqw 6cqw 0 0;padding:5cqw;display:grid;gap:2.6cqw;box-shadow:0 -6cqw 12cqw -6cqw rgba(28,37,48,.4);transform:translateY(105%);transition:transform .8s var(--ease) .4s}
.x-scr.an .x-blatt{transform:none}
.x-blatt span{display:flex;align-items:center;justify-content:center;gap:2cqw;border-radius:3.4cqw;padding:3.6cqw;font-weight:600;font-size:4.2cqw;border:.4cqw solid var(--line);position:relative;overflow:hidden}
.x-blatt span:first-child{background:var(--brand);color:#fff;border-color:transparent}
.x-blatt span:first-child::after{content:"";position:absolute;left:50%;top:50%;width:10cqw;height:10cqw;border-radius:50%;background:rgba(255,255,255,.5);translate:-50% -50%;scale:0;opacity:0}
.x-scr.an .x-blatt span:first-child::after{animation:x-tipper 1.6s ease-out 1.5s infinite}
@keyframes x-tipper{0%{scale:.2;opacity:.9}70%,100%{scale:5;opacity:0}}
.x-s5{background:linear-gradient(170deg,#1B2040,#0B0E1A 70%);color:#fff}
.x-uhr{text-align:center;font-family:var(--serif);font-size:17cqw;line-height:1;margin-top:5cqw}
.x-uhr small{display:block;font-family:var(--sans);font-size:3.6cqw;font-weight:400;opacity:.7;margin-bottom:1cqw}
.x-meld{display:grid;gap:2.4cqw;margin-top:8cqw}
.x-meld li{background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4.4cqw;padding:3.2cqw 3.6cqw;display:grid;grid-template-columns:auto 1fr;gap:.4cqw 2.8cqw;font-size:3.5cqw;opacity:0;transform:translateY(-4cqw) scale(.94);transition:opacity .5s,transform .7s var(--ease-b,cubic-bezier(.34,1.56,.64,1))}
.x-meld i{grid-row:span 2;width:8.6cqw;height:8.6cqw;border-radius:2.4cqw;background:var(--brand);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:4cqw}
.x-meld li:nth-child(2) i{background:var(--ok)}
.x-meld b{font-size:3.7cqw}
.x-meld span{opacity:.75;grid-column:2}
.x-scr.an .x-meld li{opacity:1;transform:none}
.x-scr.an .x-meld li:nth-child(1){transition-delay:.5s}.x-scr.an .x-meld li:nth-child(2){transition-delay:1.3s}.x-scr.an .x-meld li:nth-child(3){transition-delay:2.1s}
.x-punkte{position:absolute;left:50%;bottom:-34px;translate:-50% 0;display:flex;gap:7px}
.x-punkte i{width:7px;height:7px;border-radius:50%;background:var(--line);transition:.4s}
.x-punkte i.an{background:var(--brand);width:22px;border-radius:9px}
.x-ki{background:var(--night);color:#E8EBF7;overflow:clip}
.x-ki::before{content:"";position:absolute;left:50%;top:-320px;width:1100px;height:760px;translate:-50% 0;background:radial-gradient(closest-side,rgba(79,91,240,.42),rgba(139,70,224,.14) 55%,transparent);pointer-events:none}
.x-ki .eyebrow{color:#AEB6FF}
.x-ki-raster{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
.x-ki h2{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.02em;margin:18px 0 22px;color:#fff}
.x-ki h2 em{font-style:normal;background:linear-gradient(100deg,#9AA5FF,#5EE0EE);-webkit-background-clip:text;background-clip:text;color:transparent}
.x-ki p.x-t{color:#B3B9D0;font-size:1.08rem;max-width:560px}
.x-ki p.x-t+p.x-t{margin-top:14px}
.x-ki .btn{margin-top:30px}
.x-chat{background:#0B141A;border-radius:30px;padding:0 0 18px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 60px 120px -50px #000,0 0 90px -30px rgba(79,91,240,.6);max-width:420px;justify-self:center;width:100%;overflow:hidden;
background-image:radial-gradient(rgba(255,255,255,.028) 1px,transparent 1px);background-size:18px 18px}
.x-chat-kopf{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#1F2C34;font-size:.95rem;color:#fff}
.x-chat-kopf i{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3B4A54,#63727C);flex:none;filter:blur(1.5px)}
.x-chat-kopf small{display:block;color:#8696A0;font-size:.76rem}
.x-chat ol{display:grid;gap:10px;padding:20px 14px 6px}
.x-chat li{max-width:84%;padding:9px 12px 8px;border-radius:14px;font-size:1rem;line-height:1.4;color:#E9EDEF;position:relative}
.x-chat time{float:right;margin:8px 0 -2px 14px;font-size:.68rem;color:rgba(233,237,239,.6)}
.x-chat .ich{justify-self:end;background:#005C4B;border-top-right-radius:4px}
.x-chat .ich time::after{content:" ✓✓";color:#53BDEB;letter-spacing:-2px}
.x-chat .sie{justify-self:start;background:#1F2C34;border-top-left-radius:4px}
.x-chat .gross{font-size:1.5rem;font-weight:500}
.x-chat blockquote{margin:0 0 6px;padding:7px 10px;border-left:3px solid #F15C6D;background:rgba(0,0,0,.22);border-radius:8px;font-size:.84rem;color:#AEBAC1}
.x-chat blockquote b{display:block;color:#F15C6D;font-size:.8rem}
.x-chat .tippt{justify-self:start;background:#1F2C34;border-radius:14px;padding:13px 16px;display:flex;gap:5px;height:33px;box-sizing:border-box}
.x-chat li.tippt+li{margin-top:-43px}
html:not(.js) .x-chat li.tippt{visibility:hidden}
.x-chat .tippt i{width:7px;height:7px;border-radius:50%;background:#8696A0;animation:x-tipptpunkt 1s infinite}
.x-chat .tippt i:nth-child(2){animation-delay:.15s}.x-chat .tippt i:nth-child(3){animation-delay:.3s}
@keyframes x-tipptpunkt{50%{opacity:.25;transform:translateY(-3px)}}
.js .x-chat li{opacity:0;transform:translateY(14px) scale(.96);transition:opacity .45s,transform .6s var(--ease)}
.js .x-chat.in li{opacity:1;transform:none}
.js .x-chat.in li:nth-child(1){transition-delay:.4s}
.js .x-chat.in li.tippt{transition-delay:1.5s;animation:x-weg .3s 3.3s forwards}
@keyframes x-weg{to{opacity:0;visibility:hidden}}
.js .x-chat.in li:nth-child(3){transition-delay:3.5s}
.js .x-chat.in li:nth-child(4){transition-delay:4.7s}
.x-chat-unter{font-size:.86rem;color:#8791AD;text-align:center;margin-top:16px;max-width:420px;justify-self:center}
.x-ki-karten{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:72px}
.x-ki-karten li{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px 22px;position:relative;overflow:hidden}
.x-ki-karten li::before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),rgba(120,133,255,.22),transparent 65%);opacity:0;transition:opacity .4s}
.x-ki-karten li:hover::before{opacity:1}
.x-ki-karten span{font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;color:#8E98FF}
.x-ki-karten h3{font-size:1.28rem;color:#fff;margin:10px 0 8px;position:relative}
.x-ki-karten p{color:#A9B0C9;font-size:.94rem;position:relative}
.x-ki-zeile{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:34px}
.x-ki-zeile li{font-family:var(--mono);font-size:.74rem;padding:7px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.14);color:#C7CCE2;display:inline-flex;gap:8px;align-items:center}
.x-ki-zeile li::before{content:"✓";color:#5EE0A5;font-weight:700}
.js .x-ki-zeile li{opacity:0;transform:scale(.8);transition:.5s var(--ease)}
.js .x-ki-zeile.in li{opacity:1;transform:none;transition-delay:calc(var(--n)*110ms)}
.x-bot{background:linear-gradient(180deg,var(--tint),var(--paper))}
.x-bot h2{font-size:clamp(2rem,4.8vw,3.2rem);letter-spacing:-.02em;margin:18px 0 18px}
.x-bt{color:var(--muted);font-size:1.08rem;max-width:560px}
.x-bl{display:grid;gap:12px;margin:24px 0 28px;max-width:560px}
.x-bl li{display:flex;gap:12px;align-items:flex-start}
.x-bl svg{color:var(--ok);margin-top:4px}
.x-bpreis{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 26px;padding:14px 20px;border-radius:18px;background:#fff;border:1px solid var(--mark);box-shadow:0 18px 40px -28px rgba(79,91,240,.6)}
.x-bpreis b{font-family:var(--serif,Fraunces,serif);font-size:1.9rem;line-height:1;color:var(--ink)}
.x-bpreis small{font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;color:var(--muted)}
.x-bpreis span{color:var(--muted);font-size:.98rem}
.x-bot .x-chat{rotate:-2deg;transition:rotate .8s var(--ease)}
.x-bot .x-chat{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 50px 90px -50px rgba(28,37,48,.55),0 0 90px -30px rgba(79,91,240,.45)}
.x-bot .x-chat-kopf i{filter:none;background:linear-gradient(135deg,var(--brand),var(--violet));position:relative}
.x-bot .x-chat-kopf i::after{content:"";position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px #202C33}
.x-bot .x-chat:hover{rotate:0deg}
.x-reihe{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px max(20px,calc(50vw - 560px)) 34px;margin-top:44px;scrollbar-width:none;cursor:grab}
.x-reihe::-webkit-scrollbar{display:none}
.x-reihe.zieht{cursor:grabbing;scroll-snap-type:none}
.x-wk{flex:none;width:min(640px,84vw);scroll-snap-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--rx);padding:14px 14px 20px;transition:transform .6s var(--ease),box-shadow .6s;position:relative}
.x-wk:hover{transform:translateY(-6px);box-shadow:0 40px 80px -40px rgba(79,91,240,.45)}
.x-wk .x-browser{box-shadow:0 0 0 1px var(--line);border-radius:14px}
.x-wk .x-shot{aspect-ratio:16/10}
.x-wk-tel{position:absolute;right:26px;top:36%;width:19%;border-radius:18px;background:#0F1220;padding:4px;box-shadow:0 26px 50px -20px rgba(28,37,48,.7);z-index:2}
.x-wk-tel img{border-radius:14px;display:block;width:100%}
.x-wk-text{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:end;padding:18px 8px 0}
.x-wk-text small{font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep);grid-column:1/-1}
.x-wk-text h3{font-size:1.5rem}
.x-wk-text p{color:var(--muted);font-size:.94rem;grid-column:1}
.x-wk-text a{grid-row:2/4;grid-column:2;align-self:center}
.x-pfeile{display:flex;gap:10px;justify-content:center;margin-top:6px}
.x-pfeile button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;transition:.3s}
.x-pfeile button:hover{background:var(--ink);color:#fff}
.x-pfeile svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.x-pf-hero{padding:150px 0 80px;overflow:clip;isolation:isolate}
.x-pf-raster{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.x-pf-hero h1{font-size:clamp(2.6rem,7vw,5.2rem);letter-spacing:-.028em;line-height:1.02;margin:22px 0}
.x-pf-bild{position:relative;justify-self:center}
.x-pf-bild img{width:min(380px,74vw);aspect-ratio:1;object-fit:cover;border-radius:32px;rotate:3deg;box-shadow:0 50px 100px -40px rgba(79,91,240,.6),0 0 0 1px var(--line);transition:rotate .8s var(--ease)}
.x-pf-bild:hover img{rotate:0deg}
.x-pf-bild span{position:absolute;left:-18px;bottom:-14px;rotate:-6deg;font-size:2rem;background:var(--surface);padding:4px 16px;border-radius:14px;box-shadow:var(--shadow)}
.x-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.x-tags li{font-size:.88rem;font-weight:500;padding:8px 15px;border-radius:99px;background:var(--surface);border:1px solid var(--line)}
.x-pf-liste{display:grid;gap:110px;margin-top:20px}
.x-pj{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
.x-pj:nth-child(even){grid-template-columns:.75fr 1.25fr}
.x-pj:nth-child(even) .x-pj-bild{order:2}
.x-pj-bild{position:relative}
.x-pj-bild .x-shot{aspect-ratio:16/10.4}
.x-pj-bild .x-wk-tel{right:-18px;top:auto;bottom:-26px;width:21%}
.x-pj:nth-child(even) .x-wk-tel{right:auto;left:-18px}
.x-pj small{font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep)}
.x-pj h3{font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.015em;margin:10px 0 12px}
.x-pj p{color:var(--muted)}
.x-pj dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:20px 0 22px;font-size:.92rem}
.x-pj dt{color:var(--faint)}
.x-pj dd{margin:0;font-weight:500}
.x-pj-nr{font-family:var(--serif);font-size:5rem;line-height:1;color:var(--tint);-webkit-text-stroke:1px var(--mark);display:block;margin-bottom:-8px}
.x-weg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.x-weg li{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px}
.x-weg b{display:block;font-family:var(--serif);font-size:1.35rem;margin:8px 0 6px}
.x-weg span{font-family:var(--mono);font-size:.7rem;font-weight:700;color:var(--brand-deep);letter-spacing:.12em}
.x-weg p{color:var(--muted);font-size:.95rem}
.x-quiz-seite{min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:clip;background:var(--paper)}
.x-quiz-seite .x-aurora{height:100%;inset:0;opacity:.55}
.x-quiz-kopf{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;max-width:760px;width:100%;margin:0 auto}
.x-quiz-kopf img{height:34px;width:auto}
.x-quiz-kopf span{font-family:var(--mono);font-size:.72rem;font-weight:700;color:var(--muted);letter-spacing:.08em}
.x-fort{height:6px;border-radius:9px;background:rgba(28,37,48,.08);max-width:720px;width:calc(100% - 40px);margin:0 auto;overflow:hidden}
.x-fort i{display:block;height:100%;width:var(--w,8%);border-radius:9px;background:linear-gradient(90deg,var(--brand),var(--violet),var(--cyan));transition:width .7s var(--ease)}
.x-quiz{flex:1;display:grid;place-items:start center;padding:clamp(28px,9vh,96px) 20px 40px;position:relative}
.x-frage{grid-area:1/1;width:min(680px,100%);text-align:center;opacity:0;visibility:hidden;transform:translateY(34px) scale(.97);transition:opacity .5s,transform .7s var(--ease),visibility 0s .5s}
.x-frage.an{opacity:1;visibility:visible;transform:none;transition-delay:.25s,.25s,0s}
.x-frage.raus{transform:translateY(-34px) scale(.97)}
.x-frage small{font-family:var(--mono);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-deep)}
.x-frage h1,.x-frage h2{font-size:clamp(2rem,7.4vw,3.6rem);letter-spacing:-.022em;line-height:1.06;margin:16px 0 14px}
.x-frage>p{color:var(--muted);font-size:1.06rem;max-width:520px;margin:0 auto}
.x-wahl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px auto 0;max-width:520px}
.x-wahl.drei{grid-template-columns:1fr}
.x-wahl button{padding:22px 18px;border-radius:20px;background:var(--surface);border:2px solid var(--line);font-family:var(--serif);font-weight:700;font-size:1.5rem;transition:transform .35s var(--ease),border-color .3s,box-shadow .4s,background .3s,color .3s;box-shadow:0 14px 30px -20px rgba(28,37,48,.4)}
.x-wahl.drei button{font-size:1.2rem;padding:18px}
.x-wahl button:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:0 26px 50px -24px rgba(79,91,240,.7)}
.x-wahl button.ja{background:var(--brand);border-color:var(--brand);color:#fff}
.x-wahl button.gewaehlt{transform:scale(.96);background:var(--ink);border-color:var(--ink);color:#fff}
.x-frage .x-echo{margin-top:22px;min-height:1.6em;font-family:var(--hand);font-weight:600;font-size:1.75rem;line-height:1.2;color:var(--brand-deep);max-width:none;opacity:0;transform:translateY(8px);transition:.4s}
.x-frage .x-echo.an{opacity:1;transform:none}
.x-form{display:grid;gap:12px;max-width:480px;margin:28px auto 0;text-align:left}
.x-form .zwei{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.x-form label{font-size:.82rem;font-weight:600;color:var(--muted);display:grid;gap:6px}
.x-form input{font:inherit;font-size:1.05rem;padding:15px 16px;border-radius:14px;border:2px solid var(--line);background:var(--surface);color:var(--ink);outline:0;transition:border-color .3s,box-shadow .3s;width:100%}
.x-form input:focus{border-color:var(--brand);box-shadow:0 0 0 5px rgba(79,91,240,.14)}
.x-form .btn{width:100%;padding:19px;font-size:1.08rem;margin-top:6px;border-radius:14px}
.x-form .fein{font-size:.78rem;color:var(--faint);text-align:center}
.x-form .fein a{text-decoration:underline}
.x-form .fehler{color:#C53030;font-size:.9rem;text-align:center;min-height:1.2em}
.x-hp{position:absolute;left:-5000px}
.x-ok-kreis{width:92px;height:92px;border-radius:50%;background:var(--ok);margin:0 auto 10px;display:grid;place-items:center;box-shadow:0 0 0 0 rgba(18,166,106,.5);animation:x-ping 2.4s infinite}
.x-ok-kreis svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60}
.x-frage.an .x-ok-kreis svg{animation:x-haken .7s var(--ease) .6s forwards}
@keyframes x-haken{to{stroke-dashoffset:0}}
.x-quiz-fuss{text-align:center;font-size:.78rem;color:var(--faint);padding:0 20px 22px}
.x-quiz-fuss a{margin:0 8px;text-decoration:underline}
.x-beleg{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-top:26px;font-size:.86rem;color:var(--muted)}
.x-beleg li{display:inline-flex;gap:6px;align-items:center}
.x-beleg svg{color:var(--ok)}
@property --scan-t{syntax:'<number>';inherits:true;initial-value:.9}
@property --scan-n{syntax:'<integer>';inherits:true;initial-value:5}
.x-check{position:relative;overflow:clip;background:var(--paper)}
.x-check::before{content:"";position:absolute;right:-180px;top:-120px;width:640px;height:640px;border-radius:50%;background:radial-gradient(closest-side,rgba(79,91,240,.16),transparent);pointer-events:none}
.x-check::after{content:"";position:absolute;left:-200px;bottom:-220px;width:560px;height:560px;border-radius:50%;background:radial-gradient(closest-side,rgba(34,195,214,.14),transparent);pointer-events:none}
.x-check .wrap{position:relative;z-index:1}
.x-ck-raster{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center}
.x-check h2{font-size:clamp(2rem,4.8vw,3.2rem);letter-spacing:-.02em;margin:18px 0 18px}
.x-check .c-form{margin:28px 0 0;max-width:560px}
.x-check .c-klein{max-width:560px}
.x-ck-fakten{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:.95rem;font-weight:500}
.x-ck-fakten li{display:flex;align-items:center;gap:8px}
.x-ck-fakten svg{width:18px;height:18px;color:var(--ok);flex:none}
.x-scan{--scan-t:.9;--scan-n:5;--aus:clamp(0,calc((.965 - var(--scan-t))*45),1);position:relative;max-width:500px;width:100%;margin:0 auto;padding:10px 0 84px}
.js .x-scan.laeuft{animation:x-scan-t 11s linear infinite,x-scan-n 11s linear infinite}
.js .x-scan.halt{animation-play-state:paused}
@keyframes x-scan-t{from{--scan-t:0}to{--scan-t:1}}
@keyframes x-scan-n{0%,70%{--scan-n:0}82%,100%{--scan-n:5}}
.x-scan-fenster{border-radius:18px;background:#fff;overflow:hidden;rotate:1.6deg;box-shadow:0 0 0 1px var(--line),0 60px 110px -50px rgba(28,37,48,.42),0 30px 70px -36px rgba(79,91,240,.4)}
.x-scan-fenster .x-bar{position:relative}
.x-scan-adr{display:inline-flex;align-items:center;gap:7px;margin-left:10px;padding:5px 14px 5px 10px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--line);font-family:var(--mono);font-size:.74rem;color:var(--muted)}
.x-scan-adr svg{width:13px;height:13px;fill:none;stroke:var(--ok);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.x-scan-seite{position:relative;overflow:hidden;padding:16px;background:#F4F1E8;display:grid;gap:12px}
.x-sk i,.x-sk b,.x-sk em{display:block;border-radius:4px;background:#D9D4C6}
.x-sk.kopf{display:flex;gap:8px;align-items:center;padding:12px;border-radius:6px;background:#5E6B8C}
.x-sk.kopf i{height:8px;flex:0 0 13%;background:rgba(255,255,255,.55)}
.x-sk.kopf i:first-child{flex-basis:26%;height:12px;margin-right:auto;background:#fff}
.x-sk-zwei{display:grid;grid-template-columns:26% 1fr;gap:12px}
.x-sk.spalte{display:grid;gap:8px;align-content:start;padding:10px;border-radius:6px;background:#E9E5D8}
.x-sk.spalte i{height:9px;background:#C6C0AF}
.x-sk.inhalt{display:grid;gap:8px;align-content:start}
.x-sk.inhalt b{height:16px;width:62%;background:#B9B3A2}
.x-sk.inhalt i{height:6px}
.x-sk.inhalt i.kurz{width:54%}
.x-sk.inhalt em{height:78px;margin:4px 0;background:linear-gradient(135deg,#CFC9B8,#DDD8CA)}
.x-scan-strahl{--y:clamp(0,calc(var(--scan-t)/.66),1);position:absolute;left:0;right:0;top:calc(var(--y)*100% - 70px);height:70px;pointer-events:none;
opacity:min(clamp(0,calc(var(--scan-t)*40),1),clamp(0,calc((.7 - var(--scan-t))*30),1));
background:linear-gradient(180deg,transparent,rgba(79,91,240,.16) 62%,rgba(34,195,214,.42));border-bottom:2px solid var(--cyan);box-shadow:0 10px 28px rgba(34,195,214,.55)}
.x-pin,.x-scan-acht li,.x-scan-text strong{--z:clamp(0,calc((var(--scan-t) - var(--a))*20),1)}
.x-pin{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:99px;background:#fff;font-size:.84rem;font-weight:600;white-space:nowrap;
box-shadow:0 0 0 1px var(--line),0 16px 34px -14px rgba(28,37,48,.5);opacity:calc(var(--z)*var(--aus));scale:calc(.7 + .3*var(--z));translate:0 calc((1 - var(--z))*10px)}
.x-pin i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff}
.x-pin svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.x-pin.gut i{background:var(--ok)}.x-pin.schwach i{background:#D5383F}
.x-pin.p1{left:-18px;top:54px}.x-pin.p2{right:-22px;top:112px}.x-pin.p3{left:-26px;top:176px}.x-pin.p4{right:-14px;top:244px}
.x-scan-ergebnis{position:absolute;right:-6px;bottom:0;z-index:3;display:flex;align-items:center;gap:16px;padding:14px 22px 14px 14px;border-radius:24px;background:#fff;
box-shadow:0 0 0 1px var(--line),0 40px 70px -34px rgba(56,64,201,.55);rotate:-1.5deg}
.x-scan-ring{--p:calc(clamp(0,calc((var(--scan-t) - .7)/.12),1)*var(--aus)*.625);position:relative;flex:none;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;align-content:center;
background:conic-gradient(#E0A03A calc(var(--p)*1turn),var(--tint) 0)}
.x-scan-ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}
.x-scan-ring b,.x-scan-ring span{position:relative}
.x-scan-ring b{font-family:'Fraunces',Georgia,serif;font-size:2rem;line-height:1;color:var(--ink)}
.x-scan-ring b::after{counter-reset:n var(--scan-n);content:counter(n)}
.x-scan-ring span{font-size:.66rem;color:var(--muted)}
.x-scan-text{display:grid;gap:3px}
.x-scan-text small{font-family:var(--mono);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep)}
.x-scan-text strong{--a:.8;font-family:'Fraunces',Georgia,serif;font-size:1.12rem;line-height:1.2;opacity:calc(var(--z)*var(--aus))}
.x-scan-acht{display:flex;gap:5px;margin-top:7px}
.x-scan-acht li{position:relative;width:17px;height:7px;border-radius:4px;background:#E4E7EF;overflow:hidden}
.x-scan-acht li::after{content:"";position:absolute;inset:0;opacity:calc(var(--z)*var(--aus))}
.x-scan-acht .gut::after{background:var(--ok)}.x-scan-acht .schwach::after{background:#D5383F}
.x-check .c-ergebnis{margin-top:54px}
@media (max-width:980px){
.x-ck-raster{grid-template-columns:1fr;gap:44px}
.x-check .c-form,.x-check .c-klein{max-width:none}
.x-c1{left:1%;top:-5%}.x-c2{right:1%;top:-9%}.x-c3,.x-c4{display:none}
.x-ki-raster,.x-pf-raster,.x-pj,.x-pj:nth-child(even){grid-template-columns:1fr;gap:40px}
.x-pj:nth-child(even) .x-pj-bild{order:0}
.x-ki-karten{grid-template-columns:1fr 1fr}
.x-story-fest{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px;padding:84px 20px 44px;align-items:start}
.x-story h2{margin:0 0 10px;font-size:1.45rem}
.x-story-fest{padding-top:78px}
.x-story .eyebrow{display:none}
.x-steps{display:grid}
.x-steps li{grid-area:1/1;border:0;padding:0;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.x-steps li.an{opacity:1;visibility:visible}
.x-steps div{grid-template-rows:1fr;transition:none}
.x-steps h3{font-size:1.25rem}
.x-steps p{font-size:.92rem}
.x-tel{width:min(215px,24vh);align-self:start;border-radius:34px;padding:7px}
@supports (height:100svh){.x-tel{width:min(215px,calc(var(--sh,100svh)*.24))!important}}
.x-tel-in{border-radius:28px}
.x-tel::before{top:14px;width:58px;height:17px}
.x-punkte{display:none}
.x-pf-hero{padding-top:120px}
.x-pf-bild{order:-1;justify-self:start}
.x-pf-bild img{width:180px;border-radius:24px}
.x-pf-liste{gap:80px}
.x-weg{grid-template-columns:1fr}
}
@media (max-width:720px){
.x-scan{max-width:340px;padding-bottom:92px}
.x-pin{font-size:.76rem;padding:6px 11px 6px 7px}
.x-pin.p1{left:-10px;top:48px}.x-pin.p2{right:-10px;top:98px}.x-pin.p3{left:-12px;top:150px}.x-pin.p4{right:-8px;top:212px}
.x-sk.inhalt em{height:52px}
.x-scan-ergebnis{right:50%;translate:50% 0;rotate:0deg;white-space:nowrap}
.x-hero{padding-top:104px}
.x-pill{font-size:.62rem;letter-spacing:.07em;padding:7px 13px;gap:8px}
.x-stage{margin-top:70px;width:calc(100% - 28px)}
.x-stage{--z:78px}
.x-lab{font-size:.6rem;padding:4px 9px;top:-27px;border-radius:7px}
.x-band{padding:22px 0;margin-bottom:-46px}
.x-bar{padding:9px 12px}.x-bar i{width:8px;height:8px}.x-bar span{font-size:.62rem;margin-left:8px}
.x-phone{width:27%;right:-1%;bottom:-16%;border-radius:18px;padding:4px}.x-phone img{border-radius:14px}
.x-chip{font-size:.74rem;padding:8px 11px;border-radius:12px;gap:8px}
.x-chip .x-ico{width:26px;height:26px;border-radius:8px}
.x-chip small{font-size:.66rem}
.x-c1{left:-1%;top:-13%}.x-c2{right:-1%;top:auto;bottom:-4%;display:none}
.x-nacht .x-oben{padding-top:104px;border-radius:0 0 30px 30px}
.x-nacht .x-stage{margin-bottom:-90px}
.x-nacht .x-zahlen{margin-top:150px}
.x-zeiger,.x-auswahl,.x-werkzeug span,.x-werkzeug i:nth-child(n+3){display:none}
.x-werkzeug{top:-22px;padding:6px 6px 6px 8px}.x-werkzeug b{font-size:.72rem;padding:6px 11px}
.x-toast{font-size:.74rem;padding:7px 11px;right:4%;top:22%}
.x-note{position:static;display:block;margin-top:26px;rotate:-2deg;text-align:left;padding-left:2%;max-width:62%;font-size:1.25rem}
.x-zahlen{grid-template-columns:1fr 1fr;margin-top:70px;gap:26px 0}
.x-zahlen div:nth-child(3){border-left:0;padding-left:0}
.x-satz{padding:76px 0 84px}
.x-kopf{margin-bottom:36px}
.x-ba{aspect-ratio:4/4.3}
.x-ba-rahmen{border-radius:16px}
.x-ba-griff b{width:46px;height:46px}
.x-alt-mitte{flex:none;padding-inline:1.5cqw}
.x-neu-nav{padding:3.6cqw 5cqw 0;gap:2.5cqw}
.x-neu-nav span,.x-neu-nav u{display:none}
.x-neu-nav>i{width:6.4cqw;height:6.4cqw;border-radius:1.7cqw;margin-right:-.4cqw}
.x-neu-nav b{font-size:3.9cqw}.x-neu-nav b small{font-size:1.7cqw}
.x-neu-nav em{padding:2cqw 3.6cqw;font-size:2.7cqw}
.x-neu-hero{grid-template-columns:1fr;padding:6cqw 5cqw 0;align-content:start}
.x-neu-text{grid-column:1}
.x-neu-text small{font-size:2.1cqw}.x-neu-text small::before{width:5cqw;height:.3cqw}
.x-neu-text h4{font-size:11.6cqw;margin:2.6cqw 0 3.2cqw}
.x-neu-text p{font-size:3.35cqw;max-width:none}
.x-neu-btn{margin-top:4.4cqw;gap:2cqw}.x-neu-btn em,.x-neu-btn span{font-size:3cqw;padding:2.7cqw 4.2cqw}
.x-neu-fakt,.x-neu-siegel{display:none}
.x-neu-wand{position:static;rotate:none;width:auto;margin:6cqw 0 0;gap:2.2cqw;-webkit-mask-image:none;mask-image:none}
.x-neu-wand div{animation:none;padding:0}
.x-neu-wand i{border-radius:2.6cqw}.x-neu-wand i:nth-child(n+2){display:none}
.x-neu-band{font-size:3cqw;padding:2.6cqw 5cqw}.x-neu-band span{font-size:1.7cqw}
.x-ba-fakten{grid-template-columns:1fr}
.x-ki-raster{gap:44px}
.x-ki-karten{grid-template-columns:1fr;margin-top:48px}
.x-wk{padding:10px 10px 16px;border-radius:20px}
.x-wk-tel{top:24%;right:18px;width:17%;border-radius:12px;padding:3px}
.x-wk-tel img{border-radius:10px}
.x-wk-text{grid-template-columns:1fr}
.x-wk-text a{grid-row:auto;grid-column:1;justify-self:start;margin-top:8px}
.x-wahl button{font-size:1.3rem;padding:20px 12px}
.x-form .zwei{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
.x-scan{animation:none!important}
.x-aurora i,.x-chip,.x-shot img,.x-alt-lauf span,.x-alt-blink{animation:none!important}
.x-zeiger,.x-auswahl,.x-toast{display:none}
.js .x-w,.js .x-auf{opacity:1!important;filter:none!important;transform:none!important}
.x-tipp{width:auto!important;border:0}
.x-lade i{width:100%!important}
.x-ok-kreis svg{stroke-dashoffset:0!important}
.x-chat li.tippt{visibility:hidden;animation:none!important}
.js .x-satz p span{opacity:1}
.x-stage-in{transform:none}
.x-draht,.x-lab{display:none}
.x-ebene{transform:none}
.x-werk,.x-note{opacity:1}
}
.wa-fab,.wa-pop{display:none!important}
.mb-knopf{position:fixed;right:20px;bottom:20px;z-index:80;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--violet));box-shadow:0 16px 36px -10px rgba(79,91,240,.75),0 0 0 4px rgba(255,255,255,.9);display:grid;place-items:center;transition:transform .35s var(--ease)}
.mb-knopf:hover{transform:scale(1.07)}
.mb-knopf.auf{transform:scale(.9)}
.mb-bild{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--brand-deep);font-family:var(--serif);font-weight:700;font-size:1.3rem;display:grid;place-items:center;flex:none}
.mb-punkt{position:absolute;right:3px;top:3px;width:13px;height:13px;border-radius:50%;background:var(--ok);border:2.5px solid #fff}
.mb-wa{position:fixed;right:27px;bottom:92px;z-index:80;width:46px;height:46px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px -10px rgba(18,140,70,.85),0 0 0 3px rgba(255,255,255,.92);transition:transform .35s var(--ease),opacity .3s}
.mb-wa:hover{transform:scale(1.08)}
.mb-wa.weg{opacity:0;pointer-events:none}
.mb-wa svg{width:25px;height:25px;fill:currentColor}
.mb-gruss{position:fixed;right:94px;bottom:22px;z-index:79;width:min(336px,calc(100vw - 110px));background:var(--surface);color:var(--ink);padding:16px 16px 15px;border-radius:20px 20px 6px 20px;box-shadow:0 0 0 1px var(--line),0 28px 60px -22px rgba(28,37,48,.5);opacity:0;visibility:hidden;transform:translateY(10px) scale(.95);transform-origin:100% 100%;transition:opacity .4s,transform .5s var(--ease),visibility 0s .5s}
.mb-gruss.an{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mb-gx{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;font-size:1.3rem;line-height:1;color:var(--faint)}
.mb-gx:hover{background:var(--tint);color:var(--ink)}
.mb-gkopf{display:flex;align-items:center;gap:11px;margin-right:28px}
.mb-gkopf img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--tint)}
.mb-gkopf b{display:block;font-size:.93rem;line-height:1.25}
.mb-gkopf span{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}
.mb-gkopf i{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.mb-gruss p{font-size:.92rem;line-height:1.5;margin:12px 0 14px;color:var(--ink)}
.mb-gwahl{display:flex;gap:8px}
.mb-gwa,.mb-gmax{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 10px;border-radius:99px;font-weight:600;font-size:.9rem;white-space:nowrap}
.mb-gwa{background:#128C4B;color:#fff}
.mb-gwa:hover{background:#0E7A40}
.mb-gwa svg{width:18px;height:18px;fill:currentColor;flex:none}
.mb-gmax{border:1px solid rgba(79,91,240,.35);color:var(--brand-deep);background:var(--tint)}
.mb-gmax:hover{background:var(--brand);color:#fff}
.mb-direkt{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;background:#E8F8EE;color:#0B6B3A;font-size:.86rem;font-weight:600;border-bottom:1px solid var(--line)}
.mb-direkt:hover{background:#D9F3E3}
.mb-direkt svg{width:17px;height:17px;fill:currentColor;flex:none}
.mb-fenster{position:fixed;right:20px;bottom:94px;z-index:81;padding:0;width:min(390px,calc(100vw - 24px));height:min(600px,calc(100dvh - 120px));background:var(--paper);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--line),0 40px 90px -30px rgba(28,37,48,.6);transform-origin:100% 100%}
.mb-fenster[hidden]{display:none}
.mb-fenster.auf{animation:mb-auf .4s var(--ease)}
@keyframes mb-auf{from{opacity:0;transform:translateY(16px) scale(.94)}}
.mb-kopf{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:linear-gradient(120deg,var(--brand),var(--violet));color:#fff}
.mb-kopf div{flex:1;min-width:0;line-height:1.25}
.mb-kopf b{display:block;font-size:1.05rem}
.mb-kopf small{font-size:.74rem;opacity:.85}
.mb-zu{width:34px;height:34px;border-radius:50%;color:#fff;font-size:1.5rem;line-height:1;background:rgba(255,255,255,.16)}
.mb-zu:hover{background:rgba(255,255,255,.3)}
.mb-verlauf{flex:1;overflow-y:auto;padding:16px 14px 6px;display:flex;flex-direction:column;gap:9px;overscroll-behavior:contain}
.mb-blase{max-width:86%;padding:10px 13px;border-radius:16px;font-size:.95rem;line-height:1.5;animation:mb-rein .35s var(--ease)}
@keyframes mb-rein{from{opacity:0;transform:translateY(8px)}}
.mb-blase.max{align-self:flex-start;background:var(--surface);box-shadow:0 0 0 1px var(--line);border-top-left-radius:5px}
.mb-blase.du{align-self:flex-end;background:var(--brand);color:#fff;border-top-right-radius:5px}
.mb-blase a{color:var(--brand-deep);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.mb-blase small{display:block;color:var(--faint);font-size:.78rem;margin-top:6px}
.mb-tippt{display:flex;gap:5px;padding:14px 15px}
.mb-tippt i{width:7px;height:7px;border-radius:50%;background:var(--faint);animation:mb-tipp 1s infinite}
.mb-tippt i:nth-child(2){animation-delay:.15s}.mb-tippt i:nth-child(3){animation-delay:.3s}
@keyframes mb-tipp{50%{opacity:.3;transform:translateY(-3px)}}
.mb-liste{margin:8px 0 2px;display:grid;gap:4px}
.mb-liste li{display:grid;grid-template-columns:92px 1fr;gap:8px;font-size:.9rem}
.mb-liste span{color:var(--faint)}
.mb-chips{display:flex;flex-wrap:wrap;gap:7px;padding:6px 14px 10px}
.mb-chip{font-size:.86rem;font-weight:500;padding:8px 13px;border-radius:99px;border:1px solid rgba(79,91,240,.35);color:var(--brand-deep);background:var(--tint);transition:background .25s,color .25s}
.mb-chip:hover,.mb-chip.mb-voll{background:var(--brand);color:#fff;border-color:var(--brand)}
.mb-eingabe{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--line);background:var(--surface)}
.mb-eingabe input{flex:1;min-width:0;font:inherit;font-size:16px;padding:11px 14px;border-radius:99px;border:1px solid var(--line);background:var(--paper);color:var(--ink);outline:0}
.mb-eingabe input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(79,91,240,.14)}
.mb-eingabe button{width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;flex:none}
.mb-eingabe svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:720px){
.mb-knopf{right:14px;bottom:84px;width:54px;height:54px}
.mb-wa{right:19px;bottom:148px;width:44px;height:44px}
.mb-gruss{right:78px;left:12px;width:auto;bottom:84px}
.mb-fenster{right:12px;left:12px;width:auto;bottom:12px;height:min(620px,calc(100dvh - 24px));z-index:90}
}
@media (prefers-reduced-motion:reduce){.mb-fenster.auf,.mb-blase{animation:none}}
.c-form{display:flex;align-items:center;gap:8px;max-width:680px;margin:26px auto 0;text-align:left;padding:7px;border-radius:99px;background:var(--surface);box-shadow:0 0 0 2px var(--mark),0 30px 60px -30px rgba(79,91,240,.55)}
.c-feld{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding-left:20px}
.c-feld svg{width:26px;height:26px;stroke:var(--brand);fill:none;stroke-width:1.8;flex:none}
.c-feld input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:1.15rem;color:var(--ink);padding:14px 0}
.c-form:focus-within{box-shadow:0 0 0 3px var(--brand),0 30px 60px -30px rgba(79,91,240,.7)}
.c-form .btn{white-space:nowrap;flex:none;align-self:stretch;border-radius:99px;padding:0 26px;min-height:54px;background:linear-gradient(120deg,var(--brand),var(--violet));box-shadow:0 10px 22px -10px rgba(79,91,240,.95)}
.c-form .btn:hover{transform:none;background:linear-gradient(120deg,var(--brand-deep),#7A3CD0);box-shadow:0 12px 26px -10px rgba(79,91,240,1)}
.c-form .btn[disabled]{opacity:.6;pointer-events:none}
.c-klein{color:var(--faint);font-size:.9rem;margin-top:14px}
.c-fehler{margin:16px auto 0;padding:14px 18px;border-radius:14px;background:#FFF3DC;color:#7A4A00;max-width:680px}
.c-fehler p{margin:0}
.c-fehler .btn{margin-top:12px}
.c-ergebnis{margin:34px auto 0;max-width:860px;text-align:left;scroll-margin-top:110px}
.c-karte{background:var(--surface);border-radius:28px;padding:clamp(20px,3.4vw,38px);box-shadow:0 0 0 1px var(--line),0 50px 90px -50px rgba(56,64,201,.5);animation:c-rein .6s var(--ease) both}
@keyframes c-rein{from{opacity:0;transform:translateY(24px) scale(.98)}}
.c-kopf{display:flex;align-items:center;gap:clamp(16px,3vw,30px);padding-bottom:22px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.c-ring{--p:0;--f:var(--brand);position:relative;flex:none;width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--f) calc(var(--p) * 1turn),var(--tint) 0);display:grid;place-items:center;align-content:center}
.c-ring::before{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--surface)}
.c-ring b,.c-ring span{position:relative}
.c-ring b{font-family:'Fraunces',Georgia,serif;font-size:3rem;line-height:1;color:var(--ink)}
.c-ring span{font-size:.82rem;color:var(--muted);margin-top:2px}
.c-dom{font-family:'JetBrains Mono',monospace;font-size:.86rem;letter-spacing:.06em;color:var(--brand-deep);word-break:break-all}
.c-kopf h2{font-size:clamp(1.5rem,3.4vw,2.2rem);margin:4px 0 6px}
.c-kopf p:last-child{color:var(--muted)}
.c-liste{display:grid}
.c-liste li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line);opacity:0;transform:translateX(-14px);animation:c-zeile .5s var(--ease) forwards;animation-delay:calc(var(--n) * .11s)}
@keyframes c-zeile{to{opacity:1;transform:none}}
.c-liste i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin-top:1px;background:var(--tint)}
.c-liste i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.c-liste .gut i{background:#E3F7EE;color:var(--ok)}
.c-liste .schwach i{background:#FDEBEC;color:#D5383F}
.c-liste .hinweis i{background:#FFF3DC;color:#B26B00}
.c-liste .wartet i{color:var(--brand)}
.c-liste .wartet i svg{animation:c-dreh .8s linear infinite}
@keyframes c-dreh{to{transform:rotate(360deg)}}
.c-liste b{display:block;font-weight:600}
.c-liste p{color:var(--muted);font-size:.97rem;margin-top:2px}
.c-cta{margin-top:26px;padding:clamp(20px,3vw,30px);border-radius:22px;background:linear-gradient(135deg,var(--brand),var(--violet));color:#fff}
.c-cta h3{font-size:clamp(1.3rem,2.8vw,1.7rem);color:#fff;margin-bottom:6px}
.c-cta p{color:#EDEBFF;max-width:560px}
.c-cta .cta-row{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}
.c-cta .btn{background:#fff;color:var(--brand-deep)}
.c-cta .btn.ghost{background:none;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.c-karte>.c-klein{margin-top:16px}
@media (max-width:640px){
.c-form{padding:6px;gap:6px}
.c-feld{padding-left:14px;gap:8px}
.c-feld svg{width:22px;height:22px}
.c-feld input{font-size:1rem;padding:12px 0}
.c-form .btn{padding:0 17px;min-height:48px;font-size:.93rem;gap:0}
.c-form .btn svg{display:none}
.c-kopf{flex-direction:column;align-items:flex-start}
.c-ring{width:112px;height:112px}
.c-ring b{font-size:2.5rem}
.c-cta .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.c-karte,.c-liste li{animation:none;opacity:1;transform:none}}
.sm-hero{text-align:left;padding-bottom:84px}
.sm-hero-raster{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.sm-hero h1{margin-left:0;margin-right:0;max-width:640px}
.sm-hero .lead{margin-left:0;margin-right:0;max-width:560px}
.sm-hero .cta-row{justify-content:flex-start}
.sm-punkte{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px;font-size:.95rem;font-weight:500}
.sm-punkte li{display:flex;align-items:center;gap:8px}
.sm-punkte svg{width:18px;height:18px;color:var(--ok);flex:none}
.sm-bild{position:relative;justify-self:center;width:min(300px,72vw)}
.sm-tel{position:relative;aspect-ratio:9/16;border-radius:42px;background:#0F1220;padding:9px;box-shadow:0 60px 110px -50px rgba(28,37,48,.65),0 0 0 1px rgba(255,255,255,.08) inset,0 30px 80px -30px rgba(79,91,240,.55);rotate:2deg}
.sm-tel::before{content:"";position:absolute;top:17px;left:50%;translate:-50% 0;width:74px;height:21px;border-radius:13px;background:#0F1220;z-index:3}
.sm-tel video,.sm-tel img{display:block;width:100%;height:100%;object-fit:cover;border-radius:34px;background:#0F1220}
.sm-spiel{position:absolute;inset:9px;border-radius:34px;border:0;padding:0;background:rgba(15,18,32,.28);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .3s;z-index:2}
.sm-spiel svg{width:74px;height:74px;padding:22px 20px 22px 26px;border-radius:50%;background:#fff;fill:var(--brand);box-shadow:0 20px 40px -14px rgba(0,0,0,.6)}
.sm-tel.pausiert .sm-spiel{opacity:1}
.sm-ton{position:absolute;right:20px;bottom:22px;z-index:4;display:inline-flex;align-items:center;gap:7px;padding:9px 14px 9px 11px;border:0;border-radius:99px;background:rgba(15,18,32,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:600 .8rem var(--sans);cursor:pointer}
.sm-ton svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sm-ton .an{display:none}
.sm-ton[aria-pressed=true] .an{display:block}.sm-ton[aria-pressed=true] .aus{display:none}
.sm-chip{position:absolute;z-index:5;padding:7px 14px;border-radius:99px;background:#fff;font-size:.8rem;font-weight:600;white-space:nowrap;box-shadow:0 0 0 1px var(--line),0 16px 34px -14px rgba(28,37,48,.5);animation:floatY 7s ease-in-out infinite alternate}
.sm-chip.c1{left:-46px;top:16%}.sm-chip.c2{right:-52px;top:34%;animation-delay:-2s}.sm-chip.c3{left:-58px;bottom:24%;animation-delay:-4s}.sm-chip.c4{right:-40px;bottom:10%;animation-delay:-1s}
.sm-unter{margin-top:22px;text-align:center;font-size:.86rem;color:var(--faint)}
.sm-bau{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.sm-regler{display:grid;gap:22px}
.sm-feld span,.sm-wahl>span{display:block;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep);margin-bottom:9px}
.sm-feld input{width:100%;border:0;border-radius:16px;padding:16px 18px;font:inherit;font-size:1.1rem;color:var(--ink);background:var(--surface);box-shadow:0 0 0 2px var(--mark),0 20px 40px -28px rgba(79,91,240,.6);outline:0}
.sm-feld input:focus{box-shadow:0 0 0 3px var(--brand),0 20px 40px -28px rgba(79,91,240,.7)}
.sm-chips{display:flex;flex-wrap:wrap;gap:8px}
.sm-chips button{padding:10px 16px;border-radius:99px;border:1.5px solid var(--line);background:#fff;font:600 .92rem var(--sans);color:var(--ink);cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}
.sm-chips button:hover{border-color:var(--brand)}
.sm-chips button[aria-checked=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.sm-farben{display:flex;gap:10px}
.sm-farben button{width:42px;height:42px;border-radius:50%;border:3px solid #fff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 0 0 1.5px var(--line);cursor:pointer;transition:transform .25s,box-shadow .25s}
.sm-farben button[aria-checked=true]{box-shadow:0 0 0 3px var(--ink);transform:scale(1.08)}
.sm-regler .btn{justify-self:start}
.sm-regler .c-klein{margin-top:-6px;max-width:460px}
.sm-buehne{display:grid;place-items:center;min-height:560px}
.sm-ad{--c1:#4F5BF0;--c2:#8B46E0;--d:9s;position:relative;container-type:size;width:300px;aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#0F1220;color:#fff;
box-shadow:0 0 0 1px var(--line),0 60px 110px -50px rgba(28,37,48,.6),0 30px 70px -36px color-mix(in srgb,var(--c1) 70%,transparent);transition:width .5s var(--ease),aspect-ratio .5s var(--ease)}
.sm-ad[data-format=beitrag]{width:360px;aspect-ratio:4/5}
.sm-ad[data-format=quer]{width:min(100%,500px);aspect-ratio:16/9}
.sm-balken{position:absolute;left:5cqmin;right:5cqmin;top:4.5cqmin;z-index:5;display:flex;gap:1.6cqmin}
.sm-balken{--bf:#fff;--bh:rgba(255,255,255,.3)}
.sm-balken i{flex:1;height:1.1cqmin;min-height:3px;border-radius:9px;background:var(--bh);overflow:hidden;position:relative}
.sm-balken i::after{content:"";position:absolute;inset:0;background:var(--bf);transform-origin:left;transform:scaleX(0)}
.sm-ad .sm-sz{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:3cqmin;text-align:center;padding:12cqmin 9cqmin;opacity:0}
.sm-ad p{margin:0}
.sm-sz.s1{background:radial-gradient(90cqmin 90cqmin at 20% 10%,color-mix(in srgb,var(--c1) 75%,transparent),transparent 70%),radial-gradient(80cqmin 80cqmin at 90% 100%,color-mix(in srgb,var(--c2) 70%,transparent),transparent 70%),#0F1220}
.sm-sz.s2{background:linear-gradient(150deg,var(--c1),var(--c2))}
.sm-sz.s3{background:#FAFAF8;color:#1C2530}
.sm-ico{width:22cqmin;height:22cqmin;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);box-shadow:0 0 0 1px rgba(255,255,255,.22) inset}
.sm-ico svg{display:none;width:11cqmin;height:11cqmin;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sm-ad[data-branche=friseur] [data-i=friseur],.sm-ad[data-branche=kfz] [data-i=kfz],.sm-ad[data-branche=handwerk] [data-i=handwerk],.sm-ad[data-branche=praxis] [data-i=praxis],.sm-ad[data-branche=gastro] [data-i=gastro]{display:block}
.sm-hook{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:13cqmin;line-height:1.05;letter-spacing:-.02em}
.sm-hook2{font-size:6cqmin;font-weight:500;opacity:.85}
.sm-ueber{font-family:var(--mono);font-size:3.6cqmin;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.sm-name{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:calc(13cqmin*var(--ns,1));line-height:1.08;letter-spacing:-.02em;overflow-wrap:anywhere;max-width:100%}
.sm-sub{font-size:5cqmin;font-weight:500;opacity:.92}
.sm-name2{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:calc(9cqmin*var(--ns,1));line-height:1.1;overflow-wrap:anywhere;max-width:100%}
.sm-knopf{position:relative;display:inline-block;padding:3.6cqmin 6cqmin;border-radius:99px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-weight:700;font-size:4.5cqmin;white-space:nowrap;box-shadow:0 5cqmin 9cqmin -4cqmin color-mix(in srgb,var(--c1) 80%,transparent)}
.sm-knopf::after{content:"";position:absolute;inset:-2cqmin;border-radius:99px;border:.7cqmin solid var(--c1);opacity:0}
.sm-tipp{font-size:3.8cqmin;color:#5A6573}
.sm-ad[data-format=quer] .sm-sz{gap:2.4cqmin;padding:10cqmin 14cqmin}
.sm-ad[data-format=quer] .sm-ico{width:17cqmin;height:17cqmin}.sm-ad[data-format=quer] .sm-ico svg{width:9cqmin;height:9cqmin}
.sm-ad .s2{opacity:1}
.sm-ad.laeuft .s2{opacity:0}
.sm-ad.laeuft .s1{animation:sm-s1 var(--d) var(--vor,0s) infinite}
.sm-ad.laeuft .s2{animation:sm-s2 var(--d) var(--vor,0s) infinite}
.sm-ad.laeuft .s3{animation:sm-s3 var(--d) var(--vor,0s) infinite}
.sm-ad.laeuft .sm-balken i:nth-child(1)::after{animation:sm-b1 var(--d) linear var(--vor,0s) infinite}
.sm-ad.laeuft .sm-balken i:nth-child(2)::after{animation:sm-b2 var(--d) linear var(--vor,0s) infinite}
.sm-ad.laeuft .sm-balken i:nth-child(3)::after{animation:sm-b3 var(--d) linear var(--vor,0s) infinite}
.sm-ad.laeuft .sm-balken{animation:sm-bfarbe var(--d) step-end var(--vor,0s) infinite}
.sm-ad.laeuft .sm-ico{animation:sm-pop1 var(--d) var(--vor,0s) infinite}
.sm-ad.laeuft .sm-hook{animation:sm-hoch1 var(--d) var(--vor,0s) infinite}
.sm-ad.laeuft .sm-hook2{animation:sm-hoch1b var(--d) var(--vor,0s) infinite}
.sm-ad.laeuft .sm-ueber{animation:sm-hoch2a var(--d) var(--vor,0s) infinite}
.sm-ad.laeuft .sm-name{animation:sm-hoch2 var(--d) var(--vor,0s) infinite}
.sm-ad.laeuft .sm-sub{animation:sm-hoch2b var(--d) var(--vor,0s) infinite}
.sm-ad.laeuft .sm-name2{animation:sm-hoch3 var(--d) var(--vor,0s) infinite}
.sm-ad.laeuft .sm-knopf{animation:sm-knopf var(--d) var(--vor,0s) infinite}
.sm-ad.laeuft .sm-knopf::after{animation:sm-ring var(--d) var(--vor,0s) infinite}
.sm-ad.laeuft .sm-tipp{animation:sm-hoch3b var(--d) var(--vor,0s) infinite}
.sm-ad.halt,.sm-ad.halt *,.sm-ad.halt *::after{animation-play-state:paused!important}
@keyframes sm-s1{0%{opacity:0;transform:scale(1.06)}3%,31%{opacity:1;transform:none}34.5%,100%{opacity:0;transform:scale(.96)}}
@keyframes sm-s2{0%,32%{opacity:0;clip-path:circle(0% at 50% 62%)}33%{opacity:1;clip-path:circle(0% at 50% 62%)}40%,65%{opacity:1;clip-path:circle(125% at 50% 62%)}69%,100%{opacity:0;clip-path:circle(125% at 50% 62%)}}
@keyframes sm-s3{0%,66%{opacity:0;transform:translateY(7%)}70.5%,96%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes sm-bfarbe{0%{--bf:#fff;--bh:rgba(255,255,255,.3)}69%{--bf:#1C2530;--bh:rgba(28,37,48,.16)}100%{--bf:#fff;--bh:rgba(255,255,255,.3)}}
@keyframes sm-b1{0%{transform:scaleX(0)}33%,99.5%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes sm-b2{0%,33%{transform:scaleX(0)}68%,99.5%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes sm-b3{0%,68%{transform:scaleX(0)}99.5%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes sm-pop1{0%,2%{opacity:0;transform:scale(.4) rotate(-25deg)}8%,100%{opacity:1;transform:none}}
@keyframes sm-hoch1{0%,6%{opacity:0;transform:translateY(60%)}13%,100%{opacity:1;transform:none}}
@keyframes sm-hoch1b{0%,13%{opacity:0;transform:translateY(80%)}19%,100%{opacity:.85;transform:none}}
@keyframes sm-hoch2a{0%,38%{opacity:0;transform:translateY(-80%)}43%,100%{opacity:.85;transform:none}}
@keyframes sm-hoch2{0%,40%{opacity:0;transform:translateY(40%) scale(.9)}47%,100%{opacity:1;transform:none}}
@keyframes sm-hoch2b{0%,46%{opacity:0;transform:translateY(80%)}52%,100%{opacity:.92;transform:none}}
@keyframes sm-hoch3{0%,71%{opacity:0;transform:translateY(40%)}76%,100%{opacity:1;transform:none}}
@keyframes sm-knopf{0%,75%{opacity:0;transform:scale(.6)}80%{opacity:1;transform:scale(1.06)}83%,88%{transform:none}90.5%{transform:scale(.94)}93%,100%{opacity:1;transform:none}}
@keyframes sm-ring{0%,88%{opacity:0;transform:scale(.9)}90%{opacity:.7;transform:scale(.95)}96%,100%{opacity:0;transform:scale(1.25)}}
@keyframes sm-hoch3b{0%,80%{opacity:0}85%,100%{opacity:1}}
.sm-wissen{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.sm-wissen h3{font-size:1.45rem;margin-bottom:16px}
.sm-wissen p{color:var(--muted);margin-top:14px}
.sm-wissen p strong{color:var(--ink)}
.sm-plaetze{display:grid;gap:10px}
.sm-plaetze li{display:grid;gap:2px;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.sm-plaetze b{font-weight:600}
.sm-plaetze span{color:var(--muted);font-size:.93rem}
.sm-auch{font-size:.95rem}
.sm-auch a{color:var(--brand-deep);text-decoration:underline}
.sm-galerie{display:grid;grid-template-columns:.62fr 1.38fr;gap:22px;align-items:start}
.sm-kasten{margin:0;border:1px solid var(--line);border-radius:24px;background:#fff;padding:16px 16px 20px;box-shadow:var(--shadow)}
.sm-kasten figcaption{padding:14px 6px 0}
.sm-kasten figcaption b{display:block;font-family:var(--serif);font-size:1.15rem}
.sm-kasten figcaption span{display:block;color:var(--muted);font-size:.93rem;margin-top:3px}
.sm-kasten img,.sm-kasten video{display:block;width:100%;height:auto;border-radius:14px;background:var(--tint)}
.sm-kasten.hoch{grid-row:span 3}
.sm-kasten.hoch video{aspect-ratio:9/16;object-fit:cover}
.sm-kacheln{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.sm-logo-final{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px;padding:22px;border-radius:14px;background:var(--tint)}
.sm-logo-final img{width:min(260px,70%);background:none;border-radius:0}
.sm-logo-final span{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep)}
.sm-weg{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:weg}
.sm-weg li{position:relative;padding:26px 22px 24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);counter-increment:weg}
.sm-weg li::before{content:"0" counter(weg);display:block;font-family:var(--mono);font-weight:700;font-size:.78rem;letter-spacing:.12em;color:var(--brand-deep);margin-bottom:12px}
.sm-weg h3{font-size:1.15rem}
.sm-weg p{color:var(--muted);font-size:.95rem;margin-top:8px}
.sm-preis{max-width:860px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:24px 40px;align-items:center;padding:clamp(24px,4vw,40px);border-radius:28px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--violet));box-shadow:0 50px 90px -50px rgba(79,91,240,.8)}
.sm-preis h2{color:#fff;font-size:clamp(1.6rem,3.6vw,2.2rem)}
.sm-preis p{color:#EDEBFF;margin-top:10px;max-width:520px}
.sm-preis .cta-row{justify-content:flex-start;flex-direction:column;align-items:stretch}
.sm-preis .btn{background:#fff;color:var(--brand-deep);justify-content:center}
.sm-preis .btn.ghost{background:none;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.note-card .link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:600;color:var(--brand-deep)}
@media (max-width:980px){
.sm-hero-raster,.sm-bau{grid-template-columns:1fr;gap:48px}
.sm-wissen{grid-template-columns:1fr;gap:36px}
.sm-bild{width:min(270px,66vw)}
.sm-chip.c1{left:-34px}.sm-chip.c2{right:-38px}.sm-chip.c3{left:-40px}.sm-chip.c4{right:-30px}
#baukasten{overflow:clip}
.sm-bau{gap:26px}
.sm-buehne{order:-1;position:sticky;top:92px;z-index:3;min-height:0;height:372px;margin:0 -20px;background:var(--surface);box-shadow:0 18px 22px -18px rgba(28,37,48,.22)}
.sm-ad{width:196px;border-radius:20px}
.sm-ad[data-format=beitrag]{width:270px}
.sm-ad[data-format=quer]{width:min(calc(100% - 40px),350px)}
.sm-galerie{grid-template-columns:1fr}
.sm-kasten.hoch{grid-row:auto;max-width:300px;justify-self:center;width:100%}
.sm-weg{grid-template-columns:1fr 1fr}
.sm-preis{grid-template-columns:1fr}
}
@media (max-width:560px){
.sm-weg{grid-template-columns:1fr}
.sm-chip{font-size:.74rem;padding:6px 11px}
.sm-chip.c1{left:-22px}.sm-chip.c2{right:-26px}.sm-chip.c3{left:-26px}.sm-chip.c4{right:-18px}
}
@media (prefers-reduced-motion:reduce){.sm-chip{animation:none}}
.rb{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;perspective:1300px}
.rb[hidden]{display:none}
.rb-schleier{position:absolute;inset:0;background:rgba(15,18,32,.58);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;transition:opacity .4s}
.rb.an .rb-schleier{opacity:1}
.rb-karte{--naht:204px;position:relative;width:min(430px,100%);outline:0;filter:drop-shadow(0 50px 60px rgba(15,18,32,.5));opacity:0;transform:translateY(46px) scale(.9) rotateX(14deg);transition:opacity .35s,transform .75s cubic-bezier(.2,1.25,.3,1)}
.rb.an .rb-karte{opacity:1;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.rb.frei .rb-karte{transition:transform .18s ease-out}
.rb-in{border-radius:30px;overflow:hidden;background:#fff;
-webkit-mask:radial-gradient(circle 13px at 0 var(--naht),#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% var(--naht),#0000 97%,#000) right/51% 100% no-repeat;
mask:radial-gradient(circle 13px at 0 var(--naht),#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% var(--naht),#0000 97%,#000) right/51% 100% no-repeat}
.rb-oben{position:relative;height:var(--naht);padding:24px 28px 0;color:#fff;overflow:hidden;background:linear-gradient(125deg,#4F5BF0,#8B46E0 58%,#22C3D6 130%)}
.rb-oben::before{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12)}
.rb-oben::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-60%;width:42%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);animation:rb-glanz 4.6s ease-in-out 1.1s infinite}
@keyframes rb-glanz{0%{left:-60%}38%,100%{left:135%}}
.rb-zeit{position:relative;display:inline-flex;align-items:center;gap:9px;margin:0;padding:7px 14px 7px 11px;border-radius:99px;background:rgba(255,255,255,.18);box-shadow:0 0 0 1px rgba(255,255,255,.3) inset;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.rb-zeit i{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:rb-puls 1.6s ease-out infinite}
@keyframes rb-puls{to{box-shadow:0 0 0 12px rgba(255,255,255,0)}}
.rb-gross{position:relative;display:flex;align-items:flex-start;gap:4px;margin-top:12px;font-family:'Fraunces',Georgia,serif;font-weight:700;line-height:.9;letter-spacing:-.03em}
.rb-gross b{font-size:6.2rem;font-variant-numeric:tabular-nums}
.rb-gross span{font-size:3rem;margin-top:.5rem}
.rb-gross em{align-self:flex-end;margin:0 0 .9rem 12px;font:600 1rem var(--sans);letter-spacing:0;font-style:normal;opacity:.95}
.rb-unten{position:relative;padding:26px 28px 24px;border-top:2px dashed #D6DAF2}
.rb-unten h2{font-size:1.75rem;letter-spacing:-.02em;line-height:1.15}
.rb-unten h2 span{background:linear-gradient(100deg,#4F5BF0,#8B46E0 60%,#22C3D6 120%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rb-text{color:var(--muted);margin-top:8px;font-size:.98rem}
.rb-preise{display:grid;gap:8px;margin:18px 0 20px}
.rb-preise li{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:12px;padding:12px 16px;border-radius:16px;background:var(--tint)}
.rb-preise span{font-weight:600}
.rb-preise s{color:var(--faint);font-size:.95rem;text-decoration-thickness:2px}
.rb-preise b{font-family:'Fraunces',Georgia,serif;font-size:1.5rem;line-height:1;color:var(--ink);white-space:nowrap}
.rb-preise b small{font:500 .78rem var(--sans);color:var(--muted);margin-right:5px}
.rb-preise b i{font-style:normal;font-variant-numeric:tabular-nums}
.rb-knoepfe{display:grid;gap:10px}
.rb-knoepfe .btn{justify-content:center;width:100%}
.rb-klein{margin-top:14px;font-size:.8rem;color:var(--faint);text-align:center}
.rb-x{position:absolute;right:14px;top:14px;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s}
.rb-x:hover{background:rgba(255,255,255,.34);transform:rotate(90deg)}
.rb-griff{display:none}
.rb-chip{position:fixed;left:16px;bottom:20px;z-index:70;display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 9px;border:0;border-radius:99px;cursor:pointer;color:#fff;font:600 .88rem var(--sans);
background:linear-gradient(125deg,#4F5BF0,#8B46E0);box-shadow:0 16px 34px -12px rgba(79,91,240,.85),0 0 0 3px rgba(255,255,255,.9);animation:rb-chip .55s cubic-bezier(.2,1.3,.3,1) both;transition:transform .25s}
.rb-chip[hidden]{display:none}
.rb-chip:hover{transform:translateY(-2px)}
.rb-chip b{padding:5px 10px;border-radius:99px;background:#fff;color:var(--brand-deep);font-family:'Fraunces',Georgia,serif;font-size:.95rem}
@keyframes rb-chip{from{opacity:0;transform:translateY(20px) scale(.8)}}
@media (max-width:560px){
.rb{place-items:end center;padding:0}
.rb-schleier{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(15,18,32,.66)}
.rb-karte{--naht:186px;width:100%;transform:translateY(105%);transition:opacity .2s,transform .6s cubic-bezier(.2,1,.3,1)}
.rb.an .rb-karte{transform:none}
.rb-in{border-radius:28px 28px 0 0}
.rb-oben{padding:26px 22px 0}
.rb-gross b{font-size:5.2rem}.rb-gross span{font-size:2.5rem}
.rb-unten{padding:22px 22px calc(20px + env(safe-area-inset-bottom))}
.rb-unten h2{font-size:1.5rem}
.rb-griff{display:block;position:absolute;left:50%;top:9px;z-index:3;width:44px;height:5px;border-radius:9px;background:rgba(255,255,255,.55);translate:-50% 0}
.rb-chip{bottom:calc(84px + env(safe-area-inset-bottom));left:12px}
}
@media (prefers-reduced-motion:reduce){.rb-karte,.rb-schleier{transition:none}.rb-oben::after,.rb-zeit i,.rb-chip{animation:none}}