/* /features and /features/<slug>. Page devices only; shared ones live in seg-common.css. Prefix: ft- */

.seg-hero .heading-h1{text-wrap:balance}
.ft-mono{font-family:var(--seg-mono);font-variant-numeric:tabular-nums}
.ft-dim{color:var(--seg-slate);font-size:.85em}

/* Grid of feature cards */
.ft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;max-width:76rem;margin:0 auto;text-align:left}
.ft-grid.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ft-card{display:flex;flex-direction:column;gap:.45rem;padding:1.4rem 1.4rem 1.25rem;background:#fff;border:1px solid var(--seg-line-soft);border-radius:10px;box-shadow:var(--seg-shadow);text-decoration:none;color:inherit;transition:transform .25s var(--seg-ease),box-shadow .25s var(--seg-ease),border-color .25s}
.ft-card:hover{transform:translateY(-2px);box-shadow:var(--seg-shadow-lift);border-color:rgba(8,162,112,.45)}
.ft-card:focus-visible{outline:2px solid var(--seg-green);outline-offset:3px}
.ft-card_name{font-family:var(--seg-head);font-size:1.1875rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--seg-navy)}
.ft-card_line{font-size:.97rem;line-height:1.5;color:var(--seg-body);flex:1}
.ft-card_more{margin-top:.5rem;font-size:.9rem;font-weight:600;color:var(--seg-green-ink)}
.ft-all{max-width:76rem;margin:2rem auto 0;text-align:left}

/* Overview: jump list in the hero */
.ft-index{padding:1.5rem}
.ft-index_list{list-style:none;margin:.5rem 0 0;padding:0}
.ft-index_list a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;border-top:1px solid var(--seg-line);text-decoration:none;color:var(--seg-navy)}
.ft-index_list a:hover strong{color:var(--seg-green-ink)}
.ft-index_list strong{display:block;font-size:1.0625rem}
.ft-index_list em{display:block;margin-top:.15rem;font-style:normal;font-size:.875rem;line-height:1.4;color:var(--seg-slate)}
.ft-index_list .ft-mono{flex:none;min-width:2rem;text-align:center;padding:.15rem .5rem;border-radius:999px;background:var(--seg-green-tint);color:var(--seg-green-ink);font-weight:600}

/* Feature page: what it fixes */
.ft-fix{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:start;max-width:76rem;margin:0 auto;text-align:left}
.ft-eyebrow{margin:0 0 .75rem;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--seg-green-ink)}
.ft-fix_h{margin:0;text-wrap:balance}
.ft-fix_p{margin:0;padding-top:1.9rem;color:var(--seg-navy)}

/* How it works */
.ft-steps{list-style:none;margin:0 auto;padding:0;max-width:76rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;text-align:left}
.ft-step{position:relative;padding:1.5rem;background:var(--seg-mist);border-radius:10px}
.ft-step_n{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--seg-green);font-family:var(--seg-head);font-weight:700;color:var(--seg-green-ink)}
.ft-step_t{margin:1rem 0 0;font-family:var(--seg-head);font-size:1.1875rem;font-weight:700;line-height:1.3;color:var(--seg-navy)}
.ft-step_x{margin:.4rem 0 0;font-size:1rem;line-height:1.55;color:var(--seg-body)}

