/* dComic — product landing page */
body.designic-dcomic-page{--dc-ink:#11131a;--dc-blue:#1439ca;--dc-teal:#0b8d8b;--dc-paper:#f5f0e6;--dc-yellow:#ffd84e;--dc-red:#ef5b49;background:var(--dc-paper);color:var(--dc-ink)}
.designic-dcomic-page .designic-site-header,.designic-dcomic-page .designic-site-header:not(.is-transparent),.designic-dcomic-page .designic-site-header.is-transparent,.designic-dcomic-page .designic-site-header.is-scrolled{background:linear-gradient(180deg,rgba(9,12,20,.94) 0%,rgba(9,12,20,.82) 72%,rgba(9,12,20,0) 100%) !important;border:0 !important;box-shadow:none !important;-webkit-backdrop-filter:blur(12px) !important;backdrop-filter:blur(12px) !important}
.designic-dcomic-page .designic-site-header .designic-brand,.designic-dcomic-page .designic-site-header .designic-brand > a,.designic-dcomic-page .designic-site-header .designic-primary-nav .designic-menu-list a,.designic-dcomic-page .designic-site-header .designic-menu-toggle{color:#fff !important}
.designic-dcomic-page .designic-site-header .designic-primary-nav .designic-menu-list a{color:rgba(255,255,255,.9) !important;text-shadow:0 1px 0 rgba(0,0,0,.18)}
.dcomic-page{overflow:hidden;background:var(--dc-paper)}.dcomic-shell{width:min(var(--designic-max,1380px),calc(100% - 52px));margin:0 auto}.dcomic-kicker{margin:0 0 14px;color:var(--dc-blue);font-size:.72rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.dcomic-section{position:relative;padding:96px 0}.dcomic-heading{max-width:850px;margin:0 0 52px}.dcomic-heading h2,.dcomic-install h2,.dcomic-final h2{margin:0;font-size:clamp(2.2rem,3.8vw,4.4rem);line-height:.96;letter-spacing:-.05em;font-weight:900}.dcomic-heading>p:last-child,.dcomic-install-copy>p:not(.dcomic-kicker),.dcomic-final-copy>p:last-child{max-width:720px;margin:22px 0 0;color:#5c6069;font-size:1.05rem;line-height:1.75}.dcomic-heading--center{text-align:center;margin-left:auto;margin-right:auto}.dcomic-heading--center>p:last-child{margin-left:auto;margin-right:auto}.dcomic-heading--split{max-width:none;display:grid;grid-template-columns:1fr minmax(320px,.72fr);gap:70px;align-items:end}.dcomic-heading--split>p{margin:0 0 9px}
.dcomic-hero{position:relative;padding:128px 0 64px;background:linear-gradient(180deg,#161a24 0 140px,#f9f5ed 141px,var(--dc-paper) 78%)}.dcomic-hero:before{content:"";position:absolute;inset:0 0 auto;height:540px;background:linear-gradient(180deg,rgba(0,0,0,.18) 0,rgba(0,0,0,0) 160px),linear-gradient(105deg,rgba(20,57,202,.08),transparent 42%),radial-gradient(circle at 86% 20%,rgba(11,141,139,.15),transparent 30%);pointer-events:none}.dcomic-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);gap:54px;align-items:center}.dcomic-brand-row{display:flex;align-items:center;gap:16px;margin-bottom:29px}.dcomic-logo-mark{position:relative;width:68px;height:57px;display:grid;place-items:center;background:var(--dc-yellow);border:4px solid var(--dc-ink);border-radius:50%;box-shadow:6px 6px 0 var(--dc-ink);transform:rotate(-5deg)}.dcomic-logo-mark:after{content:"";position:absolute;left:9px;bottom:-12px;width:17px;height:17px;background:var(--dc-yellow);border-left:4px solid var(--dc-ink);border-bottom:4px solid var(--dc-ink);transform:skew(-28deg) rotate(-18deg)}.dcomic-logo-mark i{font:900 1.35rem/1 Georgia,serif;font-style:italic;position:relative;z-index:2}.dcomic-live-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(17,19,26,.18);border-radius:999px;background:#fff9;font-size:.66rem;font-weight:900;letter-spacing:.12em}.dcomic-live-pill i{width:8px;height:8px;border-radius:50%;background:#18ad66;box-shadow:0 0 0 4px rgba(24,173,102,.12)}.dcomic-hero h1{max-width:760px;margin:0;font-size:clamp(2.7rem,4.7vw,4.95rem);line-height:.92;letter-spacing:-.055em;font-weight:950;text-wrap:balance}.dcomic-lead{max-width:680px;margin:24px 0 0;color:#50545d;font-size:clamp(.96rem,1.02vw,1.06rem);line-height:1.72}.dcomic-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:34px}.dcomic-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:0 23px;border:3px solid var(--dc-ink);text-decoration:none!important;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease}.dcomic-button--primary{background:var(--dc-blue);color:#fff!important;box-shadow:6px 6px 0 var(--dc-ink)}.dcomic-button--primary:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--dc-ink)}.dcomic-button--ghost{background:#fff;color:var(--dc-ink)!important}.dcomic-button--ghost:hover{background:var(--dc-yellow)}.dcomic-platform{margin:20px 0 0;color:#777b82;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dcomic-hero-note{margin:8px 0 0;color:#8a8e94;font-size:.76rem}.dcomic-hero-window{position:relative;margin:0;justify-self:end;width:100%;padding:0 0 14px;background:#c7c7c7;border:4px solid var(--dc-ink);box-shadow:16px 18px 0 rgba(17,19,26,.96),32px 35px 80px rgba(31,38,50,.17);transform:rotate(1.15deg)}.dcomic-hero-window:before{content:"COMIC MODE";position:absolute;z-index:4;right:-29px;top:72px;padding:8px 11px;background:var(--dc-yellow);border:3px solid var(--dc-ink);font-size:.65rem;font-weight:950;letter-spacing:.1em;transform:rotate(6deg)}.dcomic-window-bar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:linear-gradient(90deg,#041493,#0b5ab5);color:#fff;font:700 .71rem Tahoma,Arial,sans-serif}.dcomic-window-bar b{padding:2px 5px;background:#c6c6c6;border:1px solid #fff;color:#111;font-weight:700;letter-spacing:3px}.dcomic-window-menu{height:31px;display:flex;align-items:center;gap:17px;padding:0 9px;background:#c7c7c7;border-bottom:2px ridge #fff;font:.68rem Tahoma,Arial,sans-serif}.dcomic-window-screen{position:relative;overflow:hidden;margin:0 7px;border:2px inset #fff;background:#fff;aspect-ratio:1784/887}.dcomic-window-screen img{display:block;width:100%;height:100%;object-fit:cover;background:#fff}.dcomic-hero-window figcaption{display:flex;justify-content:space-between;gap:20px;padding:11px 10px 0;font-size:.7rem}.dcomic-hero-window figcaption span{color:#686b70}.dcomic-facts{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:3px solid var(--dc-ink);border-bottom:3px solid var(--dc-ink)}.dcomic-fact{padding:24px 24px 22px;border-right:2px solid var(--dc-ink)}.dcomic-fact:last-child{border-right:0}.dcomic-fact strong{display:block;font-size:2.4rem;line-height:1;font-weight:950;letter-spacing:-.05em}.dcomic-fact span{display:block;margin-top:7px;color:#666a72;font-size:.69rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.dcomic-dots{position:absolute;width:190px;height:190px;opacity:.26;background-image:radial-gradient(var(--dc-blue) 2px,transparent 2px);background-size:12px 12px}.dcomic-dots--one{left:-35px;top:105px;transform:rotate(8deg)}.dcomic-dots--two{right:-55px;bottom:90px;background-image:radial-gradient(var(--dc-teal) 2px,transparent 2px);transform:rotate(-6deg)}
.dcomic-how{background:#11131a;color:#fff}.dcomic-how .dcomic-kicker{color:#87a5ff}.dcomic-how .dcomic-heading>p:last-child{color:#aeb2bc}.dcomic-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #4a4c52;border-left:1px solid #4a4c52}.dcomic-step{position:relative;min-height:360px;padding:38px;border-right:1px solid #4a4c52;border-bottom:1px solid #4a4c52;background:linear-gradient(145deg,#151822,#11131a)}.dcomic-step-number{color:#6b6f79;font:800 .68rem/1 monospace;letter-spacing:.14em}.dcomic-mini-panel{position:relative;width:104px;height:78px;margin:36px 0 30px;border:4px solid #fff;background:#f5f0e6;box-shadow:8px 8px 0 var(--dc-blue)}.dcomic-mini-panel:before{content:"";position:absolute;left:13px;top:12px;width:44px;height:24px;border:3px solid #111;border-radius:50%;background:#fff}.dcomic-mini-panel:after{content:"";position:absolute;right:10px;bottom:8px;width:29px;height:40px;border-radius:15px 15px 6px 6px;background:#111}.dcomic-mini-panel i{position:absolute;left:25px;top:34px;width:0;height:0;border:8px solid transparent;border-top-color:#111;transform:rotate(12deg)}.dcomic-mini-panel b{position:absolute;right:5px;top:4px;color:#111;font:.65rem monospace}.dcomic-step h3{margin:0 0 13px;font-size:1.35rem;letter-spacing:-.03em}.dcomic-step p{margin:0;color:#aeb2bc;font-size:.94rem;line-height:1.7}
.dcomic-features{background:#f7f3eb}.dcomic-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dcomic-feature{position:relative;min-height:250px;padding:32px;border:3px solid var(--dc-ink);background:#fff;box-shadow:8px 8px 0 var(--dc-ink);transition:transform .2s ease}.dcomic-feature:hover{transform:translate(-3px,-3px)}.dcomic-feature--2{background:#fff7c8}.dcomic-feature--3{background:#dff6f2}.dcomic-feature-icon{display:grid;place-items:center;width:44px;height:44px;border:3px solid var(--dc-ink);border-radius:50%;background:var(--dc-blue);color:#fff;font:900 .66rem monospace}.dcomic-feature h3{margin:32px 0 12px;font-size:1.25rem;letter-spacing:-.035em}.dcomic-feature p{margin:0;color:#5f636b;line-height:1.7}.dcomic-feature:nth-child(3n+2) .dcomic-feature-icon{background:var(--dc-red)}.dcomic-feature:nth-child(3n+3) .dcomic-feature-icon{background:var(--dc-teal)}
.dcomic-showcase{background:linear-gradient(180deg,#e3f1ef 0,#d7ece9 100%)}.dcomic-showcase-frame{position:relative;margin:0 auto;width:min(100%,1180px);padding:14px;background:#fff;border:4px solid var(--dc-ink);box-shadow:17px 18px 0 var(--dc-ink);transform:rotate(-.7deg)}.dcomic-showcase-frame img{display:block;width:100%;height:auto}.dcomic-tape{position:absolute;z-index:3;width:115px;height:31px;background:rgba(255,225,102,.78);border:1px solid rgba(100,80,25,.2)}.dcomic-tape--left{left:8%;top:-17px;transform:rotate(-7deg)}.dcomic-tape--right{right:7%;bottom:-18px;transform:rotate(5deg)}.dcomic-showcase-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:58px}.dcomic-showcase-card{padding:23px 25px;border-top:3px solid var(--dc-ink);background:rgba(255,255,255,.6)}.dcomic-showcase-card strong{display:block;font-size:1.05rem}.dcomic-showcase-card span{display:block;margin-top:6px;color:#61666d;font-size:.85rem;line-height:1.55}
.dcomic-install{background:#1439ca;color:#fff}.dcomic-install .dcomic-kicker{color:#b9c7ff}.dcomic-install-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);gap:90px;align-items:center}.dcomic-install-copy>p:not(.dcomic-kicker){color:#d2d9fa}.dcomic-text-link{display:inline-flex;gap:10px;margin-top:28px;color:#fff!important;font-size:.79rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;border-bottom:2px solid rgba(255,255,255,.5);padding-bottom:5px}.dcomic-install-cards{display:grid;gap:12px}.dcomic-install-cards article{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start;padding:22px;border:2px solid rgba(255,255,255,.45);background:rgba(255,255,255,.08)}.dcomic-install-cards article>span{display:grid;place-items:center;width:50px;height:50px;background:#fff;color:var(--dc-blue);font:900 .72rem monospace}.dcomic-install-cards strong{font-size:1.05rem}.dcomic-install-cards p{margin:5px 0 0;color:#d5dcfa;font-size:.88rem;line-height:1.55}
.dcomic-final{padding:90px 0 120px;background:#f7f3eb}.dcomic-final-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:32px;align-items:center;padding:45px;border:4px solid var(--dc-ink);background:var(--dc-yellow);box-shadow:12px 12px 0 var(--dc-ink)}.dcomic-final-bubble{position:relative;width:100px;height:78px;display:grid;place-items:center;border:4px solid var(--dc-ink);border-radius:50%;background:#fff;font:950 1.5rem Georgia}.dcomic-final-bubble:after{content:"";position:absolute;left:12px;bottom:-17px;width:22px;height:22px;background:#fff;border-left:4px solid var(--dc-ink);border-bottom:4px solid var(--dc-ink);transform:skew(-27deg) rotate(-15deg)}.dcomic-final-copy h2{font-size:clamp(2.15rem,3.4vw,3.85rem)}.dcomic-final-copy>p:last-child{color:#4b4b45;margin-top:13px}.dcomic-final .dcomic-button--primary{white-space:nowrap}
@media(max-width:1180px){.dcomic-hero-grid{grid-template-columns:1fr;gap:60px}.dcomic-hero-copy{max-width:850px}.dcomic-hero-window{max-width:980px;justify-self:center}.dcomic-heading--split,.dcomic-install-grid{grid-template-columns:1fr;gap:38px}.dcomic-feature-grid{grid-template-columns:repeat(2,1fr)}.dcomic-final-card{grid-template-columns:auto 1fr}.dcomic-final-card .dcomic-button{grid-column:2;justify-self:start}}
@media(max-width:780px){.dcomic-shell{width:min(100% - 30px,var(--designic-max,1380px))}.dcomic-hero{padding:108px 0 54px;background:linear-gradient(180deg,#161a24 0 112px,#f9f5ed 113px,var(--dc-paper) 78%)}.dcomic-hero h1{font-size:clamp(2.5rem,10vw,3.8rem)}.dcomic-hero-window{transform:none;box-shadow:9px 10px 0 var(--dc-ink)}.dcomic-hero-window:before{right:8px;top:-18px}.dcomic-facts{grid-template-columns:repeat(2,1fr);margin-top:58px}.dcomic-fact:nth-child(2){border-right:0}.dcomic-fact:nth-child(-n+2){border-bottom:2px solid var(--dc-ink)}.dcomic-steps{grid-template-columns:1fr}.dcomic-step{min-height:auto}.dcomic-feature-grid,.dcomic-showcase-cards{grid-template-columns:1fr}.dcomic-section{padding:72px 0}.dcomic-showcase-frame{box-shadow:8px 9px 0 var(--dc-ink)}.dcomic-final{padding:70px 0 95px}.dcomic-final-card{grid-template-columns:1fr;padding:30px;box-shadow:8px 8px 0 var(--dc-ink)}.dcomic-final-card .dcomic-button{grid-column:auto}.dcomic-window-menu{gap:9px;font-size:.58rem}.dcomic-hero-window figcaption{flex-direction:column;gap:3px}}
@media(max-width:520px){.dcomic-shell{width:min(100% - 22px,var(--designic-max,1380px))}.dcomic-hero h1{font-size:2.35rem}.dcomic-brand-row{margin-bottom:24px}.dcomic-logo-mark{width:58px;height:49px}.dcomic-actions{align-items:stretch}.dcomic-button{width:100%}.dcomic-fact{padding:19px 15px}.dcomic-fact strong{font-size:1.9rem}.dcomic-window-menu span:nth-child(3),.dcomic-window-menu span:nth-child(4){display:none}.dcomic-heading h2,.dcomic-install h2{font-size:clamp(2.15rem,10.5vw,3.4rem)}.dcomic-feature{min-height:220px;padding:26px}.dcomic-final-bubble{width:82px;height:65px}}
@media(prefers-reduced-motion:reduce){.dcomic-feature,.dcomic-button{transition:none}}


/* v1.8.32 — product visuals without experimental screenshots */
.dcomic-product-visual{position:relative;width:100%;max-width:760px;justify-self:end;border:4px solid var(--dc-ink);background:#c7c7c7;box-shadow:14px 16px 0 var(--dc-ink),28px 30px 70px rgba(31,38,50,.15);transform:rotate(.8deg)}
.dcomic-product-bar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:linear-gradient(90deg,#05179c,#0a61b9);color:#fff;font:700 .7rem Tahoma,Arial,sans-serif}.dcomic-product-bar b{font-size:.62rem;letter-spacing:.12em}
.dcomic-product-panels{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:8px;padding:10px;background:#ece8df}.dcomic-product-panel{position:relative;min-height:170px;border:4px solid var(--dc-ink);overflow:hidden;background:#fff}.dcomic-product-panel--one{grid-row:1/3;min-height:348px;background:linear-gradient(155deg,#f7efd9 0 58%,#d9ccb2 58%)}.dcomic-product-panel--two{background:linear-gradient(160deg,#dff2ff 0 62%,#b7d9e8 62%)}.dcomic-product-panel--three{background:linear-gradient(150deg,#e9e1ff 0 57%,#c9b9ea 57%)}
.dcomic-product-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(17,19,26,.18) .7px,transparent .8px);background-size:5px 5px;opacity:.45}.dcomic-product-panel:after{content:"";position:absolute;left:50%;bottom:-18px;width:92px;height:150px;transform:translateX(-50%);border:4px solid var(--dc-ink);border-radius:48px 48px 16px 16px;background:#fff}.dcomic-product-panel--two:after{left:66%;height:105px;width:68px}.dcomic-product-panel--three:after{left:34%;height:112px;width:72px}
.dcomic-product-bubble{position:absolute;z-index:3;left:50%;top:22px;transform:translateX(-50%);min-width:132px;max-width:82%;padding:11px 18px;border:3px solid var(--dc-ink);border-radius:50%;background:#fff;text-align:center;font:900 .73rem/1.2 Arial,sans-serif;letter-spacing:.035em}.dcomic-product-bubble:after{content:"";position:absolute;left:38%;bottom:-14px;width:15px;height:15px;background:#fff;border-left:3px solid var(--dc-ink);border-bottom:3px solid var(--dc-ink);transform:skew(-25deg) rotate(-18deg)}.dcomic-product-panel i{position:absolute;right:5px;bottom:4px;z-index:4;padding:2px 4px;background:#111;color:#fff;font:700 .55rem monospace}
.dcomic-product-meta{display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid var(--dc-ink);background:#fff}.dcomic-product-meta span{padding:13px 8px;border-right:1px solid #c7c7c7;text-align:center;color:#686b70;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dcomic-product-meta span:last-child{border-right:0}.dcomic-product-meta strong{display:block;margin-bottom:3px;color:var(--dc-ink);font-size:1rem;letter-spacing:0}.dcomic-product-link{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-top:3px solid var(--dc-ink);background:var(--dc-yellow);color:var(--dc-ink)!important;text-decoration:none!important;font-size:.67rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.dcomic-product-link:hover{background:#fff}
.dcomic-interface-map{display:grid;grid-template-columns:190px minmax(0,1fr) 190px;width:min(100%,1120px);margin:0 auto;border:4px solid var(--dc-ink);background:#c7c7c7;box-shadow:14px 15px 0 var(--dc-ink);transform:rotate(-.3deg)}.dcomic-interface-side{display:flex;flex-direction:column;gap:0;background:#efefef}.dcomic-interface-side b{padding:10px 12px;background:#071b90;color:#fff;font:.72rem Tahoma,Arial,sans-serif}.dcomic-interface-side span{padding:11px 12px;border-bottom:1px dotted #aaa;color:#222;font:.72rem Tahoma,Arial,sans-serif}.dcomic-interface-side--rooms{border-right:3px solid var(--dc-ink)}.dcomic-interface-side--people{border-left:3px solid var(--dc-ink)}.dcomic-interface-center{background:#ddd}.dcomic-interface-toolbar{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:2px solid #999;background:#efefef;font:700 .66rem Tahoma,Arial,sans-serif}.dcomic-interface-toolbar i{font-style:normal;color:#16814e}.dcomic-interface-comic{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}.dcomic-interface-comic div{position:relative;min-height:180px;border:4px solid var(--dc-ink);background:linear-gradient(150deg,#fff4ce,#e7d9b1)}.dcomic-interface-comic div:nth-child(2){background:linear-gradient(150deg,#dff2ff,#b9dce8)}.dcomic-interface-comic div:nth-child(3){background:linear-gradient(150deg,#e4f1dd,#b8d0a8)}.dcomic-interface-comic div:nth-child(4){background:linear-gradient(150deg,#eee2ff,#c8b1e6)}.dcomic-interface-comic b{position:absolute;left:50%;top:25px;transform:translateX(-50%);min-width:100px;padding:9px 14px;border:3px solid #111;border-radius:50%;background:#fff;text-align:center;font:900 .68rem Arial,sans-serif}.dcomic-interface-comic div:after{content:"";position:absolute;left:50%;bottom:-10px;width:74px;height:120px;transform:translateX(-50%);border:4px solid #111;border-radius:40px 40px 10px 10px;background:#fff}
@media(max-width:980px){.dcomic-product-visual{justify-self:center;max-width:860px}.dcomic-interface-map{grid-template-columns:145px minmax(0,1fr) 145px}.dcomic-interface-comic div{min-height:155px}}
@media(max-width:680px){.dcomic-product-visual{transform:none;box-shadow:8px 9px 0 var(--dc-ink)}.dcomic-product-panels{grid-template-columns:1fr}.dcomic-product-panel--one{grid-row:auto;min-height:230px}.dcomic-product-panel{min-height:210px}.dcomic-product-meta{grid-template-columns:repeat(2,1fr)}.dcomic-product-meta span:nth-child(2){border-right:0}.dcomic-product-meta span:nth-child(-n+2){border-bottom:1px solid #c7c7c7}.dcomic-interface-map{grid-template-columns:1fr;box-shadow:8px 9px 0 var(--dc-ink)}.dcomic-interface-side{display:none}.dcomic-interface-comic{grid-template-columns:1fr 1fr}.dcomic-interface-comic div{min-height:150px}}


/* v1.8.32 — darker header zone + real dComic screenshots by default */

/* v1.8.33 — keep the mobile navigation above every dComic layer */
@media(max-width:900px){
  body.designic-dcomic-page.menu-open .designic-site-header,
  body.designic-dcomic-page.menu-open .designic-site-header.is-transparent,
  body.designic-dcomic-page.menu-open .designic-site-header.is-scrolled{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    z-index:999999!important;
    background:#04080b!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    overflow:visible!important;
  }
  body.designic-dcomic-page.menu-open .designic-header-inner{
    position:relative;
    z-index:3;
    min-height:var(--designic-header-height);
  }
  body.designic-dcomic-page.menu-open .designic-mobile-nav{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    z-index:1!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding:calc(var(--designic-header-height) + 28px) var(--designic-side-pad) 44px!important;
    background:#04080b!important;
  }
  body.designic-dcomic-page.menu-open .designic-brand,
  body.designic-dcomic-page.menu-open .designic-menu-toggle{
    position:relative;
    z-index:4!important;
  }
  body.designic-dcomic-page.menu-open .dcomic-page{
    position:relative;
    z-index:0!important;
  }
}