.torno-home{background:#0d0d0d;color:#eeedeb;padding:clamp(96px,9vw,148px) 0}
.torno-home-inner{max-width:1380px}
.torno-intro{display:grid;grid-template-columns:1.1fr .7fr;gap:70px;align-items:end}
.torno-intro .eyebrow{color:#a5a39f}
.torno-intro h2{max-width:760px;margin:26px 0 0;font-size:clamp(43px,5.1vw,70px);font-weight:450;letter-spacing:-.055em;line-height:1.06}
.torno-intro>p{max-width:420px;margin:0 0 6px;color:#b4b2ae;font-size:clamp(16px,1.35vw,19px);line-height:1.65}
.torno-bridge{display:flex;align-items:center;gap:12px;margin-top:46px;color:#c9c7c3;font-size:13px;line-height:1.5}
.torno-bridge i,.torno-pulse{display:inline-block;width:7px;height:7px;flex:none;border-radius:2px;background:#bd917d}
.torno-system{margin-top:32px;border:1px solid #3d3c3a;background:#151515;border-radius:7px;overflow:hidden;box-shadow:0 30px 90px #0005}
.torno-system-bar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border-bottom:1px solid #363634}
.torno-system-brand{display:flex;align-items:center;gap:12px;min-width:0;color:#a8a6a2;font:9px/1.4 var(--mono);letter-spacing:.08em}
.torno-system-brand strong{font:500 14px/1 var(--font);letter-spacing:0;color:#eeece8;white-space:nowrap}
.torno-system-divider{width:1px;height:17px;background:#484743}
.torno-mark{width:24px;height:24px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.torno-mark i{display:block;height:1px;background:#cda391;border-radius:1px}
.torno-mark i:nth-child(1){width:17px}.torno-mark i:nth-child(2){width:22px}.torno-mark i:nth-child(3){width:14px}
.torno-demo-label{color:#a39b95;font:9px/1.3 var(--mono);letter-spacing:.08em;white-space:nowrap}
.torno-system-grid{display:grid;grid-template-columns:190px minmax(0,1fr) 285px;min-height:540px}
.torno-system-nav{grid-area:auto;display:flex;flex-direction:column;min-width:0;padding:28px 15px;border-right:1px solid #363634;background:#181818}
.torno-nav-caption,.torno-nav-bottom{padding-left:11px;color:#8d8b87;font:9px/1.5 var(--mono);letter-spacing:.08em}
.torno-system-tabs{display:grid;gap:4px;margin-top:18px}
.torno-system-tabs button{display:flex;align-items:center;gap:10px;min-height:44px;width:100%;border:0;border-radius:4px;background:transparent;color:#b7b5b1;padding:11px;text-align:left;font:400 12px/1.35 var(--font);cursor:pointer;transition:background .2s,color .2s}
.torno-system-tabs button:hover,.torno-system-tabs button[aria-pressed=true]{background:#33312f;color:#f2f0ec}
.torno-system-tabs button b{margin-left:auto;color:#caa18f;font-size:15px;font-weight:400;opacity:0}
.torno-system-tabs button[aria-pressed=true] b{opacity:1}
.torno-system-tabs button:focus-visible,.torno-more:focus-visible{outline:2px solid #d6aa96;outline-offset:3px}
.torno-nav-icon{width:17px;flex:none;text-align:center;font-size:15px;color:#b5a59c}
.torno-nav-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:35px;font-size:8px}
.torno-nav-bottom .torno-pulse{width:6px;height:6px}
.torno-chat{min-width:0;background:#111}
.torno-chat-head{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:82px;padding:20px 26px;border-bottom:1px solid #363634}
.torno-chat-caption{display:block;color:#9b9995;font:9px/1.4 var(--mono);letter-spacing:.07em}
.torno-chat-head strong{display:block;margin-top:7px;color:#e8e6e3;font-size:14px;font-weight:500}
.torno-chat-badge{padding:5px 7px;border:1px solid #49443f;border-radius:3px;color:#c3aba0;font:9px var(--mono)}
.torno-chat-body{padding:25px 26px 22px}
.torno-message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start}
.torno-message+.torno-message{margin-top:24px}
.torno-avatar{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #4f4d49;border-radius:6px;font:10px var(--mono)}
.torno-avatar-user{color:#d1ceca;background:#242424}
.torno-avatar-ai{color:#d6a990;background:#2a211d;font-size:15px}
.torno-message-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:20px}
.torno-message-meta strong{color:#dfddda;font-size:12px;font-weight:500}
.torno-message-meta span{color:#8f8b87;font:8px/1.4 var(--mono);letter-spacing:.04em}
.torno-message p{margin-top:5px;color:#c4c2be;font-size:13px;line-height:1.65}
.torno-flow{margin:21px 0 0 40px;border:1px solid #403e3b;border-radius:5px;background:#1a1a19;padding:17px}
.torno-flow-head{display:flex;justify-content:space-between;gap:8px;padding-bottom:14px;border-bottom:1px solid #393735;color:#a8a49f;font:8px/1.4 var(--mono);letter-spacing:.05em}
.torno-flow-head span:last-child{color:#b99888}
.torno-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:16px}
.torno-flow-steps>div{min-width:0}
.torno-flow-index{display:grid;place-items:center;width:24px;height:24px;border:1px solid #655850;border-radius:50%;color:#c69a87;font:9px var(--mono)}
.torno-flow-steps strong,.torno-flow-steps small{display:block;overflow-wrap:anywhere}
.torno-flow-steps strong{margin-top:10px;color:#e2dfdb;font-size:11px;line-height:1.35;font-weight:500}
.torno-flow-steps small{margin-top:4px;color:#9b9995;font-size:10px;line-height:1.45}
.torno-compose{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:26px;padding:13px 14px;border:1px solid #464441;border-radius:5px;color:#85837f;font-size:12px}
.torno-compose span:last-child{display:grid;place-items:center;width:24px;height:24px;border-radius:4px;background:#33302e;color:#c4b2a9;font-size:14px}
.torno-inspector{min-width:0;padding:27px 23px;border-left:1px solid #363634;background:#1a1a19}
.torno-inspector-top{display:flex;justify-content:space-between;gap:8px;padding-bottom:20px;border-bottom:1px solid #3b3a38;color:#a5a29e;font:9px/1.4 var(--mono);letter-spacing:.05em}
.torno-inspector-top span:last-child{color:#c09784}
.torno-inspector-panel{padding-top:26px}
.torno-inspector-panel[hidden]{display:none}
.torno-inspector-kicker,.torno-kicker{color:#bc9d8d;font:9px/1.5 var(--mono);letter-spacing:.08em}
.torno-inspector-panel h3{margin-top:13px;color:#eeece8;font-size:24px;line-height:1.16;letter-spacing:-.035em;font-weight:450}
.torno-inspector-panel>p{margin-top:12px;color:#a9a7a3;font-size:13px;line-height:1.7}
.torno-inspector-list{display:grid;margin-top:25px;border-top:1px solid #3b3a38}
.torno-inspector-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #3b3a38;font-size:11px;line-height:1.4}
.torno-inspector-list span{color:#a19e9a}.torno-inspector-list strong{color:#dedbd7;font-weight:500;text-align:right}
.torno-inspector-note{display:flex;align-items:center;gap:8px;margin-top:22px;color:#aaa8a4;font-size:11px;line-height:1.5}
.torno-inspector-note .torno-pulse{width:6px;height:6px}
.torno-token-card{margin-top:25px;padding:15px;border:1px solid #484441;border-radius:5px;background:#20201f}
.torno-token-top span{display:block;color:#a19c97;font:8px/1.5 var(--mono)}
.torno-token-top strong{display:block;margin-top:10px;color:#f0eeea;font-size:21px;font-weight:450;letter-spacing:-.03em}
.torno-token-top small{color:#a19e99;font-size:11px;font-weight:400;letter-spacing:0}
.torno-token-track{display:flex;gap:2px;height:5px;margin-top:17px;background:#3b3937;border-radius:4px;overflow:hidden}
.torno-token-track i:first-child{width:40%;background:#d4b19f}.torno-token-track i:last-child{width:26.667%;background:#8d8984}
.torno-token-legend{display:grid;gap:8px;margin-top:15px}
.torno-token-legend span{display:flex;align-items:center;gap:7px;color:#aaa7a2;font-size:10px}
.torno-token-legend i{width:5px;height:5px;background:#d4b19f;border-radius:1px}.torno-token-legend span:last-child i{background:#8d8984}
.torno-token-legend b{margin-left:auto;color:#d7d4cf;font-weight:400}
.torno-capabilities{margin-top:88px}
.torno-capabilities-head{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:50px;padding-bottom:35px;border-bottom:1px solid #393836}
.torno-capabilities-head h3{margin-top:16px;font-size:clamp(33px,3.4vw,46px);line-height:1.12;letter-spacing:-.04em;font-weight:450}
.torno-capabilities-head>p{max-width:390px;color:#aaa8a4;font-size:15px;line-height:1.75}
.torno-capabilities-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.torno-feature{padding:31px 26px 0 0}
.torno-feature+.torno-feature{border-left:1px solid #393836;padding-left:26px}
.torno-feature-index{color:#bca294;font:10px var(--mono)}
.torno-feature h4{margin-top:20px;font-size:19px;font-weight:450;line-height:1.25;letter-spacing:-.02em}
.torno-feature p{max-width:290px;margin-top:12px;color:#aaa8a4;font-size:14px;line-height:1.75}
.torno-project-note{display:flex;gap:12px;align-items:flex-start;margin-top:38px;padding-top:23px;border-top:1px solid #393836;color:#b5b2ae;font-size:13px;line-height:1.7}
.torno-project-note .torno-pulse{margin-top:8px}
.torno-home-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:45px}
.torno-home-footer p{color:#c9c6c2;font-size:14px;line-height:1.6}
.torno-more{color:#eee;text-decoration:none;border-bottom:1px solid #89847e;padding-bottom:7px;font-size:14px;white-space:nowrap}
.torno-more span:first-child{margin-left:18px;color:#c49b88}
@media(max-width:1100px){.torno-system-grid{grid-template-columns:165px minmax(0,1fr) 260px}.torno-system-nav{padding-inline:10px}.torno-chat-head{padding-inline:20px}.torno-chat-body{padding-inline:20px}.torno-inspector{padding-inline:19px}}
@media(max-width:900px){.torno-system-grid{grid-template-columns:160px minmax(0,1fr);grid-template-areas:"nav chat" "nav inspect"}.torno-system-nav{grid-area:nav}.torno-chat{grid-area:chat}.torno-inspector{grid-area:inspect;border-left:0;border-top:1px solid #363634}.torno-capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.torno-feature:nth-child(3){border-left:0;border-top:1px solid #393836;padding:31px 26px 0 0;margin-top:30px}.torno-feature:nth-child(4){border-top:1px solid #393836;margin-top:30px}}
@media(max-width:700px){.torno-home{padding:78px 0}.torno-intro{grid-template-columns:1fr;gap:22px}.torno-intro h2{margin-top:20px;font-size:clamp(39px,9.5vw,59px)}.torno-intro>p{font-size:15px}.torno-bridge{margin-top:30px}.torno-system{margin-top:25px}.torno-system-bar{padding:15px;min-height:55px}.torno-system-brand{gap:8px;font-size:8px}.torno-system-brand strong{font-size:13px}.torno-demo-label{font-size:8px}.torno-system-grid{grid-template-columns:1fr;grid-template-areas:"chat" "nav" "inspect"}.torno-system-nav{border-right:0;border-top:1px solid #363634;padding:22px 16px}.torno-nav-caption{padding-left:8px}.torno-system-tabs{grid-template-columns:1fr 1fr;margin-top:13px;gap:4px}.torno-system-tabs button{min-height:48px;font-size:12px}.torno-nav-bottom{display:none}.torno-chat-head{padding:19px;min-height:76px}.torno-chat-body{padding:22px 19px}.torno-flow{margin-left:0}.torno-flow-steps{grid-template-columns:1fr;gap:0}.torno-flow-steps>div{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:10px;padding:8px 0}.torno-flow-index{grid-row:span 2}.torno-flow-steps strong{margin-top:0}.torno-flow-steps small{margin-top:2px}.torno-inspector{padding:24px 20px}.torno-inspector-panel h3{font-size:24px}.torno-capabilities{margin-top:65px}.torno-capabilities-head{grid-template-columns:1fr;gap:18px}.torno-capabilities-head h3{font-size:36px}.torno-capabilities-head>p{font-size:14px}.torno-capabilities-grid{grid-template-columns:1fr}.torno-feature,.torno-feature+.torno-feature,.torno-feature:nth-child(3),.torno-feature:nth-child(4){border-left:0;border-top:1px solid #393836;padding:25px 0;margin-top:0}.torno-feature:first-child{border-top:0}.torno-feature h4{margin-top:11px}.torno-feature p{max-width:500px;margin-top:8px}.torno-project-note{margin-top:0}.torno-home-footer{align-items:flex-start;flex-direction:column;gap:19px;margin-top:32px}}
@media(max-width:360px){.torno-system-brand{font-size:7px}.torno-demo-label{font-size:7px}.torno-chat-head,.torno-chat-body{padding-inline:15px}.torno-flow{padding:13px}.torno-system-tabs button{font-size:11px;gap:6px}}
@media(prefers-reduced-motion:reduce){.torno-system-tabs button{transition:none}}