@font-face{font-family:'Geist';src:url(//hookedonfacets.com/wp-content/themes/shepdesign-child/hof/fonts/Geist-Variable.woff2) format('woff2');font-weight:100 900;font-display:swap;}
@font-face{font-family:'Geist Mono';src:url(//hookedonfacets.com/wp-content/themes/shepdesign-child/hof/fonts/GeistMono-Variable.woff2) format('woff2');font-weight:100 900;font-display:swap;}:root{--hof-color-hook-purple:#534AB7;--hof-color-facet-coral:#D85A30;--hof-color-deep-ink:#2C2C2A;--hof-color-warm-cream:#F1EFE8;--hof-color-purple-50:#EEEDFE;--hof-color-purple-200:#CECBF6;--hof-color-purple-400:#7F77DD;--hof-color-purple-700:#3C3489;--hof-color-coral-50:#FAECE7;--hof-color-coral-200:#F5C4B3;--hof-color-ink-900:#1A1A19;--hof-color-ink-700:#5F5E5A;--hof-color-ink-500:#888780;--hof-color-ink-300:#B4B2A9;--hof-color-ink-200:#D3D1C7;--hof-color-ink-100:#E6E3D9;--hof-color-ink-50:#F8F6EE;--l-sans:'Geist', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;--l-mono:'Geist Mono', 'SF Mono', Menlo, Consolas, monospace;}
.l-page{margin:0;background:var(--hof-color-warm-cream);font-family:var(--l-sans);color:var(--hof-color-deep-ink);font-feature-settings:'ss01', 'cv11';font-size:15px;line-height:1.55;}
.l-page a{color:var(--hof-color-hook-purple);}
.l-page a:hover{color:var(--hof-color-purple-700);}
.l-page input{font-family:var(--l-sans);}
.l-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;background:#fff;border-bottom:1px solid var(--hof-color-ink-100);}
.l-nav-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;}
.l-nav-brand:hover{color:inherit;}
.l-nav-logo{width:48px;height:48px;display:block;}
.l-nav-name{font:600 20px var(--l-sans);letter-spacing:-0.02em;line-height:1;}
.l-nav-tag{font:500 11px var(--l-mono);color:var(--hof-color-ink-500);margin-top:3px;}
.l-nav-links{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:500;color:var(--hof-color-ink-700);}
.l-nav-links a{color:inherit;text-decoration:none;}
.l-nav-links a:hover{color:var(--hof-color-deep-ink);}
.l-btn{display:inline-block;border:0;cursor:pointer;text-decoration:none;text-align:center;font-family:var(--l-sans);}
.l-btn-primary{background:var(--hof-color-hook-purple);color:#fff !important;padding:11px 22px;border-radius:8px;font-weight:600;font-size:15px;}
.l-btn-primary:hover{background:var(--hof-color-purple-700);}
.l-btn-dark{background:var(--hof-color-deep-ink);color:#fff !important;padding:15px 28px;border-radius:10px;font-weight:600;font-size:16px;}
.l-btn-dark:hover{background:var(--hof-color-ink-900);}
.l-btn-ghost{background:#fff;border:1.5px solid var(--hof-color-ink-200);color:var(--hof-color-deep-ink) !important;padding:15px 28px;border-radius:10px;font-weight:600;font-size:16px;}
.l-btn-ghost:hover{border-color:var(--hof-color-ink-300);color:var(--hof-color-deep-ink) !important;}
.l-btn-lg{padding:16px 32px;font-size:17px;}
.l-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;padding:72px 48px;}
.l-hero-copy{display:flex;flex-direction:column;gap:22px;}
.l-eyebrow{font:500 13px var(--l-mono);color:var(--hof-color-facet-coral);letter-spacing:0.08em;text-transform:uppercase;}
.l-hero h1{margin:0;font:500 60px/1.05 var(--l-sans);letter-spacing:-0.03em;text-wrap:balance;}
.l-hero-sub{margin:0;font-size:19px;line-height:1.6;color:var(--hof-color-ink-700);text-wrap:pretty;}
.l-hero-checks{display:flex;flex-direction:column;gap:10px;font-size:16px;}
.l-hero-checks > div{display:flex;gap:10px;align-items:baseline;}
.l-hero-checks .tick{color:var(--hof-color-facet-coral);font-weight:600;}
.l-hero-actions{display:flex;gap:12px;margin-top:6px;flex-wrap:wrap;}
.l-panel{background:#fff;border:1px solid var(--hof-color-ink-200);border-radius:18px;box-shadow:0 30px 70px -35px rgba(44, 44, 42, 0.35);overflow:hidden;}
.l-panel-chrome{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--hof-color-ink-100);}
.l-panel-chrome .dot{width:10px;height:10px;border-radius:99px;background:var(--hof-color-ink-200);}
.l-panel-chrome .url{margin-left:10px;font:11px var(--l-mono);color:var(--hof-color-ink-500);}
.l-panel-body{padding:20px;display:flex;flex-direction:column;gap:14px;}
.l-ask{display:flex;align-items:center;gap:10px;border:2px solid var(--hof-color-deep-ink);border-radius:12px;padding:8px 8px 8px 16px;}
.l-ask-gem{width:14px;height:14px;background:var(--hof-color-hook-purple);transform:rotate(45deg);border-radius:3px;flex:none;}
.l-ask input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:var(--hof-color-deep-ink);min-width:0;}
.l-ask-btn{background:var(--hof-color-facet-coral);color:#fff;font-weight:600;font-size:14px;padding:9px 18px;border-radius:8px;cursor:pointer;flex:none;border:0;font-family:var(--l-sans);}
.l-ask-btn:hover{filter:brightness(0.92);}
.l-ask-btn[disabled]{opacity:0.6;cursor:wait;}
.l-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-height:30px;}
.l-chip-active{display:flex;align-items:center;gap:6px;background:var(--hof-color-purple-50);color:var(--hof-color-purple-700);border:1px solid var(--hof-color-purple-200);padding:6px 12px;border-radius:99px;font-weight:600;font-size:12.5px;cursor:pointer;}
.l-chip-active:hover{border-color:var(--hof-color-purple-400);}
.l-chip-active .x{color:var(--hof-color-ink-500);}
.l-chips-hint{font:12px var(--l-mono);color:var(--hof-color-ink-300);}
.l-chips-meta{font:11.5px var(--l-mono);color:var(--hof-color-ink-500);margin-left:auto;}
.l-hero-results{display:flex;flex-direction:column;gap:10px;}
.l-hero-row{display:flex;gap:14px;border:1px solid var(--hof-color-ink-100);border-radius:12px;padding:12px;}
.l-hero-row .thumb{width:76px;height:64px;flex:none;border-radius:8px;background:repeating-linear-gradient(45deg, var(--hof-color-ink-100) 0 8px, var(--hof-color-ink-50) 8px 16px);}
.l-hero-row .t{font:500 16px var(--l-sans);letter-spacing:-0.01em;}
.l-hero-row .meta{font:500 11.5px var(--l-mono);color:var(--hof-color-hook-purple);}
.l-hero-row .b{font-size:13px;color:var(--hof-color-ink-700);}
.l-hero-row .txt{display:flex;flex-direction:column;gap:4px;}
.l-empty{border:1px dashed var(--hof-color-ink-200);border-radius:12px;padding:22px;text-align:center;font-size:14px;color:var(--hof-color-ink-500);}
.l-stats{display:grid;grid-template-columns:repeat(4, 1fr);background:var(--hof-color-deep-ink);color:#fff;padding:36px 48px;gap:24px;}
.l-stat{display:flex;flex-direction:column;gap:4px;}
.l-stat .n{font:500 32px var(--l-sans);color:var(--hof-color-purple-400);letter-spacing:-0.02em;}
.l-stat .d{font-size:14px;color:var(--hof-color-ink-300);}
.l-demo{padding:64px 48px 8px;}
.l-demo-head{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;}
.l-demo-title{font:500 34px var(--l-sans);letter-spacing:-0.025em;}
.l-demo-card{background:#fff;border:1px solid var(--hof-color-ink-200);border-radius:20px;box-shadow:0 20px 60px -30px rgba(44, 44, 42, 0.18);overflow:visible;}
.l-toolbar{display:flex;align-items:center;gap:10px;padding:18px 24px;border-bottom:1px solid var(--hof-color-ink-100);flex-wrap:wrap;}
.l-dd{position:relative;}
.l-chip{padding:10px 16px;border-radius:99px;font-weight:600;font-size:14px;cursor:pointer;user-select:none;background:#fff;border:1.5px solid var(--hof-color-ink-200);color:var(--hof-color-ink-700);font-family:var(--l-sans);}
.l-chip:hover{filter:brightness(0.95);}
.l-chip.is-active{background:var(--hof-color-deep-ink);color:#fff;border-color:var(--hof-color-deep-ink);}
.l-clear{color:var(--hof-color-hook-purple);font-weight:600;font-size:14px;margin-left:6px;cursor:pointer;background:none;border:0;font-family:var(--l-sans);}
.l-clear:hover{color:var(--hof-color-purple-700);}
.l-toolbar-meta{margin-left:auto;font:500 13px var(--l-mono);color:var(--hof-color-ink-500);}
.l-pop{position:absolute;top:calc(100% + 8px);left:0;width:230px;background:#fff;border:1px solid var(--hof-color-ink-200);border-radius:12px;box-shadow:0 16px 40px -16px rgba(44, 44, 42, 0.3);padding:8px;z-index:50;display:flex;flex-direction:column;}
.l-pop.narrow{width:200px;}
.l-opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;}
.l-opt:hover{background:var(--hof-color-ink-50);}
.l-opt .name{flex:1;font-size:14.5px;}
.l-opt .count{font:500 12px var(--l-mono);color:var(--hof-color-ink-500);}
.l-box{width:18px;height:18px;border-radius:5px;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;border:1.5px solid var(--hof-color-ink-200);color:transparent;}
.l-box.on{background:var(--hof-color-hook-purple);border-color:var(--hof-color-hook-purple);color:#fff;}
.l-dot{width:16px;height:16px;border-radius:99px;flex:none;border:1.5px solid var(--hof-color-ink-200);box-sizing:border-box;}
.l-dot.on{border:5px solid var(--hof-color-hook-purple);}
.l-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:18px;padding:24px;}
.l-card{border:1px solid var(--hof-color-ink-100);border-radius:14px;overflow:hidden;}
.l-card .photo{height:110px;background:repeating-linear-gradient(45deg, var(--hof-color-ink-100) 0 10px, var(--hof-color-ink-50) 10px 20px);display:flex;align-items:center;justify-content:center;font:12px var(--l-mono);color:var(--hof-color-ink-500);}
.l-card .body{padding:16px;display:flex;flex-direction:column;gap:7px;}
.l-card .t{font:500 17px var(--l-sans);letter-spacing:-0.01em;}
.l-card .meta{font:500 12px var(--l-mono);color:var(--hof-color-hook-purple);}
.l-card .b{font-size:13.5px;line-height:1.5;color:var(--hof-color-ink-700);}
.l-grid-empty{padding:0 24px 24px;}
.l-grid-empty .inner{border:1px dashed var(--hof-color-ink-200);border-radius:14px;padding:48px;text-align:center;font-size:15px;color:var(--hof-color-ink-500);}
.l-grid-empty .inner button{color:var(--hof-color-hook-purple);font-weight:600;cursor:pointer;background:none;border:0;font-size:15px;font-family:var(--l-sans);}
.l-cta{display:flex;flex-direction:column;align-items:center;gap:18px;padding:72px 48px;text-align:center;}
.l-cta-title{font:500 40px var(--l-sans);letter-spacing:-0.025em;text-wrap:balance;}
.l-cta-sub{font-size:18px;color:var(--hof-color-ink-700);}
.l-cta-actions{display:flex;gap:12px;margin-top:6px;flex-wrap:wrap;justify-content:center;}
.l-pricing{padding:24px 48px 72px;}
.l-pricing-head{text-align:center;margin-bottom:28px;}
.l-tiers{display:grid;grid-template-columns:repeat(4, 1fr);gap:18px;list-style:none;margin:0;padding:0;}
.l-tier{background:#fff;border:1px solid var(--hof-color-ink-200);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:10px;}
.l-tier.featured{border:2px solid var(--hof-color-hook-purple);}
.l-tier h3{margin:0;font:500 20px var(--l-sans);letter-spacing:-0.02em;}
.l-tier .price{font:500 15px var(--l-mono);color:var(--hof-color-ink-700);}
.l-tier .desc{font-size:14px;color:var(--hof-color-ink-700);flex:1;}
.l-tier .l-btn{font-size:14px;padding:11px 18px;}
.l-pricing-foot{text-align:center;font:500 12.5px var(--l-mono);color:var(--hof-color-ink-500);margin-top:18px;}
.l-beta{background:#fff;border-top:1px solid var(--hof-color-ink-100);padding:56px 48px;}
.l-beta-inner{max-width:680px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:14px;}
.l-beta-title{font:500 30px var(--l-sans);letter-spacing:-0.02em;}
.l-beta-sub{font-size:15.5px;color:var(--hof-color-ink-700);}
.l-beta-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.l-beta-form input[type='email'], .l-beta-form select{padding:13px 16px;border:1.5px solid var(--hof-color-ink-200);border-radius:10px;font-size:15px;font-family:var(--l-sans);background:#fff;color:var(--hof-color-deep-ink);}
.l-beta-form input[type='email']{min-width:260px;}
.l-note{font-size:14px;margin:0;}
.l-note-err{color:var(--hof-color-facet-coral);}
.l-hp{position:absolute !important;left:-9999px !important;width:0;height:0;overflow:hidden;}
.l-foot{display:flex;align-items:center;justify-content:space-between;padding:24px 48px;border-top:1px solid var(--hof-color-ink-100);font-size:13.5px;color:var(--hof-color-ink-500);flex-wrap:wrap;gap:10px;}
.l-foot a{color:inherit;text-decoration:none;}
.l-foot a:hover{color:var(--hof-color-deep-ink);}
.l-foot-links{display:flex;gap:24px;}
.l-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
@media (prefers-reduced-motion: reduce) {
.l-page *{transition:none !important;}
} @media(max-width:1100px){
.l-grid{grid-template-columns:repeat(3, 1fr);}
.l-tiers{grid-template-columns:repeat(2, 1fr);}
}
@media(max-width:960px){
.l-hero{grid-template-columns:1fr;padding:48px 28px;}
.l-hero h1{font-size:44px;}
.l-nav{padding:16px 24px;}
.l-nav-links{gap:18px;}
.l-nav-links a{display:none;}
.l-stats{grid-template-columns:repeat(2, 1fr);padding:28px 24px;}
.l-demo{padding:48px 24px 8px;}
.l-cta, .l-pricing{padding-left:24px;padding-right:24px;}
.l-grid{grid-template-columns:repeat(2, 1fr);}
}
@media(max-width:560px){
.l-hero h1 { font-size: 34px; }
.l-grid { grid-template-columns: 1fr; }
.l-tiers { grid-template-columns: 1fr; }
.l-stats { grid-template-columns: 1fr; }
.l-toolbar-meta { width: 100%; margin-left: 0; }
}