.elementor-1634 .elementor-element.elementor-element-1e73c26{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1634 .elementor-element.elementor-element-ca1cd53{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1634 .elementor-element.elementor-element-e4a4e93{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1634 .elementor-element.elementor-element-sxmlpbnd{--display:flex;}.elementor-1634 .elementor-element.elementor-element-c5da2cc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ===== SXM FAQ 2026 — layout follows the Figma "ALL QUESTIONS ANSWERED" frame ===== */
.page-id-1634{
  --sxm-display:"F37 Stout Black Compressed","Anton",Impact,sans-serif;
  --sxm-wide:"Nord Medium","Nord Regular","Eurostile Extended Black",sans-serif;
  --sxm-mono:"OCR A Extended","Ocr A Tribute","OCRATributeW01 Regular Mono",monospace;
  --sxm-body:"Nord Regular","DM Sans",sans-serif;
  --sxm-copy:"Circular Std","DM Sans","Nord Regular",sans-serif;
  --sxm-pad:2.778vw;
  --line:rgba(255,255,255,.14);
  background:#000;
}
.page-id-1634 .sxm-f-hero,.page-id-1634 .sxm-f-body,.page-id-1634 .sxm-f-cta{background:#000;color:#fff;}
.page-id-1634 h1,.page-id-1634 h2{margin:0;color:#fff;}
.page-id-1634 .elementor-widget-heading .elementor-heading-title{color:#fff;}
.page-id-1634 .elementor-widget-text-editor{color:#fff;}
.page-id-1634 .elementor-widget-text-editor p{margin:0;}
.sxm-f-tail{display:none!important;}

/* ---------- hero ---------- */
.sxm-f-hero{padding:4.03vw var(--sxm-pad) 0!important;text-align:center;}
.sxm-f-label p{font-family:var(--sxm-mono);font-size:13px;line-height:30px;letter-spacing:2.47px;
  text-transform:uppercase;opacity:.6;}
.sxm-f-h1{margin-top:1.6vw;}
.page-id-1634 .sxm-f-h1 .elementor-heading-title{display:flex;align-items:baseline;justify-content:center;
  gap:.9vw;text-transform:uppercase;white-space:nowrap;line-height:1;overflow-wrap:normal;word-break:normal;}
/* cap parity against the real Nord Medium — see the note in build-team.php */
.sxm-f-h1 .a{font-family:var(--sxm-display);font-size:9.047vw;}
.sxm-f-h1 .b{font-family:var(--sxm-wide);font-weight:500;font-size:10.443vw;letter-spacing:-.36vw;}
.sxm-f-intro{max-width:42vw;margin:2.2vw auto 0;}
.sxm-f-intro p{font-family:var(--sxm-copy);font-weight:300;font-size:17px;line-height:28px;opacity:.6;}

/* ---------- category nav ---------- */
.sxm-f-body{padding:4.8vw var(--sxm-pad) 0!important;container-type:inline-size;}
/* sticky: 41 questions over 8000px means the jump-nav is only useful if it stays.
   Nothing between here and <body> clips, so position:sticky holds — unlike a
   body-level element, which body{overflow-x:hidden} would break (CLAUDE.md §15). */
.sxm-f-navwrap{position:sticky;top:86px;z-index:20;background:#000;
  padding:14px 0 12px;margin-bottom:3.6vw;}
.sxm-f-nav ul{display:flex;flex-wrap:wrap;gap:.55vw;list-style:none;margin:0;padding:0;
  justify-content:center;}
.sxm-f-nav a{display:inline-flex;align-items:center;gap:.5em;text-decoration:none;color:#fff;
  border:1px solid var(--line);border-radius:100px;padding:.72em 1.15em;
  font-family:var(--sxm-mono);font-size:12px;letter-spacing:1.6px;text-transform:uppercase;
  transition:background .25s ease,border-color .25s ease,color .25s ease;}
.sxm-f-nav a i{font-style:normal;opacity:.45;font-size:11px;}
.sxm-f-nav a:hover{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.05);}
.sxm-f-nav a.is-active{background:#fff;color:#000;border-color:#fff;}
.sxm-f-nav a.is-active i{opacity:.5;}

/* ---------- groups + accordion ---------- */
/* ---------- display lockup (same component as /marketing/) ----------
   Two cap-matched faces in one headline. Cap ratios of the real files are F37 .7503em
   and Nord Medium .650em, so parity wants wide = 1.1543 x display; both faces move
   half-way to the shared cap (--capmid) so neither strays far from the comp, and
   --wtrk absorbs the width. Neither face hangs below the baseline, so plain
   align-items:baseline lands the cap centres together. CLAUDE.md §18. */
.page-id-1634 .sxm-lock{
  --lu:calc(100cqi / 1360);
  --capmid:.9808;
  display:flex; flex-wrap:wrap; align-items:baseline;
  gap:0 calc(11 * var(--lu));
  margin:0; text-transform:uppercase; color:#fff;
  overflow-wrap:normal; word-break:normal;
}
.sxm-lock .l{ display:flex; align-items:baseline; gap:calc(11 * var(--lu)); flex:0 0 100%; }
.sxm-lock i{ font-style:normal; white-space:nowrap; }
.sxm-lock .d{ font-family:var(--sxm-display); font-weight:900;
  font-size:calc(var(--dsz) * var(--capmid) * var(--lu)); letter-spacing:0; }
.sxm-lock .w{ font-family:var(--sxm-wide); font-weight:500;
  font-size:calc(var(--dsz) * var(--capmid) * 1.1543 * var(--lu));
  letter-spacing:var(--wtrk, -.04em); }
/* ---------- category groups ---------- */
/* scroll-margin clears the fixed header (86 docked) AND the sticky category bar */
.sxm-f-group{margin-bottom:7vw;scroll-margin-top:170px;}
.sxm-f-body > .elementor-element:last-child .sxm-f-group{margin-bottom:0;}

/* the section header is the site's block language: a full-measure rule, the name as a
   display lockup on the left, the count riding the right edge on the same baseline */
.sxm-f-group{ --lu:calc(100cqi / 1360); }
/* No rule above the section and none bridging the title: the pills already carry the
   count, the 7vw gap already separates the groups, and the list's own top hairline is
   the only line the section needs. Extra rules stacked up next to each other and read
   as doubled borders. */
.sxm-f-ghead{ margin-bottom:calc(40 * var(--lu)); }
.sxm-f-gmeta{ margin-bottom:calc(12 * var(--lu)); }
.sxm-f-gnum{
  font-family:var(--sxm-mono); font-size:12px; letter-spacing:1.6px;
  text-transform:uppercase; color:rgba(255,255,255,.45);
}
.page-id-1634 .sxm-f-group__title{ --dsz:100; line-height:1; }
.sxm-f-list{border-top:1px solid var(--line);}
.sxm-f-item{border-bottom:1px solid var(--line);}
.sxm-f-item summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:1.5vw;
  padding:1.6vw 0;transition:opacity .25s ease;}
.sxm-f-item summary::-webkit-details-marker{display:none;}
.sxm-f-item summary:hover{opacity:.75;}
.sxm-f-item summary:focus-visible{outline:2px solid #e8c33c;outline-offset:4px;}
.sxm-f-q{flex:1;font-family:var(--sxm-body);font-size:19px;line-height:1.45;letter-spacing:.2px;color:#fff;}
.sxm-f-ico{flex:0 0 auto;width:20px;height:20px;position:relative;margin-top:.35em;}
.sxm-f-ico::before,.sxm-f-ico::after{content:"";position:absolute;left:50%;top:50%;background:#fff;
  transform:translate(-50%,-50%);transition:transform .35s cubic-bezier(.16,.84,.44,1),opacity .25s ease;}
.sxm-f-ico::before{width:20px;height:2px;}
.sxm-f-ico::after{width:2px;height:20px;}
.sxm-f-item[open] .sxm-f-ico::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}
.sxm-f-item[open] .sxm-f-ico::before{transform:translate(-50%,-50%) rotate(180deg);}
.sxm-f-a{overflow:hidden;}
.sxm-f-a p{font-family:var(--sxm-copy);font-weight:300;font-size:17px;line-height:28px;opacity:.62;
  margin:0;padding:0 6vw 2.1vw 0;max-width:64vw;}

/* ---------- CTA ---------- */
/* CTA — same composition as /marketing/: display lockup left, sub centred,
   full-width form, note centred. Two lines, per the Figma CTA block. */
.sxm-f-cta{padding:7vw var(--sxm-pad) clamp(46px,7vw,100px)!important;container-type:inline-size;}
.page-id-1634 .sxm-f-ctahead .elementor-heading-title{ --dsz:140; line-height:calc(137/157);
  margin:0 0 clamp(20px,3.6cqi,50px); }
.sxm-f-ctasub{margin-top:2vw;text-align:center;}
.sxm-f-ctasub p{font-family:"Nord Regular",sans-serif;font-size:clamp(12px,1.32cqi,19px);
  line-height:calc(30/18);letter-spacing:.19em;text-transform:uppercase;
  color:rgba(255,255,255,.7);max-width:34ch;margin:0 auto;}
.sxm-f-note{margin-top:13px;text-align:center;}
.sxm-f-note p{font-family:"Nord Regular",sans-serif;font-size:clamp(9px,.74cqi,11px);line-height:30px;
  letter-spacing:.19em;text-transform:uppercase;color:#FFDC30;margin:0;}
.sxm-f-form{margin-top:4vw;text-align:left;}
.sxm-f-form .gform_wrapper{max-width:none;}
.sxm-f-form .gform_wrapper form{margin:0;position:relative;}
.sxm-f-form .gform_wrapper .gform_fields{display:grid!important;grid-template-columns:1fr 1fr;
  grid-column-gap:.35vw;grid-row-gap:.35vw;}
.sxm-f-form .gform_wrapper .gfield{grid-column:1;}
.sxm-f-form .gform_wrapper .gfield:has(textarea){grid-column:2;grid-row:1/span 3;}
.sxm-f-form .gform_wrapper .gfield_label{display:none!important;}
/* left column ends flush with the textarea: equal rows, inputs fill them */
.sxm-f-form .gform_wrapper .gform_fields{grid-template-rows:repeat(3,minmax(0,1fr));align-items:stretch;
  height:clamp(240px,18.1vw,262px);row-gap:6px!important;column-gap:6px;}
.sxm-f-form .gform_wrapper .gfield{display:flex;flex-direction:column;min-height:0;margin:0!important;padding:0!important;}
.sxm-f-form .gform_wrapper .gfield > .ginput_container{flex:1 1 auto;display:flex;min-height:0;}
.sxm-f-form .gform_wrapper .gfield input[type=text],
.sxm-f-form .gform_wrapper .gfield input[type=email],
.sxm-f-form .gform_wrapper .gfield input[type=tel]{height:100%;}
.sxm-f-form .gform_wrapper input[type=text],.sxm-f-form .gform_wrapper input[type=email],
.sxm-f-form .gform_wrapper input[type=tel],.sxm-f-form .gform_wrapper textarea{
  width:100%;background:#232323;border:0;border-radius:6px;color:#fff;
  font-family:var(--sxm-body);font-size:16px;padding:1.9vw 1.9vw;}
.sxm-f-form .gform_wrapper input,.sxm-f-form .gform_wrapper textarea{border:0!important;}
.sxm-f-form .gform_wrapper textarea{height:100%!important;resize:none;}
.sxm-f-form .gform_wrapper ::placeholder{color:#8a8a8a;opacity:1;}
.sxm-f-form .gform_wrapper .gform_footer{margin:.35vw 0 0;padding:0;}
.sxm-f-form .gform_wrapper .gform_footer input[type=submit]{width:100%!important;background:#fff!important;
  color:#000!important;border:0!important;border-radius:6px!important;font-family:var(--sxm-wide)!important;
  font-weight:500;font-size:1.8vw!important;line-height:1!important;text-transform:uppercase;
  padding:1.9vw 0!important;margin:0!important;cursor:pointer;
  transition:transform .25s ease,opacity .25s ease;}
.sxm-f-form .gform_wrapper .gform_footer input[type=submit]{box-shadow:inset 0 0 0 2px #fff!important;
  transition:background-color .25s ease,color .25s ease;}
/* same inverted hover as the other three CTA buttons -- was a translate+fade, which
   was the odd one out once the gold was dropped site-wide. */
.sxm-f-form .gform_wrapper .gform_footer input[type=submit]:hover{background:#000!important;color:#fff!important;}

/* ---------- reveal ---------- */
@media (prefers-reduced-motion:no-preference){
  .sxm-rv{opacity:0;transform:translateY(26px);
    transition:opacity .8s cubic-bezier(.16,.84,.44,1),transform .8s cubic-bezier(.16,.84,.44,1);}
  .sxm-rv.is-in{opacity:1;transform:none}
  .sxm-rv--wipe{opacity:1;transform:none}
  .sxm-rv--wipe .elementor-heading-title{clip-path:inset(0 -100vw 105% -100vw);
    transition:clip-path 1.05s cubic-bezier(.16,.84,.44,1);}
  .sxm-rv--wipe.is-in .elementor-heading-title{clip-path:inset(-.18em -100vw)}
}

/* ---------- TABLET ---------- */
@media(max-width:1024px){
  .sxm-f-form .gform_wrapper .gform_fields{height:clamp(250px,32vw,290px);}
  .sxm-f-intro{max-width:70vw;}
  .sxm-f-a p{max-width:none;padding-right:3vw;}
  .sxm-f-q{font-size:18px;}
  /* below 1025 the mobile header bar (69px) replaces the desktop one */
  .sxm-f-navwrap{top:69px;}
  .sxm-f-group{scroll-margin-top:150px;}
  .page-id-1634 .sxm-f-group__title{--lu:calc(100cqi / 1124);}
  .page-id-1634 .sxm-f-ctahead .elementor-heading-title{--lu:calc(100cqi / 1198);}
}
/* ---------- MOBILE ---------- */
@media(max-width:767px){
  .page-id-1634{--sxm-pad:20px;}
  .sxm-f-hero{padding:40px 20px 0!important;}
  .page-id-1634 .sxm-f-h1 .elementor-heading-title{display:block;white-space:normal;}
  .sxm-f-h1 .a{display:block;font-size:15vw;overflow-wrap:normal;word-break:normal;}
  .sxm-f-h1 .b{display:block;font-size:11.4vw;top:0;letter-spacing:-.1vw;
    overflow-wrap:normal;word-break:normal;}
  .page-id-1634 .sxm-f-ctahead .elementor-heading-title{--lu:calc(100cqi / 1198);}
  .sxm-f-label p{font-size:11px;letter-spacing:1.8px;}
  .sxm-f-intro{max-width:100%;margin-top:7vw;}
  .sxm-f-intro p,.sxm-f-a p{font-size:15px;line-height:25px;}
  .sxm-f-body{padding:12vw 20px 0!important;}
  /* one scrollable row, not four wrapped ones — a sticky bar 270px tall eats a
     third of a phone screen and stops being navigation */
  .sxm-f-navwrap{top:69px;padding:10px 0 9px;margin-bottom:9vw;}
  .sxm-f-nav ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    -webkit-overflow-scrolling:touch;justify-content:flex-start;gap:8px;margin:0;padding-bottom:2px;}
  .sxm-f-nav ul::-webkit-scrollbar{display:none;}
  .sxm-f-nav li{flex:0 0 auto;}
  .sxm-f-nav a{font-size:11px;padding:.7em 1em;letter-spacing:1.2px;white-space:nowrap;}
  .sxm-f-group{margin-bottom:16vw;scroll-margin-top:140px;}
  .page-id-1634 .sxm-f-group__title{--lu:calc(100cqi / 1124);margin-bottom:0;}
  .sxm-f-item summary{padding:16px 0;gap:14px;}
  .sxm-f-q{font-size:16px;line-height:1.4;}
  .sxm-f-ico{width:16px;height:16px;}
  .sxm-f-ico::before{width:16px;} .sxm-f-ico::after{height:16px;}
  .sxm-f-a p{padding:0 0 16px;}
  .sxm-f-cta{padding:16vw 20px 46px!important;}
  .sxm-f-form{margin-top:11vw;}
  .sxm-f-form .gform_wrapper .gform_fields{grid-template-columns:1fr;grid-row-gap:10px!important;
    grid-template-rows:none;height:auto;}
  .sxm-f-form .gform_wrapper .gfield,
  .sxm-f-form .gform_wrapper .gfield:has(textarea){grid-column:1;grid-row:auto;}
  .sxm-f-form .gform_wrapper input[type=text],.sxm-f-form .gform_wrapper input[type=email],
  .sxm-f-form .gform_wrapper input[type=tel],.sxm-f-form .gform_wrapper textarea{padding:19px 20px!important;font-size:15px;line-height:1.35!important;height:auto!important;}
  .sxm-f-form .gform_wrapper textarea{height:180px!important;}
  .sxm-f-form .gform_wrapper .gform_footer{margin-top:10px;}
  .sxm-f-form .gform_wrapper .gform_footer input[type=submit]{font-size:20px!important;padding:20px 0!important;}
}/* End custom CSS */