@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,200..900;1,9..40,200..900&family=Geist:wght@400..600&display=swap");
:root{
  
  --ss-paper: #fafafa;          
  --ss-white: #ffffff;          
  --ss-wash: #f7fbf9;           
  --ss-hover: #f1f5f3;          

  
  --ss-obsidian: #171717;       
  --ss-charcoal: #4d4d4d;       
  --ss-stone: #666666;          

  
  --ss-hairline: #ebebeb;       
  --ss-ash: #c9c9c9;            
  --ss-line-teal: #edf2f0;      
  --ss-line-number: #b9cbc5;    

  
  --ss-spring: #14c9a0;         
  --ss-spring-hover: #2ad8b0;   
  --ss-sea: #0e8a72;            
  --ss-deep: #0f3d3a;           
  --ss-deep-hover: #0b2d2b;     
  --ss-mint: #e8f8f3;           
  --ss-mint-line: #cdeee4;      

  
  --ss-on-deep: #d5e7e2;        
  --ss-on-deep-muted: #b7d3cc;  
  --ss-on-deep-faint: #8fb3aa;  
  --ss-on-deep-rule: rgba(255, 255, 255, .1);
  --ss-on-deep-ghost: rgba(255, 255, 255, .25);   

  
  --ss-font: 'Geist', ui-sans-serif, system-ui, sans-serif;
  --ss-font-heading: 'DM Sans', 'Geist', ui-sans-serif, system-ui, sans-serif;
  --ss-font-code: var(--ss-font);   

  --ss-t-micro: 12px;           
  --ss-t-caption: 13px;         
  --ss-t-small: 14px;           
  --ss-t-body: 16px;            
  --ss-t-lead: 18px;            
  --ss-t-h-md: clamp(28px, 3vw, 40px);      
  --ss-t-h-lg: clamp(34px, 4.6vw, 56px);    
  --ss-t-h-hero: clamp(44px, 6.6vw, 92px);  
  --ss-t-h-endcap: clamp(40px, 5.6vw, 76px);
  --ss-t-price: clamp(40px, 4.4vw, 56px);

  --ss-w-regular: 400;
  --ss-w-heading: 450;          
  --ss-w-section: 550;          
  --ss-w-hero: 600;             
  --ss-w-medium: 500;           
  --ss-w-strong: 600;           

  --ss-track-hero: -0.03em;
  --ss-track-heading: -0.045em;  
  --ss-track-body: -0.01em;

  
  --ss-r: 6px;                  
  
  --ss-ide-key: #7a3fc4;
  --ss-ide-fn: #1f5fbf;
  --ss-ide-str: #1a7f4b;
  --ss-ide-num: #c4281c;
  --ss-ide-prop: #0b7285;
  --ss-ide-punc: #5f736d;

  --ss-r-sm: 7px;               
  --ss-r-row: 10px;             
  --ss-r-tile: 9px;             
  --ss-r-panel: 16px;           
  --ss-r-code: 8px;            
  --ss-r-float: 14px;           
  --ss-r-pill: 9999px;

  
  --ss-ring: 0 0 0 1px rgba(0, 0, 0, .08), 0 0 0 2px #fafafa;   
  --ss-ring-line: 0 0 0 1px #ebebeb;                           
  --ss-ring-pick: 0 0 0 1.5px var(--ss-spring);   
  --ss-ring-sea: 0 0 0 1px #0e8a72;                            
  --ss-lift: 0 0 0 1px #ebebeb, 0 24px 48px -32px rgba(15, 61, 58, .3);   
  --ss-lift-editor: 0 0 0 1px #ebebeb, 0 30px 60px -36px rgba(15, 61, 58, .4);
  --ss-float: 0 0 0 1px #ebebeb, 0 20px 44px -18px rgba(15, 61, 58, .35); 
  --ss-focus: 0 0 0 1px #0e8a72, 0 0 0 4px #e8f8f3;            

  
  --ss-max: 1280px;
  --ss-pad: 48px;               
  --ss-section: 112px;          
  --ss-gap: 16px;               

  
  --ss-fast: 150ms;
  --ss-ease-out: cubic-bezier(.2, .7, .2, 1);
  --ss-bob: 7s;                 
}
@media (max-width: 860px){:root{ --ss-pad: 16px; --ss-section: 80px; }
}
*, *::before, *::after{ box-sizing: border-box; }
body.ss{
  margin: 0; background: var(--ss-paper); color: var(--ss-obsidian);
  font: var(--ss-w-regular) var(--ss-t-body)/1.5 var(--ss-font);
  font-feature-settings: "calt" 0, "rlig", "ss11"; -webkit-font-smoothing: antialiased;
}
:where(.ss) a{ color: inherit; }
.ss :focus-visible{ outline: 2px solid var(--ss-sea); outline-offset: 2px; }
.ss .num{ font-variant-numeric: tabular-nums; }
.wrap{ max-width: var(--ss-max); margin: 0 auto; padding-inline: var(--ss-pad); }
section.ss-section{ padding-top: var(--ss-section); }
.eyebrow{ display: block; margin: 0 0 14px; font: var(--ss-w-strong) var(--ss-t-small)/1.4 var(--ss-font); letter-spacing: -0.005em; color: var(--ss-sea); }
.on-deep .eyebrow, .ec-eyebrow{ color: var(--ss-spring); margin-bottom: 18px; }
.label{ display: block; margin: 0 0 8px; font: var(--ss-w-medium) var(--ss-t-caption)/1.4 var(--ss-font); letter-spacing: var(--ss-track-body); color: var(--ss-sea); }
:where(h1, h2, .h-hero, .h-lg, .h-md, .h-section, .h-sub, .ec-h){ font-family: var(--ss-font-heading); }
body, button, input, select, textarea, code, pre, kbd, samp, svg text{ font-family: var(--ss-font); }
h1, .h-hero{ letter-spacing: -0.03em !important; }
h2, .h-section, .h-sub, .h-md, .ec-h{ letter-spacing: -0.02em !important; }
.h-hero{ margin: 0; font-weight: var(--ss-w-hero); font-size: var(--ss-t-h-hero); line-height: 1; letter-spacing: var(--ss-track-hero); }
.h-lg{ margin: 0; font-weight: var(--ss-w-section); font-size: var(--ss-t-h-lg); line-height: 1; letter-spacing: var(--ss-track-heading); }
.h-md{ margin: 0; font-weight: var(--ss-w-section); font-size: var(--ss-t-h-md); line-height: 1.05; letter-spacing: -0.02em; }
.h-sm{ margin: 0; font-weight: var(--ss-w-medium); font-size: var(--ss-t-body); line-height: 1.43; letter-spacing: var(--ss-track-body); }
.lead{ margin: 20px 0 0; max-width: 560px; color: var(--ss-charcoal); font-size: var(--ss-t-lead); line-height: 1.5; }
.hl{ background: var(--ss-sea); color: #fff; border-radius: .16em; padding: 0 .12em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.tl{ color: var(--ss-deep); text-decoration: underline; text-decoration-color: var(--ss-spring); text-underline-offset: 3px; text-decoration-thickness: 1px; }
.tl:hover{ color: var(--ss-sea); }
.links-row{ display: flex; flex-wrap: wrap; gap: 20px; margin: 32px 0 0; font-size: var(--ss-t-small); }
.links-row a{ color: var(--ss-sea); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.sec-head{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: end; margin-bottom: 40px; }
.sec-head > p{ margin: 0; max-width: 460px; justify-self: end; color: var(--ss-charcoal); }
.btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 0; border-radius: var(--ss-r);
  font: var(--ss-w-regular) var(--ss-t-small)/1 var(--ss-font); text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: background-color var(--ss-fast) var(--ss-ease-out), box-shadow var(--ss-fast) var(--ss-ease-out), color var(--ss-fast) var(--ss-ease-out); }
.btn-solid{ background: var(--ss-deep); color: #fff; }
.btn-solid:hover{ background: var(--ss-deep-hover); }
.btn-go{ --edge: 4px; border-radius: 12px; background: var(--ss-spring); color: var(--ss-deep); font-weight: 600; box-shadow: 0 var(--edge) 0 var(--ss-deep); transition: transform .14s var(--ss-ease-out), box-shadow .14s var(--ss-ease-out), background-color .14s var(--ss-ease-out); }
.btn-go:hover{ background: var(--ss-spring-hover); transform: translateY(-2px); box-shadow: 0 calc(var(--edge) + 2px) 0 var(--ss-deep); }
.btn-go:active{ transform: translateY(var(--edge)); box-shadow: 0 0 0 var(--ss-deep); transition-duration: .05s; }
@media (prefers-reduced-motion: reduce){ .btn-go { transition: none; } }
.btn-ghost{ background: transparent; color: var(--ss-charcoal); box-shadow: var(--ss-ring-line); }
.btn-ghost:hover{ color: var(--ss-obsidian); box-shadow: 0 0 0 1px var(--ss-ash); }
.btn-spring{ background: var(--ss-spring); color: var(--ss-deep); font-weight: var(--ss-w-medium); }
.btn-spring:hover{ background: var(--ss-spring-hover); }
.btn-ghost-deep{ background: transparent; color: #fff; box-shadow: 0 0 0 1px var(--ss-on-deep-ghost); }
.btn-ghost-deep:hover{ box-shadow: 0 0 0 1px rgba(255, 255, 255, .6); }
.btn-white{ background: #fff; color: var(--ss-deep); }
.btn-white:hover{ background: var(--ss-hairline); }
.btn.pill{ border-radius: var(--ss-r-pill); min-height: 32px; padding: 0 14px; }
.btn.sm{ min-height: 28px; padding: 0 10px; font-size: var(--ss-t-micro); font-weight: var(--ss-w-medium); }
.btn-mint{ background: var(--ss-mint); color: var(--ss-sea); font-weight: var(--ss-w-medium); }
.tag{ display: inline-flex; align-items: center; white-space: nowrap; font: var(--ss-w-medium) var(--ss-t-caption)/1.4 var(--ss-font); letter-spacing: var(--ss-track-body);
  color: var(--ss-sea); background: var(--ss-mint); border-radius: var(--ss-r-pill); padding: 2px 10px; }
.tag.xs{ font-size: 11px; padding: 1px 8px; }
.tag.plain{ background: none; padding: 0; color: var(--ss-stone); font-weight: var(--ss-w-regular); }
.tag.pop{ background: var(--ss-spring); color: var(--ss-deep); }
.tag.watch{ gap: 6px; background: none; padding: 0; }
.tag.watch::before{ content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--ss-spring); box-shadow: 0 0 0 3px var(--ss-mint); }
.ok-pill{ display: inline-block; background: var(--ss-mint); color: var(--ss-sea); font: var(--ss-w-medium) var(--ss-t-micro)/1 var(--ss-font); border-radius: var(--ss-r-pill); padding: 5px 10px; }
.uses{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 20px; }
.uses a, .uses span{ font: var(--ss-w-medium) var(--ss-t-micro)/1 var(--ss-font); color: var(--ss-sea); background: var(--ss-mint); border-radius: var(--ss-r-pill); padding: 5px 10px; text-decoration: none; }
.uses a:hover{ background: var(--ss-sea); color: #fff; }
.pb-pills{ display: flex; flex-wrap: wrap; gap: 8px; }
.pb-pill{ display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px 5px 5px; border-radius: var(--ss-r-pill); background: #fff; box-shadow: var(--ss-ring-line);
  font-size: var(--ss-t-caption); color: var(--ss-obsidian); text-decoration: none; transition: box-shadow var(--ss-fast) var(--ss-ease-out); }
.pb-pill:hover{ box-shadow: var(--ss-ring-sea); color: var(--ss-deep); }
.chip{ display: inline-flex; align-items: center; gap: 10px; background: #fff; border-radius: var(--ss-r-pill); padding: 6px 16px 6px 6px; font: var(--ss-w-medium) var(--ss-t-small)/1 var(--ss-font); color: var(--ss-obsidian); box-shadow: var(--ss-float); white-space: nowrap; }
.chip .av{ display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--ss-spring); color: var(--ss-deep); }
.chip .ts{ color: var(--ss-sea); font-variant-numeric: tabular-nums; }
.pl{ display: inline-block; width: var(--icon, 18px); height: var(--icon, 18px); flex: none; fill: currentColor; }
.ptile{ display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--ss-r-tile); background: var(--ss-mint); color: var(--ss-sea); flex: none; --icon: 17px; }
.ptile.xs{ width: 22px; height: 22px; border-radius: 6px; --icon: 12px; }
.ptile.lg{ width: 48px; height: 48px; border-radius: 13px; background: var(--ss-deep); color: #fff; --icon: 22px; }
.ptile.on{ background: var(--ss-deep); color: #fff; }
.ptile .mono{ font: var(--ss-w-medium) 14px/1 var(--ss-font); }
.tile{ display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 20px; color: #fff; background: var(--c); --icon: 36px;
  box-shadow: 0 18px 40px -12px color-mix(in srgb, var(--c) 55%, transparent); }
.tile.md{ width: 56px; height: 56px; border-radius: 15px; --icon: 24px; }
.tile.sm{ width: 48px; height: 48px; border-radius: 12px; --icon: 22px; box-shadow: 0 10px 24px -10px rgba(15, 61, 58, .35); }
.tile.t-spring{ --c: var(--ss-spring); color: var(--ss-deep); }
.tile.t-sea{ --c: var(--ss-sea); }
.tile.t-deep{ --c: var(--ss-deep); }
.tile.t-mint{ --c: var(--ss-mint); color: var(--ss-sea); box-shadow: 0 0 0 1px var(--ss-mint-line), 0 10px 24px -10px rgba(15, 61, 58, .25); }
.on-deep .tile{ box-shadow: 0 18px 30px -16px rgba(0, 0, 0, .45); }
.bob{ animation: ss-bob var(--ss-bob) ease-in-out var(--d, 0s) infinite; }
@keyframes ss-bob{ 50% { translate: 0 -7px; } }
.card{ background: #fff; border-radius: var(--ss-r); box-shadow: var(--ss-ring); padding: 24px; }
.card.inv{ background: var(--ss-deep); color: #fff; box-shadow: none; }
.card.build{ display: flex; flex-direction: column; min-height: 200px; }
.card.build h3{ margin-bottom: 8px; }
.card.build p{ margin: 0; color: var(--ss-charcoal); font-size: var(--ss-t-small); line-height: 1.5; }
.card-f{ background: #fff; border-radius: var(--ss-r-float); box-shadow: var(--ss-float); }
.g2, .g3, .g4{ display: grid; gap: var(--ss-gap); }
.g2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.g3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.g4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.nav{ position: sticky; top: 0; z-index: 10; background: rgba(250, 250, 250, .85); backdrop-filter: saturate(1.2) blur(20px); -webkit-backdrop-filter: saturate(1.2) blur(20px); }
.nav-in{ height: 64px; display: flex; align-items: center; gap: 32px; }
.brand{ display: flex; align-items: center; gap: 10px; text-decoration: none; font-family: var(--ss-font-heading); font-weight: var(--ss-w-strong, 600); font-size: 18px; letter-spacing: -0.025em; color: var(--ss-obsidian); }
.brand svg{ display: block; flex: none; }
.nav-links{ display: flex; gap: 24px; }
.nav-links a{ font-size: var(--ss-t-small); color: var(--ss-charcoal); text-decoration: none; padding: 8px 0; }
.nav-links a:hover{ color: var(--ss-obsidian); }
.nav-right{ margin-left: auto; display: flex; align-items: center; gap: 8px; }
.steps{ list-style: none; margin: 36px 0 0; padding: 0; display: flex; flex-direction: column; gap: 22px; }
.steps li{ display: flex; gap: 16px; align-items: flex-start; }
.st-n{ display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ss-mint); color: var(--ss-sea); font: var(--ss-w-medium) var(--ss-t-caption)/1 var(--ss-font); flex: none; font-variant-numeric: tabular-nums; }
.steps li:last-child .st-n{ background: var(--ss-sea); color: #fff; }
.steps h3{ margin: 3px 0 4px; }
.steps p{ margin: 0; color: var(--ss-charcoal); font-size: var(--ss-t-small); line-height: 1.5; }
.ed{ width: 100%; background: #fff; border-radius: var(--ss-r-code); box-shadow: var(--ss-lift-editor); overflow: hidden; text-align: left; }
.ed-bar{ display: flex; justify-content: space-between; align-items: center; padding: 8px 8px 8px 10px; border-bottom: 1px solid var(--ss-line-teal); }
.ed-tabs{ display: flex; gap: 2px; }
.ed-tabs button{ border: 0; background: transparent; font: var(--ss-w-medium) var(--ss-t-micro)/1 var(--ss-font); color: var(--ss-stone); padding: 7px 11px; border-radius: var(--ss-r-sm); cursor: pointer; }
.ed-tabs button:hover{ color: var(--ss-obsidian); }
.ed-tabs button[aria-selected="true"]{ background: var(--ss-mint); color: var(--ss-sea); }
.ed-copy{ min-height: 28px; padding: 0 10px; font: var(--ss-w-medium) var(--ss-t-micro)/1 var(--ss-font); background: var(--ss-deep); color: #fff; }
.ed-body{ display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); min-height: 300px; }
.ed-req{ padding: 14px 0; min-width: 0; overflow-x: auto; }
.ed-code{ margin: 0; font: var(--ss-w-regular) 12.5px/1.75 var(--ss-font-code); color: var(--ss-obsidian); white-space: pre; }
.ed-code code{ font: inherit; }
.ed-code .ln{ display: block; padding-right: 16px; }
.ed-code .ln i{ display: inline-block; width: 34px; padding-right: 12px; text-align: right; font-style: normal; color: var(--ss-line-number); user-select: none; }
.cs{ color: var(--ss-ide-str); }
.ck{ color: var(--ss-ide-key); font-weight: inherit; }
.ed-res{ border-left: 1px solid var(--ss-line-teal); background: var(--ss-wash); padding: 12px 16px; min-width: 0; }
.ed-rh{ display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--ss-stone); margin-bottom: 8px; }
.json{ margin: 0; font: var(--ss-w-regular) 12.5px/1.6 var(--ss-font-code); color: var(--ss-obsidian); white-space: pre; overflow-x: auto; font-variant-numeric: tabular-nums; }
.json .k{ color: var(--ss-ide-prop); }
.json .n{ color: var(--ss-ide-num); }
.json .s{ color: var(--ss-ide-str); }
.ed-code .ck2{ color: var(--ss-ide-key); }
.ed-code .tf{ color: var(--ss-ide-fn); }
.ed-code .tp{ color: var(--ss-ide-prop); }
.ed-code .tu{ color: var(--ss-ide-punc); }
.dev-strip{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--ss-hairline); border-bottom: 1px solid var(--ss-hairline); }
.dev-f2{ display: flex; flex-direction: column; gap: 6px; padding: 24px 24px 24px 0; text-decoration: none; color: var(--ss-obsidian); }
.dev-f2 + .dev-f2{ padding-left: 24px; border-left: 1px solid var(--ss-hairline); }
.dev-f2t{ display: flex; align-items: center; gap: 8px; font-weight: var(--ss-w-medium); }
.dev-f2t span{ color: var(--ss-sea); transition: transform var(--ss-fast) var(--ss-ease-out); }
.dev-f2d{ font-size: var(--ss-t-small); color: var(--ss-charcoal); }
.dev-f2:hover .dev-f2t{ color: var(--ss-sea); }
.dev-f2:hover .dev-f2t span{ transform: translateX(3px); }
.pb{ display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 32px; align-items: start; }
.pb > *{ min-width: 0; }
.pb-group-h{ display: flex; align-items: center; gap: 8px; padding: 8px 4px; font: var(--ss-w-medium) var(--ss-t-caption)/1 var(--ss-font); color: var(--ss-stone); }
.pb-group-h span:first-child{ flex: 1; }
.pb-list{ display: flex; flex-direction: column; gap: 2px; padding-bottom: 8px; }
.pb-item{ display: flex; align-items: center; gap: 12px; width: 100%; padding: 8px 10px; border: 0; border-radius: var(--ss-r-row); background: transparent; text-align: left; cursor: pointer; font: inherit; color: var(--ss-obsidian); }
.pb-item:hover{ background: var(--ss-hover); }
.pb-item[aria-selected="true"]{ background: #fff; box-shadow: 0 0 0 1px var(--ss-hairline), 0 8px 20px -14px rgba(15, 61, 58, .4); }
.pb-item[aria-selected="true"] .ptile{ background: var(--ss-deep); color: #fff; }
.pb-name{ display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.pb-name b{ font-weight: var(--ss-w-medium); font-size: var(--ss-t-small); }
.pb-name small{ font-size: var(--ss-t-micro); color: var(--ss-stone); font-variant-numeric: tabular-nums; }
.pb-panel{ background: #fff; border-radius: var(--ss-r-panel); box-shadow: var(--ss-lift); padding: 28px 32px; }
.pb-ph{ display: flex; align-items: center; gap: 16px; padding-bottom: 24px; border-bottom: 1px solid var(--ss-hairline); }
.pb-ph > div{ flex: 1; min-width: 0; }
.pb-ph h3 a{ color: inherit; text-decoration: none; }
.pb-ph h3 a:hover{ color: var(--ss-sea); }
.pb-ph p{ margin: 6px 0 0; color: var(--ss-stone); font-size: var(--ss-t-small); font-variant-numeric: tabular-nums; }
.pb-learn{ font-size: var(--ss-t-small); color: var(--ss-sea); text-decoration: none; white-space: nowrap; }
.pb-learn:hover{ text-decoration: underline; text-underline-offset: 3px; }
.pb-eps{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 24px; padding: 20px 0; }
.pb-ep{ display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px; margin: 0 -12px; border-radius: var(--ss-r-row); text-decoration: none; color: var(--ss-obsidian); }
.pb-ep:hover{ background: var(--ss-mint); }
.pb-ep:hover b{ color: var(--ss-deep); }
.pb-dot{ width: 6px; height: 6px; border-radius: 50%; background: var(--ss-spring); margin-top: 7px; flex: none; }
.pb-ep.is-planned .pb-dot{ background: var(--ss-ash); }
.pb-ep.is-planned b{ color: var(--ss-stone); }
.pb-ept{ display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
.pb-ept b{ font-weight: var(--ss-w-medium); font-size: var(--ss-t-small); }
.pb-ept code{ font: var(--ss-w-regular) var(--ss-t-micro)/1.4 var(--ss-font-code); color: var(--ss-stone); overflow-wrap: anywhere; }
.pb-more{ margin: 0; padding-top: 20px; border-top: 1px solid var(--ss-hairline); font-size: var(--ss-t-small); color: var(--ss-charcoal); }
.pb-more a{ color: var(--ss-sea); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.seg{ display: inline-flex; gap: 4px; padding: 5px; border-radius: var(--ss-r-pill); background: rgba(15, 61, 58, .04); box-shadow: 0 0 0 1px rgba(15, 61, 58, .12); }
.seg button{ display: inline-flex; align-items: center; min-height: 40px; padding: 0 20px; border: 0; border-radius: var(--ss-r-pill); background: transparent; font: var(--ss-w-medium) var(--ss-t-small)/1 var(--ss-font); color: var(--ss-charcoal); cursor: pointer; }
.seg button[aria-pressed="true"]{ background: #fff; color: var(--ss-obsidian); box-shadow: 0 0 0 1px rgba(15, 61, 58, .06), 0 2px 6px rgba(15, 61, 58, .1); }
.seg-save{ display: inline-block; margin-left: 4px; padding: 2px 7px; border-radius: var(--ss-r-pill); background: var(--ss-mint); color: var(--ss-sea); font-size: var(--ss-t-micro); font-weight: var(--ss-w-medium); line-height: 1.3; }
@media (max-width: 640px){ .seg button { padding: 0 14px; white-space: nowrap; font-size: var(--ss-t-caption); } }
@media (max-width: 420px){ .seg { gap: 0; padding: 4px; } .seg button { padding: 0 10px; } .seg-save { margin-left: 2px; padding: 2px 5px; } }
.pack{ display: flex; flex-direction: column; gap: 4px; min-height: 280px; }
.pack .top{ display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 16px; }
.price{ font-weight: var(--ss-w-heading); font-size: var(--ss-t-price); line-height: 1; letter-spacing: var(--ss-track-heading); white-space: nowrap; font-variant-numeric: tabular-nums; }
.price small{ font-size: var(--ss-t-small); letter-spacing: 0; color: var(--ss-charcoal); margin-left: 4px; }
.pack .meta{ font-size: var(--ss-t-small); color: var(--ss-charcoal); }
.pack .rate{ font-size: var(--ss-t-caption); line-height: 1.5; color: var(--ss-charcoal); margin-top: 8px; }
.pack .btn{ margin-top: auto; width: 100%; }
.card.inv .price small, .card.inv .meta, .card.inv .rate{ color: var(--ss-ash); }
.card.card.pack{ position: relative; padding: 28px; border-radius: 20px; box-shadow: 0 0 0 1px rgba(15, 61, 58, .14); }
.card.card.pack.is-pop{ background: color-mix(in srgb, var(--ss-mint) 45%, #fff); box-shadow: 0 0 0 2px var(--ss-spring); }
.pack.is-pop .top .tag.pop{ position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; }
.pack .top{ margin-bottom: 12px; }
.pack.pack .price{ font-variant-numeric: normal; font-family: var(--ss-font-heading); font-size: 40px; font-weight: 600; letter-spacing: -.025em; line-height: 1.1; color: var(--ss-obsidian); }
.pack.pack .price small{ font-family: var(--ss-font); font-size: var(--ss-t-small); font-weight: 400; letter-spacing: 0; color: var(--ss-charcoal); }
.pack.pack .meta{ margin-top: 12px; font-size: 15px; font-weight: 500; color: var(--ss-charcoal); }
.pack.pack .rate{ margin-top: 2px; margin-bottom: 20px; font-size: var(--ss-t-small); font-weight: 500; color: var(--ss-sea); }
.pack .btn{ min-height: 48px; border-radius: var(--ss-r-pill); font-weight: 600; }
.pack .btn-ghost{ color: var(--ss-obsidian); box-shadow: 0 0 0 1px rgba(15, 61, 58, .2); }
.pack.is-pop .btn, .pack.is-pop .btn:hover{ background: var(--ss-spring); color: var(--ss-deep); box-shadow: none; transform: none; }
.pack.is-pop .btn:hover{ background: var(--ss-spring-hover); }
.pack-list{ display: grid; gap: 10px; margin: 0 0 24px; padding: 0; list-style: none; color: var(--ss-charcoal); font-size: var(--ss-t-small); line-height: 1.4; }
.pack-list li{ position: relative; padding-left: 24px; }
.pack-list li::before{ content: ""; position: absolute; left: 0; top: .32em; width: 12px; height: 6px; border-left: 2px solid var(--ss-sea); border-bottom: 2px solid var(--ss-sea); transform: rotate(-45deg); }
.faq{ border-top: 1px solid var(--ss-hairline); }
.faq details{ border-bottom: 1px solid var(--ss-hairline); }
.faq summary{ list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; font-size: var(--ss-t-lead); letter-spacing: -0.02em; font-weight: var(--ss-w-heading); }
.faq summary::-webkit-details-marker{ display: none; }
.faq summary svg{ width: 16px; height: 16px; color: var(--ss-sea); flex: none; transition: transform 200ms var(--ss-ease-out); }
.faq details[open] summary svg{ transform: rotate(45deg); }
.faq details p{ margin: 0 0 20px; color: var(--ss-charcoal); max-width: 640px; }
.endcap{ background: var(--ss-deep); color: var(--ss-on-deep); padding: 0 0 32px; position: relative; overflow: hidden; }
.ec-cta{ position: relative; text-align: center; padding: 120px 0 112px; border-bottom: 1px solid var(--ss-on-deep-rule); }
.ec-tiles{ position: absolute; inset: 0; pointer-events: none; }
.ec-tiles .tile{ position: absolute; left: var(--x); top: var(--y); rotate: var(--r); }
.ec-h{ position: relative; margin: 0 auto; max-width: 760px; color: #fff; font-weight: var(--ss-w-section); font-size: var(--ss-t-h-endcap); line-height: 1; letter-spacing: var(--ss-track-hero); }
.ec-sub{ position: relative; margin: 20px 0 0; font-size: var(--ss-t-lead); color: var(--ss-on-deep-muted); }
.ec-btns{ position: relative; display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 36px; }
.foot{ display: grid; grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); gap: 24px; padding-top: 64px; }
.foot h4{ margin: 0 0 12px; font: var(--ss-w-medium) var(--ss-t-caption)/1.4 var(--ss-font); color: #fff; }
.foot a{ display: block; padding: 4px 0; font-size: var(--ss-t-small); color: var(--ss-on-deep-muted); text-decoration: none; }
.foot a:hover{ color: #fff; }
.foot a.brand{ display: flex; color: #fff; padding: 0; font-size: 18px; }
.foot p{ margin: 12px 0 0; font-size: var(--ss-t-small); color: var(--ss-on-deep-muted); }
.base{ margin-top: 64px; padding-top: 24px; border-top: 1px solid var(--ss-on-deep-rule); display: flex; gap: 24px; flex-wrap: wrap; font: var(--ss-w-regular) var(--ss-t-caption)/1.5 var(--ss-font); color: var(--ss-on-deep-faint); }
.base a{ color: var(--ss-on-deep-faint); text-decoration: none; }
.base a:hover{ color: #fff; }
@media (max-width: 1100px){
  .g3, .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1000px){
  .dev-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dev-f2:nth-child(3) { padding-left: 0; border-left: 0; }
  .dev-f2:nth-child(n+3) { border-top: 1px solid var(--ss-hairline); }
}
@media (max-width: 960px){
  .pb { grid-template-columns: minmax(0, 1fr); }
  .pb-list { flex-direction: row; overflow-x: auto; gap: 6px; padding-bottom: 12px; }
  .pb-item { flex: none; width: auto; padding-right: 14px; }
}
@media (max-width: 860px){.nav-links,.nav-right .btn-ghost{ display: none; }
.sec-head{ grid-template-columns: 1fr; }
.sec-head > p{ justify-self: start; }
.g3,.g4{ grid-template-columns: 1fr; }
.foot{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.foot > :first-child{ grid-column: 1 / -1; }
.ec-cta{ padding: 88px 0 80px; }
.ec-tiles .tile:nth-child(n+5){ display: none; }
}
@media (max-width:1100px){.g2{ grid-template-columns: 1fr; }
}
@media (max-width: 700px){
  .ed-body { grid-template-columns: minmax(0, 1fr); }
  .ed-res { border-left: 0; border-top: 1px solid var(--ss-line-teal); }
}
@media (max-width: 640px){
  .pb-panel { padding: 20px; }
  .pb-eps { grid-template-columns: 1fr; }
  .pb-ph { flex-wrap: wrap; }
}
@media (max-width: 560px){
  .dev-strip { grid-template-columns: minmax(0, 1fr); }
  .dev-f2, .dev-f2 + .dev-f2 { padding-left: 0; border-left: 0; }
  .dev-f2 + .dev-f2 { border-top: 1px solid var(--ss-hairline); }
}
@media (prefers-reduced-motion: reduce){
  .bob { animation: none; }
  .ss * { transition: none !important; }
}
.h-section{ margin: 0; font-weight: var(--ss-w-section); font-size: clamp(30px, 3.2vw, 44px); line-height: 1.1; letter-spacing: -0.02em; }
.h-sub{ margin: 0; font-weight: var(--ss-w-section); font-size: clamp(22px, 2vw, 26px); line-height: 1.15; letter-spacing: -0.02em; }
.sec-head.stacked, .sec-head.center{ grid-template-columns: minmax(0, 1fr); gap: 0; margin-bottom: 28px; }
.sec-head.center{ justify-items: center; text-align: center; }
.sec-head .eyebrow{ margin-bottom: 10px; }
.sec-head.minor{ margin-bottom: 20px; }
.sec-head.minor .eyebrow{ margin-bottom: 6px; }
.crumbs{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; padding: 0; list-style: none; font-size: var(--ss-t-caption); color: var(--ss-stone); }
.crumbs li + li::before{ content: "/"; margin-right: 8px; color: var(--ss-ash); }
.crumbs a{ color: var(--ss-charcoal); text-decoration: none; }
.crumbs a:hover{ color: var(--ss-sea); }
.fchips{ display: flex; flex-wrap: wrap; gap: 8px; }
.fchip{ min-height: 32px; padding: 0 14px; border: 0; border-radius: var(--ss-r-pill); background: #fff; box-shadow: var(--ss-ring); font: var(--ss-w-medium) var(--ss-t-small)/1 var(--ss-font); color: var(--ss-charcoal); cursor: pointer; transition: background var(--ss-fast) var(--ss-ease-out), color var(--ss-fast) var(--ss-ease-out); }
.fchip:hover{ color: var(--ss-obsidian); }
.fchip[aria-pressed="true"]{ background: var(--ss-deep); color: #fff; box-shadow: none; }
@media (max-width: 900px){ .fchips.scroll { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; } .fchips.scroll .fchip { flex: none; } }
.pick{ display: grid; gap: 3px; width: 100%; padding: 14px 18px; border: 0; border-radius: 16px; background: #fff; box-shadow: var(--ss-ring); text-align: left; font: inherit; color: inherit; cursor: pointer; transition: box-shadow var(--ss-fast) var(--ss-ease-out); }
.pick:hover{ box-shadow: var(--ss-ring-sea); }
.pick[aria-pressed="true"], .pick.is-on{ box-shadow: var(--ss-ring-pick), var(--ss-lift); background: var(--ss-wash); }
.pick.is-planned{ background: var(--ss-hover); box-shadow: none; }
.pick.is-planned[aria-pressed="true"]{ box-shadow: 0 0 0 1.5px var(--ss-ash); }
.pick[hidden]{ display: none; }
.pick-n{ display: flex; align-items: center; gap: 10px; font-weight: var(--ss-w-medium); color: var(--ss-obsidian); }
.pick-p{ font: inherit; font-size: var(--ss-t-small); color: var(--ss-stone); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xp{ display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 28px; align-items: start; }
.xp .fchips{ margin-bottom: 16px; }
.xp-list{ display: grid; gap: 8px; }
.xp-side{ position: sticky; top: 88px; display: grid; gap: 14px; }
.xp-sel{ display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.xp-sel h3{ margin: 0 0 4px; font-weight: var(--ss-w-medium); font-size: 22px; letter-spacing: -0.02em; color: var(--ss-obsidian); }
.xp-sel code{ font: inherit; font-size: var(--ss-t-small); color: var(--ss-sea); }
.xp .ed-body{ grid-template-columns: minmax(0, 1fr); min-height: 0; }
.xp .ed-res{ border-left: 0; border-top: 1px solid var(--ss-hairline); }
.xp .ed-body[hidden], .xp .ed-copy[hidden], .xp-note[hidden]{ display: none; }
.xp-note{ margin: 0; padding: 28px 22px; color: var(--ss-charcoal); }
@media (max-width: 900px){ .xp { grid-template-columns: minmax(0, 1fr); } .xp-side { position: static; } }
.orbit-hero{ position: relative; overflow: hidden; }
.orbit-hero::before{ content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1; background: linear-gradient(var(--ss-paper) 0, transparent 14%, transparent 86%, var(--ss-paper)); }
.orbit-hero > .wrap{ position: relative; z-index: 2; }
.orbit{ position: absolute; left: 50%; top: 50%; width: 0; height: 0; pointer-events: none; }
.orbit-ring{ position: absolute; left: 0; top: 0; width: calc(var(--r) * 2); height: calc(var(--r) * 2); margin: calc(var(--r) * -1); border-radius: 50%; border: 1px dashed rgba(14, 138, 114, .22); animation: ss-spin var(--t, 120s) linear infinite; }
.orbit-ring.rev{ animation-direction: reverse; }
.orbit-ring.faint .tile{ opacity: .8; }
.orb{ position: absolute; left: 50%; top: 50%; transform: rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a))); }
.orb .tile{ position: absolute; margin: -24px 0 0 -24px; animation: ss-spin var(--t, 120s) linear infinite reverse; }
.orbit-ring.rev .orb .tile{ animation-direction: normal; }
@keyframes ss-spin{ to { rotate: 360deg; } }
@media (max-width: 1100px){ .orbit-ring:not(:first-child) { display: none; } }
@media (max-width: 640px){ .orbit { display: none; } }
@media (prefers-reduced-motion: reduce){ .orbit-ring, .orb .tile { animation: none; } .pick, .fchip { transition: none; } }
.fo-row{ display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: var(--ss-r-float); background: #fff; box-shadow: var(--ss-ring-line); }
.fo-row h3{ margin: 0; padding: 24px 24px 6px; color: var(--ss-obsidian); font-family: var(--ss-font-heading); font-size: 20px; font-weight: var(--ss-w-section); line-height: 1.25; letter-spacing: -.012em; }
.fo-row p{ margin: 0; padding: 0 24px 20px; color: var(--ss-charcoal); font-size: 14px; line-height: 1.5; text-wrap: pretty; }
.fo-art{ display: block; width: 100%; height: auto; margin-top: auto; }
.fo-art text{ font-family: var(--ss-font); }
@media (hover: hover) and (prefers-reduced-motion: no-preference){
  .fo-art g[class^="fa-"], .fo-art .fa-nudge { transform-box: fill-box; transform-origin: center; }
  .fa-tilt, .fa-left, .fa-right { transition: transform .35s var(--ss-ease-out); }
  .fo-row:hover .fa-tilt { transform: rotate(2deg) translateY(-4px); }
  .fo-row:hover .fa-left { transform: rotate(3deg) translateY(-3px); }
  .fo-row:hover .fa-right { transform: rotate(-2deg) translateY(-3px); }
  .fo-row:hover .fa-pop { animation: fa-pop .4s var(--ss-ease-out) calc(.1s + var(--i, 0) * 130ms) both; }
  .fo-row:hover .fa-bob { animation: fa-bob .5s var(--ss-ease-out) calc(var(--i, 0) * 90ms) both; }
  .fo-row:hover .fa-draw { stroke-dasharray: 1; animation: fa-draw .4s var(--ss-ease-out) .3s both; }
  .fo-row:hover .fa-march { stroke-dasharray: 4 5; animation: fa-march .6s linear infinite; }
  .fo-row:hover .fa-nudge { animation: fa-nudge .6s ease-in-out infinite alternate; }
  @keyframes fa-pop { 0%, 100% { transform: scale(1); } 45% { transform: scale(1.18); } }
  @keyframes fa-bob { 0%, 100% { transform: none; } 45% { transform: translateY(-5px); } }
  @keyframes fa-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
  @keyframes fa-march { to { stroke-dashoffset: -18; } }
  @keyframes fa-nudge { to { transform: translateX(3px); } }
}
.rl-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.rl-art{ display: flex; justify-content: center; }
.rl-art .fo-art{ max-width: 420px; margin-top: 0; }
@media (max-width: 900px){
  .rl-grid { grid-template-columns: minmax(0, 1fr); }
}
@layer od-layout{
  [hidden]:not([hidden="until-found" i]) { display: none !important; }
  dialog:not([open]) { display: none !important; }
  :where(.od-stack,.od-row,.od-row-top,.od-cluster,.od-grid,.od-field,.od-stat,.od-cell,.od-tile) > :where(*) { min-width: 0; }
  .od-stack   { display: flex; flex-direction: column; gap: var(--od-gap, 8px); }
  .od-row     { display: flex; align-items: center; gap: var(--od-gap, 8px); }
  .od-row-top { display: flex; align-items: flex-start; gap: var(--od-gap, 8px); }
  .od-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--od-gap, 8px); }
  .od-fill    { flex: 1 1 0; min-width: 0; }
  .od-fixed   { flex: none; }
  .od-grid    { display: grid; gap: var(--od-gap, 12px); grid-template-columns: repeat(var(--od-cols, 3), minmax(0, 1fr)); }
  .od-stat, .od-field, .od-cell { display: grid; gap: var(--od-gap, 2px); }
  :where(.od-stat,.od-field,.od-cell) > :where(*) { display: block; }
  .od-tile { display: grid; grid-template-rows: auto 1fr; }
  :where(.od-tile) > :where(*) { display: block; }
  .od-media { display: block; width: 100%; height: auto; aspect-ratio: var(--od-ratio, auto); }
  .od-media-cover { object-fit: cover; }
  .od-icon { display: inline-block; inline-size: var(--od-icon-size, 1em); block-size: var(--od-icon-size, 1em); flex: none; }
  .od-truncate { display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .od-clamp-2, .od-clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
  .od-clamp-2 { -webkit-line-clamp: 2; }
  .od-clamp-3 { -webkit-line-clamp: 3; }
  .od-lines-2 { min-height: calc(2 * 1.4em); }
  .od-nowrap  { white-space: nowrap; }
  .od-keep    { word-break: keep-all; overflow-wrap: anywhere; }
  .od-screen { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; height: 100%; }
  .od-scroll { overflow-y: auto; overscroll-behavior: contain; min-height: 0; }
  .od-rail { display: flex; gap: var(--od-gap, 8px); overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none;
             padding-inline: var(--od-rail-pad, 16px); scroll-padding-inline: var(--od-rail-pad, 16px); }
  .od-rail::-webkit-scrollbar { display: none; }
  :where(.od-rail) > :where(*) { flex: none; scroll-snap-align: start; }
  :where(.od-rail) > :where(:last-child) { margin-inline-end: var(--od-rail-pad, 16px); }
  .od-spacer { flex: none; visibility: hidden; pointer-events: none; }
  .od-touch  { min-width: 44px; min-height: 44px; }
}
:root [hidden]:where(:not([hidden="until-found" i])){ display: none; }
:root{ --paper: var(--ss-paper); --white: var(--ss-white); --hairline: var(--ss-hairline); --ash: var(--ss-ash); --stone: var(--ss-stone); --charcoal: var(--ss-charcoal); --obsidian: var(--ss-obsidian); --carbon: #000000; --spring: var(--ss-spring); --sea: var(--ss-sea); --deep: var(--ss-deep); --deep-hover: var(--ss-deep-hover); --mint: var(--ss-mint); --green: var(--sea); --accent: var(--spring); --heading: 'DM Sans','Geist',ui-sans-serif,system-ui,sans-serif; --sans: 'Geist',ui-sans-serif,system-ui,sans-serif; --mono: 'Geist',ui-sans-serif,system-ui,sans-serif; --t-eyebrow: 11px; --t-caption: var(--ss-t-caption); --t-small: var(--ss-t-small); --t-body: var(--ss-t-body); --t-heading: 30px; --t-heading-lg: 56px; --t-display: 64px; --r: var(--ss-r); --r-pill: var(--ss-r-pill); --ring: var(--ss-ring); --ring-line: var(--ss-ring-line); --max: var(--ss-max); --pad: var(--ss-pad); --section: var(--ss-section); --gap: var(--ss-gap); --fast: var(--ss-fast); --ease-out: var(--ss-ease-out); }
*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; scroll-padding-top: 80px; }
body{ margin: 0; background: var(--paper); color: var(--obsidian); font: 400 var(--t-body)/1.5 var(--sans); font-feature-settings: "calt" 0,"rlig","ss11"; -webkit-font-smoothing: antialiased; }
a{ color: inherit; }
:focus-visible{ outline: 2px solid var(--sea); outline-offset: 2px; }
.label{ color: var(--stone); }
.h-xl{ font-weight: 450; font-size: clamp(40px,6vw,var(--t-display)); line-height: 1; letter-spacing: -0.06em; margin: 0; }
.muted{ color: var(--charcoal); }
.mono{ font-family: var(--mono); }
.json,.term-cmd,.tool,.conv-row,.feat .sample,.src-url{ font-variant-numeric: tabular-nums; }
.num{ font-variant-numeric: tabular-nums; }
section{ padding-block: var(--section) 0; }
.btn-inv{ background: var(--white); color: var(--obsidian); }
.btn-inv:hover{ background: var(--hairline); }
.pill{ border-radius: var(--r-pill); min-height: 32px; padding: 0 14px; }
.tag{ display: inline-block; font: 400 var(--t-caption)/1.4 var(--sans); color: var(--stone); }
.tag.live{ color: var(--obsidian); font-weight: 500; }
.tag.soon{ color: var(--stone); }
.pf{ display: inline-flex; align-items: center; gap: 8px; color: var(--obsidian); }
.pf .pl,.pf .od-icon{ color: var(--sea); }
.pf .pl{ --od-icon-size: 18px; }
.stack li .pf{ font: 400 var(--t-small)/1.4 var(--sans); letter-spacing: -0.01em; }
.ck{ --od-icon-size: 18px; color: var(--sea); display: block; }
.conv{ --ink: var(--deep); margin: 0; position: relative; display: grid; grid-template-columns: minmax(0,1fr) 2px minmax(0,1.05fr); min-height: 540px; border-radius: var(--r); background: var(--ink); overflow: hidden; isolation: isolate; }
.conv-in{ position: relative; overflow: hidden; }
.conv-line{ background: var(--accent); opacity: .75; transition: opacity 120ms var(--ease-out),box-shadow 120ms var(--ease-out); z-index: 2; }
.conv-line.hit{ opacity: 1; box-shadow: 0 0 0 1px var(--accent); }
.conv-out{ display: flex; flex-direction: column; min-width: 0; padding: 20px 20px 0 24px; }
.conv-head{ display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 12px; }
.conv-head .label{ color: #c9c9c9; }
.conv-head .tag.soon{ color: #a8a8a8; }
.conv-cols,.conv-row{ display: grid; grid-template-columns: 68px 60px minmax(0,1fr) 52px; gap: 8px; align-items: center; }
.conv-cols{ font: 500 12px/1.5 var(--sans); color: #8f8f8f; padding: 8px 0; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.conv-cols .r,.conv-row .r{ text-align: right; }
.conv-rows{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; flex: 1; overflow: hidden; -webkit-mask-image: linear-gradient(#000 70%,transparent); mask-image: linear-gradient(#000 70%,transparent); }
.conv-row{ font: 400 13px/1.4 var(--sans); color: #e6e6e6; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.06); animation: row-in 360ms var(--ease-out) both; }
.conv-row span{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conv-row .t{ color: #a8a8a8; }
.conv-row .r{ font-variant-numeric: tabular-nums; }
.conv-row.fresh{ background: rgba(20,201,160,.08); }
.conv-row.hl{ background: rgba(255,255,255,.08); }
@keyframes row-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.post{ position: absolute; left: 0; top: 0; background: #fff; color: var(--obsidian); border-radius: var(--r); box-shadow: 0 0 0 1px rgba(255,255,255,.06); font-family: var(--sans); transform-origin: right center; will-change: transform; overflow: hidden; }
.post .pl{ --od-icon-size: 12px; }
.post .who{ display: flex; align-items: center; gap: 6px; font: 500 11px/1.3 var(--sans); white-space: nowrap; }
.post .cap{ font: 400 11px/1.35 var(--sans); color: var(--charcoal); }
.post .media{ background: #e6e6e6; display: grid; place-items: center; }
.post .media::after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 11px; border-color: transparent transparent transparent #a8a8a8; }
.post .media.still::after{ display: none; }
.post.p-tiktok{ width: 96px; height: 170px; }
.post.p-tiktok .media{ position: absolute; inset: 0; }
.post.p-tiktok .over{ position: absolute; left: 8px; right: 8px; bottom: 8px; display: grid; gap: 3px; }
.post.p-youtube{ width: 190px; }
.post.p-youtube .media{ aspect-ratio: 16/9; }
.post.p-youtube .body,.post.p-linkedin .body,.post.p-twitter .body,.post.p-instagram .body{ padding: 8px 10px; display: grid; gap: 4px; }
.post.p-instagram{ width: 140px; }
.post.p-instagram .media{ aspect-ratio: 1/1; }
.post.p-twitter{ width: 180px; }
.post.p-twitter .cap{ color: var(--obsidian); font-size: 12px; }
.post.p-linkedin{ width: 180px; }
.post.p-linkedin .media{ aspect-ratio: 1.91/1; }
.post.flat{ transition: transform 320ms cubic-bezier(.5,0,.75,0),opacity 320ms cubic-bezier(.5,0,.75,0); }
.hl-api{ background: var(--sea); color: #fff; border-radius: var(--r); padding: 0 .1em; margin-left: .02em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
@media (prefers-reduced-motion:reduce){
  .conv-row { animation: none; }
  .post.flat { transition: none; }
}
.logo-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 16px; justify-self: end; max-width: 240px; }
.logo-cell{ display: inline-flex; color: var(--deep); }
.logo-cell .pl{ --od-icon-size: 22px; }
.logo-more{ font-size: var(--t-small); color: var(--charcoal); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.logo-more:hover{ color: var(--obsidian); }
.mono-tile{ display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 4px; background: var(--deep); color: var(--white); font: 500 11px/1 var(--sans); flex: none; }
.ep-search{ display: grid; grid-template-columns: auto minmax(0,360px) 1fr; align-items: center; gap: 12px 16px; margin-bottom: 24px; }
.ep-search label{ font-size: var(--t-small); font-weight: 500; }
.ep-field{ display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border-radius: var(--r); background: var(--white); box-shadow: var(--ring); }
.ep-field:focus-within{ box-shadow: 0 0 0 1px var(--sea),0 0 0 4px var(--mint); }
.ep-field .od-icon{ --od-icon-size: 16px; color: var(--stone); }
.ep-field input{ flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: 400 var(--t-small)/1 var(--sans); color: var(--obsidian); }
.ep-field input::placeholder{ color: var(--stone); }
.ep-status{ margin: 0; justify-self: end; font-size: var(--t-caption); color: var(--charcoal); }
.plat{ display: flex; flex-direction: column; gap: 12px; padding: 20px; }
.plat-head{ display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--hairline); }
.plat-head .pf{ gap: 10px; min-width: 0; }
.plat-head .count{ font-size: var(--t-caption); color: var(--charcoal); white-space: nowrap; }
.eps{ list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.eps li{ display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: var(--t-small); line-height: 1.43; padding: 4px 0; }
.eps li .ep{ min-width: 0; overflow-wrap: anywhere; }
.eps li.is-planned .ep{ color: var(--stone); }
.more summary{ list-style: none; cursor: pointer; display: inline-block; margin-top: 4px; font-size: var(--t-small); color: var(--obsidian); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.more summary::-webkit-details-marker{ display: none; }
.more summary .hide{ display: none; }
.more[open] summary .show{ display: none; }
.more[open] summary .hide{ display: inline; }
.more[open] summary{ order: 2; }
.more[open]{ display: flex; flex-direction: column; }
.more[open] > .eps{ order: 1; }
.plat-grid.is-searching .more summary{ display: none; }
.ep-empty{ padding: 40px 0; display: grid; justify-items: start; gap: 12px; }
.ep-empty p{ margin: 0; color: var(--charcoal); }
@media (max-width:860px){.ep-search{ grid-template-columns: 1fr; }
.ep-status{ justify-self: start; }
}
.plat{ transition: box-shadow var(--fast) var(--ease-out); }
.plat .pl{ color: var(--sea); }
.plat:hover,.plat:focus-within{ box-shadow: 0 0 0 1px var(--sea); }
.card.inv .sample{ border-color: rgba(255,255,255,.14) !important; }
.btn-inv{ color: var(--deep); }
.links{ display: flex; gap: 24px; }
.links a{ font-size: var(--t-small); color: var(--charcoal); text-decoration: none; padding: 8px 0; }
.links a:hover{ color: var(--obsidian); }
.menu-btn{ display: none; width: 44px; height: 44px; border-radius: var(--r); background: transparent; border: 0; box-shadow: var(--ring-line); cursor: pointer; color: var(--obsidian); }
.menu-btn .od-icon{ --od-icon-size: 18px; }
.menu-panel{ border-top: 1px solid var(--hairline); padding: 8px var(--pad) 16px; background: var(--paper); }
.menu-panel a{ display: block; padding: 12px 0; font-size: var(--t-body); text-decoration: none; color: var(--obsidian); border-bottom: 1px solid var(--hairline); }
.hero{ padding-top: 48px; }
.hero-cta{ display: flex; gap: 12px; flex-wrap: wrap; margin-top: 32px; }
.hero-grid{ display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 56px; align-items: center; }
.stack{ list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; justify-self: end; }
.stack li{ display: flex; justify-content: space-between; align-items: center; gap: 16px; font: 400 var(--t-eyebrow)/1.5 var(--mono); letter-spacing: 0; padding-bottom: 12px; border-bottom: 1px solid var(--hairline); min-width: 200px; }
.resp{ display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 64px; align-items: center; padding: 48px 0 16px; }
.resp > *{ min-width: 0; }
.resp-copy .lead{ margin-top: 20px; max-width: 440px; }
.curl{ display: flex; align-items: center; gap: 8px; margin-top: 28px; padding: 6px 6px 6px 16px; background: var(--white); border-radius: 12px; box-shadow: 0 0 0 1px var(--hairline); max-width: 520px; }
.curl code{ flex: 1; min-width: 0; font: 400 13px/1.5 var(--mono); color: var(--charcoal); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.curl .pr{ color: var(--sea); }
.curl .copy{ min-height: 30px; padding: 0 12px; font: 500 var(--t-caption)/1 var(--sans); background: var(--mint); color: var(--sea); }
.resp-card{ background: var(--white); border-radius: 16px; box-shadow: 0 0 0 1px var(--hairline),0 24px 48px -28px rgba(15,61,58,.3); padding: 8px; }
.resp-head{ display: flex; justify-content: space-between; align-items: center; padding: 8px 8px 12px; }
.seg2{ display: inline-flex; background: var(--paper); border-radius: var(--r-pill); padding: 3px; box-shadow: inset 0 0 0 1px var(--hairline); }
.seg2 button{ border: 0; background: transparent; font: 500 var(--t-caption)/1 var(--sans); color: var(--stone); padding: 7px 14px; border-radius: var(--r-pill); cursor: pointer; }
.seg2 button[aria-selected="true"]{ background: var(--deep); color: #fff; }
.resp-view{ min-height: 300px; }
.rlist{ list-style: none; margin: 0; padding: 0; }
.rlist li{ display: flex; align-items: center; gap: 14px; padding: 12px; border-radius: 10px; }
.rlist li + li{ margin-top: 2px; }
.rlist li:hover{ background: var(--paper); }
.rlist .thumb{ display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 40px; border-radius: 8px; background: var(--deep); color: #fff; flex: none; }
.rlist li:nth-child(2) .thumb{ background: var(--sea); }
.rlist li:nth-child(3) .thumb{ background: var(--spring); color: var(--deep); }
.rlist li:nth-child(4) .thumb{ background: var(--mint); color: var(--sea); }
.rt{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 15px; font-weight: 500; }
.rt small,.rv small{ font-size: var(--t-caption); font-weight: 400; color: var(--stone); }
.rv{ display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-size: 15px; font-weight: 500; }
.resp-view .json{ margin: 0; padding: 12px 16px; font-size: 13px; line-height: 1.75; }
.resp-foot{ display: flex; justify-content: space-between; padding: 12px 12px 6px; margin-top: 4px; border-top: 1px solid var(--hairline); font-size: var(--t-caption); color: var(--stone); }
table{ width: 100%; border-collapse: collapse; font-size: var(--t-small); }
th{ font: 500 12px/1.5 var(--sans); letter-spacing: 0; color: var(--stone); text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--hairline); white-space: nowrap; }
td{ padding: 10px 12px; border-bottom: 1px solid var(--hairline); }
tr:last-child td{ border-bottom: 0; }
td.r,th.r{ text-align: right; }
.json .p{ color: var(--stone); }
.term-foot{ display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 12px 16px; border-top: 1px solid var(--hairline); font-size: var(--t-caption); color: var(--charcoal); }
.g3{ display: grid; gap: var(--gap); }
.g2{ display: grid; gap: var(--gap); }
.g4{ display: grid; gap: var(--gap); }
.feat{ display: flex; flex-direction: column; gap: 12px; min-height: 200px; }
.feat p{ margin: 0; color: var(--charcoal); font-size: var(--t-small); }
.feat .sample{ margin-top: auto; padding-top: 16px; border-top: 1px solid var(--hairline); font: 400 12px/1.6 var(--mono); color: var(--charcoal); display: flex; justify-content: space-between; gap: 12px; }
.frame{ background: var(--white); border-radius: var(--r); box-shadow: var(--ring); overflow-x: auto; }
.frame table{ min-width: 880px; }
.frame td:first-child{ font-weight: 500; white-space: nowrap; position: sticky; left: 0; background: var(--white); }
.frame td small{ display: block; color: var(--charcoal); font-size: 12px; margin-top: 2px; }
.planned{ display: flex; gap: 24px; flex-wrap: wrap; margin-top: 16px; font-size: var(--t-small); color: var(--charcoal); }
.chat{ display: grid; gap: 12px; margin-top: 24px; }
.bubble{ max-width: 85%; padding: 10px 14px; border-radius: var(--r); font-size: var(--t-small); line-height: 1.43; }
.bubble.me{ justify-self: end; background: var(--deep); color: var(--white); }
.bubble.bot{ background: var(--paper); box-shadow: var(--ring-line); }
.tool{ font: 400 12px/1.6 var(--mono); color: var(--charcoal); padding: 10px 12px; border-radius: var(--r); box-shadow: var(--ring-line); display: grid; gap: 4px; }
.tool .head{ display: flex; justify-content: space-between; color: var(--obsidian); }
.tool .row{ display: flex; justify-content: space-between; gap: 12px; }
.mon{ display: grid; gap: 8px; margin-top: 24px; }
.mon .item{ display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px; border-radius: var(--r); box-shadow: var(--ring-line); font-size: var(--t-small); }
.mon .item small{ display: block; color: var(--charcoal); font-size: 12px; }
.hook{ margin-top: 12px; padding: 12px; border-radius: var(--r); background: var(--paper); box-shadow: var(--ring-line); }
.uc q{ display: block; font-size: 20px; line-height: 1.3; letter-spacing: -0.02em; font-weight: 450; quotes: "\201C" "\201D"; }
.uc{ gap: 0; }
.uc .label{ margin-bottom: 8px; }
.uc q{ margin-bottom: 24px; }
.seg{ margin-bottom: 24px; }
.seg button{ transition: background-color var(--fast) var(--ease-out),color var(--fast) var(--ease-out); }
.pack .meta{ display: block; }
.pack .rate{ display: block; font: 400 var(--t-caption)/1.5 var(--sans); }
.card.inv .price small,.card.inv .meta,.card.inv .rate{ color: var(--ash); }
.card.inv .tag.plain{ color: var(--white); }
.fine{ margin: 24px 0 0; display: grid; gap: 4px; font-size: var(--t-small); color: var(--charcoal); max-width: 760px; }
.faq summary .od-icon{ --od-icon-size: 16px; color: var(--charcoal); transition: transform 200ms var(--ease-out); }
.faq details[open] summary .od-icon{ transform: rotate(45deg); }
.cta{ background: var(--mint); box-shadow: 0 0 0 1px rgba(14,138,114,.18); display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; padding: 40px; }
.cta p{ margin: 8px 0 0; color: var(--charcoal); }
.cta .od-cluster{ --od-gap: 12px; }
footer{ padding: 96px 0 48px; }
.foot h4{ letter-spacing: -0.01em; color: var(--obsidian); }
.foot a{ color: var(--charcoal); }
.foot a:hover{ color: var(--obsidian); }
.foot p{ color: var(--charcoal); }
.base{ border-top: 1px solid var(--hairline); color: var(--stone); }
.base a{ color: var(--stone); }
.base a:hover{ color: var(--obsidian); }
@media (max-width:1100px){
  .hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .stack { grid-column: 1/-1; justify-self: stretch; grid-template-columns: repeat(5,minmax(0,1fr)); }
  .stack li { min-width: 0; flex-direction: column; gap: 4px; }
  .g4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .g3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:860px){:root{ --pad: 16px; --section: 80px; }
.nav-right .btn-ghost{ display: none; }
.hero{ padding-top: 48px; }
.hero-grid{ grid-template-columns: 1fr; }
.conv{ min-height: 620px; grid-template-columns: 1fr; grid-template-rows: 280px 2px 1fr; }
.stack{ grid-template-columns: repeat(2,minmax(0,1fr)); }
.sec-head{ grid-template-columns: 1fr; }
.sec-head > p{ justify-self: start; }
.resp{ grid-template-columns: 1fr; gap: 32px; padding-top: 24px; }
.term-body{ grid-template-columns: 1fr; }
.g3,.g4{ grid-template-columns: 1fr; }
.foot{ grid-template-columns: repeat(2,minmax(0,1fr)); }
.foot > :first-child{ grid-column: 1/-1; }
.cta{ padding: 24px; }
}
@media (max-width:1100px){.links{ display: none; }
.menu-btn{ display: inline-flex; align-items: center; justify-content: center; }
.g2{ grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion:reduce){
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}
.ft{ display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 11px; margin-bottom: 16px; color: #fff; background: var(--c); box-shadow: 0 8px 18px -10px color-mix(in srgb,var(--c) 70%,transparent); }
.ft.t-spring{ --c: var(--spring); color: var(--deep); }
.ft.t-sea{ --c: var(--sea); }
.ft.t-deep{ --c: var(--deep); }
.ft.t-mint,.ft.t-soon{ --c: var(--mint); color: var(--sea); box-shadow: 0 0 0 1px #cdeee4; }
.ft.t-soon{ opacity: .75; }
.feat .tag.soon{ position: absolute; top: 24px; right: 24px; }
.feat{ position: relative; }
.feat .sample span:first-child{ color: var(--sea); }
.card.inv .sample span:first-child{ color: var(--spring); }
.tag.soon:not(.plain){ background: var(--mint); color: var(--sea); border-radius: var(--r-pill); padding: 2px 10px; font-weight: 500; }
.card.inv .tag.soon:not(.plain),.conv-head .tag.soon{ background: transparent; padding: 0; }
.eps .tag.soon{ font-size: 12px; padding: 1px 8px; }
.plat-head .pf .pl{ box-sizing: content-box; padding: 6px; border-radius: 8px; background: var(--mint); color: var(--sea); }
.plat-head .mono-tile{ width: 30px; height: 30px; border-radius: 8px; font-size: 13px; }
.tag.watch{ display: inline-flex; align-items: center; color: var(--sea); font-weight: 500; }
.tag.pop{ border-radius: var(--r-pill); padding: 2px 10px; font-weight: 500; }
.uc .label{ color: var(--sea); }
.faq summary .od-icon{ color: var(--sea); }
.build{ display: flex; flex-direction: column; gap: 0; min-height: 200px; }
.build p{ margin: 0; color: var(--charcoal); font-size: var(--t-small); line-height: 1.5; }
.build h3{ margin-bottom: 8px; }
.uses span{ font: 500 12px/1 var(--sans); color: var(--sea); background: var(--mint); border-radius: var(--r-pill); padding: 5px 10px; }
#developers .resp{ padding: 8px 0 0; }
.dev-grid{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px 32px; margin-top: 72px; padding-top: 40px; border-top: 1px solid var(--hairline); }
.dev-f h3{ margin: 0 0 6px; }
.dev-f p{ margin: 0; color: var(--charcoal); font-size: var(--t-small); line-height: 1.5; max-width: 340px; }
.ft.sm{ width: 32px; height: 32px; border-radius: 9px; margin-bottom: 14px; }
.dev-links{ display: flex; gap: 24px; margin: 40px 0 0; font-size: var(--t-small); }
.dev-links a{ color: var(--sea); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
@media (max-width:900px){
  .dev-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px){
  .dev-grid { grid-template-columns: 1fr; gap: 28px; margin-top: 48px; }
}
.viz{ position: relative; height: 136px; margin: -4px -4px 20px; padding: 16px; border-radius: 10px; background: linear-gradient(180deg,#f2faf7,#f8fcfa); box-shadow: inset 0 0 0 1px #e3f2ec; overflow: hidden; display: flex; flex-direction: column; justify-content: center; gap: 8px; font: 500 11px/1.3 var(--sans); color: var(--obsidian); }
.viz.soon{ filter: saturate(.6); opacity: .7; }
.v-card{ background: #fff; border-radius: 8px; box-shadow: 0 0 0 1px #e6efec,0 6px 14px -10px rgba(15,61,58,.35); padding: 8px 10px; display: flex; align-items: center; gap: 10px; min-width: 0; }
.v-col{ display: flex; flex-direction: column; gap: 5px; flex: 1; min-width: 0; }
.v-col b,.v-card b{ font-weight: 500; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v-ln{ display: block; height: 5px; border-radius: 3px; background: #e3ebe8; flex: none; }
.v-ln.dk{ background: #c9d8d3; }
.v-meta{ font-weight: 400; font-size: 10px; color: var(--stone); font-variant-numeric: tabular-nums; white-space: nowrap; }
.v-th{ display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 22px; border-radius: 5px; background: var(--deep); color: #fff; flex: none; }
.v-th svg{ width: 8px; height: 8px; }
.v-th.sea{ background: var(--sea); }
.v-th.spring{ background: var(--spring); color: var(--deep); }
.v-th.lg{ width: 64px; height: 44px; border-radius: 7px; }
.v-th.lg svg{ width: 12px; height: 12px; }
.v-av{ width: 30px; height: 30px; border-radius: 50%; background: var(--spring); flex: none; box-shadow: inset 0 0 0 3px rgba(255,255,255,.55); }
.v-av.sm{ width: 18px; height: 18px; box-shadow: none; }
.v-av.sea{ background: var(--sea); }
.v-av.spring{ background: var(--spring); }
.v-row3{ display: flex; gap: 6px; padding-left: 4px; }
.v-row3 .v-th{ width: 44px; height: 30px; }
.v-pill{ align-self: flex-start; background: var(--deep); color: #fff; border-radius: 99px; padding: 3px 8px; font-size: 10px; font-variant-numeric: tabular-nums; }
.v-search{ display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 99px; padding: 7px 12px; box-shadow: 0 0 0 1.5px var(--spring),0 6px 14px -10px rgba(15,61,58,.35); color: var(--sea); }
.v-search span{ color: var(--obsidian); font-weight: 400; }
.v-res{ padding: 6px 8px; }
.v-list{ flex-direction: column; align-items: stretch; gap: 7px; }
.v-li{ display: flex; align-items: center; gap: 10px; }
.v-li .v-meta{ margin-left: auto; }
.v-tx{ flex-direction: column; align-items: stretch; gap: 3px; padding: 8px; }
.v-tl{ display: flex; align-items: center; gap: 10px; padding: 3px 6px; border-radius: 5px; }
.v-tl.on{ background: var(--mint); box-shadow: inset 2px 0 0 var(--spring); }
.v-ts{ font-size: 10px; color: var(--sea); font-variant-numeric: tabular-nums; width: 24px; }
.v-bub{ display: flex; align-items: flex-start; gap: 8px; }
.v-bub .v-card{ padding: 8px 10px; }
.v-bub.rep{ padding-left: 26px; }
.v-bars{ align-items: flex-end; justify-content: space-between; height: 100%; padding: 12px 14px; gap: 8px; }
.v-bars span{ flex: 1; border-radius: 3px 3px 0 0; background: var(--sea); }
.v-bars span:nth-child(odd){ background: var(--spring); }
.v-spark{ flex-direction: column; align-items: stretch; height: 100%; color: var(--sea); }
.v-spark svg{ width: 100%; height: 46px; margin-top: auto; }
.v-ai{ align-items: flex-start; padding: 12px; }
.v-spk{ display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 7px; background: var(--mint); color: var(--sea); flex: none; }
.v-feed{ display: flex; flex-direction: column; gap: 6px; }
.v-mention{ padding: 7px 10px; }
.v-mention.on{ box-shadow: 0 0 0 1.5px var(--spring),0 6px 14px -10px rgba(15,61,58,.35); }
.v-dot{ width: 10px; height: 10px; border-radius: 3px; background: var(--spring); flex: none; }
.v-dot.sea{ background: var(--sea); }
.v-dot.deep{ background: var(--deep); }
.v-bar{ width: 64px; height: 6px; border-radius: 3px; background: #e3ebe8; margin-left: auto; overflow: hidden; flex: none; }
.v-bar i{ display: block; height: 100%; border-radius: 3px; background: var(--sea); }
.v-li:first-child .v-bar i{ background: var(--spring); }
.v-flow{ display: flex; align-items: center; gap: 10px; }
.v-arrow{ color: var(--sea); display: inline-flex; }
.v-doc{ flex: 1; flex-direction: column; align-items: stretch; gap: 5px; padding: 10px; }
.v-ad{ flex-direction: column; align-items: stretch; gap: 7px; padding: 9px; }
.v-adh{ display: flex; align-items: center; gap: 8px; }
.v-tag{ margin-left: auto; font-weight: 400; font-size: 9px; color: var(--sea); background: var(--mint); border-radius: 99px; padding: 2px 6px; }
.v-adimg{ display: block; height: 34px; border-radius: 5px; background: linear-gradient(120deg,var(--sea),var(--spring)); }
.v-chat{ display: flex; flex-direction: column; gap: 6px; }
.v-me{ align-self: flex-end; background: var(--deep); color: #fff; border-radius: 10px 10px 3px 10px; padding: 6px 10px; font-weight: 400; font-size: 10.5px; }
.v-tool{ align-self: flex-start; display: inline-flex; align-items: center; gap: 5px; background: var(--mint); color: var(--sea); border-radius: 99px; padding: 3px 8px; font-size: 10px; }
.v-ai2{ align-self: flex-start; width: 70%; display: flex; flex-direction: column; gap: 5px; background: #fff; border-radius: 10px 10px 10px 3px; padding: 8px 10px; box-shadow: 0 0 0 1px #e6efec; }
.v-toast{ padding: 9px 10px; }
.v-toast.ghost{ opacity: .55; transform: scale(.94); margin-top: -2px; }
.v-bell{ display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 8px; background: var(--spring); color: var(--deep); flex: none; }
.v-toast.ghost .v-bell{ background: var(--mint); color: var(--sea); }
.feat .tag.soon{ z-index: 2; top: 30px; right: 30px; }
.h-dim{ color: inherit; }
.pb{ min-height: 617px; align-items: stretch; }
.pb-nav{ position: relative; }
.pb-nav .pb-list{ position: absolute; inset: 0 -2px; padding: 2px; gap: 6px; overflow-y: auto; scrollbar-width: thin; }
.pb-item{ padding-top: 6px; padding-bottom: 6px; }
.pb-stage{ display: flex; }
.pb-panel:not([hidden]){ display: flex; flex-direction: column; flex: 1; min-width: 0; }
.pb-panel > :last-child{ margin-top: auto; }
.pb-item:focus-visible{ outline: 2px solid var(--sea); outline-offset: 1px; }
.pb-chev{ color: var(--ash); opacity: 0; }
.pb-item[aria-selected="true"] .pb-chev{ opacity: 1; color: var(--sea); }
.ptile .pl{ --od-icon-size: 17px; }
.ptile .mono-tile{ width: auto; height: auto; background: transparent; color: var(--sea); font-size: 14px; }
.pb-item[aria-selected="true"] .ptile .mono-tile{ color: #fff; }
.ptile.lg .pl{ --od-icon-size: 22px; }
.ptile.lg .mono-tile{ color: #fff; font-size: 18px; }
.ptile.xs .pl{ --od-icon-size: 12px; }
.ptile.xs .mono-tile{ font-size: 11px; }
.pb-stage{ min-width: 0; }
.pb-ep .tag.soon{ font-size: 11px; padding: 1px 8px; margin-top: 1px; }
.pb-index{ margin-top: 72px; padding-top: 40px; border-top: 1px solid var(--hairline); }
.pb-ih{ display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 24px; }
.pb-ih .eyebrow{ margin-bottom: 12px; }
.pb-ih > p{ margin: 0; font-size: var(--t-small); color: var(--stone); }
@media (max-width:960px){
  .pb { grid-template-columns: minmax(0,1fr); }
  .pb > * { min-width: 0; }
  .pb { min-height: 0; }
  .pb-nav .pb-list { position: static; flex-direction: row; overflow-x: auto; overflow-y: visible; gap: 6px; padding: 2px 2px 12px; scrollbar-width: thin; }
  .pb-item { flex: none; width: auto; padding-right: 14px; }
  .pb-chev { display: none; }
}
@media (max-width:640px){
  .pb-panel { padding: 20px; }
  .pb-eps { grid-template-columns: 1fr; }
  .pb-ph { flex-wrap: wrap; }
  .pb-learn { flex-basis: 100%; }
  .pb-ih { flex-direction: column; align-items: start; }
}
.uses a{ font: 500 12px/1 var(--sans); color: var(--sea); background: var(--mint); border-radius: var(--r-pill); padding: 5px 10px; text-decoration: none; }
.card-link{ color: inherit; text-decoration: none; }
.card-link:hover{ color: var(--sea); }
.feat:has(.card-link)::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; }
.feat:has(.card-link:hover){ box-shadow: 0 0 0 1px var(--sea); }
.dev-bento{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--gap); }
.dev-main{ grid-column: span 2; grid-row: span 2; display: flex; flex-direction: column; }
.viz.big{ flex: 1; height: auto; min-height: 0; padding: 24px; display: flex; flex-direction: column; justify-content: center; }
.viz.big .resp-card{ width: 100%; max-width: 600px; margin: 0 auto; }
.viz.big .resp-card{ box-shadow: 0 0 0 1px #e6efec,0 10px 24px -16px rgba(15,61,58,.35); padding: 6px; font-size: inherit; }
.viz.big .resp-view{ min-height: 0; }
.viz.big .rlist li{ padding: 8px 10px; }
.viz.big .rlist .thumb{ width: 44px; height: 30px; border-radius: 6px; }
.viz.big .rt,.viz.big .rv{ font-size: 13px; }
.viz.big .rt small,.viz.big .rv small{ font-size: 11px; }
.viz.big .resp-head{ padding: 6px 6px 8px; }
.viz.big .resp-foot{ padding: 8px 10px 4px; font-size: 11px; }
.viz.big .json{ font-size: 12px; padding: 8px 12px; }
.dev-main-foot{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; align-items: end; }
.dev-main-foot h3{ margin-bottom: 6px; }
.dev-main-foot p{ margin: 0; color: var(--charcoal); font-size: var(--t-small); line-height: 1.5; }
.dev-main-foot .curl{ margin: 0; max-width: none; }
.dev-c{ display: flex; flex-direction: column; }
.dev-c h3{ margin-bottom: 6px; }
.dev-c p{ margin: 0; color: var(--charcoal); font-size: var(--t-small); line-height: 1.5; }
.v-src{ display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 6px; background: var(--mint); color: var(--sea); flex: none; }
.v-src svg{ width: 11px; height: 11px; }
.v-li .v-meta + .v-meta{ margin-left: 10px; width: 40px; text-align: right; }
.v-urls{ display: flex; flex-direction: column; gap: 6px; flex: 1; min-width: 0; }
.v-url{ display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 99px; padding: 4px 10px 4px 4px; box-shadow: 0 0 0 1px #e6efec; font-weight: 400; font-size: 10.5px; white-space: nowrap; overflow: hidden; }
.v-pill.big{ align-self: center; padding: 7px 12px; font-size: 11px; }
.v-receipt .v-li{ justify-content: space-between; font-weight: 400; font-size: 11px; padding: 2px 0; }
.v-receipt .v-li + .v-li{ border-top: 1px dashed #e3ebe8; padding-top: 7px; }
.v-cr{ font-weight: 500; color: var(--obsidian); font-variant-numeric: tabular-nums; }
.v-cr.z{ color: var(--sea); background: var(--mint); border-radius: 99px; padding: 1px 8px; }
.v-code{ flex-direction: column; align-items: stretch; gap: 6px; }
.v-code code{ font: 400 10.5px/1.6 var(--mono); color: var(--obsidian); }
.v-code code i{ font-style: normal; color: var(--sea); }
.v-conn{ display: flex; flex-wrap: wrap; gap: 6px; }
.v-chip{ display: inline-flex; align-items: center; gap: 6px; background: #fff; border-radius: 99px; padding: 4px 10px; box-shadow: 0 0 0 1px #e6efec; font-size: 10.5px; }
.v-ok{ width: 6px; height: 6px; border-radius: 50%; background: var(--spring); box-shadow: 0 0 0 2px var(--mint); }
.v-tool2{ justify-content: space-between; }
.v-tool2 b{ color: var(--sea); }
@media (max-width:1000px){
  .dev-bento { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dev-main { grid-column: 1/-1; grid-row: auto; }
}
@media (max-width:700px){
  .dev-bento { grid-template-columns: minmax(0,1fr); }
  .dev-main-foot { grid-template-columns: minmax(0,1fr); }
  .viz.big { padding: 12px; }
}
.viz.big .ed{ width: 100%; background: #fff; border-radius: 12px; box-shadow: 0 0 0 1px #e6efec,0 14px 30px -20px rgba(15,61,58,.4); overflow: hidden; font-size: inherit; text-align: left; }
.ck2{ color: var(--deep); font-weight: 500; }
.ed-json{ margin: 0; font-size: 12px; line-height: 1.7; white-space: pre; overflow-x: auto; }
.dev-main-links{ display: flex; gap: 20px; justify-content: flex-end; margin: 0; font-size: var(--t-small); }
.dev-main-links a{ color: var(--sea); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
@media (max-width:700px){
  .ed-body { grid-template-columns: minmax(0,1fr); }
  .ed-res { border-left: 0; border-top: 1px solid #edf2f0; }
  .dev-main-links { justify-content: flex-start; }
}
.dev2{ display: block; }
.dev2 .steps{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
@media (max-width:860px){.dev2 .steps{ grid-template-columns: minmax(0,1fr); gap: 22px; }
}
.dev2-copy .lead{ margin-top: 16px; max-width: 420px; }
.steps{ counter-reset: none; }
.dev2-links{ display: flex; gap: 20px; margin: 32px 0 0; font-size: var(--t-small); }
.dev2-links a{ color: var(--sea); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.dev2-ed .ed{ width: 100%; background: #fff; border-radius: var(--ss-r-code); box-shadow: 0 0 0 1px var(--hairline),0 30px 60px -36px rgba(15,61,58,.4); overflow: hidden; }
.dev2-ed .ed-body{ min-height: 300px; }
.dev2-ed .ed-code{ font-size: 13px; }
.dev2-ed .ed-json{ font-size: 12.5px; }
@media (max-width:1000px){
  .dev2 { grid-template-columns: minmax(0,1fr); gap: 40px; }
}
footer.endcap{ background: var(--deep); color: #d5e7e2; margin-top: var(--section); padding: 0 0 32px; position: relative; overflow: hidden; }
.ef-t{ position: absolute; left: var(--x); top: var(--y); rotate: var(--r); display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 15px; box-shadow: 0 18px 30px -16px rgba(0,0,0,.45); }
.ef-spring{ background: var(--spring); color: var(--deep); }
.ef-sea{ background: var(--sea); color: #fff; }
.ef-mint{ background: var(--mint); color: var(--sea); }
.ec-eyebrow{ display: block; margin: 0 0 18px; font: 600 var(--t-small)/1.4 var(--sans); letter-spacing: -0.005em; color: var(--spring); }
.ec-primary{ background: var(--spring); color: var(--deep); font-weight: 500; }
.ec-primary:hover{ background: #2ad8b0; }
.ec-ghost{ background: transparent; color: #fff; box-shadow: 0 0 0 1px rgba(255,255,255,.25); }
.ec-ghost:hover{ box-shadow: 0 0 0 1px rgba(255,255,255,.6); }
.endcap .foot{ padding-top: 64px; }
.endcap .foot h4{ color: #fff; font-size: var(--t-small); font-weight: 500; }
.endcap .foot a{ color: #b7d3cc; }
.endcap .foot a:hover{ color: #fff; }
.endcap .ec-mail{ margin-top: 8px; color: var(--spring)!important; }
.endcap .base{ border-top-color: rgba(255,255,255,.1); color: #8fb3aa; }
.endcap .base a{ color: #8fb3aa; }
.endcap .base a:hover{ color: #fff; }
@media (max-width:760px){
  .ec-cta { padding: 88px 0 80px; }
  .ef-t { width: 40px; height: 40px; border-radius: 11px; }
  .ef-t svg { width: 16px; height: 16px; }
  .ef-t:nth-child(n+5) { display: none; }
}
.hero{ position: relative; isolation: isolate; }
.hero-stage{ position: relative; max-width: 1160px; margin: 0 auto 80px; }
.hero-copy{ position: relative; z-index: 2; text-align: center; max-width: 1040px; margin: 0 auto; padding: 60px 0 0; }
.h-hero{ font-weight: 600; font-size: clamp(34px,4.2vw,56px); line-height: 1.07; text-wrap: balance; }
.hero-ed{ position: relative; z-index: 2; max-width: 1080px; margin: 56px auto 0; animation: hero-rise 600ms var(--ease-out) 400ms backwards; }
.hero-ed .ed-body{ min-height: 320px; }
.hero-ed .ed-code{ font-size: 14px; }
.hero-ed .ed-json{ font-size: 13.5px; }
.hero-ed .ed{ display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 16px; background: none; box-shadow: none; border-radius: 0; overflow: visible; }
.hp{ display: flex; flex-direction: column; min-width: 0; min-height: 340px; background: #fff; color: var(--obsidian); border-radius: var(--ss-r-code); box-shadow: 0 0 0 1px var(--hairline),0 30px 60px -36px rgba(15,61,58,.4); overflow: hidden; }
.hp .ed-bar{ display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; min-height: 48px; padding: 8px 12px 8px 16px; }
.hp-res .ed-bar{ grid-template-columns: 1fr auto; }
.hp-l{ font-size: 13px; font-weight: 500; color: var(--stone); }
.hp .ed-tabs{ padding: 3px; border-radius: var(--r-sm,7px); background: var(--ss-wash,#f7fbf9); }
.hp .ed-copy{ justify-self: end; }
.hp .ed-req{ flex: 1; padding: 16px 0; }
.hp-run{ padding: 0 16px 16px; }
.hp-runbtn{ display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 0; border-radius: 6px; background: var(--mint); color: var(--deep); font: 500 14px/1 var(--sans); cursor: pointer; --od-icon-size: 14px; transition: background 200ms var(--ease-out); }
.hp-runbtn:hover{ background: var(--deep); color: #fff; }
.hp-runbtn:focus-visible{ outline: 2px solid var(--sea); outline-offset: 2px; }
.hp-runbtn[disabled]{ cursor: default; opacity: .7; }
.hp-st{ display: inline-flex; align-items: center; gap: 10px; font-size: 11px; color: var(--stone); }
.hp-res .ed-json{ flex: 1; padding: 16px; transition: opacity 200ms var(--ease-out); }
.hp-res.is-running .ed-json{ opacity: 0; }
.hero-link{ display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; color: var(--obsidian); font-weight: 500; font-size: 15px; text-decoration: none; }
.hero-link:hover{ text-decoration: underline; text-underline-offset: 3px; }
.hero-note{ margin: 24px 0 0; font-size: 15px; font-weight: 500; color: var(--obsidian); }
.hero-note{ animation: hero-rise 600ms var(--ease-out) 320ms backwards; }
@media (max-width:860px){.hero-ed .ed{ grid-template-columns: minmax(0,1fr); }
.hp{ min-height: 0; }
.hp-req .hp-l{ display: none; }
.hp-req .ed-bar{ grid-template-columns: auto 1fr; }
}
.hero-ed .ed-bar{ border-bottom-color: #edf2f0; }
.hero-ed .ed-tabs button{ color: var(--stone); }
.hero-ed .ed-tabs button:hover{ color: var(--obsidian); }
.hero-ed .ed-tabs button[aria-selected="true"]{ background: var(--mint); color: var(--sea); }
.hero-ed .ed-copy{ background: var(--deep); color: #fff; }
.hero-ed .ed-copy:hover{ background: #0b2d2b; color: #fff; }
.hero-ed .ed-tabs button:focus-visible,.hero-ed .ed-copy:focus-visible{ outline: 2px solid var(--sea); outline-offset: 2px; }
.hero-ed .ed-code{ color: var(--obsidian); }
.hero-ed .ed-code .ln i{ color: #93a8a2; }
.hero-ed{ --ide-key: #7a3fc4; --ide-fn: #1f5fbf; --ide-str: #1a7f4b; --ide-num: #c4281c; --ide-prop: #0b7285; --ide-punc: #5f736d; }
.hero-ed .ed-code .cs,.hero-ed .json .s{ color: var(--ide-str); }
.hero-ed .ed-code .ck2{ color: var(--ide-key); font-weight: inherit; }
.hero-ed .ed-code .tf{ color: var(--ide-fn); }
.hero-ed .tp{ color: var(--ide-prop); }
.hero-ed .tu{ color: var(--ide-punc); }
.hero-ed .json{ color: var(--obsidian); }
.hero-ed .json .k{ color: var(--ide-prop); }
.hero-ed .json .n{ color: var(--ide-num); }
.t-tt{ --c: var(--spring); color: var(--deep); }
.t-json{ --c: var(--deep); width: 112px; height: 112px; border-radius: 28px; color: #fff; box-shadow: 0 24px 44px -20px rgba(15,61,58,.55); }
.t-json svg{ width: 64px; height: 64px; }
.h-hero .hl-api{ padding: 0 .12em; border-radius: .16em; }
.hero-copy .lead{ margin: 24px auto 0; font-size: 18px; max-width: 640px; text-wrap: balance; }
@media (min-width: 720px){ .hero-copy .lead { max-width: none; white-space: nowrap; } }
.hero-copy .hero-cta{ justify-content: center; align-items: center; margin-top: 32px; }
.hero-icons{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin-top: 28px; }
.hi{ display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--c); transition: transform var(--fast) var(--ease-out); }
.hi:hover{ transform: translateY(-2px); }
.hi svg{ width: 21px; height: 21px; display: block; }
.hi-more{ display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; border: 1px dashed var(--hairline); border-radius: var(--r-pill); color: var(--obsidian); font-size: 14px; font-weight: 500; text-decoration: none; }
.hi-more:hover{ border-color: var(--sea); color: var(--sea); }
.hero-copy .hero-cta{ margin-top: 28px; }
.btn.hero-btn{ justify-content: center; width: 100%; max-width: 380px; min-height: 60px; padding: 0 32px; font-size: 18px; }
@media (min-width:861px) and (max-width:1100px){.fl{ display: none; }
}
.fl-layer{ position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.fl{ position: absolute; left: var(--x); top: var(--y); rotate: var(--r); animation: fl-in 900ms cubic-bezier(.2,.9,.25,1.1) calc(320ms + var(--o) * 70ms) backwards,bob 7s ease-in-out var(--d) infinite; }
@keyframes bob{50%{translate:0 -7px}}
@keyframes fl-in{from{opacity:0;transform:translate(calc(var(--fx) * var(--k,1)),calc(var(--fy) * var(--k,1))) scale(.6)}45%{opacity:1}}
@keyframes hero-rise{from{opacity:0;transform:translateY(20px)}}
@keyframes hero-chip{from{opacity:0;transform:scale(.7)}}
.h-hero{ animation: hero-rise 600ms var(--ease-out) backwards; }
.h-hero .hl-api{ display: inline-block; animation: hero-chip 500ms cubic-bezier(.2,.9,.25,1.25) 380ms backwards; }
.hero-copy .lead{ animation: hero-rise 600ms var(--ease-out) 160ms backwards; }
.hero-icons{ animation: hero-rise 600ms var(--ease-out) 210ms backwards; }
.hero-copy .hero-cta{ animation: hero-rise 600ms var(--ease-out) 260ms backwards; }
.tile{ rotate: var(--r,0deg); }
.t-yt{ --c: var(--spring); color: var(--deep); }
.t-ig{ --c: var(--sea); width: 68px; height: 68px; border-radius: 17px; }
.t-fb{ --c: var(--sea); }
.chip{ box-shadow: 0 0 0 1px var(--hairline),0 12px 28px -14px rgba(15,61,58,.3); }
.chip.creator{ font-size: 14px; padding: 6px 8px 6px 6px; }
.chip .av{ width: 26px; height: 26px; background: var(--mint); color: var(--sea); }
.creator .av{ background: var(--spring); color: var(--deep)!important; color: #fff; width: 30px; height: 30px; }
.chip .mini{ display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 7px; background: var(--deep); color: #fff; }
.json-f{ padding: 14px 18px; font: 400 12px/1.7 var(--sans); color: var(--obsidian); white-space: nowrap; }
.json-f i{ font-style: normal; color: var(--stone); }
.json-f b{ font-weight: 400; color: var(--sea); }
.vid{ width: 172px; padding: 8px 8px 12px; display: flex; flex-direction: column; gap: 10px; }
.vid .media{ height: 92px; border-radius: 9px; background: var(--deep); color: #fff; display: flex; align-items: center; justify-content: center; }
.vid .vt{ font-weight: 500; font-size: 13px; padding: 0 4px; }
.vid .vm{ display: flex; justify-content: space-between; align-items: center; padding: 0 4px; font-size: 11px; }
.vid .plays{ display: inline-flex; align-items: center; gap: 6px; background: var(--deep); color: #fff; border-radius: var(--r-pill); padding: 5px 10px; font-variant-numeric: tabular-nums; }
.vid .dim{ color: var(--stone); }
@media (prefers-reduced-motion: reduce){
  .fl,.h-hero,.h-hero .hl-api,.hero-copy .lead,.hero-copy .hero-cta,.hero-icons,.hi,.hero-note,.hero-ed { animation: none; }
  .hp-res .ed-json { transition: none; }
  .hi { transition: none; }
  .hi:hover { transform: none; }
}
@media (max-width:1100px){
  .tile { width: 68px; height: 68px; border-radius: 17px; }
  .tile svg { width: 32px; height: 32px; }
  .t-ig { width: 58px; height: 58px; }
  .json-f { font-size: 11px; padding: 12px 14px; }
  .vid { width: 150px; }
  .vid .media { height: 78px; }
}
@media (max-width:860px){.fl-layer{ z-index: 1; }
.hero-ed{ margin-top: 32px; }
.hero-ed .ed-body{ min-height: 0; }
.hero-ed .ed-code{ font-size: 13px; }
.hero-ed .ed-json{ font-size: 12.5px; }
.hero-copy{ padding: 40px 0 0; }
.hero{ --k: .4; }
.fl-layer{ position: relative; inset: auto; height: 124px; }
.json-f,.vid,.creator{ display: none; }
.hero-copy .lead{ font-size: 16px; }
.fl.tile{ width: 56px; height: 56px; border-radius: 14px; }
.fl.tile svg{ width: 26px; height: 26px; }
.fl.t-json{ left: calc(50% - 148px)!important; top: 44px!important; }
.fl.t-yt{ left: calc(50% - 76px)!important; top: 8px!important; }
.fl.t-tt{ left: calc(50% - 8px)!important; top: 58px!important; }
.fl.t-ig{ left: calc(50% + 56px)!important; top: 14px!important; }
.fl.t-fb{ left: calc(50% + 112px)!important; top: 64px!important; }
.br-wide{ display: none; }
}
.sec-head.center{ grid-template-columns: minmax(0,1fr); gap: 16px; margin-bottom: 48px; }
.sec-head.center > p{ justify-self: center; max-width: 520px; }
.sec-head.stacked{ grid-template-columns: minmax(0,1fr); gap: 16px; }
.sec-head.stacked > p{ justify-self: start; max-width: 520px; }
.price-stage .card{ box-shadow: 0 0 0 1px rgba(15,61,58,.08),0 18px 40px -28px rgba(15,61,58,.35); }
.pr-links{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; margin: 24px 0 0; font-size: var(--t-small); color: var(--charcoal); }
.seg-row{ display: flex; justify-content: flex-start; }
.faq-stack{ max-width: 820px; margin-inline: auto; }
.faq-more{ margin: 24px 0 0; color: var(--charcoal); font-size: var(--t-small); text-align: center; }
.js .reveal{ opacity: 0; transform: translateY(16px); transition: opacity 400ms var(--ease-out),transform 400ms var(--ease-out); transition-delay: calc(var(--i,0) * 70ms); }
.js .rv-on .reveal{ opacity: 1; transform: none; }
@media (prefers-reduced-motion:reduce){
  .js .reveal { opacity: 1; transform: none; transition: none; }
}
.h-section{ font-weight: 550; font-size: clamp(30px,3.2vw,44px); line-height: 1.1; letter-spacing: -.02em; }
.h-sub{ font-weight: 550; letter-spacing: -.02em; }
.uc-links a:focus-visible{ outline: 2px solid var(--sea); outline-offset: 2px; }
.uc{ display: flex; flex-direction: column; min-width: 0; padding: 28px; overflow: hidden; border-radius: 14px; }
.uc-mint{ background: var(--mint); color: var(--deep); }
.uc-deep{ background: var(--deep); color: #fff; }
.uc-spring{ background: var(--spring); color: var(--deep); }
.uc h3{ margin: 0; color: inherit; font-size: 28px; font-weight: 500; line-height: 1.1; letter-spacing: -.025em; }
.uc p{ margin: 12px 0 0; font-size: 15px; line-height: 1.5; }
.uc-uses{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.uc-uses a{ display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; border-radius: var(--r-pill); background: #fff; color: var(--deep); font-size: 13px; font-weight: 500; text-decoration: none; }
.uc-uses a:hover{ text-decoration: underline; text-underline-offset: 2px; }
.uc-mint .uc-uses a:focus-visible, .uc-spring .uc-uses a:focus-visible{ outline: 2px solid var(--deep); outline-offset: 2px; }
.uc-deep .uc-uses a:focus-visible{ outline: 2px solid var(--spring); outline-offset: 2px; }
.uc-links{ display: flex; justify-content: center; gap: 24px; margin: 32px 0 0; font-size: 15px; }
.uc-links a{ color: var(--sea); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.pv{ display: grid; grid-template-columns: 280px minmax(0,1fr); margin-top: 40px; overflow: hidden; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--hairline); }
.pv-nav{ position: relative; min-height: 0; background: var(--paper); box-shadow: 1px 0 0 var(--hairline); }
.pv-nh{ display: flex; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--hairline); color: var(--stone); font-size: 13px; font-variant-numeric: tabular-nums; }
.pv-list{ position: absolute; inset: 53px 0 0; display: flex; flex-direction: column; gap: 2px; padding: 8px; overflow-y: auto; scrollbar-width: thin; }
.pv-item{ flex: none; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 0 12px; border: 0; border-radius: 10px; background: transparent; color: var(--obsidian); font: inherit; font-size: 15px; font-weight: 500; text-align: left; cursor: pointer; transition: background var(--fast) var(--ease-out); }
.pv-item:hover{ background: #fff; }
.pv-item[aria-selected="true"]{ background: #fff; box-shadow: 0 0 0 1px var(--hairline); }
.pv-item:focus-visible, .pv-row:focus-visible, .pv-foot a:focus-visible, .pv-ti a:focus-visible{ outline: 2px solid var(--sea); outline-offset: -2px; }
.pv-nm{ min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv-c{ flex: none; color: var(--stone); font-size: 13px; font-weight: 400; font-variant-numeric: tabular-nums; }
.pv .pv-t, .pv-item[aria-selected="true"] .pv-t{ background: var(--c); color: #fff; }
.pv .ptile.pv-t:not(.lg){ width: 28px; height: 28px; border-radius: 7px; }
.pv .pv-t .mono-tile, .pv-item[aria-selected="true"] .pv-t .mono-tile{ color: #fff; }
.pv-stage{ display: flex; min-width: 0; }
.pv-panel:not([hidden]){ display: flex; flex-direction: column; flex: 1; min-width: 0; min-height: 668px; }
.pv-top{ display: flex; align-items: center; gap: 16px; padding: 24px 28px; }
.pv-ti{ flex: 1; min-width: 0; }
.pv-ti h3{ margin: 0; font-size: 24px; font-weight: 600; line-height: 1.15; letter-spacing: -.02em; }
.pv-ti h3 a{ color: var(--obsidian); text-decoration: none; }
.pv-ti h3 a:hover{ text-decoration: underline; text-underline-offset: 3px; }
.pv-ti p{ margin: 4px 0 0; color: var(--stone); font-size: 14px; }
.pv-btns{ flex: none; display: flex; gap: 8px; }
.pv-th, .pv-row{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); align-items: center; gap: 16px; padding-left: 28px; padding-right: 28px; }
.pv-th{ padding-top: 10px; padding-bottom: 10px; border-block: 1px solid var(--hairline); background: var(--paper); color: var(--stone); font-size: 13px; }
.pv-row{ grid-template-columns: minmax(0,1fr) minmax(0,1.5fr) auto auto; min-height: 56px; border-bottom: 1px solid var(--hairline); color: var(--obsidian); text-decoration: none; transition: background var(--fast) var(--ease-out); }
.pv-row:last-child{ border-bottom: 0; }
.pv-row:hover{ background: var(--paper); }
.pv-e{ font-size: 15px; font-weight: 500; }
.pv-r{ display: flex; align-items: center; gap: 12px; min-width: 0; }
.pv-m{ flex: none; padding: 3px 8px; border-radius: 5px; background: var(--mint); color: var(--sea); font-size: 12px; font-weight: 600; }
.pv-p{ min-width: 0; overflow: hidden; color: var(--charcoal); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.pv-chev{ width: 16px; height: 16px; color: var(--ash); }
.pv-row:hover .pv-chev{ color: var(--sea); }
.pv-foot{ display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: auto; padding: 16px 28px; border-top: 1px solid var(--hairline); color: var(--stone); font-size: 14px; }
.pv-foot a{ color: var(--sea); font-weight: 500; text-decoration: none; }
.pv-foot a:hover{ text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 860px){.pv{ grid-template-columns: minmax(0,1fr); }
.pv-nav{ box-shadow: 0 1px 0 var(--hairline); }
.pv-nh{ display: none; }
.pv-list{ position: static; flex-direction: row; overflow-x: auto; overflow-y: visible; }
.pv-item{ width: auto; }
.pv-nm{ flex: none; overflow: visible; }
.pv-panel:not([hidden]){ min-height: 0; }
.pv-top{ flex-wrap: wrap; padding: 20px; }
.pv-ti{ flex-basis: calc(100% - 64px); }
.pv-btns{ flex-basis: 100%; }
.pv-th{ display: none; }
.pv-row{ grid-template-columns: minmax(0,1fr) auto; gap: 4px 12px; padding: 12px 20px; }
.pv-e{ grid-column: 1; }
.pv-r{ grid-column: 1; grid-row: 2; }
.pv-chev{ grid-column: 2; grid-row: 1 / span 2; }
.pv-row .tag.soon{ grid-column: 1; justify-self: start; }
.pv-foot{ flex-wrap: wrap; padding: 16px 20px; }
}
@media (prefers-reduced-motion: reduce){
  .pv-item, .pv-row { transition: none; }
}
.h-hero, .h-section, .h-sub, .h-md, .ec-h, .uc h3, .pv-ti h3{ font-family: var(--heading); }
.ec-h, .uc h3{ font-weight: 550; }
.endcap .ec-cta{ overflow: hidden; padding: 104px 0 250px; }
.ec-copy{ position: relative; z-index: 1; }
.ec-copy .ec-eyebrow{ margin-bottom: 18px; }
.ec-tile{ --s: 64px; position: absolute; left: 0; top: 0; width: var(--s); height: var(--s); display: grid; place-items: center; border-radius: 27%; transform: translateY(-120px); will-change: transform; }
.ec-tile svg, .ec-tile .mono-tile{ width: 46%; height: 46%; display: block; color: inherit; }
.ec-tile.ef-spring{ background: var(--spring); color: var(--deep); }
.ec-tile.ef-sea{ background: var(--sea); color: #fff; }
.ec-tile.ef-mint{ background: var(--mint); color: var(--sea); }
@media (max-width: 719px){ .endcap .ec-cta { padding: 80px 0 220px; } }
.foot-top{ padding-top: 64px; }
.foot-top .brand{ display: inline-flex; align-items: center; gap: 8px; color: #fff; font-size: 22px; letter-spacing: -.025em; text-decoration: none; }
.foot-top p{ margin: 14px 0 0; max-width: 520px; color: #b7d3cc; font-size: 18px; line-height: 1.45; }
.fp-head{ display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-top: 48px; }
.fp-head h3{ margin: 0; color: #fff; font: 500 var(--t-small)/1.4 var(--sans); }
.fp-head a{ color: #b7d3cc; font-size: var(--t-small); text-decoration: none; }
.fp-head a:hover{ color: #fff; }
.fp-grid{ display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; margin-top: 16px; }
.fp{ display: flex; align-items: center; gap: 10px; min-height: 48px; min-width: 0; padding: 0 12px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: #fff; font-size: var(--t-small); text-decoration: none; transition: border-color var(--fast) var(--ease-out); }
.fp:hover{ border-color: var(--spring); }
.fp:focus-visible{ outline: 2px solid var(--spring); outline-offset: 2px; }
.ptile.fp-i{ width: 24px; height: 24px; border-radius: 6px; background: var(--c); color: var(--g, #fff); }
.ptile.fp-i .pl{ --od-icon-size: 14px; }
.endcap .foot{ grid-template-columns: repeat(4,minmax(0,1fr)); padding-top: 56px; }
@media (max-width: 1099px){ .fp-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 719px){
  .foot-top { padding-top: 48px; }
  .fp-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .endcap .foot { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .endcap .foot > :first-child { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce){ .fp { transition: none; } }
.ag-split{ display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: 56px; align-items: start; }
.ag-side{ position: sticky; top: 96px; }
.ag-sheet{ display: grid; gap: 16px; }
.ag-top{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-top: 24px; font-size: var(--t-small); }
.ag-with{ display: inline-flex; align-items: center; gap: 10px; width: 100%; color: var(--charcoal); }
.ag-row{ display: grid; gap: 20px; padding: 28px; background: #fff; border-radius: 14px; box-shadow: var(--ring-line); }
.ag-q h3{ margin: 0; color: var(--obsidian); font-family: var(--heading); font-size: 24px; font-weight: 550; line-height: 1.2; letter-spacing: -.015em; text-wrap: balance; }
.ag-q p{ margin: 10px 0 0; color: var(--stone); font-size: var(--t-small); }
.ag-a{ display: grid; align-content: center; gap: 2px; min-width: 0; font-size: 15px; }
.ag-line{ display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; color: var(--charcoal); }
.ag-line + .ag-line{ border-top: 1px solid var(--hairline); }
.ag-line strong{ color: var(--obsidian); font-weight: 500; }
.ag-text{ margin: 0; color: var(--obsidian); line-height: 1.55; }
#agents .hook{ margin: 0; padding: 14px 16px; border-radius: var(--ss-r-code); background: #fff; box-shadow: var(--ring-line); color: var(--obsidian); font-family: var(--sans); font-size: 13px; line-height: 1.7; overflow-x: auto; }
#agents .hook .k{ color: var(--ide-prop); }
#agents .hook .s{ color: var(--ide-str); }
@media (max-width: 959px){ .ag-split { grid-template-columns: minmax(0,1fr); gap: 28px; } .ag-side { position: static; } .ag-row { padding: 22px 20px; } .ag-q h3 { font-size: 21px; } }
.hero::before{ content: ''; position: absolute; inset: 0 calc(50% - 50vw); z-index: -1; pointer-events: none; background: var(--paper); opacity: .6; -webkit-mask-image: linear-gradient(#000 80%, transparent); mask-image: linear-gradient(#000 80%, transparent); }
main{ position: relative; isolation: isolate; }
.page-pat{ position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; -webkit-mask-image: radial-gradient(ellipse 620px 280px at 50% 300px, transparent 75%, #000); mask-image: radial-gradient(ellipse 620px 280px at 50% 300px, transparent 75%, #000); }
@media (max-width: 719px){ .page-pat { -webkit-mask-image: radial-gradient(ellipse 340px 200px at 50% 340px, transparent 75%, #000); mask-image: radial-gradient(ellipse 340px 200px at 50% 340px, transparent 75%, #000); } }
.page-pat svg{ display: block; width: 100%; height: 100%; fill: var(--sea); opacity: .13; }
.bx{ display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 16px; margin-top: 40px; }
.bx-c{ display: flex; flex-direction: column; gap: 20px; min-width: 0; padding: 24px; background: #fff; border-radius: 16px; box-shadow: var(--ring-line); }
.bx-8{ grid-column: span 8; }
.bx-4{ grid-column: span 4; }
.bx-12{ grid-column: span 12; display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); align-items: center; gap: 32px; }
.bx-tx h3{ margin: 0; color: var(--obsidian); font-family: var(--heading); font-size: 22px; font-weight: 550; line-height: 1.2; letter-spacing: -.015em; }
.bx-tx p{ margin: 8px 0 0; color: var(--charcoal); font-size: 15px; line-height: 1.5; text-wrap: pretty; }
.bx-p{ display: flex; flex: 1; overflow: hidden; border-radius: 10px; }
.bx-p > svg{ display: block; width: 100%; height: auto; margin-top: auto; }
.bx-p > .bx-n{ display: none; }
.bx-p text{ font-family: var(--sans); }
.bx-mint{ background: var(--mint); }
.bx-deep{ background: var(--deep); }
.bx-spring{ background: var(--spring); }
.bx-tx .uc-uses{ margin-top: 14px; }
.bx-tx .uc-uses a{ background: var(--mint); }
.bx-tx .uc-uses a:focus-visible{ outline: 2px solid var(--sea); outline-offset: 2px; }
@media (max-width: 1099px){ .bx-8, .bx-12 { grid-column: span 12; } .bx-4 { grid-column: span 6; } .bx-12 { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 719px){ .bx-4 { grid-column: span 12; } .bx-p > .bx-w { display: none; } .bx-p > .bx-n { display: block; } }
#use-cases .sec-head.center{ margin-bottom: 0; }
.fo-list{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
#developers .sec-head{ margin-bottom: 40px; }
.fo-row{ display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 14px; background: #fff; box-shadow: var(--ring-line); }
.fo-row h3{ margin: 0; padding: 24px 24px 6px; color: var(--obsidian); font-family: var(--heading); font-size: 20px; font-weight: 550; line-height: 1.25; letter-spacing: -.012em; }
.fo-row p{ margin: 0; padding: 0 24px 20px; color: var(--charcoal); font-size: 14px; line-height: 1.5; text-wrap: pretty; }
.fo-art{ display: block; width: 100%; height: auto; margin-top: auto; }
.fo-art text{ font-family: var(--sans); }
.fo .uc-links{ grid-column: 1 / -1; justify-content: flex-start; margin: 8px 0 0; }
.fo-wide{ grid-column: span 2; }
.fo-wide h3{ padding: 24px 32px 6px; font-size: 22px; line-height: 1.25; letter-spacing: -.012em; }
.fo-wide p{ max-width: 620px; padding: 0 32px 20px; font-size: 14px; }
.fo-flow{ position: relative; display: flex; align-items: center; gap: 12px; margin-top: auto; padding: 28px 32px; background: var(--deep); }
.fo-key{ flex: none; width: 138px; padding: 14px; border-radius: 10px; background: #fff; rotate: -3deg; }
.fo-key strong{ display: block; color: var(--deep); font: 600 17px/1.2 var(--sans); }
.fo-key span{ display: block; margin-top: 2px; color: var(--stone); font-size: 12px; }
.fo-dots{ display: flex; gap: 5px; margin-top: 10px; padding: 8px; border-radius: 6px; background: var(--mint); }
.fo-dots i{ width: 5px; height: 5px; border-radius: 50%; background: var(--deep); }
.fo-link{ flex: 1 1 12px; min-width: 12px; height: 2px; background: repeating-linear-gradient(90deg, rgba(255,255,255,.75) 0 6px, transparent 6px 12px); }
.fo-l{ display: block; }
.fo-tiles{ flex: none; display: grid; grid-template-columns: repeat(3,36px); gap: 6px; }
.fo-t{ display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; color: #fff; }
.fo-t.is-dark{ box-shadow: inset 0 0 0 1px rgba(255,255,255,.28); }
.fo-t svg{ display: block; width: 22px; height: 22px; }
.fo-code{ flex: 1 1 250px; min-width: 0; max-width: 290px; border-radius: 8px; background: #fff; }
.fo-code-h{ display: flex; justify-content: space-between; gap: 12px; padding: 10px 14px; border-bottom: 1px solid #edf2f0; color: var(--obsidian); font-size: 12px; font-weight: 500; }
.fo-code-h span:last-child{ color: var(--stone); font-weight: 400; }
.fo-code pre{ margin: 0; padding: 10px 14px 12px; font: 400 12.5px/1.6 var(--sans); white-space: pre-wrap; }
@media (max-width: 1099px){
  .fo-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px){
  .fo-wide h3 { padding: 24px 24px 6px; font-size: 20px; }
  .fo-wide p { padding: 0 24px 20px; }
  .fo-flow { flex-direction: column; padding: 24px; }
  .fo-link { flex: none; width: 2px; height: 18px; min-width: 0; background: repeating-linear-gradient(180deg, rgba(255,255,255,.75) 0 4px, transparent 4px 8px); }
  .fo-code { flex: none; width: 100%; max-width: none; }
}
@media (max-width: 640px){
  .fo-list { grid-template-columns: minmax(0,1fr); }
  .fo-wide { grid-column: auto; }
}
#pricing .pr-links{ justify-content: flex-start; text-align: left; }
.price-stage .pack.is-pop{ box-shadow: 0 0 0 2px var(--sea),0 18px 40px -28px rgba(15,61,58,.35); }
.price-stage .pack.is-pop .tag.pop{ background: var(--mint); color: var(--deep); }
.nav .brand{ font-family: var(--ss-font-heading); font-size: 18px; letter-spacing: -.025em; }
.ix-pills{ margin-top: 32px; gap: 10px; }
.ix-pill{ gap: 10px; padding: 6px 16px 6px 6px; font-size: 14px; font-weight: 500; }
.ix-pill .ix-t{ width: 28px; height: 28px; border-radius: 7px; background: var(--c); color: #fff; }
.ix-pill .ix-t .mono-tile{ color: #fff; }
.ix-pill:focus-visible{ outline: 2px solid var(--sea); outline-offset: 2px; }
.brand .wm{ font-family: var(--ss-font-heading); font-weight: 600; }
#packs .pack{ position: relative; display: flex; flex-direction: column; overflow: visible; }
#packs .pack .top{ margin-bottom: 12px; }
#packs .pack .meta{ margin-top: 12px; color: var(--obsidian); font-weight: 500; }
#packs .pack .rate{ margin-top: 2px; color: var(--sea); font-size: 14px; font-weight: 500; }
.pack-list{ display: grid; gap: 10px; margin: 20px 0 24px; padding: 0; list-style: none; color: var(--charcoal); font-size: 14px; line-height: 1.4; }
.pack-list li{ position: relative; padding-left: 24px; }
.pack-list li::before{ content: ""; position: absolute; left: 0; top: .32em; width: 12px; height: 6px; border-left: 2px solid var(--sea); border-bottom: 2px solid var(--sea); transform: rotate(-45deg); }
#packs .pack .btn{ margin-top: auto; }
.price-stage .pack.is-pop{ background: color-mix(in srgb, var(--mint) 45%, #fff); }
.price-stage .pack.is-pop .top .tag.pop{ position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); background: var(--spring); color: var(--deep); white-space: nowrap; }
.pack-notes{ display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 24px 0 0; }
.pack-notes + .pr-links{ margin-top: 12px; }
#reliability{ --ide-str: #1a7f4b; --ide-num: #c4281c; --ide-prop: #0b7285; }
#reliability .sec-head{ margin-bottom: 40px; }
.rl-grid{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.rl-art{ display: flex; justify-content: center; }
.rl-art .fo-art{ max-width: 420px; margin-top: 0; }
@media (max-width: 900px){
  .rl-grid { grid-template-columns: minmax(0,1fr); }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference){
  .fo-art g[class^="fa-"], .fo-art .fa-nudge { transform-box: fill-box; transform-origin: center; }
  .fa-tilt, .fa-left, .fa-right, .fo-key { transition: transform .35s var(--ease-out); }
  .fo-key { transition-property: transform, rotate; }
  .fo-row:hover .fo-key { rotate: 0deg; transform: translateY(-3px); }
  .fo-row:hover .fo-link { animation: fa-belt .6s linear infinite; }
  .fo-row:hover .fo-t { animation: fa-pop .4s var(--ease-out) calc(var(--i) * 70ms) both; }
  .fo-row:hover .fo-l { animation: fa-line .35s var(--ease-out) calc(.4s + var(--i) * 80ms) both; }
  .fo-row:hover .fa-tilt { transform: rotate(2deg) translateY(-4px); }
  .fo-row:hover .fa-left { transform: rotate(3deg) translateY(-3px); }
  .fo-row:hover .fa-right { transform: rotate(-2deg) translateY(-3px); }
  .fo-row:hover .fa-pop { animation: fa-pop .4s var(--ease-out) calc(.1s + var(--i) * 130ms) both; }
  .fo-row:hover .fa-bob { animation: fa-bob .5s var(--ease-out) calc(var(--i) * 90ms) both; }
  .fo-row:hover .fa-draw { stroke-dasharray: 1; animation: fa-draw .4s var(--ease-out) .3s both; }
  .fo-row:hover .fa-march { stroke-dasharray: 4 5; animation: fa-march .6s linear infinite; }
  .fo-row:hover .fa-nudge { animation: fa-nudge .6s ease-in-out infinite alternate; }
  @keyframes fa-pop { 0%, 100% { transform: scale(1); } 45% { transform: scale(1.18); } }
  @keyframes fa-bob { 0%, 100% { transform: none; } 45% { transform: translateY(-5px); } }
  @keyframes fa-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
  @keyframes fa-march { to { stroke-dashoffset: -18; } }
  @keyframes fa-nudge { to { transform: translateX(3px); } }
  @keyframes fa-belt { to { background-position-x: 12px; } }
  @keyframes fa-line { from { opacity: .2; transform: translateX(-6px); } to { opacity: 1; transform: none; } }
}
.tb-icons{ display: flex; gap: 3px; }
.tb-i{ display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #fff; box-shadow: var(--ring-line); }
.tb-i svg{ width: 15px; height: 15px; display: block; }
.hero-copy .lead{ margin-top: 28px; }
.hero-icons{ margin-top: 40px; }
.hero-copy .hero-cta{ margin-top: 40px; }
.hero-note{ margin-top: 32px; }
.hero .hero-ed{ margin-top: 88px; }
@media (max-width: 860px){.hero-copy .lead{ margin-top: 20px; }
.hero-icons{ margin-top: 32px; }
.hero-copy .hero-cta{ margin-top: 32px; }
.hero-note{ margin-top: 24px; }
.hero .hero-ed{ margin-top: 56px; }
}
.fl.t-yt{ --c: var(--deep); color: #fff; }
.fl.t-tt{ --c: var(--sea); color: #fff; }
#pricing .seg-row{ justify-content: center; margin-top: 8px; }
#pricing .seg{ display: inline-flex; gap: 4px; margin-bottom: 40px; padding: 5px; border-radius: var(--r-pill); background: rgba(15,61,58,.04); box-shadow: 0 0 0 1px rgba(15,61,58,.12); }
#pricing .seg button{ display: inline-flex; align-items: center; min-height: 40px; padding: 0 20px; border: 0; border-radius: var(--r-pill); background: transparent; color: var(--charcoal); font-weight: 500; }
#pricing .seg button[aria-pressed="true"]{ background: #fff; color: var(--obsidian); box-shadow: 0 0 0 1px rgba(15,61,58,.06), 0 2px 6px rgba(15,61,58,.1); }
.price-stage .pack.card{ padding: 28px; border-radius: 20px; box-shadow: 0 0 0 1px rgba(15,61,58,.14); }
.price-stage .pack.card.is-pop{ box-shadow: 0 0 0 2px var(--spring); }
#packs .pack .price{ font-variant-numeric: normal; font-family: var(--ss-font-heading); font-size: 40px; font-weight: 600; letter-spacing: -.025em; line-height: 1.1; color: var(--obsidian); }
#packs .pack .price small{ margin-left: 4px; font-family: var(--sans); font-size: 14px; font-weight: 400; letter-spacing: 0; color: var(--charcoal); }
#packs .pack .meta{ color: var(--charcoal); font-size: 15px; }
#packs .pack .btn{ min-height: 48px; border-radius: var(--r-pill); font-weight: 600; }
#packs .pack .btn-ghost{ color: var(--obsidian); box-shadow: 0 0 0 1px rgba(15,61,58,.2); }
#packs .pack.is-pop .btn{ background: var(--spring); color: var(--deep); }
#packs .pack.is-pop .btn:hover{ background: #2ad8b0; color: var(--deep); }
@media (max-width: 640px){ #pricing .seg button { padding: 0 14px; white-space: nowrap; font-size: 13px; } }
#pricing .pack-notes{ justify-content: center; margin-top: 32px; }
#pricing .pr-links{ justify-content: center; text-align: center; }
#packs .pack{ transition: opacity .55s var(--ease-out), transform .55s var(--ease-out), box-shadow var(--fast) var(--ease-out); }
#packs .pack.is-waiting{ opacity: 0; transform: translateY(20px); }
#packs .pack .rate, #packs .pack .price small, #packs .pack-list span{ transition: opacity .14s var(--ease-out); }
#packs .pack .is-swapping{ opacity: 0; }
@media (hover: hover){ #packs .pack:not(.is-waiting):hover { transform: translateY(-4px); transition-duration: .55s, .22s, .22s; } }
@media (prefers-reduced-motion: reduce){ #packs .pack, #packs .pack .rate, #packs .pack .price small { transition: none; } #packs .pack:hover { transform: none; } }
.ag-row{ transition: opacity .5s var(--ease-out), transform .5s var(--ease-out); }
.ag-row.is-wait{ opacity: 0; transform: translateY(20px); }
.ag-a{ position: relative; }
.ag-q p, .ag-line, .ag-w{ transition: opacity .35s var(--ease-out), transform .35s var(--ease-out); }
.ag-row:is(.is-wait,.is-asking) .ag-q p{ opacity: 0; }
.ag-row.is-asking .ag-q p{ opacity: 1; transition-delay: .2s; }
.ag-line{ transition-delay: calc(var(--i, 0) * 120ms); }
.ag-row:is(.is-wait,.is-asking) .ag-line{ opacity: 0; transform: translateY(8px); }
.ag-w{ transition-duration: .2s; transition-delay: calc(var(--i, 0) * 32ms); }
.ag-row:is(.is-wait,.is-asking) .ag-w{ opacity: 0; }
.ag-row .hook{ transition: clip-path .7s var(--ease-out); clip-path: inset(0 0 0 0); }
.ag-row:is(.is-wait,.is-asking) .hook{ clip-path: inset(0 0 100% 0); }
.ag-dots{ position: absolute; top: 8px; left: 0; display: flex; gap: 5px; opacity: 0; transition: opacity .2s var(--ease-out); }
.ag-row.is-asking .ag-dots{ opacity: 1; transition-delay: .35s; }
.ag-dots i{ width: 7px; height: 7px; border-radius: 50%; background: var(--sea); animation: ag-dot 1s ease-in-out infinite; }
.ag-dots i:nth-child(2){ animation-delay: .15s; }
.ag-dots i:nth-child(3){ animation-delay: .3s; }
@keyframes ag-dot{ 0%, 60%, 100% { opacity: .25; transform: none; } 30% { opacity: 1; transform: translateY(-3px); } }
.btn.btn-go{ --edge: 4px; border-radius: 12px; background: var(--spring); color: var(--deep); font-weight: 600; box-shadow: 0 var(--edge) 0 var(--deep); transition: transform .14s var(--ease-out), box-shadow .14s var(--ease-out), background var(--fast) var(--ease-out); }
.btn.btn-go:hover{ background: #2ad8b0; transform: translateY(-2px); box-shadow: 0 calc(var(--edge) + 2px) 0 var(--deep); }
.btn.btn-go:active{ transform: translateY(var(--edge)); box-shadow: 0 0 0 var(--deep); transition-duration: .05s; }
.btn.pill.btn-go{ --edge: 3px; min-height: 34px; padding: 0 16px; border-radius: 9px; margin-bottom: 3px; }
.btn.hero-btn.btn-go{ --edge: 5px; border-radius: 14px; margin-bottom: 5px; }
@media (prefers-reduced-motion: reduce){ .btn.btn-go { transition: none; } .btn.btn-go:hover { transform: none; box-shadow: 0 var(--edge) 0 var(--deep); } }
.hero::before{ display: none; }
.apm{--apm-ink:var(--ss-obsidian,var(--obsidian,var(--ink)));--apm-mut:var(--ss-charcoal,var(--charcoal,var(--graphite)));--apm-line:var(--ss-hairline,var(--hairline,var(--line)));--apm-acc:var(--ss-line-teal,var(--mint,var(--tint)));--apm-hov:var(--ss-hover,var(--paper,var(--card)));--apm-bg:var(--ss-white,var(--white,white));--apm-shadow:var(--ss-lift,var(--lift,var(--ss-ring,var(--ring))));--apm-mint:var(--ss-mint,var(--mint,var(--tint)));--apm-sea:var(--ss-sea,var(--sea,var(--blue)));position:relative;display:inline-flex;align-items:center}
.site-header .apm{--apm-mut:var(--graphite)}
.apm::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.apm-b{font:inherit;color:var(--apm-mut);background:none;border:0;margin:0;padding:8px 0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px}
@media (min-width:1101px){.links{align-items:center}
}
.links>.apm>.apm-b,.nav-links>.apm>.apm-b{font-size:var(--t-small,14px);line-height:1.5}
.nav>.apm>.apm-b{font-size:16px;font-weight:500;line-height:1}
.apm:hover>.apm-b,.apm:focus-within>.apm-b,.apm.is-open>.apm-b{color:var(--apm-ink)}
.apm-c{flex:none}
.apm:hover>.apm-b .apm-c,.apm:focus-within>.apm-b .apm-c,.apm.is-open>.apm-b .apm-c{transform:rotate(180deg)}
.apm-p{visibility:hidden;opacity:0;pointer-events:none;position:absolute;left:0;top:calc(100% + 8px);z-index:60;width:360px;max-height:70vh;overflow-y:auto;overscroll-behavior:contain;padding:8px;background:var(--apm-bg);border-radius:var(--ss-r-panel,16px);box-shadow:var(--apm-shadow);text-align:left}
.apm:hover>.apm-p,.apm:focus-within>.apm-p,.apm.is-open>.apm-p{visibility:visible;opacity:1;pointer-events:auto}
.apm-p a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 8px;border-radius:var(--ss-r-row,10px);color:var(--apm-ink);font-size:var(--ss-t-small,var(--t-small,15px));font-weight:500;line-height:1.3;text-decoration:none;white-space:normal}
.links .apm a,.nav-links .apm a,.nav .apm a{padding:0 8px}
.apm-p a:hover,.apm-r summary:hover{background:var(--apm-hov)}
.apm-all{color:var(--apm-mut);font-weight:500}
.apm .ptile{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--apm-mint);color:var(--apm-sea);flex:none}
.apm .ptile .pl{width:16px;height:16px;display:block;fill:currentColor}
.apm .ptile .mono{font:500 14px/1 var(--ss-font,var(--sans,var(--ui)))}
.apm-r summary{display:flex;align-items:center;min-height:44px;list-style:none;cursor:pointer;border-radius:var(--ss-r-row,10px);padding-right:4px}
.apm-r summary::-webkit-details-marker{display:none}
.apm-r summary a{flex:1;min-width:0}
.apm-r summary::after{content:"";flex:none;width:8px;height:8px;margin-right:10px;border:solid var(--apm-mut);border-width:0 1.5px 1.5px 0;transform:rotate(-45deg)}
.apm-r[open] summary::after{transform:rotate(45deg)}
.apm-r ul{list-style:none;margin:2px 0 8px 21px;padding:0 0 0 10px;border-left:1px solid var(--apm-acc)}
.apm-r li a{font-weight:400;color:var(--apm-mut)}
.apm-r li a:hover{color:var(--apm-ink)}
.site-header{position:relative;z-index:45}
header.nav{z-index:45}
.apm-status{display:none}
.nav-signin{white-space:nowrap}
@media (min-width:861px){header.nav .nav-links{flex:1}
.site-header .container{position:relative}
.site-header .nav .nav-signin{position:absolute;right:calc(var(--head-cta-w,168px) + var(--gutter,24px) + 20px);top:50%;transform:translateY(-50%)}
.site-header .head-cta .btn{min-width:var(--head-cta-w,168px);justify-content:center;text-align:center}
}
@media (min-width:1101px){header.nav .links{flex:1}
header.nav .nav-signin{margin-left:auto}
}
.ss-check{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ss-sum,.menu-sum{display:none}
@media (min-width:861px){.site-header .nav{display:flex;align-items:center;gap:36px}
header.nav .nav-links{display:flex;align-items:center;gap:24px}
}
.apm.is-shut>.apm-p,.apm.is-shut:hover>.apm-p,.apm.is-shut:focus-within>.apm-p{visibility:hidden;opacity:0;pointer-events:none}
@media (max-width:860px){.menu-sum,.ss-sum{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px var(--ss-hairline,var(--hairline,var(--line)));color:var(--ss-obsidian,var(--obsidian,var(--ink)));cursor:pointer}
header.nav .ss-sum{border-radius:var(--ss-r,var(--r,6px));box-shadow:var(--ss-ring-line,var(--ring-line))}
.site-header .container{display:flex;align-items:center;gap:8px}
.site-header .brand{margin-right:auto}
.site-header .head-cta{order:1}
.site-header .menu-sum{order:2}
.site-header .nav{display:none}
.site-header .ss-check:checked~.nav{display:flex;flex-direction:column;align-items:stretch;position:absolute;right:0;top:52px;z-index:40;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 72px);overflow:auto;padding:8px;background:var(--ss-white,var(--white,var(--paper,white)));border-radius:20px;box-shadow:var(--ss-lift,var(--lift))}
.site-header .ss-check:checked~.nav>a{display:flex;align-items:center;min-height:44px;padding:0 8px}
.site-header .ss-check:checked~.nav .apm-status{display:flex;align-items:center;min-height:44px;padding:0 8px}
header.nav .ss-sum{order:2;margin-left:8px}
header.nav .nav-links{display:none}
header.nav .ss-check:checked~.nav-links{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;right:0;top:64px;z-index:30;max-height:calc(100dvh - 64px);overflow:auto;background:var(--ss-paper,var(--paper,white));padding:8px 16px 16px;border-top:1px solid var(--ss-hairline,var(--hairline,var(--line)))}
header.nav .ss-check:checked~.nav-links>a{display:flex;align-items:center;min-height:44px}
}
@media (max-width:1100px){.apm{display:block;width:100%;position:static}
.apm::after{display:none}
.apm-b{width:100%;justify-content:space-between}
.apm:hover>.apm-p{visibility:hidden;opacity:0;pointer-events:none;max-height:0}
.apm-p{position:static;left:auto;top:auto;width:100%;max-height:0;overflow:hidden;padding:0;border-radius:0;box-shadow:none;visibility:hidden;opacity:0}
.apm:focus-within>.apm-p,.apm.is-open>.apm-p{visibility:visible;opacity:1;pointer-events:auto;max-height:70vh;overflow:auto;padding:0 0 8px}
.apm.is-shut>.apm-p,.apm.is-shut:focus-within>.apm-p,.apm.is-shut:hover>.apm-p{visibility:hidden;opacity:0;pointer-events:none;max-height:0;overflow:hidden}
header.nav.ss-open .links{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:64px;z-index:30;max-height:calc(100dvh - 64px);overflow:auto;background:var(--paper,var(--ss-paper,white));padding:8px 16px 16px;border-top:1px solid var(--hairline,var(--ss-hairline,var(--line)))}
header.nav.ss-open .links>a{display:flex;align-items:center;min-height:44px;padding:0}
header.nav .nav-in{position:static}
header.nav .nav-right{order:1;margin-left:auto}
}
@media (min-width:861px) and (max-width:1100px){#packs.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:560px){.ec-tiles .ef-t:nth-child(2),.ec-tiles .ef-t:nth-child(4){display:none}}
@media (max-width:860px){.hero{--fs:min(70px,18vw)}
.fl-layer{height:104px}
.fl.tile{width:52px;height:52px;border-radius:13px}
.fl.tile svg{width:24px;height:24px}
.fl.t-yt{left:calc(50% - 26px - 2*var(--fs))!important;top:36px!important;rotate:-9deg;--c:var(--sea);color:#fff}
.fl.t-tt{left:calc(50% - 26px - var(--fs))!important;top:12px!important;rotate:-5deg;--c:var(--spring);color:var(--deep)}
.fl.t-json{left:calc(50% - 30px)!important;top:0!important;width:60px;height:60px;border-radius:15px;rotate:0deg}
.fl.t-json svg{width:34px;height:34px}
.fl.t-ig{left:calc(50% - 26px + var(--fs))!important;top:12px!important;rotate:5deg;--c:var(--spring);color:var(--deep)}
.fl.t-fb{left:calc(50% - 26px + 2*var(--fs))!important;top:36px!important;rotate:9deg;--c:var(--sea);color:#fff}
.hero-copy{padding-top:28px}
.h-hero{font-size:clamp(24px,7.8vw,38px);text-wrap:nowrap}
}
@media (max-width:520px){.hero-icons{max-width:240px;margin-left:auto;margin-right:auto}}
.tile{ display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 20px; color: #fff; background: var(--c); --icon: 36px;
  box-shadow: 0 18px 40px -12px color-mix(in srgb, var(--c) 55%, transparent); }
.tile.md{ width: 56px; height: 56px; border-radius: 15px; --icon: 24px; }
.tile.sm{ width: 48px; height: 48px; border-radius: 12px; --icon: 22px; box-shadow: 0 10px 24px -10px rgba(15, 61, 58, .35); }
.tile.t-spring{ --c: var(--ss-spring); color: var(--ss-deep); }
.tile.t-sea{ --c: var(--ss-sea); }
.tile.t-deep{ --c: var(--ss-deep); }
.tile.t-mint{ --c: var(--ss-mint); color: var(--ss-sea); box-shadow: 0 0 0 1px var(--ss-mint-line), 0 10px 24px -10px rgba(15, 61, 58, .25); }
.on-deep .tile{ box-shadow: 0 18px 30px -16px rgba(0, 0, 0, .45); }
.ec-tiles .tile{ position: absolute; left: var(--x); top: var(--y); rotate: var(--r); }
@media (max-width: 860px){.ec-tiles .tile:nth-child(n+5){ display: none; }
}
.orbit-hero{ position: relative; overflow: hidden; }
.orbit-hero::before{ content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1; background: linear-gradient(var(--ss-paper) 0, transparent 14%, transparent 86%, var(--ss-paper)); }
.orbit-hero > .wrap{ position: relative; z-index: 2; }
.orbit{ position: absolute; left: 50%; top: 50%; width: 0; height: 0; pointer-events: none; }
.orbit-ring{ position: absolute; left: 0; top: 0; width: calc(var(--r) * 2); height: calc(var(--r) * 2); margin: calc(var(--r) * -1); border-radius: 50%; border: 1px dashed rgba(14, 138, 114, .22); animation: ss-spin var(--t, 120s) linear infinite; }
.orbit-ring.rev{ animation-direction: reverse; }
.orbit-ring.faint .tile{ opacity: .8; }
.orb{ position: absolute; left: 50%; top: 50%; transform: rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a))); }
.orb .tile{ position: absolute; margin: -24px 0 0 -24px; animation: ss-spin var(--t, 120s) linear infinite reverse; }
.orbit-ring.rev .orb .tile{ animation-direction: normal; }
@keyframes ss-spin{ to { rotate: 360deg; } }
@media (max-width: 1100px){.orbit-ring:not(:first-child){ display: none; }}
@media (max-width: 640px){.orbit{ display: none; }}
@media (prefers-reduced-motion: reduce){.orbit-ring, .orb .tile{ animation: none; }}
.pr-tiles .tile{ position: absolute; left: var(--x); top: var(--y); rotate: var(--r); box-shadow: 0 18px 30px -16px rgba(15,61,58,.45); animation: tl-bob 7s ease-in-out infinite; animation-delay: var(--d); }
@media (prefers-reduced-motion: reduce){.pr-tiles .tile{ animation: none; }}
.pl-tiles .tile{ position: absolute; left: var(--x); top: var(--y); rotate: var(--r); box-shadow: 0 18px 30px -16px rgba(15,61,58,.45); animation: pl-bob 7s ease-in-out infinite; animation-delay: var(--d); }
@media (prefers-reduced-motion: reduce){.pl-tiles .tile{ animation: none; }}
@media (max-width:560px){.ec-tiles .tile:nth-child(2),.ec-tiles .tile:nth-child(4){display:none}}
.tile.plain{background:var(--ss-mint);color:var(--ss-sea);font-weight:var(--ss-w-medium)}
.page-pat[hidden]{ display: none; }
.orbit-hero .orbit{ top: 280px; }
.hero.orbit-hero::before{ display: block; inset: 0; z-index: 1; opacity: 1; -webkit-mask-image: none; mask-image: none; background: linear-gradient(var(--ss-paper) 0, transparent 85px, transparent 515px, var(--ss-paper) 600px); }
.orbit-hero .hero-ed .ed{ background: #fafafa; }
.hero.orbit-hero{ background: #0f3d3a; padding-bottom: 8px; }
.hero.orbit-hero::before{ display: none; }
.hk-dots{ position: absolute; top: 0; left: 50%; translate: -50% 0; opacity: .2; pointer-events: none; }
.hk-fade{ position: absolute; inset: 0; overflow: hidden; pointer-events: none; -webkit-mask-image: linear-gradient(transparent 0, #000 85px, #000 515px, transparent 600px); mask-image: linear-gradient(transparent 0, #000 85px, #000 515px, transparent 600px); }
.orbit-hero .orbit-ring{ border-color: rgba(255, 255, 255, .22); }
.orbit-hero .orb .tile{ background: #1c5450; color: #fff; box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 10px 24px -10px rgba(0, 0, 0, .4); }
.orbit-hero .orb .tile svg{ color: #fff; }
.orbit-hero .hero-ed .ed{ background: none; }
.orbit-hero .h-hero{ color: #fff; }
@media (min-width: 861px){.orbit-hero .h-hero{ font-size: clamp(39px, 4.5vw, 60px); }
}
.orbit-hero .hero-copy .lead{ color: #d3e8e2; }
.orbit-hero .hero-note{ color: #d3e8e2; }
.orbit-hero .hi{ background: #1c5450 !important; color: #fff; box-shadow: 0 0 0 1px rgba(255, 255, 255, .12); }
.orbit-hero .hi svg, .orbit-hero .hi svg *{ color: #fff; fill: #fff !important; }
header.nav{ background: #0f3d3a; -webkit-backdrop-filter: none; backdrop-filter: none; }
header.nav .brand, header.nav .brand .wm{ color: #fff; }
header.nav .brand svg g:nth-of-type(3) rect{ fill: #1c5450; stroke: #0f3d3a; stroke-width: 1.5; paint-order: stroke; }
header.nav .menu-btn{ color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28); }
@media (min-width:1101px){header.nav .links > a,header.nav .links > .apm > .apm-b,header.nav .nav-signin{ color: #fff; }
header.nav .links > a:hover,header.nav .links > .apm > .apm-b:hover,header.nav .nav-signin:hover{ color: #9fe8d4; }
}
.orbit-hero .hi-more{ background: none; color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28); border-color: transparent; }
main > section{ padding-top: 112px; }
main > section:last-of-type{ padding-bottom: 112px; }
main > section.hero{ padding-top: revert-layer; }
.dv h3, .uc2 h3, .ch h3, .rl2 h3{ margin: 0; }
.dv{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: stretch; }
.dv-side{ display: flex; flex-direction: column; }
.dv-pts{ margin-top: 36px; border-top: 1px solid var(--hairline); }
.dv-pt{ padding: 18px 0; border-bottom: 1px solid var(--hairline); }
.dv-pt h3{ font: 500 17px/1.3 var(--ss-font-heading); letter-spacing: -.02em; color: var(--obsidian); }
.dv-pt p{ margin: 6px 0 0; font-size: 15px; line-height: 1.5; color: var(--stone); }
.dv-side .uc-links{ justify-content: flex-start; margin-top: auto; padding-top: 24px; }
.dv-stage{ display: flex; flex-direction: column; padding: 36px; border-radius: 14px; background: var(--mint); }
.dv-stage > h3{ font: 500 24px/1.2 var(--ss-font-heading); letter-spacing: -.03em; color: var(--obsidian); }
.dv-stage > p{ margin: 10px 0 0; max-width: 56ch; font-size: 15px; line-height: 1.5; color: var(--charcoal); }
.dv-flow{ flex: 1; display: flex; flex-direction: column; margin-top: 32px; }
.dv-top{ display: flex; align-items: center; }
.dv-key{ flex: none; padding: 14px 16px; border-radius: 8px; background: #fff; }
.dv-key strong{ display: block; font-size: 14px; font-weight: 600; color: var(--obsidian); }
.dv-key span{ display: block; margin-top: 2px; font-size: 12px; color: var(--stone); }
.dv-dots{ display: flex; gap: 4px; margin-top: 10px; }
.dv-dots i{ width: 6px; height: 6px; border-radius: 50%; background: var(--deep); }
.dv-link{ flex: 1; min-width: 20px; border-top: 2px dashed #6cc4ab; }
.dv-tiles{ flex: none; display: flex; gap: 8px; }
.dv-t{ position: relative; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; color: #fff; transition: box-shadow .25s, transform .25s; }
.dv-t svg{ width: 24px; height: 24px; }
.dv-t.is-on{ transform: translateY(-3px); box-shadow: 0 0 0 2px var(--mint), 0 0 0 4px var(--deep); }
.dv-drop{ display: block; height: 24px; margin-left: calc(100% - 164px); border-left: 2px dashed #6cc4ab; }
.dv-code{ flex: 1; display: flex; flex-direction: column; border-radius: 8px; background: #fff; overflow: hidden; }
.dv-code-h{ display: flex; justify-content: space-between; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--hairline); font-size: 13px; color: var(--stone); }
.dv-code-h span:first-child{ color: var(--obsidian); font-weight: 500; }
.dv-code pre{ flex: 1; margin: 0; padding: 20px 18px; font: 400 15px/2.2 var(--ss-font); color: #5f736d; white-space: normal; }
.dv-code pre span{ display: block; }
pre b{ font-weight: 400; color: #0b7285; }
pre em{ font-style: normal; color: var(--ss-ide-str); }
pre u{ text-decoration: none; color: var(--ss-ide-num); }
#platforms .pv-panel:not([hidden]){ min-height: 0; }
#platforms .pv-rows .pv-row{ min-height: 52px; }
.pl-ix{ display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 28px; font-size: 14px; }
.pl-ix a{ color: var(--charcoal); text-decoration: none; }
.pl-ix a:hover{ color: var(--sea); text-decoration: underline; text-underline-offset: 3px; }
#platforms .pv{ grid-template-columns: 264px minmax(0, 1fr); }
#platforms .pv-nh{ padding: 10px; border-bottom: 1px solid var(--hairline); }
.pv-s{ display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 10px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px var(--hairline); color: var(--stone); cursor: text; }
.pv-s:focus-within{ box-shadow: 0 0 0 2px var(--sea); }
.pv-s svg{ flex: none; width: 16px; height: 16px; }
.pv-s input{ flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: none; font: inherit; font-size: 14px; color: var(--obsidian); }
.pv-s input::-webkit-search-cancel-button{ display: none; }
#platforms .pv-list{ inset: 57px 0 0; gap: 0; padding: 4px 8px 12px; }
.pv-g{ margin: 14px 8px 4px; font-size: 12px; font-weight: 500; color: var(--sea); }
.pv-g:first-child{ margin-top: 8px; }
#platforms .pv-item{ min-height: 38px; gap: 10px; padding: 0 8px; font-size: 14px; border-radius: 8px; }
#platforms .pv-list .ptile.pv-t{ width: 24px; height: 24px; border-radius: 6px; }
#platforms .pv-list .ptile.pv-t svg{ width: 14px; height: 14px; }
#platforms .pv-c{ margin-left: auto; font-size: 12px; }
#platforms .pv-item[aria-selected="true"]{ background: var(--mint); box-shadow: none; }
#platforms .pv-item[aria-selected="true"] .pv-c{ color: var(--deep); }
.pv-none{ margin: 16px 8px; font-size: 14px; color: var(--stone); }
@media (max-width: 860px){#platforms .pv{ grid-template-columns: minmax(0, 1fr); }
#platforms .pv-nh{ display: block; }
#platforms .pv-list{ position: relative; inset: auto; flex-direction: column; max-height: 300px; overflow-x: hidden; overflow-y: auto; }
#platforms .pv-item{ width: 100%; }
}
.uc2{ position: relative; margin-top: 48px; }
.uc2-b{ display: block; width: 100%; padding: 18px 0; border: 0; background: none; color: var(--stone); font: 500 19px/1.25 var(--ss-font-heading); letter-spacing: -.02em; text-align: left; cursor: pointer; transition: color .2s; }
.uc2-b:hover{ color: var(--obsidian); }
.uc2-b:focus-visible{ outline: 2px solid var(--sea); outline-offset: 2px; }
.uc2-i{ border-top: 1px solid var(--hairline); }
.uc2-i:last-child{ border-bottom: 1px solid var(--hairline); }
.uc2-i.is-on .uc2-b{ color: var(--obsidian); padding-bottom: 8px; }
.uc2-d{ display: none; padding-bottom: 20px; }
.uc2-i.is-on .uc2-d{ display: block; }
.uc2-d p{ margin: 0 0 12px; font-size: 15px; line-height: 1.5; color: var(--charcoal); }
.uc2-art{ display: none; border-radius: 14px; overflow: hidden; }
.uc2-art svg{ display: block; width: 100%; height: 100%; }
.uc2-i:nth-child(4) .uc2-art{ background: var(--mint); }
.uc2-art .bx-n{ display: none; }
.uc2-art .bx-w{ display: block; }
@media (min-width: 861px){.uc2{ min-height: 450px; padding-right: calc(100% - 340px); }
.uc2-art{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 396px; padding: 32px; height: auto; visibility: hidden; opacity: 0; transition: opacity .3s; }
.uc2-i.is-on .uc2-art{ visibility: visible; opacity: 1; }
}
@media (max-width: 860px){.uc2-i.is-on .uc2-art{ display: block; margin-bottom: 20px; }
.uc2-art .bx-w{ display: none; }
.uc2-art .bx-n{ display: block; }
}
.rd-dark{ position: relative; margin-top: 112px; padding-block: 104px !important; background: #0f3d3a; }
.rd-dark > .wrap{ position: relative; }
.rd-dots{ position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.rd-dots svg{ position: absolute; top: 0; left: 50%; translate: -50% 0; opacity: .2; }
.ec-cta .ec-tiles{ z-index: 1; }
.ec-cta .ec-copy{ z-index: 2; }
.ch{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; }
.ch-side{ position: sticky; top: 112px; }
.ch-side .eyebrow{ color: var(--spring); }
.ch-side .h-section{ color: #fff; }
.ch-side .ag-with{ color: #d3e8e2; }
.ch-side .ag-top{ margin-top: 20px; }
.ch-sheet{ display: flex; flex-direction: column; gap: 28px; }
.ch-t{ display: flex; flex-direction: column; }
.ch-q{ align-self: flex-end; max-width: 80%; margin: 0; padding: 12px 16px; border-radius: 14px 14px 4px 14px; background: var(--spring); color: var(--deep); font: 500 16px/1.35 var(--ss-font); }
.ch-tool{ margin: 14px 0 6px; font-size: 13px; color: #b7d3cc; }
.ch-a{ padding: 16px 18px; border-radius: 4px 14px 14px 14px; background: #fff; }
.ch-a .ag-line{ display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border-bottom: 1px solid var(--hairline); font-size: 14px; color: var(--charcoal); }
.ch-a .ag-line:first-child{ padding-top: 0; }
.ch-a .ag-line:last-child{ padding-bottom: 0; border-bottom: 0; }
.ch-a .ag-line strong{ font-weight: 600; color: var(--obsidian); }
.ch-a .ag-text{ margin: 0; font-size: 14px; line-height: 1.55; color: var(--charcoal); }
#agents .ch-a pre{ margin: 0; padding: 0; border: 0; border-radius: 0; background: none; font: 400 13px/1.6 var(--ss-font); color: var(--ss-ide-str); white-space: pre-wrap; overflow-wrap: anywhere; box-shadow: none; }
.js .ch-t.is-wait{ opacity: 0; translate: 0 14px; }
.ch-t{ transition: opacity .45s, translate .45s; }
.rl2{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 40px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--hairline); }
.rl2-c{ display: flex; flex-direction: column; padding: 28px; }
.rl2-c + .rl2-c{ border-left: 1px solid var(--hairline); }
.rl2-c h3{ font: 500 19px/1.25 var(--ss-font-heading); letter-spacing: -.02em; color: var(--obsidian); }
.rl2-c > p{ margin: 8px 0 20px; font-size: 15px; line-height: 1.5; color: var(--charcoal); }
.rl2-f{ margin-top: auto; min-height: 138px; padding: 14px 16px; border-radius: 8px; background: var(--paper); box-shadow: 0 0 0 1px var(--hairline); }
.rl2-l{ display: block; margin-bottom: 8px; font-size: 12px; color: var(--stone); }
.rl2-f pre{ margin: 0; font: 400 13px/1.6 var(--ss-font); color: #5f736d; white-space: pre-wrap; }
.rl2-v{ display: flex; align-items: center; gap: 8px; padding: 7px 0; font-size: 13px; }
.rl2-v code{ flex: 1; min-width: 0; font: inherit; color: var(--charcoal); overflow-wrap: anywhere; }
.rl2-v i{ flex: none; padding: 2px 8px; border-radius: 99px; background: var(--hover, #f1f5f3); color: var(--charcoal); font-style: normal; font-size: 12px; }
.rl2-v i.is-new{ background: var(--spring); color: var(--deep); font-weight: 500; }
.rl2-id{ margin-top: 18px; font: 500 24px/1.2 var(--ss-font-heading); letter-spacing: -.02em; color: var(--deep); }
.pr-head{ display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.pr-head .seg-row{ margin: 0; }
#pricing #packs{ gap: 0; margin-top: 36px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--hairline); }
#pricing .card.pack{ padding: 32px 28px; border-radius: 0; background: none; box-shadow: none; }
#pricing .card.pack + .card.pack{ border-left: 1px solid var(--hairline); }
#pricing .card.card.pack.is-pop{ position: relative; border: 0; border-radius: 14px; background: #fff; box-shadow: 0 0 0 2px var(--deep); }
#pricing .card.pack.is-pop + .card.pack{ border-left: 0; }
#pricing .pack.is-pop .top .tag.pop{ position: static; transform: none; background: var(--mint); color: var(--deep); }
.pr-foot{ display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; margin-top: 20px; }
.pr-foot .pack-list.pack-notes{ margin: 0 !important; padding: 0; justify-content: flex-start; }
#pricing .pack .btn{ border-radius: var(--ss-r); }
.pr-foot .pr-links{ margin: 0; }
.fq2{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; }
.fq2 .sec-head{ margin: 0; }
.fq2 .faq{ margin-top: 0; }
.fq2 .faq-more{ text-align: left; }
.ec-cta{ padding-bottom: 150px; overflow: hidden; }
.ft-row{ display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 48px; padding-top: 64px; }
.ft-row .foot-top{ padding-top: 0; }
.ft-row .foot{ grid-template-columns: repeat(4, minmax(0, 1fr)); padding-top: 0; margin: 0; }
.ft-row + .base{ margin-top: 56px; }
@media (max-width: 1240px){
  .dv-tiles { gap: 6px; }
  .dv-t { width: 36px; height: 36px; border-radius: 9px; }
  .dv-t svg { width: 20px; height: 20px; }
  .dv-drop { margin-left: calc(100% - 123px); }
}
@media (max-width: 860px){main > section{ padding-top: 72px; }
main > section:last-of-type{ padding-bottom: 72px; }
.rd-dark{ margin-top: 72px; padding-block: 72px !important; }
.dv,.ch,.fq2,.ft-row{ grid-template-columns: minmax(0, 1fr); gap: 36px; }
.dv-stage{ padding: 20px; }
.dv-top{ flex-direction: column; align-items: stretch; }
.dv-link{ flex: none; width: 0; height: 18px; margin-left: 24px; border-top: 0; border-left: 2px dashed #6cc4ab; }
.dv-tiles{ justify-content: space-between; gap: 4px; }
.dv-t{ width: 40px; height: 40px; }
.dv-t svg{ width: 24px; height: 24px; }
.dv-drop{ margin-left: 24px; height: 18px; }
.dv-code pre{ font-size: 13px; }
.ch-side{ position: static; }
.ch-q{ max-width: 92%; }
.rl2{ grid-template-columns: minmax(0, 1fr); }
.rl2-c + .rl2-c{ border-left: 0; border-top: 1px solid var(--hairline); }
.rl2-f{ min-height: 0; }
#pricing #packs{ grid-template-columns: minmax(0, 1fr); }
#pricing .card.pack + .card.pack{ border-left: 0; border-top: 1px solid var(--hairline); }
#pricing .card.pack.is-pop + .card.pack{ border-top: 0; }
.ec-cta{ padding-bottom: 120px; }
.ft-row .foot{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
}
@media (max-width: 360px){ .seg button { padding-inline: 8px; font-size: 13px; } }
.dx-head{ display: flex; align-items: flex-end; justify-content: space-between; gap: 20px 32px; flex-wrap: wrap; }
.dx-sw{ display: inline-flex; align-items: center; gap: 4px; padding: 4px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px var(--hairline); font-size: 13px; }
.dx-sw span{ padding: 0 8px; color: var(--stone); }
.dx-sw button{ padding: 6px 10px; border: 0; border-radius: 5px; background: none; color: var(--charcoal); font: inherit; cursor: pointer; }
.dx-sw button[aria-pressed="true"]{ background: var(--deep); color: #fff; }
.dx-opt{ margin-top: 40px; }
.dx-opt[hidden]{ display: none; }
.dx-links{ justify-content: flex-start; margin-top: 24px; }
.dx-t{ display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 10px; background: var(--c); color: #fff; }
.dx-t svg{ width: 22px; height: 22px; }
.dx-t .mono-tile{ color: #fff; }
.dx-keyd{ display: inline-flex; gap: 4px; }
.dx-keyd i{ width: 6px; height: 6px; border-radius: 50%; background: var(--deep); }
.fx-pill{ display: inline-flex; align-items: center; height: 40px; padding: 0 14px; border-radius: 8px; background: var(--paper); box-shadow: 0 0 0 1px var(--hairline); }
.fx{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--hairline); }
.fx-c{ display: flex; flex-direction: column; padding: 28px; }
.fx-c + .fx-c{ border-left: 1px solid var(--hairline); }
.fx-n{ font: 500 clamp(72px, 7.6vw, 112px)/1 var(--ss-font-heading); letter-spacing: -.05em; color: var(--deep); }
.fx-c h3{ margin: 12px 0 0; font: 500 19px/1.25 var(--ss-font-heading); letter-spacing: -.02em; color: var(--obsidian); }
.fx-c p{ margin: 8px 0 24px; font-size: 15px; line-height: 1.5; color: var(--stone); }
.fx-d{ margin-top: auto; min-height: 40px; }
.fx-stack{ display: flex; align-items: center; gap: 4px; }
.fx-stack .dx-t{ width: 32px; height: 32px; border-radius: 8px; }
.fx-stack .dx-t svg{ width: 18px; height: 18px; }
.fx-row{ display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 40px; padding: 0 14px; border-radius: 8px; background: var(--paper); box-shadow: 0 0 0 1px var(--hairline); font-size: 13px; color: var(--charcoal); }
.fx-row b{ font-weight: 600; color: var(--sea); }
.fx2{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; margin-top: 12px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--hairline); }
.fx2 > div{ padding: 20px 28px; }
.fx2 > div + div{ border-left: 1px solid var(--hairline); margin-left: -14px; padding-left: 42px; }
.fx2 h3{ margin: 0; font: 500 17px/1.3 var(--ss-font-heading); letter-spacing: -.02em; color: var(--obsidian); }
.fx2 p{ margin: 4px 0 0; font-size: 15px; line-height: 1.5; color: var(--stone); }
.wx{ position: relative; display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 3.3fr) minmax(0, 4fr); grid-template-areas: "app core plat" "agent core hook"; gap: 24px 80px; align-items: center; }
.wx-lines{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.wx-lines path{ fill: none; stroke: var(--sea); stroke-width: 2; stroke-dasharray: 5 7; stroke-linecap: round; animation: wx-m 1.1s linear infinite; }
@keyframes wx-m{ to { stroke-dashoffset: -12; } }
.wx-n{ position: relative; padding: 22px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px var(--hairline); }
.wx-n h3{ margin: 0; font: 500 18px/1.25 var(--ss-font-heading); letter-spacing: -.02em; color: var(--obsidian); }
.wx-n p{ margin: 6px 0 0; font-size: 14px; line-height: 1.5; color: var(--stone); }
.wx-n .fx-pill{ margin-top: 14px; }
.wx-core{ align-self: center; padding: 28px; background: #0f3d3a; box-shadow: none; }
.wx-brand{ display: flex; align-items: center; gap: 8px; color: #fff; font: 500 22px/1 var(--ss-font-heading); letter-spacing: -.025em; }
.wx-brand svg{ height: 28px; width: auto; }
.wx-r{ margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .14); }
.wx-core h3{ color: #fff; font-size: 17px; }
.wx-core p{ color: #d3e8e2; }
.wx-tiles{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 14px; }
.wx-tiles .dx-t{ width: 36px; height: 36px; border-radius: 9px; }
.wx-tiles .dx-t svg{ width: 20px; height: 20px; }
.wx-more{ padding: 0 8px; font-size: 13px; color: var(--charcoal); }
@media (prefers-reduced-motion: reduce){ .wx-lines path { animation: none; } }
@media (max-width: 1100px){
  .fx { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fx-c:nth-child(3) { border-left: 0; }
  .fx-c:nth-child(n+3) { border-top: 1px solid var(--hairline); }
  .wx { column-gap: 48px; }
}
@media (max-width: 860px){.fx{ grid-template-columns: minmax(0, 1fr); }
.fx-c + .fx-c{ border-left: 0; border-top: 1px solid var(--hairline); }
.fx-c{ padding: 24px; }
.fx2{ grid-template-columns: minmax(0, 1fr); }
.fx2 > div{ padding: 20px 24px; }
.fx2 > div + div{ margin-left: 0; padding-left: 24px; border-left: 0; border-top: 1px solid var(--hairline); }
.dx-sw{ flex-wrap: wrap; }
.wx{ display: flex; flex-direction: column; align-items: stretch; gap: 28px; }
.wx-lines{ display: none; }
.wx-n:not(:last-of-type)::after{ content: ""; position: absolute; left: 32px; bottom: -28px; height: 28px; border-left: 2px dashed var(--sea); }
#wx-app{ order: 1; }
#wx-agent{ order: 2; }
#wx-core{ order: 3; }
#wx-plat{ order: 4; }
#wx-hook{ order: 5; }
#wx-hook::after{ display: none; }
}
header.nav{ margin-bottom: -64px; background: transparent; box-shadow: 0 1px 0 transparent; transition: background-color .3s ease, box-shadow .3s ease; }
main > section.hero.orbit-hero{ padding-top: 64px; }
.orbit-hero .hk-fade{ inset: 64px 0 0; }
header.nav .brand, header.nav .brand .wm, header.nav .links > a, header.nav .links > .apm > .apm-b, header.nav .nav-signin, header.nav .menu-btn{ transition: color .3s ease, box-shadow .3s ease; }
header.nav .brand svg g:nth-of-type(3) rect{ transition: fill .3s ease, stroke .3s ease; }
header.nav.is-solid, header.nav.ss-open{ background: #fff; box-shadow: 0 1px 0 var(--hairline); }
header.nav.is-solid .brand, header.nav.is-solid .brand .wm, header.nav.ss-open .brand, header.nav.ss-open .brand .wm{ color: var(--obsidian); }
header.nav.is-solid .brand svg g:nth-of-type(3) rect, header.nav.ss-open .brand svg g:nth-of-type(3) rect{ fill: #0F3D3A; stroke: transparent; }
header.nav.is-solid .menu-btn, header.nav.ss-open .menu-btn{ color: var(--obsidian); box-shadow: inset 0 0 0 1px var(--hairline); }
@media (min-width:1101px){header.nav.is-solid .links > a,header.nav.is-solid .links > .apm > .apm-b,header.nav.is-solid .nav-signin{ color: var(--obsidian); }
header.nav.is-solid .links > a:hover,header.nav.is-solid .links > .apm > .apm-b:hover,header.nav.is-solid .nav-signin:hover{ color: var(--sea); }
}
.ol-sw{ position: fixed; left: 16px; bottom: 16px; z-index: 60; display: flex; align-items: center; gap: 4px; padding: 4px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px var(--hairline), 0 8px 20px -12px rgba(15, 61, 58, .4); font-size: 13px; }
.ol-sw span{ padding: 0 8px; color: var(--stone); }
.ol-sw button{ padding: 5px 10px; border: 0; border-radius: 5px; background: none; color: var(--charcoal); font: inherit; cursor: pointer; }
.ol-sw button[aria-pressed="true"]{ background: var(--deep); color: #fff; }
body.ol{ --ol-x: 40px; --ol-line: var(--hairline); --ol-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M5.5 0v11M0 5.5h11' stroke='%23bdbdbd'/%3E%3C/svg%3E"); }
body.ol main > section:not(.hero){ position: relative; margin: 0; padding: 0 0 64px; border-top: 1px solid var(--ol-line); }
body.ol #developers{ border-top: 0; }
body.ol main > section:not(.hero) > .wrap{ position: relative; }
body.ol main > section:not(.hero) > .wrap::before{ content: ""; position: absolute; top: 0; bottom: -64px; left: var(--ss-pad); right: var(--ss-pad); border-inline: 1px solid var(--ol-line); pointer-events: none; z-index: 1; }
body.ol main > section:not(.hero):not(#developers) > .wrap::after{ content: ""; position: absolute; top: -6px; left: calc(var(--ss-pad) - 5px); right: calc(var(--ss-pad) - 5px); height: 11px; background: var(--ol-tick) left center no-repeat, var(--ol-tick) right center no-repeat; pointer-events: none; z-index: 2; }
body.ol main .sec-head, body.ol .dx-head, body.ol .pr-head{ margin: 0; padding: 72px var(--ol-x) 40px; border-bottom: 1px solid var(--ol-line); }
body.ol .pr-head .sec-head{ padding: 0; border: 0; }
body.ol .dx-opt, body.ol .uc2{ margin-top: 0; }
body.ol .fx, body.ol .fx2{ border-radius: 0; background: none; box-shadow: none; margin: 0; }
body.ol .fx2{ border-top: 1px solid var(--ol-line); gap: 0; }
body.ol .fx-c, body.ol .fx2 > div{ padding-inline: var(--ol-x); }
body.ol .fx2 > div + div{ margin-left: 0; padding-left: var(--ol-x); border-color: var(--ol-line); }
body.ol .wx{ padding: 48px var(--ol-x); }
body.ol .dx-links{ margin: 0; padding: 20px var(--ol-x); border-top: 1px solid var(--ol-line); }
body.ol #platforms .pv{ margin: 0; border-radius: 0; background: none; box-shadow: none; }
body.ol #platforms .pv-list{ padding: 12px var(--ol-x); }
body.ol .pv-top, body.ol .pv-th, body.ol .pv-row, body.ol .pv-foot{ padding-inline: var(--ol-x); }
body.ol .pl-ix{ margin: 0; padding: 24px var(--ol-x); border-top: 1px solid var(--ol-line); }
body.ol .uc2-i{ border-top: 0; border-bottom: 1px solid var(--ol-line); padding-inline: var(--ol-x); }
body.ol .uc2-art{ border-radius: 0; }
body.ol main > section.rd-dark{ margin: 0; padding: 0 !important; border-top: 0; --ol-line: rgba(255, 255, 255, .12); }
body.ol .rd-dark > .wrap::before{ bottom: 0 !important; }
body.ol .ch{ gap: 0; }
body.ol .ch-side{ padding: 72px var(--ol-x); }
body.ol .ch-sheet{ padding: 72px var(--ol-x); border-left: 1px solid var(--ol-line); }
body.ol .rl2, body.ol #pricing #packs{ margin: 0; border-radius: 0; background: none; box-shadow: none; }
body.ol .rl2-c{ padding: 32px var(--ol-x); }
body.ol #pricing .card.pack{ padding: 36px var(--ol-x); }
body.ol #pricing .card.card.pack.is-pop{ border-radius: 0; box-shadow: inset 0 0 0 2px var(--deep); }
body.ol .price-stage{ padding: 0; }
body.ol .pr-foot{ margin: 0; padding: 20px var(--ol-x); border-top: 1px solid var(--ol-line); }
body.ol .fq2{ gap: 0; }
body.ol .fq2 .sec-head{ border-bottom: 0; }
body.ol .fq2 > div:last-child{ padding: 72px var(--ol-x) 8px; border-left: 1px solid var(--ol-line); }
body.ol .fq2 .faq{ border-top: 0; }
@media (min-width: 861px){body.ol .uc2{ min-height: 450px; padding-right: calc(100% - 420px); }
body.ol .uc2-art{ left: 420px; border-left: 1px solid var(--ol-line); }
body.ol .uc2-i:last-child{ border-bottom: 0; }
}
@media (max-width: 1100px){ body.ol { --ol-x: 24px; } }
@media (max-width: 860px){body.ol{ --ol-x: 20px; }
body.ol main .sec-head,body.ol .dx-head,body.ol .pr-head{ padding-top: 48px; padding-bottom: 28px; }
body.ol .pr-head .sec-head{ padding: 0; }
body.ol main > section:not(.hero){ padding-bottom: 40px; }
body.ol main > section:not(.hero) > .wrap::before{ bottom: -40px; }
body.ol .ch-side{ padding: 48px var(--ol-x) 28px; }
body.ol .ch-sheet{ padding: 0 var(--ol-x) 48px; border-left: 0; }
body.ol .fq2 > div:last-child{ padding: 0 var(--ol-x) 8px; border-left: 0; }
body.ol .fq2 .sec-head{ padding-bottom: 20px; }
body.ol .rl2-c{ padding-block: 24px; }
body.ol .uc2-i.is-on .uc2-art{ margin-inline: calc(var(--ol-x) * -1); }
body.ol .ol-sw{ bottom: 12px; left: 12px; }
}
body.ol main section .sec-head{ margin: 0 !important; }
body.ol .pr-head .sec-head{ flex: 1 1 0; min-width: 0; }
body.ol .pr-head .seg-row{ margin: 0; }
body.ol .pr-head .seg{ margin: 0; }
body.ol .endcap{ margin-top: 0; }
@media (min-width: 861px){body.ol .pr-head{ flex-wrap: nowrap; }
body.ol #platforms .pv-list{ padding: 12px; }
}
body.ol .pr-head .sec-head{ display: block; }
body.ol .rd-dark > .wrap::before, body.ol .rd-dark > .wrap::after, body.ol .rd-dark + section > .wrap::after{ display: none; }
body.ol .rd-dark + section{ border-top: 0; }
body.ol .ch-sheet{ border-left: 0; }
@media (min-width: 861px){body.ol .ch{ gap: 64px; }
body.ol .ch-side{ padding: 104px 0 104px var(--ol-x); }
body.ol .ch-sheet{ padding: 104px var(--ol-x) 104px 0; }
}
.ch-a .ag-line > :last-child{ flex: none; white-space: nowrap; }
main > section.hero.orbit-hero{ padding-top: 112px; }
@media (min-width: 861px){main > section.hero.orbit-hero{ padding-top: 128px; }
}
.gx{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gx-c{ display: flex; flex-direction: column; min-width: 0; border-bottom: 1px solid var(--hairline); }
.gx-c:nth-child(even){ border-right: 1px solid var(--hairline); }
.gx-wide{ grid-column: 1 / -1; flex-direction: row; }
.gx-wide .gx-t{ flex: 0 0 41%; align-self: center; border: 0; }
.gx-wide .gx-v{ flex: 1; min-width: 0; border-left: 1px solid var(--hairline); }
.gx-t{ padding: 36px 40px; }
.gx-t p{ margin: 0; font: 400 20px/1.4 var(--ss-font-heading); letter-spacing: -.02em; color: #6f6f6f; }
.gx-t b{ font-weight: 500; color: var(--obsidian); }
.gx-v{ position: relative; flex: 1; display: grid; place-items: center; min-height: 268px; padding: 36px 56px; border-top: 1px solid var(--hairline); }
.gx-wide .gx-v{ border-top: 0; min-height: 340px; }
.gx-v::before, .gx-v::after{ content: ""; position: absolute; pointer-events: none; }
.gx-v::before{ inset: 0 28px; border-inline: 1px solid var(--hairline); }
.gx-v::after{ inset: 18px 0; border-block: 1px solid var(--hairline); }
.gx-v > *{ position: relative; z-index: 1; width: 100%; max-width: 440px; }
.gx-wide .gx-v > *{ max-width: 560px; }
.gt, .gr, .gz, .gm-a, .gm-b, .gn-m{ background: #fff; box-shadow: 0 0 0 1px var(--hairline), 0 12px 28px -22px rgba(15, 61, 58, .35); border-radius: 8px; }
.gt-cap{ display: flex; justify-content: space-between; gap: 12px; padding: 11px 14px; border-bottom: 1px solid var(--hairline); font-size: 13px; color: var(--stone); }
.gt-cap span:first-child{ color: var(--obsidian); font-weight: 500; }
.gt-r{ display: grid; grid-template-columns: 1.15fr 1.4fr 1.05fr .65fr; align-items: center; gap: 10px; padding: 9px 14px; border-bottom: 1px solid var(--hairline); font-size: 14px; color: var(--charcoal); transition: background-color .35s; }
.gt-r:last-child{ border-bottom: 0; border-radius: 0 0 8px 8px; }
.gt-h{ padding-block: 7px; font-size: 12px; color: var(--sea); }
.gt-p{ display: flex; align-items: center; gap: 8px; color: var(--obsidian); font-weight: 500; }
.gt-p .dx-t{ width: 24px; height: 24px; border-radius: 6px; }
.gt-p .dx-t svg{ width: 14px; height: 14px; }
.gt-n{ text-align: right; font-variant-numeric: tabular-nums; }
.gt-r.is-on{ background: var(--mint); }
.gr > div:not(.gt-cap){ display: flex; justify-content: space-between; padding: 7px 14px; font-size: 14px; color: var(--charcoal); }
.gr i{ font-style: normal; font-size: 12px; font-weight: 600; color: var(--sea); }
.gr .gr-t{ margin-top: 4px; padding-block: 10px; border-top: 1px solid var(--hairline); font-weight: 600; color: var(--obsidian); }
.gz{ display: grid; grid-template-columns: 1fr 1fr; }
.gz > div{ padding: 22px 20px; }
.gz > div + div{ border-left: 1px solid var(--hairline); }
.gz b{ display: block; font: 500 72px/1 var(--ss-font-heading); letter-spacing: -.05em; color: var(--deep); }
.gz span{ display: block; margin-top: 10px; font-size: 14px; color: var(--charcoal); }
.gm{ display: flex; flex-direction: column; }
.gm-a{ display: flex; align-items: center; gap: 10px; padding: 12px 14px; font-size: 14px; }
.gm-a .dx-t{ width: 36px; height: 36px; border-radius: 9px; }
.gm-a .dx-t svg{ width: 20px; height: 20px; }
.gm-a > div{ flex: 1; min-width: 0; }
.gm-a strong{ display: block; font-weight: 500; color: var(--obsidian); }
.gm-a div span{ display: block; font-size: 12px; color: var(--stone); }
.gm-a i{ padding: 3px 9px; border-radius: 99px; background: var(--mint); color: var(--deep); font-style: normal; font-size: 12px; font-weight: 500; }
.gm-l{ width: 0; height: 26px; margin-left: 32px; border-left: 2px dashed var(--sea); }
.gm-b{ display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; font-size: 14px; color: var(--obsidian); }
.gm-b em{ font-style: normal; color: var(--ss-ide-key); }
.gm-b u{ text-decoration: none; color: var(--ss-ide-str); font-weight: 500; }
.gn{ display: flex; flex-direction: column; gap: 14px; }
.gn-m{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; }
.gn-m strong{ display: block; font-size: 14px; font-weight: 600; color: var(--obsidian); }
.gn-m div span{ display: block; font-size: 12px; color: var(--stone); }
.gn-f{ display: flex; align-items: center; font-size: 13px; }
.gn-f span{ flex: none; padding: 10px 12px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px var(--hairline); color: var(--charcoal); }
.gn-f span.is-s{ background: #0f3d3a; color: #fff; box-shadow: none; font-weight: 500; }
.gn-f i{ flex: 1; min-width: 10px; border-top: 2px dashed var(--sea); }
body:not(.ol) .gx{ border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--hairline); overflow: hidden; }
@media (max-width: 1100px){
  .gx-t { padding: 28px 24px; }
  .gx-t p { font-size: 18px; }
  .gx-v { padding: 32px 40px; }
  .gx-wide { flex-direction: column; }
  .gx-wide .gx-t { flex: none; align-self: stretch; }
  .gx-wide .gx-v { border-left: 0; border-top: 1px solid var(--hairline); }
}
@media (max-width: 860px){.gx{ grid-template-columns: minmax(0, 1fr); }
.gx-c:nth-child(even){ border-right: 0; }
.gx-t{ padding: 24px 20px; }
.gx-v{ min-height: 0; padding: 32px 24px; }
.gx-wide .gx-v{ min-height: 0; }
.gx-v::before{ inset: 0 12px; }
.gx-v::after{ inset: 14px 0; }
.gt-r{ grid-template-columns: 1.2fr 1.5fr .7fr; }
.gt-d{ display: none; }
.gt-r{ font-size: 13px; gap: 8px; }
.gz b{ font-size: 56px; }
.gn-f{ font-size: 12px; }
.gn-f span{ padding: 9px 8px; }
}
.gx-c:nth-last-child(-n+2){ border-bottom: 0; }
@media (max-width: 860px){.gx-c:nth-last-child(2){ border-bottom: 1px solid var(--hairline); }
}
.gx-c .gx-v{ --gl: rgba(15, 61, 58, .12); }
.gx-v::before, .gx-v::after{ border-color: var(--gl); }
.gx-c:nth-child(1) .gx-v{ background: #0f3d3a; }
.gx-c:nth-child(2) .gx-v, .gx-c:nth-child(5) .gx-v{ background: var(--mint); --gl: #cdeee4; }
.gx-c:nth-child(3) .gx-v{ background: var(--spring); --gl: rgba(255, 255, 255, .3); }
.gx-c:nth-child(4) .gx-v{ background: var(--sea); }
.gx-c:nth-child(1) .gx-v::before, .gx-c:nth-child(1) .gx-v::after, .gx-c:nth-child(4) .gx-v::before, .gx-c:nth-child(4) .gx-v::after{ display: none; }
.gt, .gr, .gz, .gm-a, .gm-b, .gn-m{ box-shadow: 0 10px 24px -16px rgba(15, 61, 58, .45); }
.gt-h{ background: var(--mint); color: var(--deep); font-weight: 500; }
.gt-r.is-on{ background: #c9f3e6; }
.gr i{ padding: 1px 9px; border-radius: 99px; background: var(--spring); color: var(--deep); }
.gr .gr-t{ margin-top: 4px; border-top: 0; border-radius: 0 0 8px 8px; background: #0f3d3a; color: #fff; }
.gz{ background: none; box-shadow: none; gap: 10px; }
.gz > div{ border-radius: 8px; background: #fff; box-shadow: 0 10px 24px -16px rgba(15, 61, 58, .5); }
.gz > div + div{ border-left: 0; background: #0f3d3a; }
.gz > div + div b{ color: var(--spring); }
.gz > div + div span{ color: #d3e8e2; }
.gm-l{ border-left-color: #fff; }
.gm-a i{ background: var(--spring); color: var(--deep); }
.gm-b{ background: #0f3d3a; color: #fff; }
.gm-b em{ color: var(--spring); }
.gm-b u{ color: var(--spring); }
.gn-m .tb-i:nth-child(1){ color: #10A37F; }
.gn-m .tb-i:nth-child(2){ color: #D97757; }
.gn-f span:not(.is-s){ box-shadow: 0 0 0 1px #cdeee4; }
.gn-f span.is-s{ background: var(--spring); color: var(--deep); }
.gr > div.gr-t, .gr > div.gr-t span{ color: #fff; }
.gx-wide .gx-v > .gw{ max-width: 580px; }
.gw{ position: relative; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.gw-lines{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.gw-track{ fill: none; stroke: rgba(255, 255, 255, .22); stroke-width: 1.5; }
.gw-track.gw-faint{ stroke: rgba(255, 255, 255, .12); stroke-dasharray: 3 5; }
.gw-pulse{ fill: none; stroke: var(--spring); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 22 200; stroke-dashoffset: 22; }
.gw-p1{ stroke-dasharray: 45 200; stroke-dashoffset: 45; animation: gw-run .8s cubic-bezier(.5, 0, .5, 1) forwards; }
.gw-p2{ animation: gw-run .9s cubic-bezier(.5, 0, .5, 1) .7s forwards; }
@keyframes gw-run{ to { stroke-dashoffset: -100; } }
.gw-port{ fill: #0f3d3a; stroke: rgba(255, 255, 255, .45); stroke-width: 1.5; }
.gw-port.is-on{ fill: var(--spring); stroke: var(--spring); }
.gw-n, .gw-p{ position: relative; background: #fff; border-radius: 8px; box-shadow: 0 10px 24px -16px rgba(0, 0, 0, .5); }
.gw-n{ flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 14px; color: var(--obsidian); }
.gw-n strong{ font: 500 15px/1.25 var(--ss-font-heading); letter-spacing: -.015em; }
.gw-key{ align-self: stretch; display: flex; align-items: center; gap: 8px; margin-top: 12px; padding: 8px 10px; border-radius: 6px; background: var(--mint); color: var(--deep); }
.gw-key svg{ flex: none; width: 15px; height: 15px; }
.gw-mask{ display: flex; gap: 3px; min-width: 0; overflow: hidden; }
.gw-mask i{ flex: none; width: 5px; height: 5px; border-radius: 50%; background: var(--deep); opacity: .7; }
.gw-s{ margin-top: 6px; font-size: 13px; line-height: 1.35; color: var(--stone); }
.gw-core svg{ height: 28px; width: auto; margin-bottom: 12px; }
.gw-list{ flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.gw-p{ display: flex; align-items: center; gap: 8px; padding: 6px 10px 6px 6px; font-size: 14px; color: var(--obsidian); transition: background-color .3s; }
.gw-p .dx-t{ flex: none; width: 24px; height: 24px; border-radius: 6px; }
.gw-p .dx-t svg{ width: 14px; height: 14px; }
.gw-p.is-on{ background: #c9f3e6; }
.gw-more{ padding: 8px 10px; background: transparent; box-shadow: none; color: #d3e8e2; font-size: 13px; }
@media (prefers-reduced-motion: reduce){ .gw-pulse { display: none; } }
@media (max-width: 640px){
  .gw { flex-direction: column; align-items: stretch; gap: 40px; }
  .gw-n { align-items: center; text-align: center; flex: none; }
  .gw-key { align-self: center; }
  .gw-list { flex: none; flex-direction: row; flex-wrap: wrap; gap: 8px; justify-content: center; }
  .gw-p { flex: 0 0 auto; padding: 6px; }
  .gw-p > span:not(.dx-t) { display: none; }
  .gw-more { padding: 6px 4px; }
  .gw-more > span:not(.dx-t) { display: inline; }
}
.gx-c:not(.is-in) .gx-v *, .gx-c:not(.is-in) .gx-v *::after{ animation-play-state: paused !important; }
.gr > div:not(.gt-cap):not(.gr-t){ transition: opacity .35s, transform .35s; }
.gr.is-run > div.is-off{ opacity: .2; transform: translateY(4px); }
.gr i{ transition: transform .3s cubic-bezier(.3, 1.6, .5, 1); }
.gr.is-run > div.is-off i{ transform: scale(.4); }
.gz-b{ height: 72px; overflow: hidden; }
.gz-b em{ display: flex; flex-direction: column; font-style: normal; animation: gz-roll 6s cubic-bezier(.6, 0, .2, 1) infinite; }
.gz > div + div .gz-b em{ animation-delay: .25s; }
.gz-b span{ display: block; height: 72px; margin: 0 !important; font: inherit !important; color: inherit !important; }
@keyframes gz-roll{ 0%, 55% { transform: translateY(0); } 85%, 100% { transform: translateY(-432px); } }
.gm-l{ position: relative; }
.gm-l::after{ content: ""; position: absolute; left: -6px; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: var(--spring); box-shadow: 0 0 0 3px #fff; opacity: 0; animation: gm-drop 3s ease-in-out infinite; }
@keyframes gm-drop{ 0%, 18% { top: -5px; opacity: 0; } 24% { opacity: 1; } 52% { top: calc(100% - 5px); opacity: 1; } 58%, 100% { top: calc(100% - 5px); opacity: 0; } }
.gm-a i{ animation: gm-ping 3s ease-in-out infinite; }
@keyframes gm-ping{ 0%, 100% { transform: scale(1); } 12% { transform: scale(1.12); } 22% { transform: scale(1); } }
.gm-b{ animation: gm-hit 3s ease-in-out infinite; }
@keyframes gm-hit{ 0%, 52% { background: #0f3d3a; } 60% { background: #17564f; } 80%, 100% { background: #0f3d3a; } }
.gm-b u{ display: inline-block; animation: gm-pop 3s ease-in-out infinite; }
@keyframes gm-pop{ 0%, 54% { transform: scale(1); } 62% { transform: scale(1.18); } 72%, 100% { transform: scale(1); } }
.gn-f i{ position: relative; }
.gn-f i::after{ content: ""; position: absolute; top: -5px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--deep); opacity: 0; animation: gn-run 3.6s linear infinite; }
.gn-f i + span + i::after{ animation-delay: 1.2s; }
@keyframes gn-run{ 0% { left: 0; opacity: 0; } 4% { opacity: 1; } 30% { left: calc(100% - 8px); opacity: 1; } 34%, 100% { left: calc(100% - 8px); opacity: 0; } }
.gn-f span{ animation: gn-lit 3.6s ease-in-out infinite; }
.gn-f span.is-s{ animation-name: gn-lit-s; animation-delay: 1.1s; }
.gn-f span:last-child{ animation-delay: 2.3s; }
@keyframes gn-lit{ 0%, 20%, 100% { transform: none; } 8% { transform: translateY(-3px); } }
@keyframes gn-lit-s{ 0%, 20%, 100% { transform: none; } 8% { transform: translateY(-3px) scale(1.04); } }
.gn-m .tb-i{ animation: gn-ai 3.6s ease-in-out infinite; }
.gn-m .tb-i:nth-child(2){ animation-delay: 1.2s; }
.gn-m .tb-i:nth-child(3){ animation-delay: 2.4s; }
@keyframes gn-ai{ 0%, 30%, 100% { transform: none; } 12% { transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce){
  .gz-b em { animation: none; }
  .gm-l::after, .gn-f i::after { display: none; }
  .gm-a i, .gm-b, .gm-b u, .gn-f span, .gn-m .tb-i { animation: none; }
}
@media (min-width: 861px){#platforms .pv-top{ padding-block: 36px; }
#platforms .pv-th{ padding-block: 14px; }
#platforms .pv-rows .pv-row{ min-height: 64px; }
#platforms .pv-foot{ padding-block: 22px; }
#platforms .pv-nh{ padding: 14px; }
#platforms .pv-list{ inset: 65px 0 0; }
#platforms .pv-item{ min-height: 42px; }
#platforms .pv-g{ margin: 18px 8px 6px; }
#platforms .pv-g:first-child{ margin-top: 10px; }
}
.rl2-c{ padding: 0; }
.rl2-t{ padding: 28px 28px 24px; }
.rl2-t > p{ margin: 8px 0 0; font-size: 15px; line-height: 1.5; color: var(--charcoal); }
body.ol .rl2-c{ padding: 0; }
body.ol .rl2-t{ padding: 32px var(--ol-x) 28px; }
.rx-v{ position: relative; flex: 1; display: grid; place-items: center; min-height: 280px; padding: 32px 28px; border-top: 1px solid var(--hairline); }
.rx-v > *{ width: 100%; max-width: 330px; }
.rx-mint{ background: var(--mint); }
.rx-deep{ background: #0f3d3a; border-top-color: #0f3d3a; }
.rx-spring{ background: var(--spring); }
.rx-card{ position: relative; padding: 14px 16px; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px -16px rgba(15, 61, 58, .5); }
.rx-card pre{ margin: 0; font: 400 13px/1.65 var(--ss-font); color: #5f736d; white-space: pre-wrap; }
.rx-card .rl2-l{ margin-bottom: 8px; }
.rx-err{ display: grid; }
.rx-err .rx-card{ grid-area: 1 / 1; animation: rx-swap 8s ease-in-out infinite; }
.rx-e2{ animation-delay: -4s !important; }
@keyframes rx-swap{ 0%, 44% { opacity: 1; transform: none; } 50%, 94% { opacity: 0; transform: translateY(6px); } 100% { opacity: 1; transform: none; } }
.rx-hl{ padding: 0 3px; margin: 0 -3px; border-radius: 4px; animation: rx-hl 4s ease-in-out infinite; }
@keyframes rx-hl{ 0%, 15% { background: transparent; } 25%, 80% { background: #c9f3e6; } 95%, 100% { background: transparent; } }
.rx-dec{ display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--hairline); font-size: 12px; color: var(--stone); }
.rx-dec span:first-child{ padding: 2px 9px; border-radius: 99px; font-weight: 500; }
.rx-no{ background: #f1f5f3; color: var(--charcoal); }
.rx-yes{ background: var(--spring); color: var(--deep); }
.rx-lanes{ position: relative; display: flex; flex-direction: column; gap: 12px; padding-top: 22px; }
.rx-lane .rl2-v{ padding: 0 0 6px; }
.rx-track{ display: block; height: 6px; border-radius: 99px; background: #eef4f2; overflow: hidden; }
.rx-bar{ display: block; height: 100%; border-radius: 99px; transform-origin: left; }
.rx-b1{ background: var(--sea); animation: rx-b1 7s ease-in-out infinite; }
.rx-b2{ margin-left: 45%; background: var(--spring); animation: rx-b2 7s ease-in-out infinite; }
@keyframes rx-b1{ 0% { transform: scaleX(0); opacity: 1; } 55%, 88% { transform: scaleX(1); opacity: 1; } 96%, 100% { transform: scaleX(1); opacity: 0; } }
@keyframes rx-b2{ 0%, 26% { transform: scaleX(0); opacity: 1; } 60%, 88% { transform: scaleX(1); opacity: 1; } 96%, 100% { transform: scaleX(1); opacity: 0; } }
.rx-mark{ position: absolute; top: 0; bottom: 0; left: 45%; border-left: 1.5px dashed #9ccfc2; animation: rx-mark 7s ease-in-out infinite; }
.rx-mark em{ position: absolute; top: 0; left: 6px; font-style: normal; font-size: 11px; white-space: nowrap; color: var(--sea); }
@keyframes rx-mark{ 0%, 20% { opacity: 0; } 28%, 88% { opacity: 1; } 96%, 100% { opacity: 0; } }
.rx-lane i{ animation: rx-tag 7s ease-in-out infinite; }
.rx-lane:last-child i{ animation-name: rx-tag2; }
@keyframes rx-tag{ 0%, 45% { opacity: .35; } 55%, 92% { opacity: 1; } 100% { opacity: .35; } }
@keyframes rx-tag2{ 0%, 50% { opacity: 0; transform: scale(.6); } 60%, 92% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.rx-id{ display: flex; flex-direction: column; align-items: stretch; }
.rx-req{ padding: 0 3px; margin: 0 -3px; border-radius: 4px; animation: rx-req 5s ease-in-out infinite; }
@keyframes rx-req{ 0%, 8% { background: transparent; } 16%, 70% { background: #c9f3e6; } 85%, 100% { background: transparent; } }
.rx-link{ position: relative; align-self: flex-start; width: 0; height: 28px; margin-left: 28px; border-left: 2px dashed #fff; }
.rx-link::after{ content: ""; position: absolute; left: -6px; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: var(--deep); box-shadow: 0 0 0 3px #fff; opacity: 0; animation: rx-drop 5s ease-in-out infinite; }
@keyframes rx-drop{ 0%, 16% { top: -5px; opacity: 0; } 22% { opacity: 1; } 40% { top: calc(100% - 5px); opacity: 1; } 46%, 100% { top: calc(100% - 5px); opacity: 0; } }
.rx-sup{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; background: #0f3d3a; color: #fff; }
.rx-st{ flex-basis: 100%; font-size: 12px; color: #d3e8e2; }
.rx-sup strong{ font: 500 20px/1.2 var(--ss-font-heading); letter-spacing: -.02em; }
.rx-found{ display: inline-flex; align-items: center; gap: 5px; margin-left: auto; padding: 2px 9px 2px 7px; border-radius: 99px; background: var(--spring); color: var(--deep); font-size: 12px; font-weight: 500; animation: rx-found 5s ease-in-out infinite; }
.rx-found svg{ width: 13px; height: 13px; }
@keyframes rx-found{ 0%, 44% { opacity: 0; transform: scale(.6); } 52%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; } }
.rl2-c:not(.is-in) .rx-v *, .rl2-c:not(.is-in) .rx-v *::after{ animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce){
  .rx-v *, .rx-v *::after { animation: none !important; }
  .rx-e2, .rx-link::after { display: none; }
}
@media (max-width: 860px){.rx-v{ min-height: 0; padding: 32px 20px; }
body.ol .rl2-t{ padding: 24px 20px; }
}
@media (min-width: 861px){.rl2{ grid-template-rows: auto 1fr; }
.rl2-c{ display: grid; grid-row: span 2; grid-template-rows: subgrid; }
}
.rx-lane code{ white-space: nowrap; overflow-wrap: normal; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1100px) and (min-width: 861px){.rx-v{ padding-inline: 18px; }
.rx-tl{ padding-inline: 12px; }
.rx-lane .rl2-v{ gap: 6px; font-size: 12px; }
}
.rl2-c h3{ font-size: 21px; font-weight: 600; line-height: 1.2; letter-spacing: -.025em; }
.rl2-t > p{ margin-top: 10px; color: var(--stone); }
@media (max-width: 860px){.rl2-c h3{ font-size: 20px; }
}
.cv{ opacity: 0; transform: translateY(24px); transition: opacity .6s cubic-bezier(.2, .7, .2, 1), transform .6s cubic-bezier(.2, .7, .2, 1); transition-delay: calc(var(--cv, 0) * 80ms); }
.cv-on .cv{ opacity: 1; transform: none; }
.cv-in{ opacity: 0; transform: scale(.94) translateY(10px); transition: opacity .7s cubic-bezier(.2, .7, .2, 1), transform .7s cubic-bezier(.2, .7, .2, 1); transition-delay: calc(var(--cv, 0) * 80ms + 220ms); }
.cv-on .cv-in{ opacity: 1; transform: none; }
.pv-list .cv, .pl-ix .cv, .pv-rows .cv{ transform: translateY(10px); transition-duration: .45s; transition-delay: calc(var(--cv, 0) * 40ms + 150ms); }
.pv-list.cv-on .cv, .pl-ix.cv-on .cv, .pv-rows.cv-on .cv{ transform: none; }
@media (prefers-reduced-motion: reduce){ .cv, .cv-in { opacity: 1 !important; transform: none !important; } }
.orbit-hero .h-hero{ letter-spacing: -.02em !important; line-height: 1.1; }
.orbit-hero .hero-copy .lead{ font-size: 19px; }
.orbit-hero .hero-icons{ margin-top: 32px; }
.orbit-hero .hero-copy .hero-cta{ margin-top: 36px; }
.orbit-hero .btn.hero-btn{ width: auto; min-width: 240px; min-height: 54px; font-size: 17px; }
.orbit-hero .hero-note{ margin-top: 18px; font-size: 14px; }
@media (max-width: 520px){
  .orbit-hero .btn.hero-btn { width: 100%; }
  .orbit-hero .hero-copy .lead { font-size: 17px; }
}
.orbit-hero .orbit-ring:nth-child(1){ --r: 535px !important; }
.orbit-hero .orbit-ring:nth-child(2){ --r: 750px !important; }
.orbit-hero .orbit-ring:nth-child(3){ --r: 925px !important; }
@media (max-width: 1100px){ .orbit-hero .orbit-ring:nth-child(1) { --r: 460px !important; } }
@media (min-width: 861px){.orbit-hero .h-hero{ font-size: clamp(38px, 4.4vw, 60px); }
}
@media (max-width: 520px){ .orbit-hero .h-hero { font-size: clamp(24px, 7.2vw, 36px); } }
.orbit-hero .hero-eb{ margin: 0 0 16px; font-size: 16px; font-weight: 600; color: #6ee7c8; animation: hero-rise 600ms var(--ease-out) backwards; }
@media (max-width: 520px){ .orbit-hero .hero-eb { font-size: 14px; margin-bottom: 12px; } }
.orbit-hero .hero-eb{ display: block; margin: 0 0 14px; font-size: 17px; font-weight: 600; letter-spacing: -.01em; color: #6ee7c8; }
@media (max-width: 520px){ .orbit-hero .hero-eb { font-size: 14px; margin-bottom: 10px; } }
.orbit-hero .hero-ed{ margin-top: 48px; }
@media (max-width: 520px){ .orbit-hero .hero-ed { margin-top: 36px; } }
.orbit-hero .hero-copy{ padding-top: 28px; }
.orbit-hero .orbit{ top: 248px; }
@media (max-width: 520px){ .orbit-hero .hero-copy { padding-top: 12px; } }
.orbit-hero .hero-ed{ margin-top: 72px; }
@media (max-width: 520px){ .orbit-hero .hero-ed { margin-top: 48px; } }
.orbit-hero .hk-dots{ --ring: 547px; -webkit-mask-image: radial-gradient(circle at 50% 312px, transparent var(--ring), #000 calc(var(--ring) + 1px)); mask-image: radial-gradient(circle at 50% 312px, transparent var(--ring), #000 calc(var(--ring) + 1px)); }
@media (max-width: 1100px){ .orbit-hero .hk-dots { --ring: 472px; } }
@media (max-width: 640px){ .orbit-hero .hk-dots { -webkit-mask-image: none; mask-image: none; } }
.orbit-hero .hk-pulse{ position: absolute; top: 0; left: 50%; translate: -50% 0; pointer-events: none; --ring: 547px; -webkit-mask-image: radial-gradient(circle at 50% 312px, transparent var(--ring), #000 calc(var(--ring) + 1px)); mask-image: radial-gradient(circle at 50% 312px, transparent var(--ring), #000 calc(var(--ring) + 1px)); }
@media (max-width: 1100px){ .orbit-hero .hk-pulse { --ring: 472px; } }
@media (max-width: 640px){ .orbit-hero .hk-pulse { -webkit-mask-image: none; mask-image: none; } }
.orbit-hero .h-hero{ animation: none; }
.orbit-hero .hl-l{ display: block; overflow: hidden; padding: 0 .06em .1em; margin: 0 -.06em -.1em; }
.orbit-hero .hl-l > span{ display: inline-block; animation: hl-up 900ms cubic-bezier(.2, .8, .2, 1) backwards; }
.orbit-hero .hl-l:nth-child(1) > span{ animation-delay: 120ms; }
.orbit-hero .hl-l:nth-child(2) > span{ animation-delay: 260ms; }
@keyframes hl-up{ from { transform: translateY(105%); } }
.orbit-hero .hero-eb{ animation: hero-rise 700ms var(--ease-out) backwards; }
.orbit-hero .hero-copy .lead{ animation: hero-rise 700ms var(--ease-out) 480ms backwards; }
.orbit-hero .hero-icons{ animation: none; }
.orbit-hero .hero-icons > a{ animation: hi-pop 520ms cubic-bezier(.3, 1.5, .5, 1) backwards; }
.orbit-hero .hero-icons > a:nth-child(1){ animation-delay: 620ms; }
.orbit-hero .hero-icons > a:nth-child(2){ animation-delay: 665ms; }
.orbit-hero .hero-icons > a:nth-child(3){ animation-delay: 710ms; }
.orbit-hero .hero-icons > a:nth-child(4){ animation-delay: 755ms; }
.orbit-hero .hero-icons > a:nth-child(5){ animation-delay: 800ms; }
.orbit-hero .hero-icons > a:nth-child(6){ animation-delay: 845ms; }
.orbit-hero .hero-icons > a:nth-child(7){ animation-delay: 890ms; }
.orbit-hero .hero-icons > a:nth-child(8){ animation-delay: 935ms; }
.orbit-hero .hero-icons > a:nth-child(9){ animation-delay: 980ms; }
@keyframes hi-pop{ from { opacity: 0; transform: scale(.5); } }
.orbit-hero .hero-copy .hero-cta{ animation: hero-rise 700ms var(--ease-out) 1000ms backwards; }
.orbit-hero .hero-ed{ animation: ed-rise 900ms cubic-bezier(.2, .8, .2, 1) 1150ms backwards; }
@keyframes ed-rise{ from { opacity: 0; transform: translateY(48px); } }
.orbit-hero .orbit{ animation: orb-in 1600ms cubic-bezier(.2, .8, .2, 1) 150ms backwards; }
@keyframes orb-in{ from { opacity: 0; transform: scale(.86); } }
@media (prefers-reduced-motion: reduce){ .orbit-hero .hl-l > span, .orbit-hero .hero-eb, .orbit-hero .hero-copy .lead, .orbit-hero .hero-icons > a, .orbit-hero .hero-copy .hero-cta, .orbit-hero .hero-ed, .orbit-hero .orbit { animation: none; } }
@media (max-width: 640px){ .orbit-hero .hk-dots, .orbit-hero .hk-pulse { -webkit-mask-image: radial-gradient(ellipse 240px 330px at 50% 330px, transparent 98%, #000 100%); mask-image: radial-gradient(ellipse 240px 330px at 50% 330px, transparent 98%, #000 100%); } }
.orbit-hero .hc{ font-weight: inherit; }
.orbit-hero .hw-sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.orbit-hero .hw{ display: inline-block; position: relative; vertical-align: bottom; height: 1.1em; overflow: hidden; transition: width 450ms cubic-bezier(.2, .8, .2, 1); }
.orbit-hero .hw > span{ display: inline-block; white-space: nowrap; }
.orbit-hero .h-hero[data-h="1"] .hw{ color: #6ee7c8; }
.orbit-hero .hw > span.is-out{ position: absolute; left: 0; top: 0; animation: hw-out 450ms cubic-bezier(.5, 0, .7, .4) forwards; }
.orbit-hero .hw > span.is-in{ animation: hw-in 520ms cubic-bezier(.2, .8, .2, 1) backwards; }
@keyframes hw-out{ to { transform: translateY(-100%); opacity: 0; } }
@keyframes hw-in{ from { transform: translateY(100%); opacity: 0; } }
.orbit-hero .hu{ position: relative; display: inline-block; }
.orbit-hero .hu-s{ display: none; position: absolute; left: 0; right: 0; bottom: -.08em; width: 100%; height: .22em; overflow: visible; }
.orbit-hero .hu-s path{ fill: none; stroke: #6ee7c8; stroke-width: 6; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 100; stroke-dashoffset: 100; }
.orbit-hero .h-hero[data-h="2"] .hu-s{ display: block; }
.orbit-hero .h-hero[data-h="2"].is-play .hu-s path{ animation: hu-draw 800ms cubic-bezier(.65, 0, .35, 1) 900ms forwards; }
@keyframes hu-draw{ to { stroke-dashoffset: 0; } }
.orbit-hero .h-hero[data-h="3"] .hc{ display: inline-block; padding: 0 .18em; margin: 0 .02em; border-radius: .16em; background: #6ee7c8; color: #0f3d3a; line-height: 1.05; }
.orbit-hero .h-hero[data-h="3"].is-play .hc{ animation: hc-pop 600ms cubic-bezier(.3, 1.6, .5, 1) 800ms backwards; }
@keyframes hc-pop{ from { transform: scale(.4) rotate(-8deg); opacity: 0; } }
.h-sw{ bottom: 68px !important; }
@media (max-width: 520px){ .h-sw { flex-wrap: wrap; max-width: calc(100vw - 32px); } }
@media (prefers-reduced-motion: reduce){ .orbit-hero .hw > span, .orbit-hero .hu-s path, .orbit-hero .hc { animation: none !important; } .orbit-hero .hu-s path { stroke-dashoffset: 0; } }
.top-bn{ position: relative; z-index: 46; background: var(--spring); color: var(--deep); }
.top-bn p{ margin: 0 auto; max-width: 1200px; padding: 10px 20px; font-family: "Geist", system-ui, sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; text-align: center; }
.top-bn a{ display: inline-flex; align-items: center; gap: 4px; margin-left: 8px; color: var(--deep); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.top-bn a svg{ transition: transform .2s ease; }
.top-bn a:hover svg{ transform: translateX(2px); }
@media (max-width: 640px){ .top-bn p { font-size: 13px; padding: 9px 16px; } .top-bn a { margin-left: 4px; } }
.top-bn{ background: #0f3d3a; color: var(--deep); padding: 12px var(--ss-pad) 0; }
.top-bn p{ max-width: calc(var(--ss-max) - 2 * var(--ss-pad)); background: var(--spring); border-radius: 12px; padding: 10px 24px; }
@media (max-width: 640px){ .top-bn { padding-top: 10px; } .top-bn p { padding: 9px 16px; border-radius: 10px; } }
.top-bn, header.nav{ --e: max(var(--ss-pad), calc((100% - var(--ss-max)) / 2 + var(--ss-pad))); --fl: rgba(255, 255, 255, .1); }
.top-bn, header.nav{ background-image: linear-gradient(90deg, transparent calc(var(--e) - 1px), var(--fl) calc(var(--e) - 1px), var(--fl) var(--e), transparent var(--e)), linear-gradient(90deg, transparent calc(100% - var(--e)), var(--fl) calc(100% - var(--e)), var(--fl) calc(100% - var(--e) + 1px), transparent calc(100% - var(--e) + 1px)); }
.top-bn{ padding-bottom: 12px; }
header.nav{ margin-bottom: -60px !important; box-shadow: 0 1px 0 var(--fl) !important; }
header.nav.is-solid, header.nav.ss-open{ --fl: var(--hairline); background-color: #fff; box-shadow: 0 1px 0 var(--hairline) !important; }
main > section.hero.orbit-hero{ padding-top: 120px !important; }
@media (min-width: 861px){main > section.hero.orbit-hero{ padding-top: 136px !important; }
}
.orbit-hero .hk-fade{ inset: 60px 0 0 !important; }
header.nav::before, header.nav::after{ content: ""; position: absolute; bottom: -4px; width: 7px; height: 7px; background: linear-gradient(var(--fm), var(--fm)) center / 7px 1px no-repeat, linear-gradient(var(--fm), var(--fm)) center / 1px 7px no-repeat; --fm: rgba(255, 255, 255, .45); pointer-events: none; z-index: 1; }
header.nav::before{ left: calc(var(--e) - 4px); }
header.nav::after{ right: calc(var(--e) - 4px); }
header.nav.is-solid::before, header.nav.is-solid::after, header.nav.ss-open::before, header.nav.ss-open::after{ --fm: rgba(15, 61, 58, .35); }
.nav-in{ height: 60px !important; }
.nav-si2{ display: none; }
@media (min-width:1101px){.nav-in{ display: grid !important; grid-template-columns: 1fr auto 1fr; gap: 24px; }
.nav-in .brand{ justify-self: start; }
.nav-in .links{ justify-self: center; gap: 4px !important; }
.nav-in .nav-right{ justify-self: end; display: flex; align-items: center; gap: 8px; }
.links .nav-signin{ display: none !important; }
.links > a,.links > .apm > .apm-b{ padding: 8px 12px; border-radius: 8px; font-size: 15px; transition: background-color .2s ease, color .3s ease; }
.links > a:hover,.links > .apm > .apm-b:hover{ background: rgba(255, 255, 255, .08); }
header.nav.is-solid .links > a:hover,header.nav.is-solid .links > .apm > .apm-b:hover{ background: rgba(15, 61, 58, .06); color: var(--obsidian) !important; }
.nav-si2{ display: inline-flex; align-items: center; height: 40px; padding: 0 12px; border-radius: 8px; color: #fff; font-size: 15px; font-weight: 500; text-decoration: none; transition: background-color .2s ease, color .3s ease; }
.nav-si2:hover{ background: rgba(255, 255, 255, .08); }
header.nav.is-solid .nav-si2{ color: var(--obsidian); }
header.nav.is-solid .nav-si2:hover{ background: rgba(15, 61, 58, .06); }
}
header.nav .nav-right .btn-go{ height: 40px; min-height: 40px; padding: 0 16px; border-radius: 8px; background: rgba(255, 255, 255, .1); color: #fff; box-shadow: none; font-size: 15px; font-weight: 500; transition: background-color .2s ease, color .3s ease; }
header.nav .nav-right .btn-go:hover{ background: rgba(255, 255, 255, .16); }
header.nav.is-solid .nav-right .btn-go, header.nav.ss-open .nav-right .btn-go{ background: rgba(15, 61, 58, .07); color: var(--obsidian); }
header.nav.is-solid .nav-right .btn-go:hover{ background: rgba(15, 61, 58, .12); }
@media (max-width:1100px){header.nav .nav-right .btn-go{ display: none; }
.menu-btn{ box-shadow: none !important; }
}
.orbit-hero .orbit{ top: 256px; }
.orbit-hero .hk-dots, .orbit-hero .hk-pulse{ -webkit-mask-image: radial-gradient(circle at 50% 320px, transparent var(--ring), #000 calc(var(--ring) + 1px)); mask-image: radial-gradient(circle at 50% 320px, transparent var(--ring), #000 calc(var(--ring) + 1px)); }
@media (max-width: 640px){ .orbit-hero .hk-dots, .orbit-hero .hk-pulse { -webkit-mask-image: radial-gradient(ellipse 240px 330px at 50% 338px, transparent 98%, #000 100%); mask-image: radial-gradient(ellipse 240px 330px at 50% 338px, transparent 98%, #000 100%); } }
@media (max-width: 640px){
  .top-bn, header.nav { background-image: none; }
  header.nav::before, header.nav::after { display: none; }
}
@media (max-width:1100px){header.nav.ss-open .nav-right{ display: flex; align-items: center; gap: 8px; }
header.nav.ss-open .nav-right .btn-go{ display: inline-flex; align-items: center; }
}
.top-bn{ background: var(--spring) !important; background-image: none !important; padding: 0 !important; }
.top-bn p{ max-width: 1200px; background: none !important; border-radius: 0 !important; padding: 10px 20px !important; }
@media (max-width: 640px){ .top-bn p { padding: 9px 16px !important; } }
:root{ --bn-h: 40px; }
@media (max-width: 640px){ :root { --bn-h: 58px; } }
.top-bn{ position: absolute; top: 0; left: 0; right: 0; z-index: 46; background: rgba(255, 255, 255, .07) !important; -webkit-backdrop-filter: blur(14px) saturate(1.4); backdrop-filter: blur(14px) saturate(1.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .88); }
.top-bn a{ color: var(--spring); text-decoration-color: rgba(110, 231, 200, .5); }
header.nav{ margin-top: var(--bn-h); margin-bottom: calc(-60px - var(--bn-h)) !important; }
main > section.hero.orbit-hero{ padding-top: calc(120px + var(--bn-h)) !important; }
@media (min-width: 861px){main > section.hero.orbit-hero{ padding-top: calc(136px + var(--bn-h)) !important; }
}
.orbit-hero .hk-fade{ inset: calc(60px + var(--bn-h)) 0 0 !important; }
.orbit-hero .orbit{ top: calc(256px + var(--bn-h)); }
.orbit-hero .hk-dots, .orbit-hero .hk-pulse{ -webkit-mask-image: radial-gradient(circle at 50% calc(320px + var(--bn-h)), transparent var(--ring), #000 calc(var(--ring) + 1px)); mask-image: radial-gradient(circle at 50% calc(320px + var(--bn-h)), transparent var(--ring), #000 calc(var(--ring) + 1px)); }
@media (max-width: 640px){ .orbit-hero .hk-dots, .orbit-hero .hk-pulse { -webkit-mask-image: radial-gradient(ellipse 240px 330px at 50% calc(338px + var(--bn-h)), transparent 98%, #000 100%); mask-image: radial-gradient(ellipse 240px 330px at 50% calc(338px + var(--bn-h)), transparent 98%, #000 100%); } }
header.nav:not(.is-solid):not(.ss-open){ --fl: transparent; box-shadow: none !important; }
header.nav:not(.is-solid):not(.ss-open)::before, header.nav:not(.is-solid):not(.ss-open)::after{ opacity: 0; }
header.nav::before, header.nav::after{ transition: opacity .3s ease; }
.top-bn{ background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)) !important; -webkit-backdrop-filter: blur(8px) saturate(1.1); backdrop-filter: blur(8px) saturate(1.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 -1px 0 rgba(255, 255, 255, .08); color: rgba(255, 255, 255, .78); }
.top-bn a{ color: #fff; text-decoration-color: rgba(255, 255, 255, .4); }
.c-sw{ bottom: 120px !important; }
.hero-ed[data-ct] .hp{ background: var(--ct-bg); box-shadow: var(--ct-ring); color: var(--ct-text); }
.hero-ed[data-ct] .hp *{ border-color: var(--ct-line) !important; }
.hero-ed[data-ct] .hp-l, .hero-ed[data-ct] .hp-st, .hero-ed[data-ct] .hp-res .ed-bar span:not(.ok-pill){ color: var(--ct-muted); }
.hero-ed[data-ct] pre, .hero-ed[data-ct] code, .hero-ed[data-ct] .ln{ color: var(--ct-text); }
.hero-ed[data-ct] .ln i{ color: var(--ct-ln); }
.hero-ed[data-ct] .ed-tabs{ background: var(--ct-tabs); }
.hero-ed[data-ct] .ed-tabs button{ color: var(--ct-muted); }
.hero-ed[data-ct] .ed-tabs button[aria-selected="true"]{ background: var(--ct-tab-on); color: var(--ct-tab-on-c); }
.hero-ed[data-ct] .ed-copy{ background: var(--ct-btn); color: var(--ct-btn-c); }
.hero-ed[data-ct] .hp-runbtn, .hero-ed[data-ct] .ok-pill{ background: var(--ct-chip); color: var(--ct-chip-c); }
.hero-ed[data-ct] .hp-runbtn svg{ color: var(--ct-chip-c); }
.hero-ed[data-ct] .tf{ color: var(--ct-fn); }
.hero-ed[data-ct] .ck2{ color: var(--ct-kw); }
.hero-ed[data-ct] .cs, .hero-ed[data-ct] .s{ color: var(--ct-str); }
.hero-ed[data-ct] .tu{ color: var(--ct-punc); }
.hero-ed[data-ct] .tp, .hero-ed[data-ct] .k{ color: var(--ct-key); }
.hero-ed[data-ct] .n{ color: var(--ct-num); }
.hero-ed[data-ct="mint"]{ --ct-bg: #f1faf6; --ct-ring: 0 0 0 1px #cdeee4, 0 30px 60px -36px rgba(0, 0, 0, .5); --ct-text: #171717; --ct-muted: #4f6a63; --ct-line: #d6efe7; --ct-ln: #8fb3aa; --ct-tabs: #e2f5ee; --ct-tab-on: #fff; --ct-tab-on-c: #0e8a72; --ct-btn: #0f3d3a; --ct-btn-c: #fff; --ct-chip: #dcf3eb; --ct-chip-c: #0f3d3a; --ct-fn: #1f5fbf; --ct-kw: #7a3fc4; --ct-str: #1a7f4b; --ct-punc: #5f736d; --ct-key: #0b7285; --ct-num: #c4281c; }
.hero-ed[data-ct="glass"] .hp{ -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); }
.hero-ed[data-ct="glass"]{ --ct-bg: rgba(255, 255, 255, .06); --ct-ring: inset 0 1px 0 rgba(255, 255, 255, .14), 0 0 0 1px rgba(255, 255, 255, .12), 0 30px 60px -30px rgba(0, 0, 0, .5); --ct-text: #eef5f3; --ct-muted: rgba(255, 255, 255, .62); --ct-line: rgba(255, 255, 255, .1); --ct-ln: rgba(255, 255, 255, .32); --ct-tabs: rgba(255, 255, 255, .06); --ct-tab-on: rgba(255, 255, 255, .14); --ct-tab-on-c: #fff; --ct-btn: rgba(255, 255, 255, .14); --ct-btn-c: #fff; --ct-chip: rgba(110, 231, 200, .14); --ct-chip-c: #8ff0d6; }
.hero-ed[data-ct="deep"]{ --ct-bg: #0a2c2a; --ct-ring: 0 0 0 1px rgba(255, 255, 255, .1), 0 30px 60px -30px rgba(0, 0, 0, .6); --ct-text: #e3f1ed; --ct-muted: rgba(255, 255, 255, .58); --ct-line: rgba(255, 255, 255, .08); --ct-ln: rgba(255, 255, 255, .28); --ct-tabs: rgba(255, 255, 255, .05); --ct-tab-on: rgba(20, 201, 160, .16); --ct-tab-on-c: #6ee7c8; --ct-btn: #14c9a0; --ct-btn-c: #0f3d3a; --ct-chip: rgba(20, 201, 160, .14); --ct-chip-c: #6ee7c8; }
.hero-ed[data-ct="charcoal"]{ --ct-bg: #161818; --ct-ring: 0 0 0 1px rgba(255, 255, 255, .09), 0 30px 60px -30px rgba(0, 0, 0, .7); --ct-text: #e7e9e8; --ct-muted: rgba(255, 255, 255, .55); --ct-line: rgba(255, 255, 255, .08); --ct-ln: rgba(255, 255, 255, .26); --ct-tabs: rgba(255, 255, 255, .05); --ct-tab-on: rgba(255, 255, 255, .1); --ct-tab-on-c: #fff; --ct-btn: #14c9a0; --ct-btn-c: #0f3d3a; --ct-chip: rgba(20, 201, 160, .14); --ct-chip-c: #6ee7c8; }
.hero-ed[data-ct="glass"], .hero-ed[data-ct="deep"], .hero-ed[data-ct="charcoal"]{ --ct-fn: #ffffff; --ct-kw: #6ee7c8; --ct-str: #a7f3d0; --ct-punc: rgba(255, 255, 255, .45); --ct-key: #5fd4b4; --ct-num: #e6fff7; }
.c-sw button, .c-sw span{ white-space: nowrap; }
@media (max-width: 640px){ .c-sw { bottom: 176px !important; right: 16px; flex-wrap: wrap; } }
header.nav .brand{ gap: 12px !important; }
header.nav .brand svg{ width: 36px !important; height: 36px !important; }
header.nav .brand .wm{ font-size: 23px !important; letter-spacing: -0.03em !important; }
@media (max-width: 640px){ header.nav .brand { gap: 10px !important; } header.nav .brand svg { width: 32px !important; height: 32px !important; } header.nav .brand .wm { font-size: 20px !important; } }
header.nav .brand{ gap: 11px !important; }
header.nav .brand svg{ width: 33px !important; height: 33px !important; }
header.nav .brand .wm{ font-size: 21px !important; }
@media (max-width: 640px){ header.nav .brand svg { width: 30px !important; height: 30px !important; } header.nav .brand .wm { font-size: 19px !important; } }
.nav-pill{ display: none; }
@media (min-width:1101px){header.nav .links{ position: relative; }
.nav-pill{ display: block; position: absolute; top: 50%; left: 0; width: 0; height: 36px; margin-top: -18px; border-radius: 999px; background: rgba(255, 255, 255, .1); opacity: 0; pointer-events: none; z-index: 0; transition: left .28s cubic-bezier(.2, .8, .2, 1), width .28s cubic-bezier(.2, .8, .2, 1), opacity .15s ease-out, background-color .3s ease; }
.nav-pill.on{ opacity: 1; }
.nav-pill.no-slide{ transition: opacity .15s ease-out, background-color .3s ease; }
header.nav.is-solid .nav-pill{ background: rgba(15, 61, 58, .07); }
header.nav .links > a,header.nav .links > .apm > .apm-b{ position: relative; z-index: 1; border-radius: 999px; color: rgba(255, 255, 255, .72); }
header.nav .links > a:hover,header.nav .links > .apm > .apm-b:hover,header.nav .links > a:focus-visible,header.nav .links > .apm > .apm-b:focus-visible,header.nav .links > .apm > .apm-b[aria-expanded="true"]{ background: transparent !important; color: #fff; }
header.nav.is-solid .links > a,header.nav.is-solid .links > .apm > .apm-b{ color: var(--stone) !important; }
header.nav.is-solid .links > a:hover,header.nav.is-solid .links > .apm > .apm-b:hover,header.nav.is-solid .links > .apm > .apm-b[aria-expanded="true"]{ color: var(--obsidian) !important; background: transparent !important; }
}
.mm-t, .mm{ display: none; }
@media (min-width: 861px){@keyframes mm-row{ from { opacity: 0; transform: translateY(5px); } }
}
@media (min-width:1101px){header.nav .links .apm,header.nav .links > a[href$="/contact"]{ display: none !important; }
header.nav .links > .mm-t{ order: 0; }
header.nav .links > a[href$="/docs"]{ order: 1; }
header.nav .links > a[href$="/pricing"]{ order: 2; }
.mm-t{ display: inline-flex; align-items: center; gap: 4px; position: relative; z-index: 1; padding: 8px 12px; border: 0; border-radius: 999px; background: none; font: inherit; font-size: 15px; font-weight: 500; color: rgba(255, 255, 255, .72); cursor: pointer; transition: color .2s ease; }
.mm-t svg{ transition: transform .25s cubic-bezier(.22, 1, .36, 1); opacity: .8; }
.mm-t:hover,.mm-t[aria-expanded="true"]{ color: #fff; }
.mm-t[aria-expanded="true"] svg{ transform: rotate(180deg); }
header.nav.is-solid .mm-t{ color: var(--stone); }
header.nav.is-solid .mm-t:hover,header.nav.is-solid .mm-t[aria-expanded="true"]{ color: var(--obsidian); }
header.nav.mm-open .nav-pill{ opacity: 1; }
.mm{ display: block; position: absolute; top: calc(100% - 6px); left: 50%; width: min(1000px, calc(100vw - 2 * var(--ss-pad))); translate: -50% 0; z-index: 70; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-6px) scale(.985); transform-origin: 50% 0; transition: opacity .18s ease-out, transform .3s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .3s; }
.mm::before{ content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px; }
.mm.open{ opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition: opacity .18s ease-out, transform .3s cubic-bezier(.22, 1, .36, 1), visibility 0s; }
.mm-box{ position: relative; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(15, 61, 58, .1), 0 24px 60px -24px rgba(5, 30, 28, .45), 0 8px 20px -12px rgba(5, 30, 28, .25); transition: height .3s cubic-bezier(.22, 1, .36, 1); }
.mm-box.no-anim{ transition: none; }
.mm-p{ position: absolute; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(var(--dx, 0)); transition: opacity .2s ease, transform .3s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .3s; color: var(--obsidian); text-align: left; }
.mm-p.on{ opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition: opacity .22s ease .04s, transform .3s cubic-bezier(.22, 1, .36, 1), visibility 0s; }
.mm-p.out{ visibility: visible; opacity: 0; transform: translateX(var(--dx, 0)); transition: opacity .14s ease, transform .3s cubic-bezier(.22, 1, .36, 1); }
.mm-cols{ display: grid; gap: 8px 28px; padding: 24px 28px 18px; }
.mm-cols.c3{ grid-template-columns: 1fr 1.25fr 1fr; }
.mm-cols.c2w{ grid-template-columns: 2fr 1fr; }
.mm-cols.c2{ grid-template-columns: 1fr 1fr; }
.mm-h{ margin: 0 0 8px 10px; font-size: 13px; font-weight: 500; color: var(--stone); }
.mm-col ul{ list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.mm-col ul.g2{ grid-template-columns: 1fr 1fr; column-gap: 8px; }
.mm-i{ display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; color: var(--obsidian); text-decoration: none; transition: background-color .15s ease; }
.mm-i:hover,.mm-i:focus-visible{ background: var(--mint); }
.mm-i .ptile,.mm-ic{ width: 32px; height: 32px; border-radius: 9px; background: var(--mint); color: var(--sea); display: inline-flex; align-items: center; justify-content: center; flex: none; transition: background-color .15s ease, color .15s ease; }
.mm-i .ptile svg{ width: 16px; height: 16px; }
.mm-i:hover .ptile,.mm-i:hover .mm-ic{ background: var(--deep); color: #fff; }
.mm-tx{ display: flex; flex-direction: column; min-width: 0; }
.mm-tt{ font-size: 14px; font-weight: 500; line-height: 20px; }
.mm-sub{ font-size: 13px; line-height: 18px; color: var(--stone); }
.mm-foot{ display: flex; justify-content: space-between; align-items: center; padding: 12px 28px; border-top: 1px solid var(--hairline); background: #fafcfb; font-size: 13px; }
.mm-more,.mm-mail{ display: inline-flex; align-items: center; gap: 6px; color: var(--sea); font-weight: 500; text-decoration: none; }
.mm-mail{ color: var(--stone); font-weight: 400; }
.mm-more svg{ transition: transform .2s ease; }
.mm-more:hover svg{ transform: translateX(3px); }
.mm-more:hover,.mm-mail:hover{ color: var(--deep); }
.mm.open .mm-p.on [data-r]{ animation: mm-row .38s cubic-bezier(.22, 1, .36, 1) both; animation-delay: calc(var(--i) * 18ms); }
}
@media (prefers-reduced-motion: reduce){ .mm, .mm-box, .mm-p { transition: none !important; } .mm.open .mm-p.on [data-r] { animation: none !important; } }
@media (min-width:1101px){header.nav .mm-p{ padding: 0 !important; margin: 0 !important; border: 0 !important; min-height: 0 !important; background: none !important; }
}
a.top-bn{ display: block; text-decoration: none; background: #111414 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .06) !important; color: rgba(255, 255, 255, .92) !important; transition: background-color .2s ease; }
a.top-bn:hover{ background: #171b1a !important; }
a.top-bn p{ display: flex; align-items: center; justify-content: center; gap: 10px; text-shadow: none; }
.px-bot{ flex: none; image-rendering: pixelated; overflow: visible; }
.px-body{ animation: px-bob 1s steps(1) infinite; }
.px-fb{ opacity: 0; }
.px-fa{ animation: px-a 4s steps(1) infinite; }
.px-fb{ animation: px-b 4s steps(1) infinite; }
.px-blink{ opacity: 0; animation: px-blink 3.3s steps(1) infinite; }
@keyframes px-bob{ 0% { transform: translateY(0); } 50% { transform: translateY(-1px); } }
@keyframes px-a{ 0% { opacity: 1; } 55% { opacity: 0; } 65% { opacity: 1; } 75% { opacity: 0; } 85% { opacity: 1; } }
@keyframes px-b{ 0% { opacity: 0; } 55% { opacity: 1; } 65% { opacity: 0; } 75% { opacity: 1; } 85% { opacity: 0; } }
@keyframes px-blink{ 0% { opacity: 0; } 92% { opacity: 1; } 96% { opacity: 0; } }
@media (max-width: 640px){ a.top-bn p { gap: 8px; } .px-bot { width: 20px; height: 20px; } }
@media (prefers-reduced-motion: reduce){ .px-body, .px-fa, .px-fb, .px-blink { animation: none !important; } }
a.top-bn{ background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)) !important; -webkit-backdrop-filter: blur(8px) saturate(1.1) !important; backdrop-filter: blur(8px) saturate(1.1) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 -1px 0 rgba(255, 255, 255, .08) !important; color: rgba(255, 255, 255, .9) !important; }
a.top-bn:hover{ background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03)) !important; }
.px-coin{ flex: none; display: block; margin-left: 2px; animation: pc-bob 1.6s steps(1) infinite; }
.px-coin .pc1, .px-coin .pc2, .px-coin .pc3{ opacity: 0; }
.px-coin .pc1{ animation: pc-f1 1.2s steps(1) infinite; }
.px-coin .pc2{ animation: pc-f2 1.2s steps(1) infinite; }
.px-coin .pc3{ animation: pc-f3 1.2s steps(1) infinite; }
.px-coin .pc-sp{ opacity: 0; animation: pc-sp 1.2s steps(1) infinite; }
@keyframes pc-f1{ 0% { opacity: 1; } 16.6% { opacity: 0; } 83.3% { opacity: 1; } }
@keyframes pc-f2{ 0% { opacity: 0; } 16.6% { opacity: 1; } 33.3% { opacity: 0; } 66.6% { opacity: 1; } 83.3% { opacity: 0; } }
@keyframes pc-f3{ 0% { opacity: 0; } 33.3% { opacity: 1; } 66.6% { opacity: 0; } }
@keyframes pc-sp{ 0% { opacity: 1; } 8% { opacity: 0; } }
@keyframes pc-bob{ 0% { transform: translateY(0); } 50% { transform: translateY(-1px); } }
@media (prefers-reduced-motion: reduce){ .px-coin, .px-coin .pc2, .px-coin .pc3, .px-coin .pc-sp { animation: none !important; } .px-coin .pc1 { animation: none !important; opacity: 1; } }
.px-coin{ width: 22px; height: 22px; }
@media (max-width: 640px){ a.top-bn p { gap: 6px !important; font-size: 12px !important; padding-left: 10px !important; padding-right: 10px !important; letter-spacing: -.005em; } .px-coin { width: 16px; height: 16px; margin-left: 0; } .px-bot { width: 18px; height: 18px; } }
.px-coin{ width: 21px; height: 22px; overflow: visible; animation: none; }
.px-coin .pc-st{ animation: pc-hop 2.4s steps(1) infinite; }
.px-coin .pc-gl{ opacity: 0; animation: pc-gl 2.4s steps(1) infinite; }
.px-coin .pc-sp{ opacity: 0; animation: pc-sp2 2.4s steps(1) infinite; }
@keyframes pc-hop{ 0% { transform: translateY(0); } 70% { transform: translateY(-1px); } 80% { transform: translateY(0); } }
@keyframes pc-gl{ 0% { opacity: 0; } 70% { opacity: 1; } 88% { opacity: 0; } }
@keyframes pc-sp2{ 0% { opacity: 0; } 74% { opacity: 1; } 84% { opacity: 0; } }
@media (max-width: 640px){ .px-coin { width: 16px; height: 17px; } }
@media (prefers-reduced-motion: reduce){ .px-coin .pc-st, .px-coin .pc-gl, .px-coin .pc-sp { animation: none !important; } }
.px-coin{ width: 26px; height: 28px; margin-top: -3px; }
@media (max-width: 640px){ .px-coin { width: 19px; height: 20px; margin-top: -2px; } }
.sp{ position: relative; z-index: 3; max-width: 1000px; margin: 72px auto 0; padding: 0 24px; }
.sp-v{ display: none; align-items: center; justify-content: center; gap: 12px 28px; flex-wrap: wrap; text-align: center; }
.sp[data-sp="1"] .sp-1, .sp[data-sp="2"] .sp-2, .sp[data-sp="3"] .sp-3{ display: flex; }
.sp-k{ margin: 0; font-size: 15px; line-height: 22px; color: rgba(255, 255, 255, .72); }
.sp-k a{ color: #fff; text-decoration: underline; text-decoration-color: rgba(110, 231, 200, .5); text-underline-offset: 3px; }
.sp-names{ display: flex; align-items: center; gap: 8px 36px; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; list-style: none; }
.sp-names li{ font-family: "DM Sans", system-ui, sans-serif; font-size: 22px; font-weight: 600; letter-spacing: -.02em; color: rgba(255, 255, 255, .86); }
.sp-1{ flex-direction: column; gap: 14px; }
.sp-link{ display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 8px; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); color: #fff; font-size: 14px; font-weight: 500; text-decoration: none; white-space: nowrap; }
.sp-link:hover{ background: rgba(255, 255, 255, .12); }
.sp-link svg{ color: #6ee7c8; }
.sp-3{ justify-content: space-between; text-align: left; padding: 20px 24px; border-radius: 14px; background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
.sp-3 > div{ flex: 1 1 380px; }
.sp-e{ margin: 0 0 4px; font-size: 13px; font-weight: 500; color: #6ee7c8; }
.sp-3 .sp-k{ color: rgba(255, 255, 255, .86); }
.sp-sw{ left: auto !important; right: 16px; bottom: 16px !important; }
@media (max-width: 860px){.sp-sw{ right: auto; left: 16px !important; bottom: 120px !important; }
}
@media (max-width: 640px){ .sp { margin-top: 48px; padding: 0 16px; } .sp-names { gap: 8px 22px; } .sp-names li { font-size: 18px; } .sp-k { font-size: 14px; } .sp-3 { padding: 16px; } }
@media (max-width: 520px){ .sp-sw { flex-wrap: wrap; max-width: calc(100vw - 32px); bottom: 172px !important; } }
.sp-sw{ position: fixed; z-index: 60; display: flex; align-items: center; gap: 4px; padding: 4px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px var(--hairline), 0 8px 20px -12px rgba(15, 61, 58, .4); font-size: 13px; }
.sp-sw span{ padding: 0 8px; color: var(--stone); }
.sp-sw button{ padding: 5px 10px; border: 0; border-radius: 5px; background: none; color: var(--charcoal); font: inherit; cursor: pointer; }
.sp-sw button[aria-pressed="true"]{ background: var(--deep); color: #fff; }
.sp-1, .sp-2, .sp-3{ flex-direction: column; gap: 18px; padding: 0; border-radius: 0; background: none; box-shadow: none; text-align: center; justify-content: center; }
.sp-k{ display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: center; color: rgba(255, 255, 255, .78); }
.sp-stars{ display: inline-flex; gap: 2px; color: #6ee7c8; }
.sp-tag{ padding: 2px 8px; border-radius: 999px; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); color: rgba(255, 255, 255, .6); font-size: 12px; line-height: 16px; font-weight: 500; }
.sp-rvs{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; width: 100%; }
.sp-rv{ margin: 0; padding: 16px 18px; border-radius: 12px; background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); text-align: left; }
.sp-rv blockquote{ margin: 10px 0 8px; color: #fff; font-size: 15px; line-height: 22px; }
.sp-rv figcaption{ color: rgba(255, 255, 255, .55); font-size: 13px; }
.sp-aws{ display: flex; gap: 16px 40px; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; list-style: none; }
.sp-aw{ display: flex; align-items: center; gap: 6px; color: #6ee7c8; }
.sp-aw span{ display: flex; flex-direction: column; line-height: 1.2; }
.sp-aw b{ font-family: "DM Sans", system-ui, sans-serif; font-size: 15px; font-weight: 600; color: #fff; }
.sp-aw em{ font-style: normal; font-size: 12px; color: rgba(255, 255, 255, .6); }
.sp-lr-r{ transform: scaleX(-1); }
.sp-lgs{ display: flex; align-items: center; gap: 12px 44px; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; list-style: none; }
.sp-lg{ font-family: "DM Sans", system-ui, sans-serif; font-size: 22px; letter-spacing: -.02em; color: rgba(255, 255, 255, .62); }
.sp-lg.w5{ font-weight: 500; }
.sp-lg.w6s{ font-weight: 600; font-style: italic; }
.sp-lg.w7{ font-weight: 700; }
.sp-lg.w8{ font-weight: 800; letter-spacing: .06em; font-size: 18px; }
@media (max-width: 860px){.sp-rvs{ grid-template-columns: 1fr; }
.sp-rv:nth-child(n+2){ display: none; }
}
@media (max-width: 640px){ .sp-lgs { gap: 10px 24px; } .sp-lg { font-size: 18px; } .sp-lg.w8 { font-size: 15px; } .sp-aws { gap: 14px 20px; } }
.sp{ padding-bottom: 56px; }
@media (max-width: 640px){ .sp { padding-bottom: 40px; } }
.sp-sum{ display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
.sp-avs{ display: flex; }
.sp-avs .sp-av{ width: 30px; height: 30px; font-size: 11px; box-shadow: 0 0 0 2px #0f3d3a; }
.sp-avs .sp-av + .sp-av{ margin-left: -8px; }
.sp-sum-t{ display: inline-flex; align-items: center; gap: 10px; color: rgba(255, 255, 255, .72); font-size: 15px; }
.sp-sum-t b{ color: #fff; font-weight: 600; }
.sp-av{ display: inline-grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%; font-family: "DM Sans", system-ui, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .02em; }
.sp-av-a{ background: #6ee7c8; color: #0f3d3a; }
.sp-av-b{ background: #14c9a0; color: #06372f; }
.sp-av-c{ background: #e6fff7; color: #0e8a72; }
.sp-rvs{ gap: 14px; }
.sp-rv{ display: flex; flex-direction: column; padding: 22px 22px 18px; border-radius: 14px; background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .025)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), inset 0 1px 0 rgba(255, 255, 255, .08); }
.sp-q{ color: rgba(110, 231, 200, .55); }
.sp-rv blockquote{ flex: 1; margin: 14px 0 20px; font-family: "DM Sans", system-ui, sans-serif; font-size: 18px; line-height: 26px; letter-spacing: -.01em; color: rgba(255, 255, 255, .9); }
.sp-rv mark{ background: none; color: #6ee7c8; }
.sp-rv figcaption{ display: flex; align-items: center; gap: 10px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .08); }
.sp-who{ display: flex; flex-direction: column; flex: 1; min-width: 0; line-height: 1.25; }
.sp-who b{ color: #fff; font-size: 14px; font-weight: 600; }
.sp-who em{ font-style: normal; color: rgba(255, 255, 255, .55); font-size: 13px; }
.sp-rv figcaption .sp-stars{ gap: 1px; }
.sp-rv:hover{ box-shadow: inset 0 0 0 1px rgba(110, 231, 200, .3), inset 0 1px 0 rgba(255, 255, 255, .08); }
@media (max-width: 640px){ .sp-rv blockquote { font-size: 16px; line-height: 24px; } .sp-sum-t { font-size: 14px; } }
.sp-avs .sp-av{ width: 28px; height: 28px; font-size: 10px; }
.sp-avs .sp-av + .sp-av{ margin-left: -3px; }
.sp-rv{ background: rgba(255, 255, 255, .045); }
@media (max-width: 640px){ .sp-avs { display: none; } }
.sp-shot{ flex: 1; display: flex; align-items: center; margin: 14px 0 20px; }
.sp-shot img{ display: block; width: 100%; max-width: 338px; height: auto; border-radius: 8px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .1), 0 12px 24px -16px rgba(0, 0, 0, .6); }
.sp[data-sp="4"] .sp-4{ display: flex; }
.sp-4{ flex-direction: column; align-items: center; gap: 22px; text-align: center; }
.sp-ftop{ display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: center; color: rgba(255, 255, 255, .72); font-size: 15px; }
.sp-ftop b{ color: #fff; font-weight: 600; }
.sp-fts{ display: grid; width: 100%; max-width: 760px; }
.sp-ft{ grid-area: 1 / 1; margin: 0; opacity: 0; transform: translateY(8px); transition: opacity .45s ease, transform .45s ease; pointer-events: none; }
.sp-ft.on{ opacity: 1; transform: none; pointer-events: auto; }
.sp-ft blockquote{ margin: 0; font-family: "DM Sans", system-ui, sans-serif; font-size: 30px; line-height: 38px; font-weight: 500; letter-spacing: -.02em; color: #fff; text-wrap: balance; }
.sp-ft blockquote::before{ content: "\201C"; }
.sp-ft blockquote::after{ content: "\201D"; }
.sp-ft mark{ background: none; color: #6ee7c8; }
.sp-ft figcaption{ margin-top: 14px; font-size: 14px; color: rgba(255, 255, 255, .6); }
.sp-ft figcaption b{ color: #fff; font-weight: 600; margin-right: 8px; }
.sp-tbs{ position: relative; display: flex; gap: 10px; padding-bottom: 12px; }
.sp-tb{ padding: 0; border: 0; border-radius: 50%; background: none; cursor: pointer; opacity: .45; transition: opacity .2s, transform .2s; }
.sp-tb:hover{ opacity: .8; }
.sp-tb.on{ opacity: 1; transform: scale(1.08); }
.sp-tb .sp-av{ width: 36px; height: 36px; }
.sp-tb.on .sp-av{ box-shadow: 0 0 0 2px #0f3d3a, 0 0 0 4px #6ee7c8; }
.sp-bar{ position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 2px; background: rgba(255, 255, 255, .1); overflow: hidden; }
.sp-bar i{ display: block; height: 100%; width: 0; background: #6ee7c8; }
.sp-bar i.run{ animation: sp-bar 6s linear forwards; }
.sp-4:hover .sp-bar i.run{ animation-play-state: paused; }
@keyframes sp-bar{ to { width: 100%; } }
@media (max-width: 640px){ .sp-ft blockquote { font-size: 22px; line-height: 30px; } .sp-ftop { font-size: 14px; } }
@media (prefers-reduced-motion: reduce){ .sp-ft { transition: none; } .sp-bar { display: none; } }
.hero .lead{ max-width: 30em !important; margin-left: auto !important; margin-right: auto !important; text-wrap: balance; }
.hero .lead{ max-width: 46em !important; text-wrap: initial; }
@media (min-width: 761px){ .hero .lead span { display: block; } }
.sp[data-sp="5"] .sp-5{ display: flex; }
.sp-5{ flex-direction: column; align-items: center; gap: 14px; }
.sp-row{ display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); width: 100%; border-radius: 14px; background: rgba(255, 255, 255, .045); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); overflow: hidden; }
.sp-row > * + *{ box-shadow: inset 1px 0 0 rgba(255, 255, 255, .1); }
.sp-rv5{ padding: 22px 24px; border-radius: 0; background: none !important; box-shadow: none !important; }
.sp-rv5 blockquote{ margin: 10px 0 14px; font-size: 17px; line-height: 25px; }
.sp-rv5 figcaption{ padding-top: 0; border-top: 0; }
.sp-st{ display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 22px 20px; text-align: left; }
.sp-st b{ font-family: "DM Sans", system-ui, sans-serif; font-size: 34px; line-height: 1; font-weight: 600; letter-spacing: -.03em; color: #fff; }
.sp-st span{ font-size: 14px; color: rgba(255, 255, 255, .6); }
@media (max-width: 860px){.sp-row{ grid-template-columns: repeat(3, 1fr); }
.sp-rv5{ grid-column: 1 / -1; }
.sp-row > .sp-st{ box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); }
.sp-row > .sp-st + .sp-st{ box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 1px 0 0 rgba(255, 255, 255, .1); }
}
@media (max-width: 640px){ .sp-st { padding: 16px 12px; } .sp-st b { font-size: 24px; } .sp-st span { font-size: 12px; } .sp-rv5 { padding: 18px; } }
.sp-bento{ display: grid; grid-template-columns: 1.35fr 1fr 1.35fr 1fr; gap: 12px; width: 100%; }
.sp-b{ display: flex; flex-direction: column; margin: 0; padding: 20px; border-radius: 14px; background: rgba(255, 255, 255, .045); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); text-align: left; }
.sp-b-rv blockquote{ flex: 1; margin: 10px 0 16px; font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .92); }
.sp-b-rv mark{ background: none; color: #6ee7c8; }
.sp-b-rv figcaption{ display: flex; align-items: center; gap: 10px; }
.sp-b-rv .sp-av{ width: 30px; height: 30px; font-size: 11px; }
.sp-b-st{ justify-content: space-between; gap: 10px; }
.sp-b-l{ font-size: 13px; color: rgba(255, 255, 255, .6); }
.sp-b-st b{ font-family: "DM Sans", system-ui, sans-serif; font-size: 40px; line-height: 1; font-weight: 600; letter-spacing: -.03em; color: #fff; }
.sp-ticks{ display: grid; grid-template-columns: repeat(30, 1fr); gap: 2px; height: 22px; }
.sp-ticks i{ border-radius: 2px; background: #14c9a0; }
.sp-ticks i.dip{ background: rgba(255, 255, 255, .22); }
.sp-b-mint{ background: #6ee7c8; box-shadow: none; }
.sp-b-mint .sp-b-l{ color: rgba(15, 61, 58, .7); }
.sp-b-mint b{ color: #0f3d3a; }
.sp-b-n{ display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; color: #0f3d3a; }
@media (max-width: 960px){ .sp-bento { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px){
  .sp-bento { grid-template-columns: 1fr 1fr; gap: 10px; }
  .sp-b-rv { grid-column: 1 / -1; }
  .sp-b-rv:nth-of-type(2) { display: none; }
  .sp-bento > :nth-child(2) { order: 2; } .sp-bento > :nth-child(4) { order: 3; } .sp-bento > :nth-child(3) { display: none; }
  .sp-b { padding: 16px; } .sp-b-st b { font-size: 30px; }
}
header.nav{ transition: background-color .35s ease, box-shadow .35s ease, -webkit-backdrop-filter .35s ease, backdrop-filter .35s ease; }
header.nav.is-glass:not(.ss-open){ --fl: rgba(255, 255, 255, .1); background-color: rgba(10, 42, 40, .42); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3); box-shadow: 0 1px 0 rgba(255, 255, 255, .1) !important; }
header.nav.is-glass:not(.ss-open)::before, header.nav.is-glass:not(.ss-open)::after{ opacity: 1; }
header.nav.is-solid:not(.ss-open){ background-color: rgba(255, 255, 255, .66) !important; -webkit-backdrop-filter: blur(16px) saturate(1.6); backdrop-filter: blur(16px) saturate(1.6); box-shadow: 0 1px 0 rgba(15, 61, 58, .08) !important; }
header.nav.is-glass:not(.ss-open){ background-color: rgba(10, 42, 40, .64); -webkit-backdrop-filter: blur(20px) saturate(1.3); backdrop-filter: blur(20px) saturate(1.3); }
header.nav.is-solid:not(.ss-open){ background-color: rgba(255, 255, 255, .82) !important; -webkit-backdrop-filter: blur(20px) saturate(1.6); backdrop-filter: blur(20px) saturate(1.6); }
.orbit-hero .btn.hero-btn{ min-width: 300px; min-height: 62px; padding: 0 36px; border-radius: 12px; font-size: 18px; font-weight: 600; }
@media (max-width: 640px){ .orbit-hero .btn.hero-btn { min-width: 0; min-height: 60px; } }
a.top-bn{ overflow: hidden; }
.bn-sheen{ position: absolute; inset: 0; pointer-events: none; background: linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, .12) 50%, transparent 65%); transform: translateX(-100%); }
a.top-bn:hover .bn-sheen{ animation: bn-sheen .9s ease-out; }
@keyframes bn-sheen{ to { transform: translateX(100%); } }
.px-coin .pc-d{ opacity: 0; }
a.top-bn:hover .px-coin .pc-d1{ animation: pc-drop .55s steps(6) .05s both; }
a.top-bn:hover .px-coin .pc-d2{ animation: pc-drop .55s steps(6) .32s both; }
@keyframes pc-drop{ 0% { opacity: 1; transform: translateY(-14px); } 85% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(1px); } }
a.top-bn:hover .px-coin .pc-st{ animation: pc-land .9s steps(1) both; }
@keyframes pc-land{ 0% { transform: none; } 50% { transform: translateY(1px); } 58% { transform: none; } 80% { transform: translateY(1px); } 88% { transform: none; } }
a.top-bn:hover .px-coin .pc-sp{ animation: pc-sp3 .9s steps(1) both; }
@keyframes pc-sp3{ 0% { opacity: 0; } 55% { opacity: 1; } 68% { opacity: 0; } 85% { opacity: 1; } 98% { opacity: 0; } }
a.top-bn:hover .px-body{ animation: px-hop .5s steps(4) 2; }
@keyframes px-hop{ 0%, 100% { transform: none; } 50% { transform: translateY(-2px); } }
a.top-bn:hover .px-fa{ animation: none; opacity: 0; }
a.top-bn:hover .px-fb{ animation: none; opacity: 1; }
a.top-bn p > span{ transition: transform .25s ease; }
a.top-bn:hover p > span{ transform: translateX(2px); }
@media (prefers-reduced-motion: reduce){ a.top-bn:hover .bn-sheen, a.top-bn:hover .px-coin .pc-d, a.top-bn:hover .px-coin .pc-st, a.top-bn:hover .px-coin .pc-sp, a.top-bn:hover .px-body { animation: none !important; } }
.orbit-hero .hero-copy .hero-cta{ display: flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap; }
.orbit-hero .hero-copy .hero-cta .btn{ margin: 0; }
.orbit-hero .btn.hero-btn.hero-btn2{ display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 220px; min-height: 62px; padding: 0 32px; border-radius: 12px; font-size: 18px; font-weight: 600; color: #fff; background: transparent; border: 0; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.45); text-decoration: none; transition: box-shadow .2s, background-color .2s; }
.orbit-hero .btn.hero-btn.hero-btn2:hover{ background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.8); }
@media (max-width: 640px){
  .orbit-hero .hero-copy .hero-cta { flex-direction: column; align-items: stretch; gap: 12px; }
  .orbit-hero .btn.hero-btn, .orbit-hero .btn.hero-btn.hero-btn2 { width: 100%; min-width: 0; min-height: 58px; }
}
.gx-t p{ color: #787878; }
.gx-t b{ font-weight: 700; color: #0a1f1d; letter-spacing: -.025em; }
.uc2-b{ color: #8a8a8a; }
.uc2-i{ transition: background-color .2s, box-shadow .2s; }
.uc2-i.is-on{ background: #fff; box-shadow: inset 3px 0 0 var(--sea); }
.uc2-i.is-on .uc2-b{ color: #0a1f1d; font-weight: 600; }
.uc2-i:not(.is-on) .uc2-b:hover{ color: var(--obsidian); }
body:not(.ol) .uc2-i{ padding-inline: 16px; }
.uc2-i.is-on .uc-uses a{ background: var(--mint); }
@media (max-width: 860px){.uc2-i.is-on .uc2-art{ margin-bottom: 0; }
}
.uc2-bar{ display: none; }
@media (min-width: 861px){.uc2-i.is-on .uc2-bar{ display: block; height: 2px; margin-top: 18px; border-radius: 2px; background: rgba(15, 61, 58, .1); overflow: hidden; }
.uc2-bar i{ display: block; height: 100%; width: 100%; background: var(--sea); transform: scaleX(0); transform-origin: left; }
.uc2-i.is-on .uc2-bar i{ animation: uc2-fill 6s linear forwards; animation-play-state: paused; }
.uc2.uc2-run .uc2-i.is-on .uc2-bar i{ animation-play-state: running; }
.uc2.uc2-run:hover .uc2-i.is-on .uc2-bar i{ animation-play-state: paused; }
.uc2-i.is-on .uc2-d{ animation: uc2-in .35s ease both; }
}
@keyframes uc2-fill{ to { transform: scaleX(1); } }
@keyframes uc2-in{ from { opacity: 0; transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce){ .uc2-bar { display: none !important; } .uc2-i.is-on .uc2-d { animation: none; } }
.uc2{ counter-reset: uc; }
.uc2-i{ counter-increment: uc; }
.uc2-b{ display: flex; align-items: center; gap: 14px; }
.uc2-b::before{ content: counter(uc, decimal-leading-zero); flex: none; display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(15, 61, 58, .06); color: #8a8a8a; font: 600 13px/1 var(--ss-font-body, inherit); letter-spacing: 0; transition: background-color .25s, color .25s; }
.uc2-i.is-on .uc2-b::before{ background: var(--sea); color: #fff; }
.uc2-i.is-on{ background: linear-gradient(90deg, #e6f7f0, #f4fbf8); box-shadow: inset 4px 0 0 var(--sea); }
.uc2-i.is-on .uc-uses a{ background: #fff; box-shadow: 0 1px 0 rgba(15, 61, 58, .08); }
.uc2-d{ padding-left: 48px; }
.uc2-art svg{ transition: transform .5s cubic-bezier(.2, .8, .2, 1); }
.uc2-i:not(.is-on) .uc2-art svg{ transform: scale(.94) translateY(8px); }
@media (min-width: 861px){.uc2-b{ padding: 26px 0; font-size: 22px; }
.uc2-i.is-on .uc2-b{ padding-bottom: 10px; }
.uc2-d p{ font-size: 17px; line-height: 1.55; max-width: 34ch; }
.uc2-d{ padding-bottom: 28px; }
.uc2,body.ol .uc2{ min-height: 640px; padding-right: calc(100% - 470px); }
.uc2-art,body.ol .uc2-art{ left: 470px; padding: 24px; }
.uc2-bar{ margin-left: 0; }
}
@media (max-width: 860px){.uc2-d{ padding-left: 0; }
}
@media (max-width: 860px){.uc2-art{ position: relative; }
.uc2-i.is-on .uc2-art{ aspect-ratio: 5 / 4; padding: 0; }
}
.uv-stage{ position: absolute; left: 50%; top: 50%; width: 600px; height: 480px; transform: translate(-50%, -50%) scale(var(--s, 1)); font-size: 13px; color: #1d2b29; text-align: left; }
.uv-stage b{ font-weight: 600; }
.uv-win{ position: absolute; background: #fff; border-radius: 14px; box-shadow: 0 1px 0 rgba(15,61,58,.06), 0 18px 40px -12px rgba(15,61,58,.28); overflow: hidden; }
.bx-deep .uv-win{ box-shadow: 0 24px 50px -16px rgba(0,0,0,.5); }
.uv-hd{ display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 16px; border-bottom: 1px solid #eef2f1; font-size: 14px; }
.uv-hd > b{ margin-right: 4px; color: #0f3d3a; }
.uv-tag{ margin-left: auto; padding: 3px 8px; border-radius: 99px; background: var(--mint); color: var(--sea); font-size: 11px; font-weight: 600; }
.uv-chip{ padding: 4px 9px; border-radius: 99px; background: #f2f5f4; color: #4d5c5a; font-size: 11.5px; display: inline-flex; align-items: center; gap: 6px; }
.uv-chip.on{ background: var(--mint); color: var(--sea); font-weight: 600; }
.uv-q{ width: 16px; height: 16px; fill: none; stroke: var(--sea); stroke-width: 2.4; stroke-linecap: round; flex: none; }
.uv-ic{ width: 26px; height: 26px; border-radius: 8px; display: inline-grid; place-items: center; flex: none; }
.uv-ic svg{ width: 14px; height: 14px; fill: #fff; }
.uv-ic.sm{ width: 22px; height: 22px; border-radius: 6px; }
.uv-ic.sm svg{ width: 12px; height: 12px; }
.uv-ic.xs{ width: 16px; height: 16px; border-radius: 4px; }
.uv-ic.xs svg{ width: 9px; height: 9px; }
.uv-sub{ padding: 12px 16px 6px; font-size: 11.5px; font-weight: 600; color: #7a8886; }
.uv-row{ display: flex; align-items: center; gap: 10px; padding: 9px 16px; border-top: 1px solid #f2f5f4; }
.uv-row:first-of-type{ border-top: 0; }
.uv-rt{ display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.uv-rt b{ font-size: 12.5px; color: #0f3d3a; }
.uv-rt span{ font-size: 11.5px; color: #6c7a78; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uv-row em{ font-style: normal; font-size: 11.5px; font-weight: 600; color: var(--sea); white-space: nowrap; }
.uv-ok{ display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px 3px 6px; border-radius: 99px; background: var(--mint); color: var(--sea); font-size: 11px; font-weight: 600; white-space: nowrap; }
.uv-ok svg, .uv-pill svg, .uv-chk svg{ width: 12px; height: 12px; }
.uv-stats{ display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid #eef2f1; }
.uv-stats > div{ padding: 12px 16px; display: grid; gap: 3px; border-left: 1px solid #eef2f1; }
.uv-stats > div:first-child{ border-left: 0; }
.uv-stats span{ font-size: 11px; color: #7a8886; }
.uv-stats b{ font: 600 20px/1.1 var(--ss-font-heading); color: #0f3d3a; letter-spacing: -.02em; }
.uv-stats i{ font-style: normal; font-size: 11px; color: #7a8886; }
.uv-stats i.up{ color: var(--sea); font-weight: 600; }
.uv-sent{ display: flex; height: 6px; border-radius: 3px; overflow: hidden; margin-top: 3px; }
.uv-sent u:nth-child(1){ background: var(--spring); }
.uv-sent u:nth-child(2){ background: #a7e6d3; }
.uv-sent u:nth-child(3){ background: #0f3d3a; }
.uv-chart{ padding: 14px 16px 10px; }
.uv-chart svg{ display: block; width: 100%; height: 96px; overflow: visible; }
.uv-grid{ stroke: #eef2f1; stroke-width: 1; fill: none; }
.uv-area{ fill: var(--spring); opacity: .14; }
.uv-line{ fill: none; stroke: var(--sea); stroke-width: 2.5; stroke-linejoin: round; }
.uv-dot{ fill: var(--spring); stroke: #fff; stroke-width: 2.5; }
.uv-days{ display: flex; justify-content: space-between; margin-top: 6px; font-size: 10.5px; color: #98a4a2; }
.uv-tr{ display: grid; grid-template-columns: 2.3fr .9fr .9fr .9fr 1.1fr; align-items: center; gap: 8px; padding: 10px 16px; border-top: 1px solid #f2f5f4; font-size: 12.5px; color: #33423f; }
.uv-th{ font-size: 11px; color: #7a8886; border-top: 0; padding-top: 12px; padding-bottom: 8px; }
.uv-tr.on{ background: #f1fbf7; box-shadow: inset 3px 0 0 var(--spring); }
.uv-who{ display: flex; align-items: center; gap: 8px; min-width: 0; }
.uv-who b{ color: #0f3d3a; }
.uv-av{ width: 28px; height: 28px; border-radius: 50%; display: inline-grid; place-items: center; font-size: 10.5px; font-weight: 700; color: #fff; flex: none; }
.uv-av.av0{ background: var(--sea); }
.uv-av.av1{ background: #0f3d3a; }
.uv-av.av2{ background: var(--spring); }
.uv-av.av3{ background: #5fb8a3; }
.uv-eng{ display: block; height: 6px; border-radius: 3px; background: #eef2f1; overflow: hidden; }
.uv-eng u{ display: block; height: 100%; background: var(--spring); border-radius: 3px; }
.uv-pop{ padding-bottom: 12px; }
.uv-bars{ display: flex; align-items: flex-end; gap: 8px; height: 84px; padding: 4px 16px 0; }
.uv-bars u{ flex: 1; border-radius: 5px 5px 2px 2px; background: #c9efe3; transform-origin: bottom; }
.uv-bars u:last-child{ background: var(--sea); }
.uv-bars.sm{ height: 46px; padding: 0; gap: 6px; }
.uv-foot{ display: flex; justify-content: space-between; padding: 8px 16px 0; font-size: 11px; color: #7a8886; }
.uv-foot b{ color: var(--sea); }
.uv-pill{ position: absolute; display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border-radius: 99px; font-size: 12.5px; font-weight: 600; box-shadow: 0 12px 28px -10px rgba(0,0,0,.45); }
.uv-spring{ background: var(--spring); color: #0f3d3a; }
.uv-vid{ position: relative; height: 136px; margin: 10px; border-radius: 10px; background: #0f3d3a; display: grid; place-items: center; }
.uv-vid > .uv-ic{ position: absolute; left: 10px; top: 10px; }
.uv-vid em{ position: absolute; right: 10px; bottom: 16px; font-style: normal; font-size: 10.5px; color: #fff; background: rgba(0,0,0,.4); padding: 2px 6px; border-radius: 4px; }
.uv-vid i{ position: absolute; left: 10px; right: 10px; bottom: 8px; height: 3px; border-radius: 2px; background: rgba(255,255,255,.2); }
.uv-vid i u{ display: block; width: 34%; height: 100%; background: var(--spring); border-radius: 2px; }
.uv-play{ width: 46px; height: 46px; border-radius: 50%; background: #fff; display: grid; place-items: center; }
.uv-play svg{ width: 20px; height: 20px; fill: #0f3d3a; margin-left: 3px; }
.uv-play.sm{ width: 38px; height: 38px; }
.uv-play.sm svg{ width: 16px; height: 16px; }
.uv-vt{ display: grid; gap: 3px; padding: 2px 14px 4px; }
.uv-vt b{ font-size: 13.5px; color: #0f3d3a; }
.uv-vt span{ display: flex; align-items: center; gap: 8px; font-size: 11.5px; color: #6c7a78; }
.uv-vt .uv-tag{ margin-left: 0; }
.uv-ts{ display: flex; gap: 10px; padding: 7px 14px; font-size: 12px; color: #4d5c5a; }
.uv-ts em{ font-style: normal; font-weight: 600; color: #98a4a2; width: 28px; flex: none; }
.uv-ts.on{ background: #f1fbf7; box-shadow: inset 3px 0 0 var(--spring); color: #0f3d3a; }
.uv-ts.on em{ color: var(--sea); }
.uv-ts:last-child{ padding-bottom: 14px; }
.uv-link{ position: absolute; overflow: visible; z-index: 2; }
.uv-link path{ fill: none; stroke: var(--sea); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.uv-link path:first-child{ stroke-dasharray: .05 .05; }
.uv-tabs{ display: flex; gap: 4px; padding: 10px 10px 0; border-bottom: 1px solid #eef2f1; }
.uv-tabs span{ padding: 7px 10px 9px; font-size: 11.5px; color: #7a8886; border-bottom: 2px solid transparent; }
.uv-tabs span.on{ color: #0f3d3a; font-weight: 600; border-color: var(--spring); }
.uv-doc{ padding: 14px 16px 18px; display: grid; gap: 8px; }
.uv-doc > b{ font: 600 17px/1.2 var(--ss-font-heading); color: #0f3d3a; letter-spacing: -.02em; margin-bottom: 2px; }
.uv-doc i{ display: block; height: 7px; border-radius: 4px; background: #e4ebe9; }
.uv-doc blockquote{ margin: 6px 0; padding: 10px 12px; border-radius: 8px; background: var(--mint); box-shadow: inset 3px 0 0 var(--sea); font-size: 12.5px; color: #0f3d3a; font-weight: 500; }
.uv-doc blockquote em{ display: block; margin-top: 4px; font-style: normal; font-size: 10.5px; color: var(--sea); font-weight: 600; }
.uv-seg{ display: inline-flex; gap: 2px; padding: 3px; border-radius: 9px; background: #f2f5f4; }
.uv-seg > span{ display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 7px; font-size: 11.5px; color: #6c7a78; }
.uv-seg > span.on{ background: #fff; color: #0f3d3a; font-weight: 600; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.uv-filter{ display: flex; align-items: center; gap: 8px; margin: 12px 16px 0; padding: 9px 12px; border-radius: 9px; background: #f6f8f7; font-size: 12px; color: #33423f; }
.uv-filter span{ margin-left: auto; color: #7a8886; font-size: 11px; }
.uv-ads{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 14px 16px 16px; }
.uv-ad{ border: 1px solid #eef2f1; border-radius: 11px; overflow: hidden; }
.uv-cr{ height: 132px; display: grid; place-items: center; position: relative; }
.uv-big{ font: 600 19px/1.1 var(--ss-font-heading); color: #fff; letter-spacing: -.02em; text-align: center; }
.uv-prod{ width: 58px; height: 58px; border-radius: 14px; background: #fff; box-shadow: 0 10px 20px -8px rgba(15,61,58,.35); }
.uv-price{ position: absolute; bottom: 10px; padding: 3px 8px; border-radius: 99px; background: var(--sea); color: #fff; font-size: 10.5px; font-weight: 600; }
.uv-adb{ padding: 10px 10px 11px; display: grid; gap: 6px; }
.uv-sp{ font-size: 10px; color: #98a4a2; }
.uv-adb b{ font-size: 12px; color: #0f3d3a; }
.uv-adb i{ display: block; height: 6px; border-radius: 3px; background: #e4ebe9; }
.uv-cta{ justify-self: start; margin-top: 2px; padding: 5px 10px; border-radius: 7px; background: #0f3d3a; color: #fff; font-size: 10.5px; font-weight: 600; }
.uv-adb em{ font-style: normal; font-size: 10.5px; color: var(--sea); font-weight: 600; }
.uv-toast{ position: absolute; display: grid; grid-template-columns: auto 1fr; column-gap: 9px; align-items: center; padding: 10px 14px; border-radius: 12px; background: #0f3d3a; color: #fff; font-size: 12.5px; font-weight: 600; box-shadow: 0 16px 32px -12px rgba(15,61,58,.6); }
.uv-toast em{ grid-column: 2; font-style: normal; font-weight: 400; font-size: 11px; color: #a7e6d3; }
.uv-pulse, .uv-live{ width: 8px; height: 8px; border-radius: 50%; background: var(--spring); box-shadow: 0 0 0 4px rgba(20,201,160,.25); grid-row: span 2; }
.uv-live{ width: 6px; height: 6px; box-shadow: 0 0 0 3px rgba(20,201,160,.25); }
.uv-msgs{ display: grid; gap: 10px; padding: 16px; }
.uv-me{ justify-self: end; max-width: 72%; padding: 10px 14px; border-radius: 14px 14px 4px 14px; background: #0f3d3a; color: #fff; font-size: 13px; }
.uv-step{ display: flex; align-items: center; gap: 8px; font-size: 12px; color: #6c7a78; }
.uv-chk{ width: 20px; height: 20px; border-radius: 50%; background: var(--mint); color: var(--sea); display: grid; place-items: center; flex: none; }
.uv-ans{ padding: 12px 14px; border-radius: 4px 14px 14px 14px; background: #f4f7f6; max-width: 90%; }
.uv-ans p{ margin: 0 0 10px; font-size: 13px; line-height: 1.5; color: #1d2b29; }
.uv-ans p b{ color: var(--sea); }
.uv-mini{ display: flex; align-items: flex-end; gap: 14px; }
.uv-mini .uv-bars{ flex: 1; max-width: 180px; }
.uv-src{ display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 99px; background: #fff; font-size: 11px; color: #4d5c5a; border: 1px solid #e4ebe9; }
.uv-in{ display: flex; align-items: center; justify-content: space-between; margin: 2px 16px 16px; padding: 7px 7px 7px 14px; border: 1px solid #e4ebe9; border-radius: 12px; font-size: 12.5px; color: #98a4a2; }
.uv-send{ width: 30px; height: 30px; border-radius: 9px; background: var(--sea); color: #fff; display: grid; place-items: center; }
.uv-send svg{ width: 16px; height: 16px; }
.uv-mon{ padding: 12px 16px 16px; display: grid; gap: 6px; }
.uv-tgt{ display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 10px; background: #f6f8f7; margin-bottom: 6px; }
.uv-tog{ width: 34px; height: 20px; border-radius: 99px; background: #d6dedc; position: relative; flex: none; }
.uv-tog.on{ background: var(--spring); }
.uv-tog u{ position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; }
.uv-tog.on u{ left: 17px; }
.uv-mon label{ font-size: 11px; color: #7a8886; margin-top: 4px; }
.uv-field{ padding: 8px 10px; border: 1px solid #e4ebe9; border-radius: 8px; font-size: 12px; color: #33423f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uv-new{ padding: 3px 8px; border-radius: 99px; background: var(--spring); color: #0f3d3a; font-size: 10.5px; font-weight: 700; }
.uv-list{ padding-bottom: 6px; }
.uv-log{ padding-bottom: 8px; }
.uv-lg{ display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 12px; padding: 8px 16px; border-top: 1px solid #f2f5f4; font-size: 12px; color: #33423f; }
.uv-lg:first-of-type{ border-top: 0; }
.uv-m{ padding: 2px 7px; border-radius: 5px; background: #0f3d3a; color: #fff; font-size: 10px; font-weight: 700; }
.uv-lg em{ font-style: normal; font-size: 11px; color: #98a4a2; }
.uc2-i.is-on [data-a]{ animation: uv-in .55s cubic-bezier(.2, .8, .2, 1) var(--d, 0s) both; }
.uc2-i.is-on .uv-bars u{ animation: uv-grow .6s cubic-bezier(.2, .8, .2, 1) var(--d, .5s) both; }
.uc2-i.is-on .uv-line, .uc2-i.is-on .uv-link path:first-child{ stroke-dasharray: 1; animation: uv-draw 1.1s ease .25s both; }
.uc2-i.is-on .uv-link path:first-child{ stroke-dasharray: .04 .03; animation: none; }
.uv-pulse{ animation: uv-pulse 1.8s ease-out infinite; }
@keyframes uv-in{ from { opacity: 0; transform: translateY(12px); } }
@keyframes uv-grow{ from { transform: scaleY(0); } }
@keyframes uv-draw{ from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes uv-pulse{ 0% { box-shadow: 0 0 0 0 rgba(20,201,160,.5); } 100% { box-shadow: 0 0 0 10px rgba(20,201,160,0); } }
@media (prefers-reduced-motion: reduce){ .uc2-i.is-on [data-a], .uc2-i.is-on .uv-bars u, .uc2-i.is-on .uv-line, .uv-pulse { animation: none; } }
.uc2-art .uv-stage svg{ display: inline-block; width: 16px; height: 16px; transform: none; transition: none; flex: none; }
.uc2-art .uv-stage .uv-ic svg{ width: 14px; height: 14px; }
.uc2-art .uv-stage .uv-ic.sm svg{ width: 12px; height: 12px; }
.uc2-art .uv-stage .uv-ic.xs svg{ width: 9px; height: 9px; }
.uc2-art .uv-stage .uv-play svg{ width: 20px; height: 20px; }
.uc2-art .uv-stage .uv-play.sm svg{ width: 16px; height: 16px; }
.uc2-art .uv-stage .uv-ok svg, .uc2-art .uv-stage .uv-pill svg, .uc2-art .uv-stage .uv-chk svg{ width: 12px; height: 12px; }
.uc2-art .uv-stage .uv-chart svg{ display: block; width: 100%; height: 96px; }
.uc2-art .uv-stage svg.uv-link{ width: 70px; height: 60px; }
.uv-okc{ padding: 0; width: 20px; height: 20px; justify-content: center; }
.sp-tbs{ gap: 8px; padding-bottom: 0; align-items: center; }
.sp-tb .sp-av{ display: none; }
.sp-tb{ width: 28px; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, .22); opacity: 1; transform: none; transition: background-color .25s, width .25s; }
.sp-tb:hover{ background: rgba(255, 255, 255, .45); opacity: 1; }
.sp-tb.on{ width: 44px; background: #6ee7c8; transform: none; }
.sp-tb::before{ content: ""; display: block; margin: -10px 0; height: 24px; }
.sp-bar{ opacity: 0; pointer-events: none; }
#platforms .plh{ position: relative; display: grid; place-items: center; height: 520px; overflow: hidden; border-bottom: 1px solid var(--ol-line, var(--hairline)); }
.plh-dots{ position: absolute; inset: 0; background-image: radial-gradient(rgba(15, 61, 58, .22) 1.1px, transparent 1.6px); background-size: 18px 18px; background-position: center; -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, transparent 25%, #000 75%); mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, transparent 25%, #000 75%); }
.plh-fl{ position: absolute; inset: 0; }
.plh-ic{ position: absolute; display: grid; place-items: center; width: 52px; height: 52px; margin: -26px 0 0 -26px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px rgba(15, 61, 58, .07), 0 10px 24px -12px rgba(15, 61, 58, .3); animation: plh-float 7s ease-in-out var(--d, 0s) infinite alternate; }
.plh-ic svg{ width: 24px; height: 24px; fill: var(--c); }
.plh-ic.plh-sm{ width: 38px; height: 38px; margin: -19px 0 0 -19px; border-radius: 11px; opacity: .7; }
.plh-ic.plh-sm svg{ width: 17px; height: 17px; }
@keyframes plh-float{ from { transform: translateY(-6px); } to { transform: translateY(6px); } }
.plh-c{ position: relative; z-index: 1; text-align: center; padding: 0 24px; }
.plh-b{ display: inline-flex; align-items: center; gap: 8px; margin: 0 0 22px; padding: 6px 14px 6px 12px; border-radius: 99px; background: #fff; box-shadow: 0 0 0 1px rgba(15, 61, 58, .1); font-size: 14px; font-weight: 600; color: var(--sea); }
.plh-b::before{ content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--spring); box-shadow: 0 0 0 3px rgba(20, 201, 160, .2); }
.plh-h{ margin: 0; font: 600 76px/1 var(--ss-font-heading); letter-spacing: -.04em; color: var(--obsidian); }
.plh-h em{ font-style: normal; color: var(--sea); }
@media (max-width: 860px){#platforms .plh{ height: 420px; }
.plh-h{ font-size: 52px; }
}
@media (max-width: 640px){
  #platforms .plh { height: 380px; }
  .plh-h { font-size: 42px; }
  .plh-ic.plh-mid, .plh-ic.plh-sm { display: none; }
  .plh-ic { width: 42px; height: 42px; margin: -21px 0 0 -21px; border-radius: 12px; }
  .plh-ic svg { width: 20px; height: 20px; }
  .plh-dots { -webkit-mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, transparent 30%, #000 80%); mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, transparent 30%, #000 80%); }
}
@media (prefers-reduced-motion: reduce){ .plh-ic { animation: none; } }
@media (max-width: 640px){
  .plh-ic, .plh-ic.plh-mid, .plh-ic.plh-sm { display: none; }
  .plh-ic[style*="--mx"] { display: grid; left: var(--mx) !important; top: var(--my) !important; width: 42px; height: 42px; margin: -21px 0 0 -21px; opacity: 1; }
  .plh-ic[style*="--mx"] svg { width: 20px; height: 20px; }
}
.plh-b{ display: block; margin: 0 0 18px; padding: 0; background: none; box-shadow: none; }
.plh-b::before{ content: none; }
.plh-dots::after{ content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(20, 201, 160, 1) 1.4px, transparent 1.9px); background-size: 18px 18px; background-position: center; -webkit-mask-image: linear-gradient(115deg, transparent 42%, #000 50%, transparent 58%); mask-image: linear-gradient(115deg, transparent 42%, #000 50%, transparent 58%); -webkit-mask-size: 300% 100%; mask-size: 300% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; animation: plh-sweep 6s ease-in-out infinite; }
@keyframes plh-sweep{ 0% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 70%, 100% { -webkit-mask-position: 0% 0; mask-position: 0% 0; } }
.plh-h em{ background: linear-gradient(110deg, var(--sea) 0%, var(--sea) 40%, #3fe0bb 50%, var(--sea) 60%, var(--sea) 100%); background-size: 250% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: plh-glint 6s ease-in-out infinite; }
@keyframes plh-glint{ 0%, 30% { background-position: 100% 0; } 85%, 100% { background-position: 0% 0; } }
@media (prefers-reduced-motion: reduce){ .plh-dots::after { animation: none; display: none; } .plh-h em { animation: none; } }
.plh-dots::after{ background-image: radial-gradient(rgba(14, 170, 135, 1) 1.8px, transparent 2.3px), linear-gradient(rgba(20, 201, 160, .12), rgba(20, 201, 160, .12)); background-size: 18px 18px, 100% 100%; -webkit-mask-image: linear-gradient(115deg, transparent 44%, rgba(0,0,0,.6) 47%, #000 50%, rgba(0,0,0,.6) 53%, transparent 56%); mask-image: linear-gradient(115deg, transparent 44%, rgba(0,0,0,.6) 47%, #000 50%, rgba(0,0,0,.6) 53%, transparent 56%); }
@property --plh-p{ syntax: "<percentage>"; inherits: false; initial-value: -20%; }
.plh-dots::after{ -webkit-mask-image: linear-gradient(115deg, transparent calc(var(--plh-p) - 9%), rgba(0,0,0,.55) calc(var(--plh-p) - 4%), #000 var(--plh-p), rgba(0,0,0,.55) calc(var(--plh-p) + 4%), transparent calc(var(--plh-p) + 9%)); mask-image: linear-gradient(115deg, transparent calc(var(--plh-p) - 9%), rgba(0,0,0,.55) calc(var(--plh-p) - 4%), #000 var(--plh-p), rgba(0,0,0,.55) calc(var(--plh-p) + 4%), transparent calc(var(--plh-p) + 9%)); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; animation: plh-sweep2 6s ease-in-out infinite; }
@keyframes plh-sweep2{ 0% { --plh-p: -20%; } 70%, 100% { --plh-p: 120%; } }
@media (prefers-reduced-motion: reduce){ .plh-dots::after { animation: none; display: none; } }
.plh-dots{ background-position: 0 0; }
.plh-dots::after{ inset: 0 auto 0 0; width: 280px; background-position: 0 0, 0 0; -webkit-mask-image: linear-gradient(90deg, transparent, rgba(0,0,0,.55) 30%, #000 50%, rgba(0,0,0,.55) 70%, transparent); mask-image: linear-gradient(90deg, transparent, rgba(0,0,0,.55) 30%, #000 50%, rgba(0,0,0,.55) 70%, transparent); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; animation: plh-strip 6s ease-in-out infinite; will-change: transform; }
@keyframes plh-strip{ 0% { transform: translateX(-280px); background-position: 280px 0, 0 0; } 70%, 100% { transform: translateX(1300px); background-position: -1300px 0, 0 0; } }
@media (prefers-reduced-motion: reduce){ .plh-dots::after { animation: none; display: none; } }
.plh-cv{ position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.plh-h em{ animation: none; background: none; color: var(--sea); -webkit-background-clip: border-box; background-clip: border-box; }
header.nav.is-solid:not(.ss-open){ background: rgba(255, 255, 255, .9) !important; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
@media (max-width: 760px){
  body.ol .pr-head, .pr-head { flex-wrap: wrap; flex-direction: column; align-items: flex-start; }
  body.ol .pr-head .sec-head { flex: none; width: 100%; }
}
@media (min-width: 900px){ .hero .lead { max-width: none !important; white-space: nowrap; } }
:root{ --bn-h: 53px; }
.top-bn p{ padding-top: 14px !important; padding-bottom: 14px !important; }
@media (max-width: 640px){ :root { --bn-h: 50px; } .top-bn p { padding-top: 15px !important; padding-bottom: 15px !important; } }
.foot-top .brand svg g:nth-of-type(3) rect{ fill: #1c5450; stroke: #0f3d3a; stroke-width: 1.5; paint-order: stroke; }
.foot-top .brand svg g:nth-of-type(3) path{ stroke: #fff; }
@media (min-width:1101px){.mm{ width: max-content !important; }
.mm-box{ width: 820px; max-width: calc(100vw - 2 * var(--ss-pad)); transition: height .3s cubic-bezier(.22, 1, .36, 1), width .3s cubic-bezier(.22, 1, .36, 1); }
.mm-p{ right: auto; width: min(var(--pw), calc(100vw - 2 * var(--ss-pad))); }
.mm-p[data-mm="apis"]{ --pw: 820px; }
.mm-p[data-mm="use"]{ --pw: 700px; }
.mm-p[data-mm="res"]{ --pw: 500px; }
.mm-cols{ column-gap: 24px; }
.mm-cols.c3{ grid-template-columns: auto auto auto; justify-content: space-between; }
}
main > section.hero.orbit-hero{ min-height: 100vh; }
.ft2{ background: var(--ss-paper, #fafafa); margin-top: 0; padding: 0 0 48px; color: #3d3d3d; }
.ft2-box{ position: relative; overflow: hidden; border: 1px solid #e3e3e3; border-top: 0; }
.ft2-top{ display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); }
.ft2-top > div{ padding: 44px 32px 40px; }
.ft2-top > div + div{ border-left: 1px solid #ececec; }
.ft2 .brand{ display: inline-flex; align-items: center; gap: 10px; font: 600 19px/1 var(--ss-font-heading, "DM Sans", sans-serif); letter-spacing: -.01em; color: var(--ss-ink, #171717); text-decoration: none; }
.ft-brand p{ margin: 14px 0 0; font-size: 15px; color: #5a5a5a; max-width: 280px; }
.ft-cta{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 28px; }
.ft-mail{ font-size: 14px; color: #5a5a5a; text-decoration: none; }
.ft-mail:hover{ color: var(--ss-ink, #171717); }
.ft-col h4{ margin: 0 0 18px; font: 400 13px/1.3 var(--ss-font, Geist, sans-serif); color: #8a8a8a; }
.ft-col ul{ list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.ft-col a{ display: flex; align-items: center; gap: 6px; margin: 0 -10px; padding: 6px 10px; border-radius: 8px; font-size: 14.5px; color: #3d3d3d; text-decoration: none; transition: background-color .2s, color .2s; }
.ft-col a:hover{ background: #f4f4f4; color: var(--ss-ink, #171717); }
.ft-ar{ width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; opacity: 0; translate: -4px 0; transition: opacity .2s, translate .2s; }
.ft-col a:hover .ft-ar{ opacity: .7; translate: 0 0; }
.ft2-base{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 24px; padding: 18px 32px; border-top: 1px solid #ececec; font-size: 13px; color: #8a8a8a; }
.ft2-base nav{ display: flex; flex-wrap: wrap; gap: 6px 22px; }
.ft2-base a{ color: #8a8a8a; text-decoration: none; }
.ft2-base a:hover{ color: var(--ss-ink, #171717); }
.ft2-word{ border-top: 1px solid #ececec; padding: 0 24px; font: 600 clamp(64px, 15.2vw, 212px)/.78 var(--ss-font-heading, "DM Sans", sans-serif); letter-spacing: -.055em; color: #f0f0f0; white-space: nowrap; text-align: center; height: .62em; overflow: hidden; padding-top: .06em; user-select: none; }
@media (max-width: 900px){
  .ft2-top { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ft2-top > .ft-brand { grid-column: 1 / -1; border-bottom: 1px solid #ececec; }
  .ft2-top > div { padding: 28px 20px; }
  .ft2-top > div + div { border-left: 0; }
  .ft2-top > div:nth-child(3) { border-left: 1px solid #ececec; }
  .ft2-top > div:nth-child(4) { grid-column: 1 / -1; border-top: 1px solid #ececec; }
  .ft2-base { padding: 16px 20px; }
  .ft2-word { padding: 0 8px; font-size: 16.8vw; }
}
.hx-end{ background: var(--ss-paper, #fafafa); padding: 72px 0 0; }
.hx-endbox{ border: 1px solid #e3e3e3; }
.ec2{ position: relative; overflow: hidden; text-align: center; padding: 96px 32px 88px; }
.ec2 .ec-tiles{ position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.ec2 .ec-tiles .tile{ position: absolute; left: var(--x); top: var(--y); rotate: var(--r); pointer-events: auto; box-shadow: 0 0 0 1px #e6e6e6, 0 14px 26px -16px rgba(15,61,58,.35) !important; transition: translate .9s cubic-bezier(.2,.8,.2,1) var(--td,0ms), opacity .7s ease var(--td,0ms), scale .25s; }
.ec2 .ec-tiles .tile.t-mint{ --c: #fff; background: #fff; }
.ec2 .ec-tiles .tile.ec-send{ scale: 1.06; }
.ec2-eye{ position: relative; margin: 0 0 18px; font-size: 15px; color: var(--ss-sea, #0e8a72); }
.ec2-h{ position: relative; margin: 0 auto; max-width: 760px; color: #171717; font-family: var(--ss-font-heading, "DM Sans", sans-serif); font-weight: 500; font-size: clamp(34px, 4.6vw, 60px); line-height: 1; letter-spacing: -.035em; }
.ec2-btns{ position: relative; display: flex; justify-content: center; gap: 12px; margin-top: 36px; }
.ec2-go{ background: var(--ss-spring, #14c9a0); color: var(--ss-deep, #0f3d3a); font-weight: 500; }
.ec2-go:hover{ background: #2ad8b0; }
.ec2-go.ec-hit{ animation: ec-hit .9s ease-out; }
@keyframes ec-hit{ 0% { box-shadow: 0 0 0 0 rgba(20,201,160,.5); } 100% { box-shadow: 0 0 0 14px rgba(20,201,160,0); } }
.ec2 .ec-flow{ position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: visible; }
.ec2 .ec-line{ fill: none; stroke: #d9d9d9; stroke-width: 1.25; transition: opacity .5s; }
.ec2 .ec-line.ec-fade{ opacity: 0; }
.ec2 .ec-dot{ fill: var(--ss-sea, #0e8a72); transition: opacity .2s; }
.ec2.ec-pre .ec-tiles .tile{ translate: var(--dx) 0; opacity: 0; }
.ec2.ec-pre .ec2-eye, .ec2.ec-pre .ec2-h, .ec2.ec-pre .ec2-btns{ opacity: 0; translate: 0 16px; transition: opacity .7s ease, translate .8s cubic-bezier(.2,.8,.2,1); }
.ec2.ec-pre.ec-in .ec-tiles .tile{ translate: 0 0; opacity: 1; }
.ec2.ec-pre.ec-in .ec2-eye{ opacity: 1; translate: 0 0; transition-delay: .35s; }
.ec2.ec-pre.ec-in .ec2-h{ opacity: 1; translate: 0 0; transition-delay: .45s; }
.ec2.ec-pre.ec-in .ec2-btns{ opacity: 1; translate: 0 0; transition-delay: .62s; }
.ft2{ font-family: var(--ss-font, Geist, sans-serif); }
.ft2-top{ grid-template-columns: minmax(0, 1.4fr) repeat(4, minmax(0, 1fr)) !important; }
.ft2 .brand span{ font: inherit; }
@media (max-width: 900px){
  .hx-end { padding-top: 40px; }
  .ec2 { padding: 64px 20px 56px; }
  .ec2 .ec-tiles { display: none; }
  .ft2-top { grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; }
  .ft2-top > div:nth-child(4) { grid-column: auto; border-left: 0; }
  .ft2-top > div:nth-child(5) { border-left: 1px solid #ececec; border-top: 1px solid #ececec; }
  .ft2-top > div:nth-child(4) { border-top: 1px solid #ececec; }
}
.ft-col a{ overflow-wrap: anywhere; }
#pricing .hp-head{ padding-top: 88px; display: grid; justify-items: center; text-align: center; }
#pricing .hp-head .eyebrow{ margin: 0; }
#pricing .hp-head h2{ margin: 12px 0 0; }
#pricing .hp-frame{ margin-top: 40px; border: 1px solid #e3e3e3; border-radius: 0; background: #fff; }
#pricing .hp-sw{ display: flex; justify-content: center; padding: 18px 24px; border-bottom: 1px solid #e3e3e3; }
#pricing .hp-sw .seg{ margin: 0 !important; }
#pricing .seg-save{ background: var(--ss-spring, #14c9a0); color: var(--ss-deep, #0f3d3a); font-weight: 600; }
#pricing .hp-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hp-c{ padding: 0 36px; background: #fff; }
.hp-col2, .hp-col3{ border-left: 1px solid #e3e3e3; }
.hp-pop{ background: #fafafa; }
.hp-r0{ position: relative; padding-top: 32px; padding-bottom: 26px; }
.hp-r1{ padding-top: 26px; padding-bottom: 6px; border-top: 1px solid #e3e3e3; }
.hp-r2{ padding-top: 14px; padding-bottom: 30px; }
.hp-r3, .hp-r4, .hp-r5{ display: flex; align-items: center; gap: 10px; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #e3e3e3; font-size: 15px; color: #3d3d3d; }
.hp-c > svg{ flex: none; width: 16px; height: 16px; fill: none; stroke: var(--ss-sea, #0e8a72); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.hp-pop.hp-r0::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--ss-sea, #0e8a72); transform-origin: left; }
.hp-dw{ position: relative; height: 86px; margin-bottom: 20px; }
.hp-dw i{ position: absolute; left: 0; bottom: 4px; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 15px; background: var(--ss-sea, #0e8a72); rotate: -3deg; scale: calc(1 - var(--i) * .04); transform-origin: left bottom; filter: brightness(calc(1 - var(--i) * .08)); box-shadow: -2px 8px 16px -8px rgba(0,0,0,.35); transform: translate(calc(var(--i) * 34px), calc(var(--i) * -6px)); transition: transform .8s cubic-bezier(.3,1.25,.4,1) calc(var(--i) * 90ms); }
.hp-dw i:first-child{ background: var(--ss-deep, #0f3d3a); }
.hp-dw i:nth-child(3){ background: var(--ss-spring, #14c9a0); }
.hp-dw i:nth-child(4){ background: #fff; box-shadow: 0 0 0 1px #e3e3e3, -2px 8px 16px -8px rgba(0,0,0,.3); }
.hp-pop .hp-dw i:first-child{ background: var(--ss-spring, #14c9a0); }
.hp-pop .hp-dw i:nth-child(2){ background: var(--ss-sea, #0e8a72); }
.hp-pop .hp-dw i:nth-child(3){ background: var(--ss-deep, #0f3d3a); }
.hp-br{ width: 34px; height: 34px; fill: none; stroke: #fff; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.hp-pop .hp-br{ stroke: var(--ss-deep, #0f3d3a); }
.hp-c:hover .hp-dw i{ transform: translate(calc(var(--i) * 42px), calc(var(--i) * -8px)) rotate(calc(var(--i) * 2deg)); transition-delay: 0s; }
.hp-n{ display: flex; align-items: center; gap: 12px; margin: 0; font: 600 24px/1.15 var(--ss-font-heading, "DM Sans", sans-serif); letter-spacing: -.02em; color: var(--ss-ink, #171717); }
.hp-tag{ position: relative; top: 1px; padding: 5px 10px; border-radius: 999px; background: var(--ss-spring, #14c9a0); color: var(--ss-deep, #0f3d3a); font: 600 12px/1 var(--ss-font, Geist, sans-serif); letter-spacing: 0; }
.hp-cr{ margin: 8px 0 0; font-size: 14px; color: #737373; }
.hp-price{ display: flex; align-items: baseline; gap: 4px; margin: 0; font: 500 46px/1 var(--ss-font-heading, "DM Sans", sans-serif); letter-spacing: -.01em; color: var(--ss-ink, #171717); font-variant-numeric: tabular-nums; }
.hp-price small{ font: 400 14px/1 var(--ss-font, Geist, sans-serif); letter-spacing: 0; color: #8a8a8a; }
.hp-save{ min-height: 22px; margin: 8px 0 0; }
.hp-save span{ display: inline-block; padding: 2px 8px; border-radius: 6px; background: var(--ss-deep, #0f3d3a); color: var(--ss-spring, #14c9a0); font-size: 12.5px; font-weight: 600; }
.hp-save span:empty{ display: none; }
.hp-btn{ display: flex; align-items: center; justify-content: center; height: 44px; border-radius: 10px; background: #f1f1f1; color: var(--ss-ink, #171717); font: 500 15px/1 var(--ss-font, Geist, sans-serif); text-decoration: none; transition: background .2s; }
.hp-btn:hover{ background: #e8e8e8; }
.hp-btn-pop{ background: var(--ss-spring, #14c9a0); color: var(--ss-deep, #0f3d3a); }
.hp-btn-pop:hover{ background: #12b892; }
#pricing .is-swapping{ opacity: 0; transition: opacity .14s; }
.hp-foot{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 28px; padding: 18px 36px; border-top: 1px solid #e3e3e3; font-size: 15px; color: #3d3d3d; }
.hp-notes{ display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; padding: 0; list-style: none; }
.hp-notes li{ display: flex; align-items: center; gap: 8px; }
.hp-notes svg{ width: 16px; height: 16px; fill: none; stroke: var(--ss-sea, #0e8a72); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.hp-links{ display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0; }
.hp-links a{ color: var(--ss-sea, #0e8a72); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
@keyframes hp-cell{ from { opacity: 0; transform: translateY(16px); } }
@keyframes hp-edge{ from { transform: scaleX(0); } }
.hp-wait .hp-c > *, .hp-wait .hp-pop.hp-r0::before{ opacity: 0; }
.hp-wait .hp-dw i{ transform: translate(0, 0); transition: none; }
.hp-go .hp-c > *{ animation: hp-cell 600ms cubic-bezier(.2,.8,.2,1) var(--d, 0ms) backwards; }
.hp-go .hp-pop.hp-r0::before{ animation: hp-edge 700ms cubic-bezier(.65,0,.35,1) calc(var(--d, 0ms) + 100ms) backwards; }
.hp-go .hp-dw i{ transition-delay: calc(var(--d, 0ms) + var(--i) * 90ms + 150ms); }
@media (max-width: 900px){
  #pricing .hp-grid { grid-template-columns: minmax(0, 1fr); }
  .hp-c { order: var(--o); padding-left: 20px; padding-right: 20px; border-left: 0; }
  .hp-r0 { border-top: 1px solid #e3e3e3; }
  .hp-grid > .hp-c:first-child { border-top: 0; }
  .hp-n { font-size: 22px; }
  .hp-price { font-size: 42px; }
  .hp-foot { padding: 18px 20px; }
}
@media (prefers-reduced-motion: reduce){ .hp-go .hp-c > *, .hp-go .hp-pop.hp-r0::before { animation: none; } .hp-dw i { transition: none; } }
@media (max-width: 860px){#pricing .hp-head{ padding-top: 64px; }
}
.ck{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 72px; margin: 0; padding: 8px 0 0; list-style: none; }
.ck-i{ display: flex; align-items: flex-start; gap: 16px; }
.ck-ic{ flex: none; width: 26px; height: 26px; margin-top: 1px; fill: none; stroke: var(--ss-sea, #0e8a72); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.ck-i h3{ margin: 0; font: 600 20px/1.3 var(--ss-font-heading, "DM Sans", sans-serif); letter-spacing: -.01em; color: var(--ss-ink, #171717); }
.ck-i p{ margin: 8px 0 0; max-width: 480px; font-size: 16px; line-height: 1.6; color: #5a5a5a; }
body.ol .ck{ padding: 56px var(--ol-x, 40px) 64px; }
body:not(.ol) .ck{ padding: 8px 0 24px; }
.ck.ck-wait .ck-i{ opacity: 0; }
@keyframes ck-up{ from { opacity: 0; transform: translateY(14px); } }
@keyframes ck-draw{ from { stroke-dashoffset: 16; } }
.ck.ck-go .ck-i{ animation: ck-up 600ms cubic-bezier(.2,.8,.2,1) calc(var(--n) * 70ms) backwards; }
.ck-ic path{ stroke-dasharray: 16; }
.ck.ck-go .ck-ic path{ animation: ck-draw 500ms ease calc(var(--n) * 70ms + 250ms) backwards; }
@media (max-width: 860px){body.ol .ck{ padding: 40px var(--ol-x, 20px) 44px; }
.ck{ grid-template-columns: minmax(0, 1fr); gap: 32px; }
.ck-i h3{ font-size: 18px; }
.ck-i p{ font-size: 15px; }
}
@media (prefers-reduced-motion: reduce){ .ck .ck-i, .ck .ck-ic path { animation: none !important; } }
.hero.orbit-hero{ background: var(--ss-paper, #fafafa) !important; }
.orbit-hero .hk-dots{ opacity: .62; }
.orbit-hero .orbit-ring{ border-color: rgba(23, 23, 23, .14) !important; }
.orbit-hero .orb .tile{ background: var(--ss-deep, #0f3d3a) !important; color: #fff !important; box-shadow: 0 12px 24px -12px rgba(15, 61, 58, .45) !important; }
.orbit-hero .orb .tile svg{ color: #fff !important; }
.orbit-hero .orb .tile.t-sea{ background: var(--ss-sea, #0e8a72) !important; }
.orbit-hero .orb .tile.t-spring{ background: var(--ss-spring, #14c9a0) !important; color: var(--ss-deep, #0f3d3a) !important; }
.orbit-hero .orb .tile.t-spring svg{ color: var(--ss-deep, #0f3d3a) !important; }
.orbit-hero .h-hero{ color: #171717 !important; }
.orbit-hero .hw, .orbit-hero .hw-in, .orbit-hero .hw > span{ color: var(--ss-sea, #0e8a72) !important; }
.orbit-hero .hu-s path{ stroke: var(--ss-spring, #14c9a0); }
.orbit-hero .hero-eb{ color: var(--ss-sea, #0e8a72) !important; }
.orbit-hero .hero-copy .lead, .orbit-hero .hero-note{ color: #5a5a5a !important; }
.orbit-hero .hi{ background: #fff !important; color: #171717 !important; box-shadow: 0 0 0 1px #e3e3e3 !important; }
.orbit-hero .hi svg, .orbit-hero .hi svg *{ color: #171717 !important; fill: #171717 !important; }
.orbit-hero .hi-more{ color: #3d3d3d !important; box-shadow: inset 0 0 0 1px #d9d9d9 !important; }
.orbit-hero .btn.hero-btn.hero-btn2{ background: #fff !important; color: #171717 !important; box-shadow: inset 0 0 0 1.5px #d9d9d9 !important; }
.orbit-hero .btn.hero-btn.hero-btn2:hover{ background: #f4f4f4 !important; box-shadow: inset 0 0 0 1.5px #bdbdbd !important; }
html body .top-bn{ background-color: #0f3d3a !important; background-image: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 -1px 0 rgba(255, 255, 255, .08) !important; color: rgba(255, 255, 255, .78) !important; }
html body .top-bn p, html body .top-bn span, .top-bn b, .top-bn strong{ color: rgba(255, 255, 255, .78) !important; }
html body .top-bn a{ color: #fff !important; text-decoration-color: rgba(255, 255, 255, .4) !important; }
header.nav{ background-color: transparent; }
header.nav:not(.is-solid):not(.ss-open){ background-color: transparent !important; }
header.nav .brand, header.nav .brand .wm{ color: #171717 !important; }
header.nav .brand svg g:nth-of-type(3) rect{ fill: #0F3D3A !important; stroke: none !important; }
header.nav .menu-btn{ color: #171717 !important; box-shadow: inset 0 0 0 1px #d9d9d9 !important; }
@media (min-width:1101px){header.nav .links > a,header.nav .links > .apm > .apm-b,header.nav .links .mm-t,header.nav .nav-signin,header.nav .nav-si2{ color: #3d3d3d !important; }
header.nav .links > a:hover,header.nav .links > .apm > .apm-b:hover,header.nav .nav-signin:hover,header.nav .links .mm-t:hover{ color: #171717 !important; }
}
header.nav .nav-right .btn-go{ background: #fff !important; color: #171717 !important; box-shadow: inset 0 0 0 1px #d9d9d9 !important; }
header.nav .nav-right .btn-go:hover{ background: #f4f4f4 !important; }
header.nav .nav-pill{ background: rgba(15, 61, 58, .06) !important; }
header.nav .od-icon, header.nav .od-icon path{ color: #171717 !important; stroke: #171717 !important; }
.sp-4 .sp-stars{ color: var(--ss-sea, #0e8a72) !important; }
.sp-4 .sp-ftop{ color: #5a5a5a !important; }
.sp-4 .sp-ftop b{ color: #171717 !important; }
.sp-4 .sp-ft blockquote{ color: #171717 !important; }
.sp-4 .sp-ft blockquote::before, .sp-4 .sp-ft blockquote::after{ color: #9a9a9a; }
.sp-4 .sp-ft mark{ color: var(--ss-sea, #0e8a72) !important; }
.sp-4 .sp-ft figcaption{ color: #737373 !important; }
.sp-4 .sp-ft figcaption b{ color: #171717 !important; }
.sp-4 .sp-tb{ background: #dcdcdc !important; }
.sp-4 .sp-tb:hover{ background: #bdbdbd !important; }
.sp-4 .sp-tb.on{ background: var(--ss-sea, #0e8a72) !important; }
.hero-ed[data-ct="paper"]{ --ct-bg: #fff; --ct-ring: 0 0 0 1px #e3e3e3, 0 30px 60px -36px rgba(0, 0, 0, .25); --ct-text: #171717; --ct-muted: #737373; --ct-line: #ececec; --ct-ln: #b5b5b5; --ct-tabs: #f1f1f1; --ct-tab-on: #fff; --ct-tab-on-c: #171717; --ct-btn: var(--ss-spring, #14c9a0); --ct-btn-c: var(--ss-deep, #0f3d3a); --ct-chip: #f1f1f1; --ct-chip-c: #171717; --ct-fn: #171717; --ct-kw: #0e8a72; --ct-str: #0b5e50; --ct-punc: #9a9a9a; --ct-key: #0e8a72; --ct-num: #0f3d3a; }
.hero-ed[data-ct="paper"] .ed-tabs button[aria-selected="true"]{ box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
.hero-ed[data-ct="paper"] .ok-pill{ background: var(--ss-spring, #14c9a0) !important; color: var(--ss-deep, #0f3d3a) !important; }
.hero-ed[data-ct="paper"] .hp-runbtn:hover{ background: #e8e8e8; }
.orbit-hero .h-hero, .orbit-hero .h-hero .hc{ font-weight: 550; letter-spacing: -.035em !important; font-optical-sizing: auto; }
.orbit-hero .h-hero .hw > span{ font-weight: 650; }
body.hx-ol .orbit-hero .hk-dots, body.hx-ol .orbit-hero .hk-pulse, body.hx-ol .orbit-hero .hk-fade{ display: none !important; }
body.hx-ol section.hero::after{ top: var(--bn-h, 0px) !important; }
body.hx-ol header.nav .wrap{ padding-inline: calc(var(--ss-pad) + 28px); }
.fg{ display: none; }
body.hx-ol .fg{ display: block; position: absolute; z-index: 2; top: var(--ol-top); left: var(--ol-rail); right: var(--ol-rail); height: var(--fg-h, 480px); pointer-events: none; overflow: hidden; --cell: 98px; }
.fg-lines{ position: absolute; inset: 0; background-image: linear-gradient(90deg, var(--ol-line) 1px, transparent 1px), linear-gradient(var(--ol-line) 1px, transparent 1px); background-size: var(--cell) var(--cell); background-position: -1px -1px;
  -webkit-mask-image: radial-gradient(ellipse 34% 40% at 50% 46%, transparent 55%, #000 100%); mask-image: radial-gradient(ellipse 34% 40% at 50% 46%, transparent 55%, #000 100%); }
.fg-px{ position: absolute; width: var(--cell); height: var(--cell); display: grid; place-items: center; }
.fg-px svg{ width: 26px; height: 26px; opacity: 0; animation: fg-glow 5.6s ease-in-out infinite; animation-delay: var(--d, 0s); }
.fg-px rect{ fill: var(--ss-sea, #0e8a72); }
.fg-px rect.s{ fill: var(--ss-spring, #14c9a0); }
@keyframes fg-glow{ 0%, 100% { opacity: .18; } 45%, 60% { opacity: .9; } }
.fg-dot{ position: absolute; width: 3px; height: 3px; margin: -1.5px 0 0 -1.5px; border-radius: 50%; background: #c9c9c9; }
.fg-spark{ position: absolute; width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%; background: var(--ss-paper, #fafafa); box-shadow: inset 0 0 0 1px var(--ol-line); display: grid; place-items: center; }
.fg-spark svg{ width: 16px; height: 16px; fill: var(--ss-spring, #14c9a0); animation: fg-turn 9s linear infinite; }
@keyframes fg-turn{ to { transform: rotate(360deg); } }
.fg-lb{ position: absolute; padding: 12px 14px; font: 500 11px/1 var(--ss-font-body, Geist, sans-serif); letter-spacing: .01em; color: #9a9a9a; white-space: nowrap; }
.fg-lb i{ display: inline-block; width: 5px; height: 5px; margin-right: 7px; border-radius: 1px; background: var(--ss-spring, #14c9a0); vertical-align: 1px; }
.fg-plat{ display: none; }
body.hx-ol .fg-plat{ display: grid; grid-template-columns: repeat(6, 1fr); border-bottom: 1px solid var(--ol-line); position: relative; z-index: 2; }
.fg-plat > div{ display: flex; align-items: center; justify-content: center; gap: 10px; height: 88px; font: 600 15px/1 var(--ss-font-heading, 'DM Sans', sans-serif); letter-spacing: -.01em; color: #262626; }
.fg-plat > div + div{ border-left: 1px solid var(--ol-line); }
.fg-plat svg{ width: 22px; height: 22px; flex: none; }
body.hx-ol .orbit-hero .hero-ed{ border-bottom: 0 !important; }
@media (max-width: 860px){.fg-lb,.fg-spark{ display: none; }
body.hx-ol .fg-plat{ grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(132px, 1fr); overflow-x: auto; scrollbar-width: none; border-top: 1px solid var(--ol-line); }
.fg-plat::-webkit-scrollbar{ display: none; }
.fg-plat > div{ height: 72px; font-size: 14px; }
body.hx-ol header.nav .wrap{ padding-inline: calc(var(--ss-pad) + 12px); }
}
@media (prefers-reduced-motion: reduce){ .fg-px svg { animation: none; opacity: .6; } .fg-spark svg { animation: none; } }
body.hx-ol{ --ol-rail: calc((100% - min(100%, 1280px)) / 2 + var(--ss-pad)); --ol-top: calc(var(--bn-h, 0px) + 60px); }
body.hx-ol section.hero{ border-bottom: 1px solid var(--ol-line); --ol-rail: calc((100% - min(100%, 1280px)) / 2 + var(--ss-pad)); }
body.hx-ol section.hero::after{ content: ""; position: absolute; z-index: 1; top: calc(var(--ol-top) + 1px); bottom: 0; left: var(--ol-rail); right: var(--ol-rail); background: var(--ss-paper, #fafafa); border-inline: 1px solid var(--ol-line); pointer-events: none; }
body.hx-ol section.hero{ background-image: linear-gradient(var(--ol-line), var(--ol-line)) !important; background-repeat: no-repeat !important; background-size: 100% 1px !important; background-position: 0 var(--ol-top) !important; }
body.hx-ol section.hero::before{ content: "" !important; display: block !important; position: absolute; z-index: 2; left: calc(var(--ol-rail) - 5px); right: calc(var(--ol-rail) - 5px); top: calc(var(--ol-top) - 5px); height: 11px; pointer-events: none; background: var(--ol-tick) left center no-repeat, var(--ol-tick) right center no-repeat; opacity: 1; transform: none; }
body.hx-ol .orbit-hero .hk-dots, body.hx-ol .orbit-hero .hk-pulse{ -webkit-mask-image: linear-gradient(transparent calc(var(--ol-top) + 2px), #000 calc(var(--ol-top) + 3px)) !important; mask-image: linear-gradient(transparent calc(var(--ol-top) + 2px), #000 calc(var(--ol-top) + 3px)) !important; }
body.hx-ol #developers > .wrap::after{ content: ""; position: absolute; top: -6px; left: calc(var(--ss-pad) - 5px); right: calc(var(--ss-pad) - 5px); height: 11px; background: var(--ol-tick) left center no-repeat, var(--ol-tick) right center no-repeat; pointer-events: none; z-index: 2; }
body.hx-ol .orbit-hero .hero-stage{ margin: 0 !important; max-width: none !important; }
body.hx-ol .orbit-hero .hero-ed{ margin: 80px 0 0 !important; max-width: none !important; border: 1px solid var(--ol-line); }
body.hx-ol .orbit-hero .hero-ed .ed{ gap: 0 !important; }
body.hx-ol .orbit-hero .hero-ed .hp{ border-radius: 0 !important; box-shadow: none !important; }
body.hx-ol .orbit-hero .hero-ed .hp-res{ box-shadow: inset 1px 0 0 var(--ol-line) !important; }
@media (max-width: 860px){body.hx-ol .orbit-hero .hero-ed{ margin-top: 56px !important; }
body.hx-ol .orbit-hero .hero-ed .hp-res{ box-shadow: inset 0 1px 0 var(--ol-line) !important; }
}
body.hx-ol .orbit-hero .sp{ margin-top: 64px; }
.orbit-hero .hero-ed[data-ct="paper"]{ --ct-bg: var(--ss-paper, #fafafa) !important; }
@property --hx-r{ syntax: '<length>'; inherits: false; initial-value: 0px; }
.orbit-hero .hl-l{ overflow: visible !important; }
.orbit-hero .hl-l > span, .orbit-hero .hero-copy .lead, .orbit-hero .hero-copy .hero-cta, html body .orbit-hero .hero-ed{ animation: none; }
.hx-frame{ position: absolute; inset: 0; z-index: 2; pointer-events: none; display: none; }
.hx-frame i{ position: absolute; background: var(--ol-line); }
.hx-frame .nl{ left: 0; right: 0; top: var(--ol-top); height: 1px; transform-origin: center; }
.hx-frame .rl, .hx-frame .rr{ top: calc(var(--ol-top) + 1px); bottom: 0; width: 1px; transform-origin: top; }
.hx-frame .rl{ left: var(--ol-rail); }
.hx-frame .rr{ right: var(--ol-rail); }
html.hx-intro body.hx-ol .hx-frame{ display: block; }
html.hx-intro body.hx-ol section.hero{ background-size: 0 0 !important; }
html.hx-intro body.hx-ol section.hero::after{ border-inline-color: transparent; }
html.hx-intro .hx-frame .nl{ animation: hx-sx 490ms cubic-bezier(.65,0,.35,1) both; }
html.hx-intro .hx-frame .rl, html.hx-intro .hx-frame .rr{ animation: hx-sy 700ms cubic-bezier(.65,0,.35,1) 270ms both; }
html.hx-intro body.hx-ol section.hero::before{ animation: hx-fade 210ms ease-out 360ms both; }
@keyframes hx-sx{ from { transform: scaleX(0); } }
@keyframes hx-sy{ from { transform: scaleY(0); } }
@keyframes hx-fade{ from { opacity: 0; } }
html.hx-intro body.hx-ol .fg{ -webkit-mask-image: radial-gradient(circle at 50% 46%, #000 var(--hx-r), transparent calc(var(--hx-r) + 240px)); mask-image: radial-gradient(circle at 50% 46%, #000 var(--hx-r), transparent calc(var(--hx-r) + 240px)); animation: hx-grid 1260ms cubic-bezier(.45,0,.25,1) 180ms both; }
@keyframes hx-grid{ from { --hx-r: -240px; } to { --hx-r: 1000px; } }
html.hx-intro .orbit-hero .h-hero:not(.hx-split){ visibility: hidden; }
.orbit-hero .hx-w{ display: inline-block; }
html.hx-intro .orbit-hero .hx-w{ animation: hx-word 490ms cubic-bezier(.2,.8,.2,1) calc(250ms + var(--i) * 40ms) both; }
@keyframes hx-word{ from { opacity: 0; transform: translateY(.32em); filter: blur(10px); } }
html.hx-intro .orbit-hero .hw > span{ background: linear-gradient(90deg, var(--ss-sea, #0e8a72) 0 50%, var(--hx-ink, #171717) 50%) 100% 0 / 200% 100% no-repeat; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: hx-sweep 490ms cubic-bezier(.65,0,.35,1) 880ms forwards; }
@keyframes hx-sweep{ to { background-position: 0 0; } }
html.hx-intro .orbit-hero .hero-copy .lead{ animation: hx-rise 490ms cubic-bezier(.2,.8,.2,1) 600ms both; }
html.hx-intro .orbit-hero .hero-copy .hero-cta{ animation: hx-rise 490ms cubic-bezier(.2,.8,.2,1) 700ms both; }
@keyframes hx-rise{ from { opacity: 0; transform: translateY(14px); } }
html.hx-intro body.hx-ol .orbit-hero .hero-ed{ animation: hx-wipe 520ms cubic-bezier(.65,0,.35,1) 700ms both; }
@keyframes hx-wipe{ from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
html.hx-intro .orbit-hero .hero-ed .ed-bar > *{ animation: hx-fade 280ms ease-out 940ms both; }
html.hx-intro .orbit-hero .hero-ed .ed-req .ln{ animation: hx-type 270ms steps(22, end) calc(1050ms + var(--i) * 180ms) both; }
@keyframes hx-type{ from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
html.hx-intro .orbit-hero .hx-jl{ animation: hx-fade 180ms ease-out calc(1220ms + var(--i) * 30ms) both; }
html.hx-intro .orbit-hero .hero-ed .hp-st{ animation: hx-pop 290ms cubic-bezier(.3,1.5,.5,1) 1640ms both; transform-origin: right center; }
@keyframes hx-pop{ from { opacity: 0; transform: scale(.7); } }
html.hx-intro body.hx-ol .fg-plat{ animation: hx-fade 420ms ease-out 1190ms both; }
@media (prefers-reduced-motion: reduce){ .hx-frame { display: none !important; } }
#platforms .px-head{ display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; padding: 72px var(--ol-x, 32px) 36px; border-bottom: 1px solid var(--ol-line); }
#platforms .px-head .eyebrow{ margin: 0 0 10px; }
#platforms .px-head .h-section{ margin: 0; }
#platforms .px-head .pv-s{ width: 300px; flex: none; height: 42px; border-radius: 10px; }
#platforms .px-cats{ display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); border-bottom: 1px solid var(--ol-line); }
#platforms .px-cats button{ height: 54px; padding: 0 16px; border: 0; border-radius: 0; background: transparent; box-shadow: inset -1px 0 0 var(--ol-line); font: 500 14px/1 var(--ss-font-body, Geist, sans-serif); color: #6b6b6b; cursor: pointer; white-space: nowrap; transition: background .2s, color .2s; }
#platforms .px-cats button:last-child{ box-shadow: none; }
#platforms .px-cats button span{ margin-left: 6px; font-size: 12px; color: #a3a3a3; font-variant-numeric: tabular-nums; }
#platforms .px-cats button:hover{ background: #f2f2f2; color: var(--obsidian, #171717); }
#platforms .px-cats button[aria-pressed="true"]{ background: #fff; color: var(--obsidian, #171717); }
#platforms .px-cats button[aria-pressed="true"] span{ color: var(--sea, #0e8a72); }
#platforms .px-cats button:focus-visible{ outline: 2px solid var(--sea); outline-offset: -2px; }
body #platforms .pv{ grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
body #platforms .pv-nav{ background: transparent; box-shadow: 1px 0 0 var(--ol-line); }
body #platforms .pv-list{ position: static !important; inset: auto !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: start; gap: 0 !important; padding: 0 0 1px !important; max-height: none !important; overflow: hidden !important; }
body #platforms .pv-item{ display: grid; grid-template-columns: 28px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 12px; row-gap: 3px; align-content: center; min-height: 78px; width: auto; padding: 14px 16px; border-radius: 0; background: transparent; box-shadow: 1px 0 0 var(--ol-line), 0 1px 0 var(--ol-line); text-align: left; transition: background .2s; }
body #platforms .pv-item[hidden]{ display: none; }
body #platforms .pv-item .pv-t{ grid-row: 1 / 3; align-self: center; }
body #platforms .pv-item .pv-nm{ min-width: 0; overflow: visible !important; white-space: normal !important; text-overflow: clip !important; overflow-wrap: break-word; font-size: 14px; font-weight: 500; color: var(--obsidian, #171717); }
body #platforms .pv-item .pv-c{ margin: 0; font-size: 12px; color: #8a8a8a; }
body #platforms .pv-item:hover{ background: #f2f2f2; }
body #platforms .pv-item[aria-selected="true"]{ background: #fff; box-shadow: 1px 0 0 var(--ol-line), 0 1px 0 var(--ol-line); }
body #platforms .pv-item[aria-selected="true"] .pv-c{ color: var(--sea, #0e8a72); }
#platforms .pv-none{ grid-column: 1 / -1; margin: 0; padding: 28px 16px; font-size: 14px; color: #8a8a8a; }
body #platforms .pv-row.is-cur{ background: #f2f2f2; }
#platforms .px-req{ display: flex; align-items: flex-start; gap: 20px; padding: 18px var(--ol-x, 32px); border-top: 1px solid var(--ol-line); }
#platforms .px-req > span{ flex: none; padding-top: 2px; font-size: 12px; color: #8a8a8a; }
#platforms .px-req pre{ margin: 0; min-width: 0; overflow-x: auto; font: 400 13px/1.7 var(--ss-font-body, Geist, sans-serif); color: var(--obsidian, #171717); scrollbar-width: none; }
#platforms .px-req pre::-webkit-scrollbar{ display: none; }
#platforms .px-req b{ font-weight: 500; color: var(--sea, #0e8a72); }
#platforms .px-req i{ font-style: normal; color: #8a8a8a; }
body #platforms .pl-ix{ display: grid; grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)); gap: 0; margin: 0; padding: 0 !important; overflow: hidden; border-top: 1px solid var(--ol-line); }
body #platforms .pl-ix a{ position: relative; display: flex; align-items: center; height: 48px; padding: 0 20px; box-shadow: 1px 0 0 var(--ol-line), 0 1px 0 var(--ol-line); font-size: 14px; color: var(--charcoal, #3d3d3d); text-decoration: none; transition: background .2s, color .2s; }
body #platforms .pl-ix a::after{ content: "→"; margin-left: auto; color: #b5b5b5; opacity: 0; transform: translateX(-4px); transition: opacity .2s, transform .2s; }
body #platforms .pl-ix a:hover{ background: #f2f2f2; color: var(--obsidian, #171717); text-decoration: none; }
body #platforms .pl-ix a:hover::after{ opacity: 1; transform: none; }
@media (max-width: 860px){#platforms .px-head{ flex-direction: column; align-items: stretch; gap: 22px; padding: 48px 20px 24px; }
#platforms .px-head .pv-s{ width: auto; }
#platforms .px-cats{ grid-auto-columns: max-content; overflow-x: auto; scrollbar-width: none; }
#platforms .px-cats::-webkit-scrollbar{ display: none; }
#platforms .px-cats button{ height: 48px; padding: 0 18px; }
body #platforms .pv{ grid-template-columns: minmax(0, 1fr); }
body #platforms .pv-nav{ box-shadow: 0 1px 0 var(--ol-line); }
body #platforms .pv-item{ grid-template-columns: minmax(0, 1fr); justify-items: center; min-height: 82px; padding: 12px 6px; text-align: center; row-gap: 8px; }
body #platforms .pv-item .pv-t{ grid-row: auto; }
body #platforms .pv-item .pv-nm{ max-width: 100%; font-size: 13px; }
body #platforms .pv-item .pv-c{ display: none; }
#platforms .px-req{ flex-direction: column; gap: 6px; padding: 16px 20px; }
body #platforms .pl-ix{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
body #platforms .pl-ix a{ height: 44px; padding: 0 14px; font-size: 13px; }
}
body #platforms .pv{ grid-template-columns: minmax(0, 1fr) !important; }
body #platforms .pv-nav{ box-shadow: none; height: auto !important; min-height: 0 !important; }
body #platforms .pv{ overflow: visible !important; height: auto !important; min-height: 0 !important; }
body #platforms{ padding-bottom: 0 !important; }
body #platforms .pv-list{ grid-template-columns: repeat(6, minmax(0, 1fr)); padding: 0 !important; }
body #platforms a.pv-item{ color: inherit; text-decoration: none; }
body #platforms a.pv-item:focus-visible{ outline: 2px solid var(--sea); outline-offset: -2px; }
@media (max-width: 1100px){ body #platforms .pv-list { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 860px){body #platforms .pv-list{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce){ #platforms .px-cats button, body #platforms .pv-item, body #platforms .pl-ix a, body #platforms .pl-ix a::after { transition: none; } }
.uc2-b::before{ content: none !important; display: none !important; }
.uc2-b{ gap: 12px; }
.uc2-ic{ flex: none; width: 20px; height: 20px; fill: none; stroke: #9a9a9a; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: stroke .2s; }
.uc2-i.is-on .uc2-ic{ stroke: var(--sea); }
.uc2-i{ cursor: pointer; background: transparent; box-shadow: none; transition: background-color .2s, box-shadow .2s; }
.uc2-i:not(.is-on):hover{ background: #f3f3f3; }
.uc2-i.is-on{ background: #fff !important; box-shadow: inset 3px 0 0 var(--sea) !important; }
.uc2-b{ color: #3d3d3d; font-weight: 500; }
.uc2-i.is-on .uc2-b{ color: var(--sea); font-weight: 600; }
.uc2-d{ display: block !important; padding-left: 32px !important; }
.uc2-d p{ color: #8a8a8a; margin: 0; }
.uc2-i.is-on .uc2-d p{ color: var(--charcoal); }
.uc2-i:not(.is-on) .uc-uses{ display: none; }
.uc2-i.is-on .uc2-d{ animation: none !important; }
.uc2-i.is-on .uc-uses{ animation: uc2-in .35s ease both; }
.uc2-i .uc-uses{ gap: 6px; margin-top: 14px; }
.uc2-i.is-on .uc-uses a{ min-height: 28px; padding: 0 11px; background: #fff; box-shadow: inset 0 0 0 1px var(--hairline); color: var(--sea); font-size: 12.5px; font-weight: 500; text-decoration: none; transition: background-color .15s; }
.uc2-i.is-on .uc-uses a:hover{ background: #f3f3f3; text-decoration: none; }
.uc2-i.is-on .uc2-bar{ margin-top: 18px; background: var(--hairline); }
.uc2-art, .uc2-art.bx-mint, .uc2-art.bx-deep, .uc2-art.bx-spring{ background: var(--ss-paper, #fafafa) !important; }
.uc2-art::before, .uc2-art::after{ content: ""; position: absolute; pointer-events: none; }
.uc2-art::before{ top: 0; bottom: 0; left: 28px; right: 28px; border-inline: 1px solid var(--hairline); }
.uc2-art::after{ left: 0; right: 0; top: 28px; bottom: 28px; border-block: 1px solid var(--hairline); }
.uc2-art .uv-stage{ z-index: 1; }
.uc2-art .uv-win, .bx-deep .uv-win{ box-shadow: 0 0 0 1px rgba(10, 31, 29, .07), 0 18px 40px -18px rgba(10, 31, 29, .22); }
.uc2-art .uv-tag, .uc2-art .uv-chip.on, .uc2-art .uv-ok, .uc2-art .uv-chk{ background: #eef0ef; }
.uc2-art .uv-tr.on, .uc2-art .uv-ts.on{ background: #f6f7f7; box-shadow: inset 3px 0 0 var(--sea); }
.uc2-art .uv-doc blockquote{ background: #f6f7f7; }
@media (min-width: 861px){.uc2-b{ padding: 24px 0 6px; font-size: 19px; }
.uc2-i.is-on .uc2-b{ padding-bottom: 6px; }
.uc2-d{ padding-bottom: 24px !important; }
.uc2-d p{ font-size: 15px; line-height: 1.5; max-width: 40ch; }
.uc2,body.ol .uc2{ min-height: 0; padding-right: calc(100% - 440px); }
.uc2-art,body.ol .uc2-art{ left: 440px; padding: 40px; }
}
@media (max-width: 860px){.uc2-b{ padding: 18px 0 4px; font-size: 17px; }
.uc2-d{ padding-bottom: 18px !important; }
.uc2-d p{ font-size: 14.5px; line-height: 1.5; }
.uc2-i.is-on .uc2-art{ margin-top: 18px; }
.uc2-art::before{ left: 16px; right: 16px; }
.uc2-art::after{ top: 16px; bottom: 16px; }
}
.uc2-art{ isolation: isolate; }
.uc2-art > .uv-stage{ z-index: 1; }
.uc2-art .uc2-dots{ position: absolute; inset: 28px; z-index: 0; pointer-events: none; background-image: radial-gradient(rgba(15, 61, 58, .2) 1.2px, transparent 1.6px); background-size: 22px 22px; background-position: center; }
.uc2 .uc2-i.is-on .uc2-bar i{ animation-duration: 4s; }
@media (max-width: 860px){.uc2-art .uc2-dots{ inset: 16px; background-size: 18px 18px; }
}
html.sx .sx-s:not(.sx-go) .sx-h, html.sx .sx-s:not(.sx-go) .sx-r{ opacity: 0; }
.sx-go .sx-h{ animation: sx-mask 900ms cubic-bezier(.16,1,.3,1) 120ms backwards; }
@keyframes sx-mask{ from { clip-path: inset(0 0 100% 0); transform: translateY(.45em); } to { clip-path: inset(-.25em -.25em -.25em -.25em); transform: none; } }
.sx-go .sx-r{ animation: sx-up 650ms cubic-bezier(.2,.8,.2,1) calc(var(--sd, 300ms) + var(--i) * 70ms) backwards; }
@keyframes sx-up{ from { opacity: 0; transform: translateY(14px); } }
.sx-s.sx-lw{ border-top-color: transparent !important; }
.sx-ln{ position: absolute; left: 0; right: 0; top: -1px; height: 1px; z-index: 3; pointer-events: none; transform: scaleX(0); transform-origin: center; }
.sx-go > .sx-ln{ animation: sx-ln 900ms cubic-bezier(.65,0,.35,1) forwards; }
@keyframes sx-ln{ to { transform: scaleX(1); } }
.ft2 .ft2-word.sx-r{ --sd: 420ms; }
.sx-go .ft2-word.sx-r{ animation: sx-mask 1100ms cubic-bezier(.16,1,.3,1) 380ms backwards; }
@media (prefers-reduced-motion: reduce){ .sx-h, .sx-r, .sx-ln { animation: none !important; opacity: 1 !important; } }
.sp-4 .sp-tbs{ position: absolute !important; width: 0; height: 0; min-height: 0; margin: 0 !important; padding: 0 !important; overflow: hidden; visibility: hidden; }
.sp-4 .sp-tb{ display: none !important; }
body.tp{ --tp-line: var(--ol-line, #e5e5e5); }
.tp .sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.ol main > section.tp-hero{ padding-top: calc(var(--bn-h, 0px) + 60px); padding-bottom: 0; border-top: 0; }
body.ol main > section.tp-hero > .wrap::before{ bottom: 0; }
.tp-top{ display: grid; justify-items: center; text-align: center; padding: 72px var(--ol-x) 44px; }
.tp-crumb{ display: flex; align-items: center; gap: 6px; margin: 0 0 18px; font-size: 14px; color: #737373; }
.tp-crumb a{ color: var(--ss-sea, #0e8a72); text-decoration: none; font-weight: 500; }
.tp-crumb a:hover{ text-decoration: underline; text-underline-offset: 3px; }
.tp-crumb svg{ width: 14px; height: 14px; fill: none; stroke: #b5b5b5; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tp-h1{ margin: 0; max-width: 15ch; font: 500 clamp(40px, 5.4vw, 72px)/1.02 var(--ss-font-heading, "DM Sans", sans-serif); letter-spacing: -.04em; color: #171717; text-wrap: balance; }
.tp-lead{ margin: 18px 0 0; font-size: 19px; line-height: 1.5; color: #525252; }
.tp-box{ border-top: 1px solid var(--tp-line); }
.tp-form{ padding: 28px var(--ol-x) 22px; border-bottom: 1px solid var(--tp-line); background: #fff; }
.tp-seg{ display: inline-flex; gap: 2px; padding: 3px; border-radius: 10px; background: #f1f1f1; margin-bottom: 14px; }
.tp-seg button{ height: 32px; padding: 0 14px; border: 0; border-radius: 8px; background: none; font: 500 14px/1 var(--ss-font-body, Geist, sans-serif); color: #737373; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.tp-seg button.on{ background: #fff; color: #171717; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.tp-seg button:disabled{ cursor: default; }
.tp-seg em{ font-style: normal; font-size: 11px; font-weight: 600; padding: 2px 6px; border-radius: 99px; background: #e5e5e5; color: #525252; }
.tp-in{ display: flex; gap: 10px; }
.tp-field{ flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; height: 56px; padding: 0 16px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px #d9d9d9; transition: box-shadow .2s; cursor: text; }
.tp-field:focus-within{ box-shadow: inset 0 0 0 2px var(--ss-sea, #0e8a72); }
.tp-field input{ flex: 1; min-width: 0; border: 0; outline: 0; background: none; font: 400 16px/1 var(--ss-font-body, Geist, sans-serif); color: #171717; }
.tp-go{ flex: none; display: inline-flex; align-items: center; gap: 8px; height: 56px; padding: 0 24px; border: 0; border-radius: 12px; background: var(--ss-spring, #14c9a0); color: var(--ss-deep, #0f3d3a); font: 600 16px/1 var(--ss-font-body, Geist, sans-serif); cursor: pointer; transition: background-color .2s; }
.tp-go:hover{ background: #12b892; }
.tp-go svg{ width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
.tp-go:hover svg{ transform: translateX(3px); }
.tp-go.is-busy{ pointer-events: none; }
.tp-go.is-busy svg{ animation: tp-spin .8s linear infinite; }
@keyframes tp-spin{ to { transform: rotate(360deg); } }
.tp-note{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; margin: 14px 0 0; font-size: 14px; color: #737373; }
.tp-note a{ color: var(--ss-sea, #0e8a72); font-weight: 500; text-underline-offset: 3px; }
.tp-top{ position: relative; }
.tp-top > :not(.tp-hv){ position: relative; z-index: 1; }
.tp-hv{ position: absolute; inset: 0; pointer-events: none; }
.tp-hv > *{ position: absolute; rotate: var(--r, 0deg); }
.tp-hv-tile{ left: 9%; top: 16%; display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 18px; background: #ff0033; color: #fff; box-shadow: 0 18px 40px -16px rgba(255, 0, 51, .45); }
.tp-hv-tile svg{ fill: currentColor; }
.tp-hv-card{ background: #fff; border-radius: 14px; box-shadow: 0 0 0 1px #e8e8e8, 0 16px 34px -18px rgba(15, 61, 58, .3); }
.tp-hv-lines{ left: 4%; top: 58%; display: grid; gap: 8px; width: 208px; padding: 14px 16px; text-align: left; }
.tp-hv-lines span{ display: grid; grid-template-columns: 34px 1fr; gap: 8px; align-items: center; font: 500 11px/1 var(--ss-font-body, Geist, sans-serif); color: var(--ss-sea, #0e8a72); font-variant-numeric: tabular-nums; }
.tp-hv-lines i{ display: block; height: 7px; border-radius: 99px; background: #eef0ef; }
.tp-hv-file{ right: 5%; top: 42%; display: flex; align-items: center; gap: 10px; padding: 10px 16px 10px 10px; text-align: left; }
.tp-hv-file .ic{ display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 38px; border-radius: 6px; background: var(--ss-deep, #0f3d3a); color: #fff; font: 600 10px/1 var(--ss-font-body, Geist, sans-serif); }
.tp-hv-file strong{ display: block; font-size: 13px; font-weight: 500; color: #171717; }
.tp-hv-file small{ display: block; margin-top: 3px; font-size: 12px; color: #737373; }
@media (prefers-reduced-motion: no-preference){
  .tp-hv > * { animation: tp-pop .8s cubic-bezier(.2,.8,.2,1) backwards, tp-bob 7s ease-in-out infinite; animation-delay: .35s, var(--d, 0s); }
  .tp-hv-lines { animation-delay: .5s, var(--d, 0s) !important; } .tp-hv-file { animation-delay: .62s, var(--d, 0s) !important; }
}
@keyframes tp-pop{ from { opacity: 0; transform: translateY(18px) scale(.94); } }
@keyframes tp-bob{ 50% { transform: translateY(-8px); } }
@media (max-width: 1100px){ .tp-hv-tile { left: 4%; top: 10%; } .tp-hv-lines { left: 2%; top: 64%; width: 176px; } .tp-hv-file { right: 2%; top: 60%; } }
@media (max-width: 860px){.tp-hv{ display: none; }
}
.tp-res{ background: var(--ss-paper, #fafafa); }
.tp-rh{ display: flex; align-items: center; gap: 12px; padding: 16px var(--ol-x); border-bottom: 1px solid var(--tp-line); }
.tp-vid{ display: flex; align-items: center; gap: 12px; min-width: 0; }
.tp-vid > div{ display: grid; gap: 3px; min-width: 0; }
.tp-vid b{ font: 600 15px/1.2 var(--ss-font-body, Geist, sans-serif); color: #171717; }
.tp-vid span:not(.uv-ic){ font-size: 13px; color: #737373; }
.tp .uv-ic svg{ width: 14px; height: 14px; fill: #fff; }
.tp .uv-ic.sm svg{ width: 12px; height: 12px; }
.tp .uv-ic.xs svg{ width: 9px; height: 9px; }
.tp-tag{ padding: 3px 8px; border-radius: 99px; background: #eef0ef; color: var(--ss-sea, #0e8a72); font-size: 11px; font-weight: 600; }
.tp-acts{ margin-left: auto; display: flex; gap: 6px; }
.tp-act{ display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border: 0; border-radius: 8px; background: #fff; box-shadow: inset 0 0 0 1px #e3e3e3; font: 500 13.5px/1 var(--ss-font-body, Geist, sans-serif); color: #171717; cursor: pointer; transition: background-color .15s; }
.tp-act:hover{ background: #f3f3f3; }
.tp-act svg{ width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tp-rb{ display: grid; grid-template-columns: minmax(0, 1fr) 280px; }
.tp-lines{ list-style: none; margin: 0; padding: 10px 0; }
.tp-lines li{ display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: baseline; padding: 10px var(--ol-x); font-size: 16px; line-height: 1.5; color: #3d3d3d; transition: background-color .15s; cursor: pointer; }
.tp-lines li:hover{ background: #f3f3f3; }
.tp-lines li.on{ background: #fff; box-shadow: inset 3px 0 0 var(--ss-sea, #0e8a72); color: #171717; }
.tp-lines time{ font: 500 13.5px/1 var(--ss-font-body, Geist, sans-serif); color: var(--ss-sea, #0e8a72); font-variant-numeric: tabular-nums; }
.tp-meta{ margin: 0; padding: 20px 28px; border-left: 1px solid var(--tp-line); display: grid; align-content: start; gap: 0; }
.tp-meta > div{ display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--tp-line); font-size: 14px; }
.tp-meta > div:last-child{ border-bottom: 0; }
.tp-meta dt{ color: #737373; }
.tp-meta dd{ margin: 0; color: #171717; font-weight: 500; }
.tp-res.is-new .tp-lines li{ animation: tp-line .5s cubic-bezier(.2,.8,.2,1) calc(var(--i) * 55ms) backwards; }
@keyframes tp-line{ from { opacity: 0; transform: translateY(8px); } }
@media (prefers-reduced-motion: no-preference){
  .tp-top > * { animation: tp-rise .7s cubic-bezier(.2,.8,.2,1) backwards; }
  .tp-crumb { animation-delay: .05s !important; } .tp-h1 { animation-delay: .12s !important; } .tp-lead { animation-delay: .22s !important; }
  .tp-form { animation: tp-rise .7s cubic-bezier(.2,.8,.2,1) .32s backwards; }
  .tp-rh { animation: tp-fade .5s ease-out .5s backwards; }
  .tp-meta { animation: tp-fade .6s ease-out .9s backwards; }
  .tp-lines li { animation: tp-line .5s cubic-bezier(.2,.8,.2,1) calc(.55s + var(--i) * 55ms) backwards; }
}
@keyframes tp-rise{ from { opacity: 0; transform: translateY(16px); } }
@keyframes tp-fade{ from { opacity: 0; } }
.tp-steps{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tp-steps > li + li{ border-left: 1px solid var(--tp-line); }
.tp-art{ height: 210px; margin: 24px 24px 0; border-radius: 12px; background: #f1f2f1; display: grid; place-items: center; align-content: center; gap: 14px; overflow: hidden; }
.tp-st{ padding: 24px var(--ol-x) 36px; }
.tp-st h3{ margin: 14px 0 6px; font: 600 20px/1.2 var(--ss-font-heading, "DM Sans", sans-serif); letter-spacing: -.02em; color: #171717; }
.tp-st p{ margin: 0; font-size: 15.5px; line-height: 1.55; color: #525252; max-width: 34ch; }
.tp-n{ display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--ss-deep, #0f3d3a); color: #fff; font: 600 13px/1 var(--ss-font-body, Geist, sans-serif); }
.ta-field{ display: flex; align-items: center; gap: 8px; width: 78%; height: 44px; padding: 0 12px; border-radius: 10px; background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 10px 24px -14px rgba(0,0,0,.25); font-size: 13.5px; color: #3d3d3d; }
.ta-caret{ width: 1.5px; height: 18px; background: var(--ss-sea, #0e8a72); animation: tp-blink 1s steps(1) infinite; }
@keyframes tp-blink{ 50% { opacity: 0; } }
.ta-chips{ display: flex; gap: 6px; }
.ta-chips span{ padding: 5px 10px; border-radius: 99px; background: #fff; font-size: 12px; font-weight: 500; color: #525252; }
.ta-lines{ width: 80%; padding: 10px 0; border-radius: 10px; background: #fff; box-shadow: 0 10px 24px -14px rgba(0,0,0,.25); }
.ta-lines p{ display: flex; align-items: center; gap: 12px; margin: 0; padding: 8px 14px; }
.ta-lines p.on{ background: #f6f7f7; box-shadow: inset 3px 0 0 var(--ss-sea, #0e8a72); }
.ta-lines time{ font-size: 12px; font-weight: 600; color: var(--ss-sea, #0e8a72); width: 30px; }
.ta-lines i, .ta-file i{ display: block; height: 7px; border-radius: 4px; background: #e3e6e5; }
.ta-lines p.on i{ background: var(--ss-spring, #14c9a0); }
.ta-files{ display: flex; gap: 14px; }
.ta-file{ width: 112px; height: 136px; padding: 14px; border-radius: 10px; background: #fff; box-shadow: 0 10px 24px -14px rgba(0,0,0,.25); display: grid; align-content: start; gap: 8px; rotate: -4deg; }
.ta-file.ta-srt{ rotate: 4deg; translate: 0 10px; }
.ta-file b{ justify-self: start; padding: 3px 8px; border-radius: 6px; background: var(--ss-deep, #0f3d3a); color: #fff; font-size: 12px; font-weight: 600; margin-bottom: 4px; }
.ta-file.ta-srt b{ background: var(--ss-spring, #14c9a0); color: var(--ss-deep, #0f3d3a); }
.ta-file em{ font-style: normal; font-size: 10.5px; font-weight: 600; color: var(--ss-sea, #0e8a72); }
.ta-file i:nth-of-type(2){ width: 80%; }
.ta-file i:nth-of-type(3){ width: 60%; }
.tp-cite{ display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; padding: 6px 10px; border-radius: 8px; background: #f3f4f4; font-size: 12px; color: #3d3d3d; }
.tp-cite em{ font-style: normal; font-weight: 600; color: var(--ss-sea, #0e8a72); }
.tp-srt{ padding: 6px 0; }
.tp-srt p{ display: grid; gap: 3px; margin: 0; padding: 10px 16px; border-top: 1px solid #f2f5f4; font-size: 12.5px; color: #1d2b29; }
.tp-srt p:first-child{ border-top: 0; }
.tp-srt p.on{ background: #f6f7f7; box-shadow: inset 3px 0 0 var(--ss-sea, #0e8a72); }
.tp-srt em{ font-style: normal; font-size: 11px; color: #7a8886; }
.tp-srt time{ font-size: 11px; font-weight: 600; color: var(--ss-sea, #0e8a72); }
.tp-player{ padding: 0; }
.tp-scr{ position: relative; height: 172px; background: #0f3d3a; display: grid; place-items: center; }
.tp-scr .uv-play{ width: 46px; height: 46px; border-radius: 50%; background: rgba(255,255,255,.16); display: grid; place-items: center; }
.tp-scr .uv-play svg{ fill: #fff; }
.tp-cap{ position: absolute; left: 14px; right: 14px; bottom: 12px; padding: 6px 10px; border-radius: 6px; background: rgba(0,0,0,.72); color: #fff; font-size: 12px; text-align: center; }
.tp-bar{ display: flex; align-items: center; gap: 10px; padding: 12px 14px; }
.tp-bar i{ flex: 1; height: 4px; border-radius: 2px; background: linear-gradient(90deg, var(--ss-spring, #14c9a0) 6%, #e3e6e5 6%); }
.tp-bar em{ font-style: normal; font-size: 11px; color: #7a8886; }
.tp-hits p{ display: flex; gap: 14px; margin: 0; padding: 14px 16px; border-top: 1px solid #f2f5f4; font-size: 13px; color: #1d2b29; }
.tp-hits p:first-child{ border-top: 0; }
.tp-hits time{ font-size: 12px; font-weight: 600; color: var(--ss-sea, #0e8a72); }
.tp-hits mark{ background: #dff5ee; color: #0f3d3a; border-radius: 3px; padding: 0 2px; }
.tp-note2{ display: grid; gap: 8px; padding: 6px 16px 16px; }
.tp-note2 i{ display: block; height: 7px; border-radius: 4px; background: #eef1f0; }
.tp-note2 blockquote{ margin: 4px 0; padding: 10px 12px; border-radius: 8px; background: #f6f7f7; box-shadow: inset 3px 0 0 var(--ss-sea, #0e8a72); font-size: 12.5px; font-weight: 500; color: #0f3d3a; }
.tp-note2 blockquote em{ display: block; margin-top: 4px; font-style: normal; font-weight: 400; font-size: 11px; color: #7a8886; }
.tp .uv-vt{ display: flex; align-items: center; gap: 10px; padding: 14px 16px 6px; }
.tp .uv-vt > div{ display: grid; gap: 2px; }
.tp .uv-vt b{ font-size: 13px; color: #0f3d3a; }
.tp .uv-vt span:not(.uv-ic){ font-size: 11.5px; color: #6c7a78; }
.tp-api{ display: grid; grid-template-columns: 340px minmax(0, 1fr); }
.tp-how{ list-style: none; margin: 0; padding: 36px var(--ol-x); display: grid; align-content: start; gap: 26px; }
.tp-how li{ display: flex; gap: 14px; }
.tp-how .tp-n{ flex: none; }
.tp-how h3{ margin: 2px 0 4px; font: 600 18px/1.25 var(--ss-font-heading, "DM Sans", sans-serif); letter-spacing: -.015em; color: #171717; }
.tp-how p{ margin: 0; font-size: 15px; line-height: 1.5; color: #525252; }
.tp-ref{ flex-wrap: wrap; gap: 10px 18px !important; padding-top: 4px; }
.tp-ref a{ color: var(--ss-sea, #0e8a72); font-weight: 500; font-size: 15px; text-underline-offset: 3px; }
.tp-code{ display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); border-left: 1px solid var(--tp-line); background: #fff; }
.tp-resp{ border-left: 1px solid var(--tp-line); }
.tp-cb{ display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 16px; border-bottom: 1px solid var(--tp-line); }
.tp-cl{ font-size: 13.5px; font-weight: 500; color: #525252; }
.tp-tabs{ display: flex; gap: 2px; padding: 3px; margin-left: auto; border-radius: 8px; background: #f1f1f1; }
.tp-tabs button{ height: 26px; padding: 0 10px; border: 0; border-radius: 6px; background: none; font: 500 12.5px/1 var(--ss-font-body, Geist, sans-serif); color: #737373; cursor: pointer; }
.tp-tabs button[aria-selected="true"]{ background: #fff; color: #171717; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.tp-cpy{ height: 30px; padding: 0 12px; border: 0; border-radius: 7px; background: var(--ss-spring, #14c9a0); color: var(--ss-deep, #0f3d3a); font: 600 12.5px/1 var(--ss-font-body, Geist, sans-serif); cursor: pointer; }
.tp-ok{ margin-left: auto; padding: 4px 9px; border-radius: 99px; background: var(--ss-spring, #14c9a0); color: var(--ss-deep, #0f3d3a); font-size: 12px; font-weight: 600; }
.tp-sv{ font-size: 12px; color: #737373; }
.tp-pre, .tp-json{ margin: 0; padding: 18px 16px 22px; overflow-x: auto; font: 400 13px/1.75 var(--ss-font-body, Geist, sans-serif); color: #171717; white-space: pre; }
.tp-pre code{ display: grid; font: inherit; }
.tp-pre .ln{ display: block; white-space: pre; }
.tp-pre .ln i{ display: inline-block; width: 26px; font-style: normal; color: #b5b5b5; user-select: none; }
.tp-pre .cs, .tp-json .s{ color: #0b5e50; }
.tp-pre .ck2{ color: #0e8a72; font-weight: 400; }
.tp-pre .tu, .tp-json .tu{ color: #9a9a9a; }
.tp-pre .tf{ color: #171717; }
.tp-pre .tp{ color: #171717; }
.tp-json .k{ color: #0e8a72; }
.tp-json .n{ color: #0f3d3a; }
.tp-tls{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tp-tl{ position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 14px; row-gap: 4px; align-content: start; padding: 26px var(--ol-x) 28px 28px; box-shadow: 1px 0 0 var(--tp-line), 0 1px 0 var(--tp-line); text-decoration: none; transition: background-color .2s; }
.tp-tl:hover{ background: #f3f3f3; }
.tp-tl .ptile{ grid-row: span 2; background: var(--c) !important; color: #fff !important; width: 34px; height: 34px; border-radius: 9px; }
.tp-tl .ptile svg{ width: 17px; height: 17px; }
.tp-tl b{ font: 600 15.5px/1.3 var(--ss-font-heading, "DM Sans", sans-serif); color: #171717; padding-right: 22px; }
.tp-tl span:not(.ptile){ font-size: 14px; line-height: 1.5; color: #737373; }
.tp-tl.tp-all{ grid-template-columns: minmax(0, 1fr); }
.tp-tl.tp-all b{ color: var(--ss-sea, #0e8a72); }
.tp-ar{ position: absolute; top: 28px; right: 22px; width: 16px; height: 16px; fill: none; stroke: #b5b5b5; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s, stroke .2s; }
.tp-tl:hover .tp-ar{ transform: translateX(3px); stroke: var(--ss-sea, #0e8a72); }
@media (max-width: 1100px){
  .tp-api { grid-template-columns: minmax(0, 1fr); }
  .tp-how { grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--tp-line); }
  .tp-ref { grid-column: 1 / -1; }
  .tp-code { border-left: 0; }
  .tp-tls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px){.tp-top{ padding: 48px var(--ol-x) 32px; }
.tp-lead{ font-size: 17px; }
.tp-in{ flex-direction: column; }
.tp-go{ justify-content: center; }
.tp-rh{ flex-wrap: wrap; }
.tp-acts{ margin-left: 0; width: 100%; }
.tp-act{ flex: 1; justify-content: center; }
.tp-rb{ grid-template-columns: minmax(0, 1fr); }
.tp-meta{ border-left: 0; border-top: 1px solid var(--tp-line); padding: 8px var(--ol-x); grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
.tp-meta > div:nth-last-child(2){ border-bottom: 0; }
.tp-meta > div{ flex-direction: column; gap: 3px; }
.tp-lines li{ grid-template-columns: 52px minmax(0, 1fr); font-size: 15px; }
.tp-steps{ grid-template-columns: minmax(0, 1fr); }
.tp-steps > li + li{ border-left: 0; border-top: 1px solid var(--tp-line); }
.tp-art{ margin: 20px var(--ol-x) 0; height: 190px; }
.tp-st{ padding: 20px var(--ol-x) 28px; }
.tp-how{ grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 28px var(--ol-x); }
.tp-code{ grid-template-columns: minmax(0, 1fr); }
.tp-resp{ border-left: 0; border-top: 1px solid var(--tp-line); }
.tp-cb{ padding: 0 var(--ol-x); }
.tp-pre,.tp-json{ padding-inline: var(--ol-x); font-size: 12.5px; }
.tp-tls{ grid-template-columns: minmax(0, 1fr); }
.tp-tl{ padding: 20px var(--ol-x); }
.tp-tl .tp-ar{ top: 22px; right: var(--ol-x); }
}
.iv-rows{ margin: 0; padding: 0; list-style: none; }
.iv-rows li{ display: grid; grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1.3fr); gap: 8px 28px; align-items: baseline; padding: 28px var(--ol-x, 40px); border-bottom: 1px solid var(--ol-line, #ebebeb); transition: background-color .2s; }
.iv-rows li:last-child{ border-bottom: 0; }
.iv-rows li:hover{ background: #f6f6f6; }
.iv-n{ font: 500 15px/1 var(--ss-font-body, Geist, sans-serif); color: var(--ss-sea, #0e8a72); font-variant-numeric: tabular-nums; }
.iv-rows h3{ margin: 0; font: 600 22px/1.25 var(--ss-font-heading, "DM Sans", sans-serif); letter-spacing: -.015em; color: var(--ss-ink, #171717); }
.iv-rows p{ margin: 0; max-width: 520px; font-size: 16px; line-height: 1.6; color: #5a5a5a; }
.iv-vs{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.iv-card + .iv-card{ border-left: 1px solid var(--ol-line, #ebebeb); }
.iv-art{ position: relative; display: grid; place-items: center; height: 260px; margin: 24px 24px 0; border-radius: 12px; background: #f1f2f1; overflow: hidden; }
.iv-tx{ padding: 22px var(--ol-x, 40px) 34px; }
.iv-tx h3{ margin: 0 0 6px; font: 600 22px/1.25 var(--ss-font-heading, "DM Sans", sans-serif); letter-spacing: -.015em; color: var(--ss-ink, #171717); }
.iv-tx p{ margin: 0; max-width: 460px; font-size: 16px; line-height: 1.6; color: #5a5a5a; }
.iv-story{ display: grid; align-content: start; gap: 9px; width: 120px; height: 170px; padding: 12px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px #e6e8e7, 0 16px 34px -20px rgba(15, 61, 58, .35); margin-bottom: 34px; }
.iv-prog{ display: flex; gap: 4px; margin-bottom: 6px; }
.iv-prog i{ position: relative; flex: 1; height: 3px; border-radius: 2px; background: #e3e7e5; overflow: hidden; }
.iv-prog i.on{ background: var(--ss-sea, #0e8a72); }
.iv-prog i.run::after{ content: ""; position: absolute; inset: 0; background: var(--ss-sea, #0e8a72); transform-origin: left; animation: iv-run 5s linear infinite; }
@keyframes iv-run{ from { transform: scaleX(0); } }
.iv-ln{ display: block; height: 7px; border-radius: 4px; background: #e3e7e5; }
.iv-ln.dk{ height: 9px; background: var(--ss-deep, #0f3d3a); }
.iv-ln.w50{ width: 50%; }
.iv-ln.w60{ width: 60%; }
.iv-ln.w70{ width: 70%; }
.iv-ln.w80{ width: 80%; }
.iv-blk{ height: 70px; margin-top: 4px; border-radius: 8px; background: #eceeed; }
.iv-prof{ display: grid; gap: 9px; width: 250px; padding: 18px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px #e6e8e7, 0 16px 34px -20px rgba(15, 61, 58, .35); margin-bottom: 34px; }
.iv-covers{ display: flex; gap: 10px; margin-top: 8px; }
.iv-covers span{ display: grid; justify-items: center; gap: 6px; font-size: 11px; font-weight: 500; color: #525252; }
.iv-covers i{ width: 42px; height: 42px; border-radius: 11px; background: var(--c); }
.iv-tag{ position: absolute; left: 50%; bottom: 16px; translate: -50% 0; display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 999px; background: #fff; box-shadow: 0 0 0 1px #e3e3e3; font-size: 12.5px; font-weight: 500; color: var(--ss-deep, #0f3d3a); white-space: nowrap; }
.iv-tag svg{ width: 14px; height: 14px; fill: none; stroke: var(--ss-sea, #0e8a72); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 860px){.iv-rows li{ grid-template-columns: 40px minmax(0, 1fr); padding: 22px var(--ol-x, 24px); }
.iv-rows p{ grid-column: 2; }
.iv-rows h3,.iv-tx h3{ font-size: 19px; }
.iv-vs{ grid-template-columns: minmax(0, 1fr); }
.iv-card + .iv-card{ border-left: 0; border-top: 1px solid var(--ol-line, #ebebeb); }
.iv-art{ margin: 20px var(--ol-x, 24px) 0; height: 240px; }
.iv-tx{ padding: 18px var(--ol-x, 24px) 28px; }
}
@media (prefers-reduced-motion: reduce){ .iv-prog i.run::after { animation: none; } }
.uv-ic svg, .uv-ic svg path{ fill: #fff; }
.bw{ display: flex; align-items: center; gap: 14px; margin-top: 16px; padding: 12px 12px 12px 14px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px var(--hairline, #e8e8e8); }
.bw-mk{ flex: none; }
.bw-t{ flex: 1; min-width: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin: 0; font-size: 14px; line-height: 1.4; color: #737373; }
.bw-t b{ font-weight: 600; color: #171717; }
.bw-a{ flex: none; display: flex; align-items: center; gap: 16px; }
.bw-docs{ font-size: 14px; font-weight: 500; color: var(--ss-sea, #0e8a72); text-decoration: none; }
.bw-docs:hover{ text-decoration: underline; text-underline-offset: 3px; }
.bw-btn{ display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 8px; background: #fff; box-shadow: inset 0 0 0 1px #d9d9d9; color: #171717; font-size: 14px; font-weight: 500; text-decoration: none; transition: background-color .15s, box-shadow .15s; }
.bw-btn:hover{ background: #f3f3f3; }
.bw-btn:focus-visible, .bw-docs:focus-visible{ outline: 2px solid var(--ss-sea, #0e8a72); outline-offset: 2px; }
@media (max-width: 640px){
  .bw { flex-wrap: wrap; align-items: flex-start; }
  .bw-t { flex: 1 1 calc(100% - 50px); display: grid; }
  .bw-a { flex: 1 1 100%; flex-direction: column-reverse; align-items: stretch; gap: 10px; text-align: center; }
  .bw-btn { justify-content: center; height: 42px; }
}
body.tp .tp-hv-x{ display: grid; gap: 9px; width: 208px; padding: 14px 16px; text-align: left; }
body.tp .tp-hv-x p{ display: flex; align-items: center; gap: 8px; margin: 0; }
body.tp .tp-hv-x p.h i.d, body.tp .tp-hv-x i.d{ background: var(--ss-deep, #0f3d3a); }
body.tp .tp-hv-x u{ flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--ss-spring, #14c9a0); }
body.tp .tp-hv-worded span{ grid-template-columns: 64px 1fr; }
body.tp .tp-hv-worded{ width: 220px; }
body.tp .tp-hv-vid{ width: 176px; }
body.tp .tp-hv-vid .th{ display: grid; place-items: center; height: 84px; border-radius: 8px; background: var(--ss-deep, #0f3d3a); }
body.tp .tp-hv-vid .th span{ display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.18); }
body.tp .tp-hv-vid .th svg{ width: 16px; height: 16px; fill: #fff; margin-left: 2px; }
body.tp .tp-hv-prof{ width: 214px; }
body.tp .tp-hv-prof .pr{ display: flex; align-items: center; gap: 10px; }
body.tp .tp-hv-prof .pr > div{ flex: 1; display: grid; gap: 6px; }
body.tp .tp-hv-prof .st{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
body.tp .tp-hv-prof .st p{ display: grid; gap: 3px; justify-items: center; padding: 6px 2px; border-radius: 8px; background: #f3f5f4; }
body.tp .tp-hv-prof .st b{ display: block; width: 26px; height: 7px; border-radius: 99px; background: var(--ss-sea, #0e8a72); }
body.tp .tp-hv-prof .st small{ font-size: 9.5px; color: #737373; }
body.tp .tp-hv-circ{ grid-auto-flow: column; grid-template-columns: repeat(3, 1fr); }
body.tp .tp-hv-circ p{ flex-direction: column; gap: 5px; }
body.tp .tp-hv-circ i{ width: 44px; height: 44px; border-radius: 50%; background: #eef0ef; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--ss-spring, #14c9a0); }
body.tp .tp-hv-circ small{ font-size: 10.5px; color: #737373; }
body.tp .tp-hv-pills .ta-pill{ margin-left: auto; }
body.tp .tp-hv-pills u{ background: #e3e6e5; width: 18px; height: 18px; }
body.tp .tp-hv-chips{ display: flex; flex-wrap: wrap; gap: 6px; width: 200px; }
body.tp .tp-hv-chips span, body.tp .ta-cloud span{ padding: 5px 10px; border-radius: 99px; background: #f1f2f1; font-size: 11.5px; color: #525252; }
body.tp .tp-hv-chips span.b, body.tp .ta-cloud span.b{ background: var(--ss-deep, #0f3d3a); color: #fff; }
body.tp .tp-hv-tr u{ width: 22px; height: 22px; border-radius: 5px; background: var(--ss-spring, #14c9a0); }
body.tp .tp-hv-tr i{ flex: 0 1 auto; }
body.tp .ta-av{ flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--ss-spring, #14c9a0); box-shadow: inset 0 -10px 0 -4px rgba(15,61,58,.25); }
body.tp .ta-av.sm{ width: 26px; height: 26px; }
body.tp .ta-who{ display: flex; align-items: center; gap: 10px; }
body.tp .ta-who div{ display: grid; gap: 2px; }
body.tp .ta-who b{ font-size: 13px; color: #0f3d3a; }
body.tp .ta-who span:not(.ta-av){ font-size: 11.5px; color: #6c7a78; }
body.tp .ta-top{ padding: 14px 16px 10px; }
body.tp .ta-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 12px 16px 16px; }
body.tp .ta-grid i{ aspect-ratio: 1; border-radius: 8px; background: #e8ecea; }
body.tp .ta-grid i:nth-child(2){ background: #cfeee5; }
body.tp .ta-card{ display: grid; gap: 8px; width: 80%; padding: 12px 14px; border-radius: 10px; background: #fff; box-shadow: 0 10px 24px -14px rgba(0,0,0,.25); }
body.tp .ta-card .uv-row{ padding: 7px 0; }
body.tp .ta-card .uv-stats > div{ padding: 8px 6px; }
body.tp .ta-card .uv-stats b{ font-size: 16px; }
body.tp .ta-card .uv-stats span{ font-size: 10px; }
body.tp .ta-card .ta-who b{ font-size: 12.5px; }
body.tp .ta-stats{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; text-align: center; }
body.tp .ta-stats p{ margin: 0; display: grid; gap: 2px; }
body.tp .ta-stats b{ font-size: 16px; color: #0f3d3a; }
body.tp .ta-stats small{ font-size: 10px; color: #7a8886; }
body.tp .ta-bars, body.tp .uv-bars{ display: flex; align-items: flex-end; gap: 6px; height: 46px; }
body.tp .ta-bars u{ flex: 1; border-radius: 4px 4px 2px 2px; background: #c9efe3; }
body.tp .ta-bars u:nth-child(4){ background: var(--ss-sea, #0e8a72); }
body.tp .ta-vid{ position: relative; display: grid; place-items: center; height: 120px; margin: 10px 14px; border-radius: 10px; background: var(--ss-deep, #0f3d3a); }
body.tp .ta-vid .uv-play svg{ fill: var(--ss-deep, #0f3d3a); }
body.tp .ta-vid em{ position: absolute; right: 8px; bottom: 8px; padding: 2px 6px; border-radius: 4px; background: rgba(0,0,0,.4); color: #fff; font-style: normal; font-size: 10.5px; }
body.tp .ta-media .ta-vid{ height: 74px; margin: 0; }
body.tp .ta-media .uv-play{ width: 34px; height: 34px; }
body.tp .ta-media .uv-play svg{ width: 14px; height: 14px; }
body.tp .ta-meta{ display: flex; align-items: center; gap: 8px; }
body.tp .ta-meta i, body.tp .ta-trk i{ flex: 1; height: 7px; border-radius: 4px; background: #e3e6e5; }
body.tp .ta-hl{ display: flex; justify-content: space-around; gap: 8px; padding: 14px 12px 4px; }
body.tp .ta-card .ta-hl{ padding: 4px 0; }
body.tp .ta-hl p{ display: grid; gap: 5px; justify-items: center; margin: 0; }
body.tp .ta-hl i{ width: 46px; height: 46px; border-radius: 50%; background: #e8ecea; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--ss-spring, #14c9a0); }
body.tp .ta-hl span{ font-size: 10.5px; color: #6c7a78; }
body.tp .ta-cloud{ display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 16px 10px; }
body.tp .ta-card .ta-cloud{ padding: 0; }
body.tp .ta-pill{ display: inline-block; padding: 3px 9px; border-radius: 99px; font-size: 11px; font-weight: 600; white-space: nowrap; }
body.tp .ta-pill.taken{ background: var(--ss-deep, #0f3d3a); color: #fff; }
body.tp .ta-pill.free{ background: var(--ss-spring, #14c9a0); color: #0f3d3a; }
body.tp .ta-pill.unclear{ background: #e3e6e5; color: #4d5c5a; }
body.tp .ta-card .uv-ic.sm{ width: 20px; height: 20px; }
body.tp .ta-th{ flex: none; width: 44px; height: 28px; border-radius: 5px; background: var(--ss-deep, #0f3d3a); }
body.tp .ta-cover{ flex: none; width: 30px; height: 30px; border-radius: 6px; background: linear-gradient(135deg, var(--ss-spring, #14c9a0), var(--ss-deep, #0f3d3a)); }
body.tp .ta-trk{ display: flex; align-items: center; gap: 10px; }
body.tp .ta-trk .ta-cover{ width: 24px; height: 24px; }
body.tp .ta-trk em{ font-style: normal; font-size: 10.5px; color: #7a8886; }
body.tp .ta-ad{ margin: 12px 16px 16px; border: 1px solid #eef2f1; border-radius: 11px; overflow: hidden; }
body.tp .ta-ad .uv-cr{ height: 110px; }
body.tp .ta-adc{ width: 62%; }
body.tp .ta-adt{ display: grid; place-items: center; height: 64px; border-radius: 8px; background: var(--ss-deep, #0f3d3a); color: #fff; font-size: 15px; }
body.tp .ta-adc .uv-cta{ justify-self: start; }
body.tp .ta-lines p.h{ padding-bottom: 4px; }
body.tp .ta-lines i.d{ background: var(--ss-deep, #0f3d3a); }
body.tp .ta-lines.ta-sub{ width: 100%; padding: 4px 0; box-shadow: none; background: #f6f7f7; border-radius: 8px; }
body.tp .ta-lines.ta-sub p{ padding: 5px 10px; }
body.tp .ta-chk{ display: flex; align-items: center; gap: 8px; font-size: 12px; color: #0f3d3a; }
body.tp .ta-chk svg{ width: 18px; height: 18px; padding: 3px; border-radius: 50%; background: var(--ss-spring, #14c9a0); color: #fff; }
body.tp .ta-chk em{ margin-left: auto; font-style: normal; font-weight: 600; color: var(--ss-sea, #0e8a72); }
body.tp .ta-files{ align-items: center; }
body.tp .ta-dl{ display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--ss-spring, #14c9a0); color: #0f3d3a; box-shadow: 0 10px 24px -12px rgba(0,0,0,.35); }
body.tp .ta-dl svg{ width: 20px; height: 20px; }
body.tp .ta-q{ display: flex; align-items: center; gap: 10px; margin: 14px 16px; padding: 10px 12px; border-radius: 10px; background: #f6f8f7; font-size: 13px; color: #1d2b29; }
body.tp .ta-q .uv-ok, body.tp .ta-q .ta-pill{ margin-left: auto; }
body.tp .ta-box{ display: grid; place-items: center; flex: none; width: 18px; height: 18px; border-radius: 5px; border: 1.5px solid #cfd8d6; color: #fff; }
body.tp .ta-box.on{ background: var(--ss-sea, #0e8a72); border-color: var(--ss-sea, #0e8a72); }
body.tp .ta-box svg{ width: 12px; height: 12px; }
body.tp .ta-btn{ margin: 12px 16px 16px; padding: 10px; border-radius: 10px; background: var(--ss-deep, #0f3d3a); color: #fff; font-size: 12.5px; font-weight: 600; text-align: center; }
body.tp .ta-code{ display: grid; gap: 7px; padding: 14px 16px 16px; font: 12px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; color: #1d2b29; }
body.tp .ta-code p{ margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.tp .ta-code s, body.tp .ta-js s{ text-decoration: none; color: var(--ss-sea, #0e8a72); font-weight: 600; margin-right: 6px; }
body.tp .ta-js{ display: grid; gap: 7px; padding: 12px 16px 16px; font: 12px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; color: #1d2b29; }
body.tp .ta-js p{ display: flex; align-items: center; gap: 8px; margin: 0 0 0 14px; }
body.tp .ta-js p:first-child, body.tp .ta-js p:last-child{ margin-left: 0; }
body.tp .ta-js em{ font-style: normal; color: #7a8886; }
body.tp .ta-js i{ display: block; height: 7px; border-radius: 4px; background: #e4ebe9; }
body.tp .ta-tl{ display: grid; gap: 8px; padding: 14px 16px 6px; }
body.tp .ta-tl p{ position: relative; height: 22px; margin: 0; border-radius: 6px; background: #f2f5f4; }
body.tp .ta-tl u{ position: absolute; top: 3px; bottom: 3px; border-radius: 4px; background: var(--ss-sea, #0e8a72); }
body.tp .ta-tl u.g{ background: var(--ss-spring, #14c9a0); }
body.tp .ta-tl u.d{ background: var(--ss-deep, #0f3d3a); }
body.tp .ta-tl u.m{ background: #c9efe3; }
body.tp .uv-doc i.pad{ margin-top: 2px; }
body.tp .tp-form .tp-opts{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px 22px; margin-top: 16px; }
body.tp .tp-form .tf-opt{ display: grid; gap: 6px; min-width: 0; font-size: 13px; color: #737373; }
body.tp .tp-form .tf-opt > span{ font-weight: 500; }
body.tp .tp-form .tf-opt select{ height: 40px; min-width: 160px; max-width: 100%; padding: 0 34px 0 12px; border: 0; border-radius: 10px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; box-shadow: inset 0 0 0 1px #d9d9d9; font: 400 15px/1 var(--ss-font-body, Geist, sans-serif); color: #171717; appearance: none; -webkit-appearance: none; cursor: pointer; transition: box-shadow .2s; }
body.tp .tp-form .tf-opt select:focus-visible{ outline: 0; box-shadow: inset 0 0 0 2px var(--ss-sea, #0e8a72); }
body.tp .tp-form .tf-multi{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; border: 0; min-width: 0; flex: 1 1 100%; }
body.tp .tp-form .tf-multi legend{ float: left; width: 100%; padding: 0; margin: 0 0 8px; font-size: 13px; font-weight: 500; color: #737373; }
body.tp .tp-form .tf-multi label{ position: relative; display: inline-flex; align-items: center; cursor: pointer; }
body.tp .tp-form .tf-multi input{ position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
body.tp .tp-form .tf-multi span{ display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 99px; background: #fff; box-shadow: inset 0 0 0 1px #d9d9d9; font-size: 14px; font-weight: 500; color: #525252; transition: background-color .15s, box-shadow .15s, color .15s; }
body.tp .tp-form .tf-multi label:hover span{ background: #f3f3f3; }
body.tp .tp-form .tf-multi input:checked + span{ background: var(--ss-mint, #e8f8f3); box-shadow: inset 0 0 0 1.5px var(--ss-sea, #0e8a72); color: var(--ss-deep, #0f3d3a); }
body.tp .tp-form .tf-multi input:focus-visible + span{ outline: 2px solid var(--ss-sea, #0e8a72); outline-offset: 2px; }
body.tp .tp-form .tf-ts{ margin-top: 12px; }
body.tp .tp-form .tf-ts:empty{ display: none; }
body.tp .tp-form .tf-status{ margin: 12px 0 0; font-size: 14px; line-height: 1.45; color: #525252; }
body.tp .tp-form .tf-status:empty{ display: none; }
body.tp .tp-form .tf-status.err{ padding: 10px 14px; border-radius: 10px; background: #fdf0ef; box-shadow: inset 0 0 0 1px #f3c9c5; color: #a1281e; }
body.tp .tp-form .tf-status.warn{ padding: 10px 14px; border-radius: 10px; background: #f3f3f3; box-shadow: inset 0 0 0 1px #e3e3e3; color: #525252; }
body.tp .tp-form .tp-go:disabled{ opacity: .7; cursor: default; }
body.tp .tp-form .tp-go:focus-visible, body.tp .tp-form .tp-field:focus-within{ outline: 0; }
@media (max-width: 860px){body.tp .tp-form .tp-field{ flex: none; }
body.tp .tp-form .tf-opt,body.tp .tp-form .tf-opt select{ width: 100%; }
body.tp .tp-form .tf-opt{ flex: 1 1 100%; }
}
@media (max-width: 860px){body.tp .tp-form .tp-opts:has(> .tf-opt:nth-child(4)){ gap: 12px; }
body.tp .tp-form .tp-opts:has(> .tf-opt:nth-child(4)) > .tf-opt{ flex: 1 1 calc(50% - 6px); }
body.tp .tp-form .tp-opts:has(> .tf-opt:nth-child(4)) select{ min-width: 0; }
}
body.tp .tp-res:empty{ display: none; }
body.tp .tp-res{ color: #3d3d3d; font-size: 16px; line-height: 1.5; border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res *, body.tp .tp-res *::before, body.tp .tp-res *::after{ box-sizing: border-box; }
body.tp .tp-res h3, body.tp .tp-res h4{ font-family: var(--ss-font-body, Geist, sans-serif); letter-spacing: 0; }
body.tp .tp-res h4{ margin: 0; padding: 22px var(--ol-x) 8px; font-size: 13px; font-weight: 600; line-height: 1.3; color: #737373; }
body.tp .tp-res p{ margin: 0; }
body.tp .tp-res a{ color: var(--ss-sea, #0e8a72); text-underline-offset: 3px; }
body.tp .tp-res img{ max-width: 100%; }
body.tp .tp-res .r-small{ padding: 10px var(--ol-x); font-size: 13.5px; line-height: 1.5; color: #737373; }
body.tp .tp-res .r-text{ padding: 0; font-size: 16px; color: #171717; }
body.tp .tp-res .r-lede{ padding: 22px var(--ol-x) 8px; font-size: 18px; line-height: 1.55; color: #171717; }
body.tp .tp-res .r-empty{ padding: 44px var(--ol-x); text-align: center; font-size: 15.5px; color: #737373; }
body.tp .tp-res .r-error{ margin: 0; padding: 18px var(--ol-x); display: flex; align-items: center; gap: 10px; background: #fdf0ef; box-shadow: inset 3px 0 0 #d92d20; color: #a1281e; font-size: 15px; }
body.tp .tp-res .r-error strong{ font-weight: 500; }
body.tp .tp-res .r-more{ padding: 16px var(--ol-x); text-align: center; border-top: 1px solid var(--tp-line); }
body.tp .tp-res .skel{ display: grid; gap: 14px; padding: 26px var(--ol-x); }
body.tp .tp-res .skel i{ display: block; height: 14px; border-radius: 99px; background: #ebebeb; }
body.tp .tp-res .skel i:nth-child(1){ width: 42%; }
body.tp .tp-res .skel i:nth-child(2){ width: 92%; }
body.tp .tp-res .skel i:nth-child(3){ width: 78%; }
body.tp .tp-res .skel i:nth-child(4){ width: 64%; }
@media (prefers-reduced-motion: no-preference){ body.tp .tp-res .skel i { animation: tp-skel 1.2s ease-in-out infinite; } body.tp .tp-res .skel i:nth-child(2) { animation-delay: .1s; } body.tp .tp-res .skel i:nth-child(3) { animation-delay: .2s; } body.tp .tp-res .skel i:nth-child(4) { animation-delay: .3s; } }
@keyframes tp-skel{ 50% { opacity: .45; } }
body.tp .tp-res .chip{ display: inline-flex; align-items: center; gap: 0; padding: 3px 8px; border-radius: 99px; background: #eef0ef; color: var(--ss-sea, #0e8a72); font: 600 11px/1.3 var(--ss-font-body, Geist, sans-serif); box-shadow: none; white-space: nowrap; vertical-align: middle; }
body.tp .tp-res .chip.live{ background: var(--ss-mint, #e8f8f3); color: var(--ss-deep, #0f3d3a); }
body.tp .tp-res .btn{ display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 34px; min-height: 0; padding: 0 12px; border: 0; border-radius: 8px; background: #fff; color: #171717; box-shadow: inset 0 0 0 1px #e3e3e3; font: 500 13.5px/1 var(--ss-font-body, Geist, sans-serif); text-decoration: none; cursor: pointer; transform: none; transition: background-color .15s; }
body.tp .tp-res .btn:hover{ background: #f3f3f3; transform: none; box-shadow: inset 0 0 0 1px #e3e3e3; }
body.tp .tp-res .btn:disabled{ opacity: .6; cursor: default; }
body.tp .tp-res .btn:focus-visible{ outline: 2px solid var(--ss-sea, #0e8a72); outline-offset: 2px; }
body.tp .tp-res .r-actions .btn:not(.light){ height: 40px; padding: 0 18px; background: var(--ss-spring, #14c9a0); color: var(--ss-deep, #0f3d3a); box-shadow: none; font-size: 14.5px; font-weight: 600; }
body.tp .tp-res .r-actions .btn:not(.light):hover{ background: #12b892; }
body.tp .tp-res .r-transcript{ display: grid; grid-template-columns: minmax(0, 1fr) auto; }
body.tp .tp-res .r-transcript > *{ grid-column: 1 / -1; }
body.tp .tp-res .r-transcript > .res-bar{ grid-column: 1; grid-row: 1; }
body.tp .tp-res .r-transcript > .res-foot{ grid-column: 2; grid-row: 1; }
body.tp .tp-res .res-bar{ display: flex; align-items: center; gap: 12px; min-width: 0; padding: 16px var(--ol-x); border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .res-title{ display: grid; gap: 3px; min-width: 0; }
body.tp .tp-res .res-title strong{ font: 600 15px/1.25 var(--ss-font-body, Geist, sans-serif); color: #171717; overflow-wrap: anywhere; }
body.tp .tp-res .res-title span{ font-size: 13px; color: #737373; }
body.tp .tp-res .res-meta{ margin-left: auto; display: flex; gap: 6px; }
body.tp .tp-res .res-foot{ display: flex; align-items: center; padding: 16px var(--ol-x) 16px 0; border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .res-actions{ display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
body.tp .tp-res ol.segs{ list-style: none; margin: 0; padding: 10px 0; }
body.tp .tp-res .r-transcript > ol.segs{ max-height: 560px; overflow: auto; }
body.tp .tp-res ol.segs .seg{ margin: 0; border: 0; border-radius: 0; background: none; box-shadow: none; display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: baseline; padding: 10px var(--ol-x); font-size: 16px; line-height: 1.5; color: #3d3d3d; transition: background-color .15s; }
body.tp .tp-res ol.segs .seg:hover{ background: #f3f3f3; box-shadow: none; }
body.tp .tp-res ol.segs .seg time{ font: 500 13.5px/1 var(--ss-font-body, Geist, sans-serif); color: var(--ss-sea, #0e8a72); font-variant-numeric: tabular-nums; }
body.tp .tp-res ol.segs .seg p{ padding: 0; color: inherit; }
body.tp .tp-res ol.segs .seg > p:only-child{ grid-column: 1 / -1; }
body.tp .tp-res .r-points{ padding-top: 0; }
body.tp .tp-res .seg-list.no-ts time{ display: none; }
body.tp .tp-res .r-sumbody{ padding-bottom: 6px; }
body.tp .tp-res .r-quote{ margin: 0 var(--ol-x) 10px; padding: 12px 16px; border-radius: 10px; background: #fff; box-shadow: inset 3px 0 0 var(--ss-sea, #0e8a72), 0 0 0 1px #ebebeb; color: #171717; font-size: 16px; line-height: 1.5; display: flex; gap: 14px; justify-content: space-between; }
body.tp .tp-res .r-quote time{ flex: none; font: 500 13.5px/1.5 var(--ss-font-body, Geist, sans-serif); color: var(--ss-sea, #0e8a72); font-variant-numeric: tabular-nums; }
body.tp .tp-res .r-words{ margin-top: 14px; border-top: 1px solid var(--tp-line); }
body.tp .tp-res .r-words > summary{ display: flex; align-items: center; gap: 8px; padding: 16px var(--ol-x); cursor: pointer; list-style: none; font: 600 14.5px/1.3 var(--ss-font-body, Geist, sans-serif); color: #171717; }
body.tp .tp-res .r-words > summary::-webkit-details-marker{ display: none; }
body.tp .tp-res .r-words > summary::after{ content: ""; width: 8px; height: 8px; margin-left: 2px; border-right: 2px solid #737373; border-bottom: 2px solid #737373; rotate: 45deg; translate: 0 -2px; transition: rotate .2s; }
body.tp .tp-res .r-words[open] > summary::after{ rotate: -135deg; translate: 0 2px; }
body.tp .tp-res .r-words > summary:hover{ background: #f3f3f3; }
body.tp .tp-res .r-words .segs{ max-height: 460px; overflow: auto; padding-top: 0; }
body.tp .tp-res .r-sumthumb{ flex: none; width: 96px; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; background: #ebebeb; }
body.tp .tp-res .r-sumthumb.tall{ width: 48px; aspect-ratio: 9 / 16; }
body.tp .tp-res .r-sumthumb img{ display: block; width: 100%; height: 100%; object-fit: cover; }
body.tp .tp-res .r-sumlang{ padding-top: 0; }
body.tp .tp-res .r-steps{ padding-top: 0; counter-reset: st; }
body.tp .tp-res .r-steps .seg p::before{ counter-increment: st; content: counter(st) ". "; font-weight: 600; color: #171717; }
body.tp .tp-res a.r-at{ text-decoration: none; }
body.tp .tp-res a.r-at time{ text-decoration: underline; text-decoration-color: #b9ddd4; text-underline-offset: 3px; }
body.tp .tp-res a.r-at:hover time{ text-decoration-color: currentColor; }
body.tp .tp-res .r-chapters{ list-style: none; margin: 0; padding: 4px 0 6px; }
body.tp .tp-res .r-chapters li{ display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: baseline; padding: 10px var(--ol-x); }
body.tp .tp-res .r-chapters time{ font: 500 13.5px/1 var(--ss-font-body, Geist, sans-serif); color: var(--ss-sea, #0e8a72); font-variant-numeric: tabular-nums; }
body.tp .tp-res .r-chapters b{ display: block; font: 600 15.5px/1.35 var(--ss-font-body, Geist, sans-serif); color: #171717; }
body.tp .tp-res .r-chapters p{ margin-top: 2px; font-size: 15px; line-height: 1.5; color: #3d3d3d; }
body.tp .tp-res .r-qs{ display: grid; gap: 8px; padding: 0 var(--ol-x) 10px; }
body.tp .tp-res .r-qs details{ border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px #ebebeb; }
body.tp .tp-res .r-qs summary{ padding: 12px 16px; cursor: pointer; font: 600 15px/1.4 var(--ss-font-body, Geist, sans-serif); color: #171717; }
body.tp .tp-res .r-qa{ display: flex; gap: 14px; justify-content: space-between; align-items: baseline; padding: 0 16px 14px; font-size: 15px; line-height: 1.5; color: #3d3d3d; }
body.tp .tp-res .r-qa time{ flex: none; font: 500 13.5px/1.5 var(--ss-font-body, Geist, sans-serif); color: var(--ss-sea, #0e8a72); font-variant-numeric: tabular-nums; }
body.tp .tp-res .r-tx{ display: block; }
body.tp .tp-res .r-txcard{ display: grid; grid-template-columns: 168px minmax(0, 1fr); gap: 16px; align-items: center; padding: 18px var(--ol-x) 12px; }
body.tp .tp-res .r-txcard.r-txnopic{ grid-template-columns: minmax(0, 1fr); }
body.tp .tp-res .r-txpic{ display: block; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #ebebeb; }
body.tp .tp-res .r-txpic img{ display: block; width: 100%; height: 100%; object-fit: cover; }
body.tp .tp-res .r-txwho{ display: grid; gap: 4px; min-width: 0; }
body.tp .tp-res .r-txcard.r-txtall{ grid-template-columns: 96px minmax(0, 1fr); }
body.tp .tp-res .r-txtall .r-txpic{ aspect-ratio: 3 / 4; }
body.tp .tp-res .r-txhead{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font: 600 16px/1.35 var(--ss-font-body, Geist, sans-serif); color: #171717; overflow-wrap: anywhere; }
body.tp .tp-res .r-txhead a{ color: inherit; text-decoration: none; }
body.tp .tp-res .r-txhead a:hover{ text-decoration: underline; }
body.tp .tp-res .r-txwho .r-small{ padding: 0; }
body.tp .tp-res .r-txfacts{ display: flex; flex-wrap: wrap; gap: 6px; padding: 0 var(--ol-x) 12px; }
body.tp .tp-res .r-txlangs{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0 var(--ol-x) 14px; font-size: 13px; color: #737373; }
body.tp .tp-res .r-txlangs > span:first-child{ margin-right: 4px; font-weight: 500; }
body.tp .tp-res .r-txlang{ display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border: 0; border-radius: 99px; background: #fff; box-shadow: inset 0 0 0 1px #d9d9d9; font: 500 13px/1 var(--ss-font-body, Geist, sans-serif); color: #525252; cursor: pointer; }
body.tp .tp-res .r-txlang:hover{ background: #f3f3f3; }
body.tp .tp-res .r-txlang:focus-visible{ outline: 2px solid var(--ss-sea, #0e8a72); outline-offset: 2px; }
body.tp .tp-res .r-txlang.on{ background: var(--ss-mint, #e8f8f3); box-shadow: inset 0 0 0 1.5px var(--ss-sea, #0e8a72); color: var(--ss-deep, #0f3d3a); cursor: default; }
body.tp .tp-res .r-txbar{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 12px var(--ol-x); border-top: 1px solid var(--tp-line); border-bottom: 1px solid var(--tp-line); background: var(--ss-paper, #fafafa); }
body.tp .tp-res .r-txfind{ flex: 1 1 240px; min-width: 0; }
body.tp .tp-res .r-tfind{ width: 100%; height: 38px; padding: 0 12px; border: 0; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px #d9d9d9; font: 400 15px/1 var(--ss-font-body, Geist, sans-serif); color: #171717; }
body.tp .tp-res .r-tfind:focus-visible{ outline: 0; box-shadow: inset 0 0 0 2px var(--ss-sea, #0e8a72); }
body.tp .tp-res .r-tfindn{ font-size: 13px; color: #737373; font-variant-numeric: tabular-nums; }
body.tp .tp-res .r-tfindn:empty{ display: none; }
body.tp .tp-res .r-tog{ display: inline-flex; align-items: center; gap: 7px; font-size: 14px; color: #3d3d3d; cursor: pointer; }
body.tp .tp-res .r-tog input{ width: 16px; height: 16px; margin: 0; accent-color: var(--ss-sea, #0e8a72); }
body.tp .tp-res .r-tx > ol.segs{ max-height: 560px; overflow: auto; }
body.tp .tp-res ol.segs .seg a.seg-t{ text-decoration: none; }
body.tp .tp-res ol.segs .seg a.seg-t:hover time{ text-decoration: underline; }
body.tp .tp-res ol.segs .seg mark{ padding: 0 1px; border-radius: 3px; background: var(--ss-mint, #e8f8f3); box-shadow: inset 0 -2px 0 var(--ss-sea, #0e8a72); color: var(--ss-deep, #0f3d3a); }
body.tp .tp-res ol.segs .seg-ch{ display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: baseline; padding: 16px var(--ol-x) 6px; }
body.tp .tp-res ol.segs .seg-ch time{ font: 500 13.5px/1 var(--ss-font-body, Geist, sans-serif); color: #737373; font-variant-numeric: tabular-nums; }
body.tp .tp-res ol.segs .seg-ch b{ font: 600 14.5px/1.3 var(--ss-font-body, Geist, sans-serif); color: #171717; }
body.tp .tp-res .seg-list.no-ts .seg-t{ display: none; }
body.tp .tp-res .seg-list.no-ts .seg, body.tp .tp-res .seg-list.no-ts .seg-ch{ grid-template-columns: minmax(0, 1fr); }
body.tp .tp-res .r-txsegs.is-editing .seg p{ padding: 2px 6px; border-radius: 6px; background: #fff; box-shadow: inset 0 0 0 1px #d9d9d9; }
body.tp .tp-res .r-txsegs.is-editing .seg p:focus{ outline: 0; box-shadow: inset 0 0 0 2px var(--ss-sea, #0e8a72); }
body.tp .tp-res .r-tnomatch{ padding: 18px var(--ol-x); }
body.tp .tp-res .r-txfoot{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; padding: 14px var(--ol-x); border-top: 1px solid var(--tp-line); }
body.tp .tp-res .r-txfoot .res-actions{ justify-content: flex-start; }
body.tp .tp-res .r-txfoot .btn:not(.light), body.tp .tp-res .r-chfoot .btn:not(.light){ background: var(--ss-spring, #14c9a0); color: var(--ss-deep, #0f3d3a); box-shadow: none; font-weight: 600; }
body.tp .tp-res .r-txfoot .btn:not(.light):hover, body.tp .tp-res .r-chfoot .btn:not(.light):hover{ background: #12b892; }
body.tp .tp-res .r-txnext{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 14px; }
body.tp .tp-res .r-txnext span{ font-size: 13px; color: #737373; }
body.tp .tp-res .r-chfoot{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 16px var(--ol-x); }
body.tp .tp-res td.a .btn{ white-space: nowrap; }
body.tp .tp-res tr.r-txrow > td{ padding: 0 0 14px; background: var(--ss-paper, #fafafa); }
body.tp .tp-res tr.r-txrow > td:first-child{ padding-left: 0; }
body.tp .tp-res .r-txone{ padding: 6px var(--ol-x) 0; }
body.tp .tp-res .r-txone .r-small{ padding: 6px 0; }
body.tp .tp-res ol.segs.r-minisegs{ max-height: 300px; overflow: auto; padding: 4px 0; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px #ebebeb; }
body.tp .tp-res ol.segs.r-minisegs .seg{ grid-template-columns: 56px minmax(0, 1fr); padding: 8px 14px; font-size: 15px; }
body.tp .tp-res .r-txonefoot{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 10px 0 4px; font-size: 14px; }
body.tp .tp-res .table-wrap{ overflow-x: auto; }
body.tp .tp-res table{ width: 100%; border-collapse: collapse; font-size: 14.5px; }
body.tp .tp-res th{ padding: 12px 14px; text-align: left; font-size: 13px; font-weight: 600; color: #737373; border-bottom: 1px solid var(--tp-line); white-space: nowrap; background: var(--ss-paper, #fafafa); }
body.tp .tp-res td{ padding: 12px 14px; color: #3d3d3d; border-bottom: 1px solid var(--tp-line); vertical-align: baseline; }
body.tp .tp-res th:first-child, body.tp .tp-res td:first-child{ padding-left: var(--ol-x); }
body.tp .tp-res th:last-child, body.tp .tp-res td:last-child{ padding-right: var(--ol-x); }
body.tp .tp-res th.n, body.tp .tp-res td.n{ text-align: right; font-variant-numeric: tabular-nums; }
body.tp .tp-res td.t{ min-width: 220px; max-width: 460px; color: #171717; }
body.tp .tp-res td.t a{ color: #171717; text-decoration: none; font-weight: 500; }
body.tp .tp-res td.t a:hover{ color: var(--ss-sea, #0e8a72); text-decoration: underline; }
body.tp .tp-res .r-engage td:nth-child(2), body.tp .tp-res .r-engage td.n{ white-space: nowrap; }
body.tp .tp-res .r-engage td.t{ min-width: 170px; }
body.tp .tp-res td.a{ text-align: right; white-space: nowrap; }
body.tp .tp-res tbody tr:hover td{ background: #f3f3f3; }
body.tp .tp-res tbody tr:last-child td{ border-bottom: 0; }
body.tp .tp-res .r-stats{ margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); border-top: 1px solid var(--tp-line); border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .r-stats > div{ padding: 16px var(--ol-x); display: grid; gap: 4px; align-content: start; box-shadow: 1px 0 0 var(--tp-line); }
body.tp .tp-res .r-stats dt{ font-size: 13px; color: #737373; }
body.tp .tp-res .r-stats dd{ margin: 0; font: 600 20px/1.2 var(--ss-font-heading, "DM Sans", sans-serif); letter-spacing: -.01em; color: #171717; font-variant-numeric: tabular-nums; }
body.tp .tp-res .r-big{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); border-top: 1px solid var(--tp-line); }
body.tp .tp-res .r-big > div{ padding: 22px var(--ol-x); display: grid; gap: 4px; box-shadow: 1px 0 0 var(--tp-line); }
body.tp .tp-res .r-big span{ font: 500 clamp(28px, 4vw, 40px)/1.05 var(--ss-font-heading, "DM Sans", sans-serif); letter-spacing: -.03em; color: var(--ss-deep, #0f3d3a); font-variant-numeric: tabular-nums; }
body.tp .tp-res .r-big small{ font-size: 13.5px; color: #737373; }
body.tp .tp-res .r-head{ display: flex; align-items: center; gap: 14px; padding: 18px var(--ol-x); border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .r-head > div{ min-width: 0; display: grid; gap: 3px; }
body.tp .tp-res .r-head h3{ margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font: 600 17px/1.25 var(--ss-font-body, Geist, sans-serif); color: #171717; }
body.tp .tp-res .r-handle{ font-size: 13.5px; color: #737373; overflow-wrap: anywhere; }
body.tp .tp-res .r-head .r-bio{ padding: 0; }
body.tp .tp-res .r-avatar{ position: relative; flex: none; display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; overflow: hidden; background: var(--ss-mint, #e8f8f3); }
body.tp .tp-res .r-initial{ font: 600 22px/1 var(--ss-font-heading, "DM Sans", sans-serif); color: var(--ss-deep, #0f3d3a); }
body.tp .tp-res .r-avatar img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.tp .tp-res .r-bio{ padding: 16px var(--ol-x) 4px; font-size: 16px; line-height: 1.55; color: #3d3d3d; white-space: pre-line; overflow-wrap: anywhere; }
body.tp .tp-res .r-profile > .r-stats{ margin-top: 16px; }
body.tp .tp-res .r-details, body.tp .tp-res .r-links{ list-style: none; margin: 0; padding: 8px var(--ol-x); display: flex; flex-wrap: wrap; gap: 6px 22px; font-size: 14.5px; color: #525252; }
body.tp .tp-res .r-details li, body.tp .tp-res .r-links li{ overflow-wrap: anywhere; }
body.tp .tp-res .r-chips{ display: flex; flex-wrap: wrap; gap: 6px; padding: 4px var(--ol-x) 10px; }
body.tp .tp-res .r-chips .chip{ padding: 5px 11px; background: #fff; box-shadow: inset 0 0 0 1px #e3e3e3; color: #3d3d3d; font-size: 13px; font-weight: 500; }
body.tp .tp-res .r-chips .chip.in{ background: var(--ss-mint, #e8f8f3); box-shadow: inset 0 0 0 1px var(--ss-mint-line, #cdeee4); color: var(--ss-deep, #0f3d3a); }
body.tp .tp-res .r-chips .chip{ white-space: normal; }
body.tp .tp-res .r-tagbtns{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0 var(--ol-x) 12px; }
body.tp .tp-res .r-desc{ margin: 0 var(--ol-x) 10px; }
body.tp .tp-res .r-desc summary{ cursor: pointer; font-size: 14px; color: var(--ss-sea, #0e8a72); font-weight: 500; }
body.tp .tp-res .r-desc .r-text{ margin: 10px 0 0; padding: 0; white-space: pre-line; max-height: 320px; overflow: auto; }
body.tp .tp-res .r-desc + .btn{ margin: 0 var(--ol-x) 12px; }
body.tp .tp-res .r-owner{ padding: 6px var(--ol-x) 14px; }
body.tp .tp-res .r-tags > .r-text{ padding: 18px var(--ol-x) 0; }
body.tp .tp-res .r-tags > h4 + .r-text{ padding-top: 0; }
body.tp .tp-res .r-tags > .r-text + .r-small{ padding-top: 4px; }
body.tp .tp-res .r-chips + .btn{ margin: 0 var(--ol-x) 12px; }
body.tp .tp-res .r-by{ padding: 0; font-size: 14px; color: #737373; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
body.tp .tp-res .r-by span{ color: #737373; }
body.tp .tp-res .r-media, body.tp .tp-res .r-ad{ display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 22px; padding: 22px var(--ol-x); align-items: start; }
body.tp .tp-res .r-media:not(:has(.r-thumb)), body.tp .tp-res .r-ad:not(:has(.r-thumb)){ grid-template-columns: minmax(0, 1fr); }
body.tp .tp-res .r-ad{ border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .r-ad:last-child{ border-bottom: 0; }
body.tp .tp-res .r-thumb{ border-radius: 12px; overflow: hidden; background: #ebebeb; box-shadow: 0 0 0 1px #e3e3e3; aspect-ratio: 4 / 5; max-height: 280px; }
body.tp .tp-res .r-thumb img{ display: block; width: 100%; height: 100%; object-fit: cover; }
body.tp .tp-res .r-media-body, body.tp .tp-res .r-ad > div:last-child{ display: grid; gap: 10px; min-width: 0; align-content: start; }
body.tp .tp-res .r-media-body .r-small, body.tp .tp-res .r-ad .r-small{ padding: 0; }
body.tp .tp-res .r-actions{ display: flex; flex-wrap: wrap; gap: 8px; }
body.tp .tp-res .r-dlhead{ display: flex; align-items: center; justify-content: space-between; gap: 12px 18px; flex-wrap: wrap; padding: 18px var(--ol-x); border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .r-dlwho{ display: flex; align-items: center; gap: 10px; min-width: 0; }
body.tp .tp-res .r-dlwho .r-avatar{ width: 40px; height: 40px; font-size: 15px; }
body.tp .tp-res .r-dlwho b{ display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 15.5px; color: #171717; }
body.tp .tp-res .r-dlwho span{ display: block; font-size: 13.5px; color: #737373; }
body.tp .tp-res .r-dlkind{ margin: 0; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 14px; }
body.tp .tp-res .r-dlfiles{ list-style: none; margin: 0; padding: 0; }
body.tp .tp-res .r-dlf{ display: grid; grid-template-columns: 88px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 14px var(--ol-x); border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .r-dlpic{ position: relative; display: block; width: 88px; aspect-ratio: 4 / 5; border-radius: 10px; overflow: hidden; background: #ebebeb; box-shadow: 0 0 0 1px #e3e3e3; }
body.tp .tp-res .r-dlpic img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.tp .tp-res .r-dlpill{ position: absolute; left: 6px; bottom: 6px; padding: 1px 7px; border-radius: 999px; background: rgba(23, 23, 23, .74); color: #fff; font-size: 11.5px; font-weight: 600; line-height: 1.5; }
body.tp .tp-res .r-dlmeta{ display: grid; gap: 4px; min-width: 0; }
body.tp .tp-res .r-dlmeta b{ font-size: 15px; color: #171717; }
body.tp .tp-res .r-dlmeta small{ font-size: 13px; color: #737373; overflow-wrap: anywhere; }
body.tp .tp-res .r-dlbtns{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
body.tp .tp-res .r-dlx{ list-style: none; margin: 0; padding: 6px 0; border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .r-dlx li{ display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; padding: 8px var(--ol-x); font-size: 14px; color: #3d3d3d; }
body.tp .tp-res .r-dlx b{ min-width: 72px; color: #171717; }
body.tp .tp-res .r-dlx small{ flex-basis: 100%; padding-left: 84px; font-size: 13px; color: #737373; }
body.tp .tp-res .r-dlcaps{ display: flex; flex-wrap: wrap; gap: 6px 12px; }
body.tp .tp-res .r-dltext{ display: grid; gap: 10px; padding: 18px var(--ol-x); }
body.tp .tp-res .r-dltext h4{ margin: 0; padding: 0; font-size: 13px; font-weight: 600; color: #737373; }
body.tp .tp-res .r-dlcap{ margin: 0; font-size: 15px; line-height: 1.55; color: #171717; white-space: pre-line; overflow-wrap: anywhere; max-height: 240px; overflow: auto; }
body.tp .tp-res .r-dltext .r-chips{ padding: 0; }
body.tp .tp-res .r-dl > .res-foot{ border-bottom: 0; padding: 14px var(--ol-x); }
body.tp .tp-res .r-dl > .res-foot .r-small{ padding: 0; }
body.tp .tp-res .r-summary{ padding: 18px var(--ol-x); font-size: 16px; color: #171717; border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .r-summary strong{ font-weight: 600; font-variant-numeric: tabular-nums; }
body.tp .tp-res .r-names{ list-style: none; margin: 0; padding: 0; }
body.tp .tp-res .r-names li{ display: grid; grid-template-columns: 150px 96px minmax(0, 1fr); gap: 14px; align-items: center; padding: 12px var(--ol-x); border-bottom: 1px solid var(--tp-line); font-size: 15px; }
body.tp .tp-res .r-names .p{ font-weight: 600; color: #171717; }
body.tp .tp-res .r-names .d{ color: #525252; overflow-wrap: anywhere; }
body.tp .tp-res .r-names .s{ justify-self: start; padding: 3px 10px; border-radius: 99px; font-size: 12px; font-weight: 600; background: #eef0ef; color: #525252; }
body.tp .tp-res .r-names .s.free{ background: var(--ss-mint, #e8f8f3); color: var(--ss-deep, #0f3d3a); box-shadow: inset 0 0 0 1px var(--ss-mint-line, #cdeee4); }
body.tp .tp-res .r-names .s.taken{ background: var(--ss-deep, #0f3d3a); color: #fff; }
body.tp .tp-res .r-names .s.unsure{ background: #f1f1f1; color: #525252; }
body.tp .tp-res .r-names .s.no{ background: #fff; color: #525252; box-shadow: inset 0 0 0 1px var(--tp-line); }
body.tp .tp-res .r-names .r-look{ margin-left: 8px; font-weight: 500; }
body.tp .tp-res .r-ideas{ padding: 16px var(--ol-x); border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .r-ideas p{ margin: 0 0 10px; font-size: 14px; color: #525252; }
body.tp .tp-res .r-ideas div{ display: flex; flex-wrap: wrap; gap: 8px; }
body.tp .tp-res .r-bars{ list-style: none; margin: 0; padding: 4px var(--ol-x) 12px; display: grid; gap: 8px; }
body.tp .tp-res .r-bars li{ display: grid; grid-template-columns: 130px minmax(0, 1fr) 44px; gap: 12px; align-items: center; font-size: 14.5px; }
body.tp .tp-res .r-bars .w{ color: #171717; font-weight: 500; overflow-wrap: anywhere; }
body.tp .tp-res .r-bars .bar{ display: block; height: 8px; border-radius: 99px; background: #eef0ef; overflow: hidden; }
body.tp .tp-res .r-bars .bar i{ display: block; height: 100%; border-radius: 99px; background: var(--ss-spring, #14c9a0); }
body.tp .tp-res .r-bars .c{ text-align: right; color: #737373; font-variant-numeric: tabular-nums; }
body.tp .tp-res .r-quotes{ list-style: none; margin: 0; padding: 0 var(--ol-x) 10px; display: grid; gap: 10px; }
body.tp .tp-res .r-quotes li{ padding: 12px 16px; border-radius: 10px; background: #fff; box-shadow: inset 3px 0 0 var(--ss-sea, #0e8a72), 0 0 0 1px #ebebeb; }
body.tp .tp-res .r-quotes p{ padding: 0; font-size: 15.5px; color: #171717; overflow-wrap: anywhere; }
body.tp .tp-res .r-quotes small{ display: block; margin-top: 4px; font-size: 13px; color: #737373; }
body.tp .tp-res .r-list{ list-style: none; margin: 0; padding: 0; }
body.tp .tp-res .r-list li{ display: flex; align-items: center; gap: 14px; padding: 12px var(--ol-x); border-bottom: 1px solid var(--tp-line); transition: background-color .15s; }
body.tp .tp-res .r-list li:hover{ background: #f3f3f3; }
body.tp .tp-res .r-list li:last-child{ border-bottom: 0; }
body.tp .tp-res .r-cover{ position: relative; flex: none; display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 8px; overflow: hidden; background: var(--ss-mint, #e8f8f3); font: 600 18px/1 var(--ss-font-heading, "DM Sans", sans-serif); color: var(--ss-deep, #0f3d3a); }
body.tp .tp-res .r-cover img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.tp .tp-res .r-list .m{ display: grid; gap: 3px; min-width: 0; flex: 1; }
body.tp .tp-res .r-list .m b{ font-size: 15.5px; font-weight: 600; color: #171717; overflow-wrap: anywhere; }
body.tp .tp-res .r-list .m b a{ color: #171717; text-decoration: none; }
body.tp .tp-res .r-list .m b a:hover{ color: var(--ss-sea, #0e8a72); text-decoration: underline; }
body.tp .tp-res .r-list .m small{ font-size: 13.5px; line-height: 1.45; color: #737373; overflow-wrap: anywhere; }
body.tp .tp-res .r-list .k{ flex: none; font-size: 13px; color: #737373; font-variant-numeric: tabular-nums; text-align: right; }
body.tp .tp-res .r-list li.r-hl{ display: block; padding: 0; }
body.tp .tp-res .r-hl-row{ display: flex; align-items: center; gap: 14px; padding: 12px var(--ol-x); }
body.tp .tp-res .r-stories{ list-style: none; margin: 0; padding: 0 var(--ol-x) 4px calc(var(--ol-x) + 62px); }
body.tp .tp-res .r-stories li{ display: flex; align-items: center; gap: 12px; padding: 8px 0; border-top: 1px solid var(--tp-line); }
body.tp .tp-res .r-stories li:hover{ background: transparent; }
body.tp .tp-res .r-story{ position: relative; flex: none; width: 36px; height: 64px; border-radius: 6px; overflow: hidden; background: var(--ss-mint, #e8f8f3); }
body.tp .tp-res .r-story img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.tp .tp-res .r-stories .m b{ font-size: 14.5px; }
body.tp .tp-res .r-hl .r-small{ padding-left: calc(var(--ol-x) + 62px); }
body.tp .tp-res .r-snaps{ list-style: none; margin: 0; padding: 4px var(--ol-x) 10px calc(var(--ol-x) + 62px); display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 12px 10px; }
body.tp .tp-res .r-snaps li{ display: grid; gap: 4px; align-content: start; padding: 0; border: 0; }
body.tp .tp-res .r-snaps li:hover{ background: transparent; }
body.tp .tp-res .r-snap{ position: relative; display: block; aspect-ratio: 9 / 16; border-radius: 8px; overflow: hidden; background: var(--ss-mint, #e8f8f3); }
body.tp .tp-res .r-snap img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.tp .tp-res .r-snap:focus-visible{ outline: 2px solid var(--ss-deep, #0f3d3a); outline-offset: 2px; }
body.tp .tp-res .r-snapn, body.tp .tp-res .r-snapv{ position: absolute; left: 6px; padding: 1px 7px; border-radius: 999px; background: rgba(23, 23, 23, .74); color: #fff; font-size: 11.5px; font-weight: 600; line-height: 1.5; }
body.tp .tp-res .r-snapn{ top: 6px; }
body.tp .tp-res .r-snapv{ bottom: 6px; font-weight: 500; }
body.tp .tp-res .r-snaps small{ font-size: 12px; color: #737373; }
body.tp .tp-res .r-pics.r-pics-two{ grid-template-columns: repeat(2, 196px); }
body.tp .tp-res .r-pics{ display: grid; grid-template-columns: minmax(0, 1fr) 196px; gap: 16px; padding: 16px var(--ol-x); border-top: 1px solid var(--tp-line); }
body.tp .tp-res .r-pics figure{ margin: 0; display: grid; gap: 8px; align-content: start; }
body.tp .tp-res .r-pics img{ display: block; width: 100%; border-radius: 10px; background: var(--ss-mint, #e8f8f3); object-fit: cover; }
body.tp .tp-res .r-pic-wide img{ height: 168px; }
body.tp .tp-res .r-pic-sq img{ height: 168px; }
body.tp .tp-res .r-pic-sq figcaption{ flex-wrap: wrap; }
body.tp .tp-res .r-pics.r-pics-one{ grid-template-columns: 196px; }
body.tp .tp-res .r-pics figcaption{ display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; color: #737373; }
body.tp .tp-res .r-tabs{ display: flex; flex-wrap: wrap; gap: 8px; padding: 14px var(--ol-x); border-top: 1px solid var(--tp-line); }
body.tp .tp-res .r-opened{ border-top: 1px solid var(--tp-line); padding: 10px 0 4px; }
body.tp .tp-res .r-opened > .r-small{ padding: 4px var(--ol-x); }
body.tp .tp-res .r-rows{ padding: 0 var(--ol-x) 4px; }
body.tp .tp-res .r-rows .m{ min-width: 0; flex: 1; display: grid; gap: 3px; }
body.tp .tp-res .r-rows .m b{ font-weight: 500; overflow-wrap: anywhere; }
body.tp .tp-res .r-sqthumb{ position: relative; flex: none; width: 56px; height: 56px; border-radius: 8px; overflow: hidden; background: var(--ss-mint, #e8f8f3); }
body.tp .tp-res .r-sqthumb img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.tp .tp-res .r-grid{ list-style: none; margin: 0; padding: 6px var(--ol-x) 8px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
body.tp .tp-res .r-grid li{ display: grid; gap: 6px; align-content: start; padding: 0; border: 0; }
body.tp .tp-res .r-grid .r-grid-ph{ display: block; aspect-ratio: 1; border-radius: 8px; overflow: hidden; background: var(--ss-mint, #e8f8f3); }
body.tp .tp-res .r-grid img{ width: 100%; height: 100%; object-fit: cover; }
body.tp .tp-res .r-grid small{ font-size: 12.5px; line-height: 1.4; color: #737373; }
body.tp .tp-res .r-grid.r-grid-tall{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
body.tp .tp-res .r-grid.r-grid-tall .r-grid-ph{ aspect-ratio: 3 / 4; }
body.tp .tp-res .r-grid .r-tmarks{ display: flex; flex-wrap: wrap; gap: 4px; }
body.tp .tp-res .r-grid small b{ color: #171717; font-weight: 600; }
body.tp .tp-res .r-grid .r-tcap{ color: #5f6461; }
body.tp .tp-res .r-xposts{ list-style: none; margin: 0; padding: 0 var(--ol-x) 4px; }
body.tp .tp-res .r-xposts > li.r-xpost{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 14px 0; border-top: 1px solid var(--tp-line); }
body.tp .tp-res .r-xposts > li.r-xpost:hover{ background: transparent; }
body.tp .tp-res .r-xone{ border-top: 1px solid var(--tp-line); }
body.tp .tp-res .r-xone > li.r-xpost:first-child{ border-top: 0; }
body.tp .tp-res .r-xmarks{ margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
body.tp .tp-res .r-xtext{ margin: 0; font-size: 15px; line-height: 1.55; color: #262626; white-space: pre-line; overflow-wrap: anywhere; }
body.tp .tp-res .r-xmedia{ display: grid; grid-template-columns: repeat(4, minmax(0, 120px)); gap: 8px; }
body.tp .tp-res .r-xmedia a{ display: block; aspect-ratio: 1; border-radius: 8px; overflow: hidden; background: var(--ss-mint, #e8f8f3); }
body.tp .tp-res .r-xmedia img{ width: 100%; height: 100%; object-fit: cover; }
body.tp .tp-res .r-xvideo{ display: flex; align-items: center; gap: 12px; }
body.tp .tp-res .r-xvideo .m{ flex: 1; min-width: 0; font-size: 14px; }
body.tp .tp-res .r-xquote{ margin: 0; padding: 10px 12px; border-radius: 8px; background: #f5f5f5; font-size: 14px; color: #525252; }
body.tp .tp-res .r-xwhy{ padding-top: 0; }
body.tp .tp-res .r-xpost .r-small, body.tp .tp-res .r-xpost .r-xmarks{ padding: 0; }
body.tp .tp-res .r-tpart{ display: grid; gap: 10px; margin-top: 4px; padding-left: 14px; border-left: 2px solid var(--tp-line); }
body.tp .tp-res .r-ttopics{ padding: 14px var(--ol-x); display: flex; flex-wrap: wrap; gap: 6px; border-top: 1px solid var(--tp-line); }
body.tp .tp-res .tf-legend{ padding: 0; }
body.tp .tp-res .r-sr, body.tp .tp-res .sr-only{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.tp .tp-res .r-advs{ padding: 4px 0 14px; border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .r-advs .r-small{ padding: 6px var(--ol-x) 8px; }
body.tp .tp-res .r-advs .r-chips{ padding: 0 var(--ol-x); }
body.tp .tp-res .r-adlib > .r-tagbtns{ margin-top: 14px; }
body.tp .tp-res .r-ad2{ display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 22px; padding: 22px var(--ol-x); border-top: 1px solid var(--tp-line); align-items: start; }
body.tp .tp-res .r-ad2:not(:has(.r-adshot)){ grid-template-columns: minmax(0, 1fr); }
body.tp .tp-res .r-adshot{ border-radius: 12px; overflow: hidden; background: #ebebeb; box-shadow: 0 0 0 1px #e3e3e3; }
body.tp .tp-res .r-adshot img, body.tp .tp-res .r-adshot video{ display: block; width: 100%; max-height: 420px; object-fit: contain; background: #111; }
body.tp .tp-res .r-adshot img{ background: #ebebeb; }
body.tp .tp-res .r-adbody{ display: grid; gap: 10px; min-width: 0; align-content: start; }
body.tp .tp-res .r-adbody .r-by .r-avatar{ width: 26px; height: 26px; font-size: 12px; }
body.tp .tp-res .r-adwhen{ margin: 0; font-size: 14.5px; font-weight: 600; color: var(--ss-deep, #0f3d3a); font-variant-numeric: tabular-nums; }
body.tp .tp-res .r-adbody .r-text{ padding: 0; overflow-wrap: anywhere; }
body.tp .tp-res .r-adfacts{ display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px 16px; margin: 0; }
body.tp .tp-res .r-adfacts dt{ font-size: 12.5px; color: #737373; }
body.tp .tp-res .r-adfacts dd{ margin: 0; font-size: 14.5px; color: #171717; overflow-wrap: anywhere; }
body.tp .tp-res .r-adcards{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 10px; }
body.tp .tp-res .r-adcards li{ position: relative; display: grid; gap: 4px; }
body.tp .tp-res .r-adcimg{ position: relative; display: block; aspect-ratio: 1; border-radius: 8px; overflow: hidden; background: #ebebeb; box-shadow: 0 0 0 1px #e3e3e3; }
body.tp .tp-res .r-adcards img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.tp .tp-res .r-adcards small{ font-size: 12px; line-height: 1.3; color: #525252; overflow-wrap: anywhere; }
body.tp .tp-res .r-adbody .r-actions{ margin: 2px 0 0; }
body.tp .tp-res .r-findbar{ display: flex; gap: 10px; padding: 16px var(--ol-x) 8px; flex-wrap: wrap; }
body.tp .tp-res .r-findq{ flex: 1 1 320px; }
body.tp .tp-res .r-find, body.tp .tp-res .r-sort{ width: 100%; height: 44px; padding: 0 14px; border: 1px solid #d4d4d4; border-radius: 10px; background: #fff; font: inherit; font-size: 15.5px; color: #171717; }
body.tp .tp-res .r-find:focus, body.tp .tp-res .r-sort:focus{ outline: 2px solid var(--ss-sea, #0e8a72); outline-offset: 1px; border-color: transparent; }
body.tp .tp-res .r-findsort{ flex: 0 1 220px; }
body.tp .tp-res .r-findtools{ display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 0 var(--ol-x) 12px; }
body.tp .tp-res .r-findn{ margin: 0; font-size: 14px; color: #737373; font-variant-numeric: tabular-nums; }
body.tp .tp-res .r-pickline{ margin: 0; padding: 10px var(--ol-x); background: var(--ss-mint, #e8f8f3); color: var(--ss-deep, #0f3d3a); font-size: 14.5px; font-weight: 500; }
body.tp .tp-res .r-cmts{ list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--tp-line); max-height: 760px; overflow: auto; }
body.tp .tp-res .r-cmt{ display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 14px var(--ol-x); border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .r-cmt[hidden]{ display: none; }
body.tp .tp-res .r-cmt .r-avatar{ width: 36px; height: 36px; font-size: 14px; }
body.tp .tp-res .r-cmt > div{ display: grid; gap: 4px; min-width: 0; }
body.tp .tp-res .r-cmt .r-text{ padding: 0; white-space: pre-line; overflow-wrap: anywhere; }
body.tp .tp-res .r-cmt .r-small{ padding: 0; }
body.tp .tp-res .r-cmt.r-picked{ background: var(--ss-mint, #e8f8f3); box-shadow: inset 3px 0 0 var(--ss-sea, #0e8a72); }
body.tp .tp-res .r-finder .r-nomatch{ border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .r-artwall{ list-style: none; margin: 0; padding: 4px var(--ol-x) 18px; display: grid; grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); gap: 20px 18px; }
body.tp .tp-res .r-artcard{ display: grid; gap: 4px; align-content: start; min-width: 0; }
body.tp .tp-res .r-artcard b{ font-size: 15px; font-weight: 600; color: #171717; overflow-wrap: anywhere; }
body.tp .tp-res .r-artcard b a{ color: inherit; text-decoration: none; }
body.tp .tp-res .r-artcard small{ font-size: 13px; color: #737373; overflow-wrap: anywhere; }
body.tp .tp-res .r-artcard .r-actions{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 4px; }
body.tp .tp-res .r-artcard .r-actions .btn{ justify-content: center; text-align: center; padding-left: 2px; padding-right: 2px; white-space: nowrap; }
body.tp .tp-res .r-artcard .r-actions button{ grid-column: 1 / -1; }
body.tp .tp-res .r-spotify > .r-actions, body.tp .tp-res .r-gh > .r-actions, body.tp .tp-res .r-apple > .r-actions, body.tp .tp-res .r-music > .r-actions{ margin: 0; padding: 10px var(--ol-x) 6px; }
body.tp .tp-res .r-artcard .btn.sm{ padding: 4px 9px; font-size: 12.5px; }
body.tp .tp-res .r-art{ position: relative; display: grid; place-items: center; aspect-ratio: 1; border-radius: 10px; overflow: hidden; background: var(--ss-mint, #e8f8f3); box-shadow: 0 0 0 1px #e3e3e3; font: 600 28px/1 var(--ss-font-heading, "DM Sans", sans-serif); color: var(--ss-deep, #0f3d3a); }
body.tp .tp-res .r-art img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.tp .tp-res .r-art.big{ width: 240px; }
body.tp .tp-res .r-arthead{ display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 24px; padding: 22px var(--ol-x); align-items: start; }
body.tp .tp-res .r-arthead h3{ margin: 0; font-size: 22px; line-height: 1.25; color: #171717; }
body.tp .tp-res .r-arthead > div{ display: grid; gap: 10px; min-width: 0; }
body.tp .tp-res .r-arthead .r-stats{ border: 0; }
body.tp .tp-res .r-arthead .r-stats > div{ padding: 0; box-shadow: none; }
body.tp .tp-res .r-arthead .r-small, body.tp .tp-res .r-arthead .r-handle{ padding: 0; margin: 0; }
body.tp .tp-res .r-arthead .r-chips{ padding: 0; }
body.tp .tp-res .r-cover.big{ width: 72px; height: 72px; }
body.tp .tp-res .r-cover.sm{ width: 40px; height: 40px; }
body.tp .tp-res td.c{ font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13.5px; white-space: nowrap; color: #171717; }
body.tp .tp-res td.t small{ display: block; font-size: 12.5px; color: #737373; font-weight: 400; }
body.tp .tp-res .r-audio{ display: block; width: calc(100% - 2 * var(--ol-x)); max-width: 520px; margin: 0 var(--ol-x) 14px; }
body.tp .tp-res .r-graph{ padding: 4px var(--ol-x) 0; overflow-x: auto; direction: rtl; }
body.tp .tp-res .r-graphin{ direction: ltr; }
body.tp .tp-res .r-graphin{ display: grid; grid-auto-flow: column; grid-template-rows: repeat(7, 11px); grid-template-columns: repeat(var(--cols), 11px); gap: 3px; width: max-content; }
body.tp .tp-res .r-graph i, body.tp .tp-res .r-legend i{ display: block; width: 11px; height: 11px; border-radius: 2px; background: #ebedf0; }
body.tp .tp-res .r-graph i.x{ background: transparent; }
body.tp .tp-res .r-graph i.l1, body.tp .tp-res .r-legend i.l1{ background: #b7e4d6; }
body.tp .tp-res .r-graph i.l2, body.tp .tp-res .r-legend i.l2{ background: #6cc6ab; }
body.tp .tp-res .r-graph i.l3, body.tp .tp-res .r-legend i.l3{ background: #1f9f80; }
body.tp .tp-res .r-graph i.l4, body.tp .tp-res .r-legend i.l4{ background: #0f3d3a; }
body.tp .tp-res .r-legend{ display: flex; align-items: center; gap: 3px; justify-content: flex-end; padding: 6px var(--ol-x) 4px; }
body.tp .tp-res .r-legend i{ display: inline-block; }
@media (max-width: 860px){body.tp .tp-res .r-transcript > .res-bar{ grid-column: 1 / -1; border-bottom: 0; padding-bottom: 8px; }
body.tp .tp-res .r-transcript > .res-foot{ grid-column: 1 / -1; grid-row: 2; padding: 0 var(--ol-x) 14px; }
body.tp .tp-res .res-actions{ justify-content: flex-start; width: 100%; }
body.tp .tp-res .res-actions .btn{ flex: 1; }
body.tp .tp-res ol.segs .seg{ grid-template-columns: 52px minmax(0, 1fr); font-size: 15px; }
body.tp .tp-res .r-txcard{ grid-template-columns: 112px minmax(0, 1fr); gap: 12px; }
body.tp .tp-res .r-txcard.r-txtall{ grid-template-columns: 72px minmax(0, 1fr); }
body.tp .tp-res .r-txhead{ font-size: 15px; }
body.tp .tp-res .r-txbar .r-txfind{ flex: 1 1 100%; }
body.tp .tp-res ol.segs .seg-ch{ grid-template-columns: 52px minmax(0, 1fr); }
body.tp .tp-res .r-txfoot .res-actions{ width: 100%; }
body.tp .tp-res .r-chfoot .btn{ flex: 1 1 100%; }
body.tp .tp-res .r-chlist .table-wrap{ overflow: visible; }
body.tp .tp-res .r-chlist table,body.tp .tp-res .r-chlist tbody{ display: block; width: 100%; }
body.tp .tp-res .r-chlist thead{ display: none; }
body.tp .tp-res .r-chlist tbody tr:not(.r-txrow){ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; padding: 12px var(--ol-x); border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .r-chlist tbody tr:not(.r-txrow) > td{ display: block; padding: 0; border: 0; font-size: 13.5px; color: #737373; text-align: left; }
body.tp .tp-res .r-chlist tbody tr:not(.r-txrow) > td.t{ flex: 1 1 100%; min-width: 0; max-width: none; font-size: 15px; }
body.tp .tp-res .r-chlist td.r-cv::after{ content: " views"; }
body.tp .tp-res .r-chlist tbody tr:not(.r-txrow) > td.a{ margin-left: auto; }
body.tp .tp-res .r-chlist tr.r-txrow{ display: block; }
body.tp .tp-res .r-chlist tr.r-txrow > td{ display: block; border-bottom: 1px solid var(--tp-line); }
body.tp .tp-res .r-media,body.tp .tp-res .r-ad{ grid-template-columns: minmax(0, 1fr); gap: 16px; }
body.tp .tp-res .r-thumb{ aspect-ratio: 16 / 10; max-height: 240px; }
body.tp .tp-res .r-dlf{ grid-template-columns: 64px minmax(0, 1fr); gap: 10px 14px; }
body.tp .tp-res .r-dlpic{ width: 64px; }
body.tp .tp-res .r-dlbtns{ grid-column: 1 / -1; justify-content: flex-start; }
body.tp .tp-res .r-dlbtns .btn{ flex: 1 1 auto; justify-content: center; }
body.tp .tp-res .r-dlx small{ padding-left: 0; }
body.tp .tp-res .r-names li{ grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; }
body.tp .tp-res .r-names .d{ grid-column: 1 / -1; }
body.tp .tp-res .r-bars li{ grid-template-columns: 90px minmax(0, 1fr) 36px; }
body.tp .tp-res .r-stats{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.tp .tp-res .r-list li{ align-items: flex-start; }
body.tp .tp-res .r-list .k{ display: none; }
body.tp .tp-res .r-quote{ flex-direction: column; gap: 4px; }
body.tp .tp-res .r-qa{ flex-direction: column; gap: 4px; }
body.tp .tp-res .r-chapters li{ grid-template-columns: 52px minmax(0, 1fr); }
body.tp .tp-res .r-sumthumb{ width: 72px; }
body.tp .tp-res .r-sumthumb.tall{ width: 40px; }
body.tp .tp-res .r-pics{ grid-template-columns: minmax(0, 1fr) 120px; gap: 12px; }
body.tp .tp-res .r-pics.r-pics-one{ grid-template-columns: 150px; }
body.tp .tp-res .r-pics.r-pics-two{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.tp .tp-res .r-snaps{ padding-left: var(--ol-x); grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 8px; }
body.tp .tp-res .r-hl .r-small{ padding-left: var(--ol-x); }
body.tp .tp-res .r-ad2{ grid-template-columns: minmax(0, 1fr); gap: 14px; }
body.tp .tp-res .r-adshot img,body.tp .tp-res .r-adshot video{ max-height: 360px; }
body.tp .tp-res .r-adcards{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.tp .tp-res .r-findsort{ flex: 1 1 100%; }
body.tp .tp-res .r-findtools .r-actions{ width: 100%; }
body.tp .tp-res .r-findtools .r-actions .btn{ flex: 1; }
body.tp .tp-res .r-cmts{ max-height: 640px; }
body.tp .tp-res .r-artwall{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
body.tp .tp-res .r-arthead{ grid-template-columns: minmax(0, 1fr); gap: 16px; }
body.tp .tp-res .r-art.big{ width: 100%; max-width: 320px; }
body.tp .tp-res .r-list.repos li{ flex-direction: column; align-items: flex-start; gap: 4px; }
body.tp .tp-res .r-list.repos .k{ display: block; }
body.tp .tp-res .r-pics figcaption{ flex-direction: column; align-items: flex-start; }
body.tp .tp-res .r-pic-wide img,body.tp .tp-res .r-pic-sq img{ height: 110px; }
body.tp .tp-res .r-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.tp .tp-res .r-grid.r-grid-tall{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.tp .tp-res .r-rows li{ flex-wrap: wrap; align-items: flex-start; }
body.tp .tp-res .r-rows .m{ flex: 1 1 calc(100% - 72px); }
}
body.tp .tp-form .tf-ts:empty{display:none}
.ck-ic.ck-no{ stroke: #a3a3a3; }
.ck-ic.ck-own path{ stroke-dasharray: none; }
.cc{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 72px; padding: 56px var(--ol-x, 40px) 64px; }
body.ol .cc .ck, .cc .ck{ grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 0; }
.cc-h{ margin: 0 0 24px; font: 600 14px/1.3 var(--ss-font, var(--sans, sans-serif)); letter-spacing: .02em; color: #737373; }
.cc .ck-i h4{ margin: 0; font: 600 18px/1.3 var(--ss-font-heading, "DM Sans", sans-serif); letter-spacing: -.01em; color: var(--ss-ink, #171717); }
@media (max-width: 860px){.cc{ grid-template-columns: minmax(0, 1fr); gap: 36px; padding: 40px var(--ol-x, 20px) 44px; }
}
.iv-tx p + p{ margin-top: 12px; }
.iv-tx .iv-link{ font-weight: 500; color: var(--ss-sea, #0e8a72); text-decoration: underline; text-underline-offset: 3px; }
.iv-acct{ display: grid; gap: 8px; width: 230px; padding: 0 0 16px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px #e6e8e7, 0 16px 34px -20px rgba(15, 61, 58, .35); margin-bottom: 34px; overflow: hidden; }
.iv-acct > .iv-ln, .iv-acct > .iv-sts, .iv-acct > .iv-pl{ margin: 0 16px; }
.iv-bnr{ height: 44px; background: linear-gradient(90deg, var(--ss-deep, #0f3d3a), var(--ss-sea, #0e8a72)); }
.iv-av{ width: 38px; height: 38px; margin: -27px 0 0 16px; border-radius: 50%; background: var(--ss-spring, #14c9a0); box-shadow: 0 0 0 3px #fff; }
.iv-sts{ display: flex; gap: 8px; }
.iv-sts i{ flex: 1; height: 16px; border-radius: 5px; background: #eef1f0; }
.iv-pl{ display: flex; align-items: center; gap: 8px; padding-top: 8px; border-top: 1px solid #eef0ef; }
.iv-pl i{ flex: none; width: 18px; height: 18px; border-radius: 5px; background: #e3e7e5; }
.iv-post{ display: grid; gap: 8px; width: 220px; padding: 14px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px #e6e8e7, 0 16px 34px -20px rgba(15, 61, 58, .35); margin-bottom: 34px; }
.iv-ph{ display: flex; align-items: center; gap: 8px; }
.iv-ph i{ flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--ss-spring, #14c9a0); }
.iv-ph .iv-ln{ width: 45%; }
.iv-post .iv-blk{ display: grid; place-items: center; height: 76px; }
.iv-play{ width: 0; height: 0; margin-left: 4px; border-left: 13px solid var(--ss-deep, #0f3d3a); border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
.iv-cts{ display: flex; gap: 14px; padding-top: 2px; }
.iv-cts i{ width: 22px; height: 6px; border-radius: 3px; background: #e3e7e5; }
.iv-mode{ display: grid; gap: 12px; width: 230px; padding: 16px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px #e6e8e7, 0 16px 34px -20px rgba(15, 61, 58, .35); margin-bottom: 34px; }
.iv-row{ display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 11px; border-top: 1px solid #eef0ef; }
.iv-sw{ flex: none; position: relative; width: 30px; height: 17px; border-radius: 999px; background: #e3e7e5; }
.iv-sw::after{ content: ""; position: absolute; top: 2px; left: 2px; width: 13px; height: 13px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
.iv-sw.on{ background: var(--ss-sea, #0e8a72); }
.iv-sw.on::after{ left: 15px; }

*:is(#site-nav,#site-nav *),*:is(#site-nav,#site-nav *)::before,*:is(#site-nav,#site-nav *)::after{box-sizing: border-box;}
:where(.ss) a:is(#site-nav,#site-nav *){color: inherit;}
.wrap:is(#site-nav,#site-nav *){max-width: var(--ss-max); margin: 0 auto; padding-inline: var(--ss-pad);}
button:is(#site-nav,#site-nav *){font-family: var(--ss-font);}
.btn:is(#site-nav,#site-nav *){display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 0; border-radius: var(--ss-r);
  font: var(--ss-w-regular) var(--ss-t-small)/1 var(--ss-font); text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: background-color var(--ss-fast) var(--ss-ease-out), box-shadow var(--ss-fast) var(--ss-ease-out), color var(--ss-fast) var(--ss-ease-out);}
.btn-go:is(#site-nav,#site-nav *){--edge: 4px; border-radius: 12px; background: var(--ss-spring); color: var(--ss-deep); font-weight: 600; box-shadow: 0 var(--edge) 0 var(--ss-deep); transition: transform .14s var(--ss-ease-out), box-shadow .14s var(--ss-ease-out), background-color .14s var(--ss-ease-out);}
.btn-go:hover:is(#site-nav,#site-nav *){background: var(--ss-spring-hover); transform: translateY(-2px); box-shadow: 0 calc(var(--edge) + 2px) 0 var(--ss-deep);}
.btn-go:active:is(#site-nav,#site-nav *){transform: translateY(var(--edge)); box-shadow: 0 0 0 var(--ss-deep); transition-duration: .05s;}
@media (prefers-reduced-motion: reduce){.btn-go:is(#site-nav,#site-nav *){transition: none;}
}
.btn.pill:is(#site-nav,#site-nav *){border-radius: var(--ss-r-pill); min-height: 32px; padding: 0 14px;}
.pl:is(#site-nav,#site-nav *){display: inline-block; width: var(--icon, 18px); height: var(--icon, 18px); flex: none; fill: currentColor;}
.ptile:is(#site-nav,#site-nav *){display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--ss-r-tile); background: var(--ss-mint); color: var(--ss-sea); flex: none; --icon: 17px;}
.ptile.on:is(#site-nav,#site-nav *){background: var(--ss-deep); color: #fff;}
.g2:is(#site-nav,#site-nav *){display: grid; gap: var(--ss-gap);}
.g2:is(#site-nav,#site-nav *){grid-template-columns: repeat(2, minmax(0, 1fr));}
.nav:is(#site-nav,#site-nav *){position: sticky; top: 0; z-index: 10; background: rgba(250, 250, 250, .85); backdrop-filter: saturate(1.2) blur(20px); -webkit-backdrop-filter: saturate(1.2) blur(20px);}
.nav-in:is(#site-nav,#site-nav *){height: 64px; display: flex; align-items: center; gap: 32px;}
.brand:is(#site-nav,#site-nav *){display: flex; align-items: center; gap: 10px; text-decoration: none; font-family: var(--ss-font-heading); font-weight: var(--ss-w-strong, 600); font-size: 18px; letter-spacing: -0.025em; color: var(--ss-obsidian);}
.brand svg:is(#site-nav,#site-nav *){display: block; flex: none;}
.nav-right:is(#site-nav,#site-nav *){margin-left: auto; display: flex; align-items: center; gap: 8px;}
@media (max-width:1100px){.g2:is(#site-nav,#site-nav *){grid-template-columns: 1fr;}
}
#site-nav{--paper:var(--ss-paper);--white:var(--ss-white);--hairline:var(--ss-hairline);--ash:var(--ss-ash);--stone:var(--ss-stone);--charcoal:var(--ss-charcoal);--obsidian:var(--ss-obsidian);--carbon:#000000;--spring:var(--ss-spring);--sea:var(--ss-sea);--deep:var(--ss-deep);--deep-hover:var(--ss-deep-hover);--mint:var(--ss-mint);--green:var(--sea);--accent:var(--spring);--heading:'DM Sans','Geist',ui-sans-serif,system-ui,sans-serif;--sans:'Geist',ui-sans-serif,system-ui,sans-serif;--mono:'Geist',ui-sans-serif,system-ui,sans-serif;--t-eyebrow:11px;--t-caption:var(--ss-t-caption);--t-small:var(--ss-t-small);--t-body:var(--ss-t-body);--t-heading:30px;--t-heading-lg:56px;--t-display:64px;--r:var(--ss-r);--r-pill:var(--ss-r-pill);--ring:var(--ss-ring);--ring-line:var(--ss-ring-line);--max:var(--ss-max);--pad:var(--ss-pad);--section:var(--ss-section);--gap:var(--ss-gap);--fast:var(--ss-fast);--ease-out:var(--ss-ease-out)}
*:is(#site-nav,#site-nav *){box-sizing: border-box;}
a:is(#site-nav,#site-nav *){color: inherit;}
section:is(#site-nav,#site-nav *){padding-block: var(--section) 0;}
.pill:is(#site-nav,#site-nav *){border-radius: var(--r-pill); min-height: 32px; padding: 0 14px;}
.links:is(#site-nav,#site-nav *){display: flex; gap: 24px;}
.links a:is(#site-nav,#site-nav *){font-size: var(--t-small); color: var(--charcoal); text-decoration: none; padding: 8px 0;}
.links a:hover:is(#site-nav,#site-nav *){color: var(--obsidian);}
.menu-btn:is(#site-nav,#site-nav *){display: none; width: 44px; height: 44px; border-radius: var(--r); background: transparent; border: 0; box-shadow: var(--ring-line); cursor: pointer; color: var(--obsidian);}
.menu-btn .od-icon:is(#site-nav,#site-nav *){--od-icon-size: 18px;}
.g2:is(#site-nav,#site-nav *){display: grid; gap: var(--gap);}
@media (max-width:1100px){#site-nav{--pad:16px;--section:80px}
.links:is(#site-nav,#site-nav *){display: none;}
.menu-btn:is(#site-nav,#site-nav *){display: inline-flex; align-items: center; justify-content: center;}
.g2:is(#site-nav,#site-nav *){grid-template-columns: 1fr;}
}
@media (prefers-reduced-motion:reduce){*:is(#site-nav,#site-nav *){transition: none !important;}
}
.ptile .pl:is(#site-nav,#site-nav *){--od-icon-size: 17px;}
.nav .brand:is(#site-nav,#site-nav *){font-family: var(--ss-font-heading); font-size: 18px; letter-spacing: -.025em;}
.brand .wm:is(#site-nav,#site-nav *){font-family: var(--ss-font-heading); font-weight: 600;}
.btn.btn-go:is(#site-nav,#site-nav *){--edge: 4px; border-radius: 12px; background: var(--spring); color: var(--deep); font-weight: 600; box-shadow: 0 var(--edge) 0 var(--deep); transition: transform .14s var(--ease-out), box-shadow .14s var(--ease-out), background var(--fast) var(--ease-out);}
.btn.btn-go:hover:is(#site-nav,#site-nav *){background: #2ad8b0; transform: translateY(-2px); box-shadow: 0 calc(var(--edge) + 2px) 0 var(--deep);}
.btn.btn-go:active:is(#site-nav,#site-nav *){transform: translateY(var(--edge)); box-shadow: 0 0 0 var(--deep); transition-duration: .05s;}
.btn.pill.btn-go:is(#site-nav,#site-nav *){--edge: 3px; min-height: 34px; padding: 0 16px; border-radius: 9px; margin-bottom: 3px;}
@media (prefers-reduced-motion: reduce){.btn.btn-go:is(#site-nav,#site-nav *){transition: none;}
.btn.btn-go:hover:is(#site-nav,#site-nav *){transform: none; box-shadow: 0 var(--edge) 0 var(--deep);}
}
.apm:is(#site-nav,#site-nav *){--apm-ink:var(--ss-obsidian,var(--obsidian,var(--ink)));--apm-mut:var(--ss-charcoal,var(--charcoal,var(--graphite)));--apm-line:var(--ss-hairline,var(--hairline,var(--line)));--apm-acc:var(--ss-line-teal,var(--mint,var(--tint)));--apm-hov:var(--ss-hover,var(--paper,var(--card)));--apm-bg:var(--ss-white,var(--white,white));--apm-shadow:var(--ss-lift,var(--lift,var(--ss-ring,var(--ring))));--apm-mint:var(--ss-mint,var(--mint,var(--tint)));--apm-sea:var(--ss-sea,var(--sea,var(--blue)));position:relative;display:inline-flex;align-items:center}
.apm:is(#site-nav,#site-nav *)::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.apm-b:is(#site-nav,#site-nav *){font:inherit;color:var(--apm-mut);background:none;border:0;margin:0;padding:8px 0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px}
@media (min-width:1101px){.links:is(#site-nav,#site-nav *){align-items:center}
}
.links>.apm>.apm-b:is(#site-nav,#site-nav *){font-size:var(--t-small,14px);line-height:1.5}
.nav>.apm>.apm-b:is(#site-nav,#site-nav *){font-size:16px;font-weight:500;line-height:1}
.apm:hover>.apm-b:is(#site-nav,#site-nav *),.apm:focus-within>.apm-b:is(#site-nav,#site-nav *),.apm.is-open>.apm-b:is(#site-nav,#site-nav *){color:var(--apm-ink)}
.apm-c:is(#site-nav,#site-nav *){flex:none}
.apm:hover>.apm-b .apm-c:is(#site-nav,#site-nav *),.apm:focus-within>.apm-b .apm-c:is(#site-nav,#site-nav *),.apm.is-open>.apm-b .apm-c:is(#site-nav,#site-nav *){transform:rotate(180deg)}
.apm-p:is(#site-nav,#site-nav *){visibility:hidden;opacity:0;pointer-events:none;position:absolute;left:0;top:calc(100% + 8px);z-index:60;width:360px;max-height:70vh;overflow-y:auto;overscroll-behavior:contain;padding:8px;background:var(--apm-bg);border-radius:var(--ss-r-panel,16px);box-shadow:var(--apm-shadow);text-align:left}
.apm:hover>.apm-p:is(#site-nav,#site-nav *),.apm:focus-within>.apm-p:is(#site-nav,#site-nav *),.apm.is-open>.apm-p:is(#site-nav,#site-nav *){visibility:visible;opacity:1;pointer-events:auto}
.apm-p a:is(#site-nav,#site-nav *){display:flex;align-items:center;gap:10px;min-height:44px;padding:0 8px;border-radius:var(--ss-r-row,10px);color:var(--apm-ink);font-size:var(--ss-t-small,var(--t-small,15px));font-weight:500;line-height:1.3;text-decoration:none;white-space:normal}
.links .apm a:is(#site-nav,#site-nav *),.nav .apm a:is(#site-nav,#site-nav *){padding:0 8px}
.apm-p a:hover:is(#site-nav,#site-nav *),.apm-r summary:hover:is(#site-nav,#site-nav *){background:var(--apm-hov)}
.apm-all:is(#site-nav,#site-nav *){color:var(--apm-mut);font-weight:500}
.apm .ptile:is(#site-nav,#site-nav *){display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--apm-mint);color:var(--apm-sea);flex:none}
.apm .ptile .pl:is(#site-nav,#site-nav *){width:16px;height:16px;display:block;fill:currentColor}
.apm-r summary:is(#site-nav,#site-nav *){display:flex;align-items:center;min-height:44px;list-style:none;cursor:pointer;border-radius:var(--ss-r-row,10px);padding-right:4px}
.apm-r summary:is(#site-nav,#site-nav *)::-webkit-details-marker{display:none}
.apm-r summary a:is(#site-nav,#site-nav *){flex:1;min-width:0}
.apm-r summary:is(#site-nav,#site-nav *)::after{content:"";flex:none;width:8px;height:8px;margin-right:10px;border:solid var(--apm-mut);border-width:0 1.5px 1.5px 0;transform:rotate(-45deg)}
.apm-r[open] summary:is(#site-nav,#site-nav *)::after{transform:rotate(45deg)}
.apm-r ul:is(#site-nav,#site-nav *){list-style:none;margin:2px 0 8px 21px;padding:0 0 0 10px;border-left:1px solid var(--apm-acc)}
.apm-r li a:is(#site-nav,#site-nav *){font-weight:400;color:var(--apm-mut)}
.apm-r li a:hover:is(#site-nav,#site-nav *){color:var(--apm-ink)}
header.nav:is(#site-nav,#site-nav *){z-index:45}
.nav-signin:is(#site-nav,#site-nav *){white-space:nowrap}
@media (min-width:1101px){header.nav .links:is(#site-nav,#site-nav *){flex:1}
header.nav .nav-signin:is(#site-nav,#site-nav *){margin-left:auto}
}
.apm.is-shut>.apm-p:is(#site-nav,#site-nav *),.apm.is-shut:hover>.apm-p:is(#site-nav,#site-nav *),.apm.is-shut:focus-within>.apm-p:is(#site-nav,#site-nav *){visibility:hidden;opacity:0;pointer-events:none}
@media (max-width:1100px){.apm:is(#site-nav,#site-nav *){display:block;width:100%;position:static}
.apm:is(#site-nav,#site-nav *)::after{display:none}
.apm-b:is(#site-nav,#site-nav *){width:100%;justify-content:space-between}
.apm:hover>.apm-p:is(#site-nav,#site-nav *){visibility:hidden;opacity:0;pointer-events:none;max-height:0}
.apm-p:is(#site-nav,#site-nav *){position:static;left:auto;top:auto;width:100%;max-height:0;overflow:hidden;padding:0;border-radius:0;box-shadow:none;visibility:hidden;opacity:0}
.apm:focus-within>.apm-p:is(#site-nav,#site-nav *),.apm.is-open>.apm-p:is(#site-nav,#site-nav *){visibility:visible;opacity:1;pointer-events:auto;max-height:70vh;overflow:auto;padding:0 0 8px}
.apm.is-shut>.apm-p:is(#site-nav,#site-nav *),.apm.is-shut:focus-within>.apm-p:is(#site-nav,#site-nav *),.apm.is-shut:hover>.apm-p:is(#site-nav,#site-nav *){visibility:hidden;opacity:0;pointer-events:none;max-height:0;overflow:hidden}
header.nav.ss-open .links:is(#site-nav,#site-nav *){display:flex;flex-direction:column;position:absolute;left:0;right:0;top:64px;z-index:30;max-height:calc(100dvh - 64px);overflow:auto;background:var(--paper,var(--ss-paper,white));padding:8px 16px 16px;border-top:1px solid var(--hairline,var(--ss-hairline,var(--line)))}
header.nav.ss-open .links>a:is(#site-nav,#site-nav *){display:flex;align-items:center;min-height:44px;padding:0}
header.nav .nav-in:is(#site-nav,#site-nav *){position:static}
header.nav .nav-right:is(#site-nav,#site-nav *){order:1;margin-left:auto}
}
header.nav:is(#site-nav,#site-nav *){background: #0f3d3a; -webkit-backdrop-filter: none; backdrop-filter: none;}
header.nav .brand:is(#site-nav,#site-nav *),header.nav .brand .wm:is(#site-nav,#site-nav *){color: #fff;}
header.nav .brand svg g:nth-of-type(3) rect:is(#site-nav,#site-nav *){fill: #1c5450; stroke: #0f3d3a; stroke-width: 1.5; paint-order: stroke;}
header.nav .menu-btn:is(#site-nav,#site-nav *){color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);}
@media (min-width:1101px){header.nav .links > a:is(#site-nav,#site-nav *),header.nav .links > .apm > .apm-b:is(#site-nav,#site-nav *),header.nav .nav-signin:is(#site-nav,#site-nav *){color: #fff;}
header.nav .links > a:hover:is(#site-nav,#site-nav *),header.nav .links > .apm > .apm-b:hover:is(#site-nav,#site-nav *),header.nav .nav-signin:hover:is(#site-nav,#site-nav *){color: #9fe8d4;}
}
header.nav:is(#site-nav,#site-nav *){margin-bottom: -64px; background: transparent; box-shadow: 0 1px 0 transparent; transition: background-color .3s ease, box-shadow .3s ease;}
header.nav .brand:is(#site-nav,#site-nav *),header.nav .brand .wm:is(#site-nav,#site-nav *),header.nav .links > a:is(#site-nav,#site-nav *),header.nav .links > .apm > .apm-b:is(#site-nav,#site-nav *),header.nav .nav-signin:is(#site-nav,#site-nav *),header.nav .menu-btn:is(#site-nav,#site-nav *){transition: color .3s ease, box-shadow .3s ease;}
header.nav .brand svg g:nth-of-type(3) rect:is(#site-nav,#site-nav *){transition: fill .3s ease, stroke .3s ease;}
header.nav.is-solid:is(#site-nav,#site-nav *),header.nav.ss-open:is(#site-nav,#site-nav *){background: #fff; box-shadow: 0 1px 0 var(--hairline);}
header.nav.is-solid .brand:is(#site-nav,#site-nav *),header.nav.is-solid .brand .wm:is(#site-nav,#site-nav *),header.nav.ss-open .brand:is(#site-nav,#site-nav *),header.nav.ss-open .brand .wm:is(#site-nav,#site-nav *){color: var(--obsidian);}
header.nav.is-solid .brand svg g:nth-of-type(3) rect:is(#site-nav,#site-nav *),header.nav.ss-open .brand svg g:nth-of-type(3) rect:is(#site-nav,#site-nav *){fill: #0F3D3A; stroke: transparent;}
header.nav.is-solid .menu-btn:is(#site-nav,#site-nav *),header.nav.ss-open .menu-btn:is(#site-nav,#site-nav *){color: var(--obsidian); box-shadow: inset 0 0 0 1px var(--hairline);}
@media (min-width:1101px){header.nav.is-solid .links > a:is(#site-nav,#site-nav *),header.nav.is-solid .links > .apm > .apm-b:is(#site-nav,#site-nav *),header.nav.is-solid .nav-signin:is(#site-nav,#site-nav *){color: var(--obsidian);}
header.nav.is-solid .links > a:hover:is(#site-nav,#site-nav *),header.nav.is-solid .links > .apm > .apm-b:hover:is(#site-nav,#site-nav *),header.nav.is-solid .nav-signin:hover:is(#site-nav,#site-nav *){color: var(--sea);}
}
header.nav:is(#site-nav,#site-nav *){--e: max(var(--ss-pad), calc((100% - var(--ss-max)) / 2 + var(--ss-pad))); --fl: rgba(255, 255, 255, .1);}
header.nav:is(#site-nav,#site-nav *){background-image: linear-gradient(90deg, transparent calc(var(--e) - 1px), var(--fl) calc(var(--e) - 1px), var(--fl) var(--e), transparent var(--e)), linear-gradient(90deg, transparent calc(100% - var(--e)), var(--fl) calc(100% - var(--e)), var(--fl) calc(100% - var(--e) + 1px), transparent calc(100% - var(--e) + 1px));}
header.nav:is(#site-nav,#site-nav *){margin-bottom: -60px !important; box-shadow: 0 1px 0 var(--fl) !important;}
header.nav.is-solid:is(#site-nav,#site-nav *),header.nav.ss-open:is(#site-nav,#site-nav *){--fl: var(--hairline); background-color: #fff; box-shadow: 0 1px 0 var(--hairline) !important;}
header.nav:is(#site-nav,#site-nav *)::before,header.nav:is(#site-nav,#site-nav *)::after{content: ""; position: absolute; bottom: -4px; width: 7px; height: 7px; background: linear-gradient(var(--fm), var(--fm)) center / 7px 1px no-repeat, linear-gradient(var(--fm), var(--fm)) center / 1px 7px no-repeat; --fm: rgba(255, 255, 255, .45); pointer-events: none; z-index: 1;}
header.nav:is(#site-nav,#site-nav *)::before{left: calc(var(--e) - 4px);}
header.nav:is(#site-nav,#site-nav *)::after{right: calc(var(--e) - 4px);}
header.nav.is-solid:is(#site-nav,#site-nav *)::before,header.nav.is-solid:is(#site-nav,#site-nav *)::after,header.nav.ss-open:is(#site-nav,#site-nav *)::before,header.nav.ss-open:is(#site-nav,#site-nav *)::after{--fm: rgba(15, 61, 58, .35);}
.nav-in:is(#site-nav,#site-nav *){height: 60px !important;}
.nav-si2:is(#site-nav,#site-nav *){display: none;}
@media (min-width:1101px){.nav-in:is(#site-nav,#site-nav *){display: grid !important; grid-template-columns: 1fr auto 1fr; gap: 24px;}
.nav-in .brand:is(#site-nav,#site-nav *){justify-self: start;}
.nav-in .links:is(#site-nav,#site-nav *){justify-self: center; gap: 4px !important;}
.nav-in .nav-right:is(#site-nav,#site-nav *){justify-self: end; display: flex; align-items: center; gap: 8px;}
.links .nav-signin:is(#site-nav,#site-nav *){display: none !important;}
.links > a:is(#site-nav,#site-nav *),.links > .apm > .apm-b:is(#site-nav,#site-nav *){padding: 8px 12px; border-radius: 8px; font-size: 15px; transition: background-color .2s ease, color .3s ease;}
.links > a:hover:is(#site-nav,#site-nav *),.links > .apm > .apm-b:hover:is(#site-nav,#site-nav *){background: rgba(255, 255, 255, .08);}
header.nav.is-solid .links > a:hover:is(#site-nav,#site-nav *),header.nav.is-solid .links > .apm > .apm-b:hover:is(#site-nav,#site-nav *){background: rgba(15, 61, 58, .06); color: var(--obsidian) !important;}
.nav-si2:is(#site-nav,#site-nav *){display: inline-flex; align-items: center; height: 40px; padding: 0 12px; border-radius: 8px; color: #fff; font-size: 15px; font-weight: 500; text-decoration: none; transition: background-color .2s ease, color .3s ease;}
.nav-si2:hover:is(#site-nav,#site-nav *){background: rgba(255, 255, 255, .08);}
header.nav.is-solid .nav-si2:is(#site-nav,#site-nav *){color: var(--obsidian);}
header.nav.is-solid .nav-si2:hover:is(#site-nav,#site-nav *){background: rgba(15, 61, 58, .06);}
}
header.nav .nav-right .btn-go:is(#site-nav,#site-nav *){height: 40px; min-height: 40px; padding: 0 16px; border-radius: 8px; background: rgba(255, 255, 255, .1); color: #fff; box-shadow: none; font-size: 15px; font-weight: 500; transition: background-color .2s ease, color .3s ease;}
header.nav .nav-right .btn-go:hover:is(#site-nav,#site-nav *){background: rgba(255, 255, 255, .16);}
header.nav.is-solid .nav-right .btn-go:is(#site-nav,#site-nav *),header.nav.ss-open .nav-right .btn-go:is(#site-nav,#site-nav *){background: rgba(15, 61, 58, .07); color: var(--obsidian);}
header.nav.is-solid .nav-right .btn-go:hover:is(#site-nav,#site-nav *){background: rgba(15, 61, 58, .12);}
@media (max-width:1100px){header.nav .nav-right .btn-go:is(#site-nav,#site-nav *){display: none;}
.menu-btn:is(#site-nav,#site-nav *){box-shadow: none !important;}
}
@media (max-width: 640px){header.nav:is(#site-nav,#site-nav *){background-image: none;}
header.nav:is(#site-nav,#site-nav *)::before,header.nav:is(#site-nav,#site-nav *)::after{display: none;}
}
@media (max-width:1100px){header.nav.ss-open .nav-right:is(#site-nav,#site-nav *){display: flex; align-items: center; gap: 8px;}
header.nav.ss-open .nav-right .btn-go:is(#site-nav,#site-nav *){display: inline-flex; align-items: center;}
}
header.nav:is(#site-nav,#site-nav *){margin-top: var(--bn-h); margin-bottom: calc(-60px - var(--bn-h)) !important;}
header.nav:not(.is-solid):not(.ss-open):is(#site-nav,#site-nav *){--fl: transparent; box-shadow: none !important;}
header.nav:not(.is-solid):not(.ss-open):is(#site-nav,#site-nav *)::before,header.nav:not(.is-solid):not(.ss-open):is(#site-nav,#site-nav *)::after{opacity: 0;}
header.nav:is(#site-nav,#site-nav *)::before,header.nav:is(#site-nav,#site-nav *)::after{transition: opacity .3s ease;}
header.nav .brand:is(#site-nav,#site-nav *){gap: 12px !important;}
header.nav .brand svg:is(#site-nav,#site-nav *){width: 36px !important; height: 36px !important;}
header.nav .brand .wm:is(#site-nav,#site-nav *){font-size: 23px !important; letter-spacing: -0.03em !important;}
@media (max-width: 640px){header.nav .brand:is(#site-nav,#site-nav *){gap: 10px !important;}
header.nav .brand svg:is(#site-nav,#site-nav *){width: 32px !important; height: 32px !important;}
header.nav .brand .wm:is(#site-nav,#site-nav *){font-size: 20px !important;}
}
header.nav .brand:is(#site-nav,#site-nav *){gap: 11px !important;}
header.nav .brand svg:is(#site-nav,#site-nav *){width: 33px !important; height: 33px !important;}
header.nav .brand .wm:is(#site-nav,#site-nav *){font-size: 21px !important;}
@media (max-width: 640px){header.nav .brand svg:is(#site-nav,#site-nav *){width: 30px !important; height: 30px !important;}
header.nav .brand .wm:is(#site-nav,#site-nav *){font-size: 19px !important;}
}
.nav-pill:is(#site-nav,#site-nav *){display: none;}
@media (min-width:1101px){header.nav .links:is(#site-nav,#site-nav *){position: relative;}
.nav-pill:is(#site-nav,#site-nav *){display: block; position: absolute; top: 50%; left: 0; width: 0; height: 36px; margin-top: -18px; border-radius: 999px; background: rgba(255, 255, 255, .1); opacity: 0; pointer-events: none; z-index: 0; transition: left .28s cubic-bezier(.2, .8, .2, 1), width .28s cubic-bezier(.2, .8, .2, 1), opacity .15s ease-out, background-color .3s ease;}
.nav-pill.on:is(#site-nav,#site-nav *){opacity: 1;}
.nav-pill.no-slide:is(#site-nav,#site-nav *){transition: opacity .15s ease-out, background-color .3s ease;}
header.nav.is-solid .nav-pill:is(#site-nav,#site-nav *){background: rgba(15, 61, 58, .07);}
header.nav .links > a:is(#site-nav,#site-nav *),header.nav .links > .apm > .apm-b:is(#site-nav,#site-nav *){position: relative; z-index: 1; border-radius: 999px; color: rgba(255, 255, 255, .72);}
header.nav .links > a:hover:is(#site-nav,#site-nav *),header.nav .links > .apm > .apm-b:hover:is(#site-nav,#site-nav *),header.nav .links > a:focus-visible:is(#site-nav,#site-nav *),header.nav .links > .apm > .apm-b:focus-visible:is(#site-nav,#site-nav *),header.nav .links > .apm > .apm-b[aria-expanded="true"]:is(#site-nav,#site-nav *){background: transparent !important; color: #fff;}
header.nav.is-solid .links > a:is(#site-nav,#site-nav *),header.nav.is-solid .links > .apm > .apm-b:is(#site-nav,#site-nav *){color: var(--stone) !important;}
header.nav.is-solid .links > a:hover:is(#site-nav,#site-nav *),header.nav.is-solid .links > .apm > .apm-b:hover:is(#site-nav,#site-nav *),header.nav.is-solid .links > .apm > .apm-b[aria-expanded="true"]:is(#site-nav,#site-nav *){color: var(--obsidian) !important; background: transparent !important;}
}
.mm-t:is(#site-nav,#site-nav *),.mm:is(#site-nav,#site-nav *){display: none;}
@media (min-width:1101px){header.nav .links .apm:is(#site-nav,#site-nav *),header.nav .links > a[href$="/contact"]:is(#site-nav,#site-nav *){display: none !important;}
header.nav .links > .mm-t:is(#site-nav,#site-nav *){order: 0;}
header.nav .links > a[href$="/docs"]:is(#site-nav,#site-nav *){order: 1;}
header.nav .links > a[href$="/pricing"]:is(#site-nav,#site-nav *){order: 2;}
.mm-t:is(#site-nav,#site-nav *){display: inline-flex; align-items: center; gap: 4px; position: relative; z-index: 1; padding: 8px 12px; border: 0; border-radius: 999px; background: none; font: inherit; font-size: 15px; font-weight: 500; color: rgba(255, 255, 255, .72); cursor: pointer; transition: color .2s ease;}
.mm-t svg:is(#site-nav,#site-nav *){transition: transform .25s cubic-bezier(.22, 1, .36, 1); opacity: .8;}
.mm-t:hover:is(#site-nav,#site-nav *),.mm-t[aria-expanded="true"]:is(#site-nav,#site-nav *){color: #fff;}
.mm-t[aria-expanded="true"] svg:is(#site-nav,#site-nav *){transform: rotate(180deg);}
header.nav.is-solid .mm-t:is(#site-nav,#site-nav *){color: var(--stone);}
header.nav.is-solid .mm-t:hover:is(#site-nav,#site-nav *),header.nav.is-solid .mm-t[aria-expanded="true"]:is(#site-nav,#site-nav *){color: var(--obsidian);}
header.nav.mm-open .nav-pill:is(#site-nav,#site-nav *){opacity: 1;}
.mm:is(#site-nav,#site-nav *){display: block; position: absolute; top: calc(100% - 6px); left: 50%; width: min(1000px, calc(100vw - 2 * var(--ss-pad))); translate: -50% 0; z-index: 70; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-6px) scale(.985); transform-origin: 50% 0; transition: opacity .18s ease-out, transform .3s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .3s;}
.mm:is(#site-nav,#site-nav *)::before{content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px;}
.mm.open:is(#site-nav,#site-nav *){opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition: opacity .18s ease-out, transform .3s cubic-bezier(.22, 1, .36, 1), visibility 0s;}
.mm-box:is(#site-nav,#site-nav *){position: relative; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(15, 61, 58, .1), 0 24px 60px -24px rgba(5, 30, 28, .45), 0 8px 20px -12px rgba(5, 30, 28, .25); transition: height .3s cubic-bezier(.22, 1, .36, 1);}
.mm-box.no-anim:is(#site-nav,#site-nav *){transition: none;}
.mm-p:is(#site-nav,#site-nav *){position: absolute; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(var(--dx, 0)); transition: opacity .2s ease, transform .3s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .3s; color: var(--obsidian); text-align: left;}
.mm-p.on:is(#site-nav,#site-nav *){opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition: opacity .22s ease .04s, transform .3s cubic-bezier(.22, 1, .36, 1), visibility 0s;}
.mm-p.out:is(#site-nav,#site-nav *){visibility: visible; opacity: 0; transform: translateX(var(--dx, 0)); transition: opacity .14s ease, transform .3s cubic-bezier(.22, 1, .36, 1);}
.mm-cols:is(#site-nav,#site-nav *){display: grid; gap: 8px 28px; padding: 24px 28px 18px;}
.mm-cols.c3:is(#site-nav,#site-nav *){grid-template-columns: 1fr 1.25fr 1fr;}
.mm-cols.c2w:is(#site-nav,#site-nav *){grid-template-columns: 2fr 1fr;}
.mm-cols.c2:is(#site-nav,#site-nav *){grid-template-columns: 1fr 1fr;}
.mm-h:is(#site-nav,#site-nav *){margin: 0 0 8px 10px; font-size: 13px; font-weight: 500; color: var(--stone);}
.mm-col ul:is(#site-nav,#site-nav *){list-style: none; margin: 0; padding: 0; display: grid; gap: 2px;}
.mm-col ul.g2:is(#site-nav,#site-nav *){grid-template-columns: 1fr 1fr; column-gap: 8px;}
.mm-i:is(#site-nav,#site-nav *){display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; color: var(--obsidian); text-decoration: none; transition: background-color .15s ease;}
.mm-i:hover:is(#site-nav,#site-nav *),.mm-i:focus-visible:is(#site-nav,#site-nav *){background: var(--mint);}
.mm-i .ptile:is(#site-nav,#site-nav *),.mm-ic:is(#site-nav,#site-nav *){width: 32px; height: 32px; border-radius: 9px; background: var(--mint); color: var(--sea); display: inline-flex; align-items: center; justify-content: center; flex: none; transition: background-color .15s ease, color .15s ease;}
.mm-i .ptile svg:is(#site-nav,#site-nav *){width: 16px; height: 16px;}
.mm-i:hover .ptile:is(#site-nav,#site-nav *),.mm-i:hover .mm-ic:is(#site-nav,#site-nav *){background: var(--deep); color: #fff;}
.mm-tx:is(#site-nav,#site-nav *){display: flex; flex-direction: column; min-width: 0;}
.mm-tt:is(#site-nav,#site-nav *){font-size: 14px; font-weight: 500; line-height: 20px;}
.mm-sub:is(#site-nav,#site-nav *){font-size: 13px; line-height: 18px; color: var(--stone);}
.mm-foot:is(#site-nav,#site-nav *){display: flex; justify-content: space-between; align-items: center; padding: 12px 28px; border-top: 1px solid var(--hairline); background: #fafcfb; font-size: 13px;}
.mm-more:is(#site-nav,#site-nav *),.mm-mail:is(#site-nav,#site-nav *){display: inline-flex; align-items: center; gap: 6px; color: var(--sea); font-weight: 500; text-decoration: none;}
.mm-mail:is(#site-nav,#site-nav *){color: var(--stone); font-weight: 400;}
.mm-more svg:is(#site-nav,#site-nav *){transition: transform .2s ease;}
.mm-more:hover svg:is(#site-nav,#site-nav *){transform: translateX(3px);}
.mm-more:hover:is(#site-nav,#site-nav *),.mm-mail:hover:is(#site-nav,#site-nav *){color: var(--deep);}
.mm.open .mm-p.on [data-r]:is(#site-nav,#site-nav *){animation: mm-row .38s cubic-bezier(.22, 1, .36, 1) both; animation-delay: calc(var(--i) * 18ms);}
@keyframes mm-row{ from { opacity: 0; transform: translateY(5px); } }
}
@media (prefers-reduced-motion: reduce){.mm:is(#site-nav,#site-nav *),.mm-box:is(#site-nav,#site-nav *),.mm-p:is(#site-nav,#site-nav *){transition: none !important;}
.mm.open .mm-p.on [data-r]:is(#site-nav,#site-nav *){animation: none !important;}
}
@media (min-width:1101px){header.nav .mm-p:is(#site-nav,#site-nav *){padding: 0 !important; margin: 0 !important; border: 0 !important; min-height: 0 !important; background: none !important;}
}
header.nav:is(#site-nav,#site-nav *){transition: background-color .35s ease, box-shadow .35s ease, -webkit-backdrop-filter .35s ease, backdrop-filter .35s ease;}
header.nav.is-glass:not(.ss-open):is(#site-nav,#site-nav *){--fl: rgba(255, 255, 255, .1); background-color: rgba(10, 42, 40, .42); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3); box-shadow: 0 1px 0 rgba(255, 255, 255, .1) !important;}
header.nav.is-glass:not(.ss-open):is(#site-nav,#site-nav *)::before,header.nav.is-glass:not(.ss-open):is(#site-nav,#site-nav *)::after{opacity: 1;}
header.nav.is-solid:not(.ss-open):is(#site-nav,#site-nav *){background-color: rgba(255, 255, 255, .66) !important; -webkit-backdrop-filter: blur(16px) saturate(1.6); backdrop-filter: blur(16px) saturate(1.6); box-shadow: 0 1px 0 rgba(15, 61, 58, .08) !important;}
header.nav.is-glass:not(.ss-open):is(#site-nav,#site-nav *){background-color: rgba(10, 42, 40, .64); -webkit-backdrop-filter: blur(20px) saturate(1.3); backdrop-filter: blur(20px) saturate(1.3);}
header.nav.is-solid:not(.ss-open):is(#site-nav,#site-nav *){background-color: rgba(255, 255, 255, .82) !important; -webkit-backdrop-filter: blur(20px) saturate(1.6); backdrop-filter: blur(20px) saturate(1.6);}
header.nav.is-solid:not(.ss-open):is(#site-nav,#site-nav *){background: rgba(255, 255, 255, .9) !important; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);}
@media (min-width:1101px){.mm:is(#site-nav,#site-nav *){width: max-content !important;}
.mm-box:is(#site-nav,#site-nav *){width: 820px; max-width: calc(100vw - 2 * var(--ss-pad)); transition: height .3s cubic-bezier(.22, 1, .36, 1), width .3s cubic-bezier(.22, 1, .36, 1);}
.mm-p:is(#site-nav,#site-nav *){right: auto; width: min(var(--pw), calc(100vw - 2 * var(--ss-pad)));}
.mm-p[data-mm="apis"]:is(#site-nav,#site-nav *){--pw: 820px;}
.mm-p[data-mm="use"]:is(#site-nav,#site-nav *){--pw: 700px;}
.mm-p[data-mm="res"]:is(#site-nav,#site-nav *){--pw: 500px;}
.mm-cols:is(#site-nav,#site-nav *){column-gap: 24px;}
.mm-cols.c3:is(#site-nav,#site-nav *){grid-template-columns: auto auto auto; justify-content: space-between;}
}
html header#site-nav.nav-page{margin-top:0!important;margin-bottom:0!important}
.dn{top:60px;height:calc(100vh - 60px)}.dc-toc{top:60px}@media (max-width:860px){.docs-bar{top:60px}}
@media (min-width:1200px){html{zoom:0.85}.dn{height:calc(100vh / 0.85 - 60px)}}
html header#site-nav .wrap.nav-in{padding-inline:calc(var(--ss-pad,48px) + 28px)}@media (max-width:860px){html header#site-nav .wrap.nav-in{padding-inline:calc(var(--ss-pad,16px) + 12px)}}