@import url("iransansx.css");
:root{--primary:#7239ea;--ink:#181c32;--muted:#6f7285;--line:#e9e8ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:#fff;line-height:1.9}a{color:inherit;text-decoration:none}p{color:var(--muted)}.wrap{max-width:1180px;margin:auto;padding:0 28px}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px}.brand{font-weight:700;font-size:18px}.brand-icon{background:var(--primary);color:#fff;border-radius:12px;padding:4px 12px;margin-left:8px}.header nav{display:flex;gap:25px;color:var(--muted);font-size:14px}.button,.outline{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:12px 22px;border-radius:10px;font-weight:700;font-size:14px}.button{background:var(--primary);color:white}.outline{border:1px solid var(--line);background:white}.button:hover{background:#5e2ec4}.outline:hover{border-color:var(--primary)}a:focus-visible,summary:focus-visible{outline:3px solid #b8a2ef;outline-offset:5px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-top:65px;padding-bottom:90px}.eyebrow{color:var(--primary);font-size:14px;font-weight:700}h1{font-size:clamp(32px,4vw,48px);line-height:1.7;margin:16px 0}h1 em{font-style:normal;color:var(--primary)}.lead{font-size:17px;max-width:570px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:25px}.text-link{font-size:14px;font-weight:700}.hint{font-size:13px}.preview{position:relative;background:#f5f0e9;border-radius:24px;padding:28px;box-shadow:0 18px 45px #24213f12;transform:rotate(-2deg)}.preview-top{display:flex;justify-content:space-between;font-weight:700}.jewel-scene{height:220px;position:relative;background:radial-gradient(ellipse at center,#e7cfc0,transparent 65%)}.ring{position:absolute;width:115px;height:150px;border:14px solid #b58d47;border-radius:50%;box-shadow:inset 3px 3px 5px #f6dc9b,4px 12px 15px #95795633;transform:rotate(30deg);top:35px;left:32%}.ring-two{width:90px;height:115px;left:51%;top:85px;transform:rotate(-25deg);border-color:#dcc28b}.spark{position:absolute;left:20%;top:35px;font-size:45px;color:#a97842}.preview-caption{display:grid;text-align:center}.preview-caption span{font-size:12px;color:#816e64}.preview-caption strong{font-size:23px}.preview small{display:block;text-align:center;color:#8b8079;font-size:10px;margin-top:15px}.floating{position:absolute;left:-20px;bottom:70px;background:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 10px 30px #191a3210;font-size:13px}.section{padding-top:75px;padding-bottom:75px}.soft{background:#f8f7fc;padding:65px 0}.section-heading{text-align:center;margin-bottom:35px}.section-heading h2,h2{font-size:28px;margin:10px 0}.section-heading p{margin:8px 0}.grid{display:grid;gap:24px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}h3{font-size:19px;margin:12px 0}article p,article li{font-size:14px}ul{padding-right:20px;color:var(--muted)}li{margin:9px 0}.icon{display:inline-grid;place-items:center;width:42px;height:42px;background:#f1eafe;color:var(--primary);border-radius:12px;font-size:24px}.sample{padding:35px;border-radius:18px;display:block}.sample>span{font-size:40px}.sample h3{font-size:25px}.sample b{font-size:13px}.rose{background:#f8eeeb}.sage{background:#edf3ef}.features article{position:relative;padding-right:88px}.features .icon{position:absolute;right:25px;top:32px}.number{font-size:28px;color:var(--primary);font-weight:700}.steps article{border:0}.panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.tags{display:flex;gap:10px;flex-wrap:wrap}.tags span{border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-size:12px}.panel-demo{padding:25px;background:#f5f8fa;border-radius:18px;border:1px solid var(--line)}.panel-demo>div:first-child{font-weight:700;padding-bottom:15px}.badge{float:left;font-size:10px;font-weight:400;color:var(--muted)}.demo-row{display:flex;justify-content:space-between;gap:15px;background:#fff;margin-top:10px;padding:17px;border-radius:10px;font-size:13px}.demo-row b{color:#087344;font-size:11px}.demo-row .draft{color:#946800}.faq{max-width:850px}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-weight:700;font-size:15px}details p{font-size:14px}.start{background:#f2ecfc;border-radius:20px;margin-bottom:70px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.start h2{font-size:25px}.start p{max-width:650px;font-size:14px}.start .actions{flex-shrink:0}.footer{padding-top:30px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.footer strong{font-size:15px}@media(max-width:900px){.hero{gap:35px}.header nav{display:none}.three{grid-template-columns:1fr}.start{margin:0 20px 50px;display:block}.footer{flex-wrap:wrap}}@media(max-width:600px){.wrap{padding-left:20px;padding-right:20px}.header{gap:10px}.brand{font-size:13px}.brand-icon{display:none}.header .outline{font-size:11px;padding:8px 12px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:50px;gap:35px}h1{font-size:32px}.lead{font-size:15px}.preview{margin:0 12px}.two,.panel{grid-template-columns:1fr}.section{padding-top:45px;padding-bottom:45px}.soft{padding:45px 0}.section-heading h2,h2{font-size:23px}.features article{padding-right:78px}.panel{gap:25px}.floating{left:-12px}.start .actions{gap:12px}.footer{display:block}.hero .actions{gap:18px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:35px;padding-top:30px}.two,.panel{grid-template-columns:1fr}.preview{max-width:440px;width:calc(100% - 24px);margin:0 auto}.hero h1{font-size:32px}.hero .lead{font-size:15px}}