:root{--ink:#172d43;--paper:#f4f7f8;--wash:#e1e9ee;--line:#b7c6d0;--accent:#235e89;--muted:#546779;--sans:"Yu Gothic",Meiryo,sans-serif}.technical h1,.technical h2{font-weight:800;letter-spacing:-.03em}.technical h3{font-weight:800}.technical .brand{font-size:28px;letter-spacing:.12em}.technical .brand-mark{font-size:42px}.technical .header-inner{min-height:88px}.technical .button{background:#ffdf61;border-color:#ffdf61;color:#172d43}.technical .button:hover{background:#172d43;color:#ffdf61}.technical .button.secondary{border-color:var(--ink);background:transparent;color:var(--ink)}.tech-hero{padding:50px 0 0;background:var(--ink);color:var(--paper)}.tech-hero .eyebrow{color:#ffdf61}.tech-headline{display:grid;grid-template-columns:1.3fr .8fr;gap:7vw;align-items:end;margin-bottom:45px}.tech-headline h1{font-size:clamp(38px,4.8vw,68px);line-height:1.5}.tech-headline .lead{font-size:15px}.tech-headline .button{margin-top:25px}.tech-stage{position:relative}.tech-stage img{width:100%;aspect-ratio:2.25;object-fit:cover;object-position:50% 54%}.tech-stage figcaption{color:#c5d3dd;background:#20394e;padding:10px 20px}.spec-note{position:absolute;right:25px;top:25px;display:flex;flex-direction:column;gap:5px;background:#ffdf61;color:#172d43;border:1px solid #172d43;padding:15px 22px;font-size:11px}.spec-note strong{font-size:16px}.technical .section-head{display:flex;align-items:baseline;gap:35px;max-width:none;border-bottom:2px solid var(--ink);padding-bottom:25px}.technical .section-head .eyebrow{flex-shrink:0}.technical .section-head h2{font-size:clamp(27px,3vw,40px)}.technical .products{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.technical .product{display:grid;grid-template-columns:.8fr 1fr;gap:50px;border-bottom:1px solid var(--line);padding-block:35px;align-items:center}.technical .product-copy{padding:0}.technical .product-image img{aspect-ratio:1.7;object-fit:cover}.technical .product h3{font-size:25px}.technical .plan{border:1px solid var(--ink);padding:30px 24px;position:relative}.technical .plan .eyebrow{background:var(--ink);color:#fff;padding:4px 10px;align-self:flex-start}.technical .plan h3{font-size:23px}.technical .steps li{grid-template-columns:100px 1fr}.technical .step-no{font-family:monospace;font-weight:800;background:var(--wash);width:75px;height:75px;display:grid;place-items:center}.technical .closing{background:#ffdf61}.technical .closing .button{background:var(--ink);color:#fff;border-color:var(--ink)}.technical .closing .button.secondary{background:transparent;color:var(--ink)}.technical .site-footer{background:#102337}.technical .footer-nav{border-color:#ffffff40}
@media(max-width:820px){.tech-headline{gap:30px;grid-template-columns:1.2fr 1fr}.tech-headline h1{font-size:39px}.tech-stage img{aspect-ratio:1.65}.spec-note{right:15px;top:15px;padding:12px 15px}.spec-note strong{font-size:13px}.technical .section-head{display:block}.technical .product{gap:30px}.technical .product h3{font-size:22px}.technical .plan{display:flex}}
@media(max-width:560px){.technical .brand{font-size:24px}.tech-hero{padding-top:30px}.tech-headline{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.tech-headline h1{font-size:36px}.tech-headline .lead{font-size:15px}.tech-stage img{aspect-ratio:1.03;object-position:center}.spec-note{position:static;padding:15px 20px;flex-direction:row;flex-wrap:wrap;gap:4px 15px}.technical .section-head{padding-bottom:20px}.technical .product{grid-template-columns:1fr;gap:22px}.technical .steps li{grid-template-columns:45px 1fr}.technical .step-no{width:40px;height:45px;font-size:25px}.technical .page-intro h1{font-size:33px}.technical .product-copy{padding-bottom:10px}}
@media(min-width:821px){.technical .header-inner{flex-wrap:wrap;padding-top:20px;gap:18px}.technical #navigation{flex-basis:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}.technical #navigation a{padding:15px 20px;border-right:1px solid var(--line)}.technical #navigation a:first-child{border-left:1px solid var(--line)}.technical #navigation a:hover,.technical #navigation a[aria-current=page]{background:var(--ink);color:var(--paper);text-decoration:none}}
