.case-demo-section{padding:42px 0 50px;scroll-margin-top:76px}
.case-demo-heading{max-width:820px;margin:0 0 22px}
.case-demo-heading h2{margin:8px 0 11px}
.case-demo-heading .lead{max-width:680px}
.case-demo-tabs{display:flex;gap:9px;overflow-x:auto;padding:3px 3px 11px;scrollbar-width:thin;scroll-snap-type:x proximity}
.case-demo-tab{flex:0 0 auto;scroll-snap-align:start;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:750;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.case-demo-tab:hover{transform:translateY(-1px);border-color:#91a78f}
.case-demo-controls{display:flex;justify-content:flex-end;margin:-1px 0 13px}
.case-demo-controls .case-motion-toggle{white-space:nowrap}
.case-demo-tab[aria-selected="true"]{border-color:#19493d;background:#19493d;color:#fff;box-shadow:0 8px 20px rgba(20,68,56,.18)}
.case-demo-tab:focus-visible,.case-motion-toggle:focus-visible{outline:3px solid #f2bf4b;outline-offset:3px}
.case-demo-stage{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}
.case-demo-panel[hidden]{display:none}
.case-demo-panel{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px;padding:24px;animation:casePanelIn .42s ease both}
.case-input-column,.case-result-column{min-width:0}
.case-context{display:inline-flex;padding:6px 9px;border:1px solid rgba(31,91,73,.22);border-radius:999px;background:rgba(56,126,96,.08);color:#1d5b49;font:800 9px/1.35 "JetBrains Mono",monospace;letter-spacing:.07em}
.case-input-column h3{margin:14px 0 15px;font-size:clamp(21px,2vw,28px);line-height:1.15}
.case-prompt-box{padding:17px;border:1px solid rgba(64,93,72,.25);border-radius:16px;background:#132e29;color:#f6f5ed;box-shadow:0 12px 26px rgba(20,45,39,.14)}
.case-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.case-prompt-head span:first-child{color:#f3d178;font:800 10px "JetBrains Mono",monospace;letter-spacing:.08em}
.case-prompt-head span:last-child{padding:4px 7px;border-radius:99px;background:rgba(150,210,171,.14);color:#b8e0c0;font:700 9px "JetBrains Mono",monospace}
.case-prompt-box blockquote{margin:0;color:#f6f5ed;font-size:14px;line-height:1.65}
.case-prompt-box blockquote::before{content:"“";color:#f1c45c;font-size:24px;font-weight:800;line-height:0;vertical-align:-.16em;margin-right:3px}
.case-prompt-box blockquote::after{content:"”";color:#f1c45c;font-size:24px;font-weight:800;line-height:0;vertical-align:-.16em;margin-left:2px}
.case-prompt-nudge{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.case-process{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;color:#607267;font-size:11px;font-weight:750}
.case-process span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);animation:caseStepGlow 7.2s ease-in-out infinite}
.case-process span:nth-of-type(2){animation-delay:2.4s}.case-process span:nth-of-type(3){animation-delay:4.8s}
.case-process i{font-style:normal;color:#53806e}
.case-result-column{padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface2)}
.case-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.case-result-head strong{color:#294d40;font:800 10px "JetBrains Mono",monospace;letter-spacing:.06em}
.case-result-tag{padding:5px 8px;border:1px solid rgba(42,133,89,.22);border-radius:99px;background:rgba(62,162,105,.09);color:#236947;font:800 8px "JetBrains Mono",monospace;letter-spacing:.04em;white-space:nowrap}
.case-result-note{margin:11px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.case-animation-toolbar{display:flex;align-items:center;gap:10px;margin-top:10px}
.case-motion-toggle{border:1px solid #cbd8ce;border-radius:999px;padding:7px 11px;background:#fff;color:#234f40;font:inherit;font-size:11px;font-weight:750;line-height:1.2;cursor:pointer}
.case-motion-toggle:hover{border-color:#638d72;background:#f4f8f3}
.case-video-timeline{flex:1;height:4px;overflow:hidden;border-radius:99px;background:#d9e2da}
.case-video-timeline span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#377b5b;animation:videoTimeline 9s linear infinite}
.case-demo-section.is-motion-paused *,
.case-demo-section.is-motion-paused *::before,
.case-demo-section.is-motion-paused *::after{animation-play-state:paused!important}
.blondigos-video{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(26,58,49,.15);border-radius:16px;background:#f2ead7;isolation:isolate}
.video-shot{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;padding:20px 22px;opacity:0;animation:videoShot 9s linear infinite;animation-fill-mode:both}
.video-shot:nth-of-type(2){animation-delay:-6s}.video-shot:nth-of-type(3){animation-delay:-3s}
.video-shot::before{position:absolute;content:"";z-index:-1;width:60%;aspect-ratio:1;border-radius:50%;right:-9%;top:-22%;background:rgba(242,195,82,.42)}
.video-shot--hook{background:linear-gradient(120deg,#143d34 0%,#225d48 57%,#c7a954 150%);color:#fff}
.video-shot--hook::before{left:38%;right:auto;top:8%;width:51%;background:#f0e5cc}
.video-shot--pack{background:linear-gradient(112deg,#f7efdf 0%,#e6d8b9 100%);color:#173e34}
.video-shot--close{background:linear-gradient(135deg,#f6ebd6 0%,#d9e4d1 100%);color:#173e34}
.video-copy{position:relative;z-index:2;align-self:center;max-width:270px}
.video-copy small{display:block;margin-bottom:9px;color:#f1cd70;font:800 8px "JetBrains Mono",monospace;letter-spacing:.12em}
.video-copy strong{display:block;font:800 clamp(20px,3vw,33px)/1.02 "Bricolage Grotesque",sans-serif;letter-spacing:-.035em}
.video-copy p{max-width:245px;margin:9px 0 0;color:rgba(255,255,255,.78);font-size:11px;line-height:1.4}
.video-shot--pack .video-copy p,.video-shot--close .video-copy p{color:#526259}
.video-hero-art{position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:0}
.video-dog{position:absolute;z-index:1;bottom:-9%;right:0;width:72%;height:95%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 16px rgba(14,28,22,.16));animation:dogLift 3.2s ease-in-out infinite alternate}
.video-dog--hook{right:5%;width:90%;height:99%}
.video-shot--pack .video-dog{right:-5%;width:68%;height:93%;filter:drop-shadow(0 10px 12px rgba(22,54,42,.18))}
.video-shot--close .video-dog{right:0;width:58%;height:87%}
.video-shot--close .blondigos-pouch{position:absolute;left:-4%;bottom:4%;z-index:2}
.blondigos-pouch{position:relative;container-type:inline-size;z-index:1;display:flex;flex-direction:column;flex:0 0 auto;width:clamp(105px,24%,158px);aspect-ratio:.69;padding:9px 10px 12px;overflow:hidden;border:1px solid rgba(77,61,35,.18);border-radius:13px 13px 16px 16px;clip-path:polygon(4% 0,96% 0,100% 7%,96% 96%,86% 100%,14% 100%,4% 96%,0 7%);background:linear-gradient(95deg,#d7c6a5 0%,#fff8e8 15%,#f5ead5 77%,#d5c29e 100%);box-shadow:0 16px 26px rgba(35,45,29,.22);transform:perspective(750px) rotateY(-5deg)}
.blondigos-pouch::before{position:absolute;content:"";inset:0 0 auto;height:9%;border-bottom:1px solid rgba(62,57,38,.18);background:repeating-linear-gradient(0deg,rgba(55,62,42,.12) 0 1px,transparent 1px 3px)}
.blondigos-pouch::after{position:absolute;content:"";left:9%;right:9%;bottom:4%;height:2px;border-radius:50%;background:rgba(89,67,34,.13)}
.pouch-face{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;margin-top:13%;padding:9px 7px 11px;overflow:hidden;border-radius:9px;background:linear-gradient(160deg,#fcf5e7 0%,#efe2c8 100%);box-shadow:inset 0 0 0 1px rgba(72,62,44,.12)}
.pouch-sun{position:absolute;top:28%;left:50%;width:120%;aspect-ratio:1;border:1px solid rgba(205,147,48,.23);border-radius:50%;transform:translateX(-50%)}
.pouch-wordmark{position:relative;z-index:1;width:100%;max-width:100%;color:#16483b;font:900 clamp(7px,10cqi,14px)/1 "Bricolage Grotesque",sans-serif;letter-spacing:.015em;text-align:center;white-space:nowrap}
.pouch-category{position:relative;z-index:1;color:#b6563f;font:800 7px/1.1 "JetBrains Mono",monospace;letter-spacing:.12em}
.pouch-photo{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;width:80%;height:47%;min-height:34px;margin:2px 0 0;overflow:hidden;border-bottom:2px solid #d2b763;border-radius:50% 50% 22% 22%;background:radial-gradient(ellipse at 50% 78%,#dfc879 0 35%,transparent 36%)}
.pouch-photo img{display:block;width:91%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12))}
.pouch-description{position:relative;z-index:1;max-width:100%;color:#25473b;font:800 7px/1.3 "JetBrains Mono",monospace;letter-spacing:.035em;text-align:center;text-transform:uppercase}
.pouch-seal{position:absolute;z-index:2;top:10%;left:50%;padding:3px 7px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#1d5141;color:#f8edcf;font:800 6px/1 "JetBrains Mono",monospace;letter-spacing:.08em;white-space:nowrap;transform:translateX(-50%)}
.blondigos-pouch--post{width:clamp(105px,27%,150px)}
.blondigos-pouch--deck{width:clamp(100px,24%,142px)}
.blondigos-pouch--sheet{width:clamp(97px,24%,134px)}
.video-shot--pack .blondigos-pouch,.video-shot--close .blondigos-pouch{width:clamp(102px,26%,150px)}
.video-shot--hook .video-copy{max-width:250px}
.video-shot--hook .video-copy strong{max-width:230px}
.video-shot--pack .video-copy small,.video-shot--close .video-copy small{color:#55745e}
.video-shot--pack .video-copy strong,.video-shot--close .video-copy strong{color:#173e34}
.blondigos-post{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:min(100%,370px);aspect-ratio:4/5;margin:0 auto;overflow:hidden;padding:19px;border-radius:18px;background:radial-gradient(circle at 82% 67%,rgba(238,194,85,.45) 0 19%,transparent 20%),linear-gradient(145deg,#f2e9d6 0%,#e1e9d7 100%);box-shadow:0 12px 28px rgba(35,55,42,.13);animation:postReveal 5.8s ease-in-out infinite}
.blondigos-post::before{position:absolute;content:"";width:70%;aspect-ratio:1;right:-20%;top:25%;border:1px solid rgba(27,75,56,.18);border-radius:50%;box-shadow:0 0 0 15px rgba(255,255,255,.14),0 0 0 30px rgba(255,255,255,.12)}
.post-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#1b4a3c}
.post-wordmark{font:900 15px/1 "Bricolage Grotesque",sans-serif;letter-spacing:.09em}
.post-badge{padding:5px 7px;border:1px solid rgba(27,74,60,.2);border-radius:999px;font:800 7px "JetBrains Mono",monospace;letter-spacing:.07em}
.post-headline{position:relative;z-index:2;max-width:94%;margin-top:20px;color:#173e34;font:800 clamp(21px,3vw,31px)/1.03 "Bricolage Grotesque",sans-serif;letter-spacing:-.04em;animation:postText 5.8s ease-in-out infinite}
.post-headline em{color:#bd6348;font-style:normal}
.post-art{position:relative;z-index:1;display:flex;flex:1;align-items:flex-end;justify-content:center;min-height:155px;margin:8px -6px 0}
.post-dog{position:absolute;z-index:1;left:4%;bottom:0;width:66%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 12px rgba(25,47,36,.15));animation:dogLift 3.3s ease-in-out infinite alternate}
.post-art .blondigos-pouch{position:absolute;right:2%;bottom:2%;z-index:2;transform:perspective(700px) rotateY(-7deg) rotateZ(2deg)}
.post-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(26,74,58,.19);color:#385d4c;font-size:9px;font-weight:750}
.post-bottom strong{color:#b45b43;font:800 8px "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase}
.blondigos-deck{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:16px;background:#163d34;color:#fff;box-shadow:0 12px 28px rgba(22,46,37,.16);isolation:isolate}
.deck-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:9px;padding:clamp(13px,3vw,23px);opacity:0;animation:deckSlide 12s ease-in-out infinite;animation-fill-mode:both}
.deck-slide:nth-child(2){animation-delay:-8s}.deck-slide:nth-child(3){animation-delay:-4s}
.deck-slide--cover{background:linear-gradient(125deg,#173f35 0%,#245f4d 100%)}
.deck-slide--product{background:linear-gradient(135deg,#f3ead8 0%,#d8e4d5 100%);color:#173e34}
.deck-slide--close{background:linear-gradient(125deg,#ebc963 0%,#f5e9d3 100%);color:#173e34}
.deck-slide-copy{position:relative;z-index:2;max-width:270px}
.deck-slide-copy small{display:block;margin-bottom:8px;color:#e9c863;font:800 7px "JetBrains Mono",monospace;letter-spacing:.1em}
.deck-slide--product .deck-slide-copy small,.deck-slide--close .deck-slide-copy small{color:#567662}
.deck-slide-copy strong{display:block;font:800 clamp(18px,3vw,30px)/1.02 "Bricolage Grotesque",sans-serif;letter-spacing:-.035em}
.deck-slide-copy p{margin:8px 0 0;color:rgba(255,255,255,.75);font-size:10px;line-height:1.4}
.deck-slide--product .deck-slide-copy p,.deck-slide--close .deck-slide-copy p{color:#52665b}
.deck-art{position:relative;display:flex;align-items:flex-end;justify-content:center;height:100%;min-width:0}
.deck-dog{position:absolute;z-index:1;bottom:-12%;right:2%;width:72%;height:96%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 12px rgba(0,0,0,.14));animation:dogLift 3s ease-in-out infinite alternate}
.deck-slide--product .deck-art .blondigos-pouch{align-self:center}
.deck-slide--close .deck-dog{width:63%;right:0}
.deck-slide--close .deck-art .blondigos-pouch{position:absolute;left:0;bottom:4%;z-index:2}
.deck-index{position:absolute;z-index:4;left:clamp(13px,3vw,23px);right:clamp(13px,3vw,23px);bottom:9px;display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.8);font:800 7px "JetBrains Mono",monospace;letter-spacing:.06em}
.deck-index i{display:block;flex:1;height:2px;overflow:hidden;border-radius:9px;background:rgba(255,255,255,.35)}
.deck-index i::after{display:block;width:33.33%;height:100%;content:"";background:#f0c653;animation:deckProgress 12s linear infinite}
.blondigos-product-sheet{overflow:hidden;border:1px solid #d9dfd3;border-radius:17px;background:#fff;box-shadow:0 12px 28px rgba(35,55,42,.1);animation:sheetLift 6s ease-in-out infinite}
.product-sheet-hero{position:relative;display:grid;grid-template-columns:1fr .78fr;align-items:center;min-height:170px;overflow:hidden;padding:15px 16px;background:linear-gradient(125deg,#19493c 0%,#2b6b50 100%);color:#fff}
.product-sheet-hero::after{position:absolute;content:"";width:70%;aspect-ratio:1;right:-18%;top:-44%;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 17px rgba(255,255,255,.06),0 0 0 34px rgba(255,255,255,.04)}
.sheet-title{position:relative;z-index:2}
.sheet-title small{display:block;margin-bottom:7px;color:#f2d278;font:800 8px "JetBrains Mono",monospace;letter-spacing:.08em}
.sheet-title strong{display:block;font:800 clamp(18px,2.4vw,27px)/1.05 "Bricolage Grotesque",sans-serif;letter-spacing:-.025em}
.sheet-title span{display:block;margin-top:7px;color:rgba(255,255,255,.79);font-size:10px;line-height:1.35}
.sheet-art{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;height:100%;min-height:145px}
.sheet-dog{position:absolute;z-index:1;right:0;bottom:-8%;height:100%;width:68%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 10px rgba(0,0,0,.16))}
.sheet-art .blondigos-pouch{position:relative;z-index:2;align-self:flex-end;width:clamp(87px,20%,122px);margin-right:42%;transform:perspective(650px) rotateY(-6deg)}
.sheet-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px}
.sheet-spec{min-width:0;padding:9px 10px;border:1px solid #e4e8df;border-radius:10px;background:#f8f8f3;animation:specReveal 5s ease-in-out infinite}
.sheet-spec:nth-child(2){animation-delay:.18s}.sheet-spec:nth-child(3){animation-delay:.36s}.sheet-spec:nth-child(4){animation-delay:.54s}
.sheet-spec b{display:block;color:#68766a;font:800 7px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.sheet-spec span{display:block;margin-top:4px;color:#293d32;font-size:10px;font-weight:750;line-height:1.35}
.deliverables-note{margin:16px 0 0;padding:12px 15px;border-left:3px solid #63856e;border-radius:0 10px 10px 0;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.55}
@keyframes casePanelIn{from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes caseStepGlow{0%,30%,100%{color:#697792;border-color:var(--line);background:var(--surface2);transform:translateY(0)}10%,20%{color:#fff;border-color:#3f7b5a;background:#276648;transform:translateY(-1px)}}
@keyframes videoShot{0%,27%{opacity:1;transform:scale(1)}34%,100%{opacity:0;transform:scale(1.035)}}
@keyframes videoTimeline{to{transform:scaleX(1)}}
@keyframes dogLift{from{transform:translateY(0)}to{transform:translateY(-5px)}}
@keyframes postReveal{0%,6%{transform:translateY(7px);box-shadow:0 7px 18px rgba(35,55,42,.08)}18%,82%{transform:translateY(0);box-shadow:0 14px 30px rgba(35,55,42,.15)}100%{transform:translateY(7px);box-shadow:0 7px 18px rgba(35,55,42,.08)}}
@keyframes postText{0%,12%{opacity:.45;transform:translateY(5px)}24%,86%{opacity:1;transform:translateY(0)}100%{opacity:.45;transform:translateY(5px)}}
@keyframes deckSlide{0%,27%{opacity:1;transform:translateX(0)}34%,100%{opacity:0;transform:translateX(-10px)}}
@keyframes deckProgress{0%,27%{transform:translateX(0)}34%,100%{transform:translateX(300%)}}
@keyframes sheetLift{0%,10%,100%{transform:translateY(3px)}25%,82%{transform:translateY(0)}}
@keyframes specReveal{0%,8%{opacity:.45;transform:translateY(5px)}28%,90%{opacity:1;transform:translateY(0)}100%{opacity:.45;transform:translateY(5px)}}
@media(max-width:820px){.case-demo-section{padding:30px 0 38px}.case-demo-panel{grid-template-columns:1fr;gap:16px;padding:16px}.case-input-column h3{margin:11px 0 12px}.case-prompt-box{padding:14px}.case-result-column{padding:11px}}
@media(max-width:520px){.case-demo-heading{margin-bottom:14px}.case-demo-tab{padding:9px 12px;font-size:12px}.video-shot{padding:14px;grid-template-columns:1.1fr .9fr}.video-copy strong{font-size:20px}.video-copy p{font-size:9px}.video-dog{width:80%;height:92%}.video-shot--hook .video-dog{width:100%}.blondigos-post{padding:15px}.post-headline{font-size:25px}.post-art{min-height:145px}.blondigos-pouch--post{width:115px}.deck-slide{padding:13px}.deck-slide-copy strong{font-size:19px}.deck-slide-copy p{font-size:8px}.blondigos-pouch--deck{width:106px}.deck-index{bottom:7px}.product-sheet-hero{min-height:158px;padding:12px}.sheet-specs{gap:6px;padding:10px}.sheet-spec{padding:8px}.sheet-spec span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.case-demo-tab,.case-demo-panel,.case-process span,.video-shot,.video-dog,.case-video-timeline span,.blondigos-post,.post-headline,.deck-slide,.deck-index i::after,.blondigos-product-sheet,.sheet-spec{animation:none!important;transition:none!important}.video-shot{opacity:0}.video-shot:first-of-type{opacity:1}.deck-slide{opacity:0}.deck-slide:first-of-type{opacity:1}.video-dog,.post-dog,.deck-dog,.sheet-dog{transform:none!important}.case-motion-toggle{display:none}}
@media(prefers-color-scheme:dark){.case-context{color:#b6d2b7;border-color:rgba(133,183,138,.3);background:rgba(82,145,102,.12)}.case-process{color:#b5c4b5}.case-process i{color:#b4d19b}.case-result-head strong{color:#bad7bd}.case-result-tag{color:#b7e0b9;border-color:rgba(111,196,127,.28);background:rgba(51,138,79,.14)}.case-result-note,.deliverables-note{color:#bfcbbb}.case-result-column{background:#17231e;border-color:#34433a}.case-demo-tab[aria-selected="true"]{background:#266345;border-color:#74a57e}}