/* Forge home v4, picture surfaces. Inherits tokens from src-v3/styles.css. */
   headline and cost 33px of type to make room; the film now sits underneath,
   which gives the headline its size back and shows Jane larger. */
.btn-xl{padding:21px 36px;font-size:17.5px;border-radius:12px}


/* The hero fills the screen and the claim is anchored to the bottom left,
   with the product line and the actions to its right. This is Clay's shape.
   The film moved out to its own band so the hero stays a single whole. */
/* Centred rather than pinned to the bottom. Bottom anchoring put every
   pixel of slack above the headline, which on a tall window left a band
   of empty white between the nav and the type. */
.hero{position:relative;overflow:hidden;min-height:min(78svh,760px);display:flex;align-items:center;padding:clamp(84px,9vh,104px) 0 clamp(40px,5vh,68px);text-align:left}
.hero .wrap{max-width:1340px}
.hero-body{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.82fr);gap:clamp(32px,4vw,64px);align-items:end}
.hero-left{min-width:0}
.hero-right{min-width:0;padding-bottom:6px}
.hero-eyebrow{text-align:left;padding-left:.2em}
.hero-h1{font-size:clamp(50px,6.6vw,96px);line-height:.95;letter-spacing:-.048em;max-width:15ch;margin:0;text-wrap:balance}
.hero-lede{margin:0;text-align:left;max-width:38ch;font-size:clamp(18px,1.6vw,25px);line-height:1.35;color:var(--dim)}
.hero-ctas{display:flex;gap:14px;justify-content:flex-start;flex-wrap:wrap;margin-top:30px}
.btn-xl{padding:20px 32px;font-size:17px;border-radius:12px}
.hero-body .eyebrow,.hero-body .lede,.hero-body h1{pointer-events:none}
.hero-body a{pointer-events:auto}
/* The sphere is the hero's picture now, sitting behind the type. */
/* Top right, clear of the headline and above the product line. */
.hero-band{position:absolute;top:0;right:0;left:auto;width:46%;height:30%;pointer-events:none;z-index:0}
.hero-band canvas{position:absolute;top:-80px;right:-70px;left:auto;pointer-events:auto}

.hero-filmband{padding:clamp(56px,7vw,104px) 0 0}
.hero-film{pointer-events:auto;width:100%}

.jane-card-wrap{width:100%;max-width:1100px;margin:0 auto}
/* The file is 16:9 and so is this card, so the whole frame shows and there is
   no crop to place. */
.jane-card{position:relative;width:100%;aspect-ratio:16/9;border-radius:clamp(16px,1.6vw,22px);overflow:hidden;background:var(--bg2);border:1px solid var(--line);box-shadow:0 30px 70px rgba(17,17,16,.13),0 4px 12px rgba(17,17,16,.05)}
.jane-vid{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:var(--bg2)}
.jane-poster{position:absolute;inset:0;display:block}
.jane-poster img{display:block;width:100%;height:100%;object-fit:cover}

