*,:before,:after{box-sizing:border-box}:before,:after{text-decoration:inherit;vertical-align:inherit}html{line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body{margin:0;-ms-overflow-style:scrollbar}h1{font-size:2em;margin:.67em 0}dl,ol,ul,dl dl,dl ol,dl ul,ol dl,ul dl,ol ol,ol ul,ul ol,ul ul{margin:0}hr{height:0;overflow:visible}main{display:block}ol,ul{list-style:none;padding:0}pre{font-family:monospace,monospace;font-size:1em}a{display:inline-block;text-decoration:none;background-color:transparent}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,canvas,iframe,img,svg,video{vertical-align:middle}svg,audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse;table-layout:fixed}button,input,select{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}button{background:none;cursor:pointer;overflow:visible;text-transform:none}fieldset{border:1px solid #a0a0a0;padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{max-width:100%;margin:0;overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}a,area,button,input,label,select,summary,textarea,[tabindex]{touch-action:manipulation;outline:none}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}@-o-viewport{width: device-width; zoom: 1;}@viewport{width:device-width;zoom:1}
ul div.lisakuulutus { padding-top: 13px !important; }
ul div.juku { padding-top: 3px !important; }
@font-face{font-family:"S\00F6hne";src:url(/shone/WOFF2/soehne-leicht.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"S\00F6hne";src:url(/shone/WOFF2/soehne-buch.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"S\00F6hne";src:url(/shone/WOFF2/soehne-kraftig.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
.main-white {font-size:64px;}
.container-1{width:100%;max-width:1600px;margin:0 auto}.container-2{width:100%;max-width:1001px;padding:0 20px;margin:0 auto}.container-3{width:100%;max-width:1457px;padding:0 20px;margin:0 auto}.container-4{width:100%;max-width:1317px;padding:0 20px;margin:0 auto}.offset-1{max-width:calc(57% + 689px);margin-left:auto;padding-left:70px;width:100%}.cf:before,.cf:after{content:"";display:block}.cf:after{clear:both}.object-fit-cover{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ofc-left-top{-o-object-position:left top;object-position:left top}.ofc-left-center{-o-object-position:left center;object-position:left center}.ofc-left-bottom{-o-object-position:left bottom;object-position:left bottom}.ofc-center-top{-o-object-position:center top;object-position:center top}.ofc-center-bottom{-o-object-position:center bottom;object-position:center bottom}.ofc-right-top{-o-object-position:right top;object-position:right top}.ofc-right-center{-o-object-position:right center;object-position:right center}.ofc-right-bottom{-o-object-position:right bottom;object-position:right bottom}.object-fit-contain{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.overflow{overflow:hidden}.full-width{width:100%}.full-height{height:100%}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.grid{display:grid}.flex{display:flex;flex-wrap:wrap}.flex-column{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.inline-flex{display:inline-flex}.space-between{justify-content:space-between}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-center{align-items:center}.flex-start{align-items:flex-start}.flex-end{align-items:flex-end}.relative{position:relative}.fixed{position:fixed}.sticky{position:sticky}.absolute{position:absolute}.abs-full-width{position:absolute;width:100%;height:100%;top:0;left:0}.abs-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.abs-start{position:absolute;top:0;left:0}.bullet-list{padding-left:24px}.bullet-list li{position:relative}.bullet-list li:before{content:"";position:absolute;left:-15px;top:8px;width:8px;height:8px;background-color:#fff;border-radius:50%}.pointer{cursor:pointer}.no-event{pointer-events:none}.all-event{pointer-events:all}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-minus{z-index:-1}.z-100{z-index:100}.m-center{margin-left:auto;margin-right:auto}.uppercase{text-transform:uppercase}.underline{text-decoration:underline}.center{text-align:center}.left{text-align:left}.right{text-align:right}.list-reset{list-style:none;padding-left:0}.italic{font-style:italic}.font-1{font-family:"Söhne",sans-serif}.font-2{font-family:"Söhne",sans-serif}.font-3{font-family:"Söhne",sans-serif}.light{font-weight:300}.regular{font-weight:400}.medium{font-weight:500}.semibold{font-weight:500}.bold{font-weight:500}.relative-fw{position:relative;width:100%;height:100%}.flex-shrink-0{flex-shrink:0}.title-1{font-size:44px}@media screen and (min-width: 480px){.title-1{font-size:calc(44px + 42 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.title-1{font-size:86px}}.title-2{font-size:44px}@media screen and (min-width: 480px){.title-2{font-size:calc(44px + .025*(100vw - 480px))}}@media screen and (min-width: 1920px){.title-2{font-size:80px}}.title-3{font-size:28px}@media screen and (min-width: 480px){.title-3{font-size:calc(28px + 12 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.title-3{font-size:40px}}.title-4{font-size:28px}@media screen and (min-width: 480px){.title-4{font-size:calc(28px + 16 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.title-4{font-size:44px}}.title-5{font-size:36px}@media screen and (min-width: 480px){.title-5{font-size:calc(36px + .0125*(100vw - 480px))}}@media screen and (min-width: 1920px){.title-5{font-size:54px}}.title-6{font-size:36px}@media screen and (min-width: 480px){.title-6{font-size:calc(36px + 14 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.title-6{font-size:50px}}.title-7{font-size:28px}@media screen and (min-width: 480px){.title-7{font-size:calc(28px + 3 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.title-7{font-size:31px}}.title-8{font-size:28px}@media screen and (min-width: 480px){.title-8{font-size:calc(28px + 2 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.title-8{font-size:30px}}.title-9{font-size:52px}@media screen and (min-width: 480px){.title-9{font-size:calc(52px + 28 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.title-9{font-size:80px}}.title-10{font-size:44px}@media screen and (min-width: 480px){.title-10{font-size:calc(44px + 26 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.title-10{font-size:70px}}.title-11{font-size:36px}@media screen and (min-width: 480px){.title-11{font-size:calc(36px + .00625*(100vw - 480px))}}@media screen and (min-width: 1920px){.title-11{font-size:45px}}.text-1{font-size:16px}@media screen and (min-width: 480px){.text-1{font-size:calc(16px + 2 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.text-1{font-size:18px}}.text-2{font-size:12px}@media screen and (min-width: 480px){.text-2{font-size:calc(12px + 12 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.text-2{font-size:24px}}.text-3{font-size:16px}@media screen and (min-width: 480px){.text-3{font-size:calc(16px + 12 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.text-3{font-size:28px}}.text-4{font-size:12px}@media screen and (min-width: 480px){.text-4{font-size:calc(12px + 8 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.text-4{font-size:20px}}.text-5{font-size:9px}@media screen and (min-width: 480px){.text-5{font-size:calc(9px + 11 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.text-5{font-size:20px}}.text-6{font-size:5px}@media screen and (min-width: 480px){.text-6{font-size:calc(5px + 8 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.text-6{font-size:13px}}.text-7{font-size:92px}@media screen and (min-width: 480px){.text-7{font-size:calc(92px + 208 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.text-7{font-size:300px}}.text-8{font-size:20px}@media screen and (min-width: 480px){.text-8{font-size:calc(20px + 5 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.text-8{font-size:25px}}.text-9{font-size:20px}@media screen and (min-width: 480px){.text-9{font-size:calc(20px + 10 * (100vw - 480px) / 1440)}}@media screen and (min-width: 1920px){.text-9{font-size:30px}}.fs-text-44{font-size:44px}.fs-text-40{font-size:40px}.fs-text-36{font-size:36px}.fs-text-26{font-size:26px}.fs-text-24{font-size:24px}.fs-text-20{font-size:20px}.fs-text-18{font-size:18px}.fs-text-16{font-size:16px}.fs-text-14{font-size:14px}.fs-text-13{font-size:13px}.fs-text-12{font-size:12px}.fs-text-11{font-size:11px}.lh-077{line-height:.77}.lh-097{line-height:.97}.lh-105{line-height:1.05}.lh-115{line-height:1.15}.lh-12{line-height:1.1 !important}.lh-13{line-height:1.3}.lh-144{line-height:1.44}.lh-1625{line-height:1.625}.lh-1{line-height:1}.lh-2{line-height:2}.space-002{letter-spacing:.02em}.space--002{letter-spacing:-.02em}.space--004{letter-spacing:-.04em}.color-1{color:#000}.color-2{color:#fff}.color-3{color:#e0e0e0}.color-4{color:#a3dae3}.color-5{color:#aaf3ff}.color-6{color:#a9f3ff}.color-7{color:#3b99a8}.color-8{color:#dc5469}.color-9{color:#ff748a}.color-10{color:#fcaab7}.color-11{color:#ffc0ca}.color-12{color:#99a8aa}.color-13{color:#1f1f1f}.color-14{color:#212121}.color-15{color:#434343}.color-16{color:#bfbfbf}.color-17{color:#7b766c}.color-18{color:#dfbb77}.color-19{color:#a85e69}.color-20{color:#d7e7ea}.color-21{color:#ffe0e5}.color-22{color:#898989}.bg-1{background-color:#000}.bg-2{background-color:#fff}.bg-3{background-color:#e0e0e0}.bg-4{background-color:#a3dae3}.bg-5{background-color:#aaf3ff}.bg-6{background-color:#a9f3ff}.bg-7{background-color:#3b99a8}.bg-8{background-color:#dc5469}.bg-9{background-color:#ff748a}.bg-10{background-color:#fcaab7}.bg-11{background-color:#ffc0ca}.bg-12{background-color:#99a8aa}.bg-13{background-color:#1f1f1f}.bg-14{background-color:#212121}.bg-15{background-color:#434343}.bg-16{background-color:#bfbfbf}.bg-17{background-color:#7b766c}.bg-18{background-color:#dfbb77}.bg-19{background-color:#a85e69}.bg-20{background-color:#d7e7ea}.bg-21{background-color:#ffe0e5}.bg-22{background-color:#898989}.bg-23{background-color:#2a2a2a}.mb-03{margin-bottom:3px}.mb-05{margin-bottom:5px}.mb-08{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-13{margin-bottom:13px}.mb-14{margin-bottom:14px}.mb-16{margin-bottom:16px}.mb-19{margin-bottom:19px;line-height: 1.3;}.mb-20{margin-bottom:20px}.mb-22{margin-bottom:22px; line-height: 1.5;}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-32{margin-bottom:42px}.mb-40{margin-bottom:40px}.mb-66{margin-bottom:66px}.mb-70{margin-bottom:30px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-103{margin-bottom:103px}.pb-44{padding-bottom:44px}

@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}::-webkit-scrollbar-thumb{background:#3b99a8}::-webkit-scrollbar-thumb:hover{background:#2e7782}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar{width:4px}body{display:flex;flex-direction:column;font-size:18px;font-family:"Söhne",sans-serif;font-weight:400;color:#000;background-color:#e0e0e0;transition:opacity .5s}body.loaded{opacity:1}#app{display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}#app.overflow-visible{overflow:visible}h1,h2,h3,h4,h5,h6{line-height:1.25;font-weight:400;margin:0}p{margin:0}header{flex-shrink:0;position:absolute;top:0;left:0;right:0;height:73px;color:#fff;z-index:500}.site-logo{height:100%}.site-logo-img{max-width:231px;width:100%;max-height:72px}main{position:relative;flex:1 0 auto;margin-top:-20px;overflow-x:clip}footer{position:relative;flex-shrink:0;border-top:1px solid #BBC6C8}.right-header-content{width:calc(100% - 231px)}.hamburger-wrap{display:none}.outer-header{padding:0 25px;border-bottom:1px solid rgba(255,255,255,.2)}.nav-link-wrap:not(:last-child){padding:24px 0;margin-right:48px}.nav-link-wrap.account{margin-right:0;padding:24px 35px;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.nav-link-wrap.btn{padding-left:25px}.nav-link{transition:color .3s ease-in-out}.nav-link:hover,.nav-link.active,.nav-link:hover .icon-left-svg,.nav-link.active .icon-left-svg{color:#a3dae3}.nav-link.icon-left{padding-left:30px}.nav-link.icon-left .icon-left-svg{width:22px;height:22px;transition:color .3s ease-in-out}.btn-1{text-align:center;padding:16px 42px;border-radius:6px;transition:background-color .3s ease-in-out,color .3s ease-in-out}.btn-1 .relative{padding-right:19px}.btn-1 .icon-right-svg{width:12px;height:9px;transition:color .3s ease-in-out}.btn-1 .icon-right-svg svg{position:absolute;width:100%;height:100%;left:0;top:0}.btn-1:hover.bg-4{color:#fff;background-color:#dc5469}.btn-1:hover.bg-4 .icon-right-svg{color:#fff}.btn-1:hover.bg-8{color:#000;background-color:#a3dae3}.btn-1:hover.bg-8 .icon-right-svg{color:#000}.btn-1:hover.bg-7{background-color:#dc5469}.icon-right-svg{top:53%;right:0;transform:translateY(-50%)}.icon-left-svg{left:0;top:50%;transform:translateY(-50%)}.hamburger-wrapper{height:28px;width:28px;border-radius:50%}.hamburger-wrapper.active .x-hamburger-line:first-child{top:0;transform:rotate(45deg) scaleX(1);transition-delay:.4s}.hamburger-wrapper.active .x-hamburger-line:nth-child(2){bottom:0;transform:rotate(-45deg) scaleX(1);transition-delay:.5s}.hamburger-wrapper.active .hamburger-line{transform:scaleX(0)}.hamburger-wrapper.active .hamburger-line:first-child{transition-delay:.1s}.hamburger-wrapper.active .hamburger-line:nth-child(2){transform:translateY(-50%) scaleX(0);transition-delay:.2s}.hamburger-wrapper.active .hamburger-line:nth-child(3){transition-delay:.3s}.hamburger-line{position:absolute;height:2px;right:0;border-radius:20px;transform-origin:100% 50%;left:50%;transform:translate(-50%);transition:transform .5s}.hamburger-line:first-child{width:28px;top:22px;transition-delay:.3s}.hamburger-line:nth-child(2){width:28px;top:50%;transform:translate(-50%,-50%);transition-delay:.2s}.hamburger-line:nth-child(3){width:28px;bottom:22px;transition-delay:.1s}.x-hamburger-wrapper{position:relative;width:28px;height:22px;top:50%;left:50%;transform:translate(-50%,-50%)}.x-hamburger-line{width:28px;height:2px;left:0;position:absolute;transform-origin:0 50%;transition:transform .5s;border-radius:20px}.x-hamburger-line:first-child{top:0;transform:rotate(45deg) scaleX(0)}
.x-hamburger-line:nth-child(2){bottom:0;transform:rotate(-45deg) scaleX(0)}.mobile-menu-wrap{position:fixed;display:none;width:100%;height:100dvh;padding-top:125px;right:0;top:0;transform:translate(100%)}.mobile-menu-inner{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;height:100%;margin:auto;max-width:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:#A3DAE3;scrollbar-width:thin}.mobile-menu-inner::-webkit-scrollbar{width:4px}.mobile-menu-inner::-webkit-scrollbar-track{background:#a3dae3}.mobile-menu-inner::-webkit-scrollbar-thumb{background:#a3dae3;border-radius:99px}.mobile-menu-inner::-webkit-scrollbar-thumb:hover{background:#c7c7c7}.mobile-menu-inner .link-icon-left:hover{color:#a9f3ff}.iOS .process-bcg-number,.Mac .process-bcg-number{transform:translate(-50%,-50%)}.iOS .process-bcg-number.type-next,.Mac .process-bcg-number.type-next{transform:translate(-50%,-50%) translate(100%)}.iOS .number-progress-block.show-next .process-bcg-number,.Mac .number-progress-block.show-next .process-bcg-number{transform:translate(-50%,-50%) translate(-100%)}.iOS .number-progress-block.show-next .process-bcg-number.type-next,.Mac .number-progress-block.show-next .process-bcg-number.type-next{transform:translate(-50%,-50%) translate(0)}.left-footer-wrap{width:47.3%;padding-right:53px;border-right:1px solid #BBC6C8}.left-footer-wrap.top-intro{padding-top:48px}.left-footer-wrap.text{padding-left:40px;align-self:center;border-right:unset}.right-footer-wrap{width:52.7%}.right-footer-wrap.bg-nav{position:relative}.right-footer-wrap.bg-nav:after{content:"";position:absolute;width:100vw;height:1px;left:0;bottom:0;background-color:#bbc6c8}.bg-footer-wrap{width:100vw;height:100%;top:0;left:0;opacity:.5}.inner-nav-wrap{padding:0 20px 0 59px;height:100%}.left-nav-wrap,.right-nav-wrap{padding-top:48px;padding-bottom:41px}.left-nav-wrap{width:57%;border-right:1px solid #BBC6C8}.left-nav-wrap ul li:not(:last-child){margin-bottom:15px}.right-nav-wrap{width:43%;padding-left:54px}.right-nav-wrap ul li:not(:last-child){margin-bottom:5px}.link-transition-arrow{position:relative;transition:padding-left .3s ease-in-out,color .3s ease-in-out}.link-transition-arrow:hover{padding-left:26px;color:#dc5469}.link-transition-arrow:hover .arrow-right-left-side{opacity:1;visibility:visible}.arrow-right-left-side{width:11px;height:11px;top:50%;left:0;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.arrow-right-left-side svg{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.link-underline{position:relative;transition:color .3s ease-in-out}.link-underline:hover{color:#dc5469}.link-underline:hover:after{width:100%}.link-underline:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#dc5469;transition:width .3s ease-in-out}.social-wrap{padding:31px 0 27px 62px;border-left:1px solid #BBC6C8}.social-text-wrap{padding-right:21px}.social-block{position:relative;width:45px;height:45px;border-radius:50%;transition:background-color .3s ease-in-out}.social-block svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.social-block:hover{background-color:#dc5469}.social-block:not(:last-child){margin-right:15px}.max-w-parag{max-width:1204px;margin-left:auto;margin-right:auto;width:100%;padding:29px 0 51px 40px}.padding-r{padding-left:40px}.deco-bottom{width:100%;padding-top:100%;top:0;left:-22%}.deco-bottom.mobile{display:none}.max-w-p{max-width:870px}.decoration-right{width:115%;padding-top:151%;right:0;top:3%;z-index:0;pointer-events:none}.decoration-right img{left:unset;right:-50%}.decoration-right.bottom{top:unset;bottom:5%}.decoration-left{width:80%;padding-top:80%;left:-40%;top:29%;transform:rotate(129.769deg);z-index:0;pointer-events:none}.decoration-left.bottom{top:60%}.video-intro-wrap{width:100%;height:100%}.intro-block-section{margin-top:-73px;overflow:hidden}.title-intro{min-height:746px;padding:95px 75px 148px}.heart-icon{display:inline-block;position:relative;width:18px;height:14px}.heart-icon svg{position:absolute;width:100%;height:100%;left:0;top:0}.info-shuffle-wrap{left:0;bottom:0;width:100%}.info-shuffle-block{width:100%;max-width:907px;padding:15px 17px;border-radius:8px 8px 0 0}.img-shuffle-wrap{width:11.5%;padding-top:10.9%}.img-shuffle-wrap img{border-radius:6px}.title-shuffle-wrap{width:28.9%;padding:0 16px 0 25px}.content-shuffle-wrap{width:32.8%;padding-right:29px}.btn-shuffle-wrap{width:26.8%}.shuffle-block{position:absolute;left:0;bottom:0;width:100%;transition:transform .7s ease-in-out}.shuffle-block.active{position:relative;z-index:2;transform:translateY(0)}.shuffle-block:not(.active){transform:translateY(100%);z-index:1}.outer-main-swiper .swiper{overflow:visible}.outer-main-swiper .swiper-wrapper{margin-left:-18px;margin-right:-18px}.outer-main-swiper .swiper-slide{width:calc(25% - 36px);margin:0 18px;height:auto}.main-news-setcion{margin-bottom:33px}.inner-main-news-slide{width:100%;height:100%;overflow:hidden;padding:27px;min-height:346px;border-radius:100px}.inner-main-news-slide.bottom-circle{display:flex;flex-wrap:wrap;align-items:flex-end}.inner-main-news-slide.border{border:1px solid #99A8AA}.inner-main-news-slide.top-circle{display:flex;flex-wrap:wrap;justify-content:space-between}.inner-main-news-slide.text-btm,.inner-main-news-slide.top-text{flex-direction:column}.inner-main-news-slide.top-text{padding-top:39px;justify-content:space-between}.inner-main-news-slide.side-note{overflow:visible}.top-circle-wrap,.bottom-circle-wrap{width:130px;height:130px;margin-left:auto;margin-right:auto;border-radius:100px;overflow:hidden}.circle-text-anim{width:91%;height:91%;margin:5px auto;animation-duration:13s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}.circle-text-anim svg{position:absolute;width:100%;height:100%;left:0;top:0}.text-btm,.text-top{width:100%}.crown-icon{width:63px;height:42px}.crown-icon svg{position:absolute;width:100%;height:100%;left:0;top:0}.side-note-block{top:31%;right:-83px;min-width:185px;padding:14px 27px 14px 55px;border-radius:100px;overflow:hidden}.side-note-block .left-icon{width:30px;height:30px;left:14px;top:50%;transform:translateY(-50%)}.side-note-block .left-icon svg{position:absolute;width:100%;height:100%;left:0;top:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.btn-wrap.center{display:inline-block}.btn-wrap.center .btn-1{min-width:234px}.about-text-section{margin-bottom:52px}.about-text-section.mb-85{margin-bottom:85px}.horizontal-slides-video-wrap{width:100%}.horizontal-slides-video{position:relative;height:100dvh;min-height:700px}.horizontal-slides{position:relative;width:54.3%;overflow:hidden}.horizontal-text{width:27.9%}.relative-progress{padding-bottom:10px}.horizontal-slideshow-section{padding-top:260px;padding-bottom:252px}.proggress-line-text{height:calc(100% + 466px);top:-260px;transform:translate(50%)}.proggress-line-text-2{bottom:-252px;transform:translate(50%)}.proggress-line-text-2 .relative-progress{padding-top:10px;padding-bottom:0}.progress-bar{top:0;left:50%;width:1px;height:100%}.line-absolute{width:100%;height:0%;transition:height .3s ease-out}.map-postion{width:79%;padding-top:108.4%;left:50%;top:50%;transform:translate(-50%,-50%)}.girls-phone-postion{width:100%;padding-top:107%;bottom:0;left:0}.circle-deco{width:211px;height:211px;top:84px;left:50%;transform:translate(-50%);border-radius:100px}.circle-deco .circle-text-anim{margin:9px auto}.rocket-img{width:165px;height:165px;left:62%;top:37%;transform:translate(-50%,-50%)}.circle-vertical-img{width:36.1%;padding-top:36.1%}.circle-vertical-img img{border-radius:100px}.text-relative{width:63.9%;padding-left:20px}.vertical-slideshow-block{max-width:310px;width:100%;padding:15px;border-radius:100px;margin-right:24px}.outer-vertical-block{margin-right:20px;max-width:310px;width:100%}.wide-vertical-oval-item{position:relative;padding-right:20px;height:290px}.wide-vertical-oval-item:nth-child(odd) .oval-slideshow-block{background-color:#aaf3ff}.wide-vertical-oval-item:nth-child(odd) .oval-slideshow-block .online-icon{color:#3b99a8}.wide-vertical-oval-item:nth-child(2n) .oval-slideshow-block{background-color:#ffc0ca}.wide-vertical-oval-item:nth-child(2n) .oval-slideshow-block .online-icon{color:#a85e69}.oval-slideshow-block{max-width:184px;width:100%;padding:26px 28px 60px;border-radius:100px}.vertical-slide-show-wrap{height:131px}.vertical-slide-show-wrap:not(:last-child){margin-bottom:20px}.vertical-slide-show-wrap:nth-child(2n) .vertical-slideshow-row{min-width:668px;width:calc(38vw + 10px);animation:full-slide 10s linear infinite}.slider-options-wrap{padding-top:184px}.online-icon{padding-left:12px}.diamond-center{width:44px;height:44px;margin-left:auto;margin-right:auto}.diamond-center img{border-radius:100px}.online-icon-wrap{width:7px;height:7px;border-radius:100%;background-color:#219849;left:0;top:50%;transform:translateY(-50%)}.vertical-oval-slideshow-row:nth-child(2n) .wide-vertical-oval-item:nth-child(2n) .oval-slideshow-block{background-color:#aaf3ff}.vertical-oval-slideshow-row:nth-child(2n) .wide-vertical-oval-item:nth-child(2n) .oval-slideshow-block .online-icon{color:#3b99a8}.vertical-oval-slideshow-row:nth-child(2n) .wide-vertical-oval-item:nth-child(odd) .oval-slideshow-block{background-color:#ffc0ca}.vertical-oval-slideshow-row:nth-child(2n) .wide-vertical-oval-item:nth-child(odd) .oval-slideshow-block .online-icon{color:#a85e69}.vertical-oval-slideshow-row.start-animation{animation:full-slide 15s linear infinite}.circle-oval-vertical-img{width:100%;padding-top:100%}.text-oval-relative{width:100%}.text-oval-relative:only-child{align-self:flex-end}.vertical-slideshow-row{min-width:1670px;width:calc(100vw + 30px);animation:full-slide 20s linear infinite}@keyframes full-slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.oval-deco{min-height:346px;height:10vh;margin-right:67px;padding:26px 28px 49px;border-radius:100px}.inner-circle{width:126px;height:126px;margin-left:auto;margin-right:auto;border-radius:100px}.process-number-wrap{width:104px;height:104px;border-radius:50%;border:1px solid #99A8AA}.process-number-wrap.show-next .process-bcg-number{transition:transform .4s,visibility .4s;transform:translate(-50%,-50%) translateY(2px) translate(-100%);visibility:hidden}.process-number-wrap.show-next .process-bcg-number.type-next{transition-delay:.2s;transform:translate(-50%,-50%) translateY(2px) translate(0);visibility:visible}.process-bcg-number{transition:transform 0s,visibility 0s;transform:translate(-50%,-50%) translateY(2px);width:100%}.process-bcg-number.type-next{transform:translate(-50%,-50%) translateY(2px) translate(100%);visibility:hidden}.inner-wrap{height:100dvh;position:sticky;top:0;left:0}.outer-process-bar{top:0;transform:translate(50%)}.diamond-deco{width:47.2%;padding-top:60.6%;left:50%;transform:translate(-50%);bottom:-30px}.blur-img{background-color:#000;opacity:60%;filter:blur(15px)}.mask-hand{width:115%;padding-top:142.6%;transform:translate(15%,6%)}.video-mask-wrap{top:7%;right:27%;width:46.9%;padding-top:95.6%;overflow:hidden;border-radius:44px}.blocks-options-section.no-lines:before,.blocks-options-section.no-lines:after{content:none}.blocks-options-section:before,.blocks-options-section:after{content:"";position:absolute;width:100%;height:1px;left:0;background-color:#99a8aa;z-index:2}.blocks-options-section:before{top:236px}.blocks-options-section:after{bottom:0}.blocks-options-section.mt{padding-top:236px}.options-blocks-wrap{padding:25px 0 29px;margin-left:-21px;margin-right:-21px}.options-blocks-wrap.type-2{padding:0;min-height:364px}.options-blocks-wrap.type-2 .option-block-wrap{padding:8% 24px 41px}.options-blocks-wrap.type-2 .option-block-wrap:not(:last-child):after{content:none}.option-block-wrap{width:calc(33.3333% - 42px);padding:10% 24px 41px;margin:0 21px;border-radius:8px}.option-block-wrap:not(:last-child):after{content:"";position:absolute;width:1px;height:calc(100% + 54px);right:-21px;top:-25px;background-color:#99a8aa}.gray-line{width:100%;height:1px;background-color:#99a8aa}.line-center{width:1px;height:236px;top:100%;left:50%;transform:translate(-50%);background-color:#99a8aa}.wide-carousel-row{animation:carousel-scroll 26s linear infinite}.wide-carousel-wrap{bottom:60px;left:0}.wide-carousel-item{position:relative;padding-right:20px;height:203px}.wide-join-wrap{height:68vh;max-height:650px;border-radius:8px;padding:50px 39% 17% 72px}@keyframes carousel-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.wide-join-section{margin-bottom:93px}.wide-title{width:45.8%}.wide-text-wrap{width:53.4%;align-self:flex-end}.mask-wide-wrap{width:83.2%}.mask-mobile{width:100%;padding-top:77.2%;right:-50%;top:-31px}.wide-video-mask-wrap{top:-3%;right:6%;width:21.9%;padding-top:46.6%;border-radius:40px;overflow:hidden}.icon-checkmark{width:32px;height:32px;left:0;top:0}.icon-checkmark svg{position:absolute;width:100%;height:100%;left:0;top:0}.icon-option{width:54%;padding-top:45.1%;top:-26%}.icon-left{padding-left:57px}.outer-toggle-packages{margin-left:-22px;margin-right:-22px}.packages-block{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;position:relative;width:calc(33.3333% - 44px);margin:0 22px 26px;border-radius:8px}.packages-block:not(:last-child):after{content:"";position:absolute;right:-22px;height:calc(100% + 51px);width:1px;background-color:#bbc6c8;top:-25px}.outer-top-body-wrap,.package-bottom{width:100%}.package-bottom{position:relative;padding:27px 34px 32px}.package-bottom:after{content:"";position:absolute;width:calc(100% - 68px);height:1px;background-color:#bbc6c7;left:50%;top:0;transform:translate(-50%)}.top-package-title{padding:32px 34px 0}.top-package-title.no-bg{position:relative;padding-bottom:35px}.top-package-title.no-bg:after{content:"";position:absolute;width:calc(100% - 68px);height:1px;background-color:#bbc6c7;left:50%;bottom:0;transform:translate(-50%)}.top-package-title.circle-top{padding:32px 159px 32px 34px;border-radius:8px 8px 0 0}.package-body{padding:32px 34px 19px}.package-body ul li:not(:last-child){margin-bottom:20px}.circle-package{width:140px;height:140px;border-radius:100px;right:23px;top:-45px}.circle-package .circle-text-anim{width:85%;height:85%;margin:11px auto}.diamond-icon{width:70px;height:70px}.diamond-icon img{border-radius:100px}.packages-wrap{padding-top:25px;opacity:0;visibility:hidden;top:0;left:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,position .3s ease-in-out}.packages-wrap.active{position:relative;opacity:1;visibility:visible}.tab-toggle-block{padding:16px 39px}.tab-toggle-block p{transition:color .3s ease-in-out}.tab-toggle-block.active p{color:#fff}.tab-toggle-wrap{max-width:432px;margin-left:auto;margin-right:auto;padding:6px 8px;border-radius:100px}.glider{width:133px;height:calc(100% - 12px);border-radius:100px;left:6px;box-shadow:0 4px 20px #00000040;transition:transform .3s ease-in-out}.faq-title{max-width:442px;margin-bottom:51px}.faq-wrap{max-width:954px;width:100%;margin-left:auto}.inner-faq-wrap{border-bottom:1px solid #BBC6C8}.inner-faq-wrap:first-child .arrow-circle-right-svg{top:25px}.faq-row-link{width:100%;padding-top:20px;padding-bottom:20px;padding-right:30px}.toggle-slide-link{transition:color .3s ease-in-out}.toggle-slide-link.active{color:#dc5469}.toggle-slide-link.active .arrow-circle-right-svg{transform:rotate(180deg);color:#dc5469}.toggle-slide-link.active~.toggle-slide-content{grid-template-rows:1fr;visibility:visible}.arrow-circle-right-svg{width:26px;height:26px;top:20px;right:0;transition:transform .3s ease-in-out,color .3s ease-in-out}.arrow-circle-right-svg svg{width:100%;height:100%;top:0;left:0;position:absolute}.toggle-slide-content{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .6s,visibility .6s,transform .6s}.toggle-slide-content-2{max-width:720px;margin-left:auto;margin-right:101px}.faq-section{margin-bottom:95px}.outer-horizonzal-slideshow-wrap .process-number-wrap{display:none}.mob-nav-outer{padding:20px}.mob-nav-outer:not(:last-child){border-bottom:1px solid #3B3B3B}.mob-nav-outer.button{padding:0}.mob-nav-outer.button .btn-1{width:100%;border-radius:0;text-align:left;padding:20px}.mobile-img,.mobile-price-wrap{display:none}.mob-price-block{width:33.333333%}.mob-price-block:not(:last-child){border-right:1px solid rgba(187,198,199,.5019607843)}.mob-price-block:first-child{padding-right:12px}.mob-price-block:nth-child(2){padding:0 12px}.mob-price-block:last-child{padding-left:12px}.slider-oval-wrap .swiper-wrapper{margin-left:-10px;margin-right:-10px}.slider-oval-wrap .swiper-slide{width:calc(20% - 20px);margin:0 10px}.slider-oval-wrap .swiper-slide:nth-child(2n) .oval-slideshow-block{background-color:#ffc0ca}.slider-oval-wrap .swiper-slide:nth-child(2n) .online-icon{color:#a85e69}.slider-oval-wrap .swiper-slide:nth-child(odd) .oval-slideshow-block{background-color:#aaf3ff}.slider-oval-wrap .swiper-slide:nth-child(odd) .online-icon{color:#3b99a8}.slider-oval-wrap .oval-slideshow-block{padding:26px 28px 36px}.slider-oval-wrap .inner-circle{width:60px;height:60px}.slider-oval-wrap .circle-text-anim{width:84%;height:101%}.slider-oval-wrap .crown-icon{width:33px;height:22px}.inner-wide-dark-block-wrap{padding:46px 30px 0 68px;border-radius:8px;overflow:hidden}.left-dark-wide-text{width:45%;padding:0 15px 30px 0}.wide-img-wrap{width:37.2%;padding-top:58.4%;margin-top:-15%;transform:rotate(-12.72deg) translate(-31%,28%)}.map-img-wrap{width:44.4%;padding-top:61%;top:-8%;right:5%}.wide-dark-block-info-section{padding-bottom:90px;border-bottom:1px solid #BBC6C8}@media screen and (max-width: 1400px){.package-btn-wrap{width:43%}.package-btn-wrap .btn-1{padding:16px 4px}}@media screen and (max-width: 1200px){.site-logo{width:19%}.right-header-content{width:calc(100% - 181px)}.nav-link-wrap:not(:last-child){margin-right:24px}.nav-link-wrap.account{padding:24px}.nav-link-wrap .btn-1{padding:16px 18px}.nav-link-wrap.btn{padding-left:0}.title-intro{padding:95px 40px 148px}.side-note-block{right:-54px}.horizontal-text{width:35.9%}.inner-wide-dark-block-wrap{padding:46px 30px 0 38px}.icon-option{top:-37%}.horizontal-slides-video{min-height:850px}.circle-deco{top:26%}.wide-video-mask-wrap{top:1%;right:0;border-radius:20px}.mask-mobile{top:5%;right:-56%}.wide-join-wrap{padding:20px 39% 17% 22px}.wide-carousel-wrap{bottom:0}.blocks-options-section{margin-bottom:0}.option-block-wrap{width:calc(50% - 42px);margin:0 21px 80px}.packages-block{width:calc(50% - 44px);margin:0 22px 60px}.wide-title{width:100%}.wide-text-wrap{width:73.4%}.inner-nav-wrap{padding:0 20px}.right-nav-wrap,.social-wrap{padding-left:20px}.left-footer-wrap{padding-right:20px}.left-nav-wrap,.right-nav-wrap,.left-footer-wrap.top-intro{padding-top:32px}}@media screen and (max-width: 1000px){.footer .container-4{padding:0}.left-footer-wrap,.right-footer-wrap{width:100%;padding:0 20px}.left-footer-wrap{padding-bottom:40px;border-right:none}.left-footer-wrap.text{order:4;padding-left:20px}.social-wrap{padding-left:0;border-left:none}.right-footer-wrap.social{order:3}.deco-bottom{width:125%;top:-14%;left:-57%}.max-w-parag{padding:40px 20px}.outer-process-bar,.deco-bottom.desktop{display:none}.deco-bottom.mobile{display:block}.horizontal-text{width:100%;order:2;padding:24px 20px 110px}.horizontal-slides{width:100%;order:1}.offset-1{padding:0}.proggress-line-text{position:relative;height:unset;width:100%;top:0;transform:translate(0);pointer-events:all}.proggress-line-text .relative-progress{background-color:transparent;display:flex;flex-wrap:wrap;flex-direction:column;width:100%;text-align:left;padding:0 20px 52px}.proggress-line-text .relative-progress .heart-icon{order:1}.proggress-line-text .relative-progress .uppercase{order:2;padding-top:5px}.progress-bar{width:100%;height:1px;left:0;top:6px}.progress-bar .line-absolute{height:1px;background-color:#99a8aa}.horizontal-slideshow-section{padding:0}.process-number-wrap{width:64px;height:64px;position:absolute;left:20px;top:-32px;pointer-events:all;z-index:5}.horizontal-slides-video{min-height:650px;height:100%}.vertical-slideshow-block{max-width:250px}.vertical-slide-show-wrap:nth-child(2n) .vertical-slideshow-row{min-width:549px}.map-postion{padding-top:76.4%}.vertical-slideshow-row{min-width:1371px}.girls-phone-postion{width:77%;padding-top:68%;left:50%;bottom:-2%;transform:translate(-50%)}.circle-deco{width:170px;height:170px;top:2%}.circle-deco .circle-text-anim{margin:7px auto}.rocket-img{width:125px;height:125px;left:57%}.diamond-deco{bottom:-22%}.slider-options-wrap{padding-top:50px}.oval-slideshow-block{max-width:155px}.proggress-line-text-2{position:relative;bottom:0;transform:translate(0)}.proggress-line-text-2 .relative-progress{background-color:transparent;padding-top:0}.outer-horizonzal-slideshow-wrap .process-number-wrap{display:block}.line-center{width:100%;height:1px;left:0;top:11px;transform:translate(0)}.blocks-options-section.mt{padding-top:116px}.outer-main-swiper .swiper-wrapper{margin-left:-16px;margin-right:0}.top-circle-wrap,.bottom-circle-wrap{width:100px;height:100px}.crown-icon{width:46px;height:42px}.decoration-left{display:none}.decoration-right{top:11%}.decoration-right.bottom{display:none}.oval-deco{min-height:200px;height:35vh;margin-right:37px;padding:16px 16px 28px}.wide-join-wrap{height:64vh;padding:20px 39% 7% 22px}.map-img-wrap{width:65.4%;padding-top:89%}.left-dark-wide-text{width:49%}.slider-oval-wrap .swiper{overflow:visible}.slider-oval-wrap .swiper-wrapper{margin-left:0;margin-right:0}.slider-oval-wrap .swiper-slide{width:20%;margin:0}.mask-mobile{top:54px}.wide-video-mask-wrap{top:63px}.icon-option{top:-27%}.right-header-content{display:none}.hamburger-wrap,.mobile-menu-wrap{display:block}.outer-header{padding:20px 20px 0;border-bottom:none}.blocks-options-section:before,.blocks-options-section:after{content:none}}@media screen and (max-width: 800px){.outer-toggle-packages{margin-left:0;margin-right:0}.packages-block{width:100%;margin:0 0 50px}.circle-package{width:100px;height:100px;right:23px;top:-30px}.circle-package .circle-text-anim{margin:7px auto}.diamond-icon{width:50px;height:50px}.wide-text-wrap{width:100%;margin-top:16px}.wide-join-wrap{height:auto;padding:32px 0 0;max-height:unset}.mask-wide-wrap{position:relative;width:85%;margin-left:auto;margin-top:100px}.wide-title,.wide-text-wrap{padding:0 20px}.mask-mobile{top:0;right:0}.wide-video-mask-wrap{top:1%;left:22%}.wide-carousel-wrap{bottom:32%}.option-block-wrap{width:100%;margin:0 0 64px;padding:26% 20px 40px}.packages-section .gray-line{display:none}.btn-shuffle-wrap .btn-1{padding:16px 28px 16px 24px}.slider-oval-wrap .swiper-slide{width:33.333%}.slider-oval-wrap .oval-slideshow-block{max-width:184px}.packages-section{margin-bottom:40px}.left-dark-wide-text{position:relative;width:100%;padding:0;margin-bottom:30px}.options-blocks-wrap.type-2 .option-block-wrap{padding:26% 20px 40px}.options-blocks-wrap.type-2 .icon-option{left:57%}.inner-wide-dark-block-wrap{padding:46px 30px 0}.wide-dark-block-info-section{padding-bottom:40px;margin-bottom:80px}.wide-img-wrap{width:63%;padding-top:99.4%;margin-left:auto;margin-right:auto;margin-top:-11%;transform:rotate(-12.72deg) translateY(28%)}.icon-option{top:-33%;left:50%;transform:translate(-50%)}.map-img-wrap{width:100%;padding-top:100%;top:0;right:0}.tab-toggle-wrap{display:none}.options-blocks-wrap{padding:0;margin-left:0;margin-right:0;text-align:center}.blocks-options-section .gray-line:first-child{display:none}.mobile-img{display:block}.desktop-img{display:none}.horizontal-slides-video{min-height:450px;height:100%}.mask-hand{width:91.9%;padding-top:113.6%;transform:translate(26%,10%)}.oval-slideshow-block{max-width:83px;padding:12px 13px 27px}.diamond-center{width:20px;height:20px;margin-bottom:9px}.diamond-deco{width:31.2%;padding-top:46.6%;bottom:-33%}.circle-oval-vertical-img{margin-bottom:10px}.online-icon-wrap{width:4px;height:4px}.online-icon{padding-left:6px}.video-mask-wrap{top:11%;right:32%;width:36.9%;padding-top:77.6%;border-radius:26px}.girls-phone-postion{width:59%;padding-top:50%}.circle-deco{width:117px;height:117px}.circle-deco .circle-text-anim{margin:6px auto}.rocket-img{width:91px;height:91px}.vertical-slide-show-wrap{height:60px}.vertical-slide-show-wrap:not(:last-child){margin-bottom:9px}.vertical-slide-show-wrap:nth-child(2n) .vertical-slideshow-row{min-width:318px}.vertical-slideshow-row{min-width:796px}.vertical-slideshow-block{max-width:151px;padding:8px;margin-right:8px}.text-relative{width:66.9%;padding-left:10px}.text-relative p{font-size:12px}.circle-vertical-img{width:33.1%;padding-top:33.1%}.outer-main-swiper .swiper-slide{width:calc(33.33333% - 16px);margin:0}.outer-main-swiper .swiper-wrapper{margin-left:0}.side-note-block{right:-20px;min-width:141px;padding:14px 15px 14px 33px}.side-note-block .left-icon{width:15px;height:15px}.side-note-block p{font-size:13px}.mobile-price-wrap{width:100%;margin-bottom:24px;display:flex}.package-price-wrap{display:none}.package-bottom{padding:20px 24px 32px;flex-direction:column-reverse;align-items:flex-start}.package-btn-wrap{width:100%}}@media screen and (max-width: 600px){.left-nav-wrap{position:relative;width:100%;border-right:none}.left-nav-wrap:after{content:"";position:absolute;width:calc(100% + 40px);height:1px;left:-20px;bottom:0;background-color:#bbc6c8}.inner-nav-wrap{padding:0}.right-nav-wrap{width:100%}.left-nav-wrap{padding:40px 0}.padding-r{padding-left:0}.right-nav-wrap{padding:24px 0}.inner-main-news-slide{padding:25px 22px}.mask-mobile{left:unset;transform:translate(0)}.outer-main-swiper .swiper-slide{min-width:144px}.mask-wide-wrap{position:relative;width:calc(100% + 50px);margin:100px -25px -65px}.icon-option{top:-13%;width:29%;padding-top:28%}.option-block-wrap{padding:22% 20px 40px}.horizontal-slides-video{min-height:360px}.about-text-section{margin-bottom:100px}.about-text-section.mb-85{margin-bottom:60px}.main-news-setcion{margin-bottom:32px}.inner-main-news-slide{min-height:300px}.info-shuffle-block{flex-direction:column;align-items:self-start;padding:70px 20px 40px}.girls-phone-postion{width:100%;padding-top:91%}.img-shuffle-wrap{position:absolute;width:103px;padding-top:92px;left:20px;top:-50px;border:6px solid #E0E0E0;border-radius:6px}.title-shuffle-wrap,.content-shuffle-wrap,.btn-shuffle-wrap{width:100%}.title-shuffle-wrap{padding:0 0 8px}.content-shuffle-wrap{padding:0 0 20px}.title-intro{padding:85px 50px 311px 20px}.inner-circle{width:72px;height:72px}.oval-deco{height:24vh}.crown-icon{width:36px;height:32px}}@media screen and (max-width: 480px){.diamond-deco{bottom:-22%}.mask-wide-wrap{width:calc(100% + 275px);margin-left:-25px;margin-right:-250px;margin-bottom:-120px}.tab-toggle-block{padding:12px 21px}.tab-toggle-block p{font-size:13px}.top-package-title{padding:32px 24px 0}.top-package-title.no-bg:after{width:calc(100% - 48px)}.top-package-title.circle-top{padding:32px 24px 20px}.top-package-title.circle-top h3{padding-right:102px}.package-body{padding:26px 24px 28px}.icon-left{padding-left:40px}.slider-oval-wrap .swiper-slide{width:50%}.icon-checkmark{width:28px;height:28px}.deco-bottom{top:24%}.video-mask-wrap{border-radius:18px}}@media screen and (max-width: 480px) and (max-width: 360px){.mobile-price-wrap .fs-text-24{font-size:17px}.mobile-price-wrap .fs-text-16{font-size:14px}.circle-package{width:80px;height:80px;right:10px}.diamond-icon{width:40px;height:40px}}
@media only screen and (max-width: 740px){	
	.main-white {    font-size: 38px;}
	.max-w-p { line-height: 1.7 !important; }
	h2.text-3 {font-size:17px;} 
	.title-3 {     font-size: 26px; }
}

/* Override with Söhne */
.font-3{font-family:"Söhne",sans-serif!important}.font-3 *{font-family:inherit!important}
.title-intro{padding-top:220px!important}
body.escortify-global-discovery.page #page > #app > main .intro-block-section .title-intro{padding-top:92px!important}
@media screen and (max-width: 1000px){
body.escortify-global-discovery.page #page > #app > main .intro-block-section .title-intro{padding-top:76px!important}
}
@media screen and (max-width: 600px){
body.escortify-global-discovery.page #page > #app > main .intro-block-section .title-intro{padding-top:62px!important}
}

/* ═══════════════════════════════════════════════════════════
   TRAFFIC COMPARISON WIDGET — Glassmorphism Dark Panel
   ═══════════════════════════════════════════════════════════ */

.traffic-visual-side {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100dvh;
    min-height: 940px;
    overflow: hidden;
    background-color: #0D0D11;
    border-radius: 0;
}

/* NZ Map subtle background */
.traffic-map-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 90%;
    opacity: 0.08;
    pointer-events: none;
    filter: brightness(2) saturate(0.3);
    z-index: 0;
}

/* Glass panel container */
.traffic-glass-panel {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 520px;
    padding: 32px 36px;
    border-radius: 1.5rem;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.06) 0%,
        rgba(255, 255, 255, 0.02) 50%,
        rgba(255, 51, 102, 0.04) 100%
    );
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.4),
        0 1px 0 rgba(255, 255, 255, 0.05) inset;
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.traffic-glass-panel.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Header row — LIVE badge + label */
.traffic-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}

.traffic-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px 4px 8px;
    border-radius: 100px;
    background: rgba(52, 211, 153, 0.12);
    border: 1px solid rgba(52, 211, 153, 0.25);
    color: #34d399;
    font-family: "Söhne", sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.traffic-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 8px rgba(52, 211, 153, 0.6);
    animation: traffic-pulse 2s ease-in-out infinite;
}

@keyframes traffic-pulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 8px rgba(52, 211, 153, 0.6); }
    50% { opacity: 0.4; box-shadow: 0 0 4px rgba(52, 211, 153, 0.3); }
}

.traffic-header-label {
    color: rgba(255, 255, 255, 0.4);
    font-family: "Söhne", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.03em;
}

/* Traffic rows */
.traffic-row {
    margin-bottom: 20px;
}

.traffic-row-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.traffic-brand {
    display: flex;
    align-items: center;
    gap: 10px;
}

.traffic-brand-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Söhne", sans-serif;
    font-weight: 500;
    font-size: 14px;
    flex-shrink: 0;
}

.traffic-brand-e {
    background: linear-gradient(135deg, #ff3366, #ff6b6b);
    color: #fff;
    box-shadow: 0 2px 8px rgba(255, 51, 102, 0.3);
}

.traffic-brand-n {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.traffic-brand-name {
    font-family: "Söhne", sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
}

.traffic-counter {
    font-family: "Söhne", sans-serif;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #fff;
    font-variant-numeric: tabular-nums;
}

.traffic-row-nzg .traffic-counter {
    color: rgba(255, 255, 255, 0.45);
    font-size: 24px;
}

/* Progress bars */
.traffic-bar-track {
    width: 100%;
    height: 8px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.traffic-bar-fill {
    height: 100%;
    width: 0;
    border-radius: 100px;
    transition: width 1.8s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: 0.4s;
}

.traffic-bar-pink {
    background: linear-gradient(90deg, #ff3366, #ff6b8a);
    box-shadow: 0 0 12px rgba(255, 51, 102, 0.3);
}

/* Shine sweep animation on pink bar */
.traffic-bar-pink::after {
    content: '';
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    );
    animation: traffic-shine 3s ease-in-out infinite;
    animation-delay: 2.5s;
}

.traffic-bar-pink {
    position: relative;
    overflow: hidden;
}

@keyframes traffic-shine {
    0% { left: -60%; }
    50% { left: 120%; }
    100% { left: 120%; }
}

.traffic-bar-gray {
    background: rgba(255, 255, 255, 0.15);
}

/* Delta pill */
.traffic-delta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    margin-bottom: 20px;
    padding: 6px 14px;
    border-radius: 100px;
    background: rgba(52, 211, 153, 0.1);
    border: 1px solid rgba(52, 211, 153, 0.2);
    color: #34d399;
    font-family: "Söhne", sans-serif;
    font-size: 13px;
    font-weight: 500;
}

.traffic-delta svg {
    width: 12px;
    height: 12px;
}

/* Source citation */
.traffic-source {
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.25);
    font-family: "Söhne", sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* ── Hover micro-interactions ── */
.traffic-glass-panel:hover {
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.5),
        0 1px 0 rgba(255, 255, 255, 0.08) inset;
}

.traffic-row {
    transition: transform 0.25s ease;
}

.traffic-row-escortify:hover {
    transform: translateX(4px);
}

.traffic-row-nzg:hover {
    transform: translateX(-2px);
}

.traffic-delta:hover {
    background: rgba(52, 211, 153, 0.15);
    border-color: rgba(52, 211, 153, 0.35);
    transform: scale(1.03);
    transition: all 0.2s ease;
}

/* ── Mobile adaptation ── */
@media (max-width: 1000px) {
    .traffic-visual-side {
        height: auto;
        min-height: auto;
        padding: 48px 16px;
    }

    .traffic-glass-panel {
        max-width: 100%;
        padding: 24px 20px;
        border-radius: 1rem;
    }

    .traffic-map-bg {
        height: 70%;
        opacity: 0.05;
    }

    .traffic-counter {
        font-size: 22px;
    }

    .traffic-row-nzg .traffic-counter {
        font-size: 20px;
    }

    .traffic-brand-name {
        font-size: 13px;
    }

    .traffic-brand-icon {
        width: 28px;
        height: 28px;
        font-size: 12px;
        border-radius: 6px;
    }

    .traffic-header {
        margin-bottom: 20px;
    }

    .traffic-bar-track {
        height: 6px;
    }

    .traffic-row {
        margin-bottom: 16px;
    }
}

/* ═══════════════════════════════════════════════════════════
   SUPERBOOST VIP PHONE MOCKUP — Section 02
   ═══════════════════════════════════════════════════════════ */

.boost-visual-side {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100dvh;
    min-height: 700px;
    overflow: hidden;
    background-color: #0D0D11;
    border-radius: 0;
}

.horizontal-slides.pin-el:has(.boost-visual-side) {
    align-self: stretch;
}

/* Phone container */
.boost-phone {
    position: relative;
    width: 320px;
    max-width: 90%;
    background: linear-gradient(160deg, #141422 0%, #0e0e1a 50%, #111120 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.75rem;
    padding: 20px 16px 16px;
    box-shadow:
        0 24px 80px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    overflow: hidden;
}

/* Notch */
.boost-phone-notch {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 16px;
    background: #000;
    border-radius: 0 0 12px 12px;
    z-index: 10;
}

/* VIP Header */
.boost-vip-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
    margin-bottom: 10px;
    padding: 0 4px;
}

.boost-vip-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: "Söhne", sans-serif;
    font-size: 11px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.boost-pulse-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff3366;
    animation: boost-pulse 2s ease-in-out infinite;
}

@keyframes boost-pulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 6px rgba(255, 51, 102, 0.6); }
    50% { opacity: 0.4; box-shadow: 0 0 2px rgba(255, 51, 102, 0.2); }
}

