:root{--sp-base: #020c18;--sp-text: #e8f3ff;--sp-muted: #8ea5bf;--sp-cyan-400: #00bcff;--sp-cyan-500: #00a6f4;--sp-cyan-600: #0084d1}.bg-sp-base{background-color:var(--sp-base)}.text-sp-text{color:var(--sp-text)}.text-sp-muted{color:var(--sp-muted)}.font-jakarta{font-family:Plus Jakarta Sans,Manrope,Inter,sans-serif}.gradient-text-cyan{background:linear-gradient(92deg,#9de9ff,#31cbff 40%,#00a6f4 72%,#8be8ff);background-size:230% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:claude-gradient-shift 7s linear infinite}.btn-primary{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.15rem;border-radius:9999px;border:1px solid rgba(8,168,241,.35);background:linear-gradient(135deg,#08b6fc,#0398df);color:#fff;font-weight:700;letter-spacing:-.01em;padding:.25rem .75rem;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;box-shadow:0 0 28px #00a6f452}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 0 34px #00a6f47a}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:#e7f1ff;padding:.25rem .75rem;font-weight:600;transition:border-color .22s ease,background-color .22s ease,color .22s ease}.btn-ghost:hover{border-color:#00bcff66;background:#ffffff17;color:#fff}.btn-lg{padding:.8rem 1.35rem}.btn-xl{padding:.95rem 1.5rem;font-size:.98rem}.nav-link{color:#e1f0ffdb;font-size:15px;font-weight:550;transition:color .18s ease}.nav-link:hover{color:#fff}.navbar-dashboard-btn{padding:.42rem .78rem;min-height:1.85rem;font-size:.8rem;box-shadow:0 0 14px #00a6f433}.navbar-dashboard-btn:hover{box-shadow:0 0 18px #00a6f442}.mobile-nav-link{display:flex;border-radius:.5rem;padding:.45rem .55rem;color:#e1f0ffe0;transition:background-color .18s ease,color .18s ease}.mobile-nav-link:hover{background:#ffffff14;color:#fff}.glass-card,.glass-card-sm{border-radius:.9rem;border:1px solid rgba(255,255,255,.11);background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass-card{padding:.8rem}.glass-card-sm{padding:1.25rem}.feature-card{border-radius:1rem;border:1px solid rgba(255,255,255,.12);background:#ffffff08;padding:1rem;transition:transform .25s ease,border-color .25s ease,background-color .25s ease}.feature-card:hover{transform:translateY(-3px);border-color:#00bcff47;background:#ffffff0d}.feature-card-highlight{border-color:#00bcff52;box-shadow:inset 0 0 0 1px #00bcff14,0 12px 40px #00bcff1a}.pricing-card,.pricing-card-highlight{border-radius:1rem;border:1px solid rgba(255,255,255,.12);background:#ffffff08;padding:1.25rem}.pricing-card-highlight{border-color:#00bcff47;background:linear-gradient(170deg,#00bcff14,#ffffff08);box-shadow:0 18px 45px #00bcff29}.use-case-btn,.use-case-btn-active{display:flex;align-items:flex-start;gap:.65rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08;padding:.85rem}.use-case-btn-active{border-color:#00bcff61;background:#00bcff14;box-shadow:0 0 0 1px #00bcff26}.live-notification-card{border-radius:.9rem;border:1px solid rgba(255,255,255,.11);background:#ffffff08;padding:.9rem}.code-tab,.code-tab-active{border-radius:.62rem;padding:.35rem .65rem;color:var(--sp-muted)}.code-tab-active{background:#00bcff24;color:#74d8ff}.floating-notification{min-width:12rem}.stat-number{letter-spacing:-.03em}.animated-grid-mask{-webkit-mask-image:radial-gradient(circle at 50% 35%,black 48%,transparent 100%);mask-image:radial-gradient(circle at 50% 35%,black 48%,transparent 100%)}.grid-bg{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:20px 20px}.bg-noise{background-image:radial-gradient(rgba(255,255,255,.07) .7px,transparent .7px);background-size:3px 3px}.particle{position:absolute;border-radius:9999px;background:#00bcffe6;box-shadow:0 0 12px #00bcff73;animation-name:claude-particle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .56s ease,transform .56s ease;will-change:opacity,transform}.reveal-on-scroll.reveal-visible{opacity:1;transform:translateY(0)}.animate-fade-up{opacity:0;transform:translateY(22px);animation:claude-fade-up .8s cubic-bezier(.2,.7,.2,1) forwards}.animate-dash{animation:claude-dash 14s linear infinite}.animate-draw{stroke-dasharray:1200;stroke-dashoffset:1200;animation:claude-draw 2s ease forwards}.animate-progress-bar{width:100%;transform-origin:left;animation:claude-progress 2.8s linear infinite}.animate-scan-down{animation:claude-scan-down 8s linear infinite}.animate-pulse-slow{animation:claude-pulse-slow 4.8s ease-in-out infinite}.animate-drift{animation:claude-drift 10s ease-in-out infinite}.animate-scroll-dot{animation:claude-scroll-dot 1.9s ease-in-out infinite}.animate-float-1{animation:claude-float-1 5.5s ease-in-out infinite}.animate-float-2{animation:claude-float-2 6.3s ease-in-out infinite}.animate-float-3{animation:claude-float-3 5.9s ease-in-out infinite}.animate-ping-slow{animation:claude-ping-slow 2.2s cubic-bezier(0,0,.2,1) infinite}.bg-white\/1{background-color:#ffffff03}.bg-white\/2{background-color:#ffffff05}.bg-white\/3{background-color:#ffffff08}.bg-white\/4{background-color:#ffffff0a}.bg-white\/8{background-color:#ffffff14}.border-white\/8{border-color:#ffffff14}.bg-cyan-400\/8{background-color:#00bcff14}.bg-cyan-500\/4{background-color:#00a6f40a}.bg-cyan-500\/6{background-color:#00a6f40f}.bg-cyan-500\/8{background-color:#00a6f414}.bg-cyan-600\/8{background-color:#0084d114}.bg-amber-500\/6{background-color:#f59e0b0f}.bg-sp-base\/80{background-color:#020c18cc}.bg-sp-base\/95{background-color:#020c18f2}.text-white\/25{color:#ffffff40}.text-white\/30{color:#ffffff4d}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.from-cyan-400\/0{--tw-gradient-from: rgba(0, 188, 255, 0) var(--tw-gradient-from-position);--tw-gradient-to: rgba(0, 188, 255, 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-400\/3{--tw-gradient-from: rgba(0, 188, 255, .03) var(--tw-gradient-from-position);--tw-gradient-to: rgba(0, 188, 255, 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-cyan-600\/0{--tw-gradient-to: rgba(0, 132, 209, 0) var(--tw-gradient-to-position)}.to-cyan-600\/3{--tw-gradient-to: rgba(0, 132, 209, .03) var(--tw-gradient-to-position)}.via-cyan-400\/0{--tw-gradient-via: rgba(0, 188, 255, 0) var(--tw-gradient-via-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to)}.via-white\/10{--tw-gradient-via: rgba(255, 255, 255, .1) var(--tw-gradient-via-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to)}.w-4\.5{width:1.125rem}.h-4\.5{height:1.125rem}@keyframes claude-gradient-shift{0%{background-position:0% 50%}to{background-position:230% 50%}}@keyframes claude-fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes claude-dash{to{stroke-dashoffset:-1000}}@keyframes claude-draw{to{stroke-dashoffset:0}}@keyframes claude-progress{0%{transform:scaleX(0)}50%{transform:scaleX(1)}to{transform:scaleX(0);transform-origin:right}}@keyframes claude-scan-down{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(95vh);opacity:0}}@keyframes claude-pulse-slow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.04)}}@keyframes claude-drift{0%,to{transform:translate(0)}50%{transform:translate(38px,-26px)}}@keyframes claude-scroll-dot{0%,to{transform:translateY(0);opacity:.95}50%{transform:translateY(6px);opacity:.35}}@keyframes claude-float-1{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-10px) translate(4px)}}@keyframes claude-float-2{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(8px) translate(-6px)}}@keyframes claude-float-3{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-8px) translate(7px)}}@keyframes claude-ping-slow{75%,to{transform:scale(2);opacity:0}}@keyframes claude-particle{0%,to{transform:translateY(0) scale(1);opacity:.25}50%{transform:translateY(-9px) scale(1.08);opacity:.95}}@media (max-width: 768px){.btn-xl{width:100%}header.fixed>div>div{padding-left:.85rem;padding-right:.85rem}.animate-bounce,.animate-drift,.animate-dash{animation-duration:1.35s}#live-showcase .shadow-2xl,#dashboard .shadow-2xl,#developers .shadow-2xl{box-shadow:0 16px 44px #00000061}#developers .code-tab,#developers .code-tab-active{min-height:2rem}#developers pre{font-size:11px;line-height:1.45}#live-showcase .font-mono,#developers .font-mono,#dashboard .font-mono{letter-spacing:0}}@media (max-width: 430px){header.fixed{top:.35rem}#live-showcase .max-w-7xl{padding-left:.9rem;padding-right:.9rem}#live-showcase .reveal-on-scroll.rounded-2xl{min-width:0;padding-left:.9rem;padding-right:.9rem}#live-showcase h2{font-size:1.95rem;line-height:1.06}#live-showcase p{font-size:.96rem}#live-showcase .os-stage{min-height:236px;padding-left:.1rem;padding-right:.1rem}#live-showcase .os-card{width:min(100%,25rem);max-width:100%;padding:.82rem;margin-left:auto;margin-right:auto}#live-showcase .stack-stage{min-height:230px;padding-left:.1rem;padding-right:.1rem}#live-showcase .stack-card{width:min(100%,25rem);max-width:100%;padding:.82rem;margin-left:auto;margin-right:auto}#live-showcase .stack-card-top,#live-showcase .stack-card-bottom{border-radius:15px}#developers .rounded-2xl pre{padding:1rem}#dashboard .rounded-2xl .btn-primary{min-height:2rem}}@media (max-width: 375px){#live-showcase{padding-top:3.35rem;padding-bottom:3.35rem}#live-showcase h2{font-size:1.78rem}#live-showcase .stack-card{width:min(100%,23rem)}#live-showcase .stack-card [x-text],#live-showcase .stack-card .font-mono{font-size:.64rem}#developers .code-tab,#developers .code-tab-active{padding-left:.5rem;padding-right:.5rem}#developers .rounded-2xl pre{font-size:10.5px;line-height:1.4}#dashboard .rounded-2xl .text-xl{font-size:1.08rem}}