:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#20362e;background:#f8f9f5;font-synthesis:none;--green:#244e3d;--muted:#758078;--line:#e4e8df;--paper:#f8f9f5;--sidebar:#142c25}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #90bd92;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:none}input:focus-visible{border-color:#568c63;box-shadow:0 0 0 3px #55865d14}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button,input,textarea{transition:background .16s,border-color .16s,box-shadow .16s}input,textarea{color:#263e33}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:29px;font-weight:620;letter-spacing:-1.3px}.brand img{width:33px;height:33px}.brand-dot{color:#b5e3b5}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650}.status-dot{display:inline-block;width:6px;height:6px;background:#8ec792;border-radius:50%;flex:none}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:var(--green);color:white;border-radius:9px;font-size:14px;font-weight:600}.primary:hover,.send-button:hover{background:#34684d}.secondary,.danger{padding:11px 17px;border:1px solid var(--line);border-radius:8px;font-size:13px;margin-top:10px}.secondary:hover{background:#f0f4ee}.danger{border-color:#ead9d5;color:#a04d3c;margin-left:8px}.error{font-size:13px;color:#a44131;line-height:1.5}.muted{color:var(--muted);font-size:13px;line-height:1.7}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.login-story{position:relative;overflow:hidden;background:#142d25;color:#dfeade;padding:48px 60px;display:flex;flex-direction:column;justify-content:space-between;min-height:700px}.login-story:after{content:"";position:absolute;inset:auto -100px -220px auto;width:430px;height:430px;border:1px solid #688d6640;border-radius:50%;box-shadow:0 0 0 60px #6682640b,0 0 0 120px #66826409;pointer-events:none}.story-copy{position:relative;z-index:1;padding:75px 0 95px}.story-copy>.eyebrow{color:#98b397}.story-copy h1{font-size:clamp(48px,4.8vw,78px);font-weight:460;line-height:1.06;letter-spacing:-3.6px;margin:25px 0 27px}.story-copy em,.welcome em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#b9d7ad}.story-copy p{font-size:15px;line-height:1.9;color:#acbeb0}.story-footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#829e8e;position:relative;z-index:1}.login-panel{display:grid;place-items:center;padding:40px}.login-box{width:100%;max-width:345px}.login-box>.eyebrow{color:#6c8a70;font-size:9px}.login-box h2{font-size:35px;letter-spacing:-1.4px;font-weight:500;margin:17px 0 10px}.login-box>p{color:#7d867d;font-size:14px;margin-bottom:38px}.login-box form label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.login-box input{width:100%;padding:13px 14px;border:1px solid #dce2d7;border-radius:8px;background:#fff;margin-bottom:22px;font-size:14px}.login-box input::placeholder{color:#a1a99f}.login-box .error{margin:0 0 12px}.login-box .invite-note{text-align:center;font-size:12px;line-height:1.8;margin:28px 0 48px}.login-trust{display:flex;gap:8px;align-items:center;justify-content:center;color:#839080;font-size:11px}
.workspace-page{height:100dvh;display:flex;overflow:hidden}.sidebar{width:244px;flex:none;background:var(--sidebar);color:#c6d6cc;padding:29px 19px 16px;display:flex;flex-direction:column}.sidebar .brand{margin-left:8px}.workspace-label{font-size:10px;color:#87a193;display:flex;align-items:center;gap:7px;margin:24px 10px 20px}.tiny-square{height:9px;width:9px;border:1px solid #809989;border-radius:2px}.new-chat{display:flex;align-items:center;gap:9px;width:100%;background:#b9dab1;color:#24432e;border-radius:7px;padding:12px 10px;font-size:12px;font-weight:600}.new-chat:hover{background:#c7e7bf}.new-chat>span{font-size:18px;font-weight:400;line-height:16px}.new-chat kbd{margin-left:auto;font-family:inherit;font-size:9px;border:1px solid #70976655;border-radius:3px;padding:1px 4px;font-weight:400}.mode-nav{display:grid;gap:4px;margin-top:26px}.mode-link{display:grid;grid-template-columns:24px 1fr;grid-template-rows:20px 17px;text-align:left;border-radius:7px;padding:8px 10px;font-size:12px;color:#afc4b8;align-items:center}.mode-link.active{background:#284135;color:#e6f0e6}.mode-link:hover{background:#243e32}.nav-icon{grid-row:1/3;color:#aac5af;font-size:22px}.code-icon{font-size:18px}.nav-description{grid-column:2;font-size:9px;color:#7e9a88}.history-heading{display:flex;justify-content:space-between;margin:36px 10px 15px;color:#789886;font-size:8px;letter-spacing:1.4px;font-weight:600}.history-heading>span:last-child{letter-spacing:0}.history{min-height:80px;overflow:auto;flex:1}.history button{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#a7bcb0;padding:11px 10px;border-radius:6px}.history button:hover,.history button.active{background:#233e31;color:#f0f3ed}.empty-history{padding:10px;font-size:11px;color:#6c8b79;line-height:1.7}.sidebar-bottom{margin-top:20px}.private-label{display:flex;gap:7px;align-items:center;font-size:9px;color:#839f8d;border-bottom:1px solid #314b3c;padding:15px 10px}.private-label .status-dot{width:5px;height:5px;background:#719979}.account-button{display:flex;align-items:center;gap:9px;text-align:left;width:100%;padding:18px 3px 0}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#40573f;color:#caddba;font-size:12px}.account-copy{flex:1;min-width:0}.account-copy strong,.account-copy span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-copy strong{font-size:11px;color:#cfdbcf;font-weight:500}.account-copy span{font-size:9px;color:#819c89;margin-top:5px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:75px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#91a08e}.breadcrumb strong{font-weight:500;color:#475c49}.slash{color:#c4cdbf}.topbar-right{display:flex;align-items:center;gap:17px}.private-pill{display:flex;align-items:center;gap:6px;font-size:9px;color:#748b70;background:#edf2e9;border:1px solid #e0e7da;padding:6px 9px;border-radius:20px}.private-pill .status-dot{width:4px;height:4px}.icon-button{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;font-size:21px;color:#85947e}.icon-button:hover{background:#eaf0e5}.scroll-area{overflow-y:auto;flex:1;min-height:0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d3decf transparent}.welcome{text-align:center;max-width:770px;margin:0 auto;padding:clamp(32px,6.5vh,85px) 20px 38px}.welcome-mark{display:inline-grid;place-items:center;width:51px;height:51px;border:1px solid #dbe6d5;border-radius:16px;background:#edf3e7;margin-bottom:20px}.welcome-mark img{height:31px;width:31px}.welcome>.eyebrow{font-size:8px;letter-spacing:2.3px;color:#8b9d81;margin:0 0 16px}.welcome h1{font-size:clamp(34px,3.5vw,50px);line-height:1.12;font-weight:450;letter-spacing:-1.9px;margin:0}.welcome em{color:#789264}.welcome-description{font-size:12px;color:#85917d;line-height:1.8;margin:21px 0 36px}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left;max-width:670px;margin:auto}.suggestions button{position:relative;border:1px solid #e0e5d9;border-radius:10px;padding:18px 17px;background:#fcfdf9;text-align:left;box-shadow:0 2px 5px #142b2502}.suggestions button:hover{border-color:#afc8a0;background:#f0f5e9;transform:translateY(-2px)}.suggestion-icon{font-size:18px;color:#8ca16f;display:block;margin-bottom:18px}.suggestions strong{display:block;font-size:11px;font-weight:550;color:#536447;margin-bottom:7px}.suggestions button>span:not(.suggestion-icon):not(.card-arrow){font-size:10px;color:#99a38f}.card-arrow{position:absolute;right:16px;top:18px;font-size:11px;color:#b5bfa9}.composer-wrap{width:min(100%,830px);margin:0 auto;padding:12px 35px 22px;flex:none}.composer{padding:15px 17px 12px;border:1px solid #dce4d5;background:#fff;border-radius:13px;box-shadow:0 5px 22px #233c2511}.composer:focus-within{border-color:#a7bb99;box-shadow:0 5px 25px #233c2519}.composer textarea{resize:none;border:0;display:block;width:100%;min-height:50px;max-height:180px;background:transparent;padding:0 1px;font-size:13px;line-height:1.65}.composer textarea::placeholder{color:#a1aa97}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:12px}.composer-left{display:flex;align-items:center;gap:10px;min-width:0}.composer-left .icon-button{width:25px;height:25px}.toolbar-divider{height:14px;width:1px;background:#e7ebdf}.composer select{border:0;background:#f4f7ef;color:#768765;border-radius:5px;padding:5px 6px;font-size:10px;max-width:80px}.send-button{width:32px;height:32px;border-radius:8px;background:#254e3e;color:#e6f0e0;font-size:22px;line-height:30px}.stop-button{border:1px solid #d5dfcd;border-radius:7px;font-size:11px;padding:8px}.composer-footnote{display:flex;justify-content:space-between;color:#a3ad97;font-size:8px;margin:14px 5px 0;gap:10px}.run-status{font-size:11px;color:#8a987e;min-height:19px;margin:0 4px 7px}.run-status.busy:before{content:"";display:inline-block;height:5px;width:5px;background:#86a06b;border-radius:50%;margin-right:7px;animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.message-error{padding:10px 14px;background:#fbefea;border-radius:7px;margin-bottom:10px}.messages{max-width:820px;margin:0 auto;padding:35px 35px 10px}.message{margin:0 0 28px;display:flex;gap:14px}.message.user{justify-content:flex-end}.message.user .message-body{padding:12px 18px;background:#eaf0e2;border-radius:14px 14px 3px 14px;max-width:85%;color:#46623d}.message-avatar{height:25px;width:25px;margin-top:2px;flex:none}.message-body{font-size:13px;line-height:1.85;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.message.assistant .message-body{padding-top:1px;flex:1}.message-body pre{font-family:"Cascadia Code",Consolas,monospace;white-space:pre;overflow:auto;background:#182b23;color:#d1e1ca;border-radius:9px;padding:15px;font-size:12px;line-height:1.7;max-width:100%}.code-heading{display:flex;justify-content:space-between;color:#859a7c;font-size:10px;padding:4px 1px;margin-top:18px}.copy-code{font-size:10px;color:#6c815f}.message-state{font-size:10px;color:#a08263;margin-top:6px}.connection-notice{font-size:11px;color:#8b7955;background:#f3efe3;padding:10px 36px;border-bottom:1px solid #e9e4d4}.attachment-chips{display:flex;flex-wrap:wrap;gap:6px}.attachment-chips:not(:empty){margin-bottom:10px}.file-chip{font-size:10px;padding:5px 8px;background:#edf3e7;border:1px solid #dce6d3;border-radius:6px;color:#788969}.approvals:not(:empty){margin-bottom:10px}.approval{border:1px solid #d9e3ce;background:#edf4e7;border-radius:10px;padding:13px 16px;font-size:12px}.approval strong{font-size:12px}.approval pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:100px;overflow:auto}.approval button{border:1px solid #c8d8bb;padding:7px 13px;font-size:11px;border-radius:6px;margin-right:8px;background:#f8fbf5}.approval .allow{background:#2c563c;color:white;border-color:#2c563c}dialog{background:#fcfdf9;color:#365134;border:1px solid #dbe4d1;border-radius:16px;box-shadow:0 25px 80px #142b2533;padding:25px;width:min(440px,calc(100vw - 32px))}dialog::backdrop{background:#152a254d;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dialog-header h2{font-weight:500;letter-spacing:-.5px;font-size:21px;margin:0}.dialog-header .icon-button{font-size:25px}dl{display:grid;grid-template-columns:110px 1fr;gap:14px;font-size:12px;margin:24px 0}dt{color:#87977b}dd{margin:0;overflow-wrap:anywhere}#files-list a{display:block;padding:12px 4px;border-bottom:1px solid #e1e9d9;font-size:12px}#files-list a:hover{color:#254e3e}.mobile-only{display:none}.scrim{position:fixed;inset:0;z-index:19;background:#142b2570}
@media(min-width:1500px){.welcome{padding-top:10vh}.sidebar{width:270px;padding-left:25px;padding-right:25px}.topbar{padding:0 45px}.suggestions{gap:16px}.welcome h1{font-size:58px}}
@media(max-width:1000px){.sidebar{width:218px;padding:26px 14px 14px}.topbar{padding:0 24px}.composer-wrap{padding-left:25px;padding-right:25px}.suggestions{gap:8px}.suggestions button{padding:16px 12px}.suggestions button>span:not(.suggestion-icon):not(.card-arrow){font-size:9px}.login-story{padding:40px}.story-copy h1{letter-spacing:-2px}.story-footer{font-size:8px}}
@media(max-width:720px){.login-page{grid-template-columns:1fr}.login-story{min-height:0;padding:25px 25px 28px}.story-copy{padding:25px 0 0}.story-copy>.eyebrow{display:none}.story-copy h1{font-size:34px;line-height:1.1;letter-spacing:-1.5px;margin:8px 0}.story-copy h1 br{display:none}.story-copy p,.story-footer{display:none}.login-panel{padding:38px 28px}.login-box h2{font-size:28px}.login-box>p{margin-bottom:26px}.login-box .invite-note{margin-bottom:28px}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;z-index:20;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-only{display:grid}.topbar{height:62px;padding:0 17px}.topbar-right{gap:10px}.breadcrumb{gap:9px}.welcome{padding:27px 18px 18px}.welcome-mark{width:43px;height:43px;border-radius:13px;margin-bottom:16px}.welcome-mark img{height:27px;width:27px}.welcome h1{font-size:37px}.welcome-description{font-size:11px;margin:17px 0 23px}.suggestions{grid-template-columns:1fr;max-width:360px;gap:7px}.suggestions button{padding:12px 13px 12px 43px}.suggestion-icon{position:absolute;left:15px;top:15px;margin:0;font-size:17px}.suggestions strong{font-size:11px;margin-bottom:5px}.suggestions button>span:not(.suggestion-icon):not(.card-arrow){font-size:10px}.card-arrow{top:20px}.composer-wrap{padding:10px 16px max(15px,env(safe-area-inset-bottom))}.composer{padding:12px 12px 9px}.composer textarea{font-size:16px;min-height:50px}.composer-footnote{font-size:8px;justify-content:center;margin-top:10px}.keyboard-hint{display:none}.messages{padding:22px 18px 5px}.message{gap:10px}.message-body{font-size:13px}.message-avatar{height:23px;width:23px}.connection-notice{padding:9px 19px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Reading sizes for everyday laptop and touch use. */
.mode-link{font-size:13px}.nav-description{font-size:10px}.new-chat{font-size:13px}.history button{font-size:12px}.empty-history{font-size:12px}.breadcrumb{font-size:12px}.suggestions strong{font-size:13px}.suggestions button>span:not(.suggestion-icon):not(.card-arrow){font-size:11px}.welcome-description{font-size:13px}.composer textarea{font-size:14px}.composer select{font-size:11px}.composer-footnote{font-size:9px}.message-body{font-size:14px}.account-copy strong{font-size:12px}.account-copy span{font-size:10px}
@media(max-width:720px){.composer textarea{font-size:16px}.icon-button{width:36px;height:36px}.composer-left .icon-button{width:32px;height:32px}.send-button{width:36px;height:36px}.topbar-right{gap:7px}.welcome-description{font-size:12px}.suggestions strong{font-size:12px}.suggestions button>span:not(.suggestion-icon):not(.card-arrow){font-size:11px}.composer-footnote{font-size:9px}}

.upload-progress {display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.upload-progress button,.remove-attachment {border:0;background:transparent;cursor:pointer;color:inherit}
.file-chip {display:flex;align-items:center;gap:8px;max-width:100%;overflow-wrap:anywhere}
.attachment-thumbnail {width:48px;height:48px;object-fit:cover;border-radius:8px}
.photo-preview {display:block;max-width:min(100%,420px);max-height:320px;object-fit:contain;border-radius:12px;margin:12px 0 6px}
.message-attachment {font-size:12px;overflow-wrap:anywhere}
.file-download {display:block;text-align:left;border:0;background:transparent;color:inherit;padding:10px 0;cursor:pointer;overflow-wrap:anywhere}

/* Genuine alpha transparency lets the original colors sit on each UI surface. */
.brand-artwork {
  display:block;
  width:100%;
  aspect-ratio:1902/827;
  overflow:hidden;
  flex:none;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.brand-artwork img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.sidebar .brand-artwork {margin:0}
.login-story .brand-artwork {width:220px;max-width:100%}
.welcome-mark.brand-artwork {
  width:174px;
  height:auto;
  margin:0 auto 23px;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.message-avatar {object-fit:contain;object-position:center;border-radius:0;background:transparent}
@media(max-width:720px) {
  .sidebar .brand-artwork {width:210px;max-width:100%}
  .login-story .brand-artwork {width:190px}
  .welcome-mark.brand-artwork {width:174px;margin-bottom:18px;border-radius:0}
}

/* Mission architecture. */
.pentest-preview{max-width:810px;margin:0 auto;padding:clamp(28px,5vh,68px) 35px 56px;color:#203b30}
.pentest-intro{max-width:665px}
.pentest-kicker{display:inline-flex;align-items:center;gap:9px;color:#697e6d;font-size:10px;font-weight:700;letter-spacing:2px}
.pentest-kicker-dot{width:7px;height:7px;border-radius:50%;background:#84af86;box-shadow:0 0 0 4px #e7f0e4}
.pentest-intro h1{font-size:clamp(42px,5.5vw,68px);line-height:1.04;letter-spacing:-2.8px;font-weight:510;margin:25px 0 18px}
.pentest-intro h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#718c6a}
.pentest-intro>p{max-width:580px;font-size:15px;line-height:1.75;color:#748478;margin:0}
.pentest-intro>.pentest-thesis{font-size:clamp(19px,2.1vw,25px);line-height:1.35;letter-spacing:-.6px;color:#244c3b;font-weight:650;margin:0 0 14px}
.pentest-cli-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;margin-top:27px;padding:15px 18px;background:#193c2d;color:#f4f9ed;border-radius:10px;font-size:13px;font-weight:650;box-shadow:0 8px 24px #183c261f;transition:background .16s,transform .16s,box-shadow .16s}
.pentest-cli-button:hover{background:#2d6146;transform:translateY(-2px);box-shadow:0 12px 25px #183c2626}
.pentest-cli-button span{font-size:18px;font-weight:400;line-height:1}
.mission-loop{position:relative;overflow:hidden;margin-top:39px;padding:22px;background:radial-gradient(circle at 92% 0%,#284d5f 0%,transparent 38%),linear-gradient(145deg,#132b28,#142921 72%);color:#e8f2e7;border:1px solid #2a4941;border-radius:18px;box-shadow:0 18px 45px #122c2440}
.mission-loop::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,#0785ed,#5932a5,#d80e4c);opacity:.8}
.mission-loop-top,.mission-loop-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#9cbcaf;font-size:10px;font-weight:700;letter-spacing:1.7px}
.mission-loop-top>span:first-child{display:inline-flex;align-items:center;gap:9px}
.mission-loop-dot{width:6px;height:6px;background:#a9d99f;border-radius:50%;box-shadow:0 0 0 4px #a9d99f25}
.mission-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}
.mission-step{position:relative;overflow:hidden;display:flex;align-items:baseline;gap:10px;min-width:0;padding:13px 13px 15px;background:#ffffff0a;border:1px solid #adcab221;border-radius:9px;color:#adbfaf;text-align:left;transition:background .2s,border-color .2s,transform .2s}
.mission-step:hover{background:#ffffff16;transform:translateY(-2px)}
.mission-step span{font:10px "Cascadia Code",Consolas,monospace;color:#86a797}
.mission-step strong{font-size:14px;font-weight:650;letter-spacing:-.2px}
.mission-step.is-active{background:#e8f3e814;border-color:#a6d0bc70;color:#f7fff3}
.mission-step.is-active::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#0988f0,#963a97,#d90c49);transform-origin:left;animation:mission-fill 4.2s linear forwards}
@keyframes mission-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mission-stage{min-height:184px;margin-top:10px;padding:22px 23px;background:#17372f9c;border:1px solid #5b826047;border-radius:11px}
.mission-stage>span{color:#a8d3be;font:10px "Cascadia Code",Consolas,monospace;letter-spacing:1.2px}
.mission-stage h2{max-width:650px;font-size:clamp(21px,2.5vw,29px);line-height:1.2;letter-spacing:-.7px;margin:10px 0 8px;font-weight:610}
.mission-stage p{max-width:650px;color:#b4c7bb;font-size:12px;line-height:1.6;margin:0}
.mission-stage-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.mission-stage-tags span{padding:5px 8px;border:1px solid #6d98845a;border-radius:5px;color:#c3dfca;font-size:10px}
.mission-loop-foot{margin-top:17px;font-weight:500;letter-spacing:.2px;color:#89a69a}
.mission-loop-foot span:last-child{font-size:21px;line-height:1;color:#b7d7c1}
#xlayer-cli-dialog{width:min(690px,calc(100vw - 24px));max-width:none;padding:0;border:1px solid #31513d;border-radius:15px;background:#12291f;color:#e6f0df;box-shadow:0 30px 90px #0b201daa}
.cli-window{min-height:340px;display:flex;flex-direction:column}
.cli-header{display:flex;align-items:center;gap:12px;padding:15px 19px;border-bottom:1px solid #355141;background:#183528}
.cli-header-mark{display:grid;place-items:center;width:30px;height:30px;background:#b9dab1;color:#173728;border-radius:7px;font-size:20px}
.cli-header>div{flex:1}.cli-header h2{font-size:14px;font-weight:650;letter-spacing:.2px;margin:0}.cli-header>div>span{display:block;font-size:10px;color:#91aa95;margin-top:3px}
.cli-header .icon-button{color:#bacbbd;font-size:24px}.cli-header .icon-button:hover{background:#274d36}
.cli-output{flex:1;min-height:210px;max-height:min(56vh,400px);overflow:auto;padding:22px 21px;font:12px/1.8 "Cascadia Code",Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#b7cdb8}
.cli-output-line{margin-bottom:8px}.cli-output-accent{color:#c5e6b1;font-weight:700}.cli-output-command{color:#e8f3df}
.cli-input-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid #355141;background:#183528}
.cli-input-row label{flex:none;font:12px "Cascadia Code",Consolas,monospace;color:#a8d595}
.cli-input-row input{min-width:0;flex:1;border:0;background:transparent;color:#f0f5e9;padding:9px 0;font:12px "Cascadia Code",Consolas,monospace;outline:none}
.cli-input-row input::placeholder{color:#829887}.cli-input-row button{border-radius:6px;background:#315740;color:#e6f4df;padding:7px 11px;font-size:16px}
.cli-input-row button:hover{background:#417252}
@media(min-width:1180px){
  .pentest-preview{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;align-content:center;gap:32px;max-width:1140px;min-height:calc(100dvh - 75px);padding:35px}
  .pentest-intro h1{font-size:clamp(49px,4.2vw,62px)}
  .pentest-intro>.pentest-thesis{font-size:20px}
  .mission-loop{margin-top:0}
}
@media(max-width:720px){
  .pentest-preview{padding:21px 18px 30px}
  .pentest-intro h1{font-size:clamp(40px,10vw,52px);letter-spacing:-2px;margin:16px 0 11px}
  .pentest-intro>p{font-size:13px;line-height:1.7}
  .pentest-intro>.pentest-thesis{font-size:19px;line-height:1.3;margin-bottom:10px}
  .pentest-cli-button{margin-top:16px;width:100%}
  .mission-loop{margin-top:24px;padding:15px;border-radius:14px}
  .mission-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:15px}
  .mission-step{padding:10px 11px 12px}
  .mission-step strong{font-size:13px}
  .mission-stage{min-height:209px;padding:18px;margin-top:8px}
  .mission-stage h2{font-size:22px}
  .mission-stage p{font-size:12px}
  .mission-loop-foot{font-size:9px;line-height:1.5}
  .cli-window{min-height:310px}
  .cli-output{min-height:180px;padding:17px 15px}
}