.jane-cta{position:absolute;left:0;right:0;bottom:7%;display:flex;justify-content:center;padding:0 14px}
.jane-again{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(17,17,16,.42)}
.jane-play{display:inline-flex;align-items:center;gap:13px;max-width:100%;padding:13px 26px 13px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);font-family:"Geist",-apple-system,system-ui,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;box-shadow:0 14px 34px rgba(17,17,16,.26);transition:background .22s,border-color .22s,color .22s,transform .22s,box-shadow .22s}
.jane-play:hover{background:var(--ember);border-color:var(--ember);color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px rgba(23,109,82,.34)}
.jane-play:focus-visible{outline:2px solid var(--ember);outline-offset:3px;box-shadow:0 0 0 5px rgba(255,255,255,.9)}
.jane-play-ico{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--ember);color:#fff;flex:0 0 auto;transition:background .22s,color .22s}
.jane-play-ico svg{margin-left:2px}
.jane-play:hover .jane-play-ico{background:#fff;color:var(--ember)}
.jane-play-txt{overflow:hidden;text-overflow:ellipsis}

.jane-cue{position:absolute;left:12px;right:12px;bottom:74px;margin:0;text-align:center;font-size:15px;line-height:1.45;color:#fff;background:rgba(17,17,16,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;padding:9px 14px;max-width:62ch;margin-left:auto;margin-right:auto}

.jane-bar{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:9px;padding:42px 16px 14px;background:linear-gradient(to top,rgba(17,17,16,.74),rgba(17,17,16,.34) 52%,rgba(17,17,16,0))}
.jane-prog{height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.jane-prog span{display:block;height:100%;border-radius:2px;background:#35a37b;transition:width .15s linear}
.jane-btns{display:flex;align-items:center;gap:6px}
.jane-btn{width:34px;height:34px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:9px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.14);color:#fff;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.jane-btn:hover{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.44)}
.jane-btn.on{background:#35a37b;border-color:#35a37b;color:#fff}
.jane-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}

@media (prefers-reduced-motion:reduce){.jane-play,.jane-btn,.jane-prog span{transition:none}.jane-play:hover{transform:none}}

@media (max-width:1000px){
}
@media (max-width:820px){
  .btn-xl{padding:17px 24px;font-size:16px}
  /* Square on a phone: 16:9 at this width leaves her about 190px tall. */
  .jane-card{aspect-ratio:1/1}
  .jane-vid{object-position:53% center}
  .jane-cta{bottom:5%}
  .jane-play{font-size:14px;padding:10px 18px 10px 10px;gap:10px}
  .jane-play-ico{width:32px;height:32px}
  .jane-cue{font-size:12.5px;bottom:62px;left:9px;right:9px;padding:7px 10px}
  .jane-bar{padding:32px 11px 11px}
  .jane-btn{width:31px;height:31px}
}
.pic{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 24px 64px rgba(17,17,16,.07)}
.pic-head{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid var(--line)}
.pic-ava{width:32px;height:32px;border-radius:8px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex:0 0 auto}
.pic-name{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:6px;line-height:1.2}
.pic-sub{font-size:11.5px;color:var(--faint);line-height:1.3}
.pic-badge{font-family:"Geist Mono",monospace;font-size:8.5px;letter-spacing:.06em;padding:1.5px 5px;border-radius:4px;background:var(--bg2);border:1px solid var(--line);color:var(--dim);font-weight:500}
.pic-tag{margin-left:auto;font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.pic-body{padding:18px 16px}
.jc-scroll{height:420px;overflow-y:auto;padding:18px 16px 10px}
.jc-row{display:flex;gap:9px;margin-bottom:13px;align-items:flex-end}
.jc-row.user{justify-content:flex-end}
.jc-col{min-width:0;max-width:84%}
.jc-ava{width:26px;height:26px;flex:0 0 auto;border-radius:7px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600}
.jc-bub{font-size:13.5px;line-height:1.55;padding:9px 13px;border-radius:12px}
.jc-bub.jane{background:var(--bg2);color:var(--ink);border-bottom-left-radius:4px}
.jc-bub.user{background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.jc-caret{display:inline-block;width:6px;height:1em;vertical-align:-2px;background:var(--ember);margin-left:2px;animation:blink .85s steps(2) infinite}
.jc-typing{display:inline-flex;gap:4px;padding:12px 14px;background:var(--bg2);border-radius:12px}
.jc-typing span{width:6px;height:6px;border-radius:50%;background:var(--faint);animation:jcty 1.2s infinite}
.jc-typing span:nth-child(2){animation-delay:.15s}.jc-typing span:nth-child(3){animation-delay:.3s}
@keyframes jcty{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.dcard{background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:14px 16px}
.dcard-t{display:flex;align-items:center;gap:8px;font-family:"Geist Mono",monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
.dcard-t .dot{width:6px;height:6px;border-radius:50%;background:var(--ember);flex:0 0 auto}
.drow{display:flex;gap:12px;padding:7px 0;border-top:1px solid var(--line);font-size:12.5px;align-items:baseline}
.drow:first-of-type{border-top:0}
.drow .a{font-weight:600;flex:0 0 auto;min-width:104px}
.drow .b{color:var(--dim)}
.drow a.b{color:var(--ember);text-decoration:underline;text-underline-offset:3px}
.dbtn{margin-top:12px;display:inline-flex;align-items:center;padding:8px 16px;border-radius:8px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);font-size:12.5px;font-weight:500;font-family:"Geist",sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.dbtn:hover{background:var(--ember);border-color:var(--ember)}
.dbtns{display:flex;flex-wrap:wrap;gap:8px}
.dbtns .dbtn:nth-child(n+2){background:transparent;color:var(--ink);border-color:var(--line2)}
.dbtns .dbtn:nth-child(n+2):hover{border-color:var(--ink)}
.jc-compose{display:flex;align-items:center;gap:9px;padding:11px 13px;border-top:1px solid var(--line)}
.jc-compose .fake{flex:1;font-size:13.5px;color:var(--faint);background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:10px 13px}
.jc-send{width:36px;height:36px;border-radius:9px;background:var(--bg2);color:var(--faint);display:flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 auto}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{font-family:"Geist Mono",monospace;font-size:12px;letter-spacing:.02em;padding:11px 18px;border-radius:999px;border:1px solid var(--line2);color:var(--dim);background:transparent;transition:border-color .2s,color .2s,transform .2s}
.chip:hover{border-color:var(--ember);color:var(--ember);transform:translateY(-2px)}
button.chip{cursor:pointer;font-family:"Geist Mono",monospace}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.chip.on:hover{background:var(--ember);border-color:var(--ember);color:#fff}
.jobs-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:stretch}
.jobs-rail{display:flex;flex-direction:column;gap:18px}
.jobs-tabs{display:flex;flex-wrap:wrap;gap:6px 18px;border-bottom:1px solid var(--line2)}
.jobs-tab{font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);background:none;border:0;border-bottom:2px solid transparent;padding:0 0 12px;margin-bottom:-1px;cursor:pointer;transition:color .2s,border-color .2s}
.jobs-tab:hover{color:var(--ink)}
.jobs-tab.on{color:var(--ink);border-bottom-color:var(--ember)}
.jobs-list{display:flex;flex-direction:column}
.jobs-row{display:flex;align-items:center;gap:12px;text-align:left;font-family:"Geist",sans-serif;font-size:14.5px;color:var(--dim);background:none;border:0;border-top:1px solid var(--line);padding:13px 0 13px 18px;position:relative;cursor:pointer;transition:color .2s}
.jobs-row:first-child{border-top:0}
.jobs-row:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--line2);transition:background .2s,transform .2s}
.jobs-row:hover{color:var(--ink)}
.jobs-row.on{color:var(--ink);font-weight:500}
.jobs-row.on:before{background:var(--ember);transform:scale(1.25)}
.jobs-tab:focus-visible,.jobs-row:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
.jobs-pane{display:flex;flex-direction:column}
.jobs-pane>.reveal{flex:1;display:flex;flex-direction:column}
.jobs-pane .pic{width:100%;max-width:none;margin:0;flex:1;display:flex;flex-direction:column;min-height:480px}
.jobs-pane .jc-scroll{flex:1;height:auto;min-height:300px}
@media (max-width:900px){.jobs-grid{grid-template-columns:1fr;gap:32px}.jobs-tabs{gap:18px}}
.sysrow{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.sysrow div{flex:1 1 160px;padding:30px 24px;font-family:"Geist Mono",monospace;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);border-left:1px solid var(--line);text-align:center}
.sysrow div{display:flex;flex-direction:column;align-items:center;gap:14px}
.sys-logo{width:36px;height:36px;object-fit:contain;display:block}
.sysrow div:first-child{border-left:0}
.rank{display:flex;gap:14px;padding:13px 0;border-top:1px solid var(--line);align-items:center}
.rank:first-of-type{border-top:0}
.rank .n{font-family:"Geist Mono",monospace;font-size:11px;color:var(--faint);width:20px;flex:0 0 auto}
.rank .who{font-size:14px;font-weight:500;width:104px;flex:0 0 auto}
.rank .why{font-size:13px;color:var(--dim);flex:1 1 auto;min-width:0}
.rank .sc{font-family:"Geist Mono",monospace;font-size:12px;color:var(--ember);flex:0 0 auto}
.move{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--line);font-size:13.5px;align-items:baseline}
.move:first-of-type{border-top:0}
.move .m{font-weight:500;flex:0 0 auto;min-width:132px}
.move .d{color:var(--dim);flex:1 1 auto;min-width:0}
.thread{display:flex;flex-direction:column;gap:9px}
.thread .ln{display:flex;gap:10px;font-size:13.5px;align-items:baseline}
.thread .ln .tick{color:var(--ember);font-size:11px;flex:0 0 auto;padding-top:3px}
.week{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.week .day{padding:22px 18px 26px;border-left:1px solid var(--line);min-height:188px;display:flex;flex-direction:column;gap:14px}
.week .day:first-child{border-left:0}
.week .dl{font-family:"Geist Mono",monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.week .mark{font-size:13.5px;font-weight:500;line-height:1.35;padding-left:14px;position:relative;color:var(--ink)}
.week .mark:before{content:"";position:absolute;left:0;top:6px;width:7px;height:7px;border-radius:50%;background:var(--ember)}
.mem{display:grid;gap:0}
.mem .m{display:flex;gap:16px;padding:15px 0;border-top:1px solid var(--line);align-items:baseline}
.mem .m:first-child{border-top:0}
.mem .k{font-size:13.5px;font-weight:500;flex:0 0 auto;min-width:176px}
.mem .v{font-size:13px;color:var(--dim);flex:1 1 auto;min-width:0}
.mem .s{font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);flex:0 0 auto}
.sec{padding:120px 0}
.sec h2{max-width:18ch}
.sec .one{font-size:clamp(16px,1.2vw,18.5px);line-height:1.6;color:var(--dim);max-width:58ch;margin:22px 0 0}
@media (max-width:900px){.week{grid-template-columns:1fr 1fr}.week .day{border-left:1px solid var(--line);border-top:1px solid var(--line);min-height:0}.mem .k{min-width:0}.mem .m{flex-wrap:wrap;gap:6px}.mem .s{width:100%}}
@media (max-width:640px){.rank{flex-wrap:wrap}.rank .who{width:auto}.move{flex-wrap:wrap;gap:4px}.week{grid-template-columns:1fr}}

@media (max-width:640px){
  .jc-col{max-width:92%}
  .jc-scroll{padding:14px 12px 8px}
  .dcard{padding:12px 13px}
  .drow{flex-direction:column;gap:3px;padding:9px 0}
  .drow .a{min-width:0}
  .jobs-pane .pic{min-height:0}
  .jobs-pane .jc-scroll{min-height:0}
  .sysrow div{padding:22px 12px;font-size:11px}
  .sys-logo{width:30px;height:30px}
}

@media (max-width:980px){
  .hero{min-height:auto;padding:118px 0 0;display:block;text-align:center}
  .hero-body{grid-template-columns:minmax(0,1fr);gap:30px;justify-items:center}
  .hero-eyebrow{text-align:center}
  .hero-h1{font-size:clamp(46px,10vw,84px);max-width:12ch;margin:0 auto}
  .hero-lede{text-align:center;margin:0 auto;max-width:34ch}
  .hero-ctas{justify-content:center}
  /* Top right on a phone as well, clear of the headline rather than behind it. */
  .hero-band{position:absolute;top:0;right:0;left:auto;width:82%;height:32%;margin:0}
  .hero-band canvas{left:auto;right:-100px;top:-80px;width:240px !important;height:240px !important;opacity:.6}
  .hero-filmband{padding-top:40px}
}
/* Jane's mark in place of the J letter wherever she speaks (the owner, 2026-10-01). */
.pic-ava,.jc-ava{background:#0e130f url(/logo/jane-mark.png) center/cover no-repeat;color:transparent;font-size:0}
.hero-jane{display:flex;align-items:center;gap:16px;margin-bottom:26px}.hero-jane img{width:56px;height:56px;border-radius:14px;display:block;box-shadow:0 8px 24px rgba(17,17,16,.12)}
@media (max-width:900px){.hero-jane{justify-content:center}}

/* Hero in viktor.com's layout, measured on their page 2026-10-01. */
.vk-hero{background:#faf5f1;padding:clamp(120px,14vh,164px) 0 clamp(64px,8vw,104px);text-align:center}
.vk-wrap{display:flex;flex-direction:column;align-items:center}
.vk-meet{display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;font-size:15px;font-weight:500;color:#1a182b}
.vk-meet img{width:28px;height:28px;border-radius:7px;display:block}
.vk-h1{margin:0;font-size:clamp(46px,7vw,96px);line-height:1.1;letter-spacing:-.06em;font-weight:500;color:#1a182b;text-wrap:balance}
.vk-grad{background:radial-gradient(283.63% 201.39% at 31.42% -99.18%,#3f9a7c 0%,#2b8566 30%,#176d52 60%,#0f4a37 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.vk-sub{margin:32px auto 0;max-width:512px;font-size:18px;line-height:1.4;font-weight:500;color:#716f7e}
.vk-sub a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.vk-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.vk-btn{display:inline-flex;align-items:center;height:56px;padding:0 40px;border-radius:999px;font-size:16px;font-weight:500;letter-spacing:-.01em;transition:background .2s,border-color .2s,color .2s}
.vk-btn-dark{background:#1a182b;color:#fff;border:1px solid #1a182b}
.vk-btn-dark:hover{background:var(--ember);border-color:var(--ember);color:#fff}
.vk-btn-light{background:#fff;color:#1a182b;border:1px solid rgba(26,24,43,.1)}
.vk-btn-light:hover{border-color:var(--ember);color:var(--ember)}
.vk-card{width:100%;max-width:880px;margin-top:64px;background:#fff;border-radius:32px;padding:clamp(10px,1.4vw,18px);box-shadow:0 24px 64px rgba(26,24,43,.08),0 0 0 1px rgba(26,24,43,.04);text-align:left}
.brand-lockup{display:inline-flex;align-items:center;gap:10px}
.brand-jane{width:26px;height:26px;border-radius:7px;display:block}
@media (max-width:600px){.vk-btn{padding:0 28px}.vk-card{border-radius:22px;margin-top:44px}}
.brand-name{font-size:20px;font-weight:600;letter-spacing:-.03em;color:#1a182b;line-height:1}
.vk-card-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px 14px}
.vk-chan{font-size:15px;font-weight:600;color:#1a182b}
.vk-switch{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#f4f1ee}
.vk-switch button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:999px;padding:8px 14px;font:inherit;font-size:13.5px;font-weight:500;color:#716f7e;cursor:pointer}
.vk-switch button img{width:16px;height:16px;object-fit:contain;display:block}
.vk-switch button.on{background:#fff;color:#1a182b;box-shadow:0 1px 3px rgba(26,24,43,.12)}
@media (max-width:600px){.vk-chan{display:none}.vk-card-bar{justify-content:center}}
.vk-chat{border-top:1px solid #efebe7;padding:18px 10px 6px;display:flex;flex-direction:column;gap:22px}
.vk-msg{display:flex;gap:14px;align-items:flex-start}
.vk-ava{width:40px;height:40px;border-radius:10px;flex:none;display:block;background:#ffd5c2}
.vk-ava-jane{background:#0e130f}
.vk-body{min-width:0;flex:1}
.vk-who{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.vk-who b{font-size:16px;color:#1a182b}
.vk-who em{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.04em;color:#716f7e;background:#f1eeeb;border-radius:4px;padding:2px 5px}
.vk-who span{font-size:13px;color:#9a97a6}
.vk-body p{margin:0;font-size:16px;line-height:1.5;color:#1a182b}
.vk-at{color:#1264a3;background:#e8f5fa;border-radius:4px;padding:1px 3px}
.vk-link{display:inline-block;margin-top:10px;color:#1264a3;font-size:15px}
.vk-link:hover{text-decoration:underline;color:#1264a3}
.vk-dash{margin-top:14px;border:1px solid #efebe7;border-radius:14px;padding:16px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:center}
.vk-chart{width:100%;height:auto;display:block}
.vk-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vk-tiles div{background:#fbf8f6;border:1px solid #f1ece8;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.vk-tiles span{font-size:10.5px;color:#716f7e}
.vk-tiles b{font-size:20px;color:#1a182b;letter-spacing:-.02em}
.vk-tiles i{font-style:normal;font-size:10px;color:#176d52}
.vk-react{display:flex;gap:6px;margin-top:12px}
.vk-react span{font-size:13px;border:1px solid #ece8e4;border-radius:999px;padding:3px 9px;background:#fff}
@media (max-width:700px){.vk-dash{grid-template-columns:1fr}}
.vk-chat{height:600px;overflow-y:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 40px)}
.vk-chat::-webkit-scrollbar{display:none}
.vk-in{animation:vkIn .45s cubic-bezier(.16,.8,.24,1) both}
@keyframes vkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.vk-bar{transform-box:fill-box;transform-origin:bottom;animation:vkBar .6s cubic-bezier(.16,.8,.24,1) both}
@keyframes vkBar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.vk-typing{display:inline-flex;gap:4px;padding:10px 0}
.vk-typing i{width:7px;height:7px;border-radius:50%;background:#c9c5c0;animation:vkDot 1s infinite}
.vk-typing i:nth-child(2){animation-delay:.15s}.vk-typing i:nth-child(3){animation-delay:.3s}
@keyframes vkDot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
@media (max-width:700px){.vk-chat{height:640px}}
@media (prefers-reduced-motion:reduce){.vk-in,.vk-bar,.vk-typing i{animation:none}}

/* Sections below the hero, in viktor.com's order. */
.vk-band{background:#0f2a20;color:#fff;padding:clamp(96px,12vw,150px) 0;text-align:center}
.vk-band-j{width:72px;height:72px;display:block;margin:0 auto 28px}
.vk-band-h{margin:0 auto;max-width:18ch;font-size:clamp(34px,4.6vw,64px);line-height:1.1;letter-spacing:-.045em;font-weight:500}
.vk-rot{color:#7fe0ad;display:inline-block;animation:vkIn .5s cubic-bezier(.16,.8,.24,1) both}
.vk-btn-white{background:#fff;color:#1a182b;border:1px solid #fff;margin-top:36px}
.vk-btn-white:hover{background:#eafaf1;color:#0f2a20}
.vk-btn-ghostdark{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);margin-top:36px}
.vk-btn-ghostdark:hover{border-color:#fff;color:#fff}
.vk-sec{padding:clamp(88px,10vw,140px) 0}
.vk-warm{background:#faf5f1}
.vk-h2{margin:0 0 20px;font-size:clamp(32px,4vw,56px);line-height:1.1;letter-spacing:-.045em;font-weight:500;color:#1a182b;text-align:center}
.vk-lead{margin:0 auto;max-width:560px;text-align:center;font-size:18px;line-height:1.45;font-weight:500;color:#716f7e}
.vk-hire{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}
.vk-hire-card{background:#fff;border-radius:24px;padding:32px 30px;box-shadow:0 0 0 1px rgba(26,24,43,.05)}
.vk-hire-card h3{margin:0 0 12px;font-size:21px;letter-spacing:-.02em;color:#1a182b}
.vk-hire-card p{margin:0;font-size:16px;line-height:1.55;color:#716f7e}
.vk-rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.vk-rcard{display:block;border-left:6px solid #176d52;background:#fff;box-shadow:0 0 0 1px rgba(26,24,43,.08);padding:22px 22px;transition:background .2s}
.vk-rcard:hover{background:#f7f7f6;color:inherit}
.vk-rcard h3{margin:0 0 6px;font-size:18px;font-weight:500;color:#1a182b}
.vk-rcard p{margin:0;font-size:15.5px;color:#716f7e}
.vk-live{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vk-live li{background:#fff;border-radius:24px;padding:32px 30px;height:100%;box-shadow:0 0 0 1px rgba(26,24,43,.05)}
.vk-live span{display:inline-flex;width:36px;height:36px;border-radius:50%;background:#176d52;color:#fff;align-items:center;justify-content:center;font-weight:600;margin-bottom:18px}
.vk-live h3{margin:0 0 10px;font-size:21px;letter-spacing:-.02em;color:#1a182b}
.vk-live p{margin:0;font-size:16px;line-height:1.55;color:#716f7e}
.vk-faq-wrap{max-width:860px}
.vk-faq{margin-top:40px}
.vk-faq details{border-top:1px solid #ece8e4;padding:22px 4px}
.vk-faq details:last-child{border-bottom:1px solid #ece8e4}
.vk-faq summary{cursor:pointer;font-size:19px;font-weight:500;color:#1a182b;list-style:none}
.vk-faq summary::-webkit-details-marker{display:none}
.vk-faq summary::after{content:"+";float:right;color:#716f7e}
.vk-faq details[open] summary::after{content:"\2212"}
.vk-faq p{margin:12px 0 0;font-size:16.5px;line-height:1.6;color:#716f7e}
.vk-close{background:#0f2a20;color:#fff;padding:clamp(96px,12vw,150px) 0;text-align:center}
@media (max-width:900px){.vk-hire,.vk-rgrid,.vk-live{grid-template-columns:1fr}}