.nx-home .nx-action-hero{background:radial-gradient(ellipse at 80% 20%,#42766330,transparent 60%),#0b2130;padding:55px 0 48px}
.nx-home .nx-action-hero .nx-hero-grid{grid-template-columns:1fr 1.08fr;gap:54px}
.nx-home .nx-action-hero h1{font-size:clamp(3.1rem,5.3vw,4.8rem);line-height:1.05;letter-spacing:-.06em}
.nx-home .nx-action-hero h1 em{color:#b4ebd4}
.nx-home .nx-action-hero .nx-kicker{color:#b4ebd4;border-left-color:#ff9d78}
.nx-home .nx-action-hero .nx-hero-copy>p:not(.nx-kicker):not(.nx-caption){color:#d4e3e8;font-size:1.05rem}
.nx-task-launcher{background:#fbf5ec;color:#163445;border:1px solid #d7ddc9;border-radius:22px;box-shadow:9px 10px 0 #0002;overflow:hidden;min-width:0}
.nx-launch-top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 23px;border-bottom:1px solid #dfd7ca;font:700 .68rem var(--nx-display);letter-spacing:.08em}
.nx-launch-top span:last-child{font-size:.63rem;background:#c3ead6;padding:5px 9px;border-radius:20px;letter-spacing:0;color:#244e3e}
.nx-task-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:17px 19px 0}
.nx-task-controls button{background:#eee4d6;border:1px solid #d4c7b7;color:#284755;border-radius:9px;padding:11px 4px;min-height:45px;font:700 .77rem var(--nx-display);cursor:pointer}
.nx-task-controls button[aria-pressed=true]{background:#173d50;border-color:#173d50;color:#fff7e7}
.nx-task-controls button:hover{border-color:#173d50}
.nx-task-panel{padding:21px 24px 24px;min-height:317px}
.nx-task-panel h2{font-size:1.75rem;font-weight:800;max-width:360px;letter-spacing:-.045em;margin-bottom:13px}
.nx-task-panel>p{color:#486270;font-size:.9rem;line-height:1.6}
.nx-task-flow{list-style:none;display:flex;gap:6px;flex-wrap:wrap;padding:0;margin:19px 0 23px}
.nx-task-flow li{font:700 .69rem var(--nx-display);padding:7px 9px;border:1px solid #c4cebd;background:#e0eadc;border-radius:6px;color:#304d43}
.nx-task-flow li:nth-child(2){background:#dceaf0;color:#27485c}.nx-task-flow li:nth-child(3){background:#ffe1cb;color:#64402b}.nx-task-flow li:nth-child(4){background:#f4e8b5;color:#5f502c}
.nx-task-preview{display:flex;align-items:center;gap:13px;padding:12px 14px;margin-top:16px;min-height:80px;background:#e2efdf;border:1px solid #c4d7be;border-radius:12px}
.nx-task-preview svg{width:44px;height:44px;flex:0 0 44px;color:#28513e}
.nx-task-preview div{min-width:0}.nx-task-preview div>span{display:block;font:700 .6rem var(--nx-display);letter-spacing:.06em;text-transform:uppercase;color:#496157;margin-bottom:5px}
.nx-task-preview strong{display:block;font:700 .8rem var(--nx-display);line-height:1.45}.nx-preview-arrow{font-size:1.3rem;margin-left:auto}
.nx-preview-create{background:#ffe1cb;border-color:#e8c5a9}.nx-preview-create svg{color:#87552e}.nx-preview-local{background:#dceaf0;border-color:#bfd3de}.nx-preview-local svg{color:#2c6076}.nx-preview-support{background:#f4e8b5;border-color:#ddd099}.nx-preview-support svg{color:#75612c}
.nx-task-panel{min-height:415px}
.nx-home .nx-action-hero h1 em{position:relative;display:inline-block}.nx-home .nx-action-hero h1 em::after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:3px;background:#ff9d78;border-radius:3px;transform-origin:left}
@media(prefers-reduced-motion:no-preference){
 .nx-home .nx-action-hero h1 em::after{animation:nx-connected-line .7s cubic-bezier(.22,1,.36,1) both}
 .nx-task-controls button,.nx-path-icon,.nx-path b span,.nx-tool-icon,.nx-preview-arrow{transition:transform .2s ease,background-color .2s ease,color .2s ease}
 .nx-task-controls button:active{transform:scale(.96)}
 .nx-path:focus-visible .nx-path-icon,.nx-path:hover .nx-path-icon{transform:rotate(-7deg) scale(1.07)}
 .nx-path:focus-visible b span,.nx-path:hover b span,.nx-task-panel:focus-within .nx-preview-arrow{transform:translate(3px,-3px)}
 .nx-tool-short:focus-visible .nx-tool-icon,.nx-tool-short:hover .nx-tool-icon{transform:translateY(-3px)}
 @keyframes nx-connected-line{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
}
.nx-task-panel .nx-button{font-size:.88rem;min-height:48px;margin-bottom:13px}
.nx-task-panel .nx-launch-note{font-size:.77rem;line-height:1.5;color:#486270;margin:0}
.nx-task-panel .nx-launch-note a{text-decoration:underline;text-underline-offset:3px;font-weight:700}
.nx-task-panel .nx-launch-alt{display:inline-block;font-size:.8rem;font-weight:700;text-decoration:underline;text-underline-offset:4px;margin-top:14px}
.nx-quick-starts{display:flex;gap:13px;flex-wrap:wrap;margin-top:24px;font-size:.8rem;color:#c9e1e9}
.nx-quick-starts a{text-decoration:underline!important;text-underline-offset:4px}
.nx-home .nx-path-icon{position:static;transform:none;margin-bottom:20px;background:#fff7}
.nx-home .nx-path .nx-card-code{max-width:none;margin-bottom:10px}
.nx-home .nx-path h3{margin-top:0;max-width:none}
.nx-history-details{margin-top:35px;border:1px solid #cfbeaa;border-radius:15px;overflow:hidden;background:#efe4d4}
.nx-history-details>summary{padding:19px 22px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:16px;font-weight:700;color:#203c4c;min-height:72px}
.nx-history-details>summary::-webkit-details-marker{display:none}
.nx-history-details>summary span:first-child{border:1px solid #bdc5b2;background:#d3e4cc;border-radius:8px;padding:7px 9px;font:700 .65rem ui-monospace,monospace;color:#355140}
.nx-history-details>summary b{margin-left:auto;font-size:1.4rem;font-weight:400}.nx-history-details[open]>summary b{transform:rotate(45deg)}
.nx-history-details .nx-history{padding:28px!important;margin:0;border-radius:0}
.nx-history .nx-evolution{max-width:550px;width:100%;margin:auto}
.nx-history .nx-era-note{font-size:.78rem}.nx-history .nx-era-tabs button{font-size:.76rem;min-height:67px}.nx-history .nx-era-tabs button strong{font-size:.77rem}.nx-history .nx-era-copy p{font-size:.94rem}
.nx-first-steps{margin-top:25px;padding:18px 22px;background:#e1eddf;border:1px solid #c6d9be;border-radius:12px;font-size:.85rem;color:#294c3d}
.nx-first-steps a{font-weight:700;text-decoration:underline!important;text-underline-offset:4px}
@media(max-width:1050px){.nx-home .nx-action-hero .nx-hero-grid{gap:28px}.nx-home .nx-action-hero h1{font-size:clamp(2.8rem,5vw,4.3rem)}}
@media(max-width:760px){.nx-home .nx-action-hero{padding:34px 0}.nx-home .nx-action-hero .nx-hero-grid{grid-template-columns:1fr;gap:29px}.nx-home .nx-action-hero h1{font-size:clamp(2.9rem,9vw,4rem)}.nx-task-launcher{max-width:560px;width:100%;margin:auto}.nx-task-panel{min-height:285px}.nx-history-details>summary{padding:17px;gap:10px;font-size:.86rem}.nx-history-details>summary span:first-child{display:none}.nx-history-details .nx-history{padding:22px 16px!important}.nx-history .nx-era-tabs button{font-size:.67rem}.nx-first-steps{padding:17px}}
@media(max-width:380px){.nx-task-controls{gap:4px;padding-inline:13px}.nx-task-controls button{font-size:.7rem}.nx-task-panel{padding:20px;min-height:330px}.nx-task-panel h2{font-size:1.6rem}.nx-launch-top{padding:16px;font-size:.6rem}.nx-history .nx-era-tabs button strong{font-size:.69rem}}
@media(max-width:760px){.nx-task-panel{min-height:405px}}
@media(max-width:380px){.nx-task-panel{min-height:450px}.nx-task-preview{padding:11px;gap:10px}.nx-task-preview strong{font-size:.76rem}}
