*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#FAFAFA;--sf:#FFF;--sf2:#F5F5F5;--sf3:#EBEBEB;--bd:#E0E0E0;--text:#1A1A1A;--t2:#555;--t3:#999;--ac:#FF3C00;--ac2:#E63500;--ac-bg:rgba(255,60,0,.05);--ac-bd:rgba(255,60,0,.2);--ok:#16A34A;--ok-bg:rgba(22,163,74,.06);--err:#DC2626;--err-bg:rgba(220,38,38,.05)}html,body{height:100%;overflow:hidden;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--ac);text-decoration:none}a:hover{text-decoration:underline}.mat-slide{display:flex;flex-direction:column;width:100%;height:calc(100vh - 52px);padding:3.25rem 4.55rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sf3) transparent}@keyframes matFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mat-slide{animation:matFadeIn .35s ease-out both}.an{animation:matFadeIn .4s ease-out both}.d1{animation-delay:.06s}.d2{animation-delay:.12s}.d3{animation-delay:.2s}.d4{animation-delay:.28s}.heading{font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--text);line-height:1.15}.h1{font-size:3.38rem}.h2{font-size:2.47rem}.h3{font-size:1.365rem}.sub{color:var(--t2);font-size:1.144rem;line-height:1.6;margin-bottom:1.3rem}.max-w{max-width:1000px;margin:0 auto;width:100%}.flex-c{display:flex;align-items:center;justify-content:center;flex:1}.g2{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.1rem}.badge{display:inline-flex;align-items:center;gap:.325rem;padding:.234rem .65rem;border-radius:5px;font-size:.754rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.badge-ac{background:var(--ac-bg);color:var(--ac);border:1px solid var(--ac-bd)}.badge-ok{background:var(--ok-bg);color:var(--ok);border:1px solid rgba(22,163,74,.15)}.badge-def{background:var(--sf2);color:var(--t2);border:1px solid var(--bd)}.badge-start{background:var(--ok-bg);color:var(--ok);border:1px solid rgba(22,163,74,.2);font-size:.65rem;padding:.156rem .455rem}.card{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:1.105rem;transition:border-color .15s}.card:hover{border-color:var(--t3)}.material-tag{font-size:.754rem;color:var(--t3);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.chat-w{background:var(--sf);border:1px solid var(--bd);border-radius:13px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.chat-chrome{display:flex;align-items:center;justify-content:space-between;padding:.52rem .845rem;background:var(--sf2);border-bottom:1px solid var(--bd)}.chat-dots{display:flex;gap:5px}.chat-dots span{width:9px;height:9px;border-radius:50%}.chat-dots span:nth-child(1){background:#ff5f57}.chat-dots span:nth-child(2){background:#ffbd2e}.chat-dots span:nth-child(3){background:#28c840}.chat-title{font-size:.884rem;font-weight:600;color:var(--t2);display:flex;align-items:center;gap:.39rem}.chat-title img{height:18px;width:auto}.chat-body{padding:.975rem;display:flex;flex-direction:column;gap:.78rem;max-height:468px;overflow-y:auto}.chat-msg{display:flex;gap:.52rem;align-items:flex-start}.chat-msg.user{flex-direction:row-reverse}.chat-av{width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.715rem;font-weight:700;flex-shrink:0}.chat-msg.user .chat-av{background:var(--ac);color:#fff}.chat-msg.ai .chat-av{background:var(--ok-bg);color:var(--ok)}.chat-bub{padding:.65rem .975rem;border-radius:13px;font-size:.988rem;line-height:1.55;max-width:85%}.chat-msg.user .chat-bub{background:var(--text);color:#fff;border-bottom-right-radius:4px}.chat-msg.ai .chat-bub{background:var(--sf2);color:var(--text);border-bottom-left-radius:4px}.chat-input{display:flex;align-items:center;gap:.455rem;padding:.65rem .845rem;border-top:1px solid var(--bd);background:var(--sf2)}.chat-input .fake{flex:1;padding:.455rem .65rem;background:var(--sf);border:1px solid var(--bd);border-radius:8px;font-size:.884rem;color:var(--t3)}.chat-input .send{width:34px;height:34px;border-radius:8px;background:var(--ac);border:none;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.845rem}.chat-label{display:inline-flex;align-items:center;gap:.325rem;font-size:.754rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.26rem .585rem;border-radius:5px;margin-bottom:.455rem}.chat-label.bad{background:var(--err-bg);color:var(--err);border:1px solid rgba(220,38,38,.15)}.chat-label.good{background:var(--ok-bg);color:var(--ok);border:1px solid rgba(22,163,74,.15)}.copy-btn{display:inline-flex;align-items:center;gap:.325rem;padding:.26rem .52rem;border-radius:5px;font-size:.78rem;font-weight:600;background:var(--text);color:#fff;border:none;cursor:pointer;transition:all .15s;font-family:inherit}.copy-btn:hover{background:var(--ac)}.try-box{background:var(--ac-bg);border:1px solid var(--ac-bd);border-radius:10px;padding:.975rem;display:flex;align-items:center;gap:.975rem}.try-box .try-i{width:42px;height:42px;border-radius:10px;background:var(--ac);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-badge{display:inline-flex;align-items:center;gap:.455rem;padding:.325rem .715rem;border-radius:8px;border:1px solid var(--ac-bd);background:var(--ac-bg);font-size:.91rem;font-weight:600;color:var(--ac);text-decoration:none;transition:all .15s}.tool-badge:hover{background:var(--ac);color:#fff;text-decoration:none}.tool-badge img{height:18px;width:auto}.mat-bottom-bar{position:fixed;bottom:0;left:0;right:0;height:52px;background:var(--sf);border-top:1px solid var(--bd);display:flex;align-items:center;padding:0 .975rem;z-index:50;gap:.52rem}.bb-btn{width:38px;height:38px;border-radius:9px;background:transparent;border:1px solid var(--bd);color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.bb-btn:hover{background:var(--sf2);color:var(--text)}.bb-center{flex:1;display:flex;align-items:center;justify-content:center;gap:.78rem}.bb-counter{font-size:.91rem;color:var(--t3);font-weight:500;min-width:52px;text-align:center}.bb-nav{display:flex;align-items:center;gap:.39rem}.bb-nav button{width:34px;height:34px;border-radius:8px;background:transparent;border:1px solid var(--bd);color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.bb-nav button:hover{background:var(--ac-bg);color:var(--ac);border-color:var(--ac-bd)}.bb-right{display:flex;align-items:center;gap:.52rem}.dc-badge{display:flex;align-items:center;gap:.455rem;padding:.325rem .65rem;border-radius:8px;border:1px solid var(--bd);font-size:.78rem;color:var(--t2);text-decoration:none;transition:all .15s;font-weight:500}.dc-badge:hover{border-color:var(--ac-bd);color:var(--ac);text-decoration:none}.dc-badge img{width:18px;height:18px;border-radius:3px}.mat-progress-bar{position:fixed;bottom:52px;left:0;right:0;height:2px;background:var(--sf2);z-index:51}.mat-progress-fill{height:100%;background:var(--ac);transition:width .3s}.mat-sidebar-overlay{position:fixed;inset:0;background:#0000004d;z-index:98;opacity:0;pointer-events:none;transition:opacity .25s}.mat-sidebar-overlay.open{opacity:1;pointer-events:auto}.mat-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:var(--sf);border-right:1px solid var(--bd);z-index:99;transform:translate(-100%);transition:transform .3s;display:flex;flex-direction:column}.mat-sidebar.open{transform:translate(0)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.625rem;border-bottom:1px solid var(--bd)}.sidebar-head h2{font-family:Space Grotesk,sans-serif;font-size:1.17rem;font-weight:700}.sidebar-close{width:32px;height:32px;border-radius:8px;background:var(--sf2);border:1px solid var(--bd);color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.105rem;transition:all .2s}.sidebar-close:hover{background:var(--ac-bg);color:var(--ac);border-color:var(--ac-bd)}.sidebar-body{flex:1;overflow-y:auto;padding:.65rem}.nav-sec{font-size:.715rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);padding:.78rem .78rem .26rem}.nav-item{display:flex;align-items:center;gap:.52rem;padding:.455rem .78rem;border-radius:8px;font-size:.975rem;color:var(--t2);cursor:pointer;transition:all .15s}.nav-item:hover{background:var(--sf2);color:var(--text)}.nav-item.active{background:var(--ac-bg);color:var(--ac);font-weight:600;border:1px solid var(--ac-bd)}.mat-svg-illustration{width:100%;max-width:320px;height:auto}.mat-svg-illustration .svg-pulse{animation:svgPulse 3s ease-in-out infinite}.mat-svg-illustration .svg-float{animation:svgFloat 6s ease-in-out infinite}.mat-svg-illustration .svg-draw{stroke-dasharray:200;stroke-dashoffset:200;animation:svgDraw 1.5s ease forwards}@keyframes svgPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes svgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes svgDraw{to{stroke-dashoffset:0}}@media(max-width:768px){.mat-slide{padding:1.625rem 1.3rem}.g2,.g3{grid-template-columns:1fr}.h1{font-size:2.34rem}.h2{font-size:1.82rem}}