/* TEND landing page and in-place TEND Bearing. Tokens only. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ld-hero{padding:clamp(28px,5vw,64px) 0 clamp(40px,6vw,72px)}
.ld-q{font-family:var(--font-display);font-weight:600;font-size:clamp(32px,4.6vw,60px);line-height:1.08;letter-spacing:-.012em;color:var(--tend-ink);margin:0;max-width:22ch;text-wrap:balance}
.ld-q em{font-style:italic;font-weight:400}
.ld-q--close{margin:0 auto;font-size:clamp(28px,4vw,48px)}
/* The question and TEND Bearing side by side: Compass on top, questions below. */
.ld-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (min-width:960px){.ld-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,540px)}.ld-hero-text{position:sticky;top:120px}}
.ld-hero-grid .lb{margin-top:0}
.ld-brand{font-family:var(--font-display);font-weight:400;font-size:clamp(22px,2.6vw,32px);line-height:1.2;color:var(--text-secondary);margin:16px 0 0}
.ld-brand em{font-style:italic}
.ld-line{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--text-secondary);margin:18px 0 0;max-width:76ch;text-wrap:pretty}
.ld-link{color:var(--aqua-deep);font-weight:600;text-decoration:none}
.ld-link:hover{color:var(--tend-ink);text-decoration:underline}

/* Bearing card */
.lb{scroll-margin-top:96px;margin-top:clamp(24px,4vw,40px);background:var(--surface-card);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:clamp(20px,4vw,44px);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,4vw,48px)}
.lb-side{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}
.lb-compass{width:100%;max-width:240px;line-height:0}
.lb-compass svg{width:100%;height:auto;display:block}
@media (max-width:640px){.lb-compass{max-width:190px}}
.lb-progress{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;width:100%;max-width:240px}
.lb-progress span{height:4px;border-radius:2px;background:var(--rule-strong);opacity:.45;transition:background 200ms,opacity 200ms}
.lb-progress span.on{background:var(--aqua-deep);opacity:1}
.lb-note{font-family:var(--font-body);font-size:13.5px;line-height:1.5;color:var(--text-secondary);text-align:center;max-width:34ch;margin:0}
.lb-main{min-width:0}
.lb-count{font-family:var(--font-data);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin:0}
.lb-stmt{font-family:var(--font-display);font-weight:600;font-size:clamp(21px,2.2vw,26px);line-height:1.25;color:var(--tend-ink);margin:12px 0 22px;min-height:2.5em;text-wrap:pretty;animation:lbIn 240ms cubic-bezier(.2,.7,.1,1)}
@keyframes lbIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.lb-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.lb-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:84px;padding:12px 4px;background:var(--surface-page);border:1px solid var(--rule-strong);border-radius:var(--r-md);font-family:var(--font-body);font-size:13px;line-height:1.25;color:var(--text-body);text-align:center;cursor:pointer;transition:border-color 200ms cubic-bezier(.2,.7,.1,1),background 200ms cubic-bezier(.2,.7,.1,1)}
.lb-opt:hover{border-color:var(--aqua-core)}
.lb-opt:focus-visible,.lb-link:focus-visible,.ld-link:focus-visible{outline:2px solid var(--aqua-deep);outline-offset:2px}
.lb-opt.on{border-color:var(--aqua-deep);background:color-mix(in srgb,var(--aqua-core) 14%,var(--surface-page));color:var(--tend-ink)}
.lb-dot{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--rule-strong);flex:none}
.lb-opt:hover .lb-dot,.lb-opt.on .lb-dot{background:var(--aqua-deep);border-color:var(--aqua-deep)}
@media (max-width:640px){.lb-scale{grid-template-columns:minmax(0,1fr)}.lb-opt{flex-direction:row;justify-content:flex-start;min-height:52px;text-align:left;font-size:16px;padding:12px 16px}}
.lb-link{display:inline-flex;align-items:center;background:none;border:0;padding:10px 0;min-height:44px;font-family:var(--font-body);font-size:14px;color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-top:6px;align-self:flex-start}
.lb-link:hover{color:var(--tend-ink)}

