/* /start story cards (Zach 2:00 PM). Units are cqw of the card (the .zha container). */
.zst .zst-vp{position:absolute;inset:8.5cqw 0 0 0;overflow:hidden;background:#0b0e1c}
.zst .zst-a,.zst .zst-b{position:absolute;inset:0;transition:opacity .55s var(--ease),transform .7s var(--ease),filter .55s}
.zst .zst-b{opacity:0;transform:scale(1.04)}
.zst .zst-b video{width:100%;height:100%;object-fit:cover;display:block;background:#0b0e1c}
.zst.zst-real .zst-a{opacity:0;transform:scale(.96);filter:blur(2px)}
.zst.zst-real .zst-b{opacity:1;transform:none}
.zst .zst-wipe{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(100deg,transparent 0 35%,rgba(165,180,252,.55) 48%,rgba(255,255,255,.9) 50%,rgba(165,180,252,.55) 52%,transparent 65%);transform:translateX(-110%)}
.zst.zst-real .zst-wipe{animation:zstWipe .9s var(--ease) both}
@keyframes zstWipe{to{transform:translateX(110%)}}
.zst.zst-out .zst-vp{opacity:0;transition:opacity .45s}
.zst .zst-vp{transition:opacity .45s}
.zst .zst-cur{position:absolute;left:0;top:0;width:5.2cqw;height:5.2cqw;margin:-.6cqw 0 0 -.9cqw;z-index:8;opacity:0;transition:transform .6s cubic-bezier(.45,.05,.2,1),opacity .3s;will-change:transform}
.zst .zst-cur svg{width:100%;height:100%;fill:#fff;stroke:#111;stroke-width:1.1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}
.zst .zst-cur::after{content:"";position:absolute;left:5%;top:5%;width:4cqw;height:4cqw;margin:-2cqw 0 0 -2cqw;border-radius:50%;border:.5cqw solid rgba(165,180,252,.95);opacity:0;transform:scale(.3)}
.zst .zst-cur.tap svg{animation:zstTap .32s ease}
.zst .zst-cur.tap::after{animation:zstRing .5s ease-out}
@keyframes zstTap{50%{transform:scale(.82)}}
@keyframes zstRing{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(1.6)}}
.zst .zst-chip{opacity:1;transform:none;transition:opacity .25s,transform .25s;max-width:calc(100% - 6cqw);overflow:hidden;text-overflow:ellipsis}
.zst .zst-chip.is-swap{opacity:0;transform:translateY(1.5cqw)}
.zst .is-typing::after{content:"";display:inline-block;width:.35cqw;height:1em;margin-left:.3cqw;vertical-align:-.12em;background:currentColor;animation:zstBlink .7s steps(1) infinite}
@keyframes zstBlink{50%{opacity:0}}
.zst .is-hit{animation:zstHit .35s ease}
@keyframes zstHit{50%{transform:scale(.94)}}
.zst-idea{position:absolute;inset:0;font-size:2.7cqw;line-height:1.3;color:#e7e9f5}
.zst-idea b,.zst-idea i,.zst-idea span,.zst-idea li{font-style:normal}
/* go buttons shared */
.zo-go,.zk3-go,.zp-go,.zq3-go,.zs3-go,.zcp-go{position:absolute;right:4cqw;bottom:4.5cqw;padding:1.4cqw 3cqw;border-radius:99px;background:#6366f1;color:#fff;font-weight:700;font-size:2.6cqw;box-shadow:0 1cqw 3cqw -1cqw rgba(99,102,241,.8)}
.go.zo-go,.go.zk3-go,.go.zp-go,.go.zq3-go,.go.zs3-go,.go.zcp-go{background:#a5b4fc;color:#0b0e1c}
/* redesign: deliberately bad before */
.zr{background:repeating-linear-gradient(45deg,#c6ff3d 0 6cqw,#ff4fd8 6cqw 12cqw);color:#1a00ff;font-family:"Comic Sans MS","Comic Sans","Chalkboard SE",cursive;transition:filter .6s}
.zr-mq{background:#ff0;border-bottom:.6cqw dashed red;overflow:hidden;white-space:nowrap;font-weight:900;color:red;font-size:2.6cqw;padding:.6cqw 0}
.zr-mq span{display:inline-block;padding-left:100%;animation:zstMq 7s linear infinite}
@keyframes zstMq{to{transform:translateX(-100%)}}
.zr-row{display:flex;justify-content:space-between;align-items:center;padding:1.2cqw 2cqw;transform:rotate(-1.2deg)}
.zr-h{margin:0;font-size:5.2cqw;font-family:"Times New Roman",serif;color:#ff2a00;text-shadow:.4cqw .4cqw 0 #00e0ff;letter-spacing:-.1cqw}
.zr-cnt{background:#000;color:#0f0;font-family:monospace;font-size:2.2cqw;padding:.4cqw 1cqw}
.zr-cols{display:grid;grid-template-columns:44% 1fr;gap:1.5cqw;padding:0 2cqw}
.zr-img{height:22cqw;border:.5cqw ridge #888;background:#ddd;display:grid;place-items:center;color:#555;font-size:2cqw;transform:skewX(-4deg);position:relative}
.zr-img i{width:6cqw;height:6cqw;background:linear-gradient(135deg,#bbb 0 45%,#f33 45% 55%,#bbb 55%)}
.zr-txt p{margin:0 0 1cqw;font-size:2.15cqw;color:#5a00a8;text-align:justify}
.zr-b1,.zr-b2{display:inline-block;padding:.8cqw 1.4cqw;margin-right:1cqw;font-size:2.4cqw;border:.4cqw outset #ccc}
.zr-b1{background:red;color:#ff0}.zr-b2{background:#00f;color:#fff;transform:rotate(4deg)}
.zr-b1.zr-shake{animation:zstShake .4s}
@keyframes zstShake{25%{transform:translateX(-1cqw)}75%{transform:translateX(1cqw)}}
.zr-uc{position:absolute;left:3cqw;bottom:3.5cqw;background:repeating-linear-gradient(45deg,#000 0 1.5cqw,#ffd400 1.5cqw 3cqw);color:#fff;font-weight:900;font-size:2.2cqw;padding:.8cqw 1.6cqw;text-shadow:0 0 .4cqw #000;opacity:0}
.zr-pop{position:absolute;left:50%;top:42%;width:48%;transform:translate(-50%,-50%) rotate(-2deg);background:#fff;border:.6cqw solid #ff00c8;box-shadow:1.2cqw 1.2cqw 0 #000;padding:2cqw;text-align:center;color:#000;transition:opacity .25s,transform .35s}
.zr-pop b{display:block;font-size:4cqw;color:#ff0080}
.zr-pop span{font-size:2.2cqw}
.zr-pop i{position:absolute;right:1cqw;top:.4cqw;font-size:2.6cqw;color:#999;font-family:Arial,sans-serif}
.zr-p2{opacity:0;transform:translate(-30%,-30%) rotate(3deg) scale(.6);pointer-events:none;border-color:#00c3ff}
.zst-p1 .zr-p1{opacity:0;transform:translate(-50%,-50%) scale(.6)}
.zst-p1 .zr-p2{opacity:1;transform:translate(-40%,-40%) rotate(3deg)}
.zst-p2 .zr-p2{opacity:0;transform:translate(-40%,-40%) scale(.6)}
.zst-p2 .zr-uc{opacity:1}
.zst-fix .zr{filter:saturate(0) brightness(.6) blur(1px)}
/* new website: brainstorm board */
.zo{background:radial-gradient(120% 90% at 20% 0,#2a2418,#151209 70%);color:#f3ead9}
.zo-note{position:absolute;padding:1.6cqw 2cqw;border-radius:1cqw;background:#f6e7b8;color:#2b2210;box-shadow:0 1cqw 2.5cqw -1cqw rgba(0,0,0,.6);min-width:30%}
.zo-note small{display:block;font-size:1.9cqw;text-transform:uppercase;letter-spacing:.2cqw;opacity:.6}
.zo-note b{font-size:3.4cqw;font-family:Georgia,"Times New Roman",serif;min-height:1.3em;display:block}
.zo-n1{left:4cqw;top:4cqw;transform:rotate(-2deg)}
.zo-n2{left:6cqw;top:19cqw;transform:rotate(1.5deg);background:#f1d3c4}
.zo-sw{position:absolute;left:4cqw;top:35cqw;display:flex;align-items:center;gap:1.4cqw}
.zo-sw small{font-size:1.9cqw;text-transform:uppercase;letter-spacing:.2cqw;opacity:.7}
.zo-sw span{display:flex;gap:1cqw}
.zo-sw span i{width:5cqw;height:5cqw;border-radius:50%;border:.3cqw solid rgba(255,255,255,.35);transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.zst-sw .zo-sw span i{transform:scale(1)}
.zst-sw .zo-sw span i:nth-child(2){transition-delay:.08s}.zst-sw .zo-sw span i:nth-child(3){transition-delay:.16s}.zst-sw .zo-sw span i:nth-child(4){transition-delay:.24s}
.zo-add{width:5cqw;height:5cqw;border-radius:50%;border:.3cqw dashed #c9a24b;display:grid;place-items:center;color:#c9a24b;font-size:3.4cqw}
.zo-mood{position:absolute;right:4cqw;top:4cqw;width:42%;padding:1cqw 1cqw 3.6cqw;background:#fff;transform:rotate(2.5deg);box-shadow:0 1.2cqw 3cqw -1cqw rgba(0,0,0,.7)}
.zo-mood img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.zo-mood small{position:absolute;left:1.4cqw;bottom:1cqw;color:#333;font-size:1.9cqw;font-family:Georgia,serif}
.zo-font{position:absolute;right:6cqw;top:37cqw;display:flex;gap:1.4cqw;align-items:baseline;color:#e8d6b0}
.zo-font b{font-family:Georgia,serif;font-size:5cqw}
.zo-font span{font-size:2.1cqw}
/* booking idea */
.zk3{background:linear-gradient(160deg,#141a33,#0b0e1c)}
.zk3-pad{position:absolute;left:4cqw;top:4cqw;width:42%;padding:2cqw 2.4cqw;border-radius:1.2cqw;background:#fffdf5;color:#1d1d29;background-image:repeating-linear-gradient(#fffdf5 0 3.9cqw,#dfe6f7 3.9cqw 4.1cqw);transform:rotate(-1.5deg);box-shadow:0 1.2cqw 3cqw -1cqw rgba(0,0,0,.7)}
.zk3-h{display:block;font-size:3.2cqw;font-family:Georgia,serif;min-height:1.3em;color:#3b3fd8}
.zk3-pad ol{margin:1cqw 0 0;padding-left:3.2cqw;font-size:2.5cqw;line-height:4cqw}
.zk3-pad li{min-height:4cqw}
.zk3-cal{position:absolute;right:4cqw;top:4cqw;width:44%;padding:2cqw;border-radius:1.4cqw;background:#1b2140;border:1px solid rgba(255,255,255,.08)}
.zk3-cal small{font-size:2.2cqw;color:#a5b4fc;font-weight:700}
.zk3-cal div{display:grid;grid-template-columns:repeat(5,1fr);gap:1cqw;margin:1.4cqw 0}
.zk3-cal div i{display:grid;place-items:center;height:5cqw;border-radius:.8cqw;background:#262d52;font-size:2.2cqw;transition:background .25s,color .25s}
.zk3-cal i.on{background:#6366f1;color:#fff}
.zk3-t{display:flex;gap:1cqw;flex-wrap:wrap}
.zk3-t i{padding:.8cqw 1.4cqw;border-radius:99px;border:1px solid rgba(165,180,252,.4);font-size:2cqw;transition:background .25s}
.zk3-t i.on{background:#a5b4fc;color:#0b0e1c}
/* store idea */
.zp{background:linear-gradient(160deg,#1c1424,#0b0e1c)}
.zp-top{display:flex;justify-content:space-between;align-items:center;padding:3cqw 4cqw 1cqw}
.zp-h{font-size:3.6cqw;font-family:Georgia,serif;min-height:1.3em}
.zp-cart{padding:1cqw 2cqw;border-radius:99px;background:#2a2036;font-size:2.4cqw}
.zp-cart i{display:inline-grid;place-items:center;min-width:3.4cqw;height:3.4cqw;margin-left:.6cqw;border-radius:99px;background:#e0609a;color:#fff;font-size:2cqw;transition:transform .3s cubic-bezier(.3,1.8,.5,1)}
.zst-cart1 .zp-cart i{transform:scale(1.25)}
.zst-cart1 .zp-cart i::before{content:"1"}.zst-cart2 .zp-cart i::before{content:"2"!important}
.zp-cart i{font-size:0}.zp-cart i::before{content:"0";font-size:2cqw}
.zp-g{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4cqw;padding:1.5cqw 4cqw}
.zp-c{padding:1.4cqw;border-radius:1.4cqw;background:#251b30;border:1px solid rgba(255,255,255,.07)}
.zp-c i{display:block;height:13cqw;border-radius:1cqw;background:linear-gradient(135deg,#f2c6d8,#e0609a)}
.zp-c1 i{background:linear-gradient(135deg,#f6e3b4,#c9a24b)}.zp-c2 i{background:linear-gradient(135deg,#d6d0ff,#7b72f0)}
.zp-c span{display:block;margin:1cqw 0;font-size:2.3cqw}
.zp-c b{display:inline-block;padding:.6cqw 1.6cqw;border-radius:99px;background:#e0609a;color:#fff;font-size:2.1cqw;transition:background .25s}
.zp-c b.on{background:#22b07d}
/* courier idea */
.zq3{background:linear-gradient(160deg,#0c1d3d,#0b0e1c);padding:4cqw}
.zq3-h{display:block;font-size:3.6cqw;font-family:Georgia,serif;min-height:1.3em}
.zq3-in{display:flex;margin:2cqw 0;border-radius:1.2cqw;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#fff;width:70%}
.zq3-v{flex:1;padding:1.6cqw 2cqw;color:#0b1a33;font-family:ui-monospace,monospace;font-size:2.6cqw;min-height:1.3em}
.zq3-btn{padding:1.6cqw 3cqw;background:#f97316;color:#fff;font-size:2.5cqw}
.zq3-path{display:flex;align-items:center;gap:1.6cqw;width:80%;font-size:2.2cqw;color:#a9b8d8}
.zq3-line{flex:1;height:.6cqw;border-radius:9px;background:#1d3463;position:relative;overflow:hidden}
.zq3-line em{position:absolute;inset:0;background:linear-gradient(90deg,#f97316,#ffb37a);transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.5,0,.2,1)}
.zst-track .zq3-line em{transform:scaleX(1)}
.zq3 ul{list-style:none;margin:2cqw 0 0;padding:0;font-size:2.4cqw;line-height:4.6cqw}
.zq3 li{opacity:.35;transition:opacity .3s}
.zq3 li i{display:inline-grid;place-items:center;width:3.4cqw;height:3.4cqw;margin-right:1.2cqw;border-radius:50%;background:#1d3463;color:#fff;vertical-align:-.6cqw}
.zq3 li i svg{width:70%}
.zst-track .zq3 li{opacity:1}.zst-track .zq3 li i{background:#22b07d}
.zst-track .zq3 li:nth-child(2){transition-delay:.5s}.zst-track .zq3 li:nth-child(3){transition-delay:1s}
/* seo idea */
.zs3{background:linear-gradient(160deg,#111a38,#0b0e1c);padding:4cqw}
.zs3-h{display:block;font-size:3.6cqw;font-family:Georgia,serif;min-height:1.3em}
.zs3-k{display:flex;flex-wrap:wrap;gap:1.4cqw;margin:2.4cqw 0}
.zs3-c{padding:1.2cqw 2cqw;border-radius:99px;border:1px solid rgba(165,180,252,.45);background:#1a2350;font-size:2.4cqw;opacity:0;transform:translateY(1cqw);transition:opacity .25s,transform .3s}
.zs3-c.on{opacity:1;transform:none}
.zs3-l{list-style:none;margin:0;padding:0;font-size:2.3cqw;line-height:4.2cqw;color:#c7cdf0}
.zs3-l li{opacity:0;transform:translateX(-2cqw);transition:opacity .35s,transform .4s}
.zs3-l.on li{opacity:1;transform:none}.zs3-l.on li:nth-child(2){transition-delay:.2s}.zs3-l.on li:nth-child(3){transition-delay:.4s}
.zs3-l li::before{content:"";display:inline-block;width:1.4cqw;height:1.4cqw;margin-right:1.4cqw;border-radius:50%;background:#22b07d}
/* care idea */
.zcp{background:linear-gradient(160deg,#0f2a22,#0b0e1c);padding:4cqw}
.zcp-h{display:block;font-size:3.6cqw;font-family:Georgia,serif;min-height:1.3em}
.zcp ul{list-style:none;margin:2cqw 0 0;padding:0;width:72%}
.zcp li{display:flex;align-items:center;gap:1.6cqw;padding:1.3cqw 1.6cqw;margin-bottom:1.2cqw;border-radius:1.2cqw;background:rgba(255,255,255,.05);font-size:2.5cqw}
.zcp-i{display:grid;place-items:center;width:3.8cqw;height:3.8cqw;border-radius:50%;border:.35cqw solid #3b5d52;color:transparent;transition:all .3s}
.zcp-i svg{width:70%}
.zcp li.on .zcp-i{background:#22b07d;border-color:#22b07d;color:#fff}
.zcp li small{margin-left:auto;font-size:2cqw;color:#86b8a6}
.zcp li.on small::before{content:"done"}
/* reduced motion */
.zst.zst-static .zst-wipe{display:none}
/* a11y: AA contrast on the small labels inside the /start story illustrations (same look, slightly deeper tones) */
.zo-go,.zk3-go,.zp-go,.zq3-go,.zs3-go,.zcp-go{background:#4f46e5}
.zo-note small{opacity:1}
.zr-img small{color:#555}
.zr-pop b{color:#c8006a}
.zr-pop span,.zq3-v{color:#64748b}
.zp-a0{background:#15803d!important}.zp-a1,.zp-a2{background:#be185d!important}
.zq3-btn{background:#c2410c!important}
.zr-b1{background:#c00000!important}
.zq3-v,.zq3-v.is-typing{color:#64748b!important}
.zst .zst-b video{object-fit:contain}