. Tokens und Komponenten nicht ändern, sondern im Bericht melden. ========================================================================== */ @property --spin{syntax: '<angle>';inherits: false;initial-value: 0deg}:root{--night: #0A111E;--night-2: #111B2C;--night-3: #182539;--night-line: rgba(243, 237, 225, .14);--warm: #F3EDE1;--warm-2: #C9C3B6;--warm-3: #8F8A80;--sun: #2FD6C8;--sun-2: #8EEFE6;--sun-deep: #0A7C8C;--sun-core: #E2FBF8;--sun-surface: #1FC2B5;--sun-cyan: #1CC6DE;--sun-ocean: #3E9BEA;--sun-abyss: #0B3766;--grad-light: linear-gradient(105deg, #A6F7EE 0%, #2FD6C8 30%, #1CC6DE 64%, #3E9BEA 100%);--grad-light-wide: linear-gradient(105deg, #A6F7EE 0%, #2FD6C8 16%, #1CC6DE 34%, #3E9BEA 50%, #1CC6DE 66%, #2FD6C8 84%, #A6F7EE 100%);--grad-line: linear-gradient(90deg, #0A7C8C 0%, #2FD6C8 38%, #1CC6DE 68%, #7CC0FF 100%);--grad-num: linear-gradient(180deg, #E4FFFB 0%, #7CEFE3 30%, #2FD6C8 55%, #1CC6DE 78%, #5AA9F5 100%);--grad-sun: radial-gradient(circle at 36% 30%, #E2FBF8 0%, #7CEFE3 22%, #2FD6C8 48%, #1CC6DE 72%, #2F8FE4 100%);--paper: #ECEDE8;--paper-2: #DFE1DA;--paper-3: #F6F6F2;--ink: #0A111E;--ink-2: #394150;--ink-3: #5F6571;--line: #C6C9C0;--st-jahrring: #3A1A12;--st-kurvatur: #14213D;--st-glanzkammer: #1C1F24;--st-nachtwiese: #0C1631;--st-dachstrom: #34404A;--st-stubenruhe: #4E5C49;--f-display: Anybody, 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif;--f-text: Figtree, 'Segoe UI', system-ui, -apple-system, sans-serif;--t-xl: clamp(64px, 11.5vw, 176px);--t-l: clamp(44px, 6.4vw, 96px);--t-m: clamp(36px, 4.8vw, 72px);--t-s: clamp(24px, 2.4vw, 34px);--t-lede: clamp(18px, 1.5vw, 22px);--t-body: 17px;--t-meta: 14.5px;--t-small: 13.5px;--t-btn: 16px;--max: 1480px;--gutter: clamp(20px, 4.2vw, 68px);--gap: clamp(20px, 2.4vw, 40px);--hd-h: 84px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 144px;--sec-xl: clamp(120px, 14vw, 220px);--sec-l: clamp(96px, 11vw, 170px);--sec-m: clamp(72px, 8vw, 124px);--sec-s: clamp(48px, 5vw, 80px);--r-1: 2px;--r-btn: 4px;--r-browser: 10px;--r-phone: 28px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-io: cubic-bezier(.87, 0, .13, 1);--ease-hover: cubic-bezier(.215, .61, .355, 1);--z-hd: 60;--z-menu: 80;--z-wipe: 9980;--z-intro: 9985;--z-cursor: 9990;--vh: 1vh;--svh: 1svh}@supports not (height: 1svh){:root{--svh: 1vh}}:root, .night{--bg: var(--night);--fg: var(--warm);--fg-2: var(--warm-2);--fg-3: var(--warm-3);--hair: var(--night-line);--hl: var(--sun);--on: var(--sun);--on-fg: var(--ink);--rim: var(--sun);--field: var(--night-2)}html.lenis, html.lenis body{height: auto}.lenis.lenis-stopped{overflow: hidden}.lenis [data-lenis-prevent]{overscroll-behavior: contain}.lenis.lenis-smooth iframe{pointer-events: none}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;background: var(--night);color-scheme: dark;overflow-x: clip;scroll-padding-top: calc(var(--hd-h) + 12px)}body{margin: 0;min-height: 100%;font-family: var(--f-text);font-size: var(--t-body);line-height: 1.55;font-weight: 400;color: var(--warm);background: var(--night);overflow-x: clip;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-kerning: normal}img, svg, video, canvas, picture{display: block;max-width: 100%}img, video{height: auto}a{color: inherit}button, input, select, textarea{font: inherit;color: inherit}button{background: none;border: 0;padding: 0;cursor: pointer;-webkit-tap-highlight-color: transparent}p, h1, h2, h3, h4, h5, dl, dd, figure, blockquote, ul, ol{margin: 0}:where(ul[class], ol[class], nav ul, .ft ul){list-style: none;padding: 0}strong, b{font-weight: 600}::selection{background: var(--sun);color: var(--ink)}:focus-visible{outline: 2px solid var(--hl);outline-offset: 3px;border-radius: 2px}.night :focus-visible, .night-2 :focus-visible, .ft :focus-visible, .menu :focus-visible{outline-color: #5DE6D8;box-shadow: 0 0 0 6px rgba(62, 155, 234, .3)}.g-num, .g-num .odo-d b, .g-num .odo-c{background-image: var(--grad-num);-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent}[hidden]{display: none !important}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link{position: fixed;left: 16px;top: -80px;z-index: 10000;background: var(--sun);color: var(--ink);padding: 12px 18px;border-radius: var(--r-btn);font-weight: 600;text-decoration: none;transition: top .3s var(--ease-out)}.skip-link:focus{top: 16px}.d-xl, .d-l, .d-m, .d-s, .num{font-family: var(--f-display);--w: 100;font-variation-settings: "wdth" var(--w)}.d-xl, .d-l, .d-m, .d-s{margin: 0;text-wrap: balance}.d-xl{font-size: var(--t-xl);font-weight: 850;line-height: .86;letter-spacing: -.022em}.d-l{font-size: var(--t-l);font-weight: 850;line-height: .88;letter-spacing: -.02em}.d-m{font-size: var(--t-m);font-weight: 800;line-height: .9;letter-spacing: -.015em}.d-s{font-size: var(--t-s);font-weight: 750;line-height: 1;letter-spacing: -.01em}.d-light{font-weight: 300}.w-50{--w: 50}.w-60{--w: 60}.w-80{--w: 80}.w-110{--w: 110}.w-120{--w: 120}.w-130{--w: 130}.w-150{--w: 150}.num{font-variant-numeric: tabular-nums;font-weight: 750;letter-spacing: -.01em}.lede{font-size: var(--t-lede);line-height: 1.5;color: var(--fg-2);max-width: 44ch;text-wrap: pretty}.prose{max-width: 62ch;color: var(--fg-2)}.prose > * + *{margin-top: 1em}.prose strong{color: var(--fg)}.meta{font-size: var(--t-meta);font-weight: 500;line-height: 1.4;color: var(--fg-2)}.small{font-size: var(--t-small);line-height: 1.5;color: var(--fg-3)}.kicker{display: inline-flex;align-items: center;gap: 12px;font-size: var(--t-meta);font-weight: 500;line-height: 1.4;color: var(--fg-2)}.kicker::before{content: '';flex: none;width: 28px;height: 2px;border-radius: 2px;background: linear-gradient(90deg, transparent, var(--hl))}.night .kicker::before, .night-2 .kicker::before{background: linear-gradient(90deg, transparent, #2FD6C8 45%, #3E9BEA)}.mark{background: linear-gradient(90deg, #2FD6C8, #1CC6DE 55%, #3E9BEA) 0 88% / 0% .34em no-repeat;transition: background-size 1.1s var(--ease-io);-webkit-box-decoration-break: clone;box-decoration-break: clone;padding-inline: .04em}.mark.is-on, .calm .mark, html:not(.js) .mark{background-size: 100% .34em}.sunny .mark{background-image: linear-gradient(rgba(236, 253, 250, .62), rgba(236, 253, 250, .62))}.chf{white-space: nowrap;font-variant-numeric: tabular-nums}.chf small{font-family: var(--f-text);font-size: .42em;font-weight: 600;letter-spacing: 0;margin-right: .3em;vertical-align: .12em}.wrap{width: 100%;max-width: var(--max);margin-inline: auto;padding-inline: var(--gutter)}.wrap--text{max-width: calc(820px + var(--gutter) * 2)}.wrap--full{max-width: none}.night, .night-2, .light, .paper-2, .sunny, .stage{background: var(--bg);color: var(--fg)}.night-2{--bg: var(--night-2)}.light, .paper-2{--bg: var(--paper);--fg: var(--ink);--fg-2: var(--ink-2);--fg-3: var(--ink-3);--hair: var(--line);--hl: var(--ink);--on: var(--ink);--on-fg: var(--paper-3);--rim: var(--sun-deep);--field: var(--paper-3);color-scheme: light}.paper-2{--bg: var(--paper-2)}.sunny{--bg: var(--sun-surface);--fg: var(--ink);--fg-2: #0F1E2A;--fg-3: #10252E;--hair: rgba(10, 17, 30, .24);--hl: var(--ink);--on: var(--ink);--on-fg: var(--sun);--rim: var(--ink);--field: rgba(255, 255, 255, .35);color-scheme: light}.stage{--bg: var(--stage, var(--night));transition: background-color .6s var(--ease-hover)}.stage--jahrring{--stage: var(--st-jahrring)}.stage--kurvatur{--stage: var(--st-kurvatur)}.stage--glanzkammer{--stage: var(--st-glanzkammer)}.stage--nachtwiese{--stage: var(--st-nachtwiese)}.stage--dachstrom{--stage: var(--st-dachstrom)}.stage--stubenruhe{--stage: var(--st-stubenruhe)}.light ::selection, .sunny ::selection{background: var(--ink);color: var(--sun)}.sunny{position: relative;isolation: isolate;overflow: clip;background-color: #22C9C4;background-image: radial-gradient(70% 95% at 6% 0%, rgba(190, 255, 246, .8) 0%, rgba(190, 255, 246, 0) 62%), radial-gradient(55% 80% at 100% 100%, #3A98E6 0%, rgba(58, 152, 230, 0) 72%), linear-gradient(125deg, #43DDCB 0%, #22C9C4 38%, #1DB9D6 72%, #3399E2 100%)}.sunny::before{content: '';position: absolute;z-index: -1;inset: -30% -20%;pointer-events: none;background: radial-gradient(30% 36% at 32% 42%, rgba(236, 255, 252, .42), rgba(236, 255, 252, 0) 70%), radial-gradient(28% 34% at 72% 62%, rgba(28, 198, 222, .45), rgba(28, 198, 222, 0) 70%), radial-gradient(22% 30% at 88% 18%, rgba(62, 155, 234, .35), rgba(62, 155, 234, 0) 70%);animation: sunnyDrift 28s ease-in-out infinite alternate}@keyframes sunnyDrift{from{transform: translate3d(-6%, -3%, 0) rotate(0deg)}to{transform: translate3d(6%, 4%, 0) rotate(8deg)}}.sec{position: relative;padding-block: var(--sec-l)}.sec--xl{padding-block: var(--sec-xl)}.sec--m{padding-block: var(--sec-m)}.sec--s{padding-block: var(--sec-s)}.sec--flush{padding-block: 0}.sec--top0{padding-top: 0}.sec--bottom0{padding-bottom: 0}.sec--clip{overflow: clip}.screen-h{min-height: calc(var(--svh) * 100)}.sec-head{display: grid;grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);gap: 24px clamp(32px, 5vw, 96px);align-items: end;margin-bottom: clamp(44px, 6vw, 96px)}.sec-head > :last-child:not(:first-child){padding-bottom: .35em}.split{display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);gap: clamp(40px, 6vw, 112px);align-items: start}.split--rev{grid-template-columns: minmax(0, 7fr) minmax(0, 5fr)}.split--even{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}.split--end{align-items: end}.split--center{align-items: center}.sticky{position: sticky;top: calc(var(--hd-h) + 28px)}.stack > * + *{margin-top: var(--stack, 24px)}.cluster{display: flex;flex-wrap: wrap;align-items: center;gap: var(--cluster, 14px 24px)}.hair-top{border-top: 1px solid var(--hair)}.hair-bottom{border-bottom: 1px solid var(--hair)}.bleed{position: absolute;inset: 0;z-index: -2;overflow: hidden}.bleed > img, .bleed > picture > img, .bleed > video{position: absolute;inset: -10% 0;width: 100%;height: 120%;object-fit: cover}.has-bleed{isolation: isolate;overflow: hidden}.btn{--btn-bg: var(--grad-light-wide);--btn-fg: var(--ink);--btn-line: transparent;--btn-line-h: transparent;--btn-sweep: rgba(226, 251, 248, .9);position: relative;isolation: isolate;overflow: hidden;display: inline-flex;align-items: center;justify-content: center;gap: 12px;min-height: 56px;padding: 0 30px;background: var(--btn-bg);background-size: 240% 100%;background-position: 0% 50%;color: var(--btn-fg);font-family: var(--f-text);font-size: var(--t-btn);font-weight: 600;line-height: 1.3;letter-spacing: .005em;text-decoration: none;white-space: nowrap;border: 0;border-radius: var(--r-btn);box-shadow: inset 0 0 0 1.5px var(--btn-line);transition: box-shadow .6s var(--ease-hover), background-color .6s var(--ease-hover), background-position 1.2s var(--ease-out), color .6s var(--ease-hover);-webkit-tap-highlight-color: transparent}.btn:not(.btn--ghost):not(.btn--ink){box-shadow: inset 0 1px 0 rgba(236, 255, 252, .55), 0 10px 28px -14px rgba(28, 198, 222, .75)}.btn--xl{min-height: 64px;padding: 0 40px;font-size: 18px}.btn::before{content: '';position: absolute;z-index: -1;top: -20%;bottom: -20%;left: 0;width: 34%;background: linear-gradient(90deg, transparent 0%, var(--btn-sweep) 78%, transparent 100%);transform: translateX(-120%) skewX(-12deg);pointer-events: none}.btn-t{position: relative;display: block;overflow: hidden;padding-block: 1px}.btn-t > span{display: block;transition: transform .6s var(--ease-out)}.btn-t > span::after{content: attr(data-t) / "";position: absolute;left: 0;top: 100%;width: 100%}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--fg);--btn-line: color-mix(in srgb, var(--fg) 42%, transparent);--btn-line-h: var(--hl);--btn-sweep: color-mix(in srgb, var(--hl) 30%, transparent)}.btn--ink{--btn-bg: var(--ink);--btn-fg: var(--warm);--btn-sweep: rgba(47, 214, 200, .5)}.night .btn--ink, .night-2 .btn--ink{--btn-line: var(--night-line)}.btn--sm{min-height: 44px;padding: 0 20px;font-size: 15px}.btn--block{display: flex;width: 100%}.btn[disabled], .btn[aria-disabled="true"]{opacity: .55;pointer-events: none}@media (hover: hover){.btn:hover{box-shadow: inset 0 0 0 1.5px var(--btn-line-h);background-position: 100% 50%}.btn:not(.btn--ghost):not(.btn--ink):hover{box-shadow: inset 0 1px 0 rgba(236, 255, 252, .6), 0 16px 36px -14px rgba(62, 155, 234, .85)}.btn:hover::before{transform: translateX(400%) skewX(-12deg);transition: transform .9s var(--ease-out)}.btn:hover .btn-t > span{transform: translateY(-100%)}}[data-magnetic]{will-change: transform}.link{display: inline-flex;align-items: center;gap: 8px;padding-block: 5px;font-weight: 600;text-decoration: none;color: var(--fg);background-image: linear-gradient(var(--hl), var(--hl)), linear-gradient(color-mix(in srgb, var(--fg) 34%, transparent), color-mix(in srgb, var(--fg) 34%, transparent));background-repeat: no-repeat;background-position: 0 100%, 0 100%;background-size: 0% 2px, 100% 1px;transition: background-size .7s var(--ease-out)}.link .ext{width: 11px;height: 11px;flex: none;transition: transform .5s var(--ease-out)}@media (hover: hover){.link:hover{background-size: 100% 2px, 100% 1px}.link:hover .ext{transform: translate(2px, -2px)}}.link--quiet{font-weight: 500;color: var(--fg-2)}.flag{display: inline-flex;align-items: center;min-height: 26px;padding: 0 10px 1px;border-radius: 3px;font-size: 13px;font-weight: 500;line-height: 1;color: var(--fg);background: color-mix(in srgb, var(--fg) 11%, transparent)}.note{display: flex;align-items: flex-start;gap: 14px;font-size: 15px;line-height: 1.5;color: var(--fg-2);max-width: 44ch}.note::before{content: '';flex: none;width: 9px;height: 9px;margin-top: .5em;border-radius: 50%;background: var(--grad-sun);box-shadow: 0 0 0 5px color-mix(in srgb, var(--sun) 20%, transparent)}.note b, .note strong{color: var(--fg);font-weight: 600}.rec{display: inline-flex;align-items: center;gap: 9px;font-size: 13.5px;font-weight: 600;line-height: 1;color: var(--fg)}.rec::before{content: '';width: 8px;height: 8px;border-radius: 50%;background: var(--grad-sun);box-shadow: 0 0 10px 1px rgba(28, 198, 222, .55)}.light .rec::before, .paper-2 .rec::before{box-shadow: 0 0 0 1.5px var(--ink)}.sunny .rec::before{background: var(--ink);box-shadow: none}.facts{display: grid;grid-template-columns: repeat(3, minmax(0, auto));gap: 18px clamp(24px, 3vw, 52px);padding-top: 18px;border-top: 1px solid var(--hair)}.fact{display: grid;gap: 4px;align-content: start}.fact-n{font-family: var(--f-display);font-weight: 750;font-size: clamp(24px, 2.1vw, 32px);line-height: 1;letter-spacing: -.012em;font-variation-settings: "wdth" 120;font-variant-numeric: tabular-nums;color: var(--fg);white-space: nowrap}.fact-l{font-size: 14px;font-weight: 500;line-height: 1.35;color: var(--fg-2);max-width: 22ch}.rows{border-bottom: 1px solid var(--hair)}.row{position: relative;display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 32ch) minmax(150px, auto);gap: 10px clamp(24px, 3.4vw, 56px);align-items: center;padding-block: clamp(18px, 2vw, 30px);border-top: 1px solid var(--hair);color: var(--fg);text-decoration: none}.row::before{content: '';position: absolute;left: 0;right: 0;top: -1px;height: 2px;background: var(--hl);transform: scaleX(0);transform-origin: left center;transition: transform .8s var(--ease-out)}.row-name{font-family: var(--f-display);font-weight: 800;font-size: var(--t-m);line-height: .92;letter-spacing: -.02em;--w: 100;font-variation-settings: "wdth" var(--w);transition: font-variation-settings .5s var(--ease-hover)}.row-text{font-size: 16px;line-height: 1.45;color: var(--fg-2)}.row-price{justify-self: end;text-align: right;font-family: var(--f-display);font-weight: 750;font-size: clamp(20px, 1.7vw, 26px);line-height: 1.05;font-variation-settings: "wdth" 108;font-variant-numeric: tabular-nums;white-space: nowrap}.row-price small{display: block;margin-bottom: 3px;font-family: var(--f-text);font-weight: 500;font-size: 13.5px;color: var(--fg-3);font-variation-settings: normal}@media (hover: hover){a.row:hover::before, a.row:focus-visible::before{transform: scaleX(1)}a.row:hover .row-name{--w: 118}}.dashes{display: grid;gap: 9px}.dashes li{position: relative;padding-left: 24px;line-height: 1.45}.dashes li::before{content: '';position: absolute;left: 0;top: .72em;width: 12px;height: 2px;border-radius: 2px;background: var(--hl)}.light .dashes li::before, .paper-2 .dashes li::before, .sunny .dashes li::before{background: var(--ink)}.dashes--2{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 9px 28px}.seg{display: flex;flex-wrap: wrap;gap: 8px}.seg + .seg{margin-top: 10px}.seg label{position: relative;display: inline-flex}.seg input{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer}.seg span{display: inline-flex;align-items: center;min-height: 46px;padding: 0 18px;border-radius: var(--r-btn);font-size: 15.5px;font-weight: 600;box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--fg) 30%, transparent);transition: background-color .35s var(--ease-hover), color .35s var(--ease-hover), box-shadow .35s var(--ease-hover)}.seg input:checked + span{background: var(--on);color: var(--on-fg);box-shadow: inset 0 0 0 1.5px var(--on)}.seg input:focus-visible + span{outline: 2px solid var(--hl);outline-offset: 3px}@media (hover: hover){.seg label:hover input:not(:checked) + span{box-shadow: inset 0 0 0 1.5px var(--fg)}}.odo{display: inline-flex;align-items: flex-end;white-space: nowrap}.odo-c{display: inline-block;line-height: 1}.odo-d{position: relative;display: inline-block;height: 1em;overflow: hidden;line-height: 1;vertical-align: bottom}.odo-d > span{display: block;transition: transform 1.1s cubic-bezier(.2, .85, .15, 1)}.odo-d > span > b{display: block;height: 1em;line-height: 1;text-align: center;font-weight: inherit}.price-xl{font-family: var(--f-display);font-weight: 850;font-size: clamp(60px, 8.4vw, 136px);line-height: .82;letter-spacing: -.03em;font-variation-settings: "wdth" 125;font-variant-numeric: tabular-nums}.sw{display: inline-block;white-space: nowrap}.sc-mask{display: inline-block;overflow: hidden;vertical-align: top;padding: .1em .03em .14em;margin: -.1em -.03em -.14em}.sc{display: inline-block;will-change: transform}.devices{position: relative;padding-bottom: 12%}.dev-browser{position: relative;overflow: hidden;aspect-ratio: 16 / 10.4;border-radius: var(--r-browser);background: #0C111B;box-shadow: 0 50px 90px -34px rgba(2, 5, 10, .78), 0 0 0 1px rgba(243, 237, 225, .09)}.dev-bar{position: relative;z-index: 2;height: 30px;display: flex;align-items: center;gap: 12px;padding: 0 12px;background: #151E2E}.dev-dots{display: flex;gap: 6px;flex: none}.dev-dots i{width: 8px;height: 8px;border-radius: 50%;background: rgba(243, 237, 225, .2)}.dev-url{flex: 0 1 auto;min-width: 0;margin-inline: auto;transform: translateX(-24px);padding: 3px 14px 4px;border-radius: 5px;background: rgba(2, 5, 10, .34);font-size: 11px;line-height: 1.3;color: rgba(243, 237, 225, .62);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.dev-screen{position: relative;overflow: hidden;height: calc(100% - 30px);background: #141A26}.dev-screen img{width: 100%;height: auto;will-change: transform}.dev-phone{position: relative;aspect-ratio: 390 / 812;width: 100%;padding: 7px;border-radius: var(--r-phone);background: #05070B;box-shadow: 0 40px 70px -24px rgba(2, 5, 10, .85), 0 0 0 1px rgba(243, 237, 225, .12), inset 0 0 0 1px rgba(243, 237, 225, .05)}.dev-phone .dev-screen{height: 100%;border-radius: calc(var(--r-phone) - 7px)}.dev-phone::after{content: '';position: absolute;z-index: 3;left: 50%;top: 14px;width: 7px;height: 7px;margin-left: -3.5px;border-radius: 50%;background: #05070B;box-shadow: inset 0 0 0 1.5px #1A2230}.devices > .dev-phone{position: absolute;right: -5%;bottom: 0;width: 24%}.photo{position: relative;overflow: hidden;background: var(--night-2);border-radius: var(--r-1)}.photo > img{width: 100%;height: 100%;object-fit: cover}.photo--parallax > img{position: absolute;inset: -9% 0;height: 118%}.photo figcaption, .photo-cap{position: absolute;left: 18px;bottom: 14px;z-index: 2;font-size: 13px;color: rgba(243, 237, 225, .8)}.shade{position: absolute;inset: 0;z-index: -1;pointer-events: none}.shade--bottom{background: linear-gradient(0deg, var(--night) 0%, rgba(10, 17, 30, .55) 28%, rgba(10, 17, 30, 0) 58%)}.shade--left{background: linear-gradient(90deg, rgba(10, 17, 30, .82) 0%, rgba(10, 17, 30, .5) 40%, rgba(10, 17, 30, .08) 68%, rgba(10, 17, 30, .3) 100%)}.shade--edges{background: linear-gradient(180deg, var(--night) 0%, rgba(10, 17, 30, .3) 30%, rgba(10, 17, 30, .45) 70%, var(--night) 100%)}.shade--55{background: rgba(10, 17, 30, .55)}.shade--65{background: rgba(10, 17, 30, .65)}.mq-clip{position: relative;overflow: hidden;overflow: clip;padding-block: var(--mq-pad, 0px)}.mq-clip--tilt{--mq-pad: clamp(24px, 4vw, 64px);margin-block: calc(var(--mq-pad) * -1)}.mq{position: relative;overflow: hidden;white-space: nowrap}.mq-track{display: inline-flex;will-change: transform}.mq-group{display: inline-flex;align-items: center;flex: none}.mq-item{font-family: var(--f-display);font-weight: 850;line-height: 1;letter-spacing: -.02em;--w: 118;font-variation-settings: "wdth" var(--w);padding-inline: .28em}.mq-item--line{color: transparent;-webkit-text-stroke: max(1.5px, .012em) currentColor}.mq-sep{flex: none;width: .5em;height: .5em}.mq--band{width: calc(100% + 8vw);margin-left: -4vw;padding-block: clamp(14px, 1.6vw, 22px);background: var(--sun);color: var(--ink)}.mq--band .mq-item{font-size: clamp(34px, 5vw, 80px)}.mq--line{padding-block: clamp(24px, 3vw, 44px);border-block: 1px solid var(--hair)}.mq--line .mq-item{font-size: clamp(40px, 7vw, 116px)}.mq--line .mq-item--line{-webkit-text-stroke-color: color-mix(in srgb, var(--fg) 55%, transparent)}.trail{position: relative;--trail-w: 2px}.trail--h{height: 16px}.trail--v{width: 16px}.trail-svg{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible;pointer-events: none}.trail-base, .trail-line{fill: none;stroke-width: var(--trail-w);stroke-linecap: round}.trail-base{stroke: color-mix(in srgb, var(--fg) 16%, transparent)}.trail-line{stroke: var(--sun);stroke-dasharray: 1 1;stroke-dashoffset: 1;filter: drop-shadow(0 0 5px rgba(47, 214, 200, .55))}.light .trail-line, .paper-2 .trail-line{stroke: var(--sun-deep);filter: none}.trail-head{position: absolute;left: 0;top: 50%;z-index: 2;width: 7px;height: 7px;margin: -3.5px 0 0 -3.5px;border-radius: 50%;background: var(--sun-core);opacity: 0;box-shadow: 0 0 0 3px rgba(47, 214, 200, .28), 0 0 14px 4px rgba(47, 214, 200, .7), 0 0 34px 8px rgba(47, 214, 200, .25);transition: opacity .3s;pointer-events: none}.trail-node{position: absolute;z-index: 1;width: 14px;height: 14px;margin: -7px 0 0 -7px;border-radius: 50%;background: var(--bg);border: 2px solid color-mix(in srgb, var(--fg) 30%, transparent);transition: background-color .45s var(--ease-hover), border-color .45s var(--ease-hover), box-shadow .45s var(--ease-hover)}.trail-node.is-past{background: var(--grad-sun);border-color: #1CC6DE}.trail-node.is-on{box-shadow: 0 0 0 6px rgba(47, 214, 200, .18), 0 0 18px rgba(47, 214, 200, .7)}.trail-label{position: absolute;font-family: var(--f-display);font-weight: 700;font-size: 14px;font-variation-settings: "wdth" 110;font-variant-numeric: tabular-nums;color: var(--fg-3);transform: translate(-50%, 16px);transition: color .4s;white-space: nowrap}.trail-label.is-past{color: var(--fg)}.sun-draw{overflow: visible}.sun-draw .sun-ring{fill: none;stroke: var(--sun-2);stroke-width: 1.2;stroke-dasharray: 1.004 1.004;stroke-dashoffset: 0}.sun-draw .sun-fill{fill: url(#hh-sun-g) #2FD6C8;transform-box: fill-box;transform-origin: 50% 50%}.sun-draw .sun-smile{fill: none;stroke: var(--ink);stroke-width: 2.7;stroke-linecap: round;stroke-dasharray: 1 1;stroke-dashoffset: 0}.sun-draw .sun-line{fill: var(--warm);transform-box: fill-box;transform-origin: 100% 50%}.sun-btn{--d: clamp(150px, 15vw, 220px);position: relative;display: grid;place-items: center;width: var(--d);aspect-ratio: 1;color: var(--ink);text-decoration: none;border-radius: 50%;-webkit-tap-highlight-color: transparent}.sun-btn-ring{position: absolute;inset: -14px;border-radius: 50%;border: 1.5px dashed rgba(47, 214, 200, .55);animation: hhSpin 40s linear infinite;pointer-events: none}.sun-btn-disc{position: relative;display: grid;place-items: center;align-content: center;gap: 10px;width: 100%;height: 100%;border-radius: 50%;text-align: center;background: var(--grad-sun);box-shadow: 0 0 0 0 rgba(47, 214, 200, 0), 0 30px 80px -20px rgba(47, 143, 228, .5);transition: box-shadow .7s var(--ease-hover)}.sun-btn-t{display: block;max-width: 8.5ch;font-weight: 600;font-size: clamp(16px, 1.3vw, 19px);line-height: 1.15}.sun-btn-smile{width: 36%;height: auto;overflow: visible}.sun-btn-smile path{fill: none;stroke: var(--ink);stroke-width: 2.6;stroke-linecap: round}.sun-btn-lines{position: absolute;right: 100%;top: 50%;width: 42%;height: 40%;margin-top: -20%;margin-right: 12%;pointer-events: none}.sun-btn-lines i{position: absolute;right: 0;height: 7%;min-height: 4px;border-radius: 4px;background: linear-gradient(90deg, rgba(62, 155, 234, .5), #1CC6DE 45%, #7CEFE3);transform-origin: 100% 50%;transition: transform .7s var(--ease-out)}.sun-btn-lines i:nth-child(1){top: 8%;width: 100%}.sun-btn-lines i:nth-child(2){top: 46%;width: 72%;right: 14%;transition-delay: .04s}.sun-btn-lines i:nth-child(3){top: 84%;width: 44%;right: 28%;transition-delay: .08s}@media (hover: hover){.sun-btn:hover .sun-btn-disc{box-shadow: 0 0 0 14px rgba(47, 214, 200, .16), 0 30px 90px -16px rgba(10, 124, 140, .6)}.sun-btn:hover .sun-btn-lines i{transform: scaleX(1.55)}}.sun-btn:focus-visible{outline-offset: 20px;border-radius: 50%}@keyframes hhSpin{to{transform: rotate(360deg)}}.rim{position: relative;isolation: isolate}.rim::before, .rim::after{content: '';position: absolute;inset: 0;border-radius: inherit;pointer-events: none}.rim::after{z-index: -1;box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rim) 70%, transparent)}.rim::before{z-index: 1;padding: 2px;background: conic-gradient(from var(--spin), transparent 0deg, transparent 170deg, color-mix(in srgb, var(--rim) 25%, transparent) 260deg, var(--rim) 342deg, var(--sun-core) 354deg, transparent 360deg);-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;animation: rimSpin 8s linear infinite}.light .rim::before, .paper-2 .rim::before{background: conic-gradient(from var(--spin), transparent 0deg, transparent 170deg, color-mix(in srgb, var(--rim) 30%, transparent) 260deg, var(--rim) 346deg, transparent 360deg)}.rim.is-lit::before{animation: rimFast 1.6s var(--ease-io) 1, rimSpin 8s linear 1.6s infinite}@keyframes rimSpin{from{--spin: 0deg}to{--spin: 360deg}}@keyframes rimFast{from{--spin: -720deg}to{--spin: 0deg}}.abo{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));border-top: 1px solid var(--hair);border-bottom: 1px solid var(--hair)}.abo-col{position: relative;display: flex;flex-direction: column;gap: 22px;padding: clamp(26px, 2.6vw, 40px) clamp(20px, 2vw, 34px) clamp(30px, 3vw, 46px)}.abo-col + .abo-col{border-left: 1px solid var(--hair)}.abo-col--rec{background: color-mix(in srgb, var(--fg) 4%, var(--bg));border-radius: 3px;margin-block: -1px;z-index: 1}.light .abo-col--rec, .paper-2 .abo-col--rec{background: var(--paper-3)}.abo-col--rec + .abo-col{border-left-color: transparent}.abo-col--rec{border-left-color: transparent !important}.abo-col .rec{position: absolute;top: 0;left: clamp(12px, 1.4vw, 24px);transform: translateY(-50%);z-index: 2;padding: 5px 10px;background: inherit;border-radius: 3px}.abo-top{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 18px}.abo-head{display: grid;gap: 14px}.abo-name{font-family: var(--f-display);font-weight: 750;font-size: var(--t-s);line-height: 1;letter-spacing: -.01em;font-variation-settings: "wdth" 100}.abo-price{font-family: var(--f-display);font-weight: 750;font-size: var(--t-s);line-height: 1;letter-spacing: -.012em;font-variation-settings: "wdth" 116;font-variant-numeric: tabular-nums;white-space: nowrap}.abo-price small{display: block;margin-top: 8px;font-family: var(--f-text);font-weight: 500;font-size: 14px;letter-spacing: 0;font-variation-settings: normal;color: var(--fg-3);white-space: normal}.abo-price .cur{font-family: var(--f-text);font-weight: 600;font-size: 15px;letter-spacing: 0;margin-right: 6px;vertical-align: .32em;font-variation-settings: normal}.abo-lead{font-weight: 600;color: var(--fg);line-height: 1.4}.abo-col .dashes{font-size: 15.5px;color: var(--fg-2)}.abo-foot{margin-top: 18px;font-size: 14px;color: var(--fg-3)}.faq{display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);gap: clamp(40px, 6vw, 112px);align-items: start}.faq-aside{position: sticky;top: calc(var(--hd-h) + 28px)}.faq-aside .lede{margin-top: 26px}.faq-list{border-bottom: 1px solid var(--hair)}.faq-item{position: relative;border-top: 1px solid var(--hair)}.faq-item::before{content: '';position: absolute;left: 0;top: -1px;width: 100%;height: 2px;background: var(--hl);transform: scaleX(0);transform-origin: left center;transition: transform .8s var(--ease-out)}.faq-item.is-open::before{transform: scaleX(1)}.faq-h{margin: 0;font: inherit}.faq-q{display: grid;grid-template-columns: minmax(0, 1fr) 28px;align-items: center;gap: 24px;width: 100%;padding: clamp(20px, 2vw, 28px) 0;text-align: left;font-family: var(--f-display);font-weight: 700;font-size: clamp(21px, 1.9vw, 28px);line-height: 1.12;letter-spacing: -.01em;--w: 100;font-variation-settings: "wdth" var(--w);transition: font-variation-settings .5s var(--ease-hover), color .3s}.faq-pm{position: relative;width: 20px;height: 20px;justify-self: end}.faq-pm::before, .faq-pm::after{content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 2px;margin-top: -1px;border-radius: 2px;background: currentColor;transition: transform .45s var(--ease-out), background-color .3s}.faq-pm::after{transform: rotate(90deg)}.faq-item.is-open .faq-pm::after{transform: rotate(0deg)}.faq-item.is-open .faq-pm::before, .faq-item.is-open .faq-pm::after{background: var(--hl)}.faq-a{display: grid;grid-template-rows: 0fr;transition: grid-template-rows .45s var(--ease-out)}.faq-a-in{min-height: 0;overflow: hidden;visibility: hidden;transition: visibility 0s linear .45s}.faq-a-in > div{padding: 0 56px clamp(24px, 2.4vw, 34px) 0;max-width: 62ch;color: var(--fg-2)}.faq-a-in > div > * + *{margin-top: .8em}.faq-item.is-open .faq-a{grid-template-rows: 1fr}.faq-item.is-open .faq-a-in{visibility: visible;transition-delay: 0s}.faq-list.is-instant .faq-a, .faq-list.is-instant .faq-item::before, .faq-list.is-instant .faq-pm::after{transition: none}@media (hover: hover){.faq-q:hover{--w: 112}}[data-tilt]{transform-style: preserve-3d}.tilt-glare{position: absolute;inset: 0;border-radius: inherit;pointer-events: none;opacity: 0;transition: opacity .5s;background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(226, 251, 248, .16), transparent 45%)}@media (hover: hover){[data-tilt]:hover .tilt-glare{opacity: 1}}.brand{display: inline-flex;align-items: center;gap: 12px;flex: none;text-decoration: none;color: var(--warm)}.brand-mark{width: 40px;height: 40px;overflow: visible}.brand-mark > circle, .sheet-mark > circle, .pr-sheet-logo > circle, .mq-sep > circle{fill: url(#hh-sun-g) #2FD6C8}.brand-mark .bm-lines rect{transform-box: fill-box;transform-origin: 100% 50%;transition: transform .55s var(--ease-out)}.brand-name{display: flex;align-items: baseline;gap: 8px}.brand-word{font-family: var(--f-display);font-weight: 800;font-size: 21px;line-height: 1;letter-spacing: -.01em;font-variation-settings: "wdth" 116}.brand-studio{font-size: 13.5px;font-weight: 500;color: var(--warm-2)}@media (hover: hover){.brand:hover .bm-lines rect:nth-child(1){transform: scaleX(1.5)}.brand:hover .bm-lines rect:nth-child(2){transform: scaleX(1.9);transition-delay: .04s}.brand:hover .bm-lines rect:nth-child(3){transform: scaleX(2.4);transition-delay: .08s}}.hd{position: fixed;inset: 0 0 auto;z-index: var(--z-hd);height: var(--hd-h);display: flex;align-items: center;color: var(--warm);transition: transform .7s var(--ease-out), background-color .45s var(--ease-hover);transform: translateZ(0)}.hd::after{content: '';position: absolute;inset: auto 0 0;height: 1px;background: var(--night-line);opacity: 0;transition: opacity .45s}.hd.is-solid{background: rgba(10, 17, 30, .94)}.hd.is-solid::after{opacity: 1}.hd.is-hidden{transform: translateY(-104%)}.hd-inner{display: flex;align-items: center;gap: 28px;max-width: none}.hd-nav{margin-left: auto}.hd-nav ul{display: flex;gap: 2px}.hd-link{position: relative;display: block;padding: 10px 14px;font-size: 15.5px;font-weight: 500;text-decoration: none;color: var(--warm)}.hd-link .btn-t > span::after{color: var(--sun)}.hd-link[aria-current="page"]::after{content: '';position: absolute;left: 14px;right: 14px;bottom: 3px;height: 2px;border-radius: 2px;background: linear-gradient(90deg, transparent, #2FD6C8 50%, #3E9BEA)}@media (hover: hover){.hd-link:hover .btn-t > span{transform: translateY(-100%)}}.hd-cta{margin-left: 10px}.hd-menu{display: none;align-items: center;gap: 12px;margin-left: auto;padding: 12px 0 12px 12px;font-size: 15px;font-weight: 600;color: var(--warm)}.hd-menu-lines{position: relative;width: 26px;height: 12px}.hd-menu-lines::before, .hd-menu-lines::after{content: '';position: absolute;right: 0;height: 2px;border-radius: 2px;transition: width .45s var(--ease-out)}.hd-menu-lines::before{top: 0;width: 26px;background: currentColor}.hd-menu-lines::after{bottom: 0;width: 15px;background: linear-gradient(90deg, #2FD6C8, #3E9BEA)}@media (hover: hover){.hd-menu:hover .hd-menu-lines::after{width: 26px}}.menu{position: fixed;inset: 0;z-index: var(--z-menu);display: flex;flex-direction: column;overflow-y: auto;overscroll-behavior: contain;padding: 0 var(--gutter) 28px;background: var(--night);color: var(--warm);opacity: 0;transition: opacity .35s var(--ease-hover)}.menu.is-open{opacity: 1}.menu-bg{position: absolute;inset: 0;z-index: -1;opacity: .25;pointer-events: none}.menu-bg img{width: 100%;height: 100%;object-fit: cover;object-position: 30% 60%}.menu-top{display: flex;align-items: center;justify-content: space-between;flex: none;height: var(--hd-h)}.menu-close{display: inline-flex;align-items: center;gap: 12px;padding: 12px 0 12px 12px;font-size: 15px;font-weight: 600}.menu-close i{position: relative;width: 20px;height: 20px}.menu-close i::before, .menu-close i::after{content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 2px;margin-top: -1px;border-radius: 2px;background: currentColor;transform: rotate(45deg)}.menu-close i::after{transform: rotate(-45deg);background: var(--sun)}.menu-links{margin-top: clamp(28px, 6vh, 64px)}.menu-links li{overflow: hidden}.menu-links a{display: block;padding: .04em 0 .08em;text-decoration: none;font-family: var(--f-display);font-weight: 850;font-size: clamp(46px, 13vw, 96px);line-height: .98;letter-spacing: -.02em;--w: 78;font-variation-settings: "wdth" var(--w);transform: translateY(105%);transition: transform .9s var(--ease-out), font-variation-settings .6s var(--ease-hover), color .3s;transition-delay: calc(var(--i, 0) * 60ms + 80ms), 0s, 0s}.menu.is-open .menu-links a{transform: none}.menu-links a[aria-current="page"]{color: var(--sun)}@media (hover: hover){.menu-links a:hover{--w: 128;color: var(--sun)}}.menu-foot{display: grid;gap: 20px;margin-top: auto;padding-top: 40px}.menu-foot .menu-alt{color: var(--warm);font-weight: 600;text-decoration: underline;text-decoration-color: #2FD6C8;text-underline-offset: 5px}.menu-foot p{color: var(--warm-2);line-height: 1.7}.menu-foot a:not(.btn){color: var(--warm);text-decoration: none}.menu.is-instant, .menu.is-instant .menu-links a{transition: none}@media (max-width: 420px){.hd .brand-studio, .menu-top .brand-studio{display: none}.hd-inner{gap: 12px}.hd-menu{gap: 10px;padding-left: 6px}}@media (max-width: 360px){.brand{gap: 9px}.brand-mark{width: 32px;height: 32px}.brand-word{font-size: 17px}.menu-close{font-size: 0;gap: 0;padding: 14px 4px 14px 14px}}.finale{position: relative;isolation: isolate;overflow: hidden;padding-block: clamp(90px, 11vw, 170px) clamp(80px, 9vw, 130px);background: var(--night);color: var(--warm)}.finale .bleed img{opacity: .78}.mq--finale{color: var(--warm)}.mq--finale .mq-item{font-size: clamp(64px, 11.5vw, 176px);--w: 130;padding-inline: .2em}.mq--finale .mq-item--line{-webkit-text-stroke: max(2px, .012em) rgba(243, 237, 225, .82)}.mq--finale .mq-sep{width: .4em;height: .4em}.finale-grid{display: grid;grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);gap: 40px clamp(40px, 5vw, 90px);align-items: center;margin-top: clamp(48px, 6vw, 96px)}.finale-copy{max-width: 34ch;font-size: clamp(18px, 1.45vw, 22px);line-height: 1.45;color: var(--warm)}.finale-sun{justify-self: center;padding-left: clamp(40px, 5vw, 80px)}.finale-direct{justify-self: end;display: grid;gap: 6px;text-align: right;font-size: 16px}.finale-direct span{font-size: 14.5px;color: var(--warm-2)}.finale-direct a{font-weight: 600;text-decoration: none;transition: color .3s}@media (hover: hover){.finale-direct a:hover{color: var(--sun)}}.ft{position: relative;padding-block: clamp(64px, 7vw, 108px) 32px;background: var(--night-2);color: var(--warm);font-size: 15.5px;--bg: var(--night-2)}.ft-grid{display: grid;grid-template-columns: minmax(0, 1.7fr) repeat(3, minmax(0, 1fr));gap: 44px}.ft-brand p{max-width: 32ch;margin-top: 20px;color: var(--warm-2)}.ft h2{margin-bottom: 16px;font-size: 14px;font-weight: 500;color: var(--warm-3)}.ft li + li{margin-top: 11px}.ft a{text-decoration: none;transition: color .25s}@media (hover: hover){.ft a:hover{color: var(--sun)}}.ft .sub{display: block;font-size: 13.5px;color: var(--warm-3)}.ft-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 12px 30px;margin-top: clamp(52px, 6vw, 92px);padding-top: 24px;border-top: 1px solid var(--night-line);font-size: 14px;color: var(--warm-3)}.ft-bottom nav{display: flex;gap: 22px}.cursor{display: none}html.has-cursor .cursor{display: block}html.has-cursor, html.has-cursor a, html.has-cursor button, html.has-cursor label, html.has-cursor summary, html.has-cursor [data-cursor]{cursor: none}html.has-cursor input, html.has-cursor textarea, html.has-cursor select{cursor: text}html.has-cursor select, html.has-cursor input[type="radio"], html.has-cursor input[type="checkbox"], html.has-cursor input[type="color"], html.has-cursor input[type="range"]{cursor: none}.cursor-dot, .cursor-ring{position: fixed;left: 0;top: 0;z-index: var(--z-cursor);pointer-events: none;will-change: transform}.cursor-dot{width: 6px;height: 6px;margin: -3px 0 0 -3px;border-radius: 50%;background: var(--sun);transition: opacity .25s}.cursor-ring{--rw: 36px;--rh: 36px;display: grid;place-items: center;width: var(--rw);height: var(--rh);margin: calc(var(--rh) / -2) 0 0 calc(var(--rw) / -2);border-radius: 999px;border: 1.5px solid rgba(243, 237, 225, .9);mix-blend-mode: difference;transition: width .5s var(--ease-out), height .5s var(--ease-out), margin .5s var(--ease-out), background-color .35s, border-color .35s, opacity .3s, border-radius .4s}.cursor-label{font-size: 14px;font-weight: 600;line-height: 1;color: var(--ink);white-space: nowrap;opacity: 0;transform: scale(.5);transition: opacity .25s, transform .5s var(--ease-out)}.cursor.is-link .cursor-ring{--rw: 56px;--rh: 56px}.cursor.is-label .cursor-ring{--rw: 84px;--rh: 84px;background: var(--sun);border-color: var(--sun);mix-blend-mode: normal}.cursor.is-label .cursor-label{opacity: 1;transform: none}.cursor.is-text .cursor-ring{--rw: 2px;--rh: 28px;border-radius: 2px;border-width: 0;background: var(--sun);mix-blend-mode: normal}.cursor.is-label .cursor-dot, .cursor.is-text .cursor-dot{opacity: 0}.cursor.is-down .cursor-ring{--rw: 26px;--rh: 26px}.cursor.is-out .cursor-dot, .cursor.is-out .cursor-ring{opacity: 0}.wipe{position: fixed;inset: 0;z-index: var(--z-wipe);overflow: hidden;pointer-events: none;visibility: hidden;transform: translateZ(0)}.wipe-panel{position: absolute;top: -12%;bottom: -12%;left: calc(-15% - 16vh);width: calc(130% + 32vh);background: var(--night);transform: translateX(-130%) skewX(-12deg);will-change: transform}.wipe-panel::before, .wipe-panel::after{content: '';position: absolute;top: 0;bottom: 0;width: clamp(150px, 26vw, 440px)}.wipe-panel::before{left: 100%;background: linear-gradient(90deg, #0B3766 0%, #3E9BEA 22%, #1CC6DE 44%, var(--sun) 64%, var(--sun-2) 82%, var(--sun-core) 94%, rgba(226, 251, 248, 0) 100%)}.wipe-panel::after{right: 100%;background: linear-gradient(90deg, rgba(226, 251, 248, 0) 0%, var(--sun-core) 6%, var(--sun-2) 18%, var(--sun) 36%, #1CC6DE 56%, #3E9BEA 78%, #0B3766 100%)}.wipe-panel i{position: absolute;top: 0;bottom: 0;left: 50%;width: 1px;background: rgba(47, 214, 200, .18)}html.is-arriving .wipe{visibility: visible}html.is-arriving .wipe-panel{transform: translateX(0) skewX(-12deg);animation: wipeFailsafe .01s 2.4s forwards}@keyframes wipeFailsafe{to{transform: translateX(160%) skewX(-12deg)}}.intro{display: none}html.has-intro .intro{display: block;position: fixed;inset: 0;z-index: var(--z-intro);animation: introFailsafe .01s 3s forwards}@keyframes introFailsafe{to{visibility: hidden;opacity: 0;pointer-events: none}}.intro-half{position: absolute;left: 0;right: 0;height: 50.5%;background: var(--night);will-change: transform}.intro-half--top{top: 0}.intro-half--bottom{bottom: 0}.intro-streak{position: absolute;left: 0;top: 50%;width: 100%;height: 3px;margin-top: -1.5px;background: linear-gradient(90deg, rgba(11, 55, 102, 0), #3E9BEA 30%, #1CC6DE 52%, var(--sun) 72%, var(--sun-core) 95%, #F2FEFC);transform: scaleX(0);transform-origin: 0 50%;filter: drop-shadow(0 0 10px rgba(47, 214, 200, .9))}.intro-sun{position: absolute;left: 50%;top: 50%;width: clamp(96px, 10vw, 150px);transform: translate(-50%, -50%)}.intro-skip{position: absolute;right: var(--gutter);bottom: 28px;padding: 8px 0;font-size: 14px;font-weight: 500;color: var(--warm-2)}.intro-skip:focus-visible, .intro-skip:hover{color: var(--warm)}.js:not(.calm):not(.hh-los) [data-split]:not(.is-split){visibility: hidden;animation: splitFailsafe .01s 2.8s forwards}@keyframes splitFailsafe{to{visibility: visible}}@media (max-width: 1180px){.hd-link{padding: 10px 10px;font-size: 15px}.abo{grid-template-columns: repeat(2, minmax(0, 1fr))}.abo-col:nth-child(3){border-left: 0}.abo-col:nth-child(n + 3){border-top: 1px solid var(--hair)}}@media (max-width: 1040px){.hd-nav, .hd-cta{display: none}.hd-menu{display: inline-flex}.ft-grid{grid-template-columns: repeat(3, minmax(0, 1fr))}.ft-brand{grid-column: 1 / -1}.row{grid-template-columns: minmax(0, 1fr) auto}.row-text{grid-column: 1;grid-row: 2}.row-price{grid-column: 2;grid-row: 1 / span 2}}@media (max-width: 860px){:root{--hd-h: 70px}.brand-mark{width: 36px;height: 36px}.brand-word{font-size: 19px}.sec-head, .split, .split--rev, .split--even, .faq{grid-template-columns: minmax(0, 1fr)}.sec-head > :last-child:not(:first-child){padding-bottom: 0}.sticky, .faq-aside{position: static}.facts{grid-template-columns: minmax(0, 1fr);gap: 0;padding-top: 0}.fact{grid-template-columns: 6.8em minmax(0, 1fr);align-items: baseline;gap: 14px;padding-block: 12px;border-bottom: 1px solid var(--hair)}.fact-n{font-size: 22px}.fact-l{max-width: none}.abo{grid-template-columns: minmax(0, 1fr);border-bottom: 0}.abo-col, .abo-col + .abo-col{border-left: 0;border-bottom: 1px solid var(--hair)}.abo-col:nth-child(n + 3){border-top: 0}.abo-col{padding-inline: 0}.abo-col--rec{padding-inline: 14px;margin-inline: -14px;margin-block: 0}.abo-head{grid-template-columns: minmax(0, 1fr) auto;align-items: start}.abo-price{text-align: right}.row{grid-template-columns: minmax(0, 1fr);gap: 6px}.row-text{grid-column: 1;grid-row: auto}.row-price{grid-column: 1;grid-row: auto;justify-self: start;text-align: left;margin-top: 4px}.row-price small{display: inline;margin-right: 6px}.dashes--2{grid-template-columns: minmax(0, 1fr)}.faq-a-in > div{padding-right: 0}.faq-q{gap: 16px}.devices > .dev-phone{right: -2%;width: 30%}.dev-url{transform: none}.finale-grid{grid-template-columns: minmax(0, 1fr) auto}.finale-copy{grid-column: 1 / -1}.finale-sun{justify-self: start;padding-left: 64px}.finale-direct{justify-self: end;text-align: right}.mq--finale .mq-item{font-size: clamp(44px, 12vw, 96px)}.ft-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 36px 24px}}@media (max-width: 560px){.btn{padding: 0 24px}.cluster > .btn{flex: 1 1 100%}.finale-grid{grid-template-columns: minmax(0, 1fr)}.finale-sun{justify-self: center;padding-left: 56px;margin-block: 12px}.finale-direct{justify-self: start;text-align: left}.sun-btn{--d: 168px}.ft-grid{grid-template-columns: minmax(0, 1fr)}.ft-bottom{flex-direction: column}}.calm .intro, .calm .wipe, .calm .cursor{display: none !important}.calm .sun-btn-ring, .calm .rim::before, .calm .sunny::before{animation: none}.calm .btn{transition: none}.calm .rim::before{--spin: 250deg}.calm .odo-d > span{transition: none}.calm .menu-links a{transition: none}.calm .faq-a{transition: none}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*, *::before, *::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important}.btn-t > span, .btn::before, .link, .row::before, .row-name, .faq-q, .menu-links a, .menu, .faq-a, .faq-item::before{transition-duration: .01ms !important}}html.hh-notfall [data-split], html.hh-notfall [data-split] .sw, html.hh-notfall [data-split] .sc-mask, html.hh-notfall [data-split] .sc, html.hh-notfall [data-reveal], html.hh-notfall [data-reveal] > *, html.hh-notfall [data-clip], html.hh-notfall [data-clip] img, html.hh-notfall [data-hero-fade], html.hh-notfall .hero-in, html.hh-notfall .hero-in *, html.hh-notfall .hero-title, html.hh-notfall .hero-title *, html.hh-notfall .wall-tile, html.hh-notfall .fan-in, html.hh-notfall [data-screen], html.hh-notfall .ar-copy, html.hh-notfall .ar-copy *{visibility: visible !important;opacity: 1 !important;transform: none !important;translate: none !important;rotate: none !important;scale: none !important;clip-path: none !important;-webkit-clip-path: none !important;animation: none !important}html.hh-notfall .hero-sprint{--w: 150 !important}html.hh-notfall .intro, html.hh-notfall .wipe, html.hh-notfall .cursor{display: none !important}html.hh-notfall .hd{background: rgba(10, 17, 30, .94)}html.hh-notfall .hd::after{opacity: 1}img.is-fehlend, img[data-bild-fehlt]{visibility: hidden}html:not(.js) .hd{background: rgba(10, 17, 30, .94)}html:not(.js) .hd::after{opacity: 1}html:not(.js) .intro, html:not(.js) .wipe, html:not(.js) .cursor{display: none !important}