.hero-v2{position:relative;isolation:isolate;overflow:hidden;background:#1646ed}
.hero-v2::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent calc(25% - 1px),#ffffff18 25%,transparent calc(25% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),#ffffff18 50%,transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(75% - 1px),#ffffff18 75%,transparent calc(75% + 1px))}
.hero-topline{display:flex;justify-content:space-between;align-items:center;padding:22px 3.5%;border-bottom:1px solid #ffffff5c;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.17em}
.hero-topline>span:first-child{display:flex;align-items:center;gap:12px}
.hero-v2-grid{min-height:750px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(335px,.72fr);gap:4vw;align-items:center;padding:65px 3.5% 80px}
.hero-v2-copy{min-width:0}
.hero-kicker{font:700 12px 'Space Grotesk',sans-serif;letter-spacing:.16em;margin:0 0 36px;color:#d7ff3d}
.hero-v2 h1{font-size:clamp(65px,6.6vw,112px);line-height:.9;letter-spacing:-.105em;margin:0 0 48px;white-space:nowrap}
.hero-v2 h1>span{display:inline-block}
.hero-v2 h1 .hero-you{color:#111;background:var(--lime);padding:0 .12em .09em .04em;margin:.11em 0 .03em;transform:rotate(-1.5deg);box-shadow:12px 11px 0 #101010}
.hero-v2 h1 .hero-last{font-size:.69em;letter-spacing:-.08em}
.hero-v2-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;max-width:950px}
.hero-v2-bottom p{max-width:525px;font-size:17px;line-height:1.5;margin:0}
.hero-v2-bottom strong{color:var(--lime)}
.hero-v2 .hero-actions{min-width:0;flex-direction:column;align-items:stretch;gap:14px}
.hero-v2 .hero-actions .button{min-width:220px}
.hero-v2 .hero-actions .text-link{align-self:start}
.hero-v2-demo{background:#101010;padding:13px;transform:rotate(2deg);box-shadow:18px 18px 0 #0731b3;min-width:0}
.mini-label{display:flex;justify-content:space-between;gap:15px;padding:5px 5px 16px;font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.1em}
.mini-label span:first-child{color:var(--lime)}
.mini-live{white-space:nowrap;color:#fff}
.hero-v2-demo .hero-window{border:0}
.hero-v2-demo .preview-body{min-height:280px;padding:32px 25px}
.hero-v2-demo .preview-body strong{font-size:clamp(36px,3.3vw,51px);margin:28px 0}
.hero-input-label{display:flex;justify-content:space-between;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.12em;padding:19px 5px 10px;color:var(--lime)}
.hero-command{display:block;width:100%;background:#fff;color:#111;border:2px solid transparent;border-radius:0;padding:14px 15px;font:600 13px 'DM Sans',sans-serif;outline:none}
.hero-command:focus{border-color:var(--lime)}
.hero-command::placeholder{color:#555}
.hero-v2-demo .hero-side-note{font:500 10px/1.45 'DM Sans',sans-serif;letter-spacing:0;color:#b9b9b9;margin:10px 5px 3px}
.hero-v2-rail{background:var(--lime);color:#111;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 3.5%;font:700 15px 'Space Grotesk',sans-serif;letter-spacing:-.02em}
.hero-v2-rail div span{padding:0 12px;color:var(--blue)}
.hero-v2-rail a{font-size:11px;letter-spacing:.12em;white-space:nowrap}
.hero-v2-rail a:hover{text-decoration:underline}
.intro{background:#fff}
.intro h2{font-size:clamp(56px,7.1vw,116px)}
.demo-section{background:#101010}
.demo-intro .section-index{color:var(--lime)}
.demo-shell-v2{border:2px solid #fff;grid-template-columns:.88fr 1.12fr}
.demo-editor{background:#111;color:#fff;border-right:2px solid #111}
.demo-editor .demo-panel-top{border-bottom:1px solid #ffffff42}
.demo-editor .demo-panel-top small{color:#aaa}
.demo-editor .chat-symbol{background:var(--lime);color:#111}
.editor-inner{padding:38px 30px 30px;display:flex;flex-direction:column;flex:1}
.editor-super{display:flex;justify-content:space-between;color:var(--lime);font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.14em;margin:0 0 35px}
.editor-super span{font-size:28px;line-height:.5}
.editor-inner h3{font:700 clamp(44px,4vw,68px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.08em;margin:0 0 38px}
.editor-label{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.13em;color:#ccc;margin-bottom:11px}
.editor-inner textarea{display:block;resize:vertical;min-height:122px;width:100%;border:2px solid var(--lime);border-radius:0;background:#fff;padding:18px;color:#111;font:600 17px/1.35 'DM Sans',sans-serif;outline:none}
.editor-inner textarea:focus{box-shadow:6px 6px 0 var(--lime)}
.editor-inner textarea::placeholder{color:#707070}
.instant-indicator{display:flex;align-items:center;gap:9px;margin:15px 0 0;color:var(--lime);font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.07em}
.instant-pulse{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #d7ff3d32}
.editor-feedback{font-size:13px;line-height:1.45;min-height:36px;margin:24px 0 20px;color:#cfcfcf}
.example-list{margin-top:auto;border-top:1px solid #ffffff5c}
.example-list>p{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#aaa;margin:18px 0 9px}
.example-list button{width:100%;border:0;border-bottom:1px solid #ffffff5c;background:transparent;color:#fff;padding:12px 0;text-align:left;display:flex;justify-content:space-between;font:600 15px 'DM Sans',sans-serif;transition:color .2s,padding .2s}
.example-list button:hover{color:var(--lime);padding-left:6px}
.example-list button span{font-size:19px}
.demo-shell-v2 .large-preview{min-height:550px}
.demo-shell-v2 .large-preview .preview-body strong{font-size:clamp(48px,5vw,85px)}
.preview.is-blue .preview-top-dot{color:var(--lime)}
@media(max-width:1200px){.hero-v2-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:3vw}.hero-v2 h1{font-size:clamp(58px,6.5vw,82px)}.hero-v2-bottom{display:block}.hero-v2 .hero-actions{flex-direction:row;align-items:center;margin-top:25px}.hero-v2-demo .preview-body strong{font-size:38px}}
@media(max-width:760px){.hero-topline{padding:14px 5%}.hero-topline>span:last-child{display:none}.hero-v2-grid{display:block;min-height:0;padding:58px 5% 75px}.hero-v2 h1{font-size:clamp(49px,9.7vw,75px);margin-bottom:38px}.hero-v2 h1 .hero-you{box-shadow:7px 7px 0 #111}.hero-v2-bottom{display:block}.hero-v2-bottom p{font-size:16px}.hero-v2 .hero-actions{align-items:flex-start;flex-direction:column;margin-top:30px}.hero-v2-demo{margin:60px auto 0;max-width:510px;transform:rotate(1deg);box-shadow:10px 10px 0 #0731b3}.hero-v2-rail{padding:16px 5%;font-size:12px}.hero-v2-rail a{font-size:9px}.demo-shell-v2{display:block}.demo-editor{border-right:0}.editor-inner{min-height:520px}.demo-shell-v2 .large-preview{min-height:470px}}
@media(max-width:520px){.hero-v2-grid{padding-top:43px}.hero-v2 h1{font-size:clamp(44px,9vw,53px)}.hero-kicker{font-size:10px;margin-bottom:30px}.hero-v2-rail{display:block}.hero-v2-rail div{margin-bottom:9px}.hero-v2-demo .preview-body{min-height:240px}.hero-v2-demo .preview-body strong{font-size:38px}.mini-label{font-size:8px}.mini-live{font-size:7px}.editor-inner{padding:30px 18px;min-height:520px}.editor-inner h3{font-size:52px}.demo-shell-v2 .large-preview{min-height:380px}.demo-shell-v2 .large-preview .preview-body strong{font-size:49px}}
@media(prefers-reduced-motion:reduce){.instant-pulse{box-shadow:none}}