/* Where it fits */
.ft-fit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;max-width:76rem;margin:0 auto;text-align:left;align-items:stretch}
.ft-fit.is-simple{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3rem;align-items:start}
.ft-fit.is-simple .text-lead{margin:0}
.ft-fit_main{display:flex;flex-direction:column;gap:.5rem;padding:1.75rem;background:var(--seg-navy);border-radius:10px;color:#dfe4f0;text-decoration:none;box-shadow:var(--seg-shadow-lift)}
.ft-fit_main .ft-eyebrow{color:#9fe3c5;margin:0}
.ft-fit_main strong{font-family:var(--seg-head);font-size:1.5rem;line-height:1.2;color:#fff}
.ft-fit_main .seg-link{margin-top:.5rem;color:#9fe3c5}
.ft-fit_segs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.ft-fit_segs a{display:flex;flex-direction:column;gap:.15rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--seg-line-soft);border-radius:10px;text-decoration:none;color:var(--seg-body);transition:border-color .2s}
.ft-fit_segs a:hover{border-color:rgba(8,162,112,.55)}
.ft-fit_segs strong{color:var(--seg-navy);font-size:1.0625rem}
.ft-fit_segs a:focus-visible,.ft-fit_main:focus-visible{outline:2px solid var(--seg-green);outline-offset:3px}

/* Illustrative mock shell */
.ft-mock{position:relative;margin:0;padding:1.5rem;text-align:left}
.ft-mock_label{display:inline-block;margin:0 0 .9rem;padding:.1rem .55rem;border-radius:999px;background:var(--seg-mist);font-size:.75rem;font-weight:600;color:var(--seg-slate)}
.ft-mock_title{margin:0 0 .25rem;font-family:var(--seg-head);font-size:1.1875rem;font-weight:700;line-height:1.3;color:var(--seg-navy)}
.ft-mock_sub{margin:.25rem 0 .9rem;font-size:.9rem;color:var(--seg-slate)}
.ft-foot{margin-top:.9rem}
.ft-scroll{overflow-x:auto}
.ft-table{width:100%;border-collapse:collapse;font-size:.9rem}
.ft-table th{padding:.5rem .5rem .5rem 0;text-align:left;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--seg-slate);border-bottom:2px solid var(--seg-navy);white-space:nowrap}
.ft-table td{padding:.65rem .5rem .65rem 0;border-bottom:1px solid var(--seg-line);color:var(--seg-navy);vertical-align:top}
.ft-table td.ft-mono{font-size:.85rem}
.ft-table tr.is-hi td{background:var(--seg-green-tint);font-weight:600}
.ft-table tr.is-hi td:first-child{padding-left:.5rem}
.ft-yn{text-align:center;font-weight:700;color:#b4bccb}
.ft-yn.is-on{color:var(--seg-green-ink)}
.is-matrix th:not(:first-child),.is-matrix td:not(:first-child){text-align:center}

/* Search */
.ft-search{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;border:1.5px solid var(--seg-navy);border-radius:8px;font-size:1rem;color:var(--seg-navy)}
.ft-search_icon{font-size:1.2rem;color:var(--seg-slate)}
.ft-chips{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.ft-chip{padding:.25rem .7rem;border-radius:999px;box-shadow:inset 0 0 0 1px #d5dbe5;background:#fff;font-size:.85rem;line-height:1.4;color:var(--seg-navy)}
.ft-chip.is-on{background:var(--seg-green-tint);box-shadow:inset 0 0 0 1px rgba(8,122,85,.35);color:var(--seg-green-ink);font-weight:600}
.ft-results{list-style:none;margin:.9rem 0 0;padding:0}
.ft-results li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;border-top:1px solid var(--seg-line)}
.ft-results strong{display:block;font-size:.95rem;color:var(--seg-navy)}
.ft-results .ft-mono{font-size:.8rem;color:var(--seg-slate)}

/* Flow */
.ft-flow{list-style:none;margin:.9rem 0 0;padding:0}
.ft-flow_node{position:relative;display:flex;gap:.9rem;padding:0 0 1.15rem}
.ft-flow_node:not(:last-child)::before{content:"";position:absolute;left:.55rem;top:1.3rem;bottom:0;width:2px;background:#d5dbe5}
.ft-flow_dot{flex:none;width:1.15rem;height:1.15rem;margin-top:.15rem;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #b4bccb}
.ft-flow_node.is-ok .ft-flow_dot{background:var(--seg-green);box-shadow:none}
.ft-flow_node.is-warn .ft-flow_dot{background:#e8a317;box-shadow:none}
.ft-flow_node.is-now .ft-flow_dot{box-shadow:inset 0 0 0 2px var(--seg-green),0 0 0 4px var(--seg-green-tint)}
.ft-flow_node strong{display:block;font-size:.97rem;color:var(--seg-navy)}
.ft-flow_node span:not(.ft-flow_dot){font-size:.875rem;color:var(--seg-slate)}
.ft-flow_node.is-idle strong{color:var(--seg-slate)}

/* Panels */
.ft-panels{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:.75rem;margin-top:.9rem}
.ft-panel{padding:.9rem;background:var(--seg-mist);border-radius:8px}
.ft-panel_h{margin:0 0 .5rem;font-size:.8125rem;font-weight:700;color:var(--seg-slate)}
.ft-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.ft-panel li{display:flex;gap:.5rem;font-size:.88rem;line-height:1.35;color:var(--seg-navy)}
.ft-panel li>span[aria-hidden]{flex:none;width:1rem;font-weight:700;color:var(--seg-green-ink)}
.ft-panel li.is-no{color:#8a94a8;text-decoration:line-through}
.ft-panel li.is-no>span[aria-hidden]{color:#b4bccb}

/* Rules */
.ft-rules{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.ft-rules li{padding:.8rem .9rem;background:var(--seg-mist);border-radius:8px;font-size:.92rem;line-height:1.6;color:var(--seg-navy)}
.ft-kw{display:inline-block;padding:0 .4rem;border-radius:4px;background:var(--seg-navy);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ft-kw.is-then{background:var(--seg-green)}

/* Login, forms */
.ft-form{display:flex;flex-direction:column;gap:.7rem;margin:.9rem 0}
.ft-field{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .8rem;border:1px solid #cdd5db;border-radius:8px}
.ft-field span{font-size:.75rem;font-weight:600;color:var(--seg-slate)}
.ft-field i{font-style:normal;font-size:.95rem;color:var(--seg-navy)}
.ft-btn{display:block;padding:.7rem 1rem;border-radius:8px;background:var(--seg-green);color:#fff;font-weight:600;text-align:center;font-size:.95rem}

/* Chips groups */
.ft-group{margin-top:.9rem}

/* Brand */
.ft-browser{display:flex;align-items:center;gap:.7rem;padding:.55rem .8rem;border-radius:8px 8px 0 0;background:var(--seg-mist);font-size:.82rem;color:var(--seg-slate)}
.ft-browser_dots{display:flex;gap:.25rem}
.ft-browser_dots i{width:.55rem;height:.55rem;border-radius:50%;background:#cdd5db}
.ft-brand{display:flex;align-items:center;gap:.8rem;padding:1.4rem 1rem;border:1px solid var(--seg-line);border-top:0;border-radius:0 0 8px 8px;font-family:var(--seg-head);font-size:1.25rem;color:var(--seg-navy)}
.ft-brand_logo{width:2.25rem;height:2.25rem;border-radius:8px}
.ft-swatches{list-style:none;margin:1rem 0 0;padding:0;display:flex;gap:1rem;flex-wrap:wrap}
.ft-swatches li{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--seg-slate)}
.ft-swatches i{width:1.5rem;height:1.5rem;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(24,30,53,.15)}

/* Extract */
.ft-extract{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.9rem;align-items:center}
.ft-extract_src,.ft-extract_out{padding:.9rem;border-radius:8px;font-size:.82rem;line-height:1.5}
.ft-extract_src{background:var(--seg-mist);color:var(--seg-body);min-width:0;overflow-wrap:anywhere}
.ft-extract_src p,.ft-extract_out p{margin:0 0 .15rem}
.ft-extract_src .ft-panel_h,.ft-extract_out .ft-panel_h{margin-bottom:.5rem}
.ft-extract_out{background:var(--seg-green-tint);min-width:0;overflow-wrap:anywhere}
.ft-extract_out p{display:flex;flex-direction:column;padding:.3rem 0;border-top:1px solid rgba(8,122,85,.2)}
.ft-extract_out .ft-panel_h{border:0;padding:0}
.ft-extract_out strong{font-size:.85rem;color:var(--seg-navy)}
.ft-extract_arrow{font-size:1.4rem;color:var(--seg-green-ink)}

/* Checks */
.ft-checks{list-style:none;margin:.8rem 0 0;padding:0}
.ft-checks li{display:flex;gap:.8rem;padding:.7rem 0;border-top:1px solid var(--seg-line)}
.ft-checks_mark{flex:none;display:flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--seg-green);color:#fff;font-size:.8rem;font-weight:700}
.ft-checks li.is-warn .ft-checks_mark{background:#e8a317}
.ft-checks strong{display:block;font-size:.95rem;color:var(--seg-navy)}
.ft-checks li div span{font-size:.85rem;color:var(--seg-slate)}
.ft-warn{margin:.9rem 0 0;padding:.65rem .9rem;border-radius:8px;background:var(--seg-amber-tint);font-size:.85rem;font-weight:600;color:var(--seg-amber)}

/* Hub */
.ft-hub{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.8rem;align-items:center;margin-top:.5rem}
.ft-hub_col{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.ft-hub_col li{padding:.55rem .75rem;border-radius:8px;background:var(--seg-mist);font-size:.88rem;font-weight:600;color:var(--seg-navy);text-align:center}
.ft-hub_core strong{background:none;padding:0;color:#fff;font-weight:700}
.ft-hub_core{display:flex;align-items:center;justify-content:center;width:6.25rem;height:6.25rem;border-radius:50%;background:var(--seg-navy);color:#fff;text-align:center;font-size:.95rem;box-shadow:0 0 0 6px var(--seg-green-tint)}

/* Compare */
.ft-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.8rem}
.ft-cmp_col{padding:.9rem;border-radius:8px;background:var(--seg-red-tint,#fcecea)}
.ft-cmp_col.is-after{background:var(--seg-green-tint)}
.ft-cmp_col dl{margin:0}
.ft-cmp_col dl div{display:flex;justify-content:space-between;gap:.5rem;padding:.4rem 0;border-top:1px solid rgba(24,30,53,.1);font-size:.88rem}
.ft-cmp_col dt{margin:0;color:var(--seg-body)}
.ft-cmp_col dd{margin:0;font-weight:600;color:var(--seg-navy)}

/* Tree */
.ft-tree_root{display:inline-block;padding:.4rem .8rem;border-radius:8px;background:var(--seg-navy);color:#fff;font-size:.88rem;font-weight:600}
.ft-tree ul{list-style:none;margin:0 0 0 1.1rem;padding:.6rem 0 0 1.1rem;border-left:2px solid #d5dbe5;display:flex;flex-direction:column;gap:.5rem}
.ft-tree li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .8rem;border-radius:8px;background:var(--seg-mist);font-size:.9rem;color:var(--seg-navy)}
.ft-tree li .ft-mono{font-size:.8rem;color:var(--seg-slate)}

/* Code */
.ft-code{margin:.8rem 0 0;padding:1rem;border-radius:8px;background:var(--seg-navy);color:#d8f1e6;font-family:var(--seg-mono);font-size:.85rem;line-height:1.6;overflow-x:auto}

/* Log */
.ft-log{list-style:none;margin:.8rem 0 0;padding:0}
.ft-log li{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:.1rem .8rem;padding:.7rem 0;border-top:1px solid var(--seg-line);font-size:.88rem}
.ft-log li .ft-mono{grid-row:span 2;color:var(--seg-slate)}
.ft-log strong{color:var(--seg-navy)}
.ft-log li span:last-child{color:var(--seg-slate)}

/* Phone */
.ft-phone{max-width:19rem;margin:0 auto;padding:1.1rem 1rem 1rem;border-radius:26px;border:6px solid var(--seg-navy);background:#fff}
.ft-phone_top{margin:0;font-family:var(--seg-head);font-size:1.15rem;font-weight:700;color:var(--seg-navy)}
.ft-phone_status{margin:.15rem 0 .8rem;font-size:.82rem;color:var(--seg-slate)}
.ft-phone ul{list-style:none;margin:0 0 1rem;padding:0}
.ft-phone li{display:flex;justify-content:space-between;gap:.6rem;padding:.65rem 0;border-top:1px solid var(--seg-line);font-size:.86rem;color:var(--seg-navy)}
.ft-phone li .ft-mono{flex:none;font-size:.8rem;color:var(--seg-slate)}

/* Key/value */
.ft-kv_head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.6rem}
.ft-kv_head .ft-mock_title{margin:0}
.ft-kv_head .ft-chip{flex:none;font-family:var(--seg-mono)}

/* Schedule */
.ft-sched{list-style:none;margin:.8rem 0 0;padding:0}
.ft-sched li{display:flex;gap:1rem;padding:.8rem 0;border-top:1px solid var(--seg-line)}
.ft-sched .ft-mono{flex:none;width:3rem;color:var(--seg-green-ink);font-weight:600}
.ft-sched strong{display:block;font-size:.95rem;color:var(--seg-navy)}
.ft-sched div span{font-size:.85rem;color:var(--seg-slate)}

/* Quote and signature */
.ft-total{border-top:2px solid var(--seg-navy)}
.ft-total dt{font-weight:700;color:var(--seg-navy)}
.ft-sig{margin:.9rem 0 0}
.ft-sig span{display:inline-block;padding:.3rem .8rem;border-radius:999px;background:var(--seg-amber-tint);font-size:.82rem;font-weight:600;color:var(--seg-amber)}
.ft-signlines{list-style:none;margin:.7rem 0;padding:0;font-size:.9rem;color:var(--seg-body)}
.ft-signlines li{padding:.45rem 0;border-top:1px solid var(--seg-line)}
.ft-signbox{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:.8rem;padding:1rem;border:1.5px dashed #b4bccb;border-radius:8px}
.ft-signature{font-family:"Brush Script MT","Segoe Script",cursive;font-size:1.9rem;line-height:1;color:var(--seg-navy);transform:rotate(-3deg)}

@media (max-width:991px){
  .ft-grid,.ft-grid.is-three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-fix,.ft-fit,.ft-fit.is-simple{grid-template-columns:minmax(0,1fr);gap:1.5rem}
  .ft-fix_p{padding-top:0}
  .ft-steps{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .ft-grid,.ft-grid.is-three{grid-template-columns:minmax(0,1fr)}
  .ft-mock{padding:1.1rem}
  .ft-panels{grid-template-columns:minmax(0,1fr)}
  .ft-extract{grid-template-columns:minmax(0,1fr)}
  .ft-extract_arrow{transform:rotate(90deg);justify-self:center}
  .ft-hub{grid-template-columns:minmax(0,1fr)}
  .ft-hub_core{margin:0 auto}
  .ft-cmp{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .ft-card{transition:none}
  .ft-card:hover{transform:none}
}

/* v2 feature page, Figma 877:24331: navy hero, split intro, problem lists, navy how-it-works, cards, practice steps, related tiles */
.fp-hero{background:var(--seg-navy);padding:5rem 0 5.5rem;text-align:center}
.fp-hero_h{margin:0 auto;max-width:52rem;font-family:var(--seg-head);font-size:clamp(2.25rem,4vw,3.25rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:#fff}
.fp-hero_h span{display:block}
.fp-hero_tag{margin:1.25rem auto 0;max-width:40rem;font-size:1.0625rem;line-height:1.6;color:#c9d1e0}
.fp-hero_ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}
.fp-lead{margin:1rem 0 0;font-size:1.0625rem;line-height:1.65;color:#4a5568}
.fp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:center}
.fp-split_copy .heading-h2{max-width:34rem}
.fp-answer{margin-top:5.5rem}
.fp-answer_vis{display:flex;justify-content:center}
.fp-answer_vis .ui-card{width:100%;max-width:34rem;box-shadow:var(--seg-shadow-lift)}
.fp-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.fp-row{display:flex;align-items:flex-start;gap:.9rem;padding:1rem 1.25rem;border-radius:8px;background:#fbefee;color:var(--seg-navy)}
.fp-rows.is-gain .fp-row{background:#eaf7f1}
.fp-row>span:last-child{display:flex;flex-direction:column;gap:.15rem}
.fp-row strong{font-size:.9688rem;font-weight:600;line-height:1.4}
.fp-row strong+span{font-size:.9375rem;line-height:1.5;color:#4a5568}
.fp-row_icon{flex:none;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:6px;background:#fff;box-shadow:0 1px 3px rgba(24,30,53,.1)}
.fp-row_icon svg{width:1rem;height:1rem;fill:none;stroke:#d64545;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.fp-rows.is-gain .fp-row_icon svg{stroke:var(--seg-green)}
.fp-rows.is-compact .fp-row{align-items:center;padding:.85rem 1.1rem}
.fp-rows.is-compact{margin-top:2rem}
.fp-pair{display:grid;grid-template-columns:minmax(0,1fr) 4.5rem minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:2rem}
.fp-pair_col{display:grid;grid-row:span 3;grid-template-rows:subgrid;align-content:start}
.fp-pair_col>.heading-h2{font-size:clamp(1.5rem,2.2vw,1.875rem);line-height:1.2}
@media (min-width:1200px){.fp-pair:not(.is-single) .fp-pair_col>.heading-h2{white-space:nowrap}}
.fp-pair_col>.fp-lead{align-self:start}
.fp-pair:not(.is-single)>.fp-pair_col:first-child{grid-column:1;grid-row:1/span 3}
.fp-pair:not(.is-single)>.fp-pair_col:last-child{grid-column:3;grid-row:1/span 3}
.fp-pair:not(.is-single)>.fp-pair_hub{grid-column:2}
.fp-pair_hub{position:relative;grid-row:3;align-self:center;display:flex;justify-content:center;margin-top:2rem}
.fp-pair_hub svg{width:3.5rem;height:3.5rem;padding:.35rem;border-radius:14px;background:#e3f4ec;box-sizing:content-box}
.fp-pair_hub::before,.fp-pair_hub::after{content:"";position:absolute;top:50%;width:1.6rem;border-top:2px dotted #08a270}
.fp-pair_hub::before{right:calc(100% - .6rem)}
.fp-pair_hub::after{left:calc(100% - .6rem)}
.fp-pair.is-single{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
.fp-pair.is-single .fp-pair_col>.heading-h2{white-space:normal}
.fp-pair.is-single .fp-pair_col{display:grid;grid-row:auto;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:4rem;align-items:start}
.fp-pair.is-single .fp-pair_col>:not(ul){grid-column:1}
.fp-pair.is-single .fp-rows{grid-column:2;grid-row:1/span 3;margin-top:0}
.fp-how{background:var(--seg-navy)}
.fp-how .heading-h2{color:#fff}
.fp-how .fp-lead{color:#c9d1e0}
.fp-how_grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem;align-items:center}
.fp-how_steps{list-style:none;margin:1.75rem 0 2rem;padding:0;display:flex;flex-direction:column;gap:.75rem}
.fp-how_steps li{display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.5;color:#fff}
.fp-how_steps li>span{flex:none;display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;margin-top:.05rem;border-radius:50%;background:var(--seg-green)}
.fp-how_steps svg{width:.85rem;height:.85rem;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.fp-how_shot{position:relative;padding:1.6rem 0 1.4rem}
.fp-how_screen{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.fp-chip{position:absolute;display:inline-flex;align-items:center;gap:.6rem;background:#181e35;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.9rem;line-height:1;white-space:nowrap;padding:.55rem 1.1rem .55rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 28px rgba(0,0,0,.35);z-index:1}
.fp-chip svg{flex:none;width:1.6rem;height:1.6rem;border-radius:50%;background:#08a270;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.fp-chip.is-1{top:0;left:12%}
.fp-chip.is-2{top:45%;right:-2%}
.fp-chip.is-3{bottom:0;left:24%}
.fp-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.fp-cards.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fp-cards.is-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:52rem;margin:0 auto}
.fp-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(24,30,53,.04)}
.fp-card_icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:8px;background:#e7f6f0;margin-bottom:1.1rem}
.fp-card_icon svg{width:1.35rem;height:1.35rem;fill:none;stroke:var(--seg-green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fp-card_t{margin:0 0 .5rem;font-family:var(--seg-head);font-size:1.1875rem;font-weight:700;line-height:1.3;color:var(--seg-navy)}
.fp-card_x{margin:0;font-size:.9375rem;line-height:1.55;color:#4a5568}
.fp-cta{display:flex;justify-content:center;margin-top:2rem}
.fp-practice{margin-top:5.5rem}
.fp-steps{list-style:none;margin:0 auto;padding:0;max-width:56rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows),auto);grid-auto-flow:column;gap:.75rem 1rem}
.fp-steps.is-3{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row}
.fp-step{display:flex;gap:.5rem;padding:1rem 1.25rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(24,30,53,.08);font-size:.9688rem;line-height:1.5;color:var(--seg-navy)}
.fp-step_n{flex:none;font-weight:700;color:var(--seg-green)}
.fp-step>span:last-child{display:flex;flex-direction:column;gap:.1rem}
.fp-step strong{font-weight:600}
.fp-step strong+span{font-size:.9375rem;color:#4a5568}
.fp-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.fp-tile{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;background:#fff;border:1px solid #d9dee5;border-radius:12px;text-decoration:none;color:var(--seg-navy);transition:border-color .2s,box-shadow .2s}
.fp-tile:hover{border-color:rgba(8,162,112,.55);box-shadow:var(--seg-shadow)}
.fp-tile:focus-visible{outline:2px solid var(--seg-green);outline-offset:3px}
.fp-tile_name{font-family:var(--seg-head);font-size:1.25rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--seg-navy)}
.fp-tile_text{margin:.6rem 0 1.25rem;font-size:1rem;line-height:1.55;color:#4a5568}
.fp-tile_more{margin-top:auto;font-weight:600;font-size:1rem;color:var(--seg-green-ink)}
.fp-tile:hover .fp-tile_more{text-decoration:underline;text-underline-offset:.2em}
.fp-all{margin:2rem 0 0;text-align:center}
#v2-faq.section{background:#fff}
#v2-faq .faq-item{background:#f4f7fa;border:0;box-shadow:none;border-radius:8px}
#v2-faq .faq-item_icon{width:16px;height:16px}
#v2-faq .faq-item_icon::before,#v2-faq .faq-item_icon::after{width:16px;height:2.5px;top:6.75px;background:#181e35;border-radius:2px}
@media (max-width:1099px){.fp-cards.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:991px){
.fp-split,.fp-how_grid{grid-template-columns:minmax(0,1fr);gap:2.25rem}
.fp-answer{margin-top:3.5rem}
.fp-pair{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:3rem}
.fp-pair_col,.fp-pair:not(.is-single)>.fp-pair_col:first-child,.fp-pair:not(.is-single)>.fp-pair_col:last-child{display:block;grid-column:auto;grid-row:auto}
.fp-pair_col>.heading-h2{white-space:normal}
.fp-pair_hub{display:none}
.fp-pair.is-single .fp-pair_col{display:block}
.fp-pair.is-single .fp-rows{margin-top:2rem}
.fp-cards,.fp-cards.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.fp-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
.fp-hero{padding:3.5rem 0 4rem;text-align:left}
.fp-hero_h{font-size:2.125rem}
.fp-hero_tag{margin-left:0}
.fp-hero_ctas{flex-direction:column;align-items:stretch}
.fp-hero_ctas .button{text-align:center}
.fp-lead{font-size:1rem}
.fp-row{padding:.9rem 1rem}
.fp-cards,.fp-cards.is-4,.fp-cards.is-2,.fp-tiles{grid-template-columns:minmax(0,1fr);gap:.75rem}
.fp-card{flex-direction:row;align-items:flex-start;text-align:left;gap:1rem;padding:1.25rem;display:grid;grid-template-columns:2.5rem minmax(0,1fr);row-gap:.25rem}
.fp-card_icon{grid-row:span 2;width:2.5rem;height:2.5rem;margin:0}
.fp-card_t{margin:0;font-size:1.0625rem;align-self:center}
.fp-card_x{grid-column:2}
.fp-practice{margin-top:3.5rem}
.fp-steps{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}
.fp-cta .button,.fp-how .button{width:100%;text-align:center;box-sizing:border-box}
.section_header{text-align:left;align-items:flex-start}
}

/* Related features: one row, three cards in view, the rest scroll sideways */
.fp-related.section{padding-top:4rem;padding-bottom:4rem}
.fp-related_head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}
.fp-related_head .heading-h2{margin:0}
.fp-related_nav{display:flex;gap:.5rem}
.fp-related_btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid #d9dee5;background:#fff;color:var(--seg-navy);cursor:pointer;transition:border-color .2s,opacity .2s}
.fp-related_btn:hover:not(:disabled){border-color:var(--seg-green)}
.fp-related_btn:disabled{opacity:.35;cursor:default}
.fp-related_btn:focus-visible{outline:2px solid var(--seg-green);outline-offset:2px}
.fp-related_btn svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fp-related_track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2.5rem) / 3);column-gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:.25rem 0}
.fp-related_track::-webkit-scrollbar{display:none}
.fp-related_track .fp-tile{scroll-snap-align:start}
.fp-related .fp-all{margin-top:1.5rem}
@media (max-width:991px){.fp-related_track{grid-auto-columns:calc((100% - 1.25rem) / 2)}}
@media (max-width:767px){.fp-related.section{padding-top:3rem;padding-bottom:3rem}.fp-related_track{grid-auto-columns:85%;column-gap:.75rem}.fp-related_btn{width:2.5rem;height:2.5rem}}

@media (max-width:1279px){.fp-chip{font-size:.8rem}.fp-chip svg{width:1.4rem;height:1.4rem}.fp-chip.is-2{right:0}}
@media (max-width:767px){.fp-how_shot{padding:1.3rem 0 1.1rem}.fp-chip{font-size:.7rem;padding:.4rem .8rem .4rem .4rem;gap:.45rem}.fp-chip svg{width:1.2rem;height:1.2rem}.fp-chip.is-1{left:2%}.fp-chip.is-2{right:2%;top:42%}.fp-chip.is-3{left:6%}}

/* Single problem list: a short answer under the lead fills the left column */
.fp-fix{margin:1.5rem 0 0;padding:1.1rem 1.25rem;border-left:3px solid var(--seg-green);background:#f4f7fa;border-radius:0 8px 8px 0;font-size:1rem;line-height:1.6;color:var(--seg-navy)}
.fp-fix .seg-link{display:inline-block;margin-top:.35rem}
.fp-pair.is-single .fp-fix{grid-column:1}
@media (max-width:991px){.fp-steps.is-3{grid-template-columns:minmax(0,1fr)}}