/* SCB careers theme based on the TechSteve design system. */
:root{color-scheme:dark;--ts-color-primary:#1688ff;--ts-color-primary-hover:#0875e8;--ts-color-accent:#00c6ff;--ts-color-page:#07101d;--ts-color-page-alt:#0a1627;--ts-color-surface:#0f233d;--ts-color-surface-raised:#142b49;--ts-color-border:rgba(141,183,235,.2);--ts-color-text:#f7faff;--ts-color-text-secondary:#d5e2f3;--ts-color-text-muted:#a9bdd7;--ink:var(--ts-color-text);--muted:var(--ts-color-text-muted);--paper:var(--ts-color-page);--line:var(--ts-color-border);--accent:var(--ts-color-accent);--white:var(--ts-color-surface);--editor-bg:#0a1627;--editor-panel:#10233b;--editor-label:#a9bdd7;--editor-clip:#1688ff;--editor-broll:#14738d;--editor-title:#4864bc;--editor-audio:#10405c;--editor-bright:#7de4ff}
body{background:radial-gradient(ellipse at 78% 18%,#1688ff0c,transparent 40%),var(--paper);color:var(--ink)}header{padding-block:24px}.brand small{color:var(--muted)}.mark{background:linear-gradient(135deg,var(--ts-color-primary),var(--ts-color-accent));color:#07101d;border-radius:8px;font-weight:850}.brand{font-size:15px}.hero{padding:55px 0 72px;gap:72px}.hero h1{font-size:clamp(44px,4.9vw,66px);font-weight:750;letter-spacing:-2.8px}.hero h1 em{color:var(--accent)}.eyebrow{color:var(--accent);letter-spacing:2.2px}.intro{color:var(--ts-color-text-secondary)}.button,button{background:var(--ts-color-primary);border-color:var(--ts-color-primary);color:white;border-radius:7px;font-weight:650}.button:hover,button:hover{background:var(--ts-color-primary-hover);border-color:var(--ts-color-primary-hover)}button.text{color:var(--muted);background:transparent;border:0}.secondary{background:var(--ts-color-page-alt);border-color:var(--line);color:var(--ink)}.secondary:hover{background:var(--ts-color-surface-raised);border-color:var(--accent)}nav a:hover,footer a:hover{color:var(--accent)}.card,.empty,.job{background:var(--ts-color-surface);border-color:var(--line);box-shadow:0 8px 30px #00000012}.empty{background:linear-gradient(110deg,var(--ts-color-surface),var(--ts-color-page-alt))}.tag{background:#1688ff1c;color:#8ddfff;border:1px solid #1688ff38}.values b{color:var(--accent)}.values h3{color:var(--ink)}.values p{color:var(--muted)}.process{background:var(--ts-color-page-alt);border:1px solid var(--line)}.process b{color:var(--ink)}.process p{color:var(--muted)}input,textarea,select{background:var(--ts-color-page-alt);border-color:#39516e;color:var(--ink)}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input[type=checkbox]{accent-color:var(--ts-color-primary)}.alert{background:#10342e;border-color:#23735c;color:#d6f9e8}.error{background:#3a231e;border-color:#ad7258;color:#ffe6da}.qnumber{color:var(--accent)}.auth a,.empty a,.row a,.prose a{color:#7adfff}:focus-visible{outline-color:var(--accent)}footer{color:var(--muted)}.editor-art{background:var(--editor-bg);border-color:#1688ff60;box-shadow:0 22px 65px #0006,0 0 60px #1688ff12;transform:rotate(1deg)}.editor-top,.editor-bottom{background:var(--editor-panel);color:var(--editor-label)}.editor-top>span:last-child,.editor-toolbar,.timeline-ruler,.edit-track>span{color:var(--editor-label)}.editor-dot,.render-dot{color:var(--accent)}.editor-dot{background:var(--accent)}.editor-preview{background:radial-gradient(ellipse at 62% 35%,#1688ff70,transparent 65%),linear-gradient(135deg,#123656,#07182c)}.camera-body{background:#0a1627;border-color:#426e95}.camera-body:before{background:#102b47}.camera-body:after{background:var(--accent)}.camera-lens{border-color:#305f89;box-shadow:0 0 0 3px #0a1627;background:radial-gradient(circle at 35% 30%,#7de4ff 0 5%,#16547c 9% 24%,#07101d 28% 52%,#1688ff 55% 59%,#102b47 63%)}.preview-badge{color:var(--ink)}.preview-time{background:#07101d99;color:var(--ink)}.edit-timeline{border-color:#28425e}.clip{color:white}.clip-a{background:var(--editor-clip);border-color:var(--accent)}.clip-b{background:var(--editor-broll)}.clip-title{background:var(--editor-title);color:white}.clip-audio{background:var(--editor-audio);color:var(--editor-bright)}.edit-playhead{background:var(--accent)}.edit-playhead:before{border-top-color:var(--accent)}.editor-bottom .render-dot{color:var(--accent)}@media(max-width:850px){.hero{gap:28px}.hero h1{font-size:47px}}@media(max-width:600px){.hero{padding:20px 0 38px}.hero h1{font-size:43px;letter-spacing:-1.8px}.values{padding-block:28px}.editor-art{transform:none}}
/* Stitch composition: centered studio headline and wide editing workstation. */
.hero{display:flex;flex-direction:column;text-align:center;gap:38px;padding-top:50px;background:radial-gradient(ellipse at 50% 90%,#00c6ff0b,transparent 65%)}.hero>div{max-width:850px}.hero h1{font-size:clamp(45px,5vw,68px);line-height:1.05;letter-spacing:-2.6px}.hero h1 br:first-of-type{display:none}.hero h1 br:first-of-type:after{content:' '}.hero .intro{max-width:650px;margin:0 auto 25px}.hero .muted{margin-bottom:0}.hero .button{margin:0 5px}.hero .portal-button{background:var(--ts-color-surface);border-color:var(--line)}.hero .portal-button:hover{background:var(--ts-color-surface-raised)}.hero .editor-art{width:min(100%,790px);transform:none;text-align:left;box-shadow:0 20px 65px #0006,0 0 70px #1688ff13}.editor-preview{height:260px}.editor-top{padding:14px 20px}.editor-toolbar{padding:12px 22px}.editor-bottom{padding:13px 20px}.editor-preview .preview-camera{transform:rotate(-8deg) scale(1.25)}.values{gap:24px;border:0;padding-top:0}.values>div{background:var(--ts-color-page-alt);border:1px solid var(--line);border-radius:10px;padding:24px}.values b{display:inline-flex;align-items:center;justify-content:center;background:#1688ff20;width:30px;height:30px;border-radius:6px}.process{padding:32px}.process>div>p{border-top:2px solid #1688ff60;padding-top:18px}header nav{gap:20px}.auth{background:linear-gradient(160deg,var(--ts-color-surface),var(--ts-color-page-alt));box-shadow:0 20px 70px #0004}.auth h1{letter-spacing:-1px}.card h2{font-size:26px}.row{border-color:var(--line)}@media(max-width:600px){.hero{padding-top:20px;gap:30px}.hero h1{font-size:43px;letter-spacing:-1.7px}.hero h1 br:first-of-type{display:initial}.hero .editor-art{margin-top:0}.editor-preview{height:210px}.hero .button{padding:12px 15px;font-size:13px;margin-bottom:10px}header nav{gap:15px}.values>div{padding:22px}}