/* Result */
.lb-result{display:flex;flex-direction:column;gap:16px}
.lb-head{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,3.6vw,42px);line-height:1.08;letter-spacing:-.01em;color:var(--energy-deep);margin:0;outline:none}
.lb-id{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--font-body);font-size:16px;color:var(--text-body)}
.lb-sw{width:14px;height:14px;border-radius:50%;background:var(--energy-core);flex:none}
.lb-desc p{font-family:var(--font-body);font-size:17.5px;line-height:1.65;margin:0 0 14px;color:var(--text-body);text-wrap:pretty}
.lb-fade{max-height:5.4em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 15%,transparent);mask-image:linear-gradient(#000 15%,transparent)}
.lb-more{align-self:flex-start}
.lb-small{font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--text-secondary);margin:0;text-wrap:pretty}
.lb-body{font-family:var(--font-body);font-size:17px;line-height:1.6;margin:0;text-wrap:pretty}

/* Offer, in place */
.lb-offer{border-top:1px solid var(--rule);padding-top:22px;display:flex;flex-direction:column;gap:16px}
.lb-offer h3,.lb-keep h3{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,2.4vw,28px);line-height:1.15;margin:0;color:var(--tend-ink)}
.lb-timer{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--energy-tint);border-radius:var(--r-sm);font-family:var(--font-body);font-size:14px;color:var(--text-body)}
.lb-timer span{flex:1;min-width:0}
.lb-timer b{font-family:var(--font-data);font-weight:600;font-size:22px;letter-spacing:.05em;color:var(--energy-ink,var(--energy-deep))}
.lb-bar{height:3px;border-radius:2px;background:var(--rule);overflow:hidden;margin-top:10px}
.lb-bar i{display:block;height:100%;background:var(--energy-core);transition:width 1s linear}
.lb-offers{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:640px){.lb-offers{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lb-o{position:relative;border:1px solid var(--rule-strong);border-radius:var(--r-md);padding:20px;display:flex;flex-direction:column;gap:8px}
.lb-o.is-most{border-color:var(--energy-deep)}
.lb-o-tag{position:absolute;top:-10px;right:14px;background:var(--surface-card);padding:0 6px;font-family:var(--font-data);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--energy-deep)}
.lb-o p{margin:0}
.lb-o-name{font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--tend-ink)}
.lb-o-price{font-family:var(--font-display);font-weight:600;font-size:30px;line-height:1;color:var(--tend-ink)}
.lb-o-meta{font-family:var(--font-body);font-size:14px;color:var(--text-secondary)}
.lb-o-deb{font-family:var(--font-body);font-size:14.5px;line-height:1.45;color:var(--energy-deep);font-weight:600}
.lb-o .btn{margin-top:auto;align-self:flex-start}

/* Keep your result */
.lb-keep{background:var(--surface-sunk);border-radius:var(--r-md);padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.lb-keep p{font-family:var(--font-body);font-size:15px;line-height:1.55;margin:0;color:var(--text-body)}
.lb-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-body);font-size:14px;color:var(--text-body)}
.lb-field input{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--rule-strong);border-radius:var(--r-sm);font:inherit;font-size:16px;background:var(--surface-card);color:var(--text-body)}
.lb-field input:focus-visible{outline:2px solid var(--aqua-deep);outline-offset:1px}
.lb-check{display:flex;align-items:center;gap:12px;min-height:44px;font-family:var(--font-body);font-size:15px;color:var(--text-body);cursor:pointer}
.lb-check input{width:22px;height:22px;flex:none;accent-color:var(--aqua-deep)}
.lb-err{color:var(--coral-ink,var(--coral-deep)) !important;font-weight:600}
.lb-keep .btn{align-self:flex-start}

