.page{min-height:100vh;background:var(--bg);overflow-x:hidden}.page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1200px 600px at 70% -10%,rgba(37,99,235,.1),transparent 60%),radial-gradient(900px 600px at 0% 20%,rgba(37,99,235,.04),transparent 70%)}.wrap{max-width:1280px;margin:0 auto;padding:0 32px;position:relative;z-index:1}.nav{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg) 80%,transparent);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid transparent}.nav.scrolled{border-color:var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-links{display:flex;gap:6px;align-items:center}.nav-link{padding:6px 12px;border-radius:8px;font-size:14px;color:var(--fg-muted);transition:background .12s,color .12s;cursor:pointer}.nav-link:hover{background:var(--bg-sunken);color:var(--fg)}.nav-cta{display:flex;gap:8px;align-items:center}@media (max-width: 760px){.nav-links{display:none}}.hero{position:relative;padding:96px 0 104px;min-height:min(840px,92vh);display:flex;align-items:center;overflow:hidden}@media (max-width: 1000px){.hero{min-height:0;padding:64px 0 72px}}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg canvas{display:block;width:100%!important;height:100%!important}.hero-bg-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(58% 64% at 26% 48%,#fafaf8a8,#fafaf800 72%),linear-gradient(to bottom,rgba(250,250,248,0) 66%,var(--bg) 100%)}.hero-inner{position:relative;z-index:2}.hero-copy{max-width:620px}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;height:30px;padding:0 12px 0 6px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border);font-size:12.5px;color:var(--fg-muted);box-shadow:var(--shadow-1)}.hero-eyebrow .badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--accent-tint);color:var(--accent-press);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.hero h1{margin:24px 0 0}.hero h1 .accent{color:var(--accent);font-style:italic;font-weight:500}.hero p.lede{margin-top:20px;max-width:540px}.hero-ctas{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-meta{margin-top:36px;display:flex;gap:28px;flex-wrap:wrap;align-items:center;color:var(--fg-muted);font-size:13px}.hero-meta .stat{display:flex;flex-direction:column;gap:2px}.hero-meta .stat b{font-family:var(--font-mono);font-size:22px;color:var(--fg);font-weight:600;letter-spacing:-.02em}@keyframes pulse{0%{box-shadow:0 0 #2563eb73}70%{box-shadow:0 0 0 12px #2563eb00}to{box-shadow:0 0 #2563eb00}}.section{padding:96px 0;position:relative}.section-head{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;margin-bottom:56px}@media (max-width: 800px){.section-head{grid-template-columns:1fr}}.section-head h2{max-width:720px}.demo{border-top:1px solid var(--border)}.demo-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:stretch}@media (max-width: 1000px){.demo-grid{grid-template-columns:1fr}}.phone-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:var(--shadow-2);position:relative;overflow:hidden;min-height:480px;display:flex;flex-direction:column}.phone-head{display:flex;align-items:center;justify-content:space-between}.phone-caller{display:flex;align-items:center;gap:12px}.phone-caller .av{width:40px;height:40px;border-radius:12px;background:var(--bg-sunken);display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;font-size:13px;color:var(--fg)}.phone-caller b{display:block;font-weight:600;font-size:14px}.phone-caller small{color:var(--fg-muted);font-size:12px}.phone-status{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;background:var(--accent-tint);color:var(--accent-press);font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.phone-status .dot{background:var(--accent);animation:pulse 1.6s ease-out infinite}.phone-transcript{flex:1;margin-top:24px;display:flex;flex-direction:column;gap:14px;overflow:hidden;position:relative}.bubble{max-width:80%;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.5;animation:bubble-in .48s ease both}.bubble small{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;opacity:.6}.bubble.agent{background:var(--bg-sunken);color:var(--fg);border:1px solid var(--border-subtle);align-self:flex-start;border-top-left-radius:4px}.bubble.caller{background:var(--fg);color:var(--fg-inverse);align-self:flex-end;border-top-right-radius:4px}.bubble.caller small{color:#ffffff8c}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.phone-foot{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.wave{display:flex;align-items:center;gap:3px;height:24px}.wave i{display:block;width:3px;background:var(--accent);border-radius:2px;animation:wave 1.1s ease-in-out infinite}.wave i:nth-child(1){animation-delay:0s}.wave i:nth-child(2){animation-delay:.08s}.wave i:nth-child(3){animation-delay:.16s}.wave i:nth-child(4){animation-delay:.24s}.wave i:nth-child(5){animation-delay:.32s}.wave i:nth-child(6){animation-delay:.4s}.wave i:nth-child(7){animation-delay:.48s}.wave i:nth-child(8){animation-delay:.56s}@keyframes wave{0%,to{height:4px}50%{height:22px}}.phone-timer{font-family:var(--font-mono);color:var(--fg-muted);font-size:13px;font-variant-numeric:tabular-nums}.demo-side h2{margin-bottom:16px}.demo-side .points{margin-top:28px;display:flex;flex-direction:column;gap:18px}.demo-side .point{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:flex-start}.demo-side .point .num{width:28px;height:28px;border-radius:999px;background:var(--accent-tint);color:var(--accent-press);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:700}.demo-side .point b{display:block;font-weight:600;font-size:15px;margin-bottom:2px}.demo-side .point span{color:var(--fg-muted);font-size:14px}.uses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 900px){.uses-grid{grid-template-columns:1fr}}.use{background:var(--bg-elev);border:1px solid var(--border);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:16px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;min-height:380px}.use:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--border-strong)}.use .vis{height:140px;border-radius:12px;background:var(--bg-sunken);position:relative;overflow:hidden;border:1px solid var(--border-subtle)}.use h3{font-size:20px;font-weight:600;letter-spacing:-.015em;margin:0}.use p{color:var(--fg-muted);font-size:14px;line-height:1.55;margin:0}.use ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;color:var(--fg-muted);font-size:13.5px}.use ul li{padding-left:18px;position:relative}.use ul li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:999px;background:var(--accent)}.vis-sales{background:linear-gradient(135deg,#eff6ff,#fafaf8 70%);display:grid;place-items:center}.vis-sales .bars{display:flex;align-items:flex-end;gap:6px;height:60%}.vis-sales .bars span{width:10px;background:var(--accent);border-radius:3px 3px 0 0;opacity:.85}.vis-support{background:linear-gradient(160deg,var(--bg-sunken),#fff);display:grid;place-items:center;gap:6px}.vis-support .row{display:flex;gap:6px;align-items:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-muted)}.vis-support .row .dot{background:var(--success)}.vis-schedule{background:linear-gradient(135deg,#fff,var(--bg-sunken));display:grid;place-items:center}.vis-schedule .cal{display:grid;grid-template-columns:repeat(7,14px);gap:4px}.vis-schedule .cal i{width:14px;height:14px;border-radius:3px;background:var(--border);display:block}.vis-schedule .cal i.on{background:var(--accent)}.vis-schedule .cal i.half{background:var(--accent-tint-strong)}.integrations{border-top:1px solid var(--border)}.int-stack{display:flex;flex-direction:column;gap:18px}.int-row{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;padding:18px 0;border-top:1px solid var(--border-subtle)}.int-row:first-child{border-top:none;padding-top:0}@media (max-width: 800px){.int-row{grid-template-columns:1fr;gap:12px;padding:14px 0}}.int-row-label{display:flex;flex-direction:column;gap:4px}.int-row-label .t-eyebrow{display:inline-flex;align-items:center;gap:8px}.int-row-label .t-eyebrow:before{content:"";width:14px;height:1px;background:var(--accent)}.int-row-label b{font-weight:600;font-size:16px;letter-spacing:-.01em}.int-tiles{display:flex;gap:8px;flex-wrap:wrap}.int-tile{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;font-size:13.5px;font-weight:500;color:var(--fg);transition:border-color .14s,background .14s,transform .14s;cursor:default}.int-tile:hover{border-color:var(--border-strong);background:var(--bg);transform:translateY(-1px)}.int-tile .mk{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:#fff;font-family:var(--font-mono);font-weight:700;font-size:11px;letter-spacing:-.02em}.int-tile .mk-rea{background:linear-gradient(135deg,#e4002b,#ff6b6b)}.int-foot{margin-top:32px;padding:20px 24px;background:var(--bg-sunken);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px}.int-foot b{color:var(--fg);font-weight:600}.int-foot .row{display:flex;gap:8px;align-items:center}.pricing{border-top:1px solid var(--border)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 900px){.pricing-grid{grid-template-columns:1fr}}.price{background:var(--bg-elev);border:1px solid var(--border);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:20px;position:relative}.price.featured{border:1px solid var(--fg);background:var(--fg);color:var(--fg-inverse);transform:translateY(-8px);box-shadow:var(--shadow-3)}.price.featured .price-tag b{color:var(--fg-inverse)}.price.featured .price-tag small{color:#ffffff8c}.price.featured .features li{color:#ffffffbf}.price.featured .features li:before{background:var(--accent)}.price.featured .price-name small{color:#ffffff8c}.price-name b{font-size:18px;font-weight:600;display:block}.price-name small{color:var(--fg-muted);font-size:13px;display:block;margin-top:4px}.price-tag{display:flex;align-items:baseline;gap:4px}.price-tag b{font-family:var(--font-mono);font-size:44px;font-weight:600;letter-spacing:-.04em;line-height:1}.price-tag small{color:var(--fg-muted);font-size:13px;font-family:var(--font-mono)}.features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--fg-muted)}.features li{padding-left:22px;position:relative}.features li:before{content:"";position:absolute;left:0;top:7px;width:12px;height:8px;background:var(--accent);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 4l3 3 7-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 4l3 3 7-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat}.price-flag{position:absolute;top:-12px;right:24px;background:var(--accent);color:#fff;height:24px;padding:0 10px;border-radius:999px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;display:inline-flex;align-items:center}.cta{padding:120px 0;text-align:center}.cta h2{font-size:clamp(40px,5vw,64px)}.cta .lede{margin:24px auto 32px;max-width:540px}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.foot{border-top:1px solid var(--border);padding:48px 0 64px}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}@media (max-width: 800px){.foot-grid{grid-template-columns:1fr 1fr}}.foot-col h4{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);font-weight:600;margin:0 0 12px}.foot-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--fg)}.foot-col ul a{cursor:pointer}.foot-col ul a:hover{color:var(--accent)}.foot-bottom{border-top:1px solid var(--border);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;color:var(--fg-muted);font-size:12.5px;font-family:var(--font-mono)}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media (max-width: 960px){.auth{grid-template-columns:1fr}}.auth-form-side{display:flex;flex-direction:column;padding:32px 56px;overflow-y:auto;position:relative}@media (max-width: 600px){.auth-form-side{padding:24px 20px}}.auth-top{display:flex;align-items:center;justify-content:space-between}.auth-top .logo{font-size:16px}.auth-back{font-size:13px;color:var(--fg-muted);display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:none;border:none}.auth-back:hover{color:var(--fg)}.auth-form-wrap{width:100%;max-width:400px;margin:48px auto;flex:1}@media (max-width: 600px){.auth-form-wrap{margin:32px auto}}.auth-tabs{display:inline-flex;background:var(--bg-sunken);padding:4px;border-radius:999px;margin-bottom:28px}.auth-tab{padding:8px 18px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--fg-muted);background:transparent;transition:background .14s,color .14s;cursor:pointer;border:none}.auth-tab.active{background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow-1)}.auth-tab:hover:not(.active){color:var(--fg)}.auth-heading h1{font-size:clamp(28px,3.6vw,34px);font-weight:600;letter-spacing:-.025em;margin:0 0 8px;line-height:1.1}.auth-heading p{color:var(--fg-muted);font-size:14.5px;margin:0 0 28px;line-height:1.55}.sso-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.sso-btn{height:44px;border:1px solid var(--border-strong);background:var(--bg-elev);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:500;color:var(--fg);transition:background .12s,border-color .12s,transform .12s;cursor:pointer}.sso-btn:hover{background:var(--bg-sunken);border-color:var(--fg-muted)}.divider{display:flex;align-items:center;gap:14px;margin:18px 0 20px;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.12em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field-row{display:flex;align-items:center;justify-content:space-between}.field label{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.field a.aux{font-size:12px;color:var(--accent);font-weight:500;cursor:pointer}.field a.aux:hover{text-decoration:underline}.input{position:relative}.input input,.input select{width:100%;height:44px;border:1px solid var(--border-strong);background:var(--bg-elev);border-radius:10px;padding:0 14px 0 42px;font-size:14.5px;color:var(--fg);outline:none;transition:border-color .12s,box-shadow .12s;font-family:var(--font-sans);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input input:focus,.input select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2563eb1f}.input .ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--fg-subtle);pointer-events:none;display:grid;place-items:center}.input .reveal{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:6px;cursor:pointer;background:transparent;border:none;color:var(--fg-muted);display:grid;place-items:center}.input .reveal:hover{background:var(--bg-sunken);color:var(--fg)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.terms{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--fg-muted);-webkit-user-select:none;user-select:none;margin:4px 0 22px;line-height:1.45}.terms input{accent-color:var(--accent);width:16px;height:16px;margin:2px 0 0;cursor:pointer}.terms a{color:var(--accent)}.terms a:hover{text-decoration:underline}.submit-btn{width:100%;height:46px;border-radius:10px;background:var(--fg);color:var(--fg-inverse);font-weight:500;font-size:14.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .12s,transform .12s;cursor:pointer;border:none}.submit-btn:hover{background:#000;transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:progress;transform:none}.submit-btn .arr{transition:transform .16s}.submit-btn:hover .arr{transform:translate(3px)}.auth-foot{padding-top:32px;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--fg-subtle);font-family:var(--font-mono)}.auth-foot a{color:var(--fg-muted);cursor:pointer}.auth-foot a:hover{color:var(--fg)}.auth-vis-side{position:relative;background:radial-gradient(800px 500px at 30% 20%,rgba(37,99,235,.2),transparent 60%),radial-gradient(700px 600px at 80% 80%,rgba(96,165,250,.12),transparent 70%),linear-gradient(135deg,#0a0e1a,#131c2e);color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:56px}@media (max-width: 960px){.auth-vis-side{display:none}}.vis-top{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;position:relative;z-index:2}.vis-top .live{display:inline-flex;align-items:center;gap:8px}.vis-top .live .dot{width:7px;height:7px;border-radius:999px;background:#60a5fa;animation:pulse-blue 1.6s ease-out infinite}@keyframes pulse-blue{0%{box-shadow:0 0 #60a5fa80}70%{box-shadow:0 0 0 12px #60a5fa00}to{box-shadow:0 0 #60a5fa00}}.vis-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.float-card{position:absolute;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 16px;display:flex;align-items:center;gap:12px;font-size:13px;color:#fff;box-shadow:0 20px 40px -16px #0006;animation:float 7s ease-in-out infinite}.float-card .av{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:12px}.float-card small{display:block;color:#ffffff8c;font-family:var(--font-mono);font-size:11px;margin-top:2px}.float-card .pulse-bar{display:flex;gap:2px;align-items:center;margin-left:auto}.float-card .pulse-bar i{display:block;width:2px;background:#60a5fa;border-radius:1px;animation:barpulse 1.1s ease-in-out infinite}.float-card .pulse-bar i:nth-child(1){height:8px}.float-card .pulse-bar i:nth-child(2){height:14px;animation-delay:.1s}.float-card .pulse-bar i:nth-child(3){height:10px;animation-delay:.2s}.float-card .pulse-bar i:nth-child(4){height:18px;animation-delay:.3s}.float-card .pulse-bar i:nth-child(5){height:6px;animation-delay:.4s}@keyframes barpulse{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fc-1{top:18%;left:14%;animation-delay:0s}.fc-2{top:38%;right:8%;animation-delay:-2.5s}.fc-3{bottom:30%;left:8%;animation-delay:-4.5s}.vis-quote{position:relative;z-index:2;max-width:440px}.vis-quote .mark{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:#60a5fa;display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}.vis-quote .mark:before{content:"";width:14px;height:1px;background:#60a5fa}.vis-quote blockquote{margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:500;letter-spacing:-.02em;line-height:1.3;color:#fff}.vis-quote .attr{margin-top:24px;display:flex;align-items:center;gap:12px}.vis-quote .attr .av{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:14px}.vis-quote .attr b{display:block;font-weight:600;color:#fff}.vis-quote .attr small{display:block;color:#ffffff8c;font-size:12.5px;margin-top:2px}.vis-stats{position:relative;z-index:2;display:flex;gap:32px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}.vis-stat b{display:block;font-family:var(--font-mono);font-size:22px;font-weight:600;color:#fff;letter-spacing:-.02em}.vis-stat span{font-size:11.5px;color:#ffffff80;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;display:block}.g-icon{width:18px;height:18px}.ob-page{min-height:100vh;background:radial-gradient(900px 500px at 50% -10%,rgba(37,99,235,.08),transparent 60%),var(--bg);display:flex;flex-direction:column}.ob-top{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--border);background:#fafaf8d6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}@media (max-width: 600px){.ob-top{padding:16px 20px}}.ob-top .logo{font-size:16px}.ob-top-actions{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--fg-muted)}.ob-top-actions .step-counter{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle)}.ob-top-actions a{color:var(--fg-muted);cursor:pointer}.ob-top-actions a:hover{color:var(--fg)}.ob-progress{height:3px;background:var(--border-subtle);position:relative}.ob-progress .fill{height:100%;background:var(--accent);transition:width .32s cubic-bezier(.32,.72,0,1)}.ob-main{flex:1;display:grid;grid-template-columns:1fr;place-items:center;padding:56px 24px 32px}@media (max-width: 600px){.ob-main{padding:32px 16px}}.ob-card{width:100%;max-width:640px}.step-chips{display:flex;justify-content:center;gap:6px;margin-bottom:36px;flex-wrap:wrap}.step-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);background:var(--bg-sunken);border:1px solid transparent;transition:background .16s,color .16s,border-color .16s}.step-chip.done{color:var(--success);background:var(--success-tint)}.step-chip.active{background:var(--bg-elev);color:var(--fg);border-color:var(--accent);box-shadow:var(--shadow-1)}.step-chip .ix{width:16px;height:16px;border-radius:999px;background:var(--border-strong);color:#fff;display:grid;place-items:center;font-size:9.5px;font-weight:700}.step-chip.active .ix{background:var(--accent)}.step-chip.done .ix{background:var(--success)}.step{animation:step-in .32s ease both}@keyframes step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step h1{font-size:clamp(28px,4vw,38px);font-weight:600;letter-spacing:-.025em;margin:0 0 12px;line-height:1.1;text-align:center}.step h1 .accent{color:var(--accent);font-style:italic;font-weight:500}.step .lede{color:var(--fg-muted);font-size:15.5px;line-height:1.55;margin:0 auto 36px;text-align:center;max-width:480px}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 600px){.options-grid{grid-template-columns:1fr}}.opt-card{background:var(--bg-elev);border:1.5px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:border-color .14s,transform .14s,box-shadow .14s;text-align:left;position:relative}.opt-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-1)}.opt-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.opt-card .ico{width:36px;height:36px;border-radius:10px;background:var(--accent-tint);color:var(--accent-press);display:grid;place-items:center;flex-shrink:0}.opt-card b{font-size:15px;font-weight:600;letter-spacing:-.01em;display:block}.opt-card p{color:var(--fg-muted);font-size:13px;margin:0;line-height:1.5}.opt-card .check{position:absolute;top:14px;right:14px;width:18px;height:18px;border-radius:999px;border:1.5px solid var(--border-strong);display:grid;place-items:center;background:var(--bg-elev);transition:all .14s;color:#fff}.opt-card.selected .check{background:var(--accent);border-color:var(--accent)}.opt-card .check svg{opacity:0;transition:opacity .14s}.opt-card.selected .check svg{opacity:1}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 600px){.tile-grid{grid-template-columns:repeat(2,1fr)}}.tile{background:var(--bg-elev);border:1.5px solid var(--border);border-radius:12px;padding:14px;cursor:pointer;transition:all .14s;text-align:center;position:relative}.tile:hover{border-color:var(--border-strong)}.tile.selected{border-color:var(--accent);background:var(--accent-tint)}.tile.selected b{color:var(--accent-press)}.tile .mk{width:36px;height:36px;border-radius:8px;margin:0 auto 8px;display:grid;place-items:center;color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:700}.tile b{font-size:13px;font-weight:600;display:block}.tile.selected:after{content:"✓";position:absolute;top:6px;right:8px;color:var(--accent);font-weight:700;font-size:13px}.ob-form-block{display:flex;flex-direction:column;gap:18px}.ob-field{display:flex;flex-direction:column;gap:6px}.ob-field label{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.ob-field input,.ob-field textarea{height:44px;border:1px solid var(--border-strong);background:var(--bg-elev);border-radius:10px;padding:0 14px;font-size:14.5px;color:var(--fg);outline:none;font-family:var(--font-sans);transition:border-color .12s,box-shadow .12s}.ob-field textarea{height:auto;padding:12px 14px;min-height:80px;resize:vertical;line-height:1.5}.ob-field input:focus,.ob-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2563eb1a}.ob-field .hint{font-size:12px;color:var(--fg-muted);margin-top:2px}.num-options{display:grid;gap:8px}.num-option{display:flex;align-items:center;gap:14px;background:var(--bg-elev);border:1.5px solid var(--border);border-radius:12px;padding:14px 18px;cursor:pointer;transition:all .14s}.num-option:hover{border-color:var(--border-strong)}.num-option.selected{border-color:var(--accent);background:linear-gradient(to right,var(--accent-tint),var(--bg-elev) 70%)}.num-option .radio{width:18px;height:18px;border-radius:999px;border:1.5px solid var(--border-strong);flex-shrink:0;position:relative;transition:all .14s}.num-option.selected .radio{border-color:var(--accent)}.num-option.selected .radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:999px;background:var(--accent)}.num-option .info{flex:1}.num-option .info b{display:block;font-weight:600;font-size:15px;font-family:var(--font-mono)}.num-option .info small{color:var(--fg-muted);font-size:12.5px;display:block;margin-top:2px;font-family:var(--font-sans)}.num-option .tag{height:22px;padding:0 8px;background:var(--accent-tint);color:var(--accent-press);border-radius:999px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;display:inline-flex;align-items:center}.voice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 600px){.voice-grid{grid-template-columns:1fr}}.voice-card{background:var(--bg-elev);border:1.5px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .14s;display:flex;align-items:center;gap:14px}.voice-card:hover{border-color:var(--border-strong)}.voice-card.selected{border-color:var(--accent);background:var(--accent-tint)}.voice-card .av{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font-family:var(--font-mono);font-weight:700;font-size:14px;flex-shrink:0}.voice-card b{display:block;font-weight:600;font-size:15px}.voice-card small{display:block;color:var(--fg-muted);font-size:12px;margin-top:2px;font-family:var(--font-mono)}.voice-card .play{width:30px;height:30px;border-radius:999px;background:var(--fg);color:#fff;display:grid;place-items:center;margin-left:auto;flex-shrink:0;border:none;cursor:pointer;transition:background .12s}.voice-card .play:hover{background:#000}.ob-foot{display:flex;justify-content:space-between;align-items:center;margin-top:36px;padding-top:24px;border-top:1px solid var(--border)}.ob-foot .btn{min-width:110px;justify-content:center}.ob-foot-info{font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle);letter-spacing:.06em;text-transform:uppercase}.done-celebrate{text-align:center}.done-celebrate .icon-box{width:80px;height:80px;border-radius:22px;background:linear-gradient(135deg,var(--accent),#60a5fa);color:#fff;display:grid;place-items:center;margin:0 auto 28px;box-shadow:0 24px 48px -16px #2563eb80;animation:pop-in .48s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.summary-list{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:8px;margin:0 auto 24px;max-width:480px;list-style:none;display:flex;flex-direction:column;gap:1px}.summary-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;text-align:left}.summary-list .check-ico{width:22px;height:22px;border-radius:999px;background:var(--success-tint);color:var(--success);display:grid;place-items:center;flex-shrink:0}.summary-list .lbl{color:var(--fg-muted);flex-shrink:0;min-width:100px;font-family:var(--font-mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.08em}.summary-list .val{color:var(--fg);font-weight:500;font-size:14px;flex:1}:root{--bg: #fafaf8;--bg-elev: #ffffff;--bg-sunken: #f4f4f0;--bg-inverse: #0e0e0c;--border: #e8e8e2;--border-strong: #d6d6cf;--border-subtle: #efefe9;--fg: #16161a;--fg-muted: #6b6b6b;--fg-subtle: #9a9a96;--fg-inverse: #fafaf8;--accent: #2563EB;--accent-hover: #1d4ed8;--accent-press: #1e40af;--accent-tint: #eff6ff;--accent-tint-strong: #dbeafe;--accent-on: #ffffff;--logo-dark: #1f2937;--logo-blue: #2563EB;--success: #1f9d62;--success-tint: #e8f5ee;--warning: #c98712;--warning-tint: #fcf3e3;--danger: #d4422f;--danger-tint: #fbe9e6;--info: #2563d4;--info-tint: #e8eefb;--r-1: 4px;--r-2: 6px;--r-3: 10px;--r-4: 14px;--r-5: 22px;--shadow-1: 0 1px 2px rgba(20, 20, 20, .04), 0 0 0 1px rgba(20, 20, 20, .04);--shadow-2: 0 2px 8px -2px rgba(20, 20, 20, .06), 0 8px 24px -6px rgba(20, 20, 20, .08);--shadow-3: 0 24px 48px -16px rgba(20, 20, 20, .16), 0 8px 16px -8px rgba(20, 20, 20, .08);--shadow-accent: 0 12px 32px -10px rgba(37, 99, 235, .35);--font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:15px;line-height:1.5;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit}::selection{background:var(--accent-tint-strong);color:var(--fg)}.t-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.t-display{font-size:clamp(44px,6.4vw,88px);line-height:1.02;letter-spacing:-.035em;font-weight:500;margin:0}.t-h1{font-size:clamp(36px,4.5vw,56px);line-height:1.06;letter-spacing:-.03em;font-weight:500;margin:0}.t-h2{font-size:clamp(24px,2.4vw,32px);line-height:1.15;letter-spacing:-.02em;font-weight:500;margin:0}.t-h3{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.t-lede{font-size:clamp(17px,1.4vw,19px);line-height:1.55;color:var(--fg-muted);font-weight:400;letter-spacing:-.005em}.t-body{font-size:15px;line-height:1.55;color:var(--fg-muted)}.t-small{font-size:13px;line-height:1.5;color:var(--fg-muted)}.t-mono{font-family:var(--font-mono);font-feature-settings:"tnum","zero"}.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;font-weight:500;font-size:14px;letter-spacing:-.005em;transition:background .12s ease,color .12s ease,transform .12s ease,box-shadow .12s ease;white-space:nowrap}.btn-primary{background:var(--fg);color:var(--fg-inverse)}.btn-primary:hover{background:#000;transform:translateY(-1px)}.btn-accent{background:var(--accent);color:var(--accent-on);box-shadow:var(--shadow-accent)}.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--fg)}.btn-ghost:hover{background:var(--bg-sunken)}.btn-outline{background:var(--bg-elev);color:var(--fg);box-shadow:inset 0 0 0 1px var(--border-strong)}.btn-outline:hover{background:var(--bg-sunken)}.btn-sm{height:32px;padding:0 12px;font-size:13px;border-radius:999px}.btn-lg{height:48px;padding:0 22px;font-size:15px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-3)}.hairline{height:1px;background:var(--border);width:100%}.row{display:flex}.col{display:flex;flex-direction:column}.center{display:flex;align-items:center;justify-content:center}.between{display:flex;align-items:center;justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.dot{width:6px;height:6px;border-radius:999px;background:currentColor;flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;background:var(--bg-sunken);color:var(--fg-muted);border:1px solid var(--border)}.pill.pill-accent{background:var(--accent-tint);color:var(--accent-press);border-color:transparent}.pill.pill-success{background:var(--success-tint);color:var(--success);border-color:transparent}.pill.pill-live{background:var(--accent-tint);color:var(--accent-press);border-color:transparent}.kbd{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;background:var(--bg-elev);color:var(--fg-muted)}.logo{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;letter-spacing:-.02em;color:var(--fg)}.logo-mark{width:26px;height:26px;display:inline-block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='lg' x1='0%25' y1='0%25' x2='100%25' y2='0%25'><stop offset='0%25' stop-color='%231f2937'/><stop offset='50%25' stop-color='%231f2937'/><stop offset='100%25' stop-color='%232563EB'/></linearGradient></defs><path d='M12 8.5a3.5 3.5 0 1 1 0 7 5 5 0 0 0-5 5A3.5 3.5 0 1 1 3.5 17a5 5 0 0 0 0-10A3.5 3.5 0 1 1 7 3.5a5 5 0 0 0 5 5Z' fill='url(%23lg)'/><path d='M24 3.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' fill='%232563EB'/><path d='M20.5 24a3.5 3.5 0 0 0 0-7 3.5 3.5 0 0 0 0 7Z' fill='%232563EB'/><path d='M24 12a3.5 3.5 0 0 1-3.5 3.5 5 5 0 0 0-5 5A3.5 3.5 0 1 1 12 17a5 5 0 0 0 0-10 3.5 3.5 0 1 1 3.5-3.5 5 5 0 0 0 5 5A3.5 3.5 0 0 1 24 12Z' fill='url(%23lg)'/></svg>");background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.logo b{font-weight:700}.logo span.tld{color:var(--accent);font-weight:600}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{background:var(--bg);min-height:100vh}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.side{background:var(--bg);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh;overflow-y:auto}.side-brand{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 14px;border-bottom:1px solid var(--border);margin-bottom:8px}.side-brand .logo{font-size:15px}.workspace{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;background:var(--bg-elev);border:1px solid var(--border);margin-bottom:8px;cursor:pointer;transition:background .12s}.workspace:hover{background:var(--bg-sunken)}.workspace .ws-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#6296f0);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:12px}.workspace .ws-info{flex:1;min-width:0}.workspace .ws-info b{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.005em}.workspace .ws-info small{color:var(--fg-muted);font-size:11.5px}.workspace .chev{color:var(--fg-subtle)}.nav-group{display:flex;flex-direction:column;gap:2px;margin-top:10px}.nav-group-label{padding:8px 10px 4px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-subtle);font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:var(--fg-muted);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .12s,color .12s;-webkit-user-select:none;user-select:none;position:relative}.nav-item:hover{background:var(--bg-sunken);color:var(--fg)}.nav-item.active{background:var(--fg);color:var(--fg-inverse)}.nav-item.active .nav-count{background:#ffffff2e;color:#ffffffeb}.nav-item .ic{width:16px;height:16px;flex-shrink:0;opacity:.9}.nav-item .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{font-family:var(--font-mono);font-size:10.5px;background:var(--bg-sunken);color:var(--fg-muted);padding:1px 6px;border-radius:999px;font-weight:600}.nav-dot-live{width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 #2563eb99;animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #2563eb80}70%{box-shadow:0 0 0 8px #2563eb00}to{box-shadow:0 0 #2563eb00}}.side-bottom{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s}.user-chip:hover{background:var(--bg-sunken)}.user-chip .av{width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#18181b,#4a4a55);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:700}.user-chip b{display:block;font-size:13px;font-weight:600}.user-chip small{color:var(--fg-muted);font-size:11.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip.open{background:var(--bg-sunken)}.profile-menu{position:absolute;bottom:calc(100% + 6px);left:8px;right:8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-3);padding:6px;z-index:50;animation:profile-menu-in .14s ease}@keyframes profile-menu-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.profile-menu-head{display:flex;align-items:center;gap:10px;padding:10px 10px 12px;border-bottom:1px solid var(--border-subtle);margin-bottom:6px}.profile-menu-head .av{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#18181b,#4a4a55);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:12px;flex-shrink:0}.profile-menu-head b{display:block;font-size:13px;font-weight:600}.profile-menu-head small{color:var(--fg-muted);font-size:11.5px;display:block}.profile-menu-section{display:flex;flex-direction:column;gap:1px}.profile-menu-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--fg);cursor:pointer;transition:background .1s,color .1s;-webkit-user-select:none;user-select:none}.profile-menu-item:hover{background:var(--bg-sunken)}.profile-menu-item.danger{color:var(--danger)}.profile-menu-item.danger:hover{background:var(--danger-tint)}.profile-menu-item span{flex:1}.profile-menu-tag{flex:0 0 auto!important;font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:999px;background:var(--accent-tint);color:var(--accent-press);font-weight:600;letter-spacing:.04em}.profile-menu-divider{height:1px;background:var(--border-subtle);margin:6px -6px}.side-bottom{position:relative}.side-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1414145c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;opacity:0;transition:opacity .2s ease}.side-backdrop.open{opacity:1}.menu-btn,.search-mobile-btn{display:none!important}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 28px;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.crumbs{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--fg-muted)}.crumbs b{color:var(--fg);font-weight:600}.crumbs .sep{color:var(--fg-subtle)}.search{flex:1;max-width:360px;display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;color:var(--fg-muted);font-size:13px;cursor:pointer;transition:border-color .12s,background .12s}.search:hover{border-color:var(--border-strong)}.search input{flex:1;background:none;border:none;outline:none;font-size:13px;color:var(--fg)}.search input::placeholder{color:var(--fg-muted)}.top-actions{display:flex;align-items:center;gap:8px}.iconbtn{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--fg-muted);cursor:pointer;transition:background .12s,color .12s;position:relative}.iconbtn:hover{background:var(--bg-sunken);color:var(--fg)}.iconbtn .badge-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:999px;background:var(--accent);border:2px solid var(--bg)}.content{padding:28px;flex:1;min-width:0}.setup-banner{display:flex;align-items:center;gap:14px;padding:12px 28px;background:var(--accent-tint);border-bottom:1px solid var(--border);color:var(--accent-press)}.setup-banner>svg{flex:none}.setup-banner-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.setup-banner-text b{font-size:13.5px;color:var(--fg)}.setup-banner-text span{font-size:12.5px;color:var(--fg-muted)}@media (max-width: 640px){.setup-banner{padding:12px 16px}.setup-banner-text span{display:none}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.page-head h1{font-size:28px;font-weight:600;letter-spacing:-.025em;margin:0 0 4px}.page-head .sub{color:var(--fg-muted);font-size:14px}.page-head-actions{display:flex;gap:8px;flex-wrap:wrap}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}@media (max-width: 1100px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:18px 18px 14px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.kpi .lbl{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);display:flex;align-items:center;justify-content:space-between}.kpi .val{font-size:28px;font-weight:600;letter-spacing:-.025em;line-height:1;margin-top:2px}.kpi .val small{font-size:14px;color:var(--fg-muted);font-weight:500;margin-left:4px}.kpi .delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-family:var(--font-mono);color:var(--success)}.kpi .delta.neg{color:var(--danger)}.kpi .spark{position:absolute;bottom:0;left:0;right:0;height:36px;opacity:.7}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:20px}@media (max-width: 1100px){.two-col{grid-template-columns:1fr}}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.panel-head h3{font-size:14px;font-weight:600;letter-spacing:-.005em;margin:0}.panel-head .actions{display:flex;align-items:center;gap:6px}.panel-body{padding:16px 18px}.panel-body.flush{padding:0}.panel-foot{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--fg-muted)}.chart-wrap{height:260px;position:relative;padding:8px 18px 18px}.chart-legend{display:flex;gap:14px;font-size:12px;color:var(--fg-muted);padding:12px 18px 0}.chart-legend .lg{display:inline-flex;align-items:center;gap:6px}.chart-legend .swatch{width:10px;height:10px;border-radius:3px}.table-wrap{overflow-x:auto}table.t{width:100%;border-collapse:collapse;font-size:13.5px}table.t thead th{text-align:left;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);font-weight:600;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-sunken);position:sticky;top:0;white-space:nowrap}table.t tbody td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}table.t tbody tr{transition:background .1s;cursor:pointer}table.t tbody tr:hover{background:var(--bg-sunken)}table.t tbody tr.selected{background:var(--accent-tint)}table.t .checkcol{width:32px}table.t .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg-muted)}.avatar-cell{display:flex;align-items:center;gap:10px}.avatar-cell .av{width:28px;height:28px;border-radius:999px;background:var(--bg-sunken);color:var(--fg);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;flex-shrink:0}.avatar-cell .av.green{background:linear-gradient(135deg,#1f9d62,#58c08a);color:#fff}.avatar-cell .av.blue{background:linear-gradient(135deg,#2563d4,#6296f0);color:#fff}.avatar-cell .av.orange{background:linear-gradient(135deg,var(--accent),#6296f0);color:#fff}.avatar-cell .av.dark{background:linear-gradient(135deg,#18181b,#4a4a55);color:#fff}.avatar-cell .av.purple{background:linear-gradient(135deg,#7c4ed4,#a98ce0);color:#fff}.avatar-cell .name{font-weight:500;color:var(--fg)}.avatar-cell .sub{color:var(--fg-muted);font-size:12px}.tag{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:999px;background:var(--bg-sunken);color:var(--fg-muted);font-size:11.5px;font-weight:500;border:1px solid var(--border);white-space:nowrap}.tag.success{background:var(--success-tint);color:var(--success);border-color:transparent}.tag.danger{background:var(--danger-tint);color:var(--danger);border-color:transparent}.tag.warning{background:var(--warning-tint);color:var(--warning);border-color:transparent}.tag.info{background:var(--info-tint);color:var(--info);border-color:transparent}.tag.accent{background:var(--accent-tint);color:var(--accent-press);border-color:transparent}.tag .dot{width:6px;height:6px;border-radius:999px;background:currentColor}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filter-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;background:var(--bg-elev);border:1px solid var(--border);font-size:13px;color:var(--fg);cursor:pointer;transition:background .12s,border-color .12s}.filter-pill:hover{background:var(--bg-sunken)}.filter-pill.active{background:var(--fg);color:var(--fg-inverse);border-color:var(--fg)}.filter-pill small{color:var(--fg-muted);font-family:var(--font-mono);font-size:11px}.filter-pill.active small{color:#fff9}.live-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}@media (max-width: 1100px){.live-grid{grid-template-columns:1fr}}.live-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.live-card.active{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.live-card-head{display:flex;align-items:center;justify-content:space-between}.live-card-meta{display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:11.5px;color:var(--fg-muted)}.live-card-meta .row{display:flex;justify-content:space-between;gap:12px}.live-card-meta b{color:var(--fg);font-weight:500}.live-wave{display:flex;align-items:center;gap:2px;height:32px}.live-wave i{display:block;width:2px;background:var(--accent);border-radius:2px}.live-transcript{height:200px;overflow-y:auto;padding:12px;background:var(--bg-sunken);border-radius:8px;font-size:13px;display:flex;flex-direction:column;gap:8px}.live-transcript .ln{display:grid;grid-template-columns:48px 1fr;gap:8px}.live-transcript .ln .who{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;padding-top:2px}.live-transcript .ln .who.ai{color:var(--accent-press)}.live-transcript .ln .txt{color:var(--fg)}.empty-cell{color:var(--fg-subtle);font-family:var(--font-mono);font-size:12px}.split-row{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:stretch}@media (max-width: 1100px){.split-row{grid-template-columns:1fr}}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 1200px){.agent-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.agent-grid{grid-template-columns:1fr}}.agent-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .12s,transform .12s,box-shadow .12s}.agent-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-2)}.agent-card-head{display:flex;align-items:center;gap:12px}.agent-card-head .av{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-family:var(--font-mono);font-weight:700;font-size:14px}.agent-card-head b{display:block;font-weight:600;font-size:15px;letter-spacing:-.005em}.agent-card-head small{display:block;color:var(--fg-muted);font-size:12px;margin-top:2px}.agent-card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:12px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.agent-card-stats .st{display:flex;flex-direction:column;gap:2px}.agent-card-stats .st b{font-family:var(--font-mono);font-size:16px;font-weight:600;letter-spacing:-.01em}.agent-card-stats .st small{color:var(--fg-muted);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.agent-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.audio-bar{display:flex;align-items:center;gap:12px;background:var(--bg-sunken);border-radius:999px;padding:8px 12px}.audio-bar .play{width:28px;height:28px;border-radius:999px;background:var(--fg);color:var(--fg-inverse);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.audio-bar .scrub{flex:1;height:4px;background:var(--border-strong);border-radius:999px;position:relative;overflow:hidden}.audio-bar .scrub .fill{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:999px}.audio-bar .time{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);flex-shrink:0}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:220px;padding:12px 18px}.bar-chart .col{flex:1;display:flex;flex-direction:column-reverse;align-items:center;gap:6px;position:relative;height:100%}.bar-chart .col .stack{width:100%;display:flex;flex-direction:column-reverse;align-items:stretch;border-radius:6px;overflow:hidden;background:var(--bg-sunken)}.bar-chart .col .stack span{display:block}.bar-chart .lbl{position:absolute;bottom:-22px;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-muted)}.donut-wrap{display:flex;align-items:center;gap:24px;padding:16px 18px}.donut{width:140px;height:140px;flex-shrink:0;position:relative}.donut .center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.donut .center b{font-family:var(--font-mono);font-size:22px;font-weight:600;letter-spacing:-.02em;display:block}.donut .center small{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted)}.donut-legend{flex:1;display:flex;flex-direction:column;gap:8px}.donut-legend .row{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;font-size:13px}.donut-legend .swatch{width:12px;height:12px;border-radius:3px}.donut-legend b{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.toggle{width:32px;height:18px;background:var(--border-strong);border-radius:999px;position:relative;cursor:pointer;transition:background .16s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:999px;background:#fff;transition:transform .16s;box-shadow:0 1px 2px #0003}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(14px)}.detail-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:sticky;top:76px;max-height:calc(100vh - 100px)}.detail-head{padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border-bottom:1px solid var(--border)}.detail-head .av{width:56px;height:56px;border-radius:999px;display:grid;place-items:center;color:#fff;font-family:var(--font-mono);font-weight:700;font-size:18px;background:linear-gradient(135deg,var(--accent),#6296f0)}.detail-head b{font-weight:600;font-size:17px;letter-spacing:-.01em}.detail-head small{color:var(--fg-muted);font-size:13px}.detail-body{padding:16px 20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.detail-section h4{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);font-weight:600;margin:0 0 8px}.kv-row{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:4px 0;font-size:13px}.kv-row .k{color:var(--fg-muted);font-size:12.5px}.kv-row .v{color:var(--fg)}.timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:14px}.timeline:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:1px;background:var(--border)}.timeline .ev{position:relative;padding:6px 0 12px 14px;font-size:12.5px}.timeline .ev:before{content:"";position:absolute;left:-10px;top:10px;width:8px;height:8px;border-radius:999px;background:var(--bg);border:2px solid var(--accent)}.timeline .ev b{display:block;font-weight:500;font-size:13px;color:var(--fg)}.timeline .ev small{color:var(--fg-muted);font-family:var(--font-mono);font-size:11px}.billing-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:14px}@media (max-width: 1100px){.billing-grid{grid-template-columns:1fr}}.usage-bar{height:8px;border-radius:999px;background:var(--bg-sunken);overflow:hidden;position:relative}.usage-bar .fill{height:100%;background:linear-gradient(90deg,var(--accent),#6296f0);border-radius:999px}.invoice-row{display:grid;grid-template-columns:1fr auto auto auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-subtle);font-size:13.5px}.invoice-row:last-child{border-bottom:none}.invoice-row b{font-weight:500}.invoice-row .amt{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.invoice-row .dt{color:var(--fg-muted);font-family:var(--font-mono);font-size:12px}.list{display:flex;flex-direction:column}.list-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.list-row:last-child{border-bottom:none}.list-row .body{flex:1;min-width:0}.list-row .body b{display:block;font-weight:500;font-size:14px}.list-row .body small{color:var(--fg-muted);font-size:12px}.list-row .end{color:var(--fg-muted);font-family:var(--font-mono);font-size:12px;text-align:right}.list-row .end b{color:var(--fg);font-weight:500}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-row label{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);font-weight:600}.form-row input,.form-row textarea,.form-row select{border:1px solid var(--border);background:var(--bg-elev);border-radius:8px;height:36px;padding:0 12px;font-size:13.5px;color:var(--fg);outline:none;transition:border-color .12s,box-shadow .12s}.form-row textarea{height:auto;padding:10px 12px;min-height:80px;resize:vertical}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.member-row{display:grid;grid-template-columns:1fr auto auto auto;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.member-row:last-child{border-bottom:none}.empty{padding:48px 24px;text-align:center;color:var(--fg-muted)}.empty b{display:block;color:var(--fg);font-size:15px;font-weight:600;margin-bottom:4px}@media (max-width: 880px){.app{grid-template-columns:1fr}.side{position:fixed;z-index:100;width:280px;left:-300px;top:0;height:100vh;transition:left .24s cubic-bezier(.32,.72,0,1);box-shadow:var(--shadow-3);background:var(--bg-elev)}.side.open{left:0}.side-backdrop{display:block}.side-backdrop:not(.open){pointer-events:none}.menu-btn{display:grid!important}.content{padding:16px}.topbar{padding:10px 14px;gap:8px}.crumb-ws,.crumbs .sep{display:none}.crumbs{font-size:14px}.crumbs b{font-size:15px}.search{display:none}.search-mobile-btn{display:grid!important}.new-campaign-btn{padding:0 10px}.new-campaign-btn .lbl{display:none}.page-head{gap:14px}.page-head h1{font-size:22px}.page-head-actions{width:100%}.page-head-actions .btn{flex:1;justify-content:center}.kpis{grid-template-columns:repeat(2,1fr)!important;gap:10px}.kpi{padding:14px 14px 10px}.kpi .val{font-size:22px}.two-col,.split-row,.billing-grid,.live-grid,.agent-grid{grid-template-columns:1fr!important;gap:12px}.panel{border-radius:10px}.panel-head,.panel-body{padding:14px}.panel-body.flush{padding:0}.panel-foot{padding:12px 14px}table.t thead th,table.t tbody td{padding:10px 12px;font-size:12.5px}table.t thead th{font-size:9.5px}.avatar-cell .sub{font-size:11px}.detail-card{position:static;max-height:none}.filters{gap:6px}.filter-pill{font-size:12px;height:28px;padding:0 8px}.filter-pill small{font-size:10.5px}.live-card{padding:14px}.live-card .live-wave{overflow:hidden}.donut-wrap{flex-direction:column;align-items:stretch;gap:16px;padding:16px 14px}.donut{align-self:center}.bar-chart{height:160px;padding:8px 12px}.list-row .end{font-size:11px}.form-row label{font-size:10px}.member-row{grid-template-columns:1fr auto;gap:8px}.member-row>:nth-child(3),.member-row>:nth-child(4){grid-column:1 / -1;justify-self:end}.invoice-row{grid-template-columns:1fr auto;row-gap:6px}.invoice-row .dt,.invoice-row .tag{grid-column:1}.invoice-row .amt{grid-column:2;grid-row:1}}@media (max-width: 480px){.kpis{grid-template-columns:1fr!important}.new-campaign-btn{display:none!important}.page-head h1{font-size:20px}}.typing-dots:after{content:"";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.toast-stack{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 40px))}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-inverse);color:var(--fg-inverse);border-radius:10px;box-shadow:var(--shadow-3);font-size:13.5px;animation:toast-in .18s cubic-bezier(.32,.72,0,1)}.toast .toast-ic{width:18px;height:18px;display:grid;place-items:center;color:var(--accent);flex-shrink:0}.toast.success .toast-ic{color:var(--success)}.toast.error .toast-ic{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141466;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:150;display:grid;place-items:center;padding:24px;animation:fade-in .14s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-3);width:100%;max-width:460px;max-height:calc(100vh - 48px);overflow-y:auto;animation:modal-in .18s cubic-bezier(.32,.72,0,1)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 14px;border-bottom:1px solid var(--border)}.modal-head h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0 0 2px}.modal-head .sub{color:var(--fg-muted);font-size:13px}.modal-head .iconbtn{margin:-4px -6px 0 0}.modal-body{padding:18px 22px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px 20px}.search-box{position:relative;flex:1;max-width:360px}.search-box .search{width:100%;max-width:none}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-3);padding:6px;z-index:60;max-height:64vh;overflow-y:auto;animation:profile-menu-in .14s ease}.search-group+.search-group{border-top:1px solid var(--border-subtle);margin-top:4px;padding-top:4px}.search-group-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-subtle);padding:6px 8px 4px}.search-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:8px;background:transparent;border:none;cursor:pointer;text-align:left;color:var(--fg)}.search-item:hover{background:var(--bg-sunken)}.search-item .av{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;flex-shrink:0;background:var(--bg-sunken);color:var(--fg)}.search-item .av.green{background:linear-gradient(135deg,#1f9d62,#58c08a);color:#fff}.search-item .av.blue{background:linear-gradient(135deg,#2563d4,#6296f0);color:#fff}.search-item .av.orange{background:linear-gradient(135deg,#2563eb,#6296f0);color:#fff}.search-item .av.dark{background:linear-gradient(135deg,#18181b,#4a4a55);color:#fff}.search-item .av.purple{background:linear-gradient(135deg,#7c4ed4,#a98ce0);color:#fff}.search-item-body{flex:1;min-width:0}.search-item-body b{display:block;font-size:13.5px;font-weight:500}.search-item-body small{display:block;color:var(--fg-muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-item .ic{color:var(--fg-subtle);flex-shrink:0}.search-empty{padding:16px;text-align:center;color:var(--fg-muted);font-size:13px}@media (max-width: 880px){.search-box{display:block;flex:1}.search-box .search{display:flex}}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-3);padding:6px;z-index:60;animation:profile-menu-in .14s ease}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:7px;background:transparent;border:none;cursor:pointer;font-size:13px;color:var(--fg);text-align:left}.dropdown-item:hover{background:var(--bg-sunken)}.dropdown-item .ic{color:var(--accent)}.dropdown-item:not(.active){padding-left:28px}.notif-wrap{position:relative}.notif-menu{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-3);z-index:60;overflow:hidden;animation:profile-menu-in .14s ease}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.notif-head b{font-size:13.5px;font-weight:600}.notif-head a{font-size:12px;color:var(--accent);cursor:pointer}.notif-item{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.notif-item:last-child{border-bottom:none}.notif-item .dotcol{width:7px;display:flex;justify-content:center;padding-top:5px}.notif-item .dotcol i{width:7px;height:7px;border-radius:999px;background:var(--accent);display:block}.notif-item.read .dotcol i{background:var(--border-strong)}.notif-item .body b{display:block;font-size:13px;font-weight:500}.notif-item .body small{color:var(--fg-muted);font-size:12px}.notif-item .body .t{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-subtle);margin-top:2px;display:block}.nav-item:focus-visible,.filter-pill:focus-visible,.user-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}