.hero-field{position:absolute;inset:0;width:100%;height:min(100%,850px);z-index:-1;pointer-events:none}.hero-haze{animation:haze-drift 18s ease-in-out infinite alternate;transform-origin:50% 20%}.hero-haze:after{animation:grain-shift 1s steps(3) infinite}.hero-center h1{margin-inline:auto;max-width:930px}.hero-center h1>[data-changing-word]{display:inline-block;transition:opacity .24s,transform .24s;min-width:0;text-align:center;color:#d9dcda}.hero-center h1>[data-changing-word].word-out{opacity:0;transform:translateY(-12px);filter:blur(3px)}.hero-center h1 br{display:block}.hero-center h1{font-size:clamp(46px,5vw,68px);line-height:1.4;letter-spacing:-2px}.hero-center .hero-subtitle{color:#989e9a}.showcase-code-tabs{display:flex;align-items:center;gap:4px;padding:0 19px;border-bottom:1px solid #29302c;background:#111512;height:34px;overflow-x:auto}.showcase-code-tabs>button{border:0;border-radius:3px;padding:3px 12px;color:#777f79;background:none;font:9px/1.5 Consolas,monospace;white-space:nowrap}.showcase-code-tabs>button[aria-selected=true]{background:#2c342e;color:#d1d8d0}.sample-code{height:250px;min-height:0;overflow:auto}.sample-code pre{white-space:pre;font-size:11px}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .75s var(--reveal-delay,0s),transform .75s var(--reveal-delay,0s)}.reveal-ready.is-visible{opacity:1;transform:none}.capability{position:relative;transition:background .3s}.capability:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 50% 0,#a8bd9915,transparent 75%);transition:opacity .3s;pointer-events:none}.capability:hover:before{opacity:1}.capability:hover .chip-art>span{transform:rotate(-4deg);box-shadow:0 0 0 9px #252d25,0 0 0 10px #52654d,0 0 40px #9daa8920}.chip-art>span{transition:transform .6s,box-shadow .6s}.capability .thinking-art{transition:transform .8s}.capability:hover .thinking-art{transform:rotate(45deg)}.files-art>span{transition:transform .5s}.capability:hover .files-art>span:first-child{transform:rotate(-22deg) translate(-18px,-28px)}.capability:hover .files-art>span:last-child{transform:rotate(22deg) translate(18px,28px)}.note-abstract{transition:transform .5s}.note-tile:hover .note-abstract{transform:translateY(-5px) rotate(-3deg)}.closing-orbit{animation:orbit-breathe 9s ease-in-out infinite}.closing-orbit:after{animation:orbit-secondary 14s ease-in-out infinite alternate}.experience{border:1px solid #282e2a;border-radius:7px;margin-top:10px;margin-bottom:60px;background:#090c0a;overflow:hidden}.experience-intro{padding:46px 45px 40px}.experience-intro h2{font-size:38px;line-height:1.55;letter-spacing:-1.3px;margin-bottom:13px}.experience-intro h2>span{color:#939c96}.experience-intro>p:last-child{margin:0;color:#727c75;font-size:12px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #282e2a;min-height:360px}.experience-copy{border-right:1px solid #282e2a;padding:32px 35px}.experience-tabs{display:flex;gap:8px;flex-wrap:wrap}.experience-tabs>button{border-radius:25px;border:1px solid #353e37;background:transparent;color:#a0aaa3;font-size:10px;padding:6px 11px}.experience-tabs>button[aria-selected=true]{background:#e4e9e3;color:#182219;border-color:#e4e9e3}.experience-description{padding-top:39px}.experience-description h3{font-size:21px;font-weight:450;margin-bottom:12px}.experience-description>p{font-size:12px;color:#87968a;line-height:1.9;max-width:360px;margin-bottom:22px}.experience-stage{position:relative;min-width:0;overflow:hidden;padding:36px 28px;display:flex;align-items:center;justify-content:center;isolation:isolate;background:radial-gradient(ellipse at bottom,#535d472c,transparent 65%)}.stage-window{width:100%;max-width:450px;border:1px solid #384139;border-radius:7px;overflow:hidden;background:#111813;box-shadow:0 15px 50px #0005;z-index:1}.stage-window-top{height:35px;display:flex;align-items:center;padding:0 14px;gap:18px;border-bottom:1px solid #2e3a30;color:#6f8574;font:8px/1.5 Consolas,monospace}.stage-window-top>span:last-child{margin-left:auto}.stage-dots{font-size:6px;letter-spacing:3px;color:#3b4c40}.stage-code-head{display:flex;justify-content:space-between;padding:12px 18px;font:9px/1.5 Consolas,monospace;color:#8ca891;border-bottom:1px solid #27382b}.stage-code{font:11px/1.9 Consolas,monospace;color:#b6cab6;padding:18px;margin:0;overflow:auto}.stage-bottom-note{font-size:9px;color:#637b68;padding:12px 18px;border-top:1px solid #27382b;display:flex;justify-content:space-between}.stage-bottom-note a{color:#b1c7ad}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#6e946d09 1px,transparent 1px),linear-gradient(90deg,#6e946d09 1px,transparent 1px);background-size:27px 27px;z-index:-1}.stage-chat{padding:20px}.stage-user{background:#293b2d;padding:12px 15px;margin-left:30px;font-size:11px;border-radius:10px 10px 2px 10px;color:#b9d1bd}.stage-assistant{padding:24px 0 16px}.stage-assistant>span{font-size:21px;color:#89ac83}.stage-assistant h4{font-size:16px;font-weight:450;margin:4px 0 8px}.stage-assistant>p{font-size:10px;color:#779b80}.stage-document{padding:10px;border:1px solid #3a5740;background:#1a3222;border-radius:5px;display:flex;gap:12px;align-items:center}.stage-document b{font-size:23px;font-weight:400;color:#a0c69b}.stage-document>span{font-size:9px;color:#adcdaa}.stage-document small{display:block;font-size:7px;color:#658d6e}.stage-input{border:1px solid #39563e;border-radius:6px;padding:9px 12px;display:flex;justify-content:space-between;font-size:10px;color:#6b9576}.stage-files{padding:18px 20px}.stage-files>p{font-size:9px;color:#658e71}.stage-files>a{display:flex;align-items:center;gap:13px;border-bottom:1px solid #263f2e;padding:15px 0;font-size:11px}.stage-files>a:last-child{border:0}.stage-files>a>span{font-size:23px;color:#84ad87}.stage-files small{display:block;font-size:9px;color:#5b8568}.stage-files i{margin-left:auto;color:#6e9676;font-style:normal}.stage-journal{padding:28px}.stage-journal>p{font:8px/1.5 Consolas,monospace;color:#6d9575;letter-spacing:1px}.stage-journal h4{font-size:25px;line-height:1.5;font-weight:450;margin:20px 0;color:#c2dabd}.stage-journal>span{font-size:9px;color:#688f70}.journal-lines{margin:20px 0}.journal-lines i{display:block;background:#2d4a35;height:1px;margin:9px 0}.journal-lines i:nth-child(2){width:90%}.journal-lines i:nth-child(3){width:70%}.stage-journal>a{display:flex;justify-content:space-between;font-size:10px;color:#8eb08b}.stage-enter{animation:stage-enter .45s ease both}.motion-active .hero-center{animation:stage-enter .9s .1s both}.motion-active .workspace-showcase{animation:workspace-enter 1.2s .2s both}.header{position:sticky;top:0;backdrop-filter:blur(14px)}
@keyframes haze-drift{from{transform:translate(-2%,-1%) scale(1.03);opacity:.7}to{transform:translate(3%,2%) scale(1.11);opacity:1}}@keyframes grain-shift{0%,100%{background-position:0 0}50%{background-position:50px 30px}}@keyframes orbit-breathe{0%,100%{transform:rotate(-20deg) scale(.97)}50%{transform:rotate(-10deg) scale(1.03)}}@keyframes orbit-secondary{from{transform:rotate(25deg)}to{transform:rotate(65deg)}}@keyframes stage-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes workspace-enter{from{opacity:0;transform:perspective(1200px) rotateX(5deg) translateY(32px)}to{opacity:1;transform:none}}
@media(max-width:820px){.experience-intro{padding:32px}.experience-intro h2{font-size:32px}.experience-copy{padding:27px}.experience-stage{padding:28px 22px}.experience-description h3{font-size:18px}.experience-description>p{font-size:11px}.experience-tabs>button{font-size:9px}.hero-center h1{font-size:52px}.sample-code{height:245px}}
@media(max-width:560px){.hero-center h1{font-size:38px;line-height:1.5;letter-spacing:-1px}.hero-center h1>[data-changing-word]{min-width:0;text-align:center}.hero-center h1>span{display:block}.showcase-code-tabs{height:32px;padding:0 9px;gap:2px}.showcase-code-tabs>button{padding:3px 9px;font-size:8px}.sample-code{height:227px;padding-top:15px}.sample-code pre{font-size:10px}.experience{margin-bottom:35px}.experience-intro{padding:27px 24px}.experience-intro h2{font-size:26px;line-height:1.6;letter-spacing:-.5px}.experience-intro>p:last-child{font-size:11px}.experience-grid{grid-template-columns:1fr}.experience-copy{padding:25px 24px;border-right:0;border-bottom:1px solid #28372c}.experience-description{padding-top:25px}.experience-description h3{font-size:20px}.experience-description>p{max-width:none;font-size:11px}.experience-stage{padding:27px 21px}.stage-code{font-size:10px}.stage-bottom-note{font-size:8px;padding:10px 13px}.stage-window-top{font-size:7px}.stage-document small{font-size:7px}.stage-journal{padding:24px}.stage-journal h4{font-size:23px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.hero-haze,.hero-haze:after,.closing-orbit,.closing-orbit:after,.stage-enter,.motion-active .hero-center,.motion-active .workspace-showcase{animation:none}.hero-center h1>[data-changing-word]{transition:none}}