/* Native pricing page. All selectors are scoped to .octa-plans. */
.octa-plans { --ink:#161e2d;--muted:#5a6573;--blue:#0878c9;--sky:#29a7ff;--line:#dce4eb;--paper:#f3f7fb;--navy:#142d45;--radius:16px }
.octa-plans * { box-sizing:border-box }
.octa-plans { margin:0;color:var(--ink);background:#fff;font:16px/1.6 Arial,Helvetica,Inter,"DejaVu LGC Sans",sans-serif }
.octa-plans button, .octa-plans input, .octa-plans select, .octa-plans textarea { font:inherit }
.octa-plans a { color:inherit }
.octa-plans button, .octa-plans a { -webkit-tap-highlight-color:transparent }
.octa-plans button { cursor:pointer }
.octa-plans button:disabled { cursor:default }
.octa-plans button:focus-visible, .octa-plans a:focus-visible, .octa-plans summary:focus-visible, .octa-plans input:focus-visible, .octa-plans select:focus-visible, .octa-plans [tabindex]:focus-visible { outline:3px solid var(--blue);outline-offset:4px }
.octa-plans .op-shell { width:min(1200px,calc(100% - 64px));margin:auto }
.octa-plans .op-preview { background:#eaf4fc;color:#26506f;text-align:center;font-size:12px;padding:8px 16px;letter-spacing:.025em }
.octa-plans .op-preview strong { font-weight:700 }
.octa-plans .op-site-header { height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center }
.octa-plans .op-nav { display:flex;justify-content:space-between;align-items:center;gap:24px }
.octa-plans .op-brand { text-decoration:none;font-weight:800;letter-spacing:5px;font-size:27px;display:flex;align-items:center;gap:12px }
.octa-plans .op-brand-mark { width:27px;height:30px;background:var(--blue);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);display:inline-block;position:relative }
.octa-plans .op-brand-mark:after { content:"";position:absolute;inset:7px;background:white;clip-path:inherit }
.octa-plans .op-nav-links { display:flex;gap:28px;align-items:center;font-size:14px }
.octa-plans .op-nav-links a { text-decoration:none }
.octa-plans .op-nav-links a:hover { color:var(--blue) }
.octa-plans .op-nav-links .op-current { color:var(--blue);font-weight:700 }
.octa-plans .op-btn { border:1px solid var(--line);border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:11px 19px;text-decoration:none;font-weight:700;font-size:14px;color:var(--ink);transition:background .15s,border-color .15s }
.octa-plans .op-btn:hover { background:#edf5fb;border-color:#7aafcf }
.octa-plans .op-btn.op-primary { background:var(--blue);border-color:var(--blue);color:#fff }
.octa-plans .op-btn.op-primary:hover { background:#06639f }
.octa-plans .op-btn.op-dark { background:var(--navy);border-color:var(--navy);color:#fff }
.octa-plans .op-eyebrow { font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin:0 0 14px }
.octa-plans .op-hero { padding:63px 0 40px;text-align:center;background:radial-gradient(ellipse at 50% 0,#eaf5fe 0,white 68%) }
.octa-plans h1 { font-size:clamp(36px,4.4vw,58px);line-height:1.1;letter-spacing:-2.4px;margin:0 0 22px;font-weight:700 }
.octa-plans h1 span { color:var(--blue) }
.octa-plans .op-hero .op-lede { font-size:18px;color:var(--muted);max-width:670px;margin:0 auto 28px;line-height:1.65 }
.octa-plans .op-assurance-points { display:flex;justify-content:center;gap:26px;color:#445769;font-size:13px }
.octa-plans .op-assurance-points span:before { content:"✓";color:var(--blue);font-weight:700;margin-right:8px }
.octa-plans .op-product-nav { display:flex;justify-content:center;gap:7px;padding:7px;background:#edf2f6;border:1px solid var(--line);border-radius:12px;width:fit-content;margin:36px auto 0 }
.octa-plans .op-product-nav a { padding:12px 22px;font-size:14px;text-decoration:none;border-radius:8px;font-weight:600 }
.octa-plans .op-product-nav a:first-child { background:#fff;box-shadow:0 2px 5px #142d450b;color:var(--blue) }
.octa-plans .op-product-nav a:hover { background:#fff }
.octa-plans .op-section { padding:64px 0 }
.octa-plans .op-section-head { display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px }
.octa-plans .op-section-head h2 { font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 12px }
.octa-plans .op-section-head p:not(.op-eyebrow) { color:var(--muted);max-width:690px;margin:0 }
.octa-plans .op-section-number { font-size:12px;letter-spacing:2px;font-weight:700;color:#6f7d8a;white-space:nowrap;padding-bottom:7px }
.octa-plans .op-subject-bar { display:flex;gap:22px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0 29px }
.octa-plans .op-subject-label { font-size:14px;font-weight:700 }
.octa-plans .op-subject-label small { display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:2px }
.octa-plans .op-subject-options { display:flex;gap:8px }
.octa-plans .op-subject-options button { border:1px solid var(--line);border-radius:7px;padding:9px 20px;color:var(--muted);background:#fff;font-size:14px }
.octa-plans .op-subject-options button[aria-pressed="true"] { background:#eaf4fc;color:#0867a7;border-color:#0878c9;font-weight:700 }
.octa-plans .op-subject-options button:disabled { background:#f6f7f9;color:#78818b }
.octa-plans .op-soon { font-size:10px;display:inline-block;margin-left:6px }
.octa-plans .op-cards { display:grid;grid-template-columns:repeat(3,1fr);gap:20px }
.octa-plans .op-card { border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;background:#fff;position:relative }
.octa-plans .op-card.op-featured { border-color:#6aaddb;background:linear-gradient(165deg,#f4faff,white 62%);box-shadow:0 9px 25px #1b528d0a }
.octa-plans .op-card.op-enterprise { background:#f7f9fb }
.octa-plans .op-card .op-topline { display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:22px;margin-bottom:19px }
.octa-plans .op-card-code { font-size:11px;font-weight:700;letter-spacing:1.6px;color:#5c6e7c }
.octa-plans .op-tag { font-size:10px;line-height:1.5;padding:4px 9px;border-radius:30px;background:#e1f0fc;color:#165f8f;font-weight:700;white-space:nowrap }
.octa-plans .op-tag.op-neutral { background:#e8edf2;color:#4b5f72 }
.octa-plans .op-card h3 { font-size:23px;line-height:1.25;letter-spacing:-.6px;margin:0 0 12px }
.octa-plans .op-card .op-desc { color:var(--muted);font-size:14px;margin:0;min-height:69px }
.octa-plans .op-price { margin:27px 0 20px }
.octa-plans .op-price strong { font-size:25px;letter-spacing:-.7px;display:block;line-height:1.25 }
.octa-plans .op-price small { display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:8px;min-height:38px }
.octa-plans .op-card .op-btn { width:100% }
.octa-plans .op-features { list-style:none;padding:22px 0 0;margin:23px 0 0;border-top:1px solid var(--line);font-size:13px }
.octa-plans .op-features li { position:relative;padding-left:21px;margin:0 0 12px }
.octa-plans .op-features li:before { content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700 }
.octa-plans .op-card-note { font-size:11px;color:var(--muted);line-height:1.65;margin:7px 0 0 }
.octa-plans .op-assurance-caption { display:flex;justify-content:space-between;gap:20px;align-items:flex-start;font-size:12px;color:var(--muted);margin-top:20px }
.octa-plans .op-assurance-caption a { color:var(--blue);font-weight:700;text-underline-offset:4px;white-space:nowrap }
.octa-plans .op-subject-summary { color:#40586b }
.octa-plans .op-layers { background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr 1fr;border-radius:var(--radius);margin-top:42px;padding:29px 14px }
.octa-plans .op-layer { padding:0 24px }
.octa-plans .op-layer+.op-layer { border-left:1px solid #ffffff28 }
.octa-plans .op-layer .op-eyebrow { color:#8ecdf9;margin-bottom:8px }
.octa-plans .op-layer p { font-size:13px;color:#d0deea;margin:0 }
.octa-plans .op-layer strong { font-size:16px;display:block;margin-bottom:8px }
.octa-plans .op-comparison { margin-top:48px }
.octa-plans .op-comparison h3 { font-size:23px;margin:0 0 6px;letter-spacing:-.6px }
.octa-plans .op-comparison>p { color:var(--muted);font-size:14px;margin:0 0 22px }
.octa-plans .op-table-wrap { overflow:auto;border:1px solid var(--line);border-radius:12px }
.octa-plans table { border-collapse:collapse;width:100%;font-size:13px;min-width:690px;text-align:left }
.octa-plans caption { text-align:left;padding:16px;font-weight:700;background:var(--paper) }
.octa-plans th, .octa-plans td { padding:17px 20px;border-bottom:1px solid var(--line);vertical-align:top }
.octa-plans thead th { background:#f0f5f9;font-size:13px }
.octa-plans tbody th { font-weight:500;width:25% }
.octa-plans tbody tr:last-child>* { border-bottom:0 }
.octa-plans thead th:nth-child(3), .octa-plans td:nth-child(3) { background:#f3f9fd }
.octa-plans td { width:25% }
.octa-plans .op-cell-note { color:var(--muted);display:block;font-size:11px;margin-top:4px }
.octa-plans .op-other-products { background:var(--paper);border-top:1px solid #e6edf3;border-bottom:1px solid #e6edf3 }
.octa-plans .op-product-grid { display:grid;grid-template-columns:1fr 1fr;gap:22px }
.octa-plans .op-product-grid-three { grid-template-columns:repeat(3,1fr) }
@media(max-width:1000px){ .octa-plans .op-product-grid-three { grid-template-columns:1fr 1fr } }
.octa-plans .op-product-card { background:white;padding:32px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;scroll-margin-top:30px }
.octa-plans .op-product-icon { height:43px;width:43px;display:flex;align-items:center;justify-content:center;border:1px solid #d4e5f2;background:#f0f8fe;border-radius:10px;color:var(--blue);font-size:14px;font-weight:700;margin-bottom:22px }
.octa-plans .op-product-card h3 { font-size:25px;letter-spacing:-.65px;margin:0 0 10px }
.octa-plans .op-product-card>p { font-size:14px;color:var(--muted);margin:0;max-width:440px }
.octa-plans .op-product-card .op-price { margin:24px 0 0 }
.octa-plans .op-product-card .op-features { margin-top:19px;margin-bottom:18px }
.octa-plans .op-product-card .op-btn { align-self:flex-start;margin-top:auto }
.octa-plans .op-usage-note { background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 24px;margin-top:24px;display:flex;gap:22px;align-items:center }
.octa-plans .op-usage-note strong { white-space:nowrap;font-size:14px }
.octa-plans .op-usage-note p { font-size:13px;color:var(--muted);margin:0 }
.octa-plans .op-consulting { margin:0;padding:34px 0;border-bottom:1px solid var(--line);display:flex;gap:28px;align-items:center;justify-content:space-between }
.octa-plans .op-consulting h3 { font-size:23px;letter-spacing:-.5px;margin:0 0 5px }
.octa-plans .op-consulting p { font-size:14px;color:var(--muted);margin:0;max-width:720px }
.octa-plans .op-consulting .op-eyebrow { font-size:10px;color:var(--blue);margin-bottom:9px }
.octa-plans .op-faq { display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:60px 0 }
.octa-plans .op-faq h2 { font-size:32px;letter-spacing:-1px;line-height:1.2;margin:0 0 18px }
.octa-plans .op-faq .op-intro { font-size:14px;color:var(--muted);max-width:330px }
.octa-plans .op-faq details { border-bottom:1px solid var(--line);padding:17px 0 }
.octa-plans .op-faq details:first-child { padding-top:0 }
.octa-plans .op-faq summary { list-style:none;font-size:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center }
.octa-plans .op-faq summary::-webkit-details-marker { display:none }
.octa-plans .op-faq summary:after { content:"+";font-size:23px;font-weight:400;color:var(--blue) }
.octa-plans .op-faq details[open] summary:after { content:"−" }
.octa-plans .op-faq details p { font-size:14px;color:var(--muted);margin:12px 24px 0 0 }
.octa-plans .op-closing { background:#eef6fd;padding:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 0 60px }
.octa-plans .op-closing h2 { font-size:27px;letter-spacing:-.8px;margin:0 0 7px }
.octa-plans .op-closing p { font-size:14px;color:var(--muted);margin:0 }
.octa-plans .op-site-footer { border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:12px }
.octa-plans .op-footer-inner { display:flex;justify-content:space-between;gap:30px;align-items:flex-start }
.octa-plans .op-footer-inner p { margin:0;max-width:700px }
.octa-plans .op-footer-brand { font-weight:700;letter-spacing:3px;color:var(--ink);margin-bottom:6px!important }
.octa-plans .op-footer-links { display:flex;gap:20px;white-space:nowrap }
.octa-plans .op-footer-links a { text-underline-offset:3px }
.octa-plans .op-skip { position:absolute;left:16px;top:-100px;z-index:10;background:white;padding:10px }
.octa-plans .op-skip:focus { top:10px }
.octa-plans dialog { border:1px solid var(--line);border-radius:18px;padding:32px;max-width:530px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 80px #0003 }
.octa-plans dialog::backdrop { background:#0b223cb3 }
.octa-plans dialog h2 { font-size:25px;letter-spacing:-.5px;margin:0 0 12px }
.octa-plans dialog p { color:var(--muted);font-size:14px }
.octa-plans dialog .op-close { float:right;border:0;background:#edf2f6;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1 }
.octa-plans dialog label { font-size:13px;font-weight:700;display:block;margin-top:18px }
.octa-plans dialog input, .octa-plans dialog select, .octa-plans dialog textarea { display:block;width:100%;border:1px solid #a8b9c6;border-radius:7px;padding:10px;margin-top:6px;background:white;color:var(--ink) }
.octa-plans dialog .op-summary { padding:16px;background:#f1f7fc;border-radius:8px;margin:20px 0;font-size:14px;color:var(--ink) }
.octa-plans dialog .op-btn { width:100% }
.octa-plans .op-dialog-note { font-size:11px!important;margin:12px 0 0 }
.octa-plans .op-request-fields { display:grid;grid-template-columns:1fr 1fr;gap:14px }
.octa-plans .op-hidden { display:none!important }
@media(min-width:1500px){
.octa-plans .op-shell { width:1240px }
}
@media(max-width:1000px){
.octa-plans .op-shell { width:calc(100% - 40px) }
.octa-plans .op-card { padding:22px }
.octa-plans .op-cards { gap:12px }
.octa-plans .op-card h3 { font-size:21px }
.octa-plans .op-card .op-desc { min-height:90px }
.octa-plans .op-tag { font-size:9px;padding:4px 6px }
.octa-plans .op-nav-links { gap:18px }
.octa-plans .op-faq { gap:40px }
.octa-plans .op-layer { padding:0 17px }
.octa-plans .op-section-head h2 { font-size:29px }
}
@media(max-width:760px){
.octa-plans .op-shell { width:calc(100% - 36px) }
.octa-plans .op-site-header { height:70px }
.octa-plans .op-brand { font-size:24px }
.octa-plans .op-nav-links>a { display:none }
.octa-plans .op-nav-links .op-btn { padding:8px 12px;min-height:40px;font-size:12px }
.octa-plans .op-preview { font-size:10px }
.octa-plans .op-hero { padding:40px 0 22px }
.octa-plans h1 { font-size:39px;letter-spacing:-1.6px }
.octa-plans .op-hero .op-lede { font-size:16px }
.octa-plans .op-assurance-points { gap:9px;flex-wrap:wrap;font-size:11px }
.octa-plans .op-product-nav { width:100%;gap:3px;margin-top:27px }
.octa-plans .op-product-nav a { flex:1;text-align:center;padding:10px 5px;font-size:11px;display:flex;align-items:center;justify-content:center }
.octa-plans .op-section { padding:40px 0 }
.octa-plans .op-section-head { display:block;margin-bottom:20px }
.octa-plans .op-section-number { display:none }
.octa-plans .op-section-head h2 { font-size:29px }
.octa-plans .op-section-head p:not(.op-eyebrow) { font-size:14px }
.octa-plans .op-subject-bar { align-items:flex-start;flex-direction:column;gap:14px;padding:20px 0 }
.octa-plans .op-subject-options { width:100%;flex-wrap:wrap }
.octa-plans .op-subject-options button { padding:8px 12px;flex:1 }
.octa-plans .op-cards { grid-template-columns:1fr;gap:18px }
.octa-plans .op-card { padding:26px }
.octa-plans .op-card h3 { font-size:25px }
.octa-plans .op-card .op-desc { min-height:0 }
.octa-plans .op-price { margin-top:22px }
.octa-plans .op-price small { min-height:0 }
.octa-plans .op-card .op-topline { margin-bottom:14px }
.octa-plans .op-tag { font-size:10px }
.octa-plans .op-assurance-caption { display:block }
.octa-plans .op-assurance-caption a { display:inline-block;margin-top:12px }
.octa-plans .op-layers { grid-template-columns:1fr;padding:7px 24px;margin-top:30px }
.octa-plans .op-layer { padding:22px 0 }
.octa-plans .op-layer+.op-layer { border-left:0;border-top:1px solid #ffffff28 }
.octa-plans .op-comparison { margin-top:34px }
.octa-plans .op-comparison h3 { font-size:22px }
.octa-plans .op-product-grid { grid-template-columns:1fr }
.octa-plans .op-product-card { padding:26px }
.octa-plans .op-usage-note { display:block;padding:20px }
.octa-plans .op-usage-note p { margin-top:6px }
.octa-plans .op-consulting { align-items:flex-start;flex-direction:column;padding:30px 0;gap:20px }
.octa-plans .op-faq { grid-template-columns:1fr;gap:18px;padding:42px 0 }
.octa-plans .op-faq h2 { font-size:29px }
.octa-plans .op-closing { padding:27px;align-items:flex-start;flex-direction:column;margin-bottom:40px;gap:22px }
.octa-plans .op-closing h2 { font-size:26px }
.octa-plans .op-footer-inner { flex-direction:column;gap:18px }
.octa-plans .op-request-fields { grid-template-columns:1fr }
.octa-plans .op-nav { gap:12px }
}
@media(prefers-reduced-motion:reduce){
.octa-plans * { transition:none!important }
}
.octa-plans { width:100%; max-width:none; isolation:isolate; }
.octa-plans :is(h1,h2,h3,h4) { font-family:inherit; color:inherit; font-weight:700; }
.octa-plans [id] { scroll-margin-top:130px; }
.octa-plans .op-product-nav a { text-decoration:none; }
.octa-plans .op-summary { white-space:pre-line; }
.octa-plans .op-availability { font-size:12px; text-align:center; padding:10px 20px; background:#eaf4fc; color:#26506f; }
.octa-plans noscript p { text-align:center; padding:16px; }

.octa-plans [hidden] { display:none !important; }

/* Direct enquiry form; contact storage and notifications are owned by the contact plugin. */
.octa-plans dialog { max-width:620px;max-height:calc(100dvh - 32px);overflow-y:auto }
.octa-plans dialog fieldset { padding:0;margin:0;border:0;min-width:0 }
.octa-plans dialog textarea { resize:vertical;min-height:90px;font:inherit }
.octa-plans dialog textarea:focus-visible { outline:3px solid var(--blue);outline-offset:4px }
.octa-plans dialog .op-optional { color:var(--muted);font-weight:400 }
.octa-plans dialog .op-consent { display:flex;align-items:flex-start;gap:10px;font-weight:400;margin:0 0 20px }
.octa-plans dialog .op-consent input { flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;padding:0 }
.octa-plans dialog .op-honeypot { position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden }
.octa-plans dialog .op-enquiry-status { padding:14px;border-radius:8px;background:#eaf5ee;color:#205b38 }
.octa-plans dialog .op-enquiry-status[data-error="true"] { background:#fff2ef;color:#8c3024 }
.octa-plans dialog .op-btn:disabled { opacity:.65;cursor:wait }
.octa-plans dialog [hidden] { display:none!important }
@media(max-width:540px){.octa-plans dialog { padding:24px }.octa-plans dialog .op-request-fields { grid-template-columns:1fr;gap:0 }}