:root{
  --os-bg:#08101a;
  --os-panel:rgba(255,255,255,.94);
  --os-panel-soft:rgba(248,251,255,.88);
  --os-line:rgba(125,148,174,.18);
  --os-line-strong:rgba(106,133,164,.3);
  --os-ink:#132130;
  --os-muted:#708093;
  --os-blue:#1674f5;
  --os-blue-2:#61a8ff;
  --os-gold:#d9ad52;
  --os-green:#1f9665;
  --os-shadow:0 30px 90px rgba(4,16,31,.22);
  --os-soft-shadow:0 14px 42px rgba(31,62,97,.08);
}
*{box-sizing:border-box}
body.service-os{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  color:var(--os-ink);
  background:
    radial-gradient(circle at 10% -10%,rgba(28,122,255,.24),transparent 34rem),
    radial-gradient(circle at 92% 4%,rgba(222,177,77,.16),transparent 29rem),
    linear-gradient(180deg,#08111c 0,#0c1724 260px,#f4f7fb 610px,#f5f7fa 100%);
  font-family:Tahoma,"Segoe UI",Arial,sans-serif;
}
body.service-os::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,#000,transparent 480px);
}
button,input,textarea{font:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.ambient{position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(70px);opacity:.3}
.ambient-one{width:380px;height:380px;top:-160px;left:-100px;background:#1c78ff}
.ambient-two{width:300px;height:300px;top:20px;right:-120px;background:#d8a842}

.service-topbar{
  position:sticky;top:10px;z-index:60;
  width:min(1440px,calc(100% - 24px));height:62px;margin:10px auto 0;padding:8px 11px;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;
  border:1px solid rgba(255,255,255,.12);border-radius:18px;
  background:rgba(8,18,31,.76);backdrop-filter:blur(22px);box-shadow:0 16px 45px rgba(0,0,0,.16)
}
.service-brand{display:flex;align-items:center;gap:9px;color:#f4f8ff;text-decoration:none;font-weight:950}
.service-brand img{width:35px;height:35px;border-radius:11px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.service-brand span b{color:#73b3ff}
.service-nav{justify-self:center;display:flex;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.055)}
.service-nav a{min-width:92px;padding:8px 13px;text-align:center;border-radius:8px;color:#aab9ca;text-decoration:none;font-size:.75rem;font-weight:850}
.service-nav a.is-current{background:rgba(255,255,255,.11);color:#fff}
.service-actions{display:flex;align-items:center;gap:7px}
.profile-button{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:11px;color:#dce7f5;text-decoration:none;background:rgba(255,255,255,.055)}
.profile-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.notification-badge{position:absolute;top:-5px;inset-inline-start:-5px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #0c1724;border-radius:999px;background:#f05252;color:#fff;font-size:.58rem;font-weight:950}

.service-main{position:relative;z-index:1;width:min(1440px,calc(100% - 24px));margin:0 auto;padding:30px 0 48px}
.service-intro{position:relative;min-height:205px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 34px 32px;color:#fff}
.service-intro>div:first-child{display:none}
.eyebrow{display:inline-block;color:#83bcff;font-size:.64rem;font-weight:950;letter-spacing:.16em}
.service-intro h1{margin:9px 0 7px;font-size:clamp(2rem,4.3vw,4rem);line-height:1.04;letter-spacing:-.045em}
.service-intro p{margin:0;color:#aab9ca;font-size:.87rem}
.mobile-service-message{
  display:grid;
  position:absolute;
  inset-inline-start:34px;
  top:50%;
  z-index:3;
  width:min(52%,640px);
  gap:8px;
  transform:translateY(-50%);
  text-align:start
}
.mobile-service-message strong{color:#fff;font-size:clamp(1.55rem,2.6vw,2.65rem);line-height:1.25;font-weight:950;letter-spacing:-.025em}
.mobile-service-message span{max-width:560px;color:#b9c7d7;font-size:.86rem;line-height:1.9}
.intro-visual{position:absolute;inset-inline-end:1%;top:-28px;width:360px;height:220px;overflow:hidden;opacity:.58;mask-image:linear-gradient(to left,#000 52%,transparent 100%)}
.intro-visual img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(.92) contrast(1.04);transform:scale(1.15)}
.intro-visual span{position:absolute;inset:10% 4% 0 18%;border:1px solid rgba(255,255,255,.13);border-radius:50%}

.service-shell{
  position:relative;display:grid;grid-template-columns:250px minmax(0,1fr);gap:0;align-items:stretch;
  border:1px solid rgba(255,255,255,.8);border-radius:22px;background:var(--os-panel);
  box-shadow:var(--os-shadow);backdrop-filter:blur(24px);
  transition:grid-template-columns .22s ease
}
.service-shell.has-selection{grid-template-columns:232px minmax(0,1fr)}
.service-catalog,.service-workbench{
  border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none
}
.service-catalog{
  border-inline-end:1px solid var(--os-line);
  position:relative;
  top:auto;
  height:auto;
  max-height:none;
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-self:stretch
}
.catalog-head{flex:0 0 auto;min-height:60px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--os-line)}
.catalog-head b,.catalog-head span{display:block}.catalog-head b{font-size:.89rem}.catalog-head span{margin-top:2px;color:var(--os-muted);font-size:.62rem}
.catalog-reset{width:32px;height:32px;border:1px solid var(--os-line);border-radius:10px;background:#fff;color:#7c8a99}
.catalog-mobile-toggle{display:none}
.service-tree{
  flex:1 1 0;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  padding:7px 9px 18px;
  scrollbar-width:thin;
  overscroll-behavior:contain
}
.service-group{padding:8px 2px 10px;border-bottom:1px solid rgba(124,145,169,.1)}
.service-group:last-child{border-bottom:0}
.service-group-title{display:flex;align-items:center;gap:10px;padding:6px 7px 9px}
.service-group-title>span{display:none!important}
.service-group-title b{font-size:.92rem;line-height:1.35;color:#2c3d50;font-weight:950;letter-spacing:-.012em}
.service-group-title::before{
  content:"";
  flex:0 0 30px;
  width:30px;height:30px;
  border-radius:10px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:17px 17px;
  border:1px solid rgba(111,137,166,.13);
  box-shadow:0 6px 16px rgba(54,83,116,.065),inset 0 1px 0 rgba(255,255,255,.82)
}
.service-group[data-family="messaging"] .service-group-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236B5FD1%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%206.5h14a2%202%200%200%201%202%202v6a2%202%200%200%201-2%202h-7l-4.5%203v-3H5a2%202%200%200%201-2-2v-6a2%202%200%200%201%202-2Z%22%2F%3E%3Cpath%20d%3D%22M8%2011h8M8%2014h5%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#f6f3ff,#ebe7ff)}
.service-group[data-family="web"] .service-group-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232775D6%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M3%208h18M7%206h.01M10%206h.01%22%2F%3E%3Cpath%20d%3D%22M9%2013.5c1.2-1.7%204.8-1.7%206%200M12%2011v5%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#f1f7ff,#e5f1ff)}
.service-group[data-family="apps"] .service-group-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232087A5%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%227%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%226%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M15%2017h3M7.5%2018h.01%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#effbfc,#e3f5f8)}
.service-group[data-family="automation"] .service-group-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23596BD4%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%227%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%227%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2217%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%207h8M7.5%208.5l3.3%206M16.5%208.5l-3.3%206%22%2F%3E%3Cpath%20d%3D%22M10%207l1.5-1.5M14%207l-1.5%201.5%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#f3f4ff,#e8ebff)}
.service-group[data-family="ai"] .service-group-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23326FD1%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l1.2%203.8L17%208l-3.8%201.2L12%2013l-1.2-3.8L7%208l3.8-1.2L12%203Z%22%2F%3E%3Cpath%20d%3D%22M18.5%2013.5l.7%202.3%202.3.7-2.3.7-.7%202.3-.7-2.3-2.3-.7%202.3-.7.7-2.3Z%22%2F%3E%3Cpath%20d%3D%22M5.5%2014.5l.6%201.8%201.9.6-1.9.6-.6%201.9-.6-1.9-1.9-.6%201.9-.6.6-1.8Z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#f1f6ff,#e6efff)}
.service-group[data-family="creative"] .service-group-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23A9791F%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2017.5%2015.8%205.7a2.1%202.1%200%200%201%203%203L7%2020.5%203%2021l1-3.5Z%22%2F%3E%3Cpath%20d%3D%22m13.8%207.7%203%203M4.2%2017.7l2.8%202.8%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#fffaf0,#fff1cf)}
.service-group[data-family="media"] .service-group-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23B45C76%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22m10%209%205%203-5%203V9Z%22%2F%3E%3Cpath%20d%3D%22M7%203h10%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#fff5f8,#ffe8ef)}
.service-group[data-family="documents"] .service-group-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232D887F%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203h7l4%204v14H7a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2Z%22%2F%3E%3Cpath%20d%3D%22M14%203v5h5M9%2012h6M9%2016h6%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#f0fbf9,#e4f5f2)}
.service-group[data-family="research"] .service-group-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232D8B64%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%225.5%22%2F%3E%3Cpath%20d%3D%22m15%2015%205%205%22%2F%3E%3Cpath%20d%3D%22M8%2011v2M10.5%209v4M13%207.5V13%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#f0fbf5,#e4f6ec)}
.service-group[data-family="writing"] .service-group-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23A77A25%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2019.5h5l10.5-10.5a2.1%202.1%200%200%200-3-3L6%2016.5%204%2019.5Z%22%2F%3E%3Cpath%20d%3D%22m14.5%208%203%203M4%2021h16%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#fffaf0,#fff2d8)}
.service-group[data-family="radar"] .service-group-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236B8F2E%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.2%22%20fill%3D%22%25236B8F2E%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%204v2M20%2012h-2%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#f7fceF,#ebf6dc)}
.service-group[data-family="launch"] .service-group-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23637385%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%205c2.8-1.8%205.5-1.5%205.5-1.5S19.8%206.2%2018%209l-5.5%205.5-3-3L14%205Z%22%2F%3E%3Cpath%20d%3D%22M9.5%2011.5%206%2011l-2%202%204%201M12.5%2014.5%2013%2018l-2%202-1-4%22%2F%3E%3Cpath%20d%3D%22M6%2018c-1.5.2-2.8%201.5-3%203%201.5-.2%202.8-1.5%203-3Z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#f5f7f9,#e9edf1)}
.service-children{display:grid;gap:2px}
.service-option{
  position:relative;width:100%;min-height:34px;padding:7px 10px;
  display:flex;align-items:center;justify-content:flex-start;
  border:0;border-radius:9px;background:transparent;color:#172331;
  text-align:start;direction:inherit;font-size:.75rem;font-weight:750;
  text-decoration:none;cursor:pointer;
  transition:.15s ease
}
.service-option::before,.service-option::after{display:none!important;content:none!important}
.service-option span{width:100%;text-align:start;direction:inherit;pointer-events:none}
.service-option:hover{background:#f4f7fb}
.service-option.is-selected,
.service-option.is-selected:hover{background:linear-gradient(90deg,#edf5ff,#f7fbff);color:#0c5fc8}
.service-shell.has-selection .service-option{font-size:.71rem;min-height:31px;padding-block:6px}
.service-shell.has-selection .service-group{padding-block:6px}.service-shell.has-selection .service-group-title b{font-size:.86rem}.service-shell.has-selection .service-group-title::before{width:27px;height:27px;flex-basis:27px;background-size:15px 15px}

.service-workbench{min-height:730px;overflow:hidden}
.workbench-head{min-height:74px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--os-line)}
.selected-service{display:flex;align-items:center;gap:11px;min-width:0}
.selected-mark{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#12243a,#1f5e9b);color:#fff;font-size:.72rem;font-weight:950;box-shadow:0 9px 24px rgba(18,65,111,.16)}
.selected-service small{display:block;color:#8290a0;font-size:.61rem}.selected-service h2{margin:3px 0 0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workbench-state{display:flex;align-items:center;gap:7px;white-space:nowrap}
.route-badge{padding:5px 8px;border:1px solid #dce5ef;border-radius:999px;background:#f7f9fb;color:#657386;font-size:.61rem;font-weight:900}
.state-dot{width:7px;height:7px;border-radius:50%;background:#aab4be}.workbench-state b{color:#667585;font-size:.68rem}
.service-workbench.is-live .state-dot{background:#1f9665;box-shadow:0 0 0 4px rgba(31,150,101,.1)}
.service-workbench.is-waiting .state-dot{background:#e1a637;box-shadow:0 0 0 4px rgba(225,166,55,.1)}

.workbench-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:656px}
.step-rail{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:6px;
  padding:10px 14px;
  border-inline-end:0;
  border-bottom:1px solid var(--os-line);
  background:linear-gradient(180deg,rgba(248,251,255,.86),rgba(244,248,252,.72));
  direction:inherit;
  overflow:visible
}
html[dir="rtl"] .step-rail{direction:rtl}
html[dir="ltr"] .step-rail{direction:ltr}
.step-item{
  position:relative;
  min-width:0;
  width:100%;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#8b98a6;
  text-align:start
}
.step-item:not(:last-child)::after{
  content:"";
  position:absolute;
  top:50%;
  inset-inline-end:-7px;
  width:8px;
  height:1px;
  background:#dfe6ed;
  transform:translateY(-50%)
}
.step-item>span{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border:1px solid #d8e0e8;border-radius:10px;background:#fff;font-size:.64rem;font-weight:950}
.step-item b,.step-item small{display:block;min-width:0}.step-item b{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-item small{margin-top:2px;color:#a0aab4;font-size:.57rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.step-item.is-done{color:#5f6d7c}.step-item.is-done>span{background:#f1f7ff;border-color:#bdd6f3;color:#0d66ce}
.step-item.is-active{border-color:#d9e9fb;background:#edf5ff;color:#0c60c8}.step-item.is-active>span{background:#176fe6;border-color:#176fe6;color:#fff;box-shadow:0 7px 17px rgba(23,111,230,.18)}.step-item.is-active small{color:#6c8db2}
.step-item:disabled{cursor:default}

.stage-area{min-width:0;display:flex;flex-direction:column;min-height:656px}
.stage-panel{flex:1;min-height:0;padding:20px}
.stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.stage-head small{display:block;color:#7c8da0;font-size:.61rem;font-weight:900;letter-spacing:.07em}.stage-head h3{margin:3px 0 0;font-size:1.05rem}
.text-action{border:0;background:transparent;color:#667688;font-size:.66rem;font-weight:850}.text-action.danger{color:#bf4a4a}
.empty-stage{min-height:440px;display:grid;place-items:center;align-content:center;text-align:center}
.empty-stage.compact{min-height:270px}
.empty-symbol{position:relative;width:74px;height:74px;border:1px solid #dae4ef;border-radius:24px;background:radial-gradient(circle at 40% 30%,#fff,#edf5fd);box-shadow:0 16px 40px rgba(50,91,135,.09)}
.empty-symbol span{position:absolute;border-radius:50%;background:#1d79ef}.empty-symbol span:nth-child(1){width:9px;height:9px;top:21px;right:22px}.empty-symbol span:nth-child(2){width:6px;height:6px;top:37px;right:38px;background:#d8ab4e}.empty-symbol span:nth-child(3){width:5px;height:5px;top:48px;right:22px;background:#6ba8ec}
.empty-stage h3{margin:14px 0 5px;font-size:.96rem}.empty-stage p{max-width:490px;margin:0;color:#778696;font-size:.75rem;line-height:1.8}

.agent-thread{height:320px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--os-line);border-radius:15px;background:linear-gradient(180deg,#f7faff,#fbfdff)}
.message-row{display:flex}.message-row.assistant{justify-content:flex-end}.message-row.customer{justify-content:flex-start}
.message-bubble{max-width:min(730px,88%);padding:10px 12px;border:1px solid #dfe6ed;border-radius:14px 14px 5px 14px;background:#fff;font-size:.78rem;line-height:1.8;white-space:pre-wrap}
.message-row.customer .message-bubble{border-color:#cfe1f5;border-radius:14px 14px 14px 5px;background:#edf5ff}
.message-meta{display:block;margin-top:4px;color:#9aa6b2;font-size:.55rem}
.quick-choices{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.quick-choice{padding:7px 10px;border:1px solid #dae4ee;border-radius:999px;background:#fff;color:#4a5b6c;font-size:.66rem;font-weight:800}.quick-choice:hover{border-color:#b7d4f4;background:#f5faff;color:#0c62ca}
.agent-composer{margin-top:10px;padding:10px 11px;border:1px solid #dce5ee;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(41,74,109,.05)}
.agent-composer textarea{width:100%;min-height:77px;border:0;outline:0;resize:vertical;background:transparent;color:#142231;line-height:1.75}
.composer-inputs{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 2px}
.input-chip{max-width:100%;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 7px;border:1px solid #dce6ef;border-radius:9px;background:#f7faff;color:#455a70;font-size:.62rem}
.input-chip>b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:6px;background:#e8f2ff;color:#1769c8;font-size:.57rem}.input-chip>span{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-chip>small{color:#8b98a6;font-size:.56rem}.input-chip>button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:6px;background:transparent;color:#8493a2;font-size:.85rem;box-shadow:none}.input-chip>button:hover{background:#e9eef4;color:#33485e}
.composer-source-panel{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:8px 0 2px}.composer-source-panel input{min-width:0;height:35px;padding:0 10px;border:1px solid #dce6ef;border-radius:9px;background:#f9fbfd;color:#26394e;outline:none}.composer-source-panel input:focus{border-color:#9fc5f2;box-shadow:0 0 0 3px rgba(31,122,235,.08)}.composer-source-panel button{height:35px;padding:0 11px;border:0;border-radius:9px;background:#17283d;color:#fff;font-weight:900}.composer-source-panel .tool-cancel{width:35px;padding:0;background:#eef2f6;color:#617285;font-size:1rem}
.composer-bottom{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-top:8px;border-top:1px solid #edf1f5}.composer-bottom>span{color:#8694a3;font-size:.61rem;text-align:center}.composer-bottom>#visitor-send{min-height:36px;padding:0 14px;border:0;border-radius:9px;background:linear-gradient(135deg,#166ee8,#2f89f7);color:#fff;font-size:.69rem;font-weight:950;box-shadow:0 8px 18px rgba(23,111,232,.17)}
.composer-tools{display:flex;align-items:center;gap:4px}.composer-tool{display:grid!important;place-items:center;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border:1px solid #dce5ee!important;border-radius:9px!important;background:#f8fafc!important;color:#53677c!important;box-shadow:none!important}.composer-tool:hover{border-color:#b9d3ef!important;background:#f0f6fd!important;color:#1264c5!important}.composer-tool:disabled{opacity:.45}.composer-tool svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.composer-tool-text{font-size:.57rem!important;font-weight:950!important;letter-spacing:.02em}
.message-bubble{position:relative}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;padding-inline-end:22px}.message-copy{position:absolute;top:6px;inset-inline-end:6px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:7px;background:transparent;color:#9aa7b5;opacity:.4;transition:.15s ease}.message-bubble:hover .message-copy,.message-copy:focus{opacity:1;background:#f2f5f8;color:#53677b}.message-copy.is-copied{opacity:1;background:#e9f8ef;color:#1b8655}.message-copy svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.message-row.customer .message-copy:hover{background:#dcecff}
.message-inputs{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.message-input-chip{max-width:100%;display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #dce6ef;border-radius:8px;background:#f8fafc;color:#4e6378;text-decoration:none;font-size:.58rem}.message-input-chip:hover{border-color:#b8d3ef;background:#f0f6fd}.message-input-chip span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-input-chip small{color:#8b98a6;font-size:.52rem}.message-input-chip b{font-size:.55rem;color:#1769c8}.proposal-scope{position:relative}.proposal-copy{top:10px;inset-inline-end:10px}

.proposal-scope{margin-bottom:12px;padding:14px;border:1px solid #dce6ef;border-radius:15px;background:#f8fbff}
.proposal-scope-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.proposal-scope-head small{display:block;color:#2b6eb8;font-size:.62rem;font-weight:900}
.proposal-scope-head b{display:block;margin-top:4px;color:#24384d;font-size:.72rem;line-height:1.65}
.proposal-scope-text{margin-top:11px;padding-top:11px;border-top:1px solid #e3ebf3;white-space:pre-line;color:#526477;font-size:.68rem;line-height:1.85}
.package-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.package-card{position:relative;min-height:226px;padding:15px 15px 48px;border:1px solid #dfe6ed;border-radius:15px;background:#fff;transition:.15s ease;text-align:start}
.package-card:hover{transform:translateY(-2px);border-color:#bcd4f0;box-shadow:0 13px 30px rgba(41,77,117,.08)}
.package-card:disabled{cursor:wait;opacity:.66;transform:none}
.package-card.is-primary{border-color:#a9cff8;background:linear-gradient(180deg,#f5faff,#fff)}
.package-card b,.package-card small{display:block}.package-card b{font-size:.82rem}.package-card small{margin-top:6px;color:#748496;font-size:.69rem;line-height:1.7}
.package-included{display:grid;gap:5px;margin-top:10px;color:#53677b;font-size:.64rem;line-height:1.55}.package-included>span{display:block}
.package-price{position:absolute;bottom:14px;inset-inline-start:15px;color:#0c63cb;font-size:.72rem;font-weight:950}

.route-panel{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:14px;border:1px solid #dae4ee;border-radius:15px;background:linear-gradient(135deg,#f8fbff,#fff)}
.route-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#12243a;color:#fff;font-weight:950}
.route-panel b{font-size:.81rem}.route-panel p{margin:4px 0 0;color:#738395;font-size:.7rem;line-height:1.7}
.claim-ready{margin-top:12px}
.primary-action,.secondary-action{min-height:39px;padding:0 14px;border-radius:10px;font-size:.7rem;font-weight:950;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.primary-action{border:0;background:linear-gradient(135deg,#156ce4,#2d88f6);color:#fff;box-shadow:0 9px 21px rgba(21,108,228,.16)}
.secondary-action{border:1px solid #d8e2ec;background:#fff;color:#4d5d6e}
.primary-action:disabled{opacity:.45;cursor:default;box-shadow:none}

.inline-auth{max-width:520px;margin:15px auto 0;padding:15px;border:1px solid #dfe6ed;border-radius:15px;background:#fff;box-shadow:var(--os-soft-shadow)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:10px;background:#f1f4f7}.auth-tabs button{border:0;border-radius:8px;background:transparent;padding:8px;color:#758393;font-size:.7rem;font-weight:850}.auth-tabs button.is-active{background:#fff;color:#152231;box-shadow:0 2px 8px rgba(18,33,49,.05)}
.compact-form{display:grid;gap:10px;margin-top:12px}.compact-form label{display:grid;gap:5px;color:#5f6e7e;font-size:.66rem;font-weight:850}.compact-form input{min-height:40px;padding:0 10px;border:1px solid #dbe3eb;border-radius:9px;outline:0}.compact-form input:focus{border-color:#9dc4f1;box-shadow:0 0 0 3px rgba(20,108,228,.08)}.compact-form button{min-height:40px;border:0;border-radius:9px;background:#12243a;color:#fff;font-weight:900}
.inline-message{min-height:18px;margin:9px 0 0;color:#7a8999;font-size:.66rem}.inline-message.error{color:#c04747}.inline-message.success{color:#1f8f62}

.execution-panel{min-height:360px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center;padding:28px;border:1px solid #dce5ed;border-radius:18px;background:linear-gradient(145deg,#f7fbff,#fff)}
.execution-orbit{position:relative;width:96px;height:96px;border:1px solid #b8d6f7;border-radius:50%;display:grid;place-items:center}
.execution-orbit::before,.execution-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(25,118,237,.14)}.execution-orbit::before{width:72px;height:72px}.execution-orbit::after{width:120px;height:120px;border-style:dashed}
.execution-orbit span{width:22px;height:22px;border-radius:8px;background:linear-gradient(145deg,#1a77ef,#6fb3ff);box-shadow:0 8px 22px rgba(25,119,239,.25)}
.execution-panel b{font-size:.9rem}.execution-panel p{margin:5px 0 0;color:#748496;font-size:.73rem;line-height:1.8}

.delivery-panel{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid #cfe5da;border-radius:16px;background:linear-gradient(135deg,#f7fcf9,#fff)}
.delivery-mark{flex:0 0 44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#1e9464;color:#fff;font-weight:950}.delivery-panel small{color:#22845e;font-size:.62rem;font-weight:950}.delivery-panel h3{margin:3px 0 4px;font-size:1rem}.delivery-panel p{margin:0;color:#728293;font-size:.72rem;line-height:1.8}
.delivery-content{margin-top:12px}.delivery-actions{display:flex;gap:8px;margin-top:12px}

.visitor-error{min-height:20px;margin:7px 20px 0;color:#bd4747;font-size:.64rem}
.stage-footer{flex:0 0 auto;min-height:56px;padding:8px 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--os-line);background:rgba(250,252,254,.7)}
.stage-nav{min-height:34px;padding:0 12px;border:1px solid #dae3eb;border-radius:9px;background:#fff;color:#59697a;font-size:.66rem;font-weight:900}.stage-nav:disabled{opacity:.4;cursor:default}.stage-footer #step-back{justify-self:start}.stage-footer #step-next{justify-self:end}.stage-footer span{color:#8795a4;font-size:.61rem}

.brand-full-bleed{
  width:100vw;
  aspect-ratio:2.35 / 1;
  margin:18px calc(50% - 50vw) 0;
  padding:0;
  overflow:hidden;
  background:#fff
}
.brand-full-bleed img{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:none;
  opacity:1;
  object-fit:cover;
  object-position:center 50%
}

html[data-theme="dark"] body.service-os{
  --os-panel:rgba(14,25,38,.94);--os-panel-soft:rgba(17,31,47,.9);--os-line:rgba(202,220,240,.1);--os-ink:#eef5fc;--os-muted:#96a8ba;
  background:radial-gradient(circle at 8% 0%,rgba(28,122,255,.18),transparent 33rem),radial-gradient(circle at 92% 4%,rgba(222,177,77,.11),transparent 28rem),#07111b
}
html[data-theme="dark"] .service-catalog,html[data-theme="dark"] .service-workbench,html[data-theme="dark"] .catalog-reset,html[data-theme="dark"] .catalog-mobile-toggle,html[data-theme="dark"] .agent-composer,html[data-theme="dark"] .message-bubble,html[data-theme="dark"] .quick-choice,html[data-theme="dark"] .package-card,html[data-theme="dark"] .inline-auth,html[data-theme="dark"] .compact-form input,html[data-theme="dark"] .secondary-action,html[data-theme="dark"] .stage-nav{background:#101c2a;color:#edf5fc;border-color:rgba(202,220,240,.11)}
html[data-theme="dark"] .service-option{color:#dce8f5}html[data-theme="dark"] .service-option:hover{background:#142335}
html[data-theme="dark"] .service-option.is-selected,
html[data-theme="dark"] .service-option.is-selected:hover{background:linear-gradient(90deg,#18395f,#142c49);color:#f4f9ff}
html[data-theme="dark"] .service-group-title>span{background:#142334;color:#a9b8c8}
html[data-theme="dark"] .service-group-title b{color:#bccbd9}
html[data-theme="dark"] .step-rail,html[data-theme="dark"] .agent-thread,html[data-theme="dark"] .stage-footer{background:#0d1926}
html[data-theme="dark"] .message-row.customer .message-bubble{background:#132942;border-color:#254968}
html[data-theme="dark"] .route-panel,html[data-theme="dark"] .execution-panel{background:linear-gradient(145deg,#101f2f,#0f1b29);border-color:rgba(202,220,240,.11)}
html[data-theme="dark"] .delivery-panel{background:#10261d;border-color:#24523e}
html[data-theme="dark"] .empty-symbol{background:radial-gradient(circle at 40% 30%,#172739,#101d2b);border-color:#26384b}

@media(max-width:1020px){
  .service-main,.service-topbar{width:min(100% - 12px,1440px)}
  .service-intro{padding-inline:18px}.intro-visual{width:280px;opacity:.42}
  .service-shell{grid-template-columns:220px minmax(0,1fr)}
  .service-shell.has-selection{grid-template-columns:205px minmax(0,1fr)}
  .service-catalog{top:auto;height:auto;max-height:none}
  .workbench-body{grid-template-columns:minmax(0,1fr)}
  .step-rail{grid-template-columns:repeat(6,minmax(112px,1fr));overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
  .service-option{font-size:.7rem;padding-inline:8px}
  .service-group-title b{font-size:.82rem}
  .service-group-title::before{width:22px;height:22px;flex-basis:22px;font-size:.72rem}
}
@media(max-width:680px){
  body.service-os{background:linear-gradient(180deg,#08111c 0,#0c1724 230px,#f5f7fa 470px)}
  .service-topbar{grid-template-columns:1fr auto;grid-template-areas:"brand actions" "nav nav";height:auto;gap:6px}
  .service-brand{grid-area:brand}.service-actions{grid-area:actions}.service-nav{grid-area:nav;justify-self:stretch}.service-nav a{flex:1}
  .service-main{padding-top:18px}
  .service-intro{min-height:176px;padding:14px 8px 18px;overflow:hidden}
  .service-intro>div:first-child{display:none}
  .mobile-service-message{
    display:grid;
    position:absolute;
    left:10px;
    right:auto;
    inset-inline-start:auto;
    top:50%;
    z-index:3;
    width:40%;
    gap:7px;
    transform:translateY(-50%);
    text-align:start
  }
  .mobile-service-message strong{color:#fff;font-size:1.08rem;line-height:1.45;font-weight:950}
  .mobile-service-message span{color:#b9c7d7;font-size:.68rem;line-height:1.8}
  .intro-visual{
    width:52%;
    height:168px;
    top:4px;
    right:0;
    left:auto;
    inset-inline-end:auto;
    opacity:.68;
    mask-image:linear-gradient(to left,#000 68%,transparent 100%)
  }
  .service-shell,.service-shell.has-selection{display:block;position:relative;min-height:730px}
  .service-workbench{position:relative;width:100%;min-height:730px}
  .service-catalog{
    position:absolute;
    top:0;
    right:0;
    left:auto;
    z-index:30;
    width:72%;
    height:100%;
    max-height:none;
    min-height:0;
    border-inline-end:0;
    border-bottom:0;
    border-left:1px solid var(--os-line);
    border-radius:0 17px 17px 0;
    background:var(--os-panel);
    box-shadow:-18px 0 42px rgba(20,43,70,.14);
    overflow:hidden;
    transform:translateX(calc(100% - 46px));
    transition:transform .26s ease,box-shadow .26s ease
  }
  .service-shell.mobile-catalog-open .service-catalog{transform:translateX(0)}
  .service-shell:not(.mobile-catalog-open) .service-catalog{
    background:transparent;
    border-left-color:transparent;
    box-shadow:none;
    pointer-events:none
  }
  .service-shell:not(.mobile-catalog-open) .catalog-mobile-toggle{pointer-events:auto}
  .service-tree{flex:1 1 0;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto}
  .catalog-mobile-toggle{
    display:grid;
    position:absolute;
    left:4px;
    top:12px;
    z-index:4;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid #d8e2ec;
    border-radius:11px;
    background:#fff;
    color:#5f7083;
    font-size:1.45rem;
    line-height:1;
    box-shadow:0 8px 20px rgba(30,58,91,.08);
    transition:transform .22s ease
  }
  .service-shell.mobile-catalog-open .catalog-mobile-toggle{transform:rotate(180deg)}
  .service-shell:not(.mobile-catalog-open) .service-catalog .catalog-head>div,
  .service-shell:not(.mobile-catalog-open) .service-catalog .catalog-reset,
  .service-shell:not(.mobile-catalog-open) .service-catalog .service-tree{opacity:0;pointer-events:none}
  .service-catalog .catalog-head>div,
  .service-catalog .catalog-reset,
  .service-catalog .service-tree{transition:opacity .14s ease}
  .catalog-head{padding-left:50px}
  .workbench-head{padding-inline-start:64px}
  .workbench-body{display:block}.step-rail{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;padding:8px;border-inline-end:0;border-bottom:1px solid var(--os-line);scrollbar-width:none}.step-item{flex:0 0 132px;grid-template-columns:28px minmax(0,1fr);padding:7px 8px}.step-item:not(:last-child)::after{display:none}.step-item>span{width:27px;height:27px}
  .stage-panel{padding:14px}.agent-thread{height:300px}.package-panel{grid-template-columns:1fr}.package-card{min-height:135px}.execution-panel{grid-template-columns:1fr;text-align:center;justify-items:center}.execution-orbit{margin:18px 0 4px}
}
@media(max-width:470px){
  .service-intro p{display:none}.workbench-state b{display:none}.route-badge{font-size:.56rem}.service-shell{border-radius:17px}.service-workbench,.service-catalog{border-radius:0}
  .workbench-head{padding:10px 12px}.selected-service h2{max-width:170px}.stage-footer{padding-inline:12px}.delivery-actions{display:grid}.delivery-actions>*{width:100%}
}
@media(prefers-reduced-motion:reduce){.service-shell,.service-option,.package-card{transition:none}}


/* Hiro Service narrative continuation */
.service-story,.service-method,.service-ecosystem{
  width:100vw;
  margin-inline:calc(50% - 50vw);
  background:#fff;
}
.story-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.service-story{padding:96px 0 78px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.story-intro{max-width:900px;margin:0 auto;text-align:center}
.story-kicker{display:inline-block;color:#2b73d7;font-size:.68rem;font-weight:950;letter-spacing:.16em}
.story-intro h2,.method-head h2,.service-ecosystem h2{margin:12px 0 18px;color:#111c2a;font-size:clamp(2rem,4.7vw,4.1rem);line-height:1.12;letter-spacing:-.045em}
.story-intro>p{max-width:830px;margin:0 auto;color:#5f6f80;font-size:1rem;line-height:2.05}
.story-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px;text-align:start}
.story-signals span{min-height:96px;padding:18px 19px;border:1px solid #e5eaf0;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 34px rgba(22,48,78,.045)}
.story-signals b,.story-signals small{display:block}.story-signals b{color:#182536;font-size:.92rem}.story-signals small{margin-top:7px;color:#7b8998;font-size:.72rem;line-height:1.65}

.story-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:62px}
.story-card{position:relative;display:grid;grid-template-columns:58px 1fr;gap:18px;min-height:210px;padding:30px;border:1px solid #e2e8ef;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(25,50,79,.055)}
.story-card-no{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#0f1b2b;color:#fff;font-size:.72rem;font-weight:950;letter-spacing:.08em}
.story-card small{display:block;color:#2d76d8;font-size:.62rem;font-weight:950;letter-spacing:.14em}
.story-card h3{margin:6px 0 10px;color:#172334;font-size:1.28rem}
.story-card p{margin:0;color:#687888;font-size:.84rem;line-height:1.9}

.service-method{padding:86px 0;background:#0b1521;color:#fff}
.method-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:54px;align-items:end}
.method-head .story-kicker{color:#74b0ff}
.method-head h2{margin-bottom:0;color:#fff}
.method-head>p{margin:0;color:#9fb0c1;font-size:.9rem;line-height:1.9}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:50px}
.method-grid article{min-height:220px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}
.method-grid b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#2376e5;color:#fff;font-size:.72rem}
.method-grid h3{margin:25px 0 10px;font-size:1rem}.method-grid p{margin:0;color:#9fb0c1;font-size:.76rem;line-height:1.85}

.service-ecosystem{padding:88px 0 98px;background:linear-gradient(135deg,#f9fbfd,#eef4fb)}
.ecosystem-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:55px;align-items:center}
.service-ecosystem h2{max-width:820px;font-size:clamp(1.8rem,4vw,3.5rem)}
.service-ecosystem p{max-width:820px;margin:0;color:#637385;font-size:.9rem;line-height:2}
.ecosystem-actions{display:flex;flex-direction:column;gap:10px;min-width:220px}
.ecosystem-actions a{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:14px;text-decoration:none;font-size:.78rem;font-weight:950}
.ecosystem-primary{background:#101d2c;color:#fff;box-shadow:0 12px 28px rgba(16,29,44,.15)}
.ecosystem-secondary{border:1px solid #d6dee8;background:#fff;color:#29384a}

html[data-theme="dark"] .service-story{background:linear-gradient(180deg,#0d1926,#0a1521)}
html[data-theme="dark"] .service-story .story-intro h2,
html[data-theme="dark"] .service-story .story-card h3,
html[data-theme="dark"] .service-story .story-signals b{color:#eef5fc}
html[data-theme="dark"] .service-story .story-intro>p,
html[data-theme="dark"] .service-story .story-card p,
html[data-theme="dark"] .service-story .story-signals small{color:#94a6b8}
html[data-theme="dark"] .service-story .story-card,
html[data-theme="dark"] .service-story .story-signals span{background:#101d2b;border-color:rgba(202,220,240,.1)}
html[data-theme="dark"] .service-ecosystem{background:#0d1926}
html[data-theme="dark"] .service-ecosystem h2{color:#eef5fc}
html[data-theme="dark"] .service-ecosystem p{color:#96a8ba}
html[data-theme="dark"] .ecosystem-secondary{background:#101d2b;color:#eaf2fa;border-color:rgba(202,220,240,.12)}

@media(max-width:900px){
  .service-story{padding:68px 0 58px}
  .story-capabilities,.method-head,.ecosystem-grid{grid-template-columns:1fr}
  .method-head{gap:18px}
  .method-grid{grid-template-columns:repeat(2,1fr)}
  .ecosystem-actions{flex-direction:row;min-width:0}
  .ecosystem-actions a{flex:1}
}
@media(max-width:600px){
  .story-wrap{width:min(100% - 24px,1180px)}
  .service-story{padding:54px 0 44px}
  .story-intro{text-align:start}
  .story-intro h2,.method-head h2,.service-ecosystem h2{font-size:clamp(1.75rem,8vw,2.7rem)}
  .story-intro>p{font-size:.88rem}
  .story-signals,.story-capabilities,.method-grid{grid-template-columns:1fr}
  .story-signals{gap:9px;margin-top:26px}
  .story-signals span{min-height:auto}
  .story-capabilities{margin-top:38px}
  .story-card{grid-template-columns:46px 1fr;min-height:auto;padding:22px 18px;gap:13px;border-radius:20px}
  .story-card-no{width:42px;height:42px;border-radius:13px}
  .service-method,.service-ecosystem{padding:58px 0}
  .method-grid{margin-top:32px}
  .method-grid article{min-height:auto}
  .ecosystem-actions{flex-direction:column}
}

@media(max-width:680px){
  .brand-full-bleed{aspect-ratio:2.18 / 1}
}


/* Language-direction correctness for Hiro Service */
.service-catalog,
.service-tree,
.service-group,
.catalog-head,
.service-group-title,
.service-option,
.service-option span,
.service-workbench,
.workbench-head,
.selected-service,
.step-rail,
.step-item,
.stage-area,
.stage-panel,
.stage-head,
.agent-composer,
.agent-composer textarea,
.route-panel,
.package-card{
  direction:inherit;
}
html[dir="ltr"] .service-catalog,
html[dir="ltr"] .catalog-head,
html[dir="ltr"] .service-group-title,
html[dir="ltr"] .service-option,
html[dir="ltr"] .service-option span,
html[dir="ltr"] .selected-service,
html[dir="ltr"] .step-item,
html[dir="ltr"] .stage-head,
html[dir="ltr"] .agent-composer textarea,
html[dir="ltr"] .route-panel,
html[dir="ltr"] .package-card{
  text-align:left;
}
html[dir="rtl"] .service-catalog,
html[dir="rtl"] .catalog-head,
html[dir="rtl"] .service-group-title,
html[dir="rtl"] .service-option,
html[dir="rtl"] .service-option span,
html[dir="rtl"] .selected-service,
html[dir="rtl"] .step-item,
html[dir="rtl"] .stage-head,
html[dir="rtl"] .agent-composer textarea,
html[dir="rtl"] .route-panel,
html[dir="rtl"] .package-card{
  text-align:right;
}
html[dir="ltr"] .message-row.assistant{justify-content:flex-start}
html[dir="ltr"] .message-row.customer{justify-content:flex-end}
html[dir="rtl"] .message-row.assistant{justify-content:flex-end}
html[dir="rtl"] .message-row.customer{justify-content:flex-start}
html[dir="ltr"] .message-bubble{text-align:left;direction:ltr}
html[dir="rtl"] .message-bubble{text-align:right;direction:rtl}



/* Service introduction — first request stage */
.service-intro-panel{width:100%;max-width:980px;margin:0 auto}
.service-intro-card{display:grid;gap:18px}
.service-intro-v2{padding:2px 0 4px}
.service-intro-head{padding:4px 2px 2px}
.service-intro-head>small{display:block;color:#2d76d6;font-size:.64rem;font-weight:950;letter-spacing:.12em}
.service-intro-head h3{margin:7px 0 8px;color:#142235;font-size:clamp(1.45rem,2.7vw,2.15rem);line-height:1.25}
.service-intro-head .service-intro-lead{margin:0;max-width:820px;color:#607184;line-height:1.95;font-size:.86rem}
.service-intro-section{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:18px;border:1px solid #e2e9f0;border-radius:18px;background:#fff}
.service-intro-section-no{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eef5ff;color:#1769c8;font-size:.66rem;font-weight:950;letter-spacing:.04em}
.service-intro-section h4{margin:2px 0 9px;color:#17283d;font-size:.88rem}
.service-intro-section p{margin:0;color:#627387;font-size:.77rem;line-height:1.95}
.service-intro-overview{background:linear-gradient(135deg,#fbfdff,#f5f9fd)}
.service-intro-deliverable{display:grid;gap:4px;margin-top:14px;padding-top:12px;border-top:1px solid #e4ebf2}
.service-intro-deliverable b{color:#31455d;font-size:.71rem}
.service-intro-deliverable span{color:#718196;font-size:.71rem;line-height:1.8}
.service-intro-example{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:15px 17px;border:1px solid #d9e8f8;border-radius:16px;background:#f1f7ff}
.service-intro-example-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;color:#1769c8;font-size:1rem;font-weight:900;box-shadow:0 5px 14px rgba(34,91,157,.07)}
.service-intro-example b{display:block;margin:1px 0 5px;color:#1c528d;font-size:.73rem}
.service-intro-example p{margin:0;color:#5c6f84;font-size:.75rem;line-height:1.9}
.service-intro-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.service-intro-grid-v2 .service-intro-section{height:100%;box-sizing:border-box}
.service-intro-grid-v2 ul{margin:0;padding-inline-start:19px;color:#5f7083;font-size:.74rem;line-height:1.9}
.service-intro-grid-v2 li+li{margin-top:5px}
.service-intro-process-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.service-intro-process-head h4{margin:0}
.service-intro-process-head>span{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#6b7b8d;font-size:.61rem;font-weight:800}
.service-intro-process{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.service-intro-process li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px}
.service-intro-process li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#f2f6fa;color:#53708d;font-size:.6rem;font-weight:900}
.service-intro-process li>b{color:#5f7083;font-size:.71rem;font-weight:700;line-height:1.6}
.service-intro-price{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:18px;align-items:center;padding:19px 20px;border:1px solid #d8e1ea;border-radius:18px;background:linear-gradient(135deg,#f8fafc,#eef3f8)}
.service-intro-price small{display:block;color:#7a8998;font-size:.62rem;font-weight:900;letter-spacing:.08em}
.service-intro-price h4{margin:5px 0 5px;color:#1d2d40;font-size:.84rem}
.service-intro-price p{margin:0;color:#748397;font-size:.69rem;line-height:1.75}
.service-intro-price-value{min-width:0;text-align:end}
.service-intro-price-value b{display:block;color:#13243a;font-size:clamp(1.05rem,2.3vw,1.45rem);font-weight:950;white-space:nowrap}
.service-intro-price-value span{display:block;margin-top:5px;color:#79889a;font-size:.62rem;line-height:1.55}
.service-intro-note-v2{padding:8px 2px 2px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.service-intro-note-v2 b{color:#245e9e;font-size:.72rem}
.intro-continue-action{
  min-width:148px;
  min-height:44px;
  padding:0 24px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#156ce4,#2d88f6);
  color:#fff;
  font-size:.78rem;
  font-weight:950;
  box-shadow:0 10px 24px rgba(21,108,228,.2)
}
.intro-continue-action:disabled{opacity:.5;cursor:default;box-shadow:none}
html[data-theme="dark"] .service-intro-head h3{color:#eef5fc}
html[data-theme="dark"] .service-intro-head .service-intro-lead,
html[data-theme="dark"] .service-intro-section p,
html[data-theme="dark"] .service-intro-grid-v2 ul,
html[data-theme="dark"] .service-intro-process li>b{color:#a9b8c8}
html[data-theme="dark"] .service-intro-section{background:#101c2a;border-color:rgba(202,220,240,.11)}
html[data-theme="dark"] .service-intro-overview{background:linear-gradient(135deg,#111e2d,#0d1824)}
html[data-theme="dark"] .service-intro-section h4,
html[data-theme="dark"] .service-intro-deliverable b,
html[data-theme="dark"] .service-intro-price h4{color:#eef5fc}
html[data-theme="dark"] .service-intro-example{background:#10243a;border-color:#1b3b5d}
html[data-theme="dark"] .service-intro-example-mark{background:#172d44;color:#8fc4ff}
html[data-theme="dark"] .service-intro-example b{color:#9dccff}
html[data-theme="dark"] .service-intro-example p,
html[data-theme="dark"] .service-intro-deliverable span{color:#9fb0c3}
html[data-theme="dark"] .service-intro-price{background:linear-gradient(135deg,#101b28,#152231);border-color:rgba(202,220,240,.11)}
html[data-theme="dark"] .service-intro-price-value b{color:#f2f7fd}
@media(max-width:680px){
  .service-intro-card{gap:11px}
  .service-intro-head h3{font-size:1.35rem}
  .service-intro-section{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:14px}
  .service-intro-section-no{width:30px;height:30px;border-radius:9px}
  .service-intro-grid-v2{grid-template-columns:1fr}
  .service-intro-example{padding:13px 14px}
  .service-intro-price{grid-template-columns:1fr;gap:12px;padding:15px}
  .service-intro-price-value{text-align:start}
}

.service-intro-license-note{
  margin-top:-7px;
  padding:0 4px;
  color:#7b8795;
  font-size:.64rem;
  line-height:1.7;
  text-align:start;
}
html[data-theme="dark"] .service-intro-license-note{color:#8fa0b3}


/* Exact output + platform specification */
.service-intro-novice{
  margin-top:9px!important;
  padding-inline-start:12px;
  border-inline-start:3px solid #cfe1f6;
  color:#526a84!important;
  font-size:.73rem!important;
}
.service-intro-output-spec{
  padding:17px 18px;
  border:1px solid #dce6f0;
  border-radius:18px;
  background:linear-gradient(135deg,#fbfdff,#f4f8fc);
}
.service-intro-output-head small{
  display:block;
  color:#2c73c9;
  font-size:.61rem;
  font-weight:950;
  letter-spacing:.08em;
}
.service-intro-output-head h4{
  margin:5px 0 13px;
  color:#17283d;
  font-size:.86rem;
}
.service-intro-output-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.service-intro-output-card{
  min-width:0;
  padding:12px;
  border:1px solid #e1e8ef;
  border-radius:13px;
  background:#fff;
}
.service-intro-output-card>b{
  display:block;
  margin-bottom:8px;
  color:#4f6278;
  font-size:.65rem;
}
.service-intro-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.service-intro-chips span{
  max-width:100%;
  padding:5px 8px;
  border:1px solid #dbe5ef;
  border-radius:999px;
  background:#f7fafc;
  color:#20364f;
  font-size:.62rem;
  font-weight:780;
  white-space:normal;
  overflow-wrap:anywhere;
}
.service-intro-output-note{
  margin:10px 1px 0;
  color:#77889a;
  font-size:.62rem;
  line-height:1.65;
}
html[data-theme="dark"] .service-intro-novice{border-inline-start-color:#315477;color:#9fb4c9!important}
html[data-theme="dark"] .service-intro-output-spec{background:linear-gradient(135deg,#101c2a,#132131);border-color:rgba(202,220,240,.11)}
html[data-theme="dark"] .service-intro-output-head h4{color:#edf5fc}
html[data-theme="dark"] .service-intro-output-card{background:#0e1925;border-color:rgba(202,220,240,.09)}
html[data-theme="dark"] .service-intro-output-card>b{color:#a8b9ca}
html[data-theme="dark"] .service-intro-chips span{background:#152437;border-color:#29435d;color:#e8f2fb}
html[data-theme="dark"] .service-intro-output-note{color:#91a4b8}
@media(max-width:760px){
  .service-intro-output-grid{grid-template-columns:1fr}
  .service-intro-output-spec{padding:14px}
}

.service-intro-example-list ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 18px;
  margin:10px 0 0;
  padding-inline-start:18px;
}
.service-intro-example-list li{
  color:#52677d;
  font-size:.72rem;
  line-height:1.75;
}
.service-intro-example-help{
  margin:0!important;
  color:#718195!important;
  font-size:.68rem!important;
}
html[data-theme="dark"] .service-intro-example-list li{color:#a9b9c9}
html[data-theme="dark"] .service-intro-example-help{color:#8fa2b6!important}
@media(max-width:680px){
  .service-intro-example-list ul{grid-template-columns:1fr}
}

@media(max-width:640px){
  .composer-bottom{grid-template-columns:1fr auto}.composer-tools{grid-column:1/-1}.composer-bottom>span{text-align:start}.input-chip>span{max-width:170px}.message-copy{opacity:.72}
}


/* HIHIRO_DESKTOP_DENSITY_V1
   Keep Chrome/Windows at 100% browser zoom while presenting a denser,
   calmer desktop workspace. Mobile composition remains unchanged. */
@media (min-width: 64rem){
  .service-topbar{height:58px}
  .service-main{padding:22px 0 42px}
  .service-intro{min-height:172px;padding:16px 30px 24px}
  .mobile-service-message{gap:6px}
  .mobile-service-message strong{font-size:clamp(1.4rem,2.15vw,2.2rem);line-height:1.22}
  .mobile-service-message span{font-size:.8rem;line-height:1.72}
  .intro-visual{top:-20px;width:330px;height:195px}
  .service-shell{grid-template-columns:236px minmax(0,1fr);border-radius:20px}
  .service-shell.has-selection{grid-template-columns:220px minmax(0,1fr)}
  .catalog-head{min-height:54px;padding:9px 12px}
  .catalog-head b{font-size:.82rem}
  .service-group{padding:6px 2px 8px}
  .service-group-title{gap:8px;padding:5px 6px 7px}
  .service-group-title b{font-size:.84rem}
  .service-group-title::before{width:27px;height:27px;flex-basis:27px;background-size:15px 15px}
}


/* HIHIRO_CONVERSATION_WORKSPACE_V1
   Customer request UX: persistent conversation + transient operations surface.
   The backend state machine remains canonical; this only changes presentation. */
.workbench-body{display:block;min-height:0}
.conversation-workspace{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  min-height:calc(100vh - 190px);
  height:min(760px,calc(100vh - 150px));
  border-top:0
}
.conversation-column,.operation-column{min-width:0;min-height:0}
.conversation-column{
  display:flex;
  flex-direction:column;
  border-inline-end:1px solid var(--os-line);
  background:linear-gradient(180deg,#fbfdff,#f7faff)
}
.operation-column{
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:auto;
  background:linear-gradient(180deg,#fff,#fbfcfe)
}
.operation-head{
  position:sticky;
  top:0;
  z-index:5;
  min-height:58px;
  padding:11px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid var(--os-line);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px)
}
.operation-head small{display:block;color:#8290a0;font-size:.55rem;font-weight:950;letter-spacing:.12em}
.operation-head h3{margin:2px 0 0;font-size:.9rem}
#operation-state{padding:5px 8px;border:1px solid #dce6ef;border-radius:999px;background:#f6f9fc;color:#657689;font-size:.58rem;font-weight:900}
.conversation-panel{display:flex!important;flex:1;min-height:0;flex-direction:column;padding:14px}
.conversation-panel[hidden]{display:none!important}
.conversation-panel .stage-head{flex:0 0 auto;margin-bottom:10px}
.conversation-panel .agent-thread{
  flex:1;
  height:auto;
  min-height:260px;
  border-radius:14px;
  background:#fff
}
.conversation-panel .agent-composer{flex:0 0 auto;margin-top:10px}
.operation-column>.stage-panel{flex:0 0 auto;min-height:0;padding:16px}
.operation-column>.stage-panel[hidden]{display:none!important}
.operation-column .empty-stage{min-height:330px}
.operation-column .empty-stage.compact{min-height:220px}
.operation-column .package-panel{grid-template-columns:1fr;gap:8px}
.operation-column .package-card{min-height:0;padding:13px 13px 42px}
.operation-column .execution-panel{min-height:300px;grid-template-columns:84px minmax(0,1fr);padding:22px}
.operation-column .execution-orbit{width:74px;height:74px}
.operation-column .execution-orbit::before{width:55px;height:55px}
.operation-column .execution-orbit::after{width:92px;height:92px}
.operation-column .quick-choices{
  margin:14px 14px 0;
  padding:12px;
  border:1px solid #dce6ef;
  border-radius:14px;
  background:#f8fbff
}
.operation-idle{
  min-height:300px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  padding:28px;
  text-align:center;
  color:#718194
}
.operation-idle[hidden]{display:none!important}
.operation-idle-mark{
  width:52px;height:52px;display:grid;place-items:center;border-radius:16px;
  background:linear-gradient(145deg,#12243a,#2379d1);color:#fff;font-weight:950;
  box-shadow:0 12px 28px rgba(25,93,158,.16)
}
.operation-idle h4{margin:4px 0 0;color:#25384c;font-size:.9rem}
.operation-idle p{max-width:330px;margin:0;font-size:.68rem;line-height:1.75}
#quick-choices:not([hidden]) + #operation-idle{display:none}
.visitor-error{grid-column:1/-1;margin:8px 16px 0}
.step-rail,.stage-footer{display:none!important}

@media(min-width:64rem){
  .service-shell{min-height:calc(100vh - 165px)}
  .service-workbench{min-width:0}
}

@media(max-width:75rem){
  .conversation-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr)}
}

@media(max-width:56rem){
  .conversation-workspace{
    height:auto;
    min-height:0;
    grid-template-columns:1fr;
    grid-template-rows:minmax(430px,62vh) auto
  }
  .conversation-column{border-inline-end:0;border-bottom:1px solid var(--os-line)}
  .operation-column{max-height:none;overflow:visible}
  .conversation-panel{min-height:430px}
  .operation-head{position:static}
}

@media(max-width:47.99rem){
  .conversation-workspace{grid-template-rows:minmax(390px,58vh) auto}
  .conversation-panel{padding:10px;min-height:390px}
  .conversation-panel .stage-head h3{font-size:.9rem}
  .operation-column>.stage-panel{padding:12px}
  .operation-idle{min-height:210px;padding:18px}
}


/* HIHIRO_OPERATION_HANDOFF_V1 */
.operation-handoff{
  margin:14px;
  padding:16px;
  border:1px solid #d7e4f2;
  border-radius:16px;
  background:linear-gradient(145deg,#f7fbff,#fff);
  box-shadow:0 12px 30px rgba(36,80,124,.07)
}
.operation-handoff[hidden]{display:none!important}
.operation-handoff-head{display:flex;align-items:center;gap:10px}
.handoff-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#14283f;color:#fff;font-weight:950}
.operation-handoff-head small{display:block;color:#6d88a5;font-size:.55rem;font-weight:950;letter-spacing:.1em}
.operation-handoff-head h4{margin:2px 0 0;font-size:.88rem}
.operation-handoff>p{margin:11px 0 0;color:#66788b;font-size:.68rem;line-height:1.75}
.operation-handoff-meta{margin:10px 0;padding:8px 10px;border-radius:10px;background:#eef5fc;color:#45627f;font-size:.62rem;font-weight:850}


/* HIHIRO_OPERATION_PROTOCOL_V1 */
.operation-transient{
  margin:14px;
  padding:16px;
  border:1px solid #dce6ef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(35,70,108,.06)
}
.operation-transient[hidden]{display:none!important}
.operation-transient-head small{display:block;color:#7189a2;font-size:.55rem;font-weight:950;letter-spacing:.11em}
.operation-transient-head h4{margin:3px 0 0;font-size:.92rem;color:#203449}
.operation-transient>p{margin:9px 0 0;color:#697a8d;font-size:.68rem;line-height:1.75}
.operation-choice-options{display:grid;gap:8px;margin-top:12px}
.operation-choice-card{padding:12px 13px;border:1px solid #dbe5ef;border-radius:12px;background:#f9fbfd;text-align:start}
.operation-choice-card:hover{border-color:#acd0f5;background:#f3f9ff;transform:translateY(-1px)}
.operation-choice-card b,.operation-choice-card small{display:block}
.operation-choice-card b{font-size:.76rem;color:#24384d}
.operation-choice-card small{margin-top:4px;color:#758598;font-size:.64rem;line-height:1.65}
.operation-preview-content{margin-top:12px;padding:12px;border:1px solid #e1e8ef;border-radius:12px;background:#f8fafc;color:#42566b;font-size:.69rem;line-height:1.8;white-space:pre-wrap}
.operation-preview-content img,.operation-result-image{display:block;max-width:100%;max-height:430px;margin:auto;border-radius:12px;object-fit:contain}
.token-quote-card{background:linear-gradient(145deg,#f8fbff,#fff)}
.token-quote-value{display:flex;align-items:baseline;gap:7px;margin-top:15px}
.token-quote-value b{font-size:2rem;line-height:1;color:#155fba}
.token-quote-value span{color:#58718a;font-size:.72rem;font-weight:900}
.token-quote-balance{margin:10px 0;color:#718296;font-size:.64rem}
.token-quote-card .primary-action{width:100%;margin-top:8px}


/* HIHIRO_SERVICE_STARTER_V1 */
.chat-starter{flex:0 0 auto;margin:0 0 10px;padding:12px 13px;border:1px solid #d9e7f4;border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(215,171,65,.10),transparent 34%),linear-gradient(145deg,#f7fbff,#fff)}
.chat-starter[hidden]{display:none!important}
.chat-starter-copy small{display:block;color:#2d76bd;font-size:.54rem;font-weight:950;letter-spacing:.11em}
.chat-starter-copy strong{display:block;margin-top:3px;color:#20364d;font-size:.75rem;line-height:1.65}
.chat-starter-copy p{margin:3px 0 0;color:#75879a;font-size:.62rem;line-height:1.7}
.chat-starter-actions{display:flex;gap:6px;margin-top:9px;overflow-x:auto;scrollbar-width:none}
.chat-starter-actions::-webkit-scrollbar{display:none}
.chat-starter-actions button{flex:0 0 auto;max-width:260px;padding:7px 10px;border:1px solid #dce6f0;border-radius:9px;background:#fff;color:#4d6379;font-size:.59rem;font-weight:800;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-starter-actions button:hover,.chat-starter-actions button.is-selected{border-color:#92c2f2;background:#edf6ff;color:#145fae}
.operation-idle.has-starter{min-height:0;display:block;padding:15px;text-align:start;color:#5e7287}
.starter-operation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:11px}
.starter-operation-head small{display:block;color:#2b72ba;font-size:.54rem;font-weight:950;letter-spacing:.11em}
.starter-operation-head h4{margin:3px 0 2px;color:#20354b;font-size:.88rem}
.starter-operation-head p{max-width:390px;margin:0;color:#718397;font-size:.62rem;line-height:1.7}
.starter-operation-service{flex:0 0 auto;max-width:42%;padding:5px 8px;border:1px solid #dae5ef;border-radius:999px;background:#f7fafc;color:#536b83;font-size:.55rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.starter-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.starter-card{min-width:0;padding:0;overflow:hidden;border:1px solid #dce5ed;border-radius:13px;background:#fff;color:#263b50;text-align:start;box-shadow:0 7px 18px rgba(37,71,105,.035);transition:.16s ease}
.starter-card:hover{transform:translateY(-1px);border-color:#a9cbed;box-shadow:0 11px 25px rgba(37,71,105,.07)}
.starter-card.is-selected{border-color:#65a9eb;box-shadow:0 0 0 2px rgba(45,130,220,.10)}
.starter-thumb{display:block;width:100%;aspect-ratio:1.6;overflow:hidden;background:#eef4fa}
.starter-thumb svg{display:block;width:100%;height:100%}
.starter-card-copy{display:block;min-width:0;padding:9px 10px 10px}
.starter-card-copy b{display:-webkit-box;min-height:2.75em;overflow:hidden;color:#263b50;font-size:.63rem;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.starter-card-copy small{display:block;margin-top:5px;color:#7c8b9a;font-size:.53rem}
.starter-card.is-selected .starter-card-copy small{color:#1769c6;font-weight:850}
.starter-default{width:100%;min-height:37px;margin-top:8px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px dashed #cbd9e6;border-radius:10px;background:#f9fbfd;color:#5f7388;text-align:start}
.starter-default span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#edf4fb;color:#1769c7;font-size:.8rem}
.starter-default b{font-size:.59rem}
.starter-default:hover,.starter-default.is-selected{border-style:solid;border-color:#9bc4ec;background:#f0f7ff;color:#1e609f}
.starter-operation-foot{margin:8px 1px 0!important;color:#8a98a7!important;font-size:.54rem!important;text-align:center!important}
html[data-theme="dark"] .chat-starter{border-color:rgba(151,190,227,.14);background:linear-gradient(145deg,#102033,#101a27)}
html[data-theme="dark"] .chat-starter-copy strong,html[data-theme="dark"] .starter-operation-head h4,html[data-theme="dark"] .starter-card-copy b{color:#edf5fd}
html[data-theme="dark"] .chat-starter-copy p,html[data-theme="dark"] .starter-operation-head p{color:#94a6b8}
html[data-theme="dark"] .chat-starter-actions button,html[data-theme="dark"] .starter-card{border-color:rgba(151,190,227,.12);background:#111e2c;color:#c8d7e7}
html[data-theme="dark"] .chat-starter-actions button.is-selected,html[data-theme="dark"] .starter-card.is-selected{border-color:#4c94d9;background:#132a40}
html[data-theme="dark"] .starter-operation-service,html[data-theme="dark"] .starter-default{border-color:rgba(151,190,227,.13);background:#101b29;color:#aebfd0}
@media(max-width:47.99rem){.chat-starter{padding:10px}.starter-operation-head{display:grid;grid-template-columns:1fr}.starter-operation-service{max-width:100%;justify-self:start}.starter-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.starter-card-copy{padding:8px}.starter-card-copy b{font-size:.59rem}}
@media(max-width:360px){.starter-card-grid{grid-template-columns:1fr}}