.boost-header-dots {
    display: flex;
    gap: 5px;
}

.boost-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.boost-dot-pink { background: rgba(255, 51, 102, 0.6); }
.boost-dot-gray { background: rgba(255, 255, 255, 0.15); }

/* 3x3 Grid */
.boost-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-bottom: 10px;
}

/* Individual card */
.boost-card {
    position: relative;
    aspect-ratio: 3 / 4;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.08);
    opacity: 0;
    transform: scale(0.85);
    animation: boost-card-in 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes boost-card-in {
    to { opacity: 1; transform: scale(1); }
}

/* "You" card — cyan idle glow (transitions to pink when boosted) */
.boost-card-you {
    border-color: rgb(56, 189, 248);
    box-shadow: 0 0 15px rgba(56, 189, 248, 0.25), 0 0 30px rgba(56, 189, 248, 0.08);
    animation: boost-card-in 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards, boost-you-glow-cyan 3s ease-in-out 1.5s infinite;
    transition: border-color 0.6s ease, box-shadow 0.6s ease;
}

@keyframes boost-you-glow-cyan {
    0%, 100% { box-shadow: 0 0 15px rgba(56, 189, 248, 0.25), 0 0 30px rgba(56, 189, 248, 0.08); }
    50% { box-shadow: 0 0 25px rgba(56, 189, 248, 0.4), 0 0 50px rgba(56, 189, 248, 0.15); }
}

