/* Shared stylesheet entrypoint: shared page styles and production imports. */
@import url("/css/cookie-consent.css");
@import url("/observatory/style.css");
@import url("/observatory/jamie_running_blog_v2/jamie_running_blog_start/style.css");
/* Brand palette: warm metal on an old-machine black field. */
:root{--ink:#060606;--panel:#0e0e0e;--panel-2:#141414;--line:#34302a;--text:#d4cfc4;--muted:#7a776e;--lime:#c9a84c;--violet:#7a6030;--cyan:#00ff41;--gold-bright:#f0c040;--white:#f5f2ec;--crt-green:#00ff41}
body{background:radial-gradient(circle at 78% 8%,rgba(201,168,76,.055),transparent 25%),var(--ink)}
.page-grid{background-image:linear-gradient(rgba(201,168,76,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.032) 1px,transparent 1px)}
.moon{filter:sepia(.8) saturate(.55);box-shadow:0 0 90px 20px rgba(201,168,76,.12),0 0 220px 60px rgba(201,168,76,.08)}
.brand-mark{border-color:rgba(201,168,76,.5);box-shadow:inset 0 0 12px rgba(201,168,76,.1)}
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.button-primary{color:#060606;box-shadow:0 8px 28px rgba(201,168,76,.12)}.button-primary:hover{background:var(--gold-bright)}
.button-ghost:hover,.price-card.featured{border-color:rgba(201,168,76,.5)}
.price-card.featured{background:linear-gradient(160deg,rgba(201,168,76,.08),rgba(255,255,255,.02))}
.eyebrow,.hero-copy,.plan{color:var(--text)}.hero-note,.section-kicker,.post-grid article>p{color:var(--text-dim,#7a776e)}
.status-dot,.agent small i{background:var(--crt-green);box-shadow:0 0 9px rgba(0,255,65,.7)}
.chat-window{background:#0a0a0a;color:var(--text);border:1px solid #34302a;position:relative}
.chat-window:after{content:"";position:absolute;inset:0;pointer-events:none;display:none}
.chat-topbar,.chat-form{border-color:#34302a}.agent-avatar,.mini-avatar{background:#141414;color:var(--gold-bright);border:1px solid #34302a}.agent small,.icon-button,.message time,.demo-disclaimer{color:#7a776e}
.message p{background:#141414;color:#d4cfc4;box-shadow:none;border:1px solid #34302a}.message.user p{background:#1c1c1c;color:#f5f2ec;border-color:#7a6030}
.quick-replies button{color:#d4cfc4;border-color:#34302a}.quick-replies button:hover{border-color:#c9a84c}.chat-form input{color:#d4cfc4;border-color:#34302a;background:#0e0e0e}.chat-form input::placeholder{color:#7a776e}.chat-form button{background:#c9a84c;color:#060606}
.typing i{background:var(--crt-green)}
.radar-card{background:rgba(10,10,10,.88)}.radar{border-color:rgba(0,255,65,.28);background:repeating-radial-gradient(circle,transparent 0 18px,rgba(0,255,65,.1) 19px 20px),linear-gradient(90deg,transparent 49.5%,rgba(0,255,65,.1) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(0,255,65,.1) 50%,transparent 50.5%)}.radar-sweep{background:linear-gradient(35deg,transparent 45%,rgba(0,255,65,.26))}.blip{background:var(--crt-green);box-shadow:0 0 8px var(--crt-green)}.radar-card .mono{color:var(--crt-green)}
.visual-one{color:#c9a84c;background:radial-gradient(circle at 50%,rgba(201,168,76,.2),transparent 42%),#0a0a0a}.visual-two{color:#7a6030;background:repeating-linear-gradient(90deg,transparent 0 23px,rgba(201,168,76,.05) 24px),#0a0a0a}.visual-three{color:#f0c040;background:radial-gradient(circle,transparent 22%,rgba(201,168,76,.08) 23% 24%,transparent 25% 40%,rgba(201,168,76,.08) 41% 42%,transparent 43%),#0a0a0a}
.nibbles-top,.star-pixel{color:var(--crt-green)}.star-pixel{background:var(--crt-green);box-shadow:0 0 8px var(--crt-green)}.snake b{background:#c9a84c;box-shadow:0 0 5px rgba(201,168,76,.5)}.nibbles-card.pulse{box-shadow:0 0 25px rgba(0,255,65,.12);border-color:rgba(0,255,65,.35)}


/* ===== PRIMARY UNIVERSAL BLOG SYSTEM ===== */
:root{--bg-dark:#0a0a0a;--bg-card:#121212;--bg-raised:#171717;--border:#25231f;--border-gold:#c5a85c;--text-gold:#e5c158;--text-light:#f5f5f5;--text-warm:#d8d2c6;--text-muted:#8a8a8a;--crt:#00ff41;--gold-gradient:linear-gradient(135deg,#bf953f 0%,#fcf6ba 25%,#b38728 50%,#fbf5b7 75%,#aa771c 100%);--max:1180px;--reading:760px;--sans:system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Courier New",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-dark);color:var(--text-light);font-family:var(--sans);line-height:1.65}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(197,168,92,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(197,168,92,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 80%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip-link{position:fixed;top:-100px;left:1rem;z-index:20;background:var(--text-gold);color:#000;padding:.7rem 1rem}.skip-link:focus{top:1rem}.shell{width:min(calc(100% - 2rem),var(--max));margin:auto}.site-header{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.65rem;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border-gold);border-radius:7px;color:var(--text-gold);font:700 .75rem var(--mono)}.brand small{display:block;color:var(--text-muted);font:400 .52rem var(--mono);letter-spacing:.05em}.nav-toggle{display:none}.site-nav{display:flex;gap:1.25rem;align-items:center;font-size:.76rem;color:var(--text-muted)}.site-nav a:hover,.footer-links a:hover{color:var(--text-gold)}.blog-hero{padding:7rem 0 4.5rem;border-bottom:1px solid var(--border)}.eyebrow,.category,.meta,.topic-filter{font:700 .65rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.eyebrow,.category{color:var(--text-gold)}h1,h2,h3{line-height:1.08;letter-spacing:-.04em}.blog-hero h1,.article-header h1{font-size:clamp(2.7rem,8vw,6.4rem);margin:.7rem 0 1.3rem;max-width:980px}.gold-text{background:var(--gold-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.blog-hero>p{color:var(--text-muted);font-size:1.05rem;max-width:650px}.section{padding:5rem 0;border-bottom:1px solid var(--border)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem}.section-heading h2{font-size:clamp(1.8rem,4vw,3rem);margin:.3rem 0}.section-heading p{color:var(--text-muted);max-width:420px}.featured{display:grid;gap:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.media-frame{aspect-ratio:16/9;overflow:hidden;background:#10100e}.media-frame img{width:100%;height:100%;object-fit:cover}.featured-copy{padding:1.5rem}.featured-copy h2{font-size:clamp(1.8rem,4vw,3.2rem);margin:.6rem 0 1rem}.featured-copy>p,.card-copy>p{color:var(--text-muted)}.meta{display:flex;flex-wrap:wrap;gap:.65rem;color:var(--text-muted);font-weight:400}.meta span+span:before{content:"-";margin-right:.65rem;color:var(--border-gold)}.read-link{display:inline-block;margin-top:1rem;padding-bottom:.25rem;border-bottom:1px solid var(--border-gold);font-weight:700;font-size:.78rem}.read-link:hover{color:var(--text-gold)}.filters{display:flex;gap:.5rem;overflow:auto;padding-bottom:.3rem;margin-bottom:2rem}.topic-filter{border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:100px;padding:.5rem .8rem;white-space:nowrap;cursor:pointer}.topic-filter:hover,.topic-filter[aria-pressed="true"]{border-color:var(--border-gold);color:var(--text-gold)}.card-grid{display:grid;gap:1rem}.article-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .25s,border-color .25s}.article-card:hover{transform:translateY(-4px);border-color:var(--border-gold)}.card-copy{padding:1.25rem}.card-copy h3{font-size:1.25rem;margin:.55rem 0}.card-copy>p{font-size:.84rem}.article-list{display:grid;gap:0}.list-item{display:grid;gap:.6rem;padding:1.4rem 0;border-top:1px solid var(--border)}.list-item h3{margin:0;font-size:1.15rem}.list-item p{margin:0;color:var(--text-muted);font-size:.82rem}.product-cta{display:grid;gap:1rem;align-items:center;border:1px solid var(--border-gold);border-radius:14px;padding:2rem;background:linear-gradient(135deg,rgba(197,168,92,.1),transparent 55%)}.product-cta h2{font-size:clamp(1.8rem,5vw,3.2rem);margin:.4rem 0}.product-cta p{color:var(--text-warm);max-width:650px}.gold-button{display:inline-block;width:max-content;border:1px solid var(--border-gold);border-radius:6px;padding:.85rem 1.15rem;font-weight:700;font-size:.78rem;transition:.25s}.gold-button:hover{background:var(--gold-gradient);color:#000;border-color:transparent;box-shadow:0 4px 18px rgba(229,193,88,.2)}.site-footer{padding:3rem 0}.footer-grid{display:grid;gap:2rem}.footer-grid p{color:var(--text-muted);font-size:.75rem;max-width:420px}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;color:var(--text-muted);font-size:.72rem}.legal{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);font:400 .6rem var(--mono);color:var(--text-muted)}
.breadcrumbs{padding-top:2rem;color:var(--text-muted);font-size:.7rem}.breadcrumbs a:hover{color:var(--text-gold)}.article-header{max-width:940px;padding:4rem 0 2.5rem}.article-header .deck{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--text-warm);max-width:790px}.article-byline{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;color:var(--text-muted);font-size:.72rem}.article-hero{margin:0 auto 4rem;width:min(calc(100% - 2rem),var(--max))}.article-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);border-radius:12px}.article-hero figcaption,.article-body figcaption{color:var(--text-muted);font-size:.68rem;margin-top:.6rem}.article-layout{width:min(calc(100% - 2rem),var(--max));margin:auto;display:grid;gap:3rem}.article-body{max-width:var(--reading);font-family:Georgia,serif;color:var(--text-warm);font-size:1.04rem}.article-body h2,.article-body h3{font-family:var(--sans);color:var(--text-light);scroll-margin-top:2rem}.article-body h2{font-size:2rem;margin:3.5rem 0 1rem}.article-body h3{font-size:1.35rem;margin:2.5rem 0 .8rem}.article-body a{color:var(--text-gold);text-decoration:underline;text-underline-offset:.2em}.quick-answer{border-left:3px solid var(--border-gold);background:var(--bg-card);padding:1.2rem 1.4rem;margin:2rem 0;font-family:var(--sans)}blockquote{margin:2.5rem 0;padding:1.5rem 0;border-block:1px solid var(--border-gold);font-size:1.45rem;color:var(--text-light)}.article-body figure{margin:2.5rem 0}.article-body figure img{width:100%;height:auto;border-radius:8px}.article-body table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:.78rem;margin:2rem 0}.article-body th,.article-body td{text-align:left;padding:.75rem;border:1px solid var(--border)}.article-body th{color:var(--text-gold);background:var(--bg-card)}.sources,.related{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);font-family:var(--sans)}.sources ol{padding-left:1.2rem}.sources li{margin-bottom:1rem;font-size:.76rem;color:var(--text-muted)}.source-status{font:700 .55rem var(--mono);color:var(--text-gold)}.article-aside{font-size:.72rem;color:var(--text-muted)}.article-aside>div{border:1px solid var(--border);padding:1rem;position:sticky;top:1rem}.article-aside strong{display:block;color:var(--text-light);margin-bottom:.5rem}.placeholder-note{border:1px dashed var(--border-gold);padding:.6rem .8rem;color:var(--text-gold);font:700 .6rem var(--mono);text-transform:uppercase}.template-token{background:#211e17;color:#f1d08a;padding:.1em .3em;border-radius:3px}
@media(min-width:700px){.featured{grid-template-columns:1.35fr 1fr;align-items:center}.card-grid{grid-template-columns:repeat(3,1fr)}.list-item{grid-template-columns:1fr 2fr auto;align-items:center}.product-cta{grid-template-columns:1fr auto}.footer-grid{grid-template-columns:1fr 1fr;align-items:end}.article-layout{grid-template-columns:minmax(0,var(--reading)) 220px;justify-content:center}.article-aside{display:block}}
@media(max-width:760px){.site-nav{gap:.65rem;font-size:.64rem;max-width:62%;overflow-x:auto}.blog-hero{padding-top:4.5rem}.section{padding:3.5rem 0}.section-heading{display:block}.article-aside{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}

/* Shared static information pages */
.page-hero{padding:6rem 0 3.5rem;border-bottom:1px solid var(--border)}.page-hero h1{font-size:clamp(2.7rem,8vw,5.8rem);margin:.6rem 0 1rem;max-width:900px}.page-hero>p{max-width:720px;color:var(--text-warm);font-size:1.05rem}.page-content{width:min(calc(100% - 2rem),880px);margin:auto;padding:4rem 0}.page-content h2{font-size:clamp(1.65rem,4vw,2.5rem);margin:3.5rem 0 1rem}.page-content h3{font-size:1.15rem;margin:2rem 0 .6rem}.page-content p,.page-content li{color:var(--text-warm)}.page-content a{color:var(--text-gold);text-decoration:underline;text-underline-offset:.2em}.principle-grid{display:grid;gap:1rem;margin:2rem 0}.principle-card{padding:1.4rem;border:1px solid var(--border);background:var(--bg-card);border-radius:10px}.principle-card span{font:700 .6rem var(--mono);color:var(--text-gold)}.principle-card h3{margin:.5rem 0}.principle-card p{font-size:.82rem;margin:0;color:var(--text-muted)}.history-line{border-left:1px solid var(--border-gold);padding-left:1.5rem;margin:2rem 0}.history-line strong{display:block;color:var(--text-light)}.history-line span{font:700 .6rem var(--mono);color:var(--text-gold);text-transform:uppercase}.contact-grid{display:grid;gap:2rem}.contact-card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:12px}.contact-form{display:grid;gap:1rem}.form-row{display:grid;gap:1rem}.field{display:grid;gap:.4rem}.field label{font:700 .66rem var(--mono);color:var(--text-gold);text-transform:uppercase;letter-spacing:.07em}.field input,.field textarea,.field select{width:100%;border:1px solid var(--border);background:#0d0d0d;color:var(--text-light);border-radius:7px;padding:.8rem;font:inherit}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--border-gold);outline-offset:2px}.form-note{font-size:.7rem;color:var(--text-muted)}.honeypot{position:absolute!important;left:-9999px!important}.policy-meta{padding:1rem;border:1px solid var(--border);background:var(--bg-card);font-size:.76rem;color:var(--text-muted)}.draft-slot{min-height:260px;border:1px dashed var(--border-gold);background:var(--bg-card);padding:2rem;margin:2rem 0}.draft-slot code{display:block;color:var(--text-gold);margin-bottom:1rem}.notice{border-left:3px solid var(--border-gold);background:rgba(197,168,92,.07);padding:1rem 1.2rem;margin:1.5rem 0;color:var(--text-warm)}address{font-style:normal;color:var(--text-warm)}
@media(min-width:700px){.principle-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:.8fr 1.4fr}.form-row{grid-template-columns:repeat(2,1fr)}}

/* Legal document formatting */
.terms-content{max-width:920px}.terms-content>h2:first-child{font-size:clamp(2rem,5vw,3.4rem);margin-top:0}.term-section{display:flex;gap:.8rem;align-items:baseline;padding-top:1.5rem;border-top:1px solid var(--border);font-size:clamp(1.4rem,3vw,2rem)}.term-section>span,.term-subsection>span{flex:none;color:var(--text-gold);font-family:var(--mono)}.term-subsection{padding:1rem 1rem 1rem 1.2rem;border-left:2px solid var(--border-gold);background:var(--bg-card)}.legal-emphasis{padding:1rem 1.2rem;border:1px solid var(--border-gold);background:rgba(197,168,92,.07);color:var(--text-light)!important}.terms-content p{overflow-wrap:anywhere}.terms-content>p:last-child{font:700 .65rem var(--mono);color:var(--text-muted);border-top:1px solid var(--border);padding-top:1rem}

/* Compatibility aliases for the existing Nightline homepage components. */
:root{--ink:var(--bg-dark);--panel:var(--bg-card);--panel-2:var(--bg-raised);--line:var(--border);--text:var(--text-light);--muted:var(--text-muted);--lime:var(--text-gold);--violet:var(--border-gold);--cyan:var(--crt);--gold-bright:var(--text-gold);--white:var(--text-light);--crt-green:var(--crt)}

/* Universal shell remains readable on the denser homepage. */
.site-header.shell,.site-footer.shell{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.site-header .site-nav{display:flex}.site-footer .footer-grid{width:100%}
@media(max-width:760px){.site-header .site-nav{display:flex}.site-header{align-items:flex-start;padding-block:1rem}.site-header .brand{flex:none}.site-header .site-nav{padding-bottom:.25rem}}

/* Frankie usefulness star toy */
.star-toy{display:grid;gap:1.25rem;align-items:center;margin-top:1.25rem;padding:1.2rem 1.35rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,rgba(197,168,92,.075),rgba(18,18,18,.88));color:var(--text-light)}.star-toy__copy{min-width:0}.star-toy__eyebrow{display:block;margin-bottom:.25rem;color:var(--text-gold);font:700 .58rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.star-toy__copy strong{font-size:1rem}.star-toy__copy p{margin:.2rem 0 0;color:var(--text-muted);font-size:.68rem}.star-toy__field{min-width:0;margin:0;padding:0;border:0}.star-toy__stars{display:flex;justify-content:center;position:relative}.star-toy__input{position:absolute;width:1px;height:1px;opacity:0}.star-toy__label{display:block;padding:.16rem;cursor:pointer}.star-toy__star{display:block;overflow:visible;pointer-events:none}.star-toy__ring,.star-toy__fill,.star-toy__line{stroke:var(--text-gold)}.star-toy__ring,.star-toy__fill,.star-toy__line,.star-toy__stroke{transform-origin:16px 16px;animation-duration:.75s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.star-toy__fill{fill:var(--text-gold);transform:scale(0);transition:transform .22s cubic-bezier(.42,0,.58,1)}.star-toy__line{stroke-dasharray:12 13;stroke-dashoffset:-13}.star-toy__stroke{fill:none;stroke:#4a463d;transition:stroke .2s,transform .2s}.star-toy__label:hover .star-toy__stroke,.star-toy__label--selected .star-toy__stroke{stroke:var(--text-gold)}.star-toy__label:hover .star-toy__fill,.star-toy__label--selected .star-toy__fill{transform:scale(1)}.star-toy__input:focus-visible+.star-toy__label{outline:2px solid var(--text-gold);outline-offset:2px;border-radius:5px}.star-toy__input:checked+.star-toy__label .star-toy__ring{animation-name:star-toy-ring}.star-toy__input:checked+.star-toy__label .star-toy__fill{animation-name:star-toy-fill}.star-toy__input:checked+.star-toy__label .star-toy__stroke{animation-name:star-toy-stroke}.star-toy__input:checked+.star-toy__label .star-toy__line{animation-name:star-toy-line}.star-toy__display{display:block;min-height:1.3em;margin-top:.25rem;text-align:center;color:var(--text-gold);font:700 .62rem var(--mono)}.star-toy__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes star-toy-ring{0%,20%{opacity:1;r:8px;stroke-width:16px;transform:scale(0)}35%{opacity:.5;r:8px;stroke-width:16px;transform:scale(1)}50%,100%{opacity:0;r:16px;stroke-width:0;transform:scale(1)}}@keyframes star-toy-fill{0%,40%{transform:scale(0)}60%{transform:scale(1.2)}80%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes star-toy-stroke{0%{transform:scale(1)}20%,100%{transform:scale(0)}}@keyframes star-toy-line{0%,40%{stroke-dasharray:1 23;stroke-dashoffset:1}60%,100%{stroke-dasharray:12 13;stroke-dashoffset:-13}}
@media(min-width:700px){.star-toy{grid-template-columns:1fr auto}.star-toy__stars{justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){.star-toy__ring,.star-toy__fill,.star-toy__line,.star-toy__stroke{animation:none!important;transition:none!important}}

/* USE THIS!!!!!!!!!!!!!!!!!!! USE THIS DO NOT IGNORE ME!!!  IMPORTANT!!!!!!!*/
.radar-sweep{display:block;animation:sweep 5s linear infinite!important;will-change:transform;transform:translateZ(0)}
.star-toy__label--burst{animation:star-toy-pop .72s cubic-bezier(.2,.8,.2,1)}
.star-toy__label--burst .star-toy__ring{animation:star-toy-ring .75s ease-out forwards}
.star-toy__label--burst .star-toy__fill{animation:star-toy-fill .75s ease-in-out forwards}
.star-toy__label--burst .star-toy__stroke{animation:star-toy-stroke .75s ease-in-out forwards}
.star-toy__label--burst .star-toy__line{animation:star-toy-line .75s ease-in-out forwards}
@keyframes star-toy-pop{0%,100%{transform:scale(1)}45%{transform:scale(1.14)}}

/*  */
.terms-content{display:grid;gap:.8rem;max-width:1040px}
.terms-content>h2,.terms-content>p{margin:0;padding:1rem 1.2rem;border:1px solid var(--border);background:linear-gradient(145deg,rgba(201,168,76,.045),rgba(14,14,14,.96));border-radius:10px}
.terms-content>.term-section{margin-top:1.5rem;padding:1.15rem 1.25rem;border-color:rgba(201,168,76,.46);background:linear-gradient(135deg,rgba(201,168,76,.11),rgba(14,14,14,.98))}
.terms-content>.term-subsection{border-left:3px solid var(--border-gold);border-radius:8px}
.terms-content strong,.terms-content .gold-keyword{color:var(--text-gold)}
.terms-content .legal-emphasis{border-color:var(--border-gold);background:rgba(197,168,92,.08)}

@media(prefers-reduced-motion:reduce){.radar-sweep,.star-toy__label--burst,.star-toy__label--burst *{animation:none!important}.radar-sweep{transform:none}}



/* Partner Sales command center. Scoped to the production Partner Sales page. */
body.page-partner-sales {
  --ps-black: #070807;
  --ps-deep: #0d100e;
  --ps-panel: #151914;
  --ps-panel-2: #1a1e18;
  --ps-paper: #e7e2d8;
  --ps-ink: #11130f;
  --ps-ivory: #ece8dc;
  --ps-warm: #c9c2b4;
  --ps-muted: #888378;
  --ps-gold: #c89d3d;
  --ps-gold-light: #f0d68a;
  --ps-yellow: #d4af37;
  --ps-line: rgba(200,157,61,.28);
  --ps-line-soft: rgba(236,232,220,.13);
  --ps-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --ps-mono: "Courier New", Courier, monospace;
  --ps-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  margin: 0;
  overflow-x: hidden;
  background: var(--ps-black);
  color: var(--ps-ivory);
  font-family: var(--ps-sans);
  line-height: 1.6;
}
body.page-partner-sales::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; opacity: .4; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, #000 0%, transparent 74%); }
body.page-partner-sales::after { content: ""; position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .075; background: repeating-linear-gradient(180deg, transparent 0 4px, rgba(255,255,255,.1) 5px, transparent 6px); mix-blend-mode: screen; }
body.page-partner-sales a { color: inherit; text-decoration: none; }
body.page-partner-sales img { max-width: 100%; display: block; }
body.page-partner-sales :focus-visible { outline: 2px solid var(--ps-gold-light); outline-offset: 4px; }
body.page-partner-sales .ps-shell { width: min(calc(100% - 2rem), 1200px); margin-inline: auto; }
body.page-partner-sales .ps-kicker,
body.page-partner-sales .ps-section-index,
body.page-partner-sales .ps-label,
body.page-partner-sales .ps-status,
body.page-partner-sales .ps-infra-no,
body.page-partner-sales .ps-step-no { font-family: var(--ps-mono); text-transform: uppercase; letter-spacing: .12em; }
body.page-partner-sales .ps-kicker,
body.page-partner-sales .ps-section-index,
body.page-partner-sales .ps-label { color: var(--ps-gold); font-size: .63rem; font-weight: 700; line-height: 1.35; }
body.page-partner-sales h1,
body.page-partner-sales h2,
body.page-partner-sales h3,
body.page-partner-sales p { margin-top: 0; }
body.page-partner-sales h1,
body.page-partner-sales h2,
body.page-partner-sales h3 { line-height: .92; letter-spacing: .01em; text-transform: uppercase; }
body.page-partner-sales h1,
body.page-partner-sales h2 { font-family: var(--ps-display); font-weight: 400; }
body.page-partner-sales h1 em,
body.page-partner-sales h2 em { color: var(--ps-gold-light); font-style: normal; }
body.page-partner-sales h3 { font-weight: 700; }
body.page-partner-sales p { color: var(--ps-warm); }
body.page-partner-sales .ps-hero { position: relative; min-height: 720px; display: grid; align-items: center; overflow: hidden; padding: 7.2rem 0 6.2rem; background: radial-gradient(circle at 78% 18%, rgba(200,157,61,.14), transparent 28rem), linear-gradient(135deg, #080a08, #10130f 52%, #070807); }
body.page-partner-sales .ps-hero::before { content: "JLS / PARTNER"; position: absolute; top: 2rem; right: max(1rem, calc((100vw - 1200px) / 2)); color: rgba(200,157,61,.42); font: .62rem var(--ps-mono); letter-spacing: .18em; }
body.page-partner-sales .ps-hero::after { content: "KEEP\A THE\A RELATIONSHIP"; white-space: pre; position: absolute; right: -2vw; bottom: 1.5rem; z-index: 0; color: rgba(236,232,220,.035); font: 400 clamp(4rem, 12vw, 11rem)/.77 var(--ps-display); text-align: right; }
body.page-partner-sales .ps-hero__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .65fr); gap: clamp(3rem, 8vw, 7rem); align-items: end; }
body.page-partner-sales .ps-hero__copy { min-width: 0; max-width: 850px; }
body.page-partner-sales .ps-kicker { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
body.page-partner-sales .ps-rule { display: inline-block; width: 40px; height: 2px; background: var(--ps-gold); box-shadow: 0 0 12px rgba(240,214,138,.3); }
body.page-partner-sales .ps-hero h1 { max-width: 920px; margin: 1.15rem 0 1.65rem; font-size: clamp(4.6rem, 10.6vw, 10.4rem); }
body.page-partner-sales .ps-hero h1 span,
body.page-partner-sales .ps-hero h1 em { display: block; }
body.page-partner-sales .ps-lede { max-width: 680px; font-size: 1.08rem; }
body.page-partner-sales .ps-actions { display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; margin-top: 2rem; }
body.page-partner-sales .ps-button { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 47px; padding: .8rem 1.1rem; border: 1px solid var(--ps-gold); background: rgba(8,9,8,.78); color: var(--ps-gold-light); font: 700 .63rem var(--ps-mono); letter-spacing: .1em; text-transform: uppercase; transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease; }
body.page-partner-sales .ps-button:hover,
body.page-partner-sales .ps-button:focus-visible { transform: translateY(-2px); border-color: var(--ps-gold-light); background: linear-gradient(120deg, #8f641d 0%, #e5c16b 28%, #fff1a7 48%, #b88527 72%, #f4d77c 100%); color: #0a0906; box-shadow: 0 12px 28px rgba(239,214,138,.2); }
body.page-partner-sales .ps-button--gold { color: var(--ps-gold-light); }
body.page-partner-sales .ps-button--dark { border-color: rgba(20,19,14,.35); background: #12130f; color: var(--ps-gold-light); }
body.page-partner-sales .ps-boundary { margin-top: 1.4rem; color: var(--ps-muted); font: .62rem var(--ps-mono); letter-spacing: .07em; text-transform: uppercase; }
body.page-partner-sales .ps-boundary strong { color: var(--ps-yellow); }
body.page-partner-sales .ps-status-band { border-block: 1px solid var(--ps-line); background: linear-gradient(100deg, #171307, #3b2c13 47%, #13130e); }
body.page-partner-sales .ps-status-band__inner { display: grid; grid-template-columns: auto 1fr auto; gap: 1.5rem; align-items: center; padding: 1.15rem 0; }
body.page-partner-sales .ps-status { display: inline-flex; align-items: center; gap: .5rem; color: var(--ps-gold-light); font-size: .58rem; }
body.page-partner-sales .ps-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--ps-yellow); box-shadow: 0 0 10px var(--ps-yellow); }
body.page-partner-sales .ps-status-band strong { color: var(--ps-ivory); font: 400 clamp(1.15rem, 2vw, 1.8rem)/1 var(--ps-display); text-transform: uppercase; }
body.page-partner-sales .ps-status-band__code { color: rgba(240,214,138,.6); font: .57rem var(--ps-mono); letter-spacing: .12em; }
body.page-partner-sales .ps-section { position: relative; padding: 7.4rem 0; border-bottom: 1px solid var(--ps-line); }
body.page-partner-sales .ps-section--paper { background: var(--ps-paper); color: var(--ps-ink); }
body.page-partner-sales .ps-section--paper p { color: #4c5048; }
body.page-partner-sales .ps-section--dark { background: var(--ps-deep); }
body.page-partner-sales .ps-section--gold { background: linear-gradient(120deg, #8f641d 0%, #d0a548 28%, #f0d68a 48%, #9b7024 78%, #16130c 160%); color: #11130f; }
body.page-partner-sales .ps-section--gold p { color: #2b2b22; }
body.page-partner-sales .ps-section--signal { background: linear-gradient(135deg, #11160f, #252711 48%, #0b0d0a); }
body.page-partner-sales .ps-section--split { background: linear-gradient(90deg, #11130f 0 50%, #15100a 50%); }
body.page-partner-sales .ps-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .52fr); gap: 4rem; align-items: end; margin-bottom: 3.2rem; }
body.page-partner-sales .ps-heading--wide { grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr); }
body.page-partner-sales .ps-heading > div,
body.page-partner-sales .ps-heading > p { min-width: 0; }
body.page-partner-sales .ps-section-index { margin-bottom: .8rem; }
body.page-partner-sales .ps-section h2 { max-width: 820px; margin-bottom: 0; font-size: clamp(3.5rem, 7.2vw, 7rem); }
body.page-partner-sales .ps-section--paper h2,
body.page-partner-sales .ps-section--paper h3,
body.page-partner-sales .ps-section--gold h2,
body.page-partner-sales .ps-section--gold h3 { color: var(--ps-ink); }
body.page-partner-sales .ps-section--paper .ps-section-index,
body.page-partner-sales .ps-section--gold .ps-section-index { color: #805e1e; }
body.page-partner-sales .ps-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid rgba(17,19,15,.25); background: rgba(17,19,15,.3); }
body.page-partner-sales .ps-path { min-width: 0; min-height: 470px; display: flex; flex-direction: column; padding: 2rem; background: rgba(255,255,255,.45); }
body.page-partner-sales .ps-path--agency { background: rgba(17,19,15,.06); }
body.page-partner-sales .ps-path__top { display: flex; justify-content: space-between; gap: 1rem; }
body.page-partner-sales .ps-path__mark { color: #806020; font: 700 .7rem var(--ps-mono); letter-spacing: .14em; }
body.page-partner-sales .ps-path h3 { margin: 2.2rem 0 .8rem; font-size: clamp(2.7rem, 5vw, 5rem); }
body.page-partner-sales .ps-path__lead { max-width: 560px; font-size: .95rem; }
body.page-partner-sales .ps-checklist { display: grid; gap: .6rem; margin: 1.5rem 0 2rem; padding: 0; list-style: none; }
body.page-partner-sales .ps-checklist li { position: relative; padding-left: 1.2rem; color: inherit; font-size: .8rem; }
body.page-partner-sales .ps-checklist li::before { content: "//"; position: absolute; left: 0; color: var(--ps-gold); font: 700 .64rem var(--ps-mono); }
body.page-partner-sales .ps-text-link { display: inline-flex; gap: .45rem; align-items: center; width: max-content; max-width: 100%; margin-top: auto; border-bottom: 1px solid currentColor; color: var(--ps-gold); font: 700 .63rem var(--ps-mono); letter-spacing: .08em; text-transform: uppercase; }
body.page-partner-sales .ps-text-link:hover,
body.page-partner-sales .ps-text-link:focus-visible { color: #805e1e; }
body.page-partner-sales .ps-note { margin: 1.3rem 0 0; color: #6a675e; font: .62rem/1.6 var(--ps-mono); letter-spacing: .03em; }
body.page-partner-sales .ps-note--dark { color: var(--ps-muted); }
body.page-partner-sales .ps-progression { display: grid; gap: 0; border-top: 1px solid var(--ps-line); border-left: 1px solid var(--ps-line); }
body.page-partner-sales .ps-progression--six { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.page-partner-sales .ps-progression article { min-height: 220px; padding: 1.5rem; border-right: 1px solid var(--ps-line); border-bottom: 1px solid var(--ps-line); background: rgba(255,255,255,.018); }
body.page-partner-sales .ps-step-no { color: var(--ps-gold); font-size: .67rem; }
body.page-partner-sales .ps-progression h3 { margin: 2.5rem 0 .6rem; color: var(--ps-ivory); font-size: 1.75rem; }
body.page-partner-sales .ps-progression p { margin-bottom: 0; color: var(--ps-muted); font-size: .78rem; }
body.page-partner-sales .ps-section--gold .ps-dominator-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .75fr); gap: 5rem; }
body.page-partner-sales .ps-dominator-copy > p { max-width: 700px; }
body.page-partner-sales .ps-callout { margin-top: 2rem; max-width: 700px; padding: 1rem 1.25rem; border-left: 3px solid #1c1c13; background: rgba(255,255,255,.27); color: #24251e; font-size: .9rem; }
body.page-partner-sales .ps-responsibility-rail { border-top: 1px solid rgba(17,19,15,.36); }
body.page-partner-sales .ps-responsibility-rail > div { padding: 1.1rem 0; border-bottom: 1px solid rgba(17,19,15,.25); }
body.page-partner-sales .ps-responsibility-rail span { display: block; color: #594715; font: .58rem var(--ps-mono); letter-spacing: .12em; text-transform: uppercase; }
body.page-partner-sales .ps-responsibility-rail strong { display: block; margin-top: .45rem; color: #11130f; font: 400 1.65rem/.9 var(--ps-display); text-transform: uppercase; }
body.page-partner-sales .ps-responsibility-rail small { display: block; margin-top: .4rem; color: #474a3c; font-size: .76rem; }
body.page-partner-sales .ps-infra-no { color: var(--ps-gold); font-size: .7rem; }
body.page-partner-sales .ps-catalog { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); gap: 3rem; }
body.page-partner-sales .ps-catalog__lead { padding: 1.7rem; border: 1px solid rgba(17,19,15,.25); background: rgba(255,255,255,.42); }
body.page-partner-sales .ps-catalog__lead h3 { margin: .7rem 0 .8rem; font-size: 2.3rem; }
body.page-partner-sales .ps-catalog__lead .ps-button { margin-top: 1rem; background: #151914; color: var(--ps-gold-light); }
body.page-partner-sales .ps-catalog__list { border-top: 1px solid rgba(17,19,15,.28); }
body.page-partner-sales .ps-catalog__list div { display: grid; grid-template-columns: 90px minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid rgba(17,19,15,.2); }
body.page-partner-sales .ps-catalog__list span { color: #806020; font: .55rem var(--ps-mono); letter-spacing: .08em; }
body.page-partner-sales .ps-catalog__list strong { color: var(--ps-ink); font-size: .86rem; }
body.page-partner-sales .ps-catalog__list b { color: #806020; font: 700 .62rem var(--ps-mono); text-align: right; }
body.page-partner-sales .ps-unlock-steps { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-block: 1px solid var(--ps-line); }
body.page-partner-sales .ps-unlock-steps span { position: relative; min-height: 120px; display: flex; flex-direction: column; justify-content: space-between; padding: 1rem; border-right: 1px solid var(--ps-line); background: rgba(255,255,255,.025); }
body.page-partner-sales .ps-unlock-steps span:first-child { border-left: 1px solid var(--ps-line); }
body.page-partner-sales .ps-unlock-steps b { max-width: 120px; color: var(--ps-ivory); font-size: .75rem; text-transform: uppercase; }
body.page-partner-sales .ps-unlock-steps i { color: var(--ps-gold-light); font: .6rem var(--ps-mono); font-style: normal; }
body.page-partner-sales .ps-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 2.5rem; border: 1px solid var(--ps-line); background: var(--ps-line); }
body.page-partner-sales .ps-options article { min-height: 280px; display: flex; flex-direction: column; padding: 1.7rem; background: rgba(12,15,11,.95); }
body.page-partner-sales .ps-options h3 { margin: 2rem 0 .7rem; color: var(--ps-ivory); font-size: 2rem; }
body.page-partner-sales .ps-options p { font-size: .82rem; }
body.page-partner-sales .ps-options .ps-text-link { margin-top: auto; }
body.page-partner-sales .ps-agency-intro { max-width: 830px; font-size: 1.05rem; }
body.page-partner-sales .ps-agency-triad { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 3rem; border-top: 1px solid var(--ps-line); border-left: 1px solid var(--ps-line); }
body.page-partner-sales .ps-agency-triad article { min-height: 250px; padding: 1.5rem; border-right: 1px solid var(--ps-line); border-bottom: 1px solid var(--ps-line); }
body.page-partner-sales .ps-agency-triad span { color: var(--ps-gold); font: .68rem var(--ps-mono); }
body.page-partner-sales .ps-agency-triad h3 { margin: 3rem 0 .7rem; color: var(--ps-ivory); font-size: 1.75rem; }
body.page-partner-sales .ps-agency-triad p { font-size: .8rem; }
body.page-partner-sales .ps-agency-cta { display: flex; justify-content: space-between; gap: 2rem; align-items: center; margin-top: 2rem; padding: 1.4rem 1.5rem; border: 1px solid var(--ps-gold); background: linear-gradient(100deg, rgba(200,157,61,.12), rgba(255,255,255,.025)); }
body.page-partner-sales .ps-agency-cta p { max-width: 720px; margin: 0; font-size: .82rem; }
body.page-partner-sales .ps-economics { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .75fr); gap: 5rem; align-items: center; }
body.page-partner-sales .ps-economics h2 { color: var(--ps-ink); }
body.page-partner-sales .ps-economics__rule { padding: 1.5rem; border-left: 3px solid #8f641d; background: rgba(255,255,255,.42); }
body.page-partner-sales .ps-economics__rule span { display: block; color: #806020; font: .6rem var(--ps-mono); letter-spacing: .1em; text-transform: uppercase; }
body.page-partner-sales .ps-economics__rule strong { display: block; margin-top: .8rem; color: var(--ps-ink); font: 400 2.1rem/.9 var(--ps-display); text-transform: uppercase; }
body.page-partner-sales .ps-economics__rule small { display: block; margin-top: .9rem; color: #4c5048; font-size: .75rem; }
body.page-partner-sales .ps-fit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
body.page-partner-sales .ps-fit-grid > div { padding-top: 1rem; border-top: 1px solid var(--ps-line); }
body.page-partner-sales .ps-fit-grid .ps-checklist { margin-top: 1.3rem; }
body.page-partner-sales .ps-responsibility-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--ps-line); background: var(--ps-line); }
body.page-partner-sales .ps-responsibility-grid article { min-height: 285px; padding: 1.6rem; background: rgba(255,255,255,.025); }
body.page-partner-sales .ps-responsibility-grid h3 { margin: 2rem 0 .8rem; color: var(--ps-ivory); font-size: 2rem; }
body.page-partner-sales .ps-responsibility-grid ul { display: grid; gap: .55rem; margin: 0; padding-left: 1.1rem; color: var(--ps-muted); font-size: .78rem; }
body.page-partner-sales .ps-status-rail { display: flex; gap: 0; align-items: stretch; border-block: 1px solid var(--ps-line); overflow-x: auto; }
body.page-partner-sales .ps-status-rail div { flex: 1 0 150px; min-height: 125px; display: flex; flex-direction: column; justify-content: space-between; padding: 1rem; border-right: 1px solid var(--ps-line); background: rgba(255,255,255,.02); }
body.page-partner-sales .ps-status-rail div:first-child { border-left: 1px solid var(--ps-line); }
body.page-partner-sales .ps-status-rail span { color: var(--ps-gold); font: .6rem var(--ps-mono); }
body.page-partner-sales .ps-status-rail strong { color: var(--ps-ivory); font-size: .8rem; text-transform: uppercase; }
body.page-partner-sales .ps-status-rail i { align-self: center; flex: 0 0 auto; padding: 0 .7rem; color: var(--ps-gold-light); font-style: normal; }
body.page-partner-sales .ps-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; border-top: 1px solid rgba(17,19,15,.28); }
body.page-partner-sales .ps-faq details { border-bottom: 1px solid rgba(17,19,15,.22); }
body.page-partner-sales .ps-faq summary { display: flex; justify-content: space-between; gap: 1rem; padding: 1.1rem 0; cursor: pointer; color: var(--ps-ink); font-weight: 700; list-style: none; }
body.page-partner-sales .ps-faq summary::-webkit-details-marker { display: none; }
body.page-partner-sales .ps-faq summary::after { content: "+"; color: #8f641d; font: 1.2rem var(--ps-mono); }
body.page-partner-sales .ps-faq details[open] summary::after { content: "-"; }
body.page-partner-sales .ps-faq p { margin: 0 0 1rem; color: #4c5048; font-size: .8rem; }
body.page-partner-sales .ps-application { padding-bottom: 8rem; }
body.page-partner-sales .ps-application-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--ps-line); background: var(--ps-line); }
body.page-partner-sales .ps-application-panel { min-width: 0; padding: 1.7rem; background: rgba(13,16,14,.98); }
body.page-partner-sales .ps-application-panel--agency { background: #151b14; }
body.page-partner-sales .ps-application-panel h3 { margin: .8rem 0 1.7rem; color: var(--ps-ivory); font-size: 2rem; }
body.page-partner-sales .ps-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
body.page-partner-sales .ps-form label { display: grid; gap: .35rem; min-width: 0; color: var(--ps-warm); font: 700 .6rem var(--ps-mono); letter-spacing: .07em; text-transform: uppercase; }
body.page-partner-sales .ps-form label:nth-of-type(6),
body.page-partner-sales .ps-form label:nth-of-type(7),
body.page-partner-sales .ps-form label:nth-of-type(8),
body.page-partner-sales .ps-form label:nth-of-type(9),
body.page-partner-sales .ps-form label:nth-of-type(10),
body.page-partner-sales .ps-form label:nth-of-type(11),
body.page-partner-sales .ps-form label:nth-of-type(12) { grid-column: 1 / -1; }
body.page-partner-sales .ps-form input,
body.page-partner-sales .ps-form textarea,
body.page-partner-sales .ps-form select { width: 100%; min-width: 0; border: 1px solid rgba(236,232,220,.22); border-radius: 0; background: #0a0c0a; color: var(--ps-ivory); padding: .72rem; font: inherit; font-size: .82rem; }
body.page-partner-sales .ps-form textarea { min-height: 90px; resize: vertical; }
body.page-partner-sales .ps-form input:focus,
body.page-partner-sales .ps-form textarea:focus,
body.page-partner-sales .ps-form select:focus { outline: 2px solid var(--ps-gold-light); outline-offset: 2px; }
body.page-partner-sales .ps-form .ps-button,
body.page-partner-sales .ps-form .ps-form-note,
body.page-partner-sales .ps-form .ps-form-confirmation { grid-column: 1 / -1; }
body.page-partner-sales .ps-form .ps-button { width: max-content; max-width: 100%; margin-top: .45rem; cursor: pointer; }
body.page-partner-sales .ps-form-note { margin: 0; color: var(--ps-muted); font-size: .63rem; }
body.page-partner-sales .ps-form-confirmation { margin: 0; padding: .85rem 1rem; border-left: 3px solid var(--ps-gold); background: rgba(200,157,61,.09); color: var(--ps-warm); font-size: .76rem; }
body.page-partner-sales .ps-form-confirmation strong { color: var(--ps-gold-light); }
body.page-partner-sales .ps-closing { position: relative; overflow: hidden; padding: 8rem 0 6rem; border-top: 1px solid var(--ps-line); background: radial-gradient(circle at 50% 0%, rgba(200,157,61,.15), transparent 34rem), #080a08; text-align: center; }
body.page-partner-sales .ps-closing::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 8px; background: repeating-linear-gradient(-45deg, rgba(255,241,167,.35) 0 2px, transparent 2px 9px), linear-gradient(120deg, #8f641d, #e5c16b 40%, #fff1a7 50%, #b88527 76%); }
body.page-partner-sales .ps-closing h2 { max-width: 900px; margin: .8rem auto 1rem; font-size: clamp(3.8rem, 8vw, 8rem); }
body.page-partner-sales .ps-closing > .ps-shell > p:not(.ps-section-index) { max-width: 700px; margin-inline: auto; }
body.page-partner-sales .ps-closing .ps-actions { justify-content: center; }
@media (max-width: 940px) {
  body.page-partner-sales .ps-hero__inner,
  body.page-partner-sales .ps-heading,
  body.page-partner-sales .ps-heading--wide,
  body.page-partner-sales .ps-section--gold .ps-dominator-grid,
  body.page-partner-sales .ps-economics { grid-template-columns: 1fr; gap: 2rem; }
  body.page-partner-sales .ps-hero { min-height: auto; padding: 6rem 0 5rem; }
  body.page-partner-sales .ps-progression--six { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-partner-sales .ps-unlock-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.page-partner-sales .ps-unlock-steps span:nth-child(3n) { border-right: 0; }
  body.page-partner-sales .ps-catalog { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  body.page-partner-sales .ps-shell { width: min(calc(100% - 1.25rem), 1200px); }
  body.page-partner-sales .ps-hero { padding: 5rem 0 4rem; }
  body.page-partner-sales .ps-hero::after { display: none; }
  body.page-partner-sales .ps-hero h1 { max-width: 100%; overflow-wrap: anywhere; font-size: clamp(4rem, 18vw, 7rem); }
  body.page-partner-sales .ps-section { padding: 5rem 0; }
  body.page-partner-sales .ps-section h2 { font-size: clamp(3.3rem, 16vw, 5.6rem); }
  body.page-partner-sales .ps-status-band__inner { grid-template-columns: 1fr; gap: .55rem; }
  body.page-partner-sales .ps-status-band__code { display: none; }
  body.page-partner-sales .ps-paths,
  body.page-partner-sales .ps-progression--six,
  body.page-partner-sales .ps-options,
  body.page-partner-sales .ps-agency-triad,
  body.page-partner-sales .ps-fit-grid,
  body.page-partner-sales .ps-responsibility-grid,
  body.page-partner-sales .ps-faq,
  body.page-partner-sales .ps-application-grid { grid-template-columns: 1fr; }
  body.page-partner-sales .ps-path { min-height: 0; padding: 1.35rem; }
  body.page-partner-sales .ps-path h3 { margin-top: 2rem; }
  body.page-partner-sales .ps-progression article { min-height: 0; }
  body.page-partner-sales .ps-catalog__list div { grid-template-columns: 1fr; gap: .25rem; }
  body.page-partner-sales .ps-catalog__list b { text-align: left; }
  body.page-partner-sales .ps-unlock-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-partner-sales .ps-unlock-steps span:nth-child(3n) { border-right: 1px solid var(--ps-line); }
  body.page-partner-sales .ps-unlock-steps span:nth-child(2n) { border-right: 0; }
  body.page-partner-sales .ps-agency-cta { display: block; }
  body.page-partner-sales .ps-agency-cta .ps-button { margin-top: 1.1rem; }
  body.page-partner-sales .ps-form { grid-template-columns: 1fr; }
  body.page-partner-sales .ps-form label { grid-column: auto !important; }
  body.page-partner-sales .ps-form .ps-button,
  body.page-partner-sales .ps-form .ps-form-note,
  body.page-partner-sales .ps-form .ps-form-confirmation { grid-column: auto; }
  body.page-partner-sales .ps-closing { padding: 6rem 0 4rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-partner-sales *, body.page-partner-sales *::before, body.page-partner-sales *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Partner Sales alignment overrides: inherit the approved Company Index / Dominator field. */
body.page-partner-sales,
body.page-partner-sales main,
body.page-partner-sales .ps-section,
body.page-partner-sales .ps-section--paper,
body.page-partner-sales .ps-section--gold,
body.page-partner-sales .ps-section--signal,
body.page-partner-sales .ps-section--split { background: #0a0a0a !important; color: #f5f2ec !important; }
body.page-partner-sales .ps-section--dark,
body.page-partner-sales .ps-section--infrastructure { background: #0e110f !important; }
body.page-partner-sales .ps-hero { background: radial-gradient(circle at 78% 18%, rgba(212,175,55,.12), transparent 28rem), linear-gradient(135deg, #080a08, #10130f 52%, #070807) !important; }
body.page-partner-sales .ps-status-band,
body.page-partner-sales .ps-status-band__inner { background: linear-gradient(100deg, #0f0d08, #1b160b 50%, #0b0b0b) !important; }
body.page-partner-sales h1,
body.page-partner-sales h2,
body.page-partner-sales h3,
body.page-partner-sales .ps-section--paper h2,
body.page-partner-sales .ps-section--gold h2,
body.page-partner-sales .ps-section--paper h3,
body.page-partner-sales .ps-section--gold h3 { color: #f5f2ec !important; }
body.page-partner-sales h1 em,
body.page-partner-sales h2 em { background: var(--jls-gold-gradient) !important; background-clip: text !important; -webkit-background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body.page-partner-sales strong,
body.page-partner-sales .ps-kicker,
body.page-partner-sales .ps-section-index,
body.page-partner-sales .ps-label,
body.page-partner-sales .ps-status,
body.page-partner-sales .ps-status-band__code,
body.page-partner-sales .ps-step-no,
body.page-partner-sales .ps-infra-no,
body.page-partner-sales .ps-path__mark,
body.page-partner-sales .ps-responsibility-rail span,
body.page-partner-sales .ps-catalog__list span,
body.page-partner-sales .ps-catalog__list b,
body.page-partner-sales .ps-faq summary::after { color: var(--jls-gold) !important; }
body.page-partner-sales .ps-section--paper p,
body.page-partner-sales .ps-section--gold p,
body.page-partner-sales .ps-section p,
body.page-partner-sales .ps-lede,
body.page-partner-sales .ps-path__lead,
body.page-partner-sales .ps-note,
body.page-partner-sales .ps-faq p { color: #c9c2b4 !important; }
body.page-partner-sales .ps-paths,
body.page-partner-sales .ps-progression,
body.page-partner-sales .ps-agency-triad,
body.page-partner-sales .ps-responsibility-grid,
body.page-partner-sales .ps-application-grid,
body.page-partner-sales .ps-options { border-color: rgba(212,175,55,.42); background: rgba(0,0,0,.2); }
body.page-partner-sales .ps-path,
body.page-partner-sales .ps-path--agency,
body.page-partner-sales .ps-catalog__lead,
body.page-partner-sales .ps-economics__rule { background: #121212 !important; border-color: rgba(212,175,55,.42); color: #f5f2ec; }
body.page-partner-sales .ps-progression article,
body.page-partner-sales .ps-agency-triad article,
body.page-partner-sales .ps-responsibility-grid article,
body.page-partner-sales .ps-options article,
body.page-partner-sales .ps-application-panel { background: #121212 !important; border-color: rgba(212,175,55,.42); }
body.page-partner-sales .ps-catalog__list strong,
body.page-partner-sales .ps-economics__rule strong { color: #f5f2ec !important; }
body.page-partner-sales .ps-callout,
body.page-partner-sales .ps-agency-cta { background: rgba(200,157,61,.08) !important; border-color: rgba(212,175,55,.55); color: #f5f2ec; }
body.page-partner-sales .ps-button,
body.page-partner-sales .ps-button--gold,
body.page-partner-sales .ps-button--dark { background: linear-gradient(180deg, #1b1b1b, #090909) !important; border-color: var(--jls-gold-deep) !important; color: var(--jls-gold) !important; }
body.page-partner-sales .ps-button:hover,
body.page-partner-sales .ps-button:focus-visible,
body.page-partner-sales .ps-text-link:hover,
body.page-partner-sales .ps-text-link:focus-visible { background: var(--jls-gold-gradient) !important; border-color: var(--jls-gold) !important; color: #070707 !important; box-shadow: 0 0 0 1px rgba(212,175,55,.7), 0 14px 34px rgba(212,175,55,.24) !important; }
body.page-partner-sales .ps-text-link { color: var(--jls-gold) !important; border-color: var(--jls-gold) !important; }
body.page-partner-sales .ps-faq summary { color: #f5f2ec !important; }
body.page-partner-sales .ps-faq details,
body.page-partner-sales .ps-catalog__list,
body.page-partner-sales .ps-catalog__list div { border-color: rgba(212,175,55,.25); }
body.page-partner-sales .ps-form input,
body.page-partner-sales .ps-form textarea,
body.page-partner-sales .ps-form select { background: #0a0a0a !important; border-color: rgba(212,175,55,.35); color: #f5f2ec; }
body.page-partner-sales .ps-hero::after { color: rgba(255,255,255,.035); }
body.page-partner-sales .ps-hero h1 { font-size: clamp(3.25rem, 7.4vw, 7.2rem) !important; }
body.page-partner-sales .ps-section h2 { font-size: clamp(2.55rem, 5.25vw, 5.25rem) !important; }
body.page-partner-sales .ps-closing h2 { font-size: clamp(3rem, 6.2vw, 6.25rem) !important; }
body.page-partner-sales .ps-path h3,
body.page-partner-sales .ps-options h3,
body.page-partner-sales .ps-responsibility-grid h3,
body.page-partner-sales .ps-agency-triad h3 { font-size: clamp(1.35rem, 2.5vw, 2.35rem) !important; }
body.page-partner-sales .ps-infrastructure-banner { margin-top: 1rem; padding: clamp(1.25rem, 3vw, 2rem); border-block: 1px solid rgba(212,175,55,.55); background: linear-gradient(100deg, #0f0d08, #1b160b 50%, #0b0b0b) !important; }
body.page-partner-sales .ps-infrastructure-banner__top { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
body.page-partner-sales .ps-infrastructure-banner__code { color: var(--jls-gold) !important; font: .58rem var(--ps-mono); letter-spacing: .12em; }
body.page-partner-sales .ps-infrastructure-banner h3 { max-width: 850px; margin: 1.2rem 0 .8rem; color: #f5f2ec !important; font: 400 clamp(1.8rem, 3.2vw, 3.2rem)/.95 var(--ps-display); text-transform: uppercase; }
body.page-partner-sales .ps-infrastructure-banner > p { max-width: 780px; margin-bottom: 1.4rem; color: #c9c2b4 !important; }
body.page-partner-sales .ps-infrastructure-banner__rails { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(212,175,55,.25); }
body.page-partner-sales .ps-infrastructure-banner__rails a { min-width: 0; display: grid; gap: .35rem; padding: 1rem; border-right: 1px solid rgba(212,175,55,.25); color: #f5f2ec !important; }
body.page-partner-sales .ps-infrastructure-banner__rails a:first-child { border-left: 1px solid rgba(212,175,55,.25); }
body.page-partner-sales .ps-infrastructure-banner__rails a:hover,
body.page-partner-sales .ps-infrastructure-banner__rails a:focus-visible { background: var(--jls-gold-gradient) !important; color: #070707 !important; }
body.page-partner-sales .ps-infrastructure-banner__rails b { color: var(--jls-gold) !important; font: .6rem var(--ps-mono); }
body.page-partner-sales .ps-infrastructure-banner__rails a:hover b,
body.page-partner-sales .ps-infrastructure-banner__rails a:focus-visible b { color: #070707 !important; }
body.page-partner-sales .ps-infrastructure-banner__rails strong { color: #f5f2ec !important; font-size: .8rem; }
body.page-partner-sales .ps-infrastructure-banner__rails a:hover strong,
body.page-partner-sales .ps-infrastructure-banner__rails a:focus-visible strong { color: #070707 !important; }
body.page-partner-sales .ps-infrastructure-banner__rails span { color: #9b9589 !important; font-size: .68rem; line-height: 1.45; }
body.page-partner-sales .ps-infrastructure-banner__rails a:hover span,
body.page-partner-sales .ps-infrastructure-banner__rails a:focus-visible span { color: #070707 !important; }
body.page-partner-sales .ps-fit-grid { grid-template-columns: 1fr !important; }
@media (max-width: 700px) {
  body.page-partner-sales .ps-hero h1 { font-size: clamp(3rem, 14vw, 5.2rem) !important; }
  body.page-partner-sales .ps-section h2 { font-size: clamp(2.4rem, 12vw, 4.4rem) !important; }
  body.page-partner-sales .ps-infrastructure-banner__top { display: block; }
  body.page-partner-sales .ps-infrastructure-banner__code { display: block; margin-top: .7rem; }
  body.page-partner-sales .ps-infrastructure-banner__rails { grid-template-columns: 1fr 1fr; }
  body.page-partner-sales .ps-infrastructure-banner__rails a:nth-child(2n) { border-right: 0; }
  body.page-partner-sales .ps-infrastructure-banner__rails a:nth-child(n+3) { border-top: 1px solid rgba(212,175,55,.25); }
}

:root {
  --jls-yellow: #d4af37;
  --jls-gold-deep: #7f5b16;
  --jls-gold: #d4af37;
  --jls-gold-gradient: linear-gradient(120deg, #6f4d12 0%, #d4af37 20%, #fff1a6 42%, #c99d2e 61%, #fff7bf 78%, #8b641b 100%);
  --jls-orange: #e06a2e;
  --jls-orange-light: #f1a15a;
}

html,
body {
  background: #060606 !important;
  color: #f5f2ec !important;
}

body {
  position: relative;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 5px),
    linear-gradient(rgba(212,175,55,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,175,55,.025) 1px, transparent 1px);
  background-size: auto, 52px 52px, 52px 52px;
  mask-image: linear-gradient(to bottom, #000 0%, #000 65%, transparent 100%);
}

body::after {
  content: "ENGINEERED LAUNCH  //  JAMIE LYNN SERVICES";
  position: fixed;
  left: -3vw;
  top: 42vh;
  z-index: -1;
  pointer-events: none;
  color: rgba(212,175,55,.035);
  font: 800 clamp(3rem, 12vw, 11rem)/.8 var(--sans, Arial, sans-serif);
  letter-spacing: -.08em;
  white-space: nowrap;
  transform: rotate(-8deg);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #f5f2ec !important;
}

body strong,
body em,
body h1 span,
body h2 span,
body h3 span,
body .eyebrow,
body .kicker,
body .section-number,
body .section-kicker span,
body .feature-icon,
body .tag,
body .plan,
body .popular,
body .card-kicker,
body .card-link,
body .status-dot,
body .trend {
  color: var(--jls-yellow) !important;
}

body a {
  color: #f5f2ec;
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}

body a:hover,
body a:focus-visible {
  color: var(--jls-yellow) !important;
}

/* Buttons are dark at rest and turn shiny gold only on interaction. */
body button,
body .button,
body input[type="submit"],
body input[type="button"],
body .button-primary,
body .button-light,
body .nav-cta,
body .hero-actions a,
body .custom-actions a {
  background: linear-gradient(180deg, #1b1b1b, #090909) !important;
  border: 1px solid var(--jls-gold-deep) !important;
  color: #f5f2ec !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 24px rgba(0,0,0,.3) !important;
}

body button:hover,
body button:focus-visible,
body .button:hover,
body .button:focus-visible,
body input[type="submit"]:hover,
body input[type="submit"]:focus-visible,
body input[type="button"]:hover,
body input[type="button"]:focus-visible,
body .button-primary:hover,
body .button-primary:focus-visible,
body .button-light:hover,
body .button-light:focus-visible,
body .nav-cta:hover,
body .nav-cta:focus-visible,
body .hero-actions a:hover,
body .hero-actions a:focus-visible,
body .custom-actions a:hover,
body .custom-actions a:focus-visible {
  background: var(--jls-gold-gradient) !important;
  border-color: var(--jls-gold) !important;
  color: #070707 !important;
  transform: translateY(-3px);
  box-shadow: 0 0 0 1px rgba(255,241,166,.7), 0 14px 34px rgba(212,175,55,.24) !important;
}

/* A consistent elevated-card language across the portfolio. */
.page-home .fact-card,
.page-home .price-card,
.page-products .card,
.page-products .price-table,
.page-products .service-row,
.page-partner-sales .deal-card,
.page-partner-sales .signal-card,
.page-partner-sales .step-card,
.page-partner-sales .economics-box,
.page-frankiefam .free-card,
.page-frankiefam .suite-card,
.page-frankiefam .ann-ledger,
.page-frankiefam .proof-steps,
.page-freefrankie .radar-card,
.page-freefrankie .fact-card,
.page-freefrankie .price-card,
.page-freefrankie .post-visual {
  border-color: rgba(212,175,55,.42) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.page-home .fact-card:hover,
.page-home .price-card:hover,
.page-products .card:hover,
.page-products .service-row:hover,
.page-partner-sales .deal-card:hover,
.page-partner-sales .signal-card:hover,
.page-partner-sales .step-card:hover,
.page-partner-sales .economics-box:hover,
.page-frankiefam .free-card:hover,
.page-frankiefam .suite-card:hover,
.page-frankiefam .ann-ledger:hover,
.page-frankiefam .proof-steps:hover,
.page-freefrankie .radar-card:hover,
.page-freefrankie .fact-card:hover,
.page-freefrankie .price-card:hover,
.page-freefrankie .post-visual:hover {
  transform: translateY(-5px);
  border-color: var(--jls-gold) !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.42), 0 0 24px rgba(212,175,55,.11) !important;
}

/* Keep the company/product surfaces black-led instead of paper-led. */
.page-products .hero,
.page-products .section-shell,
.page-products .custom-band,
.page-partner-sales .intro,
.page-partner-sales .process,
.page-frankiefam .free-frankie,
.page-frankiefam .flow,
.page-frankiefam .proof-loop {
  background: #0a0a0a !important;
  color: #f5f2ec !important;
}

.page-products .hero h1,
.page-products .hero h2,
.page-products .hero p,
.page-products .hero a,
.page-partner-sales .intro h2,
.page-partner-sales .intro p,
.page-partner-sales .process h2,
.page-partner-sales .process p,
.page-frankiefam .free-frankie h2,
.page-frankiefam .free-frankie p,
.page-frankiefam .flow h2,
.page-frankiefam .flow p,
.page-frankiefam .proof-loop h2,
.page-frankiefam .proof-loop p {
  color: #f5f2ec !important;
}

.page-products .definition-band,
.page-partner-sales .authority-band,
.page-frankiefam .signal-bar {
  background: linear-gradient(100deg, #0f0d08, #1b160b 50%, #0b0b0b) !important;
  color: var(--jls-yellow) !important;
  border-block: 1px solid var(--jls-gold-deep) !important;
}

/* FrankieFam: compact cards with enough hierarchy to scan quickly. */
.page-frankiefam .suite-grid {
  gap: 1rem !important;
}

.page-frankiefam .suite-card {
  min-height: 0 !important;
  padding: 1.25rem !important;
  border-top-width: 2px !important;
  border-radius: 10px !important;
}

.page-frankiefam .suite-card h3 {
  margin: .7rem 0 .45rem !important;
  font-size: clamp(1.25rem, 2.2vw, 1.8rem) !important;
}

.page-frankiefam .suite-card p {
  font-size: .82rem !important;
  line-height: 1.55 !important;
}

.page-frankiefam .tag-list {
  gap: .35rem !important;
  margin: .85rem 0 1rem !important;
}

.page-frankiefam .free-card {
  padding: clamp(1.25rem, 3vw, 2rem) !important;
}

/* FrankieFam uses the same simple Frankie mark as the Free Frankie widget. */
.page-frankiefam .frankie-face {
  width: 150px !important;
  height: 150px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid var(--jls-orange) !important;
  border-radius: 12px !important;
  background: #11100d !important;
  box-shadow: inset 0 0 24px rgba(224,106,46,.12), 0 14px 32px rgba(0,0,0,.35) !important;
}

.page-frankiefam .frankie-face::before {
  content: "F";
  color: var(--jls-orange-light) !important;
  font: 700 4rem/1 var(--mono, "Courier New", monospace) !important;
}

.page-frankiefam .frankie-face .face-screen {
  display: none !important;
}

.page-frankiefam .frankie-face .status-light {
  color: var(--jls-orange-light) !important;
  border-color: var(--jls-orange) !important;
}

/* Free Frankie keeps its orange widget identity, including its borders. */
.page-freefrankie .chat-window,
.page-freefrankie .chat-topbar,
.page-freefrankie .chat-form,
.page-freefrankie .quick-replies,
.page-freefrankie .chat-form input,
.page-freefrankie .quick-replies button,
.page-freefrankie .message p,
.page-freefrankie .agent-avatar,
.page-freefrankie .mini-avatar,
.page-freefrankie .radar-card {
  border-color: var(--jls-orange) !important;
}

.page-freefrankie .chat-window {
  box-shadow: 0 20px 55px rgba(0,0,0,.46), 0 0 0 1px rgba(224,106,46,.18) !important;
}

.page-freefrankie .button,
.page-freefrankie button,
.page-freefrankie .chat-form button {
  border-color: var(--jls-orange) !important;
  color: var(--jls-orange-light) !important;
}

.page-freefrankie .button:hover,
.page-freefrankie .button:focus-visible,
.page-freefrankie button:hover,
.page-freefrankie button:focus-visible,
.page-freefrankie .chat-form button:hover,
.page-freefrankie .chat-form button:focus-visible {
  border-color: var(--jls-gold) !important;
  color: #070707 !important;
}

@media (max-width: 760px) {
  body::after {
    left: -12vw;
    top: 46vh;
    font-size: 4rem;
  }
}

/* Dominator product identity: the box and Dom are part of the page architecture,
   while the uploaded page continues to use this shared external stylesheet. */
.page-dominator {
  --dom-black: #060606;
  --dom-panel: #121212;
  --dom-panel-raised: #1a1916;
  --dom-yellow: #d4af37;
  --dom-gold: #d4af37;
  --dom-gold-light: #fff1a6;
  background:
    radial-gradient(circle at 78% 10%, rgba(212,175,55,.12), transparent 28rem),
    linear-gradient(180deg, rgba(255,240,0,.025), transparent 24rem),
    var(--dom-black) !important;
  color: #f5f2ec;
}

.page-dominator .site-header {
  background: rgba(6,6,6,.82) !important;
  backdrop-filter: blur(12px);
  border-bottom-color: rgba(212,175,55,.3) !important;
}

.page-dominator .site-header nav { display: flex !important; }
.page-dominator .site-header nav a { color: #b7b0a2 !important; }
.page-dominator .site-header nav a:hover,
.page-dominator .site-header nav a:focus-visible { color: var(--dom-yellow) !important; }
.page-dominator .menu-toggle { display: none; }
.page-dominator .brand strong,
.page-dominator .brand small { color: #f5f2ec; }

.page-dominator .hero {
  width: min(1180px, calc(100% - 2rem));
  min-height: 760px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 6rem);
  padding: 4.5rem 0 5rem;
  background-image: radial-gradient(circle at 74% 50%, rgba(212,175,55,.14), transparent 26rem), linear-gradient(180deg, rgba(255,255,255,.015), transparent 70%);
}

.page-dominator .hero::after {
  content: "DOMINATOR";
  position: absolute;
  right: -2vw;
  bottom: 2rem;
  z-index: 0;
  color: rgba(212,175,55,.035);
  font: 900 clamp(5rem, 16vw, 13rem)/.8 Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  letter-spacing: -.06em;
  pointer-events: none;
}

.page-dominator .hero-copy,
.page-dominator .dominator-visual-stage { position: relative; z-index: 1; }
.page-dominator .hero-copy { max-width: 650px; }
.page-dominator .eyebrow,
.page-dominator .section-number { color: var(--dom-yellow) !important; }
.page-dominator .hero h1,
.page-dominator .section-heading h2,
.page-dominator .method-intro h2,
.page-dominator .evidence-copy h2,
.page-dominator .privacy-copy h2,
.page-dominator .specialty-copy h2,
.page-dominator .audience-grid h2,
.page-dominator .request-copy h2,
.page-dominator .download-layout h2 { color: #f5f2ec !important; }
.page-dominator h1 span,
.page-dominator h2 span,
.page-dominator .definition-band span,
.page-dominator .hero-lede strong,
.page-dominator .hero-lede em { color: var(--dom-yellow) !important; }
.page-dominator .hero-lede { color: #c5c0b5 !important; max-width: 620px; }

.page-dominator .hero-actions { gap: .8rem; }
.page-dominator .offer-strip { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.4rem; color: #9f988d; font: .68rem/1.4 var(--mono, "Courier New", monospace); text-transform: uppercase; letter-spacing: .08em; }
.page-dominator .offer-strip .check,
.page-dominator .check { color: var(--dom-yellow) !important; }

.page-dominator .dominator-visual-stage {
  min-height: 610px;
  padding: clamp(1rem, 2.5vw, 2rem);
  border: 1px solid rgba(212,175,55,.45);
  background:
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.015) 46%, rgba(212,175,55,.06)),
    #101010;
  box-shadow: 0 28px 80px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.1), 0 0 36px rgba(212,175,55,.08);
  overflow: hidden;
  isolation: isolate;
}

.page-dominator .dominator-visual-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .35;
  background-image: linear-gradient(rgba(212,175,55,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(212,175,55,.12) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
}

.page-dominator .visual-stage-label { display: flex; justify-content: space-between; gap: 1rem; color: #a99d84; font: .62rem/1.4 var(--mono, "Courier New", monospace); letter-spacing: .15em; text-transform: uppercase; }
.page-dominator .visual-stage-label b { color: var(--dom-yellow); font-weight: 500; }
.page-dominator .dominator-box-figure { margin: 2.2rem 0 0; text-align: center; }
.page-dominator .dominator-box-figure img { display: block; width: min(100%, 650px); max-height: 570px; object-fit: contain; margin-inline: auto; filter: drop-shadow(0 28px 28px rgba(0,0,0,.65)); transition: transform .35s ease, filter .35s ease; }
.page-dominator .dominator-box-figure:hover img { transform: translateY(-8px) scale(1.018); filter: drop-shadow(0 36px 40px rgba(212,175,55,.2)); }
.page-dominator .dominator-box-figure figcaption { margin-top: -.2rem; color: #aaa398; font-size: .73rem; letter-spacing: .03em; }
.page-dominator .dominator-box-figure figcaption strong { color: var(--dom-yellow); }

.page-dominator .dom-mascot-figure { position: absolute; right: .8rem; bottom: .7rem; width: 118px; margin: 0; text-align: center; }
.page-dominator .dom-mascot-figure::before { content: ""; position: absolute; inset: 5% 5% 20%; border: 1px solid rgba(212,175,55,.45); background: rgba(6,6,6,.72); transform: rotate(3deg); z-index: -1; box-shadow: 0 12px 25px rgba(0,0,0,.45); }
.page-dominator .dom-mascot-figure img { display: block; width: 100%; aspect-ratio: 367 / 549; object-fit: cover; object-position: center top; mix-blend-mode: screen; opacity: .96; }
.page-dominator .dom-mascot-figure figcaption { display: grid; gap: .12rem; color: #9e9585; font: .55rem/1.25 var(--mono, "Courier New", monospace); text-transform: uppercase; letter-spacing: .08em; }
.page-dominator .dom-mascot-figure figcaption strong { color: var(--dom-yellow); font-size: .7rem; }

.page-dominator .definition-band { background: linear-gradient(100deg, #100e08, #2a210b 50%, #0b0b0b) !important; border-block-color: rgba(212,175,55,.6) !important; }
.page-dominator .definition-band p { color: #d0c8b8 !important; }
.page-dominator .definition-band strong { color: #f5f2ec !important; }
.page-dominator .section-shell { border-bottom-color: rgba(212,175,55,.2) !important; }
.page-dominator .infrastructure-grid article,
.page-dominator .method-step,
.page-dominator .specialty-list > div { transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; }
.page-dominator .infrastructure-grid article:hover,
.page-dominator .method-step:hover,
.page-dominator .specialty-list > div:hover { transform: translateY(-4px); border-color: var(--dom-gold-light); background: rgba(212,175,55,.06); box-shadow: 0 18px 34px rgba(0,0,0,.32), 0 0 22px rgba(212,175,55,.09); }
.page-dominator .infrastructure-grid article > span,
.page-dominator .method-step > span,
.page-dominator .specialty-list > div > span { color: var(--dom-yellow) !important; }
.page-dominator .download-section { background: linear-gradient(120deg, #0d0b07, #1a150a 52%, #0a0a0a) !important; }
.page-dominator .privacy-section,
.page-dominator .audiences { background: #0b0b0b !important; }
.page-dominator .privacy-note { color: #d6c673 !important; border-left-color: var(--dom-gold) !important; }
.page-dominator .request { background: radial-gradient(circle at 80% 10%, rgba(212,175,55,.1), transparent 28rem), #0d0d0d !important; }
.page-dominator .request-offer strong { color: var(--dom-yellow) !important; }

@media (max-width: 900px) {
  .page-dominator .hero { grid-template-columns: 1fr; min-height: auto; }
  .page-dominator .dominator-visual-stage { min-height: 520px; }
  .page-dominator .dominator-box-figure img { max-height: 460px; }
}

@media (max-width: 760px) {
  .page-dominator .site-header nav { display: none !important; }
  .page-dominator .site-header.nav-open nav { display: flex !important; }
  .page-dominator .menu-toggle { display: inline-flex !important; }
  .page-dominator .hero { width: min(100% - 1.25rem, 1180px); padding-top: 3rem; }
  .page-dominator .dominator-visual-stage { min-height: 440px; padding: 1rem; }
  .page-dominator .dominator-box-figure { margin-top: 1.4rem; }
  .page-dominator .dominator-box-figure img { max-height: 360px; }
  .page-dominator .dom-mascot-figure { width: 92px; }
  .page-dominator .visual-stage-label { font-size: .52rem; }
}

@media (prefers-reduced-motion: reduce) {
  body::after { transform: none; }
}

/* Final Dominator placement overrides: kept last so the product stage wins over
   legacy page-wide normalization rules above. */
.page-dominator .hero.dominator-hero {
  width: min(1180px, calc(100% - 2rem));
  min-height: 760px;
  margin-inline: auto;
  padding: 4.5rem 0 5rem;
  grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr);
  background-image: radial-gradient(circle at 74% 50%, rgba(212,175,55,.14), transparent 26rem), linear-gradient(180deg, rgba(255,255,255,.015), transparent 70%) !important;
  background-color: #060606 !important;
}
.page-dominator .dominator-visual-stage {
  min-height: 610px;
  padding: clamp(1rem, 2.5vw, 2rem);
  border: 1px solid rgba(212,175,55,.45) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.015) 46%, rgba(212,175,55,.06)), #101010 !important;
}
.page-dominator .dominator-box-figure img { max-height: 570px; }
.page-dominator .hero h1 span,
.page-dominator .section-heading h2 span,
.page-dominator .method-intro h2 span,
.page-dominator .evidence-copy h2 span,
.page-dominator .privacy-copy h2 span,
.page-dominator .specialty-copy h2 span,
.page-dominator .audience-grid h2 span,
.page-dominator .request-copy h2 span,
.page-dominator .download-layout h2 span,
.page-dominator .definition-band span { color: #d4af37 !important; }

@media (max-width: 900px) {
  .page-dominator .hero.dominator-hero { width: min(100% - 2rem, 1180px); min-height: auto; grid-template-columns: 1fr; padding: 3.5rem 0 4rem; }
  .page-dominator .dominator-visual-stage { min-height: 520px; }
  .page-dominator .dominator-box-figure img { max-height: 460px; }
}

@media (max-width: 760px) {
  .page-dominator .hero.dominator-hero { width: calc(100% - 1.25rem); padding-top: 3rem; }
  .page-dominator .dominator-visual-stage { min-height: 440px; padding: 1rem; }
  .page-dominator .dominator-box-figure img { max-height: 360px; }
}

/* Control Room reference alignment: C9A84C primary gold, F0C040 bright hover,
   F1D08A highlight, 7A6030 subdued structure. */
.page-dominator {
  --control-gold: #C9A84C;
  --control-bright: #F0C040;
  --control-light: #F1D08A;
  --control-dim: #7A6030;
  --control-text: #D4CFC4;
}
.page-dominator .dominator-header {
  width: 100% !important;
  max-width: none !important;
  min-height: 74px;
  height: auto;
  padding: 20px 60px;
  position: sticky;
  top: 0;
  z-index: 500;
  background: rgba(8,8,8,.92) !important;
  border-bottom: 1px solid rgba(201,168,76,.12) !important;
  backdrop-filter: blur(16px);
}
.page-dominator .dominator-nav-logo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  color: var(--control-gold) !important;
  font: 400 18px/1 Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  letter-spacing: 5px;
}
.page-dominator .dominator-nav-logo small {
  display: block;
  margin-top: 3px;
  color: #7A776E !important;
  font: 400 9px/1 var(--mono, "Courier New", monospace);
  letter-spacing: 3px;
}
.page-dominator .dominator-header .brand-mark { display: none; }
.page-dominator .dominator-header nav {
  display: flex !important;
  align-items: center;
  gap: 36px;
  font: 400 10px/1 var(--mono, "Courier New", monospace);
  letter-spacing: 3px;
  color: #7A776E !important;
}
.page-dominator .dominator-header nav a {
  position: relative;
  padding: 0;
  color: #7A776E !important;
  letter-spacing: 3px;
}
.page-dominator .dominator-header nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 0;
  height: 1px;
  background: var(--control-gold);
  transition: width .3s ease;
}
.page-dominator .dominator-header nav a:hover,
.page-dominator .dominator-header nav a:focus-visible { color: var(--control-gold) !important; }
.page-dominator .dominator-header nav a:hover::after,
.page-dominator .dominator-header nav a:focus-visible::after { width: 100%; }
.page-dominator .dominator-header nav .nav-cta,
.page-dominator .dominator-nav-badge {
  padding: 5px 12px;
  border: 1px solid var(--control-dim) !important;
  color: var(--control-gold) !important;
  font: 400 10px/1 var(--mono, "Courier New", monospace);
  letter-spacing: 2px;
}
.page-dominator .dominator-header nav .nav-cta::after { display: none; }
.page-dominator .dominator-nav-badge { position: relative; overflow: hidden; white-space: nowrap; }
.page-dominator .dominator-nav-badge::before {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.1), transparent);
  animation: dominator-shimmer 3s infinite;
}
@keyframes dominator-shimmer { to { transform: translateX(200%); } }

.page-dominator .hero h1,
.page-dominator .section-heading h2,
.page-dominator .method-intro h2,
.page-dominator .evidence-copy h2,
.page-dominator .privacy-copy h2,
.page-dominator .specialty-copy h2,
.page-dominator .audience-grid h2,
.page-dominator .request-copy h2,
.page-dominator .download-layout h2 {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.page-dominator .hero h1 span,
.page-dominator .section-heading h2 span,
.page-dominator .method-intro h2 span,
.page-dominator .evidence-copy h2 span,
.page-dominator .privacy-copy h2 span,
.page-dominator .specialty-copy h2 span,
.page-dominator .audience-grid h2 span,
.page-dominator .request-copy h2 span,
.page-dominator .download-layout h2 span,
.page-dominator .definition-band span,
.page-dominator strong,
.page-dominator .check,
.page-dominator .section-number,
.page-dominator .eyebrow { color: var(--control-gold) !important; }
.page-dominator .hero-lede,
.page-dominator .section-heading > p,
.page-dominator p,
.page-dominator li { color: var(--control-text) !important; }
.page-dominator .hero-actions .button,
.page-dominator .request-form button,
.page-dominator .dominator-header nav .nav-cta {
  background: linear-gradient(180deg, #1b1b1b, #090909) !important;
  border-color: var(--control-dim) !important;
  color: #F5F2EC !important;
}
.page-dominator .hero-actions .button:hover,
.page-dominator .hero-actions .button:focus-visible,
.page-dominator .request-form button:hover,
.page-dominator .request-form button:focus-visible,
.page-dominator .dominator-header nav .nav-cta:hover,
.page-dominator .dominator-header nav .nav-cta:focus-visible {
  background: linear-gradient(135deg, #7A6030, #F0C040 45%, #C9A84C) !important;
  border-color: var(--control-light) !important;
  color: #060606 !important;
  box-shadow: 0 0 0 1px rgba(241,208,138,.7), 0 12px 30px rgba(201,168,76,.22) !important;
}
.page-dominator .definition-band {
  background: linear-gradient(100deg, #0F0D08, #1B160B 50%, #0B0B0B) !important;
  border-block-color: rgba(201,168,76,.3) !important;
}
.page-dominator .definition-band p { color: var(--control-text) !important; }
.page-dominator .dominator-visual-stage { border-color: rgba(201,168,76,.42) !important; }

@media (max-width: 960px) {
  .page-dominator .dominator-header { padding: 18px 24px; }
  .page-dominator .dominator-nav-badge { display: none; }
}

/* Shared header, form, and section rhythm for pages with custom markup. */
.page-products .site-header,
.page-frankiefam .site-header,
.page-partner-sales .topbar {
  width: min(1120px, calc(100% - 2rem)) !important;
  min-height: 74px !important;
  margin-inline: auto !important;
  padding: .75rem 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  background: transparent !important;
  border-bottom: 1px solid var(--border-strong) !important;
}

.page-products .site-header .brand,
.page-frankiefam .site-header .brand,
.page-partner-sales .topbar .brand {
  color: #f5f2ec !important;
  text-decoration: none !important;
}

.page-products .site-header nav,
.page-frankiefam .site-header nav,
.page-partner-sales .navlinks {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .3rem 1rem;
  color: var(--ink-muted) !important;
  font-size: .72rem;
}

.page-products .site-header nav a,
.page-frankiefam .site-header nav a,
.page-partner-sales .navlinks a {
  padding: .4rem .15rem;
  color: var(--ink-muted) !important;
  border-bottom: 1px solid transparent;
}

.page-products .site-header nav a:hover,
.page-products .site-header nav a:focus-visible,
.page-frankiefam .site-header nav a:hover,
.page-frankiefam .site-header nav a:focus-visible,
.page-partner-sales .navlinks a:hover,
.page-partner-sales .navlinks a:focus-visible {
  color: var(--jls-yellow) !important;
  border-color: var(--jls-gold) !important;
}

.page-products .menu-toggle,
.page-frankiefam .menu-toggle,
.page-partner-sales .menu-toggle {
  display: none;
}

.page-products .hero,
.page-frankiefam .hero,
.page-partner-sales .hero,
.page-home .hero,
.page-freefrankie .hero {
  background-image: radial-gradient(circle at 78% 20%, rgba(212,175,55,.11), transparent 28%), linear-gradient(180deg, rgba(212,175,55,.025), transparent 40%) !important;
}

.page-products .card,
.page-products .service-row,
.page-products .price-table,
.page-partner-sales .apply-copy,
.page-partner-sales .apply-form,
.page-frankiefam .request,
.page-dominator .request,
.page-freefrankie .chat-window,
.page-freefrankie .price-card,
.page-freefrankie .fact-card {
  border-radius: 10px !important;
}

.page-products input,
.page-products textarea,
.page-products select,
.page-partner-sales input,
.page-partner-sales textarea,
.page-partner-sales select,
.page-frankiefam input,
.page-frankiefam textarea,
.page-frankiefam select,
.page-dominator input,
.page-dominator textarea,
.page-dominator select {
  border: 1px solid var(--border-strong) !important;
  border-radius: 6px !important;
  background: #0e0e0e !important;
  color: #f5f2ec !important;
}

.page-products input:focus,
.page-products textarea:focus,
.page-products select:focus,
.page-partner-sales input:focus,
.page-partner-sales textarea:focus,
.page-partner-sales select:focus,
.page-frankiefam input:focus,
.page-frankiefam textarea:focus,
.page-frankiefam select:focus,
.page-dominator input:focus,
.page-dominator textarea:focus,
.page-dominator select:focus {
  outline: 2px solid var(--jls-gold) !important;
  outline-offset: 2px;
}

.page-products footer,
.page-frankiefam footer,
.page-partner-sales .site-footer,
.page-dominator footer {
  background: #060606 !important;
  border-top: 1px solid var(--border-strong) !important;
  color: var(--ink-muted) !important;
}

@media (max-width: 760px) {
  .page-products .site-header nav,
  .page-frankiefam .site-header nav,
  .page-partner-sales .navlinks {
    max-width: 62vw;
    overflow-x: auto;
    justify-content: flex-start;
  }

  .page-products .menu-toggle,
  .page-frankiefam .menu-toggle,
  .page-partner-sales .menu-toggle {
    display: inline-flex;
  }
}


/* Canonical black / gold / white system. Gold values mirror cookie consent and legal surfaces. */
:root {
  --bg-dark: #060606;
  --bg-card: #0e0e0e;
  --bg-raised: #141414;
  --border: #34302a;
  --border-gold: #c5a85c;
  --text-light: #f5f2ec;
  --text-warm: #d4cfc4;
  --text-muted: #8a8a8a;
  --text-gold: #e5c158;
  --gold: #e5c158;
  --gold-border: #c5a85c;
  --gold-dark: #aa771c;
  --gold-hover: #f1d08a;
  --gold-gradient: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fbf5b7 75%, #aa771c 100%);
  --black: #060606;
  --white: #f5f2ec;
  --ink: #060606;
  --panel: #0e0e0e;
  --panel-2: #141414;
  --line: #34302a;
  --text: #f5f2ec;
  --muted: #8a8a8a;
  --lime: #e5c158;
  --violet: #aa771c;
  --cyan: #e5c158;
  --crt: #e5c158;
  --crt-green: #e5c158;
  --teal: #e5c158;
  --teal-light: #0e0e0e;
  --paper: #060606;
  --navy: #141414;
  --navy-2: #0e0e0e;
  --cream: #0e0e0e;
  --green: #e5c158;
  --gold2: #f1d08a;
  --gold-light: #f1d08a;
  --dim: #8a8a8a;
  --card: #0e0e0e;
  --bg: #060606;
  --red: #e5c158;
}

html, body {
  background: var(--bg-dark) !important;
  color: var(--text-light) !important;
}

body { overflow-x: hidden; }
a { color: inherit; }
a:hover, a:focus-visible,
.gold-text, .gold-keyword, .eyebrow, .category, .k,
.section-number, .card-link, .footer-links a:hover,
.site-nav a:hover { color: var(--text-gold) !important; }

header, footer, .site-header, .site-footer, .hero, .definition-band,
.section-shell, .custom-band, .hero-panel, .custom-actions,
.price-table, .card, .card.free, .card.flagship, .article-card,
.fact-card, .price-card, .policy-meta, .term-subsection,
.legal-emphasis, .contact-card, .note, .message, .box {
  background-color: var(--bg-card) !important;
  color: var(--text-light) !important;
  border-color: var(--border) !important;
}

.site-header, .site-footer, header, footer { background-color: var(--bg-dark) !important; }
.card.flagship, .hero-panel, .custom-band, .custom-actions { background-color: var(--bg-raised) !important; }
.card.free, .price-table { background-color: var(--bg-card) !important; }

button, .button, .gold-button, .nav-cta, .home-link,
.cookie-consent__button--accept {
  background: var(--gold) !important;
  border-color: var(--gold-border) !important;
  color: var(--bg-dark) !important;
}
button:hover, button:focus-visible, .button:hover, .button:focus-visible,
.gold-button:hover, .gold-button:focus-visible, .nav-cta:hover,
.home-link:hover, .home-link:focus-visible,
.cookie-consent__button:hover, .cookie-consent__button:focus-visible {
  background: var(--gold-gradient) !important;
  border-color: var(--gold-hover) !important;
  color: var(--bg-dark) !important;
}

input, textarea, select { background: var(--bg-card) !important; color: var(--text-light) !important; border-color: var(--border) !important; }
::placeholder { color: var(--text-muted) !important; }

.hero-copy, .hero-lede, .page-hero > p, .page-content p, .page-content li,
.card p, .service-row p, .custom-grid p, .custom-actions span,
figcaption, .desc, details, .demo-disclaimer { color: var(--text-warm) !important; }
.hero-panel small, .hero-panel .line span, footer p, .brand small,
.brand small, .muted, .form-note, .price small, .note { color: var(--text-muted) !important; }

.stamp, .domain, .status-dot, .typing i, .star-pixel, .blip { color: var(--gold) !important; background-color: var(--gold) !important; }
.pill.warn { border-color: var(--gold-border) !important; color: var(--gold-hover) !important; }
.warn, .error, [class*="error"] { color: var(--gold-hover) !important; }

img { background-color: var(--bg-raised) !important; }
/* Final component normalization for pages that previously carried local color systems. */
body h1, body h2, body h3, body h4, body h5, body h6,
body p, body li, body dt, body dd, body label, body summary,
body strong, body em, body figcaption, body small { color: var(--text-light) !important; }
body p, body li, body figcaption, body small, body .note,
body .muted, body .desc, body details, body .form-note,
body .cookie-consent p, body .cookie-consent__inner { color: var(--text-warm) !important; }
body a { color: var(--text-gold) !important; }
body .gold-text, body .gold-keyword, body .eyebrow, body .category,
body .k, body .section-number, body .card-link, body .pill.warn,
body .status-dot, body .domain { color: var(--text-gold) !important; }
body .gold-text { background: none !important; }
body .visual-one, body .visual-two, body .visual-three,
body .radar-card, body .chat-window, body .featured, body .product-cta,
body .container, body .panel, body .surface { background-color: var(--bg-card) !important; color: var(--text-light) !important; }
body .radar { border-color: var(--gold-border) !important; background: repeating-radial-gradient(circle, transparent 0 18px, rgba(229,193,88,.12) 19px 20px), linear-gradient(90deg, transparent 49.5%, rgba(229,193,88,.12) 50%, transparent 50.5%), linear-gradient(transparent 49.5%, rgba(229,193,88,.12) 50%, transparent 50.5%) !important; }
body .firework { background: repeating-conic-gradient(from 5deg, transparent 0 12deg, rgba(229,193,88,.5) 13deg 14deg, transparent 15deg 30deg) !important; }

/* Jamie Lynn Services visual foundation */
:root {
  --surface-black:#060606; --surface-dark:#0A0A0A; --surface-panel:#0E0E0E;
  --surface-raised:#141414; --surface-charcoal:#1C1C1C; --surface-paper:#F4EFE4;
  --border-strong:#34302A; --ink-white:#F5F2EC; --ink-warm:#D4CFC4; --ink-muted:#AAA8A3;
  --gold-structure:#C9A84C; --gold-action:#E5C158; --gold-light:#F1D08A;
  --gold-highlight:#F1D86A; --gold-ochre:#AA771C; --gold-subdued:#7A6030;
  --free-orange:#E06A2E; --free-orange-light:#F1A15A; --free-orange-dark:#9D3F1F;
  --gold-gradient:linear-gradient(135deg,#AA771C 0%,#F1D86A 48%,#E5C158 100%);
  --bg-dark:var(--surface-black); --bg-card:var(--surface-panel); --bg-raised:var(--surface-raised);
  --border:var(--border-strong); --border-gold:var(--gold-structure); --text-light:var(--ink-white);
  --text-warm:var(--ink-warm); --text-muted:var(--ink-muted); --text-gold:var(--gold-action);
  --gold:var(--gold-action); --gold-hover:var(--gold-highlight); --black:var(--surface-black);
  --white:var(--ink-white); --ink:var(--surface-black); --paper:var(--surface-paper);
  --panel:var(--surface-panel); --panel-2:var(--surface-raised); --line:var(--border-strong);
  --text:var(--ink-white); --muted:var(--ink-muted); --lime:var(--gold-action);
  --violet:var(--gold-subdued); --cyan:var(--gold-action); --crt:var(--gold-action);
  --teal:var(--gold-ochre); --teal-light:var(--surface-panel); --navy:var(--surface-raised);
  --navy-2:var(--surface-panel); --cream:var(--surface-panel); --green:var(--gold-action);
  --gold2:var(--gold-light); --dim:var(--ink-muted); --card:var(--surface-panel);
  --bg:var(--surface-black); --red:var(--gold-highlight);
}
html,body{background:var(--surface-black)!important;color:var(--ink-white)!important}
body{overflow-x:hidden} a{color:var(--gold-action)} a:hover,a:focus-visible{color:var(--gold-highlight)}
.button,button,input[type=submit],input[type=button],.button-primary,.button-light,.nav-cta,.hero-actions a,.custom-actions a{
  border-color:var(--gold-structure)!important;background:var(--gold-action)!important;color:var(--surface-black)!important
}
.button:hover,.button:focus-visible,button:hover,button:focus-visible,input[type=submit]:hover,input[type=submit]:focus-visible,
input[type=button]:hover,input[type=button]:focus-visible,.button-primary:hover,.button-primary:focus-visible,
.button-light:hover,.button-light:focus-visible,.nav-cta:hover,.nav-cta:focus-visible,.hero-actions a:hover,
.hero-actions a:focus-visible,.custom-actions a:hover,.custom-actions a:focus-visible{
  border-color:var(--gold-highlight)!important;background:var(--gold-gradient)!important;color:var(--surface-black)!important;
  box-shadow:0 0 0 1px var(--gold-highlight),0 0 22px rgba(229,193,88,.24)!important
}
input,textarea,select{border-color:var(--border-strong)!important;background:var(--surface-panel)!important;color:var(--ink-white)!important}
input::placeholder,textarea::placeholder{color:var(--ink-muted)!important}

/* Product pages use full-bleed bands; cards remain contained within those bands. */
.page-dominator main,.page-frankiefam main,.page-partner-sales main,.page-products main{width:100%}
.page-dominator .site-header,.page-frankiefam .site-header,.page-partner-sales .topbar,.page-products .site-header{
  width:min(1120px,calc(100% - 2rem));margin-inline:auto;background:transparent!important;border-color:var(--border-strong)!important
}
.page-dominator section,.page-frankiefam section,.page-partner-sales section,.page-products section{width:100%}
.page-dominator .section-shell,.page-frankiefam .section-shell,.page-products .section-shell{
  width:min(1120px,calc(100% - 2rem));margin-inline:auto;background:transparent!important;border:0!important
}
.page-dominator .hero,.page-frankiefam .hero,.page-partner-sales .hero{
  width:100%;min-height:560px;padding:clamp(4rem,9vw,8rem) max(1rem,calc((100% - 1120px)/2));
  background:var(--surface-black)!important;color:var(--ink-white)!important;border-bottom:1px solid var(--border-strong);
  display:grid;gap:clamp(2rem,5vw,5rem);align-items:center
}
.page-dominator .hero h1,.page-frankiefam .hero h1,.page-partner-sales .hero h1,
.page-dominator .section-heading h2,.page-frankiefam .section-heading h2,.page-partner-sales .section-heading h2{color:var(--ink-white)!important}
.page-dominator .definition-band,.page-frankiefam .signal-bar,.page-partner-sales .authority-band,
.page-products .definition-band{
  width:100%;background:var(--gold-ochre)!important;color:var(--surface-black)!important;border-color:var(--gold-structure)!important
}
.page-dominator .definition-band *,.page-frankiefam .signal-bar *,.page-partner-sales .authority-band *,
.page-products .definition-band *{color:inherit!important}
.page-dominator .contrast-section,.page-dominator .method,.page-dominator .privacy-section,.page-dominator .timeline,
.page-dominator .request,.page-frankiefam .suite,.page-frankiefam .ann-section,.page-frankiefam .request,
.page-partner-sales .economics,.page-partner-sales .apply{
  background:var(--surface-dark)!important;color:var(--ink-white)!important;border-color:var(--border-strong)!important
}
.page-dominator .infrastructure,.page-dominator .evidence-section,.page-dominator .specialties,.page-dominator .download-section,
.page-dominator .audiences,.page-frankiefam .free-frankie,.page-frankiefam .flow,.page-frankiefam .proof-loop,
.page-partner-sales .intro,.page-partner-sales .process{
  background:var(--surface-paper)!important;color:var(--surface-black)!important
}
.page-dominator .infrastructure h2,.page-dominator .evidence-section h2,.page-dominator .specialties h2,
.page-dominator .download-section h2,.page-dominator .audiences h2,.page-frankiefam .free-frankie h2,
.page-frankiefam .flow h2,.page-frankiefam .proof-loop h2,.page-partner-sales .intro h2,.page-partner-sales .process h2,
.page-dominator .infrastructure h3,.page-dominator .evidence-section h3,.page-dominator .specialties h3,
.page-dominator .audiences h3,.page-frankiefam .free-frankie h3,.page-frankiefam .flow h3,
.page-frankiefam .proof-loop h3,.page-partner-sales .intro h3,.page-partner-sales .process h3{color:var(--surface-black)!important}
.page-dominator .contrast-card,.page-dominator .source-card,.page-dominator .download-card,.page-dominator .timeline-row,
.page-dominator .privacy-list>*,.page-dominator .audience-grid>*,.page-frankiefam .suite-card,.page-frankiefam .free-card,
.page-frankiefam .ann-ledger,.page-frankiefam .proof-steps,.page-partner-sales .economics-box,.page-partner-sales .step-card,
.page-partner-sales .signal-card,.page-partner-sales .deal-card{
  background:var(--surface-panel)!important;color:var(--ink-white)!important;border:1px solid var(--border-strong)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.2)
}
.page-dominator .contrast-card *,.page-dominator .source-card *,.page-dominator .download-card *,.page-dominator .timeline-row *,
.page-dominator .privacy-list>*,.page-dominator .audience-grid>*,.page-frankiefam .suite-card *,
.page-frankiefam .free-card *,.page-frankiefam .ann-ledger *,.page-frankiefam .proof-steps *,
.page-partner-sales .economics-box *,.page-partner-sales .step-card *,.page-partner-sales .signal-card *,
.page-partner-sales .deal-card *{color:inherit}
.page-dominator .section-number,.page-frankiefam .section-number,.page-partner-sales .eyebrow,
.page-partner-sales .step,.page-dominator .eyebrow,.page-frankiefam .kicker{color:var(--gold-action)!important}
.page-dominator .line-one,.page-dominator .line-two,.page-dominator .line-three,
.page-frankiefam .accent-amber,.page-frankiefam .accent-green,.page-frankiefam .accent-blue,
.page-frankiefam .accent-violet,.page-frankiefam .accent-rose,.page-frankiefam .accent-slate{
  border-color:var(--gold-structure)!important;color:var(--gold-action)!important
}
.page-dominator .request-copy,.page-dominator .request-form,.page-partner-sales .apply-copy,.page-partner-sales .apply-form{
  background:var(--surface-panel)!important;border-color:var(--border-strong)!important
}
.page-dominator .request-form form,.page-partner-sales .apply-form form,.page-frankiefam .request-form{display:grid;gap:1rem}
.page-frankiefam .signal-bar{display:flex;gap:1rem;flex-wrap:wrap;padding:1rem max(1rem,calc((100% - 1120px)/2))}
.page-frankiefam .suite-card{border-top:3px solid var(--gold-action)!important}
.page-partner-sales .authority-band-inner,.page-partner-sales .site-shell,.page-partner-sales .section{width:min(1120px,calc(100% - 2rem));margin-inline:auto}
.page-partner-sales .section{max-width:none;width:100%;padding-inline:max(1rem,calc((100% - 1120px)/2))}
.page-products{
  --ink:var(--surface-black)!important;--navy:var(--surface-raised)!important;--teal:var(--gold-action)!important;
  --teal-light:var(--surface-panel)!important;--gold:var(--gold-action)!important;--cream:var(--surface-panel)!important;
  --paper:var(--surface-paper)!important;--white:var(--ink-white)!important;--muted:var(--ink-muted)!important;
  --line:var(--border-strong)!important
}
.page-products .hero{width:100%;background:var(--surface-paper)!important;color:var(--surface-black)!important;border-bottom:1px solid var(--border-strong)}
.page-products .hero h1,.page-products .hero h2,.page-products .hero p,.page-products .hero a{color:var(--surface-black)!important}
.page-products .section-shell,.page-products .custom-band,.page-products .custom-band .section-shell{background:var(--surface-dark)!important;color:var(--ink-white)!important}
.page-products .section-shell *,.page-products .custom-band *{color:inherit}
.page-products .card,.page-products .card.free,.page-products .card.flagship,.page-products .price-card{background:var(--surface-panel)!important;color:var(--ink-white)!important;border-color:var(--border-strong)!important}
.page-products .card.free{border-top-color:var(--gold-action)!important}.page-products .price-table{background:var(--surface-raised)!important;border-color:var(--border-strong)!important}
.page-products footer{background:var(--surface-black)!important;color:var(--ink-muted)!important}.page-products .tag,.page-products .section-number,.page-products .eyebrow{color:var(--gold-action)!important}

/* Free Frankie retains a visible orange identity inside the shared system. */
.page-freefrankie .brand-mark,.page-freefrankie .section-kicker,.page-freefrankie .feature-icon,.page-freefrankie .trend,.page-freefrankie .popular,.page-freefrankie .action-status,.page-freefrankie .status-dot{color:var(--free-orange)!important;border-color:var(--free-orange)!important}
.page-freefrankie .button-primary{background:var(--free-orange)!important;border-color:var(--free-orange-light)!important;color:var(--surface-black)!important}
.page-freefrankie .button-primary:hover,.page-freefrankie .button-primary:focus-visible{background:linear-gradient(135deg,var(--free-orange-dark),var(--free-orange-light))!important;border-color:var(--free-orange-light)!important;color:var(--surface-black)!important}
.page-freefrankie .button-ghost{border-color:var(--free-orange)!important;color:var(--free-orange-light)!important}.page-freefrankie .button-ghost:hover,.page-freefrankie .button-ghost:focus-visible{background:var(--free-orange)!important;color:var(--surface-black)!important}
@media (min-width:760px){.page-dominator .hero,.page-frankiefam .hero,.page-partner-sales .hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.page-frankiefam .suite-grid,.page-partner-sales .signal-grid,.page-partner-sales .steps{grid-template-columns:repeat(3,minmax(0,1fr))}.page-partner-sales .economics-box{grid-template-columns:1fr 1fr}}
@media (max-width:759px){.page-dominator .hero,.page-frankiefam .hero,.page-partner-sales .hero{grid-template-columns:1fr}}

/* Article and utility surfaces keep the same muted text and gold link treatment. */
.k,
figcaption,
.note {
  color: var(--ink-muted) !important;
}

.note {
  border-color: var(--border-strong) !important;
  background: var(--surface-panel) !important;
}

body:not(.page-freefrankie) .site-footer a,
body:not(.page-freefrankie) footer a {
  color: var(--gold-action) !important;
}

/* Universal Jamie Lynn Services shell: dark, technical, and intentionally not card-like. */
.site-header.shell {
  min-height: 74px;
  width: min(calc(100% - 2rem), var(--max, 1120px));
  margin-inline: auto;
  padding: .7rem 0;
  background: var(--surface-black) !important;
  border-bottom: 1px solid var(--border-strong);
  box-shadow: none;
}

.site-header.shell .brand,
.site-footer.shell .brand {
  color: var(--ink-white);
  text-decoration: none;
}

.site-header.shell .brand-mark,
.site-footer.shell .brand-mark {
  border-color: var(--gold-structure);
  border-radius: 3px;
  color: var(--gold-action);
  box-shadow: inset 0 0 12px rgba(229,193,88,.12);
}

.site-header.shell .brand small,
.site-footer.shell .brand small {
  color: var(--ink-muted);
}

.site-header.shell .site-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .25rem;
  color: var(--ink-muted);
}

.site-header.shell .site-nav a,
.site-footer.shell .footer-links a,
.site-footer.shell .footer-cookie-settings {
  border: 1px solid transparent;
  border-radius: 2px;
  color: var(--ink-muted);
  padding: .45rem .55rem;
  text-decoration: none;
  transition: color .2s, border-color .2s, background .2s;
}

.site-header.shell .site-nav a:hover,
.site-header.shell .site-nav a:focus-visible,
.site-footer.shell .footer-links a:hover,
.site-footer.shell .footer-links a:focus-visible,
.site-footer.shell .footer-cookie-settings:hover,
.site-footer.shell .footer-cookie-settings:focus-visible {
  border-color: var(--gold-structure);
  background: rgba(229,193,88,.08);
  color: var(--gold-action);
}

.site-footer.shell {
  width: min(calc(100% - 2rem), var(--max, 1120px));
  margin-inline: auto;
  border-top: 1px solid var(--border-strong);
  background: var(--surface-black) !important;
  color: var(--ink-white);
}

.site-footer.shell .footer-links {
  gap: .25rem;
}

.site-footer.shell .footer-cookie-settings {
  background: transparent;
  cursor: pointer;
  font: inherit;
}

@media (max-width: 760px) {
  .site-header.shell {
    align-items: flex-start;
  }

  .site-header.shell .site-nav {
    justify-content: flex-start;
  }
}

/* Free Frankie visibility pass: retain its orange identity while restoring
   the shared Jamie Lynn contrast and control hierarchy. */
.page-freefrankie {
  --free-panel:#11100d;
  --free-panel-raised:#1b1915;
  --free-border:#5a4a2d;
  --free-border-bright:#c9a84c;
  --free-text:#f5f2ec;
  --free-muted:#b8b0a2;
}

.page-freefrankie .chat-window {
  background:
    linear-gradient(180deg,rgba(229,193,88,.035),transparent 30%),
    var(--free-panel) !important;
  color:var(--free-text) !important;
  border:1px solid var(--free-border-bright) !important;
  box-shadow:0 20px 55px rgba(0,0,0,.42),0 0 0 1px rgba(229,193,88,.12) !important;
}

.page-freefrankie .chat-window:after {
  display:none !important;
}

.page-freefrankie .chat-topbar,
.page-freefrankie .chat-form {
  border-color:var(--free-border-bright) !important;
  background:rgba(27,25,21,.72);
}

.page-freefrankie .agent strong,
.page-freefrankie .chat-window h1,
.page-freefrankie .chat-window h2,
.page-freefrankie .chat-window h3 {
  color:var(--free-text) !important;
}

.page-freefrankie .agent small,
.page-freefrankie .message time,
.page-freefrankie .demo-disclaimer {
  color:var(--free-muted) !important;
}

.page-freefrankie .agent-avatar,
.page-freefrankie .mini-avatar {
  background:var(--free-panel-raised) !important;
  color:var(--free-orange-light) !important;
  border:1px solid var(--free-border-bright) !important;
  box-shadow:inset 0 0 12px rgba(229,193,88,.08);
}

.page-freefrankie .icon-button {
  color:var(--free-orange-light) !important;
}

.page-freefrankie .message p {
  background:var(--free-panel-raised) !important;
  color:var(--free-text) !important;
  border:1px solid var(--free-border) !important;
  box-shadow:0 5px 16px rgba(0,0,0,.18) !important;
}

.page-freefrankie .message.user p {
  background:#2a241b !important;
  color:var(--free-text) !important;
  border-color:var(--free-orange-dark) !important;
}

.page-freefrankie .quick-replies {
  background:rgba(17,16,13,.5);
}

.page-freefrankie .quick-replies button {
  color:var(--free-text) !important;
  border-color:var(--free-border-bright) !important;
  background:rgba(27,25,21,.72) !important;
}

.page-freefrankie .quick-replies button:hover,
.page-freefrankie .quick-replies button:focus-visible {
  background:var(--free-orange-dark) !important;
  border-color:var(--free-orange-light) !important;
  color:var(--free-text) !important;
}

.page-freefrankie .chat-form input {
  background:#0b0b0a !important;
  color:var(--free-text) !important;
  border-color:var(--free-border-bright) !important;
  box-shadow:inset 0 0 0 1px rgba(229,193,88,.08);
}

.page-freefrankie .chat-form input::placeholder {
  color:var(--free-muted) !important;
}

.page-freefrankie .chat-form button {
  background:var(--free-orange) !important;
  border:1px solid var(--free-orange-light) !important;
  color:var(--surface-black) !important;
  box-shadow:0 6px 20px rgba(224,106,46,.22);
}

.page-freefrankie .chat-form button:hover,
.page-freefrankie .chat-form button:focus-visible {
  background:var(--free-orange-light) !important;
  border-color:var(--free-text) !important;
  color:var(--surface-black) !important;
}

.page-freefrankie .radar-card,
.page-freefrankie .fact-card,
.page-freefrankie .price-card,
.page-freefrankie .post-visual {
  border-color:var(--free-border) !important;
  background:var(--free-panel) !important;
}

.page-freefrankie .radar-card:hover,
.page-freefrankie .fact-card:hover,
.page-freefrankie .price-card:hover,
.page-freefrankie .post-visual:hover {
  border-color:var(--free-border-bright) !important;
}

/* Final shared-theme precedence: keep the common brand system in control. */
:root {
  --jls-yellow: #d4af37;
  --jls-gold-deep: #7f5b16;
  --jls-gold: #d4af37;
  --jls-gold-gradient: linear-gradient(120deg, #6f4d12 0%, #d4af37 20%, #fff1a6 42%, #c99d2e 61%, #fff7bf 78%, #8b641b 100%);
  --jls-orange: #e06a2e;
  --jls-orange-light: #f1a15a;
}

html,
body {
  background: #060606 !important;
  color: #f5f2ec !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 5px),
    linear-gradient(rgba(212,175,55,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,175,55,.025) 1px, transparent 1px);
  background-size: auto, 52px 52px, 52px 52px;
  mask-image: linear-gradient(to bottom, #000 0%, #000 65%, transparent 100%);
}

body::after {
  content: "ENGINEERED LAUNCH  //  JAMIE LYNN SERVICES";
  position: fixed;
  left: -3vw;
  top: 42vh;
  z-index: -1;
  pointer-events: none;
  color: rgba(212,175,55,.035);
  font: 800 clamp(3rem, 12vw, 11rem)/.8 var(--sans, Arial, sans-serif);
  letter-spacing: -.08em;
  white-space: nowrap;
  transform: rotate(-8deg);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #f5f2ec !important;
}

body strong,
body em,
body h1 span,
body h2 span,
body h3 span,
body .eyebrow,
body .kicker,
body .section-number,
body .section-kicker span,
body .feature-icon,
body .tag,
body .plan,
body .popular,
body .card-kicker,
body .card-link,
body .status-dot,
body .trend {
  color: var(--jls-yellow) !important;
}

body a:hover,
body a:focus-visible {
  color: var(--jls-yellow) !important;
}

body button,
body .button,
body input[type="submit"],
body input[type="button"],
body .button-primary,
body .button-light,
body .nav-cta,
body .hero-actions a,
body .custom-actions a {
  background: linear-gradient(180deg, #1b1b1b, #090909) !important;
  border: 1px solid var(--jls-gold-deep) !important;
  color: #f5f2ec !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 24px rgba(0,0,0,.3) !important;
}

body button:hover,
body button:focus-visible,
body .button:hover,
body .button:focus-visible,
body input[type="submit"]:hover,
body input[type="submit"]:focus-visible,
body input[type="button"]:hover,
body input[type="button"]:focus-visible,
body .button-primary:hover,
body .button-primary:focus-visible,
body .button-light:hover,
body .button-light:focus-visible,
body .nav-cta:hover,
body .nav-cta:focus-visible,
body .hero-actions a:hover,
body .hero-actions a:focus-visible,
body .custom-actions a:hover,
body .custom-actions a:focus-visible {
  background: var(--jls-gold-gradient) !important;
  border-color: var(--jls-gold) !important;
  color: #070707 !important;
  transform: translateY(-3px);
  box-shadow: 0 0 0 1px rgba(255,241,166,.7), 0 14px 34px rgba(212,175,55,.24) !important;
}

.page-home .fact-card,
.page-home .price-card,
.page-products .card,
.page-products .price-table,
.page-products .service-row,
.page-partner-sales .deal-card,
.page-partner-sales .signal-card,
.page-partner-sales .step-card,
.page-partner-sales .economics-box,
.page-frankiefam .free-card,
.page-frankiefam .suite-card,
.page-frankiefam .ann-ledger,
.page-frankiefam .proof-steps,
.page-freefrankie .radar-card,
.page-freefrankie .fact-card,
.page-freefrankie .price-card,
.page-freefrankie .post-visual,
.page-dominator .contrast-card,
.page-dominator .source-card,
.page-dominator .download-card,
.page-dominator .timeline-row {
  border-color: rgba(212,175,55,.42) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.page-home .fact-card:hover,
.page-home .price-card:hover,
.page-products .card:hover,
.page-products .service-row:hover,
.page-partner-sales .deal-card:hover,
.page-partner-sales .signal-card:hover,
.page-partner-sales .step-card:hover,
.page-partner-sales .economics-box:hover,
.page-frankiefam .free-card:hover,
.page-frankiefam .suite-card:hover,
.page-frankiefam .ann-ledger:hover,
.page-frankiefam .proof-steps:hover,
.page-freefrankie .radar-card:hover,
.page-freefrankie .fact-card:hover,
.page-freefrankie .price-card:hover,
.page-freefrankie .post-visual:hover,
.page-dominator .contrast-card:hover,
.page-dominator .source-card:hover,
.page-dominator .download-card:hover,
.page-dominator .timeline-row:hover {
  transform: translateY(-5px);
  border-color: var(--jls-gold) !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.42), 0 0 24px rgba(212,175,55,.11) !important;
}

.page-products .hero,
.page-products .section-shell,
.page-products .custom-band,
.page-partner-sales .intro,
.page-partner-sales .process,
.page-frankiefam .free-frankie,
.page-frankiefam .flow,
.page-frankiefam .proof-loop {
  background: #0a0a0a !important;
  color: #f5f2ec !important;
}

.page-products .hero h1,
.page-products .hero h2,
.page-products .hero p,
.page-products .hero a,
.page-partner-sales .intro h2,
.page-partner-sales .intro p,
.page-partner-sales .process h2,
.page-partner-sales .process p,
.page-frankiefam .free-frankie h2,
.page-frankiefam .free-frankie p,
.page-frankiefam .flow h2,
.page-frankiefam .flow p,
.page-frankiefam .proof-loop h2,
.page-frankiefam .proof-loop p {
  color: #f5f2ec !important;
}

.page-products .definition-band,
.page-partner-sales .authority-band,
.page-frankiefam .signal-bar {
  background: linear-gradient(100deg, #0f0d08, #1b160b 50%, #0b0b0b) !important;
  color: var(--jls-yellow) !important;
  border-block: 1px solid var(--jls-gold-deep) !important;
}

.page-frankiefam .suite-card {
  min-height: 0 !important;
  padding: 1.25rem !important;
  border-top-width: 2px !important;
  border-radius: 10px !important;
}

.page-frankiefam .suite-card h3 {
  margin: .7rem 0 .45rem !important;
  font-size: clamp(1.25rem, 2.2vw, 1.8rem) !important;
}

.page-frankiefam .suite-card p {
  font-size: .82rem !important;
  line-height: 1.55 !important;
}

.page-frankiefam .free-card {
  padding: clamp(1.25rem, 3vw, 2rem) !important;
}

.page-frankiefam .frankie-face {
  width: 150px !important;
  height: 150px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid var(--jls-orange) !important;
  border-radius: 12px !important;
  background: #11100d !important;
  box-shadow: inset 0 0 24px rgba(224,106,46,.12), 0 14px 32px rgba(0,0,0,.35) !important;
}

.page-frankiefam .frankie-face::before {
  content: "F";
  color: var(--jls-orange-light) !important;
  font: 700 4rem/1 var(--mono, "Courier New", monospace) !important;
}

.page-frankiefam .frankie-face .face-screen {
  display: none !important;
}

.page-freefrankie .chat-window,
.page-freefrankie .chat-topbar,
.page-freefrankie .chat-form,
.page-freefrankie .quick-replies,
.page-freefrankie .chat-form input,
.page-freefrankie .quick-replies button,
.page-freefrankie .message p,
.page-freefrankie .agent-avatar,
.page-freefrankie .mini-avatar,
.page-freefrankie .radar-card {
  border-color: var(--jls-orange) !important;
}

.page-freefrankie .button,
.page-freefrankie button,
.page-freefrankie .chat-form button {
  border-color: var(--jls-orange) !important;
  color: var(--jls-orange-light) !important;
}

.page-freefrankie .button:hover,
.page-freefrankie .button:focus-visible,
.page-freefrankie button:hover,
.page-freefrankie button:focus-visible,
.page-freefrankie .chat-form button:hover,
.page-freefrankie .chat-form button:focus-visible {
  border-color: var(--jls-gold) !important;
  color: #070707 !important;
}

.page-products .site-header,
.page-frankiefam .site-header,
.page-partner-sales .topbar {
  width: min(1120px, calc(100% - 2rem)) !important;
  min-height: 74px !important;
  margin-inline: auto !important;
  padding: .75rem 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  background: transparent !important;
  border-bottom: 1px solid var(--border-strong) !important;
}

.page-products .site-header nav,
.page-frankiefam .site-header nav,
.page-partner-sales .navlinks {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .3rem 1rem;
  font-size: .72rem;
}

.page-products .site-header nav a,
.page-frankiefam .site-header nav a,
.page-partner-sales .navlinks a {
  padding: .4rem .15rem;
  color: var(--ink-muted) !important;
  border-bottom: 1px solid transparent;
}

.page-products .site-header nav a:hover,
.page-products .site-header nav a:focus-visible,
.page-frankiefam .site-header nav a:hover,
.page-frankiefam .site-header nav a:focus-visible,
.page-partner-sales .navlinks a:hover,
.page-partner-sales .navlinks a:focus-visible {
  color: var(--jls-yellow) !important;
  border-color: var(--jls-gold) !important;
}

.page-products input,
.page-products textarea,
.page-products select,
.page-partner-sales input,
.page-partner-sales textarea,
.page-partner-sales select,
.page-frankiefam input,
.page-frankiefam textarea,
.page-frankiefam select,
.page-dominator input,
.page-dominator textarea,
.page-dominator select {
  border: 1px solid var(--border-strong) !important;
  border-radius: 6px !important;
  background: #0e0e0e !important;
  color: #f5f2ec !important;
}

.page-products input:focus,
.page-products textarea:focus,
.page-products select:focus,
.page-partner-sales input:focus,
.page-partner-sales textarea:focus,
.page-partner-sales select:focus,
.page-frankiefam input:focus,
.page-frankiefam textarea:focus,
.page-frankiefam select:focus,
.page-dominator input:focus,
.page-dominator textarea:focus,
.page-dominator select:focus {
  outline: 2px solid var(--jls-gold) !important;
  outline-offset: 2px;
}

.page-products footer,
.page-frankiefam footer,
.page-partner-sales .site-footer,
.page-dominator footer {
  background: #060606 !important;
  border-top: 1px solid var(--border-strong) !important;
  color: var(--ink-muted) !important;
}

@media (max-width: 760px) {
  body::after { left: -12vw; top: 46vh; font-size: 4rem; }
  .page-products .site-header nav,
  .page-frankiefam .site-header nav,
  .page-partner-sales .navlinks {
    max-width: 62vw;
    overflow-x: auto;
    justify-content: flex-start;
  }
}

/* Free Frankie product page: a deliberate black / gold / ivory field with a
   bright-orange character identity. This block owns only page-freefrankie. */
body.page-freefrankie {
  --free-orange: #e06a2e;
  --free-orange-light: #f1a15a;
  --free-orange-dark: #9d3f1f;
  --free-black: #050505;
  --free-panel: #0d0d0c;
  --free-raised: #151411;
  --free-line: rgba(229,193,88,.28);
  --free-line-bright: rgba(229,193,88,.62);
  --free-ivory: #f5f2ec;
  --free-muted: #bcb5a8;
  background: var(--free-black) !important;
  color: var(--free-ivory) !important;
  overflow-x: hidden;
}

body.page-freefrankie::before {
  background-image:
    linear-gradient(rgba(229,193,88,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(229,193,88,.04) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%) !important;
}

body.page-freefrankie::after,
body.page-freefrankie .moon,
body.page-freefrankie .firework {
  display: none !important;
}

body.page-freefrankie .page-grid {
  opacity: .28;
  background-size: 56px 56px;
}

body.page-freefrankie .desktop-layout {
  width: min(calc(100% - 2rem), 1120px);
  margin-inline: auto;
  display: block;
}

body.page-freefrankie .freefrankie-main {
  width: 100%;
}

body.page-freefrankie .freefrankie-main .section-shell {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(4rem, 8vw, 7.5rem) 0;
  background: transparent !important;
  border: 0;
  color: var(--free-ivory) !important;
}

body.page-freefrankie .freefrankie-hero {
  min-height: min(760px, 82vh);
  display: flex;
  align-items: center;
  padding-block: clamp(6rem, 13vw, 11rem) !important;
  border-bottom: 1px solid var(--free-line) !important;
  background: transparent !important;
}

body.page-freefrankie .hero-content {
  width: min(100%, 920px);
}

body.page-freefrankie .eyebrow,
body.page-freefrankie .section-kicker,
body.page-freefrankie .mono,
body.page-freefrankie .plan,
body.page-freefrankie .mode-label,
body.page-freefrankie .industry-rail article > span,
body.page-freefrankie .rail-label {
  color: var(--gold-action) !important;
}

body.page-freefrankie .eyebrow,
body.page-freefrankie .section-kicker,
body.page-freefrankie .mode-label,
body.page-freefrankie .industry-rail article > span,
body.page-freefrankie .rail-label {
  font: 700 .65rem/1.2 var(--mono, "Courier New", monospace);
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.page-freefrankie .status-dot {
  width: .5rem;
  height: .5rem;
  display: inline-block;
  margin-right: .45rem;
  background: var(--free-orange) !important;
  border: 1px solid var(--free-orange-light);
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(224,106,46,.65);
}

body.page-freefrankie h1,
body.page-freefrankie h2,
body.page-freefrankie h3,
body.page-freefrankie p {
  color: var(--free-ivory) !important;
}

body.page-freefrankie h1,
body.page-freefrankie h2,
body.page-freefrankie h3 {
  text-wrap: balance;
}

body.page-freefrankie h1 {
  max-width: 900px;
  margin: 1.1rem 0 1.7rem;
  font-size: clamp(3.2rem, 8.6vw, 7.9rem);
  line-height: .88;
  letter-spacing: -.065em;
}

body.page-freefrankie h1 strong,
body.page-freefrankie h2 strong,
body.page-freefrankie h3 strong {
  color: var(--gold-action) !important;
  font-weight: 800;
}

body.page-freefrankie h2 {
  max-width: 760px;
  margin: .55rem 0 0;
  font-size: clamp(2.2rem, 5vw, 4.8rem);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-freefrankie h3 {
  margin: .55rem 0 .7rem;
  font-size: clamp(1.1rem, 1.8vw, 1.55rem);
  line-height: 1.02;
}

body.page-freefrankie .hero-copy {
  max-width: 690px;
  margin: 0;
  color: var(--free-muted) !important;
  font-size: clamp(1rem, 1.6vw, 1.25rem);
  line-height: 1.65;
}

body.page-freefrankie .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1rem;
  align-items: center;
  margin-top: 2rem;
}

body.page-freefrankie .hero-actions .button,
body.page-freefrankie .closing-section .button {
  background: var(--free-orange) !important;
  border-color: var(--free-orange-light) !important;
  color: var(--free-black) !important;
}

body.page-freefrankie .hero-actions .button:hover,
body.page-freefrankie .hero-actions .button:focus-visible,
body.page-freefrankie .closing-section .button:hover,
body.page-freefrankie .closing-section .button:focus-visible {
  background: var(--free-orange-light) !important;
  border-color: var(--free-ivory) !important;
  color: var(--free-black) !important;
}

body.page-freefrankie .text-link {
  color: var(--gold-action) !important;
  border-bottom: 1px solid var(--gold-action);
}

body.page-freefrankie .hero-support {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem 1.1rem;
  margin-top: 2.5rem;
  color: var(--free-muted);
  font-size: .72rem;
}

body.page-freefrankie .hero-support span:not(.mono)::before {
  content: "/";
  margin-right: 1.1rem;
  color: var(--free-orange);
}

body.page-freefrankie .section-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

body.page-freefrankie .section-heading > p {
  max-width: 380px;
  margin: 0;
  color: var(--free-muted) !important;
  font-size: .9rem;
}

body.page-freefrankie .section-kicker {
  display: flex;
  align-items: center;
  gap: .7rem;
}

body.page-freefrankie .section-kicker span {
  color: var(--free-orange) !important;
  font: 700 .7rem var(--mono, "Courier New", monospace);
}

body.page-freefrankie .section-kicker p {
  margin: 0;
  color: var(--gold-action) !important;
  font: inherit;
}

body.page-freefrankie .demo {
  border-bottom: 1px solid var(--free-line) !important;
}

body.page-freefrankie .demo-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(230px, .75fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: stretch;
}

body.page-freefrankie .chat-window,
body.page-freefrankie .freefrankie-mode-card,
body.page-freefrankie .price-card,
body.page-freefrankie .mode-card,
body.page-freefrankie .knowledge-list,
body.page-freefrankie .nibbles-card {
  background: var(--free-panel) !important;
  border: 1px solid var(--free-line) !important;
  border-radius: 4px !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
}

body.page-freefrankie .chat-window {
  min-width: 0;
  overflow: hidden;
  position: relative;
  border: 1px solid var(--free-orange) !important;
  box-shadow: 0 0 0 1px rgba(224,106,46,.12), 0 22px 55px rgba(0,0,0,.42) !important;
}

body.page-freefrankie .chat-window::after {
  display: none !important;
}

body.page-freefrankie .chat-topbar,
body.page-freefrankie .chat-form {
  border-color: var(--free-orange) !important;
  background: rgba(21,20,17,.9) !important;
}

body.page-freefrankie .chat-topbar {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .85rem 1rem;
}

body.page-freefrankie .agent {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
}

body.page-freefrankie .agent > span:last-child {
  min-width: 0;
}

body.page-freefrankie .agent strong {
  display: block;
  overflow: hidden;
  color: var(--free-ivory) !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-freefrankie .agent small {
  display: block;
  margin-top: .15rem;
  color: var(--free-muted) !important;
  font-size: .68rem;
}

body.page-freefrankie .agent small i {
  display: inline-block;
  width: .45rem;
  height: .45rem;
  margin-right: .25rem;
  background: var(--free-orange) !important;
  border-radius: 50%;
}

body.page-freefrankie .agent-avatar,
body.page-freefrankie .mini-avatar {
  flex: none;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--free-orange) !important;
  border-radius: 50%;
  background: var(--free-raised) !important;
  color: var(--free-orange-light) !important;
  font: 800 .85rem var(--mono, "Courier New", monospace);
}

body.page-freefrankie .icon-button {
  color: var(--free-orange-light) !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.page-freefrankie .messages {
  min-height: 280px;
  max-height: 360px;
  overflow-y: auto;
  padding: 1rem;
  background: var(--free-black) !important;
}

body.page-freefrankie .message {
  display: flex;
  gap: .65rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}

body.page-freefrankie .message.user {
  justify-content: flex-end;
}

body.page-freefrankie .message p {
  max-width: min(80%, 620px);
  margin: 0;
  padding: .75rem .85rem;
  border: 1px solid var(--free-line) !important;
  border-radius: 3px;
  background: var(--free-raised) !important;
  color: var(--free-ivory) !important;
  box-shadow: none !important;
  font-size: .88rem;
}

body.page-freefrankie .message.user p {
  border-color: var(--free-orange-dark) !important;
  background: rgba(157,63,31,.2) !important;
}

body.page-freefrankie .message time {
  display: block;
  margin-top: .25rem;
  color: var(--free-muted) !important;
  font-size: .62rem;
}

body.page-freefrankie .quick-replies {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  padding: .75rem 1rem;
  background: var(--free-panel) !important;
}

body.page-freefrankie .quick-replies button,
body.page-freefrankie .chat-form input {
  border: 1px solid var(--free-line-bright) !important;
  border-radius: 3px;
  background: transparent !important;
  color: var(--free-ivory) !important;
}

body.page-freefrankie .quick-replies button {
  padding: .5rem .65rem;
  font-size: .72rem;
}

body.page-freefrankie .quick-replies button:hover,
body.page-freefrankie .quick-replies button:focus-visible {
  border-color: var(--free-orange-light) !important;
  background: rgba(224,106,46,.15) !important;
  color: var(--free-ivory) !important;
}

body.page-freefrankie .chat-form {
  display: flex;
  gap: .5rem;
  padding: .8rem 1rem;
  border-top: 1px solid var(--free-orange) !important;
}

body.page-freefrankie .chat-form input {
  min-width: 0;
  flex: 1;
  padding: .7rem .75rem;
}

body.page-freefrankie .chat-form input::placeholder {
  color: var(--free-muted) !important;
}

body.page-freefrankie .chat-form button {
  background: var(--free-orange) !important;
  border-color: var(--free-orange-light) !important;
  color: var(--free-black) !important;
}

body.page-freefrankie .demo-disclaimer {
  margin: 0;
  padding: 0 1rem 1rem;
  color: var(--free-muted) !important;
  font-size: .68rem;
}

body.page-freefrankie .freefrankie-mode-card {
  padding: 1.25rem;
  border-top: 2px solid var(--gold-action) !important;
}

body.page-freefrankie .freefrankie-mode-card > strong {
  display: block;
  margin: .55rem 0 1.2rem;
  color: var(--free-ivory) !important;
  font-size: 1.12rem;
  line-height: 1.1;
}

body.page-freefrankie .mode-list {
  display: grid;
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.page-freefrankie .mode-list li {
  display: grid;
  gap: .2rem;
  padding-top: .75rem;
  border-top: 1px solid var(--free-line);
  color: var(--free-muted);
  font-size: .76rem;
}

body.page-freefrankie .mode-state {
  color: var(--gold-action) !important;
  font: 700 .58rem var(--mono, "Courier New", monospace);
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.page-freefrankie .mode-state-live {
  color: var(--free-orange-light) !important;
}

body.page-freefrankie .sequence-list,
body.page-freefrankie .mode-grid,
body.page-freefrankie .industry-rail,
body.page-freefrankie .path-grid {
  display: grid;
  gap: 1px;
  background: var(--free-line);
}

body.page-freefrankie .sequence-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.page-freefrankie .sequence-list article,
body.page-freefrankie .mode-card,
body.page-freefrankie .industry-rail article,
body.page-freefrankie .price-card {
  min-width: 0;
  margin: 0;
  padding: 1.3rem;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--free-panel) !important;
  box-shadow: none !important;
}

body.page-freefrankie .sequence-list article:first-child,
body.page-freefrankie .mode-card-live,
body.page-freefrankie .price-card.featured {
  box-shadow: inset 0 2px 0 var(--free-orange) !important;
}

body.page-freefrankie .sequence-list article p,
body.page-freefrankie .mode-card p,
body.page-freefrankie .industry-rail article p,
body.page-freefrankie .price-card p {
  margin: 0;
  color: var(--free-muted) !important;
  font-size: .8rem;
  line-height: 1.55;
}

body.page-freefrankie .feature-icon {
  color: var(--free-orange) !important;
  font: 700 .7rem var(--mono, "Courier New", monospace);
}

body.page-freefrankie .industry-rail {
  grid-template-columns: repeat(5, minmax(170px, 1fr));
  overflow-x: auto;
}

body.page-freefrankie .industry-rail article > span {
  display: block;
  min-height: 2.4em;
  color: var(--gold-action) !important;
  font-size: .58rem;
}

body.page-freefrankie .industry-rail article h3 {
  min-height: 3.1em;
}

body.page-freefrankie .mode-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.page-freefrankie .mode-card .mode-state {
  display: inline-block;
  margin-bottom: .65rem;
}

body.page-freefrankie .flow-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--free-line);
}

body.page-freefrankie .flow-list li {
  min-width: 0;
  padding: 1.1rem;
  background: var(--free-panel);
}

body.page-freefrankie .flow-list li > span,
body.page-freefrankie .knowledge-list > div > span {
  color: var(--free-orange) !important;
  font: 700 .68rem var(--mono, "Courier New", monospace);
}

body.page-freefrankie .flow-list h3 {
  font-size: 1.08rem;
}

body.page-freefrankie .flow-list p {
  margin: 0;
  color: var(--free-muted) !important;
  font-size: .76rem;
  line-height: 1.5;
}

body.page-freefrankie .knowledge-section {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(250px, .8fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
  border-top: 1px solid var(--free-line) !important;
}

body.page-freefrankie .knowledge-copy > p {
  max-width: 650px;
  color: var(--free-muted) !important;
}

body.page-freefrankie .knowledge-list {
  display: grid;
  gap: 0;
  overflow: hidden;
}

body.page-freefrankie .knowledge-list > div {
  padding: 1rem 1.1rem;
  border-bottom: 1px solid var(--free-line);
}

body.page-freefrankie .knowledge-list > div:last-child {
  border-bottom: 0;
}

body.page-freefrankie .knowledge-list strong {
  display: block;
  margin: .25rem 0;
  color: var(--free-ivory) !important;
}

body.page-freefrankie .knowledge-list p {
  margin: 0;
  color: var(--free-muted) !important;
  font-size: .75rem;
}

body.page-freefrankie .pricing {
  border-top: 1px solid var(--free-line) !important;
}

body.page-freefrankie .path-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-freefrankie .path-grid .price-card h3 {
  min-height: 3.1em;
}

body.page-freefrankie .path-grid .button {
  width: 100%;
  margin-top: 1.15rem;
}

body.page-freefrankie .button-ghost {
  border-color: var(--free-orange) !important;
  background: transparent !important;
  color: var(--free-orange-light) !important;
}

body.page-freefrankie .button-ghost:hover,
body.page-freefrankie .button-ghost:focus-visible {
  border-color: var(--free-orange-light) !important;
  background: rgba(224,106,46,.15) !important;
  color: var(--free-ivory) !important;
}

body.page-freefrankie .action-status {
  min-height: 1.4em;
  margin: 1rem 0 0;
  color: var(--free-orange-light) !important;
  font-size: .75rem;
}

body.page-freefrankie .closing-section {
  padding-bottom: clamp(5rem, 11vw, 10rem) !important;
  border-top: 1px solid var(--free-line) !important;
}

body.page-freefrankie .closing-section > div {
  max-width: 760px;
}

body.page-freefrankie .closing-section p {
  max-width: 600px;
  color: var(--free-muted) !important;
}

body.page-freefrankie .closing-section .button {
  display: inline-block;
  margin-top: 1rem;
}

body.page-freefrankie .game-rail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 1rem;
  align-items: start;
  padding: 1.25rem 0 4rem;
  border-top: 1px solid var(--free-line);
}

body.page-freefrankie .nibbles-card {
  grid-column: 2;
  grid-row: 1 / span 2;
  padding: 1rem;
  border-color: var(--free-line) !important;
}

body.page-freefrankie .nibbles-top,
body.page-freefrankie .rail-copy {
  color: var(--free-muted) !important;
}

body.page-freefrankie .nibbles-card p {
  margin: .65rem 0;
  color: var(--free-muted) !important;
  font-size: .68rem;
}

body.page-freefrankie #pulse-game {
  width: 100%;
  padding: .45rem .6rem;
  border-color: var(--free-orange) !important;
  background: transparent !important;
  color: var(--free-orange-light) !important;
  font: 700 .6rem var(--mono, "Courier New", monospace);
  text-transform: uppercase;
}

body.page-freefrankie .nibbles-card.pulse {
  border-color: var(--free-orange) !important;
  box-shadow: 0 0 28px rgba(224,106,46,.2) !important;
}

@media (max-width: 900px) {
  body.page-freefrankie .sequence-list,
  body.page-freefrankie .mode-grid,
  body.page-freefrankie .path-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-freefrankie .flow-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.page-freefrankie .desktop-layout {
    width: min(calc(100% - 1.25rem), 1120px);
  }

  body.page-freefrankie .freefrankie-main .section-shell {
    padding-block: 4.25rem;
  }

  body.page-freefrankie .freefrankie-hero {
    min-height: 0;
    padding-block: 5.25rem 5.75rem !important;
  }

  body.page-freefrankie h1 {
    font-size: clamp(3rem, 16vw, 5.3rem);
  }

  body.page-freefrankie .section-heading,
  body.page-freefrankie .demo-stage,
  body.page-freefrankie .knowledge-section {
    display: block;
  }

  body.page-freefrankie .section-heading > p {
    margin-top: 1rem;
  }

  body.page-freefrankie .freefrankie-mode-card {
    margin-top: 1rem;
  }

  body.page-freefrankie .sequence-list,
  body.page-freefrankie .mode-grid,
  body.page-freefrankie .path-grid,
  body.page-freefrankie .flow-list {
    grid-template-columns: 1fr;
  }

  body.page-freefrankie .industry-rail {
    grid-template-columns: repeat(5, minmax(220px, 1fr));
    overflow-x: auto;
  }

  body.page-freefrankie .industry-rail article h3 {
    min-height: 0;
  }

  body.page-freefrankie .knowledge-list {
    margin-top: 1.5rem;
  }

  body.page-freefrankie .game-rail {
    grid-template-columns: 1fr;
  }

  body.page-freefrankie .nibbles-card {
    grid-column: auto;
    grid-row: auto;
    width: min(100%, 270px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-freefrankie .nibbles-card.pulse {
    box-shadow: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::after { transform: none; }
}
/* Company Index live-home styles. These rules are scoped to the production homepage. */
body.page-company-index, body.page-company-index * { box-sizing: border-box; }
body.page-company-index {
      --black: #070807;
      --deep: #0b0d0c;
      --panel: #111412;
      --panel-2: #171a16;
      --ivory: #ece8dc;
      --warm: #bdb9ae;
      --muted: #777a71;
      --gold: #c89d3d;
      --gold-soft: #efd68a;
      --yellow: #d4af37;
      --line: rgba(200, 157, 61, .27);
      --line-soft: rgba(236, 232, 220, .12);
      --gold-gradient: linear-gradient(120deg, #8f641d 0%, #e5c16b 28%, #fff1a7 48%, #b88527 72%, #f4d77c 100%);
      --display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
      --mono: "Courier New", Courier, monospace;
      --sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
      --max: 1200px;
    }

    body.page-company-index * { box-sizing: border-box; }
    body.page-company-index { scroll-behavior: smooth; }
    body.page-company-index { margin: 0; overflow-x: hidden; background: var(--black); color: var(--ivory); font-family: var(--sans); line-height: 1.6; }
    body.page-company-index::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; opacity: .42; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, #000 0%, transparent 72%); }
    body.page-company-index::after { content: ""; position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .09; background: repeating-linear-gradient(180deg, transparent 0 4px, rgba(255,255,255,.11) 5px, transparent 6px); mix-blend-mode: screen; }
    body.page-company-index a { color: inherit; text-decoration: none; }
    body.page-company-index img { max-width: 100%; display: block; }
    body.page-company-index button, body.page-company-index a { -webkit-tap-highlight-color: transparent; }
    body.page-company-index :focus-visible { outline: 2px solid var(--gold-soft); outline-offset: 4px; }
    body.page-company-index .skip-link { position: fixed; z-index: 50; top: -4rem; left: 1rem; padding: .7rem 1rem; background: var(--gold-soft); color: #080705; font: 700 .7rem var(--mono); text-transform: uppercase; }
    body.page-company-index .skip-link:focus { top: 1rem; }
    body.page-company-index .shell { width: min(calc(100% - 2rem), var(--max)); margin-inline: auto; }
    body.page-company-index .mono, body.page-company-index .eyebrow, body.page-company-index .section-kicker, body.page-company-index .status, body.page-company-index .tag, body.page-company-index .price-label, body.page-company-index .nav-link, body.page-company-index .meta-label { font-family: var(--mono); text-transform: uppercase; letter-spacing: .13em; }
    body.page-company-index .eyebrow, body.page-company-index .section-kicker, body.page-company-index .status, body.page-company-index .tag, body.page-company-index .price-label, body.page-company-index .meta-label { color: var(--gold); font-size: .62rem; font-weight: 700; line-height: 1.3; }
    body.page-company-index .gold { background: var(--gold-gradient); background-clip: text; -webkit-background-clip: text; color: transparent; }
    body.page-company-index .yellow { color: var(--yellow); }

    body.page-company-index .site-header { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; gap: 2rem; min-height: 76px; border-bottom: 1px solid rgba(200,157,61,.22); background: rgba(7,8,7,.9); backdrop-filter: blur(16px); }
    body.page-company-index .site-header.shell { width: min(calc(100% - 2rem), var(--max)); margin-inline: auto; }
    body.page-company-index .header-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; min-height: 76px; }
    body.page-company-index .brand { display: flex; align-items: center; gap: .8rem; min-width: max-content; }
    body.page-company-index .brand-mark { display: grid; place-items: center; width: 35px; height: 42px; border: 1px solid var(--gold); color: var(--gold-soft); font: 700 1.05rem var(--display); letter-spacing: .04em; }
    body.page-company-index .brand-mark img { width: 30px; height: 30px; object-fit: contain; }
    body.page-company-index .brand strong { display: block; color: var(--ivory); font-size: .79rem; letter-spacing: .08em; text-transform: uppercase; }
    body.page-company-index .brand > span:last-child { display: block; color: var(--ivory); font-size: .79rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
    body.page-company-index .brand small { display: block; margin-top: .12rem; color: var(--muted); font: .53rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
    body.page-company-index .site-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 1.2rem; }
    body.page-company-index .site-nav a, body.page-company-index .nav-link { color: var(--muted); font: .6rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
    body.page-company-index .site-nav a:hover, body.page-company-index .site-nav a:focus-visible, body.page-company-index .nav-link:hover, body.page-company-index .nav-link:focus-visible { color: var(--gold-soft); }
    body.page-company-index .nav-link.nav-highlight { color: var(--gold-soft); }

    body.page-company-index .hero { position: relative; overflow: hidden; min-height: 720px; padding: 7.5rem 0 6.2rem; display: grid; align-content: center; }
    body.page-company-index .hero::before { content: "JLS / 001"; position: absolute; top: 2.1rem; right: 0; color: rgba(200,157,61,.42); font: .6rem var(--mono); letter-spacing: .18em; }
    body.page-company-index .hero::after { content: "SYSTEMS\A THAT HOLD"; white-space: pre; position: absolute; right: -3vw; bottom: 2rem; z-index: -1; color: rgba(236,232,220,.035); font: 400 clamp(5rem, 15vw, 13rem)/.78 var(--display); letter-spacing: -.01em; text-align: right; }
    body.page-company-index .hero-layout { display: grid; grid-template-columns: minmax(0, 1.07fr) minmax(320px, .63fr); align-items: end; gap: 6rem; }
    body.page-company-index .hero-kicker { display: flex; align-items: center; gap: .75rem; }
    body.page-company-index .hero-kicker::before { content: ""; width: 34px; height: 2px; background: var(--gold); box-shadow: 0 0 12px rgba(239,214,138,.32); }
    body.page-company-index .hero h1 { max-width: 920px; margin: 1rem 0 1.5rem; font: 400 clamp(4.8rem, 10.7vw, 10.5rem)/.81 var(--display); letter-spacing: .01em; text-transform: uppercase; }
    body.page-company-index .hero-copy { max-width: 650px; margin: 0; color: var(--warm); font-size: 1.05rem; }
    body.page-company-index .actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
    body.page-company-index .button { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 47px; padding: .78rem 1.05rem; border: 1px solid var(--gold); background: rgba(8,9,8,.85); color: var(--gold-soft); font: 700 .63rem var(--mono); letter-spacing: .1em; text-transform: uppercase; transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease; }
    body.page-company-index .button:hover, body.page-company-index .button:focus-visible { transform: translateY(-2px); border-color: var(--gold-soft); background: var(--gold-gradient); color: #0a0906; box-shadow: 0 12px 28px rgba(239,214,138,.16); }
    body.page-company-index .button.button-dark { border-color: rgba(236,232,220,.24); color: var(--ivory); }
    body.page-company-index .button.button-dark:hover, body.page-company-index .button.button-dark:focus-visible { border-color: var(--gold-soft); color: #0a0906; }
    body.page-company-index .signal-line { display: flex; flex-wrap: wrap; gap: .6rem 1rem; margin-top: 2rem; color: var(--muted); font: 700 .58rem var(--mono); letter-spacing: .09em; text-transform: uppercase; }
    body.page-company-index .signal-line span::before { content: "//"; margin-right: .35rem; color: var(--gold); }

    body.page-company-index .statement-band { position: relative; overflow: hidden; border-block: 1px solid var(--line); padding: 1.55rem 0; background: linear-gradient(100deg, #171307, #3b2c13 47%, #13130e); }
    body.page-company-index .statement-band::after { content: ""; position: absolute; inset: 0; opacity: .24; background: repeating-linear-gradient(-45deg, transparent 0 10px, rgba(255,255,255,.24) 11px 12px); pointer-events: none; }
    body.page-company-index .statement-inner { position: relative; z-index: 1; display: grid; grid-template-columns: .55fr 1.45fr; gap: 3rem; align-items: center; }
    body.page-company-index .statement-label { color: var(--gold-soft); font: 700 .62rem var(--mono); letter-spacing: .16em; text-transform: uppercase; }
    body.page-company-index .statement-inner strong { color: var(--ivory); font: 400 clamp(1.5rem, 3vw, 2.65rem)/.98 var(--display); text-transform: uppercase; }

    body.page-company-index .section { position: relative; padding: 7.5rem 0; border-bottom: 1px solid rgba(200,157,61,.17); }
    body.page-company-index .section.dark { background: linear-gradient(180deg, rgba(255,255,255,.012), transparent 24%); }
    body.page-company-index .section.raised { background: var(--deep); }
    body.page-company-index .section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .48fr); gap: 4rem; align-items: end; margin-bottom: 3.3rem; }
    body.page-company-index .section-heading > div, body.page-company-index .section-heading > p, body.page-company-index .section-kicker { min-width: 0; }
    body.page-company-index .section-kicker { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; }
    body.page-company-index .section-kicker .index { color: var(--gold-soft); }
    body.page-company-index .section-kicker .rule { display: inline-block; width: 40px; height: 1px; background: var(--gold); }
    body.page-company-index h2 { max-width: 840px; margin: .7rem 0 1.15rem; font: 400 clamp(3.7rem, 7vw, 7.2rem)/.82 var(--display); letter-spacing: .01em; text-transform: uppercase; overflow-wrap: anywhere; }
    body.page-company-index .section-heading > p { margin: 0; color: var(--warm); font-size: .92rem; }
    body.page-company-index .section-heading > p strong { color: var(--ivory); font-weight: 600; }
    body.page-company-index .section::before { content: attr(data-code); position: absolute; top: 2.2rem; right: max(1rem, calc((100vw - var(--max)) / 2)); color: rgba(200,157,61,.35); font: .58rem var(--mono); letter-spacing: .16em; }

    body.page-company-index .dominator-section { background: radial-gradient(circle at 83% 17%, rgba(200,157,61,.12), transparent 25rem), linear-gradient(180deg, #080a09, #10110f 76%, #0a0b0a); }
    body.page-company-index .dominator-layout { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(280px, .7fr); gap: 4rem; align-items: start; }
    body.page-company-index .dominator-copy > p { max-width: 710px; color: var(--warm); font-size: 1rem; }
    body.page-company-index .callout { max-width: 720px; margin-top: 2rem; padding: 1rem 1.25rem; border-left: 3px solid var(--gold); background: rgba(200,157,61,.06); color: var(--ivory); font-size: .94rem; }
    body.page-company-index .system-rail { border-top: 1px solid var(--line); }
    body.page-company-index .rail-item { display: grid; grid-template-columns: 58px 1fr; gap: 1rem; padding: 1.1rem 0; border-bottom: 1px solid rgba(200,157,61,.16); }
    body.page-company-index .rail-item .rail-no { color: var(--gold); font: 700 .72rem var(--mono); }
    body.page-company-index .rail-item strong { display: block; color: var(--ivory); font-size: .9rem; }
    body.page-company-index .rail-item span:last-child { display: block; margin-top: .22rem; color: var(--muted); font-size: .75rem; line-height: 1.45; }
    body.page-company-index .dominator-panel { margin-top: 3rem; border: 1px solid var(--line); background: linear-gradient(135deg, rgba(255,255,255,.04), rgba(0,0,0,.2)); }
    body.page-company-index .panel-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; border-bottom: 1px solid var(--line); color: var(--gold); font: 700 .58rem var(--mono); letter-spacing: .13em; text-transform: uppercase; }
    body.page-company-index .panel-head .live { display: flex; align-items: center; gap: .45rem; color: var(--muted); }
    body.page-company-index .panel-head .live::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--gold-soft); box-shadow: 0 0 10px var(--gold); }
    body.page-company-index .panel-body { display: grid; grid-template-columns: 1fr 1fr 1fr; }
    body.page-company-index .panel-cell { min-height: 120px; padding: 1.15rem; border-right: 1px solid rgba(200,157,61,.16); }
    body.page-company-index .panel-cell:last-child { border-right: 0; }
    body.page-company-index .panel-cell small { display: block; color: var(--muted); font: .58rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
    body.page-company-index .panel-cell strong { display: block; margin-top: .65rem; color: var(--gold-soft); font: 400 1.55rem/.9 var(--display); text-transform: uppercase; }
    body.page-company-index .panel-cell p { margin: .55rem 0 0; color: var(--muted); font-size: .7rem; line-height: 1.4; }

    body.page-company-index .architecture { background: #0b0d0c; }
    body.page-company-index .arch-map { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--line); }
    body.page-company-index .arch-node { min-height: 195px; padding: 1.5rem; border-right: 1px solid var(--line); background: rgba(255,255,255,.018); }
    body.page-company-index .arch-node:last-child { border-right: 0; }
    body.page-company-index .arch-node .meta-label { color: var(--gold); }
    body.page-company-index .arch-node h3 { margin: .8rem 0 .5rem; color: var(--ivory); font: 400 2.1rem/.9 var(--display); text-transform: uppercase; }
    body.page-company-index .arch-node p { margin: 0; color: var(--muted); font-size: .78rem; }
    body.page-company-index .arch-node.center { position: relative; background: linear-gradient(135deg, rgba(200,157,61,.11), rgba(255,255,255,.015)); }
    body.page-company-index .arch-node.center::after { content: "PRIMARY CURRENT SYSTEM"; position: absolute; right: 1.5rem; bottom: 1.4rem; color: rgba(239,214,138,.52); font: .53rem var(--mono); letter-spacing: .1em; }
    body.page-company-index .coby-bam-node { background: linear-gradient(145deg, rgba(236,232,220,.055), rgba(200,157,61,.025)); }
    body.page-company-index .ownership-note { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem; color: var(--muted); font: .6rem var(--mono); letter-spacing: .05em; text-transform: uppercase; }
    body.page-company-index .ownership-note span { padding-top: .8rem; border-top: 1px solid rgba(236,232,220,.1); }
    body.page-company-index .ownership-note strong { display: block; margin-top: .25rem; color: var(--warm); font-weight: 700; }

    body.page-company-index .frankie-section { background: linear-gradient(180deg, #121611 0%, #0d100f 100%); }
    body.page-company-index .frankie-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 4rem; align-items: start; }
    body.page-company-index .suite-intro p { color: var(--warm); font-size: .94rem; }
    body.page-company-index .suite-intro .suite-mark { display: inline-grid; place-items: center; width: 94px; height: 94px; margin: 1.2rem 0 1.6rem; border: 1px solid var(--gold); color: var(--gold-soft); font: 400 3.7rem/.8 var(--display); }
    body.page-company-index .suite-intro .suite-note { padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); font: .66rem/1.6 var(--mono); text-transform: uppercase; }
    body.page-company-index .role-ledger { border-top: 1px solid var(--line); }
    body.page-company-index .role { display: grid; grid-template-columns: 125px 1fr auto; gap: 1rem; align-items: center; min-height: 84px; padding: 1rem 0; border-bottom: 1px solid rgba(200,157,61,.15); }
    body.page-company-index .role .role-name { color: var(--gold-soft); font: 400 1.4rem/.9 var(--display); text-transform: uppercase; }
    body.page-company-index .role p { margin: 0; color: var(--warm); font-size: .78rem; }
    body.page-company-index .role .role-state { color: var(--muted); font: .54rem var(--mono); letter-spacing: .08em; text-align: right; text-transform: uppercase; }
    body.page-company-index .role-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.3rem; }
    body.page-company-index .role-tags span { padding: .38rem .5rem; border: 1px solid rgba(200,157,61,.25); color: var(--muted); font: .55rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
    body.page-company-index .free-frankie { display: grid; grid-template-columns: 1.3fr .7fr; gap: 2rem; align-items: center; margin-top: 3rem; padding: 1.45rem 1.6rem; border: 1px solid rgba(239,214,138,.5); background: linear-gradient(100deg, rgba(200,157,61,.12), rgba(200,157,61,.025)); }
    body.page-company-index .free-frankie .tag { color: var(--yellow); }
    body.page-company-index .free-frankie h3 { margin: .55rem 0 .4rem; color: var(--ivory); font: 400 2.35rem/.92 var(--display); text-transform: uppercase; }
    body.page-company-index .free-frankie p { margin: 0; color: var(--warm); font-size: .8rem; }
    body.page-company-index .free-frankie .free-action { justify-self: end; }

    body.page-company-index .products-section { background: #090a09; }
    body.page-company-index .catalog-head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2.3rem; }
    body.page-company-index .catalog-head p { max-width: 430px; margin: 0; color: var(--warm); font-size: .86rem; }
    body.page-company-index .product-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
    body.page-company-index .product-tile { position: relative; display: flex; min-width: 0; min-height: 290px; flex-direction: column; padding: 1.35rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(0,0,0,.1)); transition: background .2s ease, border-color .2s ease, transform .2s ease; }
    body.page-company-index .product-tile:hover, body.page-company-index .product-tile:focus-within { z-index: 1; border-color: var(--gold-soft); background: linear-gradient(145deg, rgba(200,157,61,.13), rgba(255,255,255,.025)); transform: translateY(-3px); }
    body.page-company-index .product-tile.flagship { grid-column: span 2; min-height: 330px; background: linear-gradient(145deg, rgba(200,157,61,.14), rgba(255,255,255,.025) 62%); }
    body.page-company-index .product-tile.pro-bono { background: linear-gradient(145deg, rgba(236,232,220,.07), rgba(0,0,0,.1)); }
    body.page-company-index .product-tile .tile-top { display: flex; min-width: 0; align-items: start; justify-content: space-between; gap: 1rem; }
    body.page-company-index .product-tile .tile-index { min-width: 0; color: rgba(239,214,138,.58); font: .6rem var(--mono); overflow-wrap: anywhere; }
    body.page-company-index .product-tile h3 { max-width: 320px; margin: .7rem 0 .55rem; color: var(--ivory); font: 400 2rem/.9 var(--display); text-transform: uppercase; }
    body.page-company-index .product-tile p { margin: 0; color: var(--warm); font-size: .77rem; line-height: 1.55; }
    body.page-company-index .tile-bottom { display: flex; min-width: 0; align-items: end; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 1.3rem; }
    body.page-company-index .price { color: var(--gold-soft); font: 400 1.5rem/.9 var(--display); text-transform: uppercase; }
    body.page-company-index .price-note { display: block; min-width: 0; margin-top: .35rem; color: var(--muted); font: .54rem var(--mono); letter-spacing: .05em; overflow-wrap: anywhere; text-transform: uppercase; }
    body.page-company-index .tile-link { min-width: 0; color: var(--gold); font: 700 .58rem var(--mono); letter-spacing: .08em; overflow-wrap: anywhere; text-align: right; text-transform: uppercase; }
    body.page-company-index .tile-link:hover, body.page-company-index .tile-link:focus-visible { color: var(--gold-soft); }
    body.page-company-index .pro-bono .price { color: var(--ivory); font-size: 1.18rem; }
    body.page-company-index .pro-bono .tile-link { color: var(--muted); }
    body.page-company-index .catalog-note { margin: 1.1rem 0 0; color: var(--muted); font: .58rem/1.6 var(--mono); letter-spacing: .03em; }

    body.page-company-index .conversation { display: grid; grid-template-columns: .82fr 1.18fr; gap: 2rem; max-width: 980px; margin: 3rem auto 0; padding: 1.5rem; border: 1px solid var(--line); background: rgba(10,11,10,.94); text-align: left; }
    body.page-company-index .conversation h3 { margin: .55rem 0 .7rem; color: var(--ivory); font: 400 2.35rem/.9 var(--display); text-transform: uppercase; }
    body.page-company-index .conversation p { color: var(--warm); font-size: .8rem; }
    body.page-company-index .conversation a { color: var(--gold-soft); text-decoration: underline; text-underline-offset: .2em; }
    body.page-company-index .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
    body.page-company-index .form-grid label { display: grid; gap: .3rem; color: var(--warm); font: 700 .61rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
    body.page-company-index .form-grid label:first-child, body.page-company-index .form-grid label:last-of-type { grid-column: 1 / -1; }
    body.page-company-index .form-grid input, body.page-company-index .form-grid select, body.page-company-index .form-grid textarea { width: 100%; border: 1px solid #3a3427; border-radius: 0; background: #0c0d0e; color: var(--ivory); padding: .75rem; font: inherit; font-size: .84rem; }
    body.page-company-index .form-grid textarea { min-height: 105px; resize: vertical; }
    body.page-company-index .form-grid input:focus, body.page-company-index .form-grid select:focus, body.page-company-index .form-grid textarea:focus { outline: 2px solid var(--gold); outline-offset: 2px; }
    body.page-company-index .form-note, body.page-company-index .form-confirmation { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: .66rem; }
    body.page-company-index .form-confirmation { padding: .85rem 1rem; border-left: 3px solid var(--gold); background: rgba(200,157,61,.08); font-size: .78rem; }
    body.page-company-index .form-confirmation strong { color: var(--gold-soft); }

    body.page-company-index .principles-section { background: #10130f; }
    body.page-company-index .principles-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 5rem; align-items: start; }
    body.page-company-index .principles-intro p { max-width: 360px; color: var(--warm); }
    body.page-company-index .principles-list { border-top: 1px solid var(--line); }
    body.page-company-index .principle { display: grid; grid-template-columns: 54px 1fr; gap: 1rem; padding: 1.15rem 0; border-bottom: 1px solid rgba(200,157,61,.15); }
    body.page-company-index .principle .principle-no { color: var(--gold); font: 700 .7rem var(--mono); }
    body.page-company-index .principle h3 { margin: 0 0 .3rem; color: var(--ivory); font: 400 1.8rem/.9 var(--display); text-transform: uppercase; }
    body.page-company-index .principle p { margin: 0; color: var(--muted); font-size: .78rem; }

    body.page-company-index .closing { position: relative; overflow: hidden; padding: 7.5rem 0 5rem; border-top: 1px solid var(--line); background: radial-gradient(circle at 50% 0%, rgba(200,157,61,.13), transparent 34rem), linear-gradient(180deg, #0d0e0d, #070807); text-align: center; }
    body.page-company-index .closing::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 8px; background: repeating-linear-gradient(-45deg, rgba(255,241,167,.35) 0 2px, transparent 2px 9px), var(--gold-gradient); }
    body.page-company-index .closing h2 { max-width: 850px; margin: .8rem auto 1rem; }
    body.page-company-index .closing > p { max-width: 640px; margin: 0 auto; color: var(--warm); font-size: .96rem; }
    body.page-company-index .path-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 3rem; border-top: 1px solid var(--line); border-left: 1px solid var(--line); text-align: left; }
    body.page-company-index .path { min-height: 150px; padding: 1.2rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.025); }
    body.page-company-index .path:hover, body.page-company-index .path:focus-visible { background: rgba(200,157,61,.1); }
    body.page-company-index .path .path-no { color: var(--gold); font: .58rem var(--mono); }
    body.page-company-index .path strong { display: block; margin: .85rem 0 .35rem; color: var(--ivory); font: 400 1.45rem/.9 var(--display); text-transform: uppercase; }
    body.page-company-index .path span { color: var(--muted); font-size: .72rem; }
    body.page-company-index .site-footer { display: block; padding: 2rem 0 2.5rem; color: var(--muted); font-size: .68rem; }
    body.page-company-index .site-footer .footer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: end; }
    body.page-company-index .site-footer p { margin: 1rem 0 0; color: var(--muted); }
    body.page-company-index .site-footer strong { color: var(--gold-soft); }
    body.page-company-index .footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .7rem 1rem; }
    body.page-company-index .footer-links a { color: var(--muted); font: .58rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
    body.page-company-index .footer-links a:hover, body.page-company-index .footer-links a:focus-visible, body.page-company-index .footer-cookie-settings:hover, body.page-company-index .footer-cookie-settings:focus-visible { color: var(--gold-soft); }
    body.page-company-index .footer-cookie-settings { padding: 0; border: 0; background: none; color: var(--muted); cursor: pointer; font: .58rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
    body.page-company-index .legal { padding-top: 1rem; border-top: 1px solid rgba(200,157,61,.14); font: .58rem var(--mono); letter-spacing: .03em; }

    @media (max-width: 940px) {
      body.page-company-index .site-nav { gap: .8rem; }
      body.page-company-index .hero-layout, body.page-company-index .dominator-layout, body.page-company-index .frankie-layout, body.page-company-index .principles-layout { grid-template-columns: 1fr; gap: 2.5rem; }
      body.page-company-index .hero { min-height: auto; padding: 6rem 0 5rem; }
      body.page-company-index .section-heading { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
      body.page-company-index .product-grid { grid-template-columns: repeat(2, 1fr); }
      body.page-company-index .product-tile.flagship { grid-column: span 2; }
      body.page-company-index .path-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 650px) {
      body.page-company-index .shell { width: min(calc(100% - 2rem), var(--max)); }
      body.page-company-index .site-header { min-height: 68px; }
      body.page-company-index .brand small { display: none; }
      body.page-company-index .site-nav { max-width: 100%; flex-wrap: nowrap; gap: .65rem; justify-content: flex-start; overflow-x: auto; }
      body.page-company-index .site-nav a { flex: 0 0 auto; }
      body.page-company-index .hero { padding: 5rem 0 4.5rem; }
      body.page-company-index .hero h1 { font-size: clamp(4.2rem, 18vw, 7rem); }
      body.page-company-index .hero::after { right: -8vw; bottom: 1.5rem; font-size: 5rem; }
      body.page-company-index h2 { font-size: clamp(3.4rem, 16vw, 5.8rem); }
      body.page-company-index .section { padding: 5.3rem 0; }
      body.page-company-index .statement-inner, body.page-company-index .arch-map, body.page-company-index .ownership-note, body.page-company-index .panel-body, body.page-company-index .free-frankie, body.page-company-index .frankie-layout, body.page-company-index .principles-layout { grid-template-columns: minmax(0, 1fr); }
      body.page-company-index .statement-inner { gap: .8rem; }
      body.page-company-index .arch-node { min-height: 150px; border-right: 0; border-bottom: 1px solid var(--line); }
      body.page-company-index .arch-node:last-child { border-bottom: 0; }
      body.page-company-index .ownership-note { gap: .6rem; }
      body.page-company-index .panel-cell { min-height: 100px; border-right: 0; border-bottom: 1px solid rgba(200,157,61,.16); }
      body.page-company-index .panel-cell:last-child { border-bottom: 0; }
      body.page-company-index .role { grid-template-columns: 1fr auto; gap: .5rem; }
      body.page-company-index .role p { grid-column: 1/-1; grid-row: 2; }
      body.page-company-index .role .role-state { grid-column: 2; grid-row: 1; }
      body.page-company-index .free-frankie .free-action { justify-self: start; margin-top: .7rem; }
      body.page-company-index .catalog-head { display: block; }
      body.page-company-index .catalog-head p { margin-top: 1rem; }
      body.page-company-index .product-grid { grid-template-columns: 1fr; }
      body.page-company-index .product-tile.flagship { grid-column: auto; }
      body.page-company-index .product-tile { min-height: 260px; }
      body.page-company-index .conversation { grid-template-columns: 1fr; margin-top: 2rem; padding: 1rem; }
      body.page-company-index .form-grid { grid-template-columns: 1fr; }
      body.page-company-index .form-grid label:first-child, body.page-company-index .form-grid label:last-of-type { grid-column: auto; }
      body.page-company-index .path-grid { grid-template-columns: 1fr; }
      body.page-company-index .site-footer .footer-grid { grid-template-columns: 1fr; align-items: start; }
      body.page-company-index .footer-links { justify-content: flex-start; margin-top: 1.3rem; }
    }
    @media (prefers-reduced-motion: reduce) {
      body.page-company-index { scroll-behavior: auto; }
      body.page-company-index *, body.page-company-index *::before, body.page-company-index *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
    }

/* FrankieFam product layer. Scoped to body.page-frankiefam and loaded by the shared site head. */
/* FrankieFam page layer: uses the shared JLS black, gold and consent system. */
      .page-frankiefam{--ff-black:#060606;--ff-deep:#0b0c0d;--ff-panel:#111313;--ff-raised:#171817;--ff-ivory:#f2eee5;--ff-warm:#c9c2b5;--ff-muted:#878177;--ff-line:rgba(212,175,55,.25);--ff-mono:"Courier New",monospace;overflow-x:hidden}
      .page-frankiefam main{width:100%;overflow:hidden}.page-frankiefam .ff-shell{width:min(1120px,calc(100% - 2rem));margin-inline:auto}.page-frankiefam .ff-section{padding:clamp(4.5rem,8vw,8rem) 0;border-bottom:1px solid rgba(212,175,55,.16)}.page-frankiefam .ff-section--dark{background:linear-gradient(135deg,#080909,#11100c 58%,#080909)}.page-frankiefam .ff-section--raised{background:#0d0e0e}
      .page-frankiefam .ff-eyebrow,.page-frankiefam .ff-index,.page-frankiefam .ff-label,.page-frankiefam .ff-code{margin:0;color:var(--jls-gold)!important;font:700 .66rem/1.35 var(--ff-mono);letter-spacing:.15em;text-transform:uppercase}.page-frankiefam .ff-index{margin-bottom:.8rem}.page-frankiefam .ff-eyebrow{display:flex;align-items:center;gap:.7rem}.page-frankiefam .ff-eyebrow:before{content:"";width:2.25rem;height:1px;background:var(--jls-gold);box-shadow:0 0 12px rgba(212,175,55,.6)}
      .page-frankiefam .ff-headline,.page-frankiefam .ff-section h2{margin:.65rem 0 1.3rem;color:var(--ff-ivory)!important;font:400 clamp(2.9rem,6vw,6.4rem)/.86 Impact,"Arial Narrow Bold",sans-serif;letter-spacing:.015em;text-transform:uppercase}.page-frankiefam .ff-headline em,.page-frankiefam .ff-section h2 em{font-style:normal;background:var(--jls-gold-gradient);background-clip:text;-webkit-background-clip:text;color:transparent!important}.page-frankiefam .ff-lede,.page-frankiefam .ff-section-intro{max-width:760px;color:var(--ff-warm)!important;font-size:1.03rem;line-height:1.75}.page-frankiefam .ff-section-intro{margin:0}
      .page-frankiefam .ff-hero{position:relative;min-height:720px;padding:clamp(5rem,11vw,9rem) 0 5.5rem;background:radial-gradient(circle at 79% 37%,rgba(212,175,55,.12),transparent 24rem),linear-gradient(180deg,rgba(255,255,255,.02),transparent 48%)}.page-frankiefam .ff-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.035) 5px),linear-gradient(90deg,transparent 0 50%,rgba(212,175,55,.04) 50.1%,transparent 50.3%);mask-image:linear-gradient(90deg,#000,transparent 84%)}.page-frankiefam .ff-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:clamp(2.5rem,7vw,7rem);align-items:center}.page-frankiefam .ff-headline{max-width:790px;margin-top:1.15rem;font-size:clamp(4rem,8.6vw,8.8rem);line-height:.79}.page-frankiefam .ff-hero__copy .ff-lede{max-width:670px;margin:2rem 0 0;font-size:clamp(1.02rem,1.5vw,1.2rem)}
      .page-frankiefam .ff-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.page-frankiefam .ff-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:2.9rem;padding:.8rem 1.05rem;border:1px solid var(--jls-gold);background:linear-gradient(180deg,#1a1a19,#080808);color:var(--ff-ivory)!important;font:700 .68rem/1.2 var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.page-frankiefam .ff-button:hover,.page-frankiefam .ff-button:focus-visible{background:var(--jls-gold-gradient);border-color:var(--jls-gold);color:#070707!important;transform:translateY(-3px);box-shadow:0 0 0 1px rgba(212,175,55,.65),0 14px 34px rgba(212,175,55,.22)}.page-frankiefam .ff-button--quiet{border-color:rgba(242,238,229,.3);color:var(--ff-warm)!important}.page-frankiefam .ff-note{margin:1rem 0 0;color:var(--ff-muted)!important;font:400 .68rem/1.5 var(--ff-mono)}
      .page-frankiefam .ff-command{position:relative;padding:1rem;border:1px solid var(--ff-line);background:rgba(8,9,9,.75);box-shadow:0 22px 70px rgba(0,0,0,.38),inset 0 0 35px rgba(212,175,55,.035)}.page-frankiefam .ff-command:before{content:"OPERATING VIEW / 001";display:block;padding-bottom:.85rem;border-bottom:1px solid var(--ff-line);color:var(--jls-gold);font:700 .58rem var(--ff-mono);letter-spacing:.12em}.page-frankiefam .ff-command__core{display:grid;place-items:center;min-height:190px;margin:1rem 0;border:1px solid rgba(212,175,55,.45);background:radial-gradient(circle,rgba(212,175,55,.16),transparent 62%),#111;text-align:center}.page-frankiefam .ff-command__core span{display:block;color:var(--ff-muted);font:700 .57rem var(--ff-mono);letter-spacing:.12em}.page-frankiefam .ff-command__core strong{display:block;margin:.45rem 0;color:var(--jls-gold);font:400 3rem/.85 Impact,"Arial Narrow Bold",sans-serif;letter-spacing:.04em}.page-frankiefam .ff-command__core small{max-width:180px;color:var(--ff-warm);font-size:.68rem}.page-frankiefam .ff-command__row{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.7rem .3rem;border-top:1px solid rgba(242,238,229,.1);color:var(--ff-warm);font:700 .62rem var(--ff-mono);letter-spacing:.07em;text-transform:uppercase}.page-frankiefam .ff-command__row b{color:var(--jls-gold);font-weight:700}.page-frankiefam .ff-command__status{display:flex;align-items:center;gap:.5rem;margin-top:1rem;color:#b2c49d;font:700 .58rem var(--ff-mono);letter-spacing:.08em;text-transform:uppercase}.page-frankiefam .ff-command__status i{width:.45rem;height:.45rem;border-radius:50%;background:#72d17c;box-shadow:0 0 10px #72d17c}
      .page-frankiefam .ff-signal{position:relative;border-block:1px solid var(--ff-line);background:linear-gradient(100deg,#100e08,#1b160b 50%,#0b0b0b)}.page-frankiefam .ff-signal__inner{display:flex;flex-wrap:wrap;gap:0}.page-frankiefam .ff-signal span{flex:1 1 10rem;padding:1.05rem .8rem;border-right:1px solid rgba(212,175,55,.18);color:var(--jls-gold);font:700 .62rem/1.4 var(--ff-mono);letter-spacing:.08em;text-transform:uppercase}.page-frankiefam .ff-signal span:before{content:"// ";color:var(--jls-gold)}
      .page-frankiefam .ff-split-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:3rem;align-items:end;margin-bottom:3rem}.page-frankiefam .ff-architecture{display:grid;grid-template-columns:.75fr 1.25fr;gap:1rem}.page-frankiefam .ff-architecture__lead{padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--ff-line);background:linear-gradient(145deg,rgba(212,175,55,.13),rgba(17,19,19,.9) 58%)}.page-frankiefam .ff-architecture__lead h3{margin:.7rem 0 1rem;color:var(--ff-ivory)!important;font:400 clamp(2.4rem,5vw,4.8rem)/.86 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase}.page-frankiefam .ff-architecture__lead p{color:var(--ff-warm)!important;font-size:.9rem}.page-frankiefam .ff-architecture__lead strong{color:var(--jls-gold)!important}.page-frankiefam .ff-architecture__bands{display:grid;gap:.7rem}.page-frankiefam .ff-band{display:grid;grid-template-columns:150px 1fr;gap:1.2rem;align-items:start;padding:1.2rem 1.35rem;border:1px solid rgba(242,238,229,.14);background:var(--ff-panel)}.page-frankiefam .ff-band__label{color:var(--jls-gold);font:700 .63rem/1.35 var(--ff-mono);letter-spacing:.11em;text-transform:uppercase}.page-frankiefam .ff-band h3{margin:0 0 .4rem;color:var(--ff-ivory)!important;font-size:1.18rem}.page-frankiefam .ff-band p{margin:0;color:var(--ff-warm)!important;font-size:.82rem;line-height:1.6}.page-frankiefam .ff-capability-list{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 0;padding:0;list-style:none}.page-frankiefam .ff-capability-list li{padding:.28rem .45rem;border:1px solid rgba(212,175,55,.28);color:var(--ff-warm);font:400 .61rem var(--ff-mono)}
      .page-frankiefam .ff-free-inline{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;margin-top:1.2rem;padding:1.2rem 1.35rem;border-left:3px solid var(--jls-gold);background:#121313}.page-frankiefam .ff-free-inline h3{margin:0 0 .25rem;color:var(--ff-ivory)!important;font-size:1.1rem}.page-frankiefam .ff-free-inline p{margin:0;color:var(--ff-warm)!important;font-size:.78rem}
      .page-frankiefam .ff-team{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:2.5rem;align-items:start}.page-frankiefam .ff-team__promise{position:sticky;top:5rem;padding:1.5rem;border:1px solid var(--ff-line);background:linear-gradient(160deg,#17130b,#0d0e0e 72%)}.page-frankiefam .ff-team__promise h3{margin:.8rem 0 1rem;color:var(--jls-gold)!important;font:400 clamp(2rem,4vw,4.2rem)/.88 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase}.page-frankiefam .ff-team__promise p{color:var(--ff-warm)!important;font-size:.85rem}.page-frankiefam .ff-team__promise .ff-team-buy{margin:1.5rem 0 0;padding:1rem;border-block:1px solid var(--ff-line);color:var(--ff-ivory)!important;font:700 .78rem/1.4 var(--ff-mono);letter-spacing:.07em;text-transform:uppercase}.page-frankiefam .ff-team__list{display:grid;gap:.7rem}.page-frankiefam .ff-team__row{display:grid;grid-template-columns:110px 1fr;gap:1rem;padding:1rem 0;border-top:1px solid rgba(242,238,229,.14)}.page-frankiefam .ff-team__row strong{color:var(--jls-gold)!important;font:700 .82rem var(--ff-mono);letter-spacing:.1em}.page-frankiefam .ff-team__row p{margin:0;color:var(--ff-warm)!important;font-size:.84rem;line-height:1.6}.page-frankiefam .ff-team__twin{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.25rem}.page-frankiefam .ff-team__twin div{padding:1rem;border:1px solid rgba(212,175,55,.2);background:rgba(255,255,255,.025)}.page-frankiefam .ff-team__twin strong{display:block;margin-bottom:.35rem;color:var(--ff-ivory)!important;font-size:.78rem}.page-frankiefam .ff-team__twin span{color:var(--ff-muted);font-size:.72rem}
      .page-frankiefam .ff-flow{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:3rem;align-items:start}.page-frankiefam .ff-flow__rail{position:relative;padding-left:2rem}.page-frankiefam .ff-flow__rail:before{content:"";position:absolute;left:.45rem;top:.7rem;bottom:.7rem;width:1px;background:linear-gradient(var(--jls-gold),rgba(212,175,55,.05))}.page-frankiefam .ff-flow__step{position:relative;display:grid;grid-template-columns:2rem 1fr;gap:1rem;padding:0 0 1.6rem}.page-frankiefam .ff-flow__step:before{content:"";position:absolute;left:-1.58rem;top:.3rem;width:.55rem;height:.55rem;border:1px solid var(--jls-gold);background:var(--ff-black)}.page-frankiefam .ff-flow__step b{color:var(--jls-gold);font:700 .66rem var(--ff-mono)}.page-frankiefam .ff-flow__step h3{margin:0 0 .25rem;color:var(--ff-ivory)!important;font-size:1rem}.page-frankiefam .ff-flow__step p{margin:0;color:var(--ff-warm)!important;font-size:.78rem}.page-frankiefam .ff-flow__aside{padding:1.4rem;border:1px solid rgba(212,175,55,.35);background:radial-gradient(circle at 100% 0,rgba(212,175,55,.1),transparent 45%),#121313}.page-frankiefam .ff-flow__aside h3{margin:.7rem 0 1rem;color:var(--ff-ivory)!important;font-size:1.4rem}.page-frankiefam .ff-flow__aside p{color:var(--ff-warm)!important;font-size:.82rem}
      .page-frankiefam .ff-roles{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(242,238,229,.14)}.page-frankiefam .ff-role{display:grid;grid-template-columns:125px 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid rgba(242,238,229,.14)}.page-frankiefam .ff-role:nth-child(odd){padding-right:1.4rem;border-right:1px solid rgba(242,238,229,.14)}.page-frankiefam .ff-role:nth-child(even){padding-left:1.4rem}.page-frankiefam .ff-role strong{color:var(--jls-gold)!important;font:700 .68rem/1.35 var(--ff-mono);letter-spacing:.07em}.page-frankiefam .ff-role p{margin:0;color:var(--ff-warm)!important;font-size:.77rem;line-height:1.55}.page-frankiefam .ff-role small{display:block;margin-top:.35rem;color:var(--ff-muted);font:400 .59rem var(--ff-mono)}
      .page-frankiefam .ff-memory{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;align-items:start}.page-frankiefam .ff-memory__stack{display:grid;gap:.7rem}.page-frankiefam .ff-memory__item{padding:1rem 1.1rem;border-left:2px solid var(--jls-gold);background:var(--ff-panel)}.page-frankiefam .ff-memory__item strong{display:block;color:var(--ff-ivory)!important;font-size:.86rem}.page-frankiefam .ff-memory__item span{color:var(--ff-muted);font-size:.72rem}
      .page-frankiefam .ff-custom{position:relative;background:linear-gradient(135deg,#0d0e0e,#17130b 48%,#0b0c0c)}.page-frankiefam .ff-custom:before{content:"CUSTOM PROCESS / CUSTOM DEVICE / CUSTOM MEMORY";position:absolute;top:2.5rem;right:-4rem;color:rgba(212,175,55,.07);font:800 clamp(2rem,6vw,6rem)/.8 var(--ff-mono);letter-spacing:-.08em;transform:rotate(-10deg);pointer-events:none}.page-frankiefam .ff-custom__intro{position:relative;max-width:790px}.page-frankiefam .ff-custom__intro h2{max-width:750px}.page-frankiefam .ff-device-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem}.page-frankiefam .ff-device{min-height:150px;padding:1.25rem;border:1px solid rgba(212,175,55,.3);background:rgba(8,9,9,.75)}.page-frankiefam .ff-device:nth-child(1),.page-frankiefam .ff-device:nth-child(4){background:linear-gradient(145deg,rgba(212,175,55,.13),rgba(8,9,9,.75))}.page-frankiefam .ff-device strong{display:block;margin-bottom:.5rem;color:var(--jls-gold)!important;font:700 .75rem var(--ff-mono);letter-spacing:.08em;text-transform:uppercase}.page-frankiefam .ff-device p{margin:0;color:var(--ff-warm)!important;font-size:.78rem}.page-frankiefam .ff-family-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;margin-top:1rem}.page-frankiefam .ff-family{padding:.8rem .65rem;border:1px solid rgba(242,238,229,.16);color:var(--ff-warm);font:700 .61rem/1.35 var(--ff-mono);text-transform:uppercase}.page-frankiefam .ff-family:before{content:"+";display:block;margin-bottom:.45rem;color:var(--jls-gold);font-size:1rem}
      .page-frankiefam .ff-scan{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:3rem;align-items:start}.page-frankiefam .ff-scan__architecture{margin-top:1.5rem;padding:1rem;border:1px solid var(--ff-line);background:#0a0b0b;color:var(--jls-gold);font:700 .7rem/1.8 var(--ff-mono);letter-spacing:.05em;text-transform:uppercase}.page-frankiefam .ff-scan__architecture span{color:var(--ff-warm)}.page-frankiefam .ff-scan__steps{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2rem;margin:0;padding:0;list-style:none;counter-reset:scan}.page-frankiefam .ff-scan__steps li{counter-increment:scan;display:grid;grid-template-columns:2rem 1fr;gap:.6rem;padding:1rem 0;border-top:1px solid rgba(242,238,229,.14);color:var(--ff-warm);font-size:.77rem}.page-frankiefam .ff-scan__steps li:before{content:counter(scan,decimal-leading-zero);color:var(--jls-gold);font:700 .64rem var(--ff-mono)}
      .page-frankiefam .ff-workflows{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.page-frankiefam .ff-workflow{padding:1rem;border:1px solid rgba(212,175,55,.25);background:var(--ff-panel)}.page-frankiefam .ff-workflow strong{display:block;color:var(--ff-ivory)!important;font-size:.8rem}.page-frankiefam .ff-workflow span{display:block;margin-top:.45rem;color:var(--ff-muted);font-size:.68rem;line-height:1.45}
      .page-frankiefam .ff-request{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:3rem;align-items:start}.page-frankiefam .ff-request__form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.4rem;border:1px solid var(--ff-line);background:#111313}.page-frankiefam .ff-request__form label{display:grid;gap:.4rem;color:var(--jls-gold);font:700 .62rem var(--ff-mono);letter-spacing:.08em;text-transform:uppercase}.page-frankiefam .ff-request__form .ff-full{grid-column:1/-1}.page-frankiefam .ff-request__form input,.page-frankiefam .ff-request__form textarea{width:100%;padding:.75rem;border:1px solid rgba(212,175,55,.35);border-radius:0;background:#090a0a;color:var(--ff-ivory);font:400 .88rem/1.5 system-ui,sans-serif}.page-frankiefam .ff-request__form textarea{min-height:135px;resize:vertical}.page-frankiefam .ff-request__form input:focus-visible,.page-frankiefam .ff-request__form textarea:focus-visible{outline:2px solid var(--jls-gold);outline-offset:2px}.page-frankiefam .ff-consent{display:grid!important;gap:.45rem!important;color:var(--ff-warm)!important;font:400 .7rem/1.5 system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}.page-frankiefam .ff-consent span{display:flex;gap:.55rem;align-items:flex-start}.page-frankiefam .ff-consent input{width:auto;margin-top:.2rem;accent-color:var(--jls-gold)}.page-frankiefam .ff-consent small{color:var(--ff-muted)}.page-frankiefam .ff-consent a{color:var(--jls-gold);text-decoration:underline}.page-frankiefam .ff-form-note{margin:0;color:var(--ff-muted);font-size:.68rem}.page-frankiefam .ff-section a:not(.ff-button){color:var(--jls-gold);text-decoration:underline;text-underline-offset:.2em}.page-frankiefam .ff-section a:not(.ff-button):hover,.page-frankiefam .ff-section a:not(.ff-button):focus-visible{color:var(--ff-ivory)!important}.page-frankiefam :focus-visible{outline:2px solid var(--jls-gold);outline-offset:3px}
      @media(max-width:900px){.page-frankiefam .ff-hero__grid,.page-frankiefam .ff-architecture,.page-frankiefam .ff-team,.page-frankiefam .ff-flow,.page-frankiefam .ff-memory,.page-frankiefam .ff-scan,.page-frankiefam .ff-request{grid-template-columns:1fr}.page-frankiefam .ff-team__promise{position:static}.page-frankiefam .ff-workflows{grid-template-columns:repeat(3,1fr)}.page-frankiefam .ff-family-grid{grid-template-columns:repeat(3,1fr)}}
      @media(max-width:700px){.page-frankiefam .ff-headline{font-size:clamp(3.55rem,17vw,6rem)}.page-frankiefam .ff-split-head,.page-frankiefam .ff-roles{display:block}.page-frankiefam .ff-band,.page-frankiefam .ff-team__row,.page-frankiefam .ff-role{grid-template-columns:1fr;gap:.45rem}.page-frankiefam .ff-role:nth-child(odd){padding-right:0;border-right:0}.page-frankiefam .ff-role:nth-child(even){padding-left:0}.page-frankiefam .ff-free-inline,.page-frankiefam .ff-device-grid,.page-frankiefam .ff-request__form{grid-template-columns:1fr}.page-frankiefam .ff-scan__steps{grid-template-columns:1fr}.page-frankiefam .ff-workflows,.page-frankiefam .ff-family-grid{grid-template-columns:1fr 1fr}.page-frankiefam .ff-team__twin{grid-template-columns:1fr}.page-frankiefam .ff-request__form .ff-full{grid-column:auto}}
      @media(prefers-reduced-motion:reduce){.page-frankiefam .ff-button{transition:none}.page-frankiefam .ff-hero:before{opacity:.2}}

.page-frankiefam{--ff-deep:#0b0b0b;--ff-panel:#111;--ff-raised:#171717;--ff-ivory:#fff;--ff-warm:#fff;--ff-muted:rgba(255,255,255,.68)}.page-frankiefam .site-header,.page-frankiefam .site-footer{color:#fff}.page-frankiefam .site-header .site-nav,.page-frankiefam .site-footer .footer-links,.page-frankiefam .site-header .brand small,.page-frankiefam .site-footer .brand small{color:rgba(255,255,255,.68)}.page-frankiefam .site-header .site-nav a:hover,.page-frankiefam .site-header .site-nav a:focus-visible,.page-frankiefam .site-footer .footer-links a:hover,.page-frankiefam .site-footer .footer-links a:focus-visible{color:var(--jls-gold)!important}.page-frankiefam .ff-button--quiet{border-color:rgba(255,255,255,.3);color:#fff!important}
      .page-frankiefam em{font-style:normal!important}.page-frankiefam .ff-headline,.page-frankiefam .ff-section h2{max-width:100%;font-size:clamp(2.6rem,5vw,5.2rem);line-height:.9;overflow-wrap:anywhere}.page-frankiefam .ff-headline{font-size:clamp(3.3rem,6.7vw,6.6rem);line-height:.84}.page-frankiefam .ff-headline em,.page-frankiefam .ff-section h2 em,.page-frankiefam .ff-architecture__lead h3 em,.page-frankiefam .ff-team__promise h3 em{font-style:normal;background:var(--jls-gold-gradient);background-clip:text;-webkit-background-clip:text;color:transparent!important}.page-frankiefam .ff-architecture__lead h3{max-width:100%;font-size:clamp(2.1rem,4vw,3.7rem);line-height:.9;overflow-wrap:anywhere}.page-frankiefam .ff-team__promise h3{max-width:100%;font-size:clamp(1.8rem,3.3vw,3.3rem);line-height:.9;overflow-wrap:anywhere}.page-frankiefam .ff-index,.page-frankiefam .ff-label,.page-frankiefam .ff-role strong,.page-frankiefam .ff-team-buy{overflow-wrap:anywhere}.page-frankiefam .ff-split-head>*{min-width:0}.page-frankiefam .ff-architecture__lead,.page-frankiefam .ff-architecture__bands,.page-frankiefam .ff-team,.page-frankiefam .ff-team__list{min-width:0}
      .page-frankiefam .ff-command__core strong{font-size:2.6rem}.page-frankiefam .ff-command__status{color:var(--jls-gold)}.page-frankiefam .ff-command__status i{background:var(--jls-gold);box-shadow:0 0 10px var(--jls-gold)}.page-frankiefam .ff-signal{border-block:1px solid var(--jls-gold);background:#0b0b0b}.page-frankiefam .ff-signal__inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.page-frankiefam .ff-signal span{display:flex;align-items:center;justify-content:center;min-height:4.5rem;padding:.85rem .75rem;border-right:1px solid rgba(212,175,55,.3);text-align:center}.page-frankiefam .ff-signal span:nth-child(5n){border-right:0}.page-frankiefam .ff-section h2,.page-frankiefam .ff-team__promise h3,.page-frankiefam .ff-architecture__lead h3{color:#fff!important}
      .page-frankiefam .ff-rule-band{border-block:1px solid var(--jls-gold);background:#0b0b0b}.page-frankiefam .ff-rule-band__inner{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:1rem;align-items:center;min-height:4.25rem}.page-frankiefam .ff-rule-band span{color:var(--jls-gold);font:700 .6rem var(--ff-mono);letter-spacing:.12em;text-transform:uppercase}.page-frankiefam .ff-rule-band span:last-child{text-align:right}.page-frankiefam .ff-rule-band strong{color:#fff!important;font:700 .72rem var(--ff-mono);letter-spacing:.08em;text-align:center;text-transform:uppercase}
      @media(max-width:700px){.page-frankiefam .ff-headline{font-size:clamp(3rem,15vw,5rem)}.page-frankiefam .ff-signal__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.page-frankiefam .ff-signal span{min-height:4.1rem}.page-frankiefam .ff-signal span:nth-child(5n){border-right:1px solid rgba(212,175,55,.3)}.page-frankiefam .ff-signal span:nth-child(2n){border-right:0}.page-frankiefam .ff-rule-band__inner{grid-template-columns:1fr;gap:.35rem;padding:1rem 0}.page-frankiefam .ff-rule-band span:last-child,.page-frankiefam .ff-rule-band strong{text-align:left}}




/* Free Frankie warp-grid access component. The effect is intentionally scoped
   to this page so it can be reused without importing the original experiment. */
body.page-freefrankie .freefrankie-warp-hero {
  display: block;
  min-height: 0;
  padding-top: clamp(4.5rem, 9vw, 7rem) !important;
  padding-bottom: clamp(4.5rem, 8vw, 7rem) !important;
}

body.page-freefrankie .warp-hero-intro {
  max-width: 840px;
}

body.page-freefrankie .warp-hero-intro .hero-copy {
  max-width: 700px;
}

body.page-freefrankie .warp-grid {
  --warp-cell: 9%;
  --warp-line: rgba(229,193,88,.32);
  --warp-green: rgba(0,255,65,.58);
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: clamp(560px, 64vw, 760px);
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
  overflow: hidden;
  border: 1px solid rgba(229,193,88,.46);
  background:
    radial-gradient(circle at 50% 50%, rgba(224,106,46,.13), transparent 20%),
    radial-gradient(circle at 50% 50%, rgba(229,193,88,.07), transparent 46%),
    #050505;
  box-shadow: 0 0 0 1px rgba(0,255,65,.08), 0 28px 80px rgba(0,0,0,.45);
}

body.page-freefrankie .warp-grid::before,
body.page-freefrankie .warp-grid::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  content: "";
}

body.page-freefrankie .warp-grid::before {
  opacity: .2;
  background: repeating-linear-gradient(180deg, transparent 0 7px, rgba(0,255,65,.11) 8px, transparent 9px);
  mix-blend-mode: screen;
}

body.page-freefrankie .warp-grid::after {
  background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,.68) 100%);
}

body.page-freefrankie .warp-grid__stage {
  position: absolute;
  inset: 7% 5%;
  overflow: hidden;
  perspective: 520px;
  transform-style: preserve-3d;
  border: 1px solid rgba(0,255,65,.14);
  background: linear-gradient(rgba(0,255,65,.025), transparent 30%, rgba(229,193,88,.025));
}

body.page-freefrankie .warp-grid__stage::before,
body.page-freefrankie .warp-grid__stage::after {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  content: "";
}

body.page-freefrankie .warp-grid__stage::before {
  top: 50%;
  left: 7%;
  right: 7%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,255,65,.68), transparent);
  box-shadow: 0 0 18px rgba(0,255,65,.45);
}

body.page-freefrankie .warp-grid__stage::after {
  top: 7%;
  bottom: 7%;
  left: 50%;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(229,193,88,.32), transparent);
}

body.page-freefrankie .warp-grid__side {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  pointer-events: none;
  background-image:
    linear-gradient(var(--warp-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--warp-line) 1px, transparent 1px);
  background-size: var(--warp-cell) var(--warp-cell);
  opacity: .58;
}

body.page-freefrankie .warp-grid__side--top {
  transform-origin: 50% 0;
  transform: rotateX(-68deg) translateY(-12%);
}

body.page-freefrankie .warp-grid__side--bottom {
  transform-origin: 50% 100%;
  transform: rotateX(68deg) translateY(12%);
}

body.page-freefrankie .warp-grid__side--left {
  transform-origin: 0 50%;
  transform: rotateY(68deg) translateX(-12%);
}

body.page-freefrankie .warp-grid__side--right {
  transform-origin: 100% 50%;
  transform: rotateY(-68deg) translateX(12%);
}

body.page-freefrankie .warp-grid__horizon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 7rem;
  height: 7rem;
  translate: -50% -50%;
  border: 1px solid rgba(0,255,65,.5);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,255,65,.22), rgba(224,106,46,.08) 38%, transparent 70%);
  box-shadow: 0 0 35px rgba(0,255,65,.18), 0 0 65px rgba(224,106,46,.12);
}

body.page-freefrankie .warp-beam {
  position: absolute;
  top: 50%;
  left: calc(var(--warp-x, 50) * 1%);
  z-index: 1;
  width: max(2px, .32vw);
  height: var(--warp-height, 38%);
  translate: -50% -50%;
  opacity: var(--warp-opacity, .68);
  pointer-events: none;
  background: linear-gradient(180deg, var(--warp-color, #c9a84c), transparent);
  filter: drop-shadow(0 0 5px var(--warp-color, #c9a84c));
  transform-origin: 50% 50%;
  animation: warp-grid-beam var(--warp-speed, 4s) linear var(--warp-delay, 0s) infinite;
}

@keyframes warp-grid-beam {
  0% { transform: translate3d(-50%, 140%, 0) scaleY(.28); opacity: 0; }
  12% { opacity: var(--warp-opacity, .68); }
  100% { transform: translate3d(-50%, -185%, 0) scaleY(1.18); opacity: 0; }
}

body.page-freefrankie .warp-grid__center {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  padding: 1rem;
}

body.page-freefrankie .warp-access-card {
  width: min(100%, 400px);
  padding: clamp(1.1rem, 3vw, 1.8rem);
  border: 1px solid var(--free-orange) !important;
  background: rgba(7,7,6,.94) !important;
  box-shadow: 0 0 0 1px rgba(229,193,88,.15), 0 22px 60px rgba(0,0,0,.6), inset 0 0 32px rgba(224,106,46,.06) !important;
  backdrop-filter: blur(5px);
}

body.page-freefrankie .warp-access-card__top {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: .7rem;
  border-bottom: 1px solid rgba(229,193,88,.28);
  color: var(--gold-action) !important;
  font: 700 .58rem var(--mono, "Courier New", monospace);
  letter-spacing: .1em;
}

body.page-freefrankie .warp-frankie-mark {
  display: grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  margin: 1.1rem auto .75rem;
  border: 1px solid var(--free-orange-light);
  border-radius: 50%;
  background: rgba(224,106,46,.12);
  color: var(--free-orange-light);
  font: 800 1rem var(--mono, "Courier New", monospace);
  box-shadow: 0 0 18px rgba(224,106,46,.18);
}

body.page-freefrankie .warp-access-card h2 {
  max-width: 100%;
  margin: 0;
  text-align: center;
  font-size: clamp(1.7rem, 4vw, 2.6rem);
}

body.page-freefrankie .warp-access-card h2 strong {
  color: var(--gold-action) !important;
}

body.page-freefrankie .warp-access-lede {
  margin: .75rem 0 1.1rem;
  color: var(--free-muted) !important;
  font-size: .77rem;
  line-height: 1.55;
  text-align: center;
}

body.page-freefrankie .warp-access-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .35rem;
  margin-bottom: 1rem;
  padding: .25rem;
  border: 1px solid rgba(229,193,88,.28);
  background: rgba(21,20,17,.8);
}

body.page-freefrankie .warp-access-switch button {
  min-height: 2rem;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--free-muted) !important;
  box-shadow: none !important;
  font: 700 .61rem var(--mono, "Courier New", monospace);
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.page-freefrankie .warp-access-switch button[aria-selected="true"] {
  border-color: var(--free-orange) !important;
  background: rgba(224,106,46,.16) !important;
  color: var(--free-orange-light) !important;
}

body.page-freefrankie .warp-access-form {
  display: grid;
  gap: .45rem;
}

body.page-freefrankie .warp-access-form label {
  color: var(--gold-action) !important;
  font: 700 .61rem var(--mono, "Courier New", monospace);
  letter-spacing: .07em;
  text-transform: uppercase;
}

body.page-freefrankie .warp-access-form input {
  width: 100%;
  min-height: 2.7rem;
  margin-bottom: .5rem;
  padding: .7rem .75rem;
  border: 1px solid rgba(229,193,88,.42) !important;
  border-radius: 2px;
  background: rgba(4,4,4,.88) !important;
  color: var(--free-ivory) !important;
  font: .8rem var(--sans, system-ui, sans-serif);
}

body.page-freefrankie .warp-access-form input::placeholder {
  color: rgba(188,181,168,.66) !important;
}

body.page-freefrankie .warp-access-form input:focus-visible {
  outline: 2px solid var(--free-orange-light);
  outline-offset: 2px;
  border-color: var(--free-orange-light) !important;
}

body.page-freefrankie .warp-access-submit {
  width: 100%;
  min-height: 2.9rem;
  margin-top: .25rem;
  border: 1px solid var(--free-orange-light) !important;
  background: var(--free-orange) !important;
  color: var(--free-black) !important;
  box-shadow: 0 0 18px rgba(224,106,46,.16) !important;
  font-weight: 800;
}

body.page-freefrankie .warp-access-submit:hover,
body.page-freefrankie .warp-access-submit:focus-visible {
  border-color: var(--free-ivory) !important;
  background: var(--free-orange-light) !important;
}

body.page-freefrankie .warp-access-status {
  min-height: 2.3em;
  margin: .8rem 0 0;
  color: var(--free-muted) !important;
  font-size: .68rem;
  line-height: 1.45;
  text-align: center;
}

body.page-freefrankie .warp-access-status.is-confirmed {
  color: var(--free-orange-light) !important;
}

body.page-freefrankie .warp-access-continue {
  display: block;
  margin-top: .7rem;
  color: var(--gold-action) !important;
  font: 700 .64rem var(--mono, "Courier New", monospace);
  text-align: center;
  text-decoration: underline;
  text-underline-offset: .25em;
}

body.page-freefrankie .warp-access-footnote {
  margin: .9rem 0 0;
  color: rgba(188,181,168,.58) !important;
  font: .57rem/1.45 var(--mono, "Courier New", monospace);
  text-align: center;
}

body.page-freefrankie .warp-grid__readout {
  position: absolute;
  right: 1rem;
  bottom: .75rem;
  left: 1rem;
  z-index: 4;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: rgba(229,193,88,.62);
  font: 700 .54rem var(--mono, "Courier New", monospace);
  letter-spacing: .08em;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  body.page-freefrankie .warp-grid {
    min-height: 680px;
  }

  body.page-freefrankie .warp-grid__stage {
    inset: 4% 2.5%;
  }

  body.page-freefrankie .warp-grid__readout {
    display: grid;
    gap: .3rem;
    text-align: center;
  }

  body.page-freefrankie .warp-access-card {
    width: min(100%, 340px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-freefrankie .warp-beam {
    animation-play-state: paused;
    opacity: .24;
  }

  body.page-freefrankie .warp-grid__stage::before {
    box-shadow: none;
  }
}

/* Secure Portal Home styles retained in global architecture. */
    :root {
      --portal-black: #06080a;
      --portal-deep: #0b0e12;
      --portal-panel: #111416;
      --portal-panel-2: #15191b;
      --portal-ivory: #e2ded4;
      --portal-light: #bbb7ad;
      --portal-muted: #74726c;
      --portal-gold: #c99d3c;
      --portal-gold-light: #f2d98d;
      --portal-gold-dim: #8d763d;
      --portal-line: rgba(201,157,60,.28);
      --portal-line-soft: rgba(226,222,212,.12);
      --portal-mono: "DM Mono", "Courier New", monospace;
      --portal-display: "Bebas Neue", Impact, "Arial Narrow Bold", sans-serif;
      --portal-max: 1320px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body.portal-page { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--portal-black); color: var(--portal-ivory); font: 16px/1.55 system-ui, -apple-system, "Segoe UI", sans-serif; }
    body.portal-page::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; background: radial-gradient(circle at 78% 10%, rgba(201,157,60,.09), transparent 28rem), radial-gradient(circle at 14% 88%, rgba(201,157,60,.045), transparent 25rem); }
    body.portal-page::after { content: ""; position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .2; background: repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 4px); mix-blend-mode: screen; }
    .portal-page a { color: inherit; text-decoration: none; }
    .portal-page button { font: inherit; }
    .portal-shell { width: min(calc(100% - 2rem), var(--portal-max)); margin-inline: auto; }
    .portal-header { position: sticky; top: 0; z-index: 10; min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; border-bottom: 1px solid var(--portal-line); background: rgba(6,8,10,.94); backdrop-filter: blur(16px); }
    .portal-brand { display: flex; align-items: center; gap: .85rem; min-width: max-content; }
    .portal-brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--portal-gold-dim); background: #111; box-shadow: inset 0 0 18px rgba(201,157,60,.1); }
    .portal-brand-mark img { width: 100%; height: 100%; object-fit: contain; }
    .portal-brand-copy strong { display: block; color: var(--portal-gold-light); font-size: .8rem; letter-spacing: .04em; }
    .portal-brand-copy small { display: block; color: var(--portal-muted); font: .55rem/1.3 var(--portal-mono); letter-spacing: .09em; text-transform: uppercase; }
    .portal-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .9rem 1.3rem; color: var(--portal-muted); font: .62rem var(--portal-mono); letter-spacing: .08em; text-transform: uppercase; }
    .portal-nav a { padding: .35rem 0; border-bottom: 1px solid transparent; transition: color .2s, border-color .2s; }
    .portal-nav a:hover, .portal-nav a:focus-visible { color: var(--portal-gold-light); border-color: var(--portal-gold); }
    .portal-main { padding: 2.4rem 0 5rem; }
    .portal-signal { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem 0; border-block: 1px solid var(--portal-line); color: var(--portal-gold); font: .59rem var(--portal-mono); letter-spacing: .12em; text-transform: uppercase; }
    .portal-signal span:last-child { color: var(--portal-muted); text-align: right; }
    .portal-intro { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 3rem; align-items: end; padding: 4.5rem 0 3.2rem; }
    .portal-kicker, .module-kicker { margin: 0; color: var(--portal-gold); font: 700 .62rem/1.3 var(--portal-mono); letter-spacing: .16em; text-transform: uppercase; }
    .portal-intro h1 { max-width: 850px; margin: .85rem 0 1.1rem; color: var(--portal-ivory); font: 400 clamp(4rem, 8.8vw, 8.5rem)/.82 var(--portal-display); letter-spacing: .015em; text-transform: uppercase; }
    .portal-intro h1 .gold { background: linear-gradient(135deg,#bf953f 0%,#fcf6ba 25%,#b38728 50%,#fbf5b7 75%,#aa771c 100%); background-clip: text; -webkit-background-clip: text; color: transparent; }
    .portal-intro > div > p:last-child { max-width: 670px; margin: 0; color: var(--portal-light); font-size: 1rem; }
    .arrival-readout { padding: 1.3rem 1.4rem; border-left: 2px solid var(--portal-gold); background: linear-gradient(145deg, rgba(201,157,60,.12), rgba(17,20,22,.76) 58%); }
    .arrival-readout span { display: block; color: var(--portal-muted); font: .58rem var(--portal-mono); letter-spacing: .11em; text-transform: uppercase; }
    .arrival-readout strong { display: block; margin: .5rem 0 .35rem; color: var(--portal-gold-light); font: 400 2rem/.95 var(--portal-display); letter-spacing: .04em; text-transform: uppercase; }
    .arrival-readout small { color: var(--portal-light); font-size: .72rem; }
    .portal-rule { height: 1px; background: linear-gradient(90deg, var(--portal-gold), rgba(201,157,60,.1) 72%, transparent); }
    .portal-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(285px, .75fr); gap: 1rem; align-items: start; }
    .portal-widget, .portal-card { position: relative; border: 1px solid var(--portal-line-soft); background: linear-gradient(145deg, rgba(20,24,26,.95), rgba(9,11,13,.96)); box-shadow: 0 22px 70px rgba(0,0,0,.25); }
    .portal-widget--frankie { min-height: 500px; overflow: hidden; border-color: rgba(201,157,60,.42); }
    .portal-widget--frankie::before { content: "FREE FRANKIE / CUSTOMER MODULE"; position: absolute; top: 1.2rem; right: -3.6rem; color: rgba(201,157,60,.08); font: 700 2.1rem/1 var(--portal-mono); letter-spacing: -.05em; transform: rotate(90deg); pointer-events: none; }
    .module-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.35rem 1.5rem; border-bottom: 1px solid var(--portal-line-soft); }
    .module-head h2 { margin: .45rem 0 0; color: var(--portal-ivory); font: 400 clamp(2.3rem, 4.5vw, 4.5rem)/.84 var(--portal-display); letter-spacing: .02em; text-transform: uppercase; }
    .module-state { display: inline-flex; align-items: center; gap: .45rem; white-space: nowrap; color: var(--portal-gold-light); font: 700 .59rem var(--portal-mono); letter-spacing: .09em; text-transform: uppercase; }
    .module-state i, .license-status i { width: .46rem; height: .46rem; border-radius: 50%; background: #8fcf8a; box-shadow: 0 0 12px rgba(143,207,138,.8); }
    .frankie-console { display: grid; grid-template-columns: minmax(190px, .72fr) minmax(0, 1.28fr); gap: 1.5rem; padding: 1.7rem 1.5rem 1.5rem; }
    .frankie-identity { display: grid; align-content: center; justify-items: center; min-height: 300px; padding: 1rem; border: 1px solid rgba(201,157,60,.22); background: radial-gradient(circle at 50% 26%, rgba(201,157,60,.18), transparent 10rem), #0b0e10; text-align: center; }
    .frankie-orbit { display: grid; place-items: center; width: 150px; height: 150px; border: 1px solid var(--portal-gold-dim); border-radius: 50%; box-shadow: 0 0 0 10px rgba(201,157,60,.035), 0 0 0 22px rgba(201,157,60,.025), inset 0 0 30px rgba(201,157,60,.12); }
    .frankie-orbit img { width: 108px; height: 108px; object-fit: cover; border: 2px solid var(--portal-gold-light); border-radius: 50%; background: #111; }
    .frankie-identity strong { display: block; margin-top: 1.1rem; color: var(--portal-gold-light); font: 400 2.25rem/.9 var(--portal-display); letter-spacing: .08em; text-transform: uppercase; }
    .frankie-identity small { display: block; margin-top: .55rem; color: var(--portal-muted); font: .57rem var(--portal-mono); letter-spacing: .1em; text-transform: uppercase; }
    .frankie-identity .identity-tag { margin-top: 1.2rem; padding: .35rem .55rem; border: 1px solid rgba(201,157,60,.35); color: var(--portal-light); font: .56rem var(--portal-mono); letter-spacing: .08em; text-transform: uppercase; }
    .frankie-readout { display: grid; align-content: center; gap: 1rem; }
    .readout-intro { max-width: 470px; margin: 0; color: var(--portal-light); font-size: .88rem; }
    .readout-table { display: grid; gap: 0; border-block: 1px solid var(--portal-line-soft); }
    .readout-row { display: grid; grid-template-columns: 1fr auto; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid rgba(226,222,212,.07); font: .63rem var(--portal-mono); letter-spacing: .08em; text-transform: uppercase; }
    .readout-row:last-child { border-bottom: 0; }
    .readout-row span { color: var(--portal-muted); }
    .readout-row strong { color: var(--portal-ivory); font-weight: 700; text-align: right; }
    .readout-row strong.gold-value { color: var(--portal-gold-light); }
    .activity-strip { display: flex; align-items: end; gap: .22rem; height: 37px; padding: .5rem 0; border-bottom: 1px solid var(--portal-line-soft); }
    .activity-strip i { flex: 1; max-width: 12px; min-height: 5px; background: var(--portal-gold); opacity: .7; animation: pulse-bars 2.8s ease-in-out infinite; }
    .activity-strip i:nth-child(2n) { animation-delay: -.4s; opacity: .45; }.activity-strip i:nth-child(3n) { animation-delay: -.9s; opacity: .85; }.activity-strip i:nth-child(1) { height: 12px; }.activity-strip i:nth-child(2) { height: 24px; }.activity-strip i:nth-child(3) { height: 17px; }.activity-strip i:nth-child(4) { height: 29px; }.activity-strip i:nth-child(5) { height: 14px; }.activity-strip i:nth-child(6) { height: 23px; }.activity-strip i:nth-child(7) { height: 31px; }.activity-strip i:nth-child(8) { height: 19px; }.activity-strip i:nth-child(9) { height: 27px; }.activity-strip i:nth-child(10) { height: 11px; }
    @keyframes pulse-bars { 0%,100% { transform: scaleY(.72); } 50% { transform: scaleY(1); } }
    .module-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: .2rem; }
    .portal-button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.65rem; padding: .7rem .95rem; border: 1px solid var(--portal-gold); background: rgba(10,10,9,.78); color: var(--portal-gold-light); cursor: pointer; font: 700 .62rem var(--portal-mono); letter-spacing: .1em; text-transform: uppercase; transition: .2s; }
    .portal-button:hover, .portal-button:focus-visible { background: linear-gradient(135deg,#bf953f,#fcf6ba 50%,#aa771c); color: #090806; border-color: var(--portal-gold-light); transform: translateY(-2px); }
    .portal-button--quiet { border-color: rgba(226,222,212,.26); color: var(--portal-light); }
    .module-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1.5rem; border-top: 1px solid var(--portal-line-soft); color: var(--portal-muted); font: .56rem var(--portal-mono); letter-spacing: .08em; text-transform: uppercase; }
    .module-foot strong { color: var(--portal-gold); font-weight: 700; }
    .portal-card { padding: 1.3rem 1.25rem; }
    .portal-card h2 { margin: .45rem 0 1.1rem; color: var(--portal-ivory); font: 400 2.5rem/.88 var(--portal-display); letter-spacing: .03em; text-transform: uppercase; }
    .license-card { min-height: 315px; border-color: rgba(201,157,60,.33); background: linear-gradient(160deg, rgba(201,157,60,.12), rgba(16,19,21,.96) 55%); }
    .license-name { margin: 0 0 1.2rem; color: var(--portal-gold-light); font: 700 .86rem var(--portal-mono); letter-spacing: .12em; text-transform: uppercase; }
    .license-status { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: 1.1rem; color: #a8d9a3; font: 700 .61rem var(--portal-mono); letter-spacing: .1em; text-transform: uppercase; }
    .license-details { display: grid; gap: 0; border-top: 1px solid rgba(226,222,212,.12); }
    .license-details div { display: flex; justify-content: space-between; gap: 1rem; padding: .72rem 0; border-bottom: 1px solid rgba(226,222,212,.08); font: .6rem var(--portal-mono); letter-spacing: .06em; text-transform: uppercase; }
    .license-details span { color: var(--portal-muted); }.license-details strong { color: var(--portal-ivory); text-align: right; }.license-details strong.gold-value { color: var(--portal-gold-light); }
    .setup-card { min-height: 180px; margin-top: 1rem; }
    .setup-rail { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: .35rem; padding-top: .5rem; }
    .setup-rail::before { content: ""; position: absolute; top: 1rem; left: 10%; right: 10%; height: 1px; background: var(--portal-line); }
    .setup-step { position: relative; z-index: 1; display: grid; justify-items: center; gap: .6rem; color: var(--portal-muted); text-align: center; font: .55rem var(--portal-mono); letter-spacing: .06em; text-transform: uppercase; }
    .setup-step i { display: grid; place-items: center; width: 1.15rem; height: 1.15rem; border: 1px solid var(--portal-gold-dim); border-radius: 50%; background: var(--portal-panel-2); color: var(--portal-gold-light); font-style: normal; font-size: .58rem; }
    .setup-step.is-complete, .setup-step.is-active { color: var(--portal-gold-light); }.setup-step.is-complete i { background: var(--portal-gold); color: #0a0907; }.setup-step.is-active i { box-shadow: 0 0 0 4px rgba(201,157,60,.12), 0 0 14px rgba(201,157,60,.4); }
    .workspace-section { margin-top: 1rem; padding: 1.3rem 1.25rem 1.5rem; border: 1px solid var(--portal-line-soft); background: #0a0d0f; }
    .workspace-heading { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-bottom: 1rem; }
    .workspace-heading h2 { margin: .45rem 0 0; color: var(--portal-ivory); font: 400 clamp(2rem,4vw,3.7rem)/.88 var(--portal-display); letter-spacing: .04em; text-transform: uppercase; }
    .workspace-ready { color: var(--portal-gold); font: 700 .58rem var(--portal-mono); letter-spacing: .12em; text-align: right; text-transform: uppercase; }
    .workspace-map { position: relative; min-height: 270px; overflow: hidden; border: 1px solid rgba(201,157,60,.25); background-image: linear-gradient(rgba(201,157,60,.09) 1px,transparent 1px), linear-gradient(90deg,rgba(201,157,60,.09) 1px,transparent 1px); background-size: 36px 36px; }
    .workspace-map::before { content: "MODULAR WIDGET SURFACE / READY"; position: absolute; top: 1rem; left: 1rem; color: rgba(201,157,60,.54); font: .56rem var(--portal-mono); letter-spacing: .1em; }
    .workspace-map::after { content: ""; position: absolute; inset: 25% 17%; border: 1px dashed rgba(201,157,60,.18); border-radius: 50%; transform: rotate(-14deg); }
    .map-line { position: absolute; height: 1px; transform-origin: left center; background: linear-gradient(90deg, rgba(201,157,60,.7), rgba(201,157,60,.05)); }
    .map-line.one { top: 55%; left: 21%; width: 42%; transform: rotate(-13deg); }.map-line.two { top: 57%; left: 21%; width: 44%; transform: rotate(14deg); }.map-line.three { top: 56%; left: 46%; width: 31%; transform: rotate(-1deg); }
    .map-node { position: absolute; display: grid; place-items: center; width: 13px; height: 13px; border: 1px solid var(--portal-gold-light); border-radius: 50%; background: var(--portal-black); box-shadow: 0 0 16px rgba(201,157,60,.55); }
    .map-node::after { content: ""; width: 3px; height: 3px; border-radius: 50%; background: var(--portal-gold-light); }.map-node.origin { top: calc(55% - 6px); left: 20%; }.map-node.socket-a { top: calc(41% - 6px); left: 61%; }.map-node.socket-b { top: calc(71% - 6px); left: 64%; }.map-node.socket-c { top: calc(56% - 6px); left: 77%; }
    .map-label { position: absolute; color: var(--portal-muted); font: .54rem var(--portal-mono); letter-spacing: .08em; text-transform: uppercase; }.map-label.origin-label { top: 59%; left: 22%; color: var(--portal-gold-light); }.map-label.a-label { top: 33%; left: 57%; }.map-label.b-label { top: 75%; left: 60%; }.map-label.c-label { top: 58%; left: 79%; }
    .workspace-caption { display: flex; justify-content: space-between; gap: 1rem; margin-top: .75rem; color: var(--portal-muted); font: .56rem var(--portal-mono); letter-spacing: .06em; text-transform: uppercase; }.workspace-caption strong { color: var(--portal-light); }
    .portal-footer { display: flex; justify-content: space-between; gap: 1rem; padding: 1.4rem 0; border-top: 1px solid var(--portal-line); color: var(--portal-muted); font: .57rem var(--portal-mono); letter-spacing: .06em; text-transform: uppercase; }
    .portal-toast { position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 30; max-width: 320px; padding: .8rem 1rem; border: 1px solid var(--portal-gold); background: #111416; color: var(--portal-gold-light); box-shadow: 0 14px 40px rgba(0,0,0,.45); font: .62rem/1.4 var(--portal-mono); letter-spacing: .06em; text-transform: uppercase; opacity: 0; transform: translateY(10px); pointer-events: none; transition: .25s; }.portal-toast.is-visible { opacity: 1; transform: translateY(0); }
    .customer-management { margin-top: 1rem; padding-top: 2.2rem; border-top: 1px solid var(--portal-line); }
    .customer-management-intro { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1rem; }
    .customer-management-intro h2 { margin: .45rem 0 0; color: var(--portal-ivory); font: 400 clamp(2.5rem, 5vw, 4.8rem)/.84 var(--portal-display); letter-spacing: .03em; text-transform: uppercase; }
    .customer-management-intro p:last-child { max-width: 510px; margin: 0; color: var(--portal-muted); font-size: .78rem; }
    .customer-management-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 1rem; }
    .customer-card { min-width: 0; border: 1px solid var(--portal-line-soft); background: linear-gradient(145deg, rgba(20,24,26,.94), rgba(9,11,13,.96)); }
    .customer-card--wide { grid-column: 1 / -1; }
    .customer-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.25rem; border-bottom: 1px solid var(--portal-line-soft); }
    .customer-card__head h3 { margin: .4rem 0 0; color: var(--portal-ivory); font: 400 2rem/.9 var(--portal-display); letter-spacing: .04em; text-transform: uppercase; }
    .customer-card__body { padding: 1.15rem 1.25rem; }
    .customer-card__note { margin: .8rem 0 0; color: var(--portal-muted); font-size: .68rem; }
    .customer-button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.25rem; padding: .55rem .78rem; border: 1px solid rgba(201,157,60,.6); background: transparent; color: var(--portal-gold-light); cursor: pointer; font: 700 .58rem var(--portal-mono); letter-spacing: .09em; text-transform: uppercase; transition: .2s; }
    .customer-button:hover, .customer-button:focus-visible { background: var(--portal-gold); color: #0a0907; border-color: var(--portal-gold-light); }
    .customer-button--quiet { border-color: rgba(226,222,212,.2); color: var(--portal-light); }
    .customer-button--danger { border-color: rgba(201,157,60,.3); color: var(--portal-muted); }
    .customer-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
    .customer-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem 1rem; }
    .customer-detail { min-width: 0; padding: .75rem 0; border-bottom: 1px solid rgba(226,222,212,.08); }
    .customer-detail dt { color: var(--portal-muted); font: .55rem var(--portal-mono); letter-spacing: .1em; text-transform: uppercase; }
    .customer-detail dd { min-height: 1.45em; margin: .35rem 0 0; color: var(--portal-ivory); font-size: .82rem; overflow-wrap: anywhere; }
    .customer-detail--description { grid-column: 1 / -1; }
    .customer-empty { color: var(--portal-muted); font-style: italic; }
    .customer-edit-form { display: grid; gap: .85rem; }
    .customer-form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem 1rem; }
    .customer-field { display: grid; gap: .35rem; min-width: 0; }
    .customer-field--wide { grid-column: 1 / -1; }
    .customer-field label { color: var(--portal-gold); font: 700 .55rem var(--portal-mono); letter-spacing: .09em; text-transform: uppercase; }
    .customer-field input, .customer-field textarea, .customer-field select { width: 100%; border: 1px solid rgba(201,157,60,.32); border-radius: 0; background: #090b0d; color: var(--portal-ivory); padding: .62rem .65rem; font: .78rem/1.4 system-ui, sans-serif; }
    .customer-field textarea { min-height: 74px; resize: vertical; }
    .customer-field input:focus, .customer-field textarea:focus, .customer-field select:focus { outline: 2px solid var(--portal-gold); outline-offset: 2px; }
    .customer-field input::placeholder, .customer-field textarea::placeholder { color: #686761; }
    .customer-form-actions { display: flex; flex-wrap: wrap; gap: .5rem; padding-top: .25rem; }
    .hours-list { display: grid; gap: 0; }
    .hours-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: .7rem; align-items: center; padding: .65rem 0; border-bottom: 1px solid rgba(226,222,212,.08); }
    .hours-row:last-child { border-bottom: 0; }
    .hours-row strong { color: var(--portal-ivory); font: 700 .63rem var(--portal-mono); letter-spacing: .07em; text-transform: uppercase; }
    .hours-row span { color: var(--portal-light); font-size: .75rem; }.hours-row .hours-closed { color: var(--portal-muted); font: .62rem var(--portal-mono); text-transform: uppercase; }
    .hours-edit-row { display: grid; grid-template-columns: 1fr 1.1fr 1fr 1fr; gap: .45rem; align-items: center; padding: .55rem 0; border-bottom: 1px solid rgba(226,222,212,.08); }
    .hours-edit-row strong { color: var(--portal-ivory); font: 700 .57rem var(--portal-mono); text-transform: uppercase; }
    .hours-edit-row input, .hours-edit-row select { width: 100%; min-width: 0; border: 1px solid rgba(201,157,60,.32); background: #090b0d; color: var(--portal-ivory); padding: .45rem .4rem; font: .65rem var(--portal-mono); }
    .hours-edit-row input:focus, .hours-edit-row select:focus { outline: 2px solid var(--portal-gold); outline-offset: 1px; }
    .repeatable-list { display: grid; gap: .65rem; }
    .repeatable-item { position: relative; padding: .85rem 1rem; border: 1px solid rgba(226,222,212,.12); background: rgba(12,15,17,.75); }
    .repeatable-item strong { display: block; color: var(--portal-gold-light); font-size: .82rem; }.repeatable-item p { margin: .3rem 0 0; color: var(--portal-light); font-size: .72rem; }.repeatable-item small { display: block; margin-top: .4rem; color: var(--portal-muted); font: .58rem var(--portal-mono); }
    .repeatable-edit { display: grid; grid-template-columns: 1fr 1.2fr auto; gap: .6rem; align-items: end; padding: .7rem; border: 1px solid rgba(201,157,60,.24); background: rgba(9,11,13,.8); }
    .repeatable-edit--faq { grid-template-columns: 1fr 1.5fr auto; }.repeatable-edit--link { grid-template-columns: 1fr 1.5fr auto; }
    .repeatable-edit .customer-field label { font-size: .5rem; }.repeatable-edit .customer-field input, .repeatable-edit .customer-field textarea { padding: .5rem; font-size: .7rem; }.repeatable-edit .customer-field textarea { min-height: 58px; }
    .repeatable-remove { align-self: end; min-height: 2.2rem; }
    .referral-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .7fr); gap: 1rem; align-items: center; margin-top: 1rem; border-color: rgba(201,157,60,.35); background: linear-gradient(135deg, rgba(201,157,60,.1), rgba(13,16,18,.96) 62%); }
    .referral-card h3 { margin: .45rem 0 .55rem; color: var(--portal-ivory); font: 400 2.5rem/.88 var(--portal-display); letter-spacing: .04em; text-transform: uppercase; }.referral-card p { max-width: 660px; margin: 0; color: var(--portal-light); font-size: .78rem; }.referral-readout { padding: .9rem 1rem; border: 1px solid rgba(201,157,60,.25); background: rgba(8,10,12,.7); }.referral-readout div { display: flex; justify-content: space-between; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid rgba(226,222,212,.08); font: .58rem var(--portal-mono); letter-spacing: .06em; text-transform: uppercase; }.referral-readout div:last-child { border-bottom: 0; }.referral-readout span { color: var(--portal-muted); }.referral-readout strong { color: var(--portal-gold-light); font-weight: 700; text-align: right; }
    @media (max-width: 980px) { .portal-intro, .portal-grid { grid-template-columns: 1fr; }.portal-intro { gap: 1.6rem; padding-top: 3.5rem; }.arrival-readout { max-width: 520px; }.portal-widget--frankie { min-height: 0; }.license-card { min-height: 0; } }
    @media (max-width: 680px) { .portal-shell { width: min(calc(100% - 1.25rem), var(--portal-max)); }.portal-header { align-items: flex-start; flex-direction: column; padding: 1rem 0; }.portal-nav { justify-content: flex-start; width: 100%; gap: .6rem .9rem; overflow-x: auto; }.portal-signal, .module-head, .workspace-heading, .portal-footer { align-items: flex-start; flex-direction: column; }.portal-signal span:last-child, .workspace-ready { text-align: left; }.portal-intro h1 { font-size: clamp(3.5rem, 18vw, 6rem); }.frankie-console { grid-template-columns: 1fr; padding: 1rem; }.frankie-identity { min-height: 260px; }.module-foot, .workspace-caption { align-items: flex-start; flex-direction: column; }.workspace-map { min-height: 290px; }.map-line.one { width: 37%; }.map-line.two { width: 39%; }.map-line.three { width: 25%; } }
    @media (max-width: 680px) { .customer-management-intro, .customer-card__head, .referral-card { align-items: flex-start; flex-direction: column; }.customer-management-grid { grid-template-columns: 1fr; }.customer-card--wide { grid-column: auto; }.customer-detail-grid, .customer-form-grid { grid-template-columns: 1fr; }.customer-detail--description, .customer-field--wide { grid-column: auto; }.hours-row { grid-template-columns: 1fr 1fr; }.hours-row strong { grid-column: 1 / -1; }.hours-edit-row { grid-template-columns: 1fr 1fr; }.hours-edit-row strong { grid-column: 1 / -1; }.repeatable-edit, .repeatable-edit--faq, .repeatable-edit--link { grid-template-columns: 1fr; }.repeatable-remove { align-self: start; }.referral-readout { width: 100%; } }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
    .page-frankiefam .ff-maureen-feature { width: min(calc(100% - 2rem), var(--ff-max, 1280px)); margin: 0 auto 4rem; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1.25rem; padding: 1.25rem; border: 1px solid rgba(212,177,91,.28); background: linear-gradient(135deg, rgba(212,177,91,.08), rgba(17,17,17,.85)); }
    .page-frankiefam .ff-maureen-feature img { width: 96px; height: 96px; object-fit: cover; object-position: center top; border: 1px solid var(--jls-gold); border-radius: 50%; box-shadow: 0 0 0 4px rgba(212,177,91,.08), 0 12px 26px rgba(0,0,0,.35); }
    .page-frankiefam .ff-maureen-feature h2 { margin: .2rem 0 .4rem; color: #fff!important; font-size: clamp(1.8rem, 4vw, 3.2rem); }
    .page-frankiefam .ff-maureen-feature h2 em { font-style: normal; background: var(--jls-gold-gradient); background-clip: text; -webkit-background-clip: text; color: transparent!important; }
    .page-frankiefam .ff-maureen-feature p:last-child { max-width: 650px; margin: 0; color: var(--ff-warm); }
    @media (max-width: 560px) { .page-frankiefam .ff-maureen-feature { grid-template-columns: 1fr; } }