.hello{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--muted);letter-spacing:-.01em}
.hello-dot{width:10px;height:10px;border-radius:50%;background:var(--brand-bright);box-shadow:0 0 0 6px rgba(var(--lh-brand-rgb),.08)}
.hero-kicker{margin:12px 0 22px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--muted)}
.service-tile,.studio-tab,.choice{position:relative;overflow:hidden;isolation:isolate}
.service-tile{padding:28px 28px 30px;background:linear-gradient(180deg,rgba(var(--lh-white-rgb),.98),rgba(var(--lh-canvas-rgb),.98));}
.service-tile .tile-copy{position:relative;z-index:2;max-width:72%}
.tile-orb{position:absolute;right:-4px;top:-8px;width:108px;height:108px;border-radius:28px;color:var(--accent, var(--brand));opacity:.14;background:radial-gradient(circle at 35% 35%,rgba(var(--lh-white-rgb),.9),rgba(var(--lh-white-rgb),.1) 55%,transparent 56%);display:grid;place-items:center;z-index:1;transform:rotate(-10deg)}
.tile-orb .icon{width:52px;height:52px;stroke-width:1.25}
.tile-pixels{opacity:.98;filter:saturate(1.18)}
.tile-pixels canvas{animation:tileDrift 4.2s ease-in-out infinite alternate}
.service-tile:nth-child(2n) .tile-pixels canvas{animation-duration:3.6s}
.work-tile img{z-index:2;opacity:.12;right:-2%;bottom:-6%;width:56%}
.studio-tabs{gap:14px}
.studio-tab{min-height:124px;align-items:flex-start;padding:22px 18px 18px;background:linear-gradient(180deg,var(--elevated),var(--surface))}
.studio-tab>span:not(.studio-tab-art):not(.studio-type-index){position:relative;z-index:2}
.studio-tab .studio-type-icon{position:relative;z-index:2;background:var(--elevated);box-shadow:0 6px 18px rgba(var(--lh-shadow-rgb),.06)}
.studio-tab-art{position:absolute;right:-6px;top:-10px;width:110px;height:92px;color:var(--accent);opacity:.11;display:grid;place-items:start end;z-index:0}
.studio-tab-art>.icon{width:60px;height:60px;stroke-width:1.15;margin:12px 12px 0 0}
.studio-tab-art>i,.choice-art>i{position:absolute;inset:auto 0 0 auto;width:84px;height:84px;border-radius:18px;background-image:linear-gradient(to right, color-mix(in srgb,var(--accent) 16%, transparent) 0 1px, transparent 1px),linear-gradient(to bottom, color-mix(in srgb,var(--accent) 16%, transparent) 0 1px, transparent 1px);background-size:10px 10px;mask-image:radial-gradient(circle at top right,#000 18%,transparent 72%);opacity:.85}
.studio-tab.active{box-shadow:0 10px 32px color-mix(in srgb,var(--accent) 10%, transparent)}
.choice{padding:22px 20px 18px;background:linear-gradient(180deg,var(--elevated),var(--surface))}
.choice-art{position:absolute;right:-4px;top:-6px;width:108px;height:88px;color:var(--accent);opacity:.12;display:grid;place-items:start end;z-index:0}
.choice-art>.icon{width:48px;height:48px;stroke-width:1.2;margin:14px 15px 0 0}
.choice>strong,.choice>span:not(.choice-tick):not(.choice-art),.choice>.icon{position:relative;z-index:2}
.choice>strong{max-width:78%}
.action-choice strong{font-size:14px}
.choice-grid-four .choice{min-height:116px}
.choice-grid-four .choice .choice-art{width:84px;height:74px}
.choice-grid-four .choice .choice-art>.icon{width:36px;height:36px}
.choice.selected{transform:translateY(-1px)}
.seat-mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.tier-value-table .tier-table-head{grid-template-columns:1.4fr .8fr 1.2fr .8fr}
.tier-value-table .tier-row{grid-template-columns:1.4fr .8fr 1.2fr .8fr;align-items:center;min-height:84px}
.tier-copy{display:flex;flex-direction:column;gap:4px}
.tier-copy b{font-size:14px;color:var(--ink)}
.tier-copy small{font-size:10px;color:var(--muted)}
.tier-price b{font-size:20px;font-weight:560;color:var(--ink)}
.tier-row-center{display:grid;gap:10px}
.tier-value-meter{height:6px;border-radius:999px;background:var(--soft);overflow:hidden}
.tier-value-meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-strong),var(--lh-brand))}
.tier-row-a .tier-letter,.tier-row-a .tier-value-meter i{background:linear-gradient(90deg,var(--brand-strong),var(--brand-strong));color:var(--on-brand)}
.tier-row-b .tier-letter{background:var(--soft);color:var(--brand-strong)}
.tier-row-c .tier-letter{background:var(--surface);color:var(--muted)}
.tier-row-d .tier-letter{background:var(--surface);color:var(--muted)}
.tier-subtotal{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:18px;font-weight:560;color:var(--ink)}
.tier-subtotal small{font-size:10px;color:var(--muted);font-weight:400}
.task-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.task-state-chip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:var(--soft);color:var(--brand-strong);font-size:10px;font-weight:600;letter-spacing:.03em}
.task-state-chip.hot{background:var(--lh-taskCommercialSoft);color:var(--lh-taskCommercial)}
.task-state-chip.muted{background:var(--soft);color:var(--muted)}
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}
.card-micro{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:var(--surface);color:var(--muted)}
.card-micro i{width:6px;height:6px;border-radius:50%;background:var(--brand-bright);box-shadow:14px 0 0 rgba(var(--lh-brand-rgb),.35),28px 0 0 rgba(var(--lh-brand-rgb),.16);margin-right:28px}
.card-foot button{white-space:nowrap}
html[data-theme="dark"] .hero-kicker{color:var(--muted)}
html[data-theme="dark"] .hello{color:var(--muted)}
html[data-theme="dark"] .service-tile,html[data-theme="dark"] .studio-tab,html[data-theme="dark"] .choice{background:linear-gradient(180deg,var(--elevated),var(--surface))}
html[data-theme="dark"] .service-tile,html[data-theme="dark"] .studio-tab{border-color:var(--brand-line)}
html[data-theme="dark"] .card-micro{background:var(--soft);color:var(--muted)}
html[data-theme="dark"] .seat-mode-row{background:var(--ink);border-color:var(--brand-line)}
html[data-theme="dark"] .task-state-chip{background:var(--brand-strong)}
html[data-theme="dark"] .task-state-chip.hot{background:var(--blue-soft);color:var(--blue)}
html[data-theme="dark"] .task-state-chip.muted{background:var(--ink);color:var(--muted)}
html[data-theme="dark"] .studio-tab .studio-type-icon{background:var(--elevated);box-shadow:none}
html[data-theme="dark"] .choice .choice-tick{background:var(--ink)}
@keyframes tileDrift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(7px,-5px,0) scale(1.02)}}
@media (max-width: 900px){
  .service-tile .tile-copy{max-width:100%}
  .tile-orb{width:88px;height:88px}
  .studio-tab{min-height:112px;padding:18px 14px 16px}
  .studio-tab-art{width:86px;height:70px}
  .studio-tab-art>.icon{width:42px;height:42px;margin:10px 10px 0 0}
  .seat-mode-row{flex-direction:column;align-items:flex-start}
  .tier-value-table .tier-table-head{display:none}
  .tier-value-table .tier-row{grid-template-columns:1fr;gap:12px;padding:14px}
  .tier-row-center{grid-template-columns:1fr}
  .tier-subtotal{align-items:flex-start}
  .card-foot{align-items:flex-start;flex-direction:column}
}