@font-face{font-display:block;font-family:Dempster;font-style:normal;font-weight:400;src:url(https://grns.lpcomet.com/simg/landings/fonts/Dempster.woff2) format("woff2")}@font-face{font-display:block;font-family:Pill Gothic\ 300mg;font-style:normal;font-weight:400;src:url(https://grns.lpcomet.com/simg/landings/fonts/PillGothic300mg/PillGothic300mg-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:Pill Gothic\ 300mg;font-style:normal;font-weight:500;src:url(https://grns.lpcomet.com/simg/landings/fonts/PillGothic300mg/PillGothic300mg-Semibd.woff2) format("woff2")}:root{--grns-black:0,0,0;--grns-dark:3,4,2;--grns-iridium:61,61,61;--grns-dune:50,50,50;--grns-red-fox:198,83,26;--grns-bright-gold:255,77,0;--grns-international:255,79,3;--grns-brown-bramble:91,30,0;--grns-dark-green:28,31,38;--grns-blue:132,146,179;--grns-grey:145,146,152;--grns-gravel:67,68,71;--grns-orange:203,102,52;--grns-orange-light:255,178,90;--grns-mahogany:182,59,0;--grns-mango-orange:255,123,61;--grns-cream:237,198,156;--grns-white:255,255,255;--grns-grey-gradient:linear-gradient(180deg,#2b2f39,#1c1f26);--grns-golden-gradient:linear-gradient(180deg,#ffcb65,#b48221 17.07%,#ffcb65 33.73%,#ffcb65 55.09%,#b48221 68.11%,#ffcb65 81.13%,#ffd482);--grns-transition-time:.3s}body{background-color:rgb(var(--grns-dark));color:rgb(var(--grns-white));cursor:url(https://grns.lpcomet.com/simg/landings/gransino/templates/decor/devil-cursor.webp),auto;font-family:Pill Gothic\ 300mg,sans-serif;font-size:16px;font-style:normal;font-weight:400}[lang=ar] body{font-family:Noto Sans Arabic,sans-serif}body a,body button{background:none;border:none;cursor:url(https://grns.lpcomet.com/simg/landings/gransino/templates/decor/cursor-finger.webp),auto;font-family:inherit}.container{--container-width:320px;--container-gap:47px;margin:0 auto;max-width:calc(var(--container-width) + var(--container-gap)*2);padding:0 var(--container-gap);width:100%}@media screen and (min-width:768px){.container{--container-width:720px;--container-gap:24px}}@media screen and (min-width:1280px){.container{--container-width:1200px;--container-gap:20px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.btn{position:relative;--button__min-width:108px;--button__padding-top:5px;--button__padding-bottom:5px;--button__padding-left:20px;--button__padding-right:20px;--button__border-width:0;--button__border-radius:16px;--button__font-size-title:32px;animation:fade-in .25s ease-in .15s forwards;display:inline-block;opacity:0;text-decoration:none;transition:transform var(--grns-transition-time) ease}@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px)}}.btn:after,.btn:before{background-repeat:no-repeat;background-size:cover;border:1px solid rgb(var(--grns-dark));border-radius:50%;box-shadow:0 3px 8px rgba(var(--grns-black),.24);content:"";display:block;height:10px;position:absolute;top:50%;width:10px;z-index:2}.btn:before{right:10px;transform:translateY(-50%) rotate(-20deg)}.btn:after,.btn:before{background-image:url(https://grns.lpcomet.com/simg/landings/gransino/templates/buttons/bolt.webp)}.btn:after{left:10px;transform:translateY(-50%) rotate(20deg) scaleX(-1)}.btn__wrapper{--button__min-width:40px;--button__min-height:56px;--button__padding-top:10px;--button__padding-bottom:10px;--button__padding-left:24px;--button__padding-right:24px;align-items:center;background-image:linear-gradient(180deg,rgb(var(--grns-orange)),rgb(var(--grns-red-fox)));border:1px solid rgb(var(--grns-dark));border-radius:28px;box-shadow:0 10px 16px rgba(var(--grns-dark),.25),0 4px 4px rgba(var(--grns-dark),.25),inset 0 2px 2px rgba(var(--grns-white),.25),inset 0 -2px 2px rgba(var(--grns-dark),.5);color:rgb(var(--grns-dark));display:inline-flex;flex-direction:column;font-style:normal;font-weight:400;justify-content:center;letter-spacing:.02em;min-height:var(--button__min-height,48px);min-width:var(--button__min-width,100px);outline:none;padding:var(--button__padding-top,8px) var(--button__padding-right,24px) var(--button__padding-bottom,8px) var(--button__padding-left,24px);position:relative;text-align:center;text-shadow:0 -2px 8px rgba(var(--grns-black),.15),0 2px 0 rgba(var(--grns-black),.3);text-transform:capitalize;transition:box-shadow var(--grns-transition-time) ease}@media (hover:hover) and (pointer:fine){.btn__wrapper:hover{box-shadow:0 4px 30px rgba(var(--grns-bright-gold),.8),0 0 8px rgb(var(--grns-international)),inset 0 2px 2px rgba(var(--grns-white),.25),inset 0 -2px 2px rgba(var(--grns-dark),.5);color:rgb(var(--grns-brown-bramble))}}.btn__wrapper:before{background-image:url(https://grns.lpcomet.com/simg/landings/gransino/templates/buttons/fraction-1.webp),url(https://grns.lpcomet.com/simg/landings/gransino/templates/buttons/crack-1.svg),url(https://grns.lpcomet.com/simg/landings/gransino/templates/buttons/crack-3.svg);background-position:68% bottom,3px top,bottom;background-repeat:no-repeat;background-size:360px,30px,25px,auto;border-radius:28px;content:"";inset:0;position:absolute}.btn__text{font-family:Dempster,Trebuchet MS;font-size:var(--button__font-size-title);font-weight:400;letter-spacing:.039px;position:relative;text-align:center;text-shadow:0 0 14px rgb(var(--grns-mango-orange));text-transform:uppercase;transition:color var(--grns-transition-time) ease}[lang=ar] .btn__text{font-family:Noto Sans Arabic,sans-serif}@media (hover:hover) and (pointer:fine){.btn__text:hover{color:rgb(var(--grns-brown-bramble))}}@media screen and (min-width:768px){.btn{--button__font-size-title:40px}.btn__wrapper{--button__padding-top:13px;--button__padding-left:30px;--button__padding-right:30px;border-radius:33px}.btn__wrapper:before{background-position:69% bottom,9px top,bottom}}.header__logo{display:inline-block;height:50px;width:100px}.header__logo img{height:100%;width:100%}@media screen and (min-width:768px){.header__logo{height:80px;width:160px}}@media screen and (min-width:1280px){.header__logo{height:100px;width:200px}}@media screen and (min-width:1920px){.header__logo{height:140px;width:280px}}.main{padding-bottom:var(--main-bottom-gap,130px);position:relative;z-index:2}.main__steps{margin-bottom:var(--bottom-steps-gap,110px)}@media screen and (min-width:768px){.main{--main-bottom-gap:179px}}@media screen and (min-width:1280px){.main{--main-bottom-gap:54px}}@media screen and (min-width:1920px){.main{--main-bottom-gap:88px}}.title{color:rgb(var(--grns-white));font-family:Dempster,sans-serif;font-size:24px;font-weight:400;line-height:100%;text-align:center}[lang=ar] .title{font-family:Noto Sans Arabic,sans-serif}@media screen and (min-width:768px){.title{font-size:32px}}.footer{--pattern:url(https://grns.lpcomet.com/simg/landings/gransino/templates/decor/footer-mobile-img.webp);--pattern-height:32px;--gap:20px;background:rgb(var(--grns-dark-green));color:rgba(var(--grns-blue));font-size:12px;font-weight:400;line-height:160%;padding:40px 0 32px;position:relative;text-align:center;z-index:10}.footer__container{display:flex;flex-direction:column;gap:var(--gap)}.footer__copyright{color:rgb(var(--grns-blue));font-size:12px;font-weight:400;line-height:140%;margin-top:var(--gap)}.footer__copyright:first-child{margin-top:0}.footer__button-top{display:block;height:24px;width:24px}.footer__button-image{height:100%;width:100%}.footer:before{background:var(--pattern) 50% 0/auto 32px;content:"";height:var(--pattern-height);left:0;position:absolute;right:0;top:0;width:100%}@media screen and (min-width:1280px){.footer{--pattern:url(https://grns.lpcomet.com/simg/landings/gransino/templates/decor/footer-desktop-img.webp)}}.payment-icons{align-items:center;display:grid;grid-auto-flow:column;justify-content:center;grid-gap:16px;border-bottom:1px solid rgb(var(--grns-gravel));padding:0 0 var(--gap) 0}.payment-icons__item{align-items:center;display:flex}.payment-icons__img{filter:invert(54%) sepia(17%) saturate(557%) hue-rotate(184deg) brightness(103%) contrast(86%);height:32px;transform:translateZ(0);width:auto}.license-icons{align-items:center;display:flex;gap:16px;justify-content:center}.license-icons__item{align-items:center;display:flex;height:40px;width:auto}.dialog-block{height:max-content;max-width:335px;padding:64px 16px;position:relative;text-align:center;z-index:0}.dialog-block:before{background-image:url(https://grns.lpcomet.com/simg/landings/gransino/templates/decor/popup-background-mobile.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;inset:0;position:absolute;width:100%;z-index:-2}@media screen and (min-width:414px){.dialog-block:before{background-size:100% 100%}}@media screen and (min-width:1280px){.dialog-block{min-width:480px}.dialog-block:before{background-image:url(https://grns.lpcomet.com/simg/landings/gransino/templates/decor/popup-background.webp)}}.dialog-popup{animation:fadeInTop .6s;color:rgb(var(--grns-white));margin:auto;overflow:visible;z-index:8}.dialog-popup__wrapper{min-height:100%;min-width:100%;overflow-x:hidden;overflow-y:auto;padding:40px 0}.dialog-popup__wrapper::-webkit-scrollbar{display:none}.dialog-popup__wrapper::backdrop{background-color:rgb(var(--grns-black),.7);overflow:hidden}.dialog-popup__title{color:rgb(var(--grns-white));font-family:Dempster,sans-serif;font-size:32px;font-weight:400;line-height:100%;margin-bottom:24px;text-align:center;text-shadow:0 4px 4px rgba(var(--grns-black),.25);text-transform:uppercase}[lang=ar] .dialog-popup__title{font-family:Noto Sans Arabic,sans-serif}.dialog-popup__lang-list{display:grid;gap:16px 2px;grid-template-columns:repeat(4,70px);justify-content:center;justify-items:center}.dialog-popup__close{display:flex;inset-inline-end:20px;position:absolute;top:20px;width:24px}.dialog-popup__close svg{--close-color:rgb(var(--grns-grey));transition:fill var(--grns-transition-time)}@media (hover:hover) and (pointer:fine){.dialog-popup__close:hover svg{--close-color:rgb(var(--grns-orange))}}.dialog-popup__item{align-items:center;display:flex;flex-direction:column;font-size:14px;gap:8px;justify-content:center}.dialog-popup__item .lang-list__icon{margin-bottom:8px;position:relative}.dialog-popup__item .lang-list__link{color:rgb(var(--grns-white));flex-direction:column;font-family:Pill Gothic\ 300mg,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:120%;transition:border var(--grns-transition-time) ease}.dialog-popup__item .lang-list__link:before{height:48px;transition:all var(--grns-transition-time) ease;width:48px}@media (hover:hover) and (pointer:fine){.dialog-popup__item:hover .lang-list__link{transform:translateY(0)}.dialog-popup__item:hover .lang-list__link:before{background-color:rgb(var(--grns-orange-light));border:2px solid rgb(var(--grns-orange))}}@keyframes fadeInTop{0%{opacity:.7;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}*,html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html[lang=ar]{direction:rtl}a{color:inherit;cursor:pointer;text-decoration:none}ol,ul{list-style:none}img,picture{display:block;user-select:none;width:auto}picture{width:auto}picture img{height:100%;object-fit:cover;width:100%}button{background:none;border:none;font-family:inherit;outline:none}button,select{cursor:pointer}dialog{background:none;border:none}.page{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}:has(+footer){flex-grow:1}footer{flex-shrink:0}html:has(dialog[open]){overflow:hidden}.steps{align-items:center}.steps,.steps__wrapper{display:flex;flex-direction:column;gap:16px;justify-content:center}.steps__wrapper{flex-wrap:wrap}.steps__item{align-items:center;animation:fade-in .25s ease-in .15s forwards;background:rgb(var(--grns-dark-green));border-bottom:2px solid rgb(var(--grns-orange));border-top:2px solid rgb(var(--grns-orange));display:flex;font-family:Pill Gothic\ 300mg,sans-serif;gap:8px;height:auto;justify-content:center;max-width:260px;opacity:0;padding:10px 4px;position:relative;transition:transform var(--grns-transition-time) linear;width:100%}.steps__item:after,.steps__item:before{background-image:url(https://grns.lpcomet.com/simg/landings/gransino/templates/steps/item-left.webp);background-repeat:no-repeat;background-size:32px 100%;content:"";height:calc(100% + 4px);left:-30px;position:absolute;top:-2px;width:32px;z-index:-1}.steps__item:after{left:inherit;right:-30px;transform:scale(-1)}[lang=ar] .steps__item{font-family:Noto Sans Arabic,sans-serif}.steps__item.active{transform:translateY(-2px)}.steps__number{align-items:center;color:rgb(var(--grns-orange));display:flex;font-family:Dempster,sans-serif;font-size:58px;font-style:normal;font-weight:400;height:40px;justify-content:flex-end;line-height:130%;text-align:center;width:24px}[lang=ar] .steps__number{font-family:Noto Sans Arabic,sans-serif}.steps__content{display:flex;flex-direction:column}.steps__text{color:rgb(var(--grns-white));font-size:16px;font-weight:700;line-height:16px;text-transform:uppercase;width:220px}.steps__text:has(+.steps__subtext){color:rgb(var(--grns-orange))}.steps__subtext{color:rgb(var(--grns-white));font-size:12px;font-style:normal;font-weight:400;line-height:100%;margin-top:2px;width:220px}@media screen and (min-width:768px){.steps{gap:20px}.steps__wrapper{column-gap:88px;flex-direction:row;row-gap:20px}.steps__item{gap:4px;max-width:284px;padding:10px}.steps__item,.steps__number{justify-content:flex-start}.steps__subtext,.steps__text{width:248px}}@media screen and (min-width:1280px){.steps{gap:20px}.steps__wrapper{column-gap:92px;flex-wrap:nowrap;row-gap:0}.steps__item{max-width:312px;padding:10px}.steps__item,.steps__number{justify-content:flex-start}}picture.unloaded{animation:none;background-image:var(--lightImage);background-position:50%;background-size:cover;filter:blur(5px)}picture.unloaded img{opacity:0;transition:opacity .3s ease}picture .loaded{background:none;filter:none}picture .loaded img{opacity:1}@media (max-width:767px){picture[data-astro-cid-lvu2cf2h]{--lightImage:var(--lightImageSmall)}}@media (max-width:1279px){picture[data-astro-cid-lvu2cf2h]{--lightImage:var(--lightImageMedium)}}@media (min-width:1280px){picture[data-astro-cid-lvu2cf2h]{--lightImage:var(--lightImageLarge)}}@media (min-width:1920px){picture[data-astro-cid-lvu2cf2h]{--lightImage:var(--lightImageXlarge)}}
