@font-face{font-family:Yekan;src:url('Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
    :root{--deep:#065a60;--teal:#087d82;--mint:#e8f6f2;--orange:#f68925;--muted:#728c8c}
    *{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Yekan,Tahoma,sans-serif;color:var(--deep);background:#f8fcfa;overflow-x:hidden}
    .page{min-height:100vh;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#fbfefc 0%,#f4fbf8 52%,#eef8f4 100%)}
    .page:before{content:"";position:absolute;top:-270px;left:-140px;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,#ffeadb 0%,rgba(255,234,219,.16) 56%,transparent 72%);filter:blur(12px)}
    .page:after{content:"";position:absolute;right:-225px;bottom:-260px;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,#cceee7 0%,rgba(204,238,231,.2) 60%,transparent 73%);filter:blur(8px)}
    .topline{position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(90deg,#ef7e27 0%,#ffac51 24%,#0b8484 56%,#006269 100%)}
    .topbar{position:relative;z-index:3;max-width:1240px;margin:auto;padding:38px 54px 0;display:flex;align-items:center;justify-content:space-between;direction:rtl}
    .brandmark{display:flex;align-items:center;gap:11px;color:#0b6b6f;font-size:19px;font-weight:700}.brandmark span{width:10px;height:10px;border-radius:50%;background:#f68d2b;box-shadow:0 0 0 6px #fff0e5}
    .tag{font-size:16px;color:#829b99;border:1px solid #d7ebe5;padding:8px 15px 6px;border-radius:100px;background:#ffffff9c}
    .content{position:relative;z-index:2;max-width:1240px;min-height:calc(100vh - 96px);margin:auto;padding:34px 54px 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}
    .copy{padding:0 6px 0 0;align-self:center;margin-top:-16px}
    .kicker{display:flex;align-items:center;gap:14px;color:#168a89;font-size:21px;font-weight:700;margin-bottom:23px}.kicker:before{content:"";width:46px;height:3px;background:#ed8b30;border-radius:4px}
    h1{font-size:clamp(56px,5.2vw,78px);line-height:1.24;letter-spacing:-1.6px;margin:0;max-width:610px;font-weight:700;color:#075b61}
    h1 em{font-style:normal;color:#ed8026;display:block}
    .desc{font-size:24px;line-height:1.8;color:#68898a;margin:25px 0 0;max-width:520px}
    .status{display:flex;align-items:center;gap:12px;margin-top:44px;color:#91aba8;font-size:17px}.status i{display:block;width:8px;height:8px;border-radius:50%;background:#f59846;box-shadow:0 0 0 8px rgba(245,152,70,.13)}
    .visual{position:relative;width:min(100%,540px);height:570px;justify-self:center;display:grid;place-items:center}
    .outer-ring{position:absolute;inset:18px;border:1px solid #d5ebe5;border-radius:50%;animation:ringSpin 28s linear infinite;will-change:transform}
    .outer-ring:before,.outer-ring:after{content:"";position:absolute;border-radius:50%;background:#f6a460}.outer-ring:before{width:12px;height:12px;left:10%;top:22%;box-shadow:0 0 0 8px #fcebdd}.outer-ring:after{width:8px;height:8px;right:9%;bottom:21%;background:#56b9b1;box-shadow:0 0 0 8px #e5f5f1}
    .inner-ring{position:absolute;inset:62px;border:1px dashed #c4e3dc;border-radius:50%;transform:rotate(10deg)}
    .disc{position:absolute;width:385px;height:385px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff 0%,#f1faf7 58%,#e3f4ef 100%);box-shadow:0 35px 75px rgba(10,106,103,.11),inset 0 0 0 1px rgba(255,255,255,.9);animation:breathe 6s ease-in-out infinite}
    .disc:before{content:"";position:absolute;inset:21px;border:1px solid rgba(11,126,124,.09);border-radius:50%}
    .logo{position:relative;z-index:3;width:305px;height:auto;display:block;mix-blend-mode:multiply;filter:drop-shadow(0 14px 19px rgba(13,83,84,.08))}
    .float{position:absolute;z-index:4;display:grid;place-items:center;border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.86);box-shadow:0 20px 36px rgba(22,111,112,.12);backdrop-filter:blur(12px);will-change:transform}
    .float svg{width:48px;height:48px;fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
    .pill{width:104px;height:104px;border-radius:26px;right:-4px;top:88px;animation:floatPill 5s ease-in-out infinite}.pill svg{stroke:#f18c31}
    .cross{width:84px;height:84px;border-radius:24px;left:12px;bottom:70px;animation:floatCross 6s ease-in-out infinite -3s}.cross svg{stroke:#13858a}
    .faint-pill{position:absolute;width:118px;height:118px;left:-34px;top:125px;fill:none;stroke:#0c8d8f;stroke-width:2;opacity:.21;animation:faintPill 7s ease-in-out infinite -2s}
    .faint-molecule{position:absolute;width:150px;height:150px;right:-75px;bottom:36px;fill:none;stroke:#0a8a8a;stroke-width:2;opacity:.18;animation:bob 8s ease-in-out infinite -5s}
    .faint-bottle{position:absolute;width:73px;height:90px;right:-67px;top:138px;fill:none;stroke:#0b8586;stroke-width:2;opacity:.24;animation:bob 7s ease-in-out infinite -4s}
    .spark{position:absolute;width:9px;height:9px;border-radius:50%;background:#f49d52;box-shadow:0 0 0 7px rgba(244,157,82,.12);animation:spark 5s ease-in-out infinite}.spark.one{right:27px;bottom:83px}.spark.two{left:65px;top:54px;background:#55bab1;box-shadow:0 0 0 7px rgba(85,186,177,.1);animation-delay:-3s}
    .bottom{position:absolute;z-index:3;bottom:33px;right:0;left:0;text-align:center;color:#a0b8b2;font-size:16px}
    @keyframes bob{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(10px,-27px,0)}}
    @keyframes floatPill{0%,100%{transform:translate3d(0,0,0) rotate(12deg)}50%{transform:translate3d(14px,-30px,0) rotate(20deg)}}
    @keyframes floatCross{0%,100%{transform:translate3d(0,0,0) rotate(-10deg)}50%{transform:translate3d(-11px,-26px,0) rotate(-3deg)}}
    @keyframes faintPill{0%,100%{transform:translate3d(0,0,0) rotate(-20deg)}50%{transform:translate3d(9px,-23px,0) rotate(-13deg)}}
    @keyframes ringSpin{from{transform:rotate(-18deg)}to{transform:rotate(342deg)}}
    @keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
    @keyframes spark{0%,100%{transform:translate3d(0,0,0);opacity:.5}50%{transform:translate3d(14px,-19px,0);opacity:1}}
    @media(max-width:850px){.topbar{padding:25px 24px 0}.content{grid-template-columns:1fr;gap:0;min-height:auto;padding:22px 24px 75px}.visual{order:1;height:390px;width:390px;max-width:100%;margin-top:4px}.copy{order:2;text-align:center;margin-top:-6px;padding:0}.kicker{justify-content:center;font-size:18px;margin-bottom:12px}.kicker:before{width:24px}h1{font-size:clamp(43px,10vw,58px);letter-spacing:-.5px}h1 em{display:inline}.desc{font-size:19px;margin:12px auto 0;line-height:1.8}.status{justify-content:center;margin-top:25px;font-size:15px}.outer-ring{inset:12px}.inner-ring{inset:43px}.disc{width:285px;height:285px}.logo{width:226px}.pill{width:74px;height:74px;border-radius:20px;right:2px;top:44px}.cross{width:67px;height:67px;border-radius:19px;left:11px;bottom:39px}.float svg{width:37px;height:37px}.faint-pill{left:-50px;top:30px;width:80px}.faint-molecule{right:-50px;bottom:10px;width:100px}.bottom{position:relative;bottom:auto;padding:0 20px 25px}}
    @media(max-width:430px){.tag{font-size:13px;padding:6px 11px 4px}.brandmark{font-size:16px}.visual{height:355px;width:355px}.outer-ring{inset:9px}.inner-ring{inset:37px}.disc{width:257px;height:257px}.logo{width:206px}.content{padding-top:14px}h1{font-size:43px}.desc{font-size:18px}}
    @media(max-width:850px) and (max-height:740px){.topbar{padding-top:17px}.content{padding-top:6px;padding-bottom:14px}.visual{height:clamp(210px,39vh,280px);width:clamp(220px,44vh,290px);margin-top:0}.outer-ring{inset:4px}.inner-ring{inset:29px}.disc{width:72%;height:auto;aspect-ratio:1}.logo{width:59%}.pill{width:55px;height:55px;right:-2px;top:27px;border-radius:16px}.cross{width:50px;height:50px;left:-2px;bottom:25px;border-radius:15px}.float svg{width:29px;height:29px}.faint-pill,.faint-molecule,.faint-bottle{display:none}.kicker{font-size:16px;margin-bottom:5px}h1{font-size:clamp(35px,9vw,44px);line-height:1.18}.desc{font-size:16px;line-height:1.55;margin-top:6px}.status{font-size:13px;margin-top:14px}}