@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:light;--bg: #f5efe6;--ink: #1d241f;--muted: #5f6a63;--panel: rgba(255, 250, 241, .82);--panel-strong: rgba(255, 248, 236, .94);--stroke: rgba(29, 36, 31, .1);--accent: #e66b2c;--accent-deep: #b84b14;--teal: #196c68;--lime: #799c3d;--danger: #a63d2d;--shadow: 0 22px 60px rgba(50, 42, 33, .12);font-family:Space Grotesk,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left,rgba(230,107,44,.2),transparent 24%),radial-gradient(circle at right 20%,rgba(25,108,104,.18),transparent 20%),linear-gradient(145deg,#f8f1e7,#efe3d4,#f8f4ed)}button,input,select{font:inherit}button{cursor:pointer}.page-shell{position:relative;min-height:100vh;overflow:hidden}.ambient{position:absolute;width:32rem;height:32rem;border-radius:50%;filter:blur(32px);opacity:.28}.ambient-left{background:#ed8b4d;top:-10rem;left:-8rem}.ambient-right{background:#5ea39f;right:-10rem;bottom:-10rem}.app-layout{position:relative;z-index:1;width:min(1240px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.hero-panel{padding:1.5rem 0 2rem}.landing-hero{padding-top:.8rem;padding-bottom:1rem}.landing-hero h1{max-width:14ch;font-size:clamp(2.7rem,5.4vw,4.9rem)}.eyebrow,.card-kicker{margin:0 0 .75rem;font-family:IBM Plex Mono,monospace;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.hero-panel h1,.card h2,.tag-section h3{margin:0;line-height:1}.hero-panel h1{max-width:11ch;font-size:clamp(3.4rem,7vw,6.8rem);letter-spacing:-.05em}.hero-copy{max-width:42rem;margin:1rem 0 1.5rem;color:var(--muted);font-size:1.05rem;line-height:1.7}.status-ribbon{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1.5rem;padding:.8rem 1rem;border:1px solid var(--stroke);border-radius:999px;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.health-dot{width:.8rem;height:.8rem;border-radius:50%;background:#d9b26f;box-shadow:0 0 #799c3d66}.health-ok{background:var(--lime);animation:pulse 1.8s infinite}.health-down{background:var(--danger)}.info-grid,.metrics-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.info-grid article,.metrics-grid article{padding:1rem 1.1rem;border:1px solid var(--stroke);border-radius:1.2rem;background:#ffffff8c;box-shadow:var(--shadow)}.info-grid span,.metrics-grid span,.device-item span{display:block;color:var(--muted);font-size:.92rem}.info-grid strong,.metrics-grid strong{display:block;margin-top:.55rem;font-size:1rem}.card{border:1px solid rgba(255,255,255,.65);border-radius:1.8rem;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.auth-card{max-width:480px;padding:1.5rem}.auth-form{display:grid;gap:1rem;margin-top:1.5rem}.auth-form label{display:grid;gap:.45rem}.auth-form input,.editor-form input,.editor-form select{width:100%;padding:.95rem 1rem;border:1px solid var(--stroke);border-radius:.95rem;background:#ffffffc7}.primary-button,.secondary-button,.ghost-button{border:none;border-radius:999px;padding:.9rem 1.2rem;transition:transform .18s ease,opacity .18s ease,background .18s ease}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,#f18f45 100%);color:#fff}.secondary-button{background:#196c681f;color:var(--teal)}.ghost-button{background:transparent;border:1px solid var(--stroke);color:var(--ink)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.device-item:hover{transform:translateY(-1px)}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1.25rem}.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.landing-metrics{margin-bottom:1rem}.landing-metrics strong{font-size:1.12rem}.landing-card{padding:1.25rem}.landing-card h2{font-size:1.45rem;margin-bottom:.65rem}.landing-card p{margin:0;color:var(--muted);line-height:1.6}.usecase-card,.preview-card,.branding-card{padding:1.25rem;margin-bottom:1rem}.preview-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1rem}.preview-controls{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--stroke);border-radius:1rem;background:#ffffff94}.preview-controls label{display:grid;gap:.45rem}.preview-controls select,.preview-controls input[type=range]{width:100%}.preview-toggle{display:flex!important;align-items:center;gap:.55rem}.preview-toggle input{width:auto;margin:0}.preview-output{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.preview-output article{border:1px solid var(--stroke);border-radius:1rem;background:#ffffff94;padding:.75rem}.preview-output pre{margin:.45rem 0 0;max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:.82rem;line-height:1.45;font-family:IBM Plex Mono,monospace}.logo-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.logo-pill{border:1px dashed rgba(29,36,31,.26);border-radius:999px;padding:.65rem .8rem;text-align:center;font-family:IBM Plex Mono,monospace;font-size:.8rem;background:#ffffff85}.proof-list{margin-top:1rem;display:grid;gap:.5rem}.proof-list p{margin:0;padding-left:1.25rem;position:relative;color:var(--muted)}.proof-list p:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);position:absolute;left:.2rem;top:.45rem}.device-card,.detail-card{padding:1.35rem}.scrollable-card{max-height:calc(100vh - 4.2rem);overflow:auto}.sticky-header{position:sticky;top:-1.35rem;z-index:2;padding-top:1.35rem;background:var(--panel)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.interval-panel{margin-bottom:1rem;border:1px solid var(--stroke);border-radius:1rem;background:#ffffff94;overflow:hidden}.interval-panel-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.7rem .95rem;background:none;border:none;cursor:pointer;text-align:left}.interval-panel-header .card-kicker{margin:0}.interval-chevron{font-size:1.3rem;line-height:1;color:var(--muted);transform:rotate(90deg);transition:transform .2s ease;display:inline-block}.interval-chevron--open{transform:rotate(270deg)}.interval-panel-body{padding:0 .95rem .95rem}.interval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.interval-grid label{display:grid;gap:.4rem}.interval-grid input{width:100%;padding:.75rem .85rem;border:1px solid var(--stroke);border-radius:.8rem;background:#fffc}.device-list{display:grid;gap:.8rem}.device-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;padding:1rem;border:1px solid transparent;border-radius:1rem;background:#ffffffa3}.device-item>div{min-width:0;flex:1 1 auto}.device-meta{display:grid;gap:.18rem;min-width:0}.device-meta strong,.device-meta span{min-width:0}.device-topic{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-item-active{border-color:#e66b2c66;background:var(--panel-strong)}.runtime-pill{padding:.45rem .7rem;border-radius:999px;font-size:.84rem;font-family:IBM Plex Mono,monospace;flex:0 0 auto}.pill-running{background:#799c3d26;color:#516d2b}.pill-idle{background:#196c681f;color:var(--teal)}.action-row{display:flex;gap:.75rem}.wrap-row{flex-wrap:wrap}.stack-actions{display:flex;gap:.6rem;flex-wrap:wrap}.compact-button{padding:.7rem 1rem}.error-banner,.success-banner,.warning-panel,.empty-state{margin:1rem 0 0;padding:.9rem 1rem;border-radius:1rem}.error-banner{background:#a63d2d1f;color:var(--danger)}.success-banner{background:#799c3d24;color:#516d2b}.warning-panel{background:#e66b2c24;color:var(--accent-deep)}.empty-state{background:#fff6;color:var(--muted)}.tag-section{margin-top:1.5rem}.editor-form{display:grid;gap:1.2rem}.template-input{width:100%;min-height:320px;padding:.95rem 1rem;border:1px solid var(--stroke);border-radius:.95rem;background:#ffffffc7;resize:vertical;font-family:IBM Plex Mono,monospace;font-size:.9rem;line-height:1.5}.live-viewer{margin-top:.25rem}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.live-grid article{border:1px solid var(--stroke);border-radius:1rem;background:#ffffff94;padding:.75rem}.live-grid pre{margin:.45rem 0 0;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:.82rem;line-height:1.45;font-family:IBM Plex Mono,monospace}.form-grid,.tag-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.form-grid label,.tag-editor-grid label{display:grid;gap:.45rem}.wide-field{grid-column:span 2}.checkbox-field{display:flex!important;align-items:center;gap:.65rem;padding-top:1.8rem}.checkbox-field input{width:auto;margin:0}.checkbox-field span{color:var(--ink)}.tag-editor-list{display:grid;gap:1rem;margin-top:1rem}.tag-editor-card{padding:1rem;border:1px solid var(--stroke);border-radius:1.2rem;background:#ffffff85}.tag-helper-copy{margin:.85rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.45}.inline-actions,.footer-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.inline-actions{margin-top:1rem}.footer-actions{justify-content:flex-start;margin-top:.25rem}.detail-header,.tag-header{margin-bottom:0}.tag-table{display:grid;gap:.8rem;margin-top:1rem}.tag-row{display:grid;grid-template-columns:1.4fr .8fr 1.6fr;gap:.75rem;padding:.95rem 1rem;border:1px solid var(--stroke);border-radius:1rem;background:#ffffff94}@keyframes pulse{0%{box-shadow:0 0 #799c3d66}70%{box-shadow:0 0 0 10px #799c3d00}to{box-shadow:0 0 #799c3d00}}@media (max-width: 920px){.landing-grid,.dashboard-grid,.preview-grid,.preview-output,.interval-grid{grid-template-columns:1fr}.logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.scrollable-card{max-height:none;overflow:visible}.sticky-header{position:static;padding-top:0}.live-grid{grid-template-columns:1fr}.hero-panel h1{max-width:none}.landing-hero h1{font-size:clamp(2.2rem,10vw,3.2rem)}}@media (max-width: 640px){.app-layout{width:min(100% - 1rem,1240px);padding-top:1rem}.landing-card h2{font-size:1.25rem}.logo-wall{grid-template-columns:1fr}.card-header,.action-row,.tag-row,.form-grid,.tag-editor-grid,.stack-actions,.footer-actions{grid-template-columns:1fr;display:grid}.device-item{align-items:flex-start;flex-direction:column}.wide-field{grid-column:auto}.checkbox-field{padding-top:0}}