/* inkgility-premium-shell.css
 * Shared premium chrome — extracted from gold-metallic-finish-business-cards.html
 * Includes: CSS variables (light/dark), body atmosphere, eyebrow utility,
 *           keyframes (gD/cG/sB/navFadeIn/navShimmer/startBtnPulse/menuOrbFloat),
 *           .site-nav + .start-btn + .menu-btn + .search-btn,
 *           .mega-menu + .menu-orb + .menu-cats + .menu-items + .menu-item,
 *           .search-overlay + .search-box + .search-input + .search-results,
 *           skip-link helper, mobile-bottom-nav reset.
 *
 * Generated by tools/apply-premium-theme.js — do not edit by hand.
 */

:root{--dark:#F3EBEF;--dark2:#E8DDE3;--cream:#1A1625;--purple:#8E21CA;--blue:#254AAD;--gold:#7C3AED;--green:#1A8B4E;--red:#C0392B;--muted:rgba(32,26,20,0.78);--dim:rgba(32,26,20,0.10);--border:rgba(32,26,20,0.20);--tc:32,26,20;--oc:243,235,239;--selection-bg:rgba(142,33,202,0.15);--cta-start:#EDE3E8;--gold-btn-text:#FFFFFF;--gold-dark:#7C3AED;--logo-filter:brightness(0.12);--noise-opacity:0.012;--hero-grid-opacity:0.06;--shadow-card:0 4px 18px rgba(32,26,20,0.09),0 1px 4px rgba(32,26,20,0.10);--shadow-nav:0 1px 4px rgba(32,26,20,0.05);--shadow-hover:0 12px 36px rgba(32,26,20,0.16),0 4px 10px rgba(32,26,20,0.08);--section-alt:#E1D4DC;--text-heading:#1A1218;--text-body:#1F1828;--text-caption:#2E2540;/* 12.3:1 on --dark #F3EBEF, WCAG AA */--review-quote-opacity:0.12;--hero-glow-mult:0.7;--cta-glow-bg:radial-gradient(ellipse at center,var(--cta-start) 0%,var(--dark) 70%);--btn-gradient:linear-gradient(129deg,#9B3FD4,#3A5BC7);--line-purple:rgba(142,33,202,0.45);--line-gold:rgba(142,33,202,0.40);--line-blue:rgba(37,74,173,0.40);--line-weight:2.5px;--dot-size:8px;--dot-blur:2px;--dot-glow-purple:0 0 24px rgba(142,33,202,0.6),0 0 48px rgba(142,33,202,0.3);--dot-glow-gold:0 0 24px rgba(142,33,202,0.5),0 0 48px rgba(142,33,202,0.2);--nav-scrolled-bg:rgba(243,235,239,0.97)}
[data-theme="dark"]{--dark:#0A0810;--dark2:#100D18;--cream:#FFFDF9;--gold:#C58BEB;--green:#2ECC71;--red:#E74C3C;--muted:rgba(var(--tc),0.62);--dim:rgba(var(--tc),0.08);--border:rgba(var(--tc),0.04);--tc:255,253,249;--oc:10,8,16;--selection-bg:rgba(142,33,202,0.25);--cta-start:#16102A;--gold-btn-text:#0A0810;--gold-dark:#C58BEB;--logo-filter:none;--noise-opacity:0.028;--hero-grid-opacity:0.15;--shadow-card:none;--shadow-nav:none;--shadow-hover:none;--section-alt:#0D0A14;--text-heading:#FFFDF9;--text-body:rgba(255,253,249,0.75);--text-caption:rgba(255,253,249,0.55);--review-quote-opacity:0.12;--hero-glow-mult:1;--cta-glow-bg:radial-gradient(ellipse at center,#16102A 0%,#0A0810 70%);--btn-gradient:linear-gradient(129deg,#8E21CA,#254AAD);--line-purple:rgba(142,33,202,0.35);--line-gold:rgba(142,33,202,0.25);--line-blue:rgba(37,74,173,0.3);--line-weight:2px;--dot-size:6px;--dot-blur:1px;--dot-glow-purple:0 0 20px rgba(142,33,202,0.6),0 0 40px rgba(142,33,202,0.3);--dot-glow-gold:0 0 20px rgba(142,33,202,0.5),0 0 40px rgba(142,33,202,0.2);--nav-scrolled-bg:#16102A;
  --purple:#8E21CA;
  --blue:#254AAD;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:var(--dark);color:var(--text-body);font-family:'DM Sans',sans-serif;overflow-x:clip;transition:background 0.4s,color 0.4s}
body::after{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}
::selection{background:var(--selection-bg);color:var(--cream)}
.eyebrow{font-family:'Space Mono',monospace;font-size:13px;letter-spacing:6px;text-transform:uppercase;color:var(--purple)}
@keyframes gD{0%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-15px) scale(1.04)}100%{transform:translate(-15px,10px) scale(0.97)}}
@keyframes cG{0%,100%{box-shadow:0 0 16px rgba(142,33,202,0);border-color:rgba(var(--tc),0.2)}50%{box-shadow:0 0 28px rgba(142,33,202,0.15);border-color:rgba(142,33,202,0.4)}}
@keyframes sB{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(10px);opacity:0.2}}
@keyframes navFadeIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes navShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.site-nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:18px 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:transparent;backdrop-filter:none;border-bottom:1px solid transparent;box-shadow:none;overflow:visible;transition:background 0.5s cubic-bezier(0.16,1,0.3,1),box-shadow 0.5s,border-color 0.5s,backdrop-filter 0.5s}
.site-nav.scrolled{background:var(--nav-scrolled-bg);backdrop-filter:blur(20px);border-bottom-color:var(--border);box-shadow:0 2px 32px rgba(0,0,0,0.10),0 1px 4px rgba(0,0,0,0.05)}
.site-nav::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(142,33,202,0.3),rgba(142,33,202,0.2),rgba(37,74,173,0.3),transparent);background-size:200% 100%;animation:navShimmer 6s linear infinite;opacity:0;transition:opacity 0.4s}
.site-nav.scrolled::after{opacity:1}
.nav-left{display:flex;align-items:center;animation:navFadeIn 0.6s ease 0.2s both}.nav-logo{display:flex;justify-content:center;animation:navFadeIn 0.6s ease 0.1s both}.nav-logo img{width:460px;max-width:40vw;height:auto;display:block;content:url('https://www.inkgility.com/theme/site/assets/inkgility-logo.svg');transition:opacity 0.3s}[data-theme="dark"] .nav-logo img{content:url('https://www.inkgility.com/theme/site/assets/inkgility-logo-white.svg')}.nav-right{display:flex;align-items:center;gap:24px;justify-content:flex-end;animation:navFadeIn 0.6s ease 0.3s both}
.menu-btn,.search-btn{font-family:'Space Mono',monospace;font-size:13px;letter-spacing:4px;text-transform:uppercase;background:none;border:none;color:var(--muted);cursor:pointer;padding:8px 0;transition:color 0.3s}.menu-btn:hover,.search-btn:hover{color:var(--cream)}
.search-btn{display:flex;align-items:center;gap:8px}.search-btn svg{width:14px;height:14px}
.start-btn{font-family:'Instrument Serif',serif;font-size:15px;font-style:italic;font-weight:400;padding:10px 24px;border-radius:60px;cursor:pointer;background:var(--btn-gradient);border:none;color:white;transition:box-shadow 0.3s,transform 0.3s;animation:startBtnPulse 3s ease-in-out infinite}.start-btn:hover{box-shadow:0 0 32px rgba(142,33,202,0.25);transform:scale(1.03);animation:none}
@keyframes startBtnPulse{0%,100%{box-shadow:0 0 0 0 rgba(142,33,202,0)}50%{box-shadow:0 0 20px 4px rgba(142,33,202,0.15)}}
/* === IMMERSIVE MEGA MENU === */
.mega-menu{position:fixed;inset:0;z-index:190;background:rgba(243,235,239,0.96);backdrop-filter:blur(40px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:110px 24px 24px;overflow:hidden;opacity:0;visibility:hidden;transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1),visibility 0.4s cubic-bezier(0.16,1,0.3,1)}.mega-menu.open{opacity:1;visibility:visible}
.mega-menu::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");background-size:128px 128px;pointer-events:none;z-index:0}
.menu-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);z-index:0}
.menu-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(142,33,202,0.08),transparent 70%);top:-5%;left:10%;animation:menuOrbFloat1 12s ease-in-out infinite}
.menu-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(142,33,202,0.06),transparent 70%);bottom:-5%;right:10%;animation:menuOrbFloat2 15s ease-in-out infinite}
.menu-orb-3{width:280px;height:280px;background:radial-gradient(circle,rgba(37,74,173,0.05),transparent 70%);top:40%;left:50%;transform:translateX(-50%);animation:menuOrbFloat3 10s ease-in-out infinite}
[data-theme="dark"] .menu-orb-1{background:radial-gradient(circle,rgba(142,33,202,0.15),transparent 70%)}
[data-theme="dark"] .menu-orb-2{background:radial-gradient(circle,rgba(142,33,202,0.10),transparent 70%)}
[data-theme="dark"] .menu-orb-3{background:radial-gradient(circle,rgba(37,74,173,0.08),transparent 70%)}
@keyframes menuOrbFloat1{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,20px)}}
@keyframes menuOrbFloat2{0%,100%{transform:translate(0,0)}50%{transform:translate(-25px,-15px)}}
@keyframes menuOrbFloat3{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,25px)}}
.menu-inner{max-width:1100px;width:100%;position:relative;z-index:1;opacity:0;transform:translateY(12px) scale(0.985);transition:opacity 0.45s cubic-bezier(0.16,1,0.3,1) 0.08s,transform 0.45s cubic-bezier(0.16,1,0.3,1) 0.08s}
.mega-menu.open .menu-inner{opacity:1;transform:translateY(0) scale(1)}
.menu-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-bottom:1px solid var(--border);margin-bottom:32px;position:relative}
.menu-cats-underline{position:absolute;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--gold),rgba(142,33,202,0.6));border-radius:2px;transition:left 0.35s cubic-bezier(0.16,1,0.3,1),width 0.35s cubic-bezier(0.16,1,0.3,1)}
.menu-cat{padding:16px 0;text-align:center;font-family:'Space Mono',monospace;font-size:13px;letter-spacing:4px;text-transform:uppercase;color:rgba(var(--tc),0.55);cursor:pointer;border-bottom:2px solid transparent;transition:color 0.3s}.menu-cat:hover{color:var(--cream)}.menu-cat.active{color:var(--gold);border-bottom-color:transparent}
.menu-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:calc(100vh - 370px);overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(var(--tc),0.12) transparent}.menu-items::-webkit-scrollbar{width:4px}.menu-items::-webkit-scrollbar-track{background:transparent}.menu-items::-webkit-scrollbar-thumb{background:rgba(var(--tc),0.12);border-radius:4px}.menu-items::-webkit-scrollbar-thumb:hover{background:rgba(var(--tc),0.25)}
.menu-item{padding:0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:0;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);position:relative;border:1px solid transparent;opacity:0;transform:translateY(8px);overflow:hidden;text-decoration:none}.mega-menu.open .menu-item{opacity:1;transform:translateY(0)}
.menu-item:hover{border-color:rgba(142,33,202,0.15);box-shadow:0 0 20px rgba(142,33,202,0.06),inset 0 0 20px rgba(142,33,202,0.02)}
[data-theme="dark"] .menu-item:hover{border-color:rgba(142,33,202,0.25);box-shadow:0 0 24px rgba(142,33,202,0.12),inset 0 0 24px rgba(142,33,202,0.04)}
.menu-item-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94)}.menu-item:hover .menu-item-thumb{transform:scale(1.06)}
.menu-item-thumb-placeholder{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--dim);transition:background 0.25s}.menu-item:hover .menu-item-thumb-placeholder{background:rgba(142,33,202,0.07)}
.menu-item-thumb-placeholder svg{width:26px;height:26px;flex-shrink:0;stroke:rgba(var(--tc),0.20);fill:none;stroke-width:1.4;transition:stroke 0.25s,filter 0.25s}.menu-item:hover .menu-item-thumb-placeholder svg{stroke:var(--gold);filter:drop-shadow(0 0 6px rgba(142,33,202,0.3))}
[data-theme="dark"] .menu-item:hover .menu-item-thumb-placeholder svg{filter:drop-shadow(0 0 8px rgba(142,33,202,0.4))}
.menu-item-content{padding:10px 12px}
.menu-item-name{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:rgba(var(--tc),0.70);transition:color 0.25s}.menu-item:hover .menu-item-name{color:var(--cream)}
.menu-item-text{display:flex;flex-direction:column;gap:2px}
.menu-item-desc{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:0.5px;color:rgba(var(--tc),0.45);transition:color 0.25s;margin-top:2px}.menu-item:hover .menu-item-desc{color:rgba(var(--tc),0.35)}
.menu-item-price{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:0.5px;color:var(--gold);margin-top:5px;display:inline-block}
.menu-bottom{margin-top:40px;text-align:center;padding-top:24px;border-top:1px solid rgba(var(--tc),0.04);opacity:0;transform:translateY(6px);transition:opacity 0.4s 0.25s,transform 0.4s 0.25s}
.mega-menu.open .menu-bottom{opacity:1;transform:translateY(0)}
.menu-bottom-link{font-family:'Instrument Serif',serif;font-size:15px;font-style:italic;color:var(--gold);cursor:pointer;background:none;border:none;transition:opacity 0.2s,letter-spacing 0.3s}.menu-bottom-link:hover{opacity:0.7;letter-spacing:1px}
/* === IMMERSIVE SEARCH OVERLAY === */
.search-overlay{position:fixed;inset:0;z-index:300;background:rgba(243,235,239,0.92);backdrop-filter:blur(0px);display:flex;align-items:flex-start;justify-content:center;padding-top:18vh;opacity:0;visibility:hidden;transition:opacity 0.35s cubic-bezier(0.16,1,0.3,1),backdrop-filter 0.5s cubic-bezier(0.16,1,0.3,1),visibility 0.35s}
.search-overlay.open{opacity:1;visibility:visible;backdrop-filter:blur(30px)}
.search-overlay::before{content:'';position:absolute;top:12%;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(142,33,202,0.06) 0%,transparent 70%);pointer-events:none;filter:blur(40px);opacity:0;transition:opacity 0.5s 0.15s}.search-overlay.open::before{opacity:1}
[data-theme="dark"] .search-overlay::before{background:radial-gradient(ellipse,rgba(142,33,202,0.12) 0%,transparent 70%)}
.search-box{width:90%;max-width:600px;position:relative;opacity:0;transform:translateY(-20px) scale(0.97);transition:opacity 0.4s cubic-bezier(0.34,1.56,0.64,1) 0.08s,transform 0.4s cubic-bezier(0.34,1.56,0.64,1) 0.08s}
.search-overlay.open .search-box{opacity:1;transform:translateY(0) scale(1)}
.search-input-wrap{position:relative}
.search-input-glow{position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple),var(--gold),var(--purple),transparent);border-radius:2px;transition:width 0.5s cubic-bezier(0.16,1,0.3,1);filter:blur(0.5px)}
.search-input:focus ~ .search-input-glow{width:100%}
.search-input{width:100%;font-family:'Instrument Serif',serif;font-size:clamp(24px,4vw,40px);background:none;border:none;border-bottom:1.5px solid rgba(var(--tc),0.06);color:var(--cream);padding:12px 0;outline:none;transition:border-color 0.3s}.search-input:focus{border-bottom-color:rgba(var(--tc),0.12)}.search-input::placeholder{color:rgba(var(--tc),0.40);transition:color 0.3s}.search-input:focus::placeholder{color:rgba(var(--tc),0.25)}
.search-close{position:absolute;top:-48px;right:0;font-family:'Space Mono',monospace;font-size:13px;letter-spacing:4px;text-transform:uppercase;background:none;border:none;color:var(--muted);cursor:pointer;transition:color 0.2s}.search-close:hover{color:var(--cream)}
.search-hint{position:absolute;top:-48px;left:0;font-family:'Space Mono',monospace;font-size:13px;letter-spacing:2px;color:rgba(var(--tc),0.50);padding:4px 10px;border:1px solid rgba(var(--tc),0.08);border-radius:6px;transition:border-color 0.3s,box-shadow 0.3s}
.search-ai-badge{position:absolute;top:-48px;left:50%;transform:translateX(-50%);font-family:'Space Mono',monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--purple);background:rgba(142,33,202,0.06);border:1px solid rgba(142,33,202,0.18);border-radius:20px;padding:4px 12px;white-space:nowrap;pointer-events:none}
[data-theme="dark"] .search-ai-badge{background:rgba(142,33,202,0.12);border-color:rgba(142,33,202,0.30)}
.search-beta-badge{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);background:rgba(142,33,202,0.10);border:1px solid rgba(142,33,202,0.25);border-radius:10px;padding:1px 6px;margin-left:6px;vertical-align:middle}
[data-theme="dark"] .search-beta-badge{background:rgba(142,33,202,0.10);border-color:rgba(142,33,202,0.28)}
.search-hint-flash{animation:hintFlash 0.6s ease}
@keyframes hintFlash{0%{border-color:var(--purple);box-shadow:0 0 12px rgba(142,33,202,0.2)}100%{border-color:rgba(var(--tc),0.08);box-shadow:none}}
.search-results{margin-top:24px;max-height:55vh;overflow-y:auto;padding-bottom:4px}
.sr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.search-result{padding:0;margin:0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:0;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);border:1px solid transparent;opacity:0;transform:translateY(8px);animation:searchResultIn 0.3s cubic-bezier(0.16,1,0.3,1) forwards;overflow:hidden}
.search-result:hover{border-color:rgba(142,33,202,0.15);box-shadow:0 0 20px rgba(142,33,202,0.06),inset 0 0 20px rgba(142,33,202,0.02)}
[data-theme="dark"] .search-result:hover{border-color:rgba(142,33,202,0.25);box-shadow:0 0 24px rgba(142,33,202,0.12),inset 0 0 24px rgba(142,33,202,0.04)}
@keyframes searchResultIn{to{opacity:1;transform:translateY(0)}}
@keyframes shimmerSlide{0%{background-position:200% 0}100%{background-position:-200% 0}}
.prod-thumb-placeholder,.menu-item-thumb-placeholder,.sr-thumb-placeholder{background:linear-gradient(90deg,var(--dim) 25%,rgba(var(--tc),0.10) 50%,var(--dim) 75%);background-size:300% 100%;animation:shimmerSlide 2s ease-in-out infinite}
.sr-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94)}
.search-result:hover .sr-thumb{transform:scale(1.06)}
.sr-thumb-placeholder{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--dim);transition:background 0.25s}
.search-result:hover .sr-thumb-placeholder{background:rgba(142,33,202,0.07)}
.sr-thumb-placeholder svg{width:26px;height:26px;flex-shrink:0;stroke:rgba(var(--tc),0.20);fill:none;stroke-width:1.4;transition:stroke 0.25s,filter 0.25s}
.search-result:hover .sr-thumb-placeholder svg{stroke:var(--gold);filter:drop-shadow(0 0 6px rgba(142,33,202,0.3))}
[data-theme="dark"] .search-result:hover .sr-thumb-placeholder svg{filter:drop-shadow(0 0 8px rgba(142,33,202,0.4))}
.sr-body{padding:10px 12px}
.sr-name{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:rgba(var(--tc),0.70);transition:color 0.25s}
.search-result:hover .sr-name{color:var(--cream)}
.sr-name mark{background:none;color:var(--gold)}
.sr-desc{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:0.5px;color:rgba(var(--tc),0.45);transition:color 0.25s;margin-top:2px}
.sr-tag{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--purple);text-transform:uppercase;margin-top:4px;display:block}
.search-popular-label{font-family:'Space Mono',monospace;font-size:13px;letter-spacing:4px;text-transform:uppercase;color:rgba(var(--tc),0.70);margin-bottom:16px}
.search-popular-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.search-pill{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;padding:8px 16px;border-radius:60px;background:rgba(var(--tc),0.04);border:1px solid rgba(var(--tc),0.06);color:rgba(var(--tc),0.60);cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);opacity:0;transform:translateY(4px);animation:pillFloat 0.4s cubic-bezier(0.16,1,0.3,1) forwards}
.search-pill:hover{background:rgba(142,33,202,0.06);border-color:rgba(142,33,202,0.12);color:var(--cream);box-shadow:0 0 12px rgba(142,33,202,0.06)}
[data-theme="dark"] .search-pill{background:rgba(var(--tc),0.03);border-color:rgba(var(--tc),0.06)}
[data-theme="dark"] .search-pill:hover{background:rgba(142,33,202,0.10);border-color:rgba(142,33,202,0.20);box-shadow:0 0 16px rgba(142,33,202,0.08)}
@keyframes pillFloat{to{opacity:1;transform:translateY(0)}}
.modal-overlay{position:fixed;inset:0;z-index:400;background:rgba(243,235,239,0.94);backdrop-filter:blur(24px);display:none;align-items:center;justify-content:center;padding:24px}.modal-overlay.open{display:flex}
.modal-box{width:100%;max-width:480px;border:1px solid var(--border);border-radius:20px;padding:48px 40px;background:var(--dark2);position:relative;box-shadow:var(--shadow-hover)}
.modal-context{font-family:'Space Mono',monospace;font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--purple);margin-bottom:20px}
.modal-title{font-family:'Instrument Serif',serif;font-size:28px;color:var(--text-heading);margin-bottom:8px}
.modal-sub{font-size:15px;color:var(--muted);line-height:1.6;margin-bottom:32px}
.modal-label{font-family:'Space Mono',monospace;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:rgba(var(--tc),0.55);margin-bottom:8px;display:block}
.modal-input{width:100%;font-family:'DM Sans',sans-serif;font-size:15px;background:rgba(var(--tc),0.04);border:1px solid rgba(var(--tc),0.06);border-radius:12px;padding:14px 16px;color:var(--cream);outline:none;margin-bottom:20px;transition:border-color 0.2s}.modal-input:focus{border-color:var(--purple)}.modal-input::placeholder{color:rgba(var(--tc),0.55)}
textarea.modal-input{resize:vertical;min-height:80px}
.modal-submit{width:100%;font-family:'Instrument Serif',serif;font-size:17px;font-style:italic;padding:16px;border-radius:60px;cursor:pointer;background:linear-gradient(129deg,var(--purple),var(--blue));border:none;color:white;margin-top:8px;transition:all 0.3s}.modal-submit:hover{box-shadow:0 0 40px rgba(142,33,202,0.2);transform:translateY(-1px)}
.modal-close{position:absolute;top:20px;right:24px;font-family:'Space Mono',monospace;font-size:13px;letter-spacing:3px;background:none;border:none;color:var(--muted);cursor:pointer;text-transform:uppercase}.modal-close:hover{color:var(--cream)}
.modal-success{text-align:center;display:none}.modal-success.show{display:block}
.modal-success-check{width:56px;height:56px;margin:0 auto 20px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:24px}
.modal-success-title{font-family:'Instrument Serif',serif;font-size:24px;color:var(--text-heading);margin-bottom:12px}
.modal-success-sub{font-size:14px;color:var(--muted);line-height:1.6}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:80px;background:var(--dark)}
/* Mobile bottom nav permanently disabled */
.ink-mob-nav,#ink-mob-nav,[class*="ink-mob-nav"]{display:none!important}

/* Premium shell — additional helpers */
.skip-link{position:absolute;left:-9999px;top:0;padding:8px 16px;background:var(--purple);color:#fff;z-index:9999;text-decoration:none;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase}
.skip-link:focus{left:8px;top:8px}
.theme-toggle{background:none;border:none;color:var(--muted);cursor:pointer;padding:6px;display:flex;align-items:center;transition:color 0.3s}
.theme-toggle:hover{color:var(--cream)}
.theme-toggle svg{width:18px;height:18px}
[data-theme="dark"] .theme-icon-sun{display:block}
[data-theme="dark"] .theme-icon-moon{display:none}
:root:not([data-theme="dark"]) .theme-icon-sun{display:none}
:root:not([data-theme="dark"]) .theme-icon-moon{display:block}
/* Ensure transformed pages get body background even with their own bg */
body{background:var(--dark);color:var(--text-body)}
/* Push content below fixed nav so Wave 2/3 shells aren't hidden */
body > .w2-shell,body > .w3-shell,body > main{padding-top:88px}