@font-face{font-family:Vazir;src:url(vazirmatn-variable.woff2) format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.9 Vazir,Tahoma,sans-serif;color:#172d39;background:#fff}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #08aebd;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h2{font-size:clamp(28px,3vw,42px);line-height:1.55;letter-spacing:-1px}h3{line-height:1.7}p{color:#6a7980;line-height:2;max-width:620px}section p{margin-top:22px}.wrap{max-width:1240px;margin:auto;padding-inline:36px}.section{padding-block:100px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#08aebd;font-size:14px;font-weight:650;margin-bottom:18px}.eyebrow i{width:7px;height:7px;background:#08aebd;border-radius:50%}.muted{color:#879499}.pale{background:#f5f8f8}header{height:94px;display:flex;align-items:center;gap:34px;max-width:1380px;padding:0 40px;margin:auto;background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:800;line-height:1.3}.brand small{display:block;font-size:11px;font-weight:450;margin-top:6px}.brand b{font-size:12px;letter-spacing:2px;border-right:1px solid #d6e8ed;padding-right:14px;color:#59718c}.mark{display:grid;place-items:center;background:transparent;color:white;width:54px;height:54px;border-radius:0;font-size:34px;font-weight:400;flex:0 0 54px}.mark img{display:block;width:100%;height:100%;object-fit:contain}nav{display:flex;gap:26px;margin-right:auto;font-size:14px}nav a:hover{color:#08aebd}.headcta{padding:9px 17px;border:1px solid #d6e8ed;border-radius:7px;font-size:14px}#menu{display:none;background:none;border:0;font-size:24px}.hero{background:linear-gradient(120deg,#eaf8fa 0%,#f1f8fb 58%,#fbfdff 100%);overflow:hidden;border-top:1px solid #d6e8ed}.hero-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:55px;align-items:center;padding-block:74px 85px}.hero h1{font-size:clamp(40px,4.2vw,59px);line-height:1.5;letter-spacing:-2px;font-weight:800}.hero h1 em{font-style:normal;color:#08aebd}.hero h2{font-size:26px;letter-spacing:0;font-weight:500;margin-top:17px}.hero p{font-size:15px;margin-top:23px}.actions{display:flex;gap:13px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;background:#08aebd;color:white;border:1px solid #08aebd;padding:12px 25px;border-radius:7px;font-size:14px;font-weight:650;transition:background .2s,transform .2s}.button:hover{background:#123f78;transform:translateY(-2px)}.secondary{background:transparent;color:#123f78;border-color:#b8dce4}.secondary:hover{background:#eaf8fa}.hero-note{display:flex;gap:23px;color:#59718c;font-size:12px;margin-top:26px}.hero-note span:before{content:'✓';margin-left:6px}.hero-visual{position:relative;min-width:0;padding-block:30px}.hero-visual:before{content:'';position:absolute;inset:-25px -40px;background:radial-gradient(ellipse,#08aebd30,transparent 65%);pointer-events:none}.window{background:#f7f9fa;border:1px solid #d6e8ed;border-radius:12px;overflow:hidden;box-shadow:0 25px 60px #123f7815;direction:rtl;text-align:right}.hero-visual .window{position:relative;transform:perspective(1600px) rotateY(7deg) rotateX(2deg);min-height:400px}.float-card{position:absolute;bottom:28px;left:-22px;display:flex;align-items:center;gap:13px;background:white;padding:16px 21px;border:1px solid #eaf8fa;border-radius:10px;box-shadow:0 14px 38px #123f781a;font-size:14px}.float-card small{display:block;font-size:11px;color:#59718c}.mini-icon{font-size:28px;color:#08aebd}.check{background:#eaf8fa;color:#08aebd;border-radius:50%;width:25px;height:25px;text-align:center}.visual-caption{display:block;font-size:11px;color:#59718c;text-align:center;margin-top:34px}.hero-bottom{border-top:1px solid #d6e8ed;display:flex;justify-content:space-between;align-items:center;padding-block:24px;font-size:13px;color:#59718c}.hero-bottom div{display:flex;gap:22px}.hero-bottom b{font-weight:500;color:#345579}.hero-bottom i{color:#9aafa3}.about,.workflow,.search-section,.migration{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.identity{border:1px solid #dae5df;border-radius:14px;padding:25px 30px;background:#fbfdfc}.identity-top{display:flex;justify-content:space-between;align-items:center;font-size:14px}.identity-top small{font-size:10px;letter-spacing:1.5px;color:#a0aba5}.book-label{display:flex;justify-content:space-between;margin-top:25px;border-bottom:1px solid #d6e8ed;padding-bottom:17px;font-weight:700}.book-label small{color:#8b9c94}.model-row{display:flex;gap:17px;align-items:center;margin:13px 0;position:relative}.model-num{width:35px;height:35px;border-radius:8px;background:#e7f1ec;color:#167961;text-align:center;font-size:13px;line-height:35px}.model-row b{font-size:15px}.model-row small{display:block;font-size:12px;color:#81928b}.model-row em{font-style:normal;font-size:12px;color:#71857a;margin-right:auto}.identity-foot{border-top:1px solid #d6e8ed;padding-top:15px;color:#778c81;font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:40px}.section-heading p{font-size:15px;margin-bottom:10px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:#fff;border:1px solid #e2eae7;padding:24px;border-radius:9px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:#94bfae}.icon{width:39px;height:39px;display:grid;place-items:center;background:#edf5f1;color:#0a7a65;border-radius:8px;margin-bottom:15px}.icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.feature-card h3{font-size:16px}.feature-card p{font-size:13px;line-height:1.9;margin-top:8px}.steps{list-style:none;padding:0;margin-top:26px}.steps li{display:flex;align-items:center;gap:15px;margin-bottom:11px;font-size:14px}.steps span{display:grid;place-items:center;border:1px solid #d6e5de;color:#0b7a65;width:31px;height:31px;border-radius:50%;font-size:12px}.steps small{color:#8a9990;margin-right:auto}.form-preview,.search-demo{border:1px solid #dce7e3;border-radius:13px;padding:27px;background:white;box-shadow:0 20px 60px #193d2d0c}.preview-title{display:flex;justify-content:space-between;border-bottom:1px solid #e8eeea;padding-bottom:17px;font-weight:650}.preview-title small{font-size:11px;color:#7f978b;font-weight:400}.form-progress{display:flex;gap:20px;color:#a4afa9;font-size:11px;margin-block:20px}.form-progress b{color:#0c8066}.form-preview h3{font-size:17px;margin-bottom:18px}.form-preview label{display:block;font-size:12px;color:#536e60;margin-bottom:17px}.fake-input{border:1px solid #dfe7e3;padding:9px 12px;margin-top:7px;border-radius:6px;color:#2b4337;font-size:13px;min-height:43px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tag{font-size:11px;background:#eff5f1;padding:3px 6px;border-radius:4px;color:#4d7562}.form-summary{font-size:12px;background:#f0f7f3;padding:13px;color:#478167;border-radius:6px}.fake-button{background:#0c7963;color:#fff;padding:10px 17px;font-size:12px;border-radius:5px;width:max-content;margin-top:20px}.gallery-section{background:#f2f6f7}.tabs{display:flex;gap:9px;overflow:auto;padding-bottom:17px;scrollbar-width:thin}.tabs button{white-space:nowrap;border:1px solid #dce5e5;background:transparent;color:#637981;padding:9px 16px;border-radius:6px;font-size:13px}.tabs button[aria-selected=true]{background:#123f78;color:white;border-color:#123f78}.gallery-stage{display:grid;grid-template-columns:.7fr 1.5fr;gap:45px;align-items:center;margin-top:23px}.gallery-copy h3{font-size:27px}.gallery-copy p{font-size:15px}.gallery-copy small{display:block;margin-top:23px;font-size:12px;color:#8a9a9c}.gallery-screen{padding:0;width:100%;font-family:Vazir;border:1px solid #dbe5e6;color:#172d39;min-width:0}.search-tags{margin-top:23px;font-size:14px;color:#0e7966;line-height:2.4}.search-demo form{display:flex;border:1px solid #d4e5dc;border-radius:7px;margin-top:20px;padding:6px;gap:6px}.search-demo select{border:0;background:#f3f7f5;font-size:12px;width:110px;padding:6px;border-radius:4px}.search-demo input{min-width:0;flex:1;border:0;font-size:13px;padding:8px}.search-demo form button{border:0;background:#0b7964;color:white;border-radius:5px;width:39px;font-size:26px}.search-result{padding:17px 0;border-bottom:1px solid #e9efeb;display:flex;gap:13px;align-items:center}.book-symbol{background:#edf5ef;border-radius:5px;color:#65917a;width:35px;height:44px;display:grid;place-items:center;font-size:23px}.search-result b{font-size:14px}.search-result small{display:block;color:#8b9992;font-size:11px}.search-result>span:last-child{margin-right:auto;font-size:11px;color:#08816a;background:#edf7f1;padding:3px 8px;border-radius:5px}.demo-note{font-size:11px;color:#8d9c95;display:block;margin-top:15px}.architecture{background:#112d35;color:#f5f9f7;text-align:center}.architecture .eyebrow{color:#84c7ac}.architecture p{color:#a4bdbe;margin-inline:auto;font-size:15px}.architecture-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:50px;max-width:900px;margin:45px auto 0;align-items:center}.related{display:flex;flex-direction:column;gap:17px}.related div{border:1px solid #3a5258;border-radius:7px;padding:13px;font-size:14px;background:#1b3840}.related small{display:block;color:#81a0a4;font-size:11px;direction:ltr}.core-model{border:1px solid #44635f;background:#203e43;padding:13px 22px;border-radius:10px}.core-model .model-row{text-align:right;border-bottom:1px solid #3a5357;padding-bottom:10px}.core-model .model-row:last-child{border:0;padding:0}.core-model .model-num{background:#34594e;color:#9bd4b7}.core-model .model-row small,.core-model .model-row em{color:#9fb9b3}.architecture-note{font-size:13px;color:#9bb6b3;max-width:620px;margin:35px auto 0}.tech-grid{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #d6e8ed;border-bottom:1px solid #d6e8ed;padding:30px 0}.tech-item{text-align:center;flex:1}.tech-item b{display:block;font-size:22px;font-weight:550;direction:ltr}.tech-item small{font-size:11px;color:#8a9992}.tech-item:first-child b{color:#d75c50}.tech-item:nth-child(2) b{color:#727d9e}.audiences{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.audience{display:flex;gap:13px;align-items:center;border-bottom:1px solid #dce6e0;padding:18px 5px;font-size:14px}.audience .icon{margin:0;flex-shrink:0}.fine{font-size:13px}.migration-flow{padding:30px;background:#f5f8f6;border:1px solid #e0e9e3;border-radius:13px}.migration-flow>div{position:relative;border:1px solid #dfe8e1;background:white;border-radius:7px;padding:15px 60px 15px 20px}.migration-flow span{position:absolute;right:18px;top:16px;color:#7ba18c;font-size:17px}.migration-flow b{font-size:14px}.migration-flow small{display:block;color:#8a9b90;font-size:12px}.migration-flow i{display:block;text-align:center;font-style:normal;color:#abc2b3;line-height:28px}.migration-flow .final{background:#123f78;border-color:#123f78;color:white}.migration-flow .final small,.migration-flow .final span{color:#b7dac8}.security{background:#f3f6f8}.security>.wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:center}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.security-grid div{display:flex;align-items:center;gap:12px;font-size:14px}.security-grid .icon{margin:0;background:white}.contact{text-align:center;padding-block:90px}.contact h2{font-size:clamp(33px,4vw,51px)}.contact p{max-width:650px;margin-inline:auto}.contact .actions{justify-content:center}.contact-link{margin-top:24px;border:0;background:none;color:#668276;font-size:14px;text-decoration:underline;text-underline-offset:5px}.footer-top{border-top:1px solid #e3eae6;padding-block:36px;display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-top p{font-size:13px}.footer-top>div{display:flex;flex-wrap:wrap;gap:16px;font-size:12px}.footer-top button{font:inherit;background:none;border:0;padding:0}.footer-bottom{border-top:1px solid #e8edea;padding-block:20px;display:flex;justify-content:space-between;color:#91a097;font-size:11px}dialog{border:1px solid #dbe5df;border-radius:12px;padding:30px;width:min(1100px,94vw);max-height:92vh;color:#123f78}dialog::backdrop{background:#0a252cba;backdrop-filter:blur(4px)}dialog h3{margin-bottom:20px}dialog p{font-size:13px;margin-top:17px}.close{position:absolute;left:15px;top:10px;background:none;border:0;font-size:29px;color:#6e8880}#contact-dialog{max-width:480px}#contact-dialog .button{margin-top:24px}
/* Sample application interface */
.app-top{height:39px;background:white;border-bottom:1px solid #e7eeeb;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:10px;color:#7b9290}.app-top b{color:#186653;font-size:13px}.app-top small{font-size:9px}.app-layout{display:grid;grid-template-columns:110px 1fr;min-height:330px}.app-side{background:#143b40;color:#b5c9c8;padding:20px 12px;font-size:10px}.app-side strong{display:block;color:white;font-size:15px;margin-bottom:21px}.app-side span{display:block;padding:7px 9px;margin-bottom:4px}.app-side span.active{background:#2c5c58;color:white;border-radius:5px}.app-main{padding:22px 20px;min-width:0}.app-main h4{margin:0;font-size:15px}.app-main>p{font-size:10px;line-height:1.6;margin:5px 0 17px;color:#98a5a8}.app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.app-stat{background:white;border:1px solid #e8eceb;border-radius:5px;padding:12px}.app-stat small{display:block;font-size:9px;color:#879a98}.app-stat b{font-size:20px;font-weight:600;color:#254d4b}.app-stat em{font-size:8px;color:#309878;font-style:normal;display:block}.app-table{background:white;border:1px solid #e7eceb;border-radius:6px;margin-top:17px;padding:14px 12px}.app-table-title{display:flex;justify-content:space-between;font-size:10px;margin-bottom:14px}.app-table-title span{color:#14816d;font-size:9px}.app-table table{width:100%;border-collapse:collapse;font-size:9px}.app-table th{font-size:8px;text-align:right;color:#97aaa7;background:#f7faf9;font-weight:400;padding:6px}.app-table td{padding:9px 5px;border-bottom:1px solid #edf2ef}.app-table tr:last-child td{border:0}.app-table td:last-child{color:#13826b}.app-bottom{display:flex;gap:10px;margin-top:15px}.app-bottom>div{background:white;border:1px solid #e8ecea;border-radius:6px;padding:12px;flex:1;font-size:9px}.bars{display:flex;height:45px;align-items:end;gap:8px;margin-top:10px}.bars i{display:block;flex:1;background:#a3caba;border-radius:3px 3px 0 0}.bars i:nth-child(3n){background:#2c8871}.app-notice{font-size:9px;color:#6d9281;margin-top:12px}.app-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.app-fields label{font-size:10px;color:#80918d}.app-fields div{border:1px solid #d6e8ed;background:white;padding:10px;border-radius:4px;font-size:10px;margin-top:5px;color:#426057}
@media(min-width:1400px){.hero-grid{padding-block:90px 105px}}@media(max-width:1050px){header{padding-inline:25px;gap:20px}nav{gap:16px;font-size:12px}.brand b{display:none}.hero-grid{gap:28px}.hero h1{font-size:43px}.hero h2{font-size:22px}.app-layout{grid-template-columns:85px 1fr}.app-main{padding:16px 12px}.app-side{padding:15px 7px}.about,.workflow,.search-section,.migration{gap:40px}.feature-grid{grid-template-columns:repeat(3,1fr)}.footer-top{flex-wrap:wrap}.security>.wrap{gap:40px}.gallery-stage{gap:25px}.tech-item b{font-size:18px}}
@media(max-width:760px){.wrap{padding-inline:22px}.section{padding-block:65px}header{height:78px;padding-inline:22px;justify-content:space-between}.brand{font-size:23px}.brand small{font-size:10px}.mark{width:45px;height:45px;flex-basis:45px;font-size:29px}.headcta{margin-right:auto;font-size:12px;padding:7px 11px}#menu{display:block}nav{display:none;position:absolute;top:78px;right:0;left:0;z-index:20;background:white;border-bottom:1px solid #dce5df;padding:20px;box-shadow:0 15px 30px #15393112}nav.open{display:grid;gap:16px;font-size:15px}.hero-grid{grid-template-columns:1fr;padding-block:42px 35px;gap:10px}.hero h1{font-size:43px}.hero h2{font-size:23px}.hero p{font-size:15px;max-width:550px}.hero-visual{padding-top:35px;margin-top:5px}.hero-visual .window{transform:none;min-height:0}.float-card{left:0;bottom:31px;padding:11px 16px}.visual-caption{margin-top:40px}.hero-note{gap:17px;font-size:11px}.hero-bottom{display:block;font-size:12px;padding-block:19px}.hero-bottom div{margin-top:11px;gap:12px}.about,.workflow,.search-section,.migration{grid-template-columns:1fr;gap:30px}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:20px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-card{padding:19px 16px}.feature-card h3{font-size:15px}.feature-card p{font-size:13px}.gallery-stage{grid-template-columns:1fr;gap:25px}.gallery-copy small{max-width:450px}.gallery-copy h3{font-size:24px}.gallery-copy p{margin-top:12px}.gallery-copy .button{margin-top:20px}.app-layout{grid-template-columns:80px 1fr;min-height:300px}.app-side{font-size:9px}.app-main{padding:18px 12px}.app-stats{gap:6px}.app-stat{padding:8px}.app-stat b{font-size:17px}.app-table{padding:11px 7px}.app-table table{font-size:8px}.app-table td{padding:8px 3px}.architecture-grid{grid-template-columns:1fr;gap:20px}.related{flex-direction:row;gap:9px}.related div{flex:1;padding:10px 7px;font-size:12px}.related small{font-size:10px}.core-model{max-width:400px;width:100%;margin:auto}.tech-grid{flex-wrap:wrap;justify-content:center;gap:27px}.tech-item{flex:0 0 23%}.audiences{grid-template-columns:1fr 1fr;gap:10px}.audience{font-size:13px;gap:9px}.security>.wrap{grid-template-columns:1fr;gap:30px}.security-grid{gap:20px 10px}.security-grid div{font-size:13px}.footer-top{display:block}.footer-top p{margin-block:22px}.footer-bottom{gap:20px;flex-wrap:wrap}.contact .actions{flex-wrap:wrap}.contact h2{font-size:35px}.identity{padding:23px}.form-preview,.search-demo{padding:22px}.search-demo select{width:90px}.search-demo input{font-size:12px}.app-bottom>div{padding:8px}.app-table th:nth-child(3),.app-table td:nth-child(3){display:none}dialog{padding:22px 12px}.gallery-screen .app-layout{min-height:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}

/* Contact form */
#contact-dialog{max-width:620px;width:min(620px,94vw);padding:30px;overflow-y:auto}#contact-dialog .eyebrow{margin-bottom:4px}#contact-dialog h3{font-size:25px;margin-bottom:5px}#contact-dialog .contact-intro{margin:0 0 20px;font-size:13px}#contact-form label{display:block;font-size:13px;font-weight:600;color:#425c51}#contact-form label>span{color:#b34e45}#contact-form label small{font-weight:400;color:#81918a}#contact-form input,#contact-form select,#contact-form textarea{display:block;width:100%;min-width:0;margin-top:6px;border:1px solid #d8e4dd;border-radius:7px;padding:10px 12px;background:#fff;color:#123f78;font:inherit;font-size:13px;direction:rtl}#contact-form textarea{resize:vertical;min-height:120px}#contact-form input:focus,#contact-form select:focus,#contact-form textarea:focus{border-color:#16836c;outline:3px solid #d8eee5;outline-offset:1px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.message-label{margin-top:5px}.contact-status{font-size:12px!important;line-height:1.9!important;margin:14px 0 10px!important;padding:10px 12px;background:#f3f8f5;border-radius:7px;color:#597568!important;max-width:none!important}.contact-submit{width:100%;margin-top:3px}.contact-note{display:block;margin-top:12px;font-size:11px;color:#85948c;line-height:1.9}.contact-direct{display:flex;gap:18px;margin-top:18px;padding-top:15px;border-top:1px solid #e4ece7;font-size:12px;color:#08aebd}.contact-direct a{text-decoration:underline;text-underline-offset:3px}.contact-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.contact-trap input{position:absolute!important;left:-10000px!important}@media(max-width:520px){#contact-dialog{padding:26px 18px}.contact-fields{grid-template-columns:1fr;gap:12px}.contact-direct{flex-wrap:wrap}}

/* Rayan two-colour brand mark */
.mark img{display:block;width:100%;height:100%;object-fit:contain}


/* Rayan logo sizing safeguard (2026-11-02) */
.brand .mark{width:54px;height:54px;flex:0 0 54px;min-width:54px;min-height:54px;overflow:hidden;display:grid;place-items:center}
.brand .mark img{display:block;width:100%;height:100%;max-width:54px;max-height:54px;object-fit:contain}
@media(max-width:760px){.brand .mark{width:45px;height:45px;flex-basis:45px;min-width:45px;min-height:45px}.brand .mark img{max-width:45px;max-height:45px}}