/* Knockout Connect: original supplied assets, sampled cobalt, locally hosted type. */
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/outfit-variable.woff') format('woff')}
:root{--cobalt:#0056fe;--bg:#000;--surface:#111;--panel:#171717;--line:#303030;--text:#fff;--muted:#aaa;--soft:#858585;font-family:Outfit,Arial,sans-serif}
body{background:#000;color:#fff}button,input,textarea,select{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cobalt);outline-offset:5px}
.site-header{background:#000;border-bottom:1px solid #222;backdrop-filter:none}.brand{width:auto;display:inline-flex;align-items:center}.brand img.brand-wordmark{width:204px;height:auto;aspect-ratio:1659/318;border-radius:0;object-fit:contain}.site-footer{background:#000;border-top:1px solid #292929}.site-footer .brand-wordmark{width:230px}
nav a{font-size:13px;font-weight:400;letter-spacing:.025em;color:#aaa}nav a[aria-current=page],nav a:hover{color:#fff}nav a:last-child{border-color:#3a3a3a;border-radius:999px;padding-inline:24px}nav a:last-child:hover{border-color:var(--cobalt);background:#111}
h1,h2,h3{font-family:Outfit,Arial,sans-serif;font-weight:650;letter-spacing:-.045em}.experience-page{--nx-bg:#000;--nx-surface:#111;--nx-line:#303030;--nx-silver:#ccc;--nx-muted:#aaa;background:#000}.experience-page h1,.experience-page h2{letter-spacing:-.045em}.nx-hero h1{font-weight:750;font-size:clamp(58px,6vw,84px);line-height:1.03}.nx-hero h1>span{color:#fff}.nx-section h2,.nx-how h2,.nx-early h2,.nx-faq h2,.hero h1,.section h2,.early-access h2{text-transform:lowercase}.nx-section h2>span,.nx-how h2>span,.nx-early h2>span{color:#a0a0a0}.eyebrow,.mini-label,.preview-label,.product-overline,.solution-phone-label,.profile-eyebrow{font-weight:350;letter-spacing:.22em;text-transform:lowercase;color:#b0b0b0}.status-dot{background:var(--cobalt);box-shadow:none}.hero-caption .prelaunch-pill{border-color:#424242;border-radius:999px}.nx-hero-copy>p{font-weight:350;line-height:1.8;color:#aaa}
.button,.nx-hero .button,.nx-early .button,.early-access .button,.preview-save,.device-contact{background:var(--cobalt);border:1px solid var(--cobalt);color:#fff;border-radius:999px;box-shadow:none;font-weight:500}.button:hover,.preview-save:hover{background:#004ad9;border-color:#004ad9;box-shadow:none;transform:translateY(-2px)}.text-link:hover{color:#fff}.text-link:hover .icon{color:var(--cobalt)}.nx-hero .button{font-size:13px;padding-inline:23px;min-height:51px}.nx-hero .text-link{font-size:13px}.nx-hero .actions{gap:25px}.nx-value-line{border-color:#262626}.nx-value-line>a .icon{color:var(--cobalt)}
.why-connect{background:#101010;border-color:#222}.benefit-lines article{border-color:#383838}.benefit-lines article>span{font-weight:350}.benefit-lines h3{font-weight:600;text-transform:lowercase}.benefit-lines p{font-weight:350}.product-overline{font-size:8px;line-height:1.6}.product-material-note>span{font-weight:350;letter-spacing:.18em}.craft-copy h2{font-weight:650}.craft-copy>p,.material-details p{font-weight:350}
.profile-playground,.nx-how{background:#101010}.preview-editor input{background:#151515;border-color:#3a3a3a;border-radius:10px;color:#fff}.preview-editor input:focus{border-color:var(--cobalt)}.preview-editor label{font-weight:350;letter-spacing:.18em;text-transform:lowercase}.playground-device,.solution-device{background:#101010;border-color:#383838;box-shadow:none}.preview-avatar{width:135px;height:37px;border:0;border-radius:0;background:none;font-size:25px}.preview-avatar img{width:135px;height:auto;object-fit:contain}.preview-label{font-size:8px}.preview-quick button{background:#171717;border-color:#3a3a3a;border-radius:999px}.preview-row{border-color:#303030}.preview-row>.icon{color:#aaa}.preview-status{color:#ddd}.preview-contact-link{color:#fff;text-decoration:underline;text-decoration-color:var(--cobalt);text-underline-offset:4px}
.solution-tabs>button{border-radius:10px;font-weight:500}.solution-tabs>button[aria-selected=true]{background:#191919;border-color:var(--cobalt);color:#fff}.solution-tabs>button[aria-selected=true]>.icon{color:var(--cobalt)}.solution-panel{background:#111;border:1px solid #303030;border-radius:20px;box-shadow:none}.solution-description h3{font-weight:650;text-transform:lowercase}.solution-symbol{background:none;border:0;border-radius:0}.solution-symbol img{width:54px;height:auto;margin:auto}.solution-tag{border-color:#424242;color:#ccc}.how-steps button{border-color:#333}.how-steps button[aria-selected=true]{border-color:var(--cobalt);background:#181818}.how-steps b{text-transform:lowercase;font-weight:650}.how-mini-phone,.how-mini-card{background:#1c1c1c;border-color:#555}.how-mini-card{display:flex;align-items:center;justify-content:center}.how-mini-card img{width:76%;height:auto}.how-mini-content>.icon{color:var(--cobalt)}.nx-early{background:#000;border-top:1px solid #252525}.nx-early h2{font-weight:700}.home-qr-dialog,dialog{background:#111;border-color:#444;box-shadow:0 25px 90px #000a;border-radius:20px}.faq summary{font-weight:450}.faq summary:after{color:var(--cobalt)}
/* Keep the sample metal finish. Logo artwork is the original wordmark, never the KC favicon. */
.photo-card-surface .front .card-logo-placement{position:absolute;inset:auto;left:12%;top:35%;width:76%;height:auto;max-width:none;object-fit:contain;border-radius:0;z-index:1;pointer-events:none}.photo-card-surface .front:after{z-index:2}.phone-live .device-avatar{width:123px;height:auto;border-radius:0;margin-bottom:21px}.tap-demo-compact .phone-live .device-avatar{width:115px;height:auto;margin-bottom:18px}.device-name{font-weight:500}.device-title{color:#aaa}.device-ui{background:#151515}.demo-device{background:linear-gradient(130deg,#777,#303030 30%,#181818 70%,#555);border-color:#666;box-shadow:15px 20px 45px #0008}.phone-idle>strong{font-weight:550;text-transform:lowercase}.idle-signal{border:0;background:none;border-radius:0;width:75px;height:62px}.connection-symbol{width:70px;height:auto;object-fit:contain}.nfc-rings{width:82px;height:74px;display:grid;place-items:center}.nfc-rings .connection-symbol{width:80px;height:auto}.tap-demo[data-phase=tap] .nfc-rings .connection-symbol{animation:connect-signal .95s ease-out both}.tap-demo[data-phase=connect] .connection-pip{background:var(--cobalt);color:#fff;border-radius:999px}.connection-pip{background:var(--cobalt);color:#fff}.demo-step-controls button{border-radius:999px;background:#151515;border-color:#3c3c3c}.demo-step-controls button[aria-pressed=true]{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.demo-step-controls button[aria-pressed=true] span{color:#fff}.tap-demo-toolbar{border-color:#333}.card-demo-actions button:hover,.tap-demo-toolbar button:hover{color:#fff}.card-demo-actions button:hover .icon{color:var(--cobalt)}.demo-feature-stage,.tap-stage:before{background:none}.stage-orbit{display:none}.simulated-save .save-check{border-color:var(--cobalt);color:#fff;background:var(--cobalt)}
/* The other existing pages share the same identity. */
.phone-logo{width:130px;height:auto;border-radius:0}.metal-top .metal-wordmark{width:72%;height:auto}.phone-preview{background:#151515}.metal-card{background:linear-gradient(125deg,#414141,#202020 45%,#333 75%,#181818);border-color:#666}.scene-light{display:none}.early-access,.about,.contact-form,.profile-cover{background:#111}.contact-form{border-color:#383838;border-radius:18px}.contact-form input,.contact-form select,.contact-form textarea{background:#161616;border-color:#444;border-radius:9px}.business-profile{background:#111;border-color:#333}.profile-brand img.brand-wordmark{width:174px;height:auto}.profile-cover .cover-mark{width:92px;height:auto;right:25px;top:28px;opacity:.9}.profile-logo{width:210px;height:auto;max-height:none;border:0;border-radius:0;background:none;object-fit:contain}.profile-quick-actions button{background:#191919;border-color:#444;border-radius:999px}.stable-link input{background:#191919;color:#ddd}.stable-link button{background:#242424;border-color:#444;color:#fff}.profile-cover>span{font-family:Outfit,sans-serif;font-weight:350;letter-spacing:.16em}.profile-title,.profile-bio,.profile-location,.profile-bottom,.profile-privacy{color:#aaa}.profile-status{color:#ddd}.footer-top p{font-weight:350}.footer-bottom{border-color:#292929}
@keyframes connect-signal{0%{opacity:0;transform:scale(.75)}45%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
@media(max-width:800px){.brand img.brand-wordmark{width:180px}.tap-demo-compact .phone-live .device-avatar{width:100px;height:auto}.demo-feature-stage .phone-live .device-avatar{width:105px;height:auto}.nx-hero h1{font-size:clamp(48px,6.7vw,67px)}}
@media(max-width:640px){.site-header{background:#000}.brand img.brand-wordmark{width:170px}.site-footer .brand-wordmark{width:210px}.menu-toggle{border-radius:999px;border-color:#444}nav{background:#000;border-color:#333}.nx-hero h1{font-size:clamp(48px,12.4vw,68px);margin:23px 0;line-height:1.03}.nx-hero .button{font-size:12px;min-height:49px;padding-inline:19px}.nx-hero .text-link{font-size:12px}.nx-hero .actions{gap:9px 20px}.nx-hero-copy>p{font-size:15px}.nx-hero .hero-stage{order:-1}.tap-demo-compact .phone-live .device-avatar{width:111px;height:auto;margin-bottom:16px}.product-overline{font-size:6px}.solution-panel{border-radius:16px}.eyebrow{font-size:9px;letter-spacing:.2em}.phone-logo{width:105px;height:auto}.profile-logo{width:190px;height:auto}.profile-brand img.brand-wordmark{width:150px;height:auto}.profile-content h1{font-weight:600}.device-contact{border-radius:8px}.preview-save{border-radius:999px}.footer-bottom{gap:14px}}
@media(prefers-reduced-motion:reduce){.nfc-rings .connection-symbol{animation:none!important}.button:hover{transform:none}}

/* Latest direction: the exact KC monogram is also used on physical-card concepts. */
.metal-top .metal-wordmark{width:30%;height:auto;object-fit:contain}

/* The full original logo becomes a silver engraving through its exact alpha mask. */
.silver-engraving{display:block;aspect-ratio:1659/318;background:linear-gradient(125deg,#8c8f92 0%,#dedfe0 25%,#a8abad 48%,#eeeeef 72%,#8c9093 100%);-webkit-mask:url('/assets/brand/wordmark.png') center/contain no-repeat;mask:url('/assets/brand/wordmark.png') center/contain no-repeat;opacity:.92}.silver-engraving img{display:block;width:100%;height:auto;visibility:hidden}.metal-top .metal-wordmark.silver-engraving{width:72%;height:auto}
@supports not ((mask-image:url('')) or (-webkit-mask-image:url(''))){.silver-engraving{background:none}.silver-engraving img{visibility:visible;filter:brightness(0) invert(.8)}}

/* Engraved QR concepts share the card's metal surface; no white sticker tile. */
.photo-card-surface .back .card-engraved-qr{position:absolute;inset:auto;left:9%;top:20%;right:auto;width:23%;height:auto;border-radius:0;background:transparent;opacity:.88;mix-blend-mode:screen;filter:drop-shadow(0 .35px .2px #0009)}
.metal-bottom img{background:transparent;border:0;border-radius:0}