.ps-section-wrapper { width: 100%; background-color: #060908; position: relative; }
.ps-section { --ps-green: #39ff6a; --ps-green-dim: #1fae4b; --ps-muted: #a3b2af; --ps-card-bg: #0e1412; --ps-card-border: #1c2723; max-width: 1300px; margin: 0 auto; padding: 80px 40px 100px; }
.ps-section .badge-pill { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: var(--ps-green); letter-spacing: 1px; }
.ps-section .badge-pill .dot { width: 6px; height: 6px; background-color: var(--ps-green); border-radius: 50%; box-shadow: 0 0 8px var(--ps-green); }
.ps-section .head { max-width: 700px; margin-bottom: 50px; }
.ps-section h2 { font-size: 42px; font-weight: 800; margin: 20px 0 14px; color: #fff; line-height: 1.2; }
.ps-section p.sub { color: var(--ps-muted); font-size: 16px; line-height: 1.6; margin: 0; }
.ps-subhead { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin: 0 0 26px; padding-top: 36px; border-top: 1px solid #1a2420; }
.ps-section .ps-subhead:first-of-type { border-top: none; padding-top: 0; }
.ps-subhead h3 { font-size: 24px; font-weight: 700; color: #fff; margin: 0; font-family: 'Courier New', monospace; letter-spacing: 1px; }
.ps-subhead span { color: var(--ps-muted); font-size: 13px; }
.ps-grid { display: grid; gap: 20px; margin-bottom: 60px; }
.ps-grid.ps-products { grid-template-columns: repeat(4, 1fr); }
.ps-grid.ps-services { grid-template-columns: repeat(6, 1fr); margin-bottom: 0; }
.ps-card { background: linear-gradient(180deg, #121a16, var(--ps-card-bg)); border: 1px solid var(--ps-card-border); border-radius: 14px; padding: 26px 22px; display: flex; flex-direction: column; text-decoration: none; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }
.ps-card:hover { transform: translateY(-6px); border-color: var(--ps-green); box-shadow: 0 10px 25px -5px rgba(57, 255, 106, 0.15); }
.ps-icon { width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--ps-green-dim); background: rgba(57, 255, 106, 0.05); display: flex; align-items: center; justify-content: center; color: var(--ps-green); font-size: 16px; margin-bottom: 18px; flex-shrink: 0; transition: all 0.3s ease; }
.ps-card:hover .ps-icon { border-color: var(--ps-green); background-color: var(--ps-green); color: #060908; box-shadow: 0 0 12px var(--ps-green); }
.ps-card h4 { font-size: 16px; font-weight: 700; color: #fff; margin: 0 0 8px; }
.ps-card p { font-size: 13px; line-height: 1.55; color: var(--ps-muted); margin: 0 0 20px; flex-grow: 1; }
.ps-explore { font-size: 12.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--ps-green); display: inline-flex; align-items: center; gap: 6px; }
.ps-card:hover .ps-explore { text-decoration: underline; }
@media (max-width: 1200px) { .ps-grid.ps-services { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) { .ps-grid.ps-products { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .ps-section { padding: 50px 20px 70px; } .ps-section h2 { font-size: 30px; } .ps-grid.ps-products { grid-template-columns: 1fr; } .ps-grid.ps-services { grid-template-columns: 1fr; } .ps-subhead { flex-direction: column; align-items: flex-start; gap: 4px; } }
:root{ --bg:#06090a; --green:#39ff6a; --green-dim:#1fae4b; --cyan:#22d3d3; --text-muted:#9aa5a3; --card-bg:#0e1412; --card-border:#1e2b26; }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); font-family:'Segoe UI', Arial, sans-serif; color:#fff; }
.mono{ font-family:'Courier New', monospace; letter-spacing:1px; }
.badge-pill{ display:inline-flex; align-items:center; gap:8px; padding:6px 16px; border:1px solid var(--green-dim); border-radius:999px; color:var(--green); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }
.badge-pill .dot{ width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 6px var(--green); }
.cta-section{ max-width:1400px; margin:60px auto; padding:80px 40px; text-align:center; border-radius:24px; background:radial-gradient(ellipse at top, rgba(57,255,106,0.10), transparent 60%), #0a0f0d; border:1px solid #16231d; }
.cta-section h2{ font-size:52px; font-weight:800; margin:24px 0 16px; line-height:1.15; }
.cta-section p.sub{ color:var(--text-muted); font-size:17px; max-width:560px; margin:0 auto 36px; }
.cta-buttons{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-bottom:28px; }
.btn{ padding:16px 28px; border-radius:8px; font-size:14px; font-weight:700; letter-spacing:1px; text-transform:uppercase; cursor:pointer; border:1px solid transparent; display:inline-flex; align-items:center; gap:8px; text-decoration:none; }
.btn-primary{ background:var(--green); color:#04150a; }
.btn-primary:hover{ filter:brightness(1.08); }
.btn-outline{ background:transparent; color:#fff; border-color:#2a3530; }
.btn-outline:hover{ border-color:#4a5a52; }
.cta-note{ display:inline-flex; align-items:center; gap:8px; font-size:13px; color:var(--cyan); }
.cta-note .dot{ width:6px; height:6px; border-radius:50%; background:#ff5050; }
.testimonials-section{ padding:70px 0; text-align:center; overflow:hidden; }
.testimonials-section .head{ padding:0 20px; margin-bottom:50px; }
.testimonials-section h2{ font-size:38px; font-weight:800; margin:20px 0 0; }
.marquee-wrap{ position:relative; width:100%; overflow:hidden; mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.marquee-track{ display:flex; gap:24px; width:max-content; animation:scroll-left 45s linear infinite; }
.marquee-wrap:hover .marquee-track{ animation-play-state:paused; }
@keyframes scroll-left{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.t-card{ flex:0 0 320px; background:var(--card-bg); border:1px solid var(--card-border); border-radius:14px; padding:28px; text-align:left; }
.t-card .stars{ color:var(--green); font-size:14px; margin-bottom:16px; letter-spacing:2px; }
.t-card p.quote{ font-size:15px; line-height:1.6; color:#d9dedb; min-height:96px; margin:0 0 22px; }
.t-author{ display:flex; align-items:center; gap:12px; }
.t-avatar{ width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg, var(--cyan), #0e8f8f); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; color:#041414; flex-shrink:0; }
.t-author .name{ font-weight:700; font-size:14px; }
.t-author .role{ font-size:12.5px; color:var(--text-muted); }
.process-section{ max-width:1300px; margin:0 auto; padding:70px 40px 100px; }
.process-section h2{ font-size:42px; font-weight:800; margin:20px 0 16px; max-width:720px; line-height:1.2; }
.process-section p.sub{ color:var(--text-muted); font-size:16px; max-width:600px; margin:0; }
.steps{ display:grid; grid-template-columns:repeat(6, 1fr); gap:12px; margin-top:60px; position:relative; }
.step{ position:relative; padding-right:12px; }
.step-circle{ width:52px; height:52px; border:1px solid var(--green-dim); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--green); font-weight:700; font-size:14px; font-family:'Courier New', monospace; position:relative; z-index:2; background:var(--bg); }
.step:not(:last-child)::after{ content:""; position:absolute; top:26px; left:52px; right:-12px; border-top:1px dashed #2a3530; z-index:1; }
.step h3{ font-size:17px; font-weight:700; margin:20px 0 10px; }
.step p{ font-size:13.5px; line-height:1.6; color:var(--text-muted); margin:0; padding-right:10px; }
@media (max-width:1100px){ .steps{ grid-template-columns:repeat(3, 1fr); row-gap:40px; } .step:nth-child(3)::after{ display:none; } .cta-section h2{ font-size:34px; } }
@media (max-width:640px){ .steps{ grid-template-columns:1fr 1fr; } .cta-buttons{ flex-direction:column; } }
:root{ --bg:#000000; --green:#39ff6a; --green-dim:#1fae4b; --cyan:#22d3d3; --text-muted:#9aa5a3; --card-bg:#0d1210; --card-border:#15ff00; }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); font-family:'Segoe UI', Arial, sans-serif; color:#fff; }
.mono{ font-family:'Courier New', monospace; letter-spacing:1px; }
.badge-pill{ display:inline-flex; align-items:center; gap:8px; padding:6px 16px; border:1px solid var(--green-dim); border-radius:999px; color:var(--cyan); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }
.badge-pill .dot{ width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 6px var(--cyan); }
.industries-section{ padding:70px 0 90px; }
.industries-section .head{ max-width:700px; padding:0 40px; margin-bottom:100px; margin-left:auto; margin-right:40px; }
.industries-section h2{ font-size:44px; font-weight:800; margin:20px 0 16px; }
.industries-section p.sub{ color:var(--text-muted); font-size:16px; line-height:1.6; margin:0; }
.industries-marquee{ position:relative; width:100%; overflow:hidden; mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.industries-track{ display:flex; gap:20px; width:max-content; padding:4px 0 24px; animation:ind-scroll-left 40s linear infinite; }
.industries-marquee:hover .industries-track{ animation-play-state:paused; }
@keyframes ind-scroll-left{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.ind-card{ flex:0 0 240px; background:linear-gradient(180deg, #0f1613, var(--card-bg)); border:1px solid var(--card-border); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; transition:border-color .2s ease, transform .2s ease; }
.ind-card:hover{ border-color:var(--green-dim); transform:translateY(-4px); }
.ind-image{ width:100%; height:150px; overflow:hidden; }
.ind-image img{ width:100%; height:100%; object-fit:cover; display:block; filter:saturate(0.9) brightness(0.85); }
.ind-body{ padding:22px 22px 26px; display:flex; flex-direction:column; flex-grow:1; }
.ind-card h3{ font-size:18px; font-weight:700; margin:0 0 10px; }
.ind-card p{ font-size:13.5px; line-height:1.6; color:var(--text-muted); margin:0 0 22px; flex-grow:1; }
.ind-card a{ font-size:13px; font-weight:700; color:var(--green); text-decoration:none; }
.ind-card a:hover{ text-decoration:underline; }
@media (max-width:640px){ .industries-section h2{ font-size:30px; } .industries-track{ padding:4px 0 20px; } .industries-section .head{ padding:0 20px; margin-left:0; margin-right:0; margin-bottom:40px; max-width:100%; }}