/* locul.ai home (individuals). Builds on lp.css tokens (.lp paper/ink/amber, fonts, nav, btn, faq, foot). */
.h-hero{text-align:center;padding:44px 0 36px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}
.h-pill{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2);padding:6px 14px 6px 10px;border:1px solid var(--rule-2);border-radius:99px;margin:0 0 28px;background:color-mix(in srgb,var(--paper) 70%,transparent);backdrop-filter:blur(6px)}
.h-pill i{width:8px;height:8px;border-radius:50%;background:var(--ok);display:block;box-shadow:0 0 0 0 var(--ok);animation:h-ping 2.4s ease-out infinite}
@keyframes h-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 45%,transparent)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.h-h1{font-size:clamp(44px,6.4vw,92px);line-height:1;margin:0;max-width:12em;text-wrap:balance}
.h-h1 em{font-style:italic;color:var(--amber)}
.h-h1 .w{display:inline-block;animation:h-word .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 70ms)}
@keyframes h-word{from{opacity:.01;transform:translateY(.32em);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.h-sub{font-size:clamp(17px,1.5vw,19.5px);line-height:1.6;color:var(--ink-2);margin:28px auto 0;max-width:38em;text-wrap:pretty}
.h-fade{animation:h-fade .9s cubic-bezier(.2,.8,.2,1) both}
.h-fade.d1{animation-delay:.45s}.h-fade.d2{animation-delay:.6s}.h-fade.d3{animation-delay:.75s}
@keyframes h-fade{from{opacity:.01;transform:translateY(12px)}to{opacity:1;transform:none}}
.h-ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:34px}
.h-fine{font-size:13px;color:var(--ink-3);margin-top:16px}

/* Product window */
.h-stage{position:relative;z-index:1;max-width:1180px;margin:20px auto 0;padding:0 32px}
.h-win{position:relative;border-radius:18px;background:var(--a-bg);border:1px solid var(--rule);box-shadow:var(--sh-win);overflow:hidden;animation:h-rise-win 1.2s cubic-bezier(.2,.8,.2,1) .5s both}
@keyframes h-rise-win{from{opacity:.01;transform:translateY(40px) scale(.985)}to{opacity:1;transform:none}}
.h-win img{display:block;width:100%;height:auto}
.h-win .dk,.h-shot .dk{display:none}
.lp[data-theme=dark] .h-win .lt,.lp[data-theme=dark] .h-shot .lt{display:none}
.lp[data-theme=dark] .h-win .dk,.lp[data-theme=dark] .h-shot .dk{display:block}
@media (prefers-color-scheme: dark){
  .lp[data-theme=auto] .h-win .lt,.lp[data-theme=auto] .h-shot .lt{display:none}
  .lp[data-theme=auto] .h-win .dk,.lp[data-theme=auto] .h-shot .dk{display:block}
}
.h-glow{position:absolute;inset:8% 6% -6% 6%;background:radial-gradient(60% 60% at 50% 40%,var(--amber-glow),transparent 70%);filter:blur(60px);opacity:.35;z-index:-1;pointer-events:none}

/* Floating "what happened while you slept" cards */
.h-note{position:absolute;display:flex;align-items:center;gap:12px;background:var(--a-bg);color:var(--a-ink);border:1px solid var(--a-line);border-radius:14px;padding:11px 15px 11px 12px;box-shadow:var(--sh-card);font-size:13px;line-height:1.35;z-index:2;max-width:300px;text-align:left;opacity:.01;animation:h-pop .7s cubic-bezier(.2,.8,.2,1) both}
.h-note b{font-weight:600;display:block}
.h-note span{color:var(--a-ink-2)}
.h-note .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:var(--amber-soft);color:var(--amber)}
.h-note .ic.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.h-note.n1{left:-6px;top:18%;animation-delay:1.5s}
.h-note.n2{right:-10px;top:44%;animation-delay:2.1s}
.h-note.n3{left:8%;bottom:-24px;animation-delay:2.7s}
.h-note.n1,.h-note.n2,.h-note.n3{animation-name:h-pop}
@keyframes h-pop{from{opacity:.01;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.h-note.float{animation:h-pop .7s cubic-bezier(.2,.8,.2,1) both,h-bob 6s ease-in-out infinite}
@keyframes h-bob{0%,100%{translate:0 0}50%{translate:0 -5px}}

/* Section scaffolding */
.h-sec{padding:120px 0;position:relative;z-index:1}
.h-kick{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin:0 0 16px}
.h-h2{font-size:clamp(34px,4.2vw,56px);line-height:1.05;margin:0;max-width:15em;text-wrap:balance}
.h-h2 em{font-style:italic}
.h-lede{font-size:18px;line-height:1.65;color:var(--ink-2);margin:20px 0 0;max-width:34em;text-wrap:pretty}
.h-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:48px}

/* Bots grid */
.h-bots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.h-bot{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 24px 24px;border-radius:20px;background:var(--a-bg);color:var(--a-ink);border:1px solid var(--a-line);box-shadow:var(--sh-card);text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;overflow:hidden;isolation:isolate}
.h-bot::before{content:"";position:absolute;inset:-1px;background:radial-gradient(420px 180px at var(--mx,30%) -10%,var(--amber-soft),transparent 70%);opacity:0;transition:opacity .35s;z-index:-1}
.h-bot:hover{transform:translateY(-4px);border-color:var(--amber-line)}
.h-bot:hover::before{opacity:1}
div.h-bot{cursor:default}.h-bots-cta{margin-top:28px;align-items:center;flex-wrap:wrap;gap:12px 20px}.h-bots-cta p{margin:0;color:var(--ink-2);font-size:15px}div.h-bot:hover{transform:none;border-color:var(--a-line)}div.h-bot:hover::before{opacity:0}
.h-bot .bi{width:48px;height:48px;border-radius:14px;background:var(--a-solid);color:var(--a-solid-ink);display:grid;place-items:center}
.h-bot .bi svg{width:24px;height:24px}
.h-bot:hover .bi svg{animation:h-wiggle .6s ease}
@keyframes h-wiggle{30%{transform:rotate(-8deg) scale(1.06)}60%{transform:rotate(6deg)}}
.h-bot h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}
.h-bot p{margin:0;font-size:15px;line-height:1.55;color:var(--a-ink-2)}
.h-bot .cat{position:absolute;top:24px;right:22px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--a-ink-3)}
.h-bot .go{margin-top:auto;padding-top:6px;font-size:13.5px;font-weight:500;color:var(--a-ink-2);display:inline-flex;align-items:center;gap:6px}
.h-bot:hover .go{color:var(--a-ink)}
.h-bot .go svg{transition:transform .25s}
.h-bot:hover .go svg{transform:translateX(3px)}

