/* Concept B – "Blueprint". Warm drafting paper, ink type, monumental serif, isometric live system, horizontal story.
   Motion: mask-rise type, wires with travelling pulses, mechanical steps, hairlines that draw. */
.mm3--b{--b-paper:#FAF8F3;--b-grid:#ECE6D9;--b-ink:#0B1240;--b-slate:#4A5482;--b-blue:#2E5BFF;--b-violet:#6A3DE8;--b-gold:#F2A53C;--b-gold-t:#9A5A0E;--b-line:rgba(11,18,64,.14);
  --b-ease:cubic-bezier(.65,0,.15,1);--b-wrap:min(1320px,100% - 64px);background:var(--b-paper)}
.mm3--b .site,.mm3--b .site-content{background:transparent}
.mm3--b .site-header{position:sticky;top:0;z-index:50;background:rgba(250,248,243,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--b-line)}
.mm3--b.mamashi-home .site-main>*{max-width:none;padding-inline:0}
.mm3--b .mamashi-follow{margin-top:0}.mm3--b .mamashi-follow__inner{border-top-color:var(--b-line)}
.mm3--b .mm3-label{display:inline-flex;padding:3px 10px;border:1px solid var(--b-ink);border-radius:2px;background:var(--b-paper);color:var(--b-ink);font:700 .78rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
.mm3--b .mm3-link{display:inline-flex;gap:10px;align-items:center;font-weight:700;color:var(--b-ink);text-decoration:none;padding:10px 0;border-bottom:1.5px solid var(--b-ink);transition:gap .4s var(--b-ease),color .3s}
.mm3--b .mm3-link:hover,.mm3--b .mm3-link:focus-visible{gap:18px;color:var(--b-blue);border-color:var(--b-blue)}
.b-grid-bg,.b-hero,.b-story__sticky{background-image:linear-gradient(var(--b-grid) 1px,transparent 1px),linear-gradient(90deg,var(--b-grid) 1px,transparent 1px);background-size:56px 56px;background-position:-1px -1px}

/* ---------- Hero ---------- */
.b-hero{--mx:0;--my:0;--sp:0;position:relative;min-height:calc(100svh - 74px);display:flex;flex-direction:column;padding:22px max(32px,(100% - 1320px)/2) 18px;overflow:hidden}
.b-hero__meta,.b-hero__foot{display:flex;justify-content:space-between;gap:24px;font:600 .8rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--b-slate);letter-spacing:.04em}
.b-hero__meta{padding-bottom:14px;border-bottom:1px solid var(--b-line)}
.b-hero__grid{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:24px;align-items:center}
.b-title{margin:0;font-family:var(--m-font-display-he);font-weight:500;font-size:clamp(64px,8.6vw,138px);line-height:.92;letter-spacing:-.035em;color:var(--b-ink)}
.b-line{display:block;overflow:hidden;padding:.02em 0 .1em}
.b-line>span{display:inline-block;animation:b-rise 1.15s var(--b-ease) both}
.b-line:nth-child(2)>span{animation-delay:.12s}.b-line:nth-child(3)>span{animation-delay:.24s}
@keyframes b-rise{from{transform:translateY(108%)}}
.b-swash{position:relative;color:var(--b-blue)}
.b-swash::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.02em;height:.2em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 24' preserveAspectRatio='none'%3E%3Cpath d='M4 16 C70 4 150 22 296 8' fill='none' stroke='%23F2A53C' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;clip-path:inset(0 0 0 0);animation:b-draw 1s var(--b-ease) 1s both}
@keyframes b-draw{from{clip-path:inset(0 0 0 100%)}}
.b-lead{max-width:30em;margin:28px 0 0;font-size:clamp(18px,1.4vw,21px);line-height:1.6;color:var(--b-slate)}
.b-pick-wrap{margin-top:26px;max-width:520px}
.b-pick-k{margin:0 0 8px;font:700 .8rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:var(--b-slate)}
.mm3--b .mm3-picker{display:grid;grid-template-columns:1fr 1fr;counter-reset:pk;border-top:1px solid var(--b-ink)}
.mm3--b .mm3-pick{counter-increment:pk;display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 4px;border:0;border-bottom:1px solid var(--b-line);background:transparent;color:var(--b-ink);font:inherit;font-weight:600;text-align:start;cursor:pointer;position:relative;transition:color .3s,padding .4s var(--b-ease)}
.mm3--b .mm3-pick:nth-child(odd){border-inline-end:1px solid var(--b-line)}
.mm3--b .mm3-pick::before{content:"0" counter(pk);font:700 .75rem ui-monospace,monospace;color:var(--b-slate);width:22px}
.mm3--b .mm3-pick svg{width:20px;height:20px;color:var(--b-blue)}
.mm3--b .mm3-pick::after{content:"";position:absolute;inset:auto 0 -1px 0;height:2px;background:var(--b-blue);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--b-ease)}
.mm3--b .mm3-pick:hover{padding-inline-start:10px}
.mm3--b .mm3-pick[aria-pressed="true"]{color:var(--b-blue)}
.mm3--b .mm3-pick[aria-pressed="true"]::after{transform:scaleX(1)}
/* isometric board */
.b-hero__board{position:relative;height:min(68vh,640px);min-height:520px;perspective:2200px}
.b-hero__board>.mm3-label{position:absolute;top:8px;inset-inline-end:8px;z-index:5}
.mm3--b .mm3-stage{position:absolute;width:560px;height:560px;left:50%;top:58%;margin:-280px 0 0 -280px;transform-style:preserve-3d;transform:rotateX(calc(56deg + var(--my) * -6deg)) rotateZ(calc(-40deg + var(--mx) * 8deg + var(--sp) * 20deg));transition:transform .8s var(--b-ease);border-radius:28px;
  background:linear-gradient(rgba(46,91,255,.10) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(46,91,255,.10) 1px,transparent 1px) 0 0/28px 28px,#fff;box-shadow:0 0 0 1px rgba(11,18,64,.18),0 60px 80px -30px rgba(11,18,64,.28)}
.mm3--b .mm3-stage::after{content:"";position:absolute;inset:14px;border:1px dashed rgba(11,18,64,.2);border-radius:18px}
.b-wires{position:absolute;inset:0;width:100%;height:100%}
.b-wire{fill:none;stroke:var(--b-ink);stroke-width:2;stroke-dasharray:8 8;animation:b-dash 1.2s linear infinite}
@keyframes b-dash{to{stroke-dashoffset:-32}}
.b-pulse{fill:var(--b-blue)}.b-pulse--2{fill:var(--b-violet)}.b-pulse--3{fill:var(--b-gold)}
.b-hub,.mm3--b .mm3-layer{position:absolute;transform-origin:50% 100%;transform-style:preserve-3d}
.b-hub{left:50%;top:50%;display:grid;justify-items:center;gap:2px;min-width:150px;padding:12px 16px;border-radius:14px;background:var(--b-ink);color:#fff;text-align:center;transform:translate(-50%,-100%) rotateZ(40deg) rotateX(-56deg) translateZ(4px);box-shadow:0 20px 30px -12px rgba(11,18,64,.5)}
.b-hub b{font-size:1rem;line-height:1.2}.b-hub small{font-size:.75rem;color:#C9D2FF}
.b-hub__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--b-blue);margin-bottom:4px}.b-hub__ic svg{width:22px;height:22px}
.mm3--b .mm3-layer>*{background:#fff;border-radius:16px;box-shadow:0 0 0 1px rgba(11,18,64,.16),0 30px 40px -18px rgba(11,18,64,.35);text-align:start;animation:b-bob 6s ease-in-out infinite}
@keyframes b-bob{50%{transform:translateY(-8px)}}
.mm3--b .mm3-layer--chat{left:50%;top:17%;width:262px;transform:translate(-50%,-100%) rotateZ(40deg) rotateX(-56deg)}
.mm3--b .mm3-layer--cal{left:16%;top:75%;width:300px;transform:translate(-50%,-100%) rotateZ(40deg) rotateX(-56deg)}
.mm3--b .mm3-layer--cal>*{animation-delay:-2s}
.mm3--b .mm3-layer--money{left:90%;top:75%;width:236px;transform:translate(-50%,-100%) rotateZ(40deg) rotateX(-56deg)}
.mm3--b .mm3-layer--money>*{animation-delay:-4s}
.mm3--b .mm3-chat{overflow:hidden}
.mm3--b .mm3-chat__bar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0F6B57;color:#fff}
.mm3--b .mm3-chat__bar b{display:block;font-size:.85rem;line-height:1.2}.mm3--b .mm3-chat__bar small{font-size:.72rem}
.mm3--b .mm3-chat__av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--b-blue);font-size:.72rem;font-weight:700}
.mm3--b .mm3-chat__body{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;height:190px;padding:10px;background:#EFEAE2}
.mm3-msg{max-width:84%;margin:0;padding:6px 10px;border-radius:10px;font-size:.82rem;line-height:1.4;color:#111B21;opacity:0;transform:translateY(8px);transition:opacity .4s var(--b-ease),transform .4s var(--b-ease)}
.mm3-msg.is-in{opacity:1;transform:none}
.mm3-msg--in{align-self:flex-start;background:#fff}.mm3-msg--out{align-self:flex-end;background:#D9FDD3}
.mm3-msg--typing{align-self:flex-end;display:inline-flex;gap:4px;padding:10px 12px;background:#D9FDD3}
.mm3-msg--typing i{width:6px;height:6px;border-radius:50%;background:#5B7B6E;animation:b-dot 1.1s infinite}
.mm3-msg--typing i:nth-child(2){animation-delay:.15s}.mm3-msg--typing i:nth-child(3){animation-delay:.3s}
@keyframes b-dot{40%{transform:translateY(-3px);opacity:.5}}
.mm3--b .mm3-chat__input{display:none}
.mm3-cal{padding:12px}
.mm3-cal__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.mm3-cal__head b{font-size:.9rem}.mm3-cal__head small{font:700 .75rem ui-monospace,monospace;color:var(--b-blue)}
.mm3-cal__grid{display:grid;grid-template-columns:36px repeat(var(--cols),1fr);gap:3px;font-size:.66rem}
.mm3-cal__day{text-align:center;font-weight:700;color:var(--b-slate)}.mm3-cal__hr{color:var(--b-slate);align-self:center}
.mm3-cal__slot{height:20px;border-radius:3px;background:repeating-linear-gradient(45deg,rgba(11,18,64,.05) 0 4px,transparent 4px 8px);display:grid;place-items:center;font-size:.6rem;font-weight:700;color:#fff;overflow:hidden}
.mm3-cal__slot.is-booked{background:var(--b-ink);animation:b-stamp .4s steps(3)}
@keyframes b-stamp{0%{transform:scale(1.4)}}
.mm3-money{display:grid;gap:4px;padding:14px 16px}
.mm3-money__k{font:700 .72rem ui-monospace,monospace;color:var(--b-gold-t);letter-spacing:.03em}
.mm3-money__v{font-family:var(--m-font-display-he);font-size:2.4rem;line-height:1;font-weight:500;color:var(--b-ink);font-variant-numeric:tabular-nums}
.mm3-money__spark{width:100%;height:32px;overflow:visible}
.mm3-money__spark path{fill:none;stroke:var(--b-blue);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.mm3-money__note{font-size:.72rem;line-height:1.4;color:var(--b-slate)}
.b-hero__foot{align-items:center;padding-top:12px;border-top:1px solid var(--b-line)}
.b-hero__foot i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--b-ink),transparent);transform-origin:center;animation:b-scan 3s var(--b-ease) infinite}
@keyframes b-scan{0%,100%{transform:scaleX(.1)}50%{transform:scaleX(1)}}

/* ---------- Horizontal story ---------- */
.b-story{position:relative;border-top:1px solid var(--b-line)}
.b-story__sticky{position:relative;display:flex;flex-direction:column}
.b-story.is-h .b-story__sticky{position:sticky;top:0;height:100vh;overflow:hidden}
.b-story__head{display:flex;align-items:center;gap:24px;width:var(--b-wrap);margin:0 auto;padding:clamp(80px,11vh,110px) 0 0}
.b-story__head>span:first-child,.b-sec-head>span:first-child{font:700 .82rem ui-monospace,monospace;color:var(--b-slate)}
.b-story__head h2{margin:0;font-family:var(--m-font-display-he);font-weight:500;font-size:clamp(30px,2.8vw,44px);letter-spacing:-.02em}
.b-story__head h2 span{color:var(--b-slate)}
.b-story__bar{flex:1;height:2px;background:var(--b-line);overflow:hidden}
.b-story__bar i{display:block;height:100%;background:var(--b-ink);transform:scaleX(0);transform-origin:right}
.b-story__track{display:flex;flex-direction:column}
.b-story.is-h .b-story__track{flex-direction:row;flex:1;width:max-content;will-change:transform}
.b-panel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center;width:var(--b-wrap);margin:0 auto;padding:10vh 0}
.b-story.is-h .b-panel{width:100vw;flex:0 0 100vw;margin:0;padding:0 max(32px,(100vw - 1320px)/2);height:100%;box-sizing:border-box}
.b-panel__num{display:block;font-family:var(--m-font-display-he);font-size:clamp(110px,13vw,210px);line-height:.78;color:transparent;-webkit-text-stroke:1.5px var(--b-ink);opacity:.9;margin-bottom:20px}
.b-panel h3{margin:0 0 18px;font-family:var(--m-font-display-he);font-weight:500;font-size:clamp(40px,4.6vw,76px);line-height:1;letter-spacing:-.03em}
.b-panel h3 span{display:block;color:var(--b-blue)}
.b-panel p{max-width:32ch;margin:0 0 22px;font-size:clamp(18px,1.3vw,20px);line-height:1.65;color:var(--b-slate)}
.b-panel--calc{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.b-panel--calc .b-panel__text p{max-width:28ch}
.mm3--b .mm-calc p{max-width:none;font-size:.84rem;margin:0}
.mm3--b .mm3-demo,.mm3--b .mm-calc{position:relative;padding:26px;background:#fff;border-radius:6px;box-shadow:0 0 0 1px var(--b-ink),14px 14px 0 rgba(46,91,255,.12)}
.mm3--b .mm3-demo>.mm3-label{position:absolute;top:-12px;inset-inline-end:22px}
.mm3--b .mm3-demo::before,.mm3--b .mm3-demo::after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--b-gold);pointer-events:none}
.mm3--b .mm3-demo::before{top:-8px;right:-8px;border-left:0;border-bottom:0}.mm3--b .mm3-demo::after{bottom:-8px;left:-8px;border-right:0;border-top:0}
.mm3-js .b-panel__demo{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s var(--b-ease)}
.mm3-js .b-panel.is-in .b-panel__demo{clip-path:inset(-30px -30px -30px -30px)}
.mm3-thread{display:flex;flex-direction:column;gap:10px;min-height:380px;justify-content:flex-end;padding:16px;border-radius:4px;background:#EFEAE2}
.mm3-thread .mm3-msg{font-size:1rem;opacity:1;transform:none;padding:8px 12px}
.mm3-js .b-panel--bot .mm3-thread .mm3-msg{opacity:0;transform:translateY(10px)}
.mm3-js .b-panel--bot.is-in .mm3-thread .mm3-msg{animation:b-msg .45s var(--b-ease) calc(.5s + var(--i) * .7s) forwards}
@keyframes b-msg{to{opacity:1;transform:none}}
.mm3-thread .mm3-msg--typing{opacity:1!important}
.mm3-demo--flow{--draw:0;aspect-ratio:5/4}
.mm3-flow__lines{position:absolute;inset:26px;width:calc(100% - 52px);height:calc(100% - 52px)}
.mm3-flow__lines path{fill:none;stroke:var(--b-ink);stroke-width:.6;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw) * 1.15)}
.b-story.is-h .b-panel--flow .mm3-demo--flow{--draw:1}
.b-story.is-h .b-panel--flow:not(.is-in) .mm3-demo--flow{--draw:0}
.b-story.is-h .b-panel--flow .mm3-flow__lines path{transition:stroke-dashoffset 1.6s var(--b-ease) .4s}
.mm3-node{position:absolute;left:calc(26px + (100% - 52px) * var(--x) / 100);top:calc(26px + (100% - 52px) * var(--y) / 100);transform:translate(-50%,-50%);opacity:clamp(0,calc((var(--draw) - var(--i) * .16) * 6),1);display:grid;justify-items:center;gap:2px;min-width:124px;padding:12px 14px;border-radius:4px;background:var(--b-paper);box-shadow:0 0 0 1px var(--b-ink);text-align:center;transition:opacity .5s}
.b-story.is-h .b-panel--flow .mm3-node{transition:opacity .5s calc(.5s + var(--i) * .25s)}
.mm3-node svg{width:28px;height:28px;color:var(--b-blue);margin-bottom:2px}
.mm3-node b{font-size:.98rem}.mm3-node small{font-size:.8rem;color:var(--b-slate)}
.mm3-demo--prompt{display:grid;gap:16px}
.mm3-prompt__in,.mm3-prompt__out{padding:18px 20px;border-radius:4px}
.mm3-prompt__in{background:var(--b-ink);color:#fff}.mm3-prompt__in small{color:#C9D2FF;font:700 .78rem ui-monospace,monospace}
.mm3-prompt__in p,.mm3-prompt__out p{margin:6px 0 0;font-size:1.04rem;line-height:1.65;min-height:3.3em;max-width:none}
.mm3-prompt__in p{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;color:#fff}
.mm3-prompt__out{background:var(--b-paper);box-shadow:0 0 0 1px var(--b-line)}.mm3-prompt__out small{color:var(--b-blue);font:700 .78rem ui-monospace,monospace}
.mm3-prompt__chk{display:inline-block;margin-top:10px;padding:2px 10px;border:1px solid #0E6B3B;color:#0E6B3B;font-size:.8rem;font-weight:700}
.mm3-prompt__arrow{height:22px;display:grid;place-items:center}.mm3-prompt__arrow span{width:1.5px;height:22px;background:var(--b-ink)}
.mm3-typed::after{content:"▍";margin-inline-start:2px;animation:b-caret 1s steps(1) infinite}
.is-done .mm3-typed::after{display:none}
@keyframes b-caret{50%{opacity:0}}

/* ---------- Index ---------- */
.b-index,.b-studio{width:var(--b-wrap);margin:0 auto;padding:14vh 0 8vh}
.b-sec-head{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:end;padding-bottom:22px;margin-bottom:44px;border-bottom:1px solid var(--b-ink)}
.b-sec-head h2{margin:0;font-family:var(--m-font-display-he);font-weight:500;font-size:clamp(44px,5.6vw,92px);line-height:.95;letter-spacing:-.035em}
.b-sec-head h2 span{display:block;margin-top:12px;font-family:var(--m-font-body);font-size:clamp(17px,1.3vw,20px);font-weight:500;letter-spacing:0;color:var(--b-slate)}
.b-index__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px 56px}
.b-lead-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center;position:relative}
.b-ticks{position:relative;padding:14px;box-shadow:0 0 0 1px var(--b-line)}
.b-ticks::before,.b-ticks::after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--b-ink)}
.b-ticks::before{top:-1px;right:-1px;border-left:0;border-bottom:0}.b-ticks::after{bottom:-1px;left:-1px;border-right:0;border-top:0}
.b-lead-card__img img{display:block;width:100%;height:auto;transition:transform 1.2s var(--b-ease)}
.b-lead-card:hover .b-lead-card__img img{transform:scale(1.03)}
.b-lead-card__no{display:block;font:700 .82rem ui-monospace,monospace;color:var(--b-gold-t);margin-bottom:8px}
.b-lead-card h3{margin:10px 0 14px;font-family:var(--m-font-display-he);font-weight:500;font-size:clamp(40px,4.2vw,68px);line-height:1;letter-spacing:-.03em}
.b-lead-card h3 a{color:var(--b-ink);text-decoration:none}.b-lead-card h3 a::after{content:"";position:absolute;inset:0}
.b-lead-card p{margin:0;font-size:1.12rem;line-height:1.6;color:var(--b-slate)}
.b-lead-card:focus-within{outline:3px solid var(--b-blue);outline-offset:8px}.b-lead-card h3 a:focus-visible{outline:none}
.mm3-meta{font:700 .78rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;color:var(--b-slate)}
.b-list{grid-column:1;grid-row:2;margin:0;padding:0;list-style:none;border-top:1px solid var(--b-ink)}
.b-row{position:relative;display:grid;grid-template-columns:40px 130px 1fr auto 28px;gap:16px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--b-line);transition:padding .45s var(--b-ease),background .3s}
.b-row::before{content:"";position:absolute;inset:0;background:#fff;transform:scaleY(0);transform-origin:bottom;transition:transform .45s var(--b-ease);z-index:-1}
.b-row:hover::before,.b-row:focus-within::before{transform:scaleY(1)}
.b-row:hover,.b-row:focus-within{padding-inline:14px}
.b-row__n{font:700 .8rem ui-monospace,monospace;color:var(--b-slate)}
.b-row__type{justify-self:start;padding:2px 9px;border-radius:2px;font-size:.8rem;font-weight:700;color:#2447D6;box-shadow:inset 0 0 0 1px currentColor}
.b-row__type--case-study{color:#B4234A}.b-row__type--calculator{color:var(--b-gold-t)}.b-row__type--prompts{color:#127A45}.b-row__type--ai-tool{color:var(--b-violet)}
.b-row__t{color:var(--b-ink);font-weight:700;font-size:1.08rem;line-height:1.35;text-decoration:none}
.b-row__t::after{content:"";position:absolute;inset:0}
.b-row__t:focus-visible{outline:none}.b-row:focus-within{outline:3px solid var(--b-blue);outline-offset:-3px}
.b-row__m{font:600 .82rem ui-monospace,monospace;color:var(--b-slate);white-space:nowrap}
.b-row__arr{font-size:1.2rem;color:var(--b-blue);transform:translateX(12px);opacity:0;transition:transform .45s var(--b-ease),opacity .3s}
.b-row:hover .b-row__arr,.b-row:focus-within .b-row__arr{transform:none;opacity:1}
.mm3-js .b-row{opacity:0;transform:translateY(16px)}.mm3-js .b-row.is-in{opacity:1;transform:none;transition:opacity .7s var(--b-ease),transform .7s var(--b-ease),padding .45s var(--b-ease)}
.b-film{grid-column:2;grid-row:2/4;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
.b-film .mm3-vid:first-child{grid-column:1/-1;aspect-ratio:4/5}
.mm3-vid{position:relative;aspect-ratio:9/16;border-radius:4px;overflow:hidden;background:var(--b-ink);box-shadow:0 0 0 1px var(--b-ink)}
.mm3-vid__media,.mm3-vid__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mm3-vid::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,18,64,.9),rgba(11,18,64,0) 55%);pointer-events:none}
.mm3-vid__t{position:absolute;inset:auto 0 0;z-index:2;margin:0;padding:16px}
.mm3-vid__btn{all:unset;display:flex;flex-direction:column;gap:10px;cursor:pointer;color:#fff;font-family:var(--m-font-body);font-size:.98rem;font-weight:700;line-height:1.35}
.mm3-vid__btn::before{content:"";position:absolute;inset:0;z-index:1}
.mm3-vid__btn::after{content:"▶ צפייה";order:-1;align-self:flex-start;padding:2px 8px;border:1px solid #fff;font:700 .72rem ui-monospace,monospace}
.mm3-vid__btn:focus-visible{outline:3px solid #fff;outline-offset:4px}
.mm3-vid__dur{position:absolute;top:12px;inset-inline-start:12px;z-index:2;padding:1px 8px;background:var(--b-paper);color:var(--b-ink);font:700 .75rem ui-monospace,monospace}
.b-tools{grid-column:1;grid-row:3;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.b-tool{position:relative;display:grid;gap:8px;align-content:end;min-height:220px;padding:20px;background:#fff;border-radius:4px;box-shadow:0 0 0 1px var(--b-line);transition:box-shadow .4s,transform .4s var(--b-ease)}
.b-tool:hover,.b-tool:focus-within{box-shadow:0 0 0 1px var(--b-ink),10px 10px 0 rgba(46,91,255,.12);transform:translate(-3px,-3px)}
.b-tool:focus-within{outline:3px solid var(--b-blue);outline-offset:4px}
.b-tool h3{margin:0;font-family:var(--m-font-body);font-size:1.05rem;font-weight:700;line-height:1.35}
.b-tool h3 a{color:var(--b-ink);text-decoration:none}.b-tool h3 a::after{content:"";position:absolute;inset:0}.b-tool h3 a:focus-visible{outline:none}
.b-tool__gauge{position:absolute;top:20px;inset-inline-start:20px;width:56px;height:56px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--b-ink);background:conic-gradient(from -90deg,var(--b-blue) 0 var(--g,25%),transparent 0)}
.b-tool__gauge i{position:absolute;inset:7px;border-radius:50%;background:#fff}
.b-tool--1 .b-tool__gauge{background:conic-gradient(from -90deg,var(--b-violet) 0 var(--g,25%),transparent 0)}.b-tool--2 .b-tool__gauge{background:conic-gradient(from -90deg,var(--b-gold) 0 var(--g,25%),transparent 0)}
@property --g{syntax:'<percentage>';inherits:false;initial-value:25%}
.b-tool:hover .b-tool__gauge,.b-tool.is-in .b-tool__gauge{animation:b-gauge 2.4s var(--b-ease) both}
@keyframes b-gauge{from{--g:0%}to{--g:72%}}

/* ---------- Studio ---------- */
.b-studio__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}
.b-ticker{display:grid;border-top:1px solid var(--b-ink)}
.b-ticker .mm3-stat{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;border-bottom:1px solid var(--b-line)}
.mm3-stat b{font-family:var(--m-font-display-he);font-weight:500;font-size:clamp(52px,5.4vw,88px);line-height:.9;letter-spacing:-.04em;color:var(--b-ink);font-variant-numeric:tabular-nums}
.mm3-stat>span{font:700 .82rem/1.4 ui-monospace,monospace;color:var(--b-gold-t);text-align:end;max-width:12ch}
.b-ticker__note{margin:14px 0 0;font-size:.88rem;color:var(--b-slate)}
.mm3-player{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.mm3-player__screen{aspect-ratio:9/16;background:var(--b-ink);border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px var(--b-ink),18px 18px 0 rgba(242,165,60,.25)}
.mm3-player__screen video{display:block;width:100%;height:100%;object-fit:cover}
.mm3-player__list{margin:0;padding:0;list-style:none;max-height:min(72vh,640px);overflow:auto;border-top:1px solid var(--b-ink);scrollbar-width:thin}
.mm3-player__item{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;width:100%;padding:10px 4px;border:0;border-bottom:1px solid var(--b-line);background:transparent;color:var(--b-ink);font:inherit;font-size:.9rem;font-weight:600;line-height:1.35;text-align:start;cursor:pointer}
.mm3-player__item img{width:40px;height:70px;object-fit:cover;border-radius:2px}
.mm3-player__item small{font:700 .75rem ui-monospace,monospace;color:var(--b-slate)}
.mm3-player__item:hover{background:#fff}
.mm3-player__item[aria-pressed="true"]{background:#fff;box-shadow:inset 3px 0 0 var(--b-blue)}

/* ---------- Cursor (B): drafting crosshair ---------- */
.mm3-cursor{position:fixed;top:0;left:0;z-index:9999;width:40px;height:40px;margin:-20px 0 0 -20px;pointer-events:none;opacity:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(11,18,64,.6);transition:opacity .3s,width .3s var(--b-ease),height .3s var(--b-ease),margin .3s var(--b-ease),background .3s}
.mm3-cursor::before,.mm3-cursor::after{content:"";position:absolute;background:rgba(11,18,64,.6)}
.mm3-cursor::before{left:50%;top:-8px;bottom:-8px;width:1px}.mm3-cursor::after{top:50%;left:-8px;right:-8px;height:1px}
.mm3-cursor.is-on{opacity:1}
.mm3-cursor.is-hover{width:60px;height:60px;margin:-30px 0 0 -30px;background:rgba(242,165,60,.18)}

/* ---------- Responsive ---------- */
@media (max-width:1100px){.b-hero__grid{grid-template-columns:1fr}.b-hero__board{height:560px}.b-title{font-size:clamp(60px,11vw,120px)}}
@media (max-width:900px){
  .b-panel,.b-panel--calc,.b-lead-card,.b-studio__grid,.b-index__grid{grid-template-columns:1fr}
  .b-list,.b-film,.b-tools{grid-column:auto;grid-row:auto}
  .b-tools{grid-template-columns:1fr}
}
@media (max-width:700px){
  .b-hero{padding:16px 18px}.b-hero__meta span:nth-child(3){display:none}
  .b-title{font-size:clamp(54px,16vw,80px)}
  .b-hero__board{height:470px;min-height:0;perspective:1400px}
  .mm3--b .mm3-stage{width:380px;height:380px;margin:-190px 0 0 -190px;top:62%}
  .mm3--b .mm3-layer--chat{width:200px}.mm3--b .mm3-chat__body{height:140px}.mm3-msg{font-size:.72rem}
  .mm3--b .mm3-layer--cal{width:190px;left:14%}.mm3-cal__slot{height:13px}.mm3-cal__grid{font-size:.55rem;grid-template-columns:26px repeat(var(--cols),1fr)}
  .mm3--b .mm3-layer--money{width:170px;left:88%}.mm3-money__v{font-size:1.7rem}.mm3-money__note{font-size:.66rem}
  .b-hub{min-width:110px;padding:8px 10px}.b-hub b{font-size:.82rem}
  .b-sec-head{grid-template-columns:1fr}.b-sec-head>span:first-child{display:none}
  .b-row{grid-template-columns:28px 1fr auto;row-gap:6px}.b-row__type{grid-column:2;grid-row:1}.b-row__t{grid-column:2;grid-row:2}.b-row__m{grid-row:1/3;grid-column:3}.b-row__arr{display:none}
  .mm3-player{grid-template-columns:1fr}.mm3-player__screen{max-width:420px}
  .b-index,.b-studio{width:calc(100% - 36px)}.b-panel{width:calc(100% - 36px)}.b-story__head{width:calc(100% - 36px)}
}
@media (prefers-reduced-motion:reduce){
  .b-line>span,.b-swash::after,.mm3--b .mm3-layer>*,.b-wire,.b-hero__foot i{animation:none!important}
  .b-pulse{display:none}
  .mm3--b .mm3-stage{transition:none}
}

.mm3--b.mamashi-home .site-main>.b-hero{padding:22px max(32px,(100% - 1320px)/2) 18px}
@media (max-width:700px){.mm3--b.mamashi-home .site-main>.b-hero{padding:16px 18px}}
.mm3--b .mm3-stage{width:500px;height:500px;margin:-250px 0 0 -250px;top:56%}
.mm3--b .mm3-layer--chat{left:76%;top:19%}
.mm3--b .mm3-layer--cal{left:16%;top:55%}
.mm3--b .mm3-layer--money{left:55%;top:88%}
.b-hero__board>.mm3-label{inset-inline-end:auto;inset-inline-start:8px}

.mm3--b .mm3-stage{width:520px;height:520px;margin:-260px 0 0 -260px;top:60%}
.mm3--b .mm3-layer--chat{left:82%;top:12%;width:236px}
.mm3--b .mm3-chat__body{height:170px}
.mm3--b .mm3-layer--cal{left:1%;top:54%;width:272px}
.mm3--b .mm3-layer--money{left:54%;top:99%;width:214px}
.mm3--b .mm3-stage{width:580px;height:580px;margin:-290px 0 0 -290px;top:61%}
.mm3--b .mm3-layer--money{left:73%;top:100%}
.mm3--b .mm3-layer--cal{left:0%;top:50%}
.mm3--b .mm3-layer--money{left:64%;top:96%}
.b-tool{min-height:172px;padding-top:92px}
.b-story.is-h .b-panel{width:var(--pw,100vw);flex-basis:var(--pw,100vw)}
.mm3-prompt__in p{font-family:var(--m-font-body);font-size:1rem;letter-spacing:0}.mm3-prompt__in p::after{content:"▍";color:var(--b-gold);margin-inline-start:2px;animation:b-blink 1s steps(1) infinite}@keyframes b-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.mm3-prompt__in p::after{animation:none}}
html:has(body.mm3),body.mm3{overflow-x:clip}
/* mobile: the isometric board flattens into a blueprint panel (hub → chat → calendar + money) */
@media (max-width:700px){
  .b-hero__board{height:auto;min-height:0;perspective:none;padding-top:40px}
  .b-hero__board>.mm3-label{top:6px}
  .mm3--b .mm3-stage{position:relative;left:auto;top:auto;margin:0;width:auto;height:auto;transform:none!important;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border-radius:14px}
  .mm3--b .mm3-stage::after{inset:6px;border-radius:10px;pointer-events:none}
  .b-wires{display:none}
  .b-hub,.mm3--b .mm3-layer{position:relative;left:auto!important;top:auto!important;width:auto!important;transform:none!important;z-index:1}
  .b-hub{grid-column:1/-1;grid-row:1;grid-template-columns:auto 1fr;justify-items:start;text-align:start;column-gap:12px;min-width:0}
  .b-hub__ic{grid-row:1/3;margin:0}
  .mm3--b .mm3-layer--chat{grid-column:1/-1;grid-row:2}
  .mm3--b .mm3-chat__body{height:190px}.mm3-msg{font-size:.8rem}
  .mm3--b .mm3-layer--cal{grid-column:1;grid-row:3}
  .mm3--b .mm3-layer--money{grid-column:2;grid-row:3}
  .mm3--b .mm3-layer>*{animation:none;height:100%;box-sizing:border-box}
  .mm3-cal__grid{grid-template-columns:22px repeat(var(--cols),1fr)}
}
@media (max-width:700px){.mm3--b .mm3-cal__grid{grid-template-columns:30px repeat(var(--cols),1fr);font-size:.58rem}}
.b-story.is-h .b-story__sticky{overflow:clip}
.b-panel__num::before{content:attr(data-n)}