:root{--bg:#000;--ink:#fff;--muted:#d7d7d7;--red:#a40000;--red2:#fc1012;--darkred:#490000;--charcoal:#171b19;--panel:#0b0b0b;--line:rgba(255,255,255,.22);--max:1040px;--ease:cubic-bezier(.445,.05,.55,.95)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,input,textarea{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;color:#000;padding:10px 14px}.wrap{max-width:var(--max);margin:auto;padding:0}.section{position:relative;padding:86px 0}.section-pad{padding:72px 0}.eyebrow,.original-heading{font-family:"Arial Black",Arial,sans-serif;font-size:26px;line-height:1.2;letter-spacing:.42em;text-transform:uppercase;font-weight:900;margin:0}.eyebrow{color:var(--red2);font-size:14px;letter-spacing:.45em}.lead{font:normal 18px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.03em;color:#fff}.section-title{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(28px,4vw,50px);line-height:1.04;letter-spacing:.04em;text-transform:uppercase;margin:18px 0 34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:2px solid #fff;background:#000;color:#fff;padding:13px 22px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:12px;transition:.25s var(--ease)}.btn:hover,.btn:focus-visible{background:#fff;color:#000;transform:translateY(-2px)}.btn-red{background:var(--red);border-color:var(--red2);box-shadow:0 0 34px rgba(252,16,18,.22)}.btn-red:hover,.btn-red:focus-visible{background:var(--red2);color:#fff}.text-link{display:inline-block;margin-top:18px;color:#fff;border-bottom:1px solid var(--red2);letter-spacing:.08em;text-transform:uppercase;font-weight:800;font-size:12px}.automation-inline-link{color:inherit;text-decoration:none}.automation-inline-link:hover,.automation-inline-link:focus-visible{color:#fff;text-shadow:0 0 18px rgba(252,16,18,.55)}.inline-visit{margin-top:22px;font-weight:800;letter-spacing:.04em}
.site-header{position:fixed;left:0;right:0;top:0;z-index:50;background:#000;border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:118px;max-width:1440px;margin:0 auto;padding:0;position:relative}.brand{position:absolute;left:42px;top:11px;display:block}.brand img{width:96px;height:96px;object-fit:contain}.brand span{position:absolute;left:-9999px}.menu{position:absolute;left:180px;right:150px;top:45px;display:flex;gap:4px;align-items:center;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.menu a{display:flex;align-items:center;justify-content:center;height:34px;padding:0 18px;opacity:.96}.menu a:hover,.menu a[aria-current="page"]{color:var(--red2)}.social{position:absolute;right:42px;top:52px;display:flex;gap:24px}.social img{width:20px;height:20px;object-fit:cover}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{min-height:850px;display:block;position:relative;overflow:hidden;background:#000}.hero-media{position:absolute;inset:0;z-index:0}.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.95)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,rgba(164,0,0,.14),transparent 35%),linear-gradient(180deg,rgba(0,0,0,.24),#000 96%);z-index:1}.hero-mark{position:relative;z-index:2;text-align:center;width:100%;max-width:1040px;margin:0 auto;padding:145px 24px 70px;animation:floatIn 1.2s var(--ease) both}.hero-mark>img{width:min(360px,48vw);height:auto;object-fit:contain;margin:0 auto -6px;filter:drop-shadow(calc(var(--eye-x,0)*-18px) calc(14px + var(--eye-y,0)*-9px) 38px rgba(0,0,0,.68));transform:perspective(720px) translate3d(calc(var(--eye-x,0)*16px),calc(var(--eye-y,0)*10px),0) rotateX(calc(var(--eye-y,0)*-8deg)) rotateY(calc(var(--eye-x,0)*10deg)) skew(calc(var(--eye-x,0)*1.6deg),calc(var(--eye-y,0)*.8deg));transform-origin:50% 52%;transition:transform .18s var(--ease),filter .18s var(--ease);will-change:transform,filter}.hero-line{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:2px}.hero-line:before,.hero-line:after{content:"";width:170px;max-width:16vw;height:4px;background:var(--red2);clip-path:polygon(0 50%,94% 0,100% 50%,94% 100%)}.hero-line:after{transform:scaleX(-1)}.hero-copy{max-width:920px;margin:26px auto 0}.hero h1{font-family:"Arial Black",Arial,sans-serif;text-transform:uppercase;font-size:clamp(34px,6vw,76px);line-height:.98;letter-spacing:.02em;margin:0;text-shadow:0 10px 42px rgba(0,0,0,.78)}.hero-copy p{max-width:770px;margin:22px auto 0;font-size:20px;line-height:1.55;color:#f3f3f3;font-weight:700}.cta-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:30px}
.capabilities{background:#000}.cap-grid,.work-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cap-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(164,0,0,.09));padding:28px;min-height:205px;position:relative;overflow:hidden}.cap-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--red2);opacity:.8}.cap-card h3{font-family:"Arial Black",Arial,sans-serif;font-size:18px;line-height:1.2;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px}.cap-card p{color:#eee;margin:0;font-size:16px;line-height:1.55}.split{display:grid;grid-template-columns:1fr 420px;gap:58px;align-items:center}.split.reverse{grid-template-columns:420px 1fr}.website-focus{background:linear-gradient(135deg,#210000,#000 46%,#090909);border-top:1px solid rgba(252,16,18,.28);border-bottom:1px solid rgba(252,16,18,.18)}.website-focus h2,.automations h2,.actronx h2,.contact-card h2{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(30px,4.6vw,58px);line-height:1.02;text-transform:uppercase;letter-spacing:.03em;margin:14px 0 20px}.website-focus p,.automations p,.actronx p,.contact-card p{font-size:18px;line-height:1.65;color:#f2f2f2}.service-list{display:grid;grid-template-columns:1fr;gap:12px}.service-list span{border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.42);padding:14px 16px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;font-size:13px}.automations{background:#080808}.system-card,.product-proof{border:1px solid rgba(252,16,18,.35);background:radial-gradient(circle at 30% 20%,rgba(252,16,18,.22),transparent 34%),linear-gradient(160deg,#111,#000);min-height:330px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 20px 80px rgba(0,0,0,.4)}.system-card p,.product-proof span{color:var(--red2);font-family:"Arial Black",Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase;font-size:13px}.system-card h3{font-family:"Arial Black",Arial,sans-serif;text-transform:uppercase;font-size:32px;line-height:1.05;margin:12px 0 0}.actronx{background:linear-gradient(180deg,#000,#151515)}.product-proof strong{display:block;font-family:"Arial Black",Arial,sans-serif;font-size:42px;text-transform:uppercase;line-height:1;margin:12px 0}.product-proof p{margin:0;color:#eee;font-size:17px}.clients{background:#000;padding:76px 0 58px;text-align:left}.clients .lead{max-width:760px;margin:0 0 30px}.rule{height:1px;background:#fff;width:100vw;margin:42px calc(50% - 50vw) 18px;opacity:.45}.logo-marquee{overflow:hidden;height:178px;background:#000}.logo-track{display:flex;width:max-content;gap:30px;padding:3px 0;animation:marquee 32s linear infinite}.logo-tile{width:170px;height:170px;border:3px solid rgba(164,0,0,.44);border-radius:50%;background:rgba(0,0,0,.18);padding:3px;overflow:hidden;display:grid;place-items:center}.logo-tile img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.page-hero{margin-top:118px;padding:92px 0 54px;background:#000 center/cover no-repeat}.page-hero h1{color:#fff;text-align:center}.page-hero p{max-width:820px;margin:28px auto 0;text-align:center;color:#fff}.creatives-page{height:672px;padding:50px 0 0}.creatives-page .wrap{max-width:1214px}.creative-title{margin:0;color:#fff;text-align:left;font-family:"Arial Black",Arial,sans-serif;font-weight:900;line-height:.84;text-transform:uppercase}.creative-title span:first-child{display:block;font-size:101px}.creative-title span:last-child{display:block;font-size:49px;letter-spacing:.52em;margin-top:20px}.creatives-page p{width:754px;max-width:60vw;margin:18px 0 0;color:#fff;text-align:left;font-size:25px;line-height:1.45;font-weight:700}.creatives-gallery{background:#000;padding:0 0 180px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.work-card{position:relative;height:260px;overflow:hidden;background:#111}.work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.work-card:hover img{transform:scale(1.05)}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 60%)}.work-card h3{position:absolute;left:18px;bottom:14px;margin:0;z-index:1;font-family:"Arial Black",Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#fff}.team{display:grid;grid-template-columns:repeat(3,379px);gap:48px;max-width:1233px;margin:0 auto}.team-card{position:relative;overflow:hidden;background:#111;height:568px;outline:none}.team-card img{width:100%;height:100%;object-fit:contain;transition:transform .7s var(--ease),filter .7s var(--ease)}.team-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;background:rgba(0,0,0,.72);opacity:0;transition:opacity .28s var(--ease);overflow:auto}.team-card:hover img,.team-card:focus-visible img{transform:scale(1.03);filter:brightness(.62)}.team-card:hover .team-overlay,.team-card:focus-visible .team-overlay,.team-card:focus-within .team-overlay{opacity:1}.team-overlay h3{font-family:"Arial Black",Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;font-size:24px;margin:0 0 16px}.team-overlay p{font-size:15px;line-height:1.45;color:#fff;margin:0}.legal{max-width:880px;margin:auto}.legal h2{font-family:"Arial Black",Arial,sans-serif;text-transform:uppercase}.legal p,.legal li{color:#eee;font-size:17px}
.contact{background:#000;padding:78px 0}.contact-grid{display:grid;grid-template-columns:390px 1fr;gap:52px;max-width:1040px;margin:auto}.contact-card .eyebrow{text-align:left}.contact-card h2{font-size:36px;letter-spacing:.2em}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:14px;color:#fff}.field input,.field textarea{border:1px solid #fff;background:#000;color:#fff;padding:12px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--red2)}.field textarea{min-height:130px;resize:vertical}.site-footer{background:#000;color:#fff;padding:24px 0;font-size:12px;letter-spacing:.08em;border-top:1px solid rgba(255,255,255,.1)}.footer-row{max-width:1040px;margin:auto;display:flex;justify-content:space-between}.site-footer a:hover{color:var(--red2)}.reveal{opacity:1;transform:none}.reveal.in{opacity:1;transform:none}
@keyframes floatIn{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:980px){.wrap{max-width:100%;padding:0 24px}.site-header{height:92px}.nav{height:92px;max-width:100%;padding:0;display:block}.brand{left:18px!important;top:12px!important}.brand img{width:68px;height:68px}.social{display:none}.menu-toggle{display:block;position:absolute;right:20px;top:24px;z-index:61;width:44px;height:44px;line-height:1}.menu{position:fixed;top:92px;left:0;right:0;display:none;flex-direction:column;gap:0;align-items:stretch;padding:18px 26px;background:#000;border-bottom:1px solid var(--line)}.menu.open{display:flex}.menu a{justify-content:flex-start;width:100%;height:auto;padding:10px 0}.hero{min-height:760px}.hero-mark{padding-top:118px}.hero-mark>img{width:250px}.hero-line{display:block}.hero-line:before,.hero-line:after{display:none}.eyebrow{font-size:12px;letter-spacing:.22em}.hero-copy p{font-size:17px}.cap-grid,.work-summary,.services,.team,.contact-grid,.split,.split.reverse{grid-template-columns:1fr}.cap-card{min-height:0}.section{padding:62px 0}.service-list{margin-top:4px}.system-card,.product-proof{min-height:250px}.logo-marquee{height:130px}.logo-track{gap:18px}.logo-tile{width:118px;height:118px}.original-heading,.contact-card h2{font-size:22px;letter-spacing:.18em;line-height:1.25}.page-hero{margin-top:92px;padding:54px 0 42px}.page-hero p{max-width:none;text-align:left}.creatives-page{height:auto;min-height:0;padding:42px 0 46px;background-position:center}.creative-title span:first-child{font-size:54px}.creative-title span:last-child{font-size:30px;letter-spacing:.18em;margin-top:16px}.creatives-page p{width:auto;max-width:none;margin:32px 0 0;font-size:18px;line-height:1.45}.creatives-gallery{padding:24px 24px 56px}.team{max-width:100%;gap:28px}.team-card{height:auto;min-height:0}.team-card img{width:100%;height:auto;max-height:520px;object-fit:cover}.team-overlay{position:relative;opacity:1;background:#0b0b0b;padding:22px;overflow:visible}.team-card:hover img,.team-card:focus-visible img{transform:none;filter:none}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work-card{height:170px}.work-card h3{left:12px;bottom:10px;font-size:13px;letter-spacing:.12em}.form{grid-template-columns:1fr}.contact{padding:56px 0}.footer-row{padding:0 24px;flex-direction:column;gap:10px}}
@media(max-width:560px){.hero{min-height:720px}.hero h1{font-size:32px}.cta-row{display:grid;grid-template-columns:1fr}.btn{width:100%}.portfolio-grid{grid-template-columns:1fr}.section-title{font-size:28px}.website-focus h2,.automations h2,.actronx h2{font-size:30px}.product-proof strong{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.form-message{border:1px solid rgba(255,255,255,.5);padding:12px;color:#fff}.form-message.error{border-color:var(--red2);background:rgba(164,0,0,.18)}.form-success{border:1px solid rgba(255,255,255,.5);padding:28px;display:block}.form-success h3{font-family:"Arial Black",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}.form-success p{margin:0;color:#fff}.btn:disabled{opacity:.65;cursor:wait;transform:none}
.sms-consent{border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px;background:rgba(0,0,0,.34)}.checkbox-row{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;color:rgba(255,255,255,.82);font-size:12px!important;line-height:1.5}.checkbox-row input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--red2)}.checkbox-row a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.legal h3{margin:28px 0 10px;color:#fff;font-family:"Arial Black",Arial,sans-serif;font-size:17px;letter-spacing:.08em;text-transform:uppercase}.legal a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* Issue #5 premium dark-glass refinement pass */
body{background:
  radial-gradient(circle at 18% 9%,rgba(252,16,18,.16),transparent 28rem),
  radial-gradient(circle at 82% 38%,rgba(164,0,0,.12),transparent 32rem),
  linear-gradient(180deg,#020202 0%,#000 42%,#070000 100%);}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),
  radial-gradient(circle at 50% 0,rgba(252,16,18,.08),transparent 38rem);background-size:46px 46px,46px 46px,100% 100%;opacity:.55;mask-image:linear-gradient(180deg,#000,transparent 82%)}
.site-header{background:linear-gradient(180deg,rgba(4,4,4,.88),rgba(0,0,0,.72));border-bottom:1px solid rgba(252,16,18,.2);backdrop-filter:blur(18px);box-shadow:0 18px 46px rgba(0,0,0,.42)}
.menu a{border-radius:999px;transition:.22s var(--ease)}.menu a:hover,.menu a[aria-current="page"]{background:rgba(252,16,18,.08);text-shadow:0 0 18px rgba(252,16,18,.55)}
.hero:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 25%,rgba(252,16,18,.24),transparent 24rem),radial-gradient(ellipse at 50% 62%,rgba(0,0,0,.08),rgba(0,0,0,.72) 68%);mix-blend-mode:screen;opacity:.62}.hero:after{background:radial-gradient(circle at 50% 34%,rgba(164,0,0,.18),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.14),#000 95%)}
.hero-copy{position:relative;padding:32px clamp(20px,4vw,54px) 36px;border:1px solid rgba(255,255,255,.16);border-top-color:rgba(255,255,255,.26);border-bottom-color:rgba(252,16,18,.22);border-radius:28px;background:linear-gradient(145deg,rgba(7,7,7,.52),rgba(42,0,0,.3) 52%,rgba(0,0,0,.46));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 95px rgba(0,0,0,.58),0 0 70px rgba(252,16,18,.14);backdrop-filter:blur(12px)}
.hero-copy:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 0 18%,rgba(255,255,255,.08) 34%,transparent 49% 100%);opacity:.5}.hero-line{filter:drop-shadow(0 0 16px rgba(252,16,18,.5))}.hero-mark>img{filter:drop-shadow(0 0 28px rgba(252,16,18,.22)) drop-shadow(calc(var(--eye-x,0)*-18px) calc(14px + var(--eye-y,0)*-9px) 38px rgba(0,0,0,.68))}
.btn{border-radius:999px;border-color:rgba(255,255,255,.34);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(0,0,0,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 32px rgba(0,0,0,.38);padding:14px 25px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-125%);transition:transform .45s var(--ease)}.btn:hover:before,.btn:focus-visible:before{transform:translateX(125%)}.btn:hover,.btn:focus-visible{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(23,0,0,.82));color:#fff;border-color:rgba(252,16,18,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 0 36px rgba(252,16,18,.28),0 20px 44px rgba(0,0,0,.5)}.btn-red{background:linear-gradient(180deg,#fc1012,#7b0000 72%,#2a0000);border-color:rgba(255,90,90,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 0 42px rgba(252,16,18,.34),0 18px 42px rgba(0,0,0,.46)}
.section{isolation:isolate}.section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(252,16,18,.09),transparent 28rem),radial-gradient(circle at 92% 82%,rgba(164,0,0,.1),transparent 30rem)}
.capabilities{background:linear-gradient(180deg,#000,#050000 48%,#000)}.cap-card{border-color:rgba(255,255,255,.14);border-top-color:rgba(255,255,255,.24);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(35,0,0,.3) 42%,rgba(0,0,0,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(252,16,18,.1),0 24px 62px rgba(0,0,0,.46),0 0 34px rgba(252,16,18,.07);backdrop-filter:blur(12px);transition:transform .26s var(--ease),border-color .26s var(--ease),box-shadow .26s var(--ease)}.cap-card:before{height:100%;background:radial-gradient(circle at 20% 0,rgba(252,16,18,.2),transparent 42%),linear-gradient(120deg,rgba(255,255,255,.12),transparent 28%);opacity:.62}.cap-card>*{position:relative}.cap-card:hover{transform:translateY(-7px);border-color:rgba(252,16,18,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 32px 78px rgba(0,0,0,.55),0 0 45px rgba(252,16,18,.18)}
.website-focus{background:radial-gradient(circle at 8% 55%,rgba(252,16,18,.18),transparent 30rem),linear-gradient(135deg,#160000,#000 52%,#070707);border-color:rgba(252,16,18,.22)}.website-focus .split,.contact-grid{padding:34px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:linear-gradient(135deg,rgba(19,0,0,.58),rgba(0,0,0,.56));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 85px rgba(0,0,0,.48),0 0 48px rgba(252,16,18,.08);backdrop-filter:blur(10px)}.service-list span{border-color:rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(29,0,0,.38));box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:.22s var(--ease)}.service-list span:hover{transform:translateX(6px);border-color:rgba(252,16,18,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 28px rgba(252,16,18,.15)}
.automations{background:linear-gradient(180deg,#050000,#090909)}.system-card,.product-proof{border-color:rgba(252,16,18,.38);border-radius:30px;background:radial-gradient(circle at 25% 12%,rgba(252,16,18,.28),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(30,0,0,.44) 38%,rgba(0,0,0,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 30px 88px rgba(0,0,0,.56),0 0 55px rgba(252,16,18,.12);backdrop-filter:blur(12px)}.automations .btn[href^="http"]:after,.actronx .btn[href^="http"]:after{content:"↗";font-size:13px;margin-left:10px;line-height:1}.actronx{background:radial-gradient(circle at 86% 30%,rgba(252,16,18,.12),transparent 28rem),linear-gradient(180deg,#000,#100000 55%,#030303)}
.clients{padding:58px 0 46px;background:linear-gradient(180deg,#000,#050000)}.clients .wrap{position:relative}.work-summary{margin-bottom:24px}.rule{display:none}.logo-marquee{width:min(1120px,calc(100% - 48px));height:164px;margin:24px auto 0;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(30,0,0,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 26px 72px rgba(0,0,0,.45);backdrop-filter:blur(8px)}.logo-track{padding:10px 0}.logo-tile{border-color:rgba(252,16,18,.42);box-shadow:0 0 24px rgba(252,16,18,.08),inset 0 1px 0 rgba(255,255,255,.16)}
.contact{background:radial-gradient(circle at 18% 24%,rgba(252,16,18,.13),transparent 26rem),#000}.form,.contact-card{position:relative}.field input,.field textarea{border-color:rgba(255,255,255,.2);border-radius:14px;background:rgba(0,0,0,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.site-footer{padding:28px 0;background:linear-gradient(180deg,rgba(8,0,0,.72),#000);border-top:1px solid rgba(252,16,18,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.footer-row{align-items:center;gap:22px}.footer-brand,.footer-links{display:flex;align-items:center;gap:16px}.footer-brand img{width:34px;height:34px;filter:drop-shadow(0 0 14px rgba(252,16,18,.25))}.footer-links{flex-wrap:wrap;justify-content:flex-end}.footer-links a{opacity:.88}.footer-links a:hover{opacity:1;text-shadow:0 0 16px rgba(252,16,18,.55)}
@media(max-width:980px){.hero-copy{padding:26px 20px 30px;border-radius:22px}.website-focus .split,.contact-grid{padding:24px;border-radius:24px}.logo-marquee{width:calc(100% - 32px);height:132px}.footer-row{align-items:flex-start}.footer-links{justify-content:flex-start;gap:12px 16px}.menu{background:linear-gradient(180deg,rgba(0,0,0,.95),rgba(18,0,0,.96));backdrop-filter:blur(16px)}}
@media(max-width:560px){.hero-copy{margin-top:18px}.hero-copy p{font-size:16px}.cap-card{border-radius:20px;padding:24px}.website-focus .split,.contact-grid{padding:20px}.service-list span{font-size:12px;letter-spacing:.08em}.clients{padding-top:46px}.logo-marquee{height:118px}.footer-brand{align-items:flex-start}.footer-links{display:grid;grid-template-columns:1fr 1fr;width:100%}}


/* Issue #5 feedback correction: preserve laser hero + original logo marquee */
body{background:#000;}
body:before{display:none;}
.hero-media video,.hero-media img{filter:brightness(.56) saturate(1.05) contrast(1.04);}
.hero:before{display:none;}
.hero:after{background:radial-gradient(circle at 50% 34%,rgba(164,0,0,.10),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.18),#000 96%);}
.hero-copy{background:linear-gradient(145deg,rgba(5,5,5,.34),rgba(14,0,0,.18) 52%,rgba(0,0,0,.3));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 24px 76px rgba(0,0,0,.42),0 0 38px rgba(252,16,18,.08);backdrop-filter:blur(7px);}
.section:before{display:none;}
.capabilities,.clients,.contact{background:#000;}
.website-focus{background:linear-gradient(135deg,#080000,#000 58%,#050505);}
.automations{background:#080808;}
.actronx{background:linear-gradient(180deg,#000,#101010);}
.clients{padding:58px 0 46px;}
.logo-marquee{overflow:hidden;height:178px;width:auto;margin:0;background:#000;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;}
.logo-track{gap:30px;padding:3px 0;}
.logo-tile{width:170px;height:170px;border:3px solid rgba(164,0,0,.44);border-radius:50%;background:rgba(0,0,0,.18);padding:3px;overflow:hidden;display:grid;place-items:center;box-shadow:none;}
.logo-tile img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
@media(max-width:980px){.logo-marquee{height:130px;width:auto;margin:0}.logo-track{gap:18px}.logo-tile{width:118px;height:118px}}
@media(max-width:560px){.logo-marquee{height:130px}}

/* Issue #2 read-only contact submissions admin */
.admin-page{min-height:100vh;background:radial-gradient(circle at 18% 12%,rgba(252,16,18,.18),transparent 32rem),linear-gradient(180deg,#030000,#000 58%,#100000);}
.admin-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:56px 0 72px;}
.admin-login-card,.admin-dashboard{border:1px solid rgba(255,255,255,.16);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(35,0,0,.36) 45%,rgba(0,0,0,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 90px rgba(0,0,0,.55),0 0 52px rgba(252,16,18,.12);backdrop-filter:blur(12px);}
.admin-login-card{max-width:680px;margin:8vh auto 0;padding:clamp(26px,5vw,52px);}
.admin-login-card h1,.admin-dashboard h1{font-family:"Arial Black",Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;line-height:1.02;margin:14px 0 18px;font-size:clamp(32px,6vw,64px);}
.admin-login-card p,.admin-dashboard p{color:#f1f1f1;font-size:17px;line-height:1.6;}
.admin-status{margin:24px 0 18px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:rgba(0,0,0,.42);padding:14px 16px;color:#fff;}
.admin-status.error{border-color:var(--red2);background:rgba(164,0,0,.22);}
.admin-note{border-top:1px solid rgba(255,255,255,.12);margin-top:28px!important;padding-top:20px;font-size:14px!important;color:#d7d7d7!important;}
.admin-dashboard{padding:clamp(20px,4vw,38px);}
.admin-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px;}
.admin-dashboard-head h1{font-size:clamp(28px,4vw,48px);margin-bottom:12px;}
.admin-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.admin-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(0,0,0,.36);}
.admin-table{width:100%;border-collapse:collapse;min-width:920px;}
.admin-table th,.admin-table td{border-bottom:1px solid rgba(255,255,255,.1);padding:14px 16px;text-align:left;vertical-align:top;}
.admin-table th{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:rgba(164,0,0,.26);}
.admin-table td{color:#f2f2f2;font-size:14px;line-height:1.45;}
.admin-table td:last-child{min-width:260px;white-space:pre-wrap;}
.admin-empty{border:1px dashed rgba(255,255,255,.28);border-radius:18px;padding:24px;color:#fff;background:rgba(0,0,0,.3);}
@media(max-width:760px){.admin-dashboard-head{display:block}.admin-actions{justify-content:flex-start;margin-top:18px}.admin-shell{width:min(100% - 24px,1180px);padding-top:28px}.admin-login-card{margin-top:4vh}}

/* Issue #5 editorial refinement: glass as accent, atmosphere first */
.hero{min-height:850px;background:#000;}
.hero:after{background:radial-gradient(circle at 50% 30%,rgba(252,16,18,.12),transparent 28rem),linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.22) 54%,#000 96%);}
.hero-mark{padding-top:140px;}
.hero-copy{max-width:960px;margin-top:20px;padding:0 18px 8px;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 48%,rgba(0,0,0,.32),transparent 72%);box-shadow:none;backdrop-filter:none;}
.hero-copy:before{display:none;}
.hero h1{max-width:980px;margin:0 auto;text-wrap:balance;}
.hero-copy p{max-width:720px;margin-top:20px;font-size:19px;line-height:1.48;color:#f6f6f6;}
.text-link{opacity:.9;}
.capabilities{padding-top:88px;}
.capabilities .section-title{max-width:920px;margin-bottom:42px;}
.cap-grid,.work-summary{gap:22px;}
.cap-card{border-width:1px;border-color:rgba(255,255,255,.12);border-top-color:rgba(255,255,255,.18);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(25,0,0,.18) 46%,rgba(0,0,0,.48));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 48px rgba(0,0,0,.34),0 0 24px rgba(252,16,18,.045);min-height:178px;padding:24px;}
.cap-card:before{opacity:.36;}
.cap-card:hover{transform:translateY(-4px);border-color:rgba(252,16,18,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 24px 58px rgba(0,0,0,.46),0 0 28px rgba(252,16,18,.12);}
.cap-card p{font-size:15.5px;line-height:1.48;}
.website-focus{background:radial-gradient(circle at 4% 50%,rgba(252,16,18,.14),transparent 27rem),linear-gradient(180deg,#000,#090000 54%,#000);border-top:1px solid rgba(252,16,18,.14);border-bottom:1px solid rgba(255,255,255,.06);}
.website-focus .split{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;}
.website-focus p,.automations p,.actronx p,.contact-card p{font-size:17px;line-height:1.55;}
.service-list span{border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(24,0,0,.26));}
.automations{background:radial-gradient(circle at 82% 20%,rgba(252,16,18,.10),transparent 26rem),#050505;}
.system-card{min-height:300px;border-radius:24px;}
.automations .split,.actronx .split{align-items:center;}
.automations .reveal .btn,.actronx .btn{margin-top:8px;}
.actronx{background:radial-gradient(circle at 12% 75%,rgba(164,0,0,.10),transparent 30rem),linear-gradient(180deg,#000,#0b0b0b 62%,#000);}
.product-proof{min-height:280px;border-radius:24px;}
.clients{padding-top:54px;}
.work-summary .cap-card{min-height:150px;padding:22px;}
.work-summary .cap-card h3{font-size:16px;}
.logo-marquee{margin-top:10px;}
.contact-grid{border-color:rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(20,0,0,.22) 42%,rgba(0,0,0,.52));}
.site-footer{background:linear-gradient(180deg,rgba(12,0,0,.44),#000);}
@media(max-width:980px){.hero{min-height:760px}.hero-mark{padding-top:112px}.hero-copy{padding:0}.cap-grid,.work-summary{gap:16px}.website-focus .split{padding:0}.system-card,.product-proof{min-height:230px}.contact-grid{padding:24px}}
@media(max-width:560px){.hero{min-height:710px}.hero-mark>img{width:220px}.hero-copy p{font-size:16px}.cap-card{padding:22px}.section{padding:58px 0}.website-focus p,.automations p,.actronx p,.contact-card p{font-size:16px}.service-list{gap:10px}.service-list span{border-radius:14px}.work-summary .cap-card{min-height:0}}


/* Issue #5 hero first-screen fit: keep full opener visible */
:root{--header-h:118px}
.hero{min-height:100svh;display:flex;align-items:center;}
.hero-mark{padding:calc(var(--header-h) + 16px) 24px 42px;}
.hero-mark>img{width:clamp(220px,30vw,310px);margin-bottom:-8px;}
.hero-line{margin-top:0;}
.hero-copy{margin-top:16px;padding-bottom:4px;}
.hero h1{font-size:clamp(32px,5.2vw,64px);line-height:.96;}
.hero-copy p{margin-top:16px;font-size:clamp(16px,1.7vw,18px);line-height:1.45;}
.cta-row{margin-top:22px;}
.text-link{margin-top:14px;}
@media(max-width:980px){:root{--header-h:92px}.hero{min-height:100svh}.hero-mark{padding:calc(var(--header-h) + 12px) 24px 34px}.hero-mark>img{width:clamp(190px,32vw,240px)}.hero-copy{margin-top:14px}.hero h1{font-size:clamp(30px,7vw,52px)}.cta-row{margin-top:20px}}
@media(max-width:560px){.hero{min-height:100svh}.hero-mark{padding:calc(var(--header-h) + 8px) 18px 26px}.hero-mark>img{width:clamp(150px,42vw,190px)}.hero-copy{margin-top:12px}.hero-line .eyebrow{font-size:10px;letter-spacing:.16em}.hero h1{font-size:clamp(27px,8.4vw,34px);line-height:.98}.hero-copy p{margin-top:12px;font-size:15px;line-height:1.38}.cta-row{margin-top:16px;gap:10px}.btn{min-height:42px;padding:11px 18px}.text-link{margin-top:12px;font-size:11px}}

/* Issue #5 follow-up: lift first-screen hero composition */
.hero{align-items:flex-start;}
.hero-mark{padding-top:calc(var(--header-h) + 2px);padding-bottom:30px;}
.hero-mark>img{width:clamp(210px,28vw,292px);}
.hero-copy{margin-top:12px;}
.hero-copy p{margin-top:14px;}
.cta-row{margin-top:20px;}
@media(max-width:980px){.hero-mark{padding-top:calc(var(--header-h) + 4px);padding-bottom:28px}.hero-mark>img{width:clamp(178px,30vw,224px)}.hero-copy{margin-top:12px}.hero-copy p{margin-top:13px}}
@media(max-width:560px){.hero-mark{padding-top:calc(var(--header-h) + 2px);padding-bottom:22px}.hero-mark>img{width:clamp(142px,39vw,176px)}.hero-copy{margin-top:10px}.hero-copy p{margin-top:10px}.cta-row{margin-top:14px}.text-link{margin-top:10px}}

/* Issue #7: restore original laser-tunnel hero composition */
.hero{min-height:793px;display:block;align-items:initial;background:#000;}
.hero-media{inset:28px 0 0 0;}
.hero-media video,.hero-media img{filter:brightness(.62) saturate(1.08) contrast(1.12);}
.hero:after{background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.16) 54%,#000 96%);}
.hero-mark{max-width:980px;padding:190px 24px 0;margin:0 auto;}
.hero-mark>img{width:min(478px,58vw);height:auto;margin:0 auto -18px;}
.hero-line{gap:22px;margin-top:0;filter:drop-shadow(0 0 16px rgba(252,16,18,.5));}
.hero-line:before,.hero-line:after{width:230px;max-width:22vw;}
.hero-line .eyebrow{font-size:19px;letter-spacing:.52em;}

@media(max-width:980px){.hero{min-height:620px;display:block}.hero-media{inset:92px 0 0}.hero-mark{padding-top:150px;padding-bottom:0}.hero-mark>img{width:270px;margin-bottom:18px}.hero-line{display:block}.hero-line:before,.hero-line:after{display:none}.hero-line .eyebrow{font-size:14px;letter-spacing:.28em}}
@media(max-width:560px){.hero{min-height:620px}.hero-mark{padding-top:148px}.hero-mark>img{width:250px}.hero-line .eyebrow{font-size:12px;letter-spacing:.18em}}

/* Issue #8: Red Eye Automation starfield background, with hero laser tunnel preserved */
body{background:#000;}
.site-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:#000;overflow:hidden;}
.starfield-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mask-image:radial-gradient(ellipse 82% 76% at 50% 42%,#000 34%,transparent 92%);-webkit-mask-image:radial-gradient(ellipse 82% 76% at 50% 42%,#000 34%,transparent 92%);}
.site-backdrop:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 78% 58% at 50% 0%,rgba(255,255,255,.045),transparent 62%),radial-gradient(circle at 82% 20%,rgba(252,16,18,.16),transparent 34rem),radial-gradient(circle at 12% 78%,rgba(80,90,110,.14),transparent 30rem);opacity:.9;}
.site-backdrop:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:28px 28px;opacity:.16;mask-image:radial-gradient(ellipse 72% 72% at 50% 44%,#000 28%,transparent 86%);-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 44%,#000 28%,transparent 86%);}
.site-glow{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);background:radial-gradient(circle 380px at var(--mx,50%) var(--my,50%),rgba(252,16,18,.105) 0%,rgba(252,16,18,.045) 35%,transparent 70%);mix-blend-mode:screen;}
.site-header,main,.site-footer{position:relative;z-index:2;}
.hero{z-index:3;}
.hero-media{z-index:1;}
.hero-mark{z-index:3;}
.hero:after{z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.12) 52%,rgba(0,0,0,.48) 82%,transparent 100%);}
.hero + .section{margin-top:-1px;}
.capabilities,.website-focus,.automations,.actronx,.clients,.contact,.page-hero,.section-pad,.creatives-gallery{background:transparent!important;}
.section,.section-pad,.clients,.contact,.page-hero,.creatives-gallery{position:relative;}
.section:after,.clients:after,.contact:after,.section-pad:after{content:"";position:absolute;left:50%;top:0;width:min(1120px,calc(100% - 40px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(252,16,18,.34),transparent);opacity:.58;pointer-events:none;}
.cap-card,.website-focus .split,.system-card,.product-proof,.contact-grid,.logo-marquee,.service-list span,.admin-login-card,.admin-dashboard{background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(18,0,0,.22) 45%,rgba(0,0,0,.58))!important;backdrop-filter:blur(10px);}
.cap-card:hover,.service-list span:hover,.system-card:hover,.product-proof:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 28px 68px rgba(0,0,0,.48),0 0 34px rgba(252,16,18,.16);}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease);filter:blur(2px);}
.reveal.in{opacity:1;transform:none;filter:none;}
.cap-card.reveal:nth-child(2),.work-summary .cap-card.reveal:nth-child(2),.service-list.reveal span:nth-child(2){transition-delay:.06s;}
.cap-card.reveal:nth-child(3),.work-summary .cap-card.reveal:nth-child(3),.service-list.reveal span:nth-child(3){transition-delay:.12s;}
.logo-marquee{box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 22px 70px rgba(0,0,0,.42);}
@media(max-width:980px){.site-backdrop:after{background-size:24px 24px}.section:after,.clients:after,.contact:after,.section-pad:after{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.site-glow{display:none}.reveal{opacity:1;transform:none;filter:none}.starfield-canvas{opacity:.75}}

/* Issue #11: fixed readable nav with non-print mark */
:root{--header-h:96px;scroll-padding-top:calc(var(--header-h) + 12px)}
.site-header{position:fixed!important;left:0;right:0;top:0;z-index:80;background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.64));border-bottom:1px solid rgba(252,16,18,.28);backdrop-filter:blur(16px);box-shadow:0 14px 34px rgba(0,0,0,.36)}
.nav{height:var(--header-h);max-width:1440px;margin:0 auto;padding:0;position:relative}
.brand{position:absolute;left:34px;top:10px;display:flex;align-items:center}
.brand img{width:96px;height:72px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(252,16,18,.35))}
.menu{left:174px;right:132px;top:31px}
.social{top:38px;right:36px}
.hero-media{inset:var(--header-h) 0 0 0}
.hero-media video,.hero-media img{object-position:center top;position:relative;z-index:1}
.hero-mark{padding-top:calc(var(--header-h) + 18px)}
.page-hero{margin-top:0;padding-top:calc(var(--header-h) + 54px)}
@media(max-width:980px){:root{--header-h:86px}.site-header{height:var(--header-h)}.nav{height:var(--header-h)}.brand{left:16px!important;top:9px!important}.brand img{width:72px;height:54px}.menu-toggle{right:18px;top:21px}.menu{top:var(--header-h);left:0;right:0}.hero-media{inset:var(--header-h) 0 0 0}.hero-mark{padding-top:calc(var(--header-h) + 14px)}.page-hero{margin-top:0;padding-top:calc(var(--header-h) + 42px)}}
@media(max-width:560px){.brand img{width:72px;height:54px}.hero-mark{padding-top:calc(var(--header-h) + 12px)}}

/* Hero composition centered in visible viewport (below fixed header) — 2026-05-13 */
.hero{display:flex;align-items:center;justify-content:center;height:100svh;min-height:0;padding:var(--header-h) 0 0;box-sizing:border-box;overflow:hidden}
.hero-mark{padding-top:0;padding-bottom:0}

/* Scroll-perf 2026-05-13: drop backdrop-filter from repeating card
   elements and the .reveal-state blur. Both force the compositor to
   recompute a blurred snapshot on every scroll frame, which was making
   the cards feel choppy as they came into view. Header keeps its blur
   because real content scrolls behind it. Cards stay visually layered
   via gradient + border + box-shadow.

   Follow-up (same date, sticky-scroll fix): backdrop-filter implicitly
   promoted cards to their own GPU layer. Without it, the translucent
   gradient backgrounds were main-thread-repainting every time the
   starfield canvas behind them redrew. translate3d(0,0,0) restores
   the layer promotion without the blur cost. Hover transforms are
   restated as translate3d so the layer persists through hover. */
.cap-card,
.system-card,
.product-proof,
.website-focus .split,
.contact-grid,
.logo-marquee{backdrop-filter:none;-webkit-backdrop-filter:none;transform:translate3d(0,0,0)}
.cap-card:hover{transform:translate3d(0,-4px,0)}
.reveal{filter:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}

/* Calm-glow + unified-background pass — 2026-05-13:
   Two visual-noise sources Sterling flagged:
     1. Every card carried a crimson outer halo (0 0 Npx rgba(252,16,18,...))
        and they piled up.
     2. Each section set its own gradient background, which ended
        abruptly at the section boundary — visible seam lines between
        sections, especially around the radial-gradient blobs in
        website-focus and actronx.
   Fix: make sections transparent so the global site-backdrop (the
   starfield + ambient radial glows that's already fixed-positioned
   across the viewport) is the sole background. Then strip the per-
   card crimson halos and section border-hairlines, and tone the red
   CTA glow. The brand is still red — eyebrow text, inline links,
   borders, button base — just without the screaming halos. */
.capabilities,
.website-focus,
.automations,
.actronx-proof,
.clients,
.section.contact{background:transparent}
.website-focus,
.elevate-banner{border-top:0;border-bottom:0}
.cap-card{box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 18px 48px rgba(0,0,0,0.42)}
.cap-card:hover,
.service-list span:hover,
.system-card:hover,
.product-proof:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,0.16),0 22px 60px rgba(0,0,0,0.55)}
.system-card,
.product-proof{box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 22px 50px rgba(0,0,0,0.5)}
.website-focus .split,
.contact-grid{box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 22px 56px rgba(0,0,0,0.42)}
.btn-red{box-shadow:0 0 12px rgba(252,16,18,0.1)}
.btn-red:hover,
.btn-red:focus-visible{box-shadow:0 0 18px rgba(252,16,18,0.22)}
.actronx-mock::before{display:none}
.actronx-callout{border-top:0;padding-top:14px}
.iphone{box-shadow:0 26px 56px -20px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.06)}

/* Phone mock loses the navy cast — every "field" surface becomes
   pure-near-black so the device doesn't read as a blue rectangle
   against the otherwise crimson/black page. Cobalt accents (rank,
   chips, Ask FAB, tab indicator) stay because they're the Actronx
   brand color and still pop against black. */
.iphone{background:linear-gradient(180deg,#0a0a0a 0%,#020202 50%,#0a0a0a 100%)}
.iphone-screen{background:#0a0a0a}
.iphone-notch{background:#000}
.ph-body{background:#0a0a0a}
.ph-fade{background:linear-gradient(180deg,transparent,#0a0a0a)}
.iphone-tabbar{background:#0a0a0a;border-top-color:#1c1c1c}
.ph-card{background:#141414;border-color:#222}
.ph-ask{background:#141414;border-color:#222}
.ph-gear{border-color:#2a2a2a}
.ph-rows{border-left-color:#2a2a2a}
.ph-chip{border-color:#2a2a2a}
.ph-divider{background:#1c1c1c}

/* Macbook banner fades into the starfield at top + bottom via
   mask-image, so the image doesn't read as a hard section line.
   The heading + copy sit in the middle and stay fully visible. */
.elevate-banner{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 90%,transparent 100%)}

/* Actronx Proof section — layout from redeyeautomations.com Actronx
   component, phone-mock content from actronx.com (sporting goods).
   Dark navy + cobalt accent; everything else stays on the page's
   crimson palette. — 2026-05-13 */
.actronx-proof{padding:108px 0 96px;position:relative}
.actronx-proof .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.actronx-grid{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:center}
.actronx-copy{max-width:600px}
.actronx-copy .eyebrow{color:var(--red2);margin-bottom:14px}
.actronx-h2{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(28px,4.2vw,46px);line-height:1.08;letter-spacing:-0.022em;margin:0 0 24px;color:#f6f6f6;text-transform:none;font-weight:700}
.actronx-h2 .muted{color:#9aa0ad}
.actronx-body p{font-size:16px;line-height:1.65;color:#c0c4cc;margin:0 0 18px;max-width:560px}
.actronx-body p:last-child{margin-bottom:0}
.actronx-inline{font-weight:700;letter-spacing:0.04em;color:#3185d6;background-image:linear-gradient(#3185d6,#3185d6);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:color 180ms ease,background-size 220ms ease;text-decoration:none}
.actronx-inline:hover,.actronx-inline:focus-visible{color:#4d9aea;background-size:100% 1px}
.actronx-callout{margin-top:38px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.1);max-width:560px}
.actronx-callout .eyebrow-dim{color:#8a909c}
.actronx-callout-row{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;margin-top:10px}
.actronx-wordmark{display:inline-block;font-family:"Arial Black",Arial,sans-serif;font-weight:800;letter-spacing:0.05em;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1;color:#3185d6;background:linear-gradient(180deg,#4d9aea 0%,#3185d6 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;transition:filter 200ms ease,transform 200ms ease}
.actronx-wordmark:hover{filter:brightness(1.15) drop-shadow(0 0 14px rgba(49,133,214,0.2))}
.actronx-visit{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#c0c4cc;text-decoration:none;transition:color 180ms ease}
.actronx-visit:hover{color:#f6f6f6}
.actronx-visit .arrow{display:inline-block;transition:transform 200ms ease;font-size:13px}
.actronx-visit:hover .arrow{transform:translate(2px,-2px)}
.actronx-callout-sub{margin-top:14px;font-size:14.5px;color:#9aa0ad;line-height:1.55}
.actronx-mock{display:flex;justify-content:center;position:relative}
.actronx-mock::before{content:"";position:absolute;inset:-48px;border-radius:60px;background:radial-gradient(ellipse at 70% 30%,rgba(212,36,58,0.22) 0%,transparent 55%),radial-gradient(ellipse at 30% 80%,rgba(80,90,110,0.25) 0%,transparent 55%);filter:blur(40px);opacity:0.7;z-index:0;pointer-events:none}
.iphone-frame{display:block;position:relative;z-index:1;text-decoration:none;transition:transform 500ms cubic-bezier(0.22,1,0.36,1);width:100%;max-width:320px;margin:0 auto;transform:translate3d(0,0,0)}
.iphone-frame:hover{transform:translate3d(0,-4px,0)}
.iphone{width:100%;aspect-ratio:320 / 668;border-radius:42px;padding:6px;background:linear-gradient(180deg,#0a0c12 0%,#04060a 50%,#0a0c12 100%);box-shadow:0 40px 80px -20px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.06);position:relative;margin:0 auto;font-family:Arial,Helvetica,sans-serif}
.iphone-screen{width:100%;height:100%;border-radius:36px;background:#1a1f2e;color:#f8f9fc;overflow:hidden;position:relative;display:flex;flex-direction:column}
.iphone-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:88px;height:24px;border-radius:999px;background:#0a0c12;z-index:5}
.iphone-status{padding:12px 24px 4px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:#f8f9fc}
.iphone-status .status-icons{display:flex;align-items:center;gap:6px;color:#f8f9fc}
.ph-body{flex:1;display:flex;flex-direction:column;background:#1a1f2e;min-height:0}
.ph-header{display:flex;align-items:center;gap:10px;padding:12px 16px 12px}
.ph-mark{width:36px;height:36px;border-radius:8px;background:#fff;display:grid;place-items:center;flex-shrink:0;padding:5px;overflow:hidden}
.ph-mark img{width:100%;height:100%;object-fit:contain;display:block;margin:0}
.ph-title-block{flex:1;min-width:0}
.ph-title{font-size:14.5px;font-weight:600;line-height:1.2;letter-spacing:-0.01em;color:#f8f9fc}
.ph-gen{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;color:#777e8c;margin-top:2px;line-height:1.2}
.ph-gear{width:28px;height:28px;border-radius:50%;border:0.5px solid #363c50;color:#9aa0ad;display:grid;place-items:center;flex-shrink:0}
.ph-scroll{flex:1;padding:6px 16px 8px;display:flex;flex-direction:column;gap:12px;min-height:0;position:relative;overflow:hidden}
.ph-eyebrow{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9.5px;letter-spacing:0.16em;color:#777e8c;text-transform:uppercase}
.ph-h1{margin-top:6px;font-weight:700;font-size:26px;line-height:1.04;letter-spacing:-0.025em;color:#f8f9fc;font-family:Arial,Helvetica,sans-serif}
.ph-meta{display:flex;justify-content:space-between;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:0.14em;color:#777e8c}
.ph-card{background:#202533;border:0.5px solid #2a3043;border-radius:16px;padding:14px}
.ph-action{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:flex-start}
.ph-rank{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:30px;line-height:1;letter-spacing:-0.04em;color:#3185d6;padding-top:2px}
.ph-rank.dim{color:#777e8c}
.ph-action-body{min-width:0}
.ph-action-title{font-size:13.5px;font-weight:700;line-height:1.25;letter-spacing:-0.01em;color:#f8f9fc;text-transform:none;font-family:Arial,Helvetica,sans-serif}
.ph-action-sub{margin-top:4px;font-size:11px;line-height:1.4;color:#9aa0ad}
.ph-rows{margin-top:10px;padding-left:10px;border-left:1px solid #3a4055;display:flex;flex-direction:column;gap:6px}
.ph-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;align-items:flex-start}
.ph-row .k{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:#777e8c;padding-top:2px}
.ph-row .v{font-size:10.5px;line-height:1.45;color:#c0c4cc;overflow-wrap:anywhere}
.ph-divider{height:1px;background:#2a3043;margin:10px 0 8px}
.ph-foot-meta{display:flex;justify-content:space-between;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;color:#777e8c}
.ph-chips{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.ph-chip{display:inline-flex;align-items:center;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:3px 8px;border-radius:999px;font-size:9.5px;letter-spacing:0.12em;text-transform:uppercase;border:0.5px solid #363c50;color:#777e8c;background:transparent}
.ph-chip.on{color:#4d9aea;background:rgba(49,133,214,0.14);border-color:rgba(49,133,214,0.45)}
.ph-fade{pointer-events:none;position:absolute;inset-inline:0;bottom:0;height:48px;background:linear-gradient(180deg,transparent,#1a1f2e)}
.ph-fab-row{padding:6px 12px 10px}
.ph-ask{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:999px;background:#202533;border:0.5px solid #2a3043}
.ph-ask-ic{width:28px;height:28px;border-radius:50%;background:#3185d6;display:grid;place-items:center;flex-shrink:0}
.ph-ask-text{flex:1;font-size:12.5px;font-weight:500;color:#f8f9fc;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ph-ask-k{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;color:#777e8c}
.iphone-tabbar{display:grid;grid-template-columns:repeat(6,1fr);padding:6px 4px 10px;background:#1a1f2e;border-top:0.5px solid #2a3043}
.ph-tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8.5px;font-weight:500;color:#777e8c;position:relative;padding-top:4px}
.ph-tab svg{width:16px;height:16px;opacity:0.85}
.ph-tab.on{color:#3185d6}
.ph-tab.on svg{opacity:1}
.ph-tab.on::before{content:"";position:absolute;top:-2px;width:24px;height:2px;border-radius:999px;background:#3185d6}
@media(max-width:980px){.actronx-proof{padding:78px 0 68px}.actronx-grid{grid-template-columns:1fr;gap:48px}.actronx-copy{max-width:none}.actronx-mock{justify-content:center}.actronx-h2{font-size:clamp(28px,7vw,42px)}.actronx-callout{margin-top:30px;padding-top:24px}}

/* Elevate-your-brand macbook banner — 2026-05-13 */
.elevate-banner{position:relative;display:flex;align-items:center;min-height:clamp(360px,46vw,560px);background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(18,0,0,.58) 50%,rgba(0,0,0,.36) 100%),url('/redeyesocial/assets/local/optimized/macbook-banner.jpg') center/cover no-repeat;border-top:1px solid rgba(252,16,18,.24);border-bottom:1px solid rgba(252,16,18,.24);overflow:hidden}
.elevate-banner .wrap{max-width:var(--max);margin:0 auto;padding:72px 24px}
.elevate-banner .eyebrow{color:var(--red2);text-shadow:0 2px 12px rgba(0,0,0,.7)}
.elevate-banner h2{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(30px,4.8vw,58px);line-height:1.02;letter-spacing:.04em;text-transform:uppercase;margin:14px 0 20px;max-width:760px;color:#fff;text-shadow:0 6px 28px rgba(0,0,0,.8)}
.elevate-banner p{max-width:620px;margin:0;font-size:clamp(15px,1.5vw,18px);line-height:1.55;color:#f2f2f2;text-shadow:0 2px 10px rgba(0,0,0,.7)}
@media(max-width:980px){.elevate-banner{min-height:340px;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(15,0,0,.62) 50%,rgba(0,0,0,.72) 100%),url('/redeyesocial/assets/local/optimized/macbook-banner.jpg') center/cover no-repeat}.elevate-banner .wrap{padding:54px 24px}.elevate-banner h2{max-width:none}.elevate-banner p{max-width:none}}

/* Compact pass — 2026-05-14: tighten the homepage vertical rhythm,
   especially on mobile, without losing the cinematic atmosphere.
   Reduces scroll length by ~25-35% on phones. Desktop preserved. */

/* Hero — mobile shorter so the offer arrives sooner */
@media(max-width:980px){.hero{height:clamp(540px,78svh,720px);min-height:0}}
@media(max-width:560px){.hero{height:clamp(500px,76svh,640px)}}

/* Section padding — tighter mobile rhythm */
@media(max-width:980px){
  .section{padding:54px 0}
  .actronx-proof{padding:60px 0 54px}
  .clients{padding:48px 0 36px}
  .contact{padding:52px 0 56px}
}
@media(max-width:560px){
  .section{padding:46px 0}
  .actronx-proof{padding:50px 0 44px}
  .clients{padding:40px 0 30px}
  .contact{padding:44px 0 48px}
}

/* What We Build — 2-column compact on mobile (vs 6 stacked rows) */
@media(max-width:980px){
  .cap-grid{grid-template-columns:1fr 1fr;gap:10px}
  .cap-card{padding:18px 16px;min-height:0;border-radius:14px}
  .cap-card h3{font-size:14px;letter-spacing:.06em;margin:0 0 6px;line-height:1.2}
  .cap-card p{font-size:12.5px;line-height:1.4}
}

/* Websites — compact CTA band on mobile, chips smaller */
@media(max-width:980px){
  .website-focus .split{gap:16px;padding:18px;border-radius:18px}
  .service-list{gap:8px}
  .service-list span{padding:10px 14px;font-size:12px;letter-spacing:.08em}
}

/* Automations — tighter feature card on mobile */
@media(max-width:980px){
  .automations .split{gap:18px}
  .system-card{min-height:180px;padding:24px;border-radius:22px}
  .system-card p{font-size:11px;letter-spacing:.18em}
  .system-card h3{font-size:24px;line-height:1.08}
}

/* Work / clients — compact 3-card row, less padding */
@media(max-width:980px){
  .work-summary{gap:10px}
  .work-summary .cap-card{padding:18px 16px;border-radius:14px}
  .work-summary .cap-card h3{font-size:14px;letter-spacing:.08em;margin:0 0 6px}
  .work-summary .cap-card p{font-size:12.5px;line-height:1.4}
}

/* Logo marquee mobile — smaller circles, less vertical bulk */
@media(max-width:980px){
  .logo-marquee{height:96px;width:calc(100% - 24px);margin:14px auto 0;border-radius:18px}
  .logo-track{gap:14px;padding:6px 0}
  .logo-tile{width:74px;height:74px}
}
@media(max-width:560px){
  .logo-marquee{height:84px;margin:10px auto 0;border-radius:16px}
  .logo-track{gap:10px}
  .logo-tile{width:62px;height:62px;border-width:2px}
}

/* Elevate banner — hide body paragraph on mobile, cap height */
@media(max-width:980px){
  .elevate-banner{min-height:240px}
  .elevate-banner .wrap{padding:40px 24px}
  .elevate-banner h2{font-size:clamp(24px,5.6vw,38px);margin:8px 0 0}
  .elevate-banner-body{display:none}
}
@media(max-width:560px){
  .elevate-banner{min-height:200px}
  .elevate-banner .wrap{padding:32px 22px}
}

/* Contact section — tighter form on mobile */
@media(max-width:980px){
  .contact-grid{padding:22px;gap:22px;border-radius:22px}
  .form{gap:12px}
  .field input,.field textarea{padding:10px 12px}
}

/* Actronx CTA — inline-block button replacing the old Product wordmark
   callout. Keeps the default .btn white-outline treatment, just adds
   an arrow that nudges on hover. */
.actronx-cta{margin-top:24px;display:inline-flex;align-items:center;gap:6px}
.actronx-cta .arrow{display:inline-block;transition:transform 200ms ease;font-size:13px}
.actronx-cta:hover .arrow,.actronx-cta:focus-visible .arrow{transform:translate(2px,-2px)}
.actronx-secondary{font-size:14px;color:#9aa0ad;margin-top:14px;line-height:1.55;max-width:520px}

/* Actronx section — tighter copy column + smaller mock on mobile */
@media(max-width:980px){
  .actronx-grid{gap:34px}
  .actronx-h2{font-size:clamp(26px,7vw,38px);margin:0 0 18px}
  .actronx-body p{font-size:15px;line-height:1.55;margin:0 0 12px}
  .iphone-frame{max-width:280px}
}
@media(max-width:560px){
  .iphone-frame{max-width:248px}
}

/* Logo marquee — seamless loop via explicit calc() — 2026-05-14
   The previous fix relied on translateX(-50%) of width:max-content,
   which has subtle edge cases when flex-item margins contribute to
   track width. Switch to translating by exactly
     N × (tile + gap)
   pixels, where N is the unique tile count (rendered to --marq-tiles
   inline on .logo-marquee from build_static.py), and tile/gap are
   breakpoint-aware variables. Track width is no longer involved in
   the loop math, so the snap point is pixel-precise regardless of
   how the browser sizes the container. */
.logo-marquee{--marq-tile:170px;--marq-gap:30px;display:flex;align-items:center}
@media(min-width:981px){.logo-marquee{height:200px}}
@media(max-width:980px){.logo-marquee{--marq-tile:74px;--marq-gap:14px}}
@media(max-width:560px){.logo-marquee{--marq-tile:62px;--marq-gap:10px}}
.logo-track{gap:var(--marq-gap);padding:0;animation:marquee 32s linear infinite}
.logo-tile{width:var(--marq-tile);height:var(--marq-tile);margin-right:0;flex-shrink:0}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(calc(var(--marq-tiles,7) * (var(--marq-tile) + var(--marq-gap)) * -1))}}

/* Dashboard v1 — owner dashboard layout (issue: business command center) */
.admin-sub{margin:6px 0 14px;color:#e9e9e9;max-width:64ch}
.admin-session{margin:0;color:#bdbdbd;font-size:14px;letter-spacing:.02em}
.admin-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 36px}
.admin-card{position:relative;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(30,0,0,.34) 45%,rgba(0,0,0,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 62px rgba(0,0,0,.46),0 0 28px rgba(252,16,18,.07);padding:24px;backdrop-filter:blur(10px);transition:transform .26s var(--ease),border-color .26s var(--ease),box-shadow .26s var(--ease)}
.admin-card:hover{transform:translateY(-3px);border-color:rgba(252,16,18,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 28px 72px rgba(0,0,0,.55),0 0 38px rgba(252,16,18,.16)}
.admin-card-label{margin:0;font-family:"Arial Black",Arial,sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--red2)}
.admin-card-stat{margin:0;font-family:"Arial Black",Arial,sans-serif;font-size:34px;line-height:1.05;letter-spacing:.02em;color:#fff;text-transform:uppercase}
.admin-card-stat[data-state="connected"]{color:#7be08a}
.admin-card-stat[data-state="error"]{color:var(--red2)}
.admin-card-meta{margin:0;color:#dcdcdc;font-size:14px;line-height:1.5}
.admin-card-tags{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.admin-card-tags li{font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.34);color:#eee}
.admin-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.admin-card-actions .btn{min-height:42px;padding:10px 18px;font-size:11px}
.admin-card-secondary{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.7))!important;border-color:rgba(255,255,255,.22)!important;box-shadow:none!important}
.admin-card-note{margin:6px 0 0;padding:10px 12px;border:1px solid rgba(252,16,18,.36);border-radius:12px;background:rgba(164,0,0,.18);font-size:13px;line-height:1.45;color:#fff}
.admin-card-link{margin-top:auto;font-family:"Arial Black",Arial,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#fff;border-bottom:1px solid var(--red2);align-self:flex-start;padding-bottom:3px;transition:.22s var(--ease)}
.admin-card-link:hover,.admin-card-link:focus-visible{color:var(--red2);text-shadow:0 0 18px rgba(252,16,18,.45)}
.admin-card-cta{align-self:flex-start}
.admin-submissions{margin-top:18px}
.admin-submissions-head{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}
.admin-submissions-head h2{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(22px,3vw,32px);line-height:1.05;letter-spacing:.04em;text-transform:uppercase;margin:0}
.admin-placeholder-card{border:1px dashed rgba(255,255,255,.32);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(20,0,0,.32) 45%,rgba(0,0,0,.7));padding:28px;color:#eee;line-height:1.55}
.admin-placeholder-card strong{display:block;font-family:"Arial Black",Arial,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--red2);margin-bottom:8px}
.admin-back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;font-family:"Arial Black",Arial,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#fff;border-bottom:1px solid var(--red2);padding-bottom:4px;transition:.22s var(--ease)}
.admin-back-link:hover,.admin-back-link:focus-visible{color:var(--red2)}
@media(max-width:980px){.admin-card-grid{grid-template-columns:1fr;gap:14px;margin:22px 0 28px}.admin-card{padding:20px}.admin-card-stat{font-size:28px}}
@media(max-width:560px){.admin-card-actions{flex-direction:column;align-items:stretch}.admin-card-actions .btn{width:100%}}

/* Dashboard v1.1 — tighter cards, content-height grid, calm note tones, smaller header buttons */
.admin-dashboard{padding:clamp(18px,3.2vw,32px)}
.admin-dashboard-head{align-items:flex-start;gap:18px;margin-bottom:18px}
.admin-dashboard-head-text{flex:1;min-width:0}
.admin-dashboard-head h1{font-size:clamp(26px,3.6vw,40px);margin:10px 0 8px}
.admin-sub{margin:0 0 8px;color:#e9e9e9;max-width:60ch;font-size:15px}
.admin-session{margin:0;color:#9c9c9c;font-size:13px;letter-spacing:.02em}
.admin-actions{align-items:center;flex-shrink:0}
.btn.btn-compact{min-height:36px;padding:8px 16px;font-size:11px;letter-spacing:.18em;border-width:1px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 14px rgba(0,0,0,.32)}
.btn.btn-compact:hover,.btn.btn-compact:focus-visible{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 22px rgba(252,16,18,.22),0 8px 18px rgba(0,0,0,.42)}
.admin-card-grid{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 24px}
.admin-card{gap:8px;padding:18px;border-radius:20px}
.admin-card-stat{font-size:26px;line-height:1.05}
.admin-card-stat[data-state="not_connected"]{color:#dcdcdc}
.admin-card-stat-label{margin:0;font-family:"Arial Black",Arial,sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#9c9c9c}
.admin-card-meta{font-size:13px}
.admin-card-tags{margin-top:2px}
.admin-card-tags li{font-size:10px;letter-spacing:.14em;padding:4px 9px}
.admin-card-actions{margin-top:8px;gap:8px}
.admin-card-link{margin-top:4px;align-self:flex-start;font-size:11px;letter-spacing:.16em}
.admin-card-cta{margin-top:6px}
/* Note tones — neutral by default; only red when status is actually error */
.admin-card-note{margin:8px 0 0;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(0,0,0,.36);font-size:12px;line-height:1.5;color:#eee}
.admin-card-note[data-tone="info"]{border-color:rgba(255,255,255,.18);background:rgba(8,8,8,.46);color:#eee}
.admin-card-note[data-tone="warn"]{border-color:rgba(241,196,15,.42);background:rgba(150,110,0,.18);color:#fff}
.admin-card-note[data-tone="error"]{border-color:rgba(252,16,18,.42);background:rgba(164,0,0,.18);color:#fff}
.admin-submissions{margin-top:6px}
.admin-submissions-head{margin-bottom:14px;gap:2px}
.admin-submissions-head h2{font-size:clamp(20px,2.6vw,28px)}
@media(max-width:980px){.admin-dashboard-head{flex-direction:column;align-items:stretch}.admin-actions{justify-content:flex-start}.admin-card-grid{gap:12px;margin:14px 0 20px}.admin-card{padding:16px}.admin-card-stat{font-size:24px}}
@media(max-width:560px){.admin-card-actions{flex-direction:column;align-items:stretch}.admin-card-actions .btn{width:100%}.admin-dashboard-head h1{font-size:24px}}

/* Dashboard v1.2 — drop red background glow + add white textless brandmark */
.admin-page{background:linear-gradient(180deg,#050505,#000 55%,#070707)}
.admin-shell{position:relative;z-index:2}
.admin-login-card,.admin-dashboard{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 90px rgba(0,0,0,.55)}
.admin-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 56px rgba(0,0,0,.46)}
.admin-card:hover{border-color:rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 26px 66px rgba(0,0,0,.55)}
.admin-card-stat[data-state="error"]{color:#ff7a7a}
.admin-brand{display:block;width:auto;opacity:.96;filter:drop-shadow(0 4px 18px rgba(0,0,0,.55))}
.admin-brand--login{height:64px;margin:0 0 22px;opacity:.92}
.admin-brand--head{height:54px;margin-top:6px;flex-shrink:0;align-self:flex-start}
@media(max-width:980px){.admin-brand--head{height:44px;margin-bottom:4px}.admin-brand--login{height:54px;margin-bottom:18px}}
@media(max-width:560px){.admin-brand--head{height:38px}.admin-brand--login{height:48px}}

/* Dashboard v1.3 — make the hidden attribute actually hide inside admin
   (`.btn { display:inline-flex }` was beating the UA `[hidden]` rule),
   and de-shout the contact-activity stat label */
.admin-page [hidden]{display:none!important}
.admin-card-stat-label{font-family:Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:.02em;font-size:12px;font-weight:600;color:#a8a8a8;margin:2px 0 0}

/* Dashboard v1.4 — submissions live inside Contact Activity card; standalone
   "Inbound" section removed. Mirrors the clearsource LeadPanel pattern:
   collapsible <details> + scrollable inner list. */
.admin-card-details{margin-top:8px}
.admin-card-details>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:4px 0;font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#fff;border-bottom:1px solid var(--red2);transition:.22s var(--ease)}
.admin-card-details>summary::-webkit-details-marker{display:none}
.admin-card-details>summary::after{content:"";display:inline-block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .22s var(--ease)}
.admin-card-details[open]>summary::after{transform:rotate(-135deg) translate(-1px,-1px)}
.admin-card-details>summary:hover,.admin-card-details>summary:focus-visible{color:var(--red2);outline:none}
.admin-submission-status{margin:12px 0 8px;font-size:12px;color:#bdbdbd;letter-spacing:.04em}
.admin-submission-status.error{color:#ff7a7a}
.admin-submission-list{list-style:none;margin:10px 0 0;padding:8px 10px;display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(0,0,0,.36);scrollbar-width:thin;scrollbar-color:rgba(252,16,18,.4) rgba(255,255,255,.05)}
.admin-submission-list::-webkit-scrollbar{width:8px}
.admin-submission-list::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:8px}
.admin-submission-list::-webkit-scrollbar-thumb{background:rgba(252,16,18,.4);border-radius:8px}
.admin-submission-list::-webkit-scrollbar-thumb:hover{background:rgba(252,16,18,.6)}
.admin-submission-item{padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-submission-item:last-child{border-bottom:0}
.admin-submission-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.admin-submission-row strong{font-family:"Arial Black",Arial,sans-serif;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.admin-submission-row time{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#9c9c9c;flex-shrink:0}
.admin-submission-meta{margin:4px 0 0;font-size:11px;line-height:1.5;color:#bdbdbd;word-break:break-word;letter-spacing:.02em}
.admin-submission-msg{margin:6px 0 0;font-size:12px;line-height:1.5;color:#f0f0f0;white-space:pre-wrap;word-break:break-word}
.admin-submission-tags{margin:7px 0 0;font-size:10px;line-height:1.5;color:#ffb6b6;letter-spacing:.06em;text-transform:uppercase;word-break:break-word}
.admin-submission-controls{display:grid;grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);gap:8px;margin-top:9px}
.admin-submission-control{display:flex;flex-direction:column;gap:4px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9c9c9c}
.admin-submission-control select,.admin-submission-control input{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(0,0,0,.45);color:#fff;font:inherit;font-size:11px;letter-spacing:0;text-transform:none;padding:7px 8px}
.admin-submission-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.admin-submission-action{border:0;background:transparent;color:#fff;cursor:pointer;padding:0;font-size:11px}
.admin-submission-action:hover{color:var(--red2)}
.admin-submission-action-danger{color:#ff8a8a}
.admin-submission-empty{margin:12px 0 0;padding:14px;border:1px dashed rgba(255,255,255,.22);border-radius:12px;color:#bdbdbd;font-size:13px;text-align:center}
@media(max-width:560px){.admin-submission-controls{grid-template-columns:1fr}}
@media(max-width:980px){.admin-submission-list{max-height:50vh}}

/* Social v1 — Content Planning Room */
.social-room{padding:clamp(18px,3.2vw,32px)}
.social-head .admin-back-link{margin:0 0 12px}
.social-section{margin-top:28px}
.social-section-head{font-family:"Arial Black",Arial,sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#fff;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid rgba(252,16,18,.32)}

/* Status pills (shared) */
.platform-card-status,.draft-status-badge{display:inline-block;width:max-content;margin:0;padding:4px 10px;border-radius:999px;font-family:"Arial Black",Arial,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;border:1px solid transparent}
.status--needs_attention{background:rgba(252,16,18,.22);color:#ff8a8a;border-color:rgba(252,16,18,.5)}
.status--getting_stale{background:rgba(241,196,15,.18);color:#f5d572;border-color:rgba(241,196,15,.5)}
.status--needs_setup{background:rgba(120,140,255,.16);color:#b8c3ff;border-color:rgba(120,140,255,.45)}
.status--paused{background:rgba(255,255,255,.08);color:#bdbdbd;border-color:rgba(255,255,255,.18)}
.status--on_track,.status--active{background:rgba(80,200,120,.18);color:#87e3a3;border-color:rgba(80,200,120,.5)}
.status--idea{background:rgba(255,255,255,.08);color:#ddd;border-color:rgba(255,255,255,.2)}
.status--draft{background:rgba(180,140,255,.16);color:#d3bfff;border-color:rgba(180,140,255,.4)}
.status--needs_review{background:rgba(252,140,16,.18);color:#ffc079;border-color:rgba(252,140,16,.5)}
.status--approved{background:rgba(80,200,120,.18);color:#87e3a3;border-color:rgba(80,200,120,.5)}
.status--posted{background:rgba(80,200,120,.28);color:#a0f0b8;border-color:rgba(80,200,120,.6)}
.status--rejected{background:rgba(255,255,255,.05);color:#8a8a8a;border-color:rgba(255,255,255,.14)}

/* Platform cards */
.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.platform-card{display:flex;flex-direction:column;gap:8px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(20,0,0,.32) 45%,rgba(0,0,0,.7));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 46px rgba(0,0,0,.42);padding:16px;backdrop-filter:blur(10px)}
.platform-card-name{margin:0;font-family:"Arial Black",Arial,sans-serif;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.platform-card-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-size:11px;letter-spacing:.04em;color:#bdbdbd}
.platform-card-meta strong{color:#fff;font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.04em;text-transform:uppercase;text-align:right}
.platform-card .btn{margin-top:auto}

/* Weekly brief */
.weekly-brief{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid rgba(252,16,18,.32);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(40,0,0,.4) 45%,rgba(0,0,0,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 56px rgba(0,0,0,.5);backdrop-filter:blur(10px)}
.brief-summary{margin:0;font-size:15px;line-height:1.6;color:#f0f0f0}
.brief-stale-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.brief-stale-list li{font-size:13px;color:#ddd;padding:8px 12px;border-left:2px solid var(--red2);background:rgba(0,0,0,.32);border-radius:4px}
.weekly-brief .btn{align-self:flex-start}

/* Opportunities */
.opportunity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.opportunity-card{display:flex;flex-direction:column;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(20,0,0,.28) 45%,rgba(0,0,0,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 40px rgba(0,0,0,.4);padding:18px;backdrop-filter:blur(8px)}
.opportunity-card.opp--saved{border-color:rgba(180,140,255,.4)}
.opportunity-card.opp--drafted{opacity:.78}
.opportunity-card-platforms{margin:0;font-family:"Arial Black",Arial,sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--red2)}
.opportunity-card-title{margin:4px 0 0;font-size:17px;line-height:1.3;color:#fff}
.opportunity-card-reason{margin:4px 0 0;font-size:13px;line-height:1.55;color:#ddd}
.opportunity-card-cta{margin:4px 0 0;font-size:12px;color:#bdbdbd}
.opp-cta-label{display:inline-block;margin-right:8px;font-family:"Arial Black",Arial,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#888}
.opp-status-tag{display:inline-block;width:max-content;margin:4px 0 0;padding:3px 9px;border-radius:999px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#d3bfff;background:rgba(180,140,255,.16);border:1px solid rgba(180,140,255,.4)}
.opportunity-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}

/* Drafts */
.draft-grid{display:flex;flex-direction:column;gap:12px}
.draft-card{display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(20,0,0,.28) 45%,rgba(0,0,0,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 40px rgba(0,0,0,.4);padding:18px}
.draft-card.draft--posted{border-color:rgba(80,200,120,.4)}
.draft-card.draft--rejected{opacity:.65}
.draft-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.draft-card-platforms{margin:0;font-family:"Arial Black",Arial,sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--red2)}
.draft-card-title{margin:4px 0 0;font-size:18px;line-height:1.25;color:#fff}
.draft-card-reason{margin:0;font-size:13px;line-height:1.55;color:#ddd}
.draft-card-meta{display:flex;gap:8px;align-items:baseline;margin:0;font-size:11px;letter-spacing:.04em;color:#bdbdbd}
.draft-card-meta strong{color:#fff;font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.draft-card-actions{display:flex;flex-wrap:wrap;gap:8px}

/* Settings */
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.settings-card{display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(20,0,0,.28) 45%,rgba(0,0,0,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 40px rgba(0,0,0,.4);padding:18px}
.settings-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px;margin-bottom:4px}
.settings-card-head h3{margin:0;font-family:"Arial Black",Arial,sans-serif;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.settings-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#bdbdbd;cursor:pointer}
.settings-toggle input{accent-color:var(--red2)}
.settings-field{display:flex;flex-direction:column;gap:6px}
.settings-field>span{font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.04em;color:#9c9c9c}
.settings-field input,.settings-field textarea{border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(0,0,0,.42);color:#fff;padding:8px 10px;font:inherit;font-size:13px}
.settings-field textarea{resize:vertical;min-height:70px}
.settings-field input:focus,.settings-field textarea:focus{border-color:var(--red2);outline:none}

/* Draft detail dialog */
.draft-detail{border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(150deg,rgba(10,10,10,.95),rgba(30,0,0,.92) 50%,rgba(0,0,0,.96));color:#fff;padding:24px;width:min(720px,calc(100% - 32px));max-height:86vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.7)}
.draft-detail::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}
.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.detail-header h2{margin:6px 0 0;font-family:"Arial Black",Arial,sans-serif;font-size:22px;line-height:1.15;text-transform:uppercase;letter-spacing:.04em}
.detail-reason,.detail-cta{margin:0 0 8px;padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);font-size:13px;line-height:1.5;color:#ddd}
.detail-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 12px}
.detail-tab{background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.16);color:#ddd;padding:8px 14px;border-radius:999px;font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.detail-tab.is-active{background:var(--red);color:#fff;border-color:var(--red2)}
.detail-tab.is-empty{opacity:.55}
.detail-panels{display:flex;flex-direction:column;gap:12px}
.detail-field{display:flex;flex-direction:column;gap:6px}
.detail-field>span{font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9c9c9c}
.detail-field input,.detail-field textarea{border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(0,0,0,.42);color:#fff;padding:10px 12px;font:inherit;font-size:13px;resize:vertical}
.detail-empty{margin:0;padding:14px;border:1px dashed rgba(255,255,255,.22);border-radius:12px;color:#bdbdbd;font-size:13px}
.detail-callout{margin:0;padding:10px 12px;border:1px solid rgba(241,196,15,.4);background:rgba(150,110,0,.18);border-radius:10px;font-size:12px;line-height:1.5;color:#f5d572}

.social-empty{margin:0;padding:18px;border:1px dashed rgba(255,255,255,.22);border-radius:14px;color:#bdbdbd;font-size:13px;text-align:center}

@media(max-width:980px){
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .opportunity-grid,.settings-grid{grid-template-columns:1fr}
  .draft-card-head{flex-direction:column;align-items:flex-start;gap:8px}
}
@media(max-width:560px){
  .platform-grid{grid-template-columns:1fr}
  .draft-card-actions,.opportunity-card-actions{flex-direction:column;align-items:stretch}
  .draft-card-actions .btn,.opportunity-card-actions .btn{width:100%}
}

/* Social v1.1 — platform connection rows + OAuth callback styles */
.platform-card-connected{margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:.04em;color:#87e3a3}
.platform-card-connected strong{color:#fff;font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.04em;text-transform:none;text-align:right;word-break:break-word}
.platform-card-mock{font-style:italic;color:#9c9c9c;font-size:11px}
.settings-connection{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.36)}
.settings-connection--ok{border-color:rgba(80,200,120,.4);background:rgba(0,30,15,.32)}
.settings-connection--info{border-color:rgba(255,255,255,.18);background:rgba(0,0,0,.32)}
.settings-connection--pending{border-color:rgba(241,196,15,.32);background:rgba(40,30,0,.3)}
.settings-connection-status{margin:0;font-family:"Arial Black",Arial,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.settings-connection-status strong{color:#fff;text-transform:none;letter-spacing:.02em}
.settings-connection-meta{margin:0;font-size:12px;line-height:1.5;color:#bdbdbd}
.settings-connection-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.btn.is-disabled,.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}

/* Social v2 — agent loop UI (Content Planning Room rebuild around agent/run) */
.agent-room{padding:clamp(18px,3.2vw,32px)}
.agent-section{margin-top:22px}
.agent-card-label{font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--red2);margin:0 0 6px}
.agent-status{padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(0,0,0,.36);color:#bdbdbd;font-size:13px}

/* Profile + sources strips */
.profile-strip{margin-top:16px}
.profile-card{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;padding:18px 20px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(20,0,0,.32) 45%,rgba(0,0,0,.7));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 46px rgba(0,0,0,.42)}
.profile-card h2{margin:2px 0 4px;font-family:"Arial Black",Arial,sans-serif;font-size:18px;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.profile-card-related{margin:0;font-size:12px;color:#bdbdbd;letter-spacing:.04em}
.profile-card-goals p{margin:0;font-size:13px;line-height:1.5;color:#dcdcdc}
@media(max-width:760px){.profile-card{grid-template-columns:1fr}}

.sources-strip{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.source-pill{display:inline-flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.42);font-size:11px;color:#dcdcdc}
.source-pill strong{font-family:"Arial Black",Arial,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#fff}
.source-pill--connected{border-color:rgba(80,200,120,.5);color:#87e3a3}
.source-pill--connected strong{color:#a0f0b8}
.source-pill--research-only{border-color:rgba(180,140,255,.4);color:#d3bfff}
.source-pill--info{color:#bdbdbd}

/* Strategy entry */
.strategy-entry-card{padding:24px;border:1px solid rgba(252,16,18,.32);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(40,0,0,.4) 45%,rgba(0,0,0,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 56px rgba(0,0,0,.5)}
.strategy-entry-card h2{margin:6px 0 10px;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(22px,3vw,32px);letter-spacing:.04em;text-transform:uppercase;color:#fff}
.strategy-entry-card p{margin:0;color:#dcdcdc;font-size:15px;line-height:1.55}
.strategy-entry-actions{margin-top:16px}
.strategy-entry-quickstarts{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}

/* Active session */
.active-session-card{padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(20,0,0,.28) 45%,rgba(0,0,0,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 20px 50px rgba(0,0,0,.45)}
.active-session-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.session-questions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.session-question-label{margin:0 0 8px;font-size:13px;color:#fff}
.session-question.is-answered .session-question-label{color:#87e3a3}
.session-question-options{display:flex;flex-wrap:wrap;gap:6px}
.option-chip{cursor:pointer;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.16);color:#ddd;padding:6px 10px;border-radius:999px;font-family:Arial,Helvetica,sans-serif;font-size:12px;transition:.18s var(--ease)}
.option-chip:hover{border-color:rgba(252,16,18,.4)}
.option-chip.is-selected{background:var(--red);color:#fff;border-color:var(--red2)}
.session-progress{margin-top:12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9c9c9c}
.session-submit{margin-top:14px}

/* Recommendation */
.recommendation-card,.source-truth-card,.suggested-memory-card,.angles-card,.draft-review-card,.adaptations-card,.next-actions-card,.drafts-card{padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(20,0,0,.28) 45%,rgba(0,0,0,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 20px 50px rgba(0,0,0,.45)}
.recommendation-text{margin:6px 0 0;font-size:16px;line-height:1.55;color:#fff}
.recommendation-reasoning{margin-top:10px}
.recommendation-reasoning>summary{cursor:pointer;font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red2)}
.recommendation-reasoning>p{margin:8px 0 0;font-size:13px;line-height:1.55;color:#dcdcdc}
.recommendation-actions{margin-top:14px}

/* Source truth */
.source-truth-card{border-color:rgba(241,196,15,.32);background:linear-gradient(150deg,rgba(255,255,255,.04),rgba(40,30,0,.32) 45%,rgba(0,0,0,.7))}
.source-truth-list{list-style:disc;margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.55;color:#f5d572}

/* Suggested memory */
.suggested-memory-card{border-color:rgba(180,140,255,.4)}
.suggested-memory-explainer{margin:0;font-size:13px;color:#bdbdbd}
.suggested-memory-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.suggested-memory-item{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(0,0,0,.36)}
.suggested-memory-summary{margin:0;font-size:13px;color:#fff;line-height:1.5}
.suggested-memory-evidence,.suggested-memory-kind{margin:4px 0 0;font-size:11px;color:#9c9c9c}
.suggested-memory-actions{display:flex;gap:6px;flex-shrink:0}

/* Angles */
.angles-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.angle-card{padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(0,0,0,.36)}
.angle-card.is-selected{border-color:var(--red2)}
.angle-meta{margin:0;font-family:"Arial Black",Arial,sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--red2)}
.angle-card h3{margin:6px 0 6px;font-size:16px;line-height:1.3;color:#fff}
.angle-why{margin:0;font-size:13px;line-height:1.55;color:#dcdcdc}
.angle-cta{margin:6px 0 0;font-size:12px;color:#bdbdbd}
.angle-actions{margin-top:10px}

/* Draft review */
.draft-review-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.draft-quality-badge{font-size:11px;letter-spacing:.04em;color:#87e3a3;background:rgba(80,200,120,.16);border:1px solid rgba(80,200,120,.4);padding:3px 8px;border-radius:999px}
.draft-strategic-reason,.draft-business-goal,.draft-cta{margin:6px 0 0;font-size:12px;color:#bdbdbd}
.draft-text{margin:12px 0 0;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(0,0,0,.42);color:#f0f0f0;font:14px/1.6 Arial,Helvetica,sans-serif;white-space:pre-wrap;word-break:break-word}
.draft-revision-controls{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
.draft-revision-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}
.draft-revision-freeform{display:flex;flex-direction:column;gap:6px}
.draft-revision-freeform>span{font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9c9c9c}
.draft-revision-freeform textarea{border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(0,0,0,.42);color:#fff;padding:10px 12px;font:13px Arial,Helvetica,sans-serif;resize:vertical}
.draft-decision-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}

/* Adaptations */
.adaptations-explainer{margin:0;font-size:13px;color:#bdbdbd}
.adaptations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
@media(max-width:760px){.adaptations-grid{grid-template-columns:1fr}}
.adaptation-card{padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(0,0,0,.36)}
.adaptation-text{margin:6px 0 0;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(0,0,0,.42);color:#f0f0f0;font:13px/1.55 Arial,Helvetica,sans-serif;white-space:pre-wrap;word-break:break-word}
.adaptation-block{margin:6px 0 0;font-size:12px;color:#dcdcdc;line-height:1.5}
.adaptation-notes{margin:8px 0 0;font-size:11px;color:#9c9c9c;font-style:italic}
.adaptation-empty{margin:6px 0 8px;font-size:12px;color:#9c9c9c}

/* Next actions */
.next-actions-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}

/* Drafts (approved) */
.drafts-explainer{margin:0;font-size:12px;color:#9c9c9c}
.drafts-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.drafts-empty{margin:10px 0 0;font-size:13px;color:#9c9c9c;font-style:italic}
.drafts-item{padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(0,0,0,.36)}
.drafts-item-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.drafts-item-meta{font-size:11px;color:#9c9c9c;letter-spacing:.04em}
.drafts-item-text{margin:8px 0;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(0,0,0,.42);color:#f0f0f0;font:13px/1.55 Arial,Helvetica,sans-serif;white-space:pre-wrap;word-break:break-word}
.drafts-item-actions{display:flex;gap:6px;margin-top:6px}

/* Settings collapse */
.agent-settings-collapse{margin-top:24px;padding:14px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(0,0,0,.32)}
.agent-settings-collapse>summary{cursor:pointer;font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#fff;list-style:none}
.agent-settings-collapse>summary::-webkit-details-marker{display:none}
.agent-settings-collapse[open]>summary{margin-bottom:12px}

/* Social v2.3 — budget guardrail strip (trunk step 2 runner responses) */
.budget-strip{margin-top:12px;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.45;font-weight:600}
.budget-strip[data-tone="warn"]{border:1px solid rgba(241,196,15,.42);background:rgba(150,110,0,.18);color:#f5d572}
.budget-strip[data-tone="exceeded"]{border:1px solid rgba(252,16,18,.5);background:rgba(164,0,0,.22);color:#ff8a8a}

/* Memory v1 — agent memory edit UI (/admin/agent/memory/) */
.memory-room{padding:clamp(18px,3.2vw,32px)}
.memory-add{margin-top:8px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(0,0,0,.34);padding:14px 18px}
.memory-add>summary{cursor:pointer;font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#fff;list-style:none}
.memory-add>summary::-webkit-details-marker{display:none}
.memory-add[open]>summary{margin-bottom:12px}
.memory-add-form{display:flex;flex-direction:column;gap:10px}
.memory-add-explainer{margin:0;font-size:13px;color:#bdbdbd;line-height:1.5}
.memory-add-actions{display:flex}
.memory-add-note{margin:0;padding:9px 12px;border-radius:10px;font-size:12px;line-height:1.45;border:1px solid rgba(255,255,255,.18);background:rgba(8,8,8,.46);color:#eee}
.memory-add-note[data-tone="warn"]{border-color:rgba(241,196,15,.42);background:rgba(150,110,0,.18);color:#f5d572}
.memory-add-note[data-tone="error"]{border-color:rgba(252,16,18,.42);background:rgba(164,0,0,.18);color:#fff}
.memory-field{display:flex;flex-direction:column;gap:6px}
.memory-field>span{font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9c9c9c}
.memory-field input,.memory-field select,.memory-field textarea{border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(0,0,0,.42);color:#fff;padding:9px 11px;font:inherit;font-size:13px}
.memory-field textarea{resize:vertical;min-height:64px}
.memory-field input:focus,.memory-field select:focus,.memory-field textarea:focus{border-color:var(--red2);outline:none}
.memory-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.memory-card{border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(20,0,0,.28) 45%,rgba(0,0,0,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 40px rgba(0,0,0,.4);padding:16px 18px}
.memory-card--retracted{opacity:.55}
.memory-card--retracted .memory-summary{text-decoration:line-through}
.memory-card--editing{border-color:var(--red2)}
.memory-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.memory-kind{font-family:"Arial Black",Arial,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.4);color:#fff}
.memory-kind--voice_preference{border-color:rgba(120,140,255,.5);color:#b8c3ff}
.memory-kind--boundary{border-color:rgba(252,16,18,.5);color:#ff8a8a}
.memory-kind--strategy_note{border-color:rgba(241,196,15,.5);color:#f5d572}
.memory-kind--approved_pattern{border-color:rgba(80,200,120,.5);color:#87e3a3}
.memory-kind--rejected_pattern{border-color:rgba(255,255,255,.22);color:#bdbdbd}
.memory-card-meta{font-size:11px;letter-spacing:.04em;color:#9c9c9c}
.memory-summary{margin:10px 0 0;font-size:14px;line-height:1.55;color:#f0f0f0;white-space:pre-wrap;word-break:break-word}
.memory-card-dates{margin:8px 0 0;font-size:11px;color:#888;letter-spacing:.02em}
.memory-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.memory-edit{display:flex;flex-direction:column;gap:10px}
.memory-edit-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}
.memory-edit-note{margin:0;font-size:11px;color:#9c9c9c;font-style:italic}
.memory-empty{margin:14px 0 0;padding:18px;border:1px dashed rgba(255,255,255,.22);border-radius:14px;color:#bdbdbd;font-size:13px;text-align:center;line-height:1.55}
@media(max-width:760px){.memory-edit-row{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.memory-edit-row{grid-template-columns:1fr}}

/* Profile v1 — company profile interview (/admin/agent/profile/) */
.profile-room{padding:clamp(18px,3.2vw,32px)}
.profile-current,.profile-interview,.profile-candidate{padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(20,0,0,.26) 45%,rgba(0,0,0,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 46px rgba(0,0,0,.42)}
.profile-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.profile-section-head h2{margin:2px 0 0;font-family:"Arial Black",Arial,sans-serif;font-size:22px;line-height:1.08;letter-spacing:.03em;text-transform:uppercase;color:#fff}
.profile-version-pill{margin:0;padding:8px 12px;border:1px solid rgba(252,16,18,.36);border-radius:999px;background:rgba(164,0,0,.16);font-family:"Arial Black",Arial,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#fff;white-space:nowrap}
.profile-small-note{margin:0;max-width:360px;color:#bdbdbd;font-size:12px;line-height:1.45;text-align:right}
.profile-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.profile-detail-card{min-height:104px;padding:14px 15px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(0,0,0,.34)}
.profile-detail-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.profile-detail-card li,.profile-empty-value{margin:0;color:#eee;font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.profile-empty-value{color:#8e8e8e;font-style:italic}
.profile-question-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.profile-question textarea{min-height:92px}
.profile-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.profile-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.profile-note-card{padding:14px 15px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(0,0,0,.34)}
.profile-note-card ul{margin:0;padding-left:18px;color:#ddd;font-size:13px;line-height:1.5}
.profile-revision-field{margin-top:14px}
@media(max-width:900px){.profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-question-list{grid-template-columns:1fr}.profile-section-head{flex-direction:column}.profile-small-note{text-align:left}.profile-version-pill{white-space:normal}}
@media(max-width:560px){.profile-detail-grid,.profile-notes-grid{grid-template-columns:1fr}.profile-current,.profile-interview,.profile-candidate{padding:16px}.profile-section-head h2{font-size:18px}}

/* Goals v1 — business goals (/admin/agent/goals/) */
.goals-room{padding:clamp(18px,3.2vw,32px)}
.goals-add{margin-top:8px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(0,0,0,.34);padding:14px 18px}
.goals-add>summary{cursor:pointer;font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#fff;list-style:none}
.goals-add>summary::-webkit-details-marker{display:none}
.goals-add[open]>summary{margin-bottom:12px}
.goals-add-form{display:flex;flex-direction:column;gap:10px}
.goals-add-explainer{margin:0;font-size:13px;color:#bdbdbd;line-height:1.5}
.goals-add-actions{display:flex}
.goals-add-note{margin:0;padding:9px 12px;border-radius:10px;font-size:12px;line-height:1.45;border:1px solid rgba(255,255,255,.18);background:rgba(8,8,8,.46);color:#eee}
.goals-add-note[data-tone="warn"]{border-color:rgba(241,196,15,.42);background:rgba(150,110,0,.18);color:#f5d572}
.goals-add-note[data-tone="error"]{border-color:rgba(252,16,18,.42);background:rgba(164,0,0,.18);color:#fff}
.goals-legend{margin:6px 0 0;font-size:12px;color:#9c9c9c;line-height:1.5}
.goals-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.goals-card{border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(20,0,0,.28) 45%,rgba(0,0,0,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 40px rgba(0,0,0,.4);padding:16px 18px}
.goals-card--closed{opacity:.62}
.goals-card--editing{border-color:var(--red2)}
.goals-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.goals-card-head h3{margin:0;flex:1 1 auto;font-family:"Arial Black",Arial,sans-serif;font-size:15px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.goals-status{font-family:"Arial Black",Arial,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.4);color:#fff;white-space:nowrap}
.goals-status--active{border-color:rgba(80,200,120,.5);color:#87e3a3}
.goals-status--paused{border-color:rgba(241,196,15,.5);color:#f5d572}
.goals-status--done{border-color:rgba(120,140,255,.5);color:#b8c3ff}
.goals-status--archived{border-color:rgba(255,255,255,.22);color:#bdbdbd}
.goals-desc{margin:10px 0 0;font-size:14px;line-height:1.55;color:#f0f0f0;white-space:pre-wrap;word-break:break-word}
.goals-meta{margin:8px 0 0;font-size:11px;color:#888;letter-spacing:.02em}
.goals-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.goals-edit{display:flex;flex-direction:column;gap:10px}
.goals-edit-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.goals-edit-note{margin:0;font-size:11px;color:#9c9c9c;font-style:italic}
.goals-archived{margin-top:6px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(0,0,0,.32);padding:14px 18px}
.goals-archived>summary{cursor:pointer;font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#fff;list-style:none}
.goals-archived>summary::-webkit-details-marker{display:none}
.goals-archived[open]>summary{margin-bottom:4px}
.goals-empty{margin:14px 0 0;padding:18px;border:1px dashed rgba(255,255,255,.22);border-radius:14px;color:#bdbdbd;font-size:13px;text-align:center;line-height:1.55}
@media(max-width:480px){.goals-edit-row{grid-template-columns:1fr}}

/* Leads v1 — lead follow-up (/admin/agent/leads/) */
.leads-room{padding:clamp(18px,3.2vw,32px)}
.leads-intro{margin:6px 0 0;font-size:12px;color:#9c9c9c;line-height:1.5}
.leads-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.leads-empty{margin:14px 0 0;padding:18px;border:1px dashed rgba(255,255,255,.22);border-radius:14px;color:#bdbdbd;font-size:13px;text-align:center;line-height:1.55}
.lead-card{border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(20,0,0,.28) 45%,rgba(0,0,0,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 40px rgba(0,0,0,.4);padding:16px 18px}
.lead-card--handled{opacity:.6}
.lead-card--open{border-color:var(--red2)}
.lead-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.lead-head h3{margin:0;flex:1 1 auto;font-family:"Arial Black",Arial,sans-serif;font-size:15px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.lead-handled-badge{font-family:"Arial Black",Arial,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid rgba(80,200,120,.5);color:#87e3a3;background:rgba(0,0,0,.4)}
.lead-meta{margin:8px 0 0;font-size:11px;color:#9c9c9c;letter-spacing:.02em}
.lead-message{margin:10px 0 0;font-size:13px;line-height:1.55;color:#dcdcdc;white-space:pre-wrap;word-break:break-word}
.lead-message--empty{color:#8e8e8e;font-style:italic}
.lead-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.lead-flow{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:12px}
.lead-flow-status{margin:0;font-size:13px;color:#bdbdbd}
.lead-flow-error{margin:0;padding:10px 12px;border:1px solid rgba(252,16,18,.42);border-radius:12px;background:rgba(164,0,0,.18);color:#fff;font-size:13px;line-height:1.45}
.lead-block{padding:14px 15px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(0,0,0,.34)}
.lead-block--reminder{border-color:rgba(241,196,15,.4);background:rgba(150,110,0,.16)}
.lead-block-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.lead-fit{font-family:"Arial Black",Arial,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.4);color:#fff;white-space:nowrap}
.lead-fit--ideal{border-color:rgba(80,200,120,.5);color:#87e3a3}
.lead-fit--bad{border-color:rgba(252,16,18,.5);color:#ff8a8a}
.lead-fit--unclear{border-color:rgba(255,255,255,.22);color:#bdbdbd}
.lead-summary-text{margin:0;font-size:14px;line-height:1.55;color:#f0f0f0;white-space:pre-wrap;word-break:break-word}
.lead-next-action{margin:10px 0 0;font-size:13px;line-height:1.5;color:#dcdcdc}
.lead-next-action strong,.lead-draft-subject strong{color:var(--red2);font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.lead-reminder-text{margin:0;font-size:14px;line-height:1.5;color:#f0f0f0}
.lead-reminder-note{margin:8px 0 0;font-size:11px;color:#bdbdbd;font-style:italic}
.lead-truth-list{margin:0;padding-left:18px;color:#ddd;font-size:13px;line-height:1.5}
.lead-draft{display:flex;flex-direction:column;gap:8px}
.lead-draft-subject{margin:0;font-size:13px;color:#dcdcdc}
.lead-draft-body{margin:0;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(0,0,0,.42);color:#f0f0f0;font:inherit;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
.lead-draft-cta{margin:0;font-size:13px;color:#dcdcdc;font-style:italic}
.lead-draft-why{margin:0;font-size:12px;color:#bdbdbd}
.lead-draft-why>summary{cursor:pointer;color:#fff;font-family:"Arial Black",Arial,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;list-style:none}
.lead-draft-why>summary::-webkit-details-marker{display:none}
.lead-draft-why p{margin:6px 0 0;line-height:1.5}
.lead-decided{margin:4px 0 0;font-size:13px;line-height:1.5;color:#bdbdbd}
.lead-decided--approved{color:#87e3a3}
.lead-revise{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.lead-revise-buttons{display:flex;flex-wrap:wrap;gap:8px}
.lead-decide{margin-top:4px}

/* Chat v1 — Ask the Command Center (/admin/agent/chat/) */
.chat-room{padding:clamp(18px,3.2vw,32px)}
.chat-section{display:flex;flex-direction:column;gap:14px}
.chat-block-label{margin:0 0 6px;font-family:"Arial Black",Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red2)}
.chat-starters{padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(0,0,0,.34)}
.chat-starter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.chat-starter{text-align:left;padding:10px 13px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(0,0,0,.4);color:#e6e6e6;font:inherit;font-size:13px;line-height:1.4;cursor:pointer;transition:.2s var(--ease)}
.chat-starter:hover,.chat-starter:focus-visible{border-color:var(--red2);color:#fff;background:rgba(40,0,0,.5);outline:none}
.chat-log{display:flex;flex-direction:column;gap:12px}
.chat-turn{display:flex}
.chat-turn--user{justify-content:flex-end}
.chat-turn--assistant{justify-content:flex-start}
.chat-bubble{max-width:84%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(20,0,0,.28) 45%,rgba(0,0,0,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 14px 34px rgba(0,0,0,.38)}
.chat-turn--user .chat-bubble{max-width:76%;border-color:rgba(252,16,18,.4);background:linear-gradient(150deg,rgba(252,16,18,.16),rgba(60,0,0,.6));color:#fff}
.chat-bubble--error{border-color:rgba(252,16,18,.45);background:rgba(164,0,0,.2)}
.chat-answer{margin:0;font-size:14px;line-height:1.6;color:#f1f1f1;white-space:pre-wrap;word-break:break-word}
.chat-meta{margin:8px 0 0;font-size:11px;letter-spacing:.04em;color:#9c9c9c;text-transform:capitalize}
.chat-thinking{color:#bdbdbd;font-size:13px}
.chat-caveats,.chat-actions-block,.chat-route,.chat-memo{margin-top:12px;padding:12px 13px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(0,0,0,.36)}
.chat-caveats ul,.chat-actions-block ul{margin:0;padding-left:18px;color:#ddd;font-size:13px;line-height:1.5}
.chat-route-reason{margin:0 0 8px;font-size:13px;line-height:1.5;color:#dcdcdc}
.chat-route-plain{margin:0;font-size:13px;color:#bdbdbd}
.chat-memo--ignored{opacity:.55}
.chat-memo-content{margin:0;font-size:13px;line-height:1.55;color:#f0f0f0;white-space:pre-wrap;word-break:break-word}
.chat-memo-meta{margin:6px 0 0;font-size:11px;color:#9c9c9c;letter-spacing:.02em}
.chat-memo-err{margin:6px 0 0;font-size:12px;color:#ff8a8a}
.chat-memo-done{margin:6px 0 0;font-size:12px;color:#87e3a3;font-style:italic}
.chat-memo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chat-memo-edit{width:100%;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(0,0,0,.5);color:#fff;padding:9px 11px;font:inherit;font-size:13px;resize:vertical;min-height:64px}
.chat-memo-edit:focus{border-color:var(--red2);outline:none}
.chat-input-row{position:sticky;bottom:10px;display:flex;gap:10px;align-items:flex-end;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(8,2,2,.92);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.chat-input{flex:1 1 auto;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(0,0,0,.5);color:#fff;padding:10px 12px;font:inherit;font-size:14px;line-height:1.5;resize:vertical;min-height:48px}
.chat-input:focus{border-color:var(--red2);outline:none}
.chat-input-row .btn{flex:0 0 auto}
@media(max-width:560px){.chat-starter-grid{grid-template-columns:1fr}.chat-bubble,.chat-turn--user .chat-bubble{max-width:100%}}

/* ===================================================================
   Admin / Command Center — responsive overrides (2026-05-23)
   Placed at end-of-file so the cascade beats the earlier unconditional
   3-column .admin-card-grid rule. Phone-first tightening across the
   dashboard, login, and shared sub-page chrome.
   =================================================================== */
@media (max-width:760px){
  .admin-shell{width:calc(100% - 16px);padding:18px 0 60px}
  .admin-login-card,.admin-dashboard{border-radius:18px;padding:20px 16px}
  .admin-login-card{margin-top:5vh;max-width:none}
  .admin-login-card h1,.admin-dashboard h1{
    font-size:clamp(20px,6vw,28px);
    word-break:break-word;overflow-wrap:break-word;
    margin:10px 0 12px;line-height:1.05;
  }
  .admin-login-card p,.admin-dashboard p{font-size:14.5px;line-height:1.5;overflow-wrap:break-word;word-wrap:break-word}
  .admin-dashboard{padding:18px}
  .admin-dashboard-head{
    display:flex;flex-direction:column;align-items:stretch;
    gap:12px;margin-bottom:18px;
  }
  .admin-dashboard-head h1{font-size:clamp(22px,6.6vw,30px);margin:6px 0}
  .admin-brand--head{width:48px;height:36px}
  .admin-brand--login{width:60px;height:45px}
  .admin-actions{flex-wrap:wrap;justify-content:flex-start;width:100%;gap:8px}
  .admin-actions .btn{min-height:40px;padding:9px 14px;font-size:11px;letter-spacing:.14em}
  .admin-sub{font-size:14px}
  .admin-session{font-size:12px}
  /* The big one — 1 column on phones. Later in the file = wins. */
  .admin-card-grid{grid-template-columns:1fr;gap:12px;margin:14px 0 24px}
  .admin-card{padding:18px;border-radius:16px;gap:8px}
  .admin-card-stat{font-size:22px}
  .admin-card-meta{font-size:13.5px;line-height:1.5}
  .admin-card-link{font-size:11.5px;letter-spacing:.16em}
  .admin-card-actions{margin-top:8px;gap:8px}
  .admin-card-actions .btn{min-height:38px;padding:8px 14px;font-size:11px}
  /* Sub-page grids — settings / opportunities collapse to 1 col */
  .settings-grid,.opportunity-grid{grid-template-columns:1fr;gap:10px}
  /* Back links */
  .admin-back-link{margin-bottom:14px;font-size:11px;letter-spacing:.14em}
  /* Tag chips inside cards — slightly tighter */
  .admin-card-tags li{font-size:10px;letter-spacing:.13em;padding:4px 8px}
}

@media (max-width:480px){
  .admin-shell{width:calc(100% - 12px);padding:12px 0 48px}
  .admin-login-card,.admin-dashboard{padding:18px 14px;border-radius:14px}
  .admin-login-card h1,.admin-dashboard h1{font-size:clamp(20px,7.4vw,26px)}
  .admin-card{padding:16px;border-radius:14px}
  .admin-card-stat{font-size:20px}
  .admin-card-link{font-size:11px}
}

/* Attention Map v1 — percentages-first work allocation dashboard */
.attention-room{padding:clamp(18px,3.2vw,32px)}
.attention-head{align-items:flex-start}
.attention-period{min-width:178px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(0,0,0,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);text-align:left}
.attention-period span,.attention-period small{display:block;color:#9c9c9c;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.attention-period strong{display:block;margin:4px 0;font-family:"Arial Black",Arial,sans-serif;font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.attention-hero-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:14px;margin-top:18px}
.attention-hero-card,.attention-panel{border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.052),rgba(20,0,0,.26) 45%,rgba(0,0,0,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 46px rgba(0,0,0,.42);backdrop-filter:blur(10px)}
.attention-hero-card{position:relative;overflow:hidden;min-height:190px;padding:20px}
.attention-hero-card--primary{display:grid;grid-template-columns:minmax(0,1fr) 152px;gap:16px;align-items:center}
.attention-big-number{display:block;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(58px,8vw,96px);line-height:.85;color:#fff;letter-spacing:-.06em;text-shadow:0 0 28px rgba(252,16,18,.18)}
.attention-big-label,.attention-hero-card p{margin:8px 0 0;color:#dcdcdc;font-size:13px;line-height:1.55}
.attention-stat{display:block;margin-top:16px;font-family:"Arial Black",Arial,sans-serif;font-size:30px;line-height:1.05;color:#fff;text-transform:uppercase;letter-spacing:.02em}.attention-warn{color:#f5d572}
.attention-hero-card meter{width:100%;height:12px;margin-top:16px;accent-color:var(--red2)}
.attention-donut{width:144px;height:144px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#fc1012 0 var(--a),#87e3a3 0 var(--b),#f5d572 0 var(--c),#d3bfff 0 100%);box-shadow:0 0 38px rgba(252,16,18,.14)}
.attention-donut:before{content:"";position:absolute;width:92px;height:92px;border-radius:50%;background:#080808;border:1px solid rgba(255,255,255,.10)}
.attention-donut span{position:relative;font-family:"Arial Black",Arial,sans-serif;font-size:18px;color:#fff}
.attention-panel{padding:20px}
.attention-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.attention-section-head h2{margin:4px 0 0;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(20px,2.5vw,30px);line-height:1.08;letter-spacing:.03em;text-transform:uppercase;color:#fff}
.attention-section-head>p{max-width:320px;margin:0;color:#9c9c9c;font-size:12px;line-height:1.45;text-align:right}
.attention-bar-list{display:flex;flex-direction:column;gap:12px}
.attention-bar-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.1fr) 92px;gap:14px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,0,0,.30)}
.attention-bar-copy strong{display:block;color:#fff;font-family:"Arial Black",Arial,sans-serif;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.attention-bar-copy span{display:block;margin-top:4px;color:#bdbdbd;font-size:12px;line-height:1.45}
.attention-bar-visual{position:relative;height:16px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.attention-bar-visual span{display:block;width:calc(var(--bar)*1%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.72));box-shadow:0 0 22px color-mix(in srgb,var(--accent) 45%,transparent)}.attention-bar-visual i{position:absolute;left:calc(var(--target)*1%);top:-4px;width:2px;height:24px;background:#fff;opacity:.8}.attention-bar-number{text-align:right}.attention-bar-number strong{display:block;font-family:"Arial Black",Arial,sans-serif;font-size:22px;color:#fff}.attention-bar-number span{display:block;color:#9c9c9c;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.attention-split-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.attention-split-grid--bottom{grid-template-columns:1fr 1fr}.attention-contributor-list{display:flex;flex-direction:column;gap:12px}.attention-contributor-card{padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,0,0,.30)}.attention-contributor-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.attention-contributor-head strong{font-family:"Arial Black",Arial,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.06em}.attention-contributor-head span{color:#9c9c9c;font-size:12px;text-align:right}.attention-stack{height:18px;display:flex;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.attention-stack span{display:block;height:100%}.attention-mini-labels{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.attention-mini-labels span{font-size:11px;color:#dcdcdc}.attention-mini-labels span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dot);margin-right:5px}
.attention-load-grid{display:grid;grid-template-columns:1fr;gap:12px}.attention-load-card{padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,0,0,.30)}.attention-load-card>strong{display:block;margin-bottom:10px;font-family:"Arial Black",Arial,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.06em}.attention-load-person{display:grid;grid-template-columns:86px 1fr 42px;gap:8px;align-items:center;margin-top:7px;color:#dcdcdc;font-size:12px}.attention-load-person i{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.attention-load-person b{display:block;width:calc(var(--load)*1%);height:100%;border-radius:inherit;background:var(--accent)}.attention-load-person em{font-style:normal;text-align:right;color:#fff}
.attention-trend{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end;min-height:260px}.attention-trend-col{display:flex;flex-direction:column;align-items:center;gap:10px}.attention-trend-stack{width:min(100%,92px);height:210px;display:flex;flex-direction:column-reverse;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;background:rgba(0,0,0,.34)}.attention-trend-seg{display:block;width:100%}.attention-trend-seg--pipeline{background:#fc1012}.attention-trend-seg--client{background:#87e3a3}.attention-trend-seg--infra{background:#f5d572}.attention-trend-seg--brand{background:#d3bfff}.attention-trend-col strong{font-size:11px;color:#dcdcdc;text-transform:uppercase;letter-spacing:.08em;text-align:center}
.attention-flags{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.attention-flags li{padding:14px;border-left:3px solid var(--red2);border-radius:10px;background:rgba(0,0,0,.32)}.attention-flags strong{display:block;color:#fff;font-family:"Arial Black",Arial,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.attention-flags span{display:block;margin-top:6px;color:#dcdcdc;font-size:13px;line-height:1.5}.attention-source-list{display:flex;flex-direction:column;gap:10px}.attention-source-list p{margin:0;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(0,0,0,.30)}.attention-source-list strong{display:block;color:#fff;font-family:"Arial Black",Arial,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.attention-source-list span{display:block;margin-top:5px;color:#bdbdbd;font-size:13px;line-height:1.45}
@media(max-width:980px){.attention-period{min-width:0}.attention-hero-grid,.attention-split-grid,.attention-split-grid--bottom{grid-template-columns:1fr}.attention-hero-card--primary{grid-template-columns:1fr}.attention-donut{width:132px;height:132px}.attention-section-head{display:block}.attention-section-head>p{text-align:left;margin-top:8px}.attention-bar-row{grid-template-columns:1fr}.attention-bar-number{text-align:left}.attention-trend{gap:10px}.attention-contributor-head{display:block}.attention-contributor-head span{text-align:left;display:block;margin-top:4px}}
@media(max-width:560px){.attention-room{padding:16px}.attention-hero-card,.attention-panel{padding:16px;border-radius:16px}.attention-big-number{font-size:64px}.attention-trend{grid-template-columns:repeat(2,1fr)}.attention-trend-stack{height:170px}.attention-load-person{grid-template-columns:72px 1fr 38px}.attention-period strong{font-size:17px}}