.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);background-color:transparent;transition:background-color .3s ease,box-shadow .3s ease}.navbar--scrolled{background-color:var(--color-white);box-shadow:var(--shadow-sm)}.navbar__container{display:flex;align-items:center;justify-content:space-between;height:72px}.navbar__links{display:flex;gap:var(--space-xl);list-style:none}.navbar__link{font-size:15px;font-weight:500;color:var(--color-muted);text-decoration:none;transition:color var(--transition-fast)}.navbar__link:hover,.navbar__link--active{color:var(--color-primary)}.navbar__link--active{font-weight:600}.navbar__auth{display:flex;align-items:center;gap:var(--space-lg)}.navbar__login-link{font-size:15px;font-weight:500;color:var(--color-muted);text-decoration:none;transition:color var(--transition-fast)}.navbar__login-link:hover{color:var(--color-primary)}.navbar__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:none;border:none;cursor:pointer}.navbar__hamburger-line{display:block;width:24px;height:2px;background-color:var(--color-dark-text);transition:transform var(--transition-fast),opacity var(--transition-fast)}.navbar__hamburger--open .navbar__hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__hamburger--open .navbar__hamburger-line:nth-child(2){opacity:0}.navbar__hamburger--open .navbar__hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-mobile-menu);visibility:hidden;pointer-events:none}.navbar__mobile-menu--open{visibility:visible;pointer-events:auto}.navbar__mobile-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;transition:opacity var(--transition-normal)}.navbar__mobile-menu--open .navbar__mobile-backdrop{opacity:1}.navbar__mobile-panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:320px;background-color:var(--color-white);padding:96px var(--space-lg) var(--space-xl);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-normal)}.navbar__mobile-menu--open .navbar__mobile-panel{transform:translate(0)}.navbar__mobile-links{list-style:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl);flex:1}.navbar__mobile-link{font-size:20px;font-weight:500;color:var(--color-dark-text);text-decoration:none}.navbar__mobile-login{display:block;text-align:center;font-size:16px;font-weight:500;color:var(--color-muted);margin-bottom:var(--space-base)}.navbar__mobile-cta{width:100%}@media (max-width: 767px){.navbar__links,.navbar__auth{display:none}.navbar__hamburger{display:flex}}.footer{background-color:var(--color-dark-blue);padding:var(--space-3xl) 0 var(--space-xl)}.footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:var(--space-xl)}.footer__brand{display:flex;flex-direction:column;gap:var(--space-base)}.footer__tagline{color:#fffc;font-size:14px;line-height:1.6;max-width:240px}.footer__copyright{color:#ffffff80;font-size:13px;margin-top:auto}.footer__column{display:flex;flex-direction:column;gap:var(--space-base)}.footer__column-title{color:var(--color-white);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.footer__column-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-md)}.footer__link{color:#ffffffb3;font-size:14px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.footer__link:hover{color:var(--color-white);text-decoration-color:var(--color-white)}.footer__bottom{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer__bottom p{color:#ffffff80;font-size:13px}@media (min-width: 768px) and (max-width: 1023px){.footer__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2xl)}.footer__brand{grid-column:span 2;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.footer__tagline{flex:1;margin-left:var(--space-xl)}.footer__copyright{width:100%;margin-top:var(--space-base)}}@media (max-width: 767px){.footer{padding:var(--space-2xl) 0 var(--space-lg)}.footer__grid{grid-template-columns:1fr;gap:var(--space-xl)}.footer__brand{text-align:center;align-items:center}.footer__tagline{max-width:100%}.footer__column{text-align:center;align-items:center}}.demo{width:100%;max-width:520px;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}.demo__chrome{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-base);background-color:var(--color-light-gray);border-bottom:1px solid rgba(0,0,0,.05)}.demo__dots{display:flex;gap:6px}.demo__dot{width:12px;height:12px;border-radius:50%}.demo__dot--red{background-color:#ef4444}.demo__dot--yellow{background-color:#f59e0b}.demo__dot--green{background-color:#22c55e}.demo__address-bar{flex:1;padding:6px 12px;background-color:var(--color-white);border-radius:var(--radius-sm);font-size:13px;color:var(--color-muted);font-family:var(--font-mono)}.demo__timer{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--color-accent);padding:4px 8px;background-color:#38bdf81a;border-radius:var(--radius-sm)}.demo__content{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(180deg,var(--color-light-gray) 0%,var(--color-white) 100%)}.demo__step{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.demo__step--active{opacity:1;visibility:visible}.form-step{width:100%;max-width:320px;padding:var(--space-lg)}.form-step__title{font-size:18px;font-weight:600;color:var(--color-dark-text);margin-bottom:var(--space-lg);text-align:center}.form-step__field{margin-bottom:var(--space-base)}.form-step__label{display:block;font-size:13px;font-weight:500;color:var(--color-muted);margin-bottom:var(--space-xs)}.form-step__select{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:var(--color-white);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);font-size:14px;color:var(--color-dark-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-step__select--active{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-step__plans{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.form-step__plan{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-white);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.form-step__plan--selected{border-color:var(--color-primary);background-color:#2563eb0d}.form-step__plan-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);border-radius:50%;color:var(--color-white);opacity:0;transform:scale(.5);transition:opacity var(--transition-fast),transform var(--transition-fast)}.form-step__plan--selected .form-step__plan-check{opacity:1;transform:scale(1)}.form-step__plan-info{display:flex;flex-direction:column;gap:2px}.form-step__plan-name{font-size:14px;font-weight:600;color:var(--color-dark-text)}.form-step__plan-price{font-size:12px;color:var(--color-muted)}.form-step__deploy-btn{width:100%;padding:12px;background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.form-step__deploy-btn--pulse{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #2563eb66}50%{transform:scale(1.02);box-shadow:0 0 0 8px #2563eb00}}.form-step__cursor{position:absolute;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231E293B'%3E%3Cpath d='M4 4l16 8-8 2-2 8z'/%3E%3C/svg%3E") no-repeat center;background-size:contain;pointer-events:none;animation:cursor-move 6s ease-in-out infinite}@keyframes cursor-move{0%{top:30%;left:20%;opacity:0}10%{opacity:1}20%{top:35%;left:70%}40%{top:55%;left:50%}60%{top:55%;left:50%}80%{top:85%;left:50%}90%{top:85%;left:50%;opacity:1}to{top:85%;left:50%;opacity:0}}.terminal-step{width:100%;height:100%;display:flex;flex-direction:column;background-color:#1a1a2e;color:#e0e0e0}.terminal-step__header{padding:var(--space-sm) var(--space-base);background-color:#16162a;border-bottom:1px solid #2a2a4a}.terminal-step__title{font-size:12px;font-weight:500;color:#888;font-family:var(--font-mono)}.terminal-step__body{flex:1;padding:var(--space-base);overflow:hidden;font-family:var(--font-mono);font-size:12px;line-height:1.6}.terminal-step__line{opacity:0;transform:translateY(4px);white-space:nowrap;overflow:hidden}.terminal-step__line--visible{animation:line-appear .3s ease-out forwards;animation-delay:calc(var(--line-index) * .4s)}@keyframes line-appear{to{opacity:1;transform:translateY(0)}}.terminal-step__line:nth-child(odd){color:#38bdf8}.terminal-step__line:nth-child(2n){color:#a78bfa}.terminal-step__line:last-child{color:#22c55e}.dashboard-step{width:100%;height:100%;display:grid;grid-template-columns:44px 1fr}.dashboard-step__sidebar{background-color:var(--color-dark-text);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--space-base) 0 var(--space-sm)}.dashboard-step__nav{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.dashboard-step__nav-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:#ffffff59}.dashboard-step__nav-item--active{background-color:#ffffff1f;color:var(--color-white)}.dashboard-step__user-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1f;color:var(--color-white);border-radius:50%;font-size:11px;font-weight:600}.dashboard-step__main{display:flex;flex-direction:column;background-color:var(--color-white);overflow:hidden}.dashboard-step__chat-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-base);border-bottom:1px solid rgba(0,0,0,.06)}.dashboard-step__agent-name{font-size:13px;font-weight:600;color:var(--color-dark-text)}.dashboard-step__online-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--color-success);font-weight:500}.dashboard-step__online-dot{width:6px;height:6px;background-color:var(--color-success);border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.dashboard-step__messages{flex:1;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-base);overflow:hidden}.dashboard-step__msg{display:flex;align-items:flex-start;gap:6px;max-width:90%;opacity:0;transform:translateY(8px)}.dashboard-step__msg--agent{align-self:flex-start}.dashboard-step__msg--user{align-self:flex-end;flex-direction:row-reverse}.demo__step--active .dashboard-step__msg{animation:msg-appear .3s ease-out forwards}.demo__step--active .dashboard-step__msg:nth-child(1){animation-delay:.1s}.demo__step--active .dashboard-step__msg:nth-child(2){animation-delay:.5s}.demo__step--active .dashboard-step__msg:nth-child(3){animation-delay:.9s}@keyframes msg-appear{to{opacity:1;transform:translateY(0)}}.dashboard-step__avatar{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;font-size:9px;font-weight:700}.dashboard-step__bubble{padding:6px 10px;border-radius:var(--radius-md);font-size:11px;line-height:1.45}.dashboard-step__msg--agent .dashboard-step__bubble{background-color:var(--color-light-gray);color:var(--color-dark-text);border-top-left-radius:2px}.dashboard-step__msg--user .dashboard-step__bubble{background-color:var(--color-primary);color:var(--color-white);border-top-right-radius:2px}.dashboard-step__input-bar{display:flex;align-items:center;padding:var(--space-sm) var(--space-base);border-top:1px solid rgba(0,0,0,.06);gap:var(--space-sm)}.dashboard-step__input-text{flex:1;font-size:11px;color:var(--color-muted);padding:6px 10px;background-color:var(--color-light-gray);border-radius:var(--radius-sm)}.dashboard-step__send-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-white);border-radius:50%}.demo__controls{display:flex;align-items:center;gap:var(--space-base);padding:var(--space-sm) var(--space-base);background-color:var(--color-light-gray);border-top:1px solid rgba(0,0,0,.05)}.demo__progress-bar{flex:1;height:4px;background-color:#0000001a;border-radius:2px;overflow:hidden}.demo__progress-fill{height:100%;background-color:var(--color-accent);transition:width .1s linear}.demo__play-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border:1px solid rgba(0,0,0,.1);border-radius:50%;color:var(--color-dark-text);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.demo__play-btn:hover{background-color:var(--color-light-blue);border-color:var(--color-primary)}.demo__play-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 767px){.demo{max-width:100%}.demo__content{max-height:400px}.demo__timer{font-size:12px;padding:3px 6px}.form-step{max-width:280px;padding:var(--space-base)}.form-step__title{font-size:16px}.terminal-step__body{font-size:11px;padding:var(--space-sm)}.terminal-step__line{white-space:normal;word-break:break-all}.dashboard-step{grid-template-columns:36px 1fr}.dashboard-step__nav-item{width:28px;height:28px}.dashboard-step__user-avatar{width:24px;height:24px;font-size:10px}.dashboard-step__bubble{font-size:10px}.dashboard-step__agent-name{font-size:12px}.form-step__cursor{display:none}}@media (prefers-reduced-motion: reduce){.form-step__cursor,.demo__progress-fill{animation:none;transition:none}.form-step__deploy-btn--pulse{animation:none}.terminal-step__line--visible{animation:none;opacity:1;transform:none}.dashboard-step__online-dot{animation:none}.dashboard-step__msg{opacity:1;transform:none}.demo__step--active .dashboard-step__msg{animation:none}}.hero{min-height:calc(100vh - 72px);display:flex;align-items:center;background:linear-gradient(135deg,var(--color-light-blue) 0%,transparent 50%);position:relative;overflow:hidden}.hero__container{display:grid;grid-template-columns:55% 45%;gap:var(--space-2xl);align-items:center;padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.hero__content{max-width:560px}.hero__content .eyebrow{margin-bottom:var(--space-base)}.hero__headline{font-size:56px;font-weight:700;line-height:1.1;color:var(--color-dark-text);margin-bottom:var(--space-lg)}.hero__subheadline{font-size:20px;line-height:1.6;color:var(--color-muted);max-width:520px;margin-bottom:var(--space-xl)}.hero__cta-row{display:flex;flex-wrap:wrap;gap:var(--space-base);margin-bottom:var(--space-base)}.hero__disclaimer{font-size:14px;color:var(--color-muted)}.hero__demo{display:flex;justify-content:center;align-items:center}@media (min-width: 768px) and (max-width: 1023px){.hero__container{grid-template-columns:1fr;gap:var(--space-2xl)}.hero__content{max-width:100%;text-align:center}.hero__headline{font-size:44px}.hero__subheadline{max-width:600px;margin-left:auto;margin-right:auto}.hero__cta-row{justify-content:center}.hero__disclaimer{text-align:center}.hero__demo{order:-1}}@media (max-width: 767px){.hero{min-height:auto;padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}.hero__container{grid-template-columns:1fr;gap:var(--space-xl)}.hero__content{max-width:100%;text-align:center}.hero__headline{font-size:36px}.hero__subheadline{font-size:16px;max-width:100%}.hero__cta-row{flex-direction:column;align-items:stretch}.hero__cta-primary,.hero__cta-secondary{width:100%;justify-content:center}.hero__disclaimer{text-align:center}.hero__demo{order:1}}@media (max-width: 399px){.hero__headline{font-size:28px}.hero__subheadline{font-size:15px}}.social-proof{background-color:var(--color-white);padding:var(--section-padding);overflow:hidden}@media (max-width: 767px){.social-proof{padding:var(--section-padding-mobile)}}.social-proof__metrics{display:flex;justify-content:center;gap:var(--space-3xl);margin-bottom:var(--space-2xl)}.social-proof__metric{display:flex;align-items:center;gap:var(--space-md);opacity:0;transform:translateY(16px)}.social-proof--visible .social-proof__metric{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out;transition-delay:calc(var(--metric-index) * .12s)}.social-proof__metric-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--color-light-blue);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.social-proof__metric-content{display:flex;flex-direction:column}.social-proof__metric-value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--color-dark-text);line-height:1.1;letter-spacing:-.02em}.social-proof__metric-label{font-size:13px;color:var(--color-muted);font-weight:500}.social-proof__testimonials{margin:0 calc(-1 * var(--space-lg));display:flex;flex-direction:column;gap:var(--space-base);opacity:0}.social-proof--visible .social-proof__testimonials{opacity:1;transition:opacity .6s ease-out;transition-delay:.4s}.social-proof__scroll-row{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.social-proof__scroll-track{display:flex;gap:var(--space-base);width:max-content;will-change:transform}.social-proof__scroll-row--left .social-proof__scroll-track{animation:scrollLeft 60s linear infinite}.social-proof__scroll-row--right .social-proof__scroll-track{animation:scrollRight 65s linear infinite}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.social-proof__scroll-row:hover .social-proof__scroll-track{animation-play-state:paused}.testimonial-card{flex-shrink:0;width:360px;background-color:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.testimonial-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.testimonial-card__quote{color:var(--color-accent);opacity:.5;margin-bottom:var(--space-sm)}.testimonial-card__text{font-size:14px;line-height:1.6;color:var(--color-dark-text);margin-bottom:var(--space-base)}.testimonial-card__author{display:flex;align-items:center;gap:var(--space-sm)}.testimonial-card__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-white);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.testimonial-card__info{display:flex;flex-direction:column}.testimonial-card__name{font-size:13px;font-weight:600;color:var(--color-dark-text);line-height:1.2}.testimonial-card__handle{font-size:12px;color:var(--color-muted)}.social-proof__partners{display:flex;flex-direction:column;align-items:center;gap:var(--space-base);margin-top:var(--space-2xl);opacity:0;transform:translateY(12px)}.social-proof--visible .social-proof__partners{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out;transition-delay:.6s}.social-proof__partners-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-muted)}.social-proof__partners-row{display:flex;align-items:center;gap:var(--space-2xl);flex-wrap:wrap;justify-content:center}.social-proof__partner{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-base);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.social-proof__partner:hover{background-color:var(--color-light-gray)}.social-proof__partner-name{font-size:15px;font-weight:700;color:var(--color-dark-text);letter-spacing:-.01em}.social-proof__partner-label{font-size:11px;color:var(--color-muted);font-weight:500}@media (min-width: 768px) and (max-width: 1023px){.social-proof__metrics{gap:var(--space-xl)}.social-proof__metric-value{font-size:24px}.testimonial-card{width:320px}.social-proof__partners-row{gap:var(--space-lg)}}@media (max-width: 767px){.social-proof__metrics{flex-direction:column;align-items:center;gap:var(--space-lg)}.social-proof__metric{min-width:200px}.social-proof__metric-value{font-size:24px}.testimonial-card{width:280px;padding:var(--space-base)}.testimonial-card__text{font-size:13px}.social-proof__partners-row{gap:var(--space-base)}.social-proof__partner-name{font-size:13px}}@media (prefers-reduced-motion: reduce){.social-proof__metric,.social-proof__testimonials,.social-proof__partners{opacity:1;transform:none;transition:none}.social-proof__scroll-row--left .social-proof__scroll-track,.social-proof__scroll-row--right .social-proof__scroll-track{animation:none}}.how-it-works{background-color:var(--color-light-gray);padding:var(--section-padding)}@media (max-width: 767px){.how-it-works{padding:var(--section-padding-mobile)}}.how-it-works__timeline{position:relative;margin-top:var(--space-2xl)}.how-it-works__line{position:absolute;top:23px;left:10%;right:10%;height:2px;pointer-events:none;background:repeating-linear-gradient(90deg,var(--color-light-blue) 0,var(--color-light-blue) 8px,transparent 8px,transparent 12px);transform:scaleX(0);transform-origin:left center;transition:transform 1.2s ease-out}.how-it-works--visible .how-it-works__line{transform:scaleX(1)}.how-it-works__steps{display:flex;justify-content:space-between;gap:var(--space-lg);position:relative;z-index:1}.step-card{flex:1;max-width:280px;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out;transition-delay:calc(var(--step-index) * .15s)}.how-it-works--visible .step-card{opacity:1;transform:translateY(0)}.step-card__badge{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-white);font-size:18px;font-weight:700;border-radius:50%;margin-bottom:var(--space-base);transform:scale(.5);transition:transform .4s ease-out;transition-delay:calc(var(--step-index) * .15s + .2s)}.how-it-works--visible .step-card__badge{transform:scale(1)}.step-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:var(--color-light-blue);border-radius:var(--radius-md);color:var(--color-accent);margin-bottom:var(--space-base)}.step-card__title{font-size:18px;font-weight:600;color:var(--color-dark-text);margin-bottom:var(--space-sm)}.step-card__description{font-size:14px;line-height:1.5;color:var(--color-muted);max-width:260px}@media (min-width: 768px) and (max-width: 1023px){.how-it-works__steps{flex-wrap:wrap;justify-content:center}.step-card{flex:0 0 calc(33.333% - var(--space-lg));max-width:none}.how-it-works__line{display:none}}@media (max-width: 767px){.how-it-works__timeline{margin-top:var(--space-xl)}.how-it-works__steps{flex-direction:column;align-items:center;gap:var(--space-xl)}.step-card{flex:none;max-width:280px}.how-it-works__line{top:24px;bottom:24px;left:50%;right:auto;width:calc(100% - 48px);height:2px;transform:translate(-50%) rotate(90deg) scaleX(0);transform-origin:top center;background:repeating-linear-gradient(90deg,var(--color-light-blue) 0,var(--color-light-blue) 8px,transparent 8px,transparent 12px)}.how-it-works--visible .how-it-works__line{transform:translate(-50%) rotate(90deg) scaleX(1)}}@media (prefers-reduced-motion: reduce){.step-card,.step-card__badge,.how-it-works__line{transition:none}.step-card{opacity:1;transform:none}.step-card__badge{transform:scale(1)}.how-it-works__line{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce) and (max-width: 767px){.how-it-works__line{transform:translate(-50%) rotate(90deg) scaleX(1)}}.use-cases{background-color:var(--color-white);padding:var(--section-padding);overflow:hidden}@media (max-width: 767px){.use-cases{padding:var(--section-padding-mobile)}}.use-cases__marquee{display:flex;flex-direction:column;gap:var(--space-base);margin:0 calc(-1 * var(--space-lg));opacity:0;transform:translateY(16px)}.use-cases--visible .use-cases__marquee{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out;transition-delay:.2s}.use-cases__row{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 6%,black 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 6%,black 94%,transparent 100%)}.use-cases__track{display:flex;gap:var(--space-md);width:max-content;will-change:transform}.use-cases__track--left{animation:useCaseScrollLeft 45s linear infinite}.use-cases__track--right{animation:useCaseScrollRight 50s linear infinite}@keyframes useCaseScrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes useCaseScrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.use-cases__row:hover .use-cases__track{animation-play-state:paused}.use-case-pill{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 20px;background-color:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--color-dark-text);white-space:nowrap;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast);cursor:default}.use-case-pill svg{color:var(--color-primary);flex-shrink:0}.use-case-pill:hover{border-color:var(--color-primary);background-color:var(--color-light-blue);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.use-cases__footnote{text-align:center;font-size:14px;color:var(--color-muted);margin-top:var(--space-xl);font-style:italic;opacity:0}.use-cases--visible .use-cases__footnote{opacity:1;transition:opacity .5s ease-out;transition-delay:.5s}@media (min-width: 768px) and (max-width: 1023px){.use-case-pill{padding:8px 16px;font-size:13px}}@media (max-width: 767px){.use-case-pill{padding:8px 14px;font-size:13px;gap:6px}.use-cases__track{gap:var(--space-sm)}.use-cases__track--left{animation-duration:35s}.use-cases__track--right{animation-duration:40s}}@media (prefers-reduced-motion: reduce){.use-cases__marquee,.use-cases__footnote{opacity:1;transform:none;transition:none}.use-cases__track--left,.use-cases__track--right{animation:none}.use-case-pill:hover{transform:none}}.explainer{background-color:var(--color-white);padding:var(--section-padding)}@media (max-width: 767px){.explainer{padding:var(--section-padding-mobile)}}.explainer__inner{max-width:700px;margin:0 auto;text-align:center;opacity:0;transform:translateY(16px)}.explainer--visible .explainer__inner{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.explainer__inner .eyebrow{margin-bottom:var(--space-sm)}.explainer__inner h2{margin-bottom:var(--space-lg)}.explainer__text{font-size:17px;line-height:1.7;color:var(--color-muted);margin-bottom:var(--space-xl)}.explainer__link{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.explainer__link:hover{color:var(--color-primary-hover)}.explainer__link svg{opacity:.6;transition:opacity var(--transition-fast)}.explainer__link:hover svg{opacity:1}.explainer__highlight{position:relative;background-color:var(--color-light-gray);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);text-align:left}.explainer__highlight-bar{position:absolute;left:0;top:var(--space-base);bottom:var(--space-base);width:3px;border-radius:2px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent))}.explainer__highlight p{font-size:15px;line-height:1.7;color:var(--color-dark-text);margin:0}.explainer__highlight strong{color:var(--color-primary);font-weight:600}@media (max-width: 767px){.explainer__text{font-size:15px}.explainer__highlight{padding:var(--space-base) var(--space-lg)}.explainer__highlight p{font-size:14px}}@media (prefers-reduced-motion: reduce){.explainer__inner{opacity:1;transform:none}}.features{background-color:var(--color-light-gray);padding:var(--section-padding)}@media (max-width: 767px){.features{padding:var(--section-padding-mobile)}}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-2xl)}.feature-card{background-color:var(--color-white);padding:28px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);opacity:0;transform:translateY(20px)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.features--visible .feature-card{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out,box-shadow var(--transition-normal);transition-delay:calc(var(--card-index) * .1s)}.features--visible .feature-card:hover{transform:translateY(-4px)}.feature-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-light-blue);border-radius:var(--radius-md);color:var(--color-primary);margin-bottom:var(--space-base)}.feature-card__title{font-size:18px;font-weight:600;color:var(--color-dark-text);margin-bottom:var(--space-sm);line-height:1.3}.feature-card__description{font-size:15px;line-height:1.6;color:var(--color-muted);margin:0}@media (min-width: 768px) and (max-width: 1023px){.features__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.feature-card{padding:24px}.features--visible .feature-card{transition-delay:calc(var(--card-index) * 80ms)}}@media (max-width: 767px){.features__grid{grid-template-columns:1fr;gap:var(--space-base);margin-top:var(--space-xl)}.feature-card{padding:20px}.feature-card__icon{width:44px;height:44px}.feature-card__title{font-size:16px}.feature-card__description{font-size:14px}.features--visible .feature-card{transition-delay:calc(var(--card-index) * 80ms)}}@media (prefers-reduced-motion: reduce){.feature-card{opacity:1;transform:none;transition:box-shadow var(--transition-normal)}.features--visible .feature-card{transition-delay:0ms}.feature-card:hover{transform:none}}.channel-strip{background-color:var(--color-white);padding:var(--section-padding)}@media (max-width: 767px){.channel-strip{padding:var(--section-padding-mobile)}}.channel-strip__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-lg);max-width:900px;margin:var(--space-2xl) auto 0}.channel-strip__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-base);border-radius:var(--radius-lg);border:1px solid #E2E8F0;background-color:var(--color-white);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);cursor:default;opacity:0;transform:translateY(20px) scale(.95)}.channel-strip--visible .channel-strip__item{opacity:1;transform:translateY(0) scale(1);transition:opacity .5s ease-out,transform .5s ease-out,box-shadow var(--transition-normal),border-color var(--transition-normal);transition-delay:calc(var(--channel-index) * 80ms)}.channel-strip__item:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 8px 24px -4px #0000001a;border-color:var(--channel-color)}.channel-strip--visible .channel-strip__item:hover{transform:translateY(-6px) scale(1.02)}.channel-strip__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--channel-color);background-color:var(--color-light-gray);transition:background-color var(--transition-fast),transform var(--transition-fast)}.channel-strip__item:hover .channel-strip__icon{background-color:var(--color-light-blue);transform:scale(1.1)}.channel-strip__name{font-size:14px;font-weight:600;color:var(--color-dark-text)}.channel-strip__status{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--color-success);opacity:0;transform:translateY(4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.channel-strip__item:hover .channel-strip__status{opacity:1;transform:translateY(0)}.channel-strip__dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-success);animation:channelPulse 2s ease-in-out infinite}@keyframes channelPulse{0%,to{opacity:1}50%{opacity:.4}}.channel-strip__footnote{text-align:center;font-size:14px;color:var(--color-muted);margin-top:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto;opacity:0}.channel-strip--visible .channel-strip__footnote{opacity:1;transition:opacity .5s ease-out;transition-delay:.6s}@media (min-width: 768px) and (max-width: 1023px){.channel-strip__grid{grid-template-columns:repeat(3,1fr);max-width:600px;gap:var(--space-base)}}@media (max-width: 767px){.channel-strip__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-base)}.channel-strip__item{padding:var(--space-base)}.channel-strip__icon{width:48px;height:48px}.channel-strip__icon svg{width:24px;height:24px}.channel-strip__name{font-size:13px}.channel-strip__status{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.channel-strip__item,.channel-strip__footnote{opacity:1;transform:none;transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.channel-strip__item:hover{transform:none}.channel-strip__dot{animation:none}}.cost-savings{background-color:var(--color-white);padding:var(--section-padding)}@media (max-width: 767px){.cost-savings{padding:var(--section-padding-mobile)}}.cost-savings__panel{max-width:780px;margin:var(--space-2xl) auto 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid #CBD5E1;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(20px)}.cost-savings--visible .cost-savings__panel{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out;transition-delay:.15s}.cost-savings__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-base) var(--space-lg);background-color:var(--color-dark-text);color:var(--color-white)}.cost-savings__panel-title{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.cost-savings__panel-scenario{font-family:var(--font-mono);font-size:12px;opacity:.6}.cost-savings__rows{background-color:var(--color-white)}.cost-savings__row{padding:var(--space-lg)}.cost-savings__row+.cost-savings__row{border-top:1px solid #E2E8F0}.cost-savings__row-top{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:4px}.cost-savings__row-label{font-size:15px;font-weight:600;color:var(--color-dark-text)}.cost-savings__row--baseline .cost-savings__row-label{color:var(--color-muted)}.cost-savings__row-provider{font-size:11px;font-weight:600;color:var(--color-primary);background-color:var(--color-light-blue);padding:2px 10px;border-radius:var(--radius-full);letter-spacing:.02em}.cost-savings__row-badge{font-size:11px;font-weight:600;color:var(--color-white);background-color:var(--color-primary);padding:2px 10px;border-radius:var(--radius-full)}.cost-savings__row-desc{font-family:var(--font-mono);font-size:12px;color:var(--color-muted);margin-bottom:var(--space-sm)}.cost-savings__row-meter{display:flex;align-items:center;gap:var(--space-base)}.cost-savings__bar-track{flex:1;height:10px;background-color:var(--color-light-gray);border-radius:var(--radius-full);overflow:hidden}.cost-savings__bar{height:100%;width:0;border-radius:var(--radius-full);transition:width .9s cubic-bezier(.22,1,.36,1)}.cost-savings--visible .cost-savings__bar{width:var(--bar-width)}.cost-savings__row--baseline .cost-savings__bar{background-color:#94a3b8}.cost-savings--visible .cost-savings__row--baseline .cost-savings__bar{transition-delay:.3s}.cost-savings__row--smart .cost-savings__bar{background-color:var(--color-primary)}.cost-savings--visible .cost-savings__row--smart .cost-savings__bar{transition-delay:.5s}.cost-savings__row--best .cost-savings__bar{background-color:var(--color-success)}.cost-savings--visible .cost-savings__row--best .cost-savings__bar{transition-delay:.7s}.cost-savings__row-result{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.cost-savings__row-amount{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--color-dark-text);line-height:1;white-space:nowrap}.cost-savings__row--baseline .cost-savings__row-amount{color:#94a3b8}.cost-savings__row-period{font-size:13px;font-weight:500;color:var(--color-muted)}.cost-savings__row-savings{display:inline-block;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--color-success);background-color:#22c55e1a;padding:3px 12px;border-radius:var(--radius-full);white-space:nowrap}.cost-savings__row--best .cost-savings__row-savings{background-color:#22c55e26;font-size:14px;padding:4px 14px}.cost-savings__row-tag{font-size:12px;color:#94a3b8;font-style:italic}.cost-savings__footnotes{text-align:center;margin-top:var(--space-xl);max-width:640px;margin-left:auto;margin-right:auto}.cost-savings__footnotes p{font-size:13px;line-height:1.6;color:var(--color-muted);margin:0}.cost-savings__footnotes .cost-savings__clarification{font-size:14px;font-weight:600;color:var(--color-dark-text);margin:0 0 var(--space-sm) 0}.cost-savings__footnotes p+p{margin-top:var(--space-xs)}@media (min-width: 768px) and (max-width: 1023px){.cost-savings__panel{max-width:700px}.cost-savings__row-amount{font-size:20px}}@media (max-width: 767px){.cost-savings__panel-header{flex-direction:column;gap:var(--space-xs);text-align:center;padding:var(--space-base)}.cost-savings__row{padding:var(--space-base)}.cost-savings__row-meter{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.cost-savings__row-result{justify-content:space-between}.cost-savings__row-amount{font-size:20px}}@media (prefers-reduced-motion: reduce){.cost-savings__panel{opacity:1;transform:none;transition:none}.cost-savings__bar{width:var(--bar-width);transition:none}.cost-savings--visible .cost-savings__row--baseline .cost-savings__bar,.cost-savings--visible .cost-savings__row--smart .cost-savings__bar,.cost-savings--visible .cost-savings__row--best .cost-savings__bar{transition-delay:0ms}}.always-on{background-color:var(--color-dark-blue);padding:var(--section-padding);position:relative;overflow:hidden}.always-on:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(1px 1px at 30% 70%,rgba(255,255,255,.1) 0%,transparent 100%),radial-gradient(1px 1px at 50% 40%,rgba(255,255,255,.12) 0%,transparent 100%),radial-gradient(1px 1px at 70% 15%,rgba(255,255,255,.08) 0%,transparent 100%),radial-gradient(1px 1px at 85% 60%,rgba(255,255,255,.1) 0%,transparent 100%),radial-gradient(1px 1px at 95% 85%,rgba(255,255,255,.06) 0%,transparent 100%);pointer-events:none}@media (max-width: 767px){.always-on{padding:var(--section-padding-mobile)}}.always-on .section-header .eyebrow{color:var(--color-accent)}.always-on .section-header h2{color:var(--color-white)}.always-on .section-header p{color:#ffffffb3}.always-on__timeline{max-width:640px;margin:var(--space-2xl) auto 0;position:relative;z-index:1;opacity:0;transform:translateY(20px)}.always-on--visible .always-on__timeline{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out;transition-delay:.2s}.always-on__divider{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0 var(--space-base);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.always-on__divider--night{color:#ffffff59}.always-on__divider--morning{color:#fbbf24;padding-top:var(--space-base)}.always-on__divider-line{flex:1;height:1px}.always-on__divider--night .always-on__divider-line{background-color:#ffffff14}.always-on__divider--morning .always-on__divider-line{background:linear-gradient(90deg,#fbbf244d,#fbbf240d)}.always-on__divider-label{flex-shrink:0}.always-on__events{display:flex;flex-direction:column}.always-on__event{display:grid;grid-template-columns:80px 1fr;gap:var(--space-base);position:relative;padding-bottom:var(--space-lg);opacity:0;transform:translateY(12px)}.always-on--visible .always-on__event{opacity:1;transform:translateY(0);transition:opacity .4s ease-out,transform .4s ease-out;transition-delay:calc(.4s + var(--event-index) * .2s)}.always-on__event-time{text-align:right;padding-top:2px}.always-on__event-time span{font-family:var(--font-mono);font-size:12px;font-weight:600;color:#fff6;white-space:nowrap}.always-on__event--morning .always-on__event-time span{color:#fbbf24}.always-on__event-bubble{background-color:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-base) var(--space-lg);transition:border-color var(--transition-fast)}.always-on__event--you .always-on__event-bubble{background-color:#2563eb26;border-color:#2563eb40}.always-on__event--morning .always-on__event-bubble{background-color:#fbbf240f;border-color:#fbbf2426}.always-on__event-bubble:hover{border-color:#fff3}.always-on__event-sender{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#ffffff80;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.always-on__event--you .always-on__event-sender{color:var(--color-accent)}.always-on__event-badge{font-size:9px;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-white);letter-spacing:.05em}.always-on__event-text{font-size:14px;line-height:1.6;color:#ffffffd9;margin:0}.always-on__event-line{position:absolute;left:90px;top:100%;width:1px;height:var(--space-lg);background:repeating-linear-gradient(180deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 4px,transparent 4px,transparent 8px);transform:translate(-50%)}.always-on__stats{display:flex;justify-content:center;gap:var(--space-2xl);margin-top:var(--space-2xl);position:relative;z-index:1;opacity:0;transform:translateY(12px)}.always-on--visible .always-on__stats{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out;transition-delay:1.4s}.always-on__stat{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;color:#ffffffb3}.always-on__stat svg{color:var(--color-accent);flex-shrink:0}.always-on__stat strong{color:var(--color-white);font-weight:600}@media (min-width: 768px) and (max-width: 1023px){.always-on__stats{gap:var(--space-xl)}.always-on__stat{font-size:13px}}@media (max-width: 767px){.always-on__event{grid-template-columns:64px 1fr;gap:var(--space-sm)}.always-on__event-time span{font-size:11px}.always-on__event-bubble{padding:var(--space-sm) var(--space-base)}.always-on__event-text{font-size:13px}.always-on__event-line{left:74px}.always-on__stats{flex-direction:column;align-items:center;gap:var(--space-base)}.always-on__stat{font-size:13px}}@media (prefers-reduced-motion: reduce){.always-on__timeline,.always-on__event,.always-on__stats{opacity:1;transform:none;transition:none}}.comparison{background-color:var(--color-light-gray);padding:var(--section-padding)}@media (max-width: 767px){.comparison{padding:var(--section-padding-mobile)}}.comparison__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-top:var(--space-2xl)}.comparison__column{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl)}.comparison__column--without{background-color:var(--color-light-gray);border:1px solid rgba(0,0,0,.06);opacity:.95}.comparison__column--with{border-left:4px solid var(--color-primary);box-shadow:var(--shadow-lg)}.comparison__column-title{font-size:18px;font-weight:600;color:var(--color-dark-text);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(0,0,0,.08)}.comparison__list{list-style:none;padding:0;margin:0}.comparison__item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid rgba(0,0,0,.04);opacity:0;transform:translate(-10px)}.comparison__item:last-child{border-bottom:none}.comparison__column--without .comparison__item{transform:translate(-10px)}.comparison__column--with .comparison__item{transform:translate(10px)}.comparison--visible .comparison__item{opacity:1;transform:translate(0);transition:opacity .4s ease-out,transform .4s ease-out}.comparison--visible .comparison__column--without .comparison__item{transition-delay:calc(var(--item-index) * 60ms)}.comparison--visible .comparison__column--with .comparison__item{transition-delay:calc(.56s + (var(--item-index) * 60ms))}.comparison__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.comparison__icon--error{background-color:#ef44441a;color:var(--color-error)}.comparison__icon--success{background-color:#22c55e1a;color:var(--color-success)}.comparison__text{font-size:15px;line-height:1.5;color:var(--color-dark-text)}.comparison__column--without .comparison__text{color:var(--color-muted)}.comparison__footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-base);margin-top:var(--space-2xl);text-align:center}.comparison__footer-text{font-size:20px;font-weight:600;color:var(--color-dark-text);margin:0}@media (min-width: 768px) and (max-width: 1023px){.comparison__column{padding:var(--space-lg)}.comparison__column-title{font-size:16px}.comparison__text{font-size:14px}}@media (max-width: 767px){.comparison__grid{grid-template-columns:1fr;gap:var(--space-base)}.comparison__column{padding:var(--space-lg)}.comparison__column--with{border-left:none;border-top:4px solid var(--color-primary)}.comparison__column-title{font-size:16px}.comparison__text{font-size:14px}.comparison__footer-text{font-size:18px}.comparison--visible .comparison__column--with .comparison__item{transition-delay:calc(var(--item-index) * 60ms)}}@media (prefers-reduced-motion: reduce){.comparison__item{opacity:1;transform:none;transition:none}.comparison--visible .comparison__item{transition-delay:0ms}}.security-trust{background-color:var(--color-white);padding:var(--section-padding)}@media (max-width: 767px){.security-trust{padding:var(--section-padding-mobile)}}.security-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-top:var(--space-2xl)}.security-trust__card{background-color:var(--color-white);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-md);border:1px solid #E2E8F0;text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);opacity:0;transform:translateY(20px)}.security-trust--visible .security-trust__card{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out,box-shadow var(--transition-normal),border-color var(--transition-normal);transition-delay:calc(var(--card-index) * .1s)}.security-trust__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.security-trust--visible .security-trust__card:hover{transform:translateY(-4px)}.security-trust__icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-light-blue),rgba(56,189,248,.15));border-radius:var(--radius-md);color:var(--color-primary);margin:0 auto var(--space-base)}.security-trust__title{font-size:16px;font-weight:600;color:var(--color-dark-text);margin-bottom:var(--space-sm)}.security-trust__desc{font-size:14px;line-height:1.6;color:var(--color-muted);margin:0}.security-trust__footer{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-2xl);flex-wrap:wrap;opacity:0;transform:translateY(12px)}.security-trust--visible .security-trust__footer{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out;transition-delay:.5s}.security-trust__badge{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-muted);padding:var(--space-sm) var(--space-base);background-color:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-full)}.security-trust__badge svg{color:var(--color-primary);flex-shrink:0}@media (min-width: 768px) and (max-width: 1023px){.security-trust__grid{grid-template-columns:repeat(2,1fr)}.security-trust__card{padding:var(--space-lg)}}@media (max-width: 767px){.security-trust__grid{grid-template-columns:1fr;gap:var(--space-base)}.security-trust__card{padding:var(--space-lg);text-align:left}.security-trust__icon{margin:0 0 var(--space-base) 0}.security-trust__footer{flex-direction:column;align-items:center;gap:var(--space-sm)}.security-trust__badge{font-size:12px}}@media (prefers-reduced-motion: reduce){.security-trust__card,.security-trust__footer{opacity:1;transform:none;transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.security-trust__card:hover{transform:none}}.pricing-preview{background-color:var(--color-light-gray);padding:var(--section-padding)}@media (max-width: 767px){.pricing-preview{padding:var(--section-padding-mobile)}}.pricing-preview__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);max-width:960px;margin:var(--space-2xl) auto 0}.pricing-preview__card{position:relative;background-color:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);opacity:0;transform:translateY(20px)}.pricing-preview__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-preview--visible .pricing-preview__card{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out,box-shadow var(--transition-normal),border-color var(--transition-normal);transition-delay:calc(var(--card-index) * .12s)}.pricing-preview--visible .pricing-preview__card:hover{transform:translateY(-4px)}.pricing-preview__card--recommended{border:2px solid var(--color-primary);box-shadow:var(--shadow-lg)}.pricing-preview__card--recommended:hover{box-shadow:var(--shadow-xl)}.pricing-preview__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--color-primary);color:var(--color-white);font-size:12px;font-weight:600;padding:4px 14px;border-radius:var(--radius-full);white-space:nowrap}.pricing-preview__tier{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:var(--space-xs)}.pricing-preview__label{font-size:24px;font-weight:700;color:var(--color-dark-text);margin-bottom:var(--space-xs)}.pricing-preview__specs{font-family:var(--font-mono);font-size:13px;color:var(--color-muted);margin-bottom:var(--space-lg)}.pricing-preview__price{margin-bottom:var(--space-base);display:flex;align-items:baseline;justify-content:center;gap:1px}.pricing-preview__currency{font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--color-dark-text);align-self:flex-start;margin-top:4px}.pricing-preview__amount{font-family:var(--font-mono);font-size:48px;font-weight:700;color:var(--color-dark-text);line-height:1;letter-spacing:-.02em}.pricing-preview__period{font-size:16px;color:var(--color-muted);font-weight:500;margin-left:2px}.pricing-preview__description{font-size:14px;line-height:1.5;color:var(--color-muted);margin-bottom:var(--space-lg);max-width:220px}.pricing-preview__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;padding:10px 24px;font-size:15px;font-weight:600;color:var(--color-primary);background-color:var(--color-light-blue);border:none;border-radius:var(--radius-full);text-decoration:none;cursor:pointer;margin-top:auto;transition:background-color var(--transition-fast),color var(--transition-fast)}.pricing-preview__cta:hover,.pricing-preview__card--recommended .pricing-preview__cta{background-color:var(--color-primary);color:var(--color-white)}.pricing-preview__card--recommended .pricing-preview__cta:hover{background-color:var(--color-primary-hover)}.pricing-preview__footer{text-align:center;margin-top:var(--space-xl)}.pricing-preview__details-link{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:var(--color-primary);text-decoration:none;transition:gap var(--transition-fast),color var(--transition-fast)}.pricing-preview__details-link:hover{color:var(--color-primary-hover);gap:10px}@media (min-width: 768px) and (max-width: 1023px){.pricing-preview__grid{gap:var(--space-base)}.pricing-preview__card{padding:var(--space-lg) var(--space-base)}.pricing-preview__amount{font-size:40px}.pricing-preview__label{font-size:22px}}@media (max-width: 767px){.pricing-preview__grid{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto;gap:var(--space-base)}.pricing-preview__card{padding:var(--space-lg)}.pricing-preview__amount{font-size:40px}.pricing-preview--visible .pricing-preview__card{transition-delay:calc(var(--card-index) * 80ms)}}@media (prefers-reduced-motion: reduce){.pricing-preview__card{opacity:1;transform:none;transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.pricing-preview--visible .pricing-preview__card{transition-delay:0ms}.pricing-preview__card:hover{transform:none}}.cta-banner{background-color:var(--color-dark-blue);padding:var(--section-padding);position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(37,99,235,.1) 0%,transparent 50%,rgba(56,189,248,.08) 100%);pointer-events:none}@media (max-width: 767px){.cta-banner{padding:var(--section-padding-mobile)}}.cta-banner__content{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.cta-banner__heading{font-size:40px;font-weight:700;color:var(--color-white);margin:0 0 var(--space-base) 0;line-height:1.2;max-width:600px;opacity:0;transform:translateY(20px)}.cta-banner--visible .cta-banner__heading{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out}.cta-banner__subtext{font-size:18px;color:#fffc;margin:0 0 var(--space-xl) 0;line-height:1.6;max-width:500px;opacity:0;transform:translateY(20px)}.cta-banner--visible .cta-banner__subtext{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out;transition-delay:.15s}.cta-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:16px 40px;background-color:var(--color-white);color:var(--color-dark-blue);font-size:18px;font-weight:600;border-radius:var(--radius-full);text-decoration:none;box-shadow:var(--shadow-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast);opacity:0;transform:translateY(20px)}.cta-banner--visible .cta-banner__button{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out,box-shadow var(--transition-fast);transition-delay:.3s}.cta-banner__button:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.cta-banner__button:focus{outline:2px solid var(--color-accent);outline-offset:2px}.cta-banner--visible .cta-banner__button:hover{transform:scale(1.05)}.cta-banner__disclaimer{font-size:14px;color:#fff9;margin:var(--space-base) 0 0 0;opacity:0}.cta-banner--visible .cta-banner__disclaimer{opacity:1;transition:opacity .5s ease-out;transition-delay:.45s}@media (max-width: 767px){.cta-banner__heading{font-size:28px}.cta-banner__subtext{font-size:16px;margin-bottom:var(--space-lg)}.cta-banner__button{font-size:16px;padding:14px 32px;min-height:48px}.cta-banner__disclaimer{font-size:13px}}@media (prefers-reduced-motion: reduce){.cta-banner__heading,.cta-banner__subtext,.cta-banner__button,.cta-banner__disclaimer{opacity:1;transform:none;transition:none}.cta-banner--visible .cta-banner__heading,.cta-banner--visible .cta-banner__subtext,.cta-banner--visible .cta-banner__button,.cta-banner--visible .cta-banner__disclaimer{transition-delay:0ms}.cta-banner__button:hover{transform:none}}.pricing-cards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);max-width:960px;margin:0 auto}.pricing-card{position:relative;background-color:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);opacity:0;transform:translateY(20px)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-cards--visible .pricing-card{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out,box-shadow var(--transition-normal),border-color var(--transition-normal);transition-delay:calc(var(--card-index) * .12s)}.pricing-cards--visible .pricing-card:hover{transform:translateY(-4px)}.pricing-card--recommended{border:2px solid var(--color-primary);box-shadow:var(--shadow-lg)}.pricing-card--recommended:hover{box-shadow:var(--shadow-xl)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--color-primary);color:var(--color-white);font-size:12px;font-weight:600;padding:4px 14px;border-radius:var(--radius-full);white-space:nowrap}.pricing-card__tier{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:var(--space-xs)}.pricing-card__name{font-size:24px;font-weight:700;color:var(--color-dark-text);margin:0 0 var(--space-xs) 0}.pricing-card__specs{font-family:var(--font-mono);font-size:13px;color:var(--color-muted);margin:0 0 var(--space-lg) 0}.pricing-card__price{margin-bottom:var(--space-base);display:flex;align-items:baseline;justify-content:center;gap:1px}.pricing-card__currency{font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--color-dark-text);align-self:flex-start;margin-top:4px}.pricing-card__amount{font-family:var(--font-mono);font-size:48px;font-weight:700;color:var(--color-dark-text);line-height:1;letter-spacing:-.02em}.pricing-card__period{font-size:16px;color:var(--color-muted);font-weight:500;margin-left:2px}.pricing-card__description{font-size:14px;line-height:1.5;color:var(--color-muted);margin:0 0 var(--space-lg) 0;max-width:220px}.pricing-card__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;padding:10px 24px;font-size:15px;font-weight:600;color:var(--color-primary);background-color:var(--color-light-blue);border:none;border-radius:var(--radius-full);text-decoration:none;cursor:pointer;margin-top:auto;transition:background-color var(--transition-fast),color var(--transition-fast)}.pricing-card__cta:hover,.pricing-card__cta--primary{background-color:var(--color-primary);color:var(--color-white)}.pricing-card__cta--primary:hover{background-color:var(--color-primary-hover)}.pricing-cards__features{max-width:960px;margin:var(--space-2xl) auto 0;text-align:center}.pricing-cards__features-heading{font-size:16px;font-weight:600;color:var(--color-dark-text);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-lg) 0}.pricing-cards__features-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm) var(--space-xl)}.pricing-cards__feature{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;color:var(--color-muted)}.pricing-cards__check{flex-shrink:0;color:var(--color-success)}@media (min-width: 768px) and (max-width: 1023px){.pricing-cards__grid{gap:var(--space-base)}.pricing-card{padding:var(--space-lg) var(--space-base)}.pricing-card__amount{font-size:40px}.pricing-card__name{font-size:22px}}@media (max-width: 767px){.pricing-cards__grid{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto;gap:var(--space-lg)}.pricing-card{padding:var(--space-lg)}.pricing-card__amount{font-size:40px}.pricing-cards__features-list{flex-direction:column;align-items:center;gap:var(--space-sm)}.pricing-cards--visible .pricing-card{transition-delay:calc(var(--card-index) * 80ms)}}@media (prefers-reduced-motion: reduce){.pricing-card{opacity:1;transform:none;transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.pricing-cards--visible .pricing-card{transition-delay:0ms}.pricing-card:hover{transform:none}}.pricing-faq{background-color:var(--color-light-gray);padding:var(--space-3xl) 0}.pricing-faq__heading{font-size:24px;font-weight:600;color:var(--color-dark-text);margin:0 0 var(--space-xl) 0;text-align:center}.pricing-faq__list{max-width:700px;margin:0 auto}.faq-item{border-bottom:1px solid rgba(0,0,0,.08);opacity:0;transform:translateY(10px)}.faq-item:last-child{border-bottom:none}.pricing-faq--visible .faq-item{opacity:1;transform:translateY(0);transition:opacity .4s ease-out,transform .4s ease-out;transition-delay:calc(var(--item-index) * 50ms)}.faq-item__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-base);padding:var(--space-lg) 0;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}.faq-item__trigger:hover .faq-item__question{color:var(--color-primary)}.faq-item__trigger:focus{outline:none}.faq-item__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.faq-item__question{font-size:16px;font-weight:500;color:var(--color-dark-text);transition:color var(--transition-fast)}.faq-item__chevron{flex-shrink:0;color:var(--color-muted);transition:transform var(--transition-normal)}.faq-item--open .faq-item__chevron{transform:rotate(180deg)}.faq-item__content{overflow:hidden}.faq-item__content[hidden]{display:none}.faq-item__answer{font-size:15px;line-height:1.6;color:var(--color-muted);margin:0;padding:0 0 var(--space-lg) 0}@media (max-width: 767px){.pricing-faq{padding:var(--space-2xl) 0}.pricing-faq__heading{font-size:20px;margin-bottom:var(--space-lg)}.faq-item__trigger{padding:var(--space-base) 0}.faq-item__question{font-size:15px}.faq-item__answer{font-size:14px;padding-bottom:var(--space-base)}}@media (prefers-reduced-motion: reduce){.faq-item{opacity:1;transform:none;transition:none}.pricing-faq--visible .faq-item{transition-delay:0ms}.faq-item__chevron{transition:none}}.pricing-page{padding-top:var(--space-xl)}.pricing-page__header{padding:var(--space-2xl) 0}.pricing-page__header h1{font-size:40px;font-weight:700;color:var(--color-dark-text);margin:0}.pricing-page__cards{padding:0 0 var(--space-2xl) 0}.pricing-page__contact{max-width:960px;margin:var(--space-xl) auto 0;text-align:center;padding:var(--space-lg);background-color:var(--color-light-gray);border-radius:var(--radius-md)}.pricing-page__contact h4{font-size:18px;font-weight:600;color:var(--color-dark-text);margin:0 0 var(--space-sm) 0}.pricing-page__contact p{font-size:15px;color:var(--color-muted);margin:0 0 var(--space-base) 0}.pricing-page__contact-link{font-size:15px;font-weight:500;color:var(--color-primary);text-decoration:none}.pricing-page__contact-link:hover{text-decoration:underline}.pricing-page__cta{background-color:var(--color-white);padding:var(--space-2xl) 0;text-align:center}.pricing-page__cta-text{font-size:20px;font-weight:500;color:var(--color-dark-text);margin:0 0 var(--space-lg) 0}@media (max-width: 767px){.pricing-page{padding-top:var(--space-base)}.pricing-page__header{padding:var(--space-xl) 0}.pricing-page__header h1{font-size:28px}.pricing-page__contact{padding:var(--space-base)}.pricing-page__cta-text{font-size:18px}}.search-bar{position:relative;max-width:560px;margin:0 auto}.search-bar__input-wrapper{position:relative;display:flex;align-items:center}.search-bar__icon{position:absolute;left:16px;color:var(--color-muted);pointer-events:none}.search-bar__input{width:100%;padding:14px 48px;font-size:16px;font-family:var(--font-body);border:2px solid #E2E8F0;border-radius:var(--radius-lg);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.search-bar__clear{position:absolute;right:16px;background:none;border:none;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;padding:4px}.search-bar__clear:hover{color:var(--color-dark-text)}.search-bar__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-sm);background-color:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;max-height:400px;overflow-y:auto}.search-bar__result{display:flex;flex-direction:column;width:100%;padding:var(--space-md) var(--space-base);background:none;border:none;border-bottom:1px solid #F1F5F9;cursor:pointer;text-align:left;font-family:var(--font-body);transition:background-color var(--transition-fast)}.search-bar__result:hover{background-color:var(--color-light-gray)}.search-bar__result:last-child{border-bottom:none}.search-bar__result-title{font-size:15px;font-weight:600;color:var(--color-dark-text)}.search-bar__result-meta{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.search-bar__result-category{font-size:12px;font-weight:500;color:var(--color-primary);background-color:var(--color-light-blue);padding:2px 8px;border-radius:var(--radius-full)}.search-bar__result-snippet{font-size:13px;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-bar__no-results{text-align:center;padding:var(--space-lg);font-size:14px;color:var(--color-muted)}.search-bar__no-results a{color:var(--color-primary);text-decoration:underline}.search-bar__view-all{text-align:center;padding:var(--space-md);font-size:13px;color:var(--color-muted);border-top:1px solid #F1F5F9}@media (max-width: 767px){.search-bar__dropdown{position:fixed;left:16px;right:16px;top:auto;max-height:60vh}}.faq__title{font-size:28px;font-weight:700;color:var(--color-dark-blue);text-align:center;margin:0 0 var(--space-xl)}.faq__list{max-width:768px;margin:0 auto}.faq__item{border-bottom:1px solid #E2E8F0}.faq__trigger{display:flex;width:100%;justify-content:space-between;align-items:center;padding:var(--space-base) var(--space-xs);background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;min-height:44px;transition:background var(--transition-fast);border-radius:var(--radius-sm)}.faq__trigger:hover{background:var(--color-light-gray)}.faq__trigger:focus{outline:none}.faq__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.faq__question{font-size:16px;font-weight:600;color:var(--color-dark-text);padding-right:var(--space-base)}.faq__item--open .faq__question{color:var(--color-primary)}.faq__chevron{flex-shrink:0;color:var(--color-muted);transition:transform .3s ease-in-out}.faq__chevron--open{transform:rotate(180deg)}.faq__panel{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.faq__panel--open{max-height:500px}.faq__answer{padding:0 var(--space-xs) var(--space-base);opacity:0;transition:opacity .2s ease-in-out .1s}.faq__panel--open .faq__answer{opacity:1}.faq__answer p{margin:0;font-size:16px;line-height:1.6;color:var(--color-muted)}.faq__show-more{display:block;margin:var(--space-lg) auto;padding:10px var(--space-lg);background:none;border:1px solid #E2E8F0;border-radius:var(--radius-sm);color:var(--color-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.faq__show-more:hover{background:var(--color-light-gray);border-color:var(--color-primary)}@media (max-width: 767px){.faq__title{font-size:24px}.faq__trigger{padding:14px var(--space-xs)}}@media (prefers-reduced-motion: reduce){.faq__chevron,.faq__panel,.faq__answer{transition:none}}.help-hero{padding:80px 0 64px;text-align:center;background:linear-gradient(180deg,var(--color-light-blue) 0%,var(--color-white) 100%)}.help-hero__title{font-size:40px;font-weight:700;color:var(--color-dark-blue);margin-bottom:var(--space-base)}.help-hero__subtitle{font-size:18px;color:var(--color-muted);margin-bottom:var(--space-xl)}.help-categories__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.help-category-card{display:flex;flex-direction:column;padding:var(--space-xl);border:1px solid #E2E8F0;border-radius:var(--radius-md);background-color:var(--color-white);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.help-category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.help-category-card__icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-light-blue);border-radius:var(--radius-md);margin-bottom:var(--space-base)}.help-category-card__icon{color:var(--color-primary)}.help-category-card__title{font-size:20px;font-weight:600;color:var(--color-dark-text);margin-bottom:var(--space-sm)}.help-category-card__desc{font-size:15px;color:var(--color-muted);line-height:1.6;flex-grow:1;margin-bottom:var(--space-base)}.help-category-card__count{display:flex;align-items:center;gap:var(--space-xs);font-size:14px;font-weight:500;color:var(--color-primary)}.help-faq{background-color:var(--color-light-gray)}.help-cta__inner{text-align:center}.help-cta__title{font-size:28px;font-weight:700;color:var(--color-dark-blue);margin-bottom:var(--space-base)}.help-cta__text{font-size:16px;color:var(--color-muted);max-width:500px;margin:0 auto var(--space-lg)}@media (max-width: 767px){.help-hero__title{font-size:28px}.help-categories__grid{grid-template-columns:1fr}.help-category-card{padding:var(--space-lg)}.help-cta__title{font-size:24px}}.breadcrumb{margin-bottom:var(--space-lg)}.breadcrumb__list{display:flex;flex-wrap:wrap;list-style:none;gap:var(--space-xs);padding:0;margin:0}.breadcrumb__item{display:flex;align-items:center;gap:var(--space-xs)}.breadcrumb__link{font-size:14px;color:var(--color-primary);text-decoration:none}.breadcrumb__link:hover{text-decoration:underline;color:var(--color-primary-hover)}.breadcrumb__separator{color:var(--color-muted);flex-shrink:0}.breadcrumb__current{font-size:14px;color:var(--color-muted)}.article-card{padding:var(--space-lg);border:1px solid #E2E8F0;border-radius:var(--radius-md);background-color:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.article-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.article-card__link{text-decoration:none}.article-card__title{font-size:18px;font-weight:600;color:var(--color-dark-text);line-height:1.3;transition:color var(--transition-fast)}.article-card__link:hover .article-card__title{color:var(--color-primary)}.article-card__summary{font-size:15px;color:var(--color-muted);line-height:1.6;margin-top:var(--space-sm)}.article-card__meta{display:flex;gap:var(--space-base);margin-top:var(--space-md)}.article-card__date,.article-card__reading-time{display:flex;align-items:center;gap:var(--space-xs);font-size:13px;color:var(--color-muted)}@media (max-width: 767px){.article-card{padding:var(--space-base)}.article-card__title{font-size:16px}}.help-category__header{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.help-category__icon-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:var(--color-light-blue);border-radius:var(--radius-md);flex-shrink:0}.help-category__icon{color:var(--color-primary)}.help-category__title{font-size:32px;font-weight:700;color:var(--color-dark-blue);margin-bottom:var(--space-sm)}.help-category__desc{font-size:16px;color:var(--color-muted);line-height:1.6}.help-category__articles{display:flex;flex-direction:column;gap:var(--space-base)}.help-category__empty{text-align:center;color:var(--color-muted);padding:var(--space-2xl) 0}.help-category__cta{text-align:center;margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid #E2E8F0}.help-category__cta p{font-size:16px;color:var(--color-muted)}.help-category__cta a{color:var(--color-primary);text-decoration:underline}@media (max-width: 767px){.help-category__header{flex-direction:column;gap:var(--space-base)}.help-category__title{font-size:24px}}.callout{display:flex;gap:var(--space-md);padding:var(--space-base);border-left:4px solid;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:var(--space-lg) 0}.callout__icon{flex-shrink:0;margin-top:2px}.callout__text{margin:0;font-size:15px;line-height:1.6;color:var(--color-dark-text)}.callout__text .inline-code{font-family:var(--font-mono);font-size:13px;padding:2px 6px;background:#0000000f;border-radius:3px}.callout__text a{color:var(--color-primary);text-decoration:underline}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.code-block{margin:var(--space-lg) 0;border-radius:var(--radius-sm);overflow:hidden;background:#1e293b}.code-block__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-base);background:#0f172a;border-bottom:1px solid #334155}.code-block__lang{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;color:#94a3b8}.code-block__copy{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto;padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid #475569;border-radius:4px;color:#94a3b8;font-size:12px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.code-block__copy:hover{background:#334155;color:#e2e8f0}.code-block__pre{margin:0;padding:var(--space-base);overflow-x:auto}.code-block__code{font-family:var(--font-mono);font-size:14px;line-height:1.6;color:#e2e8f0;white-space:pre;-moz-tab-size:2;tab-size:2}.code-block__code.hljs{background:transparent;padding:0}@media (max-width: 767px){.code-block__pre{padding:var(--space-md)}.code-block__code{font-size:13px}}.cr-paragraph{font-size:16px;line-height:1.75;color:var(--color-dark-text);margin:0 0 20px}.cr-paragraph a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.cr-paragraph .inline-code{font-family:var(--font-mono);font-size:14px;padding:2px 6px;background:var(--color-light-gray);border-radius:3px}.cr-heading{color:var(--color-dark-blue);scroll-margin-top:96px}.cr-heading--2{font-size:24px;font-weight:700;line-height:1.3;margin:40px 0 var(--space-base)}.cr-heading--3{font-size:20px;font-weight:600;line-height:1.4;margin:40px 0 var(--space-base)}.cr-list{margin:0 0 20px;padding-left:var(--space-lg)}.cr-list__item{font-size:16px;line-height:1.75;margin-bottom:var(--space-sm)}.cr-list__item a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.cr-list__item .inline-code{font-family:var(--font-mono);font-size:14px;padding:2px 6px;background:var(--color-light-gray);border-radius:3px}.cr-figure{margin:28px 0}.cr-figure__img{width:100%;height:auto;border-radius:var(--radius-md);display:block}.cr-figure__caption{margin-top:var(--space-sm);font-size:14px;color:var(--color-muted);text-align:center}.cr-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:28px 0;border-radius:var(--radius-md)}.cr-video__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.cr-divider{border:none;border-top:1px solid #E2E8F0;margin:var(--space-lg) 0}.cr-quote{margin:28px 0;padding:var(--space-base) var(--space-lg);border-left:4px solid var(--color-primary);background:var(--color-light-gray);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.cr-quote__text{margin:0;font-size:16px;line-height:1.75;font-style:italic;color:var(--color-dark-text)}.cr-quote__attribution{margin-top:var(--space-sm);font-size:14px;color:var(--color-muted);font-style:normal}@media (max-width: 767px){.cr-heading--2{font-size:22px}.cr-heading--3{font-size:18px}.cr-paragraph,.cr-list__item{font-size:15px}.cr-figure{margin:20px 0}.cr-quote{padding:var(--space-md) var(--space-base)}}.toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;padding-right:var(--space-base)}.toc__title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:var(--space-md)}.toc__list{list-style:none;padding:0;margin:0;border-left:2px solid #E2E8F0}.toc__item{margin:0}.toc__link{display:block;padding:6px 0 6px 16px;font-size:14px;line-height:1.4;color:var(--color-muted);text-decoration:none;border-left:2px solid transparent;margin-left:-2px;transition:color .15s ease,border-color .15s ease}.toc__link:hover{color:var(--color-dark-text)}.toc__link--active{color:var(--color-primary);border-left-color:var(--color-primary);font-weight:500}.toc__link--3{padding-left:28px;font-size:13px}.help-article__layout{display:grid;grid-template-columns:1fr 240px;gap:48px;align-items:start}.help-article__content{max-width:720px;min-width:0}.help-article__sidebar{display:block}.help-article__header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid #E2E8F0}.help-article__title{font-size:32px;font-weight:700;color:var(--color-dark-blue);line-height:1.2;margin-bottom:var(--space-md)}.help-article__meta{display:flex;gap:var(--space-lg);flex-wrap:wrap}.help-article__date,.help-article__reading-time{display:flex;align-items:center;gap:var(--space-xs);font-size:14px;color:var(--color-muted)}.help-article__empty{text-align:center;color:var(--color-muted);padding:var(--space-2xl) 0;font-style:italic}.help-article__feedback{margin-top:var(--space-2xl);padding:var(--space-lg);border:1px solid #E2E8F0;border-radius:var(--radius-md);text-align:center}.help-article__feedback-label{display:block;font-size:16px;font-weight:600;color:var(--color-dark-text);margin-bottom:var(--space-md)}.help-article__feedback-buttons{display:flex;justify-content:center;gap:var(--space-md)}.help-article__feedback-btn{display:flex;align-items:center;gap:var(--space-sm);padding:10px 20px;font-size:14px;font-weight:500;font-family:var(--font-body);color:var(--color-dark-text);background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.help-article__feedback-btn:hover:not(:disabled){background-color:var(--color-light-gray);border-color:var(--color-primary)}.help-article__feedback-btn:disabled{cursor:default;opacity:.6}.help-article__feedback-btn--active-yes{background-color:#ecfdf5;border-color:#10b981;color:#059669}.help-article__feedback-btn--active-no{background-color:#fef2f2;border-color:#ef4444;color:#dc2626}.help-article__feedback-thanks{margin-top:var(--space-md);font-size:14px;color:var(--color-muted)}.help-article__related{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid #E2E8F0}.help-article__related-title{font-size:20px;font-weight:600;color:var(--color-dark-blue);margin-bottom:var(--space-lg)}.help-article__related-grid{display:flex;flex-direction:column;gap:var(--space-base)}.help-article__cta{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid #E2E8F0;text-align:center}.help-article__cta-title{font-size:20px;font-weight:600;color:var(--color-dark-blue);margin-bottom:var(--space-sm)}.help-article__cta-text{font-size:16px;color:var(--color-muted);margin-bottom:var(--space-lg)}@media (max-width: 1023px){.help-article__layout{display:block}.help-article__sidebar{display:none}.help-article__content{max-width:100%}}@media (max-width: 767px){.help-article__title{font-size:24px}.help-article__meta{gap:var(--space-md)}.help-article__feedback-buttons{flex-direction:column;align-items:center}}.contact__header{text-align:center;margin-bottom:var(--space-2xl)}.contact__title{font-size:36px;font-weight:700;color:var(--color-dark-blue);margin-bottom:var(--space-md)}.contact__subtitle{font-size:18px;color:var(--color-muted);max-width:560px;margin:0 auto;line-height:1.6}.contact__layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-2xl);align-items:start}.contact__form-wrapper{background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:var(--space-xl)}.contact__form{display:flex;flex-direction:column;gap:var(--space-lg)}.contact__honeypot{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}.contact__field{display:flex;flex-direction:column;gap:var(--space-xs)}.contact__label{font-size:14px;font-weight:600;color:var(--color-dark-text)}.contact__input,.contact__textarea{width:100%;padding:10px 14px;font-size:16px;font-family:var(--font-body);color:var(--color-dark-text);background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.contact__input:focus,.contact__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.contact__input:disabled,.contact__textarea:disabled{background:var(--color-light-gray);cursor:not-allowed}.contact__textarea{resize:vertical;min-height:140px}.contact-field--error .contact__input,.contact-field--error .contact__textarea{border-color:var(--color-error)}.contact-field--error .contact__input:focus,.contact-field--error .contact__textarea:focus{box-shadow:0 0 0 3px #ef44441a}.contact-field--valid .contact__input,.contact-field--valid .contact__textarea{border-color:var(--color-success)}.contact__error{font-size:12px;color:var(--color-error);line-height:1.4}.contact__textarea-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.contact__char-count{font-size:12px;color:var(--color-muted);white-space:nowrap;flex-shrink:0}.contact__submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);align-self:flex-start}.contact__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:contact-spin .6s linear infinite}@keyframes contact-spin{to{transform:rotate(360deg)}}.contact__alert{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-base);border-radius:var(--radius-md);font-size:14px;line-height:1.5;margin-bottom:var(--space-lg)}.contact__alert--error{background:#fef2f2;border:1px solid #FECACA;color:#991b1b}.contact__alert--error a{color:#991b1b;font-weight:600;text-decoration:underline}.contact__alert-dismiss{flex-shrink:0;margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;padding:2px;border-radius:var(--radius-sm);line-height:1}.contact__alert-dismiss:hover{background:#0000000d}.contact__success{text-align:center;padding:var(--space-3xl) 0}.contact__success-icon{color:var(--color-success);margin-bottom:var(--space-lg)}.contact__success-title{font-size:28px;font-weight:700;color:var(--color-dark-blue);margin-bottom:var(--space-md)}.contact__success-text{font-size:16px;color:var(--color-muted);margin-bottom:var(--space-xl)}.contact__sidebar{background:var(--color-light-gray);border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:var(--space-xl)}.contact__sidebar-title{font-size:18px;font-weight:600;color:var(--color-dark-blue);margin-bottom:var(--space-lg)}.contact__sidebar-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-base) 0;border-bottom:1px solid #E2E8F0}.contact__sidebar-item:last-child{border-bottom:none;padding-bottom:0}.contact__sidebar-item:first-of-type{padding-top:0}.contact__sidebar-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.contact__sidebar-label{font-size:14px;font-weight:600;color:var(--color-dark-text);margin-bottom:var(--space-xs)}.contact__sidebar-link{font-size:14px;color:var(--color-primary);text-decoration:none}.contact__sidebar-link:hover{text-decoration:underline}.contact__sidebar-text{font-size:14px;color:var(--color-muted);line-height:1.5}@media (max-width: 767px){.contact__layout{display:flex;flex-direction:column}.contact__title{font-size:28px}.contact__subtitle{font-size:16px}.contact__form-wrapper,.contact__sidebar{padding:var(--space-lg)}.contact__submit{width:100%}}.blog-index__header{text-align:center;margin-bottom:var(--space-2xl)}.blog-index__title{font-size:36px;font-weight:700;color:var(--color-dark-blue);margin-bottom:var(--space-md)}.blog-index__subtitle{font-size:18px;color:var(--color-muted)}.blog-featured{display:block;text-decoration:none;color:inherit;background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);transition:border-color .15s ease,box-shadow .15s ease}.blog-featured:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #2563eb14}.blog-featured__title{font-size:28px;font-weight:700;color:var(--color-dark-blue);margin:var(--space-md) 0;line-height:1.3}.blog-featured__summary{font-size:16px;color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-md)}.blog-featured__meta{display:flex;gap:var(--space-lg);font-size:14px;color:var(--color-muted);margin-bottom:var(--space-md)}.blog-featured__meta span{display:flex;align-items:center;gap:var(--space-xs)}.blog-featured__read-more{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:14px;font-weight:600;color:var(--color-primary)}.blog-index__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);margin-bottom:var(--space-2xl)}.blog-card{background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;transition:border-color .15s ease,box-shadow .15s ease}.blog-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #2563eb0f}.blog-card__title-link{text-decoration:none;color:inherit}.blog-card__title{font-size:18px;font-weight:600;color:var(--color-dark-blue);margin:var(--space-sm) 0;line-height:1.4}.blog-card__meta{display:flex;gap:var(--space-md);font-size:13px;color:var(--color-muted);margin-bottom:var(--space-sm)}.blog-card__meta span{display:flex;align-items:center;gap:4px}.blog-card__summary{font-size:14px;color:var(--color-muted);line-height:1.6;flex-grow:1;margin-bottom:var(--space-md)}.blog-card__read-more{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:14px;font-weight:600;color:var(--color-primary);text-decoration:none}.blog-card__read-more:hover{text-decoration:underline}.blog-index__pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-lg)}.blog-index__page-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px 16px;font-size:14px;font-weight:500;font-family:var(--font-body);color:var(--color-primary);background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.blog-index__page-btn:hover:not(:disabled){background:var(--color-light-gray);border-color:var(--color-primary)}.blog-index__page-btn:disabled{opacity:.4;cursor:default}.blog-index__page-info{font-size:14px;color:var(--color-muted)}@media (max-width: 767px){.blog-index__grid{grid-template-columns:1fr}.blog-index__title{font-size:28px}.blog-featured__title{font-size:22px}.blog-featured__meta{flex-wrap:wrap;gap:var(--space-md)}}.social-share{display:flex;align-items:center;gap:var(--space-md)}.social-share__label{font-size:14px;font-weight:500;color:var(--color-muted);white-space:nowrap}.social-share__buttons{display:flex;gap:var(--space-sm)}.social-share__btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px 12px;font-size:13px;font-weight:500;font-family:var(--font-body);color:var(--color-dark-text);background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease;position:relative}.social-share__btn:hover{background-color:var(--color-light-gray);border-color:var(--color-primary)}.social-share__tooltip{display:none}@media (max-width: 767px){.social-share__label,.social-share__btn-text{display:none}.social-share__btn{padding:8px}.social-share__tooltip{display:block;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-dark-blue);color:#fff;font-size:12px;padding:4px 8px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none}}.blog-badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:600;border-radius:999px;line-height:1;text-transform:capitalize}.blog-badge--sm{font-size:11px;padding:3px 8px}.blog-article__main{max-width:720px;margin:0 auto}.blog-article__header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid #E2E8F0}.blog-article__title{font-size:32px;font-weight:700;color:var(--color-dark-blue);line-height:1.2;margin:var(--space-md) 0}.blog-article__meta{display:flex;gap:var(--space-lg);flex-wrap:wrap}.blog-article__author,.blog-article__date,.blog-article__reading-time{display:flex;align-items:center;gap:var(--space-xs);font-size:14px;color:var(--color-muted)}.blog-article__empty{text-align:center;color:var(--color-muted);padding:var(--space-2xl) 0;font-style:italic}.blog-article__share{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid #E2E8F0}.blog-article__related{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid #E2E8F0}.blog-article__related-title{font-size:20px;font-weight:600;color:var(--color-dark-blue);margin-bottom:var(--space-lg)}.blog-article__related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.blog-article__related-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-base);border:1px solid #E2E8F0;border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.blog-article__related-card:hover{border-color:var(--color-primary);box-shadow:0 2px 6px #2563eb0f}.blog-article__related-card-title{font-size:14px;font-weight:600;color:var(--color-dark-blue);line-height:1.4}.blog-article__related-card-time{font-size:12px;color:var(--color-muted);display:flex;align-items:center;gap:4px}.blog-article__cta{margin-top:var(--space-2xl);padding:var(--space-2xl);border-top:1px solid #E2E8F0;text-align:center}.blog-article__cta-title{font-size:24px;font-weight:700;color:var(--color-dark-blue);margin-bottom:var(--space-sm)}.blog-article__cta-text{font-size:16px;color:var(--color-muted);margin-bottom:var(--space-lg)}@media (max-width: 767px){.blog-article__title{font-size:24px}.blog-article__meta{gap:var(--space-md)}.blog-article__related-grid{grid-template-columns:1fr}}.legal-page__container{max-width:720px;margin:0 auto}.legal-page__title{font-size:32px;font-weight:700;color:var(--color-dark-blue);line-height:1.2;margin-bottom:var(--space-sm)}.legal-page__updated{font-size:14px;color:var(--color-muted);margin-bottom:var(--space-2xl)}.legal-page__toc{background:var(--color-light-gray);border:1px solid #E2E8F0;border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-2xl)}.legal-page__toc-title{font-size:16px;font-weight:600;color:var(--color-dark-blue);margin-bottom:var(--space-md)}.legal-page__toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.legal-page__toc-link{font-size:14px;color:var(--color-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-xs)}.legal-page__toc-link:hover{text-decoration:underline}.legal-page__toc-number{color:var(--color-muted);font-weight:500;min-width:20px}.legal-page__section{margin-bottom:var(--space-2xl);scroll-margin-top:96px}.legal-page__section h2{font-size:22px;font-weight:600;color:var(--color-dark-blue);margin-bottom:var(--space-md);line-height:1.3}.legal-page__section h3{font-size:18px;font-weight:600;color:var(--color-dark-blue);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.legal-page__section p{font-size:16px;line-height:1.75;color:var(--color-dark-text);margin-bottom:var(--space-base)}.legal-page__section ul{list-style:disc;padding-left:var(--space-xl);margin-bottom:var(--space-base)}.legal-page__section li{font-size:16px;line-height:1.75;color:var(--color-dark-text);margin-bottom:var(--space-xs)}.legal-page__section a{color:var(--color-primary);text-decoration:underline}.legal-page__footer{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid #E2E8F0;text-align:center}.legal-page__footer-link{color:var(--color-primary);text-decoration:none;font-size:14px;font-weight:500}.legal-page__footer-link:hover{text-decoration:underline}.legal-page__back-to-top{position:fixed;bottom:32px;right:32px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:opacity .2s ease,transform .2s ease;z-index:50}.legal-page__back-to-top:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.legal-page__back-to-top--hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.legal-page__email{color:var(--color-primary);text-decoration:none}.legal-page__email:hover{text-decoration:underline}@media (max-width: 767px){.legal-page__title{font-size:24px}.legal-page__section h2{font-size:20px}.legal-page__back-to-top{bottom:20px;right:20px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#dbeafe,#f0f9ff,#fff)}.auth-card{width:100%;max-width:440px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:40px}@media (max-width: 480px){.auth-card{padding:24px 16px;box-shadow:none;background:transparent}.auth-page{background:var(--color-white)}}.auth-logo-wrapper{display:flex;justify-content:center;margin-bottom:32px}.auth-logo-wrapper .logo-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm)}.auth-heading{font-size:28px;font-weight:700;color:var(--color-dark-text);text-align:center;margin:0 0 8px;line-height:1.2}.auth-subheading{font-size:15px;color:var(--color-muted);text-align:center;margin:0 0 32px;line-height:1.5}.password-strength{display:flex;align-items:center;gap:12px;margin-top:8px}.password-strength-bar{display:flex;gap:4px;flex:1}.password-strength-segment{height:4px;flex:1;border-radius:2px;background-color:#e2e8f0;transition:background-color var(--transition-fast)}.password-strength-label{font-size:12px;font-weight:500;min-width:48px;text-align:right}.login-form{display:flex;flex-direction:column}.form-error-alert{background-color:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--color-dark-text);margin-bottom:6px}.form-input{width:100%;height:48px;padding:0 16px;font-size:16px;border:1px solid #E2E8F0;border-radius:var(--radius-sm);background-color:var(--color-white);color:var(--color-dark-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--color-muted)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled{background-color:var(--color-light-gray);cursor:not-allowed}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--color-muted);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.password-toggle:hover:not(:disabled){color:var(--color-dark-text)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.forgot-password-link{margin-top:8px;text-align:right}.forgot-password-link a{font-size:14px;color:var(--color-primary);text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}.form-submit-button{width:100%;height:48px;background-color:var(--color-primary);color:var(--color-white);font-size:16px;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast)}.form-submit-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:scale(1.02)}.form-submit-button:disabled{opacity:.7;cursor:not-allowed}.button-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.form-divider{display:flex;align-items:center;margin:24px 0}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background-color:#e2e8f0}.form-divider span{padding:0 16px;font-size:14px;color:var(--color-muted)}.magic-link-button{display:flex;align-items:center;justify-content:center;width:100%;height:48px;background-color:transparent;color:var(--color-primary);font-size:16px;font-weight:600;border:2px solid var(--color-primary);border-radius:var(--radius-full);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.magic-link-button:hover{background-color:var(--color-primary);color:var(--color-white)}.form-footer-text{text-align:center;font-size:14px;color:var(--color-muted);margin-top:24px}.form-footer-text a{color:var(--color-primary);font-weight:500;text-decoration:none}.form-footer-text a:hover{text-decoration:underline}.signup-form{display:flex;flex-direction:column}.signup-form .form-error-alert{background-color:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px}.signup-form .form-group{margin-bottom:16px}.signup-form .form-label{display:block;font-size:14px;font-weight:500;color:var(--color-dark-text);margin-bottom:6px}.signup-form .form-input{width:100%;height:48px;padding:0 16px;font-size:16px;border:1px solid #E2E8F0;border-radius:var(--radius-sm);background-color:var(--color-white);color:var(--color-dark-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.signup-form .form-input::placeholder{color:var(--color-muted)}.signup-form .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.signup-form .form-input:disabled{background-color:var(--color-light-gray);cursor:not-allowed}.signup-form .form-input.has-error{border-color:var(--color-error)}.signup-form .form-input.has-error:focus{box-shadow:0 0 0 3px #ef44441a}.signup-form .password-input-wrapper{position:relative}.signup-form .password-input-wrapper .form-input{padding-right:48px}.signup-form .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--color-muted);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.signup-form .password-toggle:hover:not(:disabled){color:var(--color-dark-text)}.signup-form .password-toggle:disabled{cursor:not-allowed;opacity:.5}.signup-form .form-submit-button{width:100%;height:48px;background-color:var(--color-primary);color:var(--color-white);font-size:16px;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast)}.signup-form .form-submit-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:scale(1.02)}.signup-form .form-submit-button:disabled{opacity:.7;cursor:not-allowed}.signup-form .button-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:signup-spin .8s linear infinite;display:inline-block}@keyframes signup-spin{to{transform:rotate(360deg)}}.signup-form .form-footer-text{text-align:center;font-size:14px;color:var(--color-muted);margin-top:24px}.signup-form .form-footer-text a{color:var(--color-primary);font-weight:500;text-decoration:none}.signup-form .form-footer-text a:hover{text-decoration:underline}.field-error{color:var(--color-error);font-size:13px;margin-top:6px}.field-hint{color:var(--color-muted);font-size:13px;margin-top:6px}.terms-text{text-align:center;font-size:12px;color:var(--color-muted);margin-top:16px;line-height:1.5}.terms-text a{color:var(--color-primary);text-decoration:none}.terms-text a:hover{text-decoration:underline}.forgot-password-form{display:flex;flex-direction:column}.forgot-password-success{text-align:center;padding:16px 0}.success-icon{color:var(--color-success);margin-bottom:24px}.success-heading{font-size:24px;font-weight:700;color:var(--color-dark-text);margin:0 0 12px}.success-text{font-size:15px;color:var(--color-muted);line-height:1.5;margin:0 0 12px;text-wrap:balance}.success-text strong{color:var(--color-dark-text);overflow-wrap:break-word}.success-hint{font-size:13px;color:#94a3b8;line-height:1.5;margin:0 0 28px;text-wrap:balance}.back-to-login-link{display:inline-block;color:var(--color-primary);font-weight:500;text-decoration:none}.back-to-login-link:hover{text-decoration:underline}.reset-password-form{display:flex;flex-direction:column}.reset-password-error{text-align:center;padding:16px 0}.error-icon{color:var(--color-error);margin-bottom:24px}.error-heading{font-size:24px;font-weight:700;color:var(--color-dark-text);margin:0 0 12px}.error-text{font-size:15px;color:var(--color-muted);line-height:1.5;margin:0 0 24px}.request-new-link{display:inline-flex;align-items:center;justify-content:center;width:100%;height:48px;background-color:var(--color-primary);color:var(--color-white);font-weight:600;font-size:16px;border:none;border-radius:var(--radius-full);text-decoration:none;transition:background-color var(--transition-fast),transform var(--transition-fast)}.request-new-link:hover{background-color:var(--color-primary-hover);transform:scale(1.02)}.reset-password-success{text-align:center;padding:16px 0}.reset-password-success .success-icon{color:var(--color-success);margin-bottom:24px}.reset-password-success .success-heading{font-size:24px;font-weight:700;color:var(--color-dark-text);margin:0 0 12px}.reset-password-success .success-text{font-size:15px;color:var(--color-muted);line-height:1.5;margin:0 0 24px}.form-error-alert .error-link{display:block;margin-top:8px;color:var(--color-error);font-weight:500;text-decoration:underline}.field-error{font-size:13px;color:var(--color-error);margin:6px 0 0}.form-input.has-error{border-color:var(--color-error)}.form-input.has-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #dc26261a}.magic-link-form{display:flex;flex-direction:column}.magic-link-intro{text-align:center;margin-bottom:24px}.magic-link-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--color-light-blue);border-radius:50%;color:var(--color-primary);margin-bottom:16px}.magic-link-description{font-size:15px;color:var(--color-muted);line-height:1.5;margin:0}.magic-link-success{text-align:center;padding:16px 0}.magic-link-success .success-heading{font-size:24px;font-weight:700;color:var(--color-dark-text);margin:0 0 12px}.magic-link-success .success-text{font-size:15px;color:var(--color-muted);line-height:1.5;margin:0 0 12px;text-wrap:balance}.magic-link-success .success-text strong{color:var(--color-dark-text);overflow-wrap:break-word}.magic-link-success .success-hint{font-size:13px;color:#94a3b8;line-height:1.5;margin:0 0 28px;text-wrap:balance}.magic-link-success .back-to-login-link{display:inline-block;color:var(--color-primary);font-weight:500;text-decoration:none}.magic-link-success .back-to-login-link:hover{text-decoration:underline}.password-login-link{display:flex;align-items:center;justify-content:center;width:100%;height:48px;background-color:transparent;color:var(--color-primary);font-weight:600;border:2px solid var(--color-primary);border-radius:var(--radius-full);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.password-login-link:hover{background-color:var(--color-light-blue)}.logout-button{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.logout-button:disabled{opacity:.6;cursor:not-allowed}.logout-button--text{background:none;border:none;color:var(--color-muted);font-weight:500;padding:8px 12px;border-radius:var(--radius-sm)}.logout-button--text:hover:not(:disabled){color:var(--color-error);background-color:#ef44441a}.logout-button--filled{background:transparent;border:1px solid var(--color-error);color:var(--color-error);font-weight:600;padding:10px 20px;border-radius:var(--radius-full);justify-content:center}.logout-button--filled:hover:not(:disabled){background-color:var(--color-error);color:var(--color-white)}.email-verification-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background-color:#fef3c7;border-bottom:1px solid #FCD34D;color:#92400e}.banner-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.banner-icon{flex-shrink:0;color:#d97706}.banner-text{font-size:14px;line-height:1.4}.resend-link{background:none;border:none;color:#92400e;font-weight:600;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}.resend-link:hover{color:#78350f}.resend-link:disabled{opacity:.6;cursor:not-allowed}.banner-dismiss{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;color:#92400e;opacity:.7;transition:opacity var(--transition-fast);border-radius:var(--radius-sm)}.banner-dismiss:hover{opacity:1;background-color:#92400e1a}@media (max-width: 480px){.email-verification-banner{padding:10px 12px}.banner-text{font-size:13px}}.sidebar{position:fixed;top:0;left:0;width:200px;height:100vh;background:var(--color-dark-blue);display:flex;flex-direction:column;z-index:200;transition:width var(--transition-normal)}.sidebar--collapsed{width:64px}.sidebar-logo{height:56px;display:flex;align-items:center;padding:0 16px;flex-shrink:0}.sidebar-logo-text{color:var(--color-white);font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden}.sidebar-logo-mark{color:var(--color-white);font-size:16px;font-weight:700;width:32px;text-align:center;margin:0 auto}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:12px;height:40px;margin:2px 8px;padding:0 16px;border:none;border-radius:var(--radius-sm);background:transparent;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);width:calc(100% - 16px);text-align:left}.sidebar-nav-item:hover{background:#ffffff1a;color:var(--color-white)}.sidebar-nav-item--active{background:#ffffff26;color:var(--color-white);border-left:3px solid var(--color-accent);padding-left:13px}.sidebar--collapsed .sidebar-nav-item--active{border-left:none;padding-left:0}.sidebar--collapsed .sidebar-nav-item{width:40px;margin:2px auto;padding:0;justify-content:center}.sidebar--collapsed .sidebar-nav-item span{display:none}.sidebar-nav-item--logout:hover{color:#fca5a5}.sidebar-footer{flex-shrink:0;padding-bottom:8px}.sidebar-separator{height:1px;background:#ffffff1a;margin:8px 16px}.sidebar-collapse-toggle{position:absolute;top:56px;right:-12px;width:24px;height:24px;border-radius:50%;background:var(--color-dark-blue);color:#fff9;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:201;transition:color var(--transition-fast)}.sidebar-collapse-toggle:hover{color:var(--color-white)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199}@media (max-width: 767px){.sidebar{width:200px;left:-200px;transition:left var(--transition-normal)}.sidebar--mobile-open{left:0}.sidebar--collapsed{width:200px}.sidebar--collapsed .sidebar-nav-item{width:calc(100% - 16px);margin:2px 8px;padding:0 16px;justify-content:flex-start}.sidebar--collapsed .sidebar-nav-item span{display:inline}.sidebar-collapse-toggle,.sidebar-logo-mark{display:none}.sidebar--collapsed .sidebar-logo-text{display:inline}}@media (min-width: 768px){.sidebar-backdrop{display:none}}@media (min-width: 768px) and (max-width: 1023px){.sidebar{width:64px}.sidebar-collapse-toggle,.sidebar-nav-item span,.sidebar-logo-text{display:none}.sidebar-nav-item{width:40px;margin:2px auto;padding:0;justify-content:center}}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:400px;background:var(--color-white);border:1px solid #E2E8F0;border-radius:10px;box-shadow:var(--shadow-lg);z-index:200;display:flex;flex-direction:column}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #E2E8F0;flex-shrink:0}.notification-dropdown-title{font-size:14px;font-weight:600;color:var(--color-dark-text)}.notification-dropdown-mark-all{font-size:12px;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:0}.notification-dropdown-mark-all:hover{text-decoration:underline}.notification-dropdown-list{overflow-y:auto;flex:1}.notification-dropdown-empty{padding:32px 16px;text-align:center;font-size:14px;color:var(--color-muted)}.notification-dropdown-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid #F1F5F9;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.notification-dropdown-item:last-child{border-bottom:none}.notification-dropdown-item:hover{background:var(--color-light-gray)}.notification-dropdown-item--unread{border-left:3px solid var(--color-primary);background:#2563eb08}.notification-dropdown-icon{width:32px;height:32px;border-radius:50%;background:var(--color-light-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.notification-dropdown-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-dropdown-item-title{font-size:13px;font-weight:600;color:var(--color-dark-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-dropdown-item-message{font-size:12px;color:var(--color-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-dropdown-time{font-size:11px;color:var(--color-muted);flex-shrink:0;white-space:nowrap;margin-top:2px}@media (max-width: 767px){.notification-dropdown{position:fixed;top:56px;left:0;right:0;width:100%;max-height:calc(100vh - 56px);border-radius:0;border-left:none;border-right:none}}.notification-bell{position:relative}.notification-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.notification-bell-btn:hover{color:var(--color-dark-text)}.notification-bell-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--color-error);color:var(--color-white);font-size:10px;font-weight:700;line-height:16px;text-align:center}.notification-bell-badge--bounce{animation:badgeBounce .4s ease-out}@keyframes badgeBounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.notification-toast{position:fixed;top:72px;right:16px;width:340px;max-width:calc(100vw - 32px);background:var(--color-white);border:1px solid #E2E8F0;border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:12px 16px;display:flex;align-items:flex-start;gap:12px;z-index:1000;animation:toastSlideIn .3s ease-out}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-toast-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-toast-title{font-size:13px;font-weight:600;color:var(--color-dark-text)}.notification-toast-message{font-size:12px;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--transition-fast),background var(--transition-fast)}.notification-toast-close:hover{color:var(--color-dark-text);background:var(--color-light-gray)}.topbar{position:fixed;top:0;right:0;left:200px;height:56px;background:var(--color-white);border-bottom:1px solid #E2E8F0;display:flex;align-items:center;padding:0 16px;z-index:100;transition:left var(--transition-normal)}.topbar-hamburger{display:none;background:none;border:none;color:var(--color-dark-text);cursor:pointer;padding:4px;margin-right:12px}.topbar-left{flex:1;min-width:0}.topbar-title{font-size:18px;font-weight:600;color:var(--color-dark-text);margin:0}.topbar-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px}.topbar-breadcrumb-link{color:var(--color-muted);text-decoration:none;transition:color var(--transition-fast)}.topbar-breadcrumb-link:hover{color:var(--color-primary)}.topbar-breadcrumb-sep{color:var(--color-muted)}.topbar-breadcrumb-current{font-weight:600;color:var(--color-dark-text)}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-user{position:relative}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:var(--color-white);font-size:13px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.topbar-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50;overflow:hidden}.topbar-user-info{padding:12px 16px;display:flex;flex-direction:column}.topbar-user-name{font-size:14px;font-weight:600;color:var(--color-dark-text)}.topbar-user-email{font-size:12px;color:var(--color-muted)}.topbar-user-divider{height:1px;background:#e2e8f0}.topbar-user-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:13px;color:var(--color-dark-text);background:none;border:none;cursor:pointer;transition:background var(--transition-fast);text-align:left}.topbar-user-item:hover{background:var(--color-light-gray)}.topbar-user-item--danger:hover{color:var(--color-error);background:#fee2e2}@media (max-width: 767px){.topbar{left:0!important;padding:0 16px}.topbar-hamburger{display:flex}.topbar-breadcrumb{display:none}}@media (min-width: 768px) and (max-width: 1023px){.topbar{left:64px!important}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-layout-content{margin-top:56px;margin-left:200px;padding:16px;min-height:calc(100vh - 56px);background:var(--color-light-gray);transition:margin-left var(--transition-normal)}@media (max-width: 767px){.app-layout-content{margin-left:0!important;padding:16px}}@media (min-width: 768px) and (max-width: 1023px){.app-layout-content{margin-left:64px!important}}.magic-link-loading,.magic-link-success,.magic-link-error{text-align:center;padding:24px 0}.magic-link-success .success-icon{color:var(--color-success);margin-bottom:24px}.magic-link-success .success-text{font-size:15px;color:var(--color-muted);margin:0}.magic-link-error .error-icon{color:var(--color-error);margin-bottom:24px}.magic-link-error .error-text{font-size:15px;color:var(--color-muted);line-height:1.5;margin:0 0 24px}.magic-link-error .request-new-link{display:inline-flex;align-items:center;justify-content:center;width:100%;height:48px;background-color:var(--color-primary);color:var(--color-white);font-weight:600;font-size:16px;border:none;border-radius:var(--radius-full);text-decoration:none;transition:background-color var(--transition-fast),transform var(--transition-fast)}.magic-link-error .request-new-link:hover{background-color:var(--color-primary-hover);transform:scale(1.02)}.email-verify-loading,.email-verify-error{text-align:center;padding:24px 0}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-light-blue);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:15px;color:var(--color-muted);margin:0}.email-verify-error .error-icon{color:var(--color-error);margin-bottom:24px}.email-verify-error .error-text{font-size:15px;color:var(--color-muted);line-height:1.5;margin:0 0 24px}.email-verify-error .resend-button{display:inline-flex;align-items:center;justify-content:center;width:100%;height:48px;background-color:var(--color-primary);color:var(--color-white);font-weight:600;font-size:16px;border:none;border-radius:var(--radius-full);text-decoration:none;transition:background-color var(--transition-fast),transform var(--transition-fast)}.email-verify-error .resend-button:hover{background-color:var(--color-primary-hover);transform:scale(1.02)}.status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1;white-space:nowrap}.status-badge--running{background:#dcfce7;color:#166534;border:1px solid #BBF7D0}.status-badge--stopped{background:#f1f5f9;color:#475569;border:1px solid #E2E8F0}.status-badge--provisioning{background:var(--color-light-blue);color:var(--color-primary);border:1px solid #93C5FD;animation:status-pulse 2s ease-in-out infinite}.status-badge--error{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}.status-badge--past-due{background:#fef9c3;color:#854d0e;border:1px solid #FDE68A}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.6}}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.confirm-modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:440px;width:90vw;padding:24px;animation:confirmModalIn .2s ease-out}@keyframes confirmModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-modal--danger{border-top:4px solid var(--color-error)}.confirm-modal-title{font-size:18px;font-weight:600;color:var(--color-dark-text);margin:0 0 12px}.confirm-modal-body{font-size:14px;font-weight:400;color:var(--color-muted);margin-bottom:20px}.confirm-modal-body p{margin:0}.confirm-modal-footer{display:flex;justify-content:flex-end;gap:12px}.confirm-modal-btn{height:36px;padding:0 16px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;border:none;transition:background var(--transition-fast),opacity var(--transition-fast)}.confirm-modal-btn:disabled{opacity:.5;cursor:not-allowed}.confirm-modal-btn--cancel{background:var(--color-light-gray);color:var(--color-dark-text);border:1px solid #E2E8F0}.confirm-modal-btn--cancel:hover:not(:disabled){background:#f1f5f9}.confirm-modal-btn--primary{background:var(--color-primary);color:#fff}.confirm-modal-btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.confirm-modal-btn--danger{background:var(--color-error);color:#fff}.confirm-modal-btn--danger:hover:not(:disabled){background:#dc2626}.destroy-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.destroy-modal{background:var(--color-white);border-radius:16px;box-shadow:var(--shadow-xl);max-width:440px;width:90vw;padding:24px;border-top:4px solid var(--color-error);animation:destroyModalIn .2s ease-out}@keyframes destroyModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.destroy-modal-title{font-size:18px;font-weight:600;color:var(--color-dark-text);margin:0 0 12px}.destroy-modal-body{font-size:14px;color:var(--color-muted);margin-bottom:20px}.destroy-modal-body p{margin:0 0 8px}.destroy-modal-body p:last-of-type{margin-bottom:12px}.destroy-modal-input{width:100%;height:40px;padding:0 12px;font-size:14px;border:1px solid #E2E8F0;border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.destroy-modal-input:focus{border-color:var(--color-error);box-shadow:0 0 0 2px #ef444426}.destroy-modal-footer{display:flex;justify-content:flex-end;gap:12px}.destroy-modal-btn{height:36px;padding:0 16px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;border:none;transition:background var(--transition-fast),opacity var(--transition-fast)}.destroy-modal-btn:disabled{opacity:.5;cursor:not-allowed}.destroy-modal-btn--cancel{background:var(--color-light-gray);color:var(--color-dark-text);border:1px solid #E2E8F0}.destroy-modal-btn--cancel:hover:not(:disabled){background:#f1f5f9}.destroy-modal-btn--danger{background:var(--color-error);color:#fff}.destroy-modal-btn--danger:hover:not(:disabled){background:#dc2626}.progress-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.progress-modal{background:var(--color-white);border-radius:16px;box-shadow:var(--shadow-xl);max-width:440px;width:90vw;padding:24px;animation:progressModalIn .2s ease-out}@keyframes progressModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.progress-modal-title{font-size:18px;font-weight:600;color:var(--color-dark-text);margin:0 0 20px}.progress-modal-steps{list-style:none;padding:0;margin:0}.progress-modal-step{display:flex;align-items:center;gap:12px;height:36px}.progress-modal-step-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-modal-step--pending .progress-modal-step-icon{border:2px solid #CBD5E1;background:transparent}.progress-modal-circle{display:block;width:0;height:0}.progress-modal-step--active .progress-modal-step-icon{background:var(--color-primary);color:#fff}.progress-modal-spinner{animation:progressSpin 1s linear infinite}@keyframes progressSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-modal-step--completed .progress-modal-step-icon{background:var(--color-success);color:#fff;animation:stepCheck .4s ease-out}@keyframes stepCheck{0%{transform:scale(.5)}70%{transform:scale(1.1)}to{transform:scale(1)}}.progress-modal-step--failed .progress-modal-step-icon{background:var(--color-error);color:#fff}.progress-modal-step-label{font-size:14px;font-weight:500;color:var(--color-muted)}.progress-modal-step--active .progress-modal-step-label{color:var(--color-dark-text);font-weight:600}.progress-modal-step--completed .progress-modal-step-label{color:var(--color-dark-text)}.progress-modal-step--failed .progress-modal-step-label{color:var(--color-error)}.progress-modal-step--active{border-left:3px solid var(--color-primary);padding-left:9px}.progress-modal-footer{margin-top:20px;display:flex;justify-content:flex-end}.progress-modal-btn{height:36px;padding:0 16px;font-size:14px;font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.progress-modal-btn:hover{background:var(--color-primary-hover)}.instance-card{background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-md);padding:20px;min-height:180px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.instance-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.instance-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.instance-card-name{font-size:16px;font-weight:600;color:var(--color-dark-text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instance-card-plan{font-size:13px;color:var(--color-muted);margin-bottom:8px}.instance-card-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--color-muted);margin-bottom:8px}.instance-card-agent{display:flex;align-items:center;gap:6px;margin-top:auto}.instance-card-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.instance-card-dot--connected{background:var(--color-success)}.instance-card-dot--disconnected{background:var(--color-error)}.instance-card-agent-text{font-size:12px;color:var(--color-muted)}.instance-card-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #F1F5F9;padding-top:12px;margin-top:16px}.instance-card-open-btn{height:32px;padding:0 16px;font-size:14px;font-weight:600;background:var(--color-light-gray);color:var(--color-dark-text);border:1px solid #E2E8F0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.instance-card-open-btn:hover:not(:disabled){background:#f1f5f9}.instance-card-open-btn:disabled{opacity:.5;cursor:not-allowed}.instance-card-menu{position:relative}.instance-card-menu-trigger{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #E2E8F0;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-muted);transition:background var(--transition-fast)}.instance-card-menu-trigger:hover:not(:disabled){background:var(--color-light-gray)}.instance-card-menu-trigger:disabled{opacity:.5;cursor:not-allowed}.instance-card-dropdown{position:absolute;right:0;bottom:100%;margin-bottom:4px;background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:160px;z-index:50;overflow:hidden}.instance-card-dropdown-item{display:block;width:100%;padding:8px 12px;font-size:13px;color:var(--color-dark-text);background:transparent;border:none;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.instance-card-dropdown-item:hover{background:var(--color-light-gray)}.instance-card-dropdown-item--danger{color:var(--color-error)}.instance-card-dropdown-item--danger:hover{background:#fee2e2}.instance-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.instance-card-skeleton{background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-md);padding:20px;min-height:180px;display:flex;flex-direction:column;gap:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{border-radius:4px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line--title{width:60%;height:20px}.skeleton-line--subtitle{width:40%;height:14px}.skeleton-line--meta{width:80%;height:14px}.skeleton-line--agent{width:50%;height:12px;margin-top:auto}.skeleton-line--actions{width:30%;height:32px}.instance-list-empty{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;margin:48px auto;background:var(--color-light-gray);border-radius:var(--radius-lg);padding:48px 32px}.instance-list-empty-icon{margin-bottom:16px}.instance-list-empty-title{font-size:20px;font-weight:600;color:var(--color-dark-text);margin:0 0 8px}.instance-list-empty-subtitle{font-size:14px;color:var(--color-muted);margin:0 0 20px}.instance-list-empty-btn{height:44px;padding:0 24px;font-size:16px;font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.instance-list-empty-btn:hover{background:var(--color-primary-hover)}.instance-list-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px}.instance-list-error-text{font-size:16px;color:var(--color-muted);margin:0 0 16px}.instance-list-error-btn{height:36px;padding:0 16px;font-size:14px;font-weight:600;background:var(--color-light-gray);color:var(--color-dark-text);border:1px solid #E2E8F0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.instance-list-error-btn:hover{background:#f1f5f9}@media (max-width: 768px){.instance-list-grid{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1023px){.instance-list-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.split-panel{display:flex;width:100%;height:100%;overflow:hidden}.split-panel-left,.split-panel-right{overflow:hidden;position:relative}.split-panel-divider{width:4px;background:#e2e8f0;cursor:col-resize;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s ease;position:relative;z-index:5}.split-panel-divider:hover,.split-panel-divider:active{background:var(--color-primary)}.split-panel-divider:active{box-shadow:0 0 0 2px var(--color-light-blue)}.split-panel-grip{display:flex;flex-direction:column;gap:3px}.split-panel-grip span{width:4px;height:4px;border-radius:50%;background:#94a3b8}.split-panel-divider:hover .split-panel-grip span,.split-panel-divider:active .split-panel-grip span{background:#fff}.dashboard-panel{width:100%;height:100%;position:relative;background:var(--color-white)}.dashboard-panel-iframe{width:100%;height:100%;border:none;opacity:0;transition:opacity .2s ease}.dashboard-panel-iframe--visible{opacity:1}.dashboard-panel-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe6;z-index:10}.dashboard-panel-loading-text{font-size:14px;color:var(--color-muted);margin-top:12px}.dashboard-panel-overlay{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafcf2;text-align:center;padding:24px}.dashboard-panel-overlay--error{background:#fee2e266}.dashboard-panel-overlay-title{font-size:16px;font-weight:600;color:var(--color-dark-text);margin:16px 0 8px}.dashboard-panel-overlay-text{font-size:14px;color:var(--color-muted);margin:0 0 20px}.dashboard-panel-icon--stopped{color:#94a3b8}.dashboard-panel-icon--error{color:var(--color-error)}.dashboard-panel-icon--setup{color:var(--color-primary)}.dashboard-panel-icon--success{color:#22c55e}.dashboard-panel-icon--spinning{color:var(--color-primary);animation:dashSpin 1s linear infinite}@keyframes dashSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-panel-action-btn{height:40px;padding:0 20px;font-size:14px;font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);display:inline-flex;align-items:center;gap:8px}.dashboard-panel-action-btn:hover{background:var(--color-primary-hover)}.dashboard-panel-action-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-panel-retry-btn{height:36px;padding:0 16px;font-size:14px;font-weight:600;background:var(--color-light-gray);color:var(--color-dark-text);border:1px solid #E2E8F0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.dashboard-panel-retry-btn:hover{background:#f1f5f9}.dashboard-panel-setup{overflow-y:auto}.dashboard-panel-setup-text{font-size:13px;color:var(--color-muted);margin:0 0 20px;max-width:380px;line-height:1.5}.dashboard-panel-setup-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px}.dashboard-panel-setup-field{display:flex;flex-direction:column;gap:4px;text-align:left}.dashboard-panel-setup-label{font-size:12px;font-weight:600;color:var(--color-dark-text);text-transform:uppercase;letter-spacing:.03em}.dashboard-panel-setup-select,.dashboard-panel-setup-input{height:40px;padding:0 12px;font-size:14px;color:var(--color-dark-text);background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast);font-family:inherit}.dashboard-panel-setup-select:focus,.dashboard-panel-setup-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f11a}.dashboard-panel-setup-select:disabled,.dashboard-panel-setup-input:disabled{opacity:.6;cursor:not-allowed}.dashboard-panel-setup-input::placeholder{color:#cbd5e1}.dashboard-panel-setup-error{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-error);background:#fee2e24d;padding:8px 12px;border-radius:var(--radius-sm)}.dashboard-panel-setup-submit{margin-top:4px;width:100%;justify-content:center}.dashboard-panel-setup-hint{font-size:12px;color:var(--color-muted);margin:0;text-align:center}.dashboard-panel-setup-link{color:var(--color-primary);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.dashboard-panel-setup-link:hover{text-decoration:underline}.dashboard-panel-setup-field-hint{font-size:12px;color:var(--color-muted);line-height:1.4;margin-top:2px}.dashboard-panel-banner{position:absolute;top:0;left:0;right:0;z-index:20;background:#fef3c7;border-bottom:1px solid #FDE68A;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#92400e;line-height:1.5;animation:bannerSlideDown .3s ease}@keyframes bannerSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard-panel-banner-content{flex:1;display:flex;align-items:center;gap:8px}.dashboard-panel-banner-icon{flex-shrink:0;color:#f59e0b}.dashboard-panel-banner-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#92400e;transition:background .15s ease}.dashboard-panel-banner-close:hover{background:#0000000d}.dashboard-panel-iframe-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}.dashboard-panel-iframe-wrapper--with-banner{top:49px}/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.terminal-container{display:flex;flex-direction:column;height:100%;min-height:300px;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#1a1b26;position:relative}.terminal-wrapper{flex:1;padding:var(--space-xs);overflow:hidden}.terminal-wrapper .xterm{height:100%}.terminal-wrapper .xterm-viewport{overflow-y:auto}.terminal-status-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-md);background:#13141d;border-top:1px solid rgba(255,255,255,.06);font-family:var(--font-mono);font-size:11px;color:#787c99;min-height:28px;flex-shrink:0}.terminal-status-indicator{display:flex;align-items:center;gap:var(--space-sm)}.terminal-status-dot{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block;flex-shrink:0}.terminal-status-label{white-space:nowrap}.terminal-session-id{color:#444b6a;white-space:nowrap}.terminal-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#787c99;font-family:var(--font-mono);font-size:13px;pointer-events:none}.terminal-reconnect{position:absolute;bottom:36px;right:var(--space-md)}.terminal-reconnect-btn{padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:12px;color:#a9b1d6;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.terminal-reconnect-btn:hover:not(:disabled){background:#ffffff24}.terminal-reconnect-btn:disabled{opacity:.4;cursor:not-allowed}.instance-controls{position:relative}.instance-controls-trigger{height:32px;padding:0 12px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-dark-text);background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.instance-controls-trigger:hover:not(:disabled){background:var(--color-light-gray)}.instance-controls-trigger:disabled{opacity:.5;cursor:not-allowed}.instance-controls-chevron{transition:transform .2s ease}.instance-controls-chevron--open{transform:rotate(180deg)}.instance-controls-spinner{animation:controlsSpin 1s linear infinite}@keyframes controlsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.instance-controls-dropdown{position:absolute;bottom:calc(100% + 4px);right:0;background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:200px;z-index:150;padding:4px 0}.instance-controls-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:400;color:var(--color-dark-text);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.instance-controls-item:hover{background:var(--color-light-gray)}.instance-controls-item--danger{color:var(--color-error)}.instance-controls-item--danger:hover{background:#fee2e2}.instance-controls-separator{height:1px;background:#f1f5f9;margin:4px 0}.panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10}.panel-overlay-content{max-width:320px;text-align:center;background:var(--color-light-gray);border:1px solid #E2E8F0;border-radius:10px;padding:40px 24px}.panel-overlay-icon{margin-bottom:16px}.panel-overlay-title{font-size:16px;font-weight:600;color:var(--color-dark-text);margin:0 0 8px}.panel-overlay-message{font-size:14px;color:var(--color-muted);margin:0 0 20px}.panel-overlay-btn{height:40px;padding:0 20px;font-size:14px;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.panel-overlay-btn--primary{background:var(--color-primary);color:#fff}.panel-overlay-btn--primary:hover{background:var(--color-primary-hover)}.panel-overlay-btn--secondary{background:var(--color-light-gray);color:var(--color-dark-text);border:1px solid #E2E8F0}.panel-overlay-btn--secondary:hover{background:#f1f5f9}.instance-detail{display:flex;flex-direction:column;height:calc(100vh - 56px);overflow:hidden}.instance-detail-panels{flex:1;min-height:0;overflow:hidden;position:relative}.instance-detail-dashboard-container{width:100%;height:100%;transition:height .32s cubic-bezier(.4,0,.2,1)}.instance-detail-dashboard-container--with-terminal{height:calc(100% - 380px)}.instance-detail-terminal-drawer{position:absolute;left:0;right:0;bottom:0;height:380px;background:#1a1d23;border-top:2px solid #2ecc71;box-shadow:0 -8px 32px #0006;transform:translateY(100%);opacity:0;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .24s ease;z-index:100;display:flex;flex-direction:column}.instance-detail-terminal-drawer--open{transform:translateY(0);opacity:1}.instance-detail-terminal-drawer-header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#14171c;border-bottom:1px solid #2a2e35;flex-shrink:0}.instance-detail-terminal-drawer-title{display:flex;align-items:center;gap:8px;font-family:IBM Plex Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:12px;font-weight:600;color:#2ecc71;text-transform:uppercase;letter-spacing:.08em}.instance-detail-terminal-drawer-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#8a919e;cursor:pointer;transition:background .15s ease,color .15s ease}.instance-detail-terminal-drawer-close:hover{background:#ffffff14;color:#fff}.instance-detail-terminal-drawer-content{flex:1;min-height:0;overflow:hidden;position:relative}.instance-detail-terminal-drawer-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(46,204,113,.03) 0px,rgba(46,204,113,.03) 1px,transparent 1px,transparent 2px);pointer-events:none;opacity:.6;z-index:1}.instance-detail-statusbar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 12px;background:#f8fafc;border-top:1px solid #E2E8F0;flex-shrink:0;font-size:11px;font-weight:500;color:var(--color-muted);position:relative;z-index:10}.instance-detail-statusbar-group{display:flex;align-items:center;gap:12px}.instance-detail-statusbar-group--nav{flex-shrink:0;min-width:0}.instance-detail-statusbar-group--metrics{flex:1;justify-content:center;gap:16px}.instance-detail-statusbar-group--actions{flex-shrink:0;gap:8px}.instance-detail-statusbar-divider{width:1px;height:20px;background:#e2e8f0;flex-shrink:0}.instance-detail-statusbar-back{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-muted);cursor:pointer;font-size:11px;font-weight:500;padding:4px 6px;border-radius:4px;transition:color .15s ease,background .15s ease;white-space:nowrap;flex-shrink:0}.instance-detail-statusbar-back:hover{color:var(--color-primary);background:#6366f114}.instance-detail-statusbar-back-text{display:inline}.instance-detail-statusbar-name{font-size:12px;font-weight:600;color:var(--color-dark-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.instance-detail-statusbar-terminal{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;background:transparent;border:1px solid #CBD5E1;border-radius:6px;color:var(--color-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.instance-detail-statusbar-terminal:hover{background:#f1f5f9;border-color:#94a3b8;color:var(--color-dark-text)}.instance-detail-statusbar-terminal--active{background:#1a1d23;border-color:#2ecc71;color:#2ecc71}.instance-detail-statusbar-terminal--active:hover{background:#1f2329;border-color:#2ecc71;color:#2ecc71}.instance-detail-statusbar-item{display:flex;align-items:center;gap:5px;flex-shrink:0}.instance-detail-statusbar-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.instance-detail-statusbar-dot--connected{background:var(--color-success)}.instance-detail-statusbar-dot--disconnected{background:var(--color-error)}.instance-detail-statusbar-label{color:var(--color-muted)}.instance-detail-metric-bar{width:48px;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.instance-detail-metric-fill{height:100%;border-radius:2px;transition:width .3s ease}.instance-detail-metric--green{background:var(--color-success)}.instance-detail-metric--yellow{background:#eab308}.instance-detail-metric--red{background:var(--color-error)}.instance-detail-tabs{display:none;height:36px;border-bottom:1px solid #E2E8F0;flex-shrink:0}.instance-detail-tab{flex:1;height:100%;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:var(--color-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.instance-detail-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.instance-detail-panels--mobile{display:none}.instance-detail-tab-panel{display:none;width:100%;height:100%}.instance-detail-tab-panel--active{display:block}@media (max-width: 768px){.instance-detail-statusbar{gap:8px;padding:0 8px;font-size:10px}.instance-detail-statusbar-back-text{display:none}.instance-detail-statusbar-name{max-width:120px;font-size:11px}.instance-detail-statusbar-group--metrics{gap:10px}.instance-detail-statusbar-terminal{display:none}.instance-detail-metric-bar{width:32px}.instance-detail-tabs{display:flex}.instance-detail-panels--desktop{display:none}.instance-detail-panels--mobile{display:block;flex:1;min-height:0;overflow:hidden}}.deployment-progress{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 140px);padding:24px}.deployment-progress-card{max-width:560px;width:100%;background:var(--color-white);border:1px solid #E2E8F0;border-radius:16px;box-shadow:var(--shadow-lg);padding:48px 40px}@media (max-width: 768px){.deployment-progress-card{padding:32px 24px}}.deployment-progress-header{text-align:center;margin-bottom:24px;position:relative}.deployment-progress-rocket{color:var(--color-accent);margin-bottom:12px}.deployment-progress-rocket--float{animation:rocketFloat 3s ease-in-out infinite}@keyframes rocketFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.deployment-progress-title{font-size:24px;font-weight:700;color:var(--color-dark-text);margin:0}.deployment-progress-confetti{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:200px;pointer-events:none}.deployment-progress-confetti:before,.deployment-progress-confetti:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;animation:confettiBurst 1s ease-out forwards}.deployment-progress-confetti:before{background:var(--color-primary);top:50%;left:30%;animation-delay:0s}.deployment-progress-confetti:after{background:var(--color-success);top:50%;left:70%;animation-delay:.1s}@keyframes confettiBurst{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.5)}}.deployment-progress-bar-wrapper{margin-bottom:24px}.deployment-progress-percent{display:block;text-align:right;font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:6px}.deployment-progress-track{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.deployment-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .6s ease-out;position:relative;overflow:hidden}.deployment-progress-fill--error{background:var(--color-error)}.deployment-progress-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmerSweep 1.5s infinite}@keyframes shimmerSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.deployment-progress-steps{list-style:none;padding:0;margin:0 0 24px}.deployment-progress-step{display:flex;align-items:center;gap:12px;height:36px}.deployment-progress-step-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.deployment-progress-step--pending .deployment-progress-step-icon{border:2px solid #CBD5E1;background:transparent}.deployment-progress-hollow-circle{display:block;width:0;height:0}.deployment-progress-step--active .deployment-progress-step-icon{background:var(--color-primary);color:#fff}.deployment-progress-step--active{border-left:3px solid var(--color-primary);padding-left:9px}.deployment-progress-spin{animation:deploySpinner 1s linear infinite}@keyframes deploySpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.deployment-progress-step--completed .deployment-progress-step-icon{background:var(--color-success);color:#fff;animation:stepBounce .4s ease-out}@keyframes stepBounce{0%{transform:scale(.5)}70%{transform:scale(1.1)}to{transform:scale(1)}}.deployment-progress-step--failed .deployment-progress-step-icon{background:var(--color-error);color:#fff}.deployment-progress-step-label{font-size:14px;font-weight:500;color:var(--color-muted)}.deployment-progress-step--active .deployment-progress-step-label{color:var(--color-dark-text);font-weight:600}.deployment-progress-step--completed .deployment-progress-step-label{color:var(--color-dark-text)}.deployment-progress-step--failed .deployment-progress-step-label{color:var(--color-error)}.deployment-progress-meta{border-top:1px solid #F1F5F9;padding-top:16px;display:flex;gap:16px;font-size:13px;color:var(--color-muted)}.deployment-progress-error{margin-top:16px;text-align:center}.deployment-progress-error p{font-size:14px;color:var(--color-muted);margin:0 0 12px}.deployment-progress-error-actions{display:flex;justify-content:center;gap:12px}.deployment-progress-link{font-size:14px;color:var(--color-primary);text-decoration:none;padding:8px 16px}.deployment-progress-link:hover{text-decoration:underline}.deployment-progress-retry-btn{height:36px;padding:0 16px;font-size:14px;font-weight:600;background:var(--color-light-gray);color:var(--color-dark-text);border:1px solid #E2E8F0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.deployment-progress-retry-btn:hover{background:#f1f5f9}.toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;z-index:9999;animation:toast-slide-in .3s ease-out;max-width:400px}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast--success{background-color:#dcfce7;color:#166534;border:1px solid #86EFAC}.toast--success .toast-icon{color:var(--color-success)}.toast--error{background-color:#fef2f2;color:#991b1b;border:1px solid #FECACA}.toast--error .toast-icon{color:var(--color-error)}.toast--info{background-color:var(--color-light-blue);color:var(--color-dark-text);border:1px solid #93C5FD}.toast--info .toast-icon{color:var(--color-primary)}.toast-icon{flex-shrink:0}.toast-message{flex:1;line-height:1.4}.toast-close{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;color:inherit;opacity:.6;transition:opacity var(--transition-fast)}.toast-close:hover{opacity:1}@media (max-width: 480px){.toast{left:16px;right:16px;bottom:16px;max-width:none}}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.status-badge--active{background-color:#dcfce7;color:#166534}.status-badge--past-due{background-color:#fef3c7;color:#92400e}.status-badge--canceled{background-color:#fee2e2;color:#991b1b}.status-badge--incomplete{background-color:#f1f5f9;color:#475569}.subscription-card{background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:24px;margin-bottom:16px}.subscription-card:last-child{margin-bottom:0}.subscription-card--past-due{border-color:#fcd34d;background-color:#fffbeb}.subscription-card-header{margin-bottom:16px}.subscription-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.subscription-card-title{font-size:18px;font-weight:600;color:var(--color-dark-text);margin:0}.subscription-card-price{font-size:24px;font-weight:700;color:var(--color-primary);margin:0}.subscription-card-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.subscription-card-detail{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--color-muted)}.subscription-card-icon{color:var(--color-muted);flex-shrink:0}.subscription-card-warning{display:flex;align-items:center;gap:8px;padding:12px;background-color:#fef3c7;border-radius:var(--radius-sm);margin-bottom:16px;font-size:14px;color:#92400e}.subscription-card-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid #E2E8F0}.subscription-card-btn{padding:8px 16px;font-size:14px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.subscription-card-btn--secondary{background:var(--color-light-gray);border:1px solid #E2E8F0;color:var(--color-dark-text)}.subscription-card-btn--secondary:hover:not(:disabled){background:#e2e8f0}.subscription-card-btn--danger-text{background:none;border:none;color:var(--color-error);padding:8px}.subscription-card-btn--danger-text:hover:not(:disabled){text-decoration:underline}.subscription-card-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.subscription-card{padding:20px 16px}.subscription-card-actions{flex-direction:column}}.billing-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.billing-modal-content{position:relative;background:#fff;border-radius:var(--radius-lg);padding:32px;max-width:440px;width:100%;box-shadow:var(--shadow-xl)}.billing-modal-content--danger{border-top:4px solid var(--color-error)}.billing-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;padding:4px;cursor:pointer;color:var(--color-muted)}.billing-modal-close:hover{color:var(--color-dark-text)}.billing-modal-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.billing-modal-icon--danger{background:#fee2e2;color:var(--color-error)}.billing-modal-title{font-size:20px;font-weight:600;text-align:center;margin:0 0 8px;color:var(--color-dark-text)}.billing-modal-description{font-size:14px;color:var(--color-muted);text-align:center;margin:0 0 24px;line-height:1.5}.billing-modal-form-group{margin-bottom:20px}.billing-modal-label{display:block;font-size:14px;font-weight:500;color:var(--color-dark-text);margin-bottom:8px}.billing-modal-input{width:100%;height:44px;padding:0 14px;font-size:15px;border:1px solid #E2E8F0;border-radius:var(--radius-sm)}.billing-modal-input:focus{outline:none;border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.billing-modal-actions{display:flex;gap:12px}.billing-modal-btn{flex:1;height:44px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.billing-modal-btn--secondary{background:var(--color-light-gray);border:1px solid #E2E8F0;color:var(--color-dark-text)}.billing-modal-btn--secondary:hover:not(:disabled){background:#e2e8f0}.billing-modal-btn--danger{background:var(--color-error);border:none;color:#fff}.billing-modal-btn--danger:hover:not(:disabled){background:#dc2626}.billing-modal-btn:disabled{opacity:.6;cursor:not-allowed}.billing-empty-state{text-align:center;padding:64px 24px;background-color:var(--color-light-gray);border-radius:var(--radius-lg);border:2px dashed #E2E8F0}.billing-empty-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#3B82F6);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.billing-empty-title{font-size:20px;font-weight:600;color:var(--color-dark-text);margin:0 0 8px}.billing-empty-description{font-size:15px;color:var(--color-muted);margin:0 0 24px}.billing-empty-cta{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 32px;font-size:16px;font-weight:600;color:#fff;background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.billing-empty-cta:hover{background-color:var(--color-primary-hover)}.billing-modal-btn--primary{background:var(--color-primary);border:none;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px}.billing-modal-btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.billing-modal-content--upgrade{border-top:4px solid var(--color-primary)}.billing-modal-icon--primary{background:#e0f2fe;color:var(--color-primary)}.upgrade-modal-proration-note{font-size:13px;color:var(--color-muted);text-align:center;margin:0 0 16px}.size-selector{display:flex;flex-direction:column;gap:8px}.size-selector-option{display:flex;align-items:center;padding:14px 16px;background:var(--color-white);border:2px solid #E2E8F0;border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast)}.size-selector-option:hover{border-color:var(--color-primary)}.size-selector-option--selected{border-color:var(--color-primary);background:#f0f9ff}.size-selector-radio{margin-right:12px;accent-color:var(--color-primary);width:18px;height:18px}.size-selector-content{flex:1}.size-selector-row{display:flex;justify-content:space-between;align-items:center}.size-selector-label{font-size:15px;font-weight:500;color:var(--color-dark-text)}.size-selector-current{font-size:12px;color:var(--color-muted);font-weight:400;margin-left:8px}.size-selector-price{font-size:15px;font-weight:600;color:var(--color-primary)}.region-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 480px){.region-selector-grid{grid-template-columns:1fr}}.region-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-white);border:2px solid #E2E8F0;border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);text-align:left}.region-card:hover{border-color:var(--color-primary);background:#f8fafc}.region-card--selected{border-color:var(--color-primary);background:#f0f9ff}.region-card-flag{width:32px;height:24px;flex-shrink:0;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px #00000014}.region-card-info{flex:1;min-width:0}.region-card-name{font-size:14px;font-weight:500;color:var(--color-dark-text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-card-check{width:22px;height:22px;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.deploy-flow-modal{max-width:560px;padding:36px 40px}.deploy-flow-progress{display:flex;gap:8px;margin-bottom:28px;justify-content:center}.deploy-flow-step{width:40px;height:4px;background:#e2e8f0;border-radius:2px;transition:background-color .3s ease}.deploy-flow-step--active{background:var(--color-primary)}.deploy-flow-content{margin-bottom:28px;min-height:220px}.deploy-flow-actions{display:flex;gap:16px;justify-content:space-between;padding-top:24px;border-top:1px solid #F1F5F9}.deploy-flow-actions .billing-modal-btn{height:48px;font-size:15px;border-radius:var(--radius-md)}.deploy-flow-actions .billing-modal-btn--secondary{flex:0 0 auto;padding:0 24px}.deploy-flow-cta{flex:1;gap:8px;white-space:nowrap;padding:0 24px}.deploy-review{background:#f8fafc;border-radius:var(--radius-md);padding:24px}.deploy-review-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #E2E8F0}.deploy-review-item:last-of-type{border-bottom:none}.deploy-review-label{font-size:14px;color:var(--color-muted)}.deploy-review-value{font-size:15px;font-weight:500;color:var(--color-dark-text)}.deploy-review-total{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:2px solid #E2E8F0}.deploy-review-total-label{font-size:16px;font-weight:600;color:var(--color-dark-text)}.deploy-review-total-value{font-size:22px;font-weight:700;color:var(--color-primary)}.billing-add-instance-cta{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 24px;font-size:15px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.billing-add-instance-cta:hover:not(:disabled){background:var(--color-primary-hover)}.billing-add-instance-cta:disabled{opacity:.6;cursor:not-allowed}.billing-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}@media (max-width: 600px){.billing-section-header{flex-direction:column;align-items:flex-start;gap:12px}.billing-add-instance-cta{width:100%;justify-content:center}}.checkout-success-modal{text-align:center;border-top:4px solid #22C55E}.billing-modal-icon--success{background:#dcfce7;color:#22c55e}.checkout-success-spinner{animation:spin 1s linear infinite}.provision-checklist{display:flex;flex-direction:column;gap:0;margin:20px 0 16px;text-align:left}.provision-step{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);transition:background-color .2s ease,color .2s ease}.provision-step-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px}.provision-step-label{font-size:14px;font-weight:500;line-height:1}.provision-step--complete,.provision-step--complete .provision-step-icon{color:#16a34a}.provision-step--active{color:var(--color-primary);background:#f0f9ff}.provision-step--active .provision-step-icon{color:var(--color-primary)}.provision-step--active .provision-step-label{font-weight:600}.provision-step--pending{color:#94a3b8}.provision-step--pending .provision-step-icon{color:#cbd5e1}.provision-step--error{color:#dc2626;background:#fef2f2}.provision-step--error .provision-step-icon{color:#dc2626}.provision-progress{margin:4px 0 20px;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.provision-progress-bar{height:100%;background:var(--color-primary);border-radius:2px;transition:width .5s ease}.provision-progress-bar--error{background:#dc2626}.checkout-canceled-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background-color:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-md);margin-bottom:24px}.checkout-canceled-banner-content{display:flex;align-items:center;gap:10px;font-size:14px;color:#991b1b}.checkout-canceled-banner-icon{flex-shrink:0}.checkout-canceled-banner-dismiss{background:none;border:none;padding:4px;cursor:pointer;color:#991b1b;opacity:.7;transition:opacity var(--transition-fast)}.checkout-canceled-banner-dismiss:hover{opacity:1}.payment-failed-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background-color:#fef3c7;border-bottom:1px solid #FCD34D;position:sticky;top:0;z-index:100}.payment-failed-banner.urgent{background-color:#fee;border-left:4px solid #dc2626;border-bottom-color:#dc2626}.payment-failed-banner-content{display:flex;align-items:center;gap:12px}.payment-failed-banner-icon{color:#92400e;flex-shrink:0}.payment-failed-banner-text{display:flex;flex-direction:column;gap:2px;font-size:14px;color:#92400e}.payment-failed-banner-text strong{font-weight:600}.payment-failed-banner-countdown{font-size:12px;font-weight:600;color:#b45309}.payment-failed-banner-cta{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:13px;font-weight:600;color:#fff;background:#b45309;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast)}.payment-failed-banner-cta:hover{background:#92400e}.payment-failed-banner .time-normal{font-weight:600;color:#d97706}.payment-failed-banner .time-urgent{font-weight:700;color:#dc2626;font-size:1.1em}.payment-failed-banner.urgent .payment-failed-banner-cta{background-color:#dc2626;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 768px){.payment-failed-banner{flex-direction:column;align-items:flex-start;gap:12px}.payment-failed-banner-cta{width:100%;justify-content:center}}.payment-method-card{background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.payment-method-info{display:flex;align-items:center;gap:16px}.payment-method-icon{color:var(--color-primary)}.payment-method-icon--muted{color:var(--color-muted)}.payment-method-details{display:flex;flex-direction:column;gap:2px}.payment-method-brand{font-size:15px;font-weight:600;color:var(--color-dark-text)}.payment-method-last4{font-size:14px;color:var(--color-muted);font-family:monospace}.payment-method-expiry{font-size:13px;color:var(--color-muted)}.payment-method-update-btn,.payment-method-add-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:13px;font-weight:600;color:var(--color-primary);background:#f0f9ff;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.payment-method-update-btn:hover,.payment-method-add-btn:hover{background:#e0f2fe}.payment-method-empty{display:flex;align-items:center;gap:16px;width:100%}.payment-method-empty-text{flex:1;font-size:14px;color:var(--color-muted)}.payment-method-skeleton{height:80px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-lg)}.invoice-list{background:var(--color-white);border:1px solid #E2E8F0;border-radius:var(--radius-lg);overflow:hidden}.invoice-row{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #E2E8F0}.invoice-row:last-child{border-bottom:none}.invoice-info{flex:1;display:flex;flex-direction:column;gap:2px}.invoice-date{font-size:14px;font-weight:500;color:var(--color-dark-text)}.invoice-number{font-size:12px;color:var(--color-muted)}.invoice-amount{font-size:15px;font-weight:600;color:var(--color-dark-text);min-width:80px;text-align:right}.invoice-status{font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:4px;min-width:60px;text-align:center}.invoice-status--paid{background:#dcfce7;color:#166534}.invoice-status--pending{background:#fef3c7;color:#92400e}.invoice-status--failed{background:#fee2e2;color:#991b1b}.invoice-download-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.invoice-download-btn:hover{color:var(--color-primary);background:#f0f9ff}.invoice-view-all-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-primary);background:none;border:none;cursor:pointer}.invoice-view-all-btn:hover{text-decoration:underline}.invoice-empty{display:flex;align-items:center;gap:12px;padding:24px;background:#f8fafc;border-radius:var(--radius-lg);color:var(--color-muted);font-size:14px}.invoice-empty-icon{color:var(--color-muted)}.invoice-skeleton{height:60px;margin-bottom:8px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md)}@media (max-width: 768px){.payment-method-card{flex-direction:column;align-items:flex-start}.payment-method-update-btn,.payment-method-add-btn{width:100%;justify-content:center}.invoice-row{flex-wrap:wrap}.invoice-amount{min-width:auto}}.instances-page{max-width:1200px;margin:0 auto;padding:32px 24px}.instances-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.instances-page-title-row{display:flex;align-items:center;gap:8px}.instances-page-title{font-size:24px;font-weight:700;color:var(--color-dark-text);margin:0}.instances-page-spinner{color:var(--color-muted);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.instances-page-deploy-btn{height:40px;padding:0 20px;font-size:14px;font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.instances-page-deploy-btn:hover{background:var(--color-primary-hover)}@media (max-width: 768px){.instances-page{padding:24px 16px}.instances-page-header{flex-direction:column;align-items:stretch;gap:12px}.instances-page-deploy-btn{width:100%}}.settings-section{background:var(--color-white);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;border:1px solid #E2E8F0}.settings-section:last-child{margin-bottom:0}.settings-section-header{margin-bottom:20px}.settings-section-title{font-size:18px;font-weight:600;color:var(--color-dark-text);margin:0 0 4px}.settings-section-description{font-size:14px;color:var(--color-muted);margin:0}.settings-form-group{margin-bottom:16px}.settings-form-group:last-child{margin-bottom:0}.settings-label{display:block;font-size:14px;font-weight:500;color:var(--color-dark-text);margin-bottom:6px}.settings-input{width:100%;max-width:400px;height:44px;padding:0 14px;font-size:15px;border:1px solid #E2E8F0;border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.settings-input:disabled{background-color:var(--color-light-gray);cursor:not-allowed}.settings-input--readonly{background-color:var(--color-light-gray);color:var(--color-muted)}.settings-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.settings-button--primary{background-color:var(--color-primary);color:#fff;border:none}.settings-button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.settings-button--primary:disabled{opacity:.6;cursor:not-allowed}.settings-button--danger{background-color:transparent;color:var(--color-error);border:1px solid var(--color-error)}.settings-button--danger:hover:not(:disabled){background-color:#fef2f2}.settings-button--ghost{background:none;border:none;color:var(--color-primary);padding:0 8px;height:auto}.settings-button--ghost:hover{text-decoration:underline}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-toggle-label{flex:1}.settings-toggle-title{font-size:15px;font-weight:500;color:var(--color-dark-text);margin:0 0 2px}.settings-toggle-description{font-size:13px;color:var(--color-muted);margin:0}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:background-color var(--transition-fast);border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 1px 3px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.settings-section--danger{border-color:#fecaca;background-color:#fef2f2}.settings-section--danger .settings-section-title{color:var(--color-error)}.settings-form-success{color:var(--color-success);font-size:14px;margin-top:8px;display:flex;align-items:center;gap:6px}.settings-form-error{color:var(--color-error);font-size:14px;margin-bottom:16px}.settings-password-wrapper{position:relative;max-width:400px}.settings-password-wrapper .settings-input{padding-right:44px}.settings-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;color:var(--color-muted)}.settings-password-toggle:hover{color:var(--color-dark-text)}@media (max-width: 768px){.settings-section{padding:20px 16px}.settings-input,.settings-password-wrapper{max-width:none}}.settings-page{max-width:720px;margin:0 auto;padding:32px 24px}.settings-header{margin-bottom:32px}.settings-title{font-size:28px;font-weight:700;color:var(--color-dark-text);margin:0 0 8px}.settings-subtitle{font-size:16px;color:var(--color-muted);margin:0}@media (max-width: 768px){.settings-page{padding:24px 16px}.settings-title{font-size:24px}}.billing-page{max-width:800px;margin:0 auto;padding:32px 24px}.billing-header{margin-bottom:32px}.billing-title{font-size:28px;font-weight:700;color:var(--color-dark-text);margin:0 0 8px}.billing-subtitle{font-size:16px;color:var(--color-muted);margin:0}.billing-section{margin-bottom:32px}.billing-section-title{font-size:18px;font-weight:600;color:var(--color-dark-text);margin:0 0 16px}.billing-loading{display:flex;flex-direction:column;gap:16px}.billing-skeleton-card{height:180px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-lg)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.billing-error{text-align:center;padding:48px 24px;background-color:#fef2f2;border-radius:var(--radius-lg)}.billing-error p{color:var(--color-error);margin:0 0 16px}.billing-retry-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;font-size:14px;font-weight:600;color:#fff;background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer}.billing-retry-btn:hover{background-color:var(--color-primary-hover)}@media (max-width: 768px){.billing-page{padding:24px 16px}.billing-title{font-size:24px}}.instance-detail-page-wrapper{margin:-16px}.instance-detail-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 56px);gap:12px;color:var(--color-muted);font-size:14px}.instance-detail-page-spinner{color:var(--color-primary);animation:detailSpin 1s linear infinite}@keyframes detailSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.instance-detail-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 56px);text-align:center;padding:24px}.instance-detail-page-error h2{font-size:20px;font-weight:600;color:var(--color-dark-text);margin:0 0 8px}.instance-detail-page-error p{font-size:14px;color:var(--color-muted);margin:0 0 20px}.instance-detail-page-back-btn,.instance-detail-page-retry-btn{height:36px;padding:0 16px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.instance-detail-page-back-btn{background:var(--color-primary);color:#fff;border:none}.instance-detail-page-back-btn:hover{background:var(--color-primary-hover)}.instance-detail-page-retry-btn{background:var(--color-light-gray);color:var(--color-dark-text);border:1px solid #E2E8F0}.instance-detail-page-retry-btn:hover{background:#f1f5f9}.new-instance-page{display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - 56px);padding:24px}.new-instance-page .billing-modal-backdrop{position:relative;inset:auto;background:transparent;z-index:auto;padding:0}.new-instance-page .billing-modal-content{max-width:560px;box-shadow:var(--shadow-lg)}.new-instance-page-loading,.new-instance-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--color-muted);font-size:14px}.new-instance-page-error button{height:36px;padding:0 16px;font-size:14px;font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.admin-sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background:#1e293b;z-index:200;display:flex;flex-direction:column;transition:width .25s ease}.admin-sidebar--collapsed{width:64px}.admin-sidebar-header{display:flex;align-items:center;gap:10px;padding:16px;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.admin-sidebar-title{white-space:nowrap;overflow:hidden}.admin-sidebar-back{display:flex;align-items:center;gap:8px;padding:8px 16px;background:none;border:none;color:#94a3b8;font-size:13px;cursor:pointer;transition:color .15s ease}.admin-sidebar-back:hover{color:#fff}.admin-sidebar-divider{height:1px;background:#334155;margin:8px 16px}.admin-sidebar-nav{flex:1;padding:4px 0;overflow-y:auto}.admin-sidebar-item{display:flex;align-items:center;gap:12px;width:calc(100% - 16px);margin:2px 8px;padding:12px 16px;background:none;border:none;border-left:3px solid transparent;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;border-radius:4px;text-align:left;transition:background .15s ease,color .15s ease}.admin-sidebar-item:hover{background:#334155;color:#fff}.admin-sidebar-item--active{background:#2563eb;color:#fff;border-left:3px solid #60A5FA}.admin-sidebar-badge{margin-left:auto;font-size:11px;font-weight:600;padding:1px 6px;border-radius:10px;line-height:1.3}.admin-sidebar-badge--error{background:#dc2626;color:#fff}.admin-sidebar-badge--warning{background:#d97706;color:#fff}.admin-sidebar--collapsed .admin-sidebar-item{position:relative;width:40px;margin:2px auto;padding:10px 0;justify-content:center;border-left:none}.admin-sidebar--collapsed .admin-sidebar-badge{position:absolute;top:2px;right:2px;margin-left:0;font-size:9px;padding:0 4px;min-width:14px;text-align:center}.admin-sidebar--collapsed .admin-sidebar-item span:not(.admin-sidebar-badge),.admin-sidebar--collapsed .admin-sidebar-back span{display:none}.admin-sidebar--collapsed .admin-sidebar-back{justify-content:center;padding:8px 0}.admin-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199}@media (max-width: 767px){.admin-sidebar{width:240px;left:-240px;transition:left .25s ease}.admin-sidebar--mobile-open{left:0}.admin-sidebar--collapsed{width:240px}.admin-sidebar--collapsed .admin-sidebar-item{width:calc(100% - 16px);margin:2px 8px;padding:12px 16px;justify-content:flex-start}.admin-sidebar--collapsed .admin-sidebar-item span,.admin-sidebar--collapsed .admin-sidebar-back span{display:inline}}@media (min-width: 768px){.admin-sidebar-backdrop{display:none}}@media (min-width: 768px) and (max-width: 1023px){.admin-sidebar{width:64px}.admin-sidebar-item span:not(.admin-sidebar-badge),.admin-sidebar-back span,.admin-sidebar-title{display:none}.admin-sidebar-item{width:40px;margin:2px auto;padding:10px 0;justify-content:center}}.admin-topbar{position:fixed;top:0;right:0;height:64px;background:#fff;border-bottom:1px solid #E2E8F0;z-index:100;display:flex;align-items:center;padding:0 24px;transition:left .25s ease}.admin-topbar-hamburger{display:none;background:none;border:none;color:#334155;cursor:pointer;padding:4px;margin-right:12px}.admin-topbar-left{flex:1}.admin-topbar-title{font-size:20px;font-weight:600;color:#1e3a5f;margin:0}.admin-topbar-right{position:relative}.admin-topbar-avatar{width:36px;height:36px;border-radius:50%;background:#2563eb;color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.admin-topbar-dropdown{position:absolute;top:48px;right:0;background:#fff;border:1px solid #E2E8F0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;min-width:200px;z-index:110}.admin-topbar-dropdown-info{padding:12px 16px}.admin-topbar-dropdown-email{font-size:13px;color:#64748b}.admin-topbar-dropdown-divider{height:1px;background:#e2e8f0}.admin-topbar-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;font-size:14px;color:#334155;cursor:pointer;text-align:left}.admin-topbar-dropdown-item:hover{background:#f1f5f9}.admin-topbar-dropdown-item--danger{color:#dc2626}.admin-topbar-dropdown-item--danger:hover{background:#fef2f2}.admin-topbar-search{position:relative;flex:0 1 400px;margin:0 24px}.admin-topbar-search-input-wrapper{display:flex;align-items:center;background:#f1f5f9;border:1px solid #E2E8F0;border-radius:8px;padding:0 12px;transition:border-color .15s ease}.admin-topbar-search-input-wrapper:focus-within{border-color:#2563eb}.admin-topbar-search-icon{color:#94a3b8;flex-shrink:0}.admin-topbar-search-input{flex:1;border:none;background:none;padding:8px;font-size:14px;color:#334155;outline:none}.admin-topbar-search-input::placeholder{color:#94a3b8}.admin-topbar-search-dropdown{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid #E2E8F0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;z-index:120;max-height:320px;overflow-y:auto}.admin-topbar-search-loading,.admin-topbar-search-empty{padding:12px 16px;font-size:13px;color:#64748b;text-align:center}.admin-topbar-search-result{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;font-size:14px;color:#334155;cursor:pointer;text-align:left}.admin-topbar-search-result:hover{background:#f1f5f9}.admin-topbar-search-result:not(:last-child){border-bottom:1px solid #F1F5F9}.search-result-type{font-size:11px;font-weight:600;text-transform:uppercase;color:#94a3b8;flex:0 0 60px}.search-result-label{flex:1}.search-result-sublabel{font-size:12px;color:#94a3b8}@media (max-width: 767px){.admin-topbar{left:0!important}.admin-topbar-hamburger{display:flex}.admin-topbar-search{display:none}}.admin-layout{min-height:100vh;background:#f8fafc}.admin-layout-content{margin-top:64px;padding:24px;transition:margin-left .25s ease}@media (max-width: 767px){.admin-layout-content{margin-left:0!important}}.stats-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #E2E8F0;position:relative;transition:box-shadow .15s ease}.stats-card--error{border-color:#ef4444}.stats-card--warning{border-color:#f59e0b}.stats-card--clickable{cursor:pointer}.stats-card--clickable:hover{box-shadow:0 4px 6px -1px #0000001a}.stats-card-header{display:flex;justify-content:space-between;align-items:flex-start}.stats-card-label{font-size:14px;color:#64748b}.stats-card-icon{color:#64748b}.stats-card-icon--error{color:#ef4444}.stats-card-icon--warning{color:#f59e0b}.stats-card-value{font-size:30px;font-weight:700;color:#1e3a5f;margin:8px 0 4px}.stats-card-sub{font-size:13px;color:#64748b}.admin-dashboard{max-width:1200px}.admin-dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admin-dashboard-loading,.admin-dashboard-error{text-align:center;padding:48px 24px;color:#64748b;font-size:16px}.admin-dashboard-error{color:#dc2626}.admin-dashboard-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.admin-dashboard-chart-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.admin-dashboard-chart-title{font-size:16px;font-weight:600;color:#1e3a5f;margin:0 0 16px}.bar-chart-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.bar-chart-label{flex:0 0 120px;font-size:13px;color:#334155}.bar-chart-track{flex:1;height:20px;background:#f1f5f9;border-radius:4px;overflow:hidden}.bar-chart-fill{height:100%;background:#2563eb;border-radius:4px;transition:width .3s ease;min-width:2px}.bar-chart-value{flex:0 0 36px;text-align:right;font-size:13px;font-weight:600;color:#1e3a5f}.admin-dashboard-donut-wrapper{display:flex;align-items:center;gap:24px}.admin-dashboard-donut-svg{width:160px;height:160px;flex-shrink:0;transform:rotate(-90deg)}.donut-center-value{font-size:24px;font-weight:700;fill:#1e3a5f;transform:rotate(90deg);transform-origin:80px 80px}.donut-center-label{font-size:12px;fill:#64748b;transform:rotate(90deg);transform-origin:80px 80px}.admin-dashboard-donut-legend{display:flex;flex-direction:column;gap:8px}.donut-legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.donut-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.donut-legend-label{color:#334155}.donut-legend-count{color:#64748b;margin-left:auto}.admin-dashboard-empty{text-align:center;color:#64748b;padding:24px;font-size:14px}.admin-dashboard-activity-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;margin-bottom:24px}.admin-dashboard-activity-list{display:flex;flex-direction:column;gap:0;max-height:480px;overflow-y:auto}.activity-feed-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-left:3px solid #94A3B8;cursor:pointer;transition:background .15s ease}.activity-feed-item:hover{background:#f8fafc}.activity-feed-item:not(:last-child){border-bottom:1px solid #F1F5F9}.activity-feed-time{flex:0 0 72px;font-size:12px;color:#64748b}.activity-feed-desc{flex:1;font-size:13px;color:#334155}.activity-feed-type{flex:0 0 auto;font-size:11px;font-family:monospace;color:#94a3b8}@media (max-width: 1023px){.admin-dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.admin-dashboard-charts{grid-template-columns:1fr}.admin-dashboard-donut-wrapper{flex-direction:column}}@media (max-width: 639px){.admin-dashboard-grid{grid-template-columns:1fr}}.dt-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #E2E8F0;overflow:hidden}.dt-header{display:flex;align-items:center;gap:16px;padding:16px;background:#f1f5f9;border-bottom:1px solid #E2E8F0;flex-wrap:wrap}.dt-search{position:relative;flex:0 1 320px}.dt-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.dt-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #E2E8F0;border-radius:6px;font-size:14px;background:#fff;outline:none;transition:border-color .15s}.dt-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dt-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.dt-scroll{overflow-x:auto}.dt-table{width:100%;border-collapse:collapse}.dt-table thead{position:sticky;top:0;z-index:1}.dt-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f1f5f9;border-bottom:1px solid #E2E8F0;white-space:nowrap;-webkit-user-select:none;user-select:none}.dt-th--sortable{cursor:pointer}.dt-th--sortable:hover{color:#1e293b}.dt-th-content{display:inline-flex;align-items:center;gap:4px}.dt-sort-icon{color:#2563eb}.dt-sort-icon--inactive{color:#cbd5e1}.dt-table td{padding:12px 16px;font-size:14px;color:#334155;border-bottom:1px solid #F1F5F9}.dt-row--alt{background:#f8fafc}.dt-row:hover{background:#eff6ff}.dt-row--clickable{cursor:pointer}.dt-empty{text-align:center;padding:48px 16px!important;color:#94a3b8;font-size:14px}.dt-row--skeleton td{padding:16px}.dt-skeleton-bar{height:14px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;border-radius:4px;animation:dt-shimmer 1.5s infinite}@keyframes dt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dt-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #E2E8F0;font-size:13px;color:#64748b}.dt-footer-controls{display:flex;align-items:center;gap:8px}.dt-limit-select{padding:4px 8px;border:1px solid #E2E8F0;border-radius:6px;font-size:13px;background:#fff;outline:none}.dt-page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #E2E8F0;border-radius:6px;background:#fff;color:#334155;cursor:pointer}.dt-page-btn:hover:not(:disabled){background:#f1f5f9}.dt-page-btn:disabled{opacity:.4;cursor:not-allowed}.dt-page-info{font-size:13px;color:#64748b;min-width:60px;text-align:center}@media (max-width: 767px){.dt-header{flex-direction:column;align-items:stretch}.dt-search{flex:1}.dt-header-actions{margin-left:0}.dt-table thead{display:none}.dt-table tbody tr{display:block;padding:12px 16px;border-bottom:1px solid #E2E8F0}.dt-table tbody td{display:block;padding:4px 0;border-bottom:none}.dt-table tbody td:before{content:attr(data-label);font-weight:600;font-size:11px;color:#94a3b8;text-transform:uppercase;display:block}.dt-footer{flex-direction:column;gap:8px}}.confirm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;animation:confirm-fade-in .15s ease-out}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}.confirm-modal{background:#fff;border-radius:12px;padding:32px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:confirm-slide-up .2s ease-out}@keyframes confirm-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-icon{width:48px;height:48px;border-radius:50%;background:#fef2f2;color:#dc2626;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.confirm-modal-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.confirm-modal-message{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.5}.confirm-modal-actions{display:flex;gap:12px;justify-content:center}.confirm-modal-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:opacity .15s}.confirm-modal-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-btn--cancel{background:#f1f5f9;color:#334155}.confirm-modal-btn--cancel:hover:not(:disabled){background:#e2e8f0}.confirm-modal-btn--danger{background:#dc2626;color:#fff}.confirm-modal-btn--danger:hover:not(:disabled){background:#b91c1c}.confirm-modal-btn--warning{background:#d97706;color:#fff}.confirm-modal-btn--warning:hover:not(:disabled){background:#b45309}.aup-container{padding:0}.aup-badge{display:inline-block;padding:2px 10px;border-radius:9999px;font-size:12px;font-weight:500;line-height:1.5}.aup-badge--green{background:#dcfce7;color:#15803d}.aup-badge--red{background:#fee2e2;color:#dc2626}.aup-badge--orange{background:#fff7ed;color:#c2410c}.aup-badge--gray{background:#f1f5f9;color:#64748b}.aup-email{font-weight:500;color:#1e293b}.aup-link{color:#2563eb;cursor:pointer;text-decoration:none}.aup-link:hover{text-decoration:underline}.aup-filter-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.aup-filter-btn{padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500;border:1px solid #E2E8F0;background:#fff;color:#64748b;cursor:pointer;transition:all .15s}.aup-filter-btn:hover{border-color:#94a3b8;color:#334155}.aup-filter-btn--active{background:#dbeafe;border-color:#2563eb;color:#1d4ed8}.aup-filter-clear{padding:4px 12px;border:none;background:none;color:#dc2626;font-size:12px;font-weight:500;cursor:pointer}.aup-filter-clear:hover{text-decoration:underline}.aup-actions-cell{position:relative}.aup-actions-trigger{padding:4px;border:none;background:none;color:#64748b;cursor:pointer;border-radius:4px}.aup-actions-trigger:hover{background:#f1f5f9;color:#1e293b}.aup-actions-dropdown{z-index:9999;min-width:180px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:4px 0}.aup-actions-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;font-size:13px;color:#334155;cursor:pointer;text-align:left}.aup-actions-dropdown button:hover{background:#f1f5f9}.aup-actions-divider{height:1px;background:#e2e8f0;margin:4px 0}.aup-actions-danger{color:#dc2626!important}.aup-actions-danger:hover{background:#fef2f2!important}.aup-actions-success{color:#15803d!important}.aup-actions-success:hover{background:#f0fdf4!important}.aup-bulk-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;margin-bottom:12px}.aup-bulk-count{font-size:13px;font-weight:600;color:#1e3a5f;margin-right:8px}.aup-bulk-btn{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid #E2E8F0;background:#fff;color:#334155;cursor:pointer}.aup-bulk-btn:hover{background:#f1f5f9}.aup-bulk-btn--danger{background:#dc2626;color:#fff;border-color:#dc2626}.aup-bulk-btn--danger:hover{background:#b91c1c}.aup-bulk-btn--clear{border:none;background:none;color:#64748b;text-decoration:underline}.aip-container{padding:0}.aip-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:12px;font-size:13px;font-weight:500}.aip-badge--green{background:#dcfce7;color:#15803d}.aip-badge--gray{background:#f1f5f9;color:#475569}.aip-badge--red{background:#fee2e2;color:#dc2626}.aip-badge--blue{background:#dbeafe;color:#1d4ed8}.aip-badge--yellow{background:#fef9c3;color:#a16207}.aip-badge-pulse{width:8px;height:8px;border-radius:50%;background:#dc2626;animation:aip-pulse 1.5s ease-in-out infinite}@keyframes aip-pulse{0%,to{opacity:1}50%{opacity:.4}}.aip-badge-spinner{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:aip-spin .8s linear infinite}@keyframes aip-spin{to{transform:rotate(360deg)}}.aip-link{color:#2563eb;cursor:pointer;text-decoration:none}.aip-link:hover{text-decoration:underline}.aip-filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:8px 0}.aip-filter-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.aip-filter-label{font-size:13px;font-weight:600;color:#475569}.aip-filter-btn{padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500;border:1px solid #E2E8F0;background:#fff;color:#64748b;cursor:pointer;transition:all .15s}.aip-filter-btn:hover{border-color:#94a3b8;color:#334155}.aip-filter-btn--active{background:#dbeafe;border-color:#2563eb;color:#1d4ed8}.aip-filter-clear{padding:4px 12px;border:none;background:none;color:#dc2626;font-size:12px;font-weight:500;cursor:pointer}.aip-filter-clear:hover{text-decoration:underline}.aip-filter-user-notice{font-size:13px;color:#64748b;background:#fef3c7;padding:4px 12px;border-radius:6px}.aip-filter-user-notice button{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;text-decoration:underline}.aip-vultr-id{cursor:pointer;font-family:monospace;font-size:12px;color:#64748b}.aip-vultr-id:hover{color:#2563eb;text-decoration:underline}.aip-actions-cell{position:relative}.aip-actions-trigger{padding:4px;border:none;background:none;color:#64748b;cursor:pointer;border-radius:4px}.aip-actions-trigger:hover{background:#f1f5f9;color:#1e293b}.aip-actions-dropdown{z-index:9999;min-width:180px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:4px 0}.aip-actions-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;font-size:13px;color:#334155;cursor:pointer;text-align:left}.aip-actions-dropdown button:hover{background:#f1f5f9}.aip-actions-danger{color:#dc2626!important}.aip-actions-danger:hover{background:#fef2f2!important}.aip-actions-success{color:#15803d!important}.aip-actions-success:hover{background:#f0fdf4!important}.aip-actions-divider{height:1px;background:#e2e8f0;margin:4px 0}.aip-logs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0009;display:flex;align-items:center;justify-content:center}.aip-logs-modal{background:#1e293b;color:#e2e8f0;border-radius:8px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column}.aip-logs-header{padding:16px 20px;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center}.aip-logs-header h3{font-size:16px;color:#f8fafc;margin:0}.aip-logs-body{padding:16px 20px;overflow-y:auto;flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6}.aip-logs-entry{padding:4px 0;border-bottom:1px solid #334155}.aip-logs-timestamp{color:#94a3b8;margin-right:12px}.aip-logs-type{font-weight:600;margin-right:8px}.aip-logs-empty{text-align:center;color:#94a3b8;padding:40px}.aip-bulk-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:6px;margin-bottom:8px}.aip-bulk-count{font-size:13px;font-weight:500;color:#1d4ed8;margin-right:4px}.aip-bulk-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;border:1px solid #E2E8F0;border-radius:4px;background:#fff;cursor:pointer;color:#334155}.aip-bulk-btn:hover{background:#f8fafc}.aip-bulk-btn--warning{color:#92400e;border-color:#fde68a;background:#fffbeb}.aip-bulk-btn--warning:hover{background:#fef3c7}.aip-bulk-btn--danger{color:#991b1b;border-color:#fca5a5;background:#fef2f2}.aip-bulk-btn--danger:hover{background:#fee2e2}.admin-billing{max-width:1200px}.admin-billing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admin-billing-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000f;padding:24px;margin-bottom:24px}.admin-billing-section-title{color:#1e3a5f;font-size:18px;font-weight:600;margin:0 0 16px}.admin-billing-plan-table table{width:100%;border-collapse:collapse}.admin-billing-plan-table th{text-align:left;padding:10px 16px;background:#f1f5f9;font-size:13px;font-weight:600;color:#475569;border-bottom:1px solid #E2E8F0}.admin-billing-plan-table td{padding:10px 16px;font-size:14px;color:#334155;border-bottom:1px solid #F1F5F9}.admin-billing-plan-table tbody tr:nth-child(2n){background:#f8fafc}.admin-billing-plan-table tbody tr:hover{background:#f1f5f9}.admin-billing-empty{text-align:center;color:#64748b;padding:24px 16px}.admin-billing-loading,.admin-billing-error{text-align:center;padding:48px 24px;color:#64748b;font-size:16px}.admin-billing-error{color:#dc2626}.admin-billing-section-title--flex{display:flex;align-items:center;gap:8px}.admin-billing-section-title--urgent{color:#c2410c}.admin-billing-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.admin-billing-badge--green{background:#dcfce7;color:#15803d}.admin-billing-badge--orange{background:#fff7ed;color:#c2410c}.admin-billing-badge--red{background:#fee2e2;color:#dc2626}.admin-billing-badge--gray{background:#f1f5f9;color:#475569}.admin-billing-stripe-link{color:#2563eb;font-size:13px;text-decoration:none}.admin-billing-stripe-link:hover{text-decoration:underline}.admin-billing-email{color:#1e3a5f}.admin-billing-filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-billing-filter-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.admin-billing-filter-label{font-size:13px;color:#64748b;font-weight:500;margin-right:2px}.admin-billing-filter-btn{padding:4px 12px;border-radius:16px;font-size:13px;border:1px solid #E2E8F0;background:#fff;cursor:pointer;color:#475569}.admin-billing-filter-btn:hover{background:#f1f5f9}.admin-billing-filter-btn--active{background:#2563eb;color:#fff;border-color:#2563eb}.admin-billing-filter-btn--active:hover{background:#1d4ed8}.admin-billing-filter-clear{font-size:13px;color:#64748b;background:none;border:none;cursor:pointer;text-decoration:underline}.admin-billing-issues-list{display:flex;flex-direction:column;gap:12px}.admin-billing-issue-card{border:1px solid #FED7AA;border-radius:8px;padding:16px;background:#fffbeb}.admin-billing-issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.admin-billing-issue-email{font-weight:500;color:#1e3a5f}.admin-billing-issue-details{display:flex;gap:16px;font-size:13px;color:#64748b;flex-wrap:wrap}.admin-billing-issue-actions{margin-top:12px;display:flex;gap:8px}.admin-billing-issue-action{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:4px;font-size:13px;color:#2563eb;text-decoration:none;background:#eff6ff}.admin-billing-issue-action:hover{background:#dbeafe}.admin-billing-payments-table{overflow-x:auto}.admin-billing-payments-table table{width:100%;border-collapse:collapse}.admin-billing-payments-table th{text-align:left;padding:8px 12px;font-size:13px;color:#64748b;border-bottom:1px solid #E2E8F0;background:#f8fafc}.admin-billing-payments-table td{padding:8px 12px;font-size:14px;border-bottom:1px solid #F1F5F9}.admin-billing-payments-table tbody tr:hover{background:#f8fafc}.admin-billing-payments-total{font-size:14px;font-weight:400;color:#64748b;margin-left:12px}.admin-billing-payments-pagination{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13px;color:#64748b}.admin-billing-payments-pagination button{padding:4px 12px;border:1px solid #E2E8F0;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}.admin-billing-payments-pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-billing-payments-pagination button:hover:not(:disabled){background:#f1f5f9}@media (max-width: 1023px){.admin-billing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.admin-billing-grid{grid-template-columns:1fr}.admin-billing-section{padding:16px}.admin-billing-plan-table th,.admin-billing-plan-table td{padding:8px 12px;font-size:13px}}.admin-activity{padding:0}.activity-filters{display:flex;flex-wrap:wrap;gap:12px}.activity-filter-group{display:flex;align-items:center;gap:6px}.activity-filter-label{font-size:13px;color:#64748b;font-weight:500}.activity-filter-pill{padding:4px 12px;border-radius:16px;border:1px solid #E2E8F0;background:#fff;cursor:pointer;font-size:12px;font-weight:500;color:#64748b;transition:all .15s;text-transform:capitalize}.activity-filter-pill:hover{border-color:#94a3b8;color:#334155}.activity-filter-pill.active{border-color:transparent}.activity-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.activity-expand-btn{border:none;background:none;cursor:pointer;padding:4px;color:#64748b;border-radius:4px;display:flex;align-items:center;justify-content:center}.activity-expand-btn:hover{background:#f1f5f9;color:#1e293b}.activity-details-json{background:#1e293b;color:#e2e8f0;padding:12px;border-radius:6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;margin-top:8px;overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.activity-type-label{font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;color:#334155}.admin-activity-error{text-align:center;padding:48px 24px;color:#dc2626;font-size:16px}@media (max-width: 768px){.activity-filters{flex-direction:column;gap:8px}.activity-filter-group{flex-wrap:wrap}}.udp-container{padding:0}.udp-back{display:flex;align-items:center;gap:6px;color:#64748b;text-decoration:none;font-size:14px;margin-bottom:16px}.udp-back:hover{color:#1e293b}.udp-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.udp-header h1{font-size:24px;font-weight:600;color:#1e3a5f;margin:0}.udp-profile{background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:24px;margin-bottom:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.udp-profile{grid-template-columns:1fr}}.udp-field{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #F1F5F9}.udp-field-label{color:#64748b;font-size:13px;font-weight:500;display:flex;align-items:center;gap:4px}.udp-field-value{color:#1e293b;font-size:13px;font-weight:400}.udp-section{margin-bottom:24px}.udp-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.udp-section-header h2{font-size:16px;font-weight:600;color:#1e3a5f;margin:0}.udp-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #E2E8F0;border-radius:8px;overflow:hidden}.udp-table th{background:#f1f5f9;text-align:left;padding:10px 14px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.udp-table td{padding:10px 14px;font-size:13px;color:#334155;border-top:1px solid #E2E8F0}.udp-table tr:nth-child(2n) td{background:#f8fafc}.udp-timeline{background:#fff;border:1px solid #E2E8F0;border-radius:8px;overflow:hidden}.udp-timeline-entry{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #F1F5F9;cursor:pointer;align-items:center}.udp-timeline-entry:hover{background:#f8fafc}.udp-timeline-time{flex-shrink:0;width:140px;font-size:12px;color:#64748b}.udp-timeline-desc{flex:1;font-size:13px;color:#334155}.udp-timeline-details{padding:8px 16px 12px 168px;background:#f8fafc;font-family:monospace;font-size:12px;color:#475569;white-space:pre-wrap;word-break:break-all}.udp-empty{padding:32px;text-align:center;color:#94a3b8;font-size:14px}.udp-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:udp-shimmer 1.5s infinite;border-radius:4px;height:16px}@keyframes udp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.idp-container{padding:0}.idp-back{display:flex;align-items:center;gap:6px;color:#64748b;text-decoration:none;font-size:14px;margin-bottom:16px}.idp-back:hover{color:#1e293b}.idp-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.idp-header h1{font-size:24px;font-weight:600;color:#1e3a5f;margin:0}.idp-agent-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:9999px;font-size:12px;font-weight:500}.idp-agent-badge--connected{background:#dcfce7;color:#15803d}.idp-agent-badge--disconnected{background:#fee2e2;color:#dc2626}.idp-profile{background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:24px;margin-bottom:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.idp-profile{grid-template-columns:1fr}}.idp-field{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #F1F5F9}.idp-field-label{color:#64748b;font-size:13px;font-weight:500;display:flex;align-items:center;gap:4px}.idp-field-value{color:#1e293b;font-size:13px;font-weight:400}.idp-section{margin-bottom:24px}.idp-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.idp-section-header h2{font-size:16px;font-weight:600;color:#1e3a5f;margin:0}.idp-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #E2E8F0;border-radius:8px;overflow:hidden}.idp-table th{background:#f1f5f9;text-align:left;padding:10px 14px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.idp-table td{padding:10px 14px;font-size:13px;color:#334155;border-top:1px solid #E2E8F0}.idp-table tr:nth-child(2n) td{background:#f8fafc}.idp-resource-card{background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:20px}.idp-resource-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.idp-resource-bar:last-child{margin-bottom:0}.idp-resource-label{display:flex;align-items:center;gap:4px;width:60px;font-size:13px;color:#64748b;font-weight:500}.idp-resource-track{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.idp-resource-fill{height:100%;background:#2563eb;border-radius:4px;transition:width .3s ease}.idp-resource-fill--warning{background:#d97706}.idp-resource-fill--danger{background:#dc2626}.idp-resource-value{width:48px;text-align:right;font-size:13px;font-weight:500;color:#1e293b}.idp-error-card{background:#fef2f2;border:1px solid #FEE2E2;border-radius:8px;padding:16px;margin-bottom:24px}.idp-error-card h3{color:#991b1b;font-size:14px;margin:0 0 8px}.idp-error-field{display:flex;gap:8px;font-size:13px;margin-bottom:4px}.idp-error-field-label{color:#991b1b;font-weight:500;min-width:80px}.idp-error-field-value{color:#7f1d1d}.idp-timeline{background:#fff;border:1px solid #E2E8F0;border-radius:8px;overflow:hidden}.idp-timeline-entry{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #F1F5F9;cursor:pointer;align-items:center}.idp-timeline-entry:hover{background:#f8fafc}.idp-timeline-time{flex-shrink:0;width:140px;font-size:12px;color:#64748b}.idp-timeline-desc{flex:1;font-size:13px;color:#334155}.idp-timeline-details{padding:8px 16px 12px 168px;background:#f8fafc;font-family:monospace;font-size:12px;color:#475569;white-space:pre-wrap;word-break:break-all}.idp-empty{padding:32px;text-align:center;color:#94a3b8;font-size:14px}.idp-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:idp-shimmer 1.5s infinite;border-radius:4px;height:16px}@keyframes idp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-light-blue: #DBEAFE;--color-dark-blue: #1E3A5F;--color-accent: #38BDF8;--color-white: #FFFFFF;--color-light-gray: #F8FAFC;--color-dark-text: #1E293B;--color-muted: #64748B;--color-success: #22C55E;--color-error: #EF4444;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px;--space-5xl: 96px;--container-max: 1200px;--section-padding: 80px 0;--section-padding-mobile: 48px 0;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-navbar: 100;--z-mobile-menu: 1000;--z-modal: 1100}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-dark-text);background-color:var(--color-white);min-height:100vh}.container{max-width:var(--container-max);margin:0 auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}.section{padding:var(--section-padding)}@media (max-width: 767px){.section{padding:var(--section-padding-mobile)}}@media (max-width: 359px){.container{padding-left:var(--space-base);padding-right:var(--space-base)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-dark-text)}h1{font-size:56px;line-height:1.1}h2{font-size:40px}h3{font-size:24px;line-height:1.3}h4{font-size:20px;line-height:1.4}@media (max-width: 767px){h1{font-size:36px}h2{font-size:28px}h3{font-size:20px}h4{font-size:18px}}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 28px;font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1;text-decoration:none;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:scale(1.02)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-light-blue)}.btn-ghost{background-color:transparent;color:var(--color-muted);border:none;padding:12px 16px}.btn-ghost:hover{color:var(--color-primary)}.skip-to-content{position:absolute;top:-100px;left:16px;padding:12px 24px;background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);z-index:calc(var(--z-navbar) + 10);transition:top var(--transition-fast)}.skip-to-content:focus{top:16px}.eyebrow{display:block;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-accent)}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-header .eyebrow{margin-bottom:var(--space-sm)}.section-header h2{margin-bottom:var(--space-base)}.section-header p{color:var(--color-muted);max-width:600px;margin:0 auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}html,body{overflow-x:hidden;max-width:100vw}img{max-width:100%;height:auto}@media (pointer: coarse){button,a,[role=button],input[type=checkbox],input[type=radio],.btn{min-height:44px;min-width:44px}.navbar__link{padding:var(--space-md) var(--space-base)}.faq-item__trigger{min-height:48px}}@media (max-width: 359px){h1{font-size:28px}h2{font-size:24px}.btn{padding:10px 20px;font-size:15px}.pricing-card{padding:var(--space-base)}.pricing-card__amount{font-size:36px}}@media (min-width: 1440px){.hero__container,.features__grid,.comparison__grid,.pricing-cards{max-width:1200px;margin-left:auto;margin-right:auto}}@media print{.navbar,.footer,.cta-banner{display:none}body{font-size:12pt;color:#000;background:#fff}}.scroll-hidden{opacity:0;transform:translateY(20px);will-change:opacity,transform}.scroll-visible .scroll-hidden,.scroll-hidden.scroll-visible{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out}.scroll-complete{will-change:auto}.stagger-child{transition-delay:calc(var(--stagger-index, 0) * .1s)}.stagger-child--fast{transition-delay:calc(var(--stagger-index, 0) * 60ms)}.stagger-child--slow{transition-delay:calc(var(--stagger-index, 0) * .15s)}.slide-from-left{transform:translate(-20px)}.slide-from-right{transform:translate(20px)}.scroll-visible .slide-from-left,.scroll-visible .slide-from-right{transform:translate(0)}.scale-in{opacity:0;transform:scale(.8);will-change:opacity,transform}.scroll-visible .scale-in{opacity:1;transform:scale(1);transition:opacity .4s ease-out,transform .4s ease-out}.fade-in{opacity:0;will-change:opacity}.scroll-visible .fade-in{opacity:1;transition:opacity .5s ease-out}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}.link-underline{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.link-underline:hover{text-decoration-color:currentColor}@media (prefers-reduced-motion: reduce){.scroll-hidden,.slide-from-left,.slide-from-right,.scale-in,.fade-in{opacity:1;transform:none;will-change:auto;transition:none}.scroll-visible .scroll-hidden,.scroll-visible .slide-from-left,.scroll-visible .slide-from-right,.scroll-visible .scale-in,.scroll-visible .fade-in,.stagger-child,.stagger-child--fast,.stagger-child--slow{transition-delay:0ms}.hover-lift:hover,.hover-scale:hover{transform:none}}