:root{--ink:#f5f8ff;--muted:#aebbd0;--blue:#5ba5ff;--blue2:#7ec3ff;--navy:#061225;--navy2:#0b203d;--panel:#0d2546;--line:rgba(143,190,255,.18);--max:1180px;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 82% 8%,rgba(34,114,214,.24),transparent 28%),radial-gradient(circle at 10% 38%,rgba(52,131,230,.09),transparent 32%);pointer-events:none;z-index:-1}a{color:inherit}.skip{position:absolute;left:-999px;top:1rem}.skip:focus{left:1rem;background:#fff;color:#00152e;padding:.75rem 1rem;z-index:20}.site-header{height:80px;display:flex;align-items:center;gap:2rem;max-width:var(--max);margin:auto;padding:0 1.5rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:700;letter-spacing:.03em}.brand img{width:36px;height:36px;object-fit:cover;border-radius:9px}.site-header nav{display:flex;gap:1.6rem;margin-left:auto}.site-header nav a{text-decoration:none;color:var(--muted);font-size:.94rem}.site-header nav a:hover{color:var(--ink)}.header-cta{border:1px solid rgba(126,195,255,.45);padding:.65rem 1rem;border-radius:999px;text-decoration:none;font-weight:700;font-size:.9rem}.menu{display:none}.hero{max-width:var(--max);margin:auto;padding:6.8rem 1.5rem 5.5rem;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:5rem;min-height:720px}.kicker{color:var(--blue2);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800;margin:0 0 1.25rem}.hero h1{font-size:clamp(3rem,6vw,5.7rem);letter-spacing:-.055em;line-height:.96;margin:0;max-width:820px}.lede{font-size:1.18rem;color:var(--muted);max-width:650px;margin:1.8rem 0}.actions{display:flex;gap:.9rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.8rem 1.15rem;border-radius:12px;text-decoration:none;font-weight:800;border:0;font-size:.95rem;cursor:pointer}.primary{background:linear-gradient(135deg,var(--blue),#96d2ff);color:#03142b;box-shadow:0 12px 36px rgba(91,165,255,.18)}.ghost{border:1px solid var(--line);color:var(--ink)}.trust{display:flex;gap:1.5rem;flex-wrap:wrap;padding:0;margin:2.2rem 0 0;list-style:none;color:var(--muted);font-size:.86rem}.trust li:before{content:"✓";color:var(--blue2);margin-right:.45rem}.system-preview{background:linear-gradient(160deg,rgba(17,49,89,.96),rgba(5,20,42,.96));border:1px solid rgba(126,195,255,.25);border-radius:32px;padding:1.1rem;box-shadow:0 34px 80px rgba(0,0,0,.38);transform:rotate(1.5deg);position:relative}.system-preview:after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(126,195,255,.35);border-radius:28px;right:-26px;top:-30px;z-index:-1}.preview-top{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.83rem;padding:.25rem .3rem 1.1rem}.preview-top strong{margin-left:auto;color:var(--ink)}.live-dot{width:9px;height:9px;background:#56e59a;border-radius:50%;box-shadow:0 0 0 5px rgba(86,229,154,.1)}.conversation{background:#07172d;border-radius:20px;padding:1.1rem;min-height:310px;display:flex;flex-direction:column;gap:1rem;justify-content:center}.message{max-width:82%;padding:.9rem 1rem;border-radius:16px;font-size:.94rem}.message.customer{background:#18395f;align-self:flex-end}.message.ai{background:linear-gradient(145deg,#1763ad,#1f78c5);align-self:flex-start}.message small{display:block;color:#d6ebff;font-weight:800;margin-bottom:.3rem}.lead-card{display:flex;justify-content:space-between;align-items:center;padding:1.2rem .7rem .2rem;gap:1rem}.lead-card div{display:flex;flex-direction:column}.lead-card small{color:var(--muted)}.lead-card span{color:var(--blue2);font-size:.83rem;font-weight:800}.band{max-width:var(--max);margin:0 auto 3rem;padding:1.4rem 1.5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.7fr 1fr 1fr 1fr;gap:2rem}.band>p{color:var(--blue2);font-weight:800}.band div{display:flex;flex-direction:column;gap:.35rem}.band span{color:var(--muted);font-size:.9rem}.section{max-width:var(--max);margin:auto;padding:6rem 1.5rem}.section-heading{max-width:680px}.section-heading h2,.contact-section h2{font-size:clamp(2.35rem,4.3vw,4rem);line-height:1.02;letter-spacing:-.04em;margin:0}.section-heading>p:last-child,.contact-section>div>p{color:var(--muted);font-size:1.05rem}.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3rem}.package-card{background:rgba(12,35,67,.72);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem;min-height:330px;display:flex;flex-direction:column;animation:rise .55s ease both;animation-delay:var(--delay)}.package-card:nth-child(5){grid-column:1/-1}.package-number{font-size:.78rem;color:var(--blue2);letter-spacing:.15em}.package-card>p{color:var(--muted);font-size:.83rem;margin-top:auto}.package-card h3{font-size:1.75rem;margin:.2rem 0}.package-card>strong{font-size:1.05rem;max-width:520px}.package-card ul{color:var(--muted);padding-left:1.1rem}.package-card>a,.care-card>a{margin-top:auto;color:var(--blue2);font-weight:800;text-decoration:none}.custom-card{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:1rem;padding:2rem;border-radius:var(--radius);background:linear-gradient(115deg,#0f4680,#12325a);border:1px solid rgba(126,195,255,.25)}.custom-card h3{font-size:2rem;margin:.2rem 0}.custom-card p{color:#c5d8ec;max-width:650px}.split-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:6rem}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:1.4rem;padding:1.4rem 0;border-bottom:1px solid var(--line)}.steps li>span{color:var(--blue2);font-weight:800}.steps strong{font-size:1.15rem}.steps p{color:var(--muted);margin:.35rem 0}.care-section{background:linear-gradient(180deg,transparent,rgba(13,37,70,.35),transparent)}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.care-card{border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem;min-height:250px;display:flex;flex-direction:column}.care-card.featured{background:#0f3159;border-color:rgba(126,195,255,.45);transform:translateY(-12px)}.care-card>span{color:var(--blue2);font-size:.8rem;letter-spacing:.15em}.care-card h3{font-size:1.55rem}.care-card p{color:var(--muted)}.proof{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.proof-panel{border:1px solid var(--line);border-radius:var(--radius);padding:2.2rem;background:rgba(13,37,70,.65)}.proof-panel span{color:var(--blue2);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.proof-panel strong{display:block;font-size:1.55rem;margin:1rem 0}.proof-panel p{color:var(--muted)}.contact-section{max-width:var(--max);margin:4rem auto 0;padding:4rem 1.5rem 6rem;display:grid;grid-template-columns:.85fr 1.15fr;gap:5rem}.plain-link{color:var(--blue2);font-weight:800}.contact-section form{background:rgba(13,37,70,.8);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;display:grid;gap:1rem}.contact-section label{display:grid;gap:.4rem;color:#d9e6f7;font-size:.88rem;font-weight:700}.contact-section input,.contact-section select,.contact-section textarea{width:100%;background:#081a32;border:1px solid rgba(143,190,255,.24);color:var(--ink);padding:.85rem .9rem;border-radius:10px;font:inherit}.contact-section textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start}.consent input{width:auto;margin-top:.32rem}.form-note{color:var(--muted);font-size:.8rem;margin:0}footer{max-width:var(--max);margin:auto;padding:2rem 1.5rem 3rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:1rem;color:var(--muted)}footer>div{display:flex;justify-content:flex-end;gap:1.2rem}footer small{grid-column:1/-1}dialog{max-width:720px;width:calc(100% - 2rem);max-height:86vh;overflow:auto;background:#0a1d37;color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:2.2rem}dialog::backdrop{background:rgba(0,7,18,.8)}dialog h1{font-size:2.8rem}dialog h2{margin-top:1.8rem}dialog p{color:var(--muted)}dialog .close{float:right;background:#18395f;color:var(--ink);border:0;border-radius:999px;padding:.65rem 1rem;cursor:pointer}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:850px){.site-header{height:70px}.menu{display:block;margin-left:auto;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:.5rem .7rem}.site-header nav{display:none;position:absolute;left:1rem;right:1rem;top:70px;background:#0b203d;padding:1rem;border:1px solid var(--line);border-radius:12px;z-index:10}.site-header nav.open{display:grid}.header-cta{display:none}.hero{grid-template-columns:1fr;gap:3rem;padding-top:4.5rem}.system-preview{max-width:560px;transform:none}.band{grid-template-columns:1fr 1fr}.band>p{grid-column:1/-1}.split-section,.proof,.contact-section{grid-template-columns:1fr;gap:2.5rem}.care-grid{grid-template-columns:1fr}.care-card.featured{transform:none}.contact-section{margin-top:0}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start;flex-wrap:wrap}footer small{grid-column:auto}}@media(max-width:560px){.brand span{font-size:.92rem}.hero{min-height:auto;padding:4rem 1rem}.hero h1{font-size:3rem}.actions{display:grid}.button{width:100%}.trust{display:grid;gap:.55rem}.system-preview{padding:.75rem;border-radius:23px}.conversation{min-height:260px}.band{grid-template-columns:1fr;margin:0 1rem;padding-inline:0}.package-grid{grid-template-columns:1fr}.package-card:nth-child(5){grid-column:auto}.custom-card{align-items:flex-start;flex-direction:column}.section{padding:4.5rem 1rem}.form-row{grid-template-columns:1fr}.contact-section{padding:4rem 1rem}.contact-section form{padding:1rem}footer{padding-inline:1rem}}

/* Bizi Systems public site expansion */
.brand img{width:54px;height:54px;border-radius:14px;box-shadow:0 0 28px rgba(91,165,255,.3)}.brand span{font-size:1.08rem}.site-header>.brand{margin-right:.5rem}.site-header nav{gap:1.25rem}.site-header nav a.active{color:var(--ink)}
.hero-visual{position:relative;min-height:610px}.hero-visual>img{width:100%;height:610px;object-fit:cover;object-position:center;border-radius:34px;border:1px solid rgba(126,195,255,.28);box-shadow:0 30px 80px rgba(0,0,0,.38)}.hero-visual .system-preview{position:absolute;left:-2rem;right:2rem;bottom:-2rem;transform:none;padding:.8rem;border-radius:24px}.hero-visual .conversation{min-height:190px;padding:.8rem}.hero-visual .message{font-size:.82rem;padding:.7rem .8rem}.hero-visual .lead-card{padding:.8rem .5rem 0}
.section-link{display:inline-flex;margin-top:1.5rem;color:var(--blue2);font-weight:800;text-decoration:none}.section-link:after{content:"→";margin-left:.5rem}.home-services{padding-top:7rem}.service-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.5rem}.service-preview a{min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);border-radius:20px;padding:1.4rem;background:linear-gradient(145deg,rgba(19,55,99,.76),rgba(6,18,37,.65));font-size:1.15rem;font-weight:800;text-decoration:none}.service-preview span{display:block;color:var(--muted);font-size:.88rem;font-weight:500;margin-top:.45rem}
.proof-photo{position:relative}.proof-photo>img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:28px;border:1px solid var(--line)}.proof-photo .proof-panel{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;background:rgba(5,20,42,.92);backdrop-filter:blur(12px);padding:1.25rem}.team-section{border-top:1px solid var(--line)}.team-grid{margin-top:2.5rem}.team-intro{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;padding:2rem;border:1px solid var(--line);border-radius:24px;background:rgba(13,37,70,.66)}.team-mark{width:86px;height:86px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#1d70c1,#79c0ff);color:#061225;font-size:2.2rem;font-weight:900}.team-intro h3{font-size:1.6rem;margin:0}.team-intro p,.team-intro small{color:var(--muted)}
.page-hero{max-width:var(--max);margin:auto;padding:6rem 1.5rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.page-hero.compact{padding-bottom:2rem}.page-hero.text-only{grid-template-columns:1fr;max-width:900px}.page-hero h1,.page-contact h1{font-size:clamp(3rem,6vw,5.4rem);line-height:.96;letter-spacing:-.05em;margin:.2rem 0 1.5rem}.page-hero p{color:var(--muted);font-size:1.1rem;max-width:650px}.page-hero img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:30px;border:1px solid var(--line)}.standalone{max-width:calc(var(--max) - 3rem);margin:2rem auto 7rem}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.service-card{display:flex;flex-direction:column;min-height:360px;border:1px solid var(--line);border-radius:22px;padding:1.5rem;background:rgba(12,35,67,.72)}.service-card>span{color:var(--blue2);font-size:.78rem;letter-spacing:.15em}.service-card h3{font-size:1.45rem;line-height:1.1;margin:2rem 0 .8rem}.service-card p{color:var(--muted)}.service-card strong{font-size:.94rem}.service-card a{margin-top:auto;color:var(--blue2);text-decoration:none;font-weight:800}.service-demo{display:grid;grid-template-columns:1fr .8fr;gap:4rem;align-items:center}.service-demo h2{font-size:clamp(2.3rem,4vw,3.7rem);line-height:1}.service-demo p{color:var(--muted)}.demo-switch{display:grid;grid-template-columns:1fr 1.4fr;border:1px solid var(--line);border-radius:22px;overflow:hidden}.demo-switch span,.demo-switch strong{padding:1rem;border-bottom:1px solid var(--line)}.demo-switch span{color:var(--muted);background:#081a32}.demo-switch strong{background:#10365f}
.portfolio-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;margin-top:3rem}.portfolio-card{padding:1.5rem;border:1px solid var(--line);border-radius:24px;background:rgba(13,37,70,.72)}.portfolio-card>p{color:var(--muted)}.portfolio-card h3{font-size:1.8rem}.portfolio-image{min-height:250px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:16px;background:linear-gradient(145deg,#143f70,#07182f)}.portfolio-image strong{font-size:5rem;color:rgba(126,195,255,.8)}.portfolio-image span{position:absolute;top:1rem;left:1rem;background:#0a213e;padding:.4rem .65rem;border-radius:999px;font-size:.75rem}.testimonial-empty{display:flex;flex-direction:column;justify-content:center}.proof-callout{border:1px solid var(--line);border-radius:28px;background:linear-gradient(120deg,#0e4278,#0b2547);margin-bottom:6rem}.proof-callout h2{font-size:2.5rem;margin:0}.proof-callout p{color:#c5d8ec}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.values-grid article{border:1px solid var(--line);border-radius:22px;padding:1.5rem}.values-grid span{color:var(--blue2)}.values-grid h2{font-size:1.35rem}.values-grid p,.capability-list p{color:var(--muted)}.capability-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.capability-list p{margin:0;border:1px solid var(--line);border-radius:14px;padding:1rem}.page-contact{padding-top:6rem}.legal-page{max-width:780px;margin:auto;padding:7rem 1.5rem}.legal-page h1{font-size:clamp(3rem,6vw,5rem);letter-spacing:-.05em}.legal-page h2{margin-top:2rem}.legal-page p{color:var(--muted)}
.chat-launch{position:fixed;right:1.25rem;bottom:1.25rem;z-index:30;display:grid;grid-template-columns:auto 1fr;column-gap:.65rem;text-align:left;align-items:center;background:#eaf5ff;color:#07182f;border:0;border-radius:18px;padding:.8rem 1rem;box-shadow:0 16px 44px rgba(0,0,0,.36);cursor:pointer}.chat-launch b,.chat-launch small{grid-column:2}.chat-launch small{font-size:.72rem;color:#36536e}.ai-pulse{grid-row:1/3;width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#1c78cc,#79c7ff);box-shadow:0 0 0 5px rgba(91,165,255,.16)}.chat-widget{position:fixed;right:1.25rem;bottom:1.25rem;width:min(380px,calc(100vw - 2rem));height:min(600px,calc(100vh - 2rem));z-index:40;background:#07182f;border:1px solid rgba(126,195,255,.35);border-radius:24px;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.48)}.chat-widget[hidden]{display:none}.chat-widget header{height:74px;padding:1rem;background:#0e3158;display:flex;align-items:center;justify-content:space-between}.chat-widget header div{display:grid}.chat-widget header small{color:#aecdde}.chat-widget header button{background:transparent;border:0;color:white;font-size:1.5rem}.chat-messages{height:calc(100% - 140px);padding:1rem;overflow:auto;display:flex;flex-direction:column;gap:.75rem}.chat-messages p{margin:0;padding:.75rem .9rem;border-radius:15px;max-width:88%;font-size:.9rem}.chat-messages .bot{background:#113961;align-self:flex-start}.chat-messages .visitor{background:#267bc2;align-self:flex-end}.quick-replies{display:flex;flex-wrap:wrap;gap:.4rem}.quick-replies button{background:#0b2547;color:#cfe7ff;border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem;cursor:pointer}.chat-widget form{height:66px;display:flex;gap:.5rem;padding:.7rem;border-top:1px solid var(--line)}.chat-widget input{flex:1;background:#0b2547;color:white;border:1px solid var(--line);border-radius:12px;padding:.7rem}.chat-widget form button{background:var(--blue);color:#061225;border:0;border-radius:12px;font-weight:800;padding:.6rem .8rem}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:2.5rem}.hero-visual{min-height:540px}.hero-visual>img{height:540px}}
@media(max-width:850px){.page-hero,.service-demo{grid-template-columns:1fr}.page-hero{padding-top:4rem}.service-grid{grid-template-columns:1fr 1fr}.portfolio-grid,.values-grid{grid-template-columns:1fr}.hero-visual .system-preview{left:1rem;right:1rem}.proof-photo .proof-panel{position:relative;left:auto;right:auto;bottom:auto;margin-top:-2rem}.site-header nav{gap:.9rem}}
@media(max-width:560px){.brand img{width:46px;height:46px}.hero-visual{min-height:520px}.hero-visual>img{height:460px}.hero-visual .system-preview{bottom:0}.service-preview,.service-grid{grid-template-columns:1fr}.page-hero{padding-inline:1rem}.page-hero h1,.page-contact h1{font-size:3.1rem}.team-intro{grid-template-columns:1fr}.capability-list{grid-template-columns:1fr}.chat-launch{left:1rem;right:1rem}.standalone{margin-inline:1rem}}

/* Service imagery and interactive demo platform */
.card-image{width:calc(100% + 3rem);height:190px;object-fit:cover;margin:-1.5rem -1.5rem 1.25rem;border-radius:21px 21px 0 0;border-bottom:1px solid var(--line)}.package-card .card-image{height:240px}.package-card{overflow:hidden}.package-card>p{margin-top:.8rem}.service-card{overflow:hidden}.service-card h3{margin-top:1.3rem}.card-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:auto;padding-top:1.2rem}.card-actions a{color:var(--blue2);text-decoration:none;font-weight:800}.card-actions a:first-child{background:#eaf5ff;color:#07182f;border-radius:10px;padding:.65rem .8rem}.legal-intro{font-size:1.15rem;color:#d8e7f6!important;border-left:3px solid var(--blue);padding-left:1rem}.legal-page section{padding-top:.2rem}.legal-page section p{line-height:1.75}
.demo-page{min-height:100vh}.demo-hero{max-width:var(--max);margin:auto;padding:4rem 1.5rem 2.5rem;display:grid;grid-template-columns:1fr .7fr;gap:3rem;align-items:center}.demo-hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:.96;letter-spacing:-.05em;margin:.2rem 0 1.4rem}.demo-hero p{color:var(--muted);font-size:1.05rem}.demo-hero img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:26px;border:1px solid var(--line)}.demo-workspace{max-width:var(--max);margin:0 auto 4rem;padding:1rem;display:grid;grid-template-columns:280px 1fr;gap:1rem;background:rgba(13,37,70,.48);border:1px solid var(--line);border-radius:28px}.demo-workspace aside{background:#07182f;border-radius:20px;padding:1.2rem;display:flex;flex-direction:column;gap:1rem}.demo-workspace label{display:grid;gap:.4rem;color:var(--muted);font-size:.82rem;font-weight:800}.demo-workspace select{width:100%;background:#10345d;color:white;border:1px solid var(--line);border-radius:10px;padding:.75rem;font:inherit}.view-switch{display:grid;gap:.4rem;margin-top:.5rem}.view-switch button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:.65rem;text-align:left}.view-switch button.active{background:#eaf5ff;color:#07182f;font-weight:800}.back-link{color:var(--blue2);margin-top:auto}.demo-stage{background:linear-gradient(145deg,#0d2c50,#081a32);border-radius:20px;padding:2rem;min-height:560px}.demo-stage h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;max-width:760px}.demo-input{margin:2rem 0;padding:1.2rem;background:#061426;border:1px solid var(--line);border-radius:16px}.demo-input span{color:var(--blue2);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.demo-input p{font-size:1.05rem}.demo-result{margin-top:1.5rem}.run-status{display:flex;align-items:center;gap:.6rem;color:#82efb3;font-weight:800}.run-status span{width:10px;height:10px;background:#56e59a;border-radius:50%;box-shadow:0 0 0 5px rgba(86,229,154,.1)}.demo-result ol{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.demo-result li{display:flex;gap:.7rem;padding:.9rem;background:#0b2547;border-radius:12px}.demo-result li span{color:var(--blue2);font-weight:900}.demo-output{display:grid;gap:.3rem;margin-top:1rem;padding:1.2rem;background:linear-gradient(115deg,#1763ad,#164c80);border-radius:14px}.demo-output small{text-transform:uppercase;letter-spacing:.12em}.demo-next{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid var(--line)}.demo-next h2{font-size:2.4rem;line-height:1.05;margin:.2rem 0}.demo-next p{color:var(--muted);max-width:700px}
@media(max-width:850px){.demo-hero,.demo-workspace{grid-template-columns:1fr}.demo-workspace aside{display:grid;grid-template-columns:1fr 1fr}.view-switch,.back-link{grid-column:1/-1}.demo-next{display:grid}.package-card .card-image{height:220px}}
@media(max-width:560px){.demo-hero{grid-template-columns:1fr;padding:3rem 1rem 2rem}.demo-hero h1{font-size:3rem}.demo-workspace{margin:0 1rem 3rem;padding:.55rem}.demo-workspace aside{grid-template-columns:1fr}.demo-stage{padding:1.2rem;min-height:520px}.demo-result ol{grid-template-columns:1fr}.card-image,.package-card .card-image{height:210px}}

/* Complete service experience */
.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.package-card:nth-child(5){grid-column:auto}.card-image,.package-card .card-image{width:calc(100% + 3rem);height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;margin:-1.5rem -1.5rem 1.25rem;background:#07182f}.home-service-grid{margin-top:3rem}.home-service-grid .service-card{min-height:570px}
.demo-hero{padding-block:3.25rem}.demo-hero img{aspect-ratio:3/2;object-fit:cover;object-position:center}.demo-promise{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.5rem}.demo-promise span{font-size:.76rem;font-weight:800;color:#dcecff;padding:.55rem .75rem;border:1px solid var(--line);border-radius:999px;background:#0a203d}
.demo-builder{max-width:var(--max);margin:0 auto 5rem;padding:1.5rem;border:1px solid rgba(143,190,255,.25);border-radius:32px;background:linear-gradient(145deg,rgba(13,37,70,.88),rgba(5,17,35,.96));box-shadow:0 28px 80px rgba(0,0,0,.28)}.demo-builder-intro{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;padding:1rem 1rem 1.5rem}.demo-builder-intro>div{max-width:760px}.demo-builder-intro h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;margin:.15rem 0 1rem;letter-spacing:-.04em}.demo-builder-intro>div>p:last-child{color:var(--muted);font-size:1.05rem}.demo-controls{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:.75rem;padding:1rem;border-block:1px solid var(--line);background:rgba(3,15,31,.38)}.demo-controls label{display:grid;gap:.45rem;color:#b8c8dc;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.demo-controls select{width:100%;background:#0d2d53;color:#fff;border:1px solid rgba(143,190,255,.28);border-radius:12px;padding:.85rem .9rem;font:inherit;text-transform:none;letter-spacing:0}.demo-experience-grid{display:grid;grid-template-columns:minmax(350px,.78fr) minmax(0,1.22fr);gap:1.25rem;padding-top:1.25rem}.device-column{display:flex;align-items:center;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:24px;background:radial-gradient(circle at 50% 30%,rgba(75,147,235,.18),transparent 48%),#061426;border:1px solid var(--line)}
.phone-device{--app:#2e66b8;--app2:#8fc2ff;width:min(100%,370px);height:738px;padding:11px;border-radius:50px;background:linear-gradient(145deg,#182b43,#020814 60%,#1a314f);border:1px solid rgba(255,255,255,.18);box-shadow:0 34px 70px rgba(0,0,0,.52),inset 0 0 0 2px #020713;position:relative}.phone-device:before{content:"";position:absolute;right:-4px;top:125px;width:4px;height:85px;border-radius:0 4px 4px 0;background:#203552}.phone-top{height:36px;display:flex;justify-content:space-between;align-items:center;padding:0 19px 4px;color:#edf6ff;font-size:.72rem;font-weight:800}.phone-top i{position:absolute;left:50%;top:15px;transform:translateX(-50%);width:102px;height:26px;border-radius:18px;background:#020713}.phone-screen{height:666px;border-radius:36px;overflow:hidden;background:#e8eef5;color:#091321;display:flex;flex-direction:column}.app-header{min-height:70px;padding:11px 12px;display:flex;align-items:center;gap:.65rem;background:linear-gradient(135deg,var(--app),var(--app2));color:white}.app-header button{background:transparent;border:0;color:inherit;font-size:1.8rem;line-height:1}.app-header>div{display:flex;flex-direction:column;min-width:0}.app-header strong{font-size:.87rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header small{opacity:.9;font-size:.68rem}.app-header>b{margin-left:auto;letter-spacing:.08em}.app-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);font-size:.68rem;font-weight:900}.phone-content{flex:1;padding:16px 13px;overflow:auto;background:linear-gradient(rgba(255,255,255,.9),rgba(240,245,250,.95)),radial-gradient(circle,#c8d6e4 1px,transparent 1px);background-size:auto,18px 18px}.phone-composer{margin:0;padding:9px 10px;display:flex;align-items:center;gap:.5rem;background:#f5f7fa;border-top:1px solid #dce3eb;color:#657384}.phone-composer span{flex:1;background:white;border:1px solid #d8e0e8;border-radius:20px;padding:.65rem .85rem;font-size:.73rem}.phone-composer button{width:34px;height:34px;border:0;border-radius:50%;background:var(--app);color:white}.phone-home{width:115px;height:4px;border-radius:5px;background:#d5dfeb;position:absolute;left:50%;bottom:17px;transform:translateX(-50%)}
.phone-device[data-skin="wa"]{--app:#075e54;--app2:#128c7e}.phone-device[data-skin="ig"]{--app:#833ab4;--app2:#fd1d1d}.phone-device[data-skin="tt"]{--app:#121212;--app2:#00b8c4}.phone-device[data-skin="web"]{--app:#14599c;--app2:#4f9ff5}.phone-device[data-skin="email"]{--app:#17446f;--app2:#398fd4}.phone-device[data-skin="crm"]{--app:#1d3c72;--app2:#725bd8}.phone-device[data-skin="portal"]{--app:#273e66;--app2:#b8832e}.phone-device[data-skin="ops"]{--app:#15465a;--app2:#2b94a6}.phone-device[data-skin="calendar"]{--app:#175ab5;--app2:#56a5ff}.phone-device[data-skin="pay"]{--app:#075b49;--app2:#1f9e7d}.demo-run{width:min(100%,370px)}
.chat-day{text-align:center;color:#6e7e90;font-size:.65rem;margin:.15rem 0 1rem}.phone-message{max-width:88%;padding:.75rem .8rem;border-radius:14px;margin-bottom:.7rem;box-shadow:0 2px 7px rgba(10,28,47,.08)}.phone-message p{margin:0;font-size:.78rem;line-height:1.45}.phone-message small{display:block;text-align:right;margin-top:.25rem;font-size:.58rem;opacity:.65}.customer-message{margin-left:auto;background:#d9fdd3;border-bottom-right-radius:4px}.assistant-message{background:#fff;border-bottom-left-radius:4px}.assistant-label{display:flex;align-items:center;gap:.35rem;color:var(--app);font-size:.62rem;font-weight:900;margin-bottom:.35rem}.assistant-label span{width:22px;height:22px;display:grid;place-items:center;color:white;background:var(--app);border-radius:50%}.typing-card{width:max-content;display:flex;align-items:center;gap:.25rem;background:white;border-radius:14px;padding:.75rem;margin-top:.4rem;box-shadow:0 2px 7px rgba(10,28,47,.08)}.typing-card span{width:7px;height:7px;border-radius:50%;background:var(--app);opacity:.55}.typing-card small{margin-left:.35rem;color:#657384;font-size:.58rem}.chat-chips{display:flex;gap:.4rem;flex-wrap:wrap}.chat-chips button{background:white;color:var(--app);border:1px solid color-mix(in srgb,var(--app) 35%,white);border-radius:999px;padding:.45rem .6rem;font-size:.64rem;font-weight:800}
.mobile-dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.8rem}.mobile-dashboard-head div{display:flex;flex-direction:column}.mobile-dashboard-head small{color:#607087;font-size:.62rem}.mobile-dashboard-head strong{font-size:.86rem}.mobile-dashboard-head>span{font-size:.62rem;background:#d8e7fa;color:#174f89;padding:.35rem .45rem;border-radius:999px}.metric-strip{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.8rem}.metric-strip div{background:linear-gradient(135deg,var(--app),var(--app2));color:#fff;border-radius:12px;padding:.75rem}.metric-strip small{display:block;font-size:.58rem;opacity:.8}.metric-strip strong{font-size:.78rem}.mobile-records{display:grid;gap:.55rem}.mobile-record{display:grid;grid-template-columns:34px 1fr auto;gap:.55rem;align-items:center;background:#fff;border:1px solid #dde5ed;border-radius:12px;padding:.65rem;transition:.25s}.mobile-record>span{width:34px;height:34px;border-radius:10px;background:#e1ebf6;color:var(--app);font-weight:900;display:grid;place-items:center}.mobile-record div{display:flex;flex-direction:column;min-width:0}.mobile-record strong{font-size:.72rem}.mobile-record small{color:#647488;font-size:.59rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-record b{font-size:.56rem;color:#725117;background:#fff0bd;padding:.3rem .38rem;border-radius:999px}.mobile-record.record-updated{border-color:var(--app);box-shadow:0 0 0 2px color-mix(in srgb,var(--app) 16%,transparent)}.mobile-record.record-updated b{background:#d9f7e5;color:#17603c}.mobile-action{width:100%;margin-top:1rem;border:0;border-radius:11px;background:var(--app);color:#fff;padding:.75rem;font-weight:900;font-size:.72rem}
.journey-request{display:flex;gap:.7rem;align-items:flex-start;background:#fff;border-radius:14px;padding:.8rem;box-shadow:0 3px 12px rgba(10,28,47,.08)}.journey-request>span{flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--app),var(--app2));color:#fff;display:grid;place-items:center;font-size:.62rem;font-weight:900}.journey-request small{color:#66778b;font-size:.58rem}.journey-request p{font-size:.72rem;line-height:1.4;margin:.2rem 0}.journey-progress{display:grid;gap:.15rem;margin:1rem 0}.journey-step{display:grid;grid-template-columns:28px 1fr;gap:.55rem;align-items:center;color:#68778a;font-size:.67rem;padding:.45rem}.journey-step i{width:28px;height:28px;display:grid;place-items:center;border:1px solid #c8d5e2;border-radius:50%;font-style:normal;font-weight:900}.journey-step.active i{border-color:var(--app);color:var(--app)}.journey-step.done{color:#153e34}.journey-step.done i{background:#d9f7e5;border-color:#40a87a;color:#17603c}.journey-confirm{background:#fff;border:1px solid #bde8d2;border-radius:14px;padding:.9rem}.journey-confirm strong{color:#17603c}.journey-confirm p{font-size:.71rem;line-height:1.45;margin:.3rem 0 0}
.demo-intelligence{display:grid;gap:.85rem}.transparency-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.15rem 1.2rem;border-radius:20px;background:#07182f;border:1px solid var(--line)}.transparency-head h3{font-size:1.45rem;line-height:1.12;margin:.1rem 0}.live-badge{white-space:nowrap;color:#8ff0ba;background:rgba(43,163,98,.12);border:1px solid rgba(86,229,154,.25);border-radius:999px;padding:.45rem .65rem;font-size:.66rem;font-weight:900}.live-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#56e59a;margin-right:.35rem}.intelligence-block{padding:1.15rem;border-radius:20px;background:#0a1d37;border:1px solid var(--line)}.block-title{display:flex;gap:.75rem;align-items:center}.block-title>span{width:34px;height:34px;border-radius:10px;background:#123c6b;display:grid;place-items:center;color:var(--blue2);font-size:.67rem;font-weight:900}.block-title>div{display:flex;flex-direction:column}.block-title small{color:var(--muted);font-size:.68rem}.knowledge-list{display:grid;gap:.55rem;margin-top:1rem}.knowledge-list article{display:grid;grid-template-columns:28px 1fr;gap:.7rem;padding:.7rem;background:#07172d;border-radius:12px}.knowledge-list article>span{color:#74b8ff;font-size:.62rem;font-weight:900}.knowledge-list strong{font-size:.78rem}.knowledge-list p{color:#aebbd0;font-size:.68rem;margin:.15rem 0;line-height:1.4}.activity-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem}.activity-list li{display:flex;gap:.6rem;align-items:center;color:#aebbd0;font-size:.74rem}.activity-list i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:#102f54;color:#8fc2ff;font-size:.65rem;font-weight:900}.activity-list li.complete{color:#e4f8ec}.activity-list li.complete i{background:#174d38;color:#8ff0ba}.staff-record{margin-top:1rem;padding:1rem;border-radius:14px;background:linear-gradient(145deg,#123c6b,#0a2749)}.record-head{display:grid;grid-template-columns:40px 1fr auto;gap:.7rem;align-items:center}.record-head>span{width:40px;height:40px;border-radius:12px;background:#eaf3ff;color:#174d87;display:grid;place-items:center;font-weight:900}.record-head>div{display:flex;flex-direction:column}.record-head small{color:#b6cce2;font-size:.65rem}.record-head>b{font-size:.6rem;color:#a5f3c7;background:rgba(30,117,77,.4);padding:.3rem .45rem;border-radius:999px}.staff-record dl{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.9rem 0 0}.staff-record dl div{min-width:0}.staff-record dt{color:#91aac4;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.staff-record dd{font-size:.7rem;margin:.15rem 0 0;line-height:1.35}
@media(max-width:1000px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-experience-grid{grid-template-columns:1fr}.device-column{padding-block:2rem}.phone-device{height:720px}.phone-screen{height:648px}}
@media(max-width:720px){.package-grid{grid-template-columns:1fr}.demo-builder{margin-inline:.7rem;padding:.6rem;border-radius:22px}.demo-builder-intro{align-items:flex-start;flex-direction:column}.demo-controls{grid-template-columns:1fr}.demo-experience-grid{padding-top:.6rem}.device-column{padding:1rem .4rem}.demo-intelligence{gap:.6rem}.transparency-head{flex-direction:column}.phone-device{height:700px;border-radius:42px}.phone-screen{height:628px}.staff-record dl{grid-template-columns:1fr}.card-image,.package-card .card-image{height:auto;aspect-ratio:3/2}.home-service-grid .service-card{min-height:auto}}

/* Service demos: batch one */
.special-demo{overflow:hidden}.special-demo button,.special-demo select,.special-demo input,.special-demo textarea{font:inherit}.special-demo .demo-builder-intro{padding-bottom:1.8rem}.s1-config{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.5fr);gap:1rem;padding:1rem;background:#06162b;border-block:1px solid var(--line)}.s1-config label,.s1-config>div{display:grid;gap:.55rem;color:#a9bdd4;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.s1-config select,.crm-personalise select{width:100%;min-height:50px;padding:.75rem 1rem;border:1px solid #315475;border-radius:12px;background:#0d3158;color:#fff}.scenario-tabs{display:flex;gap:.5rem}.scenario-button{flex:1;display:flex;align-items:center;gap:.55rem;min-height:50px;padding:.65rem .8rem;border:1px solid #2d4d6c;border-radius:12px;background:#0a2442;color:#d7e6f5;text-align:left;font-weight:800}.scenario-button span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#163b66;color:#8fc2ff;font-size:.62rem}.scenario-button.active{background:#eaf5ff;color:#07182f;border-color:#eaf5ff}.scenario-button.active span{background:#1763ad;color:#fff}.channel-choice{margin:1rem;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);align-items:center;gap:1rem;padding:1rem 1.1rem;border:1px solid #2d5278;border-radius:18px;background:linear-gradient(135deg,#06182f,#0d2f53);box-shadow:0 18px 36px rgba(0,0,0,.18)}.channel-choice>div{display:grid;gap:.35rem}.channel-choice small{color:#74b8ff;font-size:.67rem;letter-spacing:.11em;font-weight:900}.channel-choice strong{font-size:.88rem;line-height:1.35}.channel-choice nav{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.platform-button{min-height:50px;display:flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid #3b5c7c;border-radius:12px;background:#123250;color:#dce9f6;font-weight:800}.platform-button i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#203f5f;font-style:normal;font-size:.59rem}.platform-button.active{color:#fff;border-color:#7ebdff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.platform-button.whatsapp.active{background:#0a7b49;border-color:#59e397}.platform-button.whatsapp i{background:#0d5d3b}.platform-button.instagram.active{background:linear-gradient(125deg,#6b2ca0,#c02f72 64%,#e77b34);border-color:#ff8abc}.platform-button.instagram i{background:#6f2b86}.platform-button.tiktok{background:#0b0c0f;color:#fff;border-color:#555}.platform-button.tiktok i{background:#fff;color:#050505}.platform-button.tiktok.active{background:#000;border-color:#fff;box-shadow:inset 4px 0 #fff}.platform-button.website.active{background:#1763ad}.platform-button.email.active{background:#25517e}.sales-experience-grid{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:1.1rem;padding:0 1rem 1rem}.phone-stage{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.35rem;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 50% 27%,rgba(91,160,240,.2),transparent 44%),#061426}.s1-phone{height:680px}.s1-phone .phone-screen{height:608px}.wide-action{width:min(100%,370px);justify-content:center;border:0}.sales-intelligence{display:grid;gap:.8rem;align-content:start}.insight-hero,.insight-card,.handover-card{border:1px solid var(--line);border-radius:20px;background:#081c35}.insight-hero{padding:1.25rem;background:linear-gradient(135deg,#0c3260,#09223f)}.insight-hero h3{font-size:1.65rem;line-height:1.1;margin:.2rem 0 .65rem}.insight-hero>p:last-child{color:#bbcade;margin:0;line-height:1.5}.insight-card{padding:1.1rem}.insight-title{display:flex;align-items:center;gap:.7rem}.insight-title>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#143f6f;color:#8fc2ff;font-size:.65rem;font-weight:900}.insight-title>div{display:grid}.insight-title strong{font-size:.92rem}.insight-title small{color:#8fa8c2;font-size:.67rem}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.9rem}.knowledge-grid article{padding:.8rem;border-radius:12px;background:#06162b;border:1px solid #1c3b5a}.knowledge-grid strong{font-size:.75rem;color:#eaf5ff}.knowledge-grid p{font-size:.66rem;line-height:1.45;color:#9fb2c7;margin:.25rem 0 0}.capture-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.9rem 0 0}.capture-card dl div{padding:.7rem;background:#0d2948;border-radius:10px}.capture-card dt{color:#83a1bf;font-size:.59rem;text-transform:uppercase;letter-spacing:.08em}.capture-card dd{margin:.2rem 0 0;font-size:.73rem;font-weight:800}.handover-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem 1.1rem}.handover-card>div{display:grid;gap:.25rem}.handover-card small{color:#73b7ff;font-weight:900;letter-spacing:.1em;font-size:.61rem}.handover-card strong{font-size:.88rem}.handover-card p{color:#94abc2;font-size:.68rem;margin:0;line-height:1.4}.handover-card button,.support-takeover{padding:.7rem .85rem;border-radius:10px;border:1px solid #4982bb;background:#164d83;color:#fff;font-weight:800}.handover-card button:disabled,.support-takeover:disabled{opacity:.45;cursor:not-allowed}
.reception-status{margin:0 1rem 1rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1rem 1.15rem;border-radius:18px;background:linear-gradient(115deg,#0e3765,#071c36);border:1px solid #315c87}.reception-status>div{display:grid;grid-template-columns:auto 1fr;gap:.25rem .55rem;align-items:center}.reception-status>div i{grid-row:1/3;width:11px;height:11px;border-radius:50%;background:#61e4a1;box-shadow:0 0 0 6px rgba(97,228,161,.1)}.reception-status>div span{color:#80c1ff;font-size:.65rem;font-weight:900;letter-spacing:.11em}.reception-status>div strong{font-size:.95rem}.reception-status dl{display:flex;gap:.5rem;margin:0}.reception-status dl div{min-width:100px;padding:.65rem .75rem;border-radius:10px;background:rgba(3,17,34,.52)}.reception-status dt{color:#91aac3;font-size:.58rem}.reception-status dd{margin:.12rem 0 0;font-size:.8rem;font-weight:900}.reception-workspace{display:grid;grid-template-columns:minmax(210px,.62fr) minmax(340px,.9fr) minmax(280px,.86fr);gap:.8rem;padding:0 1rem 1rem}.queue-column,.support-case{border:1px solid var(--line);border-radius:20px;background:#07182e;overflow:hidden}.queue-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem;border-bottom:1px solid var(--line)}.queue-head>div{display:grid}.queue-head small,.case-heading small,.resolution-path>small{color:#78baff;font-size:.61rem;font-weight:900;letter-spacing:.09em}.queue-head strong{font-size:.85rem}.queue-head>span{padding:.3rem .45rem;border-radius:999px;background:#153b66;color:#a8d5ff;font-size:.59rem;font-weight:900}.queue-item{width:100%;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:.6rem;padding:.85rem;border:0;border-bottom:1px solid #17324e;background:transparent;color:#fff;text-align:left}.queue-item.active{background:#123b65;box-shadow:inset 3px 0 #5ba9f3}.queue-item>span,.customer-identity>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#dceeff;color:#174d82;font-size:.67rem;font-weight:900}.queue-item>div{min-width:0;display:grid}.queue-item strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item small{color:#91a8bf;font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item b{color:#84bfff;font-size:.58rem}.compact-phone-stage{padding:.8rem}.compact-phone-stage .s1-phone{height:640px;width:min(100%,340px);border-radius:45px}.compact-phone-stage .s1-phone .phone-screen{height:568px}.compact-phone-stage .s1-phone .phone-message p{font-size:.74rem}.support-case{padding:1rem;align-self:stretch}.case-heading{display:flex;justify-content:space-between;gap:.7rem}.case-heading h3{font-size:1.35rem;line-height:1.08;margin:.25rem 0}.case-state{height:max-content;padding:.38rem .55rem;border-radius:999px;background:#41332b;color:#ffd29c;font-size:.59rem;font-weight:900}.case-state.resolved{background:#173e31;color:#8cedbc}.customer-identity{display:flex;align-items:center;gap:.7rem;padding:.85rem;margin:.8rem 0;border-radius:13px;background:#0d2948}.customer-identity>div{display:grid}.customer-identity strong{font-size:.79rem}.customer-identity small{color:#97aec5;font-size:.62rem}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0}.case-facts div{padding:.65rem;border:1px solid #193a59;border-radius:10px}.case-facts dt{color:#82a1bf;font-size:.57rem;text-transform:uppercase}.case-facts dd{margin:.2rem 0 0;font-size:.69rem;font-weight:800;line-height:1.35}.resolution-path{display:grid;gap:.5rem;margin-top:.9rem;padding:.8rem;border-radius:13px;background:#061528}.resolution-path>div{display:flex;align-items:center;gap:.55rem;color:#a2b5c9;font-size:.67rem}.resolution-path i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#143a63;color:#8fc2ff;font-style:normal;font-weight:900;font-size:.59rem}.resolution-path .done{color:#e1f7ec}.resolution-path .done i{background:#174d38;color:#8ff0ba}.support-takeover{width:100%;margin-top:.85rem}.case-note{margin:.55rem 0 0;color:#8fa6bd;font-size:.62rem;line-height:1.4}
.custom-crm-demo{max-width:1480px}.crm-personalise{display:grid;grid-template-columns:1fr minmax(260px,.4fr);gap:1rem;align-items:center;padding:1rem 1.2rem;background:#06162b;border-block:1px solid var(--line)}.crm-personalise>div{display:grid}.crm-personalise small,.crm-personalise label{color:#79baff;font-size:.65rem;font-weight:900;letter-spacing:.1em}.crm-personalise strong{font-size:.9rem}.crm-personalise label{display:grid;gap:.4rem}.crm-shell{position:relative;margin:1rem;border:1px solid #315781;border-radius:20px;overflow:hidden;background:#f2f6fb;color:#091b31;min-height:720px;box-shadow:0 28px 70px rgba(0,0,0,.32)}.crm-client-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 .9rem;background:#091a31;color:#e4eef8;border-bottom:2px solid #4f94df}.crm-client-bar>div{display:flex;align-items:center;gap:.5rem}.crm-client-bar img{width:24px;height:24px;object-fit:cover;border-radius:6px}.crm-client-bar span{font-size:.61rem;color:#a8bdd2}.crm-client-bar strong{color:#fff}.crm-client-bar>b{font-size:.61rem;letter-spacing:.12em;color:#85c0ff}.crm-app{display:grid;grid-template-columns:225px 1fr;min-height:678px}.crm-sidebar{display:flex;flex-direction:column;padding:1rem;background:linear-gradient(160deg,#0c2d53,#07182f);color:#fff}.crm-brand,.crm-user{display:flex;align-items:center;gap:.65rem}.crm-brand>span,.crm-user>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#2273bf,#7bb8f2);color:#fff;font-weight:900}.crm-brand>div,.crm-user>div{display:grid;min-width:0}.crm-brand strong,.crm-user strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-brand small,.crm-user small{color:#9ab1c8;font-size:.62rem}.crm-sidebar nav{display:grid;gap:.35rem;margin-top:1.5rem}.crm-sidebar nav button{display:grid;grid-template-columns:26px 1fr auto;align-items:center;min-height:45px;padding:.55rem .7rem;border:1px solid transparent;border-radius:10px;background:transparent;color:#bacbdd;text-align:left}.crm-sidebar nav button.active{background:#174775;border-color:#4082c2;color:#fff}.crm-sidebar nav button i{font-style:normal;color:#80bfff}.crm-sidebar nav button span{font-size:.74rem;font-weight:800}.crm-sidebar nav button b{min-width:21px;height:21px;padding:0 .25rem;display:grid;place-items:center;border-radius:999px;background:#0b2b4d;color:#9dcdff;font-size:.56rem}.crm-user{margin-top:auto;padding-top:1rem;border-top:1px solid #22415f}.crm-user>span{width:34px;height:34px;font-size:.7rem}.crm-main{min-width:0;background:#f3f6fb}.crm-topbar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.4rem;background:#fff;border-bottom:1px solid #d8e1ec}.crm-topbar>div:first-child{display:grid}.crm-topbar small{color:#46719c;font-size:.59rem;font-weight:900;letter-spacing:.1em}.crm-topbar h3{margin:.15rem 0 0;font-size:1.25rem}.crm-topbar>div:last-child{display:flex;gap:.5rem}.crm-topbar button{min-height:38px;padding:.55rem .7rem;border:1px solid #cedae6;border-radius:9px;background:#fff;color:#15314d;font-weight:800}.crm-topbar #new-record{background:#1763ad;color:#fff;border-color:#1763ad}.crm-content{padding:1.15rem}.crm-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:15px;background:linear-gradient(125deg,#123e70,#0b2748);color:#fff}.crm-banner>div{display:grid}.crm-banner small,.crm-panel-head small{color:#8fc7ff;font-size:.58rem;font-weight:900;letter-spacing:.1em}.crm-banner strong{font-size:.86rem}.crm-banner>span{color:#bfe2ff;font-size:.62rem;white-space:nowrap}.crm-banner>span i{display:inline-block;width:7px;height:7px;margin-right:.35rem;border-radius:50%;background:#69e1a3}.crm-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:.75rem}.crm-metrics article{position:relative;display:grid;gap:.35rem;padding:1rem;background:#fff;border:1px solid #d8e1ec;border-radius:13px;overflow:hidden}.crm-metrics article:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:#438ed8}.crm-metrics article.risk:after{background:#e59a47}.crm-metrics small{color:#526b84;font-size:.65rem;font-weight:800}.crm-metrics strong{font-size:1.55rem}.crm-metrics span{color:#537aa0;font-size:.61rem}.crm-two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);gap:.75rem;margin-top:.75rem}.crm-panel{padding:1rem;border:1px solid #d6e0eb;border-radius:14px;background:#fff;min-width:0}.crm-panel-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.8rem}.crm-panel-head>div{display:grid}.crm-panel-head h3{font-size:1rem;margin:.15rem 0 0}.crm-panel-head>button,.crm-panel-head>span,.crm-filters button{border:0;background:transparent;color:#2767a6;font-size:.61rem;font-weight:800}.crm-table{border:1px solid #dbe4ed;border-radius:11px;overflow:hidden}.crm-table-head,.crm-table-row{display:grid;grid-template-columns:1.05fr 1.35fr .7fr .68fr .72fr .8fr;align-items:center;gap:.6rem}.crm-table-head{padding:.55rem .7rem;background:#edf3f8;color:#526a82;font-size:.5rem;font-weight:900;letter-spacing:.06em}.crm-table-row{width:100%;min-height:58px;padding:.6rem .7rem;border:0;border-top:1px solid #e1e8ef;background:#fff;color:#233a51;text-align:left}.crm-table-row:hover{background:#f5f9fd}.crm-table-row>span{min-width:0;font-size:.59rem;line-height:1.35}.crm-table-row>span:first-child{display:flex;align-items:center;gap:.45rem}.crm-table-row>span:first-child i{flex:0 0 auto;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#dcecff;color:#1b5c98;font-style:normal;font-size:.53rem;font-weight:900}.crm-table-row strong{font-size:.62rem}.crm-stage{display:inline-block;padding:.3rem .4rem;border-radius:999px;background:#e1f0ff;color:#236399;font-size:.52rem}.crm-stage.stage-0{background:#fff0d9;color:#966123}.crm-stage.stage-2{background:#e2f5e9;color:#27704a}.attention-panel article{display:grid;gap:.25rem;padding:.7rem 0;border-top:1px solid #e1e8ef}.attention-panel article:first-of-type{border-top:0}.attention-panel article span{color:#c27628;font-size:.52rem;font-weight:900;letter-spacing:.08em}.attention-panel article strong{font-size:.72rem}.attention-panel article p{margin:0;color:#64788c;font-size:.61rem;line-height:1.35}.wide-panel{min-height:490px}.crm-filters{display:flex;gap:.4rem}.crm-filters button{padding:.45rem .55rem;border:1px solid #d3dee9;border-radius:8px}.crm-task{width:100%;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:.6rem;padding:.75rem 0;border:0;border-top:1px solid #e1e8ef;background:#fff;color:#23394f;text-align:left}.crm-task i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff0d9;color:#a46b24;font-style:normal;font-weight:900}.crm-task>div{display:grid}.crm-task strong{font-size:.7rem}.crm-task small{color:#6a7e91;font-size:.6rem}.crm-task b{color:#b36e20;font-size:.57rem}.owner-load{display:grid;grid-template-columns:32px 1fr 72px;align-items:center;gap:.55rem;padding:.72rem 0;border-top:1px solid #e1e8ef}.owner-load>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#dcecff;color:#1763ad;font-size:.55rem;font-weight:900}.owner-load>div{display:grid}.owner-load strong{font-size:.68rem}.owner-load small{color:#6f8194;font-size:.58rem}.owner-load>i{height:6px;border-radius:5px;background:linear-gradient(to right,#3985ce var(--load),#dce4ed var(--load));}.crm-chart{min-height:285px}.crm-bars{height:190px;display:flex;align-items:flex-end;justify-content:space-around;gap:.6rem;padding:1rem 0 1.4rem;border-bottom:1px solid #dfe7ef}.crm-bars i{position:relative;flex:1;max-width:38px;border-radius:7px 7px 0 0;background:linear-gradient(#72b5f5,#1763ad)}.crm-bars span{position:absolute;top:calc(100% + .4rem);left:50%;transform:translateX(-50%);color:#718397;font-size:.53rem;font-style:normal}.stage-health{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;border-top:1px solid #e0e7ef}.stage-health>div{display:grid}.stage-health strong{font-size:.7rem}.stage-health small{color:#718397;font-size:.58rem}.stage-health b{color:#1763ad;font-size:.72rem}.crm-drawer-backdrop,.crm-modal-backdrop{position:absolute;inset:0;background:rgba(4,15,29,.46);z-index:4}.crm-drawer{position:absolute;z-index:5;inset:42px 0 0 auto;width:min(420px,92%);padding:1.1rem;background:#fff;box-shadow:-18px 0 45px rgba(6,23,41,.2);overflow:auto}.drawer-top{display:flex;justify-content:space-between;gap:1rem}.drawer-top small,.crm-drawer section>small,.crm-modal>div small{color:#2773b9;font-size:.59rem;font-weight:900;letter-spacing:.1em}.drawer-top h3{font-size:1.5rem;margin:.2rem 0}.drawer-top p{margin:0;color:#687b8e;font-size:.68rem}.drawer-top>button{width:34px;height:34px;border:1px solid #d3dde7;border-radius:9px;background:#fff;font-size:1.2rem}.drawer-identity{display:flex;align-items:center;gap:.7rem;margin:1rem 0;padding:.9rem;border-radius:12px;background:#eef5fc}.drawer-identity>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#1763ad;color:#fff;font-weight:900}.drawer-identity>div{display:grid}.drawer-identity strong{font-size:.77rem}.drawer-identity small{color:#667b90;font-size:.63rem}.crm-drawer dl{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:0}.crm-drawer dl div{padding:.7rem;border:1px solid #dae3ec;border-radius:10px}.crm-drawer dt{color:#708397;font-size:.57rem;text-transform:uppercase}.crm-drawer dd{margin:.25rem 0 0;font-size:.68rem;font-weight:800;line-height:1.35}.crm-drawer section{margin-top:1rem;padding-top:1rem;border-top:1px solid #dce4ec}.crm-drawer ol{list-style:none;padding:0;margin:.7rem 0;display:grid;gap:.7rem}.crm-drawer li{display:flex;gap:.6rem}.crm-drawer li i{width:9px;height:9px;margin-top:.25rem;border-radius:50%;background:#3b8ed8;box-shadow:0 0 0 4px #e4f1fc}.crm-drawer li div{display:grid}.crm-drawer li strong{font-size:.69rem}.crm-drawer li span{color:#6e8194;font-size:.59rem}.drawer-actions{display:flex;gap:.5rem;margin-top:1rem}.drawer-actions button{flex:1;padding:.7rem;border:1px solid #bfcddd;border-radius:9px;background:#fff;color:#16334f;font-weight:800;font-size:.68rem}.drawer-actions button.primary,.crm-modal .primary{background:#1763ad;color:#fff;border-color:#1763ad}.crm-modal{position:absolute;z-index:5;top:50%;left:50%;width:min(520px,92%);transform:translate(-50%,-50%);padding:1.2rem;border-radius:16px;background:#fff;box-shadow:0 25px 70px rgba(4,18,34,.35)}.crm-modal h3{font-size:1.4rem;margin:.2rem 0}.crm-modal p{color:#64798d;font-size:.68rem}.crm-modal form,.crm-modal label{display:grid;gap:.5rem}.crm-modal form>div{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.crm-modal label{color:#39536d;font-size:.63rem;font-weight:800}.crm-modal input,.crm-modal textarea,.crm-modal select{width:100%;padding:.7rem;border:1px solid #cbd7e3;border-radius:9px;background:#f8fafc;color:#142e49}.crm-modal footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.crm-modal footer button{padding:.7rem 1rem;border:1px solid #c9d5e1;border-radius:9px;background:#fff;font-weight:800;color:#193651}
@media(max-width:1180px){.reception-workspace{grid-template-columns:230px minmax(340px,1fr)}.support-case{grid-column:1/-1}.reception-workspace .compact-phone-stage{grid-column:2}.custom-crm-demo{margin-inline:.7rem}.crm-two-col.main-crm-grid{grid-template-columns:1fr}.attention-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.attention-panel .crm-panel-head{grid-column:1/-1}.attention-panel article{border:1px solid #e1e8ef;padding:.7rem;border-radius:10px}}
@media(max-width:900px){.sales-experience-grid{grid-template-columns:1fr}.reception-workspace{grid-template-columns:1fr}.reception-workspace .compact-phone-stage{grid-column:auto}.queue-column{order:2}.support-case{grid-column:auto;order:3}.crm-app{grid-template-columns:72px 1fr}.crm-sidebar{padding:.7rem}.crm-brand>div,.crm-user>div,.crm-sidebar nav button span{display:none}.crm-sidebar nav button{grid-template-columns:1fr;height:44px}.crm-sidebar nav button i{font-size:1rem;text-align:center}.crm-sidebar nav button b{position:absolute;margin-left:32px}.crm-brand>span{width:44px}.crm-user{justify-content:center}.crm-metrics{grid-template-columns:1fr 1fr}.crm-table-head{display:none}.crm-table-row{grid-template-columns:1.1fr 1.2fr .7fr}.crm-table-row>span:nth-child(4),.crm-table-row>span:nth-child(5),.crm-table-row>span:nth-child(6){display:none}.crm-two-col{grid-template-columns:1fr}}
@media(max-width:700px){.special-demo .demo-builder-intro{padding:1rem}.s1-config,.crm-personalise{grid-template-columns:1fr}.scenario-tabs{display:grid}.channel-choice{margin:.6rem;grid-template-columns:1fr}.channel-choice nav{grid-template-columns:1fr 1fr}.platform-button{min-height:46px}.sales-experience-grid,.reception-workspace{padding:.6rem}.reception-status{margin:.6rem;grid-template-columns:1fr}.reception-status dl{display:grid;grid-template-columns:repeat(3,1fr)}.reception-status dl div{min-width:0}.knowledge-grid,.capture-card dl,.case-facts{grid-template-columns:1fr}.handover-card{grid-template-columns:1fr}.crm-shell{margin:.6rem;min-height:680px}.crm-client-bar span{display:none}.crm-app{grid-template-columns:1fr}.crm-sidebar{display:block;padding:.55rem}.crm-brand{display:none}.crm-sidebar nav{grid-template-columns:repeat(4,1fr);margin:0}.crm-sidebar nav button{display:grid;grid-template-columns:1fr;gap:.12rem;padding:.4rem;min-height:54px;text-align:center}.crm-sidebar nav button span{display:block;font-size:.5rem;text-align:center}.crm-sidebar nav button b{display:none}.crm-user{display:none}.crm-topbar{padding:.75rem;align-items:flex-start}.crm-topbar h3{font-size:1rem}.crm-topbar>div:last-child button:not(#new-record){display:none}.crm-topbar #new-record{font-size:.65rem}.crm-content{padding:.65rem}.crm-banner{align-items:flex-start;flex-direction:column}.crm-metrics{grid-template-columns:1fr 1fr}.crm-metrics article{padding:.75rem}.crm-metrics strong{font-size:1.25rem}.attention-panel{grid-template-columns:1fr}.attention-panel .crm-panel-head{grid-column:auto}.crm-table-row{grid-template-columns:1fr auto}.crm-table-row>span:nth-child(2),.crm-table-row>span:nth-child(6){display:block!important}.crm-table-row>span:nth-child(1){grid-column:1;grid-row:1}.crm-table-row>span:nth-child(2){grid-column:1;grid-row:2;color:#667b90}.crm-table-row>span:nth-child(3){grid-column:2;grid-row:1}.crm-table-row>span:nth-child(6){grid-column:2;grid-row:2;text-align:right}.crm-drawer{inset:42px 0 0;width:100%}.crm-drawer dl{grid-template-columns:1fr}.crm-modal form>div{grid-template-columns:1fr}.demo-next{margin-top:2rem}}

/* Channel specific conversation appearance */
.s1-phone[data-skin="wa"] .phone-content{background:linear-gradient(rgba(244,241,235,.94),rgba(239,235,226,.96)),radial-gradient(circle,#bdc5bd 1px,transparent 1px);background-size:auto,18px 18px}.s1-phone[data-skin="wa"] .customer-message{background:#d9fdd3;color:#153626}.s1-phone[data-skin="ig"] .phone-content{background:#fff}.s1-phone[data-skin="ig"] .customer-message{background:linear-gradient(135deg,#7230a6,#cf2f70);color:#fff}.s1-phone[data-skin="ig"] .assistant-message{background:#f1f2f5;color:#16181c}.s1-phone[data-skin="ig"] .phone-composer{background:#fff}.s1-phone[data-skin="ig"] .phone-composer span{border-color:#cfd3db}.s1-phone[data-skin="tt"]{--app:#050505;--app2:#050505}.s1-phone[data-skin="tt"] .phone-screen{background:#050505;color:#fff}.s1-phone[data-skin="tt"] .app-header{border-bottom:1px solid #3a3a3a}.s1-phone[data-skin="tt"] .phone-content{background:#090909}.s1-phone[data-skin="tt"] .chat-day{color:#aaa}.s1-phone[data-skin="tt"] .customer-message{background:#fff;color:#050505}.s1-phone[data-skin="tt"] .assistant-message,.s1-phone[data-skin="tt"] .typing-card{background:#252525;color:#fff}.s1-phone[data-skin="tt"] .typing-card small{color:#ddd}.s1-phone[data-skin="tt"] .chat-chips button{background:#111;color:#fff;border-color:#666}.s1-phone[data-skin="tt"] .phone-composer{background:#050505;border-color:#343434;color:#fff}.s1-phone[data-skin="tt"] .phone-composer span{background:#191919;color:#ddd;border-color:#444}.s1-phone[data-skin="web"] .phone-content{background:linear-gradient(#f5f9ff,#e8f2fc)}.s1-phone[data-skin="web"] .customer-message{background:#d4eaff;color:#122f4b}.s1-phone[data-skin="email"] .phone-content{background:#f4f7fb}.s1-phone[data-skin="email"] .customer-message{background:#dceafb;color:#183956}

/* Live conversation controls */
.live-composer input{min-width:0;flex:1;padding:.65rem .85rem;border:1px solid #d8e0e8;border-radius:20px;background:#fff;color:#172b40;font-size:.73rem;outline:none}.live-composer input:focus{border-color:var(--app);box-shadow:0 0 0 2px color-mix(in srgb,var(--app) 16%,transparent)}.takeover-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem;padding:.45rem .7rem;background:#eaf3ff;color:#183e64;border-bottom:1px solid #bed8ef;font-size:.6rem}.takeover-strip i{width:7px;height:7px;border-radius:50%;background:#2e78bd}.takeover-strip span{color:#52718e}.staff-message{background:#e3f0ff;color:#163c61;border-left:3px solid #2e78bd;border-bottom-left-radius:4px}.staff-message .assistant-label{color:#205e99}.staff-message .assistant-label span{background:#205e99}.s1-phone[data-skin="ig"] .live-composer input{border-color:#cfd3db}.s1-phone[data-skin="tt"] .live-composer input{background:#191919;color:#fff;border-color:#444}.s1-phone[data-skin="tt"] .live-composer input::placeholder{color:#999}.s1-phone[data-skin="tt"] .takeover-strip{background:#181818;color:#fff;border-color:#3f3f3f}.s1-phone[data-skin="tt"] .takeover-strip span{color:#bbb}.s1-phone[data-skin="tt"] .staff-message{background:#202020;color:#fff;border-color:#fff}.s1-phone[data-skin="tt"] .staff-message .assistant-label{color:#fff}.s1-phone[data-skin="tt"] .staff-message .assistant-label span{background:#fff;color:#000}

/* Care 3 CRM views */
.crm-conversation,.crm-document{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:.6rem;padding:.75rem .2rem;border:0;border-top:1px solid #e1e8ef;background:#fff;color:#1b334c;text-align:left}.crm-conversation>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#dcecff;color:#1763ad;font-size:.55rem;font-weight:900}.crm-conversation>div,.crm-document>div{display:grid;min-width:0}.crm-conversation strong,.crm-document strong{font-size:.68rem}.crm-conversation small,.crm-document small{color:#6b7f92;font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-conversation>b{color:#2472b7;font-size:.57rem}.crm-priority{display:grid;gap:.4rem;padding:1rem;border-radius:12px;background:#eef5fc;border:1px solid #d4e4f2}.crm-priority>span{color:#2672b8;font-size:.56rem;font-weight:900;letter-spacing:.08em}.crm-priority>strong{font-size:.78rem}.crm-priority>p{margin:0;color:#62798f;font-size:.63rem;line-height:1.4}.crm-priority>button{width:max-content;margin-top:.25rem;padding:.55rem .7rem;border:0;border-radius:8px;background:#1763ad;color:#fff;font-size:.61rem;font-weight:800}.inbox-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:.7rem 0 0}.inbox-metrics div{padding:.65rem;border:1px solid #d9e3ed;border-radius:9px}.inbox-metrics dt{color:#718498;font-size:.52rem}.inbox-metrics dd{margin:.15rem 0 0;font-size:.8rem;font-weight:900}.crm-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.crm-kanban>section{padding:.7rem;border-radius:12px;background:#eef3f8}.crm-kanban>section>header{display:flex;justify-content:space-between;align-items:center;padding:.2rem .15rem .65rem}.crm-kanban>section>header strong{font-size:.67rem}.crm-kanban>section>header b{width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#d7e7f5;color:#24679f;font-size:.55rem}.kanban-record,.crm-kanban article{width:100%;display:grid;gap:.35rem;padding:.75rem;border:1px solid #d6e1ec;border-radius:10px;background:#fff;color:#18334e;text-align:left;box-shadow:0 4px 12px rgba(18,48,78,.05)}.kanban-record span,.crm-kanban article span{color:#2472b7;font-size:.51rem;font-weight:900;letter-spacing:.06em}.kanban-record strong,.crm-kanban article strong{font-size:.68rem}.kanban-record p,.crm-kanban article p{margin:0;color:#647b90;font-size:.58rem;line-height:1.35}.kanban-record small{color:#466d91;font-size:.54rem}.crm-kanban article{margin-top:.5rem;opacity:.72}.crm-document>i{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#e7f1fa;color:#216aa7;font-style:normal}.crm-document>b{padding:.3rem .4rem;border-radius:999px;background:#e2f4e9;color:#267249;font-size:.53rem}.document-note{margin-top:.2rem}
@media(max-width:700px){.crm-sidebar nav{grid-template-columns:repeat(4,minmax(72px,1fr));overflow-x:auto}.crm-sidebar nav button{min-width:72px}.crm-kanban{grid-template-columns:1fr}.crm-inbox-grid{grid-template-columns:1fr}.inbox-metrics{grid-template-columns:1fr 1fr 1fr}}

/* Receptionist channels: real Gmail and embedded website chat */
.email-screen{background:#f6f8fc!important;color:#202124!important}.gmail-header{min-height:58px;display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;background:#fff;border-bottom:1px solid #e0e3e7;color:#3c4043}.gmail-header button,.gmail-header b{border:0;background:transparent;color:#5f6368}.gmail-header button{font-size:1.15rem}.gmail-header b{width:30px;height:30px;display:grid;place-items:center;margin-left:auto;border-radius:50%;background:#2459a6;color:#fff;font-size:.58rem}.gmail-mark{font-size:0;width:28px;height:21px;position:relative;border-radius:4px;background:linear-gradient(115deg,#4285f4 0 22%,#ea4335 22% 40%,#fff 40% 60%,#fbbc04 60% 76%,#34a853 76%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.gmail-mark:after{content:"M";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:.68rem;font-weight:950;text-shadow:0 1px 2px rgba(0,0,0,.35)}.gmail-header strong{font-size:.9rem;font-weight:600}.email-thread{flex:1;overflow:auto;padding:.7rem;background:#f6f8fc}.email-subject{display:grid;grid-template-columns:1fr auto;gap:.18rem .5rem;padding:.65rem .7rem;background:#fff;border-radius:10px 10px 0 0;border:1px solid #e0e3e7}.email-subject small{grid-column:1;color:#b3261e;font-size:.5rem;font-weight:900;letter-spacing:.09em}.email-subject strong{font-size:.78rem}.email-subject span{grid-column:2;grid-row:1/3;color:#5f6368}.email-message-card{padding:.78rem .7rem;background:#fff;border:1px solid #e0e3e7;border-top:0}.email-message-card:last-of-type{border-radius:0 0 10px 10px}.email-message-card>header{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:.5rem}.email-message-card>header>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#687fa0;color:#fff;font-size:.55rem;font-weight:900}.email-message-card.assistant>header>span{background:#b3261e}.email-message-card.staff>header>span{background:#1967d2}.email-message-card>header>div{display:grid;min-width:0}.email-message-card strong{font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-message-card header small,.email-message-card time{color:#777;font-size:.5rem}.email-message-card p{margin:.65rem 0 0;color:#34383c;font-size:.67rem;line-height:1.5;white-space:pre-line}.email-message-card.customer{border-left:3px solid #687fa0}.email-message-card.assistant{border-left:3px solid #b3261e}.email-message-card.staff{border-left:3px solid #1967d2}.email-thread .chat-chips{padding:.7rem 0 0}.email-thread .chat-chips button{color:#1967d2;border-color:#c6dafc}.email-phone .phone-composer{background:#fff}.email-phone .phone-composer button{background:#b3261e}.email-phone .takeover-strip{background:#e8f0fe;color:#174ea6;border-color:#d2e3fc}

.website-screen{position:relative;background:#eef5fb!important;color:#0c2340!important}.mobile-browser-bar{height:39px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;padding:.4rem .55rem;background:#fff;border-bottom:1px solid #dbe5ee;color:#466078;font-size:.65rem}.mobile-browser-bar>div{display:flex;align-items:center;justify-content:center;gap:.35rem;min-width:0;padding:.35rem .5rem;border-radius:999px;background:#edf2f6;font-size:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-browser-bar b{font-size:.65rem}.mini-website{height:214px;overflow:hidden;background:linear-gradient(135deg,#071d38,#164c7c);color:#fff}.mini-website>header{display:flex;align-items:center;gap:.45rem;padding:.7rem;border-bottom:1px solid rgba(255,255,255,.14)}.mini-website>header span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#74b9ff;color:#071d38;font-size:.52rem;font-weight:950}.mini-website>header strong{font-size:.64rem}.mini-website>header i{margin-left:auto;color:#b9d7f0;font-size:.5rem;font-style:normal}.mini-website>section{padding:1rem;background:radial-gradient(circle at 85% 25%,rgba(99,179,255,.25),transparent 34%)}.mini-website>section small{color:#76bdff;font-size:.46rem;font-weight:900;letter-spacing:.12em}.mini-website>section strong{display:block;max-width:220px;margin:.3rem 0;font-size:1.05rem;line-height:1.05}.mini-website>section p{max-width:230px;margin:.35rem 0 .6rem;color:#c4d5e7;font-size:.55rem;line-height:1.4}.mini-website>section button{padding:.45rem .65rem;border:0;border-radius:7px;background:#fff;color:#0c3c69;font-size:.5rem;font-weight:900}.website-chat-widget{position:absolute;left:13px;right:13px;bottom:0;height:428px;display:flex;flex-direction:column;overflow:hidden;border-radius:17px 17px 0 0;background:#edf4fa;border:1px solid #aecbe4;box-shadow:0 -12px 30px rgba(4,25,47,.22)}.website-chat-widget>header{min-height:57px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:.55rem;padding:.6rem .7rem;background:linear-gradient(135deg,#0d4e87,#287dc2);color:#fff}.website-chat-widget>header>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#1763ad;font-size:.57rem;font-weight:950}.website-chat-widget>header>div{display:grid}.website-chat-widget>header strong{font-size:.7rem}.website-chat-widget>header small{font-size:.5rem;color:#d9edff}.website-chat-widget>header small i{display:inline-block;width:6px;height:6px;margin-right:.2rem;border-radius:50%;background:#5ce7a2}.website-chat-widget>header button{border:0;background:transparent;color:#fff;font-size:1rem}.website-chat-thread{flex:1;overflow:auto;padding:.7rem;background:linear-gradient(#edf6ff,#f8fbfe)}.website-chat-thread .phone-message{font-size:.68rem}.website-chat-thread .chat-chips{padding-bottom:.2rem}.website-chat-widget .phone-composer{background:#fff}.website-chat-widget .phone-composer button{background:#1763ad}.website-chat-widget .takeover-strip{background:#e4f1ff;color:#174f7e;border-color:#c6def4}

/* Live fields visibly collected from each receptionist conversation */
.live-case-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0 0 .55rem}.live-case-title>span{display:flex;align-items:center;gap:.38rem;color:#75bbff;font-size:.59rem;font-weight:950;letter-spacing:.09em}.live-case-title i{width:7px;height:7px;border-radius:50%;background:#55dfa0;box-shadow:0 0 0 4px rgba(85,223,160,.12)}.live-case-title small{color:#7891a9;font-size:.53rem}.live-case-grid .case-wide{grid-column:1/-1}.live-case-grid dd{min-height:1.75em}.live-case-grid div{transition:border-color .2s,background .2s}.case-state.resolved~* .live-case-grid div,.live-case-grid div:hover{border-color:#2b6395;background:#0a223c}

@media(max-width:700px){.compact-phone-stage .s1-phone{width:min(100%,340px)}.email-message-card p{font-size:.65rem}.live-case-grid .case-wide{grid-column:auto}.website-chat-widget{height:420px}}

.advanced-demo {
  --ad-bg: #061426;
  --ad-panel: #0b1c32;
  --ad-panel-2: #102844;
  --ad-line: rgba(139, 190, 255, .17);
  --ad-text: #f4f8ff;
  --ad-muted: #91a8c2;
  --ad-blue: #65a9ff;
  --ad-cyan: #54dfdc;
  --ad-green: #59d99a;
  --ad-warn: #ffc971;
  --ad-red: #ff7890;
  color: var(--ad-text);
}
.advanced-demo button,.advanced-demo select,.advanced-demo input{font:inherit}
.advanced-demo button{cursor:pointer}
.advanced-demo button:disabled{cursor:not-allowed;opacity:.42}
#advanced-demo-root{display:grid;gap:1.1rem}
.ad-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:2rem;align-items:center;border:1px solid var(--ad-line);border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#07172b,#0d2849);padding:clamp(1.25rem,3vw,2.5rem)}
.ad-intro h2{max-width:850px;font-size:clamp(2rem,4vw,4.4rem);line-height:.95;margin:.5rem 0 1rem;letter-spacing:-.05em}
.ad-intro p:not(.kicker){color:#bdcde0;max-width:720px;line-height:1.7}
.ad-intro img{width:100%;height:270px;object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.36)}
.ad-controls{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(440px,1fr);gap:1rem;padding:1rem;border:1px solid var(--ad-line);background:#07172b;border-radius:22px;align-items:end}
.ad-select-label,.ad-label{display:grid;gap:.45rem;color:#aec2da;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ad-select-label select,.advanced-demo select{width:100%;min-height:50px;color:white;background:#102844;border:1px solid #284a70;border-radius:12px;padding:.7rem 2.5rem .7rem .9rem}
.ad-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.ad-plan{display:grid;text-align:left;gap:.2rem;min-height:50px;padding:.65rem .8rem;border-radius:12px;border:1px solid #294762;color:#dbe9fa;background:#0c2038}
.ad-plan small{font-size:.62rem;letter-spacing:.14em;color:#7e9dbd}
.ad-plan strong{font-size:.76rem;line-height:1.2}
.ad-plan.active{border-color:#6db0ff;background:linear-gradient(135deg,#16477a,#0c294a);box-shadow:inset 0 0 0 1px rgba(101,169,255,.2)}
.ad-feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.ad-feature-strip span{display:flex;align-items:center;gap:.65rem;padding:.75rem .9rem;border:1px solid var(--ad-line);border-radius:14px;background:#08192d;color:#c6d5e7;font-size:.78rem}
.ad-feature-strip i{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;font-style:normal;color:#061426;background:#79b9ff;font-weight:900}
.ad-proof{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:.8rem 1rem;border-radius:14px;background:rgba(84,223,220,.08);border:1px solid rgba(84,223,220,.2)}
.ad-proof>span{font-size:.65rem;color:#64e4df;font-weight:900;letter-spacing:.16em}
.ad-proof p{margin:0;color:#c5d6e9;font-size:.84rem;line-height:1.4}
.ad-proof b{color:#fff;background:#123d52;border:1px solid #2c7d87;border-radius:999px;padding:.45rem .7rem;font-size:.72rem;white-space:nowrap}
.ad-workspace{background:var(--ad-bg);border:1px solid var(--ad-line);border-radius:25px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.3)}
.ad-workspace-head{display:flex;align-items:center;gap:1.2rem;padding:1.1rem 1.25rem;background:linear-gradient(90deg,#0b213c,#07172a);border-bottom:1px solid var(--ad-line)}
.ad-workspace-head>div:first-child{margin-right:auto}
.ad-workspace-head p,.portal-top p,.os-top p{margin:0 0 .25rem;color:#6faeff;font-size:.63rem;font-weight:900;letter-spacing:.15em}
.ad-workspace-head h3,.portal-top h3{margin:0;font-size:1.3rem;letter-spacing:-.02em}
.ad-stat{min-width:95px;padding-left:1rem;border-left:1px solid var(--ad-line)}
.ad-stat strong,.ad-stat span{display:block}.ad-stat strong{font-size:1rem}.ad-stat span{color:var(--ad-muted);font-size:.67rem;margin-top:.2rem}
.ad-panel{background:var(--ad-panel);border:1px solid var(--ad-line);border-radius:16px;padding:1rem;min-width:0}
.ad-panel-title{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}
.ad-panel-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#143861;color:#78b8ff;font-size:.7rem;font-weight:900}
.ad-panel-title strong,.ad-panel-title small{display:block}.ad-panel-title strong{font-size:.9rem}.ad-panel-title small{font-size:.7rem;color:var(--ad-muted);margin-top:.15rem}
.ad-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.ad-actions.vertical{display:grid}.advanced-demo .button{border:none;min-height:42px;font-size:.76rem}.advanced-demo .button.ghost{background:#10253e;color:#c8dbef;border:1px solid #294866}.advanced-demo .button.danger{background:rgba(255,120,144,.1);color:#ff9aad;border:1px solid rgba(255,120,144,.3)}
.ad-data{display:grid;gap:.2rem;margin:1rem 0}.ad-data>div{display:flex;justify-content:space-between;gap:1rem;padding:.62rem 0;border-bottom:1px solid var(--ad-line)}.ad-data dt{font-size:.7rem;color:var(--ad-muted)}.ad-data dd{margin:0;text-align:right;font-size:.75rem;color:#e4eefb;max-width:63%}
.ad-log{display:grid;gap:.55rem;padding:0;margin:1rem 0 0;list-style:none}.ad-log li{display:grid;grid-template-columns:42px 1fr;gap:.55rem;align-items:start;font-size:.68rem}.ad-log time{color:#6684a4}.ad-log span{color:#bcd0e4;line-height:1.4}.ad-log li.good span{color:#9ee8c5}.ad-log li.warn span{color:#ffd58b}
.status{display:inline-flex;padding:.35rem .55rem;border-radius:999px;font-size:.62rem}.status.good{color:#93e9be;background:rgba(89,217,154,.1);border:1px solid rgba(89,217,154,.22)}
.inline-alert,.success-box{padding:.75rem;border-radius:10px;font-size:.72rem;line-height:1.5}.inline-alert{background:rgba(255,201,113,.08);border:1px solid rgba(255,201,113,.25);color:#ffdb99}.success-box{background:rgba(89,217,154,.08);border:1px solid rgba(89,217,154,.24);color:#aeeace}.success-box strong,.success-box p{display:block;margin:0}.success-box p{margin-top:.35rem}
.ad-empty{display:grid;place-items:center;text-align:center;min-height:260px;color:var(--ad-muted)}.ad-empty i{font-style:normal;font-size:2.4rem;color:#5d83aa}.ad-empty strong{color:white}.ad-empty p{font-size:.75rem}
.ad-custom{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 1.5rem;border-radius:20px;background:linear-gradient(110deg,#0d2440,#183a61);border:1px solid #2b547c}.ad-custom h3{margin:.3rem 0;font-size:1.2rem}.ad-custom p{margin:0;color:#aac0d8;font-size:.8rem;max-width:750px;line-height:1.5}

/* Lead capture */
.lead-room-grid{display:grid;grid-template-columns:.85fr 1fr 1fr;gap:.75rem;padding:.75rem}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem}.source-grid button{position:relative;display:flex;align-items:center;gap:.5rem;min-height:46px;padding:.45rem;border:1px solid #294764;border-radius:10px;color:#bed1e5;background:#0b2038;text-align:left;font-size:.7rem}.source-grid button.active{border-color:#69adff;background:#163c65}.source-grid i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#183453;color:#7db8ff;font-style:normal;font-size:.58rem}.source-grid small{position:absolute;right:.35rem;top:.25rem;font-size:.5rem}.sample-enquiry{margin-top:.8rem;padding:.8rem;border-radius:12px;background:#dce9f9;color:#10223a}.sample-enquiry span{font-size:.65rem;font-weight:900}.sample-enquiry p{font-size:.72rem;line-height:1.5;margin:.3rem 0 0}.record-profile{display:flex;align-items:center;gap:.7rem}.record-profile>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1a4a7d;color:#8fc5ff;font-weight:900}.record-profile>div{margin-right:auto}.record-profile h4,.record-profile p{margin:0}.record-profile p{font-size:.68rem;color:var(--ad-muted);margin-top:.2rem}.follow-status{display:flex;justify-content:space-between;align-items:center;padding:.8rem;border-radius:12px;background:rgba(89,217,154,.07);border:1px solid rgba(89,217,154,.2)}.follow-status.stopped{background:rgba(255,120,144,.07);border-color:rgba(255,120,144,.2)}.follow-status span{font-size:.7rem;color:#bad0e6}.follow-status strong{font-size:.7rem;color:#8de3b6}.follow-status.stopped strong{color:#ff9caf}.time-track{height:7px;border-radius:99px;background:#142c48;margin:1rem 0;overflow:hidden}.time-track i{display:block;height:100%;background:linear-gradient(90deg,#6aafff,#55dfdc);border-radius:inherit}

/* Booking */
.booking-status{display:grid;text-align:right}.booking-status span{font-size:.58rem;color:#6de2dc;letter-spacing:.12em}.booking-status strong{font-size:.82rem;margin-top:.25rem}.workspace-tabs{display:flex;gap:.35rem;padding:.65rem .75rem;border-bottom:1px solid var(--ad-line);background:#081a30;overflow:auto}.workspace-tabs button,.workspace-tabs a{white-space:nowrap;color:#8faac7;background:transparent;border:1px solid transparent;border-radius:9px;padding:.55rem .75rem;font-size:.7rem;text-decoration:none}.workspace-tabs button.active,.workspace-tabs a.active{color:white;background:#153c65;border-color:#2c5883}.booking-stage{display:grid;grid-template-columns:1fr 330px;min-height:520px}.booking-stage>div{padding:1.5rem}.booking-summary{padding:1.25rem;border-left:1px solid var(--ad-line);background:#091b30}.booking-summary h4{font-size:1.2rem;margin:.5rem 0}.booking-summary>p:not(.kicker){color:var(--ad-muted);font-size:.77rem;line-height:1.6}.booking-customer{display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#163b64,transparent 48%),#07162a}.booking-card{width:min(430px,100%);padding:1.5rem;border-radius:22px;background:#f7f9fc;color:#102038;box-shadow:0 20px 55px rgba(0,0,0,.4)}.booking-card>.booking-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#173a61;color:white;font-weight:900}.booking-card>p{font-size:.7rem;color:#587087;margin:.8rem 0 .2rem}.booking-card h4{font-size:1.45rem;margin:0}.booking-card>small{display:block;color:#617386;margin:.4rem 0 1rem}.slot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.slot-grid button{display:grid;gap:.2rem;text-align:left;border:1px solid #d5e0eb;background:white;border-radius:10px;padding:.65rem;color:#11243b}.slot-grid button small{font-size:.6rem;color:#64809a}.slot-grid button.selected{border-color:#2e82e7;background:#eaf4ff}.slot-grid button.unavailable{opacity:.5;text-decoration:line-through}.booking-card>.button{width:100%;margin-top:1rem}.calendar-head{display:flex;justify-content:space-between;margin-bottom:1rem}.calendar-head button{color:white;background:#132b47;border:none;border-radius:8px}.calendar-row{display:grid;grid-template-columns:70px 1fr;gap:.75rem;align-items:stretch;min-height:74px}.calendar-row time{color:#7f9dbd;font-size:.72rem;padding-top:.7rem}.calendar-row div{padding:.7rem;border-left:3px solid #58d99b;background:rgba(89,217,154,.06);border-radius:7px}.calendar-row div.busy{border-color:#ff7890;background:rgba(255,120,144,.06)}.calendar-row strong,.calendar-row small{display:block}.calendar-row small{color:#91aac4;font-size:.68rem;margin-top:.25rem}.staff-brief{max-width:640px;margin:auto;padding:2rem}.staff-brief header{display:flex;gap:.8rem;align-items:center}.staff-brief header>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#1b4c7d}.staff-brief header>div{margin-right:auto}.staff-brief h4,.staff-brief p{margin:0}.staff-brief p{font-size:.7rem;color:var(--ad-muted)}.staff-brief header b{font-size:.65rem;color:#8ce4b5}.automation-timeline{max-width:650px;margin:auto;display:grid;gap:.7rem;padding:2rem}.automation-timeline article{display:flex;gap:.8rem;align-items:center;padding:.8rem;border:1px solid var(--ad-line);border-radius:12px;background:#0a1d34;opacity:.5}.automation-timeline article.done{opacity:1;border-color:rgba(89,217,154,.25)}.automation-timeline i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#183654;color:#7caade;font-style:normal}.automation-timeline .done i{background:#1f6c51;color:#b9f5d9}.automation-timeline strong,.automation-timeline small{display:block}.automation-timeline small{color:var(--ad-muted);font-size:.65rem;margin-top:.2rem}

/* Sales */
.sales-grid{display:grid;grid-template-columns:260px 330px 1fr;gap:.75rem;padding:.75rem}.scoring-panel label{display:grid;gap:.7rem;color:#bcd0e5;font-size:.72rem}.scoring-panel input{accent-color:#69adff}.score-weights{display:grid;gap:.45rem;margin:1rem 0}.score-weights span{display:flex;justify-content:space-between;color:#8fa9c4;font-size:.68rem;padding-bottom:.4rem;border-bottom:1px solid var(--ad-line)}.score-weights b{color:#78b7ff}.explain{font-size:.68rem;color:#899fb7;line-height:1.5}.opportunity-list{display:grid;align-content:start;gap:.45rem}.opportunity{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:.6rem;border:1px solid var(--ad-line);border-radius:12px;padding:.65rem;background:#091b30;color:white;text-align:left}.opportunity.active{border-color:#5b9fe9;background:#102d4d}.opportunity>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-style:normal;background:#173e67;color:#91c7ff;font-weight:900}.opportunity strong,.opportunity small{display:block}.opportunity small{color:#8fa7c0;font-size:.62rem;margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.opportunity>b{font-size:.65rem;color:#7de0b1}.deal-brief>header{display:flex;align-items:center}.deal-brief>header>div{margin-right:auto}.deal-brief h4,.deal-brief header p{margin:0}.deal-brief header p{font-size:.65rem;color:var(--ad-muted)}.score-ring{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:5px solid #4a9bf0;background:#112945}.pipeline-track{display:flex;gap:.25rem;margin:1rem 0}.pipeline-track button{flex:1;border:none;border-top:3px solid #29445e;background:transparent;color:#7290ac;padding:.55rem .2rem;font-size:.58rem}.pipeline-track button.done{border-color:#62dba3;color:#b7efd2}

/* Workflow */
.workflow-layout{display:grid;grid-template-columns:250px 1fr 300px;gap:.75rem;padding:.75rem}.trigger-panel select{margin-bottom:.75rem}.trigger-panel>article{padding:.8rem;border:1px solid var(--ad-line);border-radius:11px;background:#0e243d}.trigger-panel article p,.trigger-panel article strong,.trigger-panel article small{display:block;margin:0}.trigger-panel article p{font-size:.58rem;color:#65a9ff}.trigger-panel article strong{margin:.35rem 0;font-size:.8rem}.trigger-panel article small{color:#8ea8c2}.workflow-canvas{position:relative;min-height:510px;border:1px solid var(--ad-line);border-radius:16px;background:#061222;overflow:hidden}.canvas-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(93,143,196,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(93,143,196,.07) 1px,transparent 1px);background-size:22px 22px}.node-flow{position:relative;display:grid;place-items:center;gap:.45rem;padding:1.5rem}.workflow-node{position:relative;display:flex;align-items:center;gap:.75rem;width:min(420px,90%);padding:.75rem;border:1px solid #27445f;border-radius:12px;background:#0d2238;box-shadow:0 7px 22px rgba(0,0,0,.2)}.workflow-node>i{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#152f4a;color:#83adcf;font-style:normal}.workflow-node small,.workflow-node strong{display:block}.workflow-node small{font-size:.5rem;color:#6988a6;letter-spacing:.12em}.workflow-node strong{font-size:.76rem;margin-top:.15rem}.workflow-node.done{border-color:rgba(89,217,154,.4)}.workflow-node.done>i{background:#1b654b;color:#b5efd2}.workflow-node.failed{border-color:rgba(255,120,144,.55);box-shadow:0 0 25px rgba(255,120,144,.12)}.workflow-node.failed>i{background:#743344;color:#ffd0d9}.connector{position:absolute;bottom:-17px;color:#5081ac;transform:rotate(90deg)}.run-state{display:grid;text-align:right}.run-state i{display:none}.run-state span{font-size:.58rem;color:#7593b0}.run-state strong{font-size:.75rem;margin-top:.2rem}.repair-box{margin-top:1rem;padding:.8rem;border-radius:12px;background:rgba(255,201,113,.07);border:1px solid rgba(255,201,113,.22)}.repair-box p{font-size:.67rem;color:#cbb992;line-height:1.5}

/* Agents */
.agent-status{display:flex;align-items:center;gap:.45rem;font-size:.62rem;color:#75e0ab}.agent-status i{width:8px;height:8px;border-radius:50%;background:#54d995;box-shadow:0 0 0 5px rgba(84,217,149,.1)}.agent-status.paused{color:#ff9eaf}.agent-status.paused i{background:#ff7890}.agent-grid{display:grid;grid-template-columns:250px 1fr 290px;gap:.75rem;padding:.75rem}.role-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.role-list button{border:1px solid var(--ad-line);border-radius:9px;background:#0a1d33;color:#9fb6cc;padding:.55rem;font-size:.66rem}.role-list button.active{background:#174776;color:white;border-color:#4f8ecf}.agent-task{margin-top:1rem;padding:.8rem;border-radius:12px;background:#07182b;border:1px solid var(--ad-line)}.agent-task small{font-size:.55rem;color:#65a9ff;letter-spacing:.12em}.agent-task p{font-size:.76rem;line-height:1.5}.agent-task button{width:100%}.agent-plan{display:grid;align-content:start;gap:.6rem}.agent-step{display:flex;align-items:center;gap:.7rem;padding:.75rem;border:1px solid var(--ad-line);border-radius:11px;background:#091d33}.agent-step i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#173450;font-style:normal;color:#79a6cf}.agent-step strong,.agent-step small{display:block}.agent-step strong{font-size:.74rem}.agent-step small{font-size:.61rem;color:#819bb4;margin-top:.2rem}.agent-step.done{border-color:rgba(89,217,154,.25)}.agent-step.done i{background:#1d684d;color:#bcf2d7}.agent-step.blocked{border-color:rgba(255,201,113,.4)}.agent-step.blocked i{background:#725625;color:#ffe1a5}.approval-card{padding:1rem;border-radius:14px;background:linear-gradient(135deg,#332a19,#1d2531);border:1px solid rgba(255,201,113,.35)}.approval-card>span{font-size:.56rem;color:#ffc971;letter-spacing:.12em}.approval-card h4{margin:.5rem 0}.approval-card p{font-size:.7rem;color:#c8bfae;line-height:1.5}.permission-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--ad-line)}.permission-row strong,.permission-row small{display:block}.permission-row strong{font-size:.7rem}.permission-row small{font-size:.58rem;color:#7e99b5;margin-top:.15rem}.permission-row input{accent-color:#62cfff;width:36px}

/* Integrations */
.integration-grid{display:grid;grid-template-columns:250px 1fr 300px;gap:.75rem;padding:.75rem}.connection-map{position:relative;min-height:560px;border:1px solid var(--ad-line);border-radius:16px;background:radial-gradient(circle,#123153 0,#071426 48%,#050f1d 100%);overflow:hidden}.connection-map:before,.connection-map:after{content:"";position:absolute;inset:50%;width:80%;height:1px;background:#1e476b;transform:translate(-50%,-50%)}.connection-map:after{transform:translate(-50%,-50%) rotate(90deg)}.central-record{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;width:160px;height:120px;border-radius:22px;background:#153d68;border:1px solid #5b9bd7;box-shadow:0 0 50px rgba(58,138,223,.25)}.central-record small{font-size:.49rem;color:#75b7fa}.central-record strong{font-size:.88rem}.central-record span{font-size:.62rem;color:#a7c2df}.app-node{position:absolute;z-index:3;display:flex;align-items:center;gap:.5rem;width:130px;padding:.6rem;border-radius:11px;border:1px solid #37658b;background:#0b233a}.app-node i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#174979;font-style:normal;font-size:.55rem}.app-node strong,.app-node small{display:block}.app-node strong{font-size:.68rem}.app-node small{font-size:.55rem;color:#6fd8a5}.app-node.off{opacity:.45;border-style:dashed}.app-node.off small{color:#8a9caf}.app-node.failed{border-color:#ff7890}.app-node.failed small{color:#ff98aa}.node-0{left:4%;top:8%}.node-1{right:4%;top:8%}.node-2{left:2%;top:43%}.node-3{right:2%;top:43%}.node-4{left:6%;bottom:8%}.node-5{right:6%;bottom:8%}.node-6{left:50%;bottom:2%;transform:translateX(-50%)}

/* Portals */
.portal-top{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:#0b213c;border-bottom:1px solid var(--ad-line)}.portal-top>div:first-child{margin-right:auto}.portal-top label{display:flex;align-items:center;gap:.6rem;font-size:.65rem;color:#8ea8c2}.portal-top select{min-height:38px}.portal-user{display:flex;align-items:center;gap:.5rem;border-left:1px solid var(--ad-line);padding-left:1rem}.portal-user>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#28639a}.portal-user strong,.portal-user small{display:block;font-size:.65rem}.portal-user small{color:#829db8;margin-top:.12rem}.portal-layout{display:grid;grid-template-columns:76px 1fr 300px;min-height:600px}.portal-nav{display:grid;align-content:start;gap:.5rem;padding:.8rem;border-right:1px solid var(--ad-line);background:#07172a}.portal-nav>strong{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#7abaff,#286aa9);color:#061426;margin:0 auto 1rem}.portal-nav button{display:grid;place-items:center;gap:.2rem;color:#7896b4;background:transparent;border:none;font-size:.52rem}.portal-nav button i{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#102b48;font-style:normal}.portal-nav button.active{color:#fff}.portal-nav button.active i{background:#2567a4}.portal-main{padding:1rem;min-width:0}.portal-main>header{display:flex;justify-content:space-between;align-items:center}.portal-main h3{margin:.3rem 0;font-size:1.35rem}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1rem 0}.metric-grid article{position:relative;padding:.85rem;border:1px solid var(--ad-line);border-radius:13px;background:#0b2038}.metric-grid article>span{position:absolute;right:.6rem;top:.45rem;color:#284c70;font-size:.62rem}.metric-grid strong{display:block;font-size:1.1rem}.metric-grid p{margin:.3rem 0 0;color:#829db8;font-size:.64rem}.portal-table{border:1px solid var(--ad-line);border-radius:15px;overflow:hidden}.table-title{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background:#0c233d}.table-title h4,.table-title p{margin:0}.table-title p{font-size:.62rem;color:#829cb5;margin-top:.2rem}.table-title>span{font-size:.65rem;color:#6fafea}.portal-table>button{display:grid;grid-template-columns:35px 1fr auto auto;gap:.65rem;align-items:center;width:100%;padding:.7rem;border:none;border-top:1px solid var(--ad-line);background:#08192e;color:white;text-align:left}.portal-table>button.selected{background:#102a47}.portal-table button>i{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#16426c;font-style:normal}.portal-table button strong,.portal-table button small{display:block}.portal-table button small{font-size:.6rem;color:#819cb7}.portal-table button>b{font-size:.62rem;color:#75dca7}.portal-table button>em{font-style:normal;font-size:.58rem;color:#65a9ff}.portal-detail{padding:1rem;border-left:1px solid var(--ad-line);background:#081a2f}.portal-detail h3{margin:.4rem 0}.portal-detail>p:not(.kicker){font-size:.72rem;color:#92aac2;line-height:1.5}

/* Business operating system */
.os-top{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;background:#0b213c;border-bottom:1px solid var(--ad-line)}.os-brand{display:flex;align-items:center;gap:.65rem}.os-brand>strong{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#82c2ff,#2b659e);color:#071529}.os-brand p{color:white}.os-brand small{font-size:.6rem;color:#819bb4}.os-search{margin:auto;width:min(430px,40%);padding:.7rem;border:1px solid var(--ad-line);border-radius:10px;background:#081a30;color:#6987a6;font-size:.65rem}.os-user{display:flex;align-items:center;gap:.5rem;font-size:.68rem}.os-user span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1f5b90}.os-layout{display:grid;grid-template-columns:170px 1fr 280px;min-height:620px}.os-nav{display:grid;align-content:start;gap:.25rem;padding:.8rem;background:#07162a;border-right:1px solid var(--ad-line)}.os-nav p{font-size:.52rem;color:#577494;letter-spacing:.12em;margin:1rem .5rem .4rem}.os-nav button{display:flex;align-items:center;gap:.55rem;padding:.58rem;border:none;border-radius:8px;background:transparent;color:#87a2bd;text-align:left;font-size:.65rem}.os-nav button.active{background:#153d66;color:white}.os-nav i{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#102c49;font-style:normal;font-size:.55rem}.os-main{padding:1rem;min-width:0}.os-main>header{display:flex;justify-content:space-between;align-items:center}.os-main h3{margin:.3rem 0}.os-main label{font-size:.62rem;color:#91abc4}.os-main select{min-height:38px}.os-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin:1rem 0}.os-metrics article{padding:.75rem;border:1px solid var(--ad-line);border-radius:12px;background:#0a1f37}.os-metrics small,.os-metrics strong,.os-metrics span{display:block}.os-metrics small{color:#82a0bd;font-size:.58rem}.os-metrics strong{font-size:1.1rem;margin:.3rem 0}.os-metrics span{color:#6fd9a3;font-size:.55rem}.job-board{padding:1rem;border:1px solid var(--ad-line);border-radius:16px;background:#091b31}.job-head{display:flex;justify-content:space-between;align-items:center}.job-head>div{display:flex;align-items:center;gap:.65rem}.job-head>div>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#184877}.job-head h4,.job-head p{margin:0}.job-head p{font-size:.62rem;color:#829cb7}.job-head>b{font-size:.62rem;color:#72dda7}.job-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1.2rem 0}.job-flow article{position:relative;padding:.75rem;border-radius:11px;background:#08172a;border:1px solid var(--ad-line);opacity:.5}.job-flow article.active,.job-flow article.done{opacity:1}.job-flow article.active{border-color:#63a7ea}.job-flow article.done{border-color:rgba(89,217,154,.3)}.job-flow i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#143454;font-style:normal;font-size:.62rem}.job-flow strong,.job-flow small{display:block}.job-flow strong{font-size:.68rem;margin-top:.6rem}.job-flow small{font-size:.55rem;color:#7f9ab5;margin-top:.2rem}.exception-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;border-radius:12px;background:rgba(255,120,144,.08);border:1px solid rgba(255,120,144,.25)}.exception-banner strong,.exception-banner p{margin:0}.exception-banner strong{font-size:.74rem;color:#ff9eae}.exception-banner p{font-size:.62rem;color:#bda8ae;margin-top:.25rem}.os-activity{padding:1rem;border-left:1px solid var(--ad-line);background:#08192e}.os-activity h4{font-size:1.1rem;margin:.45rem 0}

/* SaaS */
.saas-surface{display:grid;grid-template-columns:1fr 270px;min-height:570px}.saas-surface>section{padding:1.25rem}.lifecycle-rail{padding:1rem;border-left:1px solid var(--ad-line);background:#08192e}.lifecycle-rail>article{display:flex;align-items:center;gap:.6rem;padding:.65rem 0;color:#7894b0;font-size:.68rem}.lifecycle-rail article i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid #2e4c68;font-style:normal}.lifecycle-rail article.done{color:#b7ead0}.lifecycle-rail article.done i{background:#1b654b;border-color:#2f8b6c}.product-surface{background:#eff5fb;color:#12243a}.product-surface>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #cfdae5}.product-surface header>div{display:flex;align-items:center;gap:.55rem}.product-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#102b4a;color:white;font-weight:900}.product-surface header strong,.product-surface header small{display:block}.product-surface header small{font-size:.62rem;color:#657a91}.avatar{display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:50%;background:#1b5b94;color:white}.product-empty{display:grid;place-items:center;text-align:center;max-width:480px;margin:4rem auto}.product-empty>span{font-size:2rem;color:#3679ba}.product-empty h3{font-size:1.6rem;margin:.8rem 0 .3rem}.product-empty p{color:#62758b;font-size:.76rem;line-height:1.5}.product-empty.suspended>span{color:#df5b70}.product-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:1rem}.welcome,.core-feature{padding:1.2rem;border-radius:16px;background:white;border:1px solid #d6e0e9}.welcome p,.core-feature>span{font-size:.55rem;color:#3978b3;font-weight:900;letter-spacing:.12em}.welcome h3{font-size:1.5rem}.core-feature h4{font-size:1.15rem;margin:.6rem 0}.core-feature p{font-size:.72rem;color:#61768b;line-height:1.5}.usage-bar{height:7px;background:#dbe5ee;border-radius:99px;margin:1rem 0 .4rem;overflow:hidden}.usage-bar i{display:block;height:100%;background:#347fc3}.core-feature>small{display:block;color:#60768b}.org-console>header,.owner-console>header{display:flex;justify-content:space-between;align-items:center}.org-console h3,.owner-console h3{margin:.3rem 0}.tenant-table{border:1px solid var(--ad-line);border-radius:13px;overflow:hidden}.tenant-table>div{display:grid;grid-template-columns:1.3fr 1fr auto;gap:.6rem;padding:.75rem;border-bottom:1px solid var(--ad-line);font-size:.68rem}.tenant-table>div:first-child{color:#7191b1;background:#0c223b}.tenant-table b{color:#78dda9}.tenant-table>p{padding:1rem;color:#809ab4}.owner-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:.75rem}.owner-grid>section{padding:1rem;border:1px solid var(--ad-line);border-radius:14px;background:#091d34}.owner-grid h4{margin-top:0}.owner-grid article{display:flex;align-items:center;gap:.6rem}.owner-grid article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#194a7a}.owner-grid article>div{margin-right:auto}.owner-grid article strong,.owner-grid article small{display:block}.owner-grid article small{font-size:.6rem;color:#839db6}.owner-grid article>b{font-size:.62rem;color:#74dda8}

@media (max-width:1100px){
  .lead-room-grid,.sales-grid,.workflow-layout,.agent-grid,.integration-grid{grid-template-columns:1fr 1fr}.lead-room-grid>*:last-child,.sales-grid>*:last-child,.workflow-layout>*:last-child,.agent-grid>*:last-child,.integration-grid>*:last-child{grid-column:1/-1}.portal-layout{grid-template-columns:70px 1fr}.portal-detail{grid-column:1/-1;border-left:0;border-top:1px solid var(--ad-line)}.os-layout{grid-template-columns:150px 1fr}.os-activity{grid-column:1/-1;border-left:0;border-top:1px solid var(--ad-line)}
}
@media (max-width:760px){
  .ad-intro{grid-template-columns:1fr;padding:1rem}.ad-intro h2{font-size:2.2rem}.ad-intro img{height:210px}.ad-controls{grid-template-columns:1fr}.ad-plans{grid-template-columns:1fr}.ad-plan{min-height:45px}.ad-feature-strip{grid-template-columns:1fr}.ad-proof{grid-template-columns:1fr;gap:.4rem}.ad-proof b{justify-self:start}.ad-workspace-head{align-items:flex-start;flex-wrap:wrap}.ad-stat{flex:1;min-width:75px}.ad-workspace-head>div:first-child{width:100%}.ad-custom{align-items:flex-start;flex-direction:column}.lead-room-grid,.sales-grid,.workflow-layout,.agent-grid,.integration-grid{grid-template-columns:1fr}.lead-room-grid>*:last-child,.sales-grid>*:last-child,.workflow-layout>*:last-child,.agent-grid>*:last-child,.integration-grid>*:last-child{grid-column:auto}.booking-stage{grid-template-columns:1fr}.booking-summary{border-left:0;border-top:1px solid var(--ad-line)}.booking-stage>div{padding:.8rem}.booking-card{padding:1rem}.pipeline-track{overflow:auto}.pipeline-track button{min-width:72px}.workflow-canvas{min-height:500px}.connection-map{min-height:540px}.app-node{width:112px}.central-record{width:135px}.portal-top{align-items:flex-start;flex-wrap:wrap}.portal-top>div:first-child{width:100%}.portal-layout{grid-template-columns:1fr}.portal-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--ad-line)}.portal-nav>strong{margin:0 .5rem 0 0;flex:none}.portal-nav button{min-width:55px}.portal-detail{grid-column:auto}.metric-grid,.os-metrics{grid-template-columns:repeat(2,1fr)}.portal-main>header{align-items:flex-start;gap:.5rem}.portal-table>button{grid-template-columns:34px 1fr auto}.portal-table button>em{display:none}.os-top{flex-wrap:wrap}.os-search{order:3;width:100%}.os-layout{grid-template-columns:1fr}.os-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--ad-line)}.os-nav p{display:none}.os-nav button{min-width:max-content}.os-activity{grid-column:auto}.job-flow{grid-template-columns:1fr 1fr}.exception-banner{align-items:flex-start;flex-direction:column}.saas-surface{grid-template-columns:1fr}.lifecycle-rail{border-left:0;border-top:1px solid var(--ad-line)}.product-dashboard,.owner-grid{grid-template-columns:1fr}.product-empty{margin:2rem auto}.advanced-demo .demo-builder-intro{align-items:flex-start}.advanced-demo .demo-builder-intro h2{font-size:1.6rem}
}
@media (max-width:420px){.source-grid,.slot-grid,.metric-grid,.os-metrics,.job-flow{grid-template-columns:1fr}.ad-intro img{height:180px}.ad-actions .button{width:100%}.portal-main{padding:.7rem}.portal-table>button{grid-template-columns:32px 1fr}.portal-table button>b{grid-column:2}.opportunity{grid-template-columns:38px 1fr}.opportunity>b{grid-column:2}.connection-map{min-height:600px}.node-0{left:2%}.node-1{right:2%}.node-2{left:2%;top:29%}.node-3{right:2%;top:29%}.node-4{left:2%;bottom:15%}.node-5{right:2%;bottom:15%}.node-6{bottom:2%}}



.refined-demo{--rx-bg:#061426;--rx-panel:#0b1e35;--rx-line:rgba(125,181,239,.18);--rx-blue:#6bb2ff;--rx-green:#59daa0;--rx-warn:#ffc96c;--rx-red:#ff7b91;color:#f7faff}.refined-demo button,.refined-demo select,.refined-demo textarea{font:inherit}.refined-demo button{cursor:pointer}.refined-demo button:disabled{opacity:.4;cursor:not-allowed}#refined-root{display:grid;gap:1rem}.rx-explain{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:1.5rem;padding:clamp(1.1rem,3vw,2.4rem);border:1px solid var(--rx-line);border-radius:26px;background:linear-gradient(135deg,#081a30,#113154);overflow:hidden}.rx-explain h2{font-size:clamp(2rem,4vw,4rem);line-height:.98;letter-spacing:-.05em;margin:.45rem 0 1rem;max-width:850px}.rx-explain p:not(.kicker){max-width:680px;color:#aac0d7;line-height:1.65}.rx-explain img{width:100%;height:230px;object-fit:cover;border-radius:19px;border:1px solid rgba(255,255,255,.16)}.rx-config{display:grid;grid-template-columns:.55fr 1fr;gap:1rem;align-items:end;padding:1rem;border-radius:18px;border:1px solid var(--rx-line);background:#07182c}.rx-config label,.rx-config>div>span{display:grid;gap:.45rem;color:#9eb6ce;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.rx-config select,.business-os select{min-height:48px;padding:.6rem .8rem;color:white;border:1px solid #2d5277;border-radius:10px;background:#102b49}.rx-care{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.rx-care button{display:grid;text-align:left;gap:.15rem;min-height:48px;padding:.55rem .7rem;color:#a9bfd5;border:1px solid #294864;border-radius:10px;background:#0a2038}.rx-care small{font-size:.55rem;color:#6f91b3;letter-spacing:.13em}.rx-care strong{font-size:.7rem}.rx-care button.active{color:white;border-color:#63a9eb;background:#173f69}.rx-workspace{border:1px solid var(--rx-line);border-radius:23px;overflow:hidden;background:var(--rx-bg);box-shadow:0 24px 70px rgba(0,0,0,.28)}.rx-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--rx-line);background:linear-gradient(90deg,#0c2745,#07172a)}.rx-head small{font-size:.57rem;letter-spacing:.15em;color:#6eb1f4;font-weight:900}.rx-head h3{font-size:1.25rem;margin:.25rem 0 0}.rx-event{padding:.45rem .7rem;border:1px solid rgba(89,218,160,.3);border-radius:999px;background:rgba(89,218,160,.08);color:#91e7ba;font-size:.66rem}.rx-event.failed{color:#ff9daf;border-color:rgba(255,123,145,.32);background:rgba(255,123,145,.08)}.rx-card{min-width:0;padding:1rem;border:1px solid var(--rx-line);border-radius:15px;background:var(--rx-panel)}.rx-title{display:flex;align-items:center;gap:.65rem;margin-bottom:.9rem}.rx-title>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#143b64;color:#75b6f6;font-size:.65rem;font-weight:900}.rx-title strong,.rx-title small{display:block}.rx-title strong{font-size:.82rem}.rx-title small{margin-top:.13rem;color:#7897b5;font-size:.61rem}.rx-empty{display:grid;place-items:center;text-align:center;min-height:230px;color:#7e9ab5}.rx-empty.compact{min-height:160px}.rx-empty i{font-style:normal;font-size:2rem;color:#47739b}.rx-empty strong{color:#d7e6f5;font-size:.8rem}.rx-empty p{font-size:.66rem;line-height:1.5;max-width:230px}.rx-log{display:grid;gap:.4rem;padding:0;margin:1rem 0 0;list-style:none}.rx-log li{display:grid;grid-template-columns:42px 1fr;gap:.45rem;font-size:.62rem;color:#89a4be}.rx-log time{color:#587695}.rx-log li.good span{color:#93dfb8}.rx-log li.warn span{color:#ffd58d}.rx-custom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.3rem;border:1px solid #28527b;border-radius:18px;background:linear-gradient(110deg,#0b223d,#143b62)}.rx-custom small,.rx-custom strong,.rx-custom p{display:block;margin:0}.rx-custom small{font-size:.55rem;color:#70b3f7;letter-spacing:.13em}.rx-custom strong{margin:.25rem 0;font-size:1rem}.rx-custom p{font-size:.7rem;color:#98b1c9}.refined-demo .button{min-height:42px;border:none;font-size:.7rem}.refined-demo .button.ghost{background:#102840;color:#b9cee1;border:1px solid #294c6d}.refined-demo .button.danger{background:rgba(255,123,145,.1);color:#ff9cad;border:1px solid rgba(255,123,145,.3)}

/* Sales journey */
.rx-journey{display:grid;grid-template-columns:repeat(5,1fr);padding:.9rem 1rem;border-bottom:1px solid var(--rx-line);background:#07182b}.rx-journey article{position:relative;display:grid;grid-template-columns:28px 1fr;column-gap:.5rem;align-items:center;color:#647f9a}.rx-journey article:not(:last-child):after{content:"";position:absolute;right:5px;top:14px;width:20%;height:1px;background:#284965}.rx-journey i{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid #355978;font-style:normal;font-size:.6rem}.rx-journey strong{font-size:.68rem}.rx-journey small{font-size:.53rem}.rx-journey .active,.rx-journey .done{color:#dceafa}.rx-journey .active i{background:#2369a7;border-color:#6eb5f7}.rx-journey .done i{background:#1d684e;border-color:#55ce98}.sales-story-grid{display:grid;grid-template-columns:.85fr .8fr 1.15fr .8fr;gap:.65rem;padding:.65rem}.incoming-sale>article{padding:.75rem;border-radius:12px;background:#dbeafa;color:#10233b}.incoming-sale article header{display:flex;align-items:center;gap:.55rem}.incoming-sale article header i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1e5e96;color:white;font-style:normal}.incoming-sale article header strong,.incoming-sale article header small{display:block}.incoming-sale article header small{font-size:.56rem;color:#547087}.incoming-sale article p{font-size:.7rem;line-height:1.45}.incoming-sale dl{display:grid;gap:.35rem}.incoming-sale dl div{display:flex;justify-content:space-between;gap:.6rem;padding:.45rem 0;border-bottom:1px solid var(--rx-line)}.incoming-sale dt{font-size:.59rem;color:#7693af}.incoming-sale dd{margin:0;text-align:right;font-size:.62rem;max-width:62%}.incoming-sale>.button{width:100%;margin-top:.7rem}.priority-score{display:grid;place-items:center;width:100px;height:100px;margin:.5rem auto 1rem;border-radius:50%;border:7px solid #54dca2;background:#0c2945;box-shadow:0 0 35px rgba(84,220,162,.12)}.priority-score strong{font-size:1.7rem}.priority-score span{font-size:.48rem;color:#8ee6ba}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.reason-grid span{padding:.55rem;border:1px solid var(--rx-line);border-radius:9px;color:#87a2bd;font-size:.55rem}.reason-grid b{display:block;color:#dce9f7;font-size:.62rem;margin-bottom:.2rem}.sales-decision>.button{width:100%;margin-top:.7rem}.mini-phone{border:5px solid #020a12;border-radius:22px;overflow:hidden;background:#e6edf4;color:#142337}.mini-phone>header{display:flex;align-items:center;gap:.55rem;padding:.65rem;background:#163f68;color:white}.mini-phone header>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#6db4fb;color:#0b1e32;font-size:.58rem;font-weight:900}.mini-phone header strong,.mini-phone header small{display:block}.mini-phone header small{font-size:.55rem;color:#aed0ee}.mini-chat{display:grid;gap:.5rem;min-height:265px;padding:.75rem}.mini-chat article{max-width:86%;padding:.55rem .65rem;border-radius:11px;font-size:.63rem}.mini-chat article.customer{justify-self:end;background:#ccebdc}.mini-chat article.agent{justify-self:start;background:white}.mini-chat small{display:block;font-size:.5rem;color:#60788c}.mini-chat p{margin:.25rem 0 0;line-height:1.4}.conversation-stage>.button{width:100%;margin-top:.7rem}.approval-request{padding:.9rem;border:1px solid rgba(255,201,108,.3);border-radius:12px;background:rgba(255,201,108,.06)}.approval-request>small{font-size:.54rem;color:#ffc96c;letter-spacing:.12em}.approval-request h4{font-size:1rem;margin:.5rem 0}.approval-request p{font-size:.64rem;color:#b8aa8e;line-height:1.5}.approval-request .button{width:100%;margin-top:.45rem}.won-result{display:grid;place-items:center;text-align:center;padding:1rem;border-radius:13px;background:rgba(89,218,160,.08);border:1px solid rgba(89,218,160,.27)}.won-result.small{min-height:170px}.won-result>i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#1e6e51;color:#c4f2dc;font-style:normal;font-size:1.4rem}.won-result small{font-size:.52rem;color:#70dba6;letter-spacing:.12em;margin-top:.65rem}.won-result h4{margin:.4rem 0}.won-result p{font-size:.64rem;color:#91b8a5;line-height:1.5}

/* Visual workflow */
.flow-stage{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem;min-height:300px;padding:3.6rem 1rem 2rem;background:radial-gradient(circle at 50% 50%,#10375c,#061326 62%);overflow:hidden}.flow-stage:before{content:"";position:absolute;left:7%;right:7%;top:51%;height:5px;border-radius:99px;background:#173d5d}.flow-water{position:absolute;left:7%;right:7%;top:calc(51% - 3px);height:10px;overflow:hidden}.flow-water:after{content:"";position:absolute;left:-30%;width:30%;height:100%;border-radius:99px;background:linear-gradient(90deg,transparent,#54dfe0,#65a9ff,transparent)}.flow-water.moving:after{animation:dataFlow 2.5s linear infinite}.flow-node{position:relative;z-index:2;align-self:center;display:grid;place-items:center;text-align:center;min-height:155px;padding:.7rem;border:1px solid #285170;border-radius:15px;background:#0a2139;box-shadow:0 12px 30px rgba(0,0,0,.3)}.flow-node>i{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#163f65;color:#74b6f6;font-style:normal;font-size:.66rem;font-weight:900}.flow-node strong,.flow-node small{display:block}.flow-node strong{font-size:.7rem;margin-top:.6rem}.flow-node small{font-size:.55rem;color:#7d99b5;margin-top:.2rem}.flow-packet{padding:.3rem .45rem;border-radius:999px;background:#0e304f;color:#67a8e5;font-size:.48rem}.flow-node.done{border-color:rgba(89,218,160,.45)}.flow-node.done>i{background:#1d684e;color:#bbefd4}.flow-node.failed{border-color:#ff7b91;box-shadow:0 0 30px rgba(255,123,145,.16)}.flow-node.failed>i{background:#713446;color:#ffc7d0}.workflow-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:.65rem}.payload-view pre{white-space:pre-wrap;padding:1rem;border-radius:11px;background:#030c17;color:#89c7ff;font-size:.68rem;line-height:1.6}.failure-proof{padding:.8rem;border:1px solid rgba(255,123,145,.26);border-radius:11px;background:rgba(255,123,145,.06)}.failure-proof strong{font-size:.75rem;color:#ff9daf}.failure-proof p{font-size:.63rem;color:#b99aa1;line-height:1.5}.failure-proof .button{width:100%}@keyframes dataFlow{to{left:110%}}

/* Agent story */
.agent-story-grid{display:grid;grid-template-columns:250px 1fr 290px;gap:.65rem;padding:.65rem}.agent-role-list{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.agent-role-list button{padding:.5rem;border:1px solid var(--rx-line);border-radius:8px;background:#08192c;color:#89a4bf;font-size:.62rem}.agent-role-list button.active{background:#184672;color:white;border-color:#5192cf}.task-ticket{display:grid;gap:.35rem;margin-top:.75rem;padding:.75rem;border:1px solid #2a5072;border-radius:11px;background:#07182a}.task-ticket small{font-size:.52rem;color:#68acf0;letter-spacing:.12em}.task-ticket strong{font-size:.7rem;line-height:1.4}.task-ticket p{margin:0;color:#829db7;font-size:.61rem;line-height:1.45}.permission-chips{display:grid;gap:.35rem;margin:.7rem 0}.permission-chips span{padding:.4rem .5rem;border-radius:7px;background:#0d2a45;color:#87b6dc;font-size:.56rem}.agent-role>.button{width:100%}.agent-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:.2rem;margin-bottom:.9rem}.agent-progress span{padding:.35rem;border-top:3px solid #294863;color:#69849d;font-size:.5rem;text-align:center}.agent-progress span.active{color:#8bc6ff;border-color:#67aff3}.agent-progress span.done{color:#8ee2b6;border-color:#55d09a}.first-approval{padding:1rem;border:1px solid rgba(107,178,255,.3);border-radius:13px;background:linear-gradient(135deg,#102d4b,#0a2036)}.first-approval>span{font-size:.54rem;color:#70b5f7;letter-spacing:.12em}.first-approval h4{font-size:1.2rem;margin:.6rem 0}.first-approval p{font-size:.67rem;color:#93abc1;line-height:1.5}.agent-chat{border:4px solid #020a13;border-radius:20px;overflow:hidden;background:#dde8f3;color:#13243a}.agent-chat>header{display:flex;align-items:center;gap:.55rem;padding:.6rem;background:#113c65;color:white}.agent-chat header i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#6bb4f8;color:#092039;font-style:normal;font-size:.55rem;font-weight:900}.agent-chat header strong,.agent-chat header small{display:block}.agent-chat header small{font-size:.52rem;color:#acd0ee}.agent-chat>article{width:80%;margin:.6rem;padding:.55rem .65rem;border-radius:10px;background:white;font-size:.62rem}.agent-chat>article.ai{margin-left:auto;background:#c8ead9}.agent-chat article small{font-size:.49rem;color:#61788d}.agent-chat article p{margin:.25rem 0 0;line-height:1.42}.agent-conversation>.button{width:100%;margin-top:.65rem}

/* Integration movement */
.water-map{position:relative;min-height:520px;background:radial-gradient(circle at 50% 52%,#123d64,#061426 58%);overflow:hidden}.source-pool,.record-hub,.integration-app{position:absolute;z-index:3;display:grid;place-items:center;text-align:center;border:1px solid #36678e;background:#0d2945}.source-pool{left:3%;top:42%;width:140px;height:115px;border-radius:18px}.source-pool>i{font-style:normal;color:#6bb2ff}.source-pool strong,.source-pool small{font-size:.62rem}.source-pool small{color:#86a2bc}.data-drop{position:absolute;right:-40px;padding:.3rem;border-radius:999px;background:#60afea;color:#051525;font-size:.48rem}.water-main{position:absolute;left:13%;right:48%;top:51%;height:5px;background:#20557d}.water-main i{position:absolute;width:8px;height:8px;border-radius:50%;background:#71dfe0;box-shadow:0 0 14px #6bb2ff;animation:mainData 2.4s linear infinite}.water-main i:nth-child(2){animation-delay:.8s}.water-main i:nth-child(3){animation-delay:1.6s}.record-hub{left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:130px;border-radius:24px;box-shadow:0 0 45px rgba(75,158,231,.22)}.record-hub>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#70b5f7;color:#061426;font-weight:900}.record-hub strong{font-size:.75rem}.record-hub small{font-size:.55rem;color:#84a3c0}.water-branch{position:absolute;z-index:1;left:58%;width:26%;height:2px;background:#1c4a6d;transform-origin:left}.water-branch i{display:block;width:0;height:100%;background:linear-gradient(90deg,#60b1f0,#59daa0)}.water-map.moving .water-branch.on i{animation:branchFill 1.4s forwards}.water-branch.off{opacity:.3}.water-branch.broken{background:repeating-linear-gradient(90deg,#ff7b91 0 7px,transparent 7px 13px)}.packet{position:absolute;left:0;top:-10px;padding:.2rem;border-radius:50%;background:#5fb0eb;color:#041321;font-size:.45rem;opacity:0}.water-map.moving .water-branch.on .packet{animation:packetMove 2s 1s linear infinite}.branch-0{top:12%;transform:rotate(-28deg)}.branch-1{top:28%;transform:rotate(-14deg)}.branch-2{top:44%;transform:rotate(-3deg)}.branch-3{top:60%;transform:rotate(8deg)}.branch-4{top:76%;transform:rotate(20deg)}.branch-5{top:88%;transform:rotate(28deg)}.integration-app{right:3%;width:125px;height:66px;border-radius:12px;opacity:.46}.integration-app.on{opacity:1}.integration-app.delivered{border-color:#58d99f;box-shadow:0 0 22px rgba(88,217,159,.12)}.integration-app.failed{border-color:#ff7b91}.integration-app>i{font-style:normal;color:#68aff2;font-size:.6rem}.integration-app strong{font-size:.65rem}.integration-app small{font-size:.52rem;color:#7e9ab5}.integration-app.delivered small{color:#73daa7}.app-0{top:4%}.app-1{top:20%}.app-2{top:36%}.app-3{top:52%}.app-4{top:68%}.app-5{top:84%}.integration-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:.65rem}.integration-toggles{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.integration-toggles label{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border:1px solid var(--rx-line);border-radius:8px}.integration-toggles strong,.integration-toggles small{display:block;font-size:.6rem}.integration-toggles small{font-size:.52rem;color:#77a88f}.integration-toggles input{accent-color:#59daa0}.data-evidence{display:grid;gap:.25rem}.data-evidence div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--rx-line)}.data-evidence dt{font-size:.58rem;color:#7895b0}.data-evidence dd{margin:0;text-align:right;font-size:.62rem}@keyframes mainData{from{left:0}to{left:100%}}@keyframes branchFill{to{width:100%}}@keyframes packetMove{0%{left:0;opacity:0}15%,80%{opacity:1}100%{left:100%;opacity:0}}

/* Role specific portals */
.portal-shell-head{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:#0a213a;border-bottom:1px solid var(--rx-line)}.portal-shell-head>div{display:flex;align-items:center;gap:.55rem;margin-right:auto}.portal-shell-head>div>strong,.business-os-head>div>strong{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#7bc0ff,#28689e);color:#061426}.portal-shell-head>div>span{font-size:.72rem;font-weight:800}.portal-shell-head nav{display:flex;gap:.3rem}.portal-shell-head nav button{padding:.45rem .65rem;border:1px solid transparent;border-radius:8px;background:transparent;color:#7997b4;font-size:.62rem}.portal-shell-head nav button.active{background:#184976;color:white;border-color:#4d8dc8}.portal-shell-head>span{font-size:.58rem;color:#73dca8}.role-surface{padding:1rem;min-height:560px}.role-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.3rem;border-radius:17px;margin-bottom:.8rem}.role-hero small{font-size:.55rem;letter-spacing:.13em}.role-hero h3{font-size:1.7rem;margin:.4rem 0}.role-hero p{margin:0;max-width:560px;font-size:.67rem;line-height:1.5}.admin-vibe{background:linear-gradient(120deg,#153e68,#14244a)}.admin-vibe small{color:#7fc0fb}.manager-vibe{background:linear-gradient(120deg,#333019,#51441f)}.manager-vibe small{color:#ffd270}.staff-vibe{background:linear-gradient(120deg,#123f47,#164a3e)}.staff-vibe small{color:#79e1c1}.customer-vibe{background:linear-gradient(120deg,#43214d,#243d6e)}.customer-vibe small{color:#dda3f1}.partner-vibe{background:linear-gradient(120deg,#4a2d19,#62451e)}.partner-vibe small{color:#ffc881}.role-chart{display:flex;align-items:end;gap:.35rem;width:190px;height:85px}.role-chart i{flex:1;background:linear-gradient(#6bb2ff,#356da8);border-radius:5px 5px 0 0}.admin-panels,.partner-metrics,.staff-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin-bottom:.8rem}.admin-panels article,.partner-metrics article{padding:.8rem;border:1px solid var(--rx-line);border-radius:12px;background:#0a1f36}.admin-panels small{font-size:.52rem;color:#7390ac}.admin-panels strong,.admin-panels span{display:block}.admin-panels strong{font-size:1rem;margin:.3rem 0}.admin-panels span{font-size:.55rem;color:#6ed8a4}.role-table{border:1px solid var(--rx-line);border-radius:14px;overflow:hidden}.role-table h4{padding:.8rem;margin:0;background:#0d2743}.role-table article{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:.6rem;padding:.65rem;border-top:1px solid var(--rx-line)}.role-table article>i{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#17466f;font-style:normal}.role-table article strong,.role-table article small{display:block}.role-table article small{font-size:.56rem;color:#7995b0}.role-table article>b{font-size:.57rem;color:#6fdaa6}.role-table article>button{padding:.35rem .5rem;border:1px solid #315c80;border-radius:7px;background:#102a45;color:#9ac7ed;font-size:.55rem}.team-load{display:grid;gap:.45rem;width:270px}.team-load span{position:relative;height:25px;background:rgba(0,0,0,.25);border-radius:7px;overflow:hidden}.team-load i{position:absolute;height:100%;background:rgba(255,204,105,.4)}.team-load b{position:relative;padding-left:.5rem;font-size:.57rem}.manager-board{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.manager-board>section{padding:1rem;border:1px solid var(--rx-line);border-radius:14px;background:#0a1f36}.manager-board h4{margin-top:0}.manager-board article{padding:.8rem;border-radius:10px;background:rgba(255,201,108,.08)}.manager-board article>span{font-size:.5rem;color:#ffc96c}.manager-board article strong{display:block;font-size:.75rem;margin:.35rem 0}.manager-board article p{font-size:.6rem;color:#9f937b}.manager-board>section:last-child div{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--rx-line);font-size:.65rem}.focus-score{display:grid;place-items:center;width:110px;height:90px;border-radius:14px;background:rgba(0,0,0,.2)}.focus-score strong{font-size:2rem}.focus-score span{font-size:.55rem}.personal-agenda{border:1px solid var(--rx-line);border-radius:14px;overflow:hidden}.personal-agenda h4{padding:.8rem;margin:0;background:#0d2d39}.personal-agenda article{display:grid;grid-template-columns:48px 9px 1fr auto;align-items:center;gap:.6rem;padding:.75rem;border-top:1px solid var(--rx-line)}.personal-agenda time{font-size:.6rem;color:#79aa9f}.personal-agenda article>i{width:8px;height:8px;border-radius:50%;background:#59daa0}.personal-agenda i.urgent{background:#ff7b91}.personal-agenda strong,.personal-agenda small{display:block}.personal-agenda small{font-size:.55rem;color:#7895ad}.personal-agenda button{padding:.35rem .55rem;border:1px solid #347260;border-radius:7px;background:#103b34;color:#8fe3c2;font-size:.55rem}.staff-stats{margin-top:.7rem}.staff-stats span{padding:.8rem;border-radius:11px;background:#0b2631;color:#80a99f;font-size:.58rem}.staff-stats b{display:block;color:white;font-size:1rem}.customer-status{padding:.5rem .7rem;border-radius:999px;background:rgba(226,157,243,.13);color:#e3aaf2;font-size:.55rem}.customer-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.customer-summary article{padding:.8rem;border:1px solid rgba(204,151,225,.2);border-radius:12px;background:#171c35}.customer-summary small,.customer-summary strong,.customer-summary span{display:block}.customer-summary small{font-size:.5rem;color:#bb8ccc}.customer-summary strong{font-size:.72rem;margin:.4rem 0}.customer-summary span{font-size:.55rem;color:#828eae}.customer-timeline{margin-top:.7rem;padding:1rem;border:1px solid var(--rx-line);border-radius:14px;background:#0b1d34}.customer-timeline h4{margin-top:0}.customer-timeline article{display:flex;align-items:center;gap:.6rem;padding:.55rem}.customer-timeline article>i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #3c4d71;font-style:normal}.customer-timeline article.done i{background:#27574e}.customer-timeline article.active i{background:#553c65}.customer-timeline strong,.customer-timeline small{display:block}.customer-timeline small{font-size:.55rem;color:#8c86a0}.customer-actions{display:flex;gap:.5rem;margin-top:.7rem}.partner-vibe>strong{font-size:1.6rem}.partner-vibe>strong small{display:block;font-size:.52rem;color:#d7b687}.partner-metrics strong,.partner-metrics span{display:block}.partner-metrics span{font-size:.55rem;color:#a9947a}

/* Business software */
.business-os-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:#0a213a;border-bottom:1px solid var(--rx-line)}.business-os-head>div{display:flex;align-items:center;gap:.55rem}.business-os-head span b,.business-os-head span small{display:block}.business-os-head span b{font-size:.72rem}.business-os-head span small{font-size:.54rem;color:#7f9bb7}.business-os-head label{display:flex;align-items:center;gap:.55rem;color:#88a3bd;font-size:.6rem}.business-os-head select{min-height:38px}.business-role-nav{display:flex;gap:.25rem;padding:.55rem;background:#07182b;border-bottom:1px solid var(--rx-line)}.business-role-nav button{flex:1;padding:.5rem;border:1px solid transparent;border-radius:8px;background:transparent;color:#7894af;font-size:.61rem}.business-role-nav button.active{background:#17466f;border-color:#4383bb;color:white}.business-role-view{padding:1rem;min-height:570px}.software-owner>header,.software-ops>header,.software-finance>header,.software-care>header,.software-customer>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.software-owner h3,.software-ops h3,.software-finance h3,.software-care h3,.software-customer h3{font-size:1.4rem;margin:.3rem 0}.software-owner header small,.software-ops header small,.software-finance header small,.software-care header small,.software-customer header small{font-size:.52rem;color:#6caef0;letter-spacing:.13em}.software-owner header>span,.software-ops header>b,.software-care header>span,.software-customer header>span{padding:.45rem .65rem;border-radius:999px;background:rgba(89,218,160,.08);color:#78dfa9;font-size:.55rem}.owner-command{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.owner-command article{padding:.85rem;border:1px solid var(--rx-line);border-radius:13px;background:#0b2139}.owner-command small,.owner-command strong,.owner-command p{display:block;margin:0}.owner-command small{font-size:.52rem;color:#7391ad}.owner-command strong{font-size:1.15rem;margin:.4rem 0}.owner-command p{font-size:.55rem;color:#6ddaa5}.owner-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:.65rem;margin-top:.65rem}.owner-bottom>section{padding:1rem;border:1px solid var(--rx-line);border-radius:14px;background:#091d33}.owner-bottom h4{margin-top:0}.owner-bottom>section:first-child>div{display:grid;grid-template-columns:90px 1fr 35px;align-items:center;gap:.6rem;margin:.7rem 0;font-size:.6rem}.owner-bottom div>i{height:6px;border-radius:99px;background:#15314b;overflow:hidden}.owner-bottom div>i b{display:block;height:100%;background:#62b0ee}.owner-bottom article strong{font-size:.72rem}.owner-bottom article p{font-size:.6rem;color:#8299af}.operation-map{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;padding:1rem;border:1px solid var(--rx-line);border-radius:15px;background:#07182c}.operation-map article{padding:.8rem;border:1px solid #294763;border-radius:11px;opacity:.5}.operation-map article.active,.operation-map article.done{opacity:1}.operation-map article.active{border-color:#67aff2}.operation-map article.done{border-color:#4dbd8a}.operation-map i{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#123553;font-style:normal;font-size:.61rem}.operation-map strong,.operation-map small{display:block}.operation-map strong{font-size:.68rem;margin:.6rem 0 .2rem}.operation-map small{font-size:.54rem;color:#7895ad}.software-ops>.failure-proof{margin-top:.7rem}.finance-split{display:grid;grid-template-columns:1.2fr .8fr;gap:.65rem}.finance-split>section{padding:1rem;border:1px solid var(--rx-line);border-radius:14px;background:#0a1f36}.finance-split h4{margin-top:0}.finance-split>section:first-child article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.6rem;padding:.65rem;border-top:1px solid var(--rx-line)}.finance-split article strong,.finance-split article small{display:block}.finance-split article small{font-size:.54rem;color:#7b97b1}.finance-split article>b{font-size:.62rem}.finance-split article button{padding:.35rem;border:1px solid #31587a;border-radius:7px;background:#102a45;color:#8fbfe7;font-size:.53rem}.finance-ring{display:grid;place-items:center;width:145px;height:145px;margin:auto;border-radius:50%;border:15px solid #3aa67d;background:#0b2942}.finance-ring strong,.finance-ring span{display:block;text-align:center}.finance-ring strong{font-size:1.4rem}.finance-ring span{font-size:.53rem;color:#8fb8a8}.finance-split dl div{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--rx-line);font-size:.6rem}.finance-split dd{margin:0}.care-inbox{display:grid;grid-template-columns:280px 1fr;border:1px solid var(--rx-line);border-radius:15px;overflow:hidden}.care-inbox>nav{background:#07182a}.care-inbox>nav button{display:flex;align-items:center;gap:.55rem;width:100%;padding:.7rem;border:0;border-bottom:1px solid var(--rx-line);background:transparent;color:#8aa4bc;text-align:left}.care-inbox>nav button.active{background:#123c61;color:white}.care-inbox nav i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#17476f;font-style:normal}.care-inbox nav strong,.care-inbox nav small{display:block;font-size:.6rem}.care-inbox nav small{font-size:.52rem}.care-inbox>section{padding:1rem}.care-inbox>section>header{display:flex;align-items:center;gap:.55rem;border-bottom:1px solid var(--rx-line);padding-bottom:.7rem}.care-inbox>section>header i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#1c527d;font-style:normal}.care-inbox>section header strong,.care-inbox>section header small{display:block}.care-inbox>section header small{font-size:.55rem;color:#809ab3}.care-inbox .customer-message{max-width:70%;margin:1rem 0 1rem auto;padding:.7rem;border-radius:12px;background:#c9e9da;color:#12263a;font-size:.65rem}.record-context{padding:.8rem;border:1px solid var(--rx-line);border-radius:11px;background:#0c2944}.record-context small,.record-context strong{display:block}.record-context small{font-size:.51rem;color:#6eaff0}.record-context strong{font-size:.68rem;margin:.35rem 0}.record-context p{font-size:.58rem;color:#829db7}.care-inbox textarea{width:100%;min-height:80px;margin-top:.7rem;padding:.7rem;border:1px solid #315573;border-radius:10px;background:#07182a;color:white;resize:vertical}.care-inbox>section>.button{margin-top:.5rem}.software-customer>header p{font-size:.64rem;color:#87a2ba}.customer-account{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--rx-line);border-radius:15px;overflow:hidden}.customer-account>aside{display:grid;align-content:start;padding:1rem;background:#0b2239}.customer-account aside>i{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:#194d78;font-style:normal;font-size:1.2rem}.customer-account aside strong{margin-top:.7rem}.customer-account aside small{font-size:.55rem;color:#809bb4;margin-bottom:1rem}.customer-account aside button{padding:.55rem;border:0;border-top:1px solid var(--rx-line);background:transparent;color:#91abc3;text-align:left;font-size:.61rem}.customer-account>main{padding:1rem}.customer-account h4{margin-top:0}.customer-account main>article{padding:1rem;border-radius:13px;background:#132b4c}.customer-account main>article strong,.customer-account main>article span,.customer-account main>article small{display:block}.customer-account main>article span{font-size:.61rem;color:#95b0c8;margin:.3rem 0}.account-progress{height:7px;margin:.8rem 0 .35rem;border-radius:99px;background:#203d59;overflow:hidden}.account-progress i{display:block;height:100%;background:#62b1ef}.history-row{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--rx-line)}.history-row>i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#1c5b47;font-style:normal}.history-row strong,.history-row small{display:block;font-size:.62rem}.history-row small{font-size:.53rem;color:#7894ad}

/* SaaS generated brief */
.generated-industry-brief{margin-top:.9rem;padding:.85rem;border:1px solid #9fc5e4;border-radius:12px;background:#eef7ff;color:#12304c;box-shadow:0 10px 28px rgba(31,90,139,.12)}.generated-industry-brief>span{font-size:.52rem;color:#397eb6;font-weight:900;letter-spacing:.12em}.generated-industry-brief h5{margin:.4rem 0;font-size:.85rem}.generated-industry-brief dl{display:grid;gap:.3rem;margin:.6rem 0 0}.generated-industry-brief dl div{display:flex;justify-content:space-between;gap:.6rem;padding:.35rem 0;border-top:1px solid #cbddea}.generated-industry-brief dt{font-size:.54rem;color:#5d7990}.generated-industry-brief dd{margin:0;text-align:right;font-size:.57rem;font-weight:700}

@media(max-width:1150px){.sales-story-grid{grid-template-columns:1fr 1fr}.agent-story-grid{grid-template-columns:240px 1fr}.final-control{grid-column:1/-1}.flow-stage{grid-template-columns:repeat(3,1fr);gap:1rem}.flow-stage:before,.flow-water{display:none}.integration-control-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.rx-explain{grid-template-columns:1fr;padding:1rem}.rx-explain h2{font-size:2.15rem}.rx-explain img{height:190px}.rx-config{grid-template-columns:1fr}.rx-care{grid-template-columns:1fr}.rx-head{align-items:flex-start;flex-direction:column}.rx-journey{grid-template-columns:1fr;gap:.3rem}.rx-journey article:after{display:none}.sales-story-grid,.workflow-proof-grid,.agent-story-grid,.integration-control-grid{grid-template-columns:1fr}.final-control{grid-column:auto}.flow-stage{grid-template-columns:1fr 1fr;padding:1rem}.flow-node{min-height:125px}.water-map{min-height:660px}.source-pool{top:44%;left:2%;width:105px}.record-hub{width:135px}.integration-app{right:2%;width:100px}.water-branch{left:57%;width:18%}.portal-shell-head{align-items:flex-start;flex-wrap:wrap}.portal-shell-head>div{width:100%}.portal-shell-head nav{width:100%;overflow:auto}.portal-shell-head nav button{white-space:nowrap}.portal-shell-head>span{width:100%}.role-surface{padding:.65rem}.role-hero{align-items:flex-start;flex-direction:column}.role-chart,.team-load{width:100%}.admin-panels,.partner-metrics,.staff-stats,.customer-summary,.owner-command{grid-template-columns:1fr 1fr}.manager-board,.owner-bottom,.finance-split{grid-template-columns:1fr}.role-table article{grid-template-columns:32px 1fr auto}.role-table article>button{grid-column:2}.customer-actions{flex-direction:column}.business-os-head{align-items:flex-start;flex-direction:column}.business-role-nav{overflow:auto}.business-role-nav button{min-width:100px}.business-role-view{padding:.65rem}.operation-map{grid-template-columns:1fr 1fr}.care-inbox,.customer-account{grid-template-columns:1fr}.care-inbox>nav{display:flex;overflow:auto}.care-inbox>nav button{min-width:220px}.customer-account>aside{grid-template-columns:repeat(2,1fr)}.customer-account aside>i,.customer-account aside>strong,.customer-account aside>small{grid-column:1/-1}}
@media(max-width:420px){.admin-panels,.partner-metrics,.staff-stats,.customer-summary,.owner-command,.operation-map,.flow-stage{grid-template-columns:1fr}.rx-custom{align-items:flex-start;flex-direction:column}.reason-grid{grid-template-columns:1fr}.integration-toggles{grid-template-columns:1fr}.personal-agenda article{grid-template-columns:42px 8px 1fr}.personal-agenda article button{grid-column:3}.water-map{min-height:720px}.integration-app{width:92px}.role-hero h3{font-size:1.35rem}}