@font-face{font-family:Nila;src:url('assets/iransans-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Nila;src:url('assets/iransans-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#1b2840;--muted:#647184;--purple:#6552ce;--line:#e4e6ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#fafaf8;color:var(--ink);font-family:Nila, sans-serif;font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6552ce;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-80px}.skip:focus{top:0;background:white;z-index:5}header,main,footer{max-width:1240px;margin:auto;padding-inline:36px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:16px}.brand img{object-fit:contain}.brand span{font-size:11px;border-right:1px solid var(--line);padding-right:16px;color:var(--muted)}nav{display:flex;gap:28px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 22px;border:1px solid var(--line);border-radius:12px;font-weight:700;font-size:13px;background:white}.button:hover{border-color:var(--purple);color:var(--purple)}.primary{background:var(--purple);color:white;border-color:var(--purple)}.primary:hover{background:#5140b0;color:white}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding-block:74px 90px}.eyebrow{color:var(--purple);font-size:12px;font-weight:700;letter-spacing:.3px}h1{font-size:clamp(34px,4.2vw,55px);line-height:1.65;letter-spacing:-2px;margin:16px 0}h1 em{font-style:normal;color:var(--purple)}.hero p{max-width:480px;color:var(--muted);font-size:15px;line-height:2.2}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px;font-size:13px}.hero-notes{display:flex;gap:20px;font-size:11px;color:var(--muted);margin-top:26px}.hero-notes span:before{content:'✓';color:#428b73;margin-left:8px}.visual{position:relative;height:380px;background:radial-gradient(ellipse,#e9e5fb 0%,transparent 67%)}.orbit{position:absolute;inset:20px 50px;border:1px dashed #c9c3e2;border-radius:50%;transform:rotate(-25deg)}.tile{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 15px 35px #22224b09;border-radius:20px;padding:22px 25px;width:210px;z-index:1}.tile b{display:block;font-family:Arial,sans-serif;font-size:23px;direction:ltr;text-align:right}.tile span{font-size:11px;color:var(--muted)}.tile i{position:absolute;left:23px;top:25px;font-size:30px;font-style:normal}.t1{top:12px;right:15px;transform:rotate(6deg);color:#177960}.t2{left:0;top:140px;transform:rotate(-7deg);color:#b46951}.t3{bottom:0;right:25px;transform:rotate(4deg)}.center-mark{position:absolute;top:140px;right:90px;width:95px;height:95px;border-radius:29px;background:var(--purple);color:white;display:grid;place-content:center;font-family:Arial;font-size:58px;line-height:.8;box-shadow:0 16px 30px #6552ce30;transform:rotate(7deg)}.center-mark span{font-size:12px;text-align:center;margin-top:10px;letter-spacing:3px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}h2{font-size:26px;line-height:1.8;margin:8px 0 16px}.section-heading p{font-size:12px;color:var(--muted)}.filters{display:flex;gap:7px;padding-block:18px 28px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:30px;padding:8px 20px;background:transparent;color:var(--muted);font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product{background:white;border:1px solid var(--line);border-radius:20px;padding:24px 21px;display:flex;flex-direction:column}.product-top{display:flex;justify-content:space-between;align-items:center}.symbol{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font:32px Arial}.green{background:#e9f4ee;color:#177960}.coral{background:#f9ece6;color:#bb7459}.dark{background:#edf0f3;color:#242c35}.blue{background:#e9eeff;color:#4269dd}.tag{color:var(--muted);font-size:10px}.product h3{text-align:right;font:bold 22px Arial;margin:25px 0 12px}.product p{font-size:12px;color:var(--muted);min-height:72px}.product ul{list-style:none;padding:0;margin:15px 0 25px;font-size:11px;line-height:2.5}.product li:before{content:'·';margin-left:8px;color:var(--purple)}.price{border-top:1px solid var(--line);padding-top:18px;margin-top:auto}.price strong{font-size:23px}.price span{display:block;color:var(--muted);font-size:10px;margin:4px 0 20px}.product .button{width:100%;padding:11px 5px;font-size:11px;background:#f7f6fd;color:var(--purple);border-color:#ebe8f8}.price-note{font-size:11px;color:var(--muted);margin-top:22px}.how{margin-top:85px;padding:45px;background:#eeedf7;border-radius:24px;display:grid;grid-template-columns:1fr 1.7fr;gap:50px}.how a{font-size:12px;color:var(--purple)}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;gap:20px;padding:12px 0}.how li>span{font-size:22px;color:#a49bcf}.how h3{font-size:15px;margin:0}.how p{font-size:12px;color:var(--muted);margin:5px 0}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:50px;margin-block:80px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:700;font-size:13px}details p{font-size:12px;color:var(--muted)}.support{background:var(--ink);color:white;border-radius:20px;display:flex;justify-content:space-between;align-items:center;padding:30px 38px;margin-bottom:65px;gap:20px}.support h2{font-size:23px;margin:0}.support p{color:#ccd2de;font-size:12px;margin:7px 0 0}.support a{color:var(--ink)}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:22px;padding-block:32px;border-top:1px solid var(--line)}footer strong{font-size:25px}footer p,footer a,.text-button{font-size:11px}footer>div:nth-child(2){display:flex;gap:24px;align-items:center}.text-button{border:0;background:none;color:var(--ink);padding:0}footer small{width:100%;color:var(--muted);font-size:10px}dialog{width:min(500px,90vw);border:1px solid var(--line);border-radius:22px;padding:34px;color:var(--ink);font-family:Nila}dialog::backdrop{background:#17203488;backdrop-filter:blur(4px)}dialog h2{margin-top:12px}dialog p{font-size:13px;line-height:2.2}.close{border:0;background:none;position:absolute;left:15px;top:8px;font-size:25px}dialog .button{margin-top:15px}
@media(max-width:1000px){.products{grid-template-columns:repeat(2,1fr)}.brand span{display:none}.hero{gap:15px}.tile{width:175px}.visual{height:340px}.t2{top:125px}.center-mark{right:50px}.product p{min-height:unset}}
@media(max-width:640px){header,main,footer{padding-inline:20px}header{gap:10px;padding-block:16px}header nav{display:none}.login{font-size:11px;padding:10px 13px;gap:10px}.brand img{width:80px;height:40px}.hero{grid-template-columns:1fr;padding-block:40px;gap:24px}h1{font-size:39px}.hero p{font-size:13px}.visual{height:290px;max-width:360px;width:100%;margin:auto}.tile{padding:15px 20px;width:175px}.tile b{font-size:20px}.t2{top:100px}.center-mark{top:115px;right:65px;width:70px;height:70px;font-size:45px}.section-heading{display:block}.section-heading p{margin:0}h2{font-size:23px}.products{grid-template-columns:1fr}.product{padding:25px}.product p{margin:5px 0}.product ul{margin:12px 0 20px}.product .button{font-size:13px;padding:13px}.tag{font-size:11px}.filters button{font-size:11px;padding:8px 13px}.how{margin-top:45px;padding:25px;grid-template-columns:1fr;gap:20px}.faq{grid-template-columns:1fr;gap:5px;margin-block:45px}.support{padding:25px;flex-direction:column;align-items:start;margin-bottom:35px}.support .button{width:100%;font-size:11px}.hero-notes{font-size:10px;gap:12px}footer>div:nth-child(2){flex-wrap:wrap;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
fieldset{border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:18px}label{display:block;margin:12px 0}input{font:inherit;border:1px solid #b9bfcc;border-radius:8px;padding:8px;max-width:100%}input[type=checkbox]{width:20px;height:20px}#message{color:#6552ce}
.brand-mark{background:#6552ce;color:white;font:italic 34px Arial;width:43px;height:43px;border-radius:14px;display:grid;place-content:center}.brand strong{font-size:25px}.brand>span{margin-right:2px}