@font-face{font-family:Manrope;src:url('/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:OpeXio;src:url('/fonts/Michroma-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#eef0f3;--surface:#f7f8fa;--ink:#172039;--muted:#536071;--line:#d1d6df;--purple:#6741bd;--purple-hover:#543299;--purple-line:#8564ce;--cyan:#22bdce;--font:Manrope,'Segoe UI',sans-serif;--brand-font:OpeXio,'Segoe UI',sans-serif}
body{background:linear-gradient(135deg,#f7f8fa 0%,#e9ecf1 40%,#f4f5f8 75%);font-size:16px}
.review-note{text-align:center;padding:8px 16px;background:#e4e1ed;color:#4f3c75;font-size:11px;line-height:1.5;border-bottom:1px solid #d5cce9}
.header-wrap{background:#11182a;border-bottom:2px solid #7750bf}
.site-header{height:91px;border:0}.brand{width:200px}.brand img{height:auto;max-height:70px;object-fit:contain}.nav a{color:#dce3ee}.nav a:hover{color:#d3bef6}.nav .nav-login{font-family:var(--font);font-size:13px;font-weight:750;background:#6944b4;padding:12px 17px}
.hero{grid-template-columns:1.06fr 1fr;padding-block:72px 70px;gap:58px}.hero h1{font-size:36px;line-height:1.65;letter-spacing:-1px}.hero h1 span{color:#6944b4}.eyebrow{color:#694b93;font-size:11px;letter-spacing:.6px;line-height:1.7}.hero-lede{font-size:17px;line-height:1.85;max-width:540px}.button{font-family:var(--font);font-size:14px;font-weight:750;min-height:48px;gap:20px;padding:13px 20px;border-radius:10px}.button-secondary{background:transparent;border-color:#b5bbc8;color:#243047}.hero-note{line-height:1.8;max-width:480px}
.hero-visual{padding:12px 0 48px}.hero-visual:before{background:url('./assets/x-512.png') center/contain no-repeat;opacity:.1;inset:-55px -30px -35px -40px}.workspace-card{background:#f9fafc;color:var(--ink);border:1px solid #c9ced8;border-radius:18px;box-shadow:0 22px 50px #17203916}.workspace-top{border-bottom:1px solid #d6dae2;color:#27344a;padding:19px 23px;font-size:12px}.illustration-label{font-weight:800}.workspace-dot{color:#55766f;font-size:11px}.workspace-dot:before{content:'';display:inline-block;background:#328e78;width:6px;height:6px;border-radius:50%;margin-right:6px}.workspace-art{height:145px;background:linear-gradient(110deg,#e6e1f3,#eceff4 75%);align-items:center;justify-content:space-between;padding:20px 26px}.workspace-art p{font-size:13px;color:#29334a;text-shadow:none;line-height:1.85}.workspace-art img{width:100px;height:100px;object-fit:contain;order:2;opacity:.85}.workspace-grid{gap:11px;padding:19px}.workspace-app{background:#fff;border:1px solid #d5dae4;padding:17px 12px}.app-icon{font:700 11px var(--font);width:26px;color:#7250b5}.workspace-app strong{font-family:var(--font);font-weight:800;font-size:13px;color:#27344a}.workspace-app small{font-size:11px;color:#637080}.workspace-footer{color:#657184;border-color:#d6dae2;line-height:1.6;font-size:10px}.access-pill{right:15px;bottom:0;background:#fff;border-color:#d1c6e5;padding:12px 17px}.access-pill>span{font-size:24px;color:#6b44aa}.access-pill strong{font-size:12px}.access-pill small{font-size:10px}
.trust-strip{padding-block:22px;border-color:#d0d6df}.trust-strip p{font-size:12px}.trust-strip span{font-size:10px;font-weight:800}.section{padding-block:72px}.section-heading{gap:48px;margin-bottom:32px}.section-heading h2,.business-layout h2,.contact-copy h2{font-size:26px;line-height:1.7}.section-intro{max-width:395px;line-height:1.85}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-card{background:#fafbfc;color:#263247;border:1px solid #ccd2dd;padding:24px;box-shadow:0 8px 20px #1c294407;border-radius:14px;display:flex;flex-direction:column}.app-card-top{margin-bottom:20px;gap:10px}.product-symbol{display:grid;place-items:center;width:43px;height:43px;font-size:24px;border:1px solid #c9c1d9;color:#6b49a8;background:#efebf7;border-radius:11px}.status{font-size:10px;white-space:normal;line-height:1.5;display:inline-flex;align-items:center;color:#5a436f;border-color:#d1c5e1;background:#efebf5;padding:5px 9px}.status.online{color:#226551;border-color:#bbd8cb;background:#e6f1ec}.status.review{color:#695229;border-color:#dfd1b4;background:#f4efe5}.app-card h3{font-size:15px;color:#233047}.app-card p{font-size:14px;color:#586575;line-height:1.8}.card-features{padding:0;margin:19px 0 0;list-style:none;font-size:12px;color:#536072;line-height:1.8}.card-features li{padding:5px 0;border-top:1px solid #e2e6ec}.card-features li:before{content:'✓';color:#7953ad;margin-right:9px}.app-card-bottom{margin-top:20px;border-color:#dbe0e8;padding-top:17px;align-items:stretch;flex-direction:column;gap:12px}.card-link{font-family:var(--font);font-size:12px;font-weight:750;min-height:44px;justify-content:space-between;background:#6741aa}.open-link{font-size:11px;color:#5a477c;text-decoration:none;min-height:30px}.card-caveat{display:block;margin-top:13px;color:#697586;font-size:10px;line-height:1.8}.catalog-note{font-size:11px;line-height:1.8}
.how-section{background:#f8f9fb;border-color:#d8dde5}.pipeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.pipeline li{border-top:2px solid #b6a0d9;padding-top:19px}.pipeline li>span{color:#7455a4;font-size:11px;font-weight:800}.pipeline h3{font-size:18px;margin:13px 0 10px}.pipeline p{font-size:13px;color:#5a6677;line-height:1.85}
.business-section{border-bottom:1px solid #d1d6df}.business-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:27px}.business-heading .eyebrow{margin:0}.business-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.business-lede{font-size:24px;font-weight:750;line-height:1.6;margin:18px 0;color:#354158}.business-layout>div>p:not(.business-lede){color:#5a6677;line-height:1.9;font-size:14px}.business-layout .button{margin-top:26px}.business-proof{background:#fff;border:1px solid #ced3dd;border-radius:14px;padding:27px}.business-proof h3{font-size:17px}.business-proof dl{margin:17px 0}.business-proof dl>div{display:grid;grid-template-columns:110px 1fr;gap:12px;border-top:1px solid #e0e4eb;padding:13px 0;font-size:12px;line-height:1.8}.business-proof dt{font-weight:750;color:#6c508e}.business-proof dd{margin:0;color:#546173}.business-proof>p{font-size:11px!important;color:#6a7686!important}
.pricing-section{background:#e6e9ef;border-block:1px solid #d5dbe4}.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.price-grid article{border:1px solid #c8ceda;background:#f7f8fa;padding:24px;border-radius:12px}.price-grid h3{font-size:16px}.price{font-size:32px!important;font-weight:800;color:#283249!important;margin:13px 0 12px}.price small{font-size:10px;font-weight:600;white-space:nowrap}.price-grid article>p{font-size:12px;color:#5c6675;line-height:1.8}.pricing-disclosure{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:25px;font-size:11px;line-height:1.9;color:#536071}.future-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.future-products p{border-top:1px solid #b7bfd0;padding-top:16px}.future-products strong{display:block;font-size:14px}.future-products span{display:block;font-size:11px;color:#667285;margin-top:7px;line-height:1.7}.realizations{border-top:1px solid #cdd3df;margin-top:30px;padding-top:24px}.realizations h3{font-size:16px}.realizations p{color:#627082;font-size:12px;margin-top:10px;line-height:1.85}
.contact-section{background:#151d30}.contact-layout{gap:80px}.contact-copy h2{color:#f1f4fb}.contact-form input,.contact-form textarea{background:#1e283c;border-color:#566079;color:#f2f4fa}.contact-form{gap:17px}.contact-form .button{font-size:13px}.contact-copy p{font-size:14px}.site-footer{grid-template-columns:1fr auto;gap:22px;padding-block:32px 24px;font-size:12px;color:#5a6576}.site-footer strong{font-size:16px;color:#263247}.footer-links{display:flex;gap:25px}.footer-links a{min-height:36px}.footer-meta{font-size:10px}
@media(max-width:1100px){.hero{gap:35px}.hero h1{font-size:29px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:17px}.nav a{font-size:12px}}
html[data-opexio-theme="silver"] .hero-visual:before{background-image:url('/brand/touch-x-512.png');inset:0}
html[data-opexio-theme="silver"] .contact-copy h2,html[data-opexio-theme="silver"] .contact-section label{color:#f1f4fb}
html[data-opexio-theme="silver"] a.button:not(.button-secondary),html[data-opexio-theme="silver"] button.button{background:var(--ox-purple);color:#fff;border-color:var(--ox-purple)}
html[data-opexio-theme="silver"] .hero h1{font-family:var(--ox-heading)}
html[data-opexio-theme="silver"] .nav a{color:#e3e8f2}
html[data-opexio-theme="silver"] .nav a:hover{color:#fff}
html[data-opexio-theme="silver"] a.card-link{color:#fff}
html[data-opexio-theme="silver"] .contact-address a{color:#bce7ff}
html[data-opexio-theme="silver"] .owner-header{background:var(--ox-navy);color:#eef2fa;border-bottom:2px solid #7750bf}
html[data-opexio-theme="silver"] .owner-header p{color:#c5cfe0}
html[data-opexio-theme="silver"] .owner-header .brand img{max-height:58px;width:180px;object-fit:contain}
html[data-opexio-theme="silver"] .owner-surface{background:var(--ox-surface);border-color:var(--ox-line);color:var(--ox-ink)}
html[data-opexio-theme="silver"] .owner-layout aside{background:#f5f6fa;border-color:var(--ox-line)}
.contact-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.app-card figure{margin:16px 0 0}.app-card figure img,.app-card figure video{width:100%;max-height:220px;object-fit:contain}.app-card figcaption{font-size:12px;color:#536071}
@media(max-width:860px){.hero{grid-template-columns:1fr}.site-header{height:78px}.brand{width:165px}.nav-toggle{background:#242e43;border-color:#576078;color:#f2f4fb;font-size:12px}.nav{top:71px;background:#172139;border-color:#54617a;z-index:10}.nav.open{display:flex}.nav a{color:#e0e5f0}.hero{padding-block:45px;gap:30px}.hero-copy{max-width:640px}.hero-visual{max-width:600px}.business-layout,.contact-layout{gap:38px}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.future-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.shell{width:calc(100% - 36px)}.review-note{font-size:9px;padding:7px 18px}.hero h1{font-size:24px;line-height:1.7;letter-spacing:-.6px}.hero-lede{font-size:15px}.eyebrow{font-size:9px}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}.hero-actions .button{font-size:13px;justify-content:space-between;padding:13px 17px}.hero-note{font-size:10px}.hero-visual{padding-bottom:52px}.workspace-top{padding:16px;font-size:11px}.workspace-art{height:130px;padding:18px}.workspace-art p{font-size:11px}.workspace-art img{width:85px;height:85px}.workspace-grid{padding:12px;gap:9px}.workspace-app{padding:13px 9px;gap:8px}.workspace-app strong{font-size:11px}.workspace-app small{font-size:9px}.app-icon{font-size:9px;width:17px}.workspace-footer{margin-inline:14px;font-size:8px}.access-pill{right:9px;padding:10px 12px}.access-pill strong{font-size:10px}.access-pill small{font-size:9px}.trust-strip{row-gap:17px}.trust-strip p{font-size:10px}.section{padding-block:48px}.section-heading{gap:18px;margin-bottom:26px}.section-heading h2,.business-layout h2,.contact-copy h2{font-size:21px;line-height:1.75}.section-intro{font-size:13px}.app-grid{grid-template-columns:1fr;gap:15px}.app-card{padding:22px}.app-card h3{font-size:16px}.app-card p{font-size:14px}.app-card-top{flex-wrap:nowrap;margin-bottom:16px}.card-features{font-size:12px}.card-link{font-size:12px}.open-link{font-size:12px;min-height:38px}.card-caveat{font-size:10px}.pipeline{grid-template-columns:1fr;gap:24px}.pipeline h3{font-size:17px}.business-heading{display:grid;gap:15px}.business-heading .status{justify-self:start}.business-layout{grid-template-columns:1fr;gap:28px}.business-lede{font-size:21px}.business-proof{padding:20px}.business-proof dl>div{grid-template-columns:1fr;gap:3px}.price-grid{grid-template-columns:1fr;gap:12px}.price-grid article{padding:21px}.price{font-size:30px!important}.price small{font-size:11px}.pricing-disclosure{grid-template-columns:1fr;gap:15px;font-size:12px}.future-products{gap:22px 14px}.future-products strong{font-size:13px}.contact-layout{grid-template-columns:1fr;gap:28px}.contact-form label{font-size:13px}.contact-form input,.contact-form textarea{font-size:16px;padding:13px}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap;gap:20px}.footer-meta{display:grid;gap:5px}}