Files
claudetools/clients/cryoweave/impeccable/homepage-bold.html
Mike Swanson 91bcf97112 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
2026-05-22 18:28:40 -07:00

851 lines
28 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>