/* Sections */
.ld-scene{display:flex;flex-direction:column;gap:14px}
.ld-signal{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--text-body);margin:auto 0 0;padding-top:14px;border-top:1px solid var(--rule)}
.ld-take{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,48px)}
@media (min-width:1000px){.ld-take{grid-template-columns:minmax(0,1fr) minmax(0,320px);align-items:start}}
.ld-take-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,3vw,36px)}
@media (min-width:700px){.ld-take-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ld-item{display:flex;flex-direction:column;gap:8px}
.ld-item-ico{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:var(--aqua-tint)}
.ld-where{font-family:var(--font-data);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin:0}
.ld-sample{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}
.ld-sample:hover{border-color:var(--aqua-core)}
.ld-sample-compass{line-height:0;align-self:center;max-width:220px;width:100%}
.ld-sample-compass svg{width:100%;height:auto}
.ld-sample-name{font-family:var(--font-display);font-weight:600;font-size:24px;margin:6px 0 0;color:var(--tend-ink)}
.ld-sample-cta{color:var(--aqua-deep);font-weight:600;margin-top:8px}
.ld-ways-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 32px}
.ld-beta{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border:1px solid var(--rule-strong);border-radius:999px;font-family:var(--font-data);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-body);background:var(--surface-card)}
.ld-tier{display:flex;flex-direction:column;gap:12px}
.ld-tier .btn{margin-top:auto;align-self:flex-start}
.ld-tier .body{margin:0}
.ld-price{font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1;margin:0;color:var(--tend-ink)}
.ld-ways-foot{display:flex;flex-direction:column;gap:10px;margin-top:28px;max-width:72ch}
.ld-ways-foot p{margin:0}
.ld-trust{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px)}
@media (min-width:900px){.ld-trust{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:start}}
.ld-trust-list{display:flex;flex-direction:column;gap:16px;margin-top:24px;max-width:62ch}
.ld-trust-list p{margin:0}
.ld-trust-list .btn{align-self:flex-start}
.ld-photo{aspect-ratio:4/5;width:100%;max-width:380px;position:relative}
.ld-photo image-slot{width:100%;height:100%}
.ld-team{padding:clamp(28px,4vw,44px) 0;border-top:1px solid var(--rule)}
.ld-team p{margin:0;max-width:72ch}
@media (prefers-reduced-motion:reduce){.lb-stmt{animation:none}.lb-bar i,.lb-progress span,.lb-opt{transition:none}}

/* ===== Landing, 16 October 2026 round 2 ===== */
/* The question: centred and large. "TEND" carries the four currents. */
@media (min-width:960px){.ld-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,500px);align-items:center;min-height:min(780px,calc(100vh - 120px))}.ld-hero-text{position:static}}
.ld-hero-text{text-align:center;align-self:center}
.ld-hero-text .hero-eyebrow{justify-content:center}
.ld-hero .ld-q{font-size:clamp(42px,5.6vw,88px);line-height:1.02;letter-spacing:-.02em;max-width:13ch;margin-inline:auto}
.ld-hero .ld-line{margin-inline:auto;max-width:52ch}
.ld-tend{background:linear-gradient(90deg,var(--aqua-deep),var(--coral-deep),var(--amber-deep),var(--violet-deep),var(--aqua-deep));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:ldText 14s linear infinite}
@keyframes ldText{to{background-position:300% 0}}

/* The Bearing card: hidden until the visitor moves, then it flows in on a
   border of the four currents with a soft glow behind it. */
