@font-face{font-family:Vazir;src:url('../fonts/vazirmatn-arabic.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:Vazir,sans-serif;color:#173e3d;background:#f5f9f8}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #00877e;outline-offset:5px}button{min-height:44px;border:0;background:none;color:inherit}.mark{width:38px;height:40px}header{position:absolute;inset:25px 5% auto;display:flex;align-items:center;justify-content:space-between;z-index:8}.identity{display:flex;align-items:center;gap:12px}.identity b{font-size:19px}.identity small{display:block;font-size:11px;color:#53706d}.sample{font-size:11px;color:#5d7471;border:1px solid #d2dfdb;border-radius:30px;padding:6px 12px}.stage{height:100svh;min-height:650px;overflow:hidden;position:relative;isolation:isolate;background:radial-gradient(ellipse at 30% 35%,#e0f1ec 0,transparent 50%),linear-gradient(140deg,#fafcfc,#f1f7f4)}.stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#17776708 1px,transparent 1px),linear-gradient(90deg,#17776708 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.copy{position:absolute;top:20%;right:8%;max-width:500px;z-index:4}.copy .company{font-size:14px;letter-spacing:.1px;color:#006f69;margin-bottom:18px}.copy h1{font-size:clamp(32px,4vw,58px);line-height:1.55;margin:0;font-weight:650;letter-spacing:-1.5px}.copy p{font-size:15px;max-width:360px;line-height:2;color:#587671;margin:18px 0}.folio{position:absolute;top:16%;left:4%;width:55%;height:65%;perspective:1200px}.world{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.halo{position:absolute;inset:18% 18%;border:1px solid #76b7a777;border-radius:50%;transform:rotateX(62deg);box-shadow:0 0 0 50px #7ebcab09,0 0 0 100px #7ebcab06}.instrument{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 12px #005e5722)}.instrument .trace{stroke-dasharray:1000;stroke-dashoffset:1000}.metal{stroke:#286d65;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fine{stroke:#96c4b8;stroke-width:1}.card{position:absolute;width:200px;padding:19px;background:#ffffffeb;border:1px solid #cadcd6;border-radius:20px;box-shadow:0 18px 40px #22564910;will-change:transform,opacity}.card .icon{color:#007c71;display:block;width:29px;height:29px;margin-bottom:14px}.card b{font-size:17px;display:block}.card small{font-size:11px;color:#728a83}.card .line{height:5px;width:75%;background:#dfebe7;margin-top:12px;border-radius:4px}.card .line.short{width:45%;background:#c3ded5;margin-top:6px}.c1{top:10%;right:6%;transform:translate3d(0,0,40px)}.c2{top:40%;right:30%}.c3{top:66%;right:54%}.beam{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.beam path{fill:none;stroke:#65aa96;stroke-width:1.5;stroke-dasharray:8 8}.brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;pointer-events:none}.brand .mark{width:140px;height:146px;filter:drop-shadow(0 16px 30px #12776820)}.brand h2{font-size:46px;margin:14px 0 0;letter-spacing:-1px}.brand p{color:#58746e;font-size:15px;margin:4px}.ring{position:absolute;border:1px solid #94c4b5;width:290px;height:290px;border-radius:50%;transform:rotateX(52deg);z-index:-1}.rail{position:absolute;bottom:111px;right:8%;display:flex;gap:22px;z-index:4}.rail span{font-size:12px;color:#82998f;position:relative;padding-top:15px}.rail span:before{content:'';position:absolute;top:0;right:0;width:6px;height:6px;border-radius:50%;background:#b2c9c0}.rail span.active{color:#006f69}.rail span.active:before{background:#006f69;box-shadow:0 0 0 4px #006f6911}.controls{position:absolute;bottom:24px;inset-inline:5%;display:flex;align-items:center;gap:13px;z-index:10;flex-wrap:wrap}.timeline{direction:ltr;display:flex;align-items:center;gap:10px;flex:1;min-width:100px}.timeline input{width:100%;accent-color:#007f72;cursor:pointer}.timeline output{font-size:11px;color:#668579;min-width:42px;direction:ltr}.controls button{font-size:12px;border:1px solid #d3e1d9;border-radius:24px;padding:0 16px;background:#fff9}.controls .primary{background:#006f69;color:white;border-color:#006f69}.window{position:absolute;inset:110px 8% 110px;background:#fff;border:1px solid #dce8e2;border-radius:30px;box-shadow:0 36px 90px #265b4917;padding:45px;z-index:6;display:none;overflow:auto}.window.show{display:flex;animation:reveal .55s ease both}@keyframes reveal{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.login-art{width:50%;background:#e8f3ee;position:relative;border-radius:22px;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-art svg{width:80%;max-height:80%}.login-content{width:50%;padding:5% 8% 5% 4%;display:flex;justify-content:center;flex-direction:column}.login-content .mark{width:50px;height:52px}.login-content h2{font-size:27px;margin:20px 0 7px}.login-content p{font-size:13px;line-height:2;color:#73897f}.login-content label{font-size:12px;margin:17px 0 6px}.mock-field{height:48px;border:1px solid #cedcd4;border-radius:10px;display:flex;align-items:center;padding:0 13px;font-size:12px;color:#7a8f84;background:#fafcfb}.enter{background:#006f69;color:#fff;border-radius:12px;margin-top:22px;padding:12px 16px}.note{font-size:11px!important}.desk{flex-direction:column}.desk-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.desk-header h2{margin:0;font-size:24px}.desk-header small{color:#79958a}.tabs{display:flex;gap:10px;margin-bottom:23px}.tab{border:1px solid #d6e3dc;padding:8px 17px;border-radius:20px;font-size:12px}.tab:first-child{background:#e1f0e9;border-color:#9bc5b3;color:#006f69}.rows{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row{display:flex;align-items:center;gap:14px;border:1px solid #dce6e0;border-radius:16px;padding:20px}.row .icon{width:30px;height:30px;color:#00776b}.row b{font-size:14px;display:block}.row small{font-size:11px;color:#71877d}.dot{width:8px;height:8px;border-radius:50%;background:#d39522;margin-right:auto}.row:nth-child(2) .dot{background:#d5654c}.row:nth-child(3) .dot{background:#488e70}.desk-foot{margin-top:auto;padding-top:24px;font-size:12px;color:#6c8579}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:700px){header{inset:18px 6% auto}.identity small{font-size:9px}.sample{font-size:9px}.stage{min-height:700px}.copy{top:17%;right:7%;left:7%;text-align:center;max-width:none}.copy h1{font-size:32px;line-height:1.5;letter-spacing:-.7px}.copy .company{font-size:12px;margin-bottom:7px}.copy p{font-size:12px;margin:10px auto;line-height:1.8}.folio{top:39%;left:0;width:100%;height:42%;perspective:800px}.card{width:128px;padding:13px;border-radius:15px}.card .icon{width:23px;height:23px;margin-bottom:5px}.card b{font-size:13px}.card small{font-size:9px}.c1{top:5%;right:6%}.c2{top:30%;right:35%}.c3{top:55%;right:62%}.rail{bottom:115px;inset-inline:7%;justify-content:center;gap:17px}.rail span{font-size:10px}.controls{gap:7px;bottom:max(14px,env(safe-area-inset-bottom))}.controls button{padding:0 12px;font-size:10px}.timeline{flex-basis:100%;order:2}.window{inset:104px 5% 125px;padding:25px 20px;border-radius:24px}.login-content{width:100%;padding:0}.login-art{display:none}.login-content h2{font-size:24px}.rows{grid-template-columns:1fr;gap:10px}.row{padding:15px}.desk-header{margin-bottom:20px}.desk-header h2{font-size:21px}.tabs{gap:6px}.tab{padding:7px 10px;font-size:10px}.desk-foot{font-size:10px}.brand .mark{width:106px;height:110px}.brand h2{font-size:36px}.brand p{font-size:12px}.ring{width:230px;height:230px}}@media(prefers-reduced-motion:reduce){.window.show{animation:none}}

/* Precision tray, company hierarchy and final brand resolve. */
.identity .company-name{font-size:22px;font-weight:700;letter-spacing:-.5px}.identity .mark{width:43px;height:45px}.copy{right:7%;max-width:43%;top:23%}.copy .company{font-size:clamp(25px,2.7vw,39px);line-height:1.65;font-weight:750;letter-spacing:-.65px;margin:0 0 2px}.specialty{font-size:12px;color:#6a8e7d;margin-bottom:25px}.copy h1{font-size:clamp(29px,3.4vw,48px);font-weight:500;letter-spacing:-1.2px}.copy p{font-size:14px;max-width:330px}.folio{left:1%;width:53%;top:18%;height:65%}.instrument{filter:drop-shadow(0 14px 10px #195d4220)}.tool{transform-box:fill-box;transform-origin:center;will-change:opacity}.metal{stroke-width:1.3}.instrument-labels{letter-spacing:0}.brand .brand-company{font-size:27px;font-weight:700;color:#006f69;margin-top:16px;letter-spacing:-.5px}.brand h2{font-size:38px}.ring:after{content:'';position:absolute;inset:-25px;border:1px dashed #91bca347;border-radius:50%}.card{box-shadow:0 25px 60px #1d573617,0 2px 3px #fff inset}.card:after{content:'';position:absolute;top:20px;left:18px;height:5px;width:5px;background:#5caa85;border-radius:50%;box-shadow:0 0 0 4px #5caa850d}.login-content h2{font-size:28px}.stage{background:radial-gradient(ellipse at 27% 45%,#d9ede2 0,transparent 52%),linear-gradient(130deg,#fcfdfb,#f2f7f0)}
@media(max-width:700px){.identity .company-name{font-size:17px;letter-spacing:-.35px}.identity small{font-size:9px}.identity .mark{width:33px;height:35px}.sample{font-size:8px;padding:5px 8px}.copy{top:16%;inset-inline:7%;max-width:none}.copy .company{font-size:27px;line-height:1.65}.specialty{font-size:10px;margin-bottom:13px}.copy h1{font-size:25px;line-height:1.4}.copy p{font-size:11px;margin-top:10px;max-width:280px}.folio{top:40%;width:100%;left:0;height:42%}.brand .brand-company{font-size:22px}.instrument-labels{font-size:14px}.card{border-radius:17px}.card:after{top:14px;left:13px;width:4px;height:4px}.brand h2{font-size:32px}}
@media(max-width:370px){.identity .company-name{font-size:15px}.sample{font-size:7px}.copy .company{font-size:24px}.copy h1{font-size:23px}}