/* The existing Hev palette and control motion, with a live prompt composer. */
.agent-hero{padding-block:48px 36px}.agent-hero-copy{text-align:center}.agent-hero h1{margin:24px auto 0;font-size:clamp(42px,5.2vw,74px);font-weight:550;line-height:1.06;letter-spacing:-3px}.hero-line{display:flex;align-items:center;justify-content:center;color:#f5f5f5;gap:.16em;white-space:nowrap}.hero-line:last-child{display:block;color:#a1a1a1;margin-top:2px}.agent-word-window{display:inline-flex;width:4.12em;height:1.18em;align-items:center;justify-content:center;overflow:hidden;vertical-align:middle}.agent-word{display:flex;align-items:center;justify-content:center;gap:.15em;animation:agent-enter 300ms cubic-bezier(.4,0,.2,1);color:#f2f2f2}.agent-word>.agent-logo{width:.64em;height:.64em;flex-shrink:0}.agent-logo{object-fit:contain;flex-shrink:0}.hero-caret{color:#ddc8ed}.agent-hero-copy>p{font-size:14px;color:#a1a1a1;line-height:1.8;margin:19px auto 16px;max-width:540px}.agent-hero-copy>p a{color:#eee;display:inline-flex;align-items:center;gap:2px;border-bottom:1px solid #4b4b4b}.agent-choice{display:flex;gap:7px;justify-content:center}.agent-choice button{display:flex;gap:8px;align-items:center;justify-content:center;background:#0d0d0d;border:1px solid #2b2b2b;border-radius:7px;min-height:36px;padding:0 12px;font-size:11px;color:#999}.agent-choice button[aria-pressed=true]{border-color:#69606f;background:#1b181f;color:#f5f5f5}.agent-choice button:hover{background:#202020;color:#fff}
.prompt-demo{position:relative;isolation:isolate;width:min(820px,100%);margin:30px auto 0;border:1px solid #45414a;background:#0d0d0d;border-radius:12px;box-shadow:0 12px 60px #0005}.prompt-demo:before{content:'';z-index:-1;position:absolute;inset:-1px;border-radius:12px;background:conic-gradient(from var(--aura-angle),#97b6d944,transparent 20%,transparent 42%,#c8a0df77 55%,#ead7df66 70%,transparent 90%);padding:1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:aura-turn 16s linear infinite}.prompt-demo:after{content:'';position:absolute;inset:-18px;z-index:-2;background:radial-gradient(ellipse at 20% 85%,#b28cd018,transparent 50%),radial-gradient(ellipse at 80% 10%,#86aedf14,transparent 50%);filter:blur(20px);pointer-events:none}.demo-stepbar{display:flex;align-items:center;justify-content:center;gap:22px;border-bottom:1px solid #292929;height:40px;font-size:9px;color:#aaa;white-space:nowrap}.demo-stepbar>span{display:flex;align-items:center;gap:6px}.step-number{color:#6e6e6e;font-size:8px}.demo-stepbar>svg{color:#555}.demo-stepbar img{object-fit:contain}.prompt-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;padding:22px}.prompt-editor{display:flex;flex-direction:column;justify-content:center;min-width:0}.prompt-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:7px;letter-spacing:.55px;color:#686868;margin-bottom:13px}.prompt-editor-heading>span:first-child{display:flex;align-items:center;gap:6px;color:#9a9a9a}.prompt-shell{background:linear-gradient(145deg,#1a181c,#171717 60%);border:1px solid #464249;border-radius:10px;padding:14px 16px 10px;transition:border-color 130ms ease-out;box-shadow:inset 0 1px 0 #ffffff06}.prompt-shell:focus-within{border-color:#b7a2ce;outline:2px solid #c4a5de18;outline-offset:3px}.prompt-file{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#ccc;padding:6px 7px;border:1px solid #414141;border-radius:4px;background:#242226}.skill-loaded{display:inline-flex;align-items:center;gap:3px;font-size:8px;color:#bdb0cc;margin-left:5px}.prompt-shell textarea{display:block;border:0;background:transparent;resize:vertical;min-height:84px;max-height:190px;width:100%;padding:14px 0 7px;color:#ddd;font:400 15px/1.6 Figtree,Arial,sans-serif;outline:none}.prompt-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.prompt-agent{display:flex;align-items:center;gap:6px;font-size:10px;color:#ccc}.prompt-agent>.prompt-plus{font-size:13px;color:#777;margin:0 3px}.prompt-agent>span:last-child{color:#9c9c9c}.send-prompt{border:0;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:var(--gradient);color:#1b1920}.send-prompt:hover{filter:brightness(1.1)}.send-prompt:disabled{cursor:default}.prompt-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.prompt-presets>button{display:flex;gap:4px;align-items:center;min-height:28px;background:transparent;color:#8c8c8c;border:1px solid #2b2b2b;border-radius:5px;padding:0 8px;font-size:9px}.prompt-presets>button[aria-pressed=true]{color:#ddd;border-color:#555;background:#222}.prompt-presets>button:hover{background:#222;color:#ddd}.demo-result{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;margin-top:6px;font-size:8px;color:#797979}.demo-result>span,.demo-result>button{display:flex;align-items:center;gap:4px}.demo-result.is-visible>span{color:#b9c9ba}.demo-result>button{background:transparent;border:0;padding:5px 0;color:#ccc;font-size:9px;white-space:nowrap}.copy-error{font-size:10px;color:#f9b5b5}.hero-output{position:relative;aspect-ratio:9/16;max-height:320px;border:1px solid #393939;border-radius:7px;overflow:hidden;background:#080808;transition:border-color 200ms ease-out}.hero-output.is-previewed{border-color:#b5a0ce}.hero-output>video{width:100%;height:100%;object-fit:cover}.output-label{position:absolute;left:9px;top:9px;padding:4px 5px;background:#0808089e;color:#aaa;display:flex;align-items:center;gap:4px;border:1px solid #ffffff17;border-radius:3px;font-size:5px;letter-spacing:.5px;pointer-events:none}.output-label>span{width:3px;height:3px;background:#b9b5c5;border-radius:50%}.output-play{position:absolute;top:8px;right:8px;width:27px;height:27px;display:grid;place-items:center;background:#1119;backdrop-filter:blur(8px);border:1px solid #555;border-radius:5px}.output-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#030303ed);padding:25px 12px 13px;pointer-events:none}.output-caption>span{font-size:7px;color:#acacac}.output-caption>strong{display:block;font-size:11px;font-weight:500;margin-top:5px}.agent-hero-bottom{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}.agent-hero-bottom>.button{min-height:42px}.agent-hero-bottom>span{display:flex;gap:5px;align-items:center;font-size:7px;letter-spacing:.45px;color:#949494}.hero-separator{margin-inline:5px;color:#555}
.tier-art-label{position:absolute;left:12px;top:12px;padding:5px 7px;background:#080808a8;backdrop-filter:blur(8px);border:1px solid #ffffff26;border-radius:4px;font-size:7px;letter-spacing:.65px;color:#c7c7c7}.product-info{display:flex;flex-direction:column;height:calc(100% - 0px)}.product-card{display:flex;flex-direction:column}.product-art{flex-shrink:0}.product-info>p{min-height:68px}.tier-features{list-style:none;padding:0;margin:17px 0 14px;display:flex;flex-direction:column;gap:10px}.tier-features>li{display:flex;gap:7px;align-items:flex-start;color:#b3b3b3;font-size:10px;line-height:1.5}.tier-features svg{flex-shrink:0;color:#c9bfda;margin-top:1px}.tier-agents{display:flex;gap:14px;align-items:center;color:#939393;font-size:9px;margin-top:auto}.tier-agents>span{display:flex;align-items:center;gap:5px}.product-purchase{flex-wrap:wrap;gap:12px;margin-top:18px}.product-purchase>.price strong{font-size:28px}.product-purchase>.add-button{background:var(--gradient);border:1px solid #f4e2ef80;color:#18151c;min-height:43px;padding-inline:16px;font-size:12px;box-shadow:0 2px 14px #dbbcec12,inset 0 1px 0 #fff6}.product-purchase>.add-button:hover{filter:brightness(1.09);border-color:#fff}.product-premium{border-color:#60566e}.product-premium .product-meta>span:first-child{color:#d4c1e5}.max-included{display:flex;align-items:flex-start;gap:9px;padding:15px 0;color:#b9cdbb;font-size:12px;line-height:1.7}.max-included svg{flex-shrink:0;margin-top:3px}.upgrade-total{border-top:1px solid #333;padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:18px 0;color:#aaa}.upgrade-total>strong{font-size:21px;color:#eee}.upsell-body>.upgrade-note{font-size:11px;color:#949494;margin-top:8px}.detail-copy>.button{white-space:normal;min-height:44px;padding-block:12px}.detail-copy>.button:disabled{cursor:default}
.workflow-section .step-top{margin-bottom:18px}.workflow-section .step-top>span{font-size:9px;letter-spacing:.6px}.gump-radar,.script-example,.workflow-agents{height:160px;margin:0 0 25px;border:1px solid #2c2c2c;border-radius:6px;position:relative;overflow:hidden;background:#080808}.gump-radar{background-image:radial-gradient(#404352 1px,transparent 1px);background-size:12px 12px}.radar-orbit{position:absolute;left:50%;top:55%;border:1px solid #50608055;border-radius:50%;transform:translate(-50%,-50%);width:180px;height:180px}.orbit-two{width:120px;height:120px}.orbit-three{width:60px;height:60px}.radar-dot{position:absolute;border-radius:50%;height:6px;width:6px;background:#8aafff;box-shadow:0 0 14px #709cfb}.dot-one{left:23%;top:32%}.dot-two{left:74%;top:64%;width:4px;height:4px}.dot-three{left:49%;top:70%;width:4px;height:4px}.radar-search{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #4e566b;border-radius:5px;background:#121721ee;box-shadow:0 3px 15px #000;font-size:9px;color:#cbd2e1;padding:9px 12px}.script-example{padding:14px 18px;background:linear-gradient(120deg,#14121a,#080808)}.script-example>span:first-child{font-size:7px;letter-spacing:1px;color:#84788e}.steps .script-example>p{font-size:17px;line-height:1.2;color:#e3e0e5;margin:10px 0 13px;letter-spacing:-.2px}.script-example b{font-weight:500;color:#c5afe0;border-bottom:1px solid #9e7cbe}.script-line{display:block;height:3px;background:#34303a;width:75%;margin-top:6px}.script-line.short{width:45%}.workflow-agents{padding:8px 13px;display:flex;flex-direction:column;justify-content:center;gap:4px}.workflow-agents>div{display:flex;align-items:center;gap:12px;padding:10px;font-size:11px;color:#c4c4c4}.workflow-agents>div>svg{margin-left:auto;color:#555}.workflow-section .steps>article{display:flex;flex-direction:column}.workflow-section .steps>article>p{flex:1}.workflow-section .steps>article>.button{align-self:flex-start;font-size:10px;min-height:38px}.workflow-section .steps>article>.text-link{align-self:flex-start}
@property --aura-angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes aura-turn{to{--aura-angle:360deg}}@keyframes agent-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.motion-paused *,.motion-paused:before,.motion-paused :before{animation-play-state:paused!important}
@media(max-width:1000px){.agent-hero h1{letter-spacing:-2px}.prompt-editor-heading>span:last-child{display:none}.product-purchase{align-items:flex-start;flex-direction:column}.product-purchase>.add-button{width:100%}.tier-agents{gap:8px}.tier-features{min-height:130px}.workflow-section .steps{gap:12px}.workflow-section .steps>article{padding:17px}.workflow-section .steps h3{font-size:17px}}
@media(max-width:760px){.agent-hero{padding-block:32px 30px}.agent-hero h1{font-size:clamp(31px,8.9vw,53px);letter-spacing:-1.5px;margin-top:21px}.agent-hero-copy>p{font-size:12px;line-height:1.8;margin:16px auto;max-width:340px}.agent-hero-copy>p br{display:none}.agent-choice{gap:6px}.agent-choice button{min-height:44px;font-size:10px;padding:0 10px;gap:6px}.agent-choice .agent-logo{width:16px;height:16px}.prompt-demo{margin-top:22px;border-radius:8px}.demo-stepbar{gap:8px;font-size:7px;height:38px}.demo-stepbar>span{gap:4px}.demo-stepbar>svg{width:9px}.demo-stepbar img{width:34px}.demo-stepbar .step-number{font-size:6px}.demo-stepbar .agent-logo{width:12px}.prompt-layout{grid-template-columns:minmax(0,1fr) 112px;padding:12px;gap:10px}.prompt-shell{padding:10px}.prompt-editor-heading{font-size:6px;line-height:1.6;margin-bottom:8px}.prompt-editor-heading svg{display:none}.prompt-file{font-size:7px;gap:4px;padding:5px}.prompt-file>svg{width:10px}.skill-loaded{display:none}.prompt-shell textarea{font-size:16px;line-height:1.45;min-height:125px;max-height:180px;padding-top:9px}.prompt-agent{font-size:8px;gap:4px}.prompt-agent>.agent-logo{width:13px;height:13px}.prompt-agent>.prompt-plus,.prompt-agent>span:last-child{display:none}.send-prompt{width:44px;height:44px;flex-shrink:0}.hero-output{align-self:center;max-height:none;width:100%;aspect-ratio:9/16}.output-label{display:none}.output-play{width:36px;height:36px;top:4px;right:4px}.output-caption{padding:30px 8px 10px}.output-caption>span{font-size:6px}.output-caption>strong{font-size:9px;line-height:1.4}.prompt-presets{gap:5px;margin-top:8px}.prompt-presets>button{min-height:32px;padding:0 6px;font-size:8px}.prompt-presets>button>svg{width:8px}.demo-result{font-size:7px;line-height:1.7;flex-wrap:wrap}.demo-result>button{min-height:32px}.agent-hero-bottom{flex-direction:column;gap:12px;margin-top:20px}.agent-hero-bottom>.button{width:100%;min-height:46px}.agent-hero-bottom>span{font-size:6px;letter-spacing:.4px}.product-info>p{min-height:0}.tier-features{min-height:0;font-size:11px}.tier-agents{gap:17px;margin-top:0}.product-purchase{flex-direction:row;align-items:center}.product-purchase>.add-button{width:auto;min-height:46px;min-width:158px}.product-purchase>.price strong{font-size:30px}.workflow-section .steps{gap:16px}.workflow-section .steps>article{padding:22px}.workflow-section .steps h3{font-size:21px}.workflow-section .steps p{font-size:13px}.workflow-section .steps .script-example>p{font-size:20px}.workflow-section .steps>article>.button{min-height:44px}.output-play{min-height:36px}.detail-copy>.button{font-size:11px}}
@media(max-width:370px){.agent-hero h1{font-size:30px}.agent-choice button{padding:0 7px;font-size:9px}.prompt-layout{grid-template-columns:minmax(0,1fr) 90px;gap:8px}.prompt-editor-heading{font-size:5px}.prompt-file{font-size:6px}.prompt-agent{font-size:7px}.demo-stepbar{gap:5px}.product-purchase>.add-button{min-width:140px}.hero-separator{margin-inline:2px}}
@media(prefers-reduced-motion:reduce){.agent-word,.prompt-demo:before{animation:none}.hero-output{transition:none}}
/* Provider identity is the visual focus: brand-colored, luminous, and legible. */
.agent-word-window{overflow:visible}.agent-word-claude{color:#ffba96;text-shadow:0 0 16px #ee874c75,0 0 44px #e078373d}.agent-word-claude>.agent-logo{filter:drop-shadow(0 0 7px #ffad78b3) drop-shadow(0 0 24px #e97b525e)}.agent-word-codex{color:#e9f5ff;text-shadow:0 0 16px #96c9ff80,0 0 44px #73b6f438}.agent-word-codex>.agent-logo{filter:drop-shadow(0 0 8px #91c9ffbb) drop-shadow(0 0 24px #76b1f966)}.agent-word-gemini{color:#c3c1ff;text-shadow:0 0 16px #9b87ff80,0 0 44px #6b9deb44}.agent-word-gemini>.agent-logo{filter:drop-shadow(0 0 8px #ae97ffcc) drop-shadow(0 0 24px #94b4ff66)}.agent-choice-claude[aria-pressed=true]{border-color:#b47759!important;box-shadow:0 0 17px #ff945b20;background:#211811!important;color:#ffd0b5!important}.agent-choice-codex[aria-pressed=true]{border-color:#6189ad!important;box-shadow:0 0 17px #78bdff22;background:#121b23!important;color:#d0e9ff!important}.agent-choice-gemini[aria-pressed=true]{border-color:#8870bd!important;box-shadow:0 0 17px #aa8aff22;background:#1b1526!important;color:#e0d3ff!important}.agent-choice button[aria-pressed=true] .agent-logo{filter:drop-shadow(0 0 5px #ffffff55)}
@media(max-width:760px){.prompt-demo:after{inset:-10px}}

/* Keep the provider identity dominant beneath the outcome. */
.agent-hero h1 .hero-outcome{display:block;font-size:.74em;line-height:1.18;letter-spacing:-.045em;color:#eee}.agent-hero h1 .hero-line:last-child{display:flex;margin-top:8px;color:#a1a1a1;font-size:1em}.agent-hero h1 .hero-line .hero-caret{margin-left:-.18em}.agent-hero-bottom{flex-wrap:wrap}.agent-hero-bottom>.hero-guarantee-link{flex-basis:100%;justify-content:center;margin-top:0}
@media(max-width:760px){.agent-hero h1 .hero-outcome{font-size:.8em;max-width:12em;margin:auto;text-wrap:balance;line-height:1.15}.agent-hero h1 .hero-line:last-child{font-size:1.08em;margin-top:10px}.agent-hero h1 .agent-word-window{width:3.9em}.agent-hero-bottom>.hero-guarantee-link{margin-top:0}.agent-hero-copy>p{max-width:330px}}
