About Us | PrecisionScienceTech
:root {
–bg: #f7fafc;
–surface: #ffffff;
–text: #102033;
–muted: #5f7187;
–line: #dbe5ef;
–primary: #123e67;
–primary-2: #1f5f96;
–accent: #e9f3fb;
–footer: #0e1c2c;
–max: 1180px;
–radius: 18px;
–shadow: 0 10px 30px rgba(16, 32, 51, 0.08);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
color: var(–text);
background: var(–bg);
line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container {
width: min(100% – 32px, var(–max));
margin: 0 auto;
}
/* Header */
.site-header {
position: sticky;
top: 0;
z-index: 1000;
background: rgba(255,255,255,0.92);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(–line);
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
min-height: 78px;
}
.brand {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.brand img {
width: 42px;
height: 42px;
object-fit: contain;
border-radius: 10px;
background: #fff;
}
.brand-text {
display: flex;
flex-direction: column;
line-height: 1.1;
}
.brand-text .name {
font-size: 1.05rem;
font-weight: 700;
letter-spacing: 0.02em;
color: var(–primary);
}
.brand-text .tag {
font-size: 0.8rem;
color: var(–muted);
}
.nav {
display: flex;
align-items: center;
gap: 22px;
flex-wrap: wrap;
}
.nav a {
font-size: 0.95rem;
color: var(–text);
font-weight: 500;
position: relative;
padding: 6px 0;
}
.nav a:hover,
.nav a.active {
color: var(–primary-2);
}
.nav a.active::after,
.nav a:hover::after {
content: “”;
position: absolute;
left: 0;
bottom: -6px;
width: 100%;
height: 2px;
background: var(–primary-2);
border-radius: 2px;
}
/* Hero */
.hero {
padding: 72px 0 42px;
background:
radial-gradient(circle at top left, rgba(31,95,150,0.10), transparent 30%),
linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
}
.hero-grid {
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 34px;
align-items: center;
}
.eyebrow {
display: inline-block;
padding: 8px 12px;
border-radius: 999px;
background: var(–accent);
color: var(–primary-2);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 18px;
}
h1 {
margin: 0 0 16px;
font-size: clamp(2rem, 4vw, 3.45rem);
line-height: 1.08;
letter-spacing: -0.02em;
color: var(–primary);
}
.hero p {
margin: 0 0 20px;
color: var(–muted);
font-size: 1.03rem;
max-width: 700px;
}
.hero-card {
background: var(–surface);
border: 1px solid var(–line);
border-radius: var(–radius);
padding: 28px;
box-shadow: var(–shadow);
}
.hero-card h3 {
margin-top: 0;
margin-bottom: 10px;
font-size: 1.1rem;
color: var(–primary);
}
.hero-card p {
margin: 0;
color: var(–muted);
font-size: 0.98rem;
}
/* Sections */
.section {
padding: 34px 0 14px;
}
.section-title {
margin: 0 0 14px;
font-size: 1.8rem;
color: var(–primary);
letter-spacing: -0.02em;
}
.section-text {
color: var(–muted);
max-width: 900px;
margin-bottom: 26px;
}
.grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
}
.card {
background: var(–surface);
border: 1px solid var(–line);
border-radius: var(–radius);
padding: 26px;
box-shadow: var(–shadow);
}
.card h3 {
margin: 0 0 10px;
color: var(–primary);
font-size: 1.1rem;
}
.card p {
margin: 0;
color: var(–muted);
font-size: 0.97rem;
}
.split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
align-items: start;
margin-top: 12px;
}
.list {
padding-left: 18px;
margin: 0;
color: var(–muted);
}
.list li { margin-bottom: 10px; }
/* CTA */
.cta {
padding: 56px 0 70px;
}
.cta-box {
background: linear-gradient(135deg, #103253 0%, #1f5f96 100%);
color: #fff;
border-radius: 24px;
padding: 36px;
box-shadow: 0 18px 40px rgba(16, 50, 83, 0.22);
}
.cta-box h2 {
margin: 0 0 10px;
font-size: 2rem;
letter-spacing: -0.02em;
}
.cta-box p {
margin: 0 0 20px;
color: rgba(255,255,255,0.86);
max-width: 780px;
}
.cta-actions {
display: flex;
gap: 14px;
flex-wrap: wrap;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 18px;
border-radius: 999px;
font-weight: 700;
transition: 0.2s ease;
}
.btn-primary {
background: #fff;
color: var(–primary);
}
.btn-primary:hover {
transform: translateY(-1px);
opacity: 0.96;
}
.btn-outline {
border: 1px solid rgba(255,255,255,0.4);
color: #fff;
}
.btn-outline:hover {
background: rgba(255,255,255,0.08);
}
/* Footer */
.site-footer {
background: var(–footer);
color: rgba(255,255,255,0.88);
padding: 38px 0 24px;
margin-top: 16px;
}
.footer-grid {
display: grid;
grid-template-columns: 1.3fr 0.7fr 0.8fr;
gap: 28px;
}
.footer-brand {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
.footer-brand img {
width: 40px;
height: 40px;
object-fit: contain;
border-radius: 10px;
}
.footer-title {
margin: 0 0 10px;
font-size: 1rem;
color: #fff;
}
.footer-text,
.footer-links a {
color: rgba(255,255,255,0.75);
font-size: 0.95rem;
}
.footer-links {
display: flex;
flex-direction: column;
gap: 10px;
}
.footer-links a:hover {
color: #fff;
}
.footer-bottom {
border-top: 1px solid rgba(255,255,255,0.12);
margin-top: 26px;
padding-top: 18px;
font-size: 0.9rem;
color: rgba(255,255,255,0.62);
}
@media (max-width: 980px) {
.hero-grid,
.grid-3,
.split,
.footer-grid {
grid-template-columns: 1fr;
}
.header-inner {
flex-direction: column;
align-items: flex-start;
padding: 14px 0;
}
.nav {
gap: 16px;
}
}
@media (max-width: 640px) {
.hero { padding-top: 44px; }
.card, .hero-card, .cta-box { padding: 22px; }
.nav { gap: 14px; }
}
Exploring regenerative and precision medicine research through a sharper scientific lens.
PrecisionScienceTech is an education-first platform focused on emerging research across regenerative science,
biomarker-guided optimization, translational biology, and precision medicine concepts. Our goal is to make
complex scientific ideas more structured, more understandable, and more useful for serious readers.
We focus on the infrastructure of research interpretation: how to think about published data, how to read
analytical information, and how to organize evolving scientific signals into a cleaner, more practical framework.
Our Core Focus
We curate educational content around regenerative biology, metabolic signaling, performance and recovery
research, longevity-related pathways, and precision medicine thinking—always with a strong emphasis on
transparency, scientific structure, and responsible interpretation.
Who We Are
We built PrecisionScienceTech for readers who want more than headlines and hype. The site is designed for those
interested in following the science behind precision medicine, regenerative biology, and data-driven health
frameworks in a way that feels credible, modern, and organized.
Research-Centered
We focus on scientific literature, analytical interpretation, mechanistic thinking, and translational
relevance rather than trend-driven summaries.
Precision-Oriented
We care about stratification, biomarkers, context, and variability—because meaningful insights often live
in the details.
Education-First
Our aim is to help readers better understand how emerging research fits into broader conversations around
longevity, recovery, resilience, and scientific decision-making.
What We Cover
- Regenerative medicine and tissue-repair research concepts
- Precision medicine frameworks and personalized health signals
- Biomarker-informed strategies and translational thinking
- Mitochondrial, metabolic, inflammatory, and recovery-related pathways
- Scientific interpretation of evolving literature and lab-focused data
Our Approach
- Translate complex science into cleaner, structured educational pages
- Highlight mechanisms, research models, and limitations of current evidence
- Support responsible, critical reading rather than exaggerated claims
- Prioritize clarity, credibility, and long-term educational value
Built for serious readers of emerging science.
Explore a more refined way to follow regenerative and precision medicine research, with structured educational
content designed to make scientific signals easier to understand.
Precision Science Tech 