@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f7f5f0;--surface:#fff;--surface-soft:#fbf9f4;--ink:#173441;--ink-hover:#21495a;--ink-soft:#52646c;--gold:#c8aa72;--line:#e7ded0;--container:1160px;--gutter:clamp(16px,4vw,40px);--section-gap:clamp(36px,5vw,64px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{overflow-x:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:IBM Plex Sans Arabic,Noto Kufi Arabic,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6}h1,h2,p{margin:0}.wrap{flex-direction:column;min-height:100svh;display:flex}.hero{--logo-w:clamp(236px,36vw,340px);padding:calc(clamp(28px,5vw,56px) + env(safe-area-inset-top)) var(--gutter) clamp(32px,5vw,56px);background:var(--surface);border-bottom:1px solid var(--line);text-align:center;position:relative;overflow-x:clip}.hero:after{content:"";background:var(--gold);width:72px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.hero-inner{isolation:isolate;flex-direction:column;align-items:center;width:100%;max-width:640px;margin-inline:auto;display:flex;position:relative}.hero-logo{width:var(--logo-w);aspect-ratio:480/156;border-radius:22px;display:block;position:relative;overflow:hidden}.hero-logo img{object-fit:cover;object-position:50% 47.2%;mix-blend-mode:multiply;width:100%;height:100%;display:block}.hero-title{color:var(--ink);text-wrap:balance;margin-top:clamp(14px,2vw,22px);font-size:clamp(23px,1.05rem + 1.4vw,36px);font-weight:700;line-height:1.4}.hero-lede{color:var(--ink-soft);justify-content:center;align-items:center;gap:12px;margin-top:10px;font-size:clamp(14px,.85rem + .25vw,16.5px);font-weight:400;display:flex}.hero-lede:before,.hero-lede:after{content:"";background:var(--gold);width:28px;height:1px}.main{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));padding:var(--section-gap) var(--gutter) 0;margin-inline:auto}.section{margin:0 auto var(--section-gap)}.brands-section{max-width:960px}.social-section{max-width:720px}.section-title{color:var(--ink);align-items:center;gap:clamp(14px,2vw,24px);margin:0 0 clamp(20px,3vw,32px);font-size:clamp(19px,1rem + .6vw,24px);font-weight:700;line-height:1.4;display:flex}.section-title:before,.section-title:after{content:"";background:var(--line);flex:1;height:1px}.brands-section{--u:1px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.brand-card{background:var(--surface);border:1px solid var(--line);color:var(--ink);-webkit-tap-highlight-color:transparent;border-radius:18px;flex-direction:column;gap:12px;padding:12px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 2px #1734410a,0 8px 22px -12px #17344124}@media (hover:hover){.brand-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 1px 2px #1734410d,0 16px 30px -14px #1734413d}.brand-card:hover .brand-cta{background-color:var(--ink-hover)}.brand-card:hover .brand-cta-arrow{transform:translate(-3px)}}.brand-card:active{transform:translateY(0);box-shadow:0 1px 2px #1734410d,0 6px 16px -10px #17344133}.brand-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-color:var(--gold)}.brand-card[aria-disabled=true]{opacity:.55}.brand-stage{height:calc(88 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u));background:var(--surface-soft);border-radius:12px;justify-content:center;align-items:center;display:flex}.brand-logo{width:auto;height:auto;max-width:min(calc(var(--lw,110) * var(--u)), 100%);max-height:calc(var(--lh,40) * var(--u));object-fit:contain;display:block}.brand-logo[data-brand=catrice]{--lw:116;--lh:30}.brand-logo[data-brand=essence]{--lw:112;--lh:46}.brand-logo[data-brand=artdeco]{--lw:118;--lh:30}.brand-logo[data-brand=make-up-factory]{--lw:56;--lh:72}.brand-logo[data-brand=gosh]{--lw:90;--lh:34}.brand-logo[data-brand=beyu]{--lw:110;--lh:26}.brand-logo[data-brand=hada-labo]{--lw:54;--lh:48}.brand-logo[data-brand=zeena]{--lw:86;--lh:38}.brand-stage .logo-fallback{text-align:center;color:var(--ink);font-size:20px;font-weight:700;line-height:1.2}.brand-cta{background:var(--ink);height:48px;color:var(--bg);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:500;line-height:1.25;transition:background-color .2s;display:flex}.brand-cta-name{white-space:nowrap;font-weight:700}.brand-cta-arrow{width:16px;height:16px;color:var(--gold);flex:none;transition:transform .2s}@media (width<=599px){.brand-card{padding:10px}.brand-cta{padding:0 4px;font-size:13px}.brand-cta-arrow{display:none}}@media (width<=399px){.brand-cta{font-size:12.5px}}@media (width<=379px){.brands-section{--u:.86px}.brand-grid{gap:10px}.brand-card{border-radius:14px;gap:10px;padding:8px}.brand-cta{height:44px}}@media (width<=359px){.brand-cta{font-size:12px}}@media (width>=600px){.brands-section{--u:1.2px}.brand-grid{gap:16px}.brand-card{border-radius:20px;gap:14px;padding:16px}}@media (width>=900px){.brands-section{--u:1.4px}.brand-grid{gap:24px}.brand-card{gap:16px;padding:20px}.brand-cta{width:min(100%,300px);height:52px;margin-inline:auto;font-size:15px}}.social{grid-template-columns:1fr;gap:10px;display:grid}.social-btn{background:var(--surface);border:1px solid var(--line);min-height:56px;color:var(--ink);-webkit-tap-highlight-color:transparent;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:0 40px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 2px #1734410a}@media (hover:hover){.social-btn:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 1px 2px #1734410d,0 12px 24px -14px #17344138}}.social-btn:active{transform:translateY(0)}.social-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-color:var(--gold)}.social-btn svg{flex:none;width:20px;height:20px}.social-btn .arrow{width:16px;height:16px;color:var(--gold);position:absolute;inset-inline-end:16px}@media (width>=640px){.social{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.social-btn{padding:0 36px}}footer{padding:22px var(--gutter) calc(26px + env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center;margin-top:auto;position:relative}footer .line{background:var(--gold);width:72px;height:2px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}footer p{color:#6b6157;letter-spacing:.04em;font-size:12.5px}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.wrap{background:radial-gradient(460px at 92% 34%,#c8aa721c,#c8aa7200),radial-gradient(520px at 6% 62%,#1734410e,#17344100)}.hero-inner:before,.hero-inner:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.hero-inner:before{top:-70px;left:calc(50% + var(--logo-w) / 2 - 170px);background:radial-gradient(circle,#c8aa725c 0%,#c8aa7200 68%);width:260px;height:260px}.hero-inner:after{top:30px;left:calc(50% - var(--logo-w) / 2 - 110px);background:radial-gradient(circle,#1734411c 0%,#17344100 70%);width:230px;height:230px}.brand-card{background:radial-gradient(85% 70% at 50% 28%, #c8aa7245, #c8aa7200 72%), var(--surface)}.social-section{isolation:isolate;position:relative}.social-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 50% 52%,#c8aa7252,#c8aa7200);position:absolute;inset:44px -12px -26px}.brand-stage{isolation:isolate;-webkit-backdrop-filter:blur(8px)saturate(1.15);backdrop-filter:blur(8px)saturate(1.15);background-color:#fbf9f457;background-image:linear-gradient(#ffffffb3 0%,#ffffff3d 55%,#ffffff70 100%);position:relative;box-shadow:inset 0 0 0 1px #fff9,inset 0 1px #fffffff2,inset 0 -1px #1734410b,inset 0 0 22px #ffffff80,0 0 0 1px #c8aa7233}.brand-cta{isolation:isolate;-webkit-backdrop-filter:blur(10px)saturate(1.3);backdrop-filter:blur(10px)saturate(1.3);background-color:#173441f2;background-image:linear-gradient(#ffffff21 0%,#ffffff08 42%,#08182029 100%);transition:background-color .25s,box-shadow .25s;position:relative;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 1px #ffffff4d,inset 0 -1px #0000003d,inset 0 0 14px #ffffff0d,0 1px 2px #1734412e,0 8px 16px -8px #1734416b}.social-btn{isolation:isolate;-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);background-color:#ffffff6b;background-image:linear-gradient(#ffffffb3 0%,#fff3 55%,#ffffff57 100%);border-color:#ffffffb3;transition:transform .2s,background-color .25s,border-color .2s,box-shadow .25s;box-shadow:inset 0 1px #fffffff2,inset 0 -1px #1734410d,inset 0 0 16px #ffffff73,0 0 0 1px #c8aa7247,0 1px 2px #1734410d,0 10px 18px -12px #17344138}.brand-stage:before,.brand-cta:before,.social-btn:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:0}.brand-stage:before{background:linear-gradient(#fff9,#fff0 72%)}.brand-cta:before{background:linear-gradient(#ffffff29,#fff0 60%)}.social-btn:before{background:linear-gradient(#fff9,#fff0 70%)}@media (hover:hover){.brand-card:hover .brand-stage:before,.brand-card:hover .brand-cta:before,.social-btn:hover:before{opacity:1}.brand-card:hover .brand-cta{background-color:#21495af2;box-shadow:inset 0 0 0 1px #ffffff38,inset 0 1px #fff6,inset 0 -1px #0003,inset 0 0 18px #ffffff17,0 1px 2px #17344133,0 12px 20px -8px #17344180}.social-btn:hover{background-color:#ffffff9e;box-shadow:inset 0 1px #fff,inset 0 -1px #1734410f,inset 0 0 18px #fff9,0 0 0 1px #c8aa7273,0 2px 4px #1734410f,0 16px 26px -14px #1734414d}}}@media (prefers-reduced-transparency:reduce){.brand-stage,.brand-cta,.social-btn{-webkit-backdrop-filter:none;backdrop-filter:none}.brand-stage{background-color:var(--surface-soft);background-image:none}.brand-cta{background-color:var(--ink);background-image:none}.social-btn{background-color:var(--surface);background-image:none}@media (hover:hover){.brand-card:hover .brand-cta{background-color:var(--ink-hover)}.social-btn:hover{background-color:var(--surface)}}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:.45s backwards rise}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}a{touch-action:manipulation}@media (width<=599px){.brand-stage,.brand-cta,.social-btn{-webkit-backdrop-filter:none;backdrop-filter:none}.brand-card:active,.social-btn:active{transform:scale(.98)}}@media (width<=359px){.brand-cta{gap:4px;padding:0 2px;font-size:clamp(10px,4.90196vw - 4.01961px,12.5px)}.social-btn{padding:0 32px}}.sheet{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet[hidden]{display:none}.sheet-backdrop{background:#1734416b;animation:.22s both sheetFade;position:absolute;inset:0}.sheet-panel{width:100%;max-width:460px;padding:58px 20px calc(18px + env(safe-area-inset-bottom));background:var(--surface);text-align:center;border-radius:28px 28px 0 0;flex-direction:column;align-items:stretch;gap:14px;animation:.34s cubic-bezier(.22,1,.36,1) both sheetUp;display:flex;position:relative;box-shadow:0 -1px #c8aa7259,0 -18px 50px -12px #17344147}.sheet-grabber{background:var(--line);border-radius:99px;width:40px;height:5px;margin-left:-20px;position:absolute;top:10px;left:50%}.sheet-close{background:var(--surface-soft);width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;left:16px}.sheet-close svg{width:16px;height:16px}.sheet-close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sheet-brand{background:var(--surface-soft);height:104px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);border-radius:18px;justify-content:center;align-items:center;gap:10px;margin:0 0 4px;padding:16px 24px;display:flex}.sheet-brand img{object-fit:contain;width:auto;max-width:min(210px,100%);height:auto;max-height:58px;display:block}.sheet-brand svg{flex:none;width:28px;height:28px}.sheet-brand span{font-size:20px;font-weight:700}.sheet-link{min-height:60px;color:var(--bg);-webkit-touch-callout:default;-webkit-tap-highlight-color:transparent;background:linear-gradient(#21495a 0%,#173441 100%);border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-size:17px;font-weight:700;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 12px 24px -12px #173441a6}.sheet-link:before{content:"";transform-origin:100%;background:linear-gradient(90deg,#c8aa7200,#c8aa7247);transition:transform .12s;position:absolute;inset:0;transform:scaleX(0)}.sheet-link:active:before{transition:transform .6s linear;transform:scaleX(1)}.sheet-label,.sheet-hand{position:relative}.sheet-hand{width:30px;height:30px;color:var(--gold);place-items:center;display:grid}.sheet-hand svg{width:24px;height:24px;animation:1.8s ease-in-out infinite sheetPress}.sheet-hand:after{content:"";border:1.5px solid var(--gold);opacity:0;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;animation:1.8s ease-out infinite sheetRipple;position:absolute;top:38%;left:50%}.sheet-link.nudge{animation:.42s sheetShake}.sheet-copy{min-height:44px;color:var(--ink-soft);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;align-self:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.sheet-copy svg{width:17px;height:17px}.sheet-copy:active{background:var(--surface-soft)}.sheet-copy:focus-visible,.sheet-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sheet-done{color:#2f7d4f;margin:-10px 0 0;font-size:13px;font-weight:700}body.sheet-open{overflow:hidden}@media (width>=600px){.sheet{align-items:center}.sheet-panel{border-radius:28px;padding-bottom:22px;animation-name:sheetPop}.sheet-grabber{visibility:hidden}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheetPop{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@keyframes sheetFade{0%{opacity:0}to{opacity:1}}@keyframes sheetPress{0%,55%,to{transform:none}20%,40%{transform:translateY(2px)scale(.9)}}@keyframes sheetRipple{0%,15%{opacity:0;transform:scale(.6)}25%{opacity:.9}70%,to{opacity:0;transform:scale(2.4)}}@keyframes sheetShake{0%,to{transform:none}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.sheet-panel,.sheet-backdrop,.sheet-hand svg,.sheet-hand:after,.sheet-link.nudge{animation:none}}
