/* AI-forward layer */
.ai-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;border-radius:999px;border:1px solid oklch(98% .004 240/.22);background:oklch(98% .004 240/.06);backdrop-filter:blur(10px);font-size:12px;font-weight:600;color:var(--hero-copy);margin-bottom:22px}
.ai-pill .tag{background:linear-gradient(105deg,var(--brand-blue),var(--brand-violet),var(--brand-pink));color:#fff;border-radius:999px;padding:3px 10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.ai-pill .live{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.7);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}

.hero-band{position:relative}
.hero-band::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(oklch(98% .004 240/.05) 1px,transparent 1px),linear-gradient(90deg,oklch(98% .004 240/.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 70% 40%,#000 10%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 10%,transparent 72%)}
.hero-band .inner{position:relative;z-index:1}

/* tools marquee */
.tool-strip{background:oklch(13% .05 256);border-top:1px solid oklch(98% .004 240/.1);border-bottom:1px solid oklch(98% .004 240/.08);overflow:hidden;padding:14px 0;position:relative}
.tool-strip .label{position:absolute;left:0;top:0;bottom:0;z-index:2;display:flex;align-items:center;padding:0 22px 0 24px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-copy);background:linear-gradient(90deg,oklch(13% .05 256) 75%,transparent)}
.marquee{display:flex;gap:44px;width:max-content;animation:scroll 38s linear infinite;padding-left:260px}
.tool-strip:hover .marquee{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(-50%)}}
.marquee span{display:inline-flex;align-items:center;gap:10px;color:oklch(88% .02 240);font-family:var(--font-display);font-weight:600;font-size:15px;white-space:nowrap}
.marquee i{color:var(--brand-blue);font-size:15px}
.marquee span:nth-child(3n+2) i{color:oklch(75% .17 295)}
.marquee span:nth-child(3n) i{color:oklch(75% .19 8)}

/* AI workbench */
.ai-section{background:radial-gradient(700px 420px at 12% 20%,oklch(55% .2 295/.35),transparent 70%),radial-gradient(640px 420px at 95% 90%,oklch(67% .16 224/.3),transparent 70%),var(--hero-background);color:var(--hero-foreground);padding:88px 0;position:relative;overflow:hidden}
.ai-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(oklch(98% .004 240/.09) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent)}
.ai-section .container{position:relative;z-index:1}
.ai-section .eyebrow{background:linear-gradient(90deg,oklch(78% .15 224),oklch(78% .17 8));-webkit-background-clip:text;background-clip:text}
.ai-section h2{font-size:clamp(2.1rem,4vw,3.1rem)}
.ai-copy-lg{color:var(--hero-copy);font-size:1.075rem;line-height:1.7;max-width:34rem}
.ai-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ai-badges span{display:inline-flex;align-items:center;gap:8px;border:1px solid oklch(98% .004 240/.2);background:oklch(98% .004 240/.06);padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600}
.ai-badges span:nth-child(1) i{color:oklch(75% .15 55)}
.ai-badges span:nth-child(2) i{color:oklch(78% .15 224)}
.ai-badges span:nth-child(3) i{color:oklch(78% .17 295)}
.ai-badges span:nth-child(4) i{color:#4ade80}

.terminal{border-radius:16px;overflow:hidden;border:1px solid oklch(98% .004 240/.16);background:oklch(12% .04 256/.92);box-shadow:0 30px 70px oklch(5% .03 256/.55),0 0 0 1px oklch(67% .16 224/.12),0 0 80px oklch(55% .2 295/.25)}
.term-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:oklch(17% .045 256);border-bottom:1px solid oklch(98% .004 240/.08)}
.term-bar b{width:11px;height:11px;border-radius:50%;background:#ff5f57}.term-bar b:nth-child(2){background:#febc2e}.term-bar b:nth-child(3){background:#28c840}
.term-bar span{margin-left:10px;font:12px var(--font-mono);color:oklch(70% .02 240)}
.term-body{padding:20px 22px;min-height:330px;font:13.5px/1.85 var(--font-mono);color:oklch(86% .02 240)}
.term-body .ln{display:block;white-space:pre-wrap;opacity:0;transform:translateY(4px);animation:lnIn .35s forwards}
@keyframes lnIn{to{opacity:1;transform:none}}
.term-body .p{color:oklch(78% .15 224)}.term-body .ok{color:#4ade80}.term-body .dim{color:oklch(60% .02 240)}
.term-body .cl{color:oklch(75% .15 55)}.term-body .cx{color:oklch(78% .17 295)}.term-body .hu{color:oklch(78% .17 8)}
.term-body .caret{display:inline-block;width:8px;height:15px;background:oklch(86% .02 240);vertical-align:-2px;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.term-note{font-size:11px;color:oklch(70% .02 240);margin:10px 4px 0;text-align:right}

.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
@media(max-width:991px){.flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.flow{grid-template-columns:1fr}}
.flow-card{border:1px solid oklch(98% .004 240/.14);background:oklch(98% .004 240/.05);backdrop-filter:blur(12px);border-radius:16px;padding:22px;position:relative;transition:transform .3s,border-color .3s,background .3s}
.flow-card:hover{transform:translateY(-4px);border-color:oklch(67% .16 224/.5);background:oklch(98% .004 240/.08)}
.flow-card .ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;background:linear-gradient(135deg,oklch(67% .16 224/.3),oklch(55% .2 295/.3));color:#fff;margin-bottom:16px}
.flow-card:nth-child(2) .ic{background:linear-gradient(135deg,oklch(55% .2 295/.35),oklch(62% .22 8/.3))}
.flow-card:nth-child(3) .ic{background:linear-gradient(135deg,oklch(62% .22 8/.35),oklch(75% .16 55/.3))}
.flow-card:nth-child(4) .ic{background:linear-gradient(135deg,oklch(62% .16 156/.4),oklch(67% .16 224/.3))}
.flow-card .n{font:700 11px var(--font-mono);letter-spacing:.1em;color:oklch(78% .12 224)}
.flow-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin:6px 0 8px}
.flow-card p{margin:0;font-size:13.5px;line-height:1.65;color:var(--hero-copy)}
.ai-promise{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px 34px;align-items:center;justify-content:space-between;border:1px solid oklch(98% .004 240/.14);border-radius:16px;padding:20px 26px;background:linear-gradient(105deg,oklch(67% .16 224/.14),oklch(55% .2 295/.14),oklch(62% .22 8/.12))}
.ai-promise p{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:600;max-width:40rem}
.ai-promise a{white-space:nowrap}

/* AI service card highlight */
.svc-ai{position:relative}
.svc-ai::after{content:"AI";position:absolute;top:18px;right:70px;font:700 10px var(--font-mono);letter-spacing:.1em;padding:3px 8px;border-radius:999px;color:#fff;background:linear-gradient(105deg,var(--brand-blue),var(--brand-violet),var(--brand-pink))}
@media(prefers-reduced-motion:reduce){.marquee{animation:none}.ai-pill .live{animation:none}.term-body .ln{animation:none;opacity:1;transform:none}.term-body .caret{animation:none}}

/* Upwork block */
.upwork-hero{border-radius:20px;padding:26px 28px;border:1px solid oklch(62% .2 145/.28);background:radial-gradient(500px 220px at 100% 0%,oklch(80% .17 145/.28),transparent 70%),linear-gradient(120deg,oklch(97% .035 145),oklch(98% .02 224))}
.upwork-logo{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid oklch(62% .2 145/.3);border-radius:12px;padding:7px 14px 7px 10px;box-shadow:0 6px 16px oklch(55% .15 145/.12)}
.upwork-logo b{font:700 1.45rem var(--font-display);color:#14a800;letter-spacing:-.04em;line-height:1}
.upwork-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:oklch(40% .15 145);background:oklch(93% .07 145);border-radius:999px;padding:6px 12px}
.upwork-btn{display:inline-flex;align-items:center;gap:10px;background:#14a800;color:#fff;font-weight:600;font-size:14px;border-radius:999px;padding:12px 22px;box-shadow:0 10px 20px oklch(55% .17 145/.3);transition:.2s}
.upwork-btn:hover{background:#108a00;color:#fff;transform:translateY(-2px)}
.upwork-link-sm{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#14a800}
.upwork-link-sm:hover{color:#108a00;text-decoration:underline;text-underline-offset:4px}

/* mobile fixes */
.ai-pill{max-width:100%}
.ai-pill .tag{white-space:nowrap;flex-shrink:0}
.ai-pill .live{flex-shrink:0}
@media(max-width:575px){
  .ai-pill{font-size:11px;gap:8px;padding:5px 12px 5px 6px}
  .ai-pill .tag{font-size:9px;padding:3px 8px}
  .ai-pill i{display:none}
}
.searchbox{flex:0 0 auto;width:100%;max-width:100%;display:block;height:40px}
@media(min-width:992px){.searchbox{flex:0 1 340px;max-width:340px}}
.searchbox input{height:40px}