.boost-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.boost-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.15) 40%, transparent 100%);
}

/* VIP badge */
.boost-badge-vip {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 5;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(6px);
    padding: 2px 5px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    font-family: "Söhne", sans-serif;
    font-size: 6px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 0.12em;
}

/* GIRL OF THE DAY badge */
.boost-badge-gotd {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 5;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.85), rgba(217, 119, 6, 0.85));
    backdrop-filter: blur(6px);
    padding: 2px 5px;
    border-radius: 3px;
    border: 1px solid rgba(253, 224, 71, 0.4);
    font-family: "Söhne", sans-serif;
    font-size: 4.5px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
}

/* Heart on "You" card */
.boost-card-heart {
    position: absolute;
    top: 26px;
    right: 8px;
    z-index: 5;
    background: #ff3366;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    box-shadow: 0 2px 6px rgba(255, 51, 102, 0.5);
    animation: boost-heart-pop 0.4s cubic-bezier(0.16, 1, 0.3, 1) 1.2s both;
}

@keyframes boost-heart-pop {
    from { transform: scale(0); }
    to { transform: scale(1); }
}

/* Card bottom info */
.boost-card-info {
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 5;
}

.boost-card-name {
    display: block;
    font-family: "Söhne", sans-serif;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
}

.boost-card-views {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-family: "Söhne", sans-serif;
    font-size: 8px;
    color: rgba(255, 255, 255, 0.45);
}