/* Split feature rows */
.h-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}
.h-split.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.h-split.rev .h-txt{order:2}
.h-shot{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--rule);box-shadow:var(--sh-win);background:var(--a-bg)}
.h-shot img{display:block;width:100%;height:auto}
.h-shot.crop-r img{width:180%;max-width:none;margin-left:-80%}
.h-points{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column;gap:14px}
.h-points li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.h-points svg{flex-shrink:0;margin-top:2px;color:var(--amber)}

/* Week strip (routines) */
.h-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:30px;max-width:440px}
.h-week div{border:1px solid var(--rule);border-radius:12px;padding:10px 0 12px;text-align:center;font-size:12px;color:var(--ink-3);position:relative;background:color-mix(in srgb,var(--paper-2) 60%,transparent)}
.h-week div b{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:500;font-size:11px;letter-spacing:.06em;margin-bottom:8px}
.h-week i{display:block;width:10px;height:10px;border-radius:50%;margin:0 auto;background:var(--rule-2)}
.h-week .on i{background:var(--ok)}
.in .h-week .on i{animation:h-tick .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--d) * 120ms + .3s)}
@keyframes h-tick{0%{transform:scale(.2);opacity:.2}70%{transform:scale(1.35)}100%{transform:none;opacity:1}}

/* Control trio */
.h-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}
.h-card{border:1px solid var(--rule);border-radius:20px;padding:28px 26px;background:color-mix(in srgb,var(--paper-2) 70%,transparent)}
.h-card svg.art{display:block;width:100%;height:120px;margin-bottom:18px}
.h-card h3{margin:0 0 8px;font-size:18px;font-weight:600;letter-spacing:-.01em}
.h-card p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}
.art .dash{stroke-dasharray:4 6;animation:dash 1.4s linear infinite}
.art .pulse{transform-origin:center;transform-box:fill-box;animation:h-breathe 2.8s ease-in-out infinite}
@keyframes h-breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.75}}
.art .wait{animation:pulse 1.6s ease-in-out infinite}

