:root{color-scheme:dark;--navy:#101827;--surface:#172335;--line:#344052;--text:#fff4df;--muted:#c2c7d0;--accent:#dce3e8;--max:1160px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;background:var(--navy);color:var(--text)}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:.25em}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:2px}img{display:block;max-width:100%;height:auto}p{line-height:1.75;margin:0 0 1.25rem}h1,h2,h3{line-height:1.12;letter-spacing:-.04em;margin:0 0 1.5rem;text-wrap:balance}h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:700}h3{font-size:2.5rem}.wrap{width:min(var(--max),calc(100% - 4rem));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:1rem;padding:1rem;background:var(--text);color:var(--navy);z-index:5}.skip-link:focus{top:1rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.8rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;flex-direction:column;gap:.25rem;color:var(--text);font-size:1.4rem;font-weight:800;line-height:1;letter-spacing:.04em;text-decoration:none}.brand span{font-size:.75rem;letter-spacing:.38em;font-weight:600}.site-header nav{display:flex;flex-wrap:wrap;gap:2rem}.site-header nav a{font-size:.875rem;color:var(--text);text-decoration:none;padding:.5rem 0}.site-header nav a:hover{color:var(--accent)}.site-header nav span{margin-left:.5rem}.hero{padding-block:5rem 4.5rem}.eyebrow{color:var(--accent);font-size:.875rem;font-weight:650;letter-spacing:.14em;line-height:1.5;text-transform:uppercase;margin-bottom:1.5rem}.hero h1{max-width:1050px;font-size:clamp(2.7rem,6.1vw,5rem);font-weight:750;line-height:1.13;margin-bottom:2.6rem}.hero h1 em{color:var(--accent);font-style:normal}.hero-bottom{display:flex;justify-content:space-between;gap:3rem;align-items:center}.hero-bottom p{max-width:38rem;color:var(--muted);font-size:1.125rem;margin:0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:2rem;flex-shrink:0;background:var(--accent);color:var(--navy);text-decoration:none;font-weight:650;padding:1.05rem 1.3rem;border:1px solid var(--accent);border-radius:.35rem;line-height:1.5}.button:hover{background:var(--text);border-color:var(--text)}.chapter{padding-block:5rem;scroll-margin-top:2rem}.surface{background:var(--surface);border-block:1px solid var(--line)}.section-heading{margin-bottom:2.5rem}.section-heading h2{margin:0}.product{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:var(--navy)}.product-copy{padding:3.5rem;align-self:center}.product-name{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.product-name h3{margin:0}.status{display:inline-block;border:1px solid #776340;color:var(--accent);background:#252a30;padding:.4rem .8rem;border-radius:.3rem;font-size:.875rem;line-height:1.5}.product-description{font-size:1.125rem;color:var(--text);max-width:29rem}.availability{font-size:.875rem;color:var(--muted);max-width:24rem}.text-link{display:inline-flex;gap:2rem;align-items:center;font-weight:650;padding-block:.7rem}.product-preview{margin:0;padding:2.5rem 2.5rem 1.5rem;background:#1d2b40;border-left:1px solid var(--line)}.product-preview img{width:240px;margin-inline:auto;border:1px solid #455064;border-radius:.85rem;box-shadow:0 20px 45px #04091366}.product-preview figcaption{color:var(--muted);font-size:.875rem;text-align:center;margin-top:1rem;line-height:1.5}.mission{display:grid;grid-template-columns:1fr 1.3fr;gap:5rem;padding-block:6rem}.mission-copy p{color:var(--muted)}.mission-copy .lead{font-size:1.55rem;color:var(--text);line-height:1.5;letter-spacing:-.02em}.mission-copy p:last-child{margin-bottom:0}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:5rem;align-items:center}.contact-grid p:not(.eyebrow){color:var(--muted);max-width:37rem;margin-bottom:0}.contact-links{display:flex;flex-direction:column}.contact-links a{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #536076;padding-block:1.3rem;font-size:1.125rem;text-decoration:none;font-weight:600}.contact-links a:first-child{border-top:1px solid #536076}.contact-links a:hover{color:var(--text)}.site-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding-block:3rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;font-size:.875rem}.site-footer p{color:var(--muted);font-size:.875rem;margin:0}.document{max-width:780px;padding-block:4rem 5rem;min-height:65vh}.document h1{font-size:clamp(2.5rem,5vw,4rem)}.document h2{font-size:1.7rem;margin-top:2.5rem}.document p,.document li{color:var(--muted);line-height:1.75;overflow-wrap:anywhere}.document li{margin-bottom:.5rem}.document .lead{font-size:1.2rem;color:var(--text)}.document .button{margin-top:1rem}.document ul{padding-left:1.3rem}
@media(max-width:900px){.hero-bottom{align-items:flex-start;flex-direction:column;gap:1.75rem}.product-copy{padding:2rem}.mission,.contact-grid{gap:3rem}.site-footer{grid-template-columns:1fr}}
@media(max-width:640px){.wrap{width:calc(100% - 2.5rem)}.site-header{gap:1.5rem;align-items:flex-start;flex-direction:column;padding-block:1.5rem}.site-header nav{gap:1.5rem;justify-content:space-between;width:100%}.site-header nav a{font-size:.875rem}.hero{padding-block:3.5rem}.hero h1{font-size:clamp(2.5rem,9vw,3.6rem)}.hero-bottom p{font-size:1rem}.chapter{padding-block:3.5rem}.product{grid-template-columns:1fr}.product-copy{padding:1.75rem}.product-preview{border-left:0;border-top:1px solid var(--line);padding:2rem 1.5rem 1.5rem}.product-preview img{width:230px}.mission,.contact-grid{grid-template-columns:1fr;gap:1.5rem}.mission h2 br{display:none}.mission-copy .lead{font-size:1.4rem}.site-footer{gap:1.75rem}.site-footer nav{flex-direction:column;align-items:flex-start}.document{padding-top:3rem}.contact-links a{font-size:1rem}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a{transition:background-color .15s ease,color .15s ease}}
@media print{:root{color-scheme:light;background:white;color:black}.surface,.product,.product-preview{background:white}.skip-link,.site-header nav{display:none}a,p,.mission-copy p,.contact-grid p:not(.eyebrow),.site-footer p,.document p,.document li{color:black!important}.chapter{break-inside:avoid}.product-preview img{box-shadow:none;width:150px}.wrap{width:100%}}

/* Original Pylonic artwork is preserved; these viewports frame its icon and lettering. */
:root{--navy:#151718;--surface:#1c2023;--line:#393f43;--text:#f0f0eb;--muted:#bec4c8;--display-font:"Bahnschrift","DIN Alternate","Arial",sans-serif}
.brand{flex-direction:row;align-items:center;gap:.8rem;flex-shrink:0}
.brand .brand-icon,.brand .brand-wordmark{display:block;position:relative;overflow:hidden;flex:none;isolation:isolate}
.brand .brand-icon{width:45px;height:60px;mask-image:radial-gradient(ellipse at center,#000 56%,transparent 75%)}
.brand .brand-icon img{position:absolute;width:155px;max-width:none;height:auto;left:-55px;top:-11px}
.brand .brand-wordmark{width:200px;height:46px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 97%,transparent)}
.brand .brand-wordmark img{position:absolute;width:360px;max-width:none;height:auto;left:-80px;top:-126px}
.brand img{mix-blend-mode:screen}
.site-header{padding-block:1.25rem}
.hero{padding-top:3.5rem}
.hero-heading{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:2.5rem;margin-bottom:2.5rem}
.hero h1{font-family:var(--display-font);font-weight:400;letter-spacing:.005em;font-size:clamp(2.65rem,4.5vw,3.9rem);line-height:1.16;margin-bottom:0}
.hero h1 em{color:#d2d8dc}
.hero-emblem{height:370px;overflow:hidden;position:relative;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 71%)}
.hero-emblem img{position:absolute;width:820px;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:screen}
h2,.document h1{font-family:var(--display-font);font-weight:400;letter-spacing:.035em}
.eyebrow{color:#b8c1c8;letter-spacing:.24em;font-weight:500}
.site-header nav a{letter-spacing:.04em}
.product-preview{background:#252b30}
.product-name h3{font-family:system-ui,sans-serif}
.site-footer .brand{transform-origin:left center;transform:scale(.9)}
@media(max-width:900px){.hero-heading{grid-template-columns:minmax(0,1fr) 220px;gap:1.5rem}.hero-emblem{height:310px}.hero-emblem img{width:680px}.site-header nav{gap:1.2rem}}
@media(max-width:640px){.hero-heading{grid-template-columns:1fr;gap:0;margin-bottom:2rem}.hero h1{font-size:clamp(2.2rem,8.5vw,3.1rem);line-height:1.18}.hero-emblem{height:230px;width:220px;margin:1.25rem auto 0}.hero-emblem img{width:530px}.hero{padding-top:2.5rem}.site-header{gap:1.2rem}.brand .brand-wordmark{width:200px}.site-footer .brand{transform:none}}

/* Circuit motif: quiet structural lines, angular silver accents, and a larger product stage. */
.site-header { border-bottom-color: #ffffff12; }
.site-header nav a { position: relative; }
.site-header nav a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: var(--accent); }
.site-header nav a:hover::after, .site-header nav a:focus-visible::after { width: 100%; }
.hero { padding-block: 4rem 0; }
.hero .eyebrow { margin-bottom: 1.75rem; }
.eyebrow { display: flex; align-items: center; gap: .85rem; }
.eyebrow::before { content: ""; width: 24px; height: 7px; border-top: 1px solid #aebbc466; border-right: 1px solid #aebbc466; transform: skewX(-35deg); }
.hero-heading { grid-template-columns: minmax(0,1fr) 340px; gap: 2rem; margin-bottom: 2rem; }
.hero h1 { font-size: clamp(2.6rem,4.05vw,3.65rem); line-height: 1.28; letter-spacing: -.015em; text-wrap: pretty; }
.hero-opening { display: block; font-size: 1.35em; line-height: 1.05; letter-spacing: -.035em; margin-bottom: .27em; color: #fff; }
.hero h1 .headline-accent { display: inline-block; position: relative; isolation: isolate; color: var(--accent); padding: 0 .16em; margin-inline: .03em; white-space: nowrap; }
.headline-accent::before { content: ""; position: absolute; inset: .06em -.015em .025em; z-index: -1; border: 1px solid #dce3e8a6; background: linear-gradient(125deg,#eef4f510,#eef4f503); transform: skewX(-8deg) rotate(-3deg); box-shadow: 5px 5px 0 #dce3e80b; }
.hero-emblem { width: 100%; height: 420px; overflow: hidden; mask-image: radial-gradient(ellipse at center,#000 53%,transparent 74%); background: radial-gradient(ellipse at 50% 45%,#d7e6f209,transparent 64%); }
.hero-emblem img { width: 900px; filter: brightness(1.12); }
.emblem-traces { position: absolute; inset: 0; width: 100%; height: 100%; stroke: #99a9b84d; stroke-width: 1; pointer-events: none; }
.emblem-traces circle { stroke: #e2eaf08c; }
.hero-bottom { padding-top: 1rem; }
.hero-bottom p { font-size: 1.05rem; max-width: 35rem; }
.button { border-radius: 0; position: relative; background: linear-gradient(120deg,#f5f6f2,#d7dde1); border-color: #e6ecef; box-shadow: 5px 5px 0 #dce3e814; }
.button:hover { background: #fff; border-color: #fff; }
.button span { font-size: 1.15rem; }
.circuit-divider { display: block; width: 100%; height: 52px; margin-top: 3.5rem; overflow: visible; pointer-events: none; stroke-width: 1; }
.circuit-divider .trace-base { stroke: #ffffff25; }
.circuit-divider .trace-accent, .circuit-divider circle { stroke: #c3d1dc99; }
#projects { border-top: 0; padding-top: 4.5rem; background: linear-gradient(180deg,#151718,#1c2023); }
.section-heading { margin-bottom: 3rem; }
.section-heading h2 { font-size: clamp(2.1rem,4vw,3.5rem); }
.product { --accent: #ffca6c; grid-template-columns: .95fr 1.05fr; border: 1px solid #555d66; border-radius: .6rem; background: linear-gradient(130deg,#20262c,#141819 65%); position: relative; }
.product::before { content: ""; position: absolute; top: 0; left: 0; height: 3px; width: 26%; background: linear-gradient(90deg,var(--accent),#ffca6c00); }
.product-copy { padding: 3.5rem; }
.product-name { margin-bottom: 1.65rem; }
.product-name h3 { font-size: 3rem; letter-spacing: -.045em; }
.product-name img { width: 64px; height: 64px; }
.product-description { font-size: 1.25rem; line-height: 1.65; margin-top: .4rem; }
.availability { max-width: 23rem; margin-bottom: 2rem; }
.status { border-radius: 0; padding: .35rem .75rem; }
.product .text-link { text-decoration: none; border-bottom: 1px solid #ffca6c80; gap: 3rem; }
.product .text-link:hover { color: var(--text); }
.product-preview { isolation: isolate; position: relative; padding: 3.75rem 2rem 2.5rem; border-left: 1px solid #ffffff12; background: radial-gradient(ellipse at 48% 48%,#ffca6c17,transparent 67%),linear-gradient(135deg,#242e34,#181d20); }
.product-preview::before { content: ""; position: absolute; z-index: -1; inset: 3rem 22% 4.5rem; border: 1px solid #ffca6c36; transform: rotate(6deg); border-radius: 1rem; }
.product-preview::after { content: ""; position: absolute; z-index: -2; inset: 0; background-image: linear-gradient(#b3bfcb07 1px,transparent 1px),linear-gradient(90deg,#b3bfcb07 1px,transparent 1px); background-size: 36px 36px; mask-image: radial-gradient(ellipse,#000,transparent 73%); }
.product-preview img { width: min(100%,285px); border: 1px solid #657079; border-radius: 1.1rem; transform: rotate(-4deg); box-shadow: 12px 24px 32px #0008,0 0 0 6px #090c0e,0 0 0 7px #ffffff18; }
.product-preview figcaption { margin-top: 2.4rem; letter-spacing: .07em; color: #d5d6d2; }
.mission { padding-block: 7rem; grid-template-columns: .9fr 1.1fr; }
.mission h2 { max-width: 9ch; font-size: clamp(2.5rem,4.8vw,4rem); }
.mission-copy .lead { padding-left: 1.25rem; border-left: 2px solid #c3d1dc99; font-size: 1.6rem; margin-bottom: 1.8rem; }
.contact { background: linear-gradient(110deg,#20272b,#181c1f); border-top-color: #5b6671; }
.contact-grid { grid-template-columns: 1fr 1fr; gap: 6rem; }
.contact-links a { border-color: #ffffff30; padding: 1.5rem .5rem 1.5rem 0; }
.contact-links a:first-child { border-color: #ffffff30; }
.contact-links a:hover, .contact-links a:focus-visible { background: #dce3e80a; }
.contact-links a span { color: var(--accent); }
@media(min-width:901px) and (prefers-reduced-motion:no-preference) {
  .hero-emblem img { transition: filter .5s ease; }
  .hero-emblem:hover img { filter: brightness(1.4); }
  .product-preview img { transition: transform .45s ease,box-shadow .45s ease; }
  .product:hover .product-preview img { transform: rotate(-1deg) translateY(-5px); box-shadow: 14px 30px 40px #0009,0 0 0 6px #090c0e,0 0 0 7px #ffffff25; }
  .site-header nav a::after { transition: width .2s ease; }
}
@media(max-width:1000px) {
  .hero-heading { grid-template-columns: minmax(0,1fr) 260px; gap: 1.5rem; }
  .hero-emblem { height: 360px; }
  .hero-emblem img { width: 770px; }
  .product-copy { padding: 2.5rem; }
  .product-description { font-size: 1.125rem; }
  .contact-grid { gap: 3rem; }
}
@media(max-width:640px) {
  .hero { padding-top: 2.5rem; }
  .hero-heading { grid-template-columns: 1fr; gap: .5rem; margin-bottom: .5rem; }
  .hero h1 { font-size: clamp(2.05rem,8vw,3rem); line-height: 1.32; }
  .hero-opening { font-size: 1.3em; }
  .hero-emblem { height: 230px; width: 240px; margin: .5rem auto 0; }
  .hero-emblem img { width: 560px; }
  .hero-bottom { gap: 1.5rem; padding-top: 0; }
  .hero-bottom p { font-size: 1rem; }
  .circuit-divider { margin-top: 2.25rem; height: 32px; }
  #projects { padding-top: 2.5rem; }
  .section-heading { margin-bottom: 2rem; }
  .product { grid-template-columns: 1fr; }
  .product-copy { padding: 1.75rem; }
  .product-name { gap: .75rem; }
  .product-name h3 { font-size: 2.5rem; }
  .product-name img { width: 48px; height: 48px; }
  .product-description { font-size: 1.125rem; }
  .product-preview { padding: 2.75rem 2rem 2rem; border-left: 0; }
  .product-preview img { width: min(100%,265px); transform: rotate(-2deg); }
  .product-preview::before { inset: 2.3rem 14% 4.3rem; transform: rotate(3deg); }
  .product-preview figcaption { margin-top: 1.75rem; font-size: .8rem; }
  .mission { grid-template-columns: 1fr; padding-block: 3.5rem; }
  .mission h2 { max-width: none; font-size: 2.4rem; }
  .mission-copy .lead { font-size: 1.4rem; padding-left: 1rem; }
  .contact-grid { grid-template-columns: 1fr; gap: 2rem; }
}
@media print {
  .circuit-divider, .emblem-traces { display: none; }
  .product-preview img { transform: none; }
  .headline-accent::before { box-shadow: none; }
}