.boost-card-views svg {
    opacity: 0.5;
}

/* Status bar — positioned inside status area */
.boost-status {
    margin-top: 0;
}

.boost-status-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(30, 41, 59, 0.6);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    padding: 8px 12px;
}

.boost-status-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.boost-status-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(52, 211, 153, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.boost-status-label {
    display: block;
    font-family: "Söhne", sans-serif;
    font-size: 8px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.boost-status-value {
    display: block;
    font-family: "Söhne", sans-serif;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.boost-status-pink { color: #ff3366; }
.boost-status-green { color: #34d399; }

.boost-status-right {
    text-align: right;
}

/* Progress bar */
.boost-progress-track {
    width: 100%;
    height: 3px;
    background: rgba(30, 41, 59, 0.8);
    border-radius: 100px;
    margin-top: 8px;
    overflow: hidden;
}

.boost-progress-fill {
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, #ff3366, #ff6b8a);
    border-radius: 100px;
}

/* Glow orbs */
.boost-glow {
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    z-index: 1;
}

.boost-glow-pink {
    top: -60px;
    right: -60px;
    background: rgba(255, 51, 102, 0.15);
}

.boost-glow-blue {
    bottom: -60px;
    left: -60px;
    background: rgba(59, 130, 246, 0.08);
}

/* "You" card active state (after boost) — pink glow */
.boost-card-you--active {
    opacity: 1 !important;
    transform: scale(1) !important;
    border-color: #ff3366 !important;
    box-shadow: 0 0 20px rgba(255, 51, 102, 0.3), 0 0 40px rgba(255, 51, 102, 0.1) !important;
    animation: boost-you-glow-pink 3s ease-in-out infinite !important;
}

@keyframes boost-you-glow-pink {
    0%, 100% { box-shadow: 0 0 20px rgba(255, 51, 102, 0.3), 0 0 40px rgba(255, 51, 102, 0.1); }
    50% { box-shadow: 0 0 30px rgba(255, 51, 102, 0.5), 0 0 60px rgba(255, 51, 102, 0.2); }
}

/* Hide heart by default (shown by JS) */
.boost-card-heart {
    display: none;
}

/* Activating overlay */
.boost-activating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 20px;
    margin-top: 0;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(56, 189, 248, 0.12);
    border-radius: 12px;
    font-family: "Söhne", sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}

.boost-activating.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.boost-activating-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-top-color: rgb(56, 189, 248);
    border-radius: 50%;
    animation: boost-spin 0.7s linear infinite;
}

@keyframes boost-spin {
    to { transform: rotate(360deg); }
}

/* Status area container */
.boost-status-area {
    position: relative;
    min-height: 52px;
}

/* Status bar — hidden initially, shown by JS */
.boost-status {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* ── Boost Mobile ── */
@media (max-width: 1000px) {
    .boost-visual-side {
        height: auto;
        min-height: auto;
        padding: 16px 12px;
    }

    .boost-phone {
        width: 220px;
        padding: 10px 8px 8px;
        border-radius: 1.25rem;
    }

    .boost-phone-notch {
        width: 50px;
        height: 10px;
        border-radius: 0 0 8px 8px;
    }

    .boost-grid {
        gap: 4px;
        margin-bottom: 6px;
    }

    .boost-vip-header {
        margin-top: 2px;
        margin-bottom: 5px;
    }

    .boost-vip-title {
        font-size: 9px;
        letter-spacing: 0.1em;
    }

    .boost-pulse-dot {
        width: 5px;
        height: 5px;
    }

    .boost-status-area {
        min-height: 30px;
    }

    .boost-status {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .boost-status-inner {
        padding: 5px 8px;
    }

    .boost-activating {
        padding: 6px 10px;
        font-size: 10px;
    }

    .boost-card-name {
        font-size: 8px;
    }

    .boost-card-views {
        font-size: 7px;
    }

    .boost-badge-vip {
        font-size: 5px;
        padding: 1px 3px;
    }

    .boost-badge-gotd {
        font-size: 4.5px;
        padding: 1px 2px;
    }

    .boost-status-label {
        font-size: 7px;
    }

    .boost-status-value {
        font-size: 9px;
    }

    .boost-status-icon svg {
        width: 12px;
        height: 12px;
    }

    .boost-progress-track {
        height: 2px;
    }

    .boost-glow {
        width: 120px;
        height: 120px;
    }
}


/* ═══════════════════════════════════════════════════════════
   BENTO GRID — 2-Column Dark Glassmorphism
   ═══════════════════════════════════════════════════════════ */

/* ------------------------------------------------------------
   PROFILE CONTROL SLIDE
   ------------------------------------------------------------ */

.manage-visual-side {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100dvh;
    min-height: 700px;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 20%, rgba(236, 72, 153, 0.2), transparent 30%),
        radial-gradient(circle at 82% 78%, rgba(59, 130, 246, 0.18), transparent 34%),
        linear-gradient(160deg, #07070b 0%, #0b1120 52%, #05060a 100%);
}

.manage-blob {
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    filter: blur(70px);
    opacity: 0.3;
    pointer-events: none;
    animation: manageBlobFloat 14s ease-in-out infinite alternate;
}

.manage-blob--pink {
    top: 8%;
    left: 10%;
    background: linear-gradient(135deg, rgba(255, 51, 102, 0.75), rgba(236, 72, 153, 0.25));
}

.manage-blob--blue {
    right: 8%;
    bottom: 10%;
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.65), rgba(59, 130, 246, 0.2));
    animation-delay: -5s;
}

@keyframes manageBlobFloat {
    0% { transform: translate3d(-10px, -12px, 0) scale(1); }
    100% { transform: translate3d(16px, 14px, 0) scale(1.1); }
}

.manage-workspace {
    position: relative;
    z-index: 2;
    width: min(100%, 760px);
    min-height: 700px;
    padding: 48px 0 24px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.manage-workspace .manage-phone {
    width: 340px;
    max-width: 340px;
    height: 590px;
    min-height: 590px;
    flex: 0 0 auto;
    margin-top: 52px;
    z-index: 2;
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.45),
        0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

.manage-phone .bento-phone__scene {
    gap: 12px;
}

.manage-action-chip {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 220px;
    padding: 14px 16px;
    border-radius: 22px;
    background: rgba(10, 13, 22, 0.8);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3);
    animation: manageChipFloat 6s ease-in-out infinite;
}

.manage-action-chip__icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}

.manage-action-chip__icon svg {
    display: block;
}

.manage-action-chip__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.manage-action-chip__text strong {
    font-family: "S\00F6hne", sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.96);
}

.manage-action-chip__text > span {
    font-family: "S\00F6hne", sans-serif;
    font-size: 12px;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.55);
}

