:root{
–brand-yellow:#F5C400; /
–brand-green:#00C58A; /
–brand-brown:#9C7A4F; /
–bg:#0b0b0b;
–text:#ffffff;
–muted:#c9c9c9;
}
.sk-cover{
min-height: 85vh;
display:flex;align-items:center;justify-content:center;
padding: clamp(2rem, 5vw, 4rem) 1.25rem;
background:
radial-gradient(1200px 600px at 90% 10%, color-mix(in srgb, var(–brand-green) 12%, transparent) 0%, transparent 60%),
radial-gradient(1000px 500px at 10% 90%, color-mix(in srgb, var(–brand-yellow) 16%, transparent) 0%, transparent 60%),
linear-gradient(180deg, #0b0b0b 0%, #111 100%);
color:var(–text);
text-align:center;
}
.sk-wrap{max-width:820px;margin-inline:auto}
.sk-logo{font:700 18px/1.1 Figtree,system-ui,ui-sans-serif,sans-serif;letter-spacing:.06em;text-transform:uppercase;opacity:.9;margin-bottom:1rem}
.sk-badge{display:inline-block;background:color-mix(in srgb, var(–brand-yellow) 20%, #1a1a1a);color:var(–text);
border:1px solid color-mix(in srgb, var(–brand-yellow) 50%, transparent);border-radius:999px;padding:.35rem .8rem;font:600 12px/1 Figtree,sans-serif;letter-spacing:.06em;margin-bottom:1rem}
.sk-title{font:800 clamp(2.2rem,4.2vw,3.5rem)/1.08 Figtree,system-ui,sans-serif;margin:.25rem 0 .75rem}
.sk-sub{font:400 clamp(1rem,1.6vw,1.15rem)/1.6 Figtree,sans-serif;color:var(–muted);margin:0 auto 1.5rem;max-width:56ch}
.sk-cta{display:inline-flex;gap .6rem;flex-wrap:wrap;justify-content:center;margin:1rem 0 2rem}
.sk-btn{
appearance:none;border:0;border-radius:999px;padding:.9rem 1.2rem;font:700 15px/1 Figtree,sans-serif;cursor:pointer;
transition:transform .1s ease, box-shadow .2s ease;
}
.sk-btn–primary{background:var(–brand-yellow);color:#0b0b0b;box-shadow:0 8px 20px color-mix(in srgb, var(–brand-yellow) 35%, transparent)}
.sk-btn–primary:hover{transform:translateY(-1px)}
.sk-note{font:400 .9rem/1.6 Figtree,sans-serif;color:var(–muted)}
.sk-legal a{color:var(–text);text-decoration:underline;text-underline-offset:2px}
/* Jetpack Subscribe block polish */
.wp-block-jetpack-subscriptions, .wp-block-jetpack-email-subscription{
display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin:1rem 0 1.25rem;
}
.wp-block-jetpack-subscriptions input[type=”email”],
.wp-block-jetpack-email-subscription input[type=”email”]{
padding:.9rem 1rem;border-radius:999px;border:1px solid #2a2a2a;background:#161616;color:#fff;min-width:min(420px, 85vw);
}
.wp-block-jetpack-subscriptions input[type=”submit”],
.wp-block-jetpack-email-subscription input[type=”submit”]{
background:var(–brand-yellow);color:#0b0b0b;border:0;border-radius:999px;padding:.9rem 1.2rem;font-weight:800;cursor:pointer;
box-shadow:0 8px 20px color-mix(in srgb, var(–brand-yellow) 35%, transparent)
}
/* small footer */
.sk-foot{padding:1.25rem;text-align:center;color:#9a9a9a;font:400 .85rem/1.6 Figtree,sans-serif}
Sykloon
Launching soon
Cycling, done the right way.
We’re crafting something special for retailers, travelers and cycling brands. Leave your email and we’ll let you know the moment we go live.
By subscribing you agree to our Privacy Policy.
document.getElementById(‘y’).textContent=new Date().getFullYear()
Skyloon 