/*
Theme Name: AllwinKey V2
Theme URI: https://allwinkey.com/
Author: AMY / AllwinKey
Description: B2B landing theme for custom keyboards, keycaps, OEM/ODM inquiry growth.
Version: 2.0.0
Text Domain: allwinkey-v2
*/
:root{--ink:#0b1220;--muted:#5b667a;--line:#e6eaf0;--brand:#165dff;--brand2:#08a88a;--bg:#f6f8fb;--card:#fff;--dark:#08111f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.62}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#07111f;color:#c7d2e6;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 0}.logo{font-weight:850;font-size:22px;letter-spacing:-.04em}.logo span{color:var(--brand)}.menu{display:flex;gap:22px;align-items:center;font-size:14px;color:#263247}.menu a:hover{color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-weight:750;border:1px solid transparent;background:var(--brand);color:white;box-shadow:0 12px 28px rgba(22,93,255,.22)}.btn.secondary{background:white;color:var(--ink);border-color:#cbd5e1;box-shadow:none}.btn.green{background:var(--brand2);box-shadow:0 12px 28px rgba(8,168,138,.2)}.hero{background:radial-gradient(circle at 75% 18%,rgba(22,93,255,.17),transparent 34%),linear-gradient(135deg,#f7faff 0%,#eef6ff 46%,#f8fbff 100%);padding:82px 0 54px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid #cfe0ff;background:#fff;color:#1d57c8;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:750}.hero h1{font-size:clamp(38px,6vw,72px);line-height:.98;margin:18px 0 20px;letter-spacing:-.065em}.lead{font-size:19px;color:#41506a;max-width:690px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.proof div{background:rgba(255,255,255,.82);border:1px solid #dde7f6;border-radius:18px;padding:16px}.proof b{display:block;font-size:22px}.visual{background:#101a2b;color:white;border-radius:34px;padding:26px;box-shadow:0 30px 90px rgba(12,23,43,.2);position:relative}.keyboard{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:8px 0 22px}.key{height:38px;border-radius:10px;background:linear-gradient(145deg,#fff,#d9e2f2);box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}.key:nth-child(3n){background:linear-gradient(145deg,#6ea4ff,#2164ff)}.key:nth-child(5n){background:linear-gradient(145deg,#4ce3c3,#08a88a)}.visual h3{font-size:28px;margin:18px 0 8px}.visual p{color:#c9d5e8}.section{padding:72px 0}.section.alt{background:var(--bg)}.section-head{max-width:820px;margin-bottom:32px}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.04em;margin:0 0 14px}.section-head p{font-size:18px;color:var(--muted);margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 35px rgba(15,23,42,.05)}.card h3{font-size:22px;margin:0 0 10px}.card p,.card li{color:#536078}.tagrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{font-size:12px;font-weight:700;background:#eef4ff;color:#2459bf;border-radius:999px;padding:6px 9px}.process{counter-reset:step}.step{position:relative;padding-left:60px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:24px;width:40px;height:40px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:start}.dark{background:var(--dark);color:white}.dark p,.dark li{color:#cbd5e1}.dark .card{background:#101b2d;border-color:#26344b;color:white}.quote{font-size:22px;font-weight:750}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:table}.table th,.table td{text-align:left;padding:15px 16px;border-bottom:1px solid var(--line)}.table th{background:#eef4ff}.cta{background:linear-gradient(135deg,#155dff,#08a88a);color:white;border-radius:34px;padding:44px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.cta h2{margin:0 0 10px}.cta p{color:#eaf2ff;margin:0}.footer{background:#07111f;color:#cbd5e1;padding:36px 0}.footer .wrap{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:28px}.footer h4{color:#fff;margin:0 0 10px}.footer a{display:block;color:#cbd5e1;margin:7px 0}.page-content{padding:56px 0}.page-content h1{font-size:46px;letter-spacing:-.04em;line-height:1.05}.notice{padding:14px 16px;background:#fff8e6;border:1px solid #f5d37b;border-radius:16px;color:#73510b}@media(max-width:900px){.hero-grid,.split,.cta,.footer .wrap{grid-template-columns:1fr}.grid3,.grid4,.proof{grid-template-columns:1fr 1fr}.menu{display:none}.hero{padding-top:52px}}@media(max-width:560px){.grid3,.grid4,.proof{grid-template-columns:1fr}.wrap{width:min(100% - 28px,1180px)}.hero-actions .btn{width:100%}.cta{padding:28px}}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.item-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 35px rgba(15,23,42,.05);display:flex;flex-direction:column}.item-card .thumb{aspect-ratio:4/3;background:linear-gradient(135deg,#edf4ff,#f8fbff);display:grid;place-items:center;color:#8aa0bf;font-weight:800}.item-card img{width:100%;height:100%;object-fit:cover}.thumb-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:160px;background:linear-gradient(135deg,#edf4ff,#f8fbff);color:#8aa0bf;font-weight:800}.item-card .body{padding:20px}.item-card h3{font-size:19px;line-height:1.25;margin:0 0 10px}.item-card p{color:#5b667a;margin:0 0 14px}.meta{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7a90;font-weight:800}.archive-hero{background:linear-gradient(135deg,#07111f,#153064);color:white;padding:62px 0}.archive-hero p{color:#d9e6ff;max-width:760px}.single-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}.sidebar-card{position:sticky;top:90px;background:#f6f8fb;border:1px solid var(--line);border-radius:24px;padding:22px}.wp-content{font-size:17px}.wp-content h2,.wp-content h3{letter-spacing:-.02em}.empty-box{padding:30px;border:1px dashed #b8c5d8;border-radius:24px;background:#f8fbff;color:#536078}@media(max-width:900px){.content-grid{grid-template-columns:1fr 1fr}.single-wrap{grid-template-columns:1fr}.sidebar-card{position:static}}@media(max-width:560px){.content-grid{grid-template-columns:1fr}}

.awv2-form-wrap{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 18px 45px rgba(15,23,42,.07);margin-top:24px}.awv2-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.awv2-form-wrap label{display:block;font-weight:750;color:#263247}.awv2-form-wrap input,.awv2-form-wrap select,.awv2-form-wrap textarea{width:100%;margin-top:7px;border:1px solid #cbd5e1;border-radius:14px;padding:13px 14px;font:inherit;background:#fff}.awv2-form-wrap textarea{min-height:150px}.awv2-form-wrap .full{grid-column:1/-1}.awv2-form-wrap input[type=submit]{background:var(--brand);color:white;border:0;border-radius:999px;font-weight:850;cursor:pointer;box-shadow:0 12px 28px rgba(22,93,255,.22)}.awv2-form-note{color:#64748b;font-size:14px;margin:8px 0 0}@media(max-width:700px){.awv2-form-grid{grid-template-columns:1fr}}

.awv2-native-form button.btn{border:0;cursor:pointer;font:inherit}.awv2-form-wrap .consent{display:flex;gap:10px;align-items:flex-start}.awv2-form-wrap .consent input{width:auto;margin-top:5px}

.price-line{display:flex;align-items:baseline;gap:8px;margin:10px 0 12px;padding:10px 12px;border-radius:14px;background:#eef6ff;color:#1d4ed8}.price-line span{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#55709f}.price-line strong{font-size:20px;color:#0f3ea8}.price-line.rfq{font-weight:850;color:#475569;background:#f1f5f9}.quote-note{background:#fff8e6;border:1px solid #f5d37b;color:#73510b;border-radius:16px;padding:12px 14px}.single-wrap article>.price-line{max-width:360px;font-size:18px}.single-wrap article>.price-line strong{font-size:28px}

.guide-card{min-height:0}.guide-card .body{padding:24px}.guide-card h3{font-size:22px;line-height:1.22;margin:8px 0 12px}.guide-card p{font-size:15px}.post-grid .item-card{justify-content:space-between}.archive-hero .meta{color:#9fc1ff}.page-content .nav-links{display:flex;gap:10px;flex-wrap:wrap}.page-content .nav-links a,.page-content .nav-links span{padding:9px 13px;border:1px solid var(--line);border-radius:999px}.page-content .nav-links .current{background:var(--ink);color:white}
