@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}#HeaderWrapper,#SiteHeader{background:linear-gradient(135deg,rgba(99,102,241,.055),transparent 42%),radial-gradient(circle at 76% 10%,rgba(244,114,182,.08),transparent 26%),#030303c7;border-bottom:0!important;box-shadow:0 18px 54px #00000047;color:#ffffffd6}#HeaderWrapper{position:relative;z-index:12}#SiteHeader{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}#SiteHeader:before,#SiteHeader:after{border:1px solid rgba(255,255,255,.1);border-radius:999px;content:"";pointer-events:none;position:absolute;z-index:0}#SiteHeader:before{background:linear-gradient(90deg,rgba(99,102,241,.1),transparent 72%);height:54px;left:-84px;top:12px;transform:rotate(12deg);width:280px}#SiteHeader:after{background:linear-gradient(90deg,rgba(244,114,182,.08),transparent 72%);height:42px;right:9%;top:-16px;transform:rotate(-15deg);width:220px}#SiteHeader>.page-width,#SiteHeader .site-header__search-container{position:relative;z-index:1}#SiteHeader .site-nav__link,#SiteHeader .site-header__logo-link,#SiteHeader .site-header__logo,#SiteHeader .header-item,#SiteHeader .icon{color:#ffffffd1}#SiteHeader .site-nav__link{border-radius:999px;transition-property:background-color,color,transform;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}#SiteHeader .site-nav__link:hover,#SiteHeader .site-nav__link:focus{background:#ffffff0e;color:#fff;transform:translateY(-1px)}#SiteHeader .site-nav__dropdown,#SiteHeader .megamenu,#SiteHeader .site-header__search,.drawer{background:linear-gradient(145deg,#ffffff0e,#ffffff05),#030303f0;border-color:#ffffff17;box-shadow:0 24px 72px #00000075,inset 0 1px #ffffff0f;color:#ffffffd1}#SiteHeader .site-nav__dropdown-link,#SiteHeader .megamenu a,.drawer a:not(.btn),.drawer__title,.drawer__close-button{color:#ffffffc7}#SiteHeader .site-nav__dropdown-link:hover,#SiteHeader .megamenu a:hover,.drawer a:not(.btn):hover{color:#fff}#SiteHeader input,.drawer input,.drawer textarea{background:#ffffff0b;border-color:#ffffff1f;color:#fff}.x1-landing{background:linear-gradient(135deg,rgba(99,102,241,.055),transparent 38%),radial-gradient(circle at 76% 18%,rgba(244,114,182,.07),transparent 28%),linear-gradient(180deg,#030303 0%,var(--x1-bg) 48%,#030303 100%);color:var(--x1-text);overflow:hidden;padding:0 0 104px;position:relative;-webkit-font-smoothing:antialiased}.x1-landing:before{background:radial-gradient(circle at 16% 22%,rgba(99,102,241,.12),transparent 24%),radial-gradient(circle at 82% 30%,rgba(244,114,182,.1),transparent 25%),radial-gradient(circle at 52% 14%,rgba(255,255,255,.06),transparent 18%),linear-gradient(to bottom,rgba(3,3,3,.08),transparent 42%,rgba(3,3,3,.86));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.x1-landing__inner{display:flex;flex-direction:column;gap:78px;position:relative;z-index:1}html{scroll-behavior:smooth}#ProductSection-main{scroll-margin-top:96px}.x1-reveal{animation:none!important;filter:blur(8px);opacity:0;transform:translateY(28px) scale(.985);transition-property:opacity,transform,filter;transition-duration:.76s;transition-timing-function:cubic-bezier(.2,0,0,1)}.x1-reveal[data-x1-reveal=text]{transform:translateY(18px);transition-duration:.64s}.x1-reveal.x1-is-visible{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}.x1-landing__inner>:not(.x1-landing__geometric-hero){margin-left:auto;margin-right:auto;max-width:1300px;width:min(calc(100% - 80px),1300px)}.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard]{background:linear-gradient(135deg,rgba(99,102,241,.055),transparent 38%),radial-gradient(circle at 74% 12%,rgba(244,114,182,.08),transparent 28%),linear-gradient(180deg,#030303 0%,var(--x1-bg) 64%,#030303 100%);color:var(--x1-text);overflow:hidden;position:relative}.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard]:before,.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard]:after{border:2px solid rgba(255,255,255,.12);border-radius:999px;box-shadow:0 8px 32px #ffffff14,inset 0 1px #ffffff14;content:"";pointer-events:none;position:absolute;z-index:0}.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard]:before{animation:x1-shape-float 12s ease-in-out infinite;background:linear-gradient(90deg,rgba(99,102,241,.12),transparent 72%);height:120px;left:-12%;top:12%;transform:rotate(12deg);width:min(560px,56vw)}.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard]:after{animation:x1-shape-float 14s ease-in-out infinite;background:linear-gradient(90deg,rgba(244,114,182,.1),transparent 72%);bottom:4%;height:92px;right:-9%;transform:rotate(-14deg);width:min(480px,48vw)}.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard] .page-content{background:transparent;padding-bottom:72px;padding-top:72px;position:relative;z-index:1}.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard] .grid{align-items:center}.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard] .product-single__meta,.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard] .product__photos{animation:x1-fade-up .9s cubic-bezier(.25,.4,.25,1) both;background:linear-gradient(145deg,#ffffff0e,#ffffff05),#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 24px 72px #00000057,inset 0 1px #ffffff0f;padding:clamp(18px,2.6vw,32px)}.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard] .product-single__meta{animation-delay:.12s}.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard] .product-single__title{color:var(--x1-text);text-wrap:balance}.x1-landing__geometric-hero{align-items:center;display:flex;justify-content:center;min-height:clamp(620px,78vw,860px);overflow:hidden;position:relative;text-align:center;width:100%}.x1-landing__geometric-hero:after{background:linear-gradient(to top,#030303,#03030300 56%,#030303db);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:3}.x1-landing__aurora{background:linear-gradient(135deg,rgba(99,102,241,.12),transparent 46%,rgba(244,114,182,.1));filter:blur(48px);top:-18%;right:-18%;bottom:-18%;left:-18%;opacity:.64;position:absolute;z-index:0}.x1-landing__shape{animation:x1-shape-drop 2.4s cubic-bezier(.23,.86,.39,.96) both,x1-shape-float 12s ease-in-out infinite;border:2px solid rgba(255,255,255,.14);border-radius:999px;box-shadow:0 8px 32px #ffffff14,inset 0 1px #ffffff14;filter:blur(.2px);overflow:hidden;position:absolute;z-index:1}.x1-landing__shape:before{background:linear-gradient(90deg,var(--x1-shape-color),transparent 72%);content:"";top:0;right:0;bottom:0;left:0;opacity:.72;position:absolute}.x1-landing__shape:after{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.16),transparent 70%);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.x1-landing__shape--one{--x1-shape-color: rgba(99, 102, 241, .15);height:140px;left:-14%;top:17%;transform:rotate(12deg);width:min(600px,58vw)}.x1-landing__shape--two{--x1-shape-color: rgba(244, 114, 182, .15);animation-delay:.18s,0s;height:120px;right:-7%;top:70%;transform:rotate(-15deg);width:min(500px,48vw)}.x1-landing__shape--three{--x1-shape-color: rgba(139, 92, 246, .14);animation-delay:.1s,0s;bottom:8%;height:80px;left:7%;transform:rotate(-8deg);width:min(300px,34vw)}.x1-landing__shape--four{--x1-shape-color: rgba(245, 158, 11, .13);animation-delay:.28s,0s;height:60px;right:15%;top:11%;transform:rotate(20deg);width:min(220px,24vw)}.x1-landing__shape--five{--x1-shape-color: rgba(34, 211, 238, .13);animation-delay:.36s,0s;height:44px;left:23%;top:9%;transform:rotate(-25deg);width:min(160px,20vw)}.x1-landing__hero-content{animation:x1-fade-up 1s cubic-bezier(.25,.4,.25,1) both;max-width:1040px;padding:96px 40px;position:relative;z-index:2}.x1-landing__hero{align-items:center;display:grid;gap:42px;grid-template-columns:minmax(280px,1.08fr) minmax(280px,.92fr)}.x1-landing__value-card,.x1-landing__hardware-card,.x1-landing__use-case,.x1-landing__media-panel,.x1-landing__spec-table,.x1-landing__workflow-media{background:linear-gradient(145deg,color-mix(in srgb,var(--x1-panel) 92%,#182d45),color-mix(in srgb,var(--x1-panel) 76%,#05070d)),var(--x1-panel);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 24px 72px #00000057,inset 0 1px #ffffff0f;position:relative}.x1-landing__kicker,.x1-landing__eyebrow{align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#ffffff9e;display:inline-flex;font-size:.88rem;font-weight:500;gap:10px;letter-spacing:.04em;margin:0 0 clamp(30px,4vw,48px);padding:7px 14px;text-transform:none}.x1-landing__kicker:before{background:#fb7185;border-radius:999px;box-shadow:0 0 16px #fb71857a;content:"";display:inline-block;height:8px;width:8px}.x1-landing__eyebrow{margin-bottom:12px}.x1-landing__heading{background:linear-gradient(180deg,#fff,#ffffffc7);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(3.6rem,8.4vw,8.6rem);font-weight:800;letter-spacing:0;line-height:.98;margin:0;text-wrap:balance}.x1-landing__heading em{background:linear-gradient(90deg,#a5b4fc,#ffffffeb 48%,#f9a8d4);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.x1-landing__subheading,.x1-landing__intro,.x1-landing__copy,.x1-landing__list,.x1-landing__spec-row dd{color:var(--x1-muted);font-size:1rem;line-height:1.7}.x1-landing__subheading{margin:32px auto 0;max-width:720px;opacity:.72;text-wrap:pretty}.x1-landing__actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}.x1-landing__button{align-items:center;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.88),transparent 22%),linear-gradient(135deg,#d9ffff 0%,#80fff0 32%,var(--x1-accent) 62%,#7dffcb 100%);border:1px solid rgba(158,255,255,.82);border-radius:6px;color:#06111d;display:inline-flex;font-weight:800;justify-content:center;min-height:46px;overflow:hidden;padding:12px 20px;position:relative;box-shadow:0 0 26px color-mix(in srgb,var(--x1-accent) 22%,transparent),inset 0 1px #ffffffb8;text-decoration:none;transition-property:transform,box-shadow,filter,border-color;transition-duration:.22s;transition-timing-function:cubic-bezier(.2,0,0,1)}.x1-landing__button:before{background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.72) 46%,transparent 74%);content:"";inset:-45% auto -45% -60%;pointer-events:none;position:absolute;transform:translate(0) skew(-18deg);transition-property:transform;transition-duration:.52s;transition-timing-function:cubic-bezier(.2,0,0,1);width:52%}.x1-landing__button:hover:before{transform:translate(360%) skew(-18deg)}.x1-landing__button:hover{border-color:#fffffff0;box-shadow:0 0 18px #ffffff4d,0 0 46px color-mix(in srgb,var(--x1-accent) 48%,transparent),0 18px 34px #0000003d,inset 0 1px #ffffffd1;filter:brightness(1.1) saturate(1.18);transform:translateY(-3px) scale(1.02)}.x1-landing__button:focus-visible{box-shadow:0 0 0 3px #9effff42,0 0 46px color-mix(in srgb,var(--x1-accent) 48%,transparent);outline:none}.x1-landing__button:active{transform:scale(.96)}.x1-landing__button--ghost{background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.16),transparent 24%),linear-gradient(135deg,#ffffff21,#9effff14);border-color:#ffffff3d;box-shadow:0 0 22px #9effff1f,inset 0 1px #ffffff2e;color:#f7ffff}.x1-landing__button--ghost:hover{background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.26),transparent 24%),linear-gradient(135deg,#fff3,#9effff24)}.x1-landing__workflow-media,.x1-landing__media-panel{min-width:0}.x1-landing__workflow-media{animation:x1-float 7s ease-in-out infinite}.x1-landing__image,.x1-landing__placeholder{border-radius:8px;display:block;height:auto;outline:1px solid rgba(255,255,255,.1);width:100%}.x1-landing__placeholder{background:var(--x1-panel)}.x1-landing__workflow{display:grid;gap:34px}.x1-landing__workflow-head{margin:0 auto;max-width:760px;text-align:center}.x1-landing__workflow-grid{border:1px dashed rgba(255,255,255,.2);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.x1-landing__workflow-card{animation:x1-section-rise both;animation-timeline:view();animation-range:entry 12% cover 34%;min-height:220px;overflow:hidden;padding:28px;position:relative}.x1-landing__workflow-card+.x1-landing__workflow-card{border-left:1px dashed rgba(255,255,255,.2)}.x1-landing__workflow-card:before{background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:20px 20px;content:"";inset:-8px 0 auto 50%;height:100%;-webkit-mask-image:linear-gradient(white,transparent);mask-image:linear-gradient(white,transparent);opacity:.8;pointer-events:none;position:absolute;transform:translate(-80px);width:100%}.x1-landing__workflow-card:after{background:radial-gradient(farthest-side at top,rgba(255,255,255,.12),transparent);content:"";top:0;right:0;bottom:0;left:0;opacity:.72;pointer-events:none;position:absolute}.x1-landing__workflow-card svg{color:#ffffffc7;fill:none;height:26px;position:relative;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.15;width:26px;z-index:1}.x1-landing__workflow-card span{color:color-mix(in srgb,var(--x1-accent) 70%,#ffffff);display:block;font-size:.74rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.14em;margin-top:48px;position:relative;z-index:1}.x1-landing__workflow-card h3,.x1-landing__workflow-card p{position:relative;z-index:1}.x1-landing__workflow-card h3{margin-top:8px}.x1-landing__workflow-card p{color:var(--x1-muted);font-size:.86rem;font-weight:300;line-height:1.65;margin:8px 0 0}.x1-landing__workflow-media{margin:0 auto;max-width:860px;padding:12px}.x1-landing__section{border-top:1px solid color-mix(in srgb,var(--x1-accent) 20%,transparent);display:grid;gap:34px;padding-top:54px}.x1-landing__section,.x1-landing__value-card,.x1-landing__hardware-card,.x1-landing__use-case,.x1-landing__spec-table,.x1-landing__media-panel,.x1-landing__workflow-media{animation:x1-section-rise both;animation-timeline:view();animation-range:entry 12% cover 34%}.x1-landing__value-card:nth-child(2),.x1-landing__hardware-card:nth-child(2),.x1-landing__use-case:nth-child(2){animation-range:entry 18% cover 40%}.x1-landing__value-card:nth-child(3),.x1-landing__hardware-card:nth-child(3),.x1-landing__use-case:nth-child(3){animation-range:entry 24% cover 46%}.x1-landing__hardware-card:nth-child(4){animation-range:entry 30% cover 52%}.x1-landing__section--intro{max-width:900px}.x1-landing__section-title{background:linear-gradient(90deg,#a5b4fc,#ffffffeb 48%,#f9a8d4);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.15;margin:0;text-wrap:balance}.x1-landing__intro{margin-top:12px;text-wrap:pretty}.x1-landing__value-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.x1-landing__value-card,.x1-landing__hardware-card,.x1-landing__use-case{overflow:hidden;padding:clamp(24px,3.2vw,36px);transition-property:transform,box-shadow,border-color;transition-duration:.22s;transition-timing-function:cubic-bezier(.2,0,0,1)}.x1-landing__value-card:after,.x1-landing__hardware-card:after{background:radial-gradient(circle,color-mix(in srgb,var(--x1-accent) 28%,transparent),transparent 58%);content:"";height:180px;opacity:0;position:absolute;right:-80px;top:-80px;transition-property:opacity,transform;transition-duration:.22s;transition-timing-function:cubic-bezier(.2,0,0,1);width:180px}.x1-landing__value-card:hover,.x1-landing__hardware-card:hover,.x1-landing__use-case:hover{border-color:color-mix(in srgb,var(--x1-accent) 44%,transparent);box-shadow:0 28px 84px #0000006b,0 0 34px color-mix(in srgb,var(--x1-accent) 14%,transparent),inset 0 1px #ffffff14;transform:translateY(-6px)}.x1-landing__value-card:hover:after,.x1-landing__hardware-card:hover:after{opacity:1;transform:scale(1.08)}.x1-landing h3{color:var(--x1-text);font-size:1.24rem;line-height:1.3;margin:0 0 10px;text-wrap:balance}.x1-landing__strong{color:var(--x1-text);font-weight:800;margin:0 0 10px}.x1-landing__list{margin:16px 0 0;padding-left:18px}.x1-landing__list li+li{margin-top:8px}.x1-landing__feature-section,.x1-landing__section--use-cases,.x1-landing__spec-section{align-items:start;grid-template-columns:minmax(0,.85fr) minmax(280px,1.15fr)}.x1-landing__media-panel{padding:12px}.x1-landing__hardware-grid{display:grid;gap:22px;grid-template-columns:repeat(4,minmax(0,1fr))}.x1-landing__icon{align-items:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.28),transparent 34%),color-mix(in srgb,var(--x1-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--x1-accent) 42%,transparent);border-radius:6px;color:var(--x1-accent);display:inline-flex;font-size:1.2rem;font-weight:800;height:48px;justify-content:center;margin-bottom:16px;position:relative;width:48px;z-index:1}.x1-landing__icon svg{fill:none;height:24px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:24px}.x1-landing__icon--large{height:58px;margin-bottom:22px;width:58px}.x1-landing__icon--large svg{height:28px;width:28px}.x1-landing__use-cases{display:grid;gap:18px}.x1-landing__spec-table{overflow:hidden}.x1-landing__spec-row{display:grid;gap:18px;grid-template-columns:minmax(150px,.4fr) minmax(0,1fr);padding:18px 22px}.x1-landing__spec-row+.x1-landing__spec-row{border-top:1px solid color-mix(in srgb,var(--x1-accent) 22%,transparent)}.x1-landing__spec-row dt{color:var(--x1-accent);font-weight:800}.x1-landing__spec-row dd{margin:0}@media screen and (max-width:989px){.x1-landing{padding:28px 0 64px}.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard] .page-content{padding-bottom:44px;padding-top:44px}.x1-landing__hero,.x1-landing__feature-section,.x1-landing__section--use-cases,.x1-landing__spec-section{grid-template-columns:1fr}.x1-landing__value-grid,.x1-landing__hardware-grid,.x1-landing__workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.x1-landing__workflow-card:nth-child(3){border-left:0;border-top:1px dashed rgba(255,255,255,.2);grid-column:1 / -1}}@media screen and (max-width:589px){.x1-landing__inner{gap:56px}.x1-landing__inner>:not(.x1-landing__geometric-hero){width:min(calc(100% - 40px),1300px)}.x1-landing__geometric-hero{min-height:560px}.x1-landing__hero-content{padding-left:20px;padding-right:20px}.x1-landing__value-grid,.x1-landing__hardware-grid,.x1-landing__workflow-grid{grid-template-columns:1fr}.x1-landing__workflow-card+.x1-landing__workflow-card,.x1-landing__workflow-card:nth-child(3){border-left:0;border-top:1px dashed rgba(255,255,255,.2);grid-column:auto}.x1-landing__spec-row{grid-template-columns:1fr}.x1-landing__actions{align-items:stretch;flex-direction:column}}@supports not (animation-timeline: view()){.x1-landing__section,.x1-landing__value-card,.x1-landing__hardware-card,.x1-landing__use-case,.x1-landing__spec-table,.x1-landing__media-panel,.x1-landing__workflow-card,.x1-landing__workflow-media{animation:x1-fade-up .9s cubic-bezier(.25,.4,.25,1) both}}@media(prefers-reduced-motion:reduce){.x1-landing__shape,.x1-landing__hero-content,.x1-landing__workflow-media,.x1-landing__section,.x1-landing__value-card,.x1-landing__hardware-card,.x1-landing__use-case,.x1-landing__spec-table,.x1-landing__media-panel,.x1-landing__workflow-card,.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard]:before,.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard]:after,.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard] .product-single__meta,.product-section[data-product-handle=finalkey-x-ahakey-x1-vibe-coding-macro-keyboard] .product__photos{animation:none}.x1-landing__button,.x1-landing__value-card,.x1-landing__hardware-card,.x1-landing__use-case,.x1-landing__button:before,.x1-reveal,.x1-landing__value-card:after,.x1-landing__hardware-card:after{transition:none}.x1-reveal{filter:none;opacity:1;transform:none}}@keyframes x1-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes x1-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes x1-shape-drop{0%{opacity:0;translate:0 -150px;rotate:-15deg}to{opacity:1;translate:0 0}}@keyframes x1-shape-float{0%,to{margin-top:0}50%{margin-top:15px}}@keyframes x1-section-rise{0%{opacity:0;transform:translateY(42px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/16/compiled_assets/styles.css.map */