.manage-action-chip--status {
    top: 252px;
    left: 40px;
}

.manage-action-chip--media {
    top: 304px;
    right: 20px;
    animation-delay: -1.5s;
}

.manage-action-chip--boost {
    right: 14px;
    bottom: 190px;
    animation-delay: -3s;
}

.manage-action-chip--online {
    top: 378px;
    left: 48px;
    animation-delay: -2.2s;
}

.manage-action-chip--edit {
    left: 26px;
    bottom: 168px;
    animation-delay: -4.5s;
}

.manage-action-chip--status .manage-action-chip__icon {
    background: linear-gradient(135deg, rgba(255, 51, 102, 0.95), rgba(255, 107, 157, 0.75));
    box-shadow: 0 12px 24px rgba(255, 51, 102, 0.2);
}

.manage-action-chip--media .manage-action-chip__icon {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.9), rgba(56, 189, 248, 0.75));
    box-shadow: 0 12px 24px rgba(59, 130, 246, 0.18);
}

.manage-action-chip--boost .manage-action-chip__icon {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.95), rgba(255, 51, 102, 0.7));
    box-shadow: 0 12px 24px rgba(245, 158, 11, 0.2);
}

.manage-action-chip--online .manage-action-chip__icon {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.95), rgba(56, 189, 248, 0.72));
    box-shadow: 0 12px 24px rgba(52, 211, 153, 0.18);
}