@property --ld-a{syntax:'<angle>';inherits:true;initial-value:0deg}
.ld-bearing{position:relative;isolation:isolate;border-radius:calc(var(--r-lg) + 2px);padding:2px;background:conic-gradient(from var(--ld-a),var(--aqua-core),var(--coral-core),var(--amber-core),var(--violet-core),var(--aqua-core));opacity:0;transform:translateY(28px) scale(.98);pointer-events:none;transition:opacity 480ms cubic-bezier(.2,.7,.1,1),transform 480ms cubic-bezier(.2,.7,.1,1)}
.ld-bearing::before{content:"";position:absolute;inset:-22px;z-index:-1;border-radius:32px;background:inherit;filter:blur(30px);opacity:0;transition:opacity 900ms cubic-bezier(.2,.7,.1,1)}
.ld-hero.is-live .ld-bearing{opacity:1;transform:none;pointer-events:auto;animation:ldFlow 12s linear infinite}
.ld-hero.is-live .ld-bearing::before{opacity:.24}
.ld-hero.is-live .ld-bearing:hover::before,.ld-hero.is-live .ld-bearing:focus-within::before{opacity:.36}
.ld-bearing .lb{border:0;border-radius:var(--r-lg);margin:0;box-shadow:none}
@keyframes ldFlow{to{--ld-a:360deg}}
.ld-bearing .lb-opt:hover{border-color:var(--violet-core)}
.ld-bearing .lb-progress span.on{background:linear-gradient(90deg,var(--aqua-deep),var(--violet-deep))}

/* Current names in their own colour (deep steps hold 4.5:1). */
.cur{font-weight:600}
.cur-aqua{color:var(--aqua-deep)}.cur-coral{color:var(--coral-deep)}.cur-amber{color:var(--amber-deep)}.cur-violet{color:var(--violet-deep)}
.ld-marks{list-style:none;margin:clamp(24px,3vw,36px) 0 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(20px,4vw,48px)}
.ld-marks li{display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-display);font-size:18px}
.ld-marks img{width:72px;height:72px;object-fit:contain;display:block}

/* Ways in: every option visible, Gen AI chapter as a choice, buttons centred. */
.ld-tiers{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:clamp(28px,4vw,44px)}
@media (min-width:700px){.ld-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1180px){.ld-tiers{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ld-tier{position:relative;text-align:center;align-items:center}
.ld-tier.is-most{border-color:var(--violet-deep)}
.ld-tier .btn,.lb-o .btn,.pk-tier .btn,.ld-more-b .btn{align-self:center}
.ld-incl{margin:-6px 0 0}
.ld-addon{display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;padding:12px 14px;border:1px dashed var(--rule-strong);border-radius:var(--r-sm);font-family:var(--font-body);font-size:14.5px;line-height:1.45;color:var(--text-body);cursor:pointer;min-height:44px}
.ld-addon:has(input:checked){border-style:solid;border-color:var(--violet-deep);background:color-mix(in srgb,var(--violet-core) 8%,var(--surface-card))}
.ld-addon input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--violet-deep)}
.lb-o{text-align:center;align-items:center}
.lb-o .ld-addon{margin-top:4px}
.ld-more{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px}
@media (min-width:700px){.ld-more{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ld-more-b{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.ld-more-b .body{margin:0}
.ld-more-h{font-family:var(--font-display);font-weight:600;font-size:19px;margin:0;color:var(--tend-ink)}
.ld-price--s{font-size:28px}
.pk-tier{text-align:center;align-items:center}

/* Andrew's photograph */
.ld-photo-img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;border-radius:10px;display:block}

@media (prefers-reduced-motion:reduce){
  .ld-tend{animation:none;background-position:0 0}
  .ld-bearing{opacity:1;transform:none;pointer-events:auto;transition:none}
  .ld-hero.is-live .ld-bearing{animation:none}
  .ld-bearing::before{opacity:.2;transition:none}
}
.ld-tier .btn,.pk-tier .btn,.lb-o .btn,.ld-more-b .btn{white-space:normal;text-align:center;justify-content:center;max-width:100%}

/* ===== Photographs on the landing page, 17 October 2026 ===== */
/* Moments: the section heading beside a photograph of an ordinary working day. */
.ld-split{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
@media (min-width:940px){.ld-split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
/* Bringing TEND to a team: a photograph beside the line. */
.ld-team-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center}
@media (min-width:760px){.ld-team-grid{grid-template-columns:minmax(0,340px) minmax(0,1fr)}}
.ld-team-grid .ph{max-width:420px}