:root{color-scheme:light;font-family:Inter,Geist,IBM Plex Sans,Segoe UI,sans-serif;--sl-bg: #1e1b4b;--sl-bg-alt: #312e81;--sl-surface: rgba(255, 255, 255, .06);--sl-surface-border: rgba(255, 255, 255, .1);--sl-text: #f8fafc;--sl-text-muted: rgba(248, 250, 252, .75);--sl-accent-primary: #8b5cf6;--sl-accent-secondary: #22d3ee;--sl-success: #34d399;--sl-warning: #fbbf24;--sl-error: #fb7185;--sl-cta-gradient: linear-gradient(135deg, #8b5cf6 0%, #22d3ee 100%);--sl-section-pad: 96px}*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#141b2b}h1,h2,h3,p{margin:0}a,button{transition:filter .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--sl-accent-secondary);outline-offset:2px;box-shadow:0 0 0 2px #22d3ee4d}.page{min-height:100vh;padding:2rem}.screen-center{min-height:100vh;display:grid;place-items:center;font-size:1.1rem}.landing-page{background:var(--sl-bg);color:var(--sl-text)}.landing-band{padding-block:var(--sl-section-pad);border-top:1px solid rgba(255,255,255,.08)}.landing-band-base{background:var(--sl-bg)}.landing-band-alt{background:var(--sl-bg-alt)}.landing-container{max-width:1200px;margin:0 auto;padding-inline:24px}.landing-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.landing-kicker{font-size:14px;line-height:1.5;letter-spacing:.04em;text-transform:uppercase;color:var(--sl-text-muted)}.landing-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.landing-brand{font-size:20px;font-weight:700;letter-spacing:.01em;color:var(--sl-text)}.landing-link{color:var(--sl-text);text-decoration:none;font-weight:600;border-bottom:1px solid transparent}.landing-link:hover{filter:brightness(1.08);border-color:#f8fafc99}.hero-grid{align-items:stretch}.hero-copy{grid-column:span 7;position:relative;isolation:isolate}.hero-copy:before{content:"";position:absolute;top:-32px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(circle at 50% 25%,rgba(139,92,246,.28) 0%,rgba(34,211,238,.1) 35%,transparent 65%);z-index:-1;pointer-events:none}.hero-copy h1{margin-top:14px;font-size:clamp(40px,4.2vw,64px);font-weight:700;line-height:1.05;letter-spacing:-.02em}.hero-copy p{margin-top:18px;max-width:640px;font-size:18px;font-weight:500;line-height:1.6;color:var(--sl-text-muted)}.hero-copy .landing-btn{margin-top:28px}.hero-panel{grid-column:span 5}.surface-card{border-radius:16px;padding:24px;background:var(--sl-surface);border:1px solid var(--sl-surface-border)}.hero-panel h2{font-size:30px;font-weight:700;line-height:1.2}.hero-panel ul{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:14px}.hero-panel li{color:var(--sl-text-muted);padding-left:16px;position:relative;line-height:1.6}.hero-panel li:before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:999px;background:var(--sl-accent-secondary)}.landing-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;min-height:48px;padding:14px 18px;font-size:16px;font-weight:600;border:1px solid transparent}.landing-btn:hover{filter:brightness(1.08)}.landing-btn-primary{background:var(--sl-cta-gradient);color:#f8fafc}.landing-btn-secondary{background:transparent;border-color:#ffffff40;color:var(--sl-text)}.logo-strip{display:grid;gap:16px}.logo-strip-title{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--sl-text-muted)}.logo-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.logo-row span{border-radius:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:var(--sl-text);text-align:center;font-size:14px;line-height:1.5}.section-head{margin-bottom:24px}.section-head h2{margin-top:14px;font-size:36px;font-weight:680;line-height:1.15}.feature-grid{align-items:stretch}.bento-card{display:grid;gap:14px}.bento-card h3{font-size:24px;line-height:1.2}.bento-card p{color:var(--sl-text-muted);line-height:1.6}.feature-icon{width:24px;height:24px;display:inline-flex}.feature-icon svg{width:24px;height:24px}.feature-icon-violet{color:var(--sl-accent-primary)}.feature-icon-cyan{color:var(--sl-accent-secondary)}.bento-a,.bento-b,.bento-c{grid-column:span 4}.bento-d{grid-column:span 6}.bento-e,.bento-f{grid-column:span 3}.how-card{grid-column:span 4;display:grid;gap:14px}.step-pill{width:32px;height:32px;border-radius:999px;display:inline-grid;place-items:center;background:#22d3ee2e;color:var(--sl-accent-secondary);font-weight:700}.how-card h3{font-size:24px;line-height:1.2}.how-card p{color:var(--sl-text-muted);line-height:1.6}.pricing-card{grid-column:span 4;display:grid;align-content:start;gap:14px}.pricing-card-featured{border-color:#22d3ee99;background:linear-gradient(0deg,#ffffff14,#ffffff14),var(--sl-surface)}.pricing-badge{display:inline-flex;width:fit-content;border-radius:999px;background:#8b5cf638;color:var(--sl-text);padding:6px 12px;font-size:14px;font-weight:600}.pricing-card h3{font-size:24px;line-height:1.2}.pricing-price{font-size:44px;font-weight:700;line-height:1.05}.pricing-price span{margin-left:6px;font-size:16px;font-weight:500;color:var(--sl-text-muted)}.pricing-copy{color:var(--sl-text-muted);line-height:1.6}.pricing-card ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.pricing-card li{line-height:1.6;color:var(--sl-text-muted);padding-left:16px;position:relative}.pricing-card li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:999px;background:var(--sl-success)}.faq-item{grid-column:span 6}.faq-item summary{cursor:pointer;list-style:none;font-size:19px;font-weight:600}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin-top:12px;color:var(--sl-text-muted);line-height:1.6}.final-cta-card{border-radius:16px;border:1px solid rgba(255,255,255,.16);background:var(--sl-cta-gradient);padding:32px}.final-cta-card h2{margin-top:14px;font-size:36px;font-weight:700;line-height:1.15}.final-cta-card p{margin-top:14px;max-width:740px;color:#f8fafceb;line-height:1.6}.final-cta-card .landing-btn{margin-top:20px;background:#1e1b4b47;border-color:#f8fafc6b;color:var(--sl-text)}.landing-footer{border-top:1px solid rgba(255,255,255,.08);background:var(--sl-bg);padding-block:28px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-inner p{color:var(--sl-text-muted);font-size:14px;line-height:1.5}.footer-links{display:flex;align-items:center;gap:18px}.footer-links a{color:var(--sl-text);text-decoration:none;font-size:14px}.footer-links a:hover{filter:brightness(1.08)}.hero-card,.panel{max-width:980px;margin:0 auto;background:#ffffffeb;border:1px solid #d6deea;border-radius:16px;padding:1.5rem;box-shadow:0 12px 30px #1f2c3f14}.auth-page{display:grid;place-items:center;position:relative}.auth-page .panel{width:min(460px,100%)}.auth-back-link{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;text-decoration:none}.dashboard{display:grid;gap:1rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.dashboard-header{max-width:980px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.dashboard-actions{display:flex;align-items:center;gap:.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:#4f5f78;font-size:.82rem;margin-bottom:.4rem}.dashboard-version{margin-top:.4rem;color:#4f5f78;font-size:.85rem}.dashboard-version code{display:inline-block;margin-left:.35rem;padding:.15rem .45rem;border-radius:999px;border:1px solid #c6d0de;background:#eef2f8;color:#223247;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.field{display:grid;gap:.4rem;margin-bottom:.85rem}input{width:100%;border:1px solid #c6d0de;border-radius:12px;background:#fff;padding:.7rem .75rem;font-size:.95rem}button{cursor:pointer}.btn{border:0;border-radius:12px;min-height:44px;padding:.65rem .95rem;font-weight:600}.btn:hover{filter:brightness(1.04)}.btn-primary{background:#1b6ef3;color:#fff}.btn-secondary{background:#e3e8f1;color:#1f2c3f}.btn-danger{background:#cc2f45;color:#fff}.muted{color:#5e6d84}.error,.inline-error{color:#b0152d}.success{color:#17603e}.inline-error{margin:.2rem 0 0;font-size:.8rem}.trend-error{margin-bottom:.6rem}.trend-controls{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.trend-range{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border:1px solid #c6d0de;border-radius:999px;background:#f3f6fb}.trend-range-btn{border:0;min-height:28px;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:600;color:#334a68;background:transparent}.trend-range-btn.is-active{background:#1b6ef3;color:#fff}.trend-loading{font-size:.78rem;color:#5e6d84}.create-monitor{display:grid;grid-template-columns:1fr 2fr auto;gap:.5rem}.monitor-table{width:100%;border-collapse:collapse;font-size:.92rem}.monitor-table th,.monitor-table td{padding:.55rem;border-bottom:1px solid #e3e8f1;text-align:left;vertical-align:top}.trend-cell{min-width:230px}.trend-wrap{display:grid;gap:.3rem}.trend-graph{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));gap:2px;min-width:220px}.trend-bar{display:block;height:12px;border-radius:2px}.trend-bar-up{background:#39b36e}.trend-bar-down{background:#de4d63}.trend-bar-unknown{background:#dbe3ee}.trend-caption{font-size:.76rem;color:#5e6d84}.status-badge{display:inline-block;border-radius:999px;padding:.2rem .5rem;font-size:.76rem;font-weight:700;letter-spacing:.02em}.status-up{background:#d8f5dc;color:#146a2d}.status-down{background:#ffe0e4;color:#a4152c}.status-unknown{background:#eceff5;color:#42556f}.action-cell{display:flex;gap:.35rem}@media (max-width: 1024px){:root{--sl-section-pad: 64px}.landing-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.hero-copy,.hero-panel,.bento-a,.bento-b,.bento-c,.bento-d,.bento-e,.bento-f,.how-card,.pricing-card,.faq-item{grid-column:span 3}.hero-copy,.hero-panel{grid-column:span 6}.logo-row{grid-template-columns:repeat(3,minmax(0,1fr))}.section-head h2,.final-cta-card h2{font-size:32px}.dashboard-header,.panel-header{flex-direction:column;align-items:flex-start}}@media (max-width: 700px){:root{--sl-section-pad: 48px}.page{padding:1rem}.landing-container{padding-inline:16px}.landing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hero-copy,.hero-panel,.bento-a,.bento-b,.bento-c,.bento-d,.bento-e,.bento-f,.how-card,.pricing-card,.faq-item{grid-column:span 4}.logo-row{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head h2,.final-cta-card h2{font-size:28px}.footer-inner{flex-direction:column;align-items:flex-start}.create-monitor{grid-template-columns:1fr}.monitor-table{display:block;overflow-x:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}