.manage-action-chip--edit .manage-action-chip__icon {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.88), rgba(59, 130, 246, 0.72));
    box-shadow: 0 12px 24px rgba(52, 211, 153, 0.18);
}

.manage-action-chip__icon--online {
    position: relative;
}

.manage-action-chip__online-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    box-shadow:
        0 0 0 4px rgba(255, 255, 255, 0.16),
        0 0 12px rgba(255, 255, 255, 0.35);
    animation: manageOnlineBlink 1.8s ease-in-out infinite;
}

@keyframes manageChipFloat {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, -10px, 0); }
}

.manage-footer-pill {
    position: absolute;
    left: 50%;
    bottom: 88px;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.72);
    font-family: "S\00F6hne", sans-serif;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.manage-footer-pill__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 12px rgba(52, 211, 153, 0.7);
    animation: manageDotPulse 2s ease-in-out infinite;
}

@keyframes manageDotPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(0.7); opacity: 0.55; }
}

.manage-status-scene {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
}

.manage-status-scene__top {
    display: flex;
    align-items: center;
    gap: 12px;
}

.manage-status-scene__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff3366, #ff6b9d);
    box-shadow: 0 10px 24px rgba(255, 51, 102, 0.2);
    position: relative;
    overflow: hidden;
}

.manage-status-scene__avatar::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 34%, rgba(255, 255, 255, 0.28) 50%, transparent 66%);
    animation: bentoShimmer 2s infinite;
}

.manage-status-scene__meta {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.manage-status-scene__meta strong {
    font-family: "S\00F6hne", sans-serif;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.96);
}

.manage-status-scene__meta span {
    font-family: "S\00F6hne", sans-serif;
    font-size: 12px;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.5);
}

.manage-status-scene__live {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(52, 211, 153, 0.12);
    border: 1px solid rgba(52, 211, 153, 0.24);
    color: #7ef0b5;
    font-family: "S\00F6hne", sans-serif;
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.manage-status-scene__live-dot,
.manage-status-scene__availability-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 10px rgba(52, 211, 153, 0.75);
    animation: manageOnlineBlink 1.8s ease-in-out infinite;
}

@keyframes manageOnlineBlink {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 10px rgba(52, 211, 153, 0.75);
    }
    50% {
        opacity: 0.45;
        transform: scale(0.72);
        box-shadow: 0 0 4px rgba(52, 211, 153, 0.3);
    }
}

.manage-status-scene__bubble {
    padding: 16px;
    border-radius: 18px 18px 18px 6px;
    background: linear-gradient(140deg, rgba(255, 51, 102, 0.14), rgba(255, 255, 255, 0.04));
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.78);
    font-family: "S\00F6hne", sans-serif;
    font-size: 13px;
    line-height: 1.45;
}

.manage-status-scene__availability {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.84);
    font-family: "S\00F6hne", sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
}

.manage-status-scene__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.manage-status-scene__tags span {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.6);
    font-family: "S\00F6hne", sans-serif;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.manage-boost-scene {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 14px;
}

.manage-boost-scene__eyebrow {
    align-self: flex-start;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255, 51, 102, 0.12);
    border: 1px solid rgba(255, 51, 102, 0.26);
    color: #ff6b9d;
    font-family: "S\00F6hne", sans-serif;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.manage-boost-scene__card {
    position: relative;
    flex: 1;
    padding: 18px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 51, 102, 0.14), rgba(12, 16, 27, 0.85));
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 6px;
}

.manage-boost-scene__card strong {
    font-family: "S\00F6hne", sans-serif;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.02em;
}

.manage-boost-scene__card > span:last-child {
    font-family: "S\00F6hne", sans-serif;
    font-size: 13px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.58);
}

.manage-boost-scene__pulse {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 107, 157, 0.9) 0%, rgba(255, 51, 102, 0.65) 55%, rgba(255, 51, 102, 0) 100%);
    animation: manageBoostPulse 2s ease-in-out infinite;
}

@keyframes manageBoostPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.4); opacity: 0.45; }
}

.manage-boost-scene__meter {
    width: 100%;
    height: 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.manage-boost-scene__meter span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ff3366, #f59e0b);
    animation: manageBoostMeter 12s infinite ease-out;
}

@keyframes manageBoostMeter {
    0%, 66% { width: 0; }
    76%, 92% { width: 100%; }
    100% { width: 0; }
}

@media screen and (max-width: 1000px) {
    .manage-visual-side {
        min-height: 720px;
        padding: 48px 24px 40px;
    }

    .manage-workspace {
        min-height: 680px;
        padding-top: 36px;
        padding-bottom: 20px;
    }

    .manage-workspace .manage-phone {
        width: 300px;
        max-width: 300px;
        height: 520px;
        min-height: 520px;
        margin-top: 32px;
    }

    .manage-action-chip {
        max-width: 190px;
        padding: 12px 14px;
    }

    .manage-action-chip--status {
        top: 188px;
        left: 10px;
    }

    .manage-action-chip--media {
        top: 238px;
        right: 0;
    }

    .manage-action-chip--online {
        top: 330px;
        left: 14px;
    }

    .manage-action-chip--boost {
        right: 4px;
        bottom: 136px;
    }

    .manage-action-chip--edit {
        left: 0;
        bottom: 124px;
    }

    .manage-footer-pill {
        bottom: 42px;
    }
}

@media screen and (max-width: 600px) {
    .manage-visual-side {
        min-height: 560px;
        padding: 36px 16px 28px;
    }

    .manage-workspace {
        width: 100%;
        min-height: auto;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
        justify-items: center;
        gap: 12px;
        pointer-events: none;
    }

    .manage-action-chip {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        max-width: none;
        min-height: 72px;
        padding: 10px 12px;
        border-radius: 18px;
    }

    .manage-action-chip__icon {
        width: 34px;
        height: 34px;
        border-radius: 12px;
    }

    .manage-action-chip__text strong {
        font-size: 13px;
    }

    .manage-action-chip__text > span {
        font-size: 11px;
    }

    .manage-action-chip--online {
        order: 3;
    }

    .manage-workspace .manage-phone {
        grid-column: 1 / -1;
        width: min(100%, 240px);
        max-width: 240px;
        height: 420px;
        min-height: 420px;
        margin-top: 0;
    }

    .manage-footer-pill {
        position: relative;
        left: auto;
        bottom: auto;
        transform: none;
        grid-column: 1 / -1;
        margin-top: 4px;
        font-size: 11px;
    }

    .manage-status-scene__bubble {
        font-size: 12px;
        padding: 14px;
    }

    .manage-status-scene__top {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .manage-status-scene__live {
        margin-left: 60px;
    }

    .manage-status-scene__availability {
        font-size: 11px;
    }

    .manage-boost-scene__card strong {
        font-size: 18px;
    }
}

/* ------------------------------------------------------------
   CALENDAR AND TOURING SLIDE
   ------------------------------------------------------------ */

.calendar-tour-visual-side {
    position: relative;
    width: 100%;
    height: 100dvh;
    min-height: 700px;
    overflow: hidden;
    background:
        radial-gradient(circle at 20% 20%, rgba(255, 51, 102, 0.14), transparent 28%),
        radial-gradient(circle at 82% 82%, rgba(59, 130, 246, 0.16), transparent 30%),
        linear-gradient(155deg, #070910 0%, #0b1323 48%, #05070d 100%);
}

.calendar-tour-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(72px);
    opacity: 0.34;
    animation: calendarTourFloat 14s ease-in-out infinite alternate;
}

.calendar-tour-orb--pink {
    width: 260px;
    height: 260px;
    top: 120px;
    left: 70px;
    background: linear-gradient(135deg, rgba(255, 51, 102, 0.7), rgba(236, 72, 153, 0.18));
}

.calendar-tour-orb--blue {
    width: 320px;
    height: 320px;
    right: 30px;
    bottom: 120px;
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.56), rgba(59, 130, 246, 0.14));
    animation-delay: -6s;
}

@keyframes calendarTourFloat {
    0% { transform: translate3d(-10px, -14px, 0) scale(1); }
    100% { transform: translate3d(14px, 12px, 0) scale(1.1); }
}

.calendar-tour-stage {
    position: relative;
    width: min(100%, 760px);
    min-height: 700px;
    margin: 0 auto;
    padding: 66px 0 24px;
    box-sizing: border-box;
}

.calendar-tour-pill {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 16px;
    border-radius: 999px;
    background: rgba(10, 14, 24, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
    color: rgba(255, 255, 255, 0.84);
    font-family: "S\00F6hne", sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.04em;
    white-space: nowrap;
    animation: calendarTourPillFloat 6s ease-in-out infinite;
}

.calendar-tour-pill__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 10px rgba(52, 211, 153, 0.7);
    animation: manageOnlineBlink 1.8s ease-in-out infinite;
}

.calendar-tour-pill svg {
    color: currentColor;
    flex-shrink: 0;
}

.calendar-tour-pill--package {
    top: 150px;
    right: 72px;
    color: #ff8cab;
    animation-delay: -1s;
}

.calendar-tour-pill--advance {
    top: 246px;
    left: 28px;
    animation-delay: -2.4s;
}

.calendar-tour-pill--auto {
    right: 0;
    bottom: 214px;
    animation-delay: -3.3s;
}

@keyframes calendarTourPillFloat {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, -8px, 0); }
}

.calendar-tour-panel {
    position: absolute;
    top: 220px;
    left: 78px;
    width: 390px;
    padding: 24px;
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.calendar-tour-panel__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.calendar-tour-panel__eyebrow {
    display: inline-block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.44);
    font-family: "S\00F6hne", sans-serif;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.calendar-tour-panel__title {
    margin: 0;
    color: #fff;
    font-family: "S\00F6hne", sans-serif;
    font-size: 25px;
    line-height: 1.08;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.calendar-tour-panel__badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(52, 211, 153, 0.12);
    border: 1px solid rgba(52, 211, 153, 0.22);
    color: #7ef0b5;
    font-family: "S\00F6hne", sans-serif;
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.08em;
}

.calendar-tour-panel__badge span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 8px rgba(126, 240, 181, 0.65);
    animation: manageOnlineBlink 1.8s ease-in-out infinite;
}