/* Plans band */
.h-plans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:44px}
.h-plan{border-radius:22px;padding:34px 32px;border:1px solid var(--rule);display:flex;flex-direction:column;gap:12px}
.h-plan.free{background:var(--ink);color:var(--paper);border-color:transparent}
.h-plan.free p{color:color-mix(in srgb,var(--paper) 78%,transparent)}
.h-plan .tag{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.h-plan h3{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.05}
.h-plan p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.h-plan .row{margin-top:auto;padding-top:14px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.h-plan.free .btn{background:var(--paper);color:var(--ink)}
.h-plan.free .tlink{color:var(--paper);text-decoration-color:color-mix(in srgb,var(--paper) 40%,transparent)}

/* Final CTA */
.h-final{text-align:center;padding:120px 0 110px;position:relative;z-index:1}
.h-final .h-h2{margin:0 auto}
.h-final svg.orbit{display:block;margin:0 auto 26px;width:120px;height:120px}
.orbit .spin{transform-origin:60px 60px;animation:h-spin 18s linear infinite}
.orbit .spin.r{animation-duration:26s;animation-direction:reverse}
@keyframes h-spin{to{transform:rotate(360deg)}}

/* Scroll reveal: only hides when JS is running, so no-JS and crawlers see everything. */
.js [data-rv]{opacity:.01;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.js [data-rv].in{opacity:1;transform:none}
.js .h-bots [data-rv]:nth-child(3n+2){transition-delay:.08s}
.js .h-bots [data-rv]:nth-child(3n){transition-delay:.16s}

@media (max-width:980px){
  .h-bots{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h-split,.h-split.rev{grid-template-columns:minmax(0,1fr);gap:40px}
  .h-split.rev .h-txt{order:0}
  .h-trio{grid-template-columns:minmax(0,1fr)}
  .h-note.n2{right:8px}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .wrap.h-final{padding:88px 16px 96px}
  .h-stage{padding:0 16px}
  .h-hero{padding:36px 0 28px}
  .h-sec{padding:84px 0}
  .h-bots{grid-template-columns:minmax(0,1fr);gap:12px}
  .h-bot{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;row-gap:4px;padding:18px 18px 18px 16px;border-radius:16px}
  .h-bot .bi{width:44px;height:44px;border-radius:12px;grid-row:span 2}
  .h-bot h3{font-size:16.5px;align-self:end}
  .h-bot p{font-size:14.5px}
  .h-bot .cat,.h-bot .go{display:none}
  .h-plans{grid-template-columns:minmax(0,1fr)}
  .h-plan{padding:28px 22px}
  .h-note{font-size:12px;max-width:230px;padding:9px 12px 9px 10px}
  .h-note .ic{width:28px;height:28px}
  .h-note.n1{left:-4px;top:auto;bottom:-30px}
  .h-note.n2{display:none}
  .h-note.n3{display:none}
  .h-stage{margin-bottom:30px}
  .h-shot.crop-r img{width:180%;margin-left:-80%}
  .h-week{gap:5px}
}
@media (prefers-reduced-motion: reduce){
  .h-h1 .w,.h-fade,.h-win,.h-note,.h-note.float{animation:none !important;opacity:1 !important;transform:none !important}
  .js [data-rv]{opacity:1;transform:none;transition:none}
  .h-pill i{animation:none}
}

/* ---------- Home v5 (TD-3753): audience switch, painted stage, team, private ---------- */
.h-switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:99px;border:1px solid var(--rule-2);background:color-mix(in srgb,var(--paper-2) 82%,transparent);margin:0 0 30px;isolation:isolate;backdrop-filter:blur(6px)}
.h-switch button{appearance:none;border:0;background:none;font:inherit;font-size:14.5px;font-weight:500;color:var(--ink-2);padding:9px 20px;border-radius:99px;cursor:pointer;white-space:nowrap;transition:color .35s cubic-bezier(.2,.8,.2,1)}
.h-switch button:hover{color:var(--ink)}
.h-switch button[aria-selected=true]{color:var(--paper)}
.h-switch button:focus-visible{outline:2px solid var(--amber-line);outline-offset:3px}
.h-switch .thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:99px;background:var(--ink);z-index:-1;box-shadow:1px 2px 3px rgba(40,30,20,.12),6px 12px 24px -10px rgba(40,30,20,.35);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.lp[data-aud=biz] .h-switch .thumb{transform:translateX(100%)}
.h-pan{display:flex;flex-direction:column;align-items:center}
#pan-biz{display:none}
.lp[data-aud=biz] #pan-ind{display:none}
.lp[data-aud=biz] #pan-biz{display:flex;animation:h-fade .6s cubic-bezier(.2,.8,.2,1) both}
#pan-biz .h-h1{max-width:11em}

/* Painted stage: scene + real app window + notes */
.h-stage{max-width:1240px}
.h-scene{position:relative;aspect-ratio:16/8;border-radius:28px;overflow:hidden;border:1px solid var(--rule);background:var(--paper-3);box-shadow:var(--sh-win);animation:h-scene-in 1.1s cubic-bezier(.2,.8,.2,1) .1s both}
@keyframes h-scene-in{from{transform:translateY(18px) scale(.985)}to{transform:none}}
.h-scene .sc{position:absolute;inset:0;display:block;width:100%;height:100%;transition:opacity .7s cubic-bezier(.2,.8,.2,1)}
.h-scene .sc img,.h-scene video.sc{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 50%;scale:1.03;translate:calc(var(--px,0) * -10px) calc(var(--py,0) * -6px);transition:translate .6s cubic-bezier(.2,.8,.2,1)}
.h-scene video.sc{opacity:0}
.h-scene video.sc.on{opacity:1}
.h-scene .sc.a-biz{opacity:0}
.lp[data-aud=biz] .h-scene .sc.a-biz{opacity:1}
.lp[data-aud=biz] .h-scene .sc.a-ind,.lp[data-aud=biz] .h-scene video.sc.on{opacity:0}
.lp[data-theme=dark] .h-scene .sc img,.lp[data-theme=dark] .h-scene video{filter:brightness(.84) saturate(.95)}
@media (prefers-color-scheme: dark){.lp[data-theme=auto] .h-scene .sc img,.lp[data-theme=auto] .h-scene video{filter:brightness(.84) saturate(.95)}}
.h-stage .h-win{position:absolute;left:calc(32px + 3%);top:15%;width:calc((100% - 64px) * .58);z-index:1}
.lp:not([data-aud=biz]) .h-stage .a-biz,.lp[data-aud=biz] .h-stage .h-win img.a-ind,.lp[data-aud=biz] .h-stage .h-note.a-ind{display:none !important}
.h-stage .h-note.n1{left:calc(32px + 1%);top:6%}
.h-stage .h-note.n2{left:calc(32px + 55%);right:auto;top:56%}
.h-stage .h-note.n3{left:calc(32px + 30%);bottom:-22px}
.h-stage .h-note.n1,.h-stage .h-note.n2,.h-stage .h-note.n3{animation:h-pop .7s cubic-bezier(.34,1.56,.64,1) both,h-bob 6s ease-in-out infinite}
.h-stage .h-note.n1{animation-delay:.8s,1.5s}

/* One plan, a whole team */
.h-play{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.h-step{position:relative;display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:22px;padding:20px 20px 26px;background:color-mix(in srgb,var(--paper-2) 70%,transparent);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s}
.h-step:hover{transform:translateY(-3px);border-color:var(--rule-2)}
.js .h-play [data-rv]:nth-child(2){transition-delay:.08s}.js .h-play [data-rv]:nth-child(3){transition-delay:.16s}
.h-step .no{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.12em;color:var(--amber)}
.h-step .vis{position:relative;height:232px;margin:12px 0 22px;border-radius:16px;background:var(--a-bg);color:var(--a-ink);border:1px solid var(--a-line);overflow:hidden}
.h-step h3{margin:0 0 8px;font-size:19px;font-weight:600;letter-spacing:-.01em}
.h-step p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}
.h-step .tlink{margin-top:14px;align-self:flex-start}
.pick-vis{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px}
.pick{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.pick button{appearance:none;font:inherit;font-size:13px;font-weight:500;color:var(--a-ink);background:var(--a-rail);border:1px solid var(--a-line);border-radius:99px;padding:7px 13px;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,color .25s,border-color .25s}
.pick button:hover{transform:translateY(-1px);border-color:var(--amber-line)}
.pick button:active{transform:scale(.97)}
.pick button:focus-visible{outline:2px solid var(--amber-line);outline-offset:2px}
.pick button[aria-checked=true]{background:var(--a-solid);color:var(--a-solid-ink);border-color:transparent}
.pick small{font-size:10.5px;opacity:.7;margin-left:3px}
.pick-vis .h-wire{width:2px;height:30px;margin:10px 0;background:repeating-linear-gradient(var(--amber-line) 0 4px,transparent 4px 9px);animation:h-flow .7s linear infinite}
@keyframes h-flow{from{background-position:0 0}to{background-position:0 9px}}
.pick-vis .hub{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 7px;border-radius:12px;background:var(--a-rail);border:1px solid var(--a-line);font-size:13.5px;font-weight:600}
.pick-vis .hub.ping{animation:h-hub .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes h-hub{40%{transform:scale(1.07)}}
.pick-out{margin:12px 6px 0;font-size:13px;line-height:1.45;color:var(--a-ink-2);text-align:center;min-height:2.9em}
.pick-out b{color:var(--a-ink);font-weight:600}
.crew{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:9px;padding:18px}
.crew span{display:inline-flex;align-items:center;gap:8px;padding:5px 13px 5px 5px;border-radius:99px;background:var(--a-rail);border:1px solid var(--a-line);font-size:13px;font-weight:500;animation:h-bob 5s ease-in-out infinite;animation-delay:calc(var(--d) * -.9s)}
.crew img{width:30px;height:30px;display:block}
.crew .add{border-style:dashed;color:var(--a-ink-2)}
.crew .add b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--amber-soft);color:var(--amber);font-weight:500}
.js .h-step .crew span{opacity:.01}
.h-step.in .crew span{animation:h-spring .6s cubic-bezier(.34,1.56,.64,1) both,h-bob 5s ease-in-out infinite;animation-delay:calc(var(--d) * 90ms + .25s),calc(var(--d) * -.9s)}
@keyframes h-spring{from{opacity:.01;transform:scale(.6) translateY(10px)}to{opacity:1;transform:none}}
.vis.sell>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.h-step:hover .vis.sell>img{transform:scale(1.04)}
.vis.sell .chip{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:10px;padding:8px 13px 8px 8px;border-radius:13px;background:var(--a-bg);color:var(--a-ink);border:1px solid var(--a-line);box-shadow:var(--sh-card);font-size:12.5px;line-height:1.3}
.vis.sell .chip b{display:block;font-weight:600}.vis.sell .chip span{color:var(--a-ink-2)}
.js .h-step .vis.sell .chip{opacity:.01}
.h-step.in .vis.sell .chip{animation:h-spring .6s cubic-bezier(.34,1.56,.64,1) .5s both}

/* Private */
.h-art{position:relative}
.h-art>img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--rule);box-shadow:var(--sh-win)}
.lp[data-theme=dark] .h-art>img{filter:brightness(.88)}
@media (prefers-color-scheme: dark){.lp[data-theme=auto] .h-art>img{filter:brightness(.88)}}
.h-art .h-note{animation:none;opacity:1}
.h-art .fl1{right:-18px;top:10%}
.h-art .fl2{left:-18px;bottom:9%}
.js .h-art .h-note{opacity:.01}
.h-art.in .h-note{animation:h-spring .7s cubic-bezier(.34,1.56,.64,1) .45s both,h-bob 6s ease-in-out 1.2s infinite}
.h-art.in .fl2{animation-delay:.75s,1.6s}
.h-ways{margin-top:96px;display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:18px;align-items:stretch}
.h-ways h3{grid-column:1/-1;text-align:center;margin:0 0 14px;font-size:clamp(30px,3.4vw,44px);font-weight:400;line-height:1.05}
.h-ways h3 em{font-style:italic;color:var(--amber)}
.way{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:28px 28px 30px;border-radius:22px;background:var(--a-bg);color:var(--a-ink);border:1px solid var(--a-line);box-shadow:var(--sh-card);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.way:hover{transform:translateY(-3px)}
.way .ico{width:64px;height:48px;color:var(--a-ink-2);margin-bottom:6px}
.way .ico .pulse{transform-origin:center;transform-box:fill-box;animation:h-breathe 2.8s ease-in-out infinite}
.way .ico .blink{animation:h-blink 1.8s steps(2,jump-none) infinite}.way .ico .b2{animation-delay:.6s}.way .ico .b3{animation-delay:1.2s}
@keyframes h-blink{50%{opacity:.2}}
.way .tag{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}
.way h4{margin:0;font-size:21px;font-weight:600;letter-spacing:-.01em}
.way p{margin:0 0 10px;font-size:15px;line-height:1.6;color:var(--a-ink-2)}
.way .btn{margin-top:auto}
.way .row{margin-top:auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.h-ways .link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.h-ways .link svg{width:120px;height:24px}
.h-ways .link .dash{stroke-dasharray:4 6;animation:dash 1.4s linear infinite}
.h-plan h3 small{font-family:inherit;font-size:16px;letter-spacing:0;color:var(--ink-2)}

@media (max-width:980px){
  .h-play{grid-template-columns:minmax(0,1fr);max-width:560px;margin:0 auto}
  .h-ways{grid-template-columns:minmax(0,1fr);max-width:560px;margin-left:auto;margin-right:auto}
  .h-ways .link{flex-direction:row}
  .h-ways .link svg{width:48px}
  .h-stage .h-win{width:calc((100% - 64px) * .64);top:12%}
  .h-art .fl1{right:8px}.h-art .fl2{left:8px}
}
@media (max-width:640px){
  .h-switch{margin-bottom:22px}
  .h-switch button{padding:8px 14px;font-size:14px}
  .h-scene{aspect-ratio:900/843;border-radius:20px}
  .h-scene .sc img,.h-scene video.sc{object-position:50% 50%}
  .h-scene video.sc{object-position:80% 50%}
  .h-stage .h-win{position:relative;left:auto;top:auto;width:auto;margin:-22% 10px 0}
  .h-stage .h-note.n1{left:-2px;top:auto;bottom:-30px}
  .h-step .vis{height:210px}
  .h-art .h-note{max-width:220px}
  .h-art .fl1{right:6px;top:6%}.h-art .fl2{left:6px;bottom:6%}
  .h-ways{margin-top:64px}
  .way{padding:24px 20px}
}
@media (prefers-reduced-motion: reduce){
  .h-scene,.h-stage .h-note,.h-art .h-note,.h-art.in .h-note,.crew span,.h-step.in .crew span,.h-step .vis.sell .chip,.pick-vis .h-wire,.way .ico .pulse,.way .ico .blink,.h-ways .link .dash,#pan-biz{animation:none !important;opacity:1 !important;transform:none !important}
  .h-scene .sc img{translate:none;transition:none}
  .h-switch .thumb,.h-scene .sc{transition:none}
}

/* ---------- /pricing ---------- */
.p-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px;scroll-margin-top:90px}
.p-card{position:relative;display:flex;flex-direction:column;border-radius:22px;padding:30px 28px 28px;background:var(--a-bg);color:var(--a-ink);border:1px solid var(--a-line);box-shadow:var(--sh-card);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.p-card:hover{transform:translateY(-3px)}
.p-card.hi{border-color:var(--amber-line);box-shadow:var(--sh-card),0 0 0 4px var(--amber-soft)}
.p-card .flag{position:absolute;top:-12px;left:26px;background:var(--amber-line);color:#1A1917;font-size:11.5px;font-weight:600;letter-spacing:.04em;padding:5px 11px;border-radius:99px}
.p-card .nm{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--a-ink-2)}
.p-card .pr{display:flex;align-items:baseline;gap:8px;margin:14px 0 4px;flex-wrap:wrap}
.p-card .pr b{font-family:"Newsreader",Georgia,serif;font-weight:300;font-size:58px;line-height:1;letter-spacing:-.03em}
.p-card .pr span{font-size:14px;color:var(--a-ink-2)}
.p-card .who{font-size:15px;line-height:1.55;color:var(--a-ink-2);margin:6px 0 0;min-height:3.1em}
.p-card ul{list-style:none;padding:0;margin:22px 0 26px;display:flex;flex-direction:column;gap:11px;border-top:1px solid var(--a-line);padding-top:20px}
.p-card li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45}
.p-card li svg{flex-shrink:0;margin-top:2px;color:var(--ok)}
.p-card .btn{margin-top:auto;width:100%}
.p-card .btn.ghost{background:transparent;color:var(--a-ink);border:1px solid var(--a-line);box-shadow:none}
.p-card .p-note{font-size:12.5px;color:var(--a-ink-3);text-align:center;margin-top:10px}
.p-addon{margin-top:22px;border-radius:22px;padding:26px 28px;border:1px dashed var(--rule-2);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;background:color-mix(in srgb,var(--paper-2) 60%,transparent)}
.p-addon .ic{width:52px;height:52px;border-radius:16px;background:var(--amber-soft);color:var(--amber);display:grid;place-items:center}
.p-addon h3{margin:0;font-size:19px;font-weight:600;letter-spacing:-.01em}
.p-addon p{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2)}
.p-addon .amt{text-align:right}
.p-addon .amt b{font-family:"Newsreader",Georgia,serif;font-weight:300;font-size:40px;letter-spacing:-.02em}
.p-addon .amt span{display:block;font-size:13px;color:var(--ink-3);margin-bottom:10px}
.p-addon .amt b+a{display:block;margin-top:10px}
.p-table{width:100%;border-collapse:collapse;font-size:15px;margin-top:36px}
.p-table th,.p-table td{padding:15px 12px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.p-table thead th{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.p-table tbody th{font-weight:500;color:var(--ink);width:30%}
.p-table td{color:var(--ink-2)}
.p-table .y{color:var(--ok);font-weight:500}
.p-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:980px){
  .p-grid{grid-template-columns:minmax(0,1fr);max-width:520px;margin-left:auto;margin-right:auto}
  .p-addon{grid-template-columns:minmax(0,1fr);text-align:left}
  .p-addon .amt{text-align:left}
}
@media (max-width:640px){
  .p-card{padding:26px 20px 22px}
  .p-table{font-size:13.5px;min-width:520px}
}

/* ===== Round 2 (TD-3753): clarity-first hero, audience views, value story, marketplace ===== */
.lp:not([data-aud=biz]) .aud-biz,.lp[data-aud=biz] .aud-ind{display:none}
.h-h1.r2{font-size:clamp(38px,4.9vw,70px);line-height:1.04;max-width:15.5em;letter-spacing:-.01em}
.h-h1 em{font-style:italic;color:var(--amber)}
.h-sec.r2-tight{padding-top:40px}
.r2-aside{margin:22px 0 0;padding:14px 16px;border-left:2px solid var(--amber-line);background:color-mix(in srgb,var(--amber-soft) 55%,transparent);border-radius:0 12px 12px 0;font-size:15.5px;line-height:1.55;color:var(--ink-2);max-width:34em}

/* How is it free: a bill where every line is already paid or free */
.r2-bill{background:var(--a-bg);color:var(--a-ink);border:1px solid var(--a-line);border-radius:22px;box-shadow:var(--sh-win);padding:22px 22px 18px;position:relative}
.r2-bill::after{content:"";position:absolute;left:18px;right:18px;bottom:-9px;height:18px;background:radial-gradient(circle at 9px -2px,transparent 8px,var(--a-bg) 8.5px) 0 0/18px 18px repeat-x;filter:drop-shadow(0 1px 0 var(--a-line))}
.r2-bill-t{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--a-ink-2);margin:2px 4px 14px}
.r2-rows{display:flex;flex-direction:column;gap:8px}
.r2-rows button{appearance:none;font:inherit;color:inherit;text-align:left;display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px;border-radius:14px;border:1px solid var(--a-line);background:var(--a-rail);cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s}
.r2-rows button:hover{transform:translateY(-1px);border-color:var(--amber-line)}
.r2-rows button:active{transform:scale(.99)}
.r2-rows button:focus-visible,.r2-mx button:focus-visible,.r2-rows button[aria-checked=true]{border-color:var(--amber-line);background:color-mix(in srgb,var(--amber-soft) 70%,var(--a-bg))}
.r2-rows button.ping{animation:h-hub .45s cubic-bezier(.34,1.56,.64,1)}
.r2-rows .dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 0%,transparent)}
.r2-rows .dot.c{background:#d97757}.r2-rows .dot.g{background:#10a37f}.r2-rows .dot.l{background:var(--ok)}
.r2-rows .nm,.r2-total .nm{font-size:15px;font-weight:600;line-height:1.3}
.r2-rows small,.r2-total small{display:block;font-weight:400;font-size:12.5px;color:var(--a-ink-2);margin-top:2px}
.r2-rows .pr{font-size:13px;color:var(--a-ink-2);white-space:nowrap}
.r2-rows [data-pick=local] .pr{color:var(--ok);font-weight:600}
.r2-total{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:16px 14px 6px;border-top:1px dashed var(--a-line)}
.r2-total .r2-stamp{font-family:"Newsreader",Georgia,serif;font-style:italic;font-size:30px;line-height:1;color:var(--ok);padding:4px 14px 6px;border:2px solid currentColor;border-radius:10px;transform:rotate(-4deg)}
.js .r2-bill .r2-stamp{opacity:.01}
.r2-bill.in .r2-stamp{animation:r2-stamp .55s cubic-bezier(.34,1.56,.64,1) .55s both}
@keyframes r2-stamp{from{opacity:.01;transform:rotate(-14deg) scale(1.7)}to{opacity:1;transform:rotate(-4deg)}}
.r2-bill .pick-out{margin:14px 4px 6px;text-align:left;min-height:0}

/* One workspace */
.r2-crew{justify-content:flex-start;padding:0;margin-top:26px}
.js .r2-crew span{opacity:.01}
.h-txt.in .r2-crew span{animation:h-spring .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--d) * 90ms + .25s)}

