*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Arial,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #68b492;outline-offset:4px}.logo{display:flex;align-items:center;font-weight:700}.main{min-width:0}.content{margin:auto}.hero{display:grid}.eyebrow{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--green);font-weight:700}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#46a57b;margin-right:5px}.buttons{display:flex;gap:12px;margin:24px 0}.btn{border:1px solid var(--line);color:var(--ink);background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn:hover{filter:brightness(.95);transform:translateY(-1px)}.text-link{color:var(--green);font-size:12px}.micro{font-size:10px;color:var(--muted)}.pill,.badge{display:inline-block;border-radius:20px;padding:7px 10px;font-size:9px;letter-spacing:.4px}.badge{background:#e9f0e4;color:#56735f;border:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 22px}.section-head h2{margin:0}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.agent-card{padding:25px;border-radius:13px}.agent-top{display:flex;align-items:center;justify-content:space-between}.agent-card h3{font-size:20px;font-weight:400;margin:24px 0 12px}.agent-card p{font-size:12px;line-height:1.8;color:var(--muted)}.card-footer{display:flex;justify-content:space-between;gap:12px;padding-top:20px;margin-top:23px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.mini-agent{width:52px;height:52px}.two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:25px;align-items:start}.content[data-page="create-agent"] .two-col{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.panel{border-radius:14px}.field{display:flex;flex-direction:column;gap:9px;margin:22px 0}.field input,.field select{width:100%;border:1px solid var(--line);color:var(--ink)}.error{font-size:12px;min-height:16px}.sub{color:var(--muted);font-size:13px}.chart{display:block;width:100%;height:290px}.empty{padding:55px 25px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:13px;margin-top:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:400}td,th{padding:20px 12px;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#174f39;color:white;font-size:12px;border-radius:8px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}
/* VANTRO CONTROL */
:root{--bg:#f6f7f2;--ink:#213b31;--muted:#79877e;--green:#087755;--line:#dbe2d9;--white:#fdfefb}body{font-family:Arial,sans-serif}.layout{display:block}.main{width:100%}.masthead{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px;background:#fcfdf9}.logo{font-size:25px;letter-spacing:-1px;gap:11px}.logo svg{width:44px;height:44px;color:var(--green)}.logo small{display:block;font:9px Arial;letter-spacing:4px;margin:4px 0 0 2px;color:var(--muted)}.nav{display:flex;gap:5px}.nav a{font-size:12px;padding:12px 16px}.nav a.active{background:transparent;position:relative}.nav a.active:after{content:'';position:absolute;bottom:2px;left:16px;right:16px;height:2px;background:var(--green)}.mode{font-size:11px;display:flex;align-items:center;gap:8px;white-space:nowrap}.mode span{margin-left:15px}.content{padding:56px 5% 40px;max-width:1800px}.hero{grid-template-columns:.85fr 1.35fr;gap:32px;min-height:550px;padding:0;border:0;align-items:center}.hero-copy{padding-bottom:20px}.hero h1{font-family:Arial,sans-serif;font-size:clamp(40px,4.2vw,68px);line-height:1.1;letter-spacing:-3px;font-weight:400;margin:26px 0}.hero h1 em{font-family:Georgia,serif;line-height:1.13;display:inline-block;margin-top:8px;font-weight:400}.hero p{font-size:14px;max-width:355px;line-height:1.9}.hero .buttons{gap:12px;margin:30px 0 35px}.btn{border-radius:8px;font-size:12px;padding:15px 20px;transition:transform .2s}.btn.primary{box-shadow:0 5px 14px #0b644017}.hero-note{display:flex;gap:13px;align-items:center;font-size:11px;color:#557366}.hero-note small{display:block;color:var(--muted);margin-top:6px;font-size:10px}.sensor-mini{font-size:33px;color:#638875}.control-scene{background:#f0f3ed;border:1px solid #dde4db;border-radius:18px;overflow:hidden;position:relative;min-width:0;box-shadow:0 22px 45px #233e3010}.scene-heading{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}.scene-heading .eyebrow{font-size:8px}.pill{font-size:9px;background:#f9fcf4d9;border:1px solid #d3dfd0}.room{height:480px;width:100%;cursor:grab}.room:active{cursor:grabbing}.room canvas{display:block;width:100%;height:100%;outline:none}.room-label{position:absolute;bottom:97px;left:23px;right:23px;display:flex;align-items:end;justify-content:space-between;font-size:10px;pointer-events:none}.room-label>span{letter-spacing:1.7px;font-weight:700}.room-label small{display:block;font-size:7px;letter-spacing:1px;font-weight:400;color:#738579;margin-top:6px}.room-label b{font-size:9px;font-weight:400;color:var(--green);background:#f7faf3df;padding:8px;border-radius:5px}.scene-controls{padding:12px 16px;background:#f9fbf6;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:6px;position:relative}.scene-controls>div{display:flex;gap:4px}.scene-controls button{border:0;background:transparent;padding:8px 9px;border-radius:5px;font-size:9px;color:#446253}.scene-controls button:hover,.scene-controls button:focus{background:#e1ebdf;color:var(--green)}.scene-hint{margin:0;padding:0 12px 12px;text-align:center;font-size:8px;color:#8a968b;background:#f9fbf6;letter-spacing:.4px}.system-strip{display:grid;grid-template-columns:1.1fr 1fr 1.1fr 1fr;align-items:center;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:42px 0 48px;gap:20px}.system-strip>span{font-size:9px;letter-spacing:1px;color:#6f8476}.system-strip>div{border-left:1px solid var(--line);padding-left:28px;display:flex;flex-direction:column;gap:9px}.system-strip small{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.system-strip b{font-size:21px;font-weight:400}.system-strip b span{font-size:15px;color:#8f9d92;margin-left:30px}.section-head h2{font-weight:400;font-size:27px;letter-spacing:-1px;margin:12px 0 5px}.section-head .text-link{font-size:11px}.mandates{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}.mandate{padding:27px 0 0;border-top:1px solid #b8c9bb;transition:transform .2s}.mandate:hover{transform:translateY(-4px)}.mandate-number{font-size:8px;letter-spacing:1.7px;color:#84968a}.mandate h3{font:400 22px Georgia;margin:24px 0 13px}.mandate p{font-size:12px;line-height:1.7;color:var(--muted);max-width:290px}.mandate>div{font-size:10px;margin:25px 0 0;display:flex;justify-content:space-between;color:#38674e}.mandate b{font-size:19px}footer{margin:20px 5% 0;padding:25px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;color:var(--muted);gap:20px}footer nav{display:flex;gap:22px}footer .text-link{font-size:10px}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px}.page-title{font:400 48px Arial;letter-spacing:-2px;margin:18px 0}.sub{line-height:1.8}.panel{background:#fcfdf9;border:1px solid var(--line);box-shadow:none;padding:28px}.field label{font-size:11px}.field input,.field select{background:#f6f8f2;padding:14px;border-radius:7px}.notice{font-size:11px;line-height:1.8;padding:17px 20px;margin:18px 0 25px;background:#eaf0e5;color:#54705e}.agents-overview{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.agents-overview h2{font:400 47px/1.1 Georgia;letter-spacing:-1px}.agents-overview .sub{max-width:330px}.mini-agent{background:#eef2e9!important;box-shadow:none;border:1px solid #ced8c9;border-radius:50%!important;display:grid;place-items:center}.mini-agent i{background:transparent!important;font-size:32px;color:var(--green);font-style:normal}.agent-card{background:#fcfdf9;border:1px solid var(--line)}.fallback{padding:120px 30px;font-size:13px;line-height:1.8}.error{color:#a64333}body{overflow-x:hidden}
@media(min-width:1500px){.room{height:580px}.hero{gap:60px}}
@media(max-width:1100px){.masthead{padding:0 4%;gap:10px}.nav a{padding:12px 10px}.content{padding:40px 4%}.hero{grid-template-columns:1fr 1.15fr;gap:20px;min-height:unset}.hero h1{font-size:44px;letter-spacing:-2px}.hero .buttons{flex-wrap:wrap}.room{height:450px}.hero-note{display:none}.agents-overview{gap:25px}.mode{font-size:9px}.system-strip{grid-template-columns:1fr 1fr 1fr}.system-strip>span{display:none}}
@media(max-width:760px){.layout{display:block}.main{margin:0}.masthead{height:auto;flex-wrap:wrap;padding:17px 5% 8px}.logo{font-size:22px}.logo svg{width:36px;height:36px}.mode{font-size:9px}.nav{order:3;overflow-x:auto;flex-direction:row;width:100%;justify-content:space-between;gap:0;margin-top:15px}.nav a{white-space:nowrap;font-size:10px;padding:13px 7px}.nav a.active:after{left:7px;right:7px}.content{padding:35px 5% 25px}.hero{grid-template-columns:1fr;gap:20px}.hero-copy{padding:0}.hero h1{font-size:44px;line-height:1.08;margin:22px 0}.hero p{max-width:400px;font-size:12px}.hero .buttons{margin:23px 0 15px}.room{height:390px}.scene-heading{left:15px;right:15px;top:16px}.scene-controls{padding:10px 6px}.scene-controls button{font-size:8px;padding:8px}.room-label{left:16px;right:16px}.room-label b{max-width:120px}.system-strip{margin:30px 0;padding:23px 0;gap:10px}.system-strip>div{padding-left:12px}.system-strip>div:first-of-type{border:0;padding:0}.system-strip small{font-size:6px;letter-spacing:.7px}.system-strip b{font-size:16px}.system-strip b span{display:none}.mandates{grid-template-columns:1fr;gap:26px}.mandate h3{margin:16px 0 10px}.mandate p{max-width:none}.mandate>div{margin-top:14px}.section-head{align-items:center;gap:15px}.section-head h2{font-size:23px}.section-head .text-link{font-size:9px;max-width:100px}.page-intro{display:block}.page-title{font-size:37px}.page-intro .badge{display:inline-block;margin-top:10px}.two-col,.content[data-page="create-agent"] .two-col{display:grid;grid-template-columns:1fr}.agents-overview{grid-template-columns:1fr;gap:20px}.agents-overview h2{font-size:35px}.agent-grid{grid-template-columns:1fr}.panel{padding:20px}.chart{height:230px}footer{flex-wrap:wrap;gap:15px}footer>span{width:100%}.content[data-page="discover"] .agent-card{display:block}.table-wrap{overflow-x:auto}td,th{white-space:nowrap;padding:15px 10px}.content[data-page="strategies"] .agent-card{border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.logo>span:last-child{display:block}.masthead .nav a.active{border-left:0;border-radius:0}.hero .scene-hint{font-size:8px;line-height:1.5;max-width:none;margin:0;padding:0 12px 12px;color:#8a968b}.room-label{bottom:100px}.room-label>span{background:#f4f8efcf;padding:8px;border-radius:5px}.hero .control-scene{align-self:center}
.config-summary{margin-top:14px;display:flex;justify-content:space-between;gap:15px;padding:18px 22px;border:1px solid var(--line);background:#fafcf6;border-radius:10px}.config-summary span{font-size:8px;letter-spacing:1px;color:var(--muted)}.config-summary b{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:var(--green);margin-top:7px}
.scene-controls button[aria-pressed="true"]{background:#e1ebdf;color:var(--green)}.scene-hint a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.mandate:focus-visible{outline-offset:8px}
.supplemental,.detail-panel{margin-top:25px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:20px;margin:24px 0}.metric-grid>div{padding:20px;background:#edf2e8;border-radius:10px;font-size:10px;color:#708173}.metric-grid b{display:block;font-size:24px;font-weight:400;color:#244f3a;margin-top:12px}.decision-flow{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.decision-flow span{padding:9px 12px;background:#e5eee0;border-radius:7px;font-size:10px;color:#437057}.decision{padding:16px 0;border-bottom:1px solid var(--line)}.decision b{font-size:12px;font-weight:500;color:var(--green)}.decision p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0}.decision small{font-size:9px;color:var(--muted)}.execution-row{font-size:11px;line-height:1.8;padding-bottom:12px;border-bottom:1px solid var(--line)}.equity-chart{width:100%;height:160px}.detail-panel .buttons,.supplemental .buttons,.config-summary{flex-wrap:wrap}.btn:disabled{opacity:.4;cursor:not-allowed}.card-footer{flex-wrap:wrap}.card-footer button{background:transparent;border:0;cursor:pointer}.panel h2{font-weight:400;letter-spacing:-.6px;font-size:24px}.table-wrap{margin-top:25px}
.content[data-page="terminal"] .buttons{flex-wrap:wrap}.content[data-page="create-agent"] aside{position:sticky;top:20px}@media(max-width:1000px){.content[data-page="terminal"] .two-col,.content[data-page="create-agent"] .two-col{grid-template-columns:1fr}.content[data-page="create-agent"] aside{position:static;order:-1}.content[data-page="terminal"] .chart{height:280px}}@media(max-width:450px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid b{font-size:20px}.decision-flow span{padding:8px;font-size:9px}.config-summary{padding:16px}.form .btn{width:100%}}
.core-selector{display:flex;align-items:center;gap:15px;margin-bottom:17px;flex-wrap:wrap}.core-selector label{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.core-selector select{flex:1;min-width:140px;padding:11px;border:1px solid var(--line);background:#fafcf6;border-radius:7px;font-size:11px;color:var(--green)}.profile-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin-top:24px;align-items:start}.profile-summary h2{font:400 36px Georgia;line-height:1.2}.profile-summary .buttons{flex-wrap:wrap}.profile-tabs{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.profile-tabs button{border:0;background:transparent;color:var(--green);font-size:12px;padding:10px 0}.mandate-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:15px 0}.mandate-spec>div{font-size:10px;color:var(--muted)}.mandate-spec b{display:block;font-size:13px;font-weight:400;color:var(--ink);margin-top:10px;line-height:1.7}#mandate,#performance,#decisions{scroll-margin-top:25px}.control-scene[data-state="stopped"] .dot{background:#a1aa9c}@media(max-width:1000px){.profile-layout{grid-template-columns:1fr}.mandate-spec{grid-template-columns:repeat(2,1fr)}}@media(max-width:450px){.core-selector .text-link{font-size:10px}.profile-summary h2{font-size:29px}.mandate-spec{gap:18px}.profile-tabs{gap:20px}}
.control-scene[data-status="stopped"] .scene-heading .pill{color:#7d8479;background:#e8ece5}.control-scene[data-status="running"] .scene-heading .pill{background:#e5f1e2;color:#087755}.profile-summary .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lab-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}.lab-fields .field{margin:14px 0}.lab-chart{width:100%;height:280px;display:block}.chart-legend{display:flex;gap:25px;color:#087755;font-size:11px}.chart-legend span:last-child{color:#82978a}.replay-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.replay-controls label{font-size:10px;color:var(--muted)}.replay-controls input{flex:1;min-width:100px;accent-color:#087755}.lab-trace{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.lab-trace>div{padding:20px;background:#f0f4eb;border-radius:10px}.lab-trace span{font-size:8px;letter-spacing:1.3px;color:#53745c}.lab-trace p{font-size:12px;line-height:1.8;color:#6b7b6d}.saved-time{display:block;font-size:9px;color:var(--muted);margin-top:6px;white-space:normal;line-height:1.6}.lab-intro h2{font:400 32px Georgia}.lab-intro .micro{line-height:1.8}@media(max-width:1000px){.lab-fields,.lab-trace{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.lab-fields{gap:0 12px}.lab-fields .field label{font-size:10px}.lab-trace{grid-template-columns:1fr}.lab-chart{height:230px}.replay-controls .btn{padding:12px;font-size:10px}.replay-controls input{width:100%;flex-basis:100%}.lab-intro h2{font-size:27px}}
#live-trading .micro{overflow-wrap:anywhere}#live-trading select{max-width:100%}#dex-review .notice{margin-top:24px}#live-trading .buttons{flex-wrap:wrap}
.token-select{width:100%;padding:16px;border:1px solid #dce5da;border-radius:12px;text-align:left;background:#f6f8f2;color:#087755;font-size:13px}.token-dialog{width:min(510px,calc(100vw - 30px));max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;border:1px solid #dce5da;border-radius:20px;background:#fafbf6;color:#203f32;padding:25px;box-shadow:0 24px 100px #163a332b}.token-dialog::backdrop{background:#18352b66;backdrop-filter:blur(5px)}.token-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.token-picker-head h2{font:400 28px Georgia;margin:0}.token-picker-head .btn{padding:8px 13px;font-size:20px}.token-dialog .field{margin:18px 0}#token-results{max-height:330px;overflow:auto;margin-bottom:18px}.token-option{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid #dce5da;border-radius:10px;padding:12px;margin:8px 0;color:#203f32}.token-option:hover{border-color:#087755}.token-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#eaf0e5;border-radius:50%;color:#087755;font-size:11px}.token-option b{font-size:13px}.token-option small{display:block;color:#718073;font-size:10px;margin-top:4px}.token-option>span:last-child{margin-left:auto}.token-dialog summary{cursor:pointer;color:#087755;font-size:12px}.token-ack{display:flex;gap:8px;align-items:center;font-size:11px;margin:14px 0}.swap-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#fff;padding:18px;border-radius:12px;margin:20px 0}.swap-facts small{display:block;font-size:8px;letter-spacing:1px;color:#718073;margin-bottom:8px}.swap-facts b{font-size:14px;overflow-wrap:anywhere}#info-tokenIn,#info-tokenOut{overflow-wrap:anywhere}@media(max-width:450px){.token-dialog{padding:18px}.swap-facts{grid-template-columns:1fr}.token-picker-head h2{font-size:24px}}

#dex-form .notice .micro{display:block;margin-top:8px}#dex-review .notice{overflow-wrap:anywhere}#dex-review details{margin:16px 0}#info-tokenIn,#info-tokenOut{overflow-wrap:anywhere}

#dex-form .two-col{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}#dex-form .field{margin:12px 0}#dex-form .notice{margin:0;padding:15px;border-radius:10px;font-size:12px}#dex-form .micro{line-height:1.7}@media(max-width:650px){#dex-form .two-col{grid-template-columns:1fr;gap:8px}}
