@font-face{font-family:Oswald;src:url("soft3tech/oswald-tk3iwkuhhaijg752gt8g.woff2");font-display:swap} 
:root{--bg:#070707;--panel:#111213;--panel-2:#171819;--line:rgba(242,206,27,.22);--text:#fff7c7;--muted:#c9bd77;--brand:#f2ce1b;--brand-2:#ffe875;--ink:#050505;--white:#fffef3;--shadow:0 30px 90px rgba(0,0,0,.55)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(242,206,27,.13),transparent 28%),radial-gradient(circle at 80% 14%,rgba(242,206,27,.08),transparent 22%),linear-gradient(180deg,#050505,#0b0b0b 48%,#050505);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 75%)}
a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(18px,4vw,64px);background:rgba(5,5,5,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(242,206,27,.14)}.brand{display:inline-flex;align-items:center;gap:12px;font-family:Oswald,Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--brand);font-size:1.05rem}.brand img{width:38px;height:38px;border-radius:10px;object-fit:cover;box-shadow:0 0 0 1px var(--line),0 0 24px rgba(242,206,27,.18)}nav{display:flex;gap:clamp(14px,3vw,34px);font-family:Oswald,Impact,sans-serif;text-transform:lowercase;color:var(--brand-2)}nav a{opacity:.8;transition:.2s}nav a:hover{opacity:1;color:var(--brand)}
.section-shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}.hero{position:relative;min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.04fr .96fr;gap:48px;align-items:center;padding:82px 0}.eyebrow,.section-kicker{font-family:Oswald,Impact,sans-serif;color:var(--brand);text-transform:uppercase;letter-spacing:.2em;font-size:.82rem;margin:0 0 18px}.hero h1,.about h2,.section-heading h2,.contact h2{font-family:Oswald,Impact,sans-serif;line-height:.96;text-transform:lowercase;letter-spacing:-.035em;margin:0;color:var(--white)}.hero h1{font-size:clamp(3.6rem,8.8vw,8.8rem);max-width:830px}.hero h1::after{content:".";color:var(--brand)}.hero-text{font-size:clamp(1rem,1.6vw,1.25rem);color:var(--muted);max-width:660px;margin:26px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;font-weight:800;letter-spacing:.01em;border:1px solid var(--line);transition:.2s}.button.primary{background:var(--brand);color:var(--ink);box-shadow:0 18px 50px rgba(242,206,27,.22)}.button.ghost{background:rgba(242,206,27,.05);color:var(--brand-2)}.button:hover{transform:translateY(-2px)}.metric-strip{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px}.metric-strip span{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px;padding:13px 16px;color:var(--muted)}.metric-strip strong{color:var(--brand);margin-right:8px}.hero-card{position:relative;padding:18px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(242,206,27,.13),rgba(255,255,255,.035));box-shadow:var(--shadow);overflow:hidden}.hero-card::before{content:"";position:absolute;inset:12px;border-radius:26px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 70% 20%,rgba(242,206,27,.2),transparent 32%)}.hero-card img{position:relative;z-index:2;width:100%;display:block;filter:drop-shadow(0 24px 40px rgba(0,0,0,.34));mix-blend-mode:screen}.terminal-bar{position:relative;z-index:3;display:flex;gap:8px}.terminal-bar span{width:11px;height:11px;border-radius:50%;background:var(--brand)}.code-grid{position:absolute;inset:auto 36px 40px 36px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;z-index:1}.code-grid span{height:34px;border-radius:12px;background:rgba(242,206,27,.1);border:1px solid rgba(242,206,27,.16)}.orb{position:absolute;border-radius:999px;filter:blur(10px);opacity:.65;pointer-events:none}.orb-one{width:180px;height:180px;background:rgba(242,206,27,.2);left:-80px;top:18%}.orb-two{width:110px;height:110px;border:1px solid var(--brand);right:10%;bottom:10%}
.about,.services,.process,.contact{padding:96px 0}.split{display:grid;grid-template-columns:.85fr 1fr;gap:56px;align-items:start}.about h2,.section-heading h2,.contact h2{font-size:clamp(2.5rem,5.5vw,5.8rem)}.split p,.contact p{font-size:1.1rem;color:var(--muted);margin-top:0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.section-heading h2{max-width:760px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;min-height:560px;display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.25)}.service-card.featured{background:linear-gradient(180deg,rgba(242,206,27,.17),rgba(255,255,255,.025))}.service-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(242,206,27,.16),transparent 42%);pointer-events:none}.service-card img{height:210px;object-fit:contain;margin:12px 0 8px;position:relative;z-index:1;filter:drop-shadow(0 22px 30px rgba(0,0,0,.3));mix-blend-mode:screen}.icon-chip{align-self:flex-start;background:var(--brand);color:#080808;border-radius:14px;padding:8px 12px;font-family:Oswald,Impact,sans-serif;font-weight:900;position:relative;z-index:2}.service-card h3{font-family:Oswald,Impact,sans-serif;text-transform:lowercase;font-size:2rem;line-height:1;margin:16px 0 10px;color:var(--white);position:relative;z-index:1}.service-card h3::after{content:".";color:var(--brand)}.service-card p,.service-card li{color:var(--muted);position:relative;z-index:1}.service-card ul{padding-left:18px;margin-top:auto}.service-card li::marker{color:var(--brand)}.compact{align-items:start}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:30px;overflow:hidden;background:rgba(255,255,255,.035)}.timeline div{padding:28px;border-right:1px solid var(--line)}.timeline div:last-child{border-right:0}.timeline span{font-family:Oswald,Impact,sans-serif;color:var(--brand);font-size:1.5rem}.timeline h3{font-size:1.4rem;color:var(--white);margin:20px 0 8px}.timeline p{color:var(--muted);margin:0}.contact-panel{position:relative;overflow:hidden;padding:clamp(32px,7vw,80px);border:1px solid var(--line);border-radius:38px;background:linear-gradient(135deg,rgba(242,206,27,.18),rgba(255,255,255,.035)),radial-gradient(circle at 90% 10%,rgba(242,206,27,.22),transparent 28%);box-shadow:var(--shadow)}.contact-panel::after{content:"";position:absolute;right:-80px;bottom:-80px;width:260px;height:260px;border-radius:70px;border:1px solid rgba(242,206,27,.45);transform:rotate(18deg)}.contact-panel p{max-width:650px}.contact-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.contact-list a,.contact-list span{padding:12px 15px;border-radius:999px;background:rgba(0,0,0,.28);border:1px solid var(--line);color:var(--brand-2)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px clamp(18px,4vw,64px);border-top:1px solid var(--line);color:var(--muted)}.mini img{width:30px;height:30px}
@media (max-width:900px){.site-header{align-items:flex-start;flex-direction:column}nav{width:100%;justify-content:space-between}.hero,.split{grid-template-columns:1fr}.hero{padding-top:54px}.hero-card{max-width:620px}.section-heading{display:block}.service-grid,.timeline{grid-template-columns:1fr}.service-card{min-height:unset}.timeline div{border-right:0;border-bottom:1px solid var(--line)}.timeline div:last-child{border-bottom:0}footer{flex-direction:column;align-items:flex-start}}
@media (max-width:560px){nav{font-size:.95rem;gap:10px}.hero h1{font-size:3.3rem}.about,.services,.process,.contact{padding:62px 0}.service-card{padding:20px}.contact-panel{border-radius:28px}.metric-strip{display:grid}.hero-actions .button{width:100%}}