/*
Theme Name: OrderPoint Enterprise
Theme URI: https://example.com/
Author: Custom WordPress Conversion
Description: Editable WordPress conversion of the OrderPoint LLC React/Vite site. Includes a built-in content manager under Appearance > OrderPoint Content.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: orderpoint
*/

:root{--indigo:#4f46e5;--indigo2:#6366f1;--slate950:#020617;--slate900:#0f172a;--slate800:#1e293b;--slate700:#334155;--slate600:#475569;--slate500:#64748b;--slate400:#94a3b8;--slate300:#cbd5e1;--slate200:#e2e8f0;--slate100:#f1f5f9;--slate50:#f8fafc;--emerald:#059669;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#0f172a;background:#f8fafc;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.op-wrap{width:min(1280px,calc(100% - 32px));margin:auto}.op-header{position:sticky;top:0;z-index:40;background:rgba(15,23,42,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(51,65,85,.7);color:#fff}.op-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.op-brand{display:flex;align-items:center;gap:12px;font-weight:800}.op-brand img{max-height:42px;width:auto}.op-mark{width:38px;height:38px;border-radius:11px;background:#4f46e5;display:grid;place-items:center;font-weight:900}.op-menu{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700;color:#cbd5e1}.op-menu a:hover{color:#fff}.op-nav-cta,.op-btn{border:0;cursor:pointer;background:var(--indigo);color:#fff;padding:12px 18px;border-radius:12px;font-weight:800;font-size:12px;box-shadow:0 10px 25px rgba(79,70,229,.22)}.op-nav-toggle{display:none;background:none;border:1px solid #334155;color:#fff;border-radius:9px;padding:8px}.op-hero{position:relative;overflow:hidden;padding:76px 0 92px;background:linear-gradient(180deg,#0f172a,#0f172a 45%,#020617);color:#fff}.op-hero:before{content:"";position:absolute;inset:0;opacity:.04;background-image:radial-gradient(#6366f1 1px,transparent 1px),radial-gradient(#6366f1 1px,#020617 1px);background-size:32px 32px;background-position:0 0,16px 16px}.op-hero-grid{position:relative;display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center}.op-kicker{display:inline-flex;gap:9px;align-items:center;background:rgba(30,41,59,.8);border:1px solid rgba(71,85,105,.8);padding:7px 13px;border-radius:999px;font-size:11px;font-weight:700;color:#cbd5e1}.op-dot{width:8px;height:8px;border-radius:50%;background:#6366f1;box-shadow:0 0 0 5px rgba(99,102,241,.12)}.op-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.04em;margin:24px 0 18px}.op-gradient{background:linear-gradient(90deg,#a5b4fc,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:transparent}.op-lead{font-size:17px;line-height:1.75;color:#cbd5e1;max-width:760px}.op-badges{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.op-badge{display:flex;align-items:center;gap:7px;background:rgba(30,41,59,.6);border:1px solid rgba(71,85,105,.65);padding:9px 12px;border-radius:10px;color:#cbd5e1;font-size:11px}.op-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.op-btn.secondary{background:#1e293b;border:1px solid #334155;box-shadow:none}.op-btn.link{background:transparent;box-shadow:none;color:#94a3b8;text-decoration:underline;text-underline-offset:4px}.op-console{background:rgba(2,6,23,.9);border:1px solid #1e293b;border-radius:20px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.op-console-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #1e293b;padding-bottom:12px;font:700 11px/1.2 monospace;color:#fff}.op-node{color:#818cf8;background:#1e1b4b;border:1px solid #312e81;padding:5px 8px;border-radius:7px;font-size:10px}.op-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.op-stat{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:14px}.op-stat small{color:#94a3b8}.op-stat strong{display:block;font:800 24px monospace;color:#fff;margin-top:5px}.op-stat em{font-style:normal;color:#34d399;font-size:10px}.op-feed{margin-top:12px;background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:14px;font:11px/1.8 monospace;color:#94a3b8}.op-feed b{color:#818cf8}.op-metrics{margin-top:62px;padding-top:36px;border-top:1px solid rgba(51,65,85,.8);display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.op-metric{background:rgba(15,23,42,.65);border:1px solid rgba(30,41,59,.8);border-radius:16px;padding:20px}.op-metric strong{font:800 34px monospace;color:#fff}.op-metric.accent strong{color:#34d399}.op-metric label{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;color:#818cf8;margin-top:4px}.op-metric p{font-size:11px;line-height:1.6;color:#94a3b8;margin-bottom:0}
.op-section{padding:82px 0;background:#fff;border-bottom:1px solid #e2e8f0}.op-section.dark{background:#0f172a;color:#fff;border-color:#1e293b}.op-section.soft{background:#f8fafc}.op-heading{max-width:780px;margin-bottom:50px}.op-kicker-light{display:inline-block;background:#eef2ff;border:1px solid #e0e7ff;color:#4338ca;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.op-section.dark .op-kicker-light{background:#1e1b4b;border-color:#312e81;color:#818cf8}.op-heading h2{font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.035em;margin:12px 0}.op-heading p{font-size:16px;line-height:1.75;color:#64748b}.op-section.dark .op-heading p{color:#cbd5e1}.op-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.op-card{border:1px solid #e2e8f0;background:#f8fafc;border-radius:18px;padding:28px;transition:.25s}.op-card:hover{background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.08);border-color:#c7d2fe}.op-card h3{font-size:21px;line-height:1.3;margin:10px 0;color:#0f172a}.op-card p{font-size:13px;line-height:1.75;color:#475569}.op-icon{width:48px;height:48px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;display:grid;place-items:center;color:#4f46e5;font-weight:900}.op-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#4f46e5}.op-list{margin:18px 0 0;padding:16px 0 0;border-top:1px solid #e2e8f0;list-style:none}.op-list li{font-size:12px;color:#334155;margin:9px 0;padding-left:20px;position:relative}.op-list li:before{content:"✓";position:absolute;left:0;color:#059669;font-weight:900}.op-card-bottom{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-top:22px;padding-top:18px;border-top:1px solid #e2e8f0}.op-small{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em}.op-benchmark{font-size:12px;font-weight:800;color:#0f172a}.op-link{color:#4f46e5;font-size:11px;font-weight:800}.op-strip{margin-top:50px;padding:28px;border-radius:18px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.op-strip h4{margin:5px 0;font-size:19px}.op-strip p{margin:0;color:#cbd5e1;font-size:12px;line-height:1.6;max-width:750px}.op-strip .op-btn{background:#fff;color:#0f172a;box-shadow:none}
.op-workflow{position:relative}.op-stage-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.op-stage-tab{border:1px solid #1e293b;background:#0f172a;color:#cbd5e1;border-radius:12px;padding:14px;text-align:left;cursor:pointer}.op-stage-tab.active{border-color:#4338ca;background:#1e1b4b}.op-stage-tab b{display:block;font:700 10px monospace;color:#818cf8}.op-stage-tab span{display:block;margin-top:5px;font-size:11px;font-weight:800}.op-stage-panel{display:grid;grid-template-columns:7fr 5fr;gap:28px;background:#020617;border:1px solid #1e293b;border-radius:18px;padding:30px}.op-stage-panel h3{font-size:27px;margin:10px 0}.op-stage-panel p{font-size:13px;line-height:1.75;color:#cbd5e1}.op-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.op-control{padding:12px;background:#0f172a;border:1px solid #1e293b;border-radius:10px;color:#cbd5e1;font-size:11px}.op-code{background:#0f172a;border:1px solid #1e293b;border-radius:14px;padding:18px;font:11px/1.9 monospace;color:#94a3b8}.op-code b{color:#818cf8}.op-code .ok{color:#34d399}.op-endpoint{margin-top:16px;padding:13px;border:1px solid #1e293b;background:#0f172a;border-radius:12px;font-size:11px;color:#94a3b8}.op-endpoint strong{color:#fff}
.op-governance{background:#0f172a;border:1px solid #1e293b;color:#fff;border-radius:18px;padding:30px}.op-governance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.op-governance-box{background:#020617;border:1px solid #1e293b;border-radius:12px;padding:16px}.op-governance-box small{display:block;color:#94a3b8}.op-governance-box strong{display:block;margin-top:5px;color:#fff}.op-compliance-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;margin-top:28px}.op-compliance-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:28px}.op-compliance-list{display:grid;gap:12px}.op-compliance-item{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:18px}.op-compliance-item strong{display:block;font-size:13px}.op-compliance-item p{font-size:12px;line-height:1.65;color:#64748b}.op-warning{margin-top:20px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:15px;font-size:11px;line-height:1.7;color:#713f12}
.op-pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.op-price-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;position:relative}.op-price-card.popular{border:2px solid #4f46e5;box-shadow:0 18px 50px rgba(79,70,229,.13)}.op-price-card .badge{position:absolute;right:14px;top:14px;background:#eef2ff;color:#4338ca;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:800}.op-price-card h3{font-size:18px;margin:0 0 10px}.op-price{font:800 32px monospace}.op-cadence{color:#64748b;font-size:10px}.op-price-card p{font-size:11px;line-height:1.65;color:#64748b}.op-price-card ul{list-style:none;padding:0;border-top:1px solid #e2e8f0;margin:16px 0}.op-price-card li{font-size:11px;color:#334155;padding:8px 0 8px 19px;position:relative}.op-price-card li:before{content:"✓";position:absolute;left:0;color:#059669;font-weight:900}.op-price-card .op-btn{width:100%;margin-top:8px}
.op-faq{display:grid;gap:10px;max-width:900px}.op-faq details{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:17px 18px}.op-faq summary{cursor:pointer;font-weight:800;font-size:13px}.op-faq p{font-size:12px;line-height:1.75;color:#64748b;margin-bottom:0}
.op-footer{background:#020617;color:#94a3b8;padding:65px 0 25px}.op-footer-grid{display:grid;grid-template-columns:4fr 2fr 3fr 3fr;gap:35px}.op-footer h4{color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.op-footer p,.op-footer li{font-size:11px;line-height:1.7}.op-footer ul{list-style:none;padding:0}.op-footer li{margin:8px 0}.op-footer a:hover{color:#fff}.op-footer-card{display:block;padding:12px;background:#0f172a;border:1px solid #1e293b;border-radius:12px;margin:7px 0}.op-footer-card b{display:block;color:#818cf8;font-size:10px}.op-footer-bottom{border-top:1px solid #1e293b;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px}.op-modal{display:none;position:fixed;inset:0;z-index:100;background:rgba(2,6,23,.78);backdrop-filter:blur(7px);padding:20px;overflow:auto}.op-modal.open{display:flex;align-items:center;justify-content:center}.op-modal-box{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.4)}.op-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#0f172a;color:#fff}.op-modal-head h3{margin:0;font-size:16px}.op-close{background:none;border:0;color:#fff;font-size:24px;cursor:pointer}.op-modal-body{padding:22px;font-size:13px;line-height:1.75;color:#475569}.op-form{display:grid;gap:12px}.op-form label{font-size:11px;font-weight:800;color:#334155}.op-form input,.op-form textarea,.op-form select{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:10px;background:#fff}.op-form textarea{min-height:110px}.op-notice{padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:11px}
@media(max-width:1000px){.op-hero-grid,.op-stage-panel,.op-compliance-grid{grid-template-columns:1fr}.op-metrics,.op-pricing{grid-template-columns:1fr 1fr}.op-governance-grid{grid-template-columns:1fr 1fr}.op-footer-grid{grid-template-columns:1fr 1fr}.op-menu{display:none}.op-nav-toggle{display:block}.op-nav.mobile-open .op-menu{display:flex;position:absolute;left:16px;right:16px;top:72px;background:#0f172a;border:1px solid #334155;border-radius:12px;padding:15px;flex-direction:column;align-items:flex-start}}
@media(max-width:680px){.op-wrap{width:min(100% - 24px,1280px)}.op-hero{padding:52px 0 65px}.op-grid-2,.op-metrics,.op-pricing,.op-governance-grid,.op-footer-grid,.op-stage-tabs{grid-template-columns:1fr}.op-footer-bottom{flex-direction:column}.op-actions{flex-direction:column}.op-btn{width:100%}.op-strip{align-items:stretch;flex-direction:column}.op-stage-panel{padding:20px}.op-console{margin-top:5px}}