@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink: #111114;--paper: #f7f4ef;--white: #ffffff;--red: #d82442;--red-dark: #a80f2d;--coral: #ff6048;--violet: #7138ff;--muted: #66656a;--line: rgba(17, 17, 20, .13);font-family:DM Sans,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}body,button,a{font-family:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}section[id]{scroll-margin-top:84px}.site-header{height:84px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;gap:34px;position:fixed;inset:0 0 auto;z-index:100;color:var(--white);border-bottom:1px solid rgba(255,255,255,.15);background:#0c0c0fdb;box-shadow:0 10px 30px #00000024;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;white-space:nowrap}.brand img{width:50px;height:50px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:.9rem}.main-nav a{opacity:.78;transition:opacity .2s}.main-nav a:hover{opacity:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:56px;padding:0 25px;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:var(--white);background:linear-gradient(120deg,var(--red-dark) 0%,var(--red) 52%,var(--coral) 100%);background-size:160% 100%;font-weight:700;box-shadow:0 12px 28px #d8244242,inset 0 1px #ffffff2e;transition:transform .2s,background-position .3s,box-shadow .2s}.button:hover{transform:translateY(-3px);background-position:100% 0;box-shadow:0 16px 34px #d8244257,inset 0 1px #fff3}.button:focus-visible,.store-button:focus-visible,.social-links a:focus-visible,.carousel-button:focus-visible{outline:3px solid #ffb2bf;outline-offset:3px}.button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffffff29}.button-small{min-height:46px;padding:0 20px;border-radius:12px;font-size:.88rem}.button-light{color:var(--ink);background:linear-gradient(135deg,#fff,#fff5f1);box-shadow:0 12px 28px #00000029,inset 0 1px #fff}.button-light:hover{background-position:100% 0;box-shadow:0 16px 34px #0003,inset 0 1px #fff}.button-light>span{background:linear-gradient(135deg,var(--red),var(--coral));color:#fff}.menu-button{display:none}.hero{min-height:760px;background:radial-gradient(circle at 14% 14%,rgba(216,36,66,.16),transparent 30%),linear-gradient(135deg,#0b0b0e,#161217 52%,#0c0c0f);color:var(--white);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);overflow:hidden}.hero-copy{padding:170px 6vw 70px clamp(25px,7vw,110px);position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:var(--red);font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow span{width:30px;height:2px;background:currentColor}.eyebrow.light{color:#ff7b91}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.045em;margin:0;line-height:1.02}h1{font-size:clamp(3.5rem,6.2vw,7rem);font-weight:700}h1 em{color:var(--red);font-style:normal}.hero-lead{max-width:650px;margin:28px 0 34px;color:#c7c5ca;font-size:1.13rem;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.text-link{font-size:.9rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:5px}.hero-location{display:flex;flex-direction:column;gap:3px;margin-top:64px;padding-left:20px;border-left:3px solid var(--red)}.hero-location strong{font-family:Manrope,sans-serif;font-size:1.15rem}.hero-location span{color:#98979c;font-size:.85rem}.hero-location{transition:border-color .2s,transform .2s}.hero-location:hover{border-color:var(--coral);transform:translate(4px)}.hero-visual{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#d8244259 0,#28252a 36%,#151519 69%);isolation:isolate}.hero-visual:before{content:"SABANI";position:absolute;right:-3vw;top:20%;font:800 clamp(6rem,13vw,13rem)/1 "Manrope";color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);transform:rotate(90deg);z-index:-1}.hero-visual img{width:min(92%,720px);filter:drop-shadow(0 28px 28px rgba(0,0,0,.42));transform:translateY(35px)}.hero-badge{position:absolute;top:120px;left:8%;background:var(--red);padding:16px 20px;display:flex;flex-direction:column;z-index:3;transform:rotate(-3deg);box-shadow:8px 8px #00000059}.hero-badge strong{font:800 1.15rem Manrope;text-transform:uppercase}.hero-badge span{font-size:.72rem;opacity:.8}.values-strip{margin:-34px auto 0;width:min(1180px,calc(100% - 40px));min-height:120px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);background:var(--white);box-shadow:0 18px 50px #1111141a}.values-strip div{padding:28px 34px;border-right:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;gap:3px 12px;align-content:center}.values-strip div:last-child{border-right:0}.values-strip span{grid-row:1 / 3;color:var(--red);font-weight:800;font-size:.75rem}.values-strip strong{font:700 1.05rem Manrope}.values-strip small{color:var(--muted)}.section{padding:clamp(90px,10vw,150px) clamp(24px,7vw,110px)}.section-intro{max-width:920px;margin-bottom:65px}.section-intro h2,.contact h2{font-size:clamp(2.5rem,5vw,5rem)}.about-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(400px,1.15fr);gap:clamp(50px,8vw,130px);align-items:center}.mascot-wrap{position:relative}.mascot-frame{height:620px;display:flex;align-items:flex-end;justify-content:center;background:var(--ink);overflow:hidden;position:relative}.mascot-frame:before{content:"S";position:absolute;inset:-100px auto auto -35px;color:#ffffff0a;font:800 34rem/1 Manrope}.mascot-frame img{position:relative;height:92%;width:auto;object-fit:contain}blockquote{position:absolute;right:-45px;bottom:35px;margin:0;max-width:300px;background:var(--red);color:#fff;padding:24px;font:700 1.15rem/1.4 Manrope;box-shadow:12px 12px #11111424}blockquote small{display:block;margin-top:8px;font:400 .78rem DM Sans;opacity:.8}.about-lead{font:500 clamp(1.25rem,2vw,1.75rem)/1.55 "Manrope";margin:0 0 48px}.about-copy article{border-top:1px solid var(--line);padding:30px 0}.about-copy article>span{color:var(--red);font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.about-copy h3{font:700 1.25rem/1.3 Manrope;margin:10px 0}.about-copy article p{color:var(--muted);line-height:1.7;margin:0}.sabani-method{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(55px,8vw,120px);color:#fff;background:radial-gradient(circle at 8% 14%,rgba(216,36,66,.24),transparent 34%),radial-gradient(circle at 90% 85%,rgba(255,96,72,.12),transparent 30%),linear-gradient(135deg,#0d0d10,#181318 58%,#0d0c0f)}.method-intro h2{max-width:790px;font-size:clamp(2.8rem,5vw,5.3rem)}.method-intro>p:not(.eyebrow){max-width:690px;margin:27px 0 36px;color:#b9b6bd;font-size:1.08rem;line-height:1.75}.method-points{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.13);border-radius:26px;overflow:hidden;background:#ffffff06}.method-points article{min-height:210px;padding:28px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.method-points article:nth-child(2n){border-right:0}.method-points article:nth-last-child(-n+2){border-bottom:0}.method-points article>span{margin-bottom:auto;color:#ff617c;font-size:.72rem;font-weight:800}.method-points strong{font:700 1.05rem Manrope}.method-points p{margin:7px 0 0;color:#8f8c94;font-size:.87rem;line-height:1.55}.videos{background:linear-gradient(180deg,#f7f4ef,#eee9e3)}.videos-intro{margin-right:auto;margin-left:auto;text-align:center}.videos-intro .eyebrow{justify-content:center}.videos-intro>p:last-child{max-width:670px;margin:25px auto 0;color:var(--muted);line-height:1.7}.tiktok-grid{width:min(940px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,32px)}.tiktok-card{padding:10px;border:1px solid rgba(17,17,20,.1);border-radius:24px;background:linear-gradient(160deg,#1b1a1f,#0d0d10);box-shadow:0 22px 52px #16111624;overflow:hidden}.tiktok-card iframe{width:100%;aspect-ratio:9 / 16;display:block;border:0;border-radius:16px;background:#09090b}.tiktok-card>a{min-height:48px;padding:8px 10px 2px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:.83rem;font-weight:700}.tiktok-card>a span{color:#ff7188}.contact{background:var(--ink);color:var(--white);display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.contact-copy>p:not(.eyebrow){color:#aaa9ae;max-width:640px;line-height:1.7;font-size:1.08rem}.contact-actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:35px}.light-link{color:var(--white)}.location-panel{display:grid;grid-template-rows:auto 300px;gap:16px}.address-card{min-height:235px;padding:38px;background:linear-gradient(145deg,var(--red-dark),var(--red) 55%,var(--coral));display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border-radius:24px;box-shadow:0 24px 58px #00000047;transition:transform .2s,box-shadow .2s}.address-card:hover{transform:translateY(-3px);box-shadow:0 29px 65px #00000057}.address-card span{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.address-card strong{font:800 clamp(2.2rem,4vw,4rem) "Manrope";margin-top:8px}.address-card p{margin:0;color:#ffd1d9}.address-mark{position:absolute;top:-90px;right:-30px;font:800 18rem Manrope;color:#ffffff1f}.map-frame{width:100%;height:100%;border:0;border-radius:24px;filter:saturate(.78) contrast(1.05)}.rutitest-collab{padding:clamp(70px,8vw,110px) clamp(20px,5vw,80px);background:radial-gradient(circle at 85% 18%,rgba(113,56,255,.1),transparent 27%),linear-gradient(180deg,#f7f4ef,#eee9e3)}.collab-card{width:min(1240px,100%);margin:0 auto;padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,90px);align-items:center;background:#ffffffd6;border:1px solid rgba(17,17,20,.08);border-radius:30px;box-shadow:0 28px 80px #20171f1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;position:relative;isolation:isolate}.collab-card:before{content:"";position:absolute;width:380px;height:380px;left:-240px;bottom:-260px;border-radius:50%;background:linear-gradient(135deg,#ff38382e,#7138ff1f);filter:blur(4px)}.collab-info,.app-showcase{position:relative;z-index:1;min-width:0}.collab-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:35px;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:16px;background:#ffffffc7}.collab-brand img{width:46px;height:46px;object-fit:contain}.collab-brand div{display:flex;flex-direction:column;gap:2px}.collab-brand span{color:var(--red);font-size:.67rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.collab-brand strong{font:700 .94rem Manrope}.collab-info h2{max-width:500px;font-size:clamp(2.35rem,4vw,4.2rem)}.collab-info>p:not(.eyebrow){max-width:520px;color:var(--muted);line-height:1.7}.store-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.store-button{min-width:172px;min-height:64px;padding:10px 16px;display:flex;align-items:center;gap:12px;color:#fff;background:linear-gradient(135deg,#111116,#29252f);border:1px solid rgba(255,255,255,.1);border-radius:15px;box-shadow:0 10px 25px #11111429;transition:transform .2s,box-shadow .2s}.store-button:hover{transform:translateY(-3px);box-shadow:0 15px 32px #11111438}.store-button img{width:31px;height:31px;object-fit:contain}.store-button span{display:flex;flex-direction:column}.store-button small{color:#bbb9bf;font-size:.66rem}.store-button strong{font:700 1rem Manrope}.rutitest-links{display:flex;align-items:center;gap:16px;padding-top:25px;border-top:1px solid var(--line)}.rutitest-links>span{color:var(--muted);font-size:.78rem}.social-links{display:flex;gap:8px}.social-links a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}.social-links a:hover{transform:translateY(-3px);border-color:#d824424d;box-shadow:0 8px 18px #1111141a}.social-links img{width:19px;height:19px;object-fit:contain}.app-showcase{padding:30px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#17151b,#25202b 55%,#1b1722);box-shadow:0 22px 55px #110e1333}.app-showcase:before{display:none}.carousel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;color:#fff}.carousel-heading>div:first-child{display:flex;flex-direction:column;gap:4px}.carousel-heading span{color:#ff8c9f;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.carousel-heading strong{font:700 1.12rem Manrope}.carousel-controls{display:flex;gap:8px}.carousel-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:13px;color:#fff;background:#ffffff14;font-size:1.1rem;cursor:pointer;transition:transform .2s,background .2s}.carousel-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--red),var(--coral))}.app-carousel{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:19px}.app-carousel::-webkit-scrollbar{display:none}.carousel-track{display:flex;gap:16px;width:max-content;padding:3px 3px 12px}.carousel-track figure{scroll-snap-align:start;width:170px;margin:0;padding:9px 9px 13px;flex:0 0 auto;background:linear-gradient(180deg,#fff,#f7f5fa);border:1px solid rgba(255,255,255,.65);border-radius:20px;box-shadow:0 14px 32px #0000003d}.carousel-track figure img{width:100%;aspect-ratio:9 / 16;object-fit:cover;object-position:top;border-radius:13px;background:#fff}.carousel-track figcaption{padding:11px 4px 0;color:#34313a;font-size:.75rem;font-weight:700;text-align:center}.carousel-hint{margin:4px 0 0;color:#85818b;font-size:.7rem;text-align:right}.carousel-hint span{color:#ff768d}.site-footer{padding:70px clamp(24px,7vw,110px) 25px;background:#09090b;color:#8d8c92;font-size:.86rem}.footer-main{display:grid;grid-template-columns:1.4fr .6fr .8fr;gap:clamp(45px,8vw,120px);padding-bottom:55px}.footer-about{max-width:420px}.footer-brand{display:inline-flex;align-items:center;gap:13px;color:#fff;font-weight:700}.footer-brand img{width:58px;height:58px;object-fit:contain}.footer-about p{max-width:360px;margin:20px 0 0;line-height:1.7}.footer-nav,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-nav strong,.footer-contact strong{margin-bottom:7px;color:#fff;font:700 .9rem Manrope}.footer-nav a,.footer-contact a{transition:color .2s;line-height:1.55}.footer-nav a:hover,.footer-contact a:hover{color:#fff}.footer-bottom{min-height:58px;padding-top:22px;display:flex;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,255,255,.1);color:#66656b;font-size:.76rem}.footer-bottom a{color:#aaa8ae}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:30;width:58px;height:58px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.65);border-radius:18px;background:linear-gradient(145deg,#2be47a,#16a856);color:#fff;font-size:.76rem;font-weight:800;box-shadow:0 12px 30px #0f824452;transition:transform .2s,box-shadow .2s}.floating-whatsapp:hover{transform:translateY(-4px) rotate(-2deg);box-shadow:0 17px 34px #0f824466}.floating-whatsapp img{width:34px;height:34px;object-fit:contain}@media(max-width:980px){.site-header{height:72px}.brand span,.header-cta{display:none}.menu-button{order:3;margin-left:auto;width:44px;height:44px;border:0;background:transparent;display:grid;align-content:center;gap:5px;padding:10px}.menu-button span{display:block;height:2px;background:#fff}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:24px;background:#17171b;flex-direction:column;align-items:flex-start}.main-nav.is-open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding-top:135px}.hero-visual{min-height:550px}.hero-visual img{width:min(82%,640px);transform:none}.hero-badge{top:45px}.about-grid,.contact,.sabani-method,.collab-card{grid-template-columns:1fr}.about-grid{gap:70px}.mascot-frame{height:550px}.footer-main{grid-template-columns:1fr 1fr}.footer-about{grid-column:1 / -1}}@media(max-width:680px){h1{font-size:clamp(3rem,14vw,4.5rem)}.hero{min-height:0}.hero-copy{padding:125px 24px 65px}.hero-lead{font-size:1rem}.hero-location{margin-top:45px}.hero-visual{min-height:410px}.hero-badge{top:25px;left:22px}.values-strip{grid-template-columns:1fr;margin-top:0;width:100%}.values-strip div{border-right:0;border-bottom:1px solid var(--line)}.section{padding:80px 24px}.section-intro{margin-bottom:42px}.mascot-frame{height:480px}blockquote{right:-8px;bottom:20px;max-width:250px}.sabani-method{gap:48px}.method-points{grid-template-columns:1fr}.method-points article{min-height:165px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.method-points article:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.method-points article:last-child{border-bottom:0}.tiktok-grid{grid-template-columns:1fr;width:min(340px,100%)}.contact{padding-top:80px}.address-card{min-height:220px;padding:30px}.location-panel{grid-template-rows:auto 270px}.rutitest-collab{padding:55px 15px}.collab-card{padding:28px 20px;border-radius:23px;gap:48px}.collab-brand{margin-bottom:28px}.store-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.store-button{min-width:0;min-height:60px;padding:9px 11px;gap:8px}.store-button img{width:27px;height:27px}.store-button strong{font-size:.88rem}.rutitest-links{align-items:flex-start;flex-direction:column}.app-showcase{padding:22px 16px}.carousel-heading{align-items:center}.carousel-heading strong{font-size:.95rem}.carousel-track figure{width:148px;border-radius:17px}.carousel-button{width:38px;height:38px}.site-footer{padding-top:55px}.footer-main{grid-template-columns:1fr;gap:40px}.footer-about{grid-column:auto}.footer-bottom{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
