:root {
  --background: #f4f7f8;
  --foreground: #071923;
  --card: #ffffff;
  --card-foreground: #071923;
  --popover: #ffffff;
  --popover-foreground: #071923;
  --primary: #ff6b18;
  --primary-foreground: #ffffff;
  --secondary: #edf2f3;
  --secondary-foreground: #071923;
  --muted: #edf2f3;
  --muted-foreground: #63737b;
  --accent: #fff0e7;
  --accent-foreground: #9d3500;
  --destructive: #dc2626;
  --border: #dce4e7;
  --input: #dce4e7;
  --ring: #ff6b18;
  --radius: .75rem;
  --ink: #061923;
  --navy: #08222e;
  --orange: #ff6b18;
  --mint: #9ff0c5;
  --paper: #f4f7f8;
}
.u-panel-spaced{margin-top:24px!important}.profile-panel{max-width:820px}



* { box-sizing: border-box; }
button, .btn { cursor:pointer; }
button { display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0; }
.btn {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:700;}
button:disabled {opacity:.65;cursor:wait;}
a:focus-visible,button:focus-visible,summary:focus-visible {outline:3px solid #ff8c49;outline-offset:4px;}
input,select,textarea {width:100%;min-height:44px;border:1px solid #cedadd;border-radius:8px;padding:12px;background:white;color:#102c38;font:inherit;}
textarea {resize:vertical;line-height:1.6;}
input:focus,select:focus,textarea:focus {outline:2px solid #ffad7f;outline-offset:1px;}
label {display:block;font-size:12px;font-weight:700;color:#45616e;margin:15px 0;}
label input,label textarea,label select {display:block;margin-top:8px;font-size:14px;font-weight:400;}
input[type=checkbox] {width:17px;min-height:17px;height:17px;margin:0;accent-color:#ff6b18;flex:none;}
.checkbox {display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;font-weight:400;}
.checkbox a {text-decoration:underline;}
.checkbox input {margin-top:2px;}
.primary-button {display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;font-weight:700;font-size:13px;}
.outline-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c8d6dd;background:#fff;color:#153440;border-radius:8px;min-height:40px;padding:10px 16px;font-size:12px;font-weight:700;margin:5px 0;}
.link-button {background:none;border:0;padding:8px 0;color:#305a68;font-size:12px;font-weight:700;}
.danger {color:#ba3933;}
.muted {color:#71838d;font-size:12px;line-height:1.8;}
.full {width:100%;}
.page {padding-top:48px;padding-bottom:80px;min-height:65vh;}
.page h1,.admin-main h1 {font-size:clamp(30px,4vw,47px);letter-spacing:-.045em;margin:14px 0 26px;line-height:1.12;}
.page h2,.panel h2 {font-size:22px;letter-spacing:-.025em;}
.page .kicker {display:block;}
.lede {color:#667f89;line-height:1.7;}
.panel {background:#fff;border:1px solid #dce5e8;border-radius:13px;padding:26px;margin:20px 0;min-width:0;}
.panel p {line-height:1.7;}
.narrow {max-width:900px;}
.narrow-left {max-width:760px;}
.prose {font-size:14px;line-height:1.9;overflow-wrap:anywhere;}
.two-column {display:grid;grid-template-columns:1.35fr 1fr;gap:24px;align-items:start;}
.two-column>.panel {height:auto;}
.page-title {display:flex;justify-content:space-between;align-items:center;gap:18px;}
.page-title h1 {overflow-wrap:anywhere;}
.actions {display:flex;gap:12px;flex-wrap:wrap;margin:20px 0;}
.flash,.alert,.notice {border:1px solid #f5d0b4;background:#fff6ed;color:#814314;border-radius:9px;padding:17px 20px;line-height:1.7;font-size:13px;margin:20px 0;overflow-wrap:anywhere;}
.flash {max-width:1180px;margin:16px auto;position:relative;}
.alert {color:#9f3535;background:#fff0f0;border-color:#efcccc;}
.badge {display:inline-block;border-radius:30px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.015em;background:#ecf0f2;color:#536974;white-space:nowrap;}
.status-active,.status-paid,.status-enabled {background:#e1f7ec;color:#126346;}
.status-payment_review,.status-pending,.status-open {background:#fff0df;color:#96531a;}
.status-cancelled,.status-disabled,.status-expired,.status-suspended,.status-rejected {background:#fbe8e7;color:#9c3e3e;}
.auth-wrap {padding:80px 24px;background:radial-gradient(circle at 15% 20%,#e2f4e9,transparent 40%),#f4f7f8;min-height:75vh;}
.auth-card {background:white;border:1px solid #d7e2e7;border-radius:16px;max-width:500px;margin:0 auto;padding:38px;box-shadow:0 30px 70px #09222e08;}
.auth-card h1 {font-size:34px;letter-spacing:-.04em;}
.auth-links {display:flex;justify-content:space-between;gap:10px;margin-top:26px;font-size:11px;color:#4c6875;}
.back {display:block;font-size:12px;color:#6e838e;margin-bottom:30px;}
.addon-option {display:flex;gap:12px;align-items:center;padding:17px;border:1px solid #d9e3e7;border-radius:9px;}
.addon-option span {flex:1;}
.addon-option small {display:block;font-weight:400;color:#69828d;margin-top:5px;line-height:1.5;}
.addon-option b {text-align:right;font-size:13px;color:#172f3c;}
.cart-row {display:flex;align-items:center;gap:18px;padding:19px 0;border-bottom:1px solid #e4ebee;}
.cart-row>div:first-child {flex:1;min-width:0;}
.cart-row h3 {margin:0;font-size:16px;}
.cart-row p {margin:6px 0;font-size:13px;overflow-wrap:anywhere;color:#6c8089;}
.cart-row small {font-size:11px;color:#7b8d95;display:block;}
.empty-state {padding:60px 24px;text-align:center;background:#fff;border:1px dashed #cfdde3;border-radius:14px;color:#5e7784;}
.workspace-nav {display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border:1px solid #dae4e9;background:#fff;border-radius:10px;margin-bottom:35px;}
.workspace-nav a {font-size:12px;font-weight:700;padding:10px 16px;border-radius:6px;}
.workspace-nav a:hover {background:#fff0e5;color:#cb5a11;}
.workspace-nav form {margin-left:auto;padding-right:15px;}
.metric-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0;}
.metric-cards>div {background:#fff;padding:26px;border:1px solid #d9e5ea;border-radius:12px;border-top:3px solid #ff6b18;}
.metric-cards small {font-size:10px;letter-spacing:.1em;color:#718991;font-weight:800;}
.metric-cards strong {display:block;font-size:34px;margin-top:12px;letter-spacing:-.04em;}
.table-wrap {overflow-x:auto;}
table {border-collapse:collapse;width:100%;font-size:12px;text-align:left;}
th {font-size:10px;color:#76909c;text-transform:uppercase;letter-spacing:.04em;padding:14px 10px;border-bottom:1px solid #d5e1e7;white-space:nowrap;}
td {padding:17px 10px;border-bottom:1px solid #e6edef;line-height:1.7;vertical-align:middle;}
td a {font-weight:700;color:#136660;white-space:nowrap;}
td small {display:block;color:#8a9ca4;font-size:10px;}
.totals {text-align:right;font-size:13px;}
.payment-instructions {background:#f2f7f9;border-radius:8px;padding:20px;font-size:14px;line-height:1.8;white-space:normal;}
.cards-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.service-tile {transition:box-shadow .2s;}
.service-tile:hover {box-shadow:0 12px 30px #09263015;}
.service-tile>span:last-child {display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#da6215;}
.service-tile h2 {font-size:20px;}
.ticket-link {display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid #e0e9ed;font-size:13px;}
.thread {max-width:850px;margin:25px 0;}
.message {background:white;border:1px solid #dbe6eb;border-radius:12px;margin:15px 0;padding:24px;overflow-wrap:anywhere;}
.message.staff {border-left:4px solid #ff7c24;background:#fffaf6;}
.message>div {display:flex;justify-content:space-between;gap:15px;font-size:12px;}
.message small {font-size:10px;color:#8396a1;}
.message p {font-size:14px;line-height:1.8;}
.service-menu {position:relative;}
.service-menu summary {cursor:pointer;list-style:none;}
.service-menu summary:after {content:' ⌄';color:#ff8a49;}
.service-menu>div {position:absolute;top:28px;left:-15px;width:245px;background:#0c2935;border:1px solid #2a4653;border-radius:9px;padding:12px;box-shadow:0 20px 35px #0003;}
.service-menu a {display:block;padding:11px;font-size:12px;}
.category-link {display:grid;grid-template-columns:24px 1fr 18px;gap:10px;align-items:center;padding:17px 12px;border-bottom:1px solid #28424e;color:#9badb4;font-size:12px;}
.category-link b,.category-link small {display:block;}
.category-link small {color:#78939f;font-size:10px;margin-top:4px;}
.category-link.active {color:white;background:#ffffff08;box-shadow:inset 3px 0 #ff6b18;}
.faq-list details {border-bottom:1px solid #d5e1e5;padding:22px 0;}
.faq-list summary {font-size:15px;font-weight:700;cursor:pointer;}
.faq-list p {color:#637982;font-size:13px;line-height:1.8;}
.admin-layout {display:grid;grid-template-columns:240px minmax(0,1fr);min-height:85vh;max-width:1600px;margin:0 auto;}
.admin-sidebar {background:#0c2531;color:#adbfca;padding:34px 22px;}
.admin-sidebar h2 {font-size:21px;color:white;letter-spacing:-.025em;}
.admin-sidebar nav {display:flex;flex-direction:column;gap:4px;margin:28px 0;}
.admin-sidebar nav a {padding:12px 14px;font-size:12px;border-radius:7px;}
.admin-sidebar nav a.selected {background:#ff6b18;color:#fff;}
.admin-sidebar nav a:hover {background:#23414d;color:white;}
.admin-sidebar>.outline-button {font-size:11px;background:transparent;border-color:#3c525e;color:#c4d2da;}
.admin-sidebar .link-button {color:#b7c8d1;}
.admin-main {padding:35px 36px 70px;min-width:0;}
.admin-main h1 {font-size:36px;}
.admin-editor {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr);gap:24px;align-items:start;}
.admin-record {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid #e1eaee;font-size:12px;}
.admin-record small {display:block;color:#7d939e;font-size:10px;margin-top:7px;}
.launch-list {font-size:13px;color:#58727e;padding-left:20px;line-height:2.2;}
.custom-field-row {padding:14px;border:1px dashed #cbd9df;margin:14px 0;border-radius:8px;background:#f7fafb;}
.custom-field-row label {margin:8px 0;}
.search-form {display:flex;gap:12px;max-width:600px;align-items:center;}
.installer {background:#071f2b;min-height:100vh;padding:55px 24px;}
.install-box {max-width:730px;margin:auto;padding:42px;background:#fff;border-radius:17px;}
.install-box>h1 {font-size:46px;letter-spacing:-.05em;}
.install-box>p {line-height:1.8;color:#637d87;font-size:14px;}
.install-box h2 {font-size:18px;margin-top:32px;}
.checklist {display:flex;gap:8px;flex-wrap:wrap;margin:24px 0;}
.checklist span {border:1px solid #cfdfd8;background:#eef8f3;padding:8px 10px;border-radius:6px;font-size:11px;}
@media(max-width:1050px){.admin-layout{grid-template-columns:200px minmax(0,1fr)}.admin-main{padding:25px 20px}.admin-editor{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(2,1fr)}.metric-cards strong{font-size:27px}}
@media(max-width:760px){.two-column{grid-template-columns:1fr;gap:0}.metric-cards{grid-template-columns:1fr;gap:10px}.metric-cards>div{padding:18px}.metric-cards strong{font-size:26px}.cards-grid{grid-template-columns:1fr}.admin-layout{display:block}.admin-sidebar{padding:20px}.admin-sidebar nav{flex-direction:row;flex-wrap:wrap;margin:16px 0}.admin-sidebar nav a{font-size:10px;padding:9px}.admin-sidebar>.outline-button,.admin-sidebar>form{display:none}.admin-main{padding:20px 16px}.admin-main h1{font-size:30px}.page-title{flex-wrap:wrap}.auth-card{padding:26px}.auth-wrap{padding:40px 16px}.panel{padding:20px}.workspace-nav a{padding:8px;font-size:11px}.workspace-nav form{margin-left:0}.cart-row{flex-wrap:wrap}.cart-row>div:first-child{flex-basis:60%}.install-box{padding:26px}.install-box>h1{font-size:37px}.service-menu>div{position:relative;top:10px;left:0;width:100%}.topbar .access-button{font-size:11px}.topbar .brand{font-size:15px}.flash{margin:12px 16px}.auth-links{flex-wrap:wrap}.configurator{display:block}.config-fields{padding:22px}.summary-card{margin-top:18px}.addon-option{flex-wrap:wrap}.addon-option b{text-align:left}}
@media print{.topbar,footer,.workspace-nav,.print-hidden,.flash,.toast-stack,.actions{display:none!important}.page{width:100%;padding:0}.panel{border:0;padding:10px}.invoice{font-size:12px}.site-shell{overflow:visible}body{background:white}a{color:inherit}.table-wrap{overflow:visible}}
.toast-stack{position:fixed;z-index:1500;top:96px;right:22px;width:min(390px,calc(100vw - 30px));display:grid;gap:10px;pointer-events:none}.premium-toast{--toast-accent:#16896b;position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 30px;gap:11px;align-items:start;overflow:hidden;padding:15px 13px 17px 15px;border:1px solid #d8e3e6;border-left:4px solid var(--toast-accent);border-radius:13px;background:rgba(255,255,255,.98);box-shadow:0 24px 65px rgba(7,31,42,.2);color:#173440;pointer-events:auto;opacity:0;transform:translateX(calc(100% + 35px));transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}.premium-toast.is-visible{opacity:1;transform:none}.premium-toast.is-leaving{opacity:0;transform:translateX(calc(100% + 35px))}.toast-error{--toast-accent:#d65343}.toast-warning{--toast-accent:#df8426}.toast-info{--toast-accent:#347ea6}.toast-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--toast-accent) 12%,white);color:var(--toast-accent);font-size:15px;font-weight:900}.premium-toast strong{display:block;margin:1px 0 4px;font-size:12px}.premium-toast p{margin:0;color:#617681;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.premium-toast button{width:28px;height:28px;border:0;border-radius:8px;background:#f0f4f5;color:#60747d;font-size:19px;line-height:1;cursor:pointer}.premium-toast button:hover{background:#e7edef;color:#173440}.toast-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--toast-accent);transform-origin:left;animation:toast-progress 5.2s linear forwards}.premium-toast:hover .toast-progress,.premium-toast:focus-within .toast-progress{animation-play-state:paused}@keyframes toast-progress{to{transform:scaleX(0)}}
@media(max-width:620px){.toast-stack{top:78px;left:14px;right:14px;width:auto}.premium-toast{transform:translateY(-25px)}.premium-toast.is-visible{transform:none}.premium-toast.is-leaving{transform:translateY(-25px)}}
@media(prefers-reduced-motion:reduce){.premium-toast{transition:none}.toast-progress{animation:none}}
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
.site-shell { min-width: 320px; overflow: hidden; }
.section { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }

.topbar { height: 76px; padding: 0 max(24px, calc((100vw - 1180px)/2)); display: flex; align-items: center; justify-content: space-between; background: rgba(6,25,35,.96); color: white; position: sticky; top: 0; z-index: 50; border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(14px); }
.brand { display: inline-flex; align-items: center; gap: 10px; color: white; font-weight: 900; letter-spacing: -.04em; font-size: 19px; }
.brand > span:last-child span { color: var(--orange); }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,107,24,.5); border-radius: 9px; color: var(--orange); background: rgba(255,107,24,.09); }
.nav-links { display: flex; align-items: center; gap: 28px; color: #c3cdd2; font-size: 13px; font-weight: 700; }
.nav-links a { transition: .2s; }
.nav-links a:hover { color: white; }
.header-actions { display: flex; align-items: center; gap: 9px; }
.access-button { color: #d5dee2 !important; background: transparent !important; font-size: 13px; }
.quote-trigger { height: 39px; background: var(--orange) !important; color: white !important; border-radius: 8px !important; gap: 8px; }
.quote-trigger b { min-width: 19px; height: 19px; display: grid; place-items: center; background: #fff; color: var(--orange); font-size: 10px; border-radius: 20px; }
.menu-button { display: none; border: 0; background: transparent; color: white; }

.hero { min-height: 680px; padding: 92px max(24px, calc((100vw - 1180px)/2)) 86px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 70px; color: white; background-color: var(--ink); background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px), radial-gradient(circle at 72% 38%, rgba(20,132,126,.18), transparent 34%); background-size: 38px 38px, 38px 38px, auto; position: relative; }
.hero:after { content: ""; position: absolute; inset: auto 0 0; height: 4px; background: linear-gradient(90deg, var(--orange) 0 28%, #183c49 28% 100%); }
.eyebrow, .kicker { color: var(--orange); letter-spacing: .16em; font-size: 11px; font-weight: 900; }
.eyebrow { display: flex; align-items: center; gap: 10px; }
.eyebrow span { width: 30px; height: 2px; background: var(--orange); }
.hero h1 { max-width: 690px; margin: 22px 0 24px; font-size: clamp(48px, 5vw, 76px); line-height: .98; letter-spacing: -.055em; font-weight: 850; }
.hero h1 em { color: var(--mint); font-style: normal; }
.hero-copy > p { max-width: 620px; color: #adbac0; font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 24px; margin-top: 34px; }
.hero-primary, .primary-button { height: 49px; padding-inline: 20px !important; background: var(--orange) !important; color: #fff !important; border-radius: 8px !important; box-shadow: 0 10px 30px rgba(255,107,24,.2); }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: #e0e7ea; font-size: 13px; font-weight: 800; }
.hero-proof { margin-top: 38px; display: flex; flex-wrap: wrap; gap: 20px; color: #82949b; font-size: 11px; font-weight: 700; }
.hero-proof span { display: flex; gap: 6px; align-items: center; }
.hero-proof svg { width: 14px; color: var(--mint); }

.control-card { background: #081f2a; border: 1px solid #29434d; border-radius: 16px; box-shadow: 0 36px 90px rgba(0,0,0,.35); overflow: hidden; transform: perspective(1200px) rotateY(-2deg); }
.console-head { height: 48px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #213944; color: #79909a; font: 700 9px/1 monospace; letter-spacing: .12em; }
.window-dots { display: flex; gap: 6px; }
.window-dots i, .code-head i { width: 7px; height: 7px; border-radius: 50%; background: #33505c; }
.window-dots i:first-child, .code-head i:first-child { background: var(--orange); }
.console-body { padding: 20px; }
.health-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.health-row > div { padding: 15px; border: 1px solid #223c47; border-radius: 8px; background: rgba(255,255,255,.02); }
.health-row small { display: block; color: #637b85; font: 700 9px monospace; letter-spacing: .08em; }
.health-row strong { display: flex; align-items: center; gap: 8px; margin-top: 9px; color: #dce7eb; font-size: 13px; }
.health-row strong i { width: 7px; height: 7px; border-radius: 50%; background: #61e49e; box-shadow: 0 0 12px #61e49e; }
.health-row strong span { font-size: 9px; color: #718791; }
.route-map { height: 248px; position: relative; margin: 16px 0; border: 1px solid #223c47; border-radius: 8px; overflow: hidden; background-image: radial-gradient(#35505b 1px, transparent 1px); background-size: 16px 16px; }
.core-node { position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: 92px; height: 92px; border: 1px solid #ff8743; border-radius: 50%; background: #102d39; display: grid; place-items: center; align-content: center; gap: 5px; z-index: 2; color: var(--orange); box-shadow: 0 0 0 12px rgba(255,107,24,.04), 0 0 35px rgba(255,107,24,.1); }
.core-node svg { width: 20px; }
.core-node span { color: white; font: 800 9px/1.2 monospace; text-align: center; letter-spacing: .05em; }
.edge-node { position: absolute; right: 20px; width: 140px; height: 48px; padding: 0 9px; display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 7px; background: #102b37; border: 1px solid #31505d; border-radius: 7px; font-size: 10px; font-weight: 700; z-index: 2; }
.edge-node svg { width: 16px; color: var(--mint); }
.edge-node b { color: #6ce3a4; font: 700 7px monospace; }
.sports-node { top: 24px; }.casino-node { top: 100px; }.licence-node { top: 176px; }
.route-line { position: absolute; left: 50%; width: 35%; height: 1px; background: linear-gradient(90deg, var(--orange), #43bb9b); transform-origin: left; }
.line-one { top: 50%; rotate: -25deg; }.line-two { top: 50%; }.line-three { top: 50%; rotate: 25deg; }
.event-stream { border-top: 1px solid #223c47; padding-top: 10px; }
.event-stream div { padding: 5px 0; display: grid; grid-template-columns: 72px 1fr auto; font: 9px monospace; color: #a9b8be; }
.event-stream span { color: #57717b; }.event-stream b { color: #65dc9f; font-size: 8px; }

.trust-bar { min-height: 84px; padding: 18px max(24px, calc((100vw - 1180px)/2)); display: flex; align-items: center; justify-content: space-between; gap: 30px; background: white; border-bottom: 1px solid #dde4e7; }
.trust-bar > span { color: #849198; font-size: 9px; font-weight: 900; letter-spacing: .14em; white-space: nowrap; }
.trust-bar > div { display: flex; gap: 34px; }
.trust-bar div span { display: flex; align-items: center; gap: 7px; color: #52656d; font-size: 11px; font-weight: 800; }
.trust-bar svg { width: 16px; color: #167a67; }

.services-section { padding-block: 110px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 50px; }
.section-heading h2, .security-copy h2, .docs-copy h2, .portal-heading h2, .faq-section h2 { margin: 12px 0 0; font-size: clamp(34px, 4vw, 54px); line-height: 1.05; letter-spacing: -.045em; }
.section-heading > p { max-width: 410px; margin: 0; color: #64747b; font-size: 15px; line-height: 1.65; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.service-card { min-height: 360px; padding: 30px; border: 1px solid #dae3e6; background: white; border-radius: 14px; text-align: left; position: relative; overflow: hidden; transition: .25s; cursor: pointer; }
.service-card:after { content: ""; position: absolute; inset: auto 0 0; height: 4px; background: var(--orange); transform: scaleX(0); transform-origin: left; transition: .25s; }
.service-card:hover { translate: 0 -5px; box-shadow: 0 20px 60px rgba(6,25,35,.09); }.service-card:hover:after { transform: scaleX(1); }
.service-card.mint .service-icon { color: #14745d; background: #e3faef; }.service-card.blue .service-icon { color: #0a6590; background: #e4f5fb; }
.service-number { position: absolute; right: 24px; top: 20px; color: #e4e9eb; font-size: 46px; font-weight: 900; }
.service-icon { width: 52px; height: 52px; display: grid; place-items: center; color: var(--orange); background: #fff0e8; border-radius: 12px; }
.service-icon svg { width: 23px; }
.service-card > span { display: block; margin-top: 40px; color: #8a989e; letter-spacing: .14em; font-size: 9px; font-weight: 900; }
.service-card h3 { margin: 9px 0; font-size: 25px; letter-spacing: -.03em; }.service-card p { color: #687980; font-size: 14px; line-height: 1.65; }
.service-cta { position: absolute; left: 30px; bottom: 28px; display: flex; align-items: center; gap: 5px; color: #0a2632; font-size: 12px; font-weight: 900; }.service-cta svg { width: 16px; color: var(--orange); }

.catalogue-section { background: var(--navy); color: white; padding-block: 105px; }
.catalogue-inner { display: grid; grid-template-columns: 310px 1fr; gap: 55px; }
.kicker.light { color: #6de0ab; }.category-rail h2 { margin: 14px 0; font-size: 38px; line-height: 1.05; letter-spacing: -.04em; }.category-rail > p { color: #8da0a8; font-size: 14px; line-height: 1.6; }
.category-buttons { margin-top: 30px; border-top: 1px solid #28424e; }
.category-buttons button { width: 100%; padding: 17px 12px; border: 0; border-bottom: 1px solid #28424e; background: transparent; color: #9badb4; display: grid; grid-template-columns: 30px 1fr 18px; gap: 9px; align-items: center; text-align: left; cursor: pointer; }
.category-buttons button.active { color: white; background: rgba(255,255,255,.05); box-shadow: inset 3px 0 var(--orange); }.category-buttons svg { width: 17px; }.category-buttons button > svg:last-child { width: 14px; }.category-buttons b,.category-buttons small { display: block; }.category-buttons b { font-size: 12px; }.category-buttons small { color: #637983; margin-top: 4px; font-size: 9px; }
.adviser-card { margin-top: 28px; padding: 17px; display: flex; gap: 12px; border: 1px solid #2c4753; border-radius: 10px; background: rgba(255,255,255,.035); }.adviser-card svg { color: var(--orange); }.adviser-card b { font-size: 12px; }.adviser-card p { color: #81959d; font-size: 10px; margin: 5px 0 0; }
.plan-area { min-width: 0; }.plan-top { display: flex; justify-content: space-between; align-items: end; margin-bottom: 22px; }.plan-top span { color: var(--orange); font: 800 9px monospace; letter-spacing: .12em; }.plan-top h3 { margin: 7px 0 0; font-size: 27px; }.plan-top small { color: #78909a; }
.plan-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.plan-card { min-height: 450px; padding: 27px; background: #fff; color: var(--ink); border: 2px solid transparent; border-radius: 12px; position: relative; }.plan-card.featured { border-color: var(--orange); }.plan-badge { position: absolute; right: 20px; top: 20px; padding: 6px 9px; background: #edf5f3; color: #176851; border-radius: 5px; font: 800 8px monospace; text-transform: uppercase; }.featured .plan-badge { background: #fff0e8; color: #bf4809; }
.plan-card h4 { margin: 7px 0; font-size: 21px; }.plan-card > p { min-height: 44px; color: #6a7980; font-size: 12px; line-height: 1.6; padding-right: 55px; }.price { margin: 22px 0; display: flex; align-items: baseline; gap: 6px; }.price small { color: #87959b; font: 800 8px monospace; }.price strong { font-size: 36px; letter-spacing: -.05em; }.price span { color: #87959b; font-size: 10px; }
.plan-card ul { padding: 18px 0 0; margin: 0; border-top: 1px solid #e6ebed; list-style: none; }.plan-card li { margin: 11px 0; display: flex; gap: 8px; align-items: center; color: #53646b; font-size: 11px; }.plan-card li svg { width: 14px; color: #17916d; }
.plan-button { position: absolute; inset: auto 27px 25px; width: calc(100% - 54px); background: var(--ink) !important; color: white !important; }.featured .plan-button { background: var(--orange) !important; }.plan-button svg { width: 15px; }
.pricing-note { display: flex; align-items: center; gap: 7px; color: #76909a; font-size: 10px; }.pricing-note svg { width: 15px; color: #64d6a3; }

.configure-section { padding-block: 110px; }.section-heading.compact { margin-bottom: 40px; }.configurator { display: grid; grid-template-columns: 1.35fr .65fr; gap: 28px; align-items: start; }.config-fields { padding: 34px; background: white; border: 1px solid #dce4e7; border-radius: 14px; }.config-heading { display: flex; gap: 13px; margin-bottom: 28px; }.config-heading > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: #fff0e8; color: var(--orange); font: 900 10px monospace; }.config-heading h3 { margin: 0; font-size: 19px; }.config-heading p { margin: 5px 0 0; color: #78888f; font-size: 11px; }.config-fields label { display: grid; gap: 8px; color: #334951; font-size: 11px; font-weight: 800; }.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }.config-select { width: 100% !important; height: 46px !important; border-color: #d7e0e3 !important; background: #fbfcfc !important; }
.summary-card { padding: 29px; background: var(--ink); color: white; border-radius: 14px; box-shadow: 0 25px 70px rgba(6,25,35,.2); position: sticky; top: 100px; }.summary-head { display: flex; justify-content: space-between; border-bottom: 1px solid #29414c; padding-bottom: 20px; }.summary-head small { color: var(--orange); font: 800 8px monospace; letter-spacing: .12em; }.summary-head h3 { margin: 7px 0 0; font-size: 19px; }.summary-head svg { color: var(--orange); }.summary-lines { padding: 18px 0; border-bottom: 1px solid #29414c; }.summary-lines div { display: flex; justify-content: space-between; margin: 11px 0; color: #96a7ae; font-size: 11px; }.summary-lines b { color: #e8eef0; }.summary-total { padding: 22px 0; display: grid; }.summary-total span { color: #748b95; font: 800 8px monospace; letter-spacing: .1em; }.summary-total strong { margin-top: 5px; font-size: 38px; letter-spacing: -.05em; }.summary-total small { color: #71858e; }.add-quote { width: 100%; height: 48px; background: var(--orange) !important; color: white !important; }.summary-card > p { margin: 13px 0 0; display: flex; justify-content: center; gap: 5px; color: #78909a; font-size: 9px; }.summary-card > p svg { width: 13px; }

.security-section { padding-block: 100px; background: #071c26; color: white; position: relative; }.security-section:before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 50%, rgba(255,107,24,.08), transparent 30%); }.security-inner { position: relative; display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }.security-copy p { color: #8ea0a8; line-height: 1.7; }.security-stat { margin-top: 45px; display: flex; gap: 12px; align-items: center; }.security-stat strong { font-size: 55px; color: var(--mint); }.security-stat span { color: #82959d; font: 800 9px/1.5 monospace; letter-spacing: .08em; }.security-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.security-grid article { min-height: 150px; padding: 25px; border: 1px solid #29434e; border-radius: 12px; background: rgba(255,255,255,.025); display: flex; gap: 15px; }.security-grid svg { flex: 0 0 auto; color: var(--orange); }.security-grid h3 { margin: 2px 0 8px; font-size: 15px; }.security-grid p { margin: 0; color: #8498a0; font-size: 11px; line-height: 1.6; }

.docs-section { padding-block: 110px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center; }.docs-copy > p { color: #66777e; line-height: 1.7; }.docs-copy ol { list-style: none; padding: 20px 0 0; }.docs-copy li { padding: 14px 0; display: flex; gap: 12px; border-bottom: 1px solid #dce4e7; }.docs-copy li > span { width: 26px; height: 26px; display: grid; place-items: center; background: #e5f7ef; color: #14715a; border-radius: 50%; font: 900 9px monospace; }.docs-copy li b,.docs-copy li small { display: block; }.docs-copy li b { font-size: 13px; }.docs-copy li small { margin-top: 4px; color: #74858c; font-size: 10px; }
.code-window { background: #071d27; color: #c9d8de; border-radius: 14px; overflow: hidden; box-shadow: 0 30px 70px rgba(6,25,35,.18); }.code-head { height: 47px; padding: 0 17px; display: flex; align-items: center; border-bottom: 1px solid #29414b; }.code-head > span { display: flex; gap: 5px; }.code-head b { margin-left: 22px; font: 700 9px monospace; }.code-head small { margin-left: auto; color: #69808a; font: 700 8px monospace; }.code-window pre { min-height: 370px; margin: 0; padding: 28px; overflow: auto; color: #a6e7c4; font: 12px/1.8 monospace; }.code-foot { padding: 14px 18px; display: flex; justify-content: space-between; border-top: 1px solid #29414b; color: #69818b; font: 700 8px monospace; }.code-foot span,.code-foot button { display: flex; align-items: center; gap: 6px; }.code-foot svg { width: 13px; }.code-foot button { border: 0; color: #9aadb5; background: transparent; cursor: pointer; }

.portal-section { padding-block: 105px; background: white; }.portal-inner { display: grid; grid-template-columns: .75fr 1.25fr; gap: 65px; align-items: center; }.portal-heading p { color: #687980; line-height: 1.7; }.dark-button { margin-top: 20px; background: var(--ink) !important; color: white !important; }.portal-preview { min-height: 420px; display: grid; grid-template-columns: 58px 1fr; border: 1px solid #d9e2e5; border-radius: 13px; background: #f5f8f9; box-shadow: 0 30px 70px rgba(6,25,35,.1); overflow: hidden; }.portal-side { padding-block: 17px; display: flex; flex-direction: column; align-items: center; gap: 25px; background: var(--ink); color: #58717b; }.portal-side > svg { width: 17px; }.portal-side > svg.active { color: var(--orange); }.mini-logo { width: 30px; height: 30px; display: grid; place-items: center; color: var(--orange); border: 1px solid #314b56; border-radius: 7px; }.mini-logo svg { width: 14px; }.portal-main { padding: 28px; }.portal-top { display: flex; justify-content: space-between; align-items: center; }.portal-top small,.portal-top b { display: block; }.portal-top small { color: #8a999f; font: 700 8px monospace; }.portal-top b { margin-top: 6px; font-size: 17px; }.portal-top > span { display: flex; align-items: center; gap: 6px; color: #31705c; font-size: 8px; font-weight: 800; }.portal-top i,.status-pill i { width: 7px; height: 7px; border-radius: 50%; background: #33bd83; }.metric-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 26px 0; }.metric-grid > div { padding: 17px; background: white; border: 1px solid #e0e7e9; border-radius: 8px; }.metric-grid small,.metric-grid strong,.metric-grid span { display: block; }.metric-grid small { color: #8b999f; font: 700 7px monospace; }.metric-grid strong { margin-top: 10px; font-size: 20px; }.metric-grid span { margin-top: 3px; color: #7a8b91; font-size: 8px; }.activity-panel { padding: 17px; background: white; border: 1px solid #e0e7e9; border-radius: 8px; }.activity-panel > b { display: block; margin-bottom: 8px; font-size: 10px; }.activity-panel > div { padding: 10px 0; display: grid; grid-template-columns: 20px 1fr auto; align-items: center; border-top: 1px solid #edf1f2; font-size: 9px; }.activity-panel svg { width: 13px; color: #1e9670; }.activity-panel small { color: #98a5aa; }

.licence-section { padding-block: 80px; }.licence-panel { padding: 38px; display: grid; grid-template-columns: 60px 1fr auto; gap: 25px; align-items: center; background: #fff7f2; border: 1px solid #ffd9c3; border-radius: 14px; }.licence-icon { width: 55px; height: 55px; display: grid; place-items: center; background: var(--orange); color: white; border-radius: 12px; }.licence-panel h2 { margin: 8px 0; font-size: 26px; }.licence-panel p { max-width: 700px; margin: 0; color: #725f54; font-size: 12px; line-height: 1.65; }.licence-panel > a { display: flex; gap: 7px; align-items: center; color: #9d3c0a; font-size: 11px; font-weight: 900; }.licence-panel > a svg { width: 15px; }
.faq-section { padding-block: 70px 110px; display: grid; grid-template-columns: .65fr 1.35fr; gap: 80px; }.faq-section > div > p { color: #74858b; }.faq-list { border-top: 1px solid #d5dfe2; }.faq-list button { font-size: 14px; font-weight: 800; }.faq-list [data-slot="accordion-content"] { color: #66777e; line-height: 1.7; }
.final-cta { padding: 70px max(24px, calc((100vw - 1180px)/2)); display: flex; justify-content: space-between; align-items: center; gap: 30px; background: var(--orange); color: white; }.final-cta span { font-size: 9px; letter-spacing: .15em; font-weight: 900; }.final-cta h2 { margin: 12px 0 0; font-size: 37px; line-height: 1.05; letter-spacing: -.04em; }.final-cta .hero-primary { background: var(--ink) !important; box-shadow: none; }

footer { background: #051720; color: #8fa0a7; }.footer-main { width: min(1180px, calc(100% - 48px)); margin: auto; padding-block: 70px; display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); gap: 60px; }.footer-brand p { max-width: 260px; font-size: 12px; line-height: 1.7; }.status-pill { width: fit-content; padding: 7px 10px; display: flex; align-items: center; gap: 7px; border: 1px solid #24404c; border-radius: 20px; font-size: 8px; }.footer-main h3 { margin: 4px 0 20px; color: #dce5e8; font-size: 11px; }.footer-main > div:not(:first-child) a { display: block; margin: 13px 0; font-size: 10px; }.footer-main a:hover { color: white; }.footer-bottom { width: min(1180px, calc(100% - 48px)); margin: auto; padding: 22px 0; display: flex; justify-content: space-between; border-top: 1px solid #1c3540; font-size: 9px; }

.access-dialog { border-color: #dce4e7 !important; border-radius: 14px !important; }.access-form { display: grid; gap: 14px; margin-top: 8px; }.access-form label,.quote-bottom label { display: grid; gap: 7px; color: #40545c; font-size: 11px; font-weight: 800; }.access-form input,.access-form select,.quote-bottom input { height: 43px; padding: 0 12px; border: 1px solid #d6e0e3; border-radius: 7px; background: #fbfcfc; outline: none; }.form-note { color: #7b8b91; font-size: 9px; line-height: 1.5; }.quote-sheet { width: min(460px, 100%) !important; }.quote-items { margin-top: 24px; display: grid; gap: 10px; }.empty-quote { padding: 60px 10px; color: #809097; text-align: center; }.empty-quote svg { margin: auto; }.empty-quote h3 { color: var(--ink); font-size: 15px; }.empty-quote p { font-size: 11px; }.quote-item { padding: 15px; display: grid; grid-template-columns: 1fr auto 25px; gap: 10px; align-items: start; border: 1px solid #dbe4e7; border-radius: 9px; }.quote-item strong { font-size: 12px; }.quote-item p { margin: 5px 0 0; color: #75868d; font-size: 9px; line-height: 1.5; }.quote-item > span { font-size: 12px; font-weight: 900; }.quote-item button { border: 0; background: transparent; color: #8c9a9f; cursor: pointer; }.quote-bottom { margin-top: auto; padding-top: 25px; display: grid; gap: 16px; }.quote-bottom label > div { display: grid; grid-template-columns: 1fr auto; gap: 8px; }.quote-total { padding-top: 18px; display: flex; justify-content: space-between; border-top: 1px solid #dbe3e6; }.quote-total strong { font-size: 20px; }.quote-bottom small { color: #849299; font-size: 9px; line-height: 1.5; }

@media (max-width: 1020px) {
  .nav-links { display: none; position: absolute; inset: 76px 0 auto; padding: 22px 24px; background: #071b25; flex-direction: column; align-items: flex-start; }.nav-links.open { display: flex; }.menu-button { display: block; }.access-button { display: none !important; }
  .hero { grid-template-columns: 1fr; gap: 50px; }.control-card { width: min(620px,100%); transform: none; }.trust-bar { align-items: flex-start; }.trust-bar > div { display: grid; grid-template-columns: 1fr 1fr; }
  .catalogue-inner { grid-template-columns: 1fr; }.category-buttons { display: grid; grid-template-columns: repeat(3,1fr); border: 0; }.category-buttons button { border: 1px solid #28424e; }.adviser-card { display: none; }
  .configurator,.security-inner,.docs-section,.portal-inner { grid-template-columns: 1fr; }.summary-card { position: static; }.security-copy { max-width: 650px; }.portal-preview { width: min(760px,100%); }.faq-section { grid-template-columns: 1fr; gap: 30px; }
}

@media (max-width: 720px) {
  .section { width: min(100% - 32px, 1180px); }.topbar { height: 68px; padding-inline: 16px; }.nav-links { top: 68px; }.brand { font-size: 17px; }.brand-mark { width: 31px; height: 31px; }.quote-trigger span { display: none; }
  .hero { min-height: auto; padding: 72px 18px; }.hero h1 { font-size: 45px; }.hero-copy > p { font-size: 15px; }.hero-actions { align-items: flex-start; flex-direction: column; }.hero-proof { gap: 10px; flex-direction: column; }.control-card { display: none; }
  .trust-bar { display: none; }.services-section,.configure-section,.docs-section { padding-block: 80px; }.section-heading { align-items: flex-start; flex-direction: column; gap: 18px; }.section-heading h2 { font-size: 36px; }.service-grid,.plan-grid,.security-grid { grid-template-columns: 1fr; }.service-card { min-height: 330px; }
  .catalogue-section { padding-block: 75px; }.catalogue-inner { gap: 40px; }.category-buttons { grid-template-columns: 1fr; }.plan-card { min-height: 440px; }
  .config-fields { padding: 22px; }.field-grid { grid-template-columns: 1fr; }.summary-card { padding: 23px; }
  .security-inner { gap: 45px; }.security-grid article { min-height: 130px; }.docs-section { gap: 45px; }.code-window pre { padding: 20px; font-size: 10px; }
  .portal-section { padding-block: 75px; }.portal-preview { grid-template-columns: 46px 1fr; min-height: 350px; }.portal-main { padding: 17px; }.metric-grid { grid-template-columns: 1fr; }.metric-grid > div:nth-child(n+2) { display: none; }.portal-top > span { display: none; }
  .licence-panel { grid-template-columns: 1fr; padding: 28px; }.faq-section { padding-bottom: 75px; }.final-cta { padding: 55px 18px; align-items: flex-start; flex-direction: column; }.final-cta h2 { font-size: 31px; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 35px; }.footer-brand { grid-column: 1/-1; }.footer-bottom { flex-direction: column; gap: 8px; }.quote-sheet { width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
.phone-input-group{display:grid;grid-template-columns:minmax(142px,.95fr) minmax(125px,1.05fr);gap:8px}.phone-input-group select,.phone-input-group input{min-width:0;margin:0}@media(max-width:390px){.phone-input-group{grid-template-columns:1fr}}
.plan-ggr{display:grid;gap:4px;margin:14px 0;padding:11px;border-radius:8px;background:#effaf6;border:1px solid #cbe9df;color:#08795d;font-size:11px}.plan-ggr span{color:#58766d}