/* Polarsteps-inspired site structure, rebuilt with Walk&know colors and assets. */
:root {
	--wkn-sand: #f6f6f8;
	--wkn-cream: #f5f5f7;
	--wkn-slate: #303242;
	--wkn-night: #151724;
	--wkn-accent: #c4090b;
	--wkn-coral: #ef7478;
	--wkn-paper: #fff;
}

html { scroll-padding-top: 96px; }
.wk-shell { overflow: visible; }
body.wkn-menu-open { overflow: hidden; }

/* Floating capsule header and full-screen menu */
.wkn-header {
	position: fixed !important;
	top: 16px !important;
	left: 0;
	right: 0;
	z-index: 1001;
	width: min(980px, calc(100% - 36px));
	height: auto !important;
	margin: 0 auto;
	border: 0;
	border-radius: 999px;
	background: transparent;
	box-shadow: none;
	transform: none;
	transition: background .25s ease, box-shadow .25s ease;
}
body.admin-bar .wkn-header { top: 48px !important; }
.wkn-header-inner {
	position: relative;
	z-index: 3;
	width: 100% !important;
	height: 68px;
	gap: 18px;
	border: 1px solid rgba(27,29,44,.09);
	border-radius: 999px;
	padding: 0 13px 0 22px;
	background: rgba(255,255,255,.94);
	box-shadow: 0 8px 30px rgba(10,20,28,.1);
	backdrop-filter: blur(18px);
	transition: background .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.home .wkn-header:not(.is-scrolled) .wkn-header-inner {
	border-color: rgba(255,255,255,.76);
	background: rgba(255,255,255,.88);
	box-shadow: 0 8px 30px rgba(10,20,28,.14);
}
.wkn-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-left: auto; }
.wkn-header-partner { color: var(--wkn-ink); font-size: 13px; font-weight: 700; transition: color .2s ease; }
.wkn-header-partner:hover { color: var(--wkn-red); }
.wkn-nav-cta, .wkn-button {
	min-height: 44px;
	border: 1px solid var(--wkn-red);
	border-radius: 999px;
	padding: 0 20px;
	background: var(--wkn-red);
	box-shadow: none;
	color: #fff !important;
	font-size: 13px;
	font-weight: 800;
	transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.wkn-nav-cta:hover, .wkn-button:hover { transform: translateY(-2px); border-color: var(--wkn-ink); background: var(--wkn-ink); box-shadow: 0 9px 22px rgba(27,29,44,.17); }
.wkn-nav-cta > span[aria-hidden="true"], .wkn-button > span[aria-hidden="true"] { display: inline-grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; background: #fff; color: var(--wkn-red); }
.wkn-menu-toggle {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--wkn-ink);
	cursor: pointer;
}
.wkn-menu-toggle:hover { background: rgba(27,29,44,.07); }
body.home .wkn-header:not(.is-scrolled) .wkn-header-partner,
body.home .wkn-header:not(.is-scrolled) .wkn-menu-toggle { color: var(--wkn-ink); }
body.home .wkn-header:not(.is-scrolled) .wkn-nav-cta { border-color: var(--wkn-red); background: var(--wkn-red); color: #fff !important; }
body.home .wkn-header:not(.is-scrolled) .wkn-nav-cta > span[aria-hidden="true"] { background: #fff; color: var(--wkn-red); }
body.wkn-menu-open .wkn-header-inner, body.wkn-menu-open .wkn-header:not(.is-scrolled) .wkn-header-inner { border-color: rgba(27,29,44,.1); background: rgba(255,255,255,.97); box-shadow: 0 8px 30px rgba(10,20,28,.1); }
body.wkn-menu-open .wkn-header .wk-logo-window img { filter: none !important; }
body.wkn-menu-open .wkn-header-partner { color: var(--wkn-ink) !important; }
body.wkn-menu-open .wkn-menu-toggle { color: var(--wkn-ink) !important; }
.wkn-nav {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: none !important;
	align-items: stretch;
	justify-content: center;
	border: 0;
	padding: 0;
	background: var(--wkn-paper);
	box-shadow: none;
	opacity: 0;
	transition: opacity .24s ease;
}
.wkn-nav.is-open { position: fixed !important; inset: 0 !important; z-index: 1000 !important; display: flex !important; width: 100vw; height: 100vh; background: var(--wkn-paper) !important; opacity: 1 !important; }
.wkn-menu-inner {
	display: grid;
	width: min(1100px, calc(100% - 64px));
	grid-template-columns: .85fr 1.15fr;
	align-content: center;
	align-items: center;
	gap: 16px 8vw;
	padding: 116px 0 46px;
}
.wkn-menu-heading { grid-column: 1; }
.wkn-menu-eyebrow { margin: 0 0 17px; color: var(--wkn-red); font-size: 10px; font-weight: 850; letter-spacing: .17em; }
.wkn-menu-title { margin: 0; color: var(--wkn-ink); font-size: clamp(44px,6vw,78px); font-weight: 820; letter-spacing: -.075em; line-height: .96; }
.wkn-menu-title em { color: var(--wkn-red); font-style: normal; }
.wkn-nav-links {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.wkn-nav-links li { border-bottom: 1px solid rgba(27,29,44,.13); }
.wkn-nav-links li:nth-last-child(-n+2) { border-bottom: 0; }
.wkn-nav-links a {
	display: grid;
	min-height: 70px;
	grid-template-columns: 34px 1fr 24px;
	align-items: center;
	gap: 8px;
	color: var(--wkn-ink);
	font-size: clamp(17px,2vw,23px);
	font-weight: 760;
	letter-spacing: -.04em;
	transition: color .18s ease, padding .18s ease;
}
.wkn-nav-links a:hover { padding-left: 5px; color: var(--wkn-red); }
.wkn-nav-links a > span { color: #9b9ba3; font-size: 10px; font-weight: 750; letter-spacing: .04em; }
.wkn-nav-links a > i { color: var(--wkn-red); font-size: 16px; font-style: normal; text-align: right; }
.wkn-menu-footer { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(27,29,44,.13); padding-top: 20px; color: #666670; font-size: 12px; }
.wkn-menu-footer a { color: var(--wkn-ink); font-weight: 800; }
.wkn-menu-footer b { margin-left: 7px; color: var(--wkn-red); }

/* Immersive opening screen */
.wkn-polar-hero {
	position: relative;
	z-index: 0;
	isolation: isolate;
	display: flex;
	min-height: max(680px, 92svh);
	align-items: flex-start;
	justify-content: center;
	overflow: hidden;
	padding: clamp(145px,18vh,180px) 24px 0;
	background: #151724;
	color: #fff;
	text-align: center;
}
.wkn-polar-hero-image, .wkn-polar-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.wkn-polar-hero-image { z-index: 0; object-fit: cover; object-position: 50% 43%; }
.wkn-polar-hero-shade { z-index: 1; background: linear-gradient(180deg,rgba(9,18,23,.30) 0%,rgba(9,18,23,.43) 48%,rgba(9,18,23,.72) 100%); }
.wkn-polar-hero::after { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; height: 54px; background: var(--wkn-sand); clip-path: polygon(0 34%,100% 0,100% 100%,0 100%); content: ""; }
.wkn-polar-hero-copy { position: relative; z-index: 3; width: min(790px,100%); margin: 0 auto; }
.wkn-polar-eyebrow { margin: 0 0 16px; color: var(--wkn-red); font-size: 10px; font-weight: 900; letter-spacing: .17em; line-height: 1.4; }
.wkn-polar-hero .wkn-polar-eyebrow { color: #fff; }
.wkn-polar-hero h1 {
	max-width: 800px;
	margin: 0 auto;
	color: #fff;
	font-size: clamp(49px,5.7vw,74px);
	font-weight: 850;
	letter-spacing: -.075em;
	line-height: .93;
}
.wkn-polar-hero h1 em, .wkn-polar-feature h2 em, .wkn-polar-recap h2 em, .wkn-polar-bento h2 em, .wkn-polar-final h2 em { color: var(--wkn-coral); font-style: normal; }
.wkn-polar-hero-copy > p:not(.wkn-polar-eyebrow) { max-width: 670px; margin: 18px auto 0; color: rgba(255,255,255,.94); font-size: clamp(16px,1.55vw,19px); line-height: 1.5; }
.wkn-polar-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 17px 28px; margin-top: 26px; }
.wkn-polar-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 12px; border: 1px solid #fff; border-radius: 999px; padding: 0 21px; background: #fff; color: var(--wkn-ink); font-size: 13px; font-weight: 850; transition: transform .2s ease, background .2s ease, color .2s ease; }
.wkn-polar-button:hover { transform: translateY(-2px); border-color: var(--wkn-red); background: var(--wkn-red); color: #fff; }
.wkn-polar-button > span { display: inline-grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: var(--wkn-red); color: #fff; }
.wkn-polar-button:hover > span { background: #fff; color: var(--wkn-red); }
.wkn-polar-text-link { color: #fff; font-size: 13px; font-weight: 750; }
.wkn-polar-text-link span { margin-left: 5px; color: var(--wkn-coral); }
.wkn-polar-text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.wkn-polar-proofline { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin: 0 auto 22px; color: rgba(255,255,255,.92); font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.wkn-polar-proofline i { width: 4px; height: 4px; border-radius: 50%; background: var(--wkn-coral); }
.wkn-polar-hero-device { position: absolute; z-index: 4; top: clamp(470px,66vh,620px); bottom: auto; left: 50%; width: clamp(260px,34vw,375px); height: max(210px,calc(92svh - clamp(470px,66vh,620px))); overflow: hidden; margin: 0; transform: translateX(-50%); filter: drop-shadow(0 18px 36px rgba(0,0,0,.38)); }
.wkn-polar-hero-device img { display: block; width: 100%; height: auto; }
.wkn-polar-hero-device figcaption { position: absolute; top: 22%; right: -78px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; padding: 9px 13px; background: rgba(255,255,255,.95); color: var(--wkn-ink); box-shadow: 0 8px 22px rgba(0,0,0,.15); font-size: 10px; font-weight: 800; white-space: nowrap; }
.wkn-polar-explore { position: absolute; z-index: 5; right: max(28px,calc((100vw - 1260px)/2)); bottom: 25px; display: flex; align-items: center; gap: 10px; color: #fff; font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.wkn-polar-explore span { color: var(--wkn-coral); font-size: 18px; }

/* Large alternated app-feature panels */
.wkn-polar-feature { position: relative; z-index: 1; display: flex; min-height: min(920px,100svh); align-items: center; padding: clamp(95px,12vw,145px) 0; }
.wkn-polar-feature--sand { background: var(--wkn-sand); }
.wkn-polar-feature--cream { background: #f1f2f5; }
.wkn-polar-feature--slate { background: var(--wkn-slate); color: #fff; }
.wkn-polar-feature-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.88fr); align-items: center; gap: clamp(48px,9vw,125px); }
.wkn-polar-feature-grid--reverse { grid-template-columns: minmax(0,.88fr) minmax(0,1fr); }
.wkn-polar-feature-copy { max-width: 510px; padding: 12px 0; }
.wkn-polar-feature-copy .wkn-polar-eyebrow { color: var(--wkn-red); }
.wkn-polar-feature--slate .wkn-polar-feature-copy .wkn-polar-eyebrow { color: #ff8e95; }
.wkn-polar-feature h2 { margin: 0; color: var(--wkn-ink); font-size: clamp(45px,6vw,74px); font-weight: 840; letter-spacing: -.075em; line-height: .98; }
.wkn-polar-feature--slate h2 { color: #fff; }
.wkn-polar-feature h2 em { color: var(--wkn-red); }
.wkn-polar-feature--slate h2 em { color: #ff8e95; }
.wkn-polar-feature-copy > p:not(.wkn-polar-eyebrow) { max-width: 455px; margin: 21px 0 0; color: #57575e; font-size: 17px; line-height: 1.62; }
.wkn-polar-feature--slate .wkn-polar-feature-copy > p:not(.wkn-polar-eyebrow) { color: rgba(255,255,255,.82); }
.wkn-polar-inline-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: var(--wkn-ink); font-size: 13px; font-weight: 850; }
.wkn-polar-inline-link span { color: var(--wkn-red); font-size: 16px; transition: transform .2s ease; }
.wkn-polar-inline-link:hover span { transform: translate(3px,-3px); }
.wkn-polar-feature--slate .wkn-polar-inline-link { color: #fff; }
.wkn-polar-feature--slate .wkn-polar-inline-link span { color: #ff8e95; }
.wkn-polar-device { position: relative; display: flex; min-height: 530px; align-items: center; justify-content: center; margin: 0; }
.wkn-polar-device::before { position: absolute; width: min(510px,94%); aspect-ratio: 1; border: 1px solid rgba(27,29,44,.13); border-radius: 50%; background: rgba(255,255,255,.45); content: ""; }
.wkn-polar-feature--slate .wkn-polar-device::before { border-color: rgba(255,255,255,.18); background: rgba(10,21,28,.1); }
.wkn-polar-device img { position: relative; z-index: 1; display: block; width: clamp(245px,25vw,326px); height: auto; border-radius: 27px; filter: drop-shadow(0 22px 30px rgba(13,18,23,.2)); transition: transform .4s cubic-bezier(.2,.8,.2,1); }
.wkn-polar-device:hover img { transform: translateY(-7px) rotate(-1deg); }
.wkn-polar-device--story img { width: clamp(250px,26vw,340px); }
.wkn-polar-map-art { position: relative; overflow: hidden; margin: 0; border: 7px solid rgba(255,255,255,.88); border-radius: 30px; background: #e4e5ec; box-shadow: 0 28px 56px rgba(11,22,28,.22); transform: rotate(1.5deg); }
.wkn-polar-map-art img { display: block; width: 100%; aspect-ratio: 1.45; object-fit: cover; transition: transform .55s ease; }
.wkn-polar-map-art:hover img { transform: scale(1.035); }
.wkn-polar-map-art figcaption { position: absolute; right: 18px; bottom: 17px; left: 18px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; padding: 10px 14px; background: rgba(27,29,44,.78); color: #fff; font-size: 10px; font-weight: 750; backdrop-filter: blur(10px); }

/* Original seven map pins kept as a single, interactive row */
.wkn-polar-themes { overflow: hidden; padding: clamp(82px,10vw,126px) 0 105px; background: #fff; text-align: center; }
.wkn-polar-themes .wk-wrap > .wkn-polar-eyebrow { margin-bottom: 13px; }
.wkn-polar-themes h2, .wkn-polar-bento h2, .wkn-polar-recap h2, .wkn-polar-final h2 { margin: 0; color: var(--wkn-ink); font-size: clamp(44px,6.2vw,76px); font-weight: 840; letter-spacing: -.075em; line-height: .97; }
.wkn-polar-themes h2 em, .wkn-polar-recap h2 em { color: var(--wkn-red); font-style: normal; }
.wkn-polar-themes-intro { margin: 17px auto 0; color: #5f5e66; font-size: 15px; }
.wkn-polar-themes .wk-theme-grid {
	position: relative;
	display: flex;
	min-height: 210px;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	overflow: visible;
	margin: 36px auto 22px;
	border: 0;
	border-radius: 0;
	padding: 13px 0 25px;
	background: transparent;
}
.wkn-polar-themes .wk-theme-stop { position: relative; display: flex; min-width: 110px; flex: 1 1 0; flex-direction: column; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.wkn-polar-themes .wk-theme-trigger { display: flex; min-height: 124px; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; padding: 0 4px; cursor: pointer; list-style: none; }
.wkn-polar-themes .wk-theme-trigger::-webkit-details-marker { display: none; }
.wkn-polar-themes .wk-theme-pin { display: grid; width: 63px; height: 85px; place-items: center; transform-origin: 50% 85%; transition: transform .22s ease; }
.wkn-polar-themes .wk-theme-pin img { display: block; width: auto; height: 82px; object-fit: contain; }
.wkn-polar-themes .wk-theme-name { color: var(--wkn-ink); font-size: 10px; font-weight: 780; line-height: 1.2; }
.wkn-polar-themes .wk-theme-stop:hover .wk-theme-pin, .wkn-polar-themes .wk-theme-stop[open] .wk-theme-pin { transform: translateY(-7px) scale(1.06); }
.wkn-polar-themes .wk-theme-description { position: absolute; z-index: 5; top: 128px; left: 50%; display: none; width: min(230px,82vw); border: 1px solid rgba(27,29,44,.12); border-radius: 15px; padding: 14px 16px; background: #fff; box-shadow: 0 15px 38px rgba(27,29,44,.17); text-align: left; transform: translateX(-50%); }
.wkn-polar-themes .wk-theme-description::before { position: absolute; top: -6px; left: calc(50% - 5px); width: 10px; height: 10px; border-top: 1px solid rgba(27,29,44,.12); border-left: 1px solid rgba(27,29,44,.12); background: #fff; content: ""; transform: rotate(45deg); }
.wkn-polar-themes .wk-theme-description p { margin: 0; color: #585861; font-size: 12px; line-height: 1.5; }
.wkn-polar-themes .wk-theme-stop[open] .wk-theme-description, .wkn-polar-themes .wk-theme-stop[data-hover="true"] .wk-theme-description { display: block; }

/* Editorial recap carousel */
.wkn-polar-recap { overflow: hidden; padding: clamp(84px,10vw,124px) 0 75px; background: #f0f0f4; }
.wkn-polar-recap-heading { max-width: 740px; text-align: center; }
.wkn-polar-recap-heading .wkn-polar-eyebrow { color: #c4090b; }
.wkn-polar-recap-heading h2 { font-size: clamp(42px,5.5vw,68px); }
.wkn-polar-recap-heading > p:last-child { max-width: 600px; margin: 17px auto 0; color: #585861; font-size: 15px; line-height: 1.6; }
.wkn-polar-gallery { margin-top: 48px; }
.wkn-polar-gallery .wk-carousel-controls { margin-bottom: 14px; }
.wkn-polar-gallery .wk-carousel-track { align-items: center; gap: 18px; padding: 34px 2px 43px; }
.wkn-polar-gallery .wk-carousel-slide { position: relative; width: clamp(270px,29vw,355px); height: 370px; flex: 0 0 auto; overflow: hidden; margin: 0; border-radius: 23px; background: var(--wkn-ink); scroll-snap-align: center; }
.wkn-polar-gallery .wk-carousel-slide:nth-child(2) { width: clamp(220px,24vw,295px); height: 300px; transform: translateY(28px) rotate(2deg); }
.wkn-polar-gallery .wk-carousel-slide:nth-child(3) { width: clamp(340px,37vw,450px); height: 405px; transform: rotate(-1.3deg); }
.wkn-polar-gallery .wk-carousel-slide:nth-child(4) { width: clamp(220px,24vw,295px); height: 310px; transform: translateY(-21px) rotate(2deg); }
.wkn-polar-gallery .wk-carousel-slide:nth-child(5) { width: clamp(260px,28vw,345px); height: 350px; transform: rotate(-1.8deg); }
.wkn-polar-gallery .wk-carousel-slide img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.wkn-polar-gallery .wk-carousel-slide:hover img { transform: scale(1.045); }
.wkn-polar-gallery .wk-carousel-slide::after { position: absolute; inset: 35% 0 0; background: linear-gradient(transparent,rgba(7,13,17,.88)); content: ""; pointer-events: none; }
.wkn-polar-gallery .wk-carousel-slide figcaption { position: absolute; z-index: 1; right: 20px; bottom: 20px; left: 20px; color: #fff; font-size: 20px; font-weight: 780; letter-spacing: -.04em; line-height: 1.15; }
.wkn-polar-gallery .wk-carousel-slide figcaption span { display: block; margin-bottom: 8px; color: #ffb2b8; font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.wkn-polar-gallery .wk-carousel-controls button { width: 40px; height: 40px; border-radius: 50%; background: var(--wkn-ink); border-color: var(--wkn-ink); }
.wkn-polar-gallery .wk-carousel-controls button:hover:not(:disabled) { background: var(--wkn-red); border-color: var(--wkn-red); }
.wkn-polar-gallery .wk-carousel-status { color: var(--wkn-ink); }
.wkn-polar-recap-foot { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 23px; color: #62616b; font-size: 11px; }

/* Bento feature grid in place of invented reviews or metrics */
.wkn-polar-bento { padding: clamp(90px,11vw,136px) 0; background: #fff; }
.wkn-polar-bento-heading { max-width: 780px; margin: 0 auto 44px; text-align: center; }
.wkn-polar-bento-heading .wkn-polar-eyebrow { margin-bottom: 14px; }
.wkn-polar-bento h2 { font-size: clamp(42px,5.8vw,72px); }
.wkn-polar-bento h2 em { color: var(--wkn-red); }
.wkn-polar-bento-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); grid-template-rows: minmax(270px,auto) minmax(270px,auto); gap: 17px; }
.wkn-polar-bento-card { position: relative; display: flex; min-height: 270px; flex-direction: column; align-items: flex-start; overflow: hidden; border-radius: 26px; padding: clamp(24px,3vw,37px); }
.wkn-polar-bento-card .wkn-polar-eyebrow { margin: 0 0 13px; font-size: 9px; }
.wkn-polar-bento-card h3 { max-width: 430px; margin: 0; color: var(--wkn-ink); font-size: clamp(28px,3.3vw,42px); font-weight: 830; letter-spacing: -.065em; line-height: 1.02; }
.wkn-polar-bento-card > p:not(.wkn-polar-eyebrow) { max-width: 440px; margin: 13px 0 0; color: #55545c; font-size: 14px; line-height: 1.5; }
.wkn-polar-bento-card--public { grid-column: span 7; background: #f9e9e9; }
.wkn-polar-bento-card--territory { grid-column: span 5; background: #eef0f6; }
.wkn-polar-bento-card--national { grid-column: span 5; background: #f2f3f6; }
.wkn-polar-bento-card--business { grid-column: span 7; background: var(--wkn-night); }
.wkn-polar-bento-card--business h3 { color: #fff; }
.wkn-polar-bento-card--business > p:not(.wkn-polar-eyebrow) { color: rgba(255,255,255,.78); }
.wkn-polar-bento-card--business .wkn-polar-eyebrow { color: #ff959e; }
.wkn-polar-bento-card--business .wkn-polar-button { margin-top: auto; }
.wkn-polar-bento-symbol { display: grid; width: 39px; height: 39px; place-items: center; margin-bottom: 24px; border-radius: 50%; background: #fff; color: var(--wkn-red); font-size: 19px; font-weight: 800; }
.wkn-polar-card-note { margin-top: auto; padding-top: 18px; color: #47464e; font-size: 11px; font-weight: 800; }
.wkn-polar-card-note[href]:hover { color: #c4090b; text-decoration: underline; text-underline-offset: 4px; }
.wkn-polar-card-note[href]:focus-visible { outline: 2px solid #c4090b; outline-offset: 5px; }
.wkn-polar-bento-card--national img { position: absolute; right: 35px; bottom: 25px; width: clamp(90px,12vw,145px); height: clamp(110px,14vw,155px); object-fit: contain; }
.wkn-polar-bento-card--national .wkn-polar-inline-link { margin-top: auto; }
.wkn-polar-button--small { width: fit-content; min-height: 46px; margin-top: 23px; }

/* Closing call to action and shared footer */
.wkn-polar-final { position: relative; overflow: hidden; padding: clamp(90px,11vw,130px) 24px; background: var(--wkn-night); color: #fff; text-align: center; }
.wkn-polar-final::before, .wkn-polar-final::after { position: absolute; width: 420px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; content: ""; pointer-events: none; }
.wkn-polar-final::before { top: -300px; left: -100px; }
.wkn-polar-final::after { right: -110px; bottom: -330px; }
.wkn-polar-final-inner { position: relative; z-index: 1; max-width: 810px; }
.wkn-polar-final .wkn-polar-eyebrow { color: #ff959e; }
.wkn-polar-final h2 { color: #fff; }
.wkn-polar-final-inner > p:not(.wkn-polar-eyebrow) { max-width: 590px; margin: 20px auto 25px; color: rgba(255,255,255,.8); font-size: 16px; line-height: 1.6; }
.wkn-footer { padding: 58px 0 24px; background: #fff; color: var(--wkn-ink); }
.wkn-footer-columns { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: clamp(25px,5vw,66px); padding-bottom: 44px; }
.wkn-footer-brand p { color: #686872; font-size: 12px; line-height: 1.6; }
.wkn-footer-group { display: grid; align-content: start; gap: 11px; color: #50505a; font-size: 12px; }
.wkn-footer-group > b { margin-bottom: 5px; color: var(--wkn-ink); font-size: 10px; letter-spacing: .12em; }
.wkn-footer-group > a { color: #50505a; font-weight: 650; }
.wkn-footer-group > a:hover { color: var(--wkn-red); }
.wkn-footer-group > span { color: #696872; font-size: 10px; line-height: 1.45; }
.wkn-footer-cta { padding-top: 10px; text-align: left; }
.wkn-footer-cta span { color: #666670; font-size: 11px; }
.wkn-footer-cta a { font-size: 15px; }
.wkn-footer-bottom { align-items: center; padding-top: 22px; color: #686872; font-size: 10px; }
.wkn-footer-bottom nav { gap: 14px 20px; }
.wkn-footer-bottom nav a { color: var(--wkn-ink); }

/* Inner pages keep the same airy feature rhythm under the shared capsule. */
.wkn-page { padding-top: 0; }
.wkn-inner-hero { position: relative; display: flex; min-height: max(760px,92svh); align-items: center; overflow: hidden; padding: 120px 0 150px; background: var(--wkn-night); color: #fff; }
.wkn-inner-hero::before { position: absolute; z-index: 1; inset: 0; top: 0; right: 0; width: auto; height: auto; border: 0; border-radius: 0; background: linear-gradient(180deg,rgba(10,17,23,.61),rgba(10,17,23,.5) 42%,rgba(10,17,23,.86)); content: ""; }
.wkn-inner-hero-grid { position: static; display: block; width: min(1000px,calc(100% - 52px)); min-height: 0; margin-inline: auto; padding: 65px 0 105px; text-align: center; }
.wkn-inner-hero-grid > div:first-child { position: relative; z-index: 2; max-width: 860px; margin: 0 auto; }
.wkn-inner-hero h1 { max-width: 860px; margin: 0 auto; color: #fff; font-size: clamp(50px,6.8vw,88px); font-weight: 850; letter-spacing: -.075em; line-height: .96; }
.wkn-inner-hero h1 em { color: var(--wkn-coral) !important; font-style: normal; }
.wkn-inner-hero .wkn-lead { max-width: 680px; margin: 21px auto 0; color: rgba(255,255,255,.89); font-size: 16px; line-height: 1.62; }
.wkn-inner-hero .wkn-kicker { justify-content: center; color: #ff9ba2; }
.wkn-inner-hero .wkn-kicker > span { background: #ff9ba2; box-shadow: 0 0 0 4px rgba(255,155,162,.15); }
.wkn-inner-hero .wkn-actions { justify-content: center; }
.wkn-inner-hero .wkn-fact-pills { justify-content: center; }
.wkn-inner-hero .wkn-fact-pills span { border-color: rgba(255,255,255,.32); background: rgba(255,255,255,.08); color: #fff; }
.wkn-inner-hero .wkn-button { border-color: #fff; background: #fff; color: var(--wkn-ink) !important; }
.wkn-inner-hero .wkn-button:hover { border-color: var(--wkn-red); background: var(--wkn-red); color: #fff !important; }
.wkn-inner-hero .wkn-link { color: #fff; }
.wkn-inner-hero .wkn-link:hover { color: #ff9ba2; }
.wkn-inner-hero .wkn-hero-photo { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; overflow: hidden; margin: 0; border: 0; border-radius: 0; padding: 0; background: #24303a; box-shadow: none; }
.wkn-inner-hero .wkn-hero-photo img { display: block; width: 100%; height: 100%; max-height: none; border-radius: 0; object-fit: cover; opacity: .3; }
.wkn-themes-page .wkn-inner-hero .wkn-hero-photo { background: transparent; }
.wkn-themes-page .wkn-inner-hero .wkn-hero-photo img { position: absolute; top: auto; bottom: -125px; left: 50%; width: clamp(145px,16vw,185px); height: auto; opacity: .8; object-fit: contain; transform: translateX(-50%); }
.wkn-themes-page .wkn-inner-hero .wkn-hero-photo figcaption { display: none; }
.wkn-routes-page .wkn-inner-hero .wkn-hero-photo img, .wkn-stories-page .wkn-inner-hero .wkn-hero-photo img { opacity: .4; }
.wkn-inner-hero .wkn-hero-photo figcaption { position: absolute; right: 26px; bottom: 22px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; padding: 8px 12px; background: rgba(27,29,44,.58); color: #fff; font-size: 9px; backdrop-filter: blur(8px); }
.wkn-inner-hero .wkn-solutions-graphic { position: absolute; z-index: 0; inset: 0; min-height: 100%; border: 0; border-radius: 0; background-color: #404c52; background-image: radial-gradient(rgba(255,255,255,.2) .8px,transparent .8px); background-size: 22px 22px; opacity: .68; }
.wkn-inner-hero .wkn-solutions-graphic .wkn-map-label, .wkn-inner-hero .wkn-solutions-graphic .wkn-map-caption { display: none; }
.wkn-app-page .wkn-inner-hero { background: radial-gradient(ellipse at 55% 15%,#303e44 0,transparent 50%),var(--wkn-night); }
.wkn-app-page .wkn-inner-hero::before { background: linear-gradient(180deg,rgba(13,21,27,.12),rgba(13,21,27,.58) 58%,rgba(13,21,27,.94)); }
.wkn-app-page .wkn-inner-hero-grid { position: static; padding-bottom: 230px; }
.wkn-app-page .wkn-hero-side-note { position: absolute; z-index: 3; right: 0; bottom: 95px; width: 208px; min-height: 110px; border: 1px solid rgba(255,255,255,.28); border-radius: 18px; padding: 15px 18px; background: rgba(255,255,255,.95); color: var(--wkn-ink); box-shadow: 0 15px 38px rgba(0,0,0,.2); text-align: left; }
.wkn-app-page .wkn-hero-side-note p { margin: 10px 0 0; font-size: 17px; font-weight: 800; line-height: 1.1; }
.wkn-app-page .wkn-side-mark { color: var(--wkn-red); font-size: 10px; font-weight: 850; }
.wkn-app-page .wkn-side-mark i { color: #696872; font-style: normal; }
.wkn-app-page .wkn-side-arrow { position: absolute; right: 14px; bottom: 12px; color: var(--wkn-red); }
.wkn-inner-hero-device { position: absolute; z-index: 2; bottom: -150px; left: 50%; width: clamp(178px,19vw,224px); margin: 0; transform: translateX(-50%); filter: drop-shadow(0 19px 34px rgba(0,0,0,.35)); }
.wkn-inner-hero-device img { display: block; width: 100%; height: auto; }
.wkn-page .wkn-section { padding-block: clamp(76px,9vw,120px); }
.wkn-page .wkn-story-card, .wkn-page .wkn-plan-card, .wkn-page .wkn-route-steps article, .wkn-page .wkn-audience-grid article { border-radius: 22px; }
.wkn-page .wkn-bottom-cta, .wkn-page .wkn-theme-end, .wkn-page .wkn-trust-section, .wkn-page .wkn-content-service { padding-block: clamp(75px,9vw,115px); }

@media (max-width: 900px) {
	.wkn-polar-feature { min-height: 0; }
	.wkn-polar-feature-grid, .wkn-polar-feature-grid--reverse { gap: 45px; }
	.wkn-polar-device { min-height: 450px; }
	.wkn-polar-device img { width: clamp(225px,30vw,285px); }
	.wkn-polar-map-art img { aspect-ratio: 1.1; }
	.wkn-inner-hero-grid { min-height: 430px; }
}
@media (max-width: 700px) {
	.wkn-header { top: 10px !important; width: calc(100% - 24px); }
	body.admin-bar .wkn-header { top: 42px !important; }
	.wkn-header-inner { height: 58px; padding-left: 14px; }
	.wkn-brand, .wk-logo-window { width: 154px; }
	.wk-logo-window { height: 36px; }
	.wk-logo-window img { top: -20px; left: -16px; width: 188px; height: 94px; }
	.wkn-header-actions { gap: 8px; }
	.wkn-header-partner { display: none; }
	.wkn-nav-cta { min-height: 39px; gap: 7px; padding: 0 12px; font-size: 11px; }
	.wkn-nav-cta > span[aria-hidden="true"] { width: 20px; height: 20px; }
	.wkn-menu-toggle { width: 37px; height: 37px; }
	.wkn-menu-inner { width: calc(100% - 44px); grid-template-columns: 1fr; align-content: start; gap: 23px; padding: 105px 0 26px; }
	.wkn-menu-eyebrow { margin-bottom: 8px; }
	.wkn-menu-title { font-size: clamp(37px,10vw,53px); }
	.wkn-nav-links { grid-template-columns: 1fr; }
	.wkn-nav-links li:nth-last-child(-n+2) { border-bottom: 1px solid rgba(27,29,44,.13); }
	.wkn-nav-links li:last-child { border-bottom: 0; }
	.wkn-nav-links a { min-height: 52px; font-size: 18px; }
	.wkn-menu-footer { align-items: flex-start; flex-direction: column; gap: 8px; padding-top: 13px; font-size: 10px; }
	.wkn-polar-hero { min-height: max(680px,92svh); padding: 137px 20px 0; }
	.wkn-polar-hero-image { object-position: 53% 50%; }
	.wkn-polar-hero-shade { background: linear-gradient(180deg,rgba(9,18,23,.48) 0%,rgba(9,18,23,.58) 45%,rgba(9,18,23,.9) 100%); }
	.wkn-polar-hero h1 { font-size: clamp(49px,10.5vw,68px); }
	.wkn-polar-hero-copy > p:not(.wkn-polar-eyebrow) { max-width: 530px; margin-top: 17px; font-size: 15px; }
	.wkn-polar-actions { gap: 14px; margin-top: 20px; }
	.wkn-polar-proofline { gap: 7px; margin-bottom: 18px; font-size: 7px; letter-spacing: .1em; }
	.wkn-polar-hero-device { top: 590px; width: clamp(250px,55vw,320px); height: max(110px,calc(92svh - 590px)); }
	.wkn-polar-hero-device figcaption { top: 27%; right: -70px; font-size: 8px; }
	.wkn-polar-explore { right: 16px; bottom: 15px; font-size: 8px; }
	.wkn-polar-feature { padding: 78px 0 84px; }
	.wkn-polar-feature-grid, .wkn-polar-feature-grid--reverse { grid-template-columns: 1fr; gap: 27px; }
	.wkn-polar-feature-grid--reverse .wkn-polar-feature-copy { order: 2; }
	.wkn-polar-feature-grid--reverse .wkn-polar-map-art { order: 1; }
	.wkn-polar-feature-copy { max-width: 600px; text-align: center; }
	.wkn-polar-feature-copy > p:not(.wkn-polar-eyebrow) { margin: 16px auto 0; font-size: 15px; }
	.wkn-polar-feature h2 { font-size: clamp(43px,10.5vw,63px); }
	.wkn-polar-device { min-height: 395px; }
	.wkn-polar-device::before { width: min(365px,88%); }
	.wkn-polar-device img, .wkn-polar-device--story img { width: 224px; }
	.wkn-polar-map-art { width: 100%; border-width: 5px; border-radius: 22px; transform: none; }
	.wkn-polar-map-art img { aspect-ratio: 1.18; }
	.wkn-polar-map-art figcaption { right: 10px; bottom: 10px; left: 10px; padding: 8px 11px; font-size: 8px; }
	.wkn-polar-themes { padding: 76px 0 78px; }
	.wkn-polar-themes h2, .wkn-polar-bento h2, .wkn-polar-recap h2, .wkn-polar-final h2 { font-size: clamp(40px,10vw,60px); }
	.wkn-polar-themes-intro { max-width: 400px; font-size: 13px; }
	.wkn-polar-themes .wk-theme-grid { min-height: 190px; justify-content: flex-start; gap: 13px; margin: 25px -18px 18px; overflow-x: auto; padding: 12px 18px 24px; scrollbar-width: none; scroll-snap-type: x mandatory; }
	.wkn-polar-themes .wk-theme-grid::-webkit-scrollbar { display: none; }
	.wkn-polar-themes .wk-theme-stop { min-width: 92px; flex: 0 0 92px; scroll-snap-align: center; }
	.wkn-polar-themes .wk-theme-trigger { min-height: 117px; }
	.wkn-polar-themes .wk-theme-pin { height: 75px; }
	.wkn-polar-themes .wk-theme-pin img { height: 72px; }
	.wkn-polar-themes .wk-theme-name { font-size: 9px; }
	.wkn-polar-themes .wk-theme-description { top: 119px; }
	.wkn-polar-recap { padding: 76px 0 55px; }
	.wkn-polar-recap-heading > p:last-child { font-size: 13px; }
	.wkn-polar-gallery { margin-top: 28px; }
	.wkn-polar-gallery .wk-carousel-slide { width: min(82vw,360px); height: 335px; border-radius: 19px; }
	.wkn-polar-recap-foot { align-items: flex-start; flex-direction: column; gap: 5px; margin-top: 15px; font-size: 10px; }
	.wkn-polar-bento { padding: 78px 0; }
	.wkn-polar-bento-heading { margin-bottom: 27px; }
	.wkn-polar-bento-grid { grid-template-columns: 1fr; grid-template-rows: auto; gap: 12px; }
	.wkn-polar-bento-card { min-height: 245px; border-radius: 22px; padding: 25px; }
	.wkn-polar-bento-card--national, .wkn-polar-bento-card--business { grid-column: 1; }
	.wkn-polar-bento-card--national img { right: 18px; bottom: 25px; width: 90px; height: 110px; }
	.wkn-polar-bento-card--national > p:not(.wkn-polar-eyebrow) { max-width: calc(100% - 80px); }
	.wkn-polar-final { padding: 78px 18px; }
	.wkn-polar-final-inner > p:not(.wkn-polar-eyebrow) { font-size: 14px; }
	.wkn-footer { padding-top: 40px; }
	.wkn-footer-columns { grid-template-columns: 1fr 1fr; gap: 26px 18px; padding-bottom: 28px; }
	.wkn-footer-brand { grid-column: 1 / -1; }
	.wkn-footer-bottom { gap: 16px; }
	.wkn-page { padding-top: 0; }
	.wkn-inner-hero { min-height: max(760px,100svh); padding: 118px 0 125px; }
	.wkn-inner-hero-grid { width: min(620px,calc(100% - 36px)); min-height: 0; gap: 24px; padding: 35px 0 150px; }
	.wkn-inner-hero h1 { font-size: clamp(45px,11vw,67px); }
	.wkn-inner-hero .wkn-hero-photo { border-width: 0; border-radius: 0; }
	.wkn-inner-hero .wkn-hero-photo img { width: 100%; height: 100%; max-height: none; border-radius: 0; }
	.wkn-app-page .wkn-inner-hero-grid { padding-bottom: 180px; }
	.wkn-app-page .wkn-hero-side-note { display: none; }
	.wkn-inner-hero-device { bottom: -135px; width: 155px; }
}
@media (max-width: 400px) {
	.wkn-header-inner { padding-right: 9px; }
	.wkn-brand, .wk-logo-window { width: 128px; }
	.wk-logo-window img { left: -15px; width: 170px; height: 85px; }
	.wkn-nav-cta { padding: 0 9px; font-size: 10px; }
	.wkn-menu-toggle { width: 34px; }
	.wkn-polar-hero { padding-top: 125px; }
	.wkn-polar-hero h1 { font-size: 48px; }
	.wkn-polar-hero .wkn-polar-eyebrow { font-size: 8px; }
	.wkn-polar-proofline { gap: 5px; font-size: 6px; }
	.wkn-polar-hero-device { width: 250px; }
}
@media (prefers-reduced-motion: reduce) {
	.wkn-header, .wkn-header-inner, .wkn-nav, .wkn-polar-device img, .wkn-polar-map-art img, .wkn-polar-gallery .wk-carousel-slide img { transition: none; }
}

/* Scroll-led app tour: the screenshot stays in view while each chapter changes it. */
.wkn-polar-showcase {
	--wkn-showcase-bg: var(--wkn-sand);
	position: relative;
	overflow: clip;
	padding: clamp(76px,9vw,116px) 0 60px;
	background: var(--wkn-showcase-bg);
	transition: background-color .65s ease;
}
.wkn-polar-showcase[data-wkn-tone="cream"] { --wkn-showcase-bg: var(--wkn-cream); }
.wkn-polar-showcase[data-wkn-tone="slate"] { --wkn-showcase-bg: var(--wkn-slate); color: #fff; }
.wkn-polar-showcase[data-wkn-tone="blush"] { --wkn-showcase-bg: #f5e5e3; }
.wkn-polar-showcase-heading { max-width: 800px; margin: 0 auto 28px; text-align: center; }
.wkn-polar-showcase-heading .wkn-polar-eyebrow { margin-bottom: 13px; }
.wkn-polar-showcase-heading h2 { margin: 0; color: var(--wkn-ink); font-size: clamp(43px,6vw,72px); font-weight: 850; letter-spacing: -.075em; line-height: .97; }
.wkn-polar-showcase-heading h2 em { color: var(--wkn-red); font-style: normal; }
.wkn-polar-showcase-heading > p:last-child { max-width: 570px; margin: 15px auto 0; color: #55545c; font-size: 15px; line-height: 1.6; }
.wkn-polar-showcase[data-wkn-tone="slate"] .wkn-polar-showcase-heading h2 { color: #fff; }
.wkn-polar-showcase[data-wkn-tone="slate"] .wkn-polar-showcase-heading h2 em { color: #ff959e; }
.wkn-polar-showcase[data-wkn-tone="slate"] .wkn-polar-showcase-heading > p:last-child { color: rgba(255,255,255,.82); }
.wkn-polar-chapter-nav { position: sticky; z-index: 12; top: 91px; display: flex; width: fit-content; max-width: 100%; align-items: center; justify-content: center; gap: 4px; margin: 0 auto 26px; border: 1px solid rgba(27,29,44,.08); border-radius: 999px; padding: 6px; background: rgba(255,255,255,.985); box-shadow: 0 7px 24px rgba(27,29,44,.08); backdrop-filter: blur(14px); }
.wkn-polar-chapter-nav a { display: inline-flex; min-height: 38px; align-items: center; gap: 8px; border-radius: 999px; padding: 0 14px; color: #44434c; font-size: 11px; font-weight: 820; white-space: nowrap; transition: background .25s ease, color .25s ease, transform .25s ease; }
.wkn-polar-chapter-nav a span { color: #88868f; font-size: 9px; font-weight: 900; }
.wkn-polar-chapter-nav a:hover { transform: translateY(-1px); color: var(--wkn-red); }
.wkn-polar-chapter-nav a[aria-current="step"] { background: var(--wkn-ink); color: #fff; }
.wkn-polar-chapter-nav a[aria-current="step"] span { color: #ff959e; }
.wkn-polar-showcase[data-wkn-tone="slate"] .wkn-polar-chapter-nav a[aria-current="step"] { background: var(--wkn-red); }
.wkn-polar-showcase-grid { display: grid; grid-template-columns: minmax(0,.88fr) minmax(0,1fr); align-items: start; gap: clamp(42px,8vw,110px); }
.wkn-polar-showcase-stage { position: sticky; top: 132px; display: flex; height: clamp(500px,calc(100svh - 150px),665px); align-items: center; justify-content: center; }
.wkn-polar-stage-orbit { position: absolute; display: grid; width: min(36vw,430px); aspect-ratio: 1; place-items: center; border: 1px solid rgba(27,29,44,.15); border-radius: 50%; background: rgba(255,255,255,.31); }
.wkn-polar-stage-orbit::before, .wkn-polar-stage-orbit::after { position: absolute; width: 76%; aspect-ratio: 1; border: 1px solid rgba(27,29,44,.09); border-radius: 50%; content: ""; }
.wkn-polar-stage-orbit::after { width: 51%; }
.wkn-polar-stage-orbit i { position: absolute; z-index: 1; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; background: var(--wkn-red); box-shadow: 0 2px 10px rgba(27,29,44,.15); }
.wkn-polar-stage-orbit i:nth-child(1) { top: 12%; left: 58%; }
.wkn-polar-stage-orbit i:nth-child(2) { top: 52%; right: 6%; width: 6px; height: 6px; background: #1b1d2c; }
.wkn-polar-stage-orbit i:nth-child(3) { bottom: 10%; left: 34%; width: 10px; height: 10px; background: #c4090b; }
.wkn-polar-stage-orbit i:nth-child(4) { top: 35%; left: 7%; width: 6px; height: 6px; background: #1b1d2c; }
.wkn-polar-showcase-device { position: relative; z-index: 2; width: clamp(205px,calc(48svh - 75px),286px); aspect-ratio: 3280 / 6685; overflow: hidden; margin: 0; border: 7px solid #182126; border-radius: 36px; background: #182126; box-shadow: 0 30px 70px rgba(27,29,44,.25), inset 0 0 0 1px rgba(255,255,255,.35); }
.wkn-polar-device-speaker { position: absolute; z-index: 5; top: 7px; left: 50%; width: 25%; height: 13px; border-radius: 0 0 12px 12px; background: #182126; transform: translateX(-50%); }
.wkn-polar-showcase-device > [data-wkn-screen] { position: absolute; z-index: 0; inset: 0; display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 27px; opacity: 0; transform: scale(.975) translateY(7px); transition: opacity .4s ease, transform .6s cubic-bezier(.2,.8,.2,1); }
.wkn-polar-showcase-device > [data-wkn-screen].is-active { z-index: 1; opacity: 1; transform: scale(1) translateY(0); }
.wkn-polar-showcase-device > img[data-wkn-screen] { object-fit: cover; object-position: top center; }
.wkn-polar-map-screen { background: #e9eaf0; color: var(--wkn-ink); }
.wkn-polar-screen-status { position: relative; z-index: 2; display: flex; height: 7%; align-items: center; justify-content: space-between; padding: 3px 12px 0; background: #2d5891; color: #fff; font-size: 8px; font-weight: 800; }
.wkn-polar-map-screen-title { position: relative; z-index: 2; display: flex; height: 15%; flex-direction: column; justify-content: center; gap: 4px; padding: 0 13px; background: #2d5891; color: #fff; }
.wkn-polar-map-screen-title span { color: #dbe7f5; font-size: 6px; font-weight: 850; letter-spacing: .13em; }
.wkn-polar-map-screen-title strong { font-size: 12px; line-height: 1.1; }
.wkn-polar-map-lines { position: absolute; top: 22%; left: 0; width: 100%; height: 67%; }
.wkn-polar-map-label { position: absolute; z-index: 2; border: 1px solid rgba(23,42,59,.08); border-radius: 4px; padding: 4px 6px; background: #fff; color: #3e4650; box-shadow: 0 3px 7px rgba(23,42,59,.1); font-size: 6px; font-weight: 750; }
.wkn-polar-map-label--one { top: 41%; left: 8%; }
.wkn-polar-map-label--two { top: 66%; right: 6%; }
.wkn-polar-map-screen-footer { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; display: flex; height: 11%; align-items: center; justify-content: space-between; padding: 0 11px; background: #fff; color: #35414a; font-size: 7px; font-weight: 800; }
.wkn-polar-map-screen-footer span:first-child { display: inline-flex; align-items: center; gap: 4px; }
.wkn-polar-map-screen-footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--wkn-red); }
.wkn-polar-map-screen-footer b { color: var(--wkn-red); font-size: 12px; }
.wkn-polar-story-screen { background: #fff; color: var(--wkn-ink); }
.wkn-polar-story-topbar { display: flex; height: 9%; align-items: center; gap: 9px; padding: 0 12px; background: #2d5891; color: #fff; font-size: 7px; font-weight: 850; letter-spacing: .12em; }
.wkn-polar-story-topbar span { font-size: 19px; font-weight: 500; }
.wkn-polar-story-screen > img { display: block; width: 100%; height: 32%; object-fit: cover; }
.wkn-polar-story-copy { padding: 12px 12px 8px; }
.wkn-polar-story-copy > span { color: var(--wkn-red); font-size: 6px; font-weight: 900; letter-spacing: .12em; }
.wkn-polar-story-copy h4 { margin: 7px 0 0; color: #1b1d2c; font-size: 12px; font-weight: 850; line-height: 1.15; }
.wkn-polar-story-copy p { margin: 7px 0 0; color: #535862; font-size: 7px; line-height: 1.45; }
.wkn-polar-story-audio { display: flex; align-items: center; gap: 6px; margin-top: 11px; border-radius: 999px; padding: 7px 9px; background: #f1f2f5; color: #27323a; font-size: 7px; font-weight: 800; }
.wkn-polar-story-audio i { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; background: var(--wkn-red); color: #fff; font-size: 7px; font-style: normal; }
.wkn-polar-story-audio b { margin-left: auto; color: var(--wkn-red); font-size: 12px; }
.wkn-polar-stage-caption { position: absolute; z-index: 3; right: 0; bottom: 22px; left: 0; display: flex; max-width: 340px; align-items: center; gap: 11px; margin: auto; border: 1px solid rgba(27,29,44,.08); border-radius: 999px; padding: 10px 14px; background: rgba(255,255,255,.94); box-shadow: 0 8px 24px rgba(27,29,44,.12); color: #4e4c55; font-size: 10px; font-weight: 750; line-height: 1.3; }
.wkn-polar-stage-caption [data-wkn-stage-count] { display: grid; width: 26px; height: 26px; flex: 0 0 26px; place-items: center; border-radius: 50%; background: var(--wkn-red); color: #fff; font-size: 9px; }
.wkn-polar-chapters { min-width: 0; }
.wkn-polar-chapter { display: flex; min-height: clamp(500px,calc(100svh - 145px),665px); flex-direction: column; justify-content: center; padding: 35px 0; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(15px) scale(.985); transition: opacity .55s ease, transform .65s cubic-bezier(.2,.8,.2,1), visibility 0s linear .65s; scroll-margin-top: 156px; }
.wkn-polar-chapter.is-active { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); transition-delay: 0s,0s,0s; }
.wkn-polar-chapter .wkn-polar-eyebrow { margin-bottom: 12px; }
.wkn-polar-chapter h3 { margin: 0; color: var(--wkn-ink); font-size: clamp(42px,5.5vw,70px); font-weight: 850; letter-spacing: -.075em; line-height: .98; }
.wkn-polar-chapter > p:not(.wkn-polar-eyebrow) { max-width: 450px; margin: 19px 0 0; color: #56555e; font-size: 16px; line-height: 1.65; }
.wkn-polar-showcase[data-wkn-tone="slate"] .wkn-polar-chapter h3 { color: #fff; }
.wkn-polar-showcase[data-wkn-tone="slate"] .wkn-polar-chapter .wkn-polar-eyebrow { color: #ff959e; }
.wkn-polar-showcase[data-wkn-tone="slate"] .wkn-polar-chapter > p:not(.wkn-polar-eyebrow) { color: rgba(255,255,255,.84); }
.wkn-polar-showcase[data-wkn-tone="slate"] .wkn-polar-chapter .wkn-polar-inline-link { color: #fff; }
.wkn-polar-showcase[data-wkn-tone="slate"] .wkn-polar-chapter .wkn-polar-inline-link span { color: #ff959e; }
.wkn-polar-chapter-nav a:focus-visible, .wkn-polar-chapter .wkn-polar-inline-link:focus-visible { outline: 3px solid var(--wkn-red); outline-offset: 4px; }
.wkn-polar-home .wkn-polar-gallery .wk-carousel-slide { transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease; }
.wkn-polar-home .wkn-polar-gallery .wk-carousel-slide:hover { transform: translateY(-6px) rotate(-.5deg); box-shadow: 0 25px 55px rgba(27,29,44,.18); }
.wkn-polar-home .wkn-polar-bento-card { transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease; }
.wkn-polar-home .wkn-polar-bento-card:hover { transform: translateY(-5px); box-shadow: 0 22px 48px rgba(27,29,44,.12); }
.wkn-motion-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .75s cubic-bezier(.2,.8,.2,1); }
.wkn-motion-reveal.is-visible { opacity: 1; transform: translateY(0); }
.wkn-polar-bento-card:nth-child(2).wkn-motion-reveal { transition-delay: .08s; }
.wkn-polar-bento-card:nth-child(3).wkn-motion-reveal { transition-delay: .16s; }
.wkn-polar-bento-card:nth-child(4).wkn-motion-reveal { transition-delay: .24s; }
@keyframes wkn-hero-drift { from { transform: scale(1.035) translate3d(-.5%,0,0); } to { transform: scale(1.08) translate3d(.5%,-.4%,0); } }
.wkn-polar-hero-image { animation: wkn-hero-drift 22s ease-in-out infinite alternate; }

@media (max-width: 900px) {
	.wkn-polar-showcase-grid { gap: 34px; }
	.wkn-polar-showcase-stage { height: clamp(480px,calc(100svh - 150px),620px); }
	.wkn-polar-stage-orbit { width: min(42vw,360px); }
	.wkn-polar-showcase-device { width: clamp(205px,calc(48svh - 75px),255px); }
	.wkn-polar-chapter h3 { font-size: clamp(39px,6vw,56px); }
}
@media (max-width: 700px) {
	.wkn-polar-showcase { padding: 72px 0 36px; }
	.wkn-polar-showcase-heading { margin-bottom: 22px; }
	.wkn-polar-showcase-heading h2 { font-size: clamp(41px,10vw,58px); }
	.wkn-polar-showcase-heading > p:last-child { max-width: 370px; font-size: 13px; }
	.wkn-polar-chapter-nav { top: 78px; justify-content: flex-start; gap: 1px; margin-bottom: 12px; padding: 4px; }
	.wkn-polar-chapter-nav a { min-height: 35px; gap: 5px; padding-inline: 9px; font-size: 10px; }
	.wkn-polar-chapter-nav a span { font-size: 8px; }
	.wkn-polar-showcase-grid { grid-template-columns: 1fr; gap: 0; }
	.wkn-polar-showcase-stage { z-index: 5; top: 123px; height: clamp(190px,30svh,240px); min-height: 0; margin: 0 -18px; background: linear-gradient(180deg,var(--wkn-showcase-bg) 68%,rgba(255,255,255,0)); }
	.wkn-polar-stage-orbit { width: 180px; }
	.wkn-polar-stage-orbit::before { width: 72%; }
	.wkn-polar-stage-orbit::after { width: 48%; }
	.wkn-polar-stage-orbit i { width: 6px; height: 6px; }
	.wkn-polar-showcase-device { width: clamp(105px,27vw,138px); max-width: none; border-width: 4px; border-radius: 20px; }
	.wkn-polar-showcase-device > [data-wkn-screen] { border-radius: 15px; }
	.wkn-polar-story-copy { padding: 8px 8px 5px; }
	.wkn-polar-story-copy h4 { margin-top: 5px; font-size: 8px; }
	.wkn-polar-story-copy p { margin-top: 5px; font-size: 6px; }
	.wkn-polar-story-audio { margin-top: 7px; padding: 5px 7px; font-size: 6px; }
	.wkn-polar-device-speaker { top: 3px; height: 7px; }
	.wkn-polar-stage-caption { right: 10px; bottom: -1px; left: 10px; max-width: 295px; padding: 7px 10px; font-size: 9px; }
	.wkn-polar-stage-caption [data-wkn-stage-count] { width: 22px; height: 22px; flex-basis: 22px; }
	.wkn-polar-chapter { min-height: 68svh; justify-content: center; padding: 75px 3px 55px; scroll-margin-top: 280px; }
	.wkn-polar-chapter h3 { font-size: clamp(41px,10vw,58px); }
	.wkn-polar-chapter > p:not(.wkn-polar-eyebrow) { margin-top: 15px; font-size: 14px; }
	.wkn-polar-hero-image { animation-duration: 28s; }
}
@media (prefers-reduced-motion: reduce) {
	.wkn-polar-hero-image { animation: none; }
	.wkn-polar-showcase, .wkn-polar-chapter-nav a, .wkn-polar-showcase-device > [data-wkn-screen], .wkn-polar-chapter, .wkn-motion-reveal,
	.wkn-polar-home .wkn-polar-gallery .wk-carousel-slide, .wkn-polar-home .wkn-polar-bento-card { transition: none !important; }
	.wkn-polar-home .wkn-polar-gallery .wk-carousel-slide:hover, .wkn-polar-home .wkn-polar-bento-card:hover { transform: none; }
}

/* Mobile collage rhythm and single-column information flow. */
@media (max-width: 700px) {
	.wkn-polar-gallery .wk-carousel-track { align-items: flex-start; gap: 13px; padding: 22px 2px 32px; }
	.wkn-polar-gallery .wk-carousel-slide:nth-child(n) { width: min(78vw,330px); height: 335px; transform: none; }
	.wkn-polar-gallery .wk-carousel-slide:nth-child(2), .wkn-polar-gallery .wk-carousel-slide:nth-child(4) { height: 285px; margin-top: 25px; }
	.wkn-polar-home .wkn-polar-gallery .wk-carousel-slide:hover { transform: translateY(-4px); }
	.wkn-polar-bento-card--public, .wkn-polar-bento-card--territory, .wkn-polar-bento-card--national, .wkn-polar-bento-card--business { grid-column: 1; }
	.wkn-polar-final { background-position: 55% center; }
	.wkn-polar-final .wkn-polar-final-inner { transform: translateY(38px); }
}

/* A photographic close and a continuous, high-contrast footer echo the reference's ending. */
.wkn-polar-final {
	min-height: max(540px,72svh);
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg,rgba(27,29,44,.24) 0%,rgba(27,29,44,.68) 44%,#151724 100%), url("stories/cappella-sansevero.jpg") center 52% / cover no-repeat;
}
.wkn-polar-final .wkn-polar-final-inner { transform: translateY(108px); }
.wkn-footer { background: #151724; color: #fff; }
.wkn-footer .wk-brand--footer .wk-logo-window { border-radius: 7px; background: #fff; }
.wkn-footer .wkn-footer-brand p, .wkn-footer .wkn-footer-group, .wkn-footer .wkn-footer-cta span { color: rgba(255,255,255,.76); }
.wkn-footer .wkn-footer-group > b { color: #ff959e; }
.wkn-footer .wkn-footer-group > a, .wkn-footer .wkn-footer-cta a { color: #fff; }
.wkn-footer .wkn-footer-group > a:hover, .wkn-footer .wkn-footer-cta a:hover { color: #ff959e; }
.wkn-footer .wkn-footer-group > span { color: rgba(255,255,255,.62); }
.wkn-footer .wkn-footer-cta b { color: #ff959e; }
.wkn-footer .wkn-footer-bottom { border-color: rgba(255,255,255,.18); color: rgba(255,255,255,.62); }
.wkn-footer .wkn-footer-bottom a { color: #fff; }
.wkn-polar-gallery .wk-carousel-track { scrollbar-width: none; }
.wkn-polar-gallery .wk-carousel-track::-webkit-scrollbar { display: none; }

@media (prefers-reduced-motion: reduce) {
	.wkn-polar-final { scroll-behavior: auto; }
}

@media (max-width: 700px) {
	.wkn-polar-final .wkn-polar-final-inner { transform: translateY(58px); }
}