.calendar-tour-calendar {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 18px;
}

.calendar-tour-calendar span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.52);
    font-family: "S\00F6hne", sans-serif;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
}

.calendar-tour-calendar .is-active,
.calendar-tour-calendar .is-range {
    color: #fff;
}

.calendar-tour-calendar .is-range {
    animation: calendarRangePulse 8s ease-in-out infinite;
}

.calendar-tour-calendar .is-active {
    background: linear-gradient(135deg, rgba(255, 51, 102, 0.88), rgba(255, 124, 166, 0.72));
    box-shadow: 0 14px 28px rgba(255, 51, 102, 0.18);
    animation: calendarActivePulse 8s ease-in-out infinite;
}

.calendar-tour-calendar .is-start { animation-delay: 0.2s; }
.calendar-tour-calendar .is-end { animation-delay: 1s; }

@keyframes calendarRangePulse {
    0%, 100% { background: rgba(255, 255, 255, 0.04); }
    25%, 70% { background: rgba(255, 255, 255, 0.09); }
}

@keyframes calendarActivePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.06); }
}

.calendar-tour-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.calendar-tour-field {
    position: relative;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.calendar-tour-field::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.12) 50%, transparent 100%);
    transform: translateX(-140%);
    animation: calendarFieldSweep 8s ease-in-out infinite;
}

.calendar-tour-field--end::after { animation-delay: 1.1s; }

@keyframes calendarFieldSweep {
    0%, 14% { transform: translateX(-140%); }
    26%, 42% { transform: translateX(140%); }
    100% { transform: translateX(140%); }
}

.calendar-tour-field__label {
    display: block;
    margin-bottom: 7px;
    color: rgba(255, 255, 255, 0.42);
    font-family: "S\00F6hne", sans-serif;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.calendar-tour-field strong {
    color: #fff;
    font-family: "S\00F6hne", sans-serif;
    font-size: 17px;
    line-height: 1.1;
    font-weight: 500;
}

.calendar-tour-city-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.calendar-tour-city {
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.58);
    font-family: "S\00F6hne", sans-serif;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.calendar-tour-city--auckland {
    animation: calendarCityAuckland 8s ease-in-out infinite;
}

.calendar-tour-city--hamilton {
    animation: calendarCityHamilton 8s ease-in-out infinite;
}

@keyframes calendarCityAuckland {
    0%, 38% {
        background: rgba(255, 51, 102, 0.18);
        border-color: rgba(255, 51, 102, 0.36);
        color: #fff;
    }
    50%, 100% {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.08);
        color: rgba(255, 255, 255, 0.58);
    }
}

@keyframes calendarCityHamilton {
    0%, 44% {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.08);
        color: rgba(255, 255, 255, 0.58);
    }
    56%, 100% {
        background: rgba(59, 130, 246, 0.18);
        border-color: rgba(59, 130, 246, 0.34);
        color: #fff;
    }
}

.calendar-tour-note {
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.62);
    font-family: "S\00F6hne", sans-serif;
    font-size: 13px;
    line-height: 1.45;
}

.calendar-tour-preview {
    position: absolute;
    right: 22px;
    bottom: 126px;
    width: 270px;
    padding: 22px;
    border-radius: 28px;
    background: rgba(9, 12, 20, 0.84);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.32);
}

.calendar-tour-preview__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.calendar-tour-preview__avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ff3366, #ff7ca6);
    color: #fff;
    font-family: "S\00F6hne", sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
}

.calendar-tour-preview__meta strong {
    display: block;
    color: #fff;
    font-family: "S\00F6hne", sans-serif;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
}

.calendar-tour-preview__meta span {
    display: block;
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.46);
    font-family: "S\00F6hne", sans-serif;
    font-size: 12px;
    line-height: 1.3;
}

.calendar-tour-preview__touring {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 16px;
}

.calendar-tour-preview__touring-pill {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255, 51, 102, 0.12);
    border: 1px solid rgba(255, 51, 102, 0.24);
    color: #ff7ca6;
    font-family: "S\00F6hne", sans-serif;
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.08em;
    animation: calendarTourTagPulse 3s ease-in-out infinite;
}

.calendar-tour-preview__touring-text {
    color: rgba(255, 255, 255, 0.78);
    font-family: "S\00F6hne", sans-serif;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
}

@keyframes calendarTourTagPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

.calendar-tour-preview__citycard {
    padding: 16px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.calendar-tour-preview__label {
    display: block;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.42);
    font-family: "S\00F6hne", sans-serif;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.calendar-tour-city-switch {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.calendar-tour-city-switch__item {
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.55);
    font-family: "S\00F6hne", sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
}

.calendar-tour-city-switch__item--auckland {
    animation: calendarCityAuckland 8s ease-in-out infinite;
}

.calendar-tour-city-switch__item--hamilton {
    animation: calendarCityHamilton 8s ease-in-out infinite;
}

.calendar-tour-preview__copy {
    margin: 0;
    color: rgba(255, 255, 255, 0.6);
    font-family: "S\00F6hne", sans-serif;
    font-size: 13px;
    line-height: 1.45;
}

@media screen and (max-width: 1000px) {
    .calendar-tour-visual-side {
        min-height: 720px;
    }

    .calendar-tour-stage {
        width: min(100%, 640px);
        min-height: 720px;
        padding-top: 44px;
    }

    .calendar-tour-panel {
        top: 166px;
        left: 20px;
        width: 340px;
        padding: 20px;
    }

    .calendar-tour-panel__title {
        font-size: 22px;
    }

    .calendar-tour-pill--package {
        top: 104px;
        right: 34px;
    }

    .calendar-tour-pill--advance {
        top: 208px;
        left: 0;
    }

    .calendar-tour-pill--auto {
        right: 0;
        bottom: 178px;
    }

    .calendar-tour-preview {
        right: 0;
        bottom: 90px;
        width: 236px;
        padding: 18px;
    }
}

@media screen and (max-width: 600px) {
    .calendar-tour-visual-side {
        min-height: 560px;
        padding: 20px 16px 28px;
        box-sizing: border-box;
    }

    .calendar-tour-stage {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
        min-height: auto;
        padding: 0;
    }

    .calendar-tour-pill,
    .calendar-tour-panel,
    .calendar-tour-preview {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
    }

    .calendar-tour-pill {
        justify-content: center;
        white-space: normal;
        text-align: center;
    }

    .calendar-tour-panel {
        order: 4;
        padding: 18px;
    }

    .calendar-tour-preview {
        order: 5;
        padding: 18px;
    }

    .calendar-tour-fields {
        grid-template-columns: 1fr;
    }

    .calendar-tour-city-switch,
    .calendar-tour-city-row {
        flex-wrap: wrap;
    }
}

.bento-wrap {
    /* Dark frosted glass — near-opaque with subtle glass depth */
    background:
        radial-gradient(ellipse at 50% 0%, rgba(59,130,246,0.06) 0%, transparent 50%),
        linear-gradient(180deg, rgba(12,18,35,0.97) 0%, rgba(8,11,24,0.99) 100%);
    backdrop-filter: blur(40px) saturate(150%);
    -webkit-backdrop-filter: blur(40px) saturate(150%);
    padding: 48px;
    border: 1px solid rgba(255,255,255,0.08);
    border-top-color: rgba(255,255,255,0.14);
    border-radius: 60px;
    margin: 40px auto;
    max-width: 1200px;
    position: relative;
    overflow: hidden;
    /* Layered depth + inner highlight */
    box-shadow:
        inset 0 1px 0 0 rgba(255,255,255,0.06),
        inset 0 0 80px rgba(59,130,246,0.03),
        0 40px 80px -20px rgba(0,0,0,0.6),
        0 8px 24px -4px rgba(0,0,0,0.4);
}

/* Luminous top-edge glow */
.bento-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 15%;
    right: 15%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(59,130,246,0.5), rgba(139,92,246,0.35), transparent);
    z-index: 2;
    pointer-events: none;
}

/* Ambient blobs */
.bento-blob {
    position: absolute;
    width: 500px;
    height: 500px;
    filter: blur(90px);
    border-radius: 50%;
    z-index: 0;
    opacity: 0.32;
    animation: bentoBlob 20s infinite alternate ease-in-out;
    pointer-events: none;
}
.bento-blob--blue {
    background: linear-gradient(135deg, #3B82F6, #8B5CF6);
    top: -15%;
    left: -10%;
}
.bento-blob--pink {
    background: linear-gradient(135deg, #EC4899, #F59E0B);
    bottom: -15%;
    right: -10%;
    animation-delay: -7s;
}
@keyframes bentoBlob {
    0%   { transform: translate(-8%, -8%) scale(1); }
    100% { transform: translate(8%, 8%) scale(1.15); }
}

/* 2-column grid */
.bento-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
    position: relative;
    z-index: 1;
    min-height: 700px;
}

/* Card base */
.bento-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 28px;
    color: #fff;
    padding: 36px;
    transition: transform 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275),
                background 0.35s ease,
                border-color 0.35s ease,
                box-shadow 0.35s ease;
    overflow: hidden;
    position: relative;
}
.bento-card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

/* Spans */
.bento-span-2v { grid-row: span 2; }

/* Typography — site fonts */
.bento-card__title {
    font-family: "Söhne", sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.15;
    margin: 0 0 12px;
    letter-spacing: -0.02em;
    color: #fff;
}
.bento-card__desc {
    font-family: "Söhne", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
}

/* ── Card 1: Platform / Phone (left, spans 2 rows) ── */
.bento-card--platform {
    display: flex;
    flex-direction: column;
}
.bento-card--platform .bento-card__desc {
    margin-bottom: 24px;
}

/* Phone shell */
.bento-phone {
    flex: 1;
    background: #0D0D14;
    border: 2px solid rgba(255,255,255,0.06);
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    min-height: 280px;
}
.bento-phone__notch {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 14px;
    background: #000;
    border-radius: 0 0 12px 12px;
    z-index: 5;
}

/* Scene cycling */
.bento-phone__scene {
    position: absolute;
    inset: 0;
    padding: 32px 20px 20px;
    opacity: 0;
    display: flex;
    flex-direction: column;
    animation: bentoScene 12s infinite ease-in-out;
}
.bento-phone__scene--2 { animation-delay: 4s; }
.bento-phone__scene--3 { animation-delay: 8s; }
@keyframes bentoScene {
    0%, 2%   { opacity: 0; transform: translateY(8px); }
    6%, 28%  { opacity: 1; transform: translateY(0); }
    33%, 100%{ opacity: 0; transform: translateY(-6px); }
}

