:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--secondary-color:#f59e0b;--success-color:#10b981;--comic-red:#ef4444;--comic-blue:#3b82f6;--comic-yellow:#fbbf24;--comic-green:#22c55e;--comic-purple:#a855f7;--text-dark:#1f2937;--text-light:#6b7280;--bg-light:#f9fafb;--border-color:#e5e7eb}body{background:#f5f0e8;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.navbar{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95)!important;box-shadow:0 2px 20px rgba(0,0,0,.1);transition:all .3s ease}.navbar-brand{color:var(--primary-color);font-size:1.5rem;font-weight:700;text-decoration:none!important}.nav-link{color:rgba(51,51,51,.7)!important;font-weight:500;transition:color .3s ease}.nav-link:hover{color:#333!important}.comic-header{background:linear-gradient(135deg,#fef3c7,#fde68a);padding-bottom:2rem;padding-top:7rem;position:relative}.comic-header:before{background-image:radial-gradient(circle,#00000008 1px,transparent 0);background-size:20px 20px;content:"";inset:0;pointer-events:none;position:absolute}.comic-header .breadcrumb{font-size:.85rem;margin-bottom:1rem;position:relative;z-index:1}.comic-header .breadcrumb a{color:var(--primary-dark);font-weight:500;text-decoration:none}.comic-header .breadcrumb a:hover{text-decoration:underline}.comic-header .breadcrumb .separator{color:var(--text-dark);margin:0 .5rem;opacity:.5}.comic-title{font-family:Bangers,cursive;font-size:3rem;letter-spacing:.05em;line-height:1.1;margin-bottom:.5rem;text-shadow:3px 3px 0 rgba(0,0,0,.06)}.comic-header-subtitle,.comic-title{color:var(--text-dark);position:relative;z-index:1}.comic-header-subtitle{font-size:1.05rem;margin-bottom:1rem;opacity:.75}.comic-meta{color:var(--text-dark);font-size:.85rem;opacity:.6;position:relative;z-index:1}.comic-meta span+span:before{content:"·";margin:0 .5rem}.comic-header-og{border:3px solid var(--text-dark);border-radius:.75rem;box-shadow:6px 6px 0 rgba(0,0,0,.1);max-height:220px;max-width:100%;-o-object-fit:cover;object-fit:cover;position:relative;z-index:1}.comic-strip{margin:0 auto;max-width:900px;padding:2rem 0}.comic-grid{background:var(--text-dark);border:5px solid var(--text-dark);border-radius:.5rem;display:grid;gap:6px;overflow:hidden}.comic-grid.layout-full{grid-template-columns:1fr}.comic-grid.layout-two-col{grid-template-columns:1fr 1fr}.comic-grid.layout-wide-left{grid-template-columns:1.4fr .6fr}.comic-grid.layout-wide-right{grid-template-columns:.6fr 1.4fr}.comic-grid.layout-three-col{grid-template-columns:1fr 1fr 1fr}.panel{background:#fff;flex-direction:column;overflow:hidden}.panel,.panel-scene{display:flex;position:relative}.panel-scene{align-items:flex-end;flex:1;justify-content:center;padding:1rem}.sp-char{align-items:center;display:flex;flex-direction:column;position:relative;z-index:2}.sp-char svg{overflow:visible}.sp-char-name{font-size:.7rem;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.bubble,.sp-char-name{color:var(--text-dark);font-family:Comic Neue,cursive;font-weight:700}.bubble{background:#fff;border:3px solid var(--text-dark);border-radius:1.25rem;font-size:.88rem;line-height:1.35;max-width:75%;padding:.65rem .9rem;position:absolute;z-index:10}.bubble:after,.bubble:before{content:"";height:0;position:absolute;width:0}.bubble:before{z-index:1}.bubble.bottom-left:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:14px solid var(--text-dark);bottom:-14px;left:22px}.bubble.bottom-left:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #fff;bottom:-10px;left:24px}.bubble.bottom-center:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:14px solid var(--text-dark);bottom:-14px;left:50%;transform:translateX(-50%)}.bubble.bottom-center:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #fff;bottom:-10px;left:50%;transform:translateX(-50%)}.bubble.bottom-right:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:14px solid var(--text-dark);bottom:-14px;right:22px}.bubble.bottom-right:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #fff;bottom:-10px;right:24px}.bubble.top-left:after{border-bottom:14px solid var(--text-dark);border-left:10px solid transparent;border-right:10px solid transparent;left:22px;top:-14px}.bubble.top-left:before{border-bottom:12px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;left:24px;top:-10px}.bubble.top-center:after{border-bottom:14px solid var(--text-dark);border-left:10px solid transparent;border-right:10px solid transparent;left:50%;top:-14px;transform:translateX(-50%)}.bubble.top-center:before{border-bottom:12px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;top:-10px;transform:translateX(-50%)}.bubble.top-right:after{border-bottom:14px solid var(--text-dark);border-left:10px solid transparent;border-right:10px solid transparent;right:22px;top:-14px}.bubble.top-right:before{border-bottom:12px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;right:24px;top:-10px}.bubble.left-top:after{border-bottom:10px solid transparent;border-right:14px solid var(--text-dark);border-top:10px solid transparent;left:-14px;top:10px}.bubble.left-top:before{border-bottom:8px solid transparent;border-right:12px solid #fff;border-top:8px solid transparent;left:-10px;top:12px}.bubble.left-center:after{border-bottom:10px solid transparent;border-right:14px solid var(--text-dark);border-top:10px solid transparent;left:-14px;top:50%;transform:translateY(-50%)}.bubble.left-center:before{border-bottom:8px solid transparent;border-right:12px solid #fff;border-top:8px solid transparent;left:-10px;top:50%;transform:translateY(-50%)}.bubble.left-bottom:after{border-bottom:10px solid transparent;border-right:14px solid var(--text-dark);border-top:10px solid transparent;bottom:10px;left:-14px}.bubble.left-bottom:before{border-bottom:8px solid transparent;border-right:12px solid #fff;border-top:8px solid transparent;bottom:12px;left:-10px}.bubble.right-top:after{border-bottom:10px solid transparent;border-left:14px solid var(--text-dark);border-top:10px solid transparent;right:-14px;top:10px}.bubble.right-top:before{border-bottom:8px solid transparent;border-left:12px solid #fff;border-top:8px solid transparent;right:-10px;top:12px}.bubble.right-center:after{border-bottom:10px solid transparent;border-left:14px solid var(--text-dark);border-top:10px solid transparent;right:-14px;top:50%;transform:translateY(-50%)}.bubble.right-center:before{border-bottom:8px solid transparent;border-left:12px solid #fff;border-top:8px solid transparent;right:-10px;top:50%;transform:translateY(-50%)}.bubble.right-bottom:after{border-bottom:10px solid transparent;border-left:14px solid var(--text-dark);border-top:10px solid transparent;bottom:10px;right:-14px}.bubble.right-bottom:before{border-bottom:8px solid transparent;border-left:12px solid #fff;border-top:8px solid transparent;bottom:12px;right:-10px}.shout-bubble.bottom-center:before,.shout-bubble.bottom-left:before,.shout-bubble.bottom-right:before{border-top-color:var(--comic-yellow)}.shout-bubble.top-center:before,.shout-bubble.top-left:before,.shout-bubble.top-right:before{border-bottom-color:var(--comic-yellow)}.shout-bubble.left-bottom:before,.shout-bubble.left-center:before,.shout-bubble.left-top:before{border-right-color:var(--comic-yellow)}.shout-bubble.right-bottom:before,.shout-bubble.right-center:before,.shout-bubble.right-top:before{border-left-color:var(--comic-yellow)}.bubble.custom-tail:after,.bubble.custom-tail:before{display:none!important}.bubble-tail{height:0;pointer-events:none;position:absolute;width:0;z-index:5}.bubble-tail.tail-down:after,.bubble-tail:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:14px solid var(--text-dark);content:"";height:0;left:-10px;position:absolute;top:0;width:0}.bubble-tail.tail-down:before,.bubble-tail:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #fff;content:"";height:0;left:-8px;position:absolute;top:0;width:0;z-index:1}.bubble-tail.tail-up:after{border:10px solid transparent;border-bottom:none;border-bottom:14px solid var(--text-dark);border-top:none;bottom:0;content:"";height:0;left:-10px;position:absolute;width:0}.bubble-tail.tail-up:before{border:8px solid transparent;border-bottom:12px solid #fff;border-top:none;bottom:0;content:"";height:0;left:-8px;position:absolute;width:0;z-index:1}.bubble-tail.tail-left:after{border:10px solid transparent;border-left:none;border-right:none;border-right:14px solid var(--text-dark);content:"";height:0;position:absolute;right:0;top:-10px;width:0}.bubble-tail.tail-left:before{border:8px solid transparent;border-left:none;border-right:12px solid #fff;content:"";height:0;position:absolute;right:0;top:-8px;width:0;z-index:1}.bubble-tail.tail-right:after{border:10px solid transparent;border-left:none;border-left:14px solid var(--text-dark);border-right:none;content:"";height:0;left:0;position:absolute;top:-10px;width:0}.bubble-tail.tail-right:before{border:8px solid transparent;border-left:12px solid #fff;border-right:none;content:"";height:0;left:0;position:absolute;top:-8px;width:0;z-index:1}.shout-bubble .bubble-tail.tail-down:before,.shout-bubble .bubble-tail:before{border-top-color:var(--comic-yellow)}.shout-bubble .bubble-tail.tail-up:before{border-bottom-color:var(--comic-yellow)}.shout-bubble .bubble-tail.tail-left:before{border-right-color:var(--comic-yellow)}.shout-bubble .bubble-tail.tail-right:before{border-left-color:var(--comic-yellow)}.shout-bubble{background:var(--comic-yellow);border-color:var(--text-dark);border-width:3px;font-size:.95rem}.thought-bubble{border-radius:2rem}.narrator-box{background:var(--comic-yellow);border:2px solid var(--text-dark);font-family:Comic Neue,cursive;font-size:.78rem;font-weight:700;left:8px;line-height:1.3;max-width:60%;padding:.35rem .65rem;position:absolute;top:8px;z-index:10}.sfx{font-size:2rem;letter-spacing:.08em;text-shadow:2px 2px 0 rgba(0,0,0,.15);z-index:5}.panel-number,.sfx{font-family:Bangers,cursive;position:absolute}.panel-number{color:var(--text-light);font-size:.75rem;opacity:.5;right:8px;top:6px;z-index:11}.scene-desk{background:linear-gradient(180deg,#e0f2fe,#bae6fd 40%,#7dd3fc 0,#7dd3fc 42%,#cbd5e1 0)}.scene-office{background:linear-gradient(180deg,#f1f5f9,#e2e8f0)}.scene-dark{background:linear-gradient(180deg,#1e293b,#334155)}.scene-bright{background:linear-gradient(180deg,#ecfdf5,#d1fae5)}.scene-warning{background:linear-gradient(180deg,#fef9c3,#fef08a)}.scene-void{background:linear-gradient(180deg,#0f172a,#1e293b 50%,#0f172a)}.scene-reveal{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.scene-success{background:linear-gradient(180deg,#f0fdf4,#bbf7d0)}.scene-white{background:#fff}.takeaway-section{margin:0 auto;max-width:900px}.takeaway-box{background:#fff;border:4px solid var(--text-dark);border-radius:1rem;padding:2rem;position:relative}.takeaway-box h2{font-family:Bangers,cursive;font-size:1.75rem;letter-spacing:.04em;margin-bottom:1rem}.takeaway-box ul{list-style:none;margin:0;padding:0}.takeaway-box li{align-items:flex-start;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem 0}.takeaway-box li i{color:var(--comic-green);margin-top:.15rem}.btn-comic{background:var(--comic-yellow);border:3px solid var(--text-dark);border-radius:.5rem;color:var(--text-dark);display:inline-block;font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:.06em;padding:.6rem 1.75rem;text-decoration:none;transition:all .2s ease}.btn-comic:hover{box-shadow:4px 4px 0 var(--text-dark);color:var(--text-dark);transform:translateY(-3px)}.hub-faq{background:var(--bg-light)}.hub-faq .accordion-button{font-size:.95rem;font-weight:600}.hub-faq .accordion-button:not(.collapsed){background:rgba(99,102,241,.05);box-shadow:none;color:var(--primary-color)}.hub-faq .accordion-body{color:var(--text-light);font-size:.95rem;line-height:1.7}.cta-section{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.btn-primary-custom{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;box-shadow:0 4px 15px rgba(239,68,68,.4);color:#fff;font-weight:700;padding:.75rem 2rem;transition:all .3s ease}.btn-primary-custom:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 15px 35px rgba(239,68,68,.5);color:#fff;transform:translateY(-3px)}.footer{background:var(--text-dark);color:#fff}.footer a{color:#9ca3af;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#fff}.animate-fade-in{animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.panel-row{opacity:0;transform:translateY(40px);transition:all .6s ease}.panel-row.visible{opacity:1;transform:translateY(0)}.zoom-toolbar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(30,41,59,.92);border-radius:2rem;bottom:24px;box-shadow:0 4px 20px rgba(0,0,0,.25);gap:4px;padding:6px 10px;position:fixed;right:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1050}.zoom-btn,.zoom-toolbar{align-items:center;display:flex}.zoom-btn{background:hsla(0,0%,100%,.12);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:36px;justify-content:center;transition:background .15s;width:36px}.zoom-btn:hover{background:hsla(0,0%,100%,.25)}.zoom-btn:active{background:var(--primary-color)}.zoom-btn-reset{font-size:.85rem}.zoom-level{color:#fff;font-family:Inter,sans-serif;font-size:.82rem;font-weight:700;min-width:44px;text-align:center}.comic-zoom-wrapper{overflow:hidden;transition:height .25s ease}.comic-strip{transition:transform .25s ease}@media (max-width:768px){.comic-title{font-size:2.25rem}.comic-header{padding-top:5.5rem}}@media (max-width:920px){.comic-strip{margin:0;max-width:none;transform-origin:top left;width:900px}}@media (max-width:576px){.zoom-toolbar{bottom:16px;padding:4px 8px;right:12px}.zoom-btn{font-size:.9rem;height:32px;width:32px}.zoom-level{font-size:.75rem;min-width:38px}}