/* A model per bot */
.r2-mx{background:var(--a-bg);color:var(--a-ink);border:1px solid var(--a-line);border-radius:22px;box-shadow:var(--sh-win);padding:12px}
.r2-mx .row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px;border-radius:14px}
.r2-mx .row+.row{border-top:1px solid var(--a-line);border-radius:0 0 14px 14px}
.r2-mx .row.ping .who img{animation:h-wiggle .5s ease}
.r2-mx .who{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px;min-width:0}
.r2-mx .who img{flex-shrink:0}
.r2-mx .seg{display:flex;gap:3px;padding:3px;border-radius:99px;background:var(--a-rail);border:1px solid var(--a-line);flex-shrink:0}
.r2-mx .seg button{appearance:none;font:inherit;font-size:13px;font-weight:500;color:var(--a-ink-2);background:transparent;border:0;border-radius:99px;padding:7px 12px;cursor:pointer;transition:background .25s,color .25s,transform .2s}
.r2-mx .seg button:hover{color:var(--a-ink)}
.r2-mx .seg button:active{transform:scale(.96)}
.r2-mx .seg button[aria-checked=true]{background:var(--a-solid);color:var(--a-solid-ink)}
.r2-mx .cap{margin:8px 12px 6px;font-size:13px;color:var(--a-ink-2)}

