/* Walk&know national platform refresh — editorial, tactile and map-led. */
:root {
	--wkn-ink: #1b1d2c;
	--wkn-red: #c4090b;
	--wkn-paper: #fafafb;
	--wkn-cloud: #f1f2f5;
	--wkn-blush: #f8eced;
	--wkn-muted: #686874;
	--wkn-line: rgba(27,29,44,.15);
	--wkn-serif: Georgia, "Times New Roman", serif;
}
html { scroll-padding-top: 90px; }
body.walkknow-site { background: var(--wkn-paper); color: var(--wkn-ink); }
.wk-shell { overflow: clip; }
.wk-wrap { width: min(1200px, calc(100% - 52px)); }
.wkn-home,.wkn-page { color: var(--wkn-ink); }
.wkn-home h1,.wkn-home h2,.wkn-page h1,.wkn-page h2,.wkn-page h3 { color: var(--wkn-ink); }
.wkn-home p,.wkn-page p { line-height: 1.7; }
.wkn-header { height: 76px; border: 0; border-bottom: 1px solid var(--wkn-line); background: rgba(251,250,248,.95); box-shadow: none; backdrop-filter: blur(14px); }
.wkn-header-inner { gap: 26px; }
.wkn-brand,.wk-brand--footer { width: 168px; height: 44px; }
.wkn-brand .wk-logo-window,.wk-brand--footer .wk-logo-window { width: 168px; height: 44px; }
.wkn-brand .wk-logo-window img,.wk-brand--footer .wk-logo-window img { top: -20px; left: -16px; width: 204px; height: 102px; }
.wkn-nav { gap: 24px; color: var(--wkn-ink); }
.wkn-nav-links { display: flex; align-items: center; gap: clamp(13px,1.8vw,27px); margin: 0; padding: 0; list-style: none; }
.wkn-nav-links a { color: var(--wkn-ink); font-size: 13px; font-weight: 680; }
.wkn-nav-links a:hover,.wkn-footer a:hover { color: var(--wkn-red); }
.wkn-nav-cta { min-height: 42px; border: 0; border-radius: 999px; padding: 0 17px; background: var(--wkn-red); color: #fff !important; }
.wkn-nav-cta:hover { background: var(--wkn-ink); transform: translateY(-1px); }
.wkn-menu-toggle { border-radius: 50%; border-color: var(--wkn-line); }
.wkn-kicker { display: flex; align-items: center; gap: 9px; margin: 0 0 19px; color: var(--wkn-red); font-size: 10px; font-weight: 850; letter-spacing: .16em; line-height: 1.5; text-transform: uppercase; }
.wkn-kicker > span { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--wkn-red); box-shadow: 0 0 0 4px rgba(196,9,11,.11); }
.wkn-kicker--light { color: rgba(255,255,255,.74); }
.wkn-kicker--light > span { background: #fff; box-shadow: 0 0 0 4px rgba(255,255,255,.15); }
.wkn-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 31px; }
.wkn-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 20px; border: 1px solid var(--wkn-red); border-radius: 999px; padding: 0 22px; background: var(--wkn-red); color: #fff !important; font-size: 13px; font-weight: 760; transition: transform .2s ease, background .2s ease; }
.wkn-button:hover { transform: translateY(-2px); background: var(--wkn-ink); border-color: var(--wkn-ink); }
.wkn-button--light { background: var(--wkn-paper); border-color: var(--wkn-paper); color: var(--wkn-ink) !important; }
.wkn-button--light:hover { background: #fff; border-color: #fff; }
.wkn-link { display: inline-flex; align-items: center; gap: 9px; color: var(--wkn-ink); font-size: 13px; font-weight: 760; }
.wkn-link:hover { color: var(--wkn-red); }
.wkn-section { padding: clamp(74px,9vw,126px) 0; }
.wkn-section-head { display: flex; align-items: end; justify-content: space-between; gap: 46px; margin-bottom: 45px; }
.wkn-section-head > div { max-width: 660px; }
.wkn-section-head h2,.wkn-inner-hero h1,.wkn-partner-band h2,.wkn-theme-end h2,.wkn-bottom-cta h2,.wkn-trust-section h2,.wkn-solutions-contact h2 { margin: 0; font-size: clamp(40px,6.2vw,78px); font-weight: 780; letter-spacing: -.075em; line-height: .98; }
.wkn-section-head h2 em,.wkn-inner-hero h1 em,.wkn-partner-band h2 em,.wkn-theme-end h2 em,.wkn-bottom-cta h2 em,.wkn-trust-section h2 em,.wkn-solutions-contact h2 em { color: var(--wkn-red); font-family: var(--wkn-serif); font-weight: 500; letter-spacing: -.06em; }
.wkn-section-head > p { max-width: 430px; margin: 0 0 4px; color: var(--wkn-muted); font-size: 15px; }
.wkn-section-head--compact { margin-bottom: 34px; }
.wkn-section-end { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 34px; color: var(--wkn-muted); font-size: 12px; }
.wkn-footnote,.wkn-fine-print { color: var(--wkn-muted); font-size: 12px; }

/* Landing page */
.wkn-hero { position: relative; overflow: hidden; padding: 72px 0 74px; background: var(--wkn-cloud); }
.wkn-hero::before { position: absolute; top: -260px; right: -170px; width: 680px; height: 680px; border: 1px solid rgba(27,29,44,.11); border-radius: 50%; content: ""; }
.wkn-hero::after { position: absolute; right: 14%; bottom: -390px; width: 640px; height: 640px; border: 1px solid rgba(196,9,11,.14); border-radius: 50%; content: ""; }
.wkn-hero-grid { position: relative; z-index: 1; display: grid; min-height: 585px; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 56px; }
.wkn-hero-copy { position: relative; z-index: 2; padding: 6px 0 28px; }
.wkn-hero-copy h1 { margin: 0; font-size: clamp(62px,8.4vw,112px); font-weight: 820; letter-spacing: -.095em; line-height: .82; }
.wkn-hero-copy h1 em { color: var(--wkn-red); font-family: var(--wkn-serif); font-weight: 500; letter-spacing: -.085em; }
.wkn-hero-lead,.wkn-lead { max-width: 570px; margin: 28px 0 0; color: #4e4e5b; font-size: clamp(17px,1.8vw,20px); line-height: 1.65; }
.wkn-hero-facts { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; margin-top: 29px; color: #62616b; font-size: 10px; font-weight: 700; }
.wkn-hero-facts i { width: 4px; height: 4px; border-radius: 50%; background: var(--wkn-red); }
.wkn-hero-art { position: relative; display: grid; min-height: 510px; place-items: center; }
.wkn-hero-orbit { position: absolute; border: 1px solid rgba(27,29,44,.12); border-radius: 50%; }
.wkn-hero-orbit--a { width: 440px; height: 440px; }
.wkn-hero-orbit--b { width: 330px; height: 330px; border-style: dashed; border-color: rgba(196,9,11,.28); }
.wkn-phone { position: relative; z-index: 1; width: min(236px,58%); max-height: 455px; margin: 0; overflow: hidden; border: 9px solid #1b1d2c; border-radius: 30px; background: #1b1d2c; box-shadow: 15px 23px 42px rgba(27,29,44,.22); transform: rotate(3deg); }
.wkn-phone img { display: block; width: 100%; height: 435px; object-fit: cover; object-position: top; }
.wkn-route-line { position: absolute; z-index: 0; top: 3%; right: 0; width: 160px; height: 270px; color: var(--wkn-red); }
.wkn-route-line svg { width: 100%; height: 100%; }
.wkn-hero-sticker { position: absolute; z-index: 2; right: -5px; bottom: 62px; display: flex; align-items: center; gap: 12px; max-width: 238px; border: 1px solid rgba(27,29,44,.11); border-radius: 12px; padding: 13px 15px; background: var(--wkn-paper); box-shadow: 0 10px 30px rgba(27,29,44,.10); transform: rotate(-3deg); }
.wkn-pin-dot { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 50%; background: var(--wkn-red); color: white; font-size: 19px; }
.wkn-hero-sticker b,.wkn-hero-sticker small { display: block; }
.wkn-hero-sticker b { font-size: 12px; }
.wkn-hero-sticker small { color: var(--wkn-muted); font-size: 10px; }
.wkn-hero-index { position: absolute; bottom: 30px; left: 12px; color: var(--wkn-muted); font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.wkn-scroll-cue { position: absolute; z-index: 2; right: max(26px,calc((100vw - 1200px)/2)); bottom: 24px; display: flex; align-items: center; gap: 14px; color: var(--wkn-ink); font-size: 10px; font-weight: 760; text-transform: uppercase; letter-spacing: .1em; }
.wkn-scroll-cue span { color: var(--wkn-red); font-size: 18px; }
.wkn-benefits { background: var(--wkn-ink); color: white; }
.wkn-benefit-grid { display: grid; grid-template-columns: repeat(3,1fr); }
.wkn-benefit-grid > div { display: flex; min-height: 100px; align-items: center; gap: 17px; border-right: 1px solid rgba(255,255,255,.16); padding: 18px 26px; }
.wkn-benefit-grid > div:first-child { padding-left: 0; }
.wkn-benefit-grid > div:last-child { border: 0; }
.wkn-benefit-grid > div > span { color: #ff8a8f; font-size: 11px; font-weight: 800; }
.wkn-benefit-grid p,.wkn-benefit-grid b,.wkn-benefit-grid small { display: block; margin: 0; }
.wkn-benefit-grid b { font-size: 13px; }
.wkn-benefit-grid small { margin-top: 3px; color: rgba(255,255,255,.64); font-size: 11px; }
.wkn-journey-steps { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; padding: 0; list-style: none; }
.wkn-journey-steps li { position: relative; min-height: 245px; border-top: 1px solid var(--wkn-line); border-right: 1px solid var(--wkn-line); padding: 21px 24px 22px; }
.wkn-journey-steps li:first-child { border-left: 1px solid var(--wkn-line); }
.wkn-step-no { position: absolute; top: 18px; right: 19px; color: #9b9aa2; font-size: 10px; font-weight: 800; }
.wkn-step-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: var(--wkn-red); color: #fff; font-size: 21px; }
.wkn-journey-steps h3 { margin: 29px 0 8px; font-size: 19px; letter-spacing: -.04em; }
.wkn-journey-steps p { margin: 0; color: var(--wkn-muted); font-size: 12px; }
.wkn-journey .wkn-footnote { margin: 18px 0 0; }
.wkn-themes { background: #fff; }
.wkn-themes .wk-theme-grid { position: relative; display: flex; min-height: 215px; align-items: flex-start; justify-content: space-between; gap: 12px; overflow: visible; border: 0; border-radius: 0; background: transparent; padding: 15px 0; }
.wkn-themes .wk-theme-stop { position: relative; display: flex; min-width: 95px; flex: 1 1 0; flex-direction: column; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; text-align: center; }
.wkn-themes .wk-theme-trigger { display: flex; min-height: 125px; flex-direction: column; align-items: center; justify-content: flex-start; gap: 11px; padding: 0 5px; cursor: pointer; list-style: none; }
.wkn-themes .wk-theme-trigger::-webkit-details-marker { display: none; }
.wkn-themes .wk-theme-pin { display: grid; width: 57px; height: 78px; place-items: center; transition: transform .2s ease; }
.wkn-themes .wk-theme-pin img { display: block; width: auto; height: 78px; object-fit: contain; }
.wkn-themes .wk-theme-name { color: var(--wkn-ink); font-size: 10px; font-weight: 750; line-height: 1.2; }
.wkn-themes .wk-theme-stop:hover .wk-theme-pin,.wkn-themes .wk-theme-stop[open] .wk-theme-pin { transform: translateY(-5px) scale(1.05); }
.wkn-themes .wk-theme-description { position: absolute; z-index: 4; top: 116px; left: 50%; display: none; width: min(230px, 82vw); border: 1px solid var(--wkn-line); border-radius: 10px; padding: 13px 15px; background: white; box-shadow: 0 14px 32px rgba(27,29,44,.12); text-align: left; transform: translateX(-50%); }
.wkn-themes .wk-theme-description::before { position: absolute; top: -6px; left: calc(50% - 5px); width: 10px; height: 10px; border-top: 1px solid var(--wkn-line); border-left: 1px solid var(--wkn-line); background: #fff; content: ""; transform: rotate(45deg); }
.wkn-themes .wk-theme-description p { margin: 0; color: var(--wkn-muted); font-size: 12px; }
.wkn-themes .wk-theme-stop[open] .wk-theme-description,.wkn-themes .wk-theme-stop[data-hover="true"] .wk-theme-description { display: block; }
.wkn-section-end .wkn-link { color: var(--wkn-red); }
.wkn-app-teaser { overflow: hidden; background: var(--wkn-blush); }
.wkn-app-teaser-grid { display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 95px; }
.wkn-app-teaser-art { position: relative; display: flex; min-height: 390px; align-items: center; justify-content: center; }
.wkn-app-art-orbit { position: absolute; width: 360px; height: 360px; border: 1px solid rgba(196,9,11,.3); border-radius: 50%; }
.wkn-app-teaser-art img { position: relative; z-index: 1; width: 190px; max-height: 390px; border: 7px solid var(--wkn-ink); border-radius: 24px; object-fit: cover; box-shadow: 12px 18px 32px rgba(27,29,44,.16); transform: rotate(-4deg); }
.wkn-app-art-label { position: absolute; right: 0; bottom: 39px; border-radius: 999px; padding: 11px 16px; background: #fff; color: var(--wkn-red); font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.wkn-app-teaser-copy h2 { margin: 0; font-size: clamp(50px,6vw,76px); letter-spacing: -.08em; line-height: .94; }
.wkn-app-teaser-copy h2 em { color: var(--wkn-red); font-family: var(--wkn-serif); font-weight: 500; }
.wkn-app-teaser-copy > p:not(.wkn-kicker) { max-width: 470px; margin: 20px 0 25px; color: #55545e; font-size: 15px; }
.wkn-app-teaser-copy small { display: block; max-width: 360px; margin-top: 16px; color: var(--wkn-muted); font-size: 10px; }
.wkn-editorial { background: var(--wkn-paper); }
.wkn-story-mosaic { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 17px; }
.wkn-story-tile { position: relative; min-height: 350px; overflow: hidden; border-radius: 5px; background: var(--wkn-ink); color: white; }
.wkn-story-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .78; transition: transform .45s ease; }
.wkn-story-tile:hover img { transform: scale(1.04); }
.wkn-story-tile::after { position: absolute; inset: 35% 0 0; background: linear-gradient(transparent,rgba(10,11,20,.86)); content: ""; }
.wkn-story-tile > div { position: absolute; z-index: 1; right: 22px; bottom: 22px; left: 22px; }
.wkn-story-tile span { color: #ffb9bb; font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.wkn-story-tile h3 { margin: 9px 0 0; color: white; font-size: 22px; letter-spacing: -.04em; }
.wkn-story-tile--large { min-height: 450px; grid-row: span 2; }
.wkn-partner-band,.wkn-theme-end,.wkn-bottom-cta,.wkn-content-service { background: var(--wkn-ink); color: #fff; }
.wkn-partner-band { padding: clamp(72px,9vw,120px) 0; }
.wkn-partner-band h2,.wkn-theme-end h2,.wkn-bottom-cta h2,.wkn-trust-section h2 { color: #fff; }
.wkn-partner-band h2 em,.wkn-theme-end h2 em,.wkn-bottom-cta h2 em,.wkn-trust-section h2 em { color: #ff888e; }
.wkn-partner-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 60px; }
.wkn-partner-grid > div:first-child > p:not(.wkn-kicker) { max-width: 520px; margin: 20px 0 25px; color: rgba(255,255,255,.72); font-size: 14px; }
.wkn-partner-options { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid rgba(255,255,255,.22); border-left: 1px solid rgba(255,255,255,.22); }
.wkn-partner-options > div { display: flex; min-height: 135px; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255,255,255,.22); border-bottom: 1px solid rgba(255,255,255,.22); padding: 20px; }
.wkn-partner-options span { color: #ff888e; font-size: 10px; font-weight: 850; }
.wkn-partner-options b { margin-top: 13px; font-size: 18px; }
.wkn-partner-options small { margin-top: 3px; color: rgba(255,255,255,.64); font-size: 10px; }
.wkn-national-note { background: #fff; }
.wkn-national-inner { display: grid; grid-template-columns: 70px 1fr 1fr; align-items: center; gap: 28px; }
.wkn-national-pin,.wkn-route-note-mark { display: grid; width: 60px; height: 60px; place-items: center; border-radius: 50%; background: var(--wkn-red); color: #fff; font-size: 30px; }
.wkn-national-inner h2,.wkn-route-note h2 { margin: 0; font-size: clamp(33px,4vw,52px); letter-spacing: -.07em; line-height: 1; }
.wkn-national-inner h2 em,.wkn-route-note h2 em { color: var(--wkn-red); font-family: var(--wkn-serif); font-weight: 500; }
.wkn-national-inner > p { margin: 0; color: var(--wkn-muted); font-size: 13px; }

/* Interior page opening and content blocks */
.wkn-inner-hero { position: relative; overflow: hidden; padding: 75px 0 80px; background: var(--wkn-cloud); }
.wkn-inner-hero-grid { display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: 60px; min-height: 410px; }
.wkn-inner-hero h1 { max-width: 760px; font-size: clamp(53px,7vw,88px); }
.wkn-inner-hero .wkn-lead { max-width: 620px; font-size: 17px; }
.wkn-hero-photo { position: relative; display: flex; min-height: 390px; align-items: center; justify-content: center; margin: 0; overflow: hidden; border-radius: 6px; background: var(--wkn-blush); }
.wkn-hero-photo img { display: block; width: 100%; height: 390px; object-fit: cover; }
.wkn-hero-photo:not(.wkn-hero-photo--wide):not(.wkn-map-photo) img { width: auto; max-height: 390px; object-fit: contain; }
.wkn-hero-photo figcaption { position: absolute; right: 13px; bottom: 13px; border-radius: 999px; padding: 7px 11px; background: rgba(27,29,44,.78); color: #fff; font-size: 9px; }
.wkn-hero-photo--wide img { object-fit: cover; }
.wkn-fact-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
.wkn-fact-pills span { border: 1px solid var(--wkn-line); border-radius: 999px; padding: 7px 11px; color: #55545e; font-size: 10px; font-weight: 700; }
.wkn-hero-side-note { position: relative; display: flex; min-height: 280px; flex-direction: column; justify-content: space-between; border-radius: 6px; padding: 24px; background: var(--wkn-red); color: #fff; }
.wkn-side-mark { font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.wkn-side-mark i { color: rgba(255,255,255,.68); font-style: normal; }
.wkn-hero-side-note p { margin: 25px 0; font-family: var(--wkn-serif); font-size: clamp(32px,4vw,49px); line-height: .98; }
.wkn-side-arrow { align-self: flex-end; font-size: 38px; }
.wkn-demo-area { padding: 76px 0 90px; background: #fff; }
.wkn-demo-area .wk-app-demo { display: grid; grid-template-columns: minmax(230px,.82fr) minmax(320px,1fr); align-items: center; gap: clamp(35px,7vw,90px); max-width: 950px; margin: 0 auto; }
.wkn-demo-area .wk-demo-phone-wrap { margin: 0; }
.wkn-demo-area .wk-demo-phone { width: min(300px,100%); margin: 0 auto; border: 9px solid var(--wkn-ink); border-radius: 32px; box-shadow: 14px 22px 38px rgba(27,29,44,.16); }
.wkn-demo-area .wk-demo-screen { border-radius: 21px; }
.wkn-demo-area .wk-demo-caption { color: var(--wkn-muted); font-size: 10px; }
.wkn-demo-area .wk-demo-console { border: 1px solid var(--wkn-line); border-radius: 12px; padding: 24px; background: var(--wkn-paper); }
.wkn-demo-disclaimer { max-width: 760px; margin: 24px auto 0; border-left: 3px solid var(--wkn-red); padding: 10px 0 10px 14px; color: var(--wkn-muted); font-size: 11px; }
.wkn-mini-flow { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--wkn-line); border-bottom: 1px solid var(--wkn-line); }
.wkn-mini-flow article { min-height: 185px; border-right: 1px solid var(--wkn-line); padding: 24px; }
.wkn-mini-flow article:first-child { border-left: 1px solid var(--wkn-line); }
.wkn-mini-flow article > span { color: var(--wkn-red); font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.wkn-mini-flow h3 { margin: 28px 0 8px; font-size: 19px; letter-spacing: -.04em; }
.wkn-mini-flow p { margin: 0; color: var(--wkn-muted); font-size: 12px; }
.wkn-inline-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 25px; margin-top: 29px; }
.wkn-theme-explorer { background: #fff; }
.wkn-theme-explorer .wk-theme-grid { min-height: 230px; }
.wkn-theme-note { display: flex; align-items: center; gap: 17px; max-width: 680px; margin: 25px auto 0; border-top: 1px solid var(--wkn-line); padding: 22px 0 0; }
.wkn-theme-note-pin { color: var(--wkn-red); font-size: 27px; }
.wkn-theme-note p { margin: 0; color: var(--wkn-muted); font-size: 12px; }
.wkn-theme-note b { color: var(--wkn-ink); }
.wkn-theme-end,.wkn-bottom-cta { padding: 75px 0; }
.wkn-theme-end-inner,.wkn-bottom-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.wkn-theme-end h2,.wkn-bottom-cta h2 { font-size: clamp(42px,6vw,70px); }
.wkn-story-formats { background: #fff; }
.wkn-story-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.wkn-story-card { overflow: hidden; border: 1px solid var(--wkn-line); border-radius: 6px; background: #fff; }
.wkn-story-card > img { display: block; width: 100%; height: 210px; object-fit: cover; background: var(--wkn-blush); }
.wkn-story-card > div { padding: 17px 18px 20px; }
.wkn-story-card span { color: var(--wkn-red); font-size: 9px; font-weight: 850; letter-spacing: .11em; }
.wkn-story-card h3 { margin: 8px 0; font-size: 18px; letter-spacing: -.04em; }
.wkn-story-card p { margin: 0; color: var(--wkn-muted); font-size: 11px; }
.wkn-editorial-principle { background: var(--wkn-blush); }
.wkn-editorial-principle-grid { display: grid; grid-template-columns: 70px 1.4fr .8fr; align-items: center; gap: 28px; }
.wkn-quote-mark { color: var(--wkn-red); font-family: var(--wkn-serif); font-size: 100px; line-height: .7; }
.wkn-editorial-principle blockquote { margin: 0; }
.wkn-editorial-principle blockquote p { margin: 0; font-family: var(--wkn-serif); font-size: clamp(25px,3.5vw,41px); line-height: 1.13; }
.wkn-editorial-principle blockquote footer { margin-top: 18px; color: var(--wkn-muted); font-size: 10px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.wkn-editorial-stat { display: grid; grid-template-columns: 1fr; gap: 4px; border-left: 1px solid rgba(27,29,44,.2); padding-left: 25px; }
.wkn-editorial-stat b { margin-top: 8px; color: var(--wkn-red); font-size: 13px; }
.wkn-editorial-stat span { color: #5e5b62; font-size: 11px; }
.wkn-editorial-method { background: var(--wkn-paper); }
.wkn-editorial-method .wkn-mini-flow { margin-top: 35px; }
.wkn-editorial-method .wkn-fine-print { margin-top: 15px; }
.wkn-route-design { background: #fff; }
.wkn-route-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.wkn-route-steps article { position: relative; min-height: 360px; overflow: hidden; border-radius: 6px; padding: 20px; background: var(--wkn-cloud); }
.wkn-route-steps article > span { position: absolute; z-index: 2; top: 15px; left: 15px; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: var(--wkn-red); color: white; font-size: 10px; font-weight: 850; }
.wkn-route-steps img { display: block; width: 150px; height: 245px; margin: 0 auto; border: 5px solid var(--wkn-ink); border-radius: 18px; object-fit: cover; object-position: top; box-shadow: 9px 13px 22px rgba(27,29,44,.16); }
.wkn-route-steps h3 { margin: 15px 0 5px; font-size: 18px; }
.wkn-route-steps p { margin: 0; color: var(--wkn-muted); font-size: 11px; }
.wkn-route-note { background: var(--wkn-blush); }
.wkn-route-note-grid { display: grid; grid-template-columns: 70px 1.1fr 1fr; align-items: center; gap: 28px; }
.wkn-route-note-grid > p { margin: 0; color: #56545c; font-size: 13px; }
.wkn-trust-section,.wkn-content-service { padding: 80px 0; background: var(--wkn-ink); color: white; }
.wkn-trust-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 22px 80px; }
.wkn-trust-grid > p { max-width: 520px; margin: 0; color: rgba(255,255,255,.75); font-size: 15px; }
.wkn-trust-points { display: flex; flex-wrap: wrap; grid-column: 1/-1; gap: 10px; }
.wkn-trust-points span { border: 1px solid rgba(255,255,255,.28); border-radius: 999px; padding: 8px 13px; color: rgba(255,255,255,.84); font-size: 10px; }
.wkn-ai-section { background: #fff; }
.wkn-rollout-section { background: var(--wkn-cloud); }
.wkn-rollout-grid { display: grid; grid-template-columns: 1fr .85fr; align-items: center; gap: 80px; }
.wkn-rollout-grid h2 { margin: 0; font-size: clamp(42px,5.8vw,69px); letter-spacing: -.075em; line-height: .98; }
.wkn-rollout-grid h2 em { color: var(--wkn-red); font-family: var(--wkn-serif); font-weight: 500; }
.wkn-rollout-grid > div:first-child > p:not(.wkn-kicker) { max-width: 520px; margin: 19px 0 25px; color: var(--wkn-muted); font-size: 14px; }
.wkn-rollout-steps { border-top: 1px solid var(--wkn-line); }
.wkn-rollout-steps > div { display: flex; align-items: center; gap: 18px; min-height: 63px; border-bottom: 1px solid var(--wkn-line); font-size: 13px; font-weight: 700; }
.wkn-rollout-steps b { color: var(--wkn-red); font-size: 10px; }

/* Commercial model */
.wkn-solutions-hero { background: var(--wkn-blush); }
.wkn-solutions-graphic { position: relative; min-height: 390px; overflow: hidden; border: 1px solid rgba(27,29,44,.1); border-radius: 8px; background-color: #fafafb; background-image: radial-gradient(rgba(27,29,44,.17) .7px,transparent .7px); background-size: 17px 17px; }
.wkn-map-path { position: absolute; top: 9%; left: 17%; width: 68%; height: 76%; border: 0; border-left: 3px dashed rgba(196,9,11,.65); border-radius: 48% 0 0 41%; transform: rotate(34deg); }
.wkn-map-path::after { position: absolute; top: 38%; left: 44%; width: 42%; height: 60%; border-top: 3px dashed rgba(196,9,11,.65); border-right: 3px dashed rgba(196,9,11,.65); border-radius: 0 48% 45% 0; content: ""; }
.wkn-map-path i { position: absolute; z-index: 1; display: block; width: 20px; height: 20px; border: 4px solid #fff; border-radius: 50% 50% 50% 0; background: var(--wkn-red); box-shadow: 0 3px 8px rgba(27,29,44,.2); transform: rotate(-45deg); }
.wkn-map-path i:nth-child(1) { top: 3%; left: -11px; }.wkn-map-path i:nth-child(2) { top: 35%; left: 42%; }.wkn-map-path i:nth-child(3) { top: 58%; right: -10px; }.wkn-map-path i:nth-child(4) { bottom: -10px; right: 20%; }
.wkn-map-label { position: absolute; z-index: 2; display: flex; align-items: center; gap: 8px; border: 1px solid var(--wkn-line); border-radius: 999px; padding: 8px 12px; background: white; box-shadow: 0 4px 12px rgba(27,29,44,.06); font-size: 10px; font-weight: 760; }
.wkn-map-label b { color: var(--wkn-red); font-size: 9px; }
.wkn-map-label--1 { top: 8%; left: 8%; }.wkn-map-label--2 { top: 34%; right: 6%; }.wkn-map-label--3 { bottom: 22%; left: 5%; }.wkn-map-label--4 { right: 12%; bottom: 7%; }
.wkn-map-caption { position: absolute; right: 15px; bottom: 14px; color: var(--wkn-muted); font-size: 9px; }
.wkn-audience-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.wkn-audience-grid article { border-top: 3px solid var(--wkn-red); padding: 24px; background: var(--wkn-cloud); }
.wkn-audience-grid article > span,.wkn-plan-index { color: var(--wkn-red); font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.wkn-audience-grid h3 { margin: 14px 0 8px; font-size: 22px; letter-spacing: -.05em; }
.wkn-audience-grid p { max-width: 510px; margin: 0; color: var(--wkn-muted); font-size: 12px; }
.wkn-offers { background: #fff; }
.wkn-plan-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.wkn-plan-card { display: flex; min-height: 100%; flex-direction: column; border: 1px solid var(--wkn-line); border-radius: 8px; padding: 24px; background: var(--wkn-paper); }
.wkn-plan-card--pro { background: var(--wkn-blush); }
.wkn-plan-card--white { background: var(--wkn-ink); color: #fff; }
.wkn-plan-card h3 { margin: 17px 0 8px; font-size: 30px; letter-spacing: -.06em; }
.wkn-plan-card--white h3 { color: #fff; }
.wkn-plan-intro { min-height: 66px; margin: 0; color: var(--wkn-muted); font-size: 11px; }
.wkn-plan-card--white .wkn-plan-intro,.wkn-plan-card--white .wkn-plan-note { color: rgba(255,255,255,.67); }
.wkn-price { display: flex; align-items: baseline; gap: 8px; margin-top: 21px; }
.wkn-price b { color: var(--wkn-red); font-size: 39px; letter-spacing: -.08em; }
.wkn-price span { color: var(--wkn-muted); font-size: 11px; }
.wkn-plan-card--white .wkn-price b { color: #ff888e; font-size: 26px; }
.wkn-plan-note { min-height: 37px; margin: 0; color: var(--wkn-muted); font-size: 10px; }
.wkn-plan-card ul { display: grid; gap: 10px; margin: 22px 0 25px; padding: 18px 0 0; border-top: 1px solid var(--wkn-line); list-style: none; }
.wkn-plan-card--white ul { border-color: rgba(255,255,255,.2); }
.wkn-plan-card li { position: relative; padding-left: 17px; font-size: 11px; line-height: 1.45; }
.wkn-plan-card li::before { position: absolute; left: 0; color: var(--wkn-red); content: "↗"; }
.wkn-plan-card--white li::before { color: #ff888e; }
.wkn-plan-card > .wkn-button { width: 100%; margin-top: auto; }
.wkn-plan-card--white > .wkn-button { background: white; border-color: white; color: var(--wkn-ink) !important; }
.wkn-pricing-note { max-width: 840px; margin: 22px auto 0; color: var(--wkn-muted); font-size: 10px; text-align: center; }
.wkn-content-service { padding-bottom: 30px; }
.wkn-content-service-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 60px; }
.wkn-content-service h2 { margin: 0; color: #fff; font-size: clamp(48px,6vw,75px); letter-spacing: -.08em; line-height: .95; }
.wkn-content-service h2 em { color: #ff888e; font-family: var(--wkn-serif); font-weight: 500; }
.wkn-content-service-grid > div:first-child > p:not(.wkn-kicker) { max-width: 430px; color: rgba(255,255,255,.7); font-size: 13px; }
.wkn-content-packages { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,.22); border-left: 1px solid rgba(255,255,255,.22); }
.wkn-content-packages > div { display: grid; min-height: 112px; grid-template-columns: 30px 1fr; align-content: center; border-right: 1px solid rgba(255,255,255,.22); border-bottom: 1px solid rgba(255,255,255,.22); padding: 14px; }
.wkn-content-packages span { grid-row: span 2; color: #ff888e; font-size: 9px; font-weight: 800; }
.wkn-content-packages b { font-size: 13px; }
.wkn-content-packages small { color: rgba(255,255,255,.63); font-size: 9px; }
.wkn-content-caveat { margin-top: 24px; color: rgba(255,255,255,.57); font-size: 10px; }
.wkn-solutions-contact { background: var(--wkn-blush); }
.wkn-solutions-contact-inner { display: flex; align-items: center; justify-content: space-between; gap: 45px; }
.wkn-solutions-contact h2 { font-size: clamp(42px,6vw,70px); }
.wkn-solutions-contact p:not(.wkn-kicker) { max-width: 570px; margin: 18px 0 0; color: var(--wkn-muted); font-size: 13px; }

/* Shared footer and responsive layout */
.wkn-footer { padding: 44px 0 22px; background: #fff; color: var(--wkn-ink); }
.wkn-footer-top { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding-bottom: 28px; }
.wkn-footer-brand p { margin: 3px 0 0; color: var(--wkn-muted); font-size: 11px; }
.wkn-footer-cta { display: grid; gap: 4px; text-align: right; }
.wkn-footer-cta span { color: var(--wkn-muted); font-size: 10px; }
.wkn-footer-cta a { font-size: 15px; font-weight: 800; }
.wkn-footer-cta b { color: var(--wkn-red); }
.wkn-footer-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 13px; border-top: 1px solid var(--wkn-line); padding-top: 17px; color: var(--wkn-muted); font-size: 9px; }
.wkn-footer-bottom nav { display: flex; flex-wrap: wrap; gap: 14px; }
.wkn-footer-bottom nav a { color: var(--wkn-ink); font-weight: 700; }
.wkn-back-top { color: var(--wkn-red); font-weight: 800; }
.wkn-blog { min-height: 60vh; padding: 80px 0; }
.wkn-blog h1 { font-size: 60px; letter-spacing: -.07em; }
.wkn-blog article { border-top: 1px solid var(--wkn-line); padding: 20px 0; }

@media (max-width: 980px) {
	.wkn-nav { gap: 14px; }
	.wkn-nav-links { gap: 14px; }
	.wkn-nav-links a { font-size: 11px; }
	.wkn-hero-grid { gap: 20px; }
	.wkn-hero-copy h1 { font-size: clamp(58px,9vw,90px); }
	.wkn-story-grid { grid-template-columns: repeat(2,1fr); }
	.wkn-plan-grid { grid-template-columns: 1fr 1fr; }
	.wkn-plan-card--white { grid-column: 1/-1; }
	.wkn-plan-card { min-height: 0; }
	.wkn-plan-card--white { display: grid; grid-template-columns: 1fr 1fr; column-gap: 22px; }
	.wkn-plan-card--white .wkn-plan-index,.wkn-plan-card--white h3,.wkn-plan-card--white .wkn-plan-intro,.wkn-plan-card--white .wkn-price,.wkn-plan-card--white .wkn-plan-note { grid-column: 1; }
	.wkn-plan-card--white ul,.wkn-plan-card--white > .wkn-button { grid-column: 2; }
}
@media (max-width: 760px) {
	.wk-wrap { width: min(620px, calc(100% - 36px)); }
	.wkn-header { height: 68px; }
	.wkn-header-inner { position: relative; gap: 10px; }
	.wkn-menu-toggle { display: grid; }
	.wkn-nav { position: absolute; top: calc(100% + 1px); right: -18px; left: -18px; display: none; align-items: stretch; flex-direction: column; gap: 0; border-bottom: 1px solid var(--wkn-line); padding: 8px 18px 18px; background: var(--wkn-paper); box-shadow: 0 15px 25px rgba(27,29,44,.08); }
	.wkn-nav.is-open { display: flex; }
	.wkn-nav-links { display: grid; gap: 0; }
	.wkn-nav-links li { border-bottom: 1px solid var(--wkn-line); }
	.wkn-nav-links a { display: block; padding: 12px 0; font-size: 14px; }
	.wkn-nav-cta { align-self: flex-start; margin-top: 14px; }
	.wkn-hero { padding: 55px 0 72px; }
	.wkn-hero-grid,.wkn-inner-hero-grid { grid-template-columns: 1fr; gap: 20px; }
	.wkn-hero-grid { min-height: 0; }
	.wkn-hero-copy { padding-bottom: 0; }
	.wkn-hero-copy h1 { font-size: clamp(59px,15vw,92px); }
	.wkn-hero-lead,.wkn-lead { font-size: 16px; }
	.wkn-hero-art { min-height: 390px; margin-top: -8px; }
	.wkn-hero-orbit--a { width: 330px; height: 330px; }
	.wkn-hero-orbit--b { width: 255px; height: 255px; }
	.wkn-phone { width: 178px; max-height: 345px; }
	.wkn-phone img { height: 330px; }
	.wkn-hero-sticker { right: 0; bottom: 33px; }
	.wkn-scroll-cue { right: 18px; bottom: 17px; }
	.wkn-benefit-grid { grid-template-columns: 1fr; padding-block: 8px; }
	.wkn-benefit-grid > div,.wkn-benefit-grid > div:first-child { min-height: 72px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); padding: 12px 0; }
	.wkn-benefit-grid > div:last-child { border-bottom: 0; }
	.wkn-section-head { display: block; margin-bottom: 30px; }
	.wkn-section-head > p { margin-top: 17px; font-size: 13px; }
	.wkn-section-head h2,.wkn-inner-hero h1 { font-size: clamp(43px,11vw,65px); }
	.wkn-section { padding: 70px 0; }
	.wkn-journey-steps { grid-template-columns: 1fr 1fr; }
	.wkn-journey-steps li,.wkn-journey-steps li:first-child { min-height: 220px; border-left: 1px solid var(--wkn-line); border-bottom: 1px solid var(--wkn-line); padding: 18px; }
	.wkn-themes .wk-theme-grid { min-height: 230px; justify-content: flex-start; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }
	.wkn-themes .wk-theme-stop { min-width: 82px; flex: 0 0 82px; scroll-snap-align: start; }
	.wkn-themes .wk-theme-description { position: fixed; top: auto; bottom: 20px; left: 50%; width: min(340px,calc(100vw - 36px)); transform: translateX(-50%); }
	.wkn-app-teaser-grid,.wkn-partner-grid,.wkn-trust-grid,.wkn-rollout-grid,.wkn-content-service-grid { grid-template-columns: 1fr; gap: 32px; }
	.wkn-app-teaser-art { min-height: 330px; }
	.wkn-app-art-orbit { width: 290px; height: 290px; }
	.wkn-app-teaser-art img { width: 155px; max-height: 320px; }
	.wkn-story-mosaic { grid-template-columns: 1fr 1fr; }
	.wkn-story-tile,.wkn-story-tile--large { min-height: 280px; grid-row: auto; }
	.wkn-story-tile--large { grid-column: 1/-1; }
	.wkn-national-inner { grid-template-columns: 54px 1fr; gap: 17px; }
	.wkn-national-inner > p { grid-column: 2; }
	.wkn-inner-hero { padding: 57px 0; }
	.wkn-inner-hero-grid { min-height: 0; }
	.wkn-hero-photo { min-height: 280px; }
	.wkn-hero-photo img { height: 280px; }
	.wkn-hero-side-note { min-height: 190px; }
	.wkn-demo-area .wk-app-demo { grid-template-columns: 1fr; gap: 25px; }
	.wkn-demo-area .wk-demo-phone { width: min(260px,78vw); }
	.wkn-demo-area .wk-demo-console { padding: 17px; }
	.wkn-mini-flow { grid-template-columns: 1fr; }
	.wkn-mini-flow article,.wkn-mini-flow article:first-child { min-height: 0; border-right: 1px solid var(--wkn-line); border-bottom: 1px solid var(--wkn-line); border-left: 1px solid var(--wkn-line); padding: 19px; }
	.wkn-mini-flow h3 { margin-top: 13px; }
	.wkn-story-grid { grid-template-columns: 1fr 1fr; }
	.wkn-editorial-principle-grid,.wkn-route-note-grid { grid-template-columns: 45px 1fr; gap: 18px; }
	.wkn-editorial-principle-grid > .wkn-editorial-stat,.wkn-route-note-grid > p { grid-column: 2; }
	.wkn-quote-mark { font-size: 75px; }
	.wkn-editorial-stat { grid-template-columns: 1fr; border-left: 0; border-top: 1px solid var(--wkn-line); padding: 14px 0 0; }
	.wkn-route-steps { grid-template-columns: 1fr; }
	.wkn-route-steps article { min-height: 330px; }
	.wkn-route-steps img { height: 215px; }
	.wkn-theme-end-inner,.wkn-bottom-cta-inner,.wkn-solutions-contact-inner { align-items: flex-start; flex-direction: column; }
	.wkn-plan-grid { grid-template-columns: 1fr; }
	.wkn-plan-card--white { display: flex; grid-column: auto; }
	.wkn-plan-card--white ul,.wkn-plan-card--white > .wkn-button { grid-column: auto; }
	.wkn-plan-intro,.wkn-plan-note { min-height: 0; }
	.wkn-audience-grid { grid-template-columns: 1fr; }
	.wkn-solutions-graphic { min-height: 330px; }
	.wkn-content-packages { grid-template-columns: 1fr 1fr; }
	.wkn-footer-top { align-items: flex-start; flex-direction: column; }
	.wkn-footer-cta { text-align: left; }
	.wkn-footer-bottom { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 450px) {
	.wkn-hero-facts { gap: 7px; font-size: 9px; }
	.wkn-story-grid { grid-template-columns: 1fr; }
	.wkn-story-card > img { height: 230px; }
	.wkn-journey-steps { grid-template-columns: 1fr; }
	.wkn-journey-steps li { min-height: 190px; }
	.wkn-content-packages { grid-template-columns: 1fr; }
	.wkn-partner-options > div { min-height: 116px; padding: 14px; }
}
@media (prefers-reduced-motion: reduce) {
	*,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
