:root{--ink:#0b1832;--navy:#07152e;--blue:#2563eb;--cyan:#22d3ee;--muted:#64748b;--shadow:0 22px 55px #123a7220}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Vazirmatn,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.progress{position:fixed;top:0;right:0;z-index:50;height:3px;width:0;background:linear-gradient(90deg,var(--cyan),var(--blue));box-shadow:0 0 15px var(--cyan)}.header{height:78px;display:flex;align-items:center;gap:42px;max-width:1220px;padding:0 28px;margin:auto;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;letter-spacing:-1px}.brand-mark{width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#22d3ee);color:#fff;display:inline-grid;place-items:center;font-family:Arial;font-size:16px;box-shadow:0 7px 18px #2563eb44}.header nav{display:flex;gap:29px;margin-inline:auto}.header nav a{font-size:14px;color:#52627a;transition:.2s}.header nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;gap:18px;padding:12px 20px;border-radius:11px;background:linear-gradient(135deg,#2563eb,#1675e5);color:white;font-weight:700;font-size:14px;box-shadow:0 12px 25px #2563eb35;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 16px 28px #2563eb4d}.button i{font-style:normal;font-size:19px;line-height:1}.button.small{padding:9px 16px;font-size:13px}.menu{display:none;background:transparent;border:0;font-size:24px}.hero{min-height:670px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#f6fbff 0%,#f5f9ff 50%,#e8f7ff 100%);display:grid;grid-template-columns:minmax(310px,465px) minmax(500px,1fr);align-items:center;gap:70px;padding:72px max(28px,calc((100% - 1164px)/2)) 90px}.mesh{position:absolute;inset:-20%;z-index:-3;background:radial-gradient(circle at 25% 25%,#93c5fd70 0,transparent 25%),radial-gradient(circle at 75% 40%,#67e8f970 0,transparent 25%),radial-gradient(circle at 50% 80%,#c4b5fd55 0,transparent 23%);filter:blur(16px);animation:mesh 12s ease-in-out infinite alternate}.grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#2563eb0b 1px,transparent 1px),linear-gradient(90deg,#2563eb0b 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#0007,transparent 85%)}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55;z-index:-1}.orb-a{width:8px;height:8px;background:#2563eb;top:20%;right:7%;box-shadow:0 0 35px 10px #2563eb55;animation:float 5s infinite}.orb-b{width:12px;height:12px;background:#22d3ee;bottom:18%;left:8%;box-shadow:0 0 35px 10px #22d3ee55;animation:float 6s -2s infinite}.eyebrow{font-size:13px;color:#1675e5;font-weight:700;letter-spacing:.1px;margin:0 0 10px}.eyebrow b{width:7px;height:7px;background:var(--cyan);border-radius:50%;display:inline-block;vertical-align:middle;margin-left:7px;box-shadow:0 0 0 5px #22d3ee22}.hero h1,.section h2,.final-cta h2{font-size:clamp(34px,4.3vw,59px);line-height:1.33;letter-spacing:-2.5px;margin:0 0 18px;font-weight:800}.hero h1 em,.section h2 em,.final-cta h2 em{font-style:normal;background:linear-gradient(90deg,#2563eb,#14b8d4);-webkit-background-clip:text;color:transparent}.lead{font-size:16px;line-height:2;color:#50617b;margin:0;max-width:445px}.actions{display:flex;align-items:center;gap:25px;margin-top:28px}.text-button{color:#1d4ed8;font-size:14px;font-weight:700;display:inline-flex;gap:9px;align-items:center}.text-button span{font-size:18px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:35px;font-size:11px;line-height:1.65;color:#64748b}.hero-proof b{color:#273c5b}.avatars{display:flex;direction:ltr}.avatars span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#c7d2fe;border:2px solid #f5f9ff;color:#3153b4;font-size:10px;font-weight:bold;margin-left:-7px}.avatars span:nth-child(2){background:#a5f3fc;color:#14788c}.avatars span:nth-child(3){background:#fed7aa;color:#c25d18}.avatars span:last-child{background:#fff;color:#2563eb}.dashboard-wrap{position:relative;transform:perspective(1300px) rotateY(-6deg) rotateX(2deg);animation:dashfloat 6s ease-in-out infinite}.dashboard{direction:ltr;width:610px;height:420px;background:#fff;border:1px solid #d6e1ed;border-radius:18px;box-shadow:0 35px 70px #17477c35;overflow:hidden;color:#3c4b64;font-family:Arial,sans-serif}.dash-top{height:46px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;gap:20px;padding:0 14px;font-size:10px}.dash-logo{color:#1d4ed8;font-weight:bold}.dash-logo span{display:inline-block;width:11px;height:11px;background:var(--blue);border-radius:4px;vertical-align:-1px}.dash-search{margin:auto;width:170px;background:#f3f6fa;border-radius:5px;padding:4px 8px;color:#9aa8bb}.dash-user{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#c7d2fe;color:#3153b4}.dashboard aside{float:left;width:125px;height:374px;padding:18px 11px;border-right:1px solid #edf1f6;display:flex;flex-direction:column;gap:8px;font-size:9px}.dashboard aside small{color:#9aa8bb;padding:0 7px;margin-bottom:5px}.dashboard aside a{padding:6px 8px;border-radius:5px}.dashboard aside .active{color:#2563eb;background:#eff6ff}.side-bottom{margin-top:auto;color:#9aa8bb}.dash-main{margin-left:125px;padding:17px 19px}.dash-title{display:flex;justify-content:space-between;align-items:center}.dash-title small{font-size:9px;color:#92a0b1}.dash-title h3{margin:0;color:#17253c;font-size:16px}.dash-title button{font-size:9px;border:0;border-radius:4px;padding:7px 9px;color:#fff;background:#2563eb}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.kpis>div{border:1px solid #ebf0f5;border-radius:7px;padding:9px}.kpis small{display:block;color:#8c9bad;font-size:8px}.kpis b{font-size:17px;color:#1e2d46}.kpis span{font-size:8px;color:#16a58c}.dash-charts{display:grid;grid-template-columns:1.7fr 1fr;gap:10px;margin-top:10px}.line-chart,.donut{height:185px;border:1px solid #ebf0f5;border-radius:7px;padding:10px}.chart-label{display:flex;justify-content:space-between;font-size:9px}.chart-label b{font-size:10px;color:#263852}.chart-label small{color:#8c9bad}.line-chart svg{height:125px;width:100%;margin-top:7px}.line{fill:none;stroke:#18b9d1;stroke-width:3;stroke-linecap:round;stroke-dasharray:650;stroke-dashoffset:0;animation:draw 2.2s ease-out}.area{fill:url(#area)}.chart-days{display:flex;justify-content:space-between;font-size:7px;color:#8c9bad}.donut-ring{width:78px;height:78px;margin:8px auto;border-radius:50%;background:conic-gradient(#2563eb 68%,#ddecff 0);display:grid;place-items:center;position:relative}.donut-ring:before{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}.donut-ring b{font-size:12px;z-index:1;color:#263852}.donut p{margin:3px 0;font-size:8px;color:#718096}.donut p i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#2563eb}.donut p:nth-last-child(1) i{background:#b9d7ff}.donut p strong{float:right;color:#43536b}.float-card{direction:rtl;position:absolute;z-index:2;background:#fff;border:1px solid #e3edf7;box-shadow:0 14px 30px #16437625;border-radius:11px;padding:10px 14px;display:flex;align-items:center;gap:8px;animation:float 5s ease-in-out infinite}.float-card b{font-size:14px;color:#182b48;display:block}.float-card small{font-size:8px;color:#8493a8;white-space:nowrap}.response{left:-38px;top:75px}.rate{right:-32px;bottom:36px;animation-delay:-2.5s}.response .pulse{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px #22c55e20}.rate>span{height:25px;width:25px;display:grid;place-items:center;border-radius:8px;background:#e2f9fb;color:#08a9bf}.trust{padding:25px 0 28px;border-bottom:1px solid #edf2f7;text-align:center;overflow:hidden}.trust p{font-size:12px;margin:0 0 15px;color:#8a99ab}.marquee{overflow:hidden;max-width:1050px;margin:auto}.marquee>div{display:flex;width:max-content;gap:70px;align-items:center;animation:marquee 25s linear infinite}.marquee:hover>div{animation-play-state:paused}.marquee b{font-size:18px;color:#aab5c5;white-space:nowrap;filter:grayscale(1);transition:.2s}.marquee b:hover{filter:none;color:#406bbd}

.section{max-width:1120px;margin:auto;padding:120px 25px}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:105px}.intro h2,.section h2{font-size:39px;line-height:1.45;letter-spacing:-1.7px;margin:0 0 13px}.intro-copy>p:not(.eyebrow),.section-head>p:not(.eyebrow),.benefit-copy>p:not(.eyebrow){color:#697b94;font-size:15px}.intro-copy ul{list-style:none;padding:0;margin:24px 0}.intro-copy li{font-size:14px;color:#344761;margin:9px 0}.intro-copy li span{color:#2563eb;margin-left:8px}.intro-visual{height:365px;position:relative;border-radius:20px;background:linear-gradient(145deg,#eaf5ff,#f9fbff);border:1px solid #dceafa;display:grid;place-items:center}.mini-window{width:76%;height:75%;background:#fff;border-radius:12px;box-shadow:0 25px 42px #39689523;overflow:hidden;transform:rotate(-5deg)}.window-head{height:38px;background:#f8faff;border-bottom:1px solid #e8eff6;display:flex;align-items:center;gap:5px;padding:0 12px;color:#728197;font-size:9px}.window-head span{width:6px;height:6px;border-radius:50%;background:#cbd5e1}.window-head span:nth-child(1){background:#fb7185}.window-head span:nth-child(2){background:#fbbf24}.window-head b{margin-right:auto}.survey-q{padding:23px;text-align:right}.survey-q small{color:#22a6c0;font-size:9px}.survey-q h3{font-size:14px;margin:14px 0 20px}.rating{display:flex;gap:7px;direction:ltr}.rating button{width:27px;height:27px;border:1px solid #d6e1f0;border-radius:6px;background:#fff;color:#70829d}.rating .picked{background:#2563eb;color:#fff;border-color:#2563eb}.mini-progress{height:4px;background:#e7edf5;margin-top:30px;border-radius:3px}.mini-progress i{display:block;height:100%;width:42%;border-radius:3px;background:#22d3ee}.tiny{position:absolute;background:#fff;padding:7px 11px;border-radius:8px;box-shadow:0 12px 25px #1a427425;font-size:10px;color:#2f4767}.tag-a{left:-27px;bottom:60px;color:#168aa0}.tag-b{right:-16px;top:45px;font-weight:800;color:#2563eb;font-size:17px}.section-head{text-align:center;max-width:590px;margin:0 auto 48px}.section-head h2{margin-bottom:8px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature{border:1px solid #e3ebf5;border-radius:14px;padding:22px 19px;min-height:190px;background:#fff;transition:transform .3s,box-shadow .3s,border .3s;position:relative;overflow:hidden}.feature:before,.benefit:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,#e0f2fe,transparent 60%);opacity:0;transition:.3s}.feature:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#c7e3fa}.feature:hover:before{opacity:1}.feature>*{position:relative}.feature i,.benefit i{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#eef6ff;color:#2563eb;font-size:19px;font-style:normal;transition:transform .3s}.feature:hover i{transform:rotate(-10deg)}.feature h3{font-size:16px;margin:14px 0 5px}.feature p{font-size:12px;line-height:1.9;color:#70819a;margin:0}.dark{max-width:none;background:var(--navy);color:#fff;padding-left:max(25px,calc((100% - 1120px)/2));padding-right:max(25px,calc((100% - 1120px)/2));position:relative;overflow:hidden}.dark:before{content:"";position:absolute;width:600px;height:500px;border-radius:50%;background:#2563eb20;filter:blur(80px);top:-250px;left:-180px}.dark .section-head{position:relative}.dark .eyebrow{color:#67e8f9}.dark h2 em{background:linear-gradient(90deg,#a5f3fc,#60a5fa);-webkit-background-clip:text}.timeline{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:65px}.timeline-line{height:2px;position:absolute;right:7%;left:7%;top:42px;background:#ffffff26}.timeline-line:after{content:"";display:block;height:100%;width:0;background:linear-gradient(90deg,#22d3ee,#2563eb);transition:width 1.8s}.timeline-line.draw:after{width:100%}.step{text-align:center;position:relative}.step>span{font-size:10px;color:#6d84ab}.step i{margin:11px auto 13px;width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#10284b;border:1px solid #2c5e98;color:#5ce1f0;font-style:normal;font-size:22px;transition:.3s}.step:hover i{transform:scale(1.13);box-shadow:0 0 25px #22d3ee66}.step h3{font-size:15px;margin:0}.step p{font-size:11px;color:#96a9c6;max-width:150px;margin:5px auto}

.insights{max-width:1220px}.analytics{border:1px solid #dce7f2;border-radius:17px;box-shadow:0 25px 70px #163f6e14;overflow:hidden;background:#fff;direction:rtl}.analytic-nav{height:52px;border-bottom:1px solid #e9eff5;display:flex;align-items:center;gap:27px;padding:0 22px;font-size:11px;color:#7d8da3}.analytic-nav b{color:#2355b1;margin-left:auto;display:flex;align-items:center;gap:6px}.analytic-nav .brand-mark{width:18px;height:18px;border-radius:5px;font-size:10px}.nav-active{color:#2563eb;font-weight:bold}.analytics-content{padding:25px 30px}.analytic-title{display:flex;justify-content:space-between;align-items:center}.analytic-title small{font-size:10px;color:#96a3b4}.analytic-title h3{margin:0;font-size:19px}.filter{border:1px solid #dbe5ef;background:#fff;padding:6px 11px;color:#53647d;font-size:10px;border-radius:5px}.analytic-row{display:grid;grid-template-columns:2.2fr 1fr;gap:16px;margin-top:17px}.wide-chart,.score,.heat,.responses{border:1px solid #e9eff5;border-radius:9px;padding:17px}.wide-chart .chart-label{font-size:12px}.wide-chart .chart-label small{display:block;margin-top:3px}.wide-chart strong{color:#13a98f}.bars{height:145px;margin-top:13px;display:flex;align-items:end;gap:9%;padding:0 4%;border-bottom:1px solid #e8edf4;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#edf2f7 36px)}.bars i{width:8%;height:var(--h);display:block;border-radius:5px 5px 0 0;background:linear-gradient(#36d2e6,#2563eb);transform-origin:bottom;animation:bar .8s backwards}.bars i:nth-child(2){animation-delay:.1s}.bars i:nth-child(3){animation-delay:.2s}.bars i:nth-child(4){animation-delay:.3s}.bars i:nth-child(5){animation-delay:.4s}.bars i:nth-child(6){animation-delay:.5s}.bars i:nth-child(7){animation-delay:.6s}.score{text-align:center}.score small{font-size:10px;color:#7e8da2}.score-num{font-size:33px;font-weight:700;margin:14px 0 9px}.score-num em{font-size:10px;font-style:normal;color:#8b99ac}.score-track{height:7px;border-radius:5px;background:#e7eef7;text-align:right}.score-track i{display:block;width:87%;height:100%;border-radius:5px;background:linear-gradient(90deg,#2563eb,#22d3ee)}.score p{font-size:10px;color:#16a68c}.score p span{font-size:13px}.analytic-bottom{display:grid;grid-template-columns:2.2fr 1fr;gap:16px;margin-top:16px}.heat b,.responses>b{font-size:11px}.heat-grid{margin-top:11px;display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.heat-grid i{height:15px;border-radius:3px;background:#e2f0fd}.heat-grid i:nth-child(3n){background:#77ddeb}.heat-grid i:nth-child(5n){background:#377fec}.responses p{font-size:10px;border-top:1px solid #edf1f5;margin:7px 0 0;padding-top:7px}.responses span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#cbeafe;color:#2764bd}.responses small{float:left;color:#98a4b4}.benefits{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:80px;padding-top:100px;padding-bottom:100px}.benefit-copy h2{font-size:38px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.benefit{min-height:190px;padding:20px;border:1px solid #dfe9f4;border-radius:14px;position:relative;overflow:hidden;background:#f8fbff;transition:.3s}.benefit:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.benefit:after{content:"";position:absolute;inset:-80% auto auto -70%;width:45%;height:250%;transform:rotate(25deg);background:#fff8;transition:.7s}.benefit:hover:after{left:130%}.benefit h3{font-size:15px;margin:15px 0 7px}.benefit p{font-size:11px;color:#6f819a;margin:0}.roles{max-width:none;padding:95px 25px 105px;text-align:center;background:#091b38}.role-tree{height:365px;max-width:560px;margin:auto;position:relative;display:flex;align-items:center;flex-direction:column}.node{z-index:2;background:#112c52;border:1px solid #2e5f99;border-radius:11px;width:130px;padding:9px;color:#d9efff;font-size:13px;transition:.25s}.node:hover{transform:scale(1.1);background:#173d6e;box-shadow:0 0 25px #22d3ee44}.node small{display:block;color:#7f9abe;font-size:9px}.super{background:linear-gradient(135deg,#275fe2,#168bc5);border-color:#61d3ee;margin-top:10px}.manager{margin-top:42px}.tree-line{position:absolute;width:1px;background:linear-gradient(#61d3ee,#2557bb);right:50%;transform:translateX(-50%)}.tree-line.a{top:68px;height:43px}.tree-line.b{top:183px;height:49px}.role-row{margin-top:48px;display:flex;gap:80px;position:relative}.role-row:before{content:"";position:absolute;height:1px;width:210px;background:#2e5f99;right:25px;top:-25px}.role-row .node:before{content:"";position:absolute;width:1px;height:25px;background:#2e5f99;top:-25px;right:50%}

.stats{background:#f4f9ff;display:grid;grid-template-columns:repeat(4,1fr);padding:52px max(25px,calc((100% - 1050px)/2));text-align:center}.stat{border-left:1px solid #d8e5f1}.stat:last-child{border:0}.stat b{display:block;font-size:39px;line-height:1.3;background:linear-gradient(135deg,#2563eb,#0ea5b9);-webkit-background-clip:text;color:transparent}.stat p{font-size:12px;color:#62748f;margin:3px}.faq{max-width:850px;padding-bottom:110px}.faq-list details{border-bottom:1px solid #dce6f1;padding:17px 5px;transition:.2s}.faq-list details[open]{padding-bottom:20px}.faq-list summary{cursor:pointer;list-style:none;font-weight:600;font-size:15px;display:flex;justify-content:space-between;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;color:#2563eb;font-weight:400;transition:.25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:#687b95;margin:12px 0 0;max-width:660px}.final-cta{position:relative;overflow:hidden;text-align:center;background:linear-gradient(120deg,#0e2e70,#2563eb 50%,#008aa5);padding:95px 25px;color:white}.cta-content{position:relative;z-index:2;max-width:650px;margin:auto}.final-cta .eyebrow{color:#b9f6ff}.final-cta h2{font-size:43px;margin:0}.final-cta h2 em{background:linear-gradient(90deg,#b7f7ff,#fff);-webkit-background-clip:text}.final-cta p:not(.eyebrow){font-size:14px;color:#dbeaff;max-width:510px;margin:13px auto 24px}.button.light{background:white;color:#1e54c4;box-shadow:0 12px 30px #061d5f55}.cta-glow{position:absolute;width:430px;height:260px;top:-150px;left:50%;transform:translateX(-50%);background:#6ee7f955;filter:blur(60px);border-radius:50%;animation:pulse 5s infinite}.waves{position:absolute;width:140%;height:95px;bottom:-45px;right:-20%;border:1px solid #ffffff40;border-radius:50% 50% 0 0/100% 100% 0 0;transform:rotate(-5deg)}.waves:before,.waves:after{content:"";position:absolute;width:95%;height:100%;border:1px solid #ffffff25;border-radius:inherit;right:9%;top:-23px}footer{background:#061226;color:#b8c8df;padding:48px max(25px,calc((100% - 1120px)/2)) 17px}.footer-top{display:grid;grid-template-columns:1.4fr 2fr 2fr;gap:30px;align-items:start}.footer-top .brand{color:#fff}.footer-top>p{font-size:12px;line-height:2;margin:0;max-width:300px}.footer-links{display:flex;gap:70px}.footer-links div{display:flex;flex-direction:column;gap:5px;font-size:11px}.footer-links b{color:#fff;font-size:12px;margin-bottom:3px}.footer-links a:hover{color:#5ee9ff}.footer-bottom{margin-top:37px;padding-top:15px;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;font-size:10px}.cursor-glow{position:fixed;z-index:999;pointer-events:none;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#2563eb11,transparent 65%);transform:translate(-50%,-50%)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.show{opacity:1;transform:none}.feature.reveal:nth-child(2),.step.reveal:nth-child(2){transition-delay:.08s}.feature.reveal:nth-child(3),.step.reveal:nth-child(3){transition-delay:.16s}.feature.reveal:nth-child(4),.step.reveal:nth-child(4){transition-delay:.24s}.feature.reveal:nth-child(5),.step.reveal:nth-child(5){transition-delay:.32s}.feature.reveal:nth-child(6){transition-delay:.4s}.feature.reveal:nth-child(7){transition-delay:.48s}.feature.reveal:nth-child(8){transition-delay:.56s}.delay{transition-delay:.15s}@keyframes mesh{to{transform:translate3d(3%,2%,0) scale(1.1)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes dashfloat{50%{transform:perspective(1300px) rotateY(-6deg) rotateX(2deg) translateY(-11px)}}@keyframes marquee{to{transform:translateX(50%)}}@keyframes draw{from{stroke-dashoffset:650}}@keyframes bar{from{transform:scaleY(0)}}@keyframes pulse{50%{opacity:.5;transform:translateX(-50%) scale(1.2)}}
@media(max-width:850px){.header{height:68px;padding:0 20px}.header nav,.header .button{display:none}.header .menu{display:block;margin-right:auto}.header.open nav{display:flex;position:absolute;top:65px;right:15px;left:15px;background:#fff;padding:16px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:8px}.hero{grid-template-columns:1fr;padding:60px 26px 65px;gap:65px}.hero-copy{text-align:center}.lead{margin:auto}.actions,.hero-proof{justify-content:center}.dashboard-wrap{transform:perspective(1000px) rotateY(-3deg) scale(.86);margin:-36px auto -47px}.dashboard{width:610px}.intro{grid-template-columns:1fr;gap:55px}.intro-copy{order:-1;text-align:center}.intro-copy ul{text-align:right;display:inline-block}.feature-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:1fr;gap:20px;margin:35px auto 0;max-width:360px}.timeline-line{top:20px;bottom:20px;right:32px;left:auto;width:2px;height:auto}.timeline-line:after{width:100%;height:0;transition:height 1.8s}.timeline-line.draw:after{height:100%}.step{text-align:right;min-height:68px;padding-right:78px}.step>span{position:absolute;right:0}.step i{position:absolute;right:4px;top:14px;width:52px;height:52px;margin:0}.step p{margin:4px 0;max-width:none}.section{padding-top:82px;padding-bottom:82px}.analytics-content{padding:15px}.analytic-nav{gap:13px;padding:0 12px}.analytic-nav span:not(.nav-active){display:none}.benefits{grid-template-columns:1fr;gap:26px}.benefit-copy{text-align:center}.benefit-grid{grid-template-columns:repeat(3,1fr)}.roles{padding-top:75px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>p{grid-row:2}.footer-links{grid-column:2;grid-row:1 / span 2;gap:35px}}
@media(max-width:560px){.hero h1{font-size:37px}.dashboard-wrap{transform:perspective(1000px) rotateY(-3deg) scale(.58);width:354px;height:244px;margin:-77px auto -77px}.float-card{transform:scale(1.4)}.response{left:-38px}.rate{right:-38px}.section-head h2,.intro h2,.benefit-copy h2{font-size:30px}.feature-grid{gap:9px}.feature{min-height:170px;padding:16px 13px}.feature p{font-size:10px}.feature h3{font-size:14px}.feature i{width:33px;height:33px}.intro-visual{height:290px}.analytic-row,.analytic-bottom{grid-template-columns:1fr}.score{display:none}.wide-chart{padding:13px}.analytics{margin:0 -8px}.benefit-grid{grid-template-columns:1fr}.benefit{min-height:135px}.stats{grid-template-columns:repeat(2,1fr);gap:25px}.stat:nth-child(2){border:0}.stat:nth-child(n+3){border-left:1px solid #d8e5f1}.stat b{font-size:31px}.role-row{gap:15px}.role-row:before{width:145px}.final-cta h2{font-size:31px}.footer-top{display:flex;flex-direction:column}.footer-links{width:100%;justify-content:space-between}.footer-bottom{flex-direction:column;gap:5px}.cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Visual language derived from the actual Metriq product UI. */
:root{--blue:#5963ef;--cyan:#5b6cf6;--ink:#36363d;--navy:#343844}.header{max-width:none;border-bottom:1px solid #eeeeF3;padding-inline:max(28px,calc((100% - 1164px)/2));background:#fff}.brand-mark{background:#5963ef;border-radius:8px}.header nav a:hover,.text-button{color:#5963ef}.button{background:#5963ef;border-radius:4px;box-shadow:0 7px 15px #5963ef28}.hero{background:#f6f6f6;min-height:690px}.mesh{opacity:.35}.grid{opacity:.28}.hero h1 em,.section h2 em{background:linear-gradient(90deg,#5963ef,#7981f6);-webkit-background-clip:text}.dashboard-wrap{transform:none;animation:none;width:610px}.dashboard{display:none}.real-panel{display:block;width:100%;height:auto;border:1px solid #e5e5eb;border-radius:3px;box-shadow:0 28px 55px #25264a20;filter:saturate(1.08)}.float-card{border-radius:3px;box-shadow:0 12px 25px #33335b20}.rate{right:-45px}.trust{background:#fff}.intro-visual{background:#f6f6f6;border:none;border-radius:2px;padding:14px;overflow:hidden;box-shadow:0 10px 30px #22224b12}.intro-visual .mini-window{display:none}.real-result{display:block;width:100%;height:100%;object-fit:cover;object-position:48% 18%;filter:saturate(1.05)}.tag-a,.tag-b{z-index:2;border:1px solid #e2e2eb;border-radius:3px}.feature{border-radius:3px;border-color:#e8e8ee;background:#fff}.feature i,.benefit i{border-radius:3px;background:#eff0ff;color:#5963ef}.feature:hover{border-color:#9ca3ff;box-shadow:0 15px 30px #4b4d8b17}.dark{background:#f6f6f6;color:#36363d}.dark:before{display:none}.dark .eyebrow{color:#5963ef}.dark h2 em{background:linear-gradient(90deg,#5963ef,#7d84f4);-webkit-background-clip:text}.timeline-line{background:#d9daf0}.timeline-line:after{background:#5963ef}.step>span{color:#8d8fa2}.step i{background:#fff;border:1px solid #cdd0ff;color:#5963ef;border-radius:3px}.step:hover i{box-shadow:0 0 20px #5963ef30}.step p{color:#7b7d8e}.analytics{border-radius:3px;border-color:#e6e6ec;box-shadow:0 18px 44px #25254c16}.analytics-shot{display:block;width:100%;height:auto}.analytics .analytic-nav,.analytics .analytics-content{display:none}.benefit{background:#f8f8fb;border-radius:3px;border-color:#e7e7ec}.benefit:hover{box-shadow:0 14px 30px #37376618}.roles{background:#f6f6f6}.node{background:#fff;color:#45455a;border-color:#cdd0ff;border-radius:3px}.node small{color:#85869a}.super{background:#5963ef;color:#fff;border-color:#5963ef}.super small{color:#e4e5ff}.node:hover{background:#eef0ff;box-shadow:0 0 18px #5963ef22}.tree-line,.role-row:before,.role-row .node:before{background:#aeb2ee}.stats{background:#f1f1f4}.stat b{background:#5963ef;-webkit-background-clip:text}.faq-list summary span{color:#5963ef}.final-cta{background:#5963ef}.cta-glow{background:#99a0ff66}.button.light{color:#5963ef}.real-panel,.real-result,.analytics-shot{image-rendering:auto}@media(max-width:850px){.dashboard-wrap{width:610px}.analytics-shot{min-height:260px;object-fit:cover;object-position:center}}@media(max-width:560px){.dashboard-wrap{width:354px}.real-panel{border-radius:2px}.intro-visual{padding:6px}.real-result{object-position:48% top}}

/* Brand, sticky navigation, partner marquee and footer refinements. */
.header{position:sticky;top:0;z-index:1000;box-shadow:0 1px 0 #ececf2,0 10px 30px transparent;transition:height .25s,box-shadow .25s,background-color .25s;background:#fffffff2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.header.scrolled{height:64px;box-shadow:0 1px 0 #e7e7ee,0 12px 30px #31335a12}.brand-logo{width:32px;height:40px;display:block;object-fit:contain}.footer-brand .brand-logo{width:38px;height:48px}.trust{padding-block:34px}.trust>p{font-weight:600;color:#616273}.marquee b{font-size:15px;font-weight:600;color:#858696}.footer-top{grid-template-columns:1.5fr 1.4fr auto;gap:64px}.footer-brand p{font-size:12px;line-height:2;max-width:300px;color:#b8c8df}.enamad-placeholder{width:104px;height:120px;border:1px solid #ffffff26;border-radius:10px;background:#ffffff0a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e8edff;line-height:1.45}.enamad-placeholder span{width:34px;height:34px;display:grid;place-items:center;border:2px solid #7d84f4;border-radius:50%;color:#8e95ff;font-size:19px;margin-bottom:7px}.enamad-placeholder b{font-size:11px}.enamad-placeholder small{font-size:9px;color:#94a3b8}.footer-bottom a{color:#cbd5e1;transition:color .2s}.footer-bottom a:hover{color:#9097ff}.footer-links a[dir="ltr"]{text-align:right}.roles{display:none!important}@media(max-width:850px){.header{position:sticky}.header.open nav{position:fixed;top:64px}.footer-top{grid-template-columns:1fr auto}.footer-links{grid-column:1;grid-row:2}.enamad-placeholder{grid-column:2;grid-row:1 / span 2}}@media(max-width:560px){.header.scrolled{height:58px}.footer-top{display:grid;grid-template-columns:1fr auto}.footer-brand{grid-column:1}.footer-links{grid-column:1 / -1;grid-row:2}.enamad-placeholder{grid-column:2;grid-row:1}.footer-bottom{gap:8px}}