/* Tanwen call to action and pricing (task #333 follow-on, 5 Nov 2026). Button: Talk to our team -> cal.com quick chat. */
.tanwen-site>header nav .cta-header{background:#b44929;color:#fff;border-radius:3px;padding:0 16px;min-height:44px;font-weight:650;font-size:14px;white-space:nowrap;margin-left:6px}
.tanwen-site>header nav .cta-header:hover{background:#9a3d22;text-decoration:none}
.tanwen-site>header nav a[href="#questions"]{display:none}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:26px 0 8px}
.hero-cta .cta-primary{justify-content:center;gap:0}
.cta-secondary{font-weight:600;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.cta-primary{min-height:48px}
.cta-primary:focus-visible,.cta-secondary:focus-visible,.cta-header:focus-visible,.price-link:focus-visible{outline:3px solid #173c32;outline-offset:3px}
.after-check{margin:34px 0 0;padding:26px 28px;background:#e8eadd;border:1px solid var(--line,#ccc8bb);border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px}
.after-check p{margin:0;flex:1 1 320px;line-height:1.5}
.pricing{padding:70px 6% 20px;border-top:1px solid #ccc8bb}
.pricing h2{font-size:clamp(34px,4.6vw,64px);margin:6px 0 34px;line-height:1.05}
.price-cards{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:stretch}
.price-card{background:#fffdf6;border:1px solid #ccc8bb;border-radius:12px;padding:30px 30px 34px;display:flex;flex-direction:column;gap:10px}
.price-card.featured{border:2px solid #173c32}
.price-card h3{margin:0;font-size:22px}
.price-card .price{font-size:clamp(30px,3.4vw,44px);font-weight:700;line-height:1.1;margin:4px 0 0}
.price-card .price span{font-size:.45em;font-weight:600;color:#5b655e}
.price-card .price-alt{font-weight:600;margin:0}
.price-card .price-lead{font-weight:650;margin:10px 0 0}
.price-card ul{margin:4px 0 14px;padding-left:20px;line-height:1.55}
.price-card li{margin:6px 0}
.price-card p{margin:0;line-height:1.55}
.price-link{margin-top:auto;font-weight:650;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.price-card.featured .cta-primary{align-self:flex-start;margin-top:auto;justify-content:center;gap:0}
.close .cta-primary{justify-content:center;gap:0}
.close-secondary{margin:12px 0 0}
.close-secondary a{text-decoration:underline;text-underline-offset:5px}
@media(max-width:900px){.price-cards{grid-template-columns:1fr}.pricing{padding:55px 5% 10px}}
@media(max-width:600px){.tanwen-site>header nav .cta-header{padding:0 12px;font-size:13px}.hero-cta{margin-top:22px}.after-check{padding:22px 20px}}
.price-card p,.price-card li{font-size:16px}
.price-card .price{font-size:clamp(30px,3.4vw,44px)}

/* Logo mark next to the Tanwen wordmark (Laurène 5 Nov). */
.tanwen-site>header .brand,.tanwen-site>footer .tanwen-wordmark{display:inline-flex;align-items:center;gap:10px}
.brand-mark{display:block;flex:none;width:34px;height:34px;border-radius:9px}
footer .brand-mark{width:26px;height:26px;border-radius:7px}
@media(max-width:600px){.tanwen-site>header .brand-mark{width:30px;height:30px;border-radius:8px;}.tanwen-site>header .brand{gap:8px}}
footer .tanwen-wordmark{line-height:1.1}
.tanwen-site>header nav a{white-space:nowrap}
@media(max-width:430px){.tanwen-site>header nav a[href="#work"]{display:none}}

/* Phone polish of the animated story (Huxley 5 Nov, IMG_4816/4817).
   1. Tanwen sprite: the art sheet cuts the crown of her hair at each cell's top edge (the missing sliver
      sits at the bottom of the cell above), so the frame is extended up by 1.5% to show it, and the 1.6%
      sliver of the next figure at the bottom of each cell is clipped off.
   2. "YOUR BRAND": on the assembled step the shell label sat 1px under the cards; the shell is taller on phones.
   3. Cards under the animation: the finding text is centred in its card and the final outcome card is filled. */
.actor-frames{overflow:visible}
.actor-pose{inset:auto;left:0;right:0;bottom:0;top:-1.5%;background-size:400% 394.09%;background-position:calc(var(--frame)*100%/3) var(--rowy,100%);clip-path:inset(0 0 1.6% 0)}
[data-action=scan]{--rowy:-.5%}
[data-action=write]{--rowy:33%}
[data-action=collate]{--rowy:66.5%}
[data-action=think]{--rowy:100%}
.is-cinema .finding-card{display:flex;flex-direction:column;justify-content:center}
@media(max-width:700px){
.studio-rig .assembly-shell{height:164px;padding-bottom:10px}
.studio-rig .assembly-shell span{font-size:9px;letter-spacing:2.4px}
.assembly-cinema .studio-rig{margin-bottom:20px}
.assembly-cinema .outcome-receipt{gap:10px;margin-bottom:18px}
.assembly-cinema .outcome-tile{padding:20px 6px 16px;gap:12px}
.assembly-cinema .outcome-tile svg{width:34px;height:34px}
.assembly-cinema .outcome-receipt .outcome-tile span{font-size:12px}
.assembly-cinema .work-layer:last-child .ready-line{font-size:16px;margin:0 0 8px}
.assembly-cinema .work-layer:last-child .micro{font-size:12px;margin:0}
}