body[data-city-pilot="wolomin-stage-traveller-v1"] {
  --wo-ink:#111b2e;
  --wo-muted:#5f6f84;
  --wo-red:#df384a;
  --wo-red-soft:#fff0f2;
  --wo-blue:#20579b;
  --wo-green:#2f6f62;
  --wo-gold:#b77a2f;
  --wo-line:#d5dfe8;
  --wo-paper:#fffdfa;
  background:#fff;
  color:var(--wo-ink);
}
body[data-city-pilot="wolomin-stage-traveller-v1"] main{background:#fff}
.wo-shell{width:min(100% - 40px,1380px);margin-inline:auto}
.wo-eyebrow{margin:0 0 17px;color:var(--wo-red)}

.wo-hero{padding:118px 0 58px;overflow:clip;border-bottom:1px solid var(--wo-line);background:radial-gradient(circle at 86% 20%,rgba(32,87,155,.07),transparent 30%),linear-gradient(180deg,#fff 0%,#fafcfd 100%)}
.wo-breadcrumbs{margin-bottom:34px;color:#63738a;font-size:12px;font-weight:700}
.wo-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0;padding:0;list-style:none}
.wo-breadcrumbs a:hover,.wo-breadcrumbs a:focus-visible{color:var(--wo-red)}
.wo-hero__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);align-items:center;gap:clamp(42px,5vw,82px)}
.wo-hero__copy{max-width:620px}
.wo-hero h1{max-width:660px;margin:0;text-wrap:balance}
.wo-hero h1 em{display:block;color:var(--wo-red);font-style:normal}
.wo-lead{max-width:590px;margin:24px 0 0;color:var(--wo-muted)}
.wo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.wo-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:1px solid var(--wo-ink);border-radius:12px;background:var(--wo-ink);color:#fff;text-decoration:none;transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease}
.wo-button--secondary{border-color:var(--wo-line);background:#fff;color:var(--wo-ink)}
.wo-button:hover{transform:translateY(-2px);border-color:var(--wo-red);background:var(--wo-red);color:#fff}
.wo-button:focus-visible,.wo-faq summary:focus-visible,.wo-source a:focus-visible{outline:3px solid rgba(32,87,155,.4);outline-offset:4px}
.wo-figure{margin:0}
.wo-figure__frame{padding:10px;border:1px solid var(--wo-line);border-radius:30px;background:#fff;box-shadow:0 28px 70px rgba(17,27,46,.12)}
.wo-figure picture,.wo-figure img{display:block;width:100%}
.wo-figure img{height:auto;aspect-ratio:1120/620}
.wo-figure figcaption{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;margin-top:14px;color:var(--wo-muted)}
.wo-figure figcaption strong{color:var(--wo-ink)}

.wo-source{padding:56px 0;border-bottom:1px solid var(--wo-line);background:var(--wo-paper)}
.wo-source__grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.18fr) minmax(250px,.66fr);border-block:1px solid var(--wo-line)}
.wo-source__grid>*{min-width:0;padding:30px clamp(20px,3vw,42px)}
.wo-source__grid>*+*{border-left:1px solid var(--wo-line)}
.wo-source h2,.wo-contract h2,.wo-scope h2,.wo-faq h2{margin:0;text-wrap:balance}
.wo-source p{margin:0;color:var(--wo-muted)}
.wo-source strong{display:block;margin-bottom:12px;color:var(--wo-ink)}
.wo-source__links{display:flex;flex-direction:column;justify-content:center;gap:18px}
.wo-source__links a{color:var(--wo-ink);font-size:14px;font-weight:800;text-decoration:none}

.wo-contract{padding:64px 0;background:#fff}
.wo-contract__head{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:end;gap:44px;margin-bottom:28px}
.wo-contract__head p{max-width:720px;margin:0;color:var(--wo-muted)}
.wo-traveller{overflow:hidden;border:1px solid var(--wo-line);border-radius:26px;background:#fff;box-shadow:0 18px 48px rgba(17,27,46,.08)}
.wo-stage{display:grid;grid-template-columns:78px minmax(190px,.7fr) minmax(0,1fr) minmax(220px,.72fr);align-items:center;min-height:94px}
.wo-stage+.wo-stage{border-top:1px solid var(--wo-line)}
.wo-stage__index,.wo-stage__name,.wo-stage__gate,.wo-stage__receipt{padding:20px 24px}
.wo-stage__index{display:grid;align-self:stretch;place-items:center;color:var(--wo-red);font-weight:900;border-right:1px solid var(--wo-line)}
.wo-stage__name strong,.wo-stage__name span{display:block}
.wo-stage__name strong{margin-bottom:5px;color:var(--wo-ink)}
.wo-stage__name span,.wo-stage__gate{color:var(--wo-muted)}
.wo-stage__gate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wo-stage__gate span{display:flex;min-height:34px;align-items:center;justify-content:center;padding:6px;border:1px solid var(--wo-line);border-radius:8px;background:#f7f9fb;color:#586a80;font-size:10px;font-weight:900;letter-spacing:.06em}
.wo-stage__receipt{border-left:2px solid #f3b1b9;color:var(--wo-ink);font-weight:700}
.wo-release{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;border-top:1px solid #f2bbc1;background:var(--wo-red-soft)}
.wo-release>span{display:grid;min-height:88px;place-items:center;color:#fff;background:var(--wo-red);font-weight:900}
.wo-release div{padding:18px 26px}
.wo-release p{margin:5px 0 0;color:#7f4a51}

.wo-scope{padding:58px 0 64px;border-block:1px solid var(--wo-line);background:#f7f9fb}
.wo-scope__grid{display:grid;grid-template-columns:minmax(280px,.74fr) minmax(0,1.26fr);gap:clamp(36px,6vw,86px)}
.wo-scope__intro{margin:20px 0 0;color:var(--wo-muted)}
.wo-scope__list{border-block:1px solid var(--wo-line)}
.wo-scope__item{display:grid;grid-template-columns:132px minmax(0,1fr);gap:24px;padding:22px 0}
.wo-scope__item+.wo-scope__item{border-top:1px solid var(--wo-line)}
.wo-scope__item span{color:var(--wo-red);font-size:12px;font-weight:900;letter-spacing:.08em}
.wo-scope__item h3,.wo-scope__item p{margin:0}
.wo-scope__item p{color:var(--wo-muted)}
.wo-scope__tradeoff{margin-top:22px;padding:18px 20px;border-left:4px solid var(--wo-red);background:#fff0f2;color:#74434a}
.wo-scope__tradeoff p{margin:6px 0 0}

.wo-faq{padding:62px 0 68px;border-top:1px solid var(--wo-line);background:#fff}
.wo-faq__head{display:grid;grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr);gap:42px;margin-bottom:28px}
.wo-faq__head>p{margin:0;color:var(--wo-muted)}
.wo-faq__list{border-block:1px solid var(--wo-line)}
.wo-faq details+details{border-top:1px solid var(--wo-line)}
.wo-faq summary{display:grid;grid-template-columns:42px minmax(0,1fr) 44px;align-items:center;min-height:72px;gap:18px;padding:12px 8px;color:var(--wo-ink);cursor:pointer;font-weight:800;list-style:none}
.wo-faq summary::-webkit-details-marker{display:none}
.wo-faq__number{color:var(--wo-red);font-size:13px;text-align:center}
.wo-faq__plus{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--wo-line);border-radius:50%;color:var(--wo-red);font-size:24px;transition:transform .18s ease}
.wo-faq details[open] .wo-faq__plus{transform:rotate(45deg)}
.wo-faq__answer{max-width:780px;margin:0 0 22px 68px;color:var(--wo-muted)}

@media(max-width:1023px){
  .wo-shell{width:min(100% - 32px,920px)}
  .wo-hero{padding-top:108px}
  .wo-hero__grid{grid-template-columns:1fr;gap:38px}
  .wo-hero__copy{max-width:760px}
  .wo-figure{max-width:820px;margin-inline:auto}
  .wo-source__grid{grid-template-columns:1fr 1fr}
  .wo-source__grid>:nth-child(3){grid-column:1/-1;border-top:1px solid var(--wo-line);border-left:0}
  .wo-source__links{flex-direction:row;justify-content:flex-start;flex-wrap:wrap}
  .wo-stage{grid-template-columns:70px minmax(180px,.72fr) minmax(0,1fr)}
  .wo-stage__receipt{grid-column:2/-1;border-top:1px dashed #dbe2e9;border-left:0;padding-top:14px}
}
@media(max-width:767px){
  .wo-shell{width:min(100% - 28px,640px)}
  .wo-hero{padding:98px 0 44px}
  .wo-breadcrumbs{margin-bottom:28px}
  .wo-actions{flex-direction:column}
  .wo-button{width:100%}
  .wo-figure__frame{padding:8px;border-radius:24px}
  .wo-figure img{aspect-ratio:430/700}
  .wo-figure figcaption{grid-template-columns:1fr;gap:6px}
  .wo-source,.wo-contract,.wo-scope,.wo-faq{padding-block:44px}
  .wo-source__grid,.wo-contract__head,.wo-scope__grid,.wo-faq__head{grid-template-columns:1fr}
  .wo-source__grid>*{padding:24px 20px}
  .wo-source__grid>*+*{border-top:1px solid var(--wo-line);border-left:0}
  .wo-source__links{flex-direction:column}
  .wo-contract__head,.wo-faq__head{gap:18px}
  .wo-stage{grid-template-columns:54px minmax(0,1fr);min-height:0}
  .wo-stage__index,.wo-stage__name,.wo-stage__gate,.wo-stage__receipt{padding:16px}
  .wo-stage__index{grid-row:1/4;align-self:stretch}
  .wo-stage__name{padding-bottom:7px}
  .wo-stage__gate{grid-template-columns:1fr 1fr 1fr;padding-block:5px}
  .wo-stage__receipt{grid-column:2;padding-top:12px}
  .wo-release{grid-template-columns:54px minmax(0,1fr)}
  .wo-release div{padding:16px}
  .wo-scope__item{grid-template-columns:1fr;gap:8px}
  .wo-faq summary{grid-template-columns:34px minmax(0,1fr) 44px;gap:10px}
  .wo-faq__answer{margin-left:44px;padding-right:12px}
}
@media(prefers-reduced-motion:reduce){.wo-button,.wo-faq__plus{transition:none}}
