/* Webtick homepage hero — clean rebuild v2.13.0
   One visual clock, one direction of travel, one focal point at a time. */
.webtick-hero.wt3-hero{padding:24px 0 28px}
.webtick-hero.wt3-hero .wt3-shell,
body.home-density-compact .webtick-hero.wt3-hero .wt3-shell{
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.86fr) minmax(500px,1.14fr);align-items:center;gap:clamp(32px,4vw,58px);
  min-height:var(--wt3-min-h,590px);padding:clamp(34px,var(--wt3-pad-y,56px),64px) clamp(30px,var(--wt3-pad-x,52px),66px);overflow:hidden;
  border:1px solid rgba(144,195,220,.12);border-radius:var(--wt3-radius,32px);
  background:
    radial-gradient(circle at 78% 18%,rgba(32,111,145,.18),transparent 31%),
    radial-gradient(circle at 8% 88%,rgba(21,152,131,.12),transparent 34%),
    linear-gradient(135deg,#071622 0%,#0a1d2b 50%,#07131e 100%);
  color:#edf8fc;box-shadow:0 32px 90px rgba(5,19,29,.18)
}
.webtick-hero.wt3-hero .wt3-shell::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to left,black,transparent 78%)}
.webtick-hero.wt3-hero .wt3-copy{position:relative;z-index:2;max-width:620px}
.webtick-hero.wt3-hero .webtick-hero-badge{border:1px solid rgba(139,225,209,.13);background:rgba(77,201,178,.07);color:#a9efe2}
.webtick-hero.wt3-hero .webtick-hero-badge-dot{background:#67e0ca;box-shadow:0 0 0 5px rgba(103,224,202,.08)}
.webtick-hero.wt3-hero h1,body.home-density-compact .webtick-hero.wt3-hero h1{max-width:720px;margin:20px 0 15px;color:#f6fbfd;font-size:min(var(--hero-title-size),48px);font-weight:900;line-height:1.36;letter-spacing:-.045em;text-wrap:balance}
.webtick-hero.wt3-hero .webtick-hero-lead{max-width:610px;color:rgba(220,237,245,.72);font-size:min(var(--hero-desc-size),16px);line-height:2}
.webtick-hero.wt3-hero .webtick-hero-btn-primary{background:#f6fbfd;color:#0a2431;box-shadow:0 12px 26px rgba(0,0,0,.15)}
.webtick-hero.wt3-hero .webtick-hero-btn-secondary{border-color:rgba(196,224,237,.18);color:#d9edf6;background:rgba(255,255,255,.025)}
.webtick-hero.wt3-hero .webtick-hero-trust{color:rgba(207,228,238,.62)}
.webtick-hero.wt3-hero .webtick-hero-trust i{background:rgba(84,219,194,.10);color:#85e2d2}

/* Visual shell */
.webtick-hero.wt3-hero .wt3-visual,body.home-density-compact .webtick-hero.wt3-hero .wt3-visual{position:relative;min-height:0;width:100%;perspective:none}
.wt3-console{position:relative;width:100%;max-width:610px;margin-inline:auto;overflow:hidden;border:1px solid rgba(159,201,222,.15);border-radius:24px;background:linear-gradient(180deg,rgba(9,28,42,.96),rgba(6,20,31,.97));box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)}
.wt3-console::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.025) 50%,transparent 54%);transform:translateX(-110%);animation:wt3-glint 11s 5s ease-in-out infinite}
.wt3-console-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:10px 14px;border-bottom:1px solid rgba(159,201,222,.10);background:rgba(255,255,255,.02)}
.wt3-console-brand{display:flex;align-items:center;gap:10px;min-width:0}.wt3-brand-mark{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;background:linear-gradient(145deg,#157c72,#0b5d58);color:#fff;font:900 14px/1 Arial;box-shadow:0 8px 18px rgba(5,48,45,.35)}
.wt3-console-brand b,.wt3-console-brand small{display:block}.wt3-console-brand b{color:#eef9fd;font-size:11.5px}.wt3-console-brand small{margin-top:2px;color:rgba(194,220,232,.42);font:700 7px/1.2 Arial;letter-spacing:.08em}
.wt3-live{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 9px;border-radius:999px;background:rgba(90,225,200,.07);color:#9be6d8;font-size:9px;font-weight:850;white-space:nowrap}.wt3-live i{width:6px;height:6px;border-radius:50%;background:#66ddc8;box-shadow:0 0 0 0 rgba(102,221,200,.28);animation:wt3-live 2.2s ease-out infinite}

/* The narration is always first in the visual hierarchy. */
.wt3-story{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px 12px;border-bottom:1px solid rgba(159,201,222,.08);background:linear-gradient(90deg,rgba(255,255,255,.016),rgba(67,146,177,.035))}
.wt3-story-index{display:flex;align-items:baseline;gap:3px;direction:ltr}.wt3-story-index b{color:#8ce5d4;font:900 20px/1 Arial}.wt3-story-index span{color:rgba(190,215,228,.35);font:700 8px/1 Arial}
.wt3-story-text{min-width:0}.wt3-story-text small,.wt3-story-text strong,.wt3-story-text p{display:block}.wt3-story-text small{color:#75cfc0;font-size:8px;font-weight:850}.wt3-story-text strong{margin-top:3px;color:#f1f9fc;font-size:12px;line-height:1.65}.wt3-story-text p{margin:2px 0 0;color:rgba(201,224,235,.58);font-size:9px;line-height:1.7}
.wt3-story-impact{min-width:118px;padding-inline-start:12px;border-inline-start:1px solid rgba(159,201,222,.10)}.wt3-story-impact span,.wt3-story-impact b{display:block}.wt3-story-impact span{color:rgba(198,222,233,.40);font-size:7.5px}.wt3-story-impact b{margin-top:3px;color:#b7efe4;font-size:9px;line-height:1.55}

.wt3-query{display:flex;align-items:center;gap:9px;margin:11px 14px 9px;padding:8px 10px;border:1px solid rgba(159,201,222,.09);border-radius:11px;background:rgba(255,255,255,.025);overflow:hidden}.wt3-query>span{flex:none;color:rgba(196,220,232,.42);font-size:7.5px}.wt3-query b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf7fb;font-size:9.5px}.wt3-query i{width:6px;height:6px;margin-inline-start:auto;flex:none;border-radius:50%;background:#66ddc8;box-shadow:0 0 12px rgba(102,221,200,.38)}

.wt3-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 14px 10px;border:1px solid rgba(159,201,222,.09);border-radius:13px;overflow:hidden;background:rgba(255,255,255,.016)}
.wt3-metric{position:relative;min-width:0;padding:9px 9px 8px;border-inline-start:1px solid rgba(159,201,222,.08);transition:background .25s ease,opacity .25s ease,transform .25s ease}.wt3-metric:first-child{border-inline-start:0}.wt3-metric small,.wt3-metric b,.wt3-metric span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wt3-metric small{color:rgba(196,220,232,.47);font-size:7.5px}.wt3-metric b{margin-top:3px;color:#f5fbfd;font:900 15px/1.25 var(--font-base)}.wt3-metric span{margin-top:2px;color:rgba(187,214,226,.28);font:700 6.5px/1 Arial}.wt3-metric.is-focus{z-index:1;background:linear-gradient(145deg,rgba(77,162,195,.12),rgba(89,224,199,.06));box-shadow:inset 0 0 0 1px rgba(120,218,202,.09)}.wt3-metric.is-muted{opacity:.46}

.wt3-chart-card{margin:0 14px 14px;padding:11px;border:1px solid rgba(159,201,222,.09);border-radius:16px;background:rgba(255,255,255,.018)}
.wt3-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.wt3-chart-head b,.wt3-chart-head span{display:block}.wt3-chart-head b{color:#edf8fc;font-size:10.5px}.wt3-chart-head>div:first-child span{margin-top:2px;color:rgba(191,218,231,.40);font-size:7.5px}.wt3-chart-legend{display:flex;align-items:center;gap:7px;flex:none}.wt3-chart-legend span{display:flex;align-items:center;gap:4px;color:rgba(200,223,234,.50);font-size:7px}.wt3-chart-legend i{width:12px;height:2px;border-radius:999px}.wt3-chart-legend .is-click i{background:var(--wt3-clicks,#4285f4)}.wt3-chart-legend .is-imp i{background:var(--wt3-impressions,#673ab7)}
.wt3-chart{position:relative;height:150px;overflow:hidden;border-block:1px solid rgba(159,201,222,.07);direction:ltr;background:linear-gradient(180deg,rgba(66,133,244,.025),transparent 40%)}
.wt3-grid{position:absolute;left:0;right:0;height:1px;background:rgba(193,220,233,.06)}.wt3-grid.g1{top:25%}.wt3-grid.g2{top:50%}.wt3-grid.g3{top:75%}.wt3-chart svg{position:absolute;inset:5px 0 3px;width:100%;height:calc(100% - 8px);overflow:visible}
.wt3-area-muted{fill:rgba(64,110,133,.055)}.wt3-line-muted{fill:none;stroke:rgba(169,198,214,.11);stroke-width:2}.wt3-line-muted.is-imp{stroke:rgba(151,130,210,.10)}.wt3-area{fill:url(#wt3Area)}.wt3-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.wt3-line.is-click{stroke:var(--wt3-clicks,#4285f4);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--wt3-clicks,#4285f4) 40%,transparent))}.wt3-line.is-imp{stroke:var(--wt3-impressions,#673ab7);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--wt3-impressions,#673ab7) 35%,transparent))}
.wt3-marker{position:absolute;z-index:4;left:4%;top:82%;width:10px;height:10px;border:2px solid #061621;border-radius:50%;background:#7fe0cf;box-shadow:0 0 0 3px rgba(127,224,207,.12),0 0 16px rgba(127,224,207,.38);transform:translate(-50%,-50%);pointer-events:none}.wt3-marker i{position:absolute;inset:-8px;border:1px solid rgba(127,224,207,.20);border-radius:50%;opacity:0}.wt3-marker.is-moving i{animation:wt3-ring 1s ease-out infinite}.wt3-marker-caption{position:absolute;z-index:5;left:4%;top:calc(82% - 25px);padding:4px 6px;border:1px solid rgba(148,210,199,.12);border-radius:7px;background:rgba(5,18,28,.86);color:#9be8da;font-size:7px;font-weight:850;transform:translateX(-50%);white-space:nowrap;pointer-events:none}

/* Time labels and steps travel in the same physical direction as the chart: left → right. */
.wt3-time,.wt3-steps{direction:ltr;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.wt3-time{padding:5px 0 7px;color:rgba(196,220,231,.24);font-size:6.8px;text-align:center}.wt3-time span,.wt3-steps span{direction:rtl}.wt3-time span{transition:color .18s ease,opacity .18s ease}.wt3-time span.is-on{color:rgba(214,234,242,.68)}.wt3-time span.is-current{color:#9be8da;font-weight:850}
.wt3-steps{position:relative;padding-top:7px;border-top:1px solid rgba(159,201,222,.07)}.wt3-steps::before{content:"";position:absolute;top:-1px;left:0;width:var(--wt3-progress,4%);height:1px;background:linear-gradient(90deg,#4e8ae3,#6bd9c4);box-shadow:0 0 10px rgba(107,217,196,.22)}.wt3-steps span{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;color:rgba(193,217,229,.30);font-size:7px;transition:color .18s ease,opacity .18s ease}.wt3-steps i{display:grid;place-items:center;width:16px;height:16px;flex:none;border:1px solid rgba(177,210,228,.10);border-radius:50%;color:inherit;font:800 6.5px/1 Arial}.wt3-steps b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.wt3-steps span.is-done{color:rgba(181,228,219,.62)}.wt3-steps span.is-current{color:#abeee1}.wt3-steps span.is-current i{background:rgba(107,217,196,.10);border-color:rgba(107,217,196,.28);box-shadow:0 0 0 3px rgba(107,217,196,.035)}

.wt3-result{display:none;grid-template-columns:auto auto auto auto;align-items:center;gap:10px;margin:0 14px 14px;padding:10px 11px;border:1px solid rgba(108,224,202,.13);border-radius:14px;background:linear-gradient(100deg,rgba(64,186,165,.075),rgba(70,134,167,.045));opacity:0;transform:translateY(8px)}.wt3-result.is-visible{display:grid;animation:wt3-result-in .45s ease forwards}.wt3-result div small,.wt3-result div b{display:block}.wt3-result div small{color:rgba(196,221,232,.42);font-size:7px}.wt3-result div b{margin-top:2px;color:#f4fbfd;font:900 18px/1 Arial}.wt3-result-arrow{color:rgba(183,218,229,.38);font-size:17px}.wt3-result strong{padding:5px 7px;border-radius:999px;background:rgba(86,215,191,.08);color:#9ce8da;font-size:8px;white-space:nowrap}.wt3-result p{grid-column:1/-1;margin:0;color:rgba(190,216,228,.36);font-size:6.8px;line-height:1.55}

.wt3-console.is-paused .wt3-live i{animation-play-state:paused}

@keyframes wt3-live{0%{box-shadow:0 0 0 0 rgba(102,221,200,.26)}70%,100%{box-shadow:0 0 0 8px transparent}}
@keyframes wt3-ring{0%{transform:scale(.3);opacity:.75}100%{transform:scale(1.7);opacity:0}}
@keyframes wt3-glint{0%,72%{transform:translateX(-110%);opacity:0}80%{opacity:1}94%,100%{transform:translateX(115%);opacity:0}}
@keyframes wt3-result-in{to{opacity:1;transform:none}}

@media(max-width:1080px){
  .webtick-hero.wt3-hero .wt3-shell,body.home-density-compact .webtick-hero.wt3-hero .wt3-shell{grid-template-columns:minmax(0,.78fr) minmax(470px,1.22fr);gap:28px;padding-inline:30px}
  .webtick-hero.wt3-hero h1,body.home-density-compact .webtick-hero.wt3-hero h1{font-size:min(var(--hero-title-size),42px)}
}
@media(max-width:900px){
  .webtick-hero.wt3-hero{padding-top:14px}
  .webtick-hero.wt3-hero .wt3-shell,body.home-density-compact .webtick-hero.wt3-hero .wt3-shell{grid-template-columns:1fr;gap:26px;min-height:0;padding:32px 28px 34px}
  .webtick-hero.wt3-hero .wt3-copy{max-width:720px}
  .webtick-hero.wt3-hero .wt3-visual,body.home-density-compact .webtick-hero.wt3-hero .wt3-visual{width:min(100%,680px);margin-inline:auto}
}
@media(max-width:600px){
  .webtick-hero.wt3-hero .wt3-shell,body.home-density-compact .webtick-hero.wt3-hero .wt3-shell{gap:21px;padding:25px 16px 24px;border-radius:min(var(--wt3-radius,32px),24px)}
  .webtick-hero.wt3-hero h1,body.home-density-compact .webtick-hero.wt3-hero h1{font-size:min(var(--hero-title-size-mobile),31px);line-height:1.5;letter-spacing:-.025em}
  .webtick-hero.wt3-hero .webtick-hero-lead{font-size:13px;line-height:1.9}
  .webtick-hero.wt3-hero .webtick-hero-actions{margin-top:20px}.webtick-hero.wt3-hero .webtick-hero-btn{min-height:43px;padding-inline:15px;font-size:12px}
  .webtick-hero.wt3-hero .webtick-hero-trust{margin-top:18px;gap:8px 12px;font-size:9.5px}
  .wt3-console{border-radius:19px}
  .wt3-console-head{min-height:52px;padding:8px 10px}.wt3-brand-mark{width:32px;height:32px}.wt3-console-brand b{font-size:10px}.wt3-console-brand small{font-size:6.2px}.wt3-live{min-height:25px;padding-inline:7px;font-size:7.5px}
  .wt3-story{grid-template-columns:auto minmax(0,1fr);gap:9px;padding:10px}.wt3-story-impact{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:7px 0 0;border-inline-start:0;border-top:1px solid rgba(159,201,222,.07)}.wt3-story-impact span{font-size:7.5px}.wt3-story-impact b{margin:0;font-size:9px}.wt3-story-index b{font-size:17px}.wt3-story-text strong{font-size:11px}.wt3-story-text p{font-size:8.5px;line-height:1.7}
  .wt3-query{margin:9px 10px 8px;padding:7px 8px}.wt3-query b{font-size:8.5px}
  .wt3-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 10px 8px}.wt3-metric{padding:8px}.wt3-metric:nth-child(3){border-top:1px solid rgba(159,201,222,.08);border-inline-start:0}.wt3-metric:nth-child(4){border-top:1px solid rgba(159,201,222,.08)}.wt3-metric b{font-size:14px}
  .wt3-chart-card{margin:0 10px 10px;padding:8px}.wt3-chart-head{align-items:center;margin-bottom:6px}.wt3-chart-head b{font-size:9px}.wt3-chart-head>div:first-child span{display:none}.wt3-chart-legend{gap:5px}.wt3-chart-legend span{font-size:6.5px}
  .wt3-chart{height:122px}.wt3-marker-caption{display:none}.wt3-time{font-size:6px;padding-bottom:5px}.wt3-steps{padding-top:6px}.wt3-steps span{display:grid;justify-items:center;gap:3px;font-size:6.2px}.wt3-steps i{width:14px;height:14px;font-size:6px}.wt3-steps b{max-width:58px}
  .wt3-result{grid-template-columns:auto auto auto 1fr;gap:7px;margin:0 10px 10px;padding:9px}.wt3-result div b{font-size:16px}.wt3-result strong{justify-self:end;font-size:7.2px}.wt3-result p{font-size:6.2px}
}
@media(prefers-reduced-motion:reduce){.wt3-console::after,.wt3-live i,.wt3-marker i{animation:none!important}.wt3-result.is-visible{animation:none;opacity:1;transform:none}}

/* v2.13.1 — clarity + deliberate replay ---------------------------------- */
.wt3-console{transition:opacity .32s ease,transform .32s ease,filter .32s ease}
.wt3-console.is-resetting{opacity:.56;transform:scale(.992);filter:saturate(.78)}

/* Give the story more authority on desktop too. */
.wt3-story-text small{font-size:9px;letter-spacing:.01em}
.wt3-story-text strong{font-size:13px;line-height:1.62}
.wt3-story-text p{font-size:10px;line-height:1.75}
.wt3-story-impact span{font-size:8px}.wt3-story-impact b{font-size:10px}
.wt3-query>span{font-size:8px}.wt3-query b{font-size:10px}
.wt3-metric small{font-size:8px}.wt3-metric b{font-size:16px}.wt3-metric span{font-size:7px}
.wt3-chart-head b{font-size:11px}.wt3-chart-head>div:first-child span{font-size:8px}
.wt3-time{font-size:7.4px}.wt3-steps span{font-size:7.6px}
.wt3-result div small{font-size:8px}.wt3-result strong{font-size:9px}.wt3-result p{font-size:7.4px}

@media(max-width:600px){
  /* Mobile is for comprehension, not density. */
  .wt3-console-head{min-height:56px;padding:9px 11px}
  .wt3-brand-mark{width:34px;height:34px}.wt3-console-brand b{font-size:11.5px}.wt3-console-brand small{display:none}.wt3-live{font-size:9px;min-height:28px;padding-inline:9px}

  .wt3-story{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:14px 12px 13px}
  .wt3-story-index b{font-size:22px}.wt3-story-index span{font-size:9px}
  .wt3-story-text small{font-size:10px}
  .wt3-story-text strong{margin-top:4px;font-size:14px;line-height:1.7}
  .wt3-story-text p{margin-top:4px;font-size:11.5px;line-height:1.85;color:rgba(218,234,241,.72)}
  .wt3-story-impact{padding-top:9px}.wt3-story-impact span{font-size:9px}.wt3-story-impact b{font-size:11px}

  .wt3-query{margin:10px 10px 9px;padding:9px 10px}.wt3-query>span{font-size:9px}.wt3-query b{font-size:11px}

  .wt3-metrics{margin:0 10px 9px}.wt3-metric{padding:10px 9px}.wt3-metric small{font-size:9px}.wt3-metric b{font-size:18px}.wt3-metric span{display:none}

  .wt3-chart-card{margin:0 10px 11px;padding:9px}
  .wt3-chart-head b{font-size:10.5px}.wt3-chart-head>div:first-child span,.wt3-chart-legend{display:none}
  .wt3-chart{height:126px}
  .wt3-time{display:none}
  .wt3-steps{padding-top:8px}
  .wt3-steps span{display:grid;justify-items:center;gap:4px;font-size:8.2px}
  .wt3-steps i{width:18px;height:18px;font-size:8px}
  .wt3-steps b{display:none}
  .wt3-steps span.is-current b{display:none}

  .wt3-result{grid-template-columns:auto auto auto;gap:9px;margin:0 10px 11px;padding:11px 10px}
  .wt3-result div small{font-size:9px}.wt3-result div b{font-size:19px}.wt3-result strong{grid-column:1/-1;justify-self:start;font-size:10px;padding:6px 9px}.wt3-result p{display:none}
}