@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{--bg:#050505;--panel:#0b0b0b;--line:#242424;--muted:#858585;--text:#f5f5f5;--soft:#c8c8c8;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}button,textarea{font:inherit}button{touch-action:manipulation}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");z-index:10}
.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;background:rgba(5,5,5,.86);backdrop-filter:blur(18px);z-index:20}.brand{color:#fff;text-decoration:none;display:flex;gap:11px;align-items:center;font:600 14px "Space Grotesk"}.brand b{font-weight:400;color:#777}.brand-mark{width:28px;height:28px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;flex:none}.status{font-size:11px;color:#8c8c8c;letter-spacing:.08em}.status i{display:inline-block;width:6px;height:6px;background:#fff;border-radius:50%;margin-right:7px}.top-actions{display:flex;align-items:center;gap:18px}.history-toggle{background:transparent;border:1px solid #333;color:#aaa;padding:9px 12px;font:600 10px "Space Grotesk";letter-spacing:.1em;cursor:pointer}.history-toggle:hover{border-color:#666;color:#fff}
main{width:min(100%,var(--max));margin:auto}.hero{min-height:760px;padding:115px 42px 70px;border-bottom:1px solid var(--line);position:relative}.desktop-hero-intro{display:flex;align-items:center;gap:14px;color:#555;font:600 9px "Space Grotesk";letter-spacing:.16em;margin:0 0 30px}.desktop-hero-intro i{width:3px;height:3px;border-radius:50%;background:#777;display:block}.eyebrow{font:600 11px "Space Grotesk";letter-spacing:.16em;color:#777;margin:0 0 28px}
.desktop-launch-intro{position:absolute;right:42px;top:300px;width:350px;padding:22px 24px;border-left:1px solid #333;border-top:1px solid #222;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent);display:flex;flex-direction:column;gap:9px;opacity:0;transform:translateX(28px);animation:launchReveal .9s cubic-bezier(.22,1,.36,1) .35s forwards;overflow:hidden}.desktop-launch-intro:before{content:"";position:absolute;left:0;top:0;width:2px;height:0;background:#fff;animation:launchLine 1.1s ease .7s forwards}.desktop-launch-intro .launch-kicker{font:600 9px "Space Grotesk";letter-spacing:.15em;color:#555;opacity:0;transform:translateY(8px);animation:launchText .7s ease .65s forwards}.desktop-launch-intro strong{font:600 15px "Space Grotesk";letter-spacing:.08em;color:#f2f2f2;opacity:0;transform:translateY(8px);animation:launchText .7s ease .8s forwards}.desktop-launch-intro p{margin:0;color:#666;font-size:12px;line-height:1.5;letter-spacing:.02em;opacity:0;transform:translateY(8px);animation:launchText .7s ease .95s forwards}@keyframes launchReveal{to{opacity:1;transform:translateX(0)}}@keyframes launchLine{to{height:100%}}@keyframes launchText{to{opacity:1;transform:translateY(0)}}
.hero h1{font:600 clamp(72px,12vw,160px);line-height:.82;letter-spacing:-.075em;margin:0;font-family:"Space Grotesk";overflow-wrap:break-word}.hero h1 span{color:#777}.hero-copy{max-width:520px;color:#aaa;font-size:18px;line-height:1.6;margin:46px 0 30px}.primary,.ghost{border:0;cursor:pointer}.primary{background:#f5f5f5;color:#050505;padding:15px 19px;font:600 12px "Space Grotesk";letter-spacing:.08em}.primary span,.send span{margin-left:20px}.hero-meta{position:absolute;right:42px;bottom:40px;display:flex;gap:28px;color:#555;font:10px "Space Grotesk";letter-spacing:.1em}
.intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}.intro-grid article{padding:34px 30px 38px;border-right:1px solid var(--line);min-height:190px}.intro-grid article:last-child{border-right:0}.intro-grid span{display:block;color:#555;font:600 10px "Space Grotesk";letter-spacing:.12em;margin-bottom:38px}.intro-grid strong{font:600 14px "Space Grotesk";letter-spacing:.04em}.intro-grid p{color:#777;line-height:1.65;font-size:13px;max-width:280px;margin:12px 0 0}
.workspace{padding:110px 42px;border-bottom:1px solid var(--line)}.workspace-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.workspace h2,.about h2{font:500 clamp(38px,6vw,74px)/.95 "Space Grotesk";letter-spacing:-.05em;margin:0}.ghost{background:transparent;border:1px solid #444;color:#aaa;padding:12px 15px;font:600 10px "Space Grotesk";letter-spacing:.1em;flex:none}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:45px 0 22px}.suggestions button{background:transparent;border:1px solid var(--line);color:#999;padding:10px 13px;cursor:pointer;font-size:12px}.suggestions button:hover{border-color:#666;color:#fff}
.messages{min-height:180px;display:flex;flex-direction:column;gap:18px;padding:24px 0}.empty{text-align:center;padding:48px 0;color:#666}.empty p{font:600 11px "Space Grotesk";letter-spacing:.18em;margin:20px 0 7px}.empty small{color:#555}.orb{width:56px;height:56px;margin:auto;border:1px solid #444;border-radius:50%;display:grid;place-items:center;animation:spin 8s linear infinite}.orb span{width:22px;height:22px;border-radius:50%;background:#fff;filter:blur(7px)}@keyframes spin{to{transform:rotate(360deg)}}.message{display:flex;gap:18px;min-width:0}.message .role{width:74px;flex:none;font:600 10px "Space Grotesk";letter-spacing:.12em;color:#666;padding-top:4px}.message .content{max-width:760px;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;color:#ddd;line-height:1.65}.message.user .content{color:#fff}.composer{border:1px solid #292929;background:#090909;padding:18px}.composer textarea{width:100%;resize:none;border:0;outline:0;background:transparent;color:#fff;min-height:45px;max-height:180px;line-height:1.5}.composer textarea::placeholder{color:#555}.composer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1d1d1d;padding-top:12px;margin-top:8px;color:#555;font-size:11px}.send{background:#fff;border:0;color:#050505;padding:11px 15px;cursor:pointer;font:600 11px "Space Grotesk"}.send:disabled{opacity:.4;cursor:wait}
.about{padding:120px 42px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.about p{color:#888;line-height:1.8;font-size:17px;max-width:500px}footer{max-width:var(--max);margin:auto;padding:28px 42px;display:flex;justify-content:space-between;color:#4f4f4f;font:10px "Space Grotesk";letter-spacing:.12em}
.sidebar{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:88vw;background:#090909;border-right:1px solid #292929;z-index:50;padding:22px;transform:translateX(-100%);transition:transform .25s ease;box-shadow:20px 0 60px rgba(0,0,0,.35)}.sidebar.open{transform:translateX(0)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;color:#777;font:600 10px "Space Grotesk";letter-spacing:.14em;margin-bottom:24px}.sidebar-head button{background:transparent;border:0;color:#777;font-size:24px;cursor:pointer}.sidebar-head button:hover{color:#fff}.sidebar .chat-history{display:flex;flex-direction:column;gap:6px;overflow:auto;max-height:calc(100vh - 80px)}.sidebar .history-item{width:100%;min-height:42px;justify-content:space-between;text-align:left;background:#0d0d0d}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:45;opacity:0;visibility:hidden;transition:.25s}.sidebar-backdrop.open{opacity:1;visibility:visible}.history-label{display:none}.chat-history:not(.sidebar .chat-history){display:none}
.message .content p{margin:0 0 12px}.message .content p:last-child{margin-bottom:0}.message .content strong{font-family:"Space Grotesk",sans-serif;font-weight:700!important;color:#fff!important}.message .content em{font-style:italic;color:#eee}.message .content del{opacity:.65}.message .content h2,.message .content h3,.message .content h4{font-family:"Space Grotesk",sans-serif;color:#fff;line-height:1.15;letter-spacing:-.025em;margin:18px 0 10px}.message .content h2{font-size:25px}.message .content h3{font-size:21px}.message .content h4{font-size:18px}.message .content ul{margin:8px 0 14px;padding-left:22px}.message .content li{margin:6px 0;padding-left:4px}.message .content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;background:#151515;border:1px solid #292929;padding:2px 6px;border-radius:5px;color:#fff}.message .content pre{margin:14px 0;padding:16px;overflow:auto;background:#080808;border:1px solid #292929;border-radius:10px}.message .content pre code{display:block;background:none;border:0;padding:0;white-space:pre;color:#ddd;line-height:1.6}
@media(max-width:900px){.hero{min-height:700px}.hero h1{font-size:clamp(64px,13vw,120px)}.hero-meta{position:static;margin-top:70px;flex-wrap:wrap}.about{gap:45px}}
@media(max-width:700px){.topbar{height:64px;padding:0 14px}.brand{font-size:13px;gap:8px}.brand-mark{width:25px;height:25px}.status{display:none}.history-toggle{padding:8px 10px}.top-actions{gap:0}.hero,.workspace,.about{padding-left:18px;padding-right:18px}.hero{min-height:calc(100svh - 64px);padding-top:64px;padding-bottom:45px}.desktop-hero-intro,.desktop-launch-intro{display:none}.eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:22px}.hero h1{font-size:clamp(54px,18vw,92px);line-height:.86;letter-spacing:-.065em}.hero-copy{font-size:15px;line-height:1.55;margin:32px 0 24px;max-width:100%}.primary{width:100%;padding:14px 15px}.primary span{margin-left:12px}.hero-meta{gap:10px 18px;margin-top:42px;font-size:8px}.intro-grid{grid-template-columns:1fr}.intro-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:24px 18px 27px}.intro-grid article:last-child{border-bottom:0}.intro-grid span{margin-bottom:20px}.intro-grid p{max-width:none;font-size:12px}.workspace{padding-top:64px;padding-bottom:70px}.workspace-head{align-items:stretch;flex-direction:column;gap:18px}.workspace h2,.about h2{font-size:clamp(36px,11vw,58px)}.ghost{width:max-content}.suggestions{margin:30px 0 18px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}.suggestions::-webkit-scrollbar{display:none}.suggestions button{flex:0 0 auto;font-size:11px;padding:9px 11px}.messages{padding:18px 0;gap:16px}.empty{padding:38px 0}.message{gap:10px;align-items:flex-start}.message .role{width:47px;font-size:8px}.message .content{font-size:14px;line-height:1.6;max-width:calc(100vw - 83px)}.composer{padding:13px;border-radius:12px}.composer textarea{min-height:43px;font-size:15px}.composer-bottom{padding-top:10px;margin-top:6px}.send{padding:10px 13px}.send span{margin-left:10px}.about{grid-template-columns:1fr;gap:25px;padding-top:75px;padding-bottom:75px}.about p{font-size:15px;line-height:1.7;margin:0}footer{padding:22px 18px;gap:12px;flex-wrap:wrap;font-size:8px}.sidebar{width:min(320px,88vw);padding:18px}}
@media(max-width:380px){.brand span:last-child{font-size:12px}.hero{padding-top:54px}.hero h1{font-size:16vw}.hero-copy{font-size:14px}.hero-meta{font-size:7px}.message .role{width:42px}.message .content{max-width:calc(100vw - 70px);font-size:13px}.workspace h2,.about h2{font-size:35px}}
@media(hover:none){.suggestions button:hover,.history-toggle:hover,.ghost:hover{border-color:initial;color:initial}}