.route-contact{--bg:#101010;--ink:#fff;--muted:#aaa;background:#101010;color:#fff}
.route-contact .own-navigation{font-family:OwnHeader,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1;letter-spacing:normal}
.route-contact .own-navigation .on-close{padding:0}
.route-contact .own-footer{font-family:OwnFooter,Arial,sans-serif;font-size:16px;font-weight:450;line-height:1;letter-spacing:normal}
.route-contact .own-footer h3{letter-spacing:normal}
.route-contact .own-footer-company p{line-height:inherit}
.route-contact main{overflow:clip}

.ct-hero{display:flex;flex-direction:column;justify-content:center;min-height:max(680px,100svh);padding:clamp(150px,20svh,200px) 0 120px;background:#101010;color:#fff}
.ct-hero .oa-index{color:#ffffff8c}
.ct-hero h1{max-width:20ch;margin:18px 0 0;font-size:clamp(28px,2.8vw,44px);line-height:1.1;letter-spacing:-.03em;color:#ffffffbf}
.ct-mail{display:block;margin:clamp(28px,5svh,56px) 0 0;font-size:clamp(44px,9.4vw,172px);line-height:.95;letter-spacing:-.055em;color:#fff;white-space:nowrap}
.ct-part{display:inline}
.ct-char{--k:0;display:inline-block;color:color-mix(in srgb,#fff calc(78% + var(--k) * 22%),#101010);transform:translateY(calc(var(--k) * -.16em));will-change:transform}
.ct-mail:focus-visible{outline:2px solid #fff;outline-offset:8px;border-radius:8px}
.ct-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:clamp(28px,5svh,48px)}
.ct-copy{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:24px;background:#fff;color:#121212;font-size:15px;transition:background-color .2s,color .2s}
.ct-copy:hover{background:#e6e6e6}
.ct-copy.is-done{background:#2a2a2a;color:#fff;box-shadow:inset 0 0 0 1px #ffffff40}
.ct-copy:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ct-copied{min-width:60px;font-size:14px;color:#fff}
.ct-hero-actions .oa-note{flex-basis:100%;max-width:520px;margin:0;color:#ffffff73}

.ct-topics{padding:128px 0 136px;background:#f2f2f2;color:#121212}
.ct-topics .oa-section-head>p{max-width:420px;color:#5e5e5e}
.ct-chips{display:flex;flex-wrap:wrap;gap:10px;margin:48px 0 40px}
.ct-topic{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:23px;box-shadow:inset 0 0 0 1px #12121233;background:transparent;color:#121212;font-size:15px;transition:background-color .2s,color .2s}
.ct-topic:hover{background:#e6e6e6}
.ct-topic[aria-pressed=true]{background:#121212;color:#fff;box-shadow:none}
.ct-topic:focus-visible{outline:2px solid #121212;outline-offset:3px}
.ct-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:start}
.ct-panel[hidden]{display:none}
.ct-panel-copy .oa-index{color:#8a8a8a}
.ct-panel-copy h3{max-width:16ch;margin:14px 0 28px;font-size:clamp(30px,3vw,46px);line-height:1.05;letter-spacing:-.035em}
.ct-include-label{margin:0 0 12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a}
.ct-panel-copy ul{display:grid;gap:10px;margin:0 0 28px;padding:0;list-style:none}
.ct-panel-copy li{display:flex;gap:12px;align-items:baseline;font-size:16px}
.ct-panel-copy li:before{content:"";flex:none;width:14px;height:1px;background:#121212;transform:translateY(-4px)}
.ct-panel-copy .oa-text-link{color:#121212}
.ct-preview{padding:28px 30px 30px;border-radius:24px;background:#fff;box-shadow:0 1px 2px #0000000d,0 12px 32px #00000012}
.ct-preview-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #1212121a;font-size:14px}
.ct-preview-row span{color:#8a8a8a}
.ct-preview-row b{font-weight:500;color:#121212;overflow-wrap:anywhere}
.ct-preview-body{min-height:160px;padding:18px 0 22px;font-size:15px;line-height:1.6;color:#4a4a4a}
.ct-preview-body p{margin:0}
.ct-send{width:100%;justify-content:space-between}

.ct-company{padding:112px 0;background:#101010;color:#fff}
.ct-company-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:48px;align-items:start}
.ct-company .oa-index{color:#ffffff8c}
.ct-company h2{margin:16px 0 0;font-size:clamp(40px,4.4vw,72px);line-height:1;letter-spacing:-.045em}
.ct-facts{margin:0;border-top:1px solid #ffffff26}
.ct-facts>div{display:grid;grid-template-columns:minmax(140px,.5fr) minmax(0,1.5fr);gap:20px;padding:18px 0;border-bottom:1px solid #ffffff26}
.ct-facts dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c}
.ct-facts dd{margin:0;font-size:16px;line-height:1.5;color:#fff;font-variant-numeric:tabular-nums}
.ct-facts a{color:#fff;border-bottom:1px solid #ffffff4d;transition:border-color .2s}
.ct-facts a:hover{border-color:#fff}
.ct-facts a:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media(max-width:1000px){
 .ct-panel,.ct-company-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
 .ct-hero{justify-content:center;padding:120px 0 104px}
 .ct-mail{font-size:clamp(40px,14.4vw,72px);white-space:normal}
 .ct-part{display:block}
 .ct-topics,.ct-company{padding:80px 0}
 .ct-chips{flex-wrap:nowrap;margin:36px -16px 32px;padding:0 16px;overflow-x:auto;scrollbar-width:none}
 .ct-chips::-webkit-scrollbar{display:none}
 .ct-topic{flex:none}
 .ct-preview{padding:20px 20px 22px;border-radius:20px}
 .ct-facts>div{grid-template-columns:minmax(0,1fr);gap:6px}
}
@media(prefers-reduced-motion:reduce){
 .ct-char{transform:none}
 .ct-copy,.ct-topic,.ct-facts a{transition:none}
}