/* Bots that work together */
.r2-swarm{display:grid;grid-template-columns:minmax(0,1fr) minmax(40px,.5fr) minmax(0,1.15fr) minmax(40px,.5fr) minmax(0,1fr);align-items:center;row-gap:34px;padding:44px 34px 38px;border:1px solid var(--rule);border-radius:26px;background:color-mix(in srgb,var(--paper-2) 70%,transparent);position:relative;overflow:hidden}
.r2-swarm .bot{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:20px 14px 18px;border-radius:18px;background:var(--a-bg);color:var(--a-ink);border:1px solid var(--a-line);box-shadow:var(--sh-card);font-size:14.5px}
.r2-swarm .b-main{border-color:var(--amber-line);padding:26px 14px 22px}
.r2-swarm .msg{position:absolute;top:-14px;left:50%;translate:-50% 0;white-space:nowrap;font-size:12.5px;padding:5px 11px;border-radius:99px;background:var(--a-solid);color:var(--a-solid-ink);box-shadow:var(--sh-card)}
.r2-swarm .ln{width:100%;height:20px;overflow:visible}
.r2-swarm .ln path{stroke:var(--amber-line);stroke-width:2;stroke-dasharray:5 6;fill:none;vector-effect:non-scaling-stroke;animation:dash 1.1s linear infinite}
.r2-swarm .ln.l1 path{animation-direction:reverse}
.r2-swarm .out{grid-column:2/5;justify-self:center;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:16px;background:var(--a-bg);color:var(--a-ink);border:1px solid var(--a-line);box-shadow:var(--sh-win);font-size:14px}
.r2-swarm .out b{display:block;font-weight:600}.r2-swarm .out span{color:var(--a-ink-2)}
.r2-swarm .out .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.js .r2-swarm .msg,.js .r2-swarm .out{opacity:.01}
.r2-swarm.in .msg{animation:h-spring .55s cubic-bezier(.34,1.56,.64,1) both}
.r2-swarm.in .m1{animation-delay:.4s}.r2-swarm.in .m2{animation-delay:1.1s}.r2-swarm.in .m3{animation-delay:1.5s}
.r2-swarm.in .out{animation:h-spring .7s cubic-bezier(.34,1.56,.64,1) 2.1s both}

