@font-face{font-family:Vazirmatn;src:url('/fonts/Vazirmatn-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url('/fonts/Vazirmatn-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Vazirmatn;src:url('/fonts/Vazirmatn-600.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Vazirmatn;src:url('/fonts/Vazirmatn-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Vazirmatn;src:url('/fonts/Vazirmatn-800.woff2') format('woff2');font-weight:800;font-display:swap}
:root{font-family:Vazirmatn,system-ui,sans-serif;color:#292a25;background:#f5f0e9;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}::selection{background:#c16a4a;color:white}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #dcd6cb;background:#f5f0e9;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:9px;font-family:Arial,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.5px;direction:ltr}.brand-mark{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#c46c4b;color:#fff;font-size:28px;line-height:1}.brand-dot{color:#c46c4b}.site-header nav{display:flex;gap:37px;font-size:13px;font-weight:600}.site-header nav a:hover,.text-link:hover{color:#b35c3c}.header-cta{border:1px solid #292a25;border-radius:40px;padding:10px 19px;font-weight:700;font-size:12px}.header-cta span{font-size:18px;padding-right:12px}.header-cta:hover,.button-dark{background:#292a25;color:#fff}.hero{min-height:675px;display:grid;grid-template-columns:1fr 1fr;padding:54px max(5vw,24px) 76px;gap:60px;align-items:center}.hero-copy{max-width:600px}.eyebrow{font-size:12px;letter-spacing:.02em;font-weight:800;color:#ab573c;margin:0 0 27px}.eyebrow-line{display:inline-block;background:#b45f42;width:32px;height:1px;vertical-align:middle;margin-left:10px}.hero h1{font-size:clamp(60px,7vw,108px);line-height:1.22;letter-spacing:-.08em;margin:0 0 26px;font-weight:800}.hero h1 em,h2 em{font-style:normal;color:#bd6645}.hero-description{font-size:16px;line-height:2.15;color:#67665d;max-width:460px;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:32px;padding:15px 24px;border-radius:4px;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark:hover{background:#a8563b}.text-link{font-weight:700;font-size:13px}.text-link span{margin-right:10px}.hero-note{margin-top:45px;font-size:11px;color:#7d7c70;display:flex;align-items:center;gap:9px}.note-icon{color:#bc684b;font-size:20px}.hero-art{position:relative;max-width:540px;width:100%;justify-self:center}.art-frame{height:550px;position:relative;background:#d7d2c6;overflow:hidden;border-radius:48% 48% 8px 8px}.art-frame:after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,#b9b6aa66)}.art-orbit{position:absolute;border:1px solid #f0e9dc90;border-radius:50%;width:550px;height:550px;top:45px;left:-70px}.orbit-two{width:380px;height:380px;top:125px;left:20px}.fashion-figure{position:absolute;z-index:1;width:100%;height:100%;bottom:-7px}.art-label{position:absolute;z-index:2;color:#fff;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.12em;line-height:1.6}.art-label-top{top:31px;left:34px}.art-label-top strong{font-size:17px}.art-label-bottom{bottom:25px;left:30px;right:30px;display:flex;align-items:center;gap:10px;font-size:11px}.art-label-bottom span:last-child{margin-left:auto}.small-spark{font-size:24px}.floating-tag{position:absolute;z-index:3;left:-33px;bottom:73px;background:#f2e5d3;color:#3c372f;padding:20px 26px;transform:rotate(-8deg);box-shadow:0 13px 28px #4c493126;font-size:17px;line-height:1.6}.floating-tag strong{color:#af593d}.how-section{background:#fffdf9;padding:95px max(5vw,24px) 105px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-heading h2,.studio-intro h2,.closing-section h2{font-size:clamp(34px,4vw,59px);line-height:1.4;letter-spacing:-.06em;margin:0;font-weight:800}.section-heading>p{color:#77766f;font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e7e0d6}.steps article{padding:26px 30px 5px;border-left:1px solid #e7e0d6;min-height:250px}.steps article:last-child{border-left:0}.step-number{font:700 13px Arial,sans-serif;color:#bd6645}.step-icon{font:40px Arial,sans-serif;margin:18px 0 14px;color:#be6747}.steps h3{font-size:20px;margin:0 0 12px}.steps p{font-size:13px;line-height:2;color:#77766f;max-width:310px;margin:0}.studio-section{padding:95px max(5vw,24px) 110px;background:#ece5da}.studio-intro{max-width:790px;margin-bottom:37px}.studio-intro>p:last-child{max-width:670px;color:#747066;font-size:14px;line-height:2;margin-top:18px}.studio-layout{display:grid;grid-template-columns:minmax(320px, .83fr) minmax(390px,1fr);gap:28px;align-items:stretch}.studio-panel,.preview-panel{background:#fffcf7;border:1px solid #d6ccbe;border-radius:8px}.studio-panel{padding:30px}.panel-heading,.preview-top,.preview-bottom{display:flex;justify-content:space-between;align-items:center}.panel-heading{margin-bottom:23px}.panel-step{font-weight:800;font-size:13px}.panel-status{color:#658b68;font-size:11px;font-weight:700}.upload-zone{min-height:190px;border:1.5px dashed #bdb4a6;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;padding:20px;cursor:pointer;background:#faf6ef;transition:background .2s}.upload-zone:hover{background:#f4eadf}.upload-icon{border:1px solid #c8beb0;border-radius:50%;font-size:26px;width:38px;height:38px;line-height:33px;margin-bottom:6px}.upload-zone strong{font-size:15px}.upload-zone small{color:#858076;font-size:11px}.upload-button{font-size:12px;font-weight:700;background:#e7d7c7;padding:8px 17px;border-radius:3px;margin-top:8px}.control-group{margin-top:25px}.control-group label{font-size:13px;font-weight:800;display:flex;justify-content:space-between;margin-bottom:12px}.control-group output{color:#b45f42}.control-group select{width:100%;background:#faf6ef;border:1px solid #d7cec2;border-radius:4px;padding:12px;color:#35342f}.control-group input[type=range]{width:100%;accent-color:#b86143}.studio-buttons{display:flex;gap:10px;margin-top:29px}.studio-buttons .button{flex:1;white-space:nowrap;gap:0}.button-outline{border:1px solid #282a25;background:transparent}.button-outline:hover{background:#eee5da}.privacy-note{font-size:11px;line-height:1.8;color:#858076;margin:22px 0 0}.preview-panel{padding:19px;background:#282d2a;color:#f8f1e8;display:flex;flex-direction:column}.preview-top,.preview-bottom{font-size:11px;letter-spacing:.02em;padding:3px 5px 15px}.preview-top span:last-child,.preview-bottom span:last-child{font:10px Arial,sans-serif;letter-spacing:.15em}.preview-bottom{padding:15px 5px 3px}.canvas-wrap{position:relative;min-height:470px;flex:1;background:#d8d2c8;overflow:hidden;display:grid;place-items:center;touch-action:none}canvas{width:100%;height:100%;max-height:600px;object-fit:contain;display:block;cursor:grab}canvas:active{cursor:grabbing}.preview-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#34372f;pointer-events:none;padding:30px;background:radial-gradient(circle at 50% 20%,#f2ece1,#ccc6b9)}.preview-placeholder:before,.preview-placeholder:after{content:"";position:absolute;border:1px solid #f4efe58c;border-radius:50%;width:300px;height:300px}.preview-placeholder:after{width:440px;height:440px}.preview-placeholder>*{position:relative;z-index:1}.placeholder-spark{font-size:70px;color:#b65e40}.preview-placeholder strong{font-size:28px;line-height:1.6;margin:10px 0}.preview-placeholder small{font-size:12px;color:#77746d}.closing-section{text-align:center;background:#bd6948;color:#fff;padding:85px 24px 95px}.closing-star{font-size:53px}.closing-section .eyebrow{color:#f8e4d6;margin:12px 0}.closing-section h2{max-width:850px;margin:auto}.closing-section h2 em{color:#f9ddca}.closing-section>p:not(.eyebrow){font-size:14px;line-height:2;margin:17px auto 25px;max-width:610px;color:#f9e6db}.button-light{background:#fffaf3;color:#342e2a}.button-light:hover{background:#f0ddc9}footer{min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px max(5vw,24px);font-size:12px;color:#79766f}footer .brand{color:#292a25}@media(max-width:850px){.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-top:70px}.hero-copy{max-width:none}.hero-art{max-width:490px}.studio-layout{grid-template-columns:1fr}.canvas-wrap{min-height:520px}}@media(max-width:600px){.site-header{height:67px}.brand{font-size:21px}.brand-mark{width:30px;height:30px;font-size:23px}.header-cta{font-size:11px;padding:8px 12px}.hero{padding-bottom:65px}.hero h1{font-size:62px}.hero-description{font-size:14px}.art-frame{height:420px}.floating-tag{left:-10px;bottom:40px;font-size:13px;padding:13px 18px}.section-heading{display:block}.how-section,.studio-section{padding-top:70px;padding-bottom:75px}.steps{display:block}.steps article{border-left:0;border-bottom:1px solid #e7e0d6;min-height:auto;padding:23px 0}.steps article:last-child{border:0}.studio-panel{padding:20px}.canvas-wrap{min-height:390px}.studio-buttons{flex-direction:column}footer{flex-wrap:wrap}footer span:last-child{display:none}}