/* Scene 1: Profile Edit */
.scene-profile__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff3366, #ff6b9d);
    margin: 0 auto 16px;
    position: relative;
    overflow: hidden;
}
.scene-profile__avatar::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 40%, rgba(255,255,255,0.3) 50%, transparent 60%);
    animation: bentoShimmer 2s infinite;
}
@keyframes bentoShimmer {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
.scene-profile__field {
    height: 10px;
    border-radius: 5px;
    background: rgba(255,255,255,0.06);
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.scene-profile__field::after {
    content: '';
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    width: 0;
    background: rgba(255,255,255,0.12);
    border-radius: 5px;
    animation: bentoFieldFill 12s infinite ease-out;
}
.scene-profile__field:nth-child(2)::after { animation-delay: 0.3s; }
.scene-profile__field:nth-child(3)::after { animation-delay: 0.6s; }
.scene-profile__field:nth-child(4)::after { animation-delay: 0.9s; }
.scene-profile__field--wide { height: 28px; margin-top: 4px; }
.scene-profile__field--wide::after { animation-delay: 1.2s; }
@keyframes bentoFieldFill {
    0%, 2%  { width: 0; }
    6%      { width: 75%; }
    28%     { width: 75%; }
    33%     { width: 0; }
    100%    { width: 0; }
}
.scene-profile__btn {
    margin-top: auto;
    height: 32px;
    border-radius: 8px;
    background: #ff3366;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.04em;
    animation: bentoBtnPulse 12s infinite ease-in-out;
}
@keyframes bentoBtnPulse {
    0%, 20% { transform: scale(1); }
    24%     { transform: scale(0.95); }
    27%     { transform: scale(1); }
    33%, 100% { transform: scale(1); }
}

/* Scene 2: Video Upload */
.scene-video__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    margin-bottom: 12px;
}
.scene-video__thumb {
    aspect-ratio: 1;
    border-radius: 4px;
    background: rgba(255,255,255,0.04);
    position: relative;
    opacity: 0;
    animation: bentoThumbIn 12s infinite ease-out;
}
.scene-video__thumb::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent rgba(255,255,255,0.3);
}
.scene-video__thumb:nth-child(1)  { animation-delay: 4.2s; }
.scene-video__thumb:nth-child(2)  { animation-delay: 4.5s; }
.scene-video__thumb:nth-child(3)  { animation-delay: 4.8s; }
.scene-video__thumb:nth-child(4)  { animation-delay: 5.1s; }
.scene-video__thumb:nth-child(5)  { animation-delay: 5.4s; }
.scene-video__thumb:nth-child(6)  { animation-delay: 5.7s; }
.scene-video__thumb:nth-child(7)  { animation-delay: 6.0s; }
.scene-video__thumb:nth-child(8)  { animation-delay: 6.3s; }
.scene-video__thumb:nth-child(9)  { animation-delay: 6.6s; }
.scene-video__thumb:nth-child(10) { animation-delay: 6.9s; }
@keyframes bentoThumbIn {
    0%, 2%  { opacity: 0; transform: scale(0.7); }
    5%      { opacity: 1; transform: scale(1); background: rgba(59,130,246,0.15); }
    28%     { opacity: 1; background: rgba(255,255,255,0.06); }
    33%     { opacity: 0; }
    100%    { opacity: 0; }
}
.scene-video__bar {
    height: 4px;
    border-radius: 2px;
    background: rgba(255,255,255,0.08);
    overflow: hidden;
    margin-bottom: 8px;
}
.scene-video__bar-fill {
    height: 100%;
    width: 0;
    border-radius: 2px;
    background: linear-gradient(90deg, #34d399, #3B82F6);
    animation: bentoBarFill 12s infinite ease-out;
}
@keyframes bentoBarFill {
    0%, 3%  { width: 0; }
    28%     { width: 100%; }
    33%     { width: 0; }
    100%    { width: 0; }
}
.scene-video__counter {
    font-size: 11px;
    color: rgba(255,255,255,0.35);
    text-align: center;
    letter-spacing: 0.03em;
}

/* Scene 3: Story */
.scene-story__preview {
    flex: 1;
    border-radius: 14px;
    background: linear-gradient(160deg, rgba(255,51,102,0.12), rgba(139,92,246,0.08));
    border: 1px dashed rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    position: relative;
}
.scene-story__ring {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 3px solid transparent;
    background-image: linear-gradient(#0D0D14, #0D0D14),
                      linear-gradient(135deg, #ff3366, #F59E0B, #EC4899);
    background-origin: border-box;
    background-clip: content-box, border-box;
    animation: bentoRingSpin 12s infinite linear;
}
.scene-story__ring::after {
    content: '';
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff3366, #8B5CF6);
    opacity: 0.35;
}
@keyframes bentoRingSpin {
    0%, 67%  { transform: rotate(0deg) scale(0.8); opacity: 0.3; }
    72%      { transform: rotate(180deg) scale(1); opacity: 1; }
    90%      { transform: rotate(360deg) scale(1); opacity: 1; }
    95%, 100%{ transform: rotate(360deg) scale(0.8); opacity: 0.3; }
}
.scene-story__check {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #fff;
    opacity: 0;
    animation: bentoCheck 12s infinite ease-out;
}
@keyframes bentoCheck {
    0%, 78%  { opacity: 0; transform: translate(-50%, -50%) scale(0.5); }
    82%      { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }
    88%, 95% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    100%     { opacity: 0; }
}
.scene-story__btn {
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, #ff3366, #EC4899);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    animation: bentoBtnPulse 12s infinite ease-in-out;
    animation-delay: 8s;
}

/* ── Card 2: Analytics Dashboard ── */
.bento-card--dashboard {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 28px 28px 24px;
}

/* Section containers */
.bento-dashboard-section {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 0;
}
.bento-dashboard-section:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,0.04);
}
.bento-dashboard-label {
    font-family: "Söhne", sans-serif;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.15em;
    color: #6b7a99;
    text-transform: uppercase;
}

/* ── Section A: Profile Views Ring ── */
.bento-views-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}
.bento-views-ring {
    width: 80px;
    height: 80px;
    position: relative;
    flex-shrink: 0;
}
.bento-views-ring svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}
.bento-views-ring__track {
    fill: none;
    stroke: rgba(255,255,255,0.06);
    stroke-width: 5;
}
.bento-views-ring__fill {
    fill: none;
    stroke: #4d7cfe;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-dasharray: 213.6;
    stroke-dashoffset: 213.6;
}
.bento-dashboard--animated .bento-views-ring__fill {
    animation: bentoRingDraw 800ms ease-out forwards;
}
@keyframes bentoRingDraw {
    0%   { stroke-dashoffset: 213.6; }
    100% { stroke-dashoffset: 59.8; }
}
.bento-views-value {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Söhne", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.02em;
}
.bento-views-toggle {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.bento-views-pill {
    font-family: "Söhne", sans-serif;
    font-size: 10px;
    font-weight: 500;
    color: #6b7a99;
    padding: 4px 12px;
    border-radius: 20px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    letter-spacing: 0.02em;
    cursor: default;
}
.bento-views-pill--active {
    color: #fff;
    background: rgba(77,124,254,0.15);
    border-color: rgba(77,124,254,0.3);
}

/* ── Section B: Retention ── */
.bento-retention-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.bento-retention-ring {
    width: 64px;
    height: 64px;
    position: relative;
}
.bento-retention-ring svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}
.bento-retention-ring__track {
    fill: none;
    stroke: rgba(255,255,255,0.06);
    stroke-width: 5;
}
.bento-retention-ring__fill {
    fill: none;
    stroke: #8b5cf6;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-dasharray: 163.4;
    stroke-dashoffset: 163.4;
}
.bento-dashboard--animated .bento-retention-ring__fill {
    animation: bentoRetentionDraw 700ms ease-out 200ms forwards;
}
@keyframes bentoRetentionDraw {
    0%   { stroke-dashoffset: 163.4; }
    100% { stroke-dashoffset: 40.8; }
}
.bento-retention-value {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Söhne", sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.02em;
}

/* ── Section C: Engagement Bars ── */
.bento-engagement-bars {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    height: 60px;
}
.bento-engagement-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    height: 100%;
    justify-content: flex-end;
}
.bento-engagement-bar {
    width: 100%;
    height: var(--bar-height, 50%);
    border-radius: 4px 4px 0 0;
    background: linear-gradient(to top, #4d7cfe, #8b5cf6);
    transform: scaleY(0);
    transform-origin: bottom;
}
.bento-dashboard--animated .bento-engagement-bar {
    animation: bentoBarRise 600ms ease-out forwards;
}
.bento-dashboard--animated .bento-engagement-col:nth-child(1) .bento-engagement-bar { animation-delay: 400ms; }
.bento-dashboard--animated .bento-engagement-col:nth-child(2) .bento-engagement-bar { animation-delay: 500ms; }
.bento-dashboard--animated .bento-engagement-col:nth-child(3) .bento-engagement-bar { animation-delay: 600ms; }
.bento-dashboard--animated .bento-engagement-col:nth-child(4) .bento-engagement-bar { animation-delay: 700ms; }
@keyframes bentoBarRise {
    0%   { transform: scaleY(0); }
    100% { transform: scaleY(1); }
}
.bento-engagement-bar--tallest {
    box-shadow: 0 0 12px rgba(77,124,254,0.4);
}
.bento-engagement-bar-label {
    font-family: "Söhne", sans-serif;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: #6b7a99;
    text-transform: uppercase;
}

/* ── Card 3: Secure Payments with Prezzy cards ── */
.bento-card--payments {
    display: flex;
    flex-direction: column;
    overflow: visible;
}
.bento-card--payments .bento-card__desc {
    margin-bottom: 20px;
}

.bento-prezzy-stack {
    position: relative;
    flex: 1;
    min-height: 160px;
}

.bento-prezzy {
    position: absolute;
    width: 220px;
    height: 138px;
    border-radius: 14px;
    background: linear-gradient(145deg, #1a1a2e 0%, #0a0a12 60%, #111122 100%);
    border: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 16px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.02) inset;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    overflow: hidden;
}

/* Gold chip */
.bento-prezzy__chip {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 32px;
    height: 24px;
    border-radius: 4px;
    background: linear-gradient(135deg, #d4a853 0%, #f0d78c 40%, #b8941f 100%);
    box-shadow: 0 1px 3px rgba(0,0,0,0.4), 0 0 0 0.5px rgba(212,168,83,0.3) inset;
}
.bento-prezzy__chip::after {
    content: '';
    position: absolute;
    top: 4px; left: 4px; right: 4px; bottom: 4px;
    border: 0.5px solid rgba(0,0,0,0.15);
    border-radius: 2px;
}

/* Mastercard circles */
.bento-prezzy__mc {
    position: absolute;
    bottom: 16px;
    right: 18px;
    display: flex;
}
.bento-prezzy__mc-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.bento-prezzy__mc-red {
    background: #EB001B;
    opacity: 0.9;
}
.bento-prezzy__mc-yellow {
    background: #F79E1B;
    margin-left: -9px;
    opacity: 0.9;
}

/* Prezzy branding */
.bento-prezzy__brand {
    position: absolute;
    top: 18px;
    left: 20px;
    font-family: "Söhne", sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: rgba(255,255,255,0.85);
    letter-spacing: -0.01em;
}
.bento-prezzy__sub {
    position: absolute;
    top: 38px;
    left: 20px;
    font-size: 10px;
    font-weight: 500;
    color: #ff3366;
    font-style: italic;
}

/* Sparkle dots on back card */
.bento-prezzy__dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 12px 12px;
}

/* Card positions — break out of card boundary */
.bento-prezzy--back {
    left: 55%;
    bottom: -30px;
    transform: rotate(-22deg) translateX(-20%);
    filter: brightness(0.6);
    z-index: 1;
}
.bento-prezzy--front {
    left: 35%;
    bottom: -20px;
    transform: rotate(-18deg) translateX(-25%);
    z-index: 2;
}
.bento-card--payments:hover .bento-prezzy--front {
    transform: rotate(-14deg) translateX(-25%) translateY(-8px);
}
.bento-card--payments:hover .bento-prezzy--back {
    transform: rotate(-18deg) translateX(-20%) translateY(-5px);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .bento-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        min-height: auto;
    }
    .bento-span-2v { grid-row: span 1; }
    .bento-card--platform { min-height: 500px; }
    .bento-wrap {
        border-radius: 32px;
        padding: 24px 16px;
        margin: 24px 16px;
    }
    .bento-card { border-radius: 20px; padding: 24px; }
    .bento-card__title { font-size: 22px; }
    .bento-blob { width: 300px; height: 300px; }
    .bento-prezzy { width: 180px; height: 112px; }
    .bento-prezzy__brand { font-size: 15px; }
}

.faq-row-link {
    display: block;
    padding-left: 0;
    border: 0;
    background: none;
    text-align: left;
    font: inherit;
    color: inherit;
}

@media (max-width: 768px) {
    .inner-title-intro {
        padding: 40px 28px 0;
    }

    .inner-title-intro h1 {
        font-size: 28px !important;
        line-height: 1.15 !important;
    }

    .inner-title-intro h1 .title-1 {
        font-size: inherit !important;
    }

    .inner-title-intro h1 .heart-icon-inline {
        white-space: nowrap;
    }

    .inner-title-intro h1 .heart-icon svg {
        width: 10px;
        height: 9px;
        vertical-align: middle;
    }

    .inner-title-intro h2 {
        font-size: 17px !important;
        line-height: 1.45 !important;
    }

    .inner-title-intro .fs-text-18 {
        font-size: 14px !important;
    }
}

/* This page is designed against a light canvas, but the shared theme CSS
   re-applies the global dark discovery background after this file loads. */
body.page,
body.page #page,
body.page #page > #app,
body.page #page > #app > main {
    background-color: #e0e0e0 !important;
}