/* Marketplace example listing */
.r2-mk{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:28px;padding:26px;border-radius:26px;background:var(--a-bg);color:var(--a-ink);border:1px solid var(--a-line);box-shadow:var(--sh-win)}
.r2-mk .info{display:flex;flex-direction:column;gap:12px;padding:6px 4px}
.r2-mk .bi{width:52px;height:52px;border-radius:15px;background:var(--a-solid);color:var(--a-solid-ink);display:grid;place-items:center}
.r2-mk .bi svg{width:26px;height:26px}
.r2-mk h3{margin:4px 0 0;font-size:22px;font-weight:600;letter-spacing:-.01em}
.r2-mk p{margin:0;font-size:15px;line-height:1.6;color:var(--a-ink-2)}
.r2-mk .tags{display:flex;flex-wrap:wrap;gap:6px}
.r2-mk .tags span{font-size:12px;padding:4px 10px;border-radius:99px;background:var(--a-rail);border:1px solid var(--a-line);color:var(--a-ink-2)}
.r2-mk .row{margin-top:auto;padding-top:16px;display:flex;gap:14px;align-items:center}
.r2-mk .lbl{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--a-ink-2);margin:0 0 12px}
.r2-mk .thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.r2-mk figure{margin:0;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.r2-mk figure img{display:block;width:100%;height:auto;aspect-ratio:640/444;object-fit:cover;object-position:top;border-radius:12px;border:1px solid var(--a-line);box-shadow:var(--sh-card)}
.r2-mk figcaption{font-size:12.5px;color:var(--a-ink-2);margin-top:8px}
.r2-mk figure:hover{transform:translateY(-4px) rotate(-.6deg)}
.js .r2-mk figure{opacity:.01}
.r2-mk.in figure{animation:h-spring .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--d) * 120ms + .3s)}
.r2-list{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:22px}
.r2-list p{margin:0;color:var(--ink-2);font-size:15.5px}

