body{padding-top:100px;background:#f7fafc}html{scroll-padding-top:125px}section[id],article[id]{scroll-margin-top:125px}.top{position:fixed;z-index:40;top:14px;right:0;left:0;width:min(1360px,calc(100% - 32px));height:72px;padding:0 22px;background:#ffffffdf;backdrop-filter:blur(20px);border:1px solid #ffffff;border-radius:22px;box-shadow:0 12px 45px #16364b10;transition:transform .35s,box-shadow .35s}.top.is-hidden{transform:translateY(-115px)}.top.is-scrolled{box-shadow:0 10px 32px #16364b20}.top:after{content:'';position:absolute;bottom:0;right:22px;left:22px;height:2px;background:linear-gradient(90deg,#7589fc,#18c7a2);transform:scaleX(var(--read-progress,0));transform-origin:right}.nav{gap:3px;font-size:12px;white-space:nowrap}.nav a{padding:9px 12px;border-radius:11px;transition:background .2s,color .2s}.nav a:hover,.nav a.is-active{color:#007e73;background:#dff5ef}.logo{white-space:nowrap;font-size:23px}.top .btn{padding:10px 16px;font-size:12px}.hero{padding:65px 0 115px}.hero h1{font-size:clamp(42px,5vw,72px);letter-spacing:-2px}.hero h1 em{background:linear-gradient(110deg,#008f7b,#346aab);color:transparent;background-clip:text}.maker{color:#5e7e87;font-size:12px;font-weight:700;margin-top:25px}.lead{line-height:2.2}.travel-lines{position:absolute;width:125%;height:125%;inset:-10%;color:#32ae99;opacity:.45;pointer-events:none}.travel-lines path:first-child{animation:travelDash 32s linear infinite}.hero:after{animation:orbitPulse 10s ease-in-out infinite}.dashboard{border-radius:25px;box-shadow:0 35px 90px #175d5935}.demo-tabs{display:flex;padding:5px;background:#f0f6f7;border:1px solid #e3edef;border-radius:12px;margin-bottom:20px;gap:4px}.demo-tabs button{flex:1;background:transparent;border:0;color:#6d8290;font:inherit;font-size:12px;padding:8px;border-radius:9px;cursor:pointer;transition:.25s}.demo-tabs button[aria-pressed=true]{background:white;color:#008875;box-shadow:0 3px 10px #183c4212}.chart i{transition:height .7s cubic-bezier(.2,.7,.2,1),background .4s}.detail{background:linear-gradient(#fff,#f8fbfd)}.detail-row{position:relative}.detail-copy h3{font-size:clamp(25px,2.7vw,34px);letter-spacing:-.5px}.detail-copy>.kicker{display:inline-block;padding:5px 12px;border:1px solid #d8ece7;border-radius:30px;background:#f2fbf7}.cap-list div{border-radius:17px;transition:transform .25s,box-shadow .25s}.cap-list div:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1d575a0d}.screen-art{padding:50px 30px;border:1px solid #e3efed;isolation:isolate}.screen-art:before{animation:orbitPulse 9s ease-in-out infinite;z-index:-1}.mock{transition:transform .4s}.screen-art:hover .mock{transform:rotate(0deg) translateY(-5px)}.card{border-radius:25px;padding:30px;transition:transform .3s,box-shadow .3s}.card .icon{box-shadow:0 8px 20px #217b6810}.dark{background:radial-gradient(ellipse at 5% 50%,#0b6b6c,transparent 60%),#102e43}.feature{backdrop-filter:blur(8px);transition:background .3s,transform .3s}.feature:hover{background:#ffffff12;transform:translateY(-4px)}.step{position:relative;border:1px solid #e0eceb;background:#fff;border-radius:20px;padding:25px;box-shadow:0 8px 30px #28585808}.step b{display:inline-block;background:#e5f6f1;border-radius:20px;padding:4px 12px}.closing{padding:50px;box-shadow:0 20px 60px #17645b12;border:1px solid #d2eae4}.btn:focus-visible,.nav a:focus-visible,.demo-tabs button:focus-visible{outline:3px solid #798fff;outline-offset:4px}@keyframes travelDash{to{stroke-dashoffset:-300}}@keyframes orbitPulse{50%{transform:scale(1.08) rotate(5deg)}}@media(max-width:1100px){.top{gap:12px;padding-inline:15px}.nav a{padding:8px}.logo{font-size:19px}}@media(max-width:900px){body{padding-top:120px}.top{height:auto;min-height:100px;display:grid;grid-template-columns:1fr auto;padding:12px 15px;gap:5px}.nav{display:flex;grid-column:1/-1;grid-row:2;overflow-x:auto;max-width:100%;padding-bottom:3px}.top>.btn{grid-column:2;grid-row:1}.logo{grid-column:1;grid-row:1}.top.is-hidden{transform:translateY(-150px)}html{scroll-padding-top:145px}section[id],article[id]{scroll-margin-top:145px}.hero{padding-top:35px}.screen-art{padding:40px 25px}}@media(max-width:500px){.top{width:calc(100% - 20px);top:8px;border-radius:18px}.hero h1{font-size:45px}.closing{padding:25px}.detail-copy h3{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Connected illustrations for the product journey. */
.journey{gap:30px;position:relative}.step{padding:24px;overflow:visible;isolation:isolate}.step-illustration{display:flex;justify-content:center;margin:-5px -8px 15px;color:#008e80}.animated-vector{width:140px;height:116px;overflow:visible}.vector-orbit{transform-origin:60px 50px;animation:vectorOrbit 28s linear infinite}.vector-main{animation:vectorFloat 5s ease-in-out infinite}.vector-check{stroke-dasharray:90;stroke-dashoffset:0;animation:vectorDraw 6s ease-in-out infinite}.vector-spark{animation:vectorSpark 3s ease-in-out infinite;transform-origin:center}.vector-spark.second{animation-delay:1.4s}.vector-scan{animation:vectorScan 3s ease-in-out infinite}.vector-bar{transform-origin:60px 70px;animation:vectorGrow 4s ease-in-out infinite}.step:nth-child(2){--stage-color:#6273d3}.step:nth-child(3){--stage-color:#d2992d}.step:nth-child(4){--stage-color:#258bbb}.step .step-illustration{color:var(--stage-color,#008e80)}.step:not(:last-child):after{content:'←';position:absolute;left:-28px;top:73px;width:26px;height:30px;display:grid;place-items:center;color:#168e82;font:25px Arial;animation:stageArrow 2.5s ease-in-out infinite}.step:nth-child(2):after{animation-delay:.6s}.step:nth-child(3):after{animation-delay:1.2s}.step:not(:last-child):before{content:'';position:absolute;top:87px;left:-30px;width:30px;border-top:1px dashed #8dccbf;z-index:-1}.card .icon{animation:iconBreathe 5s ease-in-out infinite}.card:nth-child(even) .icon{animation-delay:1.5s}.step:hover .vector-main{animation-play-state:paused}@keyframes vectorOrbit{to{transform:rotate(360deg)}}@keyframes vectorFloat{50%{transform:translateY(-4px)}}@keyframes vectorDraw{0%,15%{stroke-dashoffset:90;opacity:.35}45%,100%{stroke-dashoffset:0;opacity:1}}@keyframes vectorSpark{50%{opacity:.3;transform:scale(.8)}}@keyframes vectorScan{50%{transform:translateY(18px)}}@keyframes vectorGrow{50%{transform:scaleY(.75)}}@keyframes stageArrow{50%{transform:translateX(-4px);opacity:.45}}@keyframes iconBreathe{50%{transform:translateY(-3px) rotate(4deg)}}@media(max-width:900px){.journey{grid-template-columns:1fr;gap:35px}.step{display:grid;grid-template-columns:130px 1fr;column-gap:20px;align-items:center}.step-illustration{grid-row:1/4;margin:0}.step>b{justify-self:start}.step h3{margin:8px 0}.step p{margin:0}.step:not(:last-child):after{content:'↓';left:calc(50% - 13px);top:auto;bottom:-32px;animation-name:stageDown}.step:not(:last-child):before{left:50%;top:auto;bottom:-35px;width:0;height:35px;border-top:0;border-left:1px dashed #8dccbf}}@keyframes stageDown{50%{transform:translateY(4px);opacity:.45}}@media(max-width:450px){.step{grid-template-columns:85px 1fr;gap:12px;padding:18px}.animated-vector{width:95px;height:90px}.step h3{font-size:15px}}@media(prefers-reduced-motion:reduce){.animated-vector *,.step:after,.card .icon{animation:none!important}}
/* The hero chart is an animated illustration, independent of report data. */
.dashboard .chart i{transform-origin:center bottom;animation:heroBarFill 6s cubic-bezier(.3,.65,.3,1) infinite;will-change:transform}.dashboard .chart i:nth-child(2){animation-delay:.18s}.dashboard .chart i:nth-child(3){animation-delay:.36s}.dashboard .chart i:nth-child(4){animation-delay:.54s}.dashboard .chart i:nth-child(5){animation-delay:.72s}.dashboard .chart i:nth-child(6){animation-delay:.9s}.dashboard .chart i:nth-child(7){animation-delay:1.08s}@keyframes heroBarFill{0%,100%{transform:scaleY(.05);opacity:.5}28%,45%{transform:scaleY(1);opacity:1}65%{transform:scaleY(.65);opacity:.85}80%{transform:scaleY(.9);opacity:1}}@media(prefers-reduced-motion:reduce){.dashboard .chart i{animation:none;transform:none;will-change:auto}}

.dashboard .chart i{animation:none!important;transform-origin:center bottom}.chart-motion-toggle{display:block;margin:12px auto 0;border:1px solid #d9eae6;border-radius:20px;padding:6px 13px;background:#f3faf7;color:#087d70;font:11px SitourIran,Tahoma,sans-serif;cursor:pointer}.chart-motion-toggle:hover{background:#dff5ed}

.mark-logo{width:58px;height:46px;object-fit:contain;border-radius:9px}.logo{gap:8px}