/* shared:start */
html, body { margin:0; padding:0; background:#F7F9FC; }
body { font-family:'Inter',system-ui,sans-serif; color:#15213A; -webkit-font-smoothing:antialiased; }
* { box-sizing:border-box; }
a { color:#0B3D91; text-decoration:none; }
a:hover { color:#D92D20; }
:focus-visible { outline:2px solid #0B3D91; outline-offset:3px; }
@keyframes cp-blink { 0%,49% {opacity:1} 50%,100% {opacity:0} }
@keyframes cp-rise { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }
[data-glass] { position:relative; isolation:isolate; overflow:hidden; border-radius:28px; background:linear-gradient(180deg, rgba(255,255,255,0.30), rgba(255,255,255,0.55)); -webkit-backdrop-filter:blur(20px) saturate(1.5); backdrop-filter:blur(20px) saturate(1.5); border:1px solid rgba(21,33,58,0.09); border-top-color:rgba(255,255,255,0.95); box-shadow:inset 0 1px 0 rgba(255,255,255,0.90), 0 30px 70px -36px rgba(21,33,58,0.16); transition:transform .45s cubic-bezier(.16,1,.3,1); }
[data-glass]::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit; opacity:0.03; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
[data-glass="sm"] { border-radius:22px; }
[data-glass="dark"] { background:linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.18)); border-color:rgba(255,255,255,0.18); border-top-color:rgba(255,255,255,0.55); box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 30px 70px -36px rgba(0,0,0,0.5); }
[data-glass="dark"]::before { opacity:0.05; }
@supports (backdrop-filter: url(#x)) or (-webkit-backdrop-filter: url(#x)) {
  [data-glass="dark"] { -webkit-backdrop-filter:url(#cp-refract) blur(14px) saturate(1.5); backdrop-filter:url(#cp-refract) blur(14px) saturate(1.5); }
}
[data-glass]:hover { transform:scale(1.015); }
a[data-glass]:hover { color:inherit; }
[data-glass][data-static]:hover { transform:none; }
[data-btn] { transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s cubic-bezier(.16,1,.3,1); }
[data-btn]:hover { transform:scale(1.04); }
[data-btn]:active { transform:scale(0.97); }
[data-btn="primary"], [data-btn="primary"]:hover { color:#FFFFFF; }
[data-btn="secondary"], [data-btn="secondary"]:hover { color:#0B3D91; }
[data-header] { position:sticky; top:0; z-index:50; background:rgba(255,255,255,0.62); -webkit-backdrop-filter:blur(20px) saturate(1.5); backdrop-filter:blur(20px) saturate(1.5); border-bottom:1px solid rgba(21,33,58,0.06); box-shadow:0 12px 32px -26px rgba(21,33,58,0.25); }
[data-menu] { display:none; position:relative; }
[data-menu] summary { list-style:none; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; border:1px solid rgba(21,33,58,0.12); background:rgba(255,255,255,0.45); }
[data-menu] summary::-webkit-details-marker { display:none; }
[data-menu-panel] { position:absolute; right:0; top:calc(100% + 10px); min-width:240px; padding:10px; display:flex; flex-direction:column; gap:2px; z-index:60; }
[data-menu-panel]:hover { transform:none; }
[data-menu-panel] a { display:block; padding:12px 14px; border-radius:12px; color:#15213A; font-size:16px; font-weight:500; }
[data-menu-panel] a:hover { background:rgba(11,61,145,0.06); color:#0B3D91; }
[data-reveal] { opacity:1; }
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    [data-reveal] { animation:cp-rise .6s cubic-bezier(.16,1,.3,1) both; animation-timeline:view(); animation-range:entry 0% entry 40%; }
  }
}
[data-reveal].cp-hidden { opacity:0; transform:translateY(24px); }
[data-reveal].cp-shown { opacity:1; transform:none; transition:opacity .6s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1); }
@media (max-width: 1000px) { [data-navlinks] { display:none !important; } [data-menu] { display:block; } }
@media (max-width: 720px) {
  [data-snap] { display:flex !important; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px !important; scroll-padding-left:16px; padding:6px 16px 14px; margin:0 -16px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  [data-snap]::-webkit-scrollbar { display:none; }
  [data-snap] > * { flex:0 0 min(82%, 320px); scroll-snap-align:start; }
  [data-foot] { grid-template-columns:minmax(0,1fr) !important; }
  [data-mobilecta] { display:block !important; }
  [data-root] { padding-bottom:88px; }
}
@media (max-width: 480px) { [data-navcta] { display:none !important; } }
@media (prefers-reduced-motion: reduce) {
  * { animation:none !important; }
  [data-glass], [data-btn] { transition:none !important; }
  [data-glass]:hover, [data-btn]:hover, [data-btn]:active { transform:none !important; }
  [data-reveal] { opacity:1 !important; transform:none !important; transition:none !important; }
}
/* shared:end */
[data-tabs]::-webkit-scrollbar { display:none; } [data-tabs] > * { flex:none; }
@media (max-width: 900px) { [data-hero], [data-roi], [data-security], [data-roi-result] { grid-template-columns:minmax(0,1fr) !important; } [data-roi-arrow] { transform:rotate(90deg); padding:4px 0; } [data-problems], [data-showcase] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width: 720px) { [data-trust], [data-steps], [data-doors] { grid-template-columns:minmax(0,1fr) !important; } [data-headshot] { max-width:220px; } }
@media (max-width: 560px) { [data-roi-result], [data-security-list] { grid-template-columns:minmax(0,1fr) !important; } }
[data-menugrid] { }
@media (max-width: 1000px) { [data-tiers] { grid-template-columns:minmax(0,1fr) !important; } }
@media (max-width: 880px) { [data-menugrid] { grid-template-columns:minmax(0,1fr) !important; } }
@media (max-width: 900px) { [data-list] { grid-template-columns:minmax(0,1fr) !important; } [data-conn] { grid-template-columns:repeat(4,minmax(0,1fr)) !important; } [data-guard] { grid-template-columns:minmax(0,1fr) !important; } }
@media (max-width: 520px) { [data-conn] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }

/* Added in the static port */
[hidden] { display:none !important; }
[data-roi-panel]:not([hidden]) { display:flex; }
[data-roi-tab] { display:inline-flex; align-items:center; gap:8px; font-family:'JetBrains Mono',monospace; font-size:12.5px; font-weight:600; letter-spacing:-0.01em; padding:8px 14px 8px 11px; border-radius:999px; cursor:pointer; min-height:40px; white-space:nowrap; background:rgba(255,255,255,0.6); color:#0B3D91; border:1px solid rgba(21,33,58,0.12); }
[data-roi-tab][aria-selected="true"] { background:#0B3D91; color:#FFFFFF; border-color:#0B3D91; box-shadow:0 12px 24px -14px rgba(11,61,145,0.6); }
[data-ov-btn], [data-filter-btn] { font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:600; min-height:44px; padding:8px 16px; border-radius:999px; cursor:pointer; background:rgba(255,255,255,0.7); color:#0B3D91; border:1px solid rgba(21,33,58,0.14); }
[data-ov-btn][aria-pressed="true"], [data-filter-btn][aria-pressed="true"] { background:#0B3D91; color:#FFFFFF; border-color:#0B3D91; }
[data-faq] summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:16px; align-items:center; padding:16px 20px; font-size:16.5px; font-weight:600; letter-spacing:-0.01em; color:#0B3D91; min-height:44px; }
[data-faq] summary::-webkit-details-marker { display:none; }
[data-faq] summary::after { content:"+"; font-family:'JetBrains Mono',monospace; font-size:18px; color:#D92D20; flex:none; }
[data-faq][open] summary::after { content:"\2212"; }
[data-faq] > p { margin:0; padding:0 20px 18px; font-size:15.5px; line-height:1.6; color:#4A5873; max-width:75ch; }
[data-faq] > section > div { padding-top:16px !important; }
[data-input] { font:inherit; font-weight:400; font-size:16px; width:100%; padding:12px 14px; border-radius:10px; border:1px solid rgba(21,33,58,0.2); background:#FFFFFF; color:#15213A; }
[data-input]:focus { outline:2px solid #0B3D91; outline-offset:1px; }
@media (max-width: 1000px) { [data-vidgrid] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width: 620px) { [data-vidgrid] { grid-template-columns:minmax(0,1fr) !important; } }
[data-video-tile]:hover img { transform:scale(1.03); }
[data-video-tile] img { transition:transform .45s cubic-bezier(.16,1,.3,1); }
[data-back]:hover { color:#0B3D91; background:#FFFFFF; }
@media (max-width: 900px) { [data-sys] { grid-template-columns:minmax(0,1fr) !important; } }
@media (max-width: 720px) { [data-root] [data-menugrid] { grid-template-columns:minmax(0,1fr) !important; } }
[data-ov-btn] { flex:1; }
@media (max-width: 720px) { [data-booking] { height:960px !important; } }