.op-landing{
  --brand:#714B67;--brand-dark:#5a3b52;--teal:#017E84;
  --sky:#CEE7F7;--sand:#F0CDA8;--paper:#F3F4F6;--ink:#1f1a1e;--muted:#5f5a5e;--line:#e5e2e4;
  --marker:#FBB945;--marker-teal:#5fd0d4;--marker-pink:#f7a3b8;
  --hand:'Lalezar','Vazirmatn',sans-serif;
}
.op-landing *{box-sizing:border-box;margin:0;padding:0}
.op-landing{scroll-behavior:smooth}
.op-landing{font-family:'Vazirmatn','Vazirmatn-FD-Regular',Tahoma,sans-serif;color:var(--ink);background:#fff;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.op-landing a{color:inherit;text-decoration:none}
.op-landing img{max-width:100%}
.op-landing .wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.op-landing .center{text-align:center}
.op-landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:700;font-size:15.5px;transition:.2s;border:1px solid transparent;cursor:pointer;font-family:inherit;white-space:nowrap}
.op-landing .btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 18px -8px rgba(113,75,103,.8)}
.op-landing .btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}
.op-landing .btn-light{background:#e9ecef;color:var(--ink)}
.op-landing .btn-light:hover{background:#dde1e5}
.op-landing .micro{font-size:13px;color:var(--muted);margin-top:10px}
.op-landing h1,.op-landing h2,.op-landing h3{line-height:1.4;font-weight:800}
.op-landing h2{font-size:clamp(28px,4.2vw,46px);letter-spacing:-.5px}
.op-landing .sub{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:720px;margin:14px auto 0}
.op-landing .mk{position:relative;display:inline-block;z-index:0}
.op-landing .mk::before{content:"";position:absolute;inset:auto -6px .12em -6px;height:.52em;background:var(--marker);border-radius:4px 10px 6px 12px;z-index:-1;transform:skew(-8deg) rotate(-1.2deg)}
.op-landing .mk.t::before{background:var(--marker-teal)}
.op-landing .mk.p::before{background:var(--marker-pink)}
.op-landing .hand{font-family:var(--hand);font-weight:400}
.op-landing .squiggle{position:relative;display:inline-block}
.op-landing .squiggle svg{position:absolute;right:0;left:0;bottom:-10px;width:100%;height:14px}
.op-landing .squiggle path{stroke-dasharray:300;stroke-dashoffset:300;animation:draw 1.4s .6s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.op-landing .oic{width:1.35em;height:1.35em;display:inline-block;vertical-align:-.3em;margin:0 .15em}
.op-landing header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid transparent;transition:.2s}
.op-landing header.scrolled{border-color:var(--line)}
.op-landing .nav{display:flex;align-items:center;justify-content:space-between;height:66px;gap:20px}
.op-landing .logo{display:flex;align-items:baseline;font-size:26px;font-weight:800;letter-spacing:-.5px;direction:ltr}
.op-landing .logo .o{color:var(--brand)}
.op-landing .logo .p{color:#8f8f8f;font-weight:500}
.op-landing .menu{display:flex;gap:26px;font-size:14.5px;font-weight:500}
.op-landing .menu a:hover{color:var(--brand)}
.op-landing .nav-end{display:flex;align-items:center;gap:14px;font-size:14.5px}
.op-landing .nav-end .btn{padding:8px 16px;font-size:14px}
.op-landing .burger{display:none;background:none;border:0;cursor:pointer;padding:6px}
.op-landing .burger span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}
.op-landing .mobile-menu{display:none;border-top:1px solid var(--line);padding:8px 16px 16px;background:#fff}
.op-landing .mobile-menu a{display:block;padding:10px 0;border-bottom:1px solid var(--paper)}
.op-landing .mobile-menu.open{display:block}
.op-landing .hero{padding:72px 0 0;text-align:center;position:relative}
.op-landing .kicker{display:block;font-size:15px;font-weight:700;color:var(--teal);margin-bottom:14px;letter-spacing:0}
.op-landing .hero h1{font-size:clamp(38px,6.6vw,76px);font-weight:900;letter-spacing:-1px;line-height:1.3}
.op-landing .hero .tag2{font-size:clamp(28px,4.4vw,50px);margin-top:10px;color:var(--ink)}
.op-landing .hero .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.op-landing .hero-note{position:absolute;left:max(24px,calc(50% - 520px));top:300px;font-family:var(--hand);color:var(--brand);font-size:22px;line-height:1.5;transform:rotate(-6deg);text-align:center}
.op-landing .hero-note svg{width:90px;height:60px;margin:0 auto 4px;display:block}
.op-landing .pill{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 8px 6px 16px;font-size:13.5px;margin-top:56px;box-shadow:0 4px 14px -8px rgba(0,0,0,.25)}
.op-landing .pill b{background:var(--brand);color:#fff;border-radius:999px;padding:2px 10px;font-size:12px}
.op-landing .pill:hover{border-color:var(--brand)}
.op-landing .stage{background:var(--paper);margin-top:48px;padding:80px 0 90px;border-radius:50% 50% 0 0 / 60px 60px 0 0;position:relative}
.op-landing .apps{display:grid;grid-template-columns:repeat(6,1fr);gap:26px 10px;max-width:860px;margin:0 auto}
.op-landing .app{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13.5px;font-weight:500;padding:10px 4px;border-radius:12px;transition:transform .35s cubic-bezier(.3,1.6,.5,1),filter .4s,opacity .4s}
.op-landing .app img{width:56px;height:56px;transition:transform .25s}
.op-landing .app:hover img{transform:translateY(-5px) scale(1.06)}
.op-landing .apps.chaos .app{filter:grayscale(1);opacity:.55}
.op-landing .apps.chaos .app:nth-child(3n){transform:rotate(14deg) translate(10px,18px)}
.op-landing .apps.chaos .app:nth-child(3n+1){transform:rotate(-11deg) translate(-8px,-6px)}
.op-landing .apps.chaos .app:nth-child(3n+2){transform:rotate(6deg) translate(4px,26px)}
.op-landing .apps-foot{display:flex;justify-content:space-between;align-items:center;max-width:860px;margin:40px auto 0;flex-wrap:wrap;gap:16px}
.op-landing .toggle{display:flex;align-items:center;gap:12px;cursor:pointer;font-family:var(--hand);font-size:20px;color:var(--teal);user-select:none;background:none;border:0}
.op-landing .toggle .sw{width:46px;height:26px;border-radius:99px;background:#1f1a1e;position:relative;transition:.25s}
.op-landing .toggle .sw::after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.25s}
.op-landing .toggle[aria-pressed="true"] .sw{background:#d9534f}
.op-landing .toggle[aria-pressed="true"] .sw::after{right:23px}
.op-landing .chaos-msg{display:none;text-align:center;font-family:var(--hand);font-size:24px;color:#d9534f;margin-top:18px}
.op-landing .chaos-msg.on{display:block}
.op-landing .all-apps{font-weight:700;color:var(--brand);display:inline-flex;gap:8px;align-items:center}
.op-landing .all-apps:hover{gap:14px}
.op-landing .imagine{text-align:center;margin-top:80px}
.op-landing .imagine h2{font-size:clamp(22px,3vw,30px)}
.op-landing .imagine p{font-size:18px;color:var(--muted);margin-top:6px}
.op-landing .imagine p+p{margin-top:22px}
.op-landing .quote{display:flex;align-items:center;gap:14px;max-width:420px;margin:56px 0 0 auto;margin-left:6%;background:#fff;border-radius:999px 999px 999px 30px;padding:10px 22px 10px 12px;box-shadow:0 10px 30px -14px rgba(0,0,0,.3);position:relative}
.op-landing .quote .av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--marker),#f86126);flex:none;display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px}
.op-landing .quote p{font-size:14px;font-style:italic}
.op-landing .quote small{display:block;color:var(--muted);font-style:normal;font-size:12px}
.op-landing section{padding:100px 0}
.op-landing .sec-head{text-align:center;margin-bottom:56px}
.op-landing .screen{max-width:960px;margin:0 auto;border-radius:16px;background:linear-gradient(135deg,#efe7f5,#e3eef8 60%,#f6efe6);box-shadow:0 40px 80px -40px rgba(27,19,25,.45);padding:34px 34px 28px;position:relative;overflow:hidden;min-height:430px}
.op-landing .desk{display:grid;grid-template-columns:repeat(5,88px);gap:26px 18px}
.op-landing .desk div{text-align:center;font-size:12.5px;font-weight:500}
.op-landing .desk img{width:52px;height:52px;margin:0 auto 6px;display:block;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 10px -6px rgba(0,0,0,.3)}
.op-landing .chat{position:absolute;left:28px;bottom:26px;width:310px;background:#fff;border-radius:12px;box-shadow:0 20px 40px -18px rgba(0,0,0,.4);overflow:hidden;animation:pop 12s infinite}
.op-landing .chat-h{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}
.op-landing .chat-h i{width:26px;height:26px;border-radius:50%;background:var(--sand);display:grid;place-items:center;font-style:normal;font-size:12px}
.op-landing .chat-b{padding:12px;background:#f7f7f9;min-height:170px;font-size:13px}
.op-landing .day{text-align:center;color:var(--muted);font-size:11px;margin-bottom:8px}
.op-landing .msg{max-width:82%;padding:8px 12px;border-radius:12px;margin-bottom:8px;opacity:0;transform:translateY(8px)}
.op-landing .msg.in{background:#fff;border:1px solid var(--line);animation:m1 12s infinite}
.op-landing .msg.out{background:#dcf8c6;margin-right:auto;animation:m2 12s infinite}
.op-landing .msg.doc{background:#fff;border:1px dashed var(--brand);margin-right:auto;animation:m3 12s infinite;display:flex;gap:8px;align-items:center}
.op-landing .msg.doc img{width:22px;height:22px}
@keyframes pop{0%,3%{opacity:0;transform:translateY(20px)}8%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes m1{0%,10%{opacity:0;transform:translateY(8px)}15%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes m2{0%,30%{opacity:0;transform:translateY(8px)}35%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes m3{0%,50%{opacity:0;transform:translateY(8px)}56%,92%{opacity:1;transform:none}100%{opacity:0}}
.op-landing .cursor{position:absolute;width:18px;height:18px;left:0;top:0;animation:cur 12s infinite;z-index:3}
@keyframes cur{0%,20%{transform:translate(620px,90px)}35%{transform:translate(190px,320px)}40%{transform:translate(190px,320px) scale(.85)}45%,100%{transform:translate(190px,320px)}}
.op-landing .caption{text-align:center;margin-top:18px;font-family:var(--hand);font-size:22px;color:var(--brand)}
.op-landing .split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.op-landing .split h2{font-size:clamp(26px,3.6vw,40px)}
.op-landing .split p.lead{color:var(--muted);font-size:17.5px;margin-top:12px}
.op-landing .checks{list-style:none;margin-top:22px;display:grid;gap:10px}
.op-landing .checks li{display:flex;gap:10px;align-items:flex-start}
.op-landing .checks li::before{content:"✓";color:#fff;background:var(--teal);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;flex:none;margin-top:4px}
.op-landing .palette{background:#fff;border-radius:14px;box-shadow:0 30px 60px -30px rgba(27,19,25,.45);border:1px solid var(--line);overflow:hidden}
.op-landing .pal-in{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:16px}
.op-landing .kbd{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--muted);direction:ltr}
.op-landing .typed{display:inline-block;overflow:hidden;white-space:nowrap;border-left:2px solid var(--brand);width:0;animation:type 8s steps(12) infinite}
@keyframes type{0%,8%{width:0}35%,80%{width:7.2em}90%,100%{width:0}}
.op-landing .pal-r{padding:8px}
.op-landing .pal-r div{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:14px;opacity:0;animation:res 8s infinite}
.op-landing .pal-r div:nth-child(2){animation-delay:.15s}
.op-landing .pal-r div:nth-child(3){animation-delay:.3s}
.op-landing .pal-r div:first-child{background:#f4eef3}
.op-landing .pal-r img{width:22px;height:22px}
.op-landing .pal-r small{margin-right:auto;color:var(--muted)}
@keyframes res{0%,36%{opacity:0}42%,82%{opacity:1}90%,100%{opacity:0}}
.op-landing .ai{background:linear-gradient(180deg,#fff,#f7f3f7)}
.op-landing .ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.op-landing .ai-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}
.op-landing .ai-card h3{font-size:19px;margin:10px 0 6px;display:flex;align-items:center;gap:6px}
.op-landing .ai-card p{color:var(--muted);font-size:15px}
.op-landing .spark{font-size:26px}
.op-landing .persia{background:var(--ink);color:#fff;border-radius:32px;margin:0 16px;padding:90px 0}
.op-landing .persia h2{color:#fff}
.op-landing .persia .sub{color:#cfc6cc}
.op-landing .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.op-landing .svc{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:28px;transition:.25s;background:rgba(255,255,255,.03)}
.op-landing .svc:hover{background:rgba(255,255,255,.07);transform:translateY(-4px)}
.op-landing .svc img{width:42px;height:42px;margin-bottom:14px}
.op-landing .svc h3{font-size:19px;margin-bottom:6px}
.op-landing .svc p{color:#cfc6cc;font-size:15px}
.op-landing .svc.hl{background:var(--brand);border-color:var(--brand)}
.op-landing .svc.hl p{color:#efe4ec}
.op-landing .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px;border-top:1px solid rgba(255,255,255,.12);padding-top:40px;text-align:center}
.op-landing .stats strong{display:block;font-size:40px;font-weight:900;line-height:1.3}
.op-landing .stats span{color:#cfc6cc;font-size:14.5px}
.op-landing .stats div:nth-child(1) strong{color:var(--marker)}
.op-landing .stats div:nth-child(2) strong{color:var(--sky)}
.op-landing .stats div:nth-child(3) strong{color:var(--marker-pink)}
.op-landing .stats div:nth-child(4) strong{color:var(--marker-teal)}
.op-landing .why{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 36px;margin-top:10px}
.op-landing .why h3{font-size:20px;margin-bottom:6px}
.op-landing .why p{color:var(--muted);font-size:15.5px}
.op-landing .why .big{font-family:var(--hand);font-size:44px;color:var(--brand);line-height:1.2}
.op-landing .steps{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;position:relative;margin-top:20px}
.op-landing .steps::before{content:"";position:absolute;top:25px;right:7%;left:7%;border-top:2px dashed #cfc7cd}
.op-landing .step{text-align:center;position:relative}
.op-landing .step .n{width:50px;height:50px;border-radius:50%;background:#fff;border:2px solid var(--brand);color:var(--brand);font-weight:900;font-size:19px;display:grid;place-items:center;margin:0 auto 12px}
.op-landing .step:last-child .n{background:var(--brand);color:#fff}
.op-landing .step h3{font-size:15px}
.op-landing .step p{font-size:13px;color:var(--muted);line-height:1.7}
.op-landing .proof{text-align:center}
.op-landing .proof h2 .num{font-family:var(--hand);color:var(--brand);font-weight:400}
.op-landing .inds{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:34px}
.op-landing .inds span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 18px 8px 14px;font-size:15px;background:#fff}
.op-landing .inds img{width:24px;height:24px}
.op-landing .faq{display:grid;grid-template-columns:1fr 1.7fr;gap:60px}
.op-landing .faq h2{font-size:clamp(26px,3.4vw,38px)}
.op-landing details{border-bottom:1px solid var(--line);padding:18px 0}
.op-landing summary{cursor:pointer;font-weight:700;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.op-landing summary::-webkit-details-marker{display:none}
.op-landing summary::after{content:"+";font-size:24px;color:var(--brand);line-height:1;transition:.2s;flex:none}
.op-landing details[open] summary::after{transform:rotate(45deg)}
.op-landing details p{color:var(--muted);margin-top:8px;font-size:15.5px}
.op-landing .final{text-align:center;padding:110px 0;background:radial-gradient(700px 300px at 50% 100%,#f1e8ef,transparent)}
.op-landing .final h2{font-size:clamp(34px,5.4vw,60px)}
.op-landing .final .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.op-landing .contact-line{margin-top:26px;color:var(--muted);font-size:15px}
.op-landing .contact-line a{font-weight:800;color:var(--ink);direction:ltr;display:inline-block}
.op-landing footer{background:#fff;border-top:1px solid var(--line);padding:56px 0 26px}
.op-landing .foot{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:36px}
.op-landing .foot h4{font-size:15px;margin-bottom:12px}
.op-landing .foot ul{list-style:none;display:grid;gap:7px;font-size:14px;color:var(--muted)}
.op-landing .foot ul a:hover{color:var(--brand)}
.op-landing .sig{font-size:14px;color:var(--muted);margin-top:10px;max-width:340px}
.op-landing .bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.op-landing .badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-weight:700;color:var(--brand)}
.op-landing .badge i{width:8px;height:8px;border-radius:50%;background:var(--teal)}
.op-landing .askai{max-width:640px;margin:44px auto 0;text-align:right}
.op-landing .ask-bar{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:14px 16px;position:relative;
  box-shadow:0 18px 40px -22px rgba(113,75,103,.55);border:1.5px solid transparent;
  background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#985184,#FBB945,#1AA3A9,#985184);background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 100%;animation:grad 6s linear infinite}
@keyframes grad{to{background-position:0 0,300% 0}}
.op-landing .ask-bar img{width:26px;height:26px;flex:none;animation:aipulse 10s infinite}
@keyframes aipulse{0%,40%{transform:none;filter:none}44%{transform:rotate(-12deg) scale(1.15)}48%{transform:rotate(10deg) scale(1.15)}52%{transform:rotate(-8deg) scale(1.1)}56%,100%{transform:none}}
.op-landing .ask-text{flex:1;display:flex;align-items:center;min-width:0;height:28px;position:relative}
.op-landing .ask-type{flex:0 1 auto;overflow:hidden;white-space:nowrap;font-size:15.5px;width:0;max-width:100%;animation:asktype 10s steps(53,end) infinite}
@keyframes asktype{0%,4%{width:0}36%,92%{width:var(--tw,26.5em)}97%,100%{width:0}}
.op-landing .caret{flex:none;width:2px;height:20px;background:var(--brand);margin-right:2px;animation:blink .8s step-end infinite,caretoff 10s infinite}
@keyframes blink{50%{opacity:0}}
@keyframes caretoff{0%,40%{visibility:visible}41%,96%{visibility:hidden}97%,100%{visibility:visible}}
.op-landing .thinking{position:absolute;inset:0;display:flex;align-items:center;gap:8px;background:#fff;font-size:14.5px;color:var(--brand);font-weight:700;opacity:0;animation:think 10s infinite;pointer-events:none}
.op-landing .thinking i{width:7px;height:7px;border-radius:50%;background:var(--brand);display:inline-block;animation:dot 1s infinite}
.op-landing .thinking i:nth-child(2){animation-delay:.15s}
.op-landing .thinking i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-5px);opacity:1}}
@keyframes think{0%,41%{opacity:0}43%,54%{opacity:1}57%,100%{opacity:0}}
.op-landing .ask-go{flex:none;width:32px;height:32px;border-radius:9px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900;animation:press 10s infinite}
@keyframes press{0%,37%{transform:none;box-shadow:none}39%{transform:scale(.82);box-shadow:0 0 0 0 rgba(113,75,103,.5)}42%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(113,75,103,0)}45%,100%{transform:none}}
.op-landing .ask-steps{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px;min-height:32px}
.op-landing .ask-steps span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 10px;font-size:13px;opacity:0;animation:stp1 10s infinite;box-shadow:0 4px 12px -8px rgba(0,0,0,.3)}
.op-landing .ask-steps span::after{content:"✓";width:16px;height:16px;border-radius:50%;background:#1a8f6a;color:#fff;font-size:10px;display:grid;place-items:center;transform:scale(0);animation:chk1 10s infinite}
.op-landing .ask-steps span:nth-child(2){animation-name:stp2}
.op-landing .ask-steps span:nth-child(2)::after{animation-name:chk2}
.op-landing .ask-steps span:nth-child(3){animation-name:stp3}
.op-landing .ask-steps span:nth-child(3)::after{animation-name:chk3}
.op-landing .ask-steps img{width:18px;height:18px}
@keyframes stp1{0%,55%{opacity:0;transform:translateY(8px) scale(.9)}58%{opacity:1;transform:translateY(-2px) scale(1.04)}60%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes stp2{0%,63%{opacity:0;transform:translateY(8px) scale(.9)}66%{opacity:1;transform:translateY(-2px) scale(1.04)}68%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes stp3{0%,71%{opacity:0;transform:translateY(8px) scale(.9)}74%{opacity:1;transform:translateY(-2px) scale(1.04)}76%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes chk1{0%,60%{transform:scale(0)}63%{transform:scale(1.3)}65%,100%{transform:scale(1)}}
@keyframes chk2{0%,68%{transform:scale(0)}71%{transform:scale(1.3)}73%,100%{transform:scale(1)}}
@keyframes chk3{0%,76%{transform:scale(0)}79%{transform:scale(1.3)}81%,100%{transform:scale(1)}}
.op-landing .ainative{background:radial-gradient(900px 420px at 50% 0,#f4eaf2,transparent 70%),#fff}
.op-landing .ai-eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;letter-spacing:.5px;color:var(--brand);background:#f6eff4;border-radius:999px;padding:5px 14px 5px 12px;margin-bottom:16px;direction:ltr}
.op-landing .ai-eyebrow img{width:22px;height:22px}
.op-landing .vs{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch;max-width:980px;margin:0 auto}
.op-landing .vs-card{border-radius:20px;padding:28px}
.op-landing .vs-card h3{font-size:19px;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.op-landing .vs-card ul{list-style:none;display:grid;gap:10px;font-size:15.5px}
.op-landing .vs-card li{display:flex;gap:10px}
.op-landing .vs-card.old{background:var(--paper);color:var(--muted)}
.op-landing .vs-card.old li::before{content:"✕";color:#c0392b;font-weight:900;flex:none}
.op-landing .vs-card.new{background:var(--brand);color:#fff;box-shadow:0 26px 50px -26px rgba(113,75,103,.8)}
.op-landing .vs-card.new li::before{content:"✓";color:var(--marker);font-weight:900;flex:none}
.op-landing .vs-mid{align-self:center;font-family:var(--hand);font-size:22px;color:var(--muted)}
.op-landing .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.op-landing .pillar{display:block;border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff;transition:.25s;position:relative;overflow:hidden}
.op-landing .pillar::after{content:"";position:absolute;inset:auto -40px -60px auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(#fbe3ec,transparent 70%)}
.op-landing .pillar:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(113,75,103,.55);border-color:#e3d3df}
.op-landing .pl-tag{display:inline-block;direction:ltr;font-size:12.5px;font-weight:800;color:var(--teal);background:#e6f5f5;border-radius:6px;padding:2px 10px;margin-bottom:12px}
.op-landing .pillar h3{font-size:21px;margin-bottom:6px}
.op-landing .pillar p{color:var(--muted);font-size:15px}
.op-landing .pillar .more{display:inline-block;margin-top:14px;font-weight:700;color:var(--brand);font-size:14.5px}
.op-landing .every{text-align:center;font-size:clamp(22px,3vw,30px);margin:80px 0 30px}
.op-landing .ai-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 24px}
.op-landing .ai-apps div{display:grid;grid-template-columns:44px 1fr;gap:2px 12px;align-items:start}
.op-landing .ai-apps img{width:44px;height:44px;grid-row:span 2}
.op-landing .ai-apps b{font-size:16px}
.op-landing .ai-apps span{font-size:14px;color:var(--muted);line-height:1.7}
.op-landing .ai-apps span::before{content:"✦ ";color:var(--brand)}
.op-landing .fa-ai{margin-top:70px;background:var(--ink);color:#fff;border-radius:24px;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.op-landing .fa-ai h3{font-size:24px;margin-bottom:6px}
.op-landing .fa-ai p{color:#cfc6cc;max-width:640px}
.op-landing .fa-ai .btn-primary{background:#fff;color:var(--brand)}
.op-landing .ai-sug{display:block;font-size:10.5px;color:var(--brand);font-weight:700}
.op-landing .pricing{background:var(--paper)}
.op-landing .calc{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}
.op-landing .panel{background:#fff;border-radius:20px;padding:28px;border:1px solid var(--line)}
.op-landing .panel h3{font-size:18px;margin-bottom:4px}
.op-landing .panel .hint{font-size:13.5px;color:var(--muted);margin-bottom:16px}
.op-landing .pick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.op-landing .pick label{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;text-align:center;transition:.15s;position:relative;user-select:none}
.op-landing .pick label:hover{border-color:#cdb9c8}
.op-landing .pick input{position:absolute;opacity:0;pointer-events:none}
.op-landing .pick img{width:34px;height:34px}
.op-landing .pick label:has(input:checked){border-color:var(--brand);background:#f7f1f5}
.op-landing .pick label:has(input:checked)::after{content:"✓";position:absolute;top:6px;left:8px;width:18px;height:18px;border-radius:50%;background:var(--brand);color:#fff;font-size:11px;display:grid;place-items:center}
.op-landing .pick input:focus-visible+img{outline:2px solid var(--brand);outline-offset:4px;border-radius:8px}
.op-landing .crow{margin-top:26px}
.op-landing .row-h{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:10px}
.op-landing .row-h output{color:var(--brand);font-size:20px;font-weight:900}
.op-landing input[type=range]{width:100%;accent-color:var(--brand);direction:ltr}
.op-landing .seg{display:inline-flex;background:var(--paper);border-radius:10px;padding:4px;gap:4px}
.op-landing .seg button{border:0;background:none;padding:8px 16px;border-radius:8px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;color:var(--muted)}
.op-landing .seg button[aria-pressed="true"]{background:#fff;color:var(--brand);box-shadow:0 2px 6px -2px rgba(0,0,0,.2)}
.op-landing .seg .off{font-size:11px;background:var(--marker);color:var(--ink);border-radius:99px;padding:1px 7px;margin-right:4px}
.op-landing .summary{position:sticky;top:86px;background:var(--ink);color:#fff;border:0}
.op-landing .summary h3{color:#fff}
.op-landing .price{font-size:44px;font-weight:900;line-height:1.2;margin:14px 0 2px}
.op-landing .price small{font-size:16px;font-weight:500;color:#cfc6cc}
.op-landing .per{color:#cfc6cc;font-size:14px}
.op-landing .lines{list-style:none;margin:20px 0;display:grid;gap:8px;font-size:14px;color:#e6dfe4;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.op-landing .lines li{display:flex;justify-content:space-between;gap:10px}
.op-landing .summary .btn{width:100%}
.op-landing .summary .btn-primary{background:#fff;color:var(--brand)}
.op-landing .summary .btn-primary:hover{background:var(--sky)}
.op-landing .summary .note2{font-size:12.5px;color:#bdb3ba;margin-top:12px;line-height:1.8}
.op-landing .sample{border:1.5px dashed #d9534f;color:#b52b27;background:#fff5f5;border-radius:10px;padding:8px 14px;font-size:13.5px;margin:0 auto 24px;max-width:640px;text-align:center}
.op-landing .final-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;text-align:right}
.op-landing .final-grid .sub{margin-right:0}
.op-landing .lead-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 30px 60px -36px rgba(27,19,25,.4)}
.op-landing .lead-form h3{font-size:20px;margin-bottom:4px}
.op-landing .lead-form .hint{font-size:13.5px;color:var(--muted);margin-bottom:18px}
.op-landing .fld{display:block;margin-bottom:14px}
.op-landing .fld span{display:block;font-size:14px;font-weight:700;margin-bottom:6px}
.op-landing .fld input,.op-landing .fld select{width:100%;font-family:inherit;font-size:16px;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);transition:.15s}
.op-landing .fld input:focus,.op-landing .fld select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(113,75,103,.15)}
.op-landing .fld input[type=tel]{direction:ltr;text-align:right}
.op-landing .lead-form .btn{width:100%;margin-top:4px}
.op-landing .lead-form .privacy{font-size:12.5px;color:var(--muted);margin-top:10px;text-align:center}
.op-landing .ok{display:none;text-align:center;padding:30px 10px}
.op-landing .ok b{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e3f6ef;color:#1a8f6a;font-size:26px;margin:0 auto 12px}
.op-landing .lead-form.sent form{display:none}
.op-landing .lead-form.sent .ok{display:block}
.op-landing .err{color:#b52b27;font-size:13px;margin-top:-8px;margin-bottom:10px;display:none}
.op-landing .fld.bad input{border-color:#d9534f}
.op-landing .fld.bad+.err{display:block}
.op-landing .mcta{display:none}
.op-landing .rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.op-landing .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.op-landing *,.op-landing *::before,.op-landing *::after{animation:none!important;transition:none!important}
.op-landing .rv{opacity:1;transform:none}
.op-landing .msg,.op-landing .chat,.op-landing .pal-r div,.op-landing .ask-steps span{opacity:1!important;transform:none!important}
.op-landing .typed{width:7.2em}
.op-landing .ask-type{width:auto}
.op-landing .thinking{display:none}
.op-landing .ask-steps span::after{transform:none}
}
@media (max-width:1000px){.op-landing .calc,.op-landing .final-grid{grid-template-columns:1fr}
.op-landing .summary{position:static}
.op-landing .vs{grid-template-columns:1fr}
.op-landing .vs-mid{text-align:center}
.op-landing .pillars{grid-template-columns:1fr}
.op-landing .ai-apps{grid-template-columns:1fr 1fr}
.op-landing .fa-ai{flex-direction:column;align-items:flex-start;padding:28px}
.op-landing .menu,.op-landing .nav-end .login{display:none}
.op-landing .burger{display:block}
.op-landing .hero-note{position:static;transform:rotate(-3deg);margin-top:24px}
.op-landing .hero-note svg{display:none}
.op-landing .apps{grid-template-columns:repeat(4,1fr)}
.op-landing .split,.op-landing .faq{grid-template-columns:1fr;gap:36px}
.op-landing .ai-grid,.op-landing .svc-grid,.op-landing .why{grid-template-columns:1fr 1fr}
.op-landing .stats{grid-template-columns:1fr 1fr}
.op-landing .steps{grid-template-columns:1fr;gap:0;text-align:right}
.op-landing .steps::before{top:0;bottom:0;right:24px;left:auto;border-top:0;border-right:2px dashed #cfc7cd}
.op-landing .step{display:grid;grid-template-columns:50px 1fr;gap:0 16px;text-align:right;padding-bottom:18px}
.op-landing .step .n{margin:0;grid-row:span 2}
.op-landing .desk{grid-template-columns:repeat(4,70px)}
.op-landing .foot{grid-template-columns:1fr 1fr}
.op-landing .quote{margin:48px auto 0}

}
@media (max-width:640px){.op-landing .wrap{padding:0 16px}
.op-landing section{padding:70px 0}
.op-landing .hero{padding-top:44px}
.op-landing .apps{grid-template-columns:repeat(3,1fr);gap:18px 6px}
.op-landing .app img{width:48px;height:48px}
.op-landing .stage{border-radius:50% 50% 0 0 / 28px 28px 0 0;padding-top:56px}
.op-landing .ai-grid,.op-landing .svc-grid,.op-landing .why{grid-template-columns:1fr}
.op-landing .screen{padding:22px 16px;min-height:470px}
.op-landing .desk{grid-template-columns:repeat(3,1fr);gap:16px 8px}
.op-landing .desk div:nth-child(n+7){display:none}
.op-landing .chat{left:12px;right:12px;width:auto}
.op-landing .cursor{display:none}
.op-landing .persia{margin:0;border-radius:24px}
.op-landing .foot{grid-template-columns:1fr}
.op-landing .ai-apps{grid-template-columns:1fr}
.op-landing .ask-type{font-size:13.5px}
.op-landing .pick{grid-template-columns:repeat(3,1fr)}
.op-landing .panel{padding:20px}
.op-landing .lead-form{padding:22px}
.op-landing .price{font-size:36px}
.op-landing .nav-end .buy{display:none}
.op-landing .mcta{display:flex;position:fixed;bottom:0;right:0;left:0;z-index:70;gap:8px;padding:10px 12px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -6px 20px -12px rgba(0,0,0,.3)}
.op-landing .mcta .btn{flex:1;padding:11px 10px}
.op-landing{padding-bottom:66px}

}

.op-landing{direction:rtl;text-align:right}.op-landing .btn{line-height:1.6}.op-landing h1,.op-landing h2,.op-landing h3,.op-landing h4,.op-landing h5,.op-landing p,.op-landing ul,.op-landing ol{margin-bottom:0}.op-landing .lead{font-weight:400}.op-landing .badge{font-size:13px;line-height:1.8;white-space:normal}.op-landing a{text-decoration:none}.op-landing a:hover{color:inherit}.op-landing .btn-primary{border:0}.op-landing .btn-primary:hover{color:#fff}.op-landing .center,.op-landing .final .center{text-align:center}