/* Privacy, short */
.r2-priv{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:center;padding:18px;border:1px solid var(--rule);border-radius:22px;background:color-mix(in srgb,var(--paper-2) 70%,transparent);max-width:880px}
.r2-priv img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
.r2-priv .h-kick{margin-bottom:8px}
.r2-priv h3{margin:0 0 8px;font-size:clamp(24px,2.4vw,30px);font-weight:400;line-height:1.1}
.r2-priv p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-2)}

/* Business: brain, where, seats */
.r2-brain .h-shot{box-shadow:var(--sh-win)}
.art .blink{animation:h-blink 1.8s steps(2,jump-none) infinite}.art .b2{animation-delay:.6s}.art .b3{animation-delay:1.2s}
.art .pulse.p2{animation-delay:1.4s}
.r2-seats{background:var(--a-bg);color:var(--a-ink);border:1px solid var(--a-line);border-radius:22px;box-shadow:var(--sh-win);padding:10px 12px 12px;font-size:14.5px}
.r2-seats .top{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 14px;border-bottom:1px solid var(--a-line)}
.r2-seats .add{font-size:13px;font-weight:600;padding:6px 12px;border-radius:99px;background:var(--a-solid);color:var(--a-solid-ink)}
.r2-seats .p{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 10px;border-bottom:1px solid var(--a-line)}
.r2-seats .p:last-child{border-bottom:0}
.r2-seats .p i{font-style:normal;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:600;color:#fff;background:var(--c)}
.r2-seats .p span{font-weight:600}.r2-seats .p small{display:block;font-weight:400;color:var(--a-ink-2);font-size:12.5px}
.r2-seats .p em{font-style:normal;font-size:12.5px;color:var(--a-ink-2)}
.r2-seats .p em.on{color:var(--ok);font-weight:600}
.r2-seats .gone span{text-decoration:line-through;text-decoration-color:var(--a-ink-3);color:var(--a-ink-2)}
.r2-seats .gone i{opacity:.5}
.js .r2-seats .new{opacity:.01}
.r2-seats.in .new{animation:h-spring .6s cubic-bezier(.34,1.56,.64,1) 1.1s both;background:color-mix(in srgb,var(--ok) 7%,transparent);border-radius:12px}
.r2-seats.in .gone{animation:r2-gone .8s ease .5s both}
@keyframes r2-gone{from{opacity:1}to{opacity:.62}}


@media (max-width:980px){
  .r2-mk{grid-template-columns:minmax(0,1fr)}
  .r2-swarm{grid-template-columns:minmax(0,1fr);row-gap:0;padding:34px 18px 28px;max-width:440px;margin:0 auto}
  .r2-swarm .ln{width:2px;height:44px;justify-self:center;background:repeating-linear-gradient(var(--amber-line) 0 5px,transparent 5px 11px)}
  .r2-swarm .ln path{display:none}
  .r2-swarm .b-res{order:2}.r2-swarm .l1{order:1}.r2-swarm .b-main{order:0}.r2-swarm .l2{order:3}.r2-swarm .b-des{order:4}
  .r2-swarm .out{grid-column:auto;order:5;margin-top:30px}
}
@media (max-width:640px){
  .h-h1.r2{font-size:clamp(32px,8.6vw,40px)}
  .r2-bill{padding:16px 12px 14px}
  .r2-rows button{grid-template-columns:10px minmax(0,1fr);gap:4px 12px}
  .r2-rows .pr{grid-column:2}
  .r2-total .r2-stamp{font-size:24px}
  .r2-mx .row{flex-direction:column;align-items:flex-start;gap:10px}
  .r2-mx .seg{align-self:stretch}.r2-mx .seg button{flex:1;padding:7px 6px}
  .r2-mk{padding:16px;gap:20px}
  .r2-mk .thumbs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .r2-mk figure:first-child{grid-column:1/-1}
  .r2-priv{grid-template-columns:minmax(0,1fr);gap:18px}
}
@media (prefers-reduced-motion: reduce){
  .r2-bill .r2-stamp,.r2-bill.in .r2-stamp,.r2-crew span,.h-txt.in .r2-crew span,.r2-swarm .msg,.r2-swarm .out,.r2-swarm.in .msg,.r2-swarm.in .out,.r2-mk figure,.r2-mk.in figure,.r2-seats .new,.r2-seats.in .new,.r2-seats.in .gone,.r2-rows button.ping,.r2-mx .row.ping .who img{animation:none !important;opacity:1 !important}
  .r2-bill .r2-stamp{transform:rotate(-4deg)}
  .r2-swarm .ln path,.art .blink,.art .pulse,.art .dash{animation:none !important}
}
/* Brand marks next to Claude, ChatGPT, Codex and Grok Bot (TD-3753 r3). Mono marks are masks filled with currentColor, so they follow the theme and selected states. */
.bm{white-space:nowrap}
.lg{display:inline-block;width:.92em;height:.92em;margin:0 .3em 0 .06em;vertical-align:-.12em;flex:none}
.lg-m{background:currentColor;-webkit-mask:var(--lg) center/contain no-repeat;mask:var(--lg) center/contain no-repeat}
.lg-openai{--lg:url(/assets/logos/openai.svg)}
.lg-grok{--lg:url(/assets/logos/grok.svg)}
.lg.lg-row{width:18px;height:18px;margin:0;vertical-align:middle}
.r2-mx .seg .lg{width:13px;height:13px;margin-right:5px;vertical-align:-2px}