﻿@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900";@import"https://fonts.googleapis.com/css2?family=Jura:wght@400;700&display=swap";*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{height:100%;margin:0;padding:0;background:#f2f2f2;font-family:"Inter","Lato",-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;text-rendering:optimizelegibility}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}ul{list-style-type:none;margin:0;padding:0}ul.bp{list-style-type:disc;margin-left:2.5em;margin-block-start:1em}button{font-family:inherit;cursor:pointer}input,textarea{font-family:"Inter","Lato",-apple-system,BlinkMacSystemFont,sans-serif}h1,h2,h3,h4,h5,h6{font-family:"Inter","Lato",sans-serif;font-weight:700;line-height:1.2;margin:0 0 .75em 0;letter-spacing:-0.02em}h1{font-size:2.5rem;font-weight:800;line-height:1.1;letter-spacing:-0.03em}@media only screen and (min-width: 820px){h1{font-size:3.5rem}}@media only screen and (min-width: 982px){h1{font-size:4rem}}h2{font-size:2rem;font-weight:700;line-height:1.2}@media only screen and (min-width: 820px){h2{font-size:2.5rem}}h3{font-size:1.5rem;font-weight:600;line-height:1.3}@media only screen and (min-width: 820px){h3{font-size:1.75rem}}h4{font-size:1.25rem;font-weight:600;line-height:1.4}h5{font-size:1.125rem;font-weight:500;line-height:1.4}h6{font-size:1rem;font-weight:500;line-height:1.4}p{margin:0 0 1.25em 0;line-height:1.7;font-size:1rem}@media only screen and (min-width: 820px){p{font-size:1.125rem}}.text-gradient{background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.text-balance{text-wrap:balance}blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;padding:.5em 10px;quotes:"“" "”" "‘" "’"}blockquote::before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-0.4em}blockquote:hover{border-left-color:#047aed}blockquote:hover::before{color:#047aed}blockquote p{display:inline;font-style:italic}.container{max-width:100%;margin:0 auto;padding:0 1rem}@media only screen and (min-width: 1040px){.container{max-width:1280px;padding:0}}.container.mb{margin-bottom:2em}section{padding:4rem 1.5rem}@media only screen and (min-width: 1040px){section{padding:8rem 2rem}}footer{padding:4rem 1.5rem}@media only screen and (min-width: 1040px){footer{padding:8rem 2rem}}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:1fr}@media only screen and (min-width: 820px){.grid.cols-2{grid-template-columns:repeat(2, 1fr)}}.grid.cols-3{grid-template-columns:1fr}@media only screen and (min-width: 820px){.grid.cols-3{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 982px){.grid.cols-3{grid-template-columns:repeat(3, 1fr)}}.grid.cols-4{grid-template-columns:1fr}@media only screen and (min-width: 650px){.grid.cols-4{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 982px){.grid.cols-4{grid-template-columns:repeat(4, 1fr)}}.flex{display:flex}.flex.justify-center{justify-content:center}.flex.justify-between{justify-content:space-between}.flex.align-center{align-items:center}.flex.flex-col{flex-direction:column}.flex.gap-1{gap:1rem}.flex.gap-2{gap:2rem}.card{background-color:#fff;padding:1rem;border-radius:.5rem}.ibtn{display:inline-block;background:linear-gradient(135deg, #047aed 0%, #0360c2 100%);color:#fff;border:none;border-radius:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:700;line-height:1.5;text-decoration:none;text-align:center;cursor:pointer;outline:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.ibtn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%, -50%);transition:width .6s,height .6s}.ibtn:active::before{width:300px;height:300px}.ibtn:focus,.ibtn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.ibtn:active{transform:translateY(0)}.ibtn.btn-secondary{background:linear-gradient(135deg, #6413f6 0%, #a855f7 100%)}.ibtn.btn-success{background:linear-gradient(135deg, #11ed9d 0%, #06c766 100%)}.ibtn.btn-outline{background:rgba(0,0,0,0);border:2px solid #047aed;color:#047aed;box-shadow:none}.ibtn.btn-outline:hover{background:#047aed;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.ibtn.btn-lg{padding:1.5rem 4rem;font-size:1.125rem}.ibtn.btn-sm{padding:.5rem 1.5rem;font-size:.875rem}.primary-cta{display:inline-block;background:linear-gradient(135deg, #047aed 0%, #0360c2 100%);color:#fff;border:none;text-decoration:none;padding:1rem 3rem;font-size:1.125rem;font-weight:700;border-radius:9999px;box-shadow:0 10px 30px -5px rgba(4,122,237,.3);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.primary-cta::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .5s}.primary-cta:hover::after{left:100%}.primary-cta:hover{transform:translateY(-3px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.primary-cta:active{transform:translateY(-1px)}.primary-cta.cta-light{background:#fff;color:#047aed;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.primary-cta.cta-light:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.intlink{color:#fff;text-decoration:underline}.intlink:hover{font-weight:700}.navbar{background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);padding:1rem 2rem;position:sticky;top:0;z-index:200;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.navbar.scrolled{padding:.5rem 2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);background:hsla(0,0%,100%,.95)}.navbar .logo{text-decoration:none;font-family:"Jura",sans-serif;color:#047aed;font-size:1.75rem;font-weight:700;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;gap:.5rem}.navbar .logo:hover{color:#0360c2;transform:scale(1.02)}.navbar .logo svg{height:32px;width:auto;display:inline-block;fill:#047aed;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.navbar .container{display:flex;align-content:space-between;justify-content:space-between;align-items:center;max-width:1280px;width:100%;margin:0 auto}.navbar .mobile-menu{cursor:pointer;font-size:1.5rem;color:#002240;padding:.5rem;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1);border:none;background:none;display:flex;align-items:center;justify-content:center}.navbar .mobile-menu:hover{color:#047aed;transform:scale(1.1)}.navbar .mobile-menu:active{transform:scale(0.95)}.navbar nav,.navbar #main-nav{display:none;position:fixed;z-index:500;width:80%;max-width:320px;right:-100%;top:0;background:linear-gradient(135deg, #6413f6 0%, #047aed 100%);height:100vh;padding:4rem 2rem;transition:right .3s ease-out;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.navbar nav.menu-open,.navbar #main-nav.menu-open{display:block;right:0;animation:slideInRight .3s ease-out}.navbar nav ul.primary-nav,.navbar #main-nav ul.primary-nav{margin-top:6rem;list-style:none;padding:0}.navbar nav a,.navbar #main-nav a{color:#fff;text-decoration:none;display:block;padding:1rem 1.5rem;font-size:1.125rem;font-weight:500;text-align:left;border-radius:.5rem;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:.25rem}.navbar nav a:hover,.navbar #main-nav a:hover{background:hsla(0,0%,100%,.15);transform:translateX(8px);font-weight:600}.navbar nav .mobile-menu-exit,.navbar #main-nav .mobile-menu-exit{position:absolute;top:2rem;right:2rem;cursor:pointer;font-size:2rem;color:#fff;background:hsla(0,0%,100%,.1);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1)}.navbar nav .mobile-menu-exit:hover,.navbar #main-nav .mobile-menu-exit:hover{background:hsla(0,0%,100%,.2);transform:rotate(90deg)}@media only screen and (min-width: 820px){.navbar{padding:1.5rem 1rem}.navbar.scrolled{padding:1rem 1rem}.navbar .mobile-menu,.navbar nav .mobile-menu-exit,.navbar #main-nav .mobile-menu-exit{display:none !important}.navbar .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}.navbar nav,.navbar #main-nav{display:flex !important;justify-content:flex-end;align-items:center;background:none !important;position:static;height:auto;flex:1;padding:0 !important;right:auto;width:auto;max-width:100%;box-shadow:none !important;border:none !important;border-radius:0 !important}.navbar nav ul,.navbar #main-nav ul{display:flex;align-items:center;gap:.25rem;list-style:none;padding:0;margin:0}.navbar nav ul.primary-nav,.navbar #main-nav ul.primary-nav{flex:0 0 auto;margin-right:auto;margin-top:0 !important;margin-left:4rem}.navbar nav ul.primary-nav li:not(.join-selyo-cta) a,.navbar #main-nav ul.primary-nav li:not(.join-selyo-cta) a{color:#262626;font-size:.9375rem;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;position:relative;text-align:center;white-space:nowrap;background:rgba(0,0,0,0)}.navbar nav ul.primary-nav li:not(.join-selyo-cta) a::after,.navbar #main-nav ul.primary-nav li:not(.join-selyo-cta) a::after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:2px;background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);transition:all .15s cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(-50%)}.navbar nav ul.primary-nav li:not(.join-selyo-cta) a:hover,.navbar #main-nav ul.primary-nav li:not(.join-selyo-cta) a:hover{color:#047aed;background:rgba(0,0,0,0)}.navbar nav ul.primary-nav li:not(.join-selyo-cta) a:hover::after,.navbar #main-nav ul.primary-nav li:not(.join-selyo-cta) a:hover::after{width:calc(100% - 2rem)}.navbar nav ul.primary-nav li.current:not(.join-selyo-cta) a,.navbar #main-nav ul.primary-nav li.current:not(.join-selyo-cta) a{color:#047aed;font-weight:600;background:rgba(0,0,0,0)}.navbar nav ul.secondary-nav,.navbar #main-nav ul.secondary-nav{flex:0 0 auto;margin-left:auto;gap:.5rem}.navbar nav ul.secondary-nav a,.navbar #main-nav ul.secondary-nav a{white-space:nowrap;padding:.25rem 1rem;font-size:.875rem;font-weight:600;border-radius:9999px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.navbar nav ul.secondary-nav a::after,.navbar #main-nav ul.secondary-nav a::after{display:none}.navbar nav ul.secondary-nav li:first-child a,.navbar #main-nav ul.secondary-nav li:first-child a{background:rgba(0,0,0,0);color:#047aed;border:2px solid #047aed}.navbar nav ul.secondary-nav li:first-child a:hover,.navbar #main-nav ul.secondary-nav li:first-child a:hover{background:rgba(4,122,237,.1);transform:translateY(-2px);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.navbar nav ul.secondary-nav li:last-child a,.navbar #main-nav ul.secondary-nav li:last-child a{background:linear-gradient(135deg, #047aed 0%, #0360c2 100%);color:#fff;border:2px solid rgba(0,0,0,0);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.navbar nav ul.secondary-nav li:last-child a:hover,.navbar #main-nav ul.secondary-nav li:last-child a:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);background:linear-gradient(135deg, #047aed 0%, #6413f6 100%)}.navbar nav ul.secondary-nav li:last-child a:active,.navbar #main-nav ul.secondary-nav li:last-child a:active{transform:translateY(0)}}@media only screen and (min-width: 1040px){.navbar{padding:1.5rem 2rem}.navbar.scrolled{padding:1rem 2rem}.navbar nav ul.primary-nav,.navbar #main-nav ul.primary-nav{margin-right:3rem;gap:.5rem}.navbar nav ul.secondary-nav,.navbar #main-nav ul.secondary-nav{gap:1rem}.navbar nav ul.secondary-nav a,.navbar #main-nav ul.secondary-nav a{padding:.5rem 1.5rem}}@media only screen and (min-width: 1130px){.navbar{padding:1.5rem 3rem}.navbar.scrolled{padding:1rem 3rem}.navbar nav ul.primary-nav,.navbar #main-nav ul.primary-nav{margin-right:4rem}.navbar nav ul.secondary-nav,.navbar #main-nav ul.secondary-nav{gap:1.5rem}}@keyframes slideInRight{from{right:-100%;opacity:0}to{right:0;opacity:1}}section.video-section .container{display:flex;flex-direction:column;gap:3em;align-items:center}section.video-section .video-player{width:100%;max-width:500px}section.video-section .video-player video{width:100%;height:auto;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2)}section.video-section h2{font-size:2em;line-height:1.3em;font-weight:700}@media only screen and (min-width: 1040px){section.video-section .container{flex-direction:row-reverse;align-items:flex-start}section.video-section .container .video-player{margin-left:3em}}section.whyuse-section{background-color:#fff}section.whyuse-section h2{font-size:2em;line-height:1.3em;font-weight:700}section.whyuse-section .benefit{display:grid;grid-template-columns:repeat(3, 1fr);margin-top:3em}section.whyuse-section .benefit .block{transition:all 100ms ease-in-out;background:url("/assets/images/backpattern1.svg");background-color:#7674e0;margin:1em;padding:15px 30px;border-radius:20px}section.whyuse-section .benefit .block:hover{transform:scale(1.05);box-shadow:.5em .5em .5em #aaa}section.whyuse-section .benefit .block h3{text-align:center;font-size:1.8em;font-weight:700;color:#fff;margin-bottom:.5em}section.whyuse-section .benefit .block p{color:#fff;line-height:1.3em}section.whyuse-section .hero-cta{text-align:center;margin-top:2em;transition:all .1s}section.whyuse-section .hero-cta:hover{transform:scale(1.1)}@media only screen and (max-width: 1000px){section.whyuse-section .benefit{grid-template-columns:repeat(2, 1fr)}section.whyuse-section .benefit .block:last-child{grid-column:span 2}}@media only screen and (max-width: 700px){section.whyuse-section .benefit{grid-template-columns:1fr}section.whyuse-section .benefit .block:last-child{grid-column:auto}}section.features-section{position:relative;background:#047aed;color:#fff;padding:6rem 2rem}section.features-section::before{content:"";position:absolute;width:100%;height:30px;top:-30px;left:0;right:0;mask-image:url("/assets/images/paper-tear-top-white.png");-webkit-mask-image:url("/assets/images/paper-tear-top-white.png");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;background-color:#047aed}section.features-section .container{position:relative}section.features-section h2{font-size:2.5rem;line-height:1.2;font-weight:700;text-align:center;margin-bottom:1rem}@media only screen and (min-width: 820px){section.features-section h2{font-size:3rem}}section.features-section .section-intro{text-align:center;font-size:1.125rem;margin-bottom:6rem;opacity:.95}section.features-section .benefits-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1100px;margin:0 auto 6rem}@media only screen and (min-width: 820px){section.features-section .benefits-grid{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 1040px){section.features-section .benefits-grid{grid-template-columns:repeat(4, 1fr)}}section.features-section .benefit-card{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2);border-radius:1rem;padding:3rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column}section.features-section .benefit-card:hover{transform:translateY(-8px);background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4);box-shadow:0 20px 40px rgba(0,0,0,.3)}section.features-section .benefit-card:hover .benefit-icon{transform:scale(1.1) rotate(5deg)}section.features-section .benefit-card .benefit-icon{width:64px;height:64px;margin-bottom:1.5rem;background:hsla(0,0%,100%,.2);border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}section.features-section .benefit-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;line-height:1.3}section.features-section .benefit-card ul{list-style:none;padding:0;margin:0;flex-grow:1}section.features-section .benefit-card ul li{font-size:.9375rem;line-height:1.6;padding:.5rem 0;padding-left:1.5rem;position:relative;opacity:.9}section.features-section .benefit-card ul li::before{content:"✓";position:absolute;left:0;color:#11ed9d;font-weight:700;font-size:1.125rem}section.features-section .case-study{margin:0 auto 4rem;max-width:600px;text-align:center}section.features-section .case-study a{display:inline-flex;align-items:center;gap:.5rem;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:9999px;font-size:1.125rem;font-weight:600;border:2px solid hsla(0,0%,100%,.3);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}section.features-section .case-study a i{font-size:1.25rem}section.features-section .case-study a:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}section.features-section .btns{text-align:center;margin-top:3rem;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}section.features-section .btns .btn-try{background:#fff;color:#047aed;text-decoration:none;padding:1rem 4rem;font-size:1.125rem;border-radius:9999px;font-weight:700;display:inline-block;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:2px solid rgba(0,0,0,0)}section.features-section .btns .btn-try:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border-color:hsla(0,0%,100%,.3)}section.features-section .btns .btn-try:active{transform:translateY(-2px)}section.features-section .btns .btn-try.pulse{animation:pulse 2s infinite}@media only screen and (max-width: 940px){section.features-section .btns .btn-try{margin-right:0;margin-bottom:1em}}@keyframes pulse{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 10px hsla(0,0%,100%,0)}100%{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}section.whatis-section{background:#fafafa;padding:6rem 2rem}section.whatis-section h2{font-size:2.5rem;line-height:1.2;font-weight:700;text-align:center;margin-bottom:4rem;color:#002240}@media only screen and (min-width: 820px){section.whatis-section h2{font-size:3rem}}section.whatis-section .features{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;max-width:1200px;margin:0 auto}@media only screen and (min-width: 820px){section.whatis-section .features{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 1040px){section.whatis-section .features{grid-template-columns:repeat(3, 1fr)}}section.whatis-section .feature{position:relative;background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}section.whatis-section .feature::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}section.whatis-section .feature:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}section.whatis-section .feature:hover::before{transform:scaleX(1)}section.whatis-section .feature:hover .icon{transform:scale(1.1)}@media only screen and (min-width: 1040px){section.whatis-section .feature:nth-child(2),section.whatis-section .feature:nth-child(5),section.whatis-section .feature:nth-child(8){grid-row:span 1}}section.whatis-section .feature .icon{width:60px;height:60px;border-radius:.75rem;margin-bottom:1.5rem;background-size:cover;background-position:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}section.whatis-section .feature .details h4{font-size:1.5rem;font-weight:700;color:#002240;margin-bottom:.5rem;line-height:1.3}section.whatis-section .feature .details p{font-size:1rem;line-height:1.6;color:#404040;margin-bottom:1rem}section.whatis-section .feature .details span{display:inline-block;font-size:.875rem;color:#047aed;font-weight:500;padding:.25rem 1rem;background:rgba(4,122,237,.1);border-radius:9999px;margin-top:.5rem}section.how-it-works{background:#fff;padding:6rem 2rem}section.how-it-works h2{font-size:2.5rem;line-height:1.2;font-weight:700;text-align:center;margin-bottom:1rem;color:#002240}@media only screen and (min-width: 820px){section.how-it-works h2{font-size:3rem}}section.how-it-works .section-intro{text-align:center;font-size:1.25rem;color:#404040;margin-bottom:6rem}section.how-it-works .steps{display:grid;grid-template-columns:1fr;gap:4rem;max-width:900px;margin:0 auto 6rem;position:relative}@media only screen and (min-width: 820px){section.how-it-works .steps{grid-template-columns:repeat(3, 1fr);gap:3rem}}@media only screen and (min-width: 820px){section.how-it-works .steps::before{content:"";position:absolute;top:40px;left:15%;right:15%;height:2px;background:linear-gradient(90deg, #047aed 0%, #6413f6 100%);z-index:0}}section.how-it-works .step{position:relative;text-align:center;z-index:1}section.how-it-works .step .step-number{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);position:relative;z-index:2;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}section.how-it-works .step .step-number::after{content:"";position:absolute;inset:-8px;border-radius:50%;background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);opacity:.2;z-index:-1;animation:pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}section.how-it-works .step .step-content h3{font-size:1.5rem;font-weight:700;color:#002240;margin-bottom:1rem}section.how-it-works .step .step-content p{font-size:1rem;line-height:1.6;color:#404040}section.how-it-works .step:hover .step-number{transform:scale(1.1);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}section.how-it-works .cta-wrapper{text-align:center}section.how-it-works .cta-wrapper .primary-cta{display:inline-block;background:linear-gradient(135deg, #047aed 0%, #0360c2 100%);color:#fff;padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;border-radius:9999px;box-shadow:0 10px 30px -5px rgba(4,122,237,.3);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:none}section.how-it-works .cta-wrapper .primary-cta:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}@keyframes pulse-ring{0%,100%{transform:scale(1);opacity:.2}50%{transform:scale(1.15);opacity:0}}section.social-proof{background:#fafafa;padding:4rem 2rem;border-bottom:1px solid #e5e5e5}section.social-proof .stats-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;max-width:900px;margin:0 auto}@media only screen and (min-width: 820px){section.social-proof .stats-grid{grid-template-columns:repeat(4, 1fr);gap:3rem}}section.social-proof .stat-card{text-align:center;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}section.social-proof .stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}section.social-proof .stat-card .stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:.5rem;line-height:1.2}section.social-proof .stat-card .stat-label{font-size:.875rem;color:#404040;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.intro-section{background:#fff;padding:6rem 2rem}.intro-section h2{font-size:2.5rem;line-height:1.2;font-weight:700;margin-bottom:1rem;color:#002240}@media only screen and (min-width: 820px){.intro-section h2{font-size:3rem}}.intro-section .lead{font-size:1.25rem;color:#404040;font-weight:500;margin-bottom:1.5rem}.intro-section p{color:#404040;line-height:1.7;margin:1rem 0}.intro-section .intro-content{display:flex;flex-direction:column;align-items:center;gap:4rem}.intro-section .intro-content .intro-text{flex:1}.intro-section .intro-content img{border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:100%;height:auto;max-height:400px;object-fit:cover}@media only screen and (min-width: 1040px){.intro-section .intro-content{flex-direction:row;align-items:flex-start}.intro-section .intro-content img{max-width:450px}}section.hero{position:relative;background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);min-height:700px;display:flex;align-items:center;overflow:hidden;padding:6rem 2rem}section.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(at 0% 0%, rgba(4, 122, 237, 0.1) 0, transparent 50%),radial-gradient(at 100% 100%, rgba(100, 19, 246, 0.1) 0, transparent 50%);animation:meshMove 20s ease-in-out infinite;opacity:.6;z-index:0}section.hero .hero-container{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}section.hero .hero-content{color:#fff;animation:fadeInUp .8s cubic-bezier(0.16, 1, 0.3, 1)}section.hero .hero-content .hero-eyebrow{display:inline-flex;align-items:center;gap:.25rem;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);padding:.25rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid hsla(0,0%,100%,.2)}section.hero .hero-content .hero-eyebrow svg{width:16px;height:16px;fill:#ede21c}section.hero .hero-content h1{font-weight:800;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin-bottom:1.5rem;text-shadow:0 2px 30px rgba(0,0,0,.2);letter-spacing:-0.03em}section.hero .hero-content .subhead{font-weight:300;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin-bottom:3rem;opacity:.95;max-width:600px}section.hero .hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}section.hero .hero-cta a{display:inline-flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);text-decoration:none;border-radius:9999px;font-weight:700;font-size:1.125rem;padding:1rem 2rem}section.hero .hero-cta a svg{width:20px;height:20px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}section.hero .hero-cta a.primary-cta{background:#fff;color:#047aed;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}section.hero .hero-cta a.primary-cta:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}section.hero .hero-cta a.primary-cta:hover svg{transform:translateX(4px)}section.hero .hero-cta a.secondary-cta{background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);color:#fff;border:2px solid hsla(0,0%,100%,.3)}section.hero .hero-cta a.secondary-cta:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px)}section.hero .hero-cta a.secondary-cta:hover svg{transform:scale(1.1)}section.hero .trust-badges{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}section.hero .trust-badges .badge{display:flex;align-items:center;gap:.25rem;color:hsla(0,0%,100%,.9);font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}section.hero .trust-badges .badge svg{width:18px;height:18px;fill:#11ed9d;filter:drop-shadow(0 2px 4px rgba(17, 237, 157, 0.3))}section.hero .trust-badges .badge:hover{transform:translateY(-2px);color:#fff}section.hero .hero-visual{position:relative;height:500px;display:none}section.hero .app-mockup{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3}section.hero .app-mockup .mockup-card{position:relative;background:#fff;border-radius:1.5rem;padding:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.05);max-width:280px}section.hero .app-mockup .mockup-card img{width:100%;height:auto;border-radius:.75rem;display:block}section.hero .app-mockup .mockup-card .card-glow{position:absolute;inset:-20px;background:linear-gradient(135deg, #047aed 0%, #0360c2 100%);border-radius:1.5rem;opacity:.3;filter:blur(30px);z-index:-1;animation:pulseGlow 3s ease-in-out infinite}section.hero .floating-elements{position:absolute;inset:0;pointer-events:none}section.hero .floating-elements .floating-card{position:absolute;background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);padding:1rem;animation:floatVertical 6s ease-in-out infinite}section.hero .floating-elements .floating-card.qr-card{top:10%;right:5%;max-width:180px;z-index:2}section.hero .floating-elements .floating-card.qr-card .card-header{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem;color:#404040;font-weight:600;font-size:.875rem}section.hero .floating-elements .floating-card.qr-card .card-header svg{width:16px;height:16px;fill:#047aed}section.hero .floating-elements .floating-card.qr-card img{width:100%;border-radius:.375rem}section.hero .floating-elements .floating-card.notification-card{bottom:20%;left:5%;max-width:280px;z-index:4;background:linear-gradient(135deg, #047aed 0%, #0360c2 100%);color:#fff}section.hero .floating-elements .floating-card.notification-card .notification-content{display:flex;gap:1rem;align-items:flex-start}section.hero .floating-elements .floating-card.notification-card .notification-content .notification-icon{background:hsla(0,0%,100%,.2);border-radius:.5rem;padding:.5rem;flex-shrink:0}section.hero .floating-elements .floating-card.notification-card .notification-content .notification-icon svg{width:24px;height:24px;fill:#fff}section.hero .floating-elements .floating-card.notification-card .notification-content .notification-text strong{display:block;margin-bottom:.25rem;font-weight:700}section.hero .floating-elements .floating-card.notification-card .notification-content .notification-text p{font-size:.875rem;opacity:.9;margin:0}section.hero .floating-elements .floating-card.stats-card{top:50%;right:-5%;z-index:2;background:linear-gradient(135deg, #11ed9d 0%, #06c766 100%);color:#fff;min-width:140px}section.hero .floating-elements .floating-card.stats-card .stat-item{text-align:center}section.hero .floating-elements .floating-card.stats-card .stat-item .stat-value{font-size:2rem;font-weight:800;line-height:1;margin-bottom:.25rem}section.hero .floating-elements .floating-card.stats-card .stat-item .stat-label{font-size:.75rem;opacity:.9;font-weight:500}section.hero .hero-shapes{position:absolute;inset:0;z-index:1;opacity:.4}section.hero .hero-shapes .shape{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%)}section.hero .hero-shapes .shape.shape-1{width:300px;height:300px;top:-50px;right:10%;animation:floatShape 12s ease-in-out infinite}section.hero .hero-shapes .shape.shape-2{width:200px;height:200px;bottom:10%;right:30%;animation:floatShape 15s ease-in-out infinite reverse}section.hero .hero-shapes .shape.shape-3{width:150px;height:150px;top:40%;left:5%;animation:floatShape 10s ease-in-out infinite}@media only screen and (min-width: 982px){section.hero{padding:6rem 3rem}section.hero .hero-container{grid-template-columns:1fr 1fr;gap:6rem}section.hero .hero-visual{display:block}section.hero .hero-content{max-width:600px}}@media only screen and (min-width: 1130px){section.hero{min-height:750px}section.hero .hero-visual{height:600px}section.hero .app-mockup .mockup-card{max-width:320px}}@media only screen and (min-width: 1375px){section.hero .hero-content{max-width:700px}}@media only screen and (max-width: 981px){section.hero{text-align:center;min-height:600px}section.hero .hero-content .hero-eyebrow{justify-content:center}section.hero .hero-content h1,section.hero .hero-content .subhead{margin-left:auto;margin-right:auto}section.hero .hero-cta{justify-content:center}section.hero .trust-badges{justify-content:center}}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes floatVertical{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatShape{0%,100%{transform:translate(0, 0) scale(1)}33%{transform:translate(30px, -30px) scale(1.05)}66%{transform:translate(-20px, 20px) scale(0.95)}}@keyframes pulseGlow{0%,100%{opacity:.3;filter:blur(30px)}50%{opacity:.5;filter:blur(40px)}}@keyframes meshMove{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}.floating-delay-1{animation-delay:.2s}.floating-delay-2{animation-delay:.5s}.floating-delay-3{animation-delay:.8s}@keyframes ctapulse{0%{box-shadow:0 0 10px 0 #fff}50%{box-shadow:0 0 40px 0 #fff}100%{box-shadow:0 0 10px 0 #fff}}section.pricing{position:relative;background:#fff;padding:6rem 2rem}section.pricing .pricing-container{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto}section.pricing .pricing-container h2{font-size:2.5rem;line-height:1.2;font-weight:700;text-align:center;margin-bottom:1rem;color:#002240}@media only screen and (min-width: 820px){section.pricing .pricing-container h2{font-size:3rem}}section.pricing .pricing-container .intro{text-align:center;margin-bottom:3rem;max-width:600px}section.pricing .pricing-container .intro p{font-size:1.125rem;color:#404040;margin-bottom:.5rem}section.pricing .plan_switch{display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:4rem;font-weight:600;font-size:1.125rem;color:#002240}section.pricing .plan_switch span{transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}section.pricing .plan_switch span.active{color:#047aed;font-weight:700}section.pricing .plan_switch .switch{position:relative;display:inline-block;width:68px;height:38px}section.pricing .plan_switch .switch input{opacity:0;width:0;height:0}section.pricing .plan_switch .switch .slider{position:absolute;cursor:pointer;border-radius:9999px;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #047aed 0%, #0360c2 100%);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}section.pricing .plan_switch .switch .slider::before{position:absolute;content:"";height:30px;width:30px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}section.pricing .plan_switch .switch input:checked+.slider{background:linear-gradient(135deg, #6413f6 0%, #a855f7 100%)}section.pricing .plan_switch .switch input:checked+.slider:before{transform:translateX(30px)}section.pricing .plan_switch .switch:hover .slider{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}section.pricing .cards{display:grid;grid-template-columns:1fr;gap:2rem;width:100%;max-width:1100px;margin:0 auto}@media only screen and (min-width: 820px){section.pricing .cards{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 1040px){section.pricing .cards{grid-template-columns:repeat(3, 1fr)}}section.pricing .pricing-card{position:relative;background:#fff;border-radius:1rem;border:2px solid #e5e5e5;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column}section.pricing .pricing-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border-color:#047aed}section.pricing .pricing-card[data-plan-index="1"]{border-color:#047aed;box-shadow:0 10px 30px -5px rgba(4,122,237,.3);transform:scale(1.05) translateY(-12px);overflow:visible}@media only screen and (min-width: 1040px){section.pricing .pricing-card[data-plan-index="1"]{transform:scale(1.08) translateY(-12px)}}section.pricing .pricing-card[data-plan-index="1"]:hover{transform:scale(1.05) translateY(-20px)}@media only screen and (min-width: 1040px){section.pricing .pricing-card[data-plan-index="1"]:hover{transform:scale(1.08) translateY(-20px)}}section.pricing .pricing-card[data-plan-index="1"]::before{content:"Most Popular";position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);color:#fff;padding:.25rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:700;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);z-index:10;white-space:nowrap}section.pricing .pricing-card .annual-banner{background:linear-gradient(135deg, #11ed9d 0%, #06c766 100%);color:#fff;padding:.25rem 1rem;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;border-radius:.5rem;display:inline-block}section.pricing .pricing-card .card-header{padding:2rem 1.5rem;color:#fff;background:linear-gradient(135deg, #047aed 0%, #0360c2 100%);border-radius:1rem 1rem 0 0;margin:-2px -2px 0 -2px}section.pricing .pricing-card .card-header h2{margin:0;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff}section.pricing .pricing-card .card-header.monthly{background:linear-gradient(135deg, #047aed 0%, #0360c2 100%)}section.pricing .pricing-card .card-header.annually{background:linear-gradient(135deg, #6413f6 0%, #a855f7 100%)}section.pricing .pricing-card .card-body{padding:3rem 1.5rem;display:flex;flex-direction:column;flex-grow:1}section.pricing .pricing-card .card-body h3.price{font-size:3rem;font-weight:800;color:#002240;margin:0;line-height:1}section.pricing .pricing-card .card-body h3.price::before{content:"£";font-size:1.5rem;vertical-align:super}section.pricing .pricing-card .card-body p.period{margin-top:.25rem;font-size:.875rem;color:#404040;font-weight:500;text-transform:lowercase}section.pricing .pricing-card .card-body .card-element{flex-grow:1;margin:1.5rem 0}section.pricing .pricing-card .card-body .card-element ul{list-style:none;padding:0;margin:0;text-align:left}section.pricing .pricing-card .card-body .card-element ul li{font-size:.9375rem;padding:.5rem 0;color:#404040;display:flex;align-items:flex-start;gap:.5rem}section.pricing .pricing-card .card-body .card-element ul li::before{content:"✓";color:#11ed9d;font-weight:700;font-size:1.125rem;flex-shrink:0;margin-top:2px}section.pricing .pricing-card .card-body .ibtn{background:linear-gradient(135deg, #047aed 0%, #0360c2 100%);color:#fff;padding:1rem 2rem;border-radius:9999px;font-weight:700;text-decoration:none;display:inline-block;margin-top:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:none;cursor:pointer;font-size:1rem}section.pricing .pricing-card .card-body .ibtn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}section.pricing .pricing-card .card-body .who{margin-top:1.5rem;font-size:.875rem;color:#404040;font-style:italic;line-height:1.4}section.pricing .pricing-card[data-plan-index="1"] .card-body .ibtn{background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);box-shadow:0 10px 30px -5px rgba(4,122,237,.3)}section.pricing .tax{margin-top:2rem;text-align:center;max-width:1100px;margin-left:auto;margin-right:auto}section.pricing .tax p{font-size:.875rem;color:#404040;font-style:italic}section.pricing .custom-plan-wrapper{display:flex;justify-content:center;grid-template-columns:1fr !important}section.pricing .custom-plan-card{max-width:350px;margin:0}section.pricing .custom-plan-card .card-body{text-align:center;padding:4rem 1.5rem}section.pricing .custom-plan-card .card-body h3{font-size:2rem;font-weight:700;color:#002240;margin-bottom:1.5rem}section.pricing .custom-plan-card .card-body .card-element{flex-grow:0}section.pricing .custom-plan-card .card-body .card-element p{font-size:1rem;color:#404040;line-height:1.6;margin-bottom:2rem}section.pricing .custom-plan-card .card-body .ibtn{background:linear-gradient(135deg, #6413f6 0%, #a855f7 100%)}section.pricing .custom-plan-card .card-body .ibtn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}section.download-section{background:radial-gradient(at 0% 0%, rgba(4, 122, 237, 0.1) 0, transparent 50%),radial-gradient(at 100% 100%, rgba(100, 19, 246, 0.1) 0, transparent 50%);background-color:#fafafa;padding:6rem 2rem;overflow:hidden}section.download-section .download-content{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media only screen and (min-width: 820px){section.download-section .download-content{grid-template-columns:1fr 1fr;gap:6rem}}section.download-section .download-text h2{font-size:2.5rem;font-weight:700;color:#002240;margin-bottom:1rem;line-height:1.2}@media only screen and (min-width: 820px){section.download-section .download-text h2{font-size:3rem}}section.download-section .download-text .download-lead{font-size:1.125rem;color:#444;margin-bottom:3rem;line-height:1.6}section.download-section .download-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}section.download-section .download-features .download-feature{display:flex;align-items:center;gap:1rem;color:#404040}section.download-section .download-features .download-feature svg{width:20px;height:20px;color:#11ed9d;flex-shrink:0}section.download-section .download-features .download-feature span{font-size:1rem;line-height:1.5}section.download-section .download-badges{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}section.download-section .download-badges .store-badge{display:block;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}section.download-section .download-badges .store-badge:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}section.download-section .download-badges .store-badge img{height:56px;width:auto;display:block}@media only screen and (min-width: 820px){section.download-section .download-badges .store-badge img{height:64px}}section.download-section .download-trust{padding-top:1.5rem;border-top:1px solid #e5e5e5}section.download-section .download-trust span{color:#444;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem}section.download-section .download-visual{display:flex;justify-content:center;align-items:center}section.download-section .download-visual img{width:100%;max-width:500px;height:auto;border-radius:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}section.download-section .download-visual img:hover{transform:scale(1.02)}@media only screen and (max-width: 650px){section.download-section{padding:4rem 1rem}section.download-section .download-text h2{font-size:2rem}section.download-section .download-badges{justify-content:center}section.download-section .download-visual{order:-1}section.download-section .download-visual img{max-width:100%}}section.contact{background:linear-gradient(135deg, #6413f6 0%, rgb(78.612244898, 7.8612244898, 206.1387755102) 100%);padding:6rem 2rem;position:relative;overflow:hidden}section.contact::before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);top:-150px;left:-150px;z-index:0}section.contact::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);bottom:-100px;right:-100px;z-index:0}section.contact .container{position:relative;z-index:1;color:#fff;max-width:1200px;margin:0 auto}section.contact .container h2{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;color:#fff}@media only screen and (min-width: 820px){section.contact .container h2{font-size:3rem}}section.contact .container .contact-intro{text-align:center;font-size:1.125rem;color:hsla(0,0%,100%,.9);margin-bottom:6rem;max-width:600px;margin-left:auto;margin-right:auto}section.contact .contact-content{display:grid;grid-template-columns:1fr;gap:6rem;align-items:start}@media only screen and (min-width: 1040px){section.contact .contact-content{grid-template-columns:380px 1fr}}section.contact .contact-info-card{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2);border-radius:1.5rem;padding:3rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}section.contact .contact-info-card h3{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#fff}section.contact .contact-info-card .contact-tagline{font-size:.9375rem;color:hsla(0,0%,100%,.8);margin-bottom:3rem}section.contact .contact-info-card .contact-methods{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}section.contact .contact-info-card .contact-method{display:flex;align-items:flex-start;gap:1rem}section.contact .contact-info-card .contact-method .method-icon{flex-shrink:0;width:48px;height:48px;background:hsla(0,0%,100%,.15);border-radius:.75rem;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}section.contact .contact-info-card .contact-method .method-icon svg{width:24px;height:24px;color:#fff}section.contact .contact-info-card .contact-method .method-details{flex:1}section.contact .contact-info-card .contact-method .method-details h4{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}section.contact .contact-info-card .contact-method .method-details p,section.contact .contact-info-card .contact-method .method-details a{font-size:1rem;color:hsla(0,0%,100%,.9);margin:0}section.contact .contact-info-card .contact-method .method-details a{text-decoration:none;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1)}section.contact .contact-info-card .contact-method .method-details a:hover{color:#fff;text-decoration:underline}section.contact .contact-info-card .contact-method:hover .method-icon{background:hsla(0,0%,100%,.25);transform:scale(1.05)}section.contact .contact-info-card .contact-trust{padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.2);display:flex;align-items:flex-start;gap:.5rem}section.contact .contact-info-card .contact-trust svg{width:20px;height:20px;color:#11ed9d;flex-shrink:0;margin-top:2px}section.contact .contact-info-card .contact-trust span{font-size:.875rem;color:hsla(0,0%,100%,.8);line-height:1.5}section.contact .contact-form-wrapper{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2);border-radius:1.5rem;padding:4rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@media only screen and (max-width: 650px){section.contact .contact-form-wrapper{padding:2rem}}section.contact .contact-form{display:flex;flex-direction:column;gap:2rem}section.contact .contact-form .form-row{display:grid;grid-template-columns:1fr;gap:2rem}@media only screen and (min-width: 650px){section.contact .contact-form .form-row{grid-template-columns:repeat(2, 1fr)}}section.contact .contact-form .form-group{display:flex;flex-direction:column;gap:.5rem}section.contact .contact-form .form-group label{font-size:.875rem;font-weight:600;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:.05em}section.contact .contact-form .form-group .input-wrapper{position:relative;display:flex;align-items:center}section.contact .contact-form .form-group .input-wrapper svg{position:absolute;left:1rem;width:20px;height:20px;color:hsla(0,0%,100%,.6);pointer-events:none;z-index:1}section.contact .contact-form .form-group .input-wrapper input,section.contact .contact-form .form-group .input-wrapper textarea{width:100%;padding:1rem 1rem 1rem calc(1rem*3);border-radius:.75rem;border:2px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1);font-size:1rem;font-family:"Inter","Lato",-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-sizing:border-box}section.contact .contact-form .form-group .input-wrapper input::placeholder,section.contact .contact-form .form-group .input-wrapper textarea::placeholder{color:hsla(0,0%,100%,.5)}section.contact .contact-form .form-group .input-wrapper input:hover:not(:focus),section.contact .contact-form .form-group .input-wrapper textarea:hover:not(:focus){border-color:hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.12)}section.contact .contact-form .form-group .input-wrapper input:focus,section.contact .contact-form .form-group .input-wrapper textarea:focus{border-color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.15);outline:none;box-shadow:0 0 0 4px hsla(0,0%,100%,.1);transform:translateY(-2px)}section.contact .contact-form .form-group .input-wrapper input:focus+svg,section.contact .contact-form .form-group .input-wrapper textarea:focus+svg{color:#fff}section.contact .contact-form .form-group .input-wrapper textarea{min-height:150px;resize:vertical;padding-top:1.5rem}section.contact .contact-form button[type=submit]{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:#fff;color:#6413f6;border:none;border-radius:9999px;padding:1rem 4rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}section.contact .contact-form button[type=submit] svg{width:20px;height:20px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}section.contact .contact-form button[type=submit]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}section.contact .contact-form button[type=submit]:hover:not(:disabled) svg{transform:translateX(4px)}section.contact .contact-form button[type=submit]:active:not(:disabled){transform:translateY(-1px)}section.contact .contact-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}section.contact .contact-form button[type=submit]:disabled svg{transform:none}@media only screen and (min-width: 650px){section.contact .contact-form button[type=submit]{width:auto;align-self:flex-end}}@media only screen and (max-width: 1040px){section.contact .contact-content{grid-template-columns:1fr}section.contact .contact-info-card{order:2}section.contact .contact-form-wrapper{order:1}}@media only screen and (max-width: 650px){section.contact{padding:4rem 1rem}section.contact .container h2{font-size:2rem}}footer{background:linear-gradient(180deg, #002240 0%, rgb(0, 20.453125, 38.5) 100%);color:#fff;padding:6rem 2rem 4rem;position:relative;overflow:hidden}footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);z-index:1}footer::after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle, rgba(4, 122, 237, 0.1) 0%, transparent 70%);top:-200px;right:-200px;z-index:0}footer .container{position:relative;z-index:1;max-width:1280px;margin:0 auto}footer .footer-sitemap{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute}footer .footer-brand{display:grid;grid-template-columns:1fr;gap:4rem;margin-bottom:6rem;padding-bottom:6rem;border-bottom:1px solid hsla(0,0%,100%,.1)}@media only screen and (min-width: 820px){footer .footer-brand{grid-template-columns:2fr 1fr;gap:6rem}}footer .footer-brand .brand-content .footer-logo{display:flex;align-items:center;gap:1rem;text-decoration:none;margin-bottom:1.5rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}footer .footer-brand .brand-content .footer-logo svg{filter:drop-shadow(0 4px 8px rgba(4, 122, 237, 0.3))}footer .footer-brand .brand-content .footer-logo span{font-family:"Jura",sans-serif;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}footer .footer-brand .brand-content .footer-logo:hover{transform:translateY(-2px)}footer .footer-brand .brand-content .footer-logo:hover svg{filter:drop-shadow(0 6px 12px rgba(4, 122, 237, 0.4))}footer .footer-brand .brand-content .brand-tagline{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem;line-height:1.3}footer .footer-brand .brand-content .brand-description{font-size:.9375rem;color:hsla(0,0%,100%,.7);line-height:1.6;margin-bottom:2rem;max-width:500px}footer .footer-brand .brand-content .footer-cta{display:inline-block;background:linear-gradient(135deg, #047aed 0%, #0360c2 100%);color:#fff;padding:1rem 3rem;border-radius:9999px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 10px 30px -5px rgba(4,122,237,.3)}footer .footer-brand .brand-content .footer-cta:hover{transform:translateY(-3px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}footer .footer-brand .brand-content .footer-cta:active{transform:translateY(-1px)}footer .footer-brand .footer-contact{background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;padding:2rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}footer .footer-brand .footer-contact:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}footer .footer-brand .footer-contact h4{font-size:1rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;color:#fff}footer .footer-brand .footer-contact .contact-link{display:flex;align-items:center;gap:.5rem;color:hsla(0,0%,100%,.9);text-decoration:none;font-size:1rem;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1)}footer .footer-brand .footer-contact .contact-link svg{width:20px;height:20px;color:#3d9aff}footer .footer-brand .footer-contact .contact-link:hover{color:#fff;transform:translateX(4px)}footer .footer-brand .footer-contact .contact-link:hover svg{color:#fff}footer .footer-nav{display:grid;grid-template-columns:1fr;gap:4rem;margin-bottom:6rem}@media only screen and (min-width: 650px){footer .footer-nav{grid-template-columns:repeat(2, 1fr);gap:3rem}}@media only screen and (min-width: 820px){footer .footer-nav{grid-template-columns:repeat(4, 1fr)}}footer .footer-nav .nav-column{background:hsla(0,0%,100%,.03);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;padding:2rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}footer .footer-nav .nav-column:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.15);transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}footer .footer-nav .nav-column h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}footer .footer-nav .nav-column h3 svg{width:20px;height:20px;color:#3d9aff;flex-shrink:0}footer .footer-nav .nav-column ul{list-style:none;padding:0;margin:0}footer .footer-nav .nav-column ul li{margin-bottom:.5rem}footer .footer-nav .nav-column ul li:last-child{margin-bottom:0}footer .footer-nav .nav-column ul li a{display:block;padding:.25rem 0;color:hsla(0,0%,100%,.75);text-decoration:none;font-size:1rem;line-height:1.5;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1);position:relative;padding-left:1rem}footer .footer-nav .nav-column ul li a::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);border-radius:9999px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}footer .footer-nav .nav-column ul li a:hover{color:#fff;padding-left:1.5rem}footer .footer-nav .nav-column ul li a:hover::before{height:100%}footer .footer-newsletter{display:grid;grid-template-columns:1fr;gap:4rem;padding:6rem 0;border-top:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:4rem}@media only screen and (min-width: 820px){footer .footer-newsletter{grid-template-columns:2fr 1fr;gap:6rem}}footer .footer-newsletter .newsletter-content h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}footer .footer-newsletter .newsletter-content p{font-size:.9375rem;color:hsla(0,0%,100%,.7);margin-bottom:1.5rem;line-height:1.6}footer .footer-newsletter .newsletter-content .newsletter-form .input-group{display:flex;align-items:center;gap:.5rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2);border-radius:9999px;padding:.25rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative}footer .footer-newsletter .newsletter-content .newsletter-form .input-group:focus-within{border-color:hsla(0,0%,100%,.4);box-shadow:0 0 0 4px hsla(0,0%,100%,.1)}footer .footer-newsletter .newsletter-content .newsletter-form .input-group svg{position:absolute;left:1.5rem;width:20px;height:20px;color:hsla(0,0%,100%,.6);pointer-events:none}footer .footer-newsletter .newsletter-content .newsletter-form .input-group input{flex:1;background:rgba(0,0,0,0);border:none;color:#fff;font-size:1rem;padding:.5rem 1rem .5rem calc(1.5rem + 28px);outline:none;min-width:0}footer .footer-newsletter .newsletter-content .newsletter-form .input-group input::placeholder{color:hsla(0,0%,100%,.5)}footer .footer-newsletter .newsletter-content .newsletter-form .input-group button{background:linear-gradient(135deg, #047aed 0%, #0360c2 100%);color:#fff;border:none;padding:.5rem 2rem;border-radius:9999px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;flex-shrink:0}footer .footer-newsletter .newsletter-content .newsletter-form .input-group button:hover{transform:scale(1.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}footer .footer-newsletter .newsletter-content .newsletter-form .input-group button:active{transform:scale(1.02)}footer .footer-newsletter .app-downloads h3{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}footer .footer-newsletter .app-downloads p{color:hsla(0,0%,100%,.7);font-size:.9rem;margin-bottom:1.5rem}footer .footer-newsletter .app-downloads .store-badges{display:flex;flex-direction:column;gap:1rem}@media only screen and (min-width: 650px){footer .footer-newsletter .app-downloads .store-badges{flex-direction:row}}footer .footer-newsletter .app-downloads .store-badges .store-badge{display:block;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border-radius:.75rem;overflow:hidden;background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}footer .footer-newsletter .app-downloads .store-badges .store-badge img{width:100%;height:auto;display:block;max-width:160px}@media only screen and (min-width: 820px){footer .footer-newsletter .app-downloads .store-badges .store-badge img{max-width:140px}}footer .footer-newsletter .app-downloads .store-badges .store-badge:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.08)}footer .footer-newsletter .app-downloads .store-badges .store-badge:active{transform:translateY(-2px) scale(1.02)}footer .footer-bottom{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}@media only screen and (min-width: 820px){footer .footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}footer .footer-bottom .copyright p{margin:0;font-size:.875rem;color:hsla(0,0%,100%,.5)}footer .footer-bottom .legal-links{display:flex;gap:1.5rem;flex-wrap:wrap}footer .footer-bottom .legal-links a{font-size:.875rem;color:hsla(0,0%,100%,.6);text-decoration:none;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1);position:relative}footer .footer-bottom .legal-links a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1)}footer .footer-bottom .legal-links a:hover{color:#fff}footer .footer-bottom .legal-links a:hover::after{width:100%}footer .back-to-top{position:fixed;bottom:3rem;right:3rem;width:56px;height:56px;background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);z-index:200;opacity:0;pointer-events:none}footer .back-to-top svg{width:24px;height:24px}footer .back-to-top.visible{opacity:1;pointer-events:auto}footer .back-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(4,122,237,.5)}footer .back-to-top:active{transform:translateY(-2px)}@media only screen and (max-width: 650px){footer .back-to-top{width:48px;height:48px;bottom:1.5rem;right:1.5rem}footer .back-to-top svg{width:20px;height:20px}}.hero.use-case{background-color:#e8f6f4;background-image:url("/assets/images/beauty_hero.webp");background-position:right;background-repeat:no-repeat;background-size:cover}.hero.use-case.coffee{background-image:url("/assets/images/coffee_hero.webp")}.hero.use-case.fitness{background-image:url("/assets/images/fitness_hero.webp")}.hero.use-case.restaurant{background-image:url("/assets/images/restaurant_hero.webp")}.hero.use-case.retail{background-image:url("/assets/images/retail_hero.webp")}.hero.use-case .main-col{max-width:550px;text-align:left;color:#201e24;background-color:hsla(0,0%,100%,.9);backdrop-filter:blur(8px);border-radius:12px;padding:2.5em;box-shadow:0 4px 20px rgba(0,0,0,.08)}.hero.use-case .main-col h1{font-weight:700;font-size:3em;line-height:1.3em}@media only screen and (max-width: 1752px){.hero.use-case{background-position:calc(100% + 200px)}}@media only screen and (max-width: 1352px){.hero.use-case{background-position:calc(100% + 300px)}.hero.use-case .main-col{width:400px}.hero.use-case .main-col h1{font-size:2.5em}}@media only screen and (max-width: 970px){.hero.use-case .main-col{background-color:hsla(0,0%,100%,.92);padding:2em}.hero.use-case .main-col h1{font-size:2em}}.hero-cta{text-align:center;margin-top:2em;transition:all .1s}.hero-cta:hover{transform:scale(1.05)}section.info{background-color:#dee4e9}section.info .container{text-align:center}section.info .container h2{font-size:3em;line-height:1.2em;margin-bottom:1em}section.info .container .card{background-color:#fff;padding:2em;border-radius:10px;margin:2em 0}section.info .container blockquote{margin:0;border-radius:.5rem;background:#fff;padding:2em;font-style:italic}section.info .container blockquote p{margin:0}section.info .container .cite{margin:.5em 0 0;text-align:right;font-size:.8em;font-weight:bold}@media only screen and (max-width: 970px){section.info .container h2{font-size:2em}}section.features-alt{background-color:#dee4e9}section.features-alt.coffee{background-color:#f1a930}section.features-alt.coffee .used-by{margin-top:1em;font-weight:700;letter-spacing:.005em}section.features-alt.coffee ul li span{line-height:.9em}section.features-alt .container{text-align:center}section.features-alt .container h2{font-size:1.5em;margin-bottom:1.5em}section.features-alt .container h3{font-size:2em;margin-bottom:1em}section.features-alt ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3em;list-style:none;padding:0}section.features-alt ul li{transition:all .2s ease-out;border-radius:5px;padding:2em;background-color:#fff;text-align:center;color:#909090}section.features-alt ul li:hover{transform:scale(1.2)}section.features-alt ul li span{display:block;font-weight:700;font-size:1.6em;color:#201e24;margin-bottom:.5em}@media only screen and (max-width: 1352px){section.features-alt ul{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 970px){section.features-alt ul li span{font-size:1.3em}}@media only screen and (max-width: 450px){section.features-alt ul{grid-template-columns:1fr;gap:1em}}section.how{background-color:#fff}section.how h2{font-size:3em;margin-bottom:1em}section.how .container .question{text-align:justify;margin-bottom:2em}section.how .container .question div{padding-left:20px;border-left:5px solid #acacac;line-height:1.6em}section.how .container .question h3{margin-bottom:10px;font-size:1.7em;font-weight:700}section.how .container .f{margin-top:2em}section.how .container .f p{margin-bottom:1em}section.how .container .f strong{font-size:1.2em}section.how .container .f ul{list-style-type:disc;margin-left:20px;margin-top:1em}section.how .container .f ul li{margin-bottom:.5em}@media only screen and (max-width: 970px){section.how h2{font-size:2em}section.how .question h3{font-size:1.4em}}.faqs-page{background-color:#fff;padding:2em 0}.faqs-page h1{font-size:3em;margin-bottom:1.5em;text-align:center;color:#002240}.faqs-page .faq-section{max-width:800px;margin:0 auto 3em}.faqs-page .faq-item{margin-bottom:2em;padding-bottom:2em;border-bottom:1px solid #e0e0e0}.faqs-page .faq-item:last-child{border-bottom:none}.faqs-page .faq-item h3{font-size:1.5em;margin-bottom:.5em;color:#047aed}.faqs-page .faq-item p{line-height:1.6em;color:#333}.faqs-page .faq-item p a{color:#047aed;text-decoration:underline}.faqs-page .faq-item p a:hover{color:rgb(3.153526971,96.1825726141,186.846473029)}.faqs-page .faq-cta{text-align:center;max-width:600px;margin:3em auto 0;padding:2em;background-color:#f9f9f9;border-radius:10px}.faqs-page .faq-cta h2{font-size:2em;margin-bottom:.5em;color:#002240}.faqs-page .faq-cta p{font-size:1.1em;margin-bottom:1.5em}.faqs-page .faq-cta p a{color:#047aed;text-decoration:underline}.faqs-page .faq-cta p a:hover{color:rgb(3.153526971,96.1825726141,186.846473029)}@media only screen and (max-width: 768px){.faqs-page h1{font-size:2em}.faqs-page .faq-item h3{font-size:1.3em}.faqs-page .faq-cta h2{font-size:1.5em}}.policy-page{background-color:#fff;padding:2em 0}.policy-page h1{font-size:2.5em;margin-bottom:1em;color:#002240}.policy-page h2{font-size:1.8em;margin-top:2em;margin-bottom:.5em;color:#002240}.policy-page h3{font-size:1.4em;margin-top:1.5em;margin-bottom:.5em;color:#002240}.policy-page p{line-height:1.6em;margin-bottom:1em}.policy-page ul{margin-left:2em;margin-bottom:1em}.policy-page ul.indent{margin-left:0;list-style:none}.policy-page ul.indent li{margin-bottom:1.5em}.policy-page ul li{margin-bottom:.5em;line-height:1.6em}.policy-page a{color:#047aed;text-decoration:underline}.policy-page a:hover{color:rgb(3.153526971,96.1825726141,186.846473029)}@media only screen and (max-width: 768px){.policy-page h1{font-size:2em}.policy-page h2{font-size:1.5em}.policy-page h3{font-size:1.2em}}section.about-section{background-color:#f3f3f3}section.about-section h1{font-size:3em;margin-bottom:1em}section.about-section .left{display:flex;flex-direction:row-reverse;align-items:flex-start}section.about-section .teamimg{margin-left:40px;height:250px;border-radius:10px;object-fit:cover;flex-shrink:0}section.about-section p{margin-bottom:1em;line-height:1.6em}section.about-section .primary-cta{margin-top:1.5em}@media only screen and (max-width: 850px){section.about-section h1{font-size:2em}section.about-section .left{flex-direction:column}section.about-section .left .teamimg{margin-left:0;margin-bottom:20px;width:100%;height:auto}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,.9);color:#fff;padding:1.5em;display:none;z-index:9999}.cookie-consent.show{display:block}.cookie-consent .container{display:flex;flex-direction:column;gap:1rem;align-items:center}@media only screen and (min-width: 820px){.cookie-consent .container{flex-direction:row;justify-content:space-between}}.cookie-consent p{margin:0}.cookie-consent p a{color:#047aed;text-decoration:underline}.cookie-consent p a:hover{color:rgb(40.6182572614,147.356846473,251.3817427386)}.cookie-consent button{background:#047aed;color:#fff;border:none;padding:.75em 2em;border-radius:5px;font-weight:bold;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1)}.cookie-consent button:hover{background:rgb(3.153526971,96.1825726141,186.846473029)}.modal{display:none;position:fixed;z-index:500;left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center;padding:1rem;opacity:0;transition:opacity .3s ease}.modal.show{display:flex;opacity:1}.modal.show .modal-content{animation:modalSlideUp .4s cubic-bezier(0.16, 1, 0.3, 1)}.modal .modal-backdrop{position:absolute;inset:0;background:linear-gradient(135deg, rgba(4, 122, 237, 0.95) 0%, rgba(100, 19, 246, 0.95) 100%);backdrop-filter:blur(8px);z-index:-1}.modal .modal-content{background:#fff;border-radius:1.5rem;max-width:640px;width:100%;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column}@media only screen and (max-width: 650px){.modal .modal-content{max-height:95vh;border-radius:1rem}}.modal .modal-content .modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:#f5f5f5;border:none;cursor:pointer;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1);z-index:10}.modal .modal-content .modal-close svg{width:20px;height:20px;color:#404040}.modal .modal-content .modal-close:hover{background:#e5e5e5;transform:scale(1.05)}.modal .modal-content .modal-close:hover svg{color:#171717}.modal .modal-content .modal-close:active{transform:scale(0.95)}.modal .modal-content .modal-header{flex-shrink:0;text-align:center;padding:4rem 3rem 2rem;background:linear-gradient(135deg, rgba(4, 122, 237, 0.05) 0%, rgba(100, 19, 246, 0.05) 100%);border-bottom:1px solid #e5e5e5}.modal .modal-content .modal-header .modal-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);box-shadow:0 10px 30px -5px rgba(4,122,237,.3)}.modal .modal-content .modal-header .modal-icon svg{width:32px;height:32px;color:#fff}.modal .modal-content .modal-header h2{font-size:1.875rem;font-weight:700;color:#002240;margin:0 0 .5rem;line-height:1.2}@media only screen and (max-width: 650px){.modal .modal-content .modal-header h2{font-size:1.5rem}}.modal .modal-content .modal-header .modal-subtitle{font-size:1rem;color:#707070;margin:0;line-height:1.5}.modal .modal-content .modal-body{flex:1;overflow-y:auto;padding:3rem}@media only screen and (max-width: 650px){.modal .modal-content .modal-body{padding:2rem 1.5rem}}.modal .modal-content .modal-body::-webkit-scrollbar{width:8px}.modal .modal-content .modal-body::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.modal .modal-content .modal-body::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:9999px}.modal .modal-content .modal-body::-webkit-scrollbar-thumb:hover{background:#404040}.modal .modal-content .modal-body{scrollbar-width:thin;scrollbar-color:#d4d4d4 rgba(0,0,0,0)}.modal .modal-content .modal-body .modal-info-card{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg, rgba(17, 237, 157, 0.08) 0%, rgba(6, 199, 102, 0.08) 100%);border:1px solid rgba(17,237,157,.2);border-radius:.75rem;margin-bottom:2rem}.modal .modal-content .modal-body .modal-info-card svg{flex-shrink:0;width:20px;height:20px;color:#06c766;margin-top:2px}.modal .modal-content .modal-body .modal-info-card p{margin:0;font-size:.875rem;line-height:1.6}.modal .modal-content .modal-body .modal-info-card p:first-child{margin-bottom:.25rem}.modal .modal-content .modal-body .modal-info-card p strong{color:#002240;font-weight:600}.modal .modal-content .modal-body .modal-info-card a{color:#047aed;font-weight:500;text-decoration:none;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1)}.modal .modal-content .modal-body .modal-info-card a:hover{color:#0360c2;text-decoration:underline}.modal .modal-content .modal-body form{display:flex;flex-direction:column;gap:1.5rem}.modal .modal-content .modal-body form .form-group{display:flex;flex-direction:column}.modal .modal-content .modal-body form .form-group label{font-size:.875rem;font-weight:600;color:#002240;margin-bottom:.5rem}.modal .modal-content .modal-body form .form-group label .required{color:#ed431c}.modal .modal-content .modal-body form .form-group .input-wrapper{position:relative;display:flex;align-items:center}.modal .modal-content .modal-body form .form-group .input-wrapper svg{position:absolute;left:1rem;width:18px;height:18px;color:#707070;pointer-events:none;z-index:1}.modal .modal-content .modal-body form .form-group .input-wrapper input,.modal .modal-content .modal-body form .form-group .input-wrapper textarea{width:100%;padding:1rem 1rem 1rem 44px;border:2px solid #e5e5e5;border-radius:.75rem;font-size:.9375rem;font-family:"Inter","Lato",-apple-system,BlinkMacSystemFont,sans-serif;color:#002240;background:#fff;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1)}.modal .modal-content .modal-body form .form-group .input-wrapper input::placeholder,.modal .modal-content .modal-body form .form-group .input-wrapper textarea::placeholder{color:#707070}.modal .modal-content .modal-body form .form-group .input-wrapper input:hover,.modal .modal-content .modal-body form .form-group .input-wrapper textarea:hover{border-color:#d4d4d4}.modal .modal-content .modal-body form .form-group .input-wrapper input:focus,.modal .modal-content .modal-body form .form-group .input-wrapper textarea:focus{outline:none;border-color:#047aed;box-shadow:0 0 0 3px rgba(4,122,237,.1)}.modal .modal-content .modal-body form .form-group .input-wrapper input:disabled,.modal .modal-content .modal-body form .form-group .input-wrapper textarea:disabled{background:#f5f5f5;cursor:not-allowed}.modal .modal-content .modal-body form .form-group .input-wrapper textarea{min-height:120px;resize:vertical;padding-top:1rem;line-height:1.6}.modal .modal-content .modal-body form .form-row{display:grid;grid-template-columns:1fr;gap:1.5rem}@media only screen and (min-width: 650px){.modal .modal-content .modal-body form .form-row{grid-template-columns:repeat(2, 1fr)}}.modal .modal-content .modal-body form .modal-result{display:none;padding:1rem 1.5rem;border-radius:.75rem;margin-top:1.5rem;font-size:.9375rem;line-height:1.6;font-weight:500;animation:slideDown .3s ease}.modal .modal-content .modal-body form .modal-result.success{background:linear-gradient(135deg, rgba(17, 237, 157, 0.12) 0%, rgba(6, 199, 102, 0.12) 100%);border:2px solid rgba(17,237,157,.3);color:rgb(4.5073170732,149.4926829268,76.6243902439)}.modal .modal-content .modal-body form .modal-result.error{background:linear-gradient(135deg, rgba(237, 67, 28, 0.12) 0%, rgba(237, 67, 28, 0.12) 100%);border:2px solid rgba(237,67,28,.3);color:rgb(221.9040816327,55.7204081633,17.5959183673)}.modal .modal-content .modal-body form .modal-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:2rem;border-top:1px solid #e5e5e5}@media only screen and (max-width: 650px){.modal .modal-content .modal-body form .modal-actions{flex-direction:column-reverse}}.modal .modal-content .modal-body form .modal-actions button{flex:1;padding:1rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(0.4, 0, 0.2, 1);border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal .modal-content .modal-body form .modal-actions button svg{width:18px;height:18px}.modal .modal-content .modal-body form .modal-actions button:active{transform:scale(0.98)}.modal .modal-content .modal-body form .modal-actions .btn-secondary{background:#fff;color:#444;border:2px solid #e5e5e5}.modal .modal-content .modal-body form .modal-actions .btn-secondary:hover{background:#fafafa;border-color:#d4d4d4;color:#002240}.modal .modal-content .modal-body form .modal-actions .btn-primary{background:linear-gradient(135deg, #047aed 0%, #6413f6 100%);color:#fff;box-shadow:0 10px 30px -5px rgba(4,122,237,.3)}.modal .modal-content .modal-body form .modal-actions .btn-primary:hover:not(:disabled){box-shadow:0 12px 35px -5px rgba(4,122,237,.4);transform:translateY(-1px)}.modal .modal-content .modal-body form .modal-actions .btn-primary:disabled{background:#d4d4d4;box-shadow:none;cursor:not-allowed;opacity:.6}@keyframes modalSlideUp{from{opacity:0;transform:translateY(20px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.article-header{position:relative;background-image:url("/assets/images/selyo_blog.webp");background-size:cover;background-position:center;height:300px;width:100%}.article-header .title{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%, -50%);width:90%}.article-header .title h1{font-weight:900;font-size:4em;color:#fff;text-shadow:1px 1px 5px rgba(0,0,0,.5);margin:0}@media only screen and (max-width: 800px){.article-header .title h1{font-size:2.5em}}.article-content{background-color:#fff}.article-page{background-color:#fff;padding:3em 0}.article-page article{max-width:800px;margin:0 auto}.article-page article h1{font-size:2.5em;margin-bottom:.5em;color:#002240;line-height:1.2em}.article-page article h2{font-size:2em;margin-top:2em;margin-bottom:.75em;color:#002240}.article-page article h3{font-size:1.5em;margin-top:1.5em;margin-bottom:.5em;color:#002240}.article-page article p{line-height:1.7em;margin-bottom:1em;color:#333}.article-page article ul.bp{list-style:none;padding:0;margin:2em 0}.article-page article ul.bp li{margin-bottom:1.5em;padding-left:1.5em;position:relative}.article-page article ul.bp li::before{content:"•";position:absolute;left:0;color:#047aed;font-weight:bold;font-size:1.5em;line-height:1.2em}.article-page article ul.bp li strong{color:#002240;font-size:1.1em}.article-page article blockquote{margin:2em 0;padding:1.5em;background-color:#f5f5f5;border-left:5px solid #047aed;border-radius:5px;font-style:italic;font-size:1.1em}.article-page article blockquote p{margin:0;color:#555}.article-page article figure{margin:2em 0;text-align:center}.article-page article figure img{width:100%;max-width:600px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.article-page article figure figcaption{margin-top:.5em;font-style:italic;color:#666;font-size:.9em}.article-page article figure.ir{border:thin silver solid;padding:5px;display:flex;flex-direction:column;float:right;margin:0 0 .5em 1em;max-width:none;width:auto}.article-page article figure.ir img{width:auto;height:300px;max-width:none;border-radius:0;box-shadow:none}.article-page article figure.ir figcaption{background-color:#222;padding:3px;font-size:.8em;font-style:italic;text-align:center;color:#fff;margin-top:0}.article-page article .mizzi-logo{text-align:center;margin-bottom:2em}.article-page article .mizzi-logo img{max-width:200px;height:auto}.article-page article a{color:#047aed;text-decoration:underline}.article-page article a:hover{color:rgb(3.153526971,96.1825726141,186.846473029)}.article-page article .hero-cta{margin:3em auto}.article-page article .hero-cta a{color:#fff;text-decoration:none}.article-page article .hero-cta a:hover{color:#fff}@media only screen and (max-width: 800px){.article-page article figure.ir img{width:200px;height:auto}}@media only screen and (max-width: 768px){.article-page{padding:2em 0}.article-page article h1{font-size:2em}.article-page article h2{font-size:1.6em}.article-page article h3{font-size:1.3em}}.articles-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2em;margin:3em 0}.articles-list .article-card{background-color:#f9f9f9;padding:2em;border-radius:10px;transition:all .3s ease}.articles-list .article-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.articles-list .article-card h2{font-size:1.5em;margin-top:0;margin-bottom:.5em}.articles-list .article-card h2 a{color:#002240;text-decoration:none}.articles-list .article-card h2 a:hover{color:#047aed}.articles-list .article-card p{margin-bottom:0;color:#666}@media only screen and (max-width: 768px){.articles-list{grid-template-columns:1fr}}.mb{margin-bottom:3em}:root{--primary-color: #047aed;--secondary-color: #6413f6;--greytext-color: #444;--lightgreytext-color: #707070;--dark-color: #002240;--light-color: #f4f4f4;--success-color: #11ed9d;--error-color: #ed431c;--yellow-color: #ede21c}