:root{--ff-body:"Inter Tight",sans-serif;--body-bg:#010726;--light-bg:#f6f7ff;--clr-primary:#4e32df;--clr-secondary:#67dcff;--clr-text-dark:#010726;--clr-text:#697094;--clr-violet:#6f5ebc;--clr-violet-light:#b9b1f8;--wrapper-max-size:1300px;--wrapper-inline-padding:20px;--txt-80:80px;--txt-50:50px;--txt-40:40px;--txt-20:20px;--lts-3:-3px;--lts-2:-2px;--lts-1:-1px;}@media (max-width:1600px){:root{--txt-80:60px}}@media (max-width:1400px){:root{--wrapper-max-size:1160px;--txt-50:45px;--txt-40:35px}}@media (max-width:1025px){:root{--wrapper-inline-padding:60px}}@media (max-width:700px){:root{--wrapper-inline-padding:20px;--txt-80:36px;--txt-50:40px;--txt-40:30px;--lts-3:-1px;--lts-2:-1px}}*,*::after,*::before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;}body{min-height:100vh;font-family:var(--ff-body);font-optical-sizing:auto;font-size:1rem;font-style:normal;background-color:var(--body-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}@media (prefers-reduced-motion:no-preference){html,body{scroll-behavior:smooth}}a{text-decoration:none;}ul,ol,li{list-style:none;padding:0;}p{line-height:1.5;}img{border:none;outline:0;display:block;}img.fluid{max-width:100%;height:auto;}img.cover{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;}input,button,textarea,select{font:inherit;}.wrapper{width:100%;margin-inline:auto;padding-inline:var(--wrapper-inline-padding);max-width:calc(var(--wrapper-max-size) + calc(var(--wrapper-inline-padding) * 2));}.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex;}.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}.flex-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.text-center{text-align:center;}.d-grid{display:-ms-grid;display:grid;}.gradient-text{display:inline-block;background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-padding-end:5px;padding-inline-end:5px;-webkit-padding-after:2px;padding-block-end:2px;}.title-content{gap:clamp(25px,5vw,40px);}.section-title{font-size:var(--txt-80);letter-spacing:var(--lts-3);font-weight:400;color:white;line-height:1.2;}.section-tag{font-weight:500;color:var(--clr-violet-light);}.section-content{font-size:20px;color:var(--clr-text);}.page-bg{--bg-size:1080px;position:fixed;top:0;bottom:0;width:100%;z-index:-1;opacity:.4;min-height:var(--bg-size);pointer-events:none;user-select:none;}.page-bg video{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}@media (max-width:1800px){.page-bg{--bg-size:900px}}@media (max-width:700px){.page-bg{--bg-size:660px;bottom:auto}.section-content{font-size:16px}}header{--header-block-padding:40px;--logo-max-width:117px;position:sticky;top:0;width:100%;z-index:66;padding-block:var(--header-block-padding);background-color:rgba(0,13,82,0);backdrop-filter:blur(5px);-webkit-transition:all ease-in-out 300ms;-o-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;}header.sticky{--header-block-padding:20px;background-color:rgba(0,13,82,.9);}header .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}header .logo{max-width:var(--logo-max-width);}@media (max-width:1500px){header{--header-block-padding:25px}}@media (max-width:700px){header{--header-block-padding:20px}header.sticky{--header-block-padding:15px}}nav ul,.contact-sales{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}nav ul{gap:2px;}nav ul a{display:block;padding:12px 20px;border-radius:5px;font-size:16px;font-weight:500;color:white;-webkit-transition:all ease-in-out 200ms;-o-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;}nav ul a:hover,nav ul a.active{background-color:rgba(255,255,255,.2);color:var(--clr-secondary);}.contact-sales{padding-block:14px;padding-inline:18px;border-radius:5px;font-size:14px;font-weight:600;gap:8px;background-color:var(--clr-primary);color:white;-webkit-transition:all ease-in-out 200ms;-o-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;}.contact-sales:hover{background-color:var(--clr-violet);color:white;}@media (max-width:900px){.navigation{display:none}}@media (max-width:700px){.contact-sales{padding-block:10px;padding-inline:14px;font-size:13px}.contact-sales svg{width:18px;height:18px}}.intro{-webkit-padding-before:clamp(50px,4vw,100px);padding-block-start:clamp(50px,4vw,100px);}.intro .intro-content{gap:clamp(15px,3vw,25px);}.intro .intro-content>span{font-size:var(--txt-40);color:var(--clr-text);letter-spacing:var(--lts-1);}.intro .intro-content h1{text-wrap:balance;}.intro .gradient-text{background-image:-o-linear-gradient(45deg,var(--clr-primary),var(--clr-violet-light));background-image:linear-gradient(45deg,var(--clr-primary),var(--clr-violet-light));}.intro-hero{-webkit-padding-before:100px;padding-block-start:100px;}.intro-hero,.intro-hero .wrapper{position:relative;}.intro-hero::before{position:absolute;content:"";top:20px;left:50%;width:50%;height:200px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%;background:#4e32df;background:-o-radial-gradient(circle,rgba(78,50,223,1) 0%,rgba(78,50,223,0) 100%);background:radial-gradient(circle,rgba(78,50,223,1) 0%,rgba(78,50,223,0) 100%);-webkit-filter:blur(30px);filter:blur(30px);}.intro-hero::after{position:absolute;bottom:0;left:0;content:"";width:100%;height:300px;z-index:2;background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,rgba(1,7,38,1)),to(rgba(1,7,38,0)));background:-o-linear-gradient(bottom,rgba(1,7,38,1) 20%,rgba(1,7,38,0) 100%);background:linear-gradient(0deg,rgba(1,7,38,1) 20%,rgba(1,7,38,0) 100%);}.intro-hero .rafflo-ai{position:absolute;z-index:2;right:20%;top:-40px;background-color:var(--clr-primary);width:250px;border-radius:10px;padding-inline:25px;padding-block:25px 20px;color:white;}.intro-hero .rafflo-ai .title{gap:10px;-webkit-padding-after:15px;padding-block-end:15px;}.intro-hero .rafflo-ai .title p{font-size:18px;font-weight:600;text-box:trim-both ex alphabetic;}.intro-hero .rafflo-ai .title p span{font-size:14px;font-weight:600;display:block;-webkit-padding-before:5px;padding-block-start:5px;}.intro-hero .rafflo-ai p{font-size:14px;letter-spacing:.3px;line-height:1.3;}.points{z-index:2;background-color:var(--body-bg);}.intro-points{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:clamp(40px,4vw,100px);}.intro-points .point{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;}.intro-points .point figure{width:50px;height:50px;border-radius:5px;border:rgba(133,144,161,.5) solid 1px;-ms-flex-negative:0;flex-shrink:0;}.intro-points .point span{color:white;font-size:15px;letter-spacing:.4px;line-height:1.4;}@media (max-width:1600px){.intro .intro-content .section-title{max-width:80%;margin-inline:auto}}@media (max-width:1025px){.intro .intro-content .section-title{max-width:100%}.intro-hero .rafflo-ai{width:auto;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);padding-block:12px;padding-inline:20px;border-radius:30px;top:-70px}.intro-hero .rafflo-ai .title{-webkit-padding-after:0;padding-block-end:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.intro-hero .rafflo-ai p:not(.title p),.intro-hero .rafflo-ai .title p span{display:none}.intro-hero .rafflo-ai .title p{font-size:14px}.intro-hero::after{height:220px}}@media (max-width:700px){.points{-webkit-padding-before:50px;padding-block-start:50px;padding-inline:15px}.intro-points{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.intro .intro-content>span{--txt-40:22px;--lts-1:-.2px}.intro .intro-content .section-title{--txt-80:34px}.intro-hero .rafflo-ai{padding-block:8px;padding-inline:16px}.intro-hero .rafflo-ai svg{width:18px;height:18px}.intro-hero .rafflo-ai .title p{text-box:auto}.intro-hero::after{height:50px}.intro-hero::before{top:60px;width:80%;height:70px}}.about-rafflo{position:relative;isolation:isolate;-webkit-padding-before:250px;padding-block-start:250px;-webkit-padding-after:50px;padding-block-end:50px;background-color:var(--body-bg);}.about-rafflo::before{content:"";position:absolute;display:block;width:30%;right:10%;z-index:-1;aspect-ratio:1;-webkit-filter:blur(100px);filter:blur(100px);background:-o-radial-gradient(circle,rgba(111,94,188,.4) 0%,rgba(111,94,188,0) 100%);background:radial-gradient(circle,rgba(111,94,188,.4) 0%,rgba(111,94,188,0) 100%);}.about-rafflo::after{position:absolute;bottom:-200px;left:0;content:"";width:100%;height:200px;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(1,7,38,1)),to(rgba(1,7,38,0)));background:-o-linear-gradient(top,rgba(1,7,38,1) 20%,rgba(1,7,38,0) 100%);background:linear-gradient(180deg,rgba(1,7,38,1) 20%,rgba(1,7,38,0) 100%);}.about-rafflo .gradient-text{background-image:-o-linear-gradient(45deg,var(--clr-violet-light),var(--clr-primary));background-image:linear-gradient(45deg,var(--clr-violet-light),var(--clr-primary));display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}.about-bento{--bento-card-height:400px;--bento-card-padding:40px;-webkit-padding-before:100px;padding-block-start:100px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 1fr 30px 1fr;grid-template-columns:1fr 1fr 1fr;-ms-grid-rows:1fr 30px 1fr;grid-template-rows:1fr 1fr;gap:30px 30px;grid-template-areas:"b-1 b-1 b-2" "b-3 b-4 b-5";}.about-bento li{position:relative;height:var(--bento-card-height);padding:var(--bento-card-padding);border-radius:10px;overflow:hidden;}.about-bento .img-info{padding:10px;border-radius:30px;background-color:rgba(1,7,38,.6);color:var(--clr-violet-light);font-size:12px;gap:5px;}.bento-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:start;height:100%;gap:15px;color:var(--clr-text-dark);}.bento-content .tag{background-color:#f6f7ff;border-radius:30px;padding:8px 15px;font-size:14px;letter-spacing:.5px;}.bento-content h4{font-size:var(--txt-50);letter-spacing:var(--lts-2);font-weight:400;max-width:220px;line-height:1.1;}.bento-content p{font-size:15px;letter-spacing:.5px;-webkit-margin-before:auto;margin-block-start:auto;max-width:80%;text-wrap:balance;}.about-bento li:nth-child(1){--bento-card-padding:0;grid-area:b-1;}.about-bento li:nth-child(1),.about-bento li:nth-child(2),.about-bento li:nth-child(3){display:-ms-grid;display:grid;}.about-bento li:nth-child(1) .content,.about-bento li:nth-child(1) picture,.about-bento li:nth-child(2) .bento-content,.about-bento li:nth-child(2) picture,.about-bento li:nth-child(3) .bento-content,.about-bento li:nth-child(3) picture{grid-area:1/1;}.about-bento li:nth-child(1) .content{z-index:1;padding:30px 30px 20px 35px;display:-ms-grid;display:grid;-ms-flex-line-pack:justify;align-content:space-between;background:-o-linear-gradient(310deg,rgba(1,7,38,.8) 0%,rgba(1,7,38,0) 60%);background:linear-gradient(140deg,rgba(1,7,38,.8) 0%,rgba(1,7,38,0) 60%);}.about-bento li:nth-child(1) .content h3{font-size:var(--txt-40);color:white;text-wrap:balance;font-weight:400;max-width:350px;line-height:1.1;letter-spacing:var(--lts-1);}.about-bento li:nth-child(1) .content .img-info{-webkit-margin-start:auto;margin-inline-start:auto;}.about-bento li:nth-child(2){grid-area:b-2;background-color:var(--clr-secondary);}.about-bento li:nth-child(3){grid-area:b-3;background-color:var(--clr-violet-light);}.about-bento li:nth-child(2) .bento-content,.about-bento li:nth-child(3) .bento-content{z-index:1;}.about-bento li:nth-child(2) .cover,.about-bento li:nth-child(3) .cover{top:0;right:0;-o-object-position:right;object-position:right;pointer-events:none;}.about-bento li:nth-child(4){grid-area:b-4;display:-ms-grid;display:grid;gap:20px;-ms-flex-line-pack:start;align-content:start;background-color:var(--clr-primary);color:#f6f7ff;}.about-bento li:nth-child(4) h3{font-size:22px;font-weight:500;-webkit-padding-after:10px;padding-block-end:10px;}.about-bento li:nth-child(4) p{font-size:16px;letter-spacing:.5px;opacity:.8;}.about-bento li:nth-child(4) p strong{font-weight:500;}.about-bento li:nth-child(5){--bento-card-padding:0;grid-area:b-5;}@media (max-width:900px){.about-bento{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"b-1 b-1" "b-2 b-3" "b-4 b-5"}.about-bento{--bento-card-padding:30px}.about-rafflo .gradient-text{display:initial}}@media (max-width:700px){.about-rafflo{-webkit-padding-before:120px;padding-block-start:120px}.about-bento{-webkit-padding-before:50px;padding-block-start:50px}.about-bento{-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-areas:"b-1" "b-2" "b-3" "b-4" "b-5"}.about-bento li:nth-child(1){--bento-card-height:300px}.about-bento li:nth-child(1) .content{padding:20px}.about-bento li:nth-child(4){--bento-card-height:auto}.bento-content h4{max-width:200px}.about-bento li:nth-child(4) p{letter-spacing:.2px}}.rafflo-features{--feature-list-col:4;position:relative;z-index:2;padding-block:250px;background-color:rgba(1,7,38,.7);}.rafflo-features .gradient-text{background-image:-o-linear-gradient(45deg,var(--clr-secondary),var(--clr-primary));background-image:linear-gradient(45deg,var(--clr-secondary),var(--clr-primary));display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}.features{gap:clamp(25px,3vw,40px);-webkit-padding-before:clamp(50px,4vw,100px);padding-block-start:clamp(50px,4vw,100px);}.features h3{font-size:clamp(20px,3vw,24px);color:white;font-weight:600;}.feature-list{grid-template-columns:repeat(var(--feature-list-col),minmax(0,1fr));gap:40px 30px;}.feature-list .feature-item{display:-ms-grid;display:grid;-ms-grid-rows:160px auto;grid-template-rows:160px auto;border:1px solid rgba(78,50,223,.2);background-color:rgba(78,50,223,.02);border-radius:10px;padding-block:30px 40px;padding-inline:35px;min-height:370px;}@media (hover:hover){.feature-list .feature-item{-webkit-transition:all ease-in-out 250ms;-o-transition:all ease-in-out 250ms;transition:all ease-in-out 250ms}.feature-list .feature-item:hover{background-color:rgba(78,50,223,.2);border:1px solid rgba(78,50,223,.5)}}.feature-list .feature-item h4{color:var(--clr-secondary);font-size:var(--txt-20);font-weight:600;line-height:1.4;-webkit-padding-after:15px;padding-block-end:15px;text-wrap:balance;}.feature-list .feature-item p{font-size:clamp(16px,3vw,18px);color:#8489a4;}@media (max-width:900px){.rafflo-features{--feature-list-col:2}.rafflo-features .gradient-text{display:initial}.feature-list .feature-item{-ms-grid-rows:120px auto;grid-template-rows:120px auto;min-height:auto;padding-block:30px}}@media (max-width:700px){.rafflo-features{--feature-list-col:1;padding-block:60px 100px}.feature-list{gap:20px}.feature-list .feature-item{-ms-grid-rows:80px auto;grid-template-rows:80px auto;padding:30px}.feature-list .feature-item img{max-height:60px;width:auto}}.clients{--client-list-count:5;display:-ms-grid;display:grid;gap:100px;background-color:var(--light-bg);padding-block:150px;}.clients .section-tag{color:var(--clr-violet);}.clients .section-title{color:var(--clr-text-dark);text-wrap:balance;max-width:90%;}.clients .gradient-text{background-image:-o-linear-gradient(45deg,var(--clr-secondary),var(--clr-primary));background-image:linear-gradient(45deg,var(--clr-secondary),var(--clr-primary));}.client-list{grid-template-columns:repeat(var(--client-list-count),minmax(0,1fr));gap:60px 30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-padding-before:80px;padding-block-start:80px;}.invite{display:-ms-grid;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.invite figure img{-webkit-transform:translateX(-160px);-ms-transform:translateX(-160px);transform:translateX(-160px);}.invite figcaption{gap:30px;-ms-flex-line-pack:center;align-content:center;justify-items:start;z-index:2;}.invite figcaption .title{font-size:var(--txt-40);font-weight:500;letter-spacing:var(--lts-1);color:var(--clr-text-dark)}.invite figcaption p{font-size:20px;-webkit-padding-after:20px;padding-block-end:20px;}.invite a{padding:18px 30px;border-radius:5px;background-color:var(--clr-violet);color:white;font-weight:600;-webkit-transition:all ease-in-out 200ms;-o-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;}.invite a:hover{background-color:var(--clr-primary);}@media (max-width:1400px){.clients{-webkit-padding-before:120px;padding-block-start:120px}.invite figcaption{-webkit-padding-start:100px;padding-inline-start:100px}}@media (max-width:900px){.clients{--client-list-count:3;gap:50px}.invite{-ms-grid-columns:auto;grid-template-columns:auto;gap:20px}.invite figure img{width:100%;height:auto}.invite figcaption{-webkit-padding-start:0;padding-inline-start:0;gap:20px}}@media (max-width:700px){.clients{--client-list-count:2;padding-block:80px}.clients .section-title{max-width:100%;--txt-80:38px}.client-list{gap:30px 20px;-webkit-padding-before:50px;padding-block-start:50px}.clients .list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.clients .list-item img{width:-webkit-fit-content;width:-moz-fit-content;width:auto;height:auto;max-width:100px;max-height:60px}.invite figure img{-webkit-transform:translateX(-70px);-ms-transform:translateX(-70px);transform:translateX(-70px)}.invite figcaption .title{--txt-40:28px}.invite figcaption p{font-size:16px;-webkit-padding-after:10px;padding-block-end:10px}.invite a{font-size:14px;padding:15px 22px}}.contact{padding-block:200px;background-color:rgba(1,7,38,.7);}.contact .section-title,.contact .section-content{text-wrap:balance;}.contact .section-content{color:#9aa0c3;}.contact .gradient-text{background-image:-o-linear-gradient(45deg,var(--clr-primary),var(--clr-violet-light));background-image:linear-gradient(45deg,var(--clr-primary),var(--clr-violet-light));}.contact-info{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;max-width:750px;margin-inline:auto;padding-block:80px;}.contact-info .contact-info-cols{position:relative;border:1px solid rgba(78,50,223,.2);background-color:rgba(78,50,223,.02);border-radius:6px;-webkit-transition:all ease-in-out 200ms;-o-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;padding:25px;display:-ms-grid;display:grid;-ms-grid-columns:40px 20px 1fr;grid-template-columns:40px 1fr;gap:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;}.contact-info .contact-info-cols span:first-child{--clr-violet-light:#ccc6ff;color:var(--clr-violet-light);font-size:14px;font-weight:600;}.contact-info .contact-info-cols span:last-child{color:white;font-size:25px;-webkit-padding-before:10px;padding-block-start:10px;}.contact-info .contact-info-cols .hover-arrow{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all ease-in-out 150ms;-o-transition:all ease-in-out 150ms;transition:all ease-in-out 150ms;position:absolute;right:20px;top:20px;}@media (hover:hover) and (pointer:fine){.contact-info .contact-info-cols:hover{background-color:rgba(78,50,223,.7)}.contact-info .contact-info-cols:hover .hover-arrow{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.sysberries{justify-items:center;gap:20px;-webkit-padding-before:50px;padding-block-start:50px;}.sysberries span{font-size:14px;line-height:1.4;text-wrap:balance;color:whitesmoke;}.sysberries span:first-child{color:var(--clr-secondary);font-weight:500;}@media (max-width:1600px){.contact .section-title,.contact .section-content{max-width:80%;margin-inline:auto}.contact .section-content{line-height:1.7}.sysberries{-webkit-padding-before:0;padding-block-start:0}}@media (max-width:900px){.contact .section-title,.contact .section-content{max-width:100%}}@media (max-width:900px){.contact{padding-block:100px}.contact .section-content{color:#979cbd}.contact-info{padding-block:40px 60px;gap:20px}.contact-info .contact-info-cols{padding:20px}.contact-info .contact-info-cols span:last-child{font-size:20px}.sysberries img{max-width:160px;height:auto}}