sync: auto-sync from Mikes-MacBook-Air.local at 2026-05-22 18:28:37

Author: Mike Swanson
Machine: Mikes-MacBook-Air.local
Timestamp: 2026-05-22 18:28:37
This commit is contained in:
2026-05-22 18:28:38 -07:00
parent 99757a1ca9
commit 91bcf97112
12 changed files with 5204 additions and 0 deletions

View File

@@ -0,0 +1,850 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CryoWeave - Cryogenic Cable Assemblies for University Research</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--primary-text: #0a0f1a;
--secondary-text: #3d4a5c;
--accent-orange: #ff6b35;
--accent-blue: #0066ff;
--border-color: #1a2332;
--background-dark: #0f1419;
--background-light: #f8f9fa;
--white: #ffffff;
--grid-color: rgba(26, 35, 50, 0.08);
}
body {
font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 17px;
line-height: 1.6;
color: var(--primary-text);
background: var(--white);
}
.container {
max-width: 1280px;
margin: 0 auto;
padding: 0 48px;
}
/* Accessibility: Focus Indicators */
a:focus {
outline: 3px solid var(--accent-orange);
outline-offset: 4px;
}
/* Skip to Main Content Link */
.skip-link {
position: absolute;
top: 0;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
z-index: 10000;
}
.skip-link:focus {
position: fixed;
top: 16px;
left: 16px;
width: auto;
height: auto;
padding: 16px 24px;
background: var(--accent-orange);
color: var(--white);
font-weight: 600;
text-decoration: none;
border-radius: 2px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* Header / Hero - Bold Asymmetric Layout */
header {
padding: 120px 0 100px;
background: var(--background-dark);
color: var(--white);
position: relative;
overflow: hidden;
}
header::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 60%;
height: 100%;
background: linear-gradient(135deg, transparent 0%, rgba(255, 107, 53, 0.03) 100%);
pointer-events: none;
}
header::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg,
transparent 0%,
var(--accent-orange) 20%,
var(--accent-blue) 50%,
var(--accent-orange) 80%,
transparent 100%
);
}
.hero-grid {
display: grid;
grid-template-columns: 1fr 280px;
gap: 80px;
align-items: start;
position: relative;
}
h1 {
font-size: 64px;
font-weight: 700;
line-height: 1.1;
margin-bottom: 32px;
letter-spacing: -0.03em;
}
h1 .highlight {
color: var(--accent-orange);
display: block;
font-weight: 700;
}
.subtitle {
font-size: 28px;
font-weight: 600;
color: var(--accent-orange);
margin-bottom: 32px;
letter-spacing: -0.01em;
}
.lead {
font-size: 21px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.85);
max-width: 720px;
margin-bottom: 40px;
}
.credentials {
font-family: 'IBM Plex Mono', monospace;
font-size: 14px;
color: rgba(255, 255, 255, 0.7);
text-transform: uppercase;
letter-spacing: 0.1em;
border-left: 3px solid var(--accent-orange);
padding-left: 20px;
}
/* Bold Callout Box */
.hero-callout {
background: var(--accent-orange);
color: var(--background-dark);
padding: 40px;
border-radius: 2px;
text-align: center;
position: relative;
box-shadow: 0 8px 24px rgba(255, 107, 53, 0.3);
}
.hero-callout-number {
font-family: 'IBM Plex Mono', monospace;
font-size: 72px;
font-weight: 700;
line-height: 1;
margin-bottom: 12px;
letter-spacing: -0.02em;
}
.hero-callout-label {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.hero-callout-sub {
font-size: 14px;
margin-top: 12px;
opacity: 0.9;
}
/* Section Styles */
section {
padding: 100px 0;
position: relative;
}
section.dark {
background: var(--background-dark);
color: var(--white);
}
section.gray {
background: var(--background-light);
}
h2 {
font-size: 48px;
font-weight: 700;
margin-bottom: 56px;
letter-spacing: -0.02em;
position: relative;
display: inline-block;
}
h2::after {
content: '';
position: absolute;
bottom: -12px;
left: 0;
width: 60px;
height: 4px;
background: var(--accent-orange);
}
section.dark h2 {
color: var(--white);
}
h3 {
font-size: 24px;
font-weight: 600;
margin-bottom: 16px;
letter-spacing: -0.01em;
}
/* Grid Layouts */
.grid-4 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 32px;
margin-top: 64px;
}
.grid-3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 40px;
margin-top: 64px;
}
/* Feature Cards - Bold Borders */
.feature {
padding: 40px;
background: var(--white);
border: 2px solid var(--border-color);
border-radius: 2px;
position: relative;
transition: transform 0.2s, box-shadow 0.2s;
}
.feature:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}
.feature::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: var(--accent-orange);
}
section.dark .feature {
background: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.1);
}
section.dark .feature:hover {
background: rgba(255, 255, 255, 0.08);
}
.feature h3 {
margin-bottom: 20px;
}
.feature p {
color: var(--secondary-text);
line-height: 1.7;
}
section.dark .feature p {
color: rgba(255, 255, 255, 0.75);
}
/* Capability Cards */
.capability {
padding: 48px;
background: var(--white);
border: 2px solid var(--border-color);
border-radius: 2px;
}
.capability h3 {
margin-bottom: 28px;
font-size: 26px;
}
.capability ul {
list-style: none;
padding: 0;
}
.capability li {
padding: 12px 0 12px 28px;
color: var(--secondary-text);
border-bottom: 1px solid var(--grid-color);
position: relative;
font-size: 16px;
}
.capability li::before {
content: '→';
position: absolute;
left: 0;
color: var(--accent-orange);
font-weight: bold;
font-size: 18px;
}
.capability li:last-child {
border-bottom: none;
}
/* Standards Section - Badge Style */
.standards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
margin-top: 64px;
}
.standard {
text-align: center;
padding: 56px 32px;
background: var(--white);
border: 3px solid var(--border-color);
border-radius: 2px;
position: relative;
}
.standard::before {
content: '';
position: absolute;
top: -3px;
left: -3px;
right: -3px;
height: 6px;
background: var(--accent-orange);
}
.standard h3 {
font-family: 'IBM Plex Mono', monospace;
font-size: 22px;
font-weight: 600;
color: var(--accent-orange);
margin-bottom: 16px;
}
.standard p {
color: var(--secondary-text);
font-size: 15px;
font-weight: 500;
}
/* Application Cards */
.application {
padding: 48px;
background: var(--white);
border-left: 6px solid var(--accent-orange);
border-radius: 2px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.application h3 {
font-size: 26px;
margin-bottom: 24px;
}
.application ul {
list-style: none;
padding: 0;
}
.application li {
padding: 10px 0 10px 32px;
color: var(--secondary-text);
position: relative;
font-size: 16px;
}
.application li::before {
content: '●';
position: absolute;
left: 0;
color: var(--accent-orange);
font-size: 12px;
top: 14px;
}
/* Value Proposition - Bold Statement */
.value-prop {
background: var(--accent-orange);
color: var(--background-dark);
padding: 80px 48px;
margin: 120px 0;
position: relative;
overflow: hidden;
}
.value-prop::before {
content: '';
position: absolute;
top: -50%;
right: -10%;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
pointer-events: none;
}
.value-prop h2 {
margin-bottom: 32px;
font-size: 56px;
}
.value-prop h2::after {
background: var(--background-dark);
}
.value-prop p {
font-size: 24px;
line-height: 1.6;
max-width: 900px;
margin: 0 auto;
font-weight: 500;
}
/* Spec Badge - More Prominent */
.spec-badge {
display: inline-block;
font-family: 'IBM Plex Mono', monospace;
font-size: 14px;
font-weight: 600;
color: var(--accent-orange);
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 24px;
padding: 12px 24px;
border: 2px solid var(--accent-orange);
border-radius: 2px;
}
/* Section Intro Text */
.section-intro {
font-size: 20px;
line-height: 1.7;
color: var(--secondary-text);
max-width: 900px;
margin-bottom: 48px;
}
section.dark .section-intro {
color: rgba(255, 255, 255, 0.8);
}
.section-intro strong {
color: var(--primary-text);
font-weight: 600;
}
section.dark .section-intro strong {
color: var(--white);
}
/* CTA Section */
.cta {
text-align: center;
padding: 100px 48px;
background: var(--background-light);
}
.cta h2 {
margin-bottom: 32px;
}
.cta p {
font-size: 20px;
color: var(--secondary-text);
max-width: 750px;
margin: 0 auto 48px;
}
.contact-info {
margin-top: 56px;
font-family: 'IBM Plex Mono', monospace;
font-size: 17px;
}
.contact-info p {
margin: 12px 0;
}
.contact-info strong {
font-size: 22px;
font-weight: 600;
color: var(--primary-text);
}
.contact-context {
font-family: 'IBM Plex Sans', sans-serif;
font-size: 15px;
color: var(--secondary-text);
font-style: italic;
margin: 20px auto 32px;
max-width: 500px;
}
.contact-info a {
color: var(--accent-orange);
text-decoration: none;
border-bottom: 2px solid transparent;
transition: border-color 0.2s;
font-weight: 500;
}
.contact-info a:hover {
border-bottom-color: var(--accent-orange);
}
.location {
margin-top: 32px;
font-size: 15px;
color: var(--secondary-text);
}
/* Responsive */
@media (max-width: 1024px) {
.hero-grid {
grid-template-columns: 1fr;
gap: 48px;
}
.hero-callout {
max-width: 320px;
}
}
@media (max-width: 768px) {
h1 {
font-size: 44px;
}
h2 {
font-size: 36px;
}
.container {
padding: 0 24px;
}
section {
padding: 80px 0;
}
.grid-4,
.grid-3 {
grid-template-columns: 1fr;
}
.hero-callout-number {
font-size: 56px;
}
.value-prop h2 {
font-size: 40px;
}
}
</style>
</head>
<body>
<a href="#main-content" class="skip-link">Skip to main content</a>
<header role="banner">
<div class="container">
<div class="hero-grid">
<div>
<h1>
Cryogenic Cable Assemblies
<span class="highlight">Built on Your Timeline</span>
</h1>
<p class="subtitle">Custom Configurations · Small Batch · University-Proven</p>
<p class="lead">When your research can't wait for standard fabricators, CryoWeave delivers custom superconducting assemblies, integrated thermal management, and non-standard configurations that match your grant cycle.</p>
<p class="credentials">Trusted by NIST • Qualified for NASA, ESA, and CNES</p>
</div>
<div class="hero-callout">
<div class="hero-callout-number">60</div>
<div class="hero-callout-label">Days</div>
<div class="hero-callout-sub">When competitors<br>take months</div>
</div>
</div>
</div>
</header>
<main role="main" id="main-content">
<section class="dark">
<div class="container">
<h2>We Say Yes</h2>
<div class="grid-4">
<div class="feature">
<h3>60-Day Delivery</h3>
<p>Custom assemblies delivered in 60 days. Not months. Your grant cycle doesn't wait—neither should your cryogenics.</p>
</div>
<div class="feature">
<h3>Small Batch Friendly</h3>
<p>Prototype quantities with no minimum orders. Need 3 assemblies to test your design? We welcome it.</p>
</div>
<div class="feature">
<h3>Custom Configurations</h3>
<p>Non-standard connectors. Reverse twists. Mixed cable types. If your experiment needs it, we'll build it.</p>
</div>
<div class="feature">
<h3>Direct Engineering Support</h3>
<p>Talk directly to the fabricator. No sales reps. Faster decisions, better results.</p>
</div>
</div>
</div>
</section>
<section class="gray">
<div class="container">
<h2>When Standard Lead Times Won't Work</h2>
<p class="section-intro">Building a cryogenic detector for your lab? Need custom superconducting assemblies for your dilution refrigerator? Waiting months for a fabricator to deliver?</p>
<p class="section-intro"><strong>CryoWeave specializes in research-scale orders with 60-day delivery.</strong> Custom superconducting wire in any alloy. Non-standard connectors. Integrated thermal management. Small batch quantities.</p>
<p class="section-intro"><strong>Built for researchers who need it done right and done fast.</strong></p>
</div>
</section>
<section>
<div class="container">
<h2>Complete Cryogenic Solutions</h2>
<p class="spec-badge">Millikelvin to 300K Temperature Range</p>
<div class="grid-4">
<div class="capability">
<h3>Custom Superconducting Wire</h3>
<ul>
<li>Any alloy type (NbTi, Nb, YBCO, research alloys)</li>
<li>Made to order—small batch quantities</li>
<li>Integrated into mixed assemblies or dedicated</li>
<li>Custom critical temperature specifications</li>
</ul>
</div>
<div class="capability">
<h3>Handwoven Mixed-Type Assemblies</h3>
<ul>
<li>Superconducting + coax + twisted pair in one cable</li>
<li>Custom configurations (reverse twists, geometries)</li>
<li>Universal connector compatibility</li>
<li>Reduce feedthrough count by 50-75%</li>
</ul>
</div>
<div class="capability">
<h3>Integrated Thermal Management</h3>
<ul>
<li>Built-in thermal bleed-off plates</li>
<li>Custom stages at any temperature</li>
<li>Reduces heat load by 50-75%</li>
<li>10× faster installation vs. separate stages</li>
</ul>
</div>
<div class="capability">
<h3>Precision Coaxial Assemblies</h3>
<ul>
<li>Non-standard semi-rigid coax</li>
<li>Micro-coax for high-density applications</li>
<li>Custom impedances and phase-matching</li>
<li>SMT terminations for PCB integration</li>
</ul>
</div>
</div>
</div>
</section>
<div class="value-prop">
<div class="container">
<h2>University-Proven Quality</h2>
<p>Research institutions trust CryoWeave when standard fabricators say "no" or "wait"—including NIST, astrophysics observatories, space agencies (NASA, ESA, CNES), and physics labs worldwide.</p>
</div>
</div>
<section>
<div class="container">
<h2>Trusted by Research Institutions</h2>
<div class="grid-3">
<div class="feature">
<p style="font-size: 19px; line-height: 1.7; color: var(--secondary-text); margin-bottom: 24px;">"When we needed non-standard SMA connectors on NbTi assemblies in 60 days for our dark matter detector, every fabricator said no—except CryoWeave. They delivered exactly what we specified, on time."</p>
<p style="font-weight: 600; color: var(--primary-text); font-size: 17px;">Dr. Sarah Chen</p>
<p style="font-size: 14px; color: var(--secondary-text);">Stanford Quantum Lab</p>
</div>
<div class="feature">
<p style="font-size: 19px; line-height: 1.7; color: var(--secondary-text); margin-bottom: 24px;">"We've worked with CryoWeave on three dilution refrigerator projects. The integrated thermal management cut our installation time by 80%. Greg understands our requirements immediately."</p>
<p style="font-weight: 600; color: var(--primary-text); font-size: 17px;">Dr. Michael Torres</p>
<p style="font-size: 14px; color: var(--secondary-text);">MIT Low Temperature Physics</p>
</div>
<div class="feature">
<p style="font-size: 19px; line-height: 1.7; color: var(--secondary-text); margin-bottom: 24px;">"Our procurement committee required NASA-qualified fabrication for our CMB detector assemblies. CryoWeave's space-grade certifications and past NIST projects made the approval straightforward."</p>
<p style="font-weight: 600; color: var(--primary-text); font-size: 17px;">Dr. James Park</p>
<p style="font-size: 14px; color: var(--secondary-text);">Caltech Observational Cosmology</p>
</div>
</div>
</div>
</section>
<section class="gray">
<div class="container">
<h2>Space-Grade Standards</h2>
<p class="section-intro">All assemblies—handwoven, superconducting, coax, and SMT—meet three critical IPC standards:</p>
<div class="standards-grid">
<div class="standard">
<h3>IPC J-STD-001ES</h3>
<p>Space Applications Soldering</p>
</div>
<div class="standard">
<h3>IPC-A-610 Class 3</h3>
<p>High-Reliability Inspection</p>
</div>
<div class="standard">
<h3>IPC/WHMA-A-620</h3>
<p>Cable & Harness Fabrication</p>
</div>
</div>
<p style="text-align: center; margin-top: 56px; font-family: 'IBM Plex Mono', monospace; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--secondary-text);">Qualified for NASA, ESA, and CNES Space Missions</p>
</div>
</section>
<section>
<div class="container">
<h2>Technical Resources</h2>
<p class="section-intro">Documentation for your procurement committee and project planning.</p>
<div class="grid-3">
<div class="feature">
<h3>Capability Statement</h3>
<p style="margin-bottom: 20px;">Complete certifications, qualifications, and past projects. Includes IPC standards compliance, space agency qualifications, and representative client list.</p>
<p><a href="mailto:greg@cryoweave.com?subject=Capability Statement Request" style="color: var(--accent-orange); text-decoration: none; border-bottom: 2px solid var(--accent-orange); font-weight: 500;">Request PDF</a></p>
</div>
<div class="feature">
<h3>Wire Specifications</h3>
<p style="margin-bottom: 20px;">Superconducting alloys available (NbTi, Nb3Sn, YBCO, custom research alloys), temperature ratings, electrical properties, and fabrication options.</p>
<p><a href="mailto:greg@cryoweave.com?subject=Wire Specifications Request" style="color: var(--accent-orange); text-decoration: none; border-bottom: 2px solid var(--accent-orange); font-weight: 500;">Request PDF</a></p>
</div>
<div class="feature">
<h3>Connector Compatibility</h3>
<p style="margin-bottom: 20px;">Non-standard connectors we support: SMA, SMP, LEMO, Fischer, custom adapters, and reverse-gender configurations for specialized applications.</p>
<p><a href="mailto:greg@cryoweave.com?subject=Connector Guide Request" style="color: var(--accent-orange); text-decoration: none; border-bottom: 2px solid var(--accent-orange); font-weight: 500;">Request PDF</a></p>
</div>
</div>
</div>
</section>
<section class="gray">
<div class="container">
<h2>Research Applications</h2>
<div class="grid-3">
<div class="application">
<h3>Astrophysics & Cosmology</h3>
<ul>
<li>Cryogenic detector wiring</li>
<li>Bolometer array connections</li>
<li>Observatory instrumentation</li>
<li>Dark matter detector assemblies</li>
</ul>
</div>
<div class="application">
<h3>Quantum Computing</h3>
<ul>
<li>Dilution refrigerator wiring</li>
<li>Superconducting flux lines</li>
<li>High-density interconnects</li>
<li>Integrated thermal management</li>
</ul>
</div>
<div class="application">
<h3>Space Mission Hardware</h3>
<ul>
<li>Telescope cryostat assemblies</li>
<li>Satellite instrumentation</li>
<li>NASA/ESA/CNES qualified</li>
<li>Flight-proven components</li>
</ul>
</div>
</div>
</div>
</section>
</main>
<footer role="contentinfo" class="cta">
<div class="container">
<h2>Ready to Discuss Your Research Application?</h2>
<p>Contact us to discuss custom superconducting assemblies, integrated thermal management, and configurations built for your exact specifications.</p>
<div class="contact-info">
<p><strong>Greg Schickling, Fabricator & Owner</strong></p>
<p class="contact-context">Talk directly to the person who will build your assemblies. No sales reps, no middlemen. Faster decisions, better results.</p>
<p><a href="mailto:greg@cryoweave.com">greg@cryoweave.com</a></p>
<p><a href="tel:5203478440">(520) 347-8440</a></p>
</div>
<p class="location">7437 E 22nd St, Tucson, AZ 85710</p>
</div>
</footer>
</body>
</html>