@import "https://fonts.googleapis.com/css2?family=Manrope:wght@350;420;430;440;450;460;500;700&family=Syne:wght@500;700&display=swap";@font-face{font-family:Reference Sans;src:local(Manrope)}@font-face{font-family:Reference Display;src:local(Syne)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-dark:#000;--glass-border:#ffffff21;--glass-bg:linear-gradient(145deg, #18161466, #050c0e99);--glass-shadow:0 2px 10px #00000070, 0 0 0 3px #ffffff09 inset, 0 0 0 1px #000000e6;--accent-green:#0f8;--accent-blue:#08f;--accent-red:#f36;--gutter-start:clamp(36px, 4.177vw, 96px);--gutter-end:clamp(36px, 4.04vw, 96px);--header-top:clamp(20px, 2.264vh, 30px);--hero-bottom:clamp(34px, 5.19vh, 64px);--display-size:clamp(58px, 7.64vh, 88px);--display-leading:clamp(72px, 9.34vh, 106px);--copy-size:clamp(14px, 1.7vh, 19px);--copy-leading:clamp(19px, 2.17vh, 24px);--title-copy-gap:clamp(15px, 2.08vh, 24px);--copy-cta-gap:clamp(24px, 3.11vh, 36px);--cta-width:clamp(142px, 15.09vh, 168px);--cta-height:clamp(38px, 3.96vh, 44px);--primary-control-font-size:clamp(17px, 1.77vh, 19.25px);--card-width:clamp(150px, 18.96vh, 215px);font-family:Reference Sans,Arial,sans-serif}html,body{background:var(--bg-dark);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 50% 0,#1e293b 0%,#000 70%);width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{isolation:isolate;width:100%;height:100%}.viewport{isolation:isolate;background:0 0;width:100%;height:100%;position:absolute;inset:0}.screen{background:0 0;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.background{z-index:-3;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.05)}.background::-webkit-media-controls{opacity:0!important;-webkit-appearance:none!important;display:none!important}.background::-webkit-media-controls-panel{opacity:0!important;-webkit-appearance:none!important;display:none!important}.background::-webkit-media-controls-play-button{opacity:0!important;-webkit-appearance:none!important;display:none!important}.background::-webkit-media-controls-start-playback-button{opacity:0!important;-webkit-appearance:none!important;display:none!important}.screen:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#00000008,#0000 24% 82%,#0000000d),radial-gradient(at 44% 54%,#0000 30%,#0000000e 100%);position:absolute;inset:0}.view-transition{transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.view-hidden{opacity:0;pointer-events:none;position:absolute;inset:0;transform:scale(1.02)}.view-active{opacity:1;pointer-events:auto;position:absolute;inset:0;transform:scale(1)}.header{inset:var(--header-top) var(--gutter-end) auto var(--gutter-start);white-space:nowrap;z-index:10;align-items:flex-start;height:48px;display:flex;position:absolute}.brand{filter:drop-shadow(0 1px 2px #0000004d);width:25px;height:25px;display:inline-block;position:relative;top:10px}.nav{gap:clamp(32px,2.9vw,43px);margin-left:clamp(36px,3.03vw,48px);display:flex;position:relative;top:9px}.nav a{letter-spacing:-.36px;color:#e5e5e6c4;text-shadow:0 1px 3px #0000008c;font-size:16px;font-weight:430;text-decoration:none;position:relative}.nav a.active{color:#fff}.nav a.active:after{content:"";background:#ffffffd1;width:44px;height:2px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.nav a:first-child{top:-3px}.nav a:nth-child(4){margin-left:1px}.time-panel{border-left:2px solid #e6e6e685;flex-direction:column;justify-content:center;gap:2px;width:211px;height:48px;margin-left:auto;padding-left:12px;display:flex}.time-panel .label{color:#f0f0f0c4;font-size:15px;font-weight:420;line-height:1}.time-panel .value{color:#ffffffed;font-size:15px;font-weight:440;line-height:1}.hero-content{left:var(--gutter-start);bottom:var(--hero-bottom);z-index:5;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.hero-title{font-optical-sizing:auto;letter-spacing:-2.1px;-webkit-text-stroke:.12px currentColor;white-space:nowrap;text-shadow:0 2px 2px #00000070;font-family:Reference Display,Reference Sans,Arial,sans-serif;font-weight:500;font-size:var(--display-size);line-height:var(--display-leading);margin:0 0 var(--title-copy-gap) 0;flex-direction:column;display:flex}.hero-title .line-one{color:#fff;transform-origin:0;transform:scaleX(.775)}.hero-title .line-two{color:#d3cfcfc7;transform-origin:0;transform:scaleX(.793)}.hero-copy{color:#e2e5e4d6;letter-spacing:.13px;text-shadow:0 1px 3px #000000b3;width:clamp(390px,31.67vw,500px);font-weight:350;font-size:var(--copy-size);line-height:var(--copy-leading);margin:0 0 var(--copy-cta-gap) 0;position:relative;left:1px}.primary-cta{width:max-content;min-width:170px;height:var(--cta-height);color:#111;cursor:pointer;background:#fff;border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;padding:0 6px 0 20px;font-family:inherit;transition:filter .14s,transform .14s;display:flex;box-shadow:0 1px 5px #00000061}.primary-cta:hover{filter:brightness(1.08);transform:scale(1.02)}.primary-cta .label{font-size:var(--primary-control-font-size);letter-spacing:-.3px;font-weight:700}.primary-cta .arrow-box{background:#070909;border-radius:5px;justify-content:center;align-items:center;width:clamp(28px,3vh,32px);height:71.429%;display:flex}.demo-card{right:var(--gutter-end);bottom:var(--hero-bottom);width:var(--card-width);aspect-ratio:201/265;border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(14px)saturate(108%);z-index:5;border-radius:clamp(12px,1.52vh,18px);flex-direction:column;display:flex;position:absolute}.demo-visual{background:#101a1e;border-radius:5%;width:90%;height:60%;position:absolute;top:5%;left:5%;overflow:hidden}.demo-visual img{object-fit:cover;filter:brightness(.89)saturate(.93)contrast(1.03);width:100%;height:100%}.play{-webkit-backdrop-filter:blur(4px);cursor:pointer;background:#0009;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding-left:2px;transition:transform .2s,background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play:hover{background:#000c;transform:translate(-50%,-50%)scale(1.1)}.watch-button{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:6px;width:90%;height:clamp(34px,4.4vh,46px);font-family:inherit;font-size:clamp(12px,1.415vh,15px);font-weight:500;transition:background .2s;position:absolute;bottom:5%;left:5%}.watch-button:hover{background:#ffffff14}.dashboard-container{height:100vh;padding:var(--header-top) var(--gutter-end) var(--hero-bottom) var(--gutter-start);box-sizing:border-box;z-index:10;flex-direction:column;display:flex;position:relative}.dashboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.dash-brand-title{letter-spacing:-1.5px;text-shadow:0 2px 10px #00000080;margin:0;font-family:Reference Display,sans-serif;font-size:2.5rem;font-weight:500}.dash-brand-subtitle{color:#e2e5e4d6;letter-spacing:.5px;margin-top:.25rem;font-size:1rem}.savings-ticker{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px)saturate(108%);backdrop-filter:blur(14px)saturate(108%);box-shadow:var(--glass-shadow);border:1px solid #00ff884d;border-radius:12px;flex-direction:column;align-items:flex-end;padding:.75rem 1.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex}.savings-ticker.bump{transform:scale(1.05);box-shadow:0 0 30px #0f86}.ticker-label{text-transform:uppercase;letter-spacing:1px;color:var(--accent-green);font-size:.75rem;font-weight:700}.ticker-value{color:#fff;text-shadow:0 0 10px #00ff8880;font-family:Reference Display,sans-serif;font-size:1.5rem;font-weight:500}.split-screen{flex:1;gap:2rem;min-height:0;display:flex}.panel{border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px)saturate(108%);border-radius:clamp(12px,1.52vh,18px);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.panel-header{background:#0003;border-bottom:1px solid #ffffff0d;padding:1.5rem}.panel-header h2{align-items:center;gap:.5rem;margin:0 0 .5rem;font-family:Reference Display,sans-serif;font-size:1.5rem;font-weight:500;display:flex}.triage-header h2{color:var(--accent-green)}.naive-header h2{color:var(--accent-blue)}.panel-subtitle{color:#e2e5e4d6;margin:0;font-size:.85rem}.chat-history{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-history::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar-track{background:#0000001a}.chat-history::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.message{opacity:0;border-radius:12px;max-width:90%;padding:1rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideIn;transform:translateY(10px)}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.message.user{background:#ffffff1a;border:1px solid #ffffff1a;align-self:flex-end}.message.assistant{background:#0006;border:1px solid #ffffff0d;align-self:flex-start}.message .content{color:#ffffffe6;font-size:.95rem;line-height:1.5}.message .meta{color:#ffffff80;border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;font-size:.75rem;display:flex}.meta-badge{background:#ffffff1a;border-radius:4px;padding:2px 6px}.meta-badge.local{color:var(--accent-green);background:#00ff8826}.meta-badge.cloud{color:var(--accent-blue);background:#0088ff26}.meta-badge.fallback{color:var(--accent-red);background:#ff336626}.input-container{width:100%;margin-top:2rem;position:relative}.input-container input{color:#fff;width:100%;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;background:#14141499;border:1px solid #fff3;border-radius:100px;padding:1.25rem 140px 1.25rem 2rem;font-family:inherit;font-size:1.1rem;transition:all .3s}.input-container input:focus{border-color:#fff6;outline:none;box-shadow:0 10px 40px #0f83}.input-container button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:100px;padding:0 2rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;position:absolute;top:8px;bottom:8px;right:8px}.input-container button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 15px #ffffff4d}.input-container button:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid #0000001a;border-top-color:#000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes borderSpin{to{transform:rotate(360deg)}}.primary-cta{color:#fff;letter-spacing:-.01em;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:9999px;align-items:center;gap:16px;padding:8px 8px 8px 24px;font-family:Reference Sans,sans-serif;font-size:.95rem;font-weight:500;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:inline-flex;position:relative}.primary-cta:before{content:"";z-index:-2;background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);border-radius:9999px;transition:opacity .4s;position:absolute;inset:-1px}.primary-cta:after{content:"";z-index:-2;opacity:0;background:conic-gradient(#0000 0%,#fff 15%,#0000 30%);border-radius:9999px;transition:opacity .4s;animation:3s linear infinite borderSpin;position:absolute;inset:-2px}.primary-cta-inner-bg{z-index:-1;background:#000;border-radius:9999px;transition:background .4s;position:absolute;inset:1px}.primary-cta .arrow-box{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .4s;display:flex}.primary-cta .arrow-box svg{stroke:#000;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.primary-cta:hover{transform:scale(1.02);box-shadow:0 10px 40px #ffffff1a}.primary-cta:hover:after{opacity:1}.primary-cta:hover .primary-cta-inner-bg{background:#111}.primary-cta:hover .arrow-box{background:#ededed;transform:translate(4px)rotate(-45deg)}.primary-cta:hover .arrow-box svg{transform:rotate(45deg)}.back-button{color:#e2e5e4d6;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:12px;padding:0;font-family:Reference Sans,sans-serif;font-size:.9rem;font-weight:500;transition:color .2s,transform .2s;display:flex}.back-button:hover{color:#fff;transform:translate(-4px)}.empty-state{text-align:center;color:#ffffffb3;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;animation:.8s forwards fadeIn;display:flex}.empty-state-icon{opacity:.8;margin-bottom:1rem;font-size:3rem}.empty-state h3{color:#fff;margin:0 0 .75rem;font-family:Reference Display,sans-serif;font-size:1.25rem;font-weight:500}.empty-state p{max-width:400px;margin:0;font-size:.95rem;line-height:1.6}.empty-state-metrics{border-top:1px solid #ffffff1a;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;display:flex}.metric-item{flex-direction:column;align-items:center;display:flex}.metric-value{color:#fff;font-family:Reference Display,sans-serif;font-size:1.5rem;font-weight:500}.metric-item.green .metric-value{color:var(--accent-green)}.metric-item.blue .metric-value{color:var(--accent-blue)}.metric-label{text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-top:4px;font-size:.75rem}.tab-content{transition:opacity .5s,transform .5s}.tab-active{opacity:1;pointer-events:auto;transform:translateY(0)}.tab-hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(10px)}.suggested-prompts{flex-direction:column;gap:10px;width:100%;max-width:340px;margin-top:1.5rem;display:flex}.suggested-btn{color:#fffc;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:10px 14px;font-family:Reference Sans,sans-serif;font-size:.85rem;line-height:1.4;transition:background .2s,border-color .2s,color .2s}.suggested-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes textRevealSkew{0%{opacity:0;transform:translateY(100%)skewY(5deg)}to{opacity:1;transform:translateY(0)skewY(0)}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)rotateX(-5deg)}to{opacity:1;transform:translateY(0)scale(1)rotateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeSlideUp}.anim-text-reveal{opacity:0;transform-origin:0 100%;animation:1s cubic-bezier(.16,1,.3,1) forwards textRevealSkew}.anim-card{opacity:0;perspective:1000px;animation:1.2s cubic-bezier(.16,1,.3,1) forwards cardSlideUp}.anim-fade{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeIn}.sidebar{border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#0a0a0c99;flex-direction:column;width:250px;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff0d;padding:1.5rem}.sidebar-brand h2{letter-spacing:-1px;margin:0;font-family:Reference Display,sans-serif;font-size:1.5rem;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;padding:1rem 0;display:flex}.sidebar-nav a{color:#fff9;border-left:3px solid #0000;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.sidebar-nav a:hover{color:#fff;background:#ffffff0d}.sidebar-nav a.active{color:#fff;border-left-color:var(--accent-green);background:#ffffff14}.sidebar-footer{border-top:1px solid #ffffff0d;padding:1.5rem}.main-content{flex:1;position:relative;overflow:hidden}.settings-table{border-collapse:collapse;text-align:left;width:100%}.settings-table th,.settings-table td{border-bottom:1px solid #ffffff0d;padding:1rem}.settings-table th{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:500}.settings-table td{color:#ffffffe6;font-size:.95rem}.setting-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.setting-row:last-child{border-bottom:none}.settings-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem 1rem;transition:all .2s}.settings-btn:hover{background:#ffffff1a}.settings-btn.active{color:var(--accent-green);background:#00ff8826;border-color:#00ff884d}.code-block{background:#0a0a0a;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.code-header{color:#ffffff80;background:#111;border-bottom:1px solid #ffffff0d;padding:.5rem 1rem;font-size:.85rem}.code-block pre{margin:0;padding:1rem;overflow-x:auto}.code-block code{color:#0f8;font-family:monospace;font-size:.9rem}