/*
Theme Name: WorkOps Marketing
Version: 1.2.0
Description: Lightweight Elementor-ready marketing theme for WorkOps Portal.
*/
:root{--navy:#0a1733;--blue:#246bfd;--ink:#13233d;--muted:#607089;--line:#e4eaf2;--mist:#f5f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff}a{color:inherit}.site-header{height:74px;background:#fff;border-bottom:1px solid #e8edf3;position:sticky;top:0;z-index:999}.header-inner{height:100%;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center}.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:750;font-size:18px}.site-logo b{width:34px;height:34px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center}.site-nav{margin-left:auto;display:flex;align-items:center;gap:27px}.site-nav a{text-decoration:none;font-size:12px;font-weight:600;color:#445169}.site-nav a:hover{color:var(--blue)}.site-nav .login-link{padding:11px 17px;background:var(--navy);color:#fff;border-radius:7px}.nav-toggle{display:none;margin-left:auto;border:0;background:none;font-size:22px}.elementor .e-con{--container-max-width:1200px}.wop-hero{min-height:650px;padding:90px 24px 80px!important;background:radial-gradient(circle at 78% 25%,#dce9ff 0,transparent 27%),linear-gradient(180deg,#f8fbff,#fff);align-items:center;gap:65px}.wop-kicker{font-size:11px!important;letter-spacing:.15em;font-weight:700;color:var(--blue);margin:0 0 15px!important}.wop-hero h1{font-size:54px!important;line-height:1.06!important;letter-spacing:-.04em;color:var(--navy);max-width:650px}.wop-lead,.wop-section-title p{font-size:16px;line-height:1.75;color:var(--muted);max-width:650px}.wop-buttons{flex-direction:row!important;gap:10px;margin-top:22px}.wop-buttons .elementor-button,.wop-benefits .elementor-button,.wop-preview-section .elementor-button{background:var(--blue);border-radius:7px;padding:14px 20px;font-size:12px}.wop-buttons .elementor-widget-button:nth-child(2) .elementor-button{background:#fff;color:var(--navy);border:1px solid var(--line)}.wop-dashboard-preview{background:#fff;border:1px solid #dfe6f0;border-radius:14px;padding:20px!important;box-shadow:0 28px 70px #17376e22;transform:perspective(900px) rotateY(-3deg)}.preview-top{display:flex;align-items:center;gap:9px;font-size:10px;padding-bottom:15px;border-bottom:1px solid var(--line)}.preview-top span{width:9px;height:9px;border-radius:50%;background:#22a06b}.preview-top em{margin-left:auto;color:#7d899a}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.preview-metrics i{font-style:normal;padding:12px;background:#f6f8fb;border-radius:7px}.preview-metrics small,.preview-metrics strong{display:block}.preview-metrics small{font-size:8px;color:#7d899a}.preview-metrics strong{font-size:15px;margin-top:5px;color:var(--navy)}.preview-chart{height:160px;background:linear-gradient(#edf1f6 1px,transparent 1px);background-size:100% 32px;display:flex;align-items:end;gap:13px;padding:25px 20px 0;position:relative}.preview-chart>b{position:absolute;left:0;top:3px;font-size:9px}.preview-chart span{background:linear-gradient(180deg,#4c83f4,#246bfd);border-radius:4px 4px 0 0;flex:1}.preview-row{display:grid;grid-template-columns:65px 1fr auto;border-top:1px solid var(--line);padding:12px 2px;font-size:9px}.preview-row i{color:#607089}.preview-row em{color:#c97113;background:#fff3e3;border-radius:20px;padding:4px 7px}.preview-row em.done{color:#16865b;background:#e8f7f0}.wop-trust{padding:24px!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.wop-trust p{margin:0;color:#728097;font-size:12px}.wop-about,.wop-features,.wop-process,.wop-solutions,.wop-contact{padding:100px 24px!important}.wop-section-title{max-width:760px;margin:0 auto 52px;text-align:center}.wop-section-title h2,.wop-benefits h2,.wop-preview-section h2,.wop-contact h2{font-size:38px!important;line-height:1.15!important;letter-spacing:-.025em;color:var(--navy)}.wop-about-grid{gap:70px;align-items:center}.wop-about-main,.wop-about-points{width:50%}.wop-about-main h3{font-size:26px!important}.wop-about-main p{color:var(--muted);line-height:1.8}.wop-about-points ul{padding:0;margin:0;list-style:none}.wop-about-points li{padding:18px 0;border-bottom:1px solid var(--line)}.wop-about-points b,.wop-about-points span{display:block}.wop-about-points b{font-size:14px}.wop-about-points span{font-size:12px;color:var(--muted);margin-top:6px}.wop-features{background:var(--mist)}.wop-feature-grid{gap:14px;justify-content:center}.wop-feature{background:#fff;border:1px solid var(--line);padding:25px!important;border-radius:10px;min-width:245px;flex:1}.wop-feature:hover{border-color:#b9cef6;transform:translateY(-3px);transition:.2s}.wop-feature .elementor-icon{font-size:19px;color:var(--blue);background:#edf4ff;border-radius:8px;padding:10px}.wop-feature h3{font-size:15px!important;margin-top:18px;color:var(--navy)}.wop-feature p{font-size:12px;line-height:1.65;color:var(--muted)}.wop-benefits,.wop-preview-section{padding:100px 24px!important;background:var(--navy);color:#fff;gap:80px;align-items:center}.wop-benefits>div,.wop-preview-section>div{width:50%}.wop-benefits h2,.wop-preview-section h2{color:#fff}.wop-benefits-copy p:not(.wop-kicker),.wop-preview-copy p{color:#a9b6c9;line-height:1.8}.wop-benefit-list ol{list-style:none;padding:0}.wop-benefit-list li{display:flex;gap:18px;padding:21px 0;border-bottom:1px solid #ffffff1b}.wop-benefit-list li>span{font-size:11px;color:#69a0ff}.wop-benefit-list b{font-size:14px}.wop-benefit-list p{font-size:11px;margin:7px 0 0;color:#9baabd}.wop-steps{flex-direction:row!important}.wop-step{padding:0 25px!important;border-left:1px solid var(--line);width:25%}.wop-step span,.wop-solution span{color:var(--blue);font-size:11px;font-weight:700}.wop-step h3{font-size:15px!important;margin-top:24px}.wop-step p{font-size:11px;color:var(--muted);line-height:1.6}.wop-preview-section{background:#f4f7fb;color:var(--ink)}.wop-preview-section h2{color:var(--navy)}.wop-preview-copy ul{padding-left:18px;color:#56657b;font-size:13px;line-height:2}.wop-dashboard-preview.large{width:50%;transform:none}.wop-solution-grid{gap:18px}.wop-solution{width:50%;padding:34px!important;border:1px solid var(--line);border-radius:10px;background:#fff}.wop-solution h3{font-size:20px!important;margin-top:35px}.wop-solution p{color:var(--muted);font-size:13px;line-height:1.7}.wop-contact{background:#eef4ff;gap:80px}.wop-contact>div{width:50%}.wop-contact-copy>div>p{color:var(--muted);line-height:1.7}.wop-contact-details{margin-top:35px}.wop-contact-details p{display:grid;grid-template-columns:75px 1fr;font-size:12px}.wop-contact-details a{text-decoration:none}.wop-contact-card{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:30px!important}.site-footer{background:#08142c;color:#fff;padding:55px 24px 25px}.footer-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.site-footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8190a4}.site-footer p,.site-footer a{font-size:11px;color:#9eacbe;line-height:1.8;text-decoration:none}.footer-nav{display:grid}.footer-bottom{max-width:1200px;margin:40px auto 0;border-top:1px solid #ffffff18;padding-top:20px;display:flex;justify-content:space-between;color:#718197;font-size:10px}
@media(max-width:900px){.site-nav{display:none;position:absolute;top:74px;left:14px;right:14px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 35px #1223421c;padding:18px;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.nav-toggle{display:block}.wop-hero{flex-direction:column!important;padding-top:65px!important}.wop-hero-copy,.wop-dashboard-preview{width:100%!important}.wop-hero h1{font-size:44px!important}.wop-about-grid,.wop-benefits,.wop-preview-section,.wop-contact{flex-direction:column!important}.wop-about-main,.wop-about-points,.wop-benefits>div,.wop-preview-section>div,.wop-contact>div{width:100%!important}.wop-steps{flex-wrap:wrap!important}.wop-step{width:50%;margin-bottom:30px}.footer-inner{grid-template-columns:1fr 1fr}.footer-inner>div:first-child{grid-column:1/3}}
@media(max-width:600px){.header-inner{padding:0 16px}.wop-hero,.wop-about,.wop-features,.wop-process,.wop-solutions,.wop-contact,.wop-benefits,.wop-preview-section{padding:70px 17px!important}.wop-hero h1{font-size:37px!important}.wop-section-title h2,.wop-benefits h2,.wop-preview-section h2,.wop-contact h2{font-size:30px!important}.wop-buttons{flex-direction:column!important;align-items:stretch}.wop-buttons .elementor-widget-button{width:100%}.wop-buttons .elementor-button{width:100%}.wop-dashboard-preview{padding:13px!important}.preview-metrics{grid-template-columns:1fr 1fr}.preview-metrics i:last-child{grid-column:span 2}.wop-step,.wop-solution{width:100%!important}.wop-solution-grid{flex-direction:column!important}.wop-contact-card{padding:20px!important}.footer-inner{grid-template-columns:1fr}.footer-inner>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}}
.elementor .wop-hero h1.elementor-heading-title{color:var(--navy)!important}.elementor .wop-buttons .elementor-button,.elementor .wop-benefits .elementor-button,.elementor .wop-preview-section .elementor-button{background-color:var(--blue)!important}.elementor .wop-buttons .elementor-widget-button:nth-child(2) .elementor-button{background-color:#fff!important;color:var(--navy)!important}