.import-choice{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.import-choice>div{border-top:3px solid #e77935;padding:18px 0}.import-choice h3{margin:0 0 10px}.import-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.import-shots figure{margin:0;min-width:0}.import-shots img{display:block;width:100%;height:auto;border:1px solid #dce2d9;border-radius:16px}.import-shots figcaption{font-size:14px;line-height:1.55;margin-top:12px}.import-video{display:grid;grid-template-columns:minmax(200px,300px) 1fr;align-items:center;gap:30px;margin:30px 0}.import-video video{width:100%;max-height:530px;border-radius:20px;background:#eff1e8}.recipe-example{background:#f3f5ee;border-left:4px solid #da7030;padding:24px;margin:28px 0}.recipe-example code{overflow-wrap:anywhere}.campaign-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;padding:70px 0}.campaign-hero h1{font-size:clamp(48px,6.5vw,88px);line-height:1.01;letter-spacing:-.05em;margin:18px 0 25px}.campaign-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#627448}.campaign-hero .lede{max-width:520px}.campaign-film{margin:0;justify-self:center;width:min(100%,340px)}.campaign-film video{display:block;width:100%;aspect-ratio:9/16;background:#eef1e6;border-radius:22px;box-shadow:0 24px 65px #19362a18}.campaign-film figcaption{font-size:13px;line-height:1.5;color:#606b60;margin-top:14px}.campaign-proof{border-top:1px solid #dce2d9;padding:44px 0}.campaign-proof .step-grid{margin-top:28px}.campaign-proof img{max-width:100%;height:auto}.campaign-related{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0}.campaign-cta{padding:40px 0 70px}.campaign-cta h2{max-width:650px}.import-status{font-size:14px;line-height:1.6;color:#56614f}.campaign-small{font-size:13px;line-height:1.6;color:#56614f;margin-top:14px}.campaign-hero .button{margin:10px 0}.guide-example-link{display:inline-block;margin-top:8px}
@media(max-width:760px){.campaign-hero{grid-template-columns:1fr;gap:30px;padding:38px 0}.campaign-hero h1{font-size:58px}.campaign-film{width:min(100%,310px)}.import-video{grid-template-columns:1fr}.import-video video{max-width:280px;justify-self:center}.import-choice{grid-template-columns:1fr;gap:4px}.import-shots{grid-template-columns:1fr;justify-items:center;gap:24px}.import-shots figure{max-width:280px}.import-shots figcaption{font-size:14px}.recipe-example{padding:18px}.campaign-proof{padding:32px 0}}
@media(prefers-reduced-motion:reduce){.campaign-film video{scroll-behavior:auto}}

.walk-nav{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 32px}
.walk-nav a{padding:9px 12px;border:1px solid #dce2d9;border-radius:24px;font-size:13px;text-decoration:none;color:#354536}
.walk-nav a[aria-current="step"]{background:#eaf0e1;border-color:#627448}
.walk-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:26px;padding:32px 0;border-top:1px solid #dce2d9;scroll-margin-top:110px}
.walk-copy .walk-number{font-size:12px;letter-spacing:.14em;font-weight:700;color:#a94f23;margin:0 0 14px}
.walk-copy h3{font-size:28px;line-height:1.15;letter-spacing:-.025em;margin:0 0 18px}
.walk-copy p,.walk-copy li{font-size:16px;line-height:1.7}
.walk-copy code{overflow-wrap:anywhere;font-size:14px}
.walk-copy ul{padding-left:20px}
.walk-copy li{margin-bottom:12px}
.walk-note{background:#f3f5ee;border-radius:12px;padding:18px;margin:22px 0 0}
.walk-note>strong{font-size:14px}.walk-note p{margin:7px 0 0;font-size:14px}
.walk-screen{margin:0;min-width:0}
.walk-screen img,.walk-stage img,.import-example figure img{display:block;width:100%;height:auto;border:6px solid #293029;border-radius:30px;box-shadow:0 14px 35px #29302912;background:#fffaf2}
.walk-screen figcaption,.walk-stage figcaption,.import-example figcaption{font-size:13px;line-height:1.5;color:#596254;margin-top:15px}
.walk-stage{display:none;margin:0}
.walk-device{position:relative}
.walk-focus{position:absolute;border:2px solid #e77832;box-shadow:0 0 0 4px #e7783224;border-radius:10px;pointer-events:none;transition:top .28s ease,left .28s ease,width .28s ease,height .28s ease}
.walk-stage[data-step="1"] .walk-focus{left:84%;top:6.5%;width:13%;height:6%;border-radius:50%}
.walk-stage[data-step="2"] .walk-focus{left:5%;top:27%;width:90%;height:7%}
.walk-stage[data-step="3"] .walk-focus{left:5%;top:40%;width:90%;height:10%}
.walk-stage[data-step="4"] .walk-focus{left:5%;top:31%;width:90%;height:13%}
.walk-stage[data-step="5"] .walk-focus{left:5%;top:53%;width:90%;height:11%}
.import-example{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;border:1px solid #dae2d3;border-radius:20px;padding:28px;align-items:start}
.import-example figure{margin:0}.import-example h3{font-size:27px;line-height:1.2;margin-top:0}
.example-facts{display:flex;gap:8px;flex-wrap:wrap}.example-facts span{background:#fff;border-radius:20px;padding:7px 12px;font-size:14px;font-weight:600}
.example-link{display:block;width:100%;min-width:0;padding:14px 12px;margin:8px 0 12px;border:1px solid #bdc8b4;border-radius:10px;font:inherit;font-size:15px;background:#fff;color:#253322}
.copy-feedback{font-size:14px;line-height:1.5;color:#36552c;min-height:1.5em}.copy-feedback:empty{display:none}
.example-backup{font-size:14px}.walk-nav a:focus-visible,.example-link:focus-visible,[data-copy-recipe]:focus-visible{outline:3px solid #b4512b;outline-offset:4px}
@media(min-width:1000px){
  .walk-enhanced{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:32px;align-items:start}
  .walk-enhanced .walk-stage{display:block;position:sticky;top:110px;padding-top:24px}
  .walk-enhanced .walk-step{display:block;min-height:620px;padding:55px 0 70px}
  .walk-enhanced .walk-step.is-active .walk-number{color:#764328}
  .walk-enhanced .walk-screen{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}
@media(max-width:999px){
  .walk-step{grid-template-columns:1fr;gap:22px;padding:32px 0}
  .walk-screen{width:min(100%,260px);justify-self:center}
}
@media(max-width:600px){
  .import-example{grid-template-columns:1fr;padding:20px;gap:28px}
  .import-example>figure{width:min(100%,230px);justify-self:center;order:2}
  .import-example h3{font-size:27px}.walk-copy h3{font-size:27px}
  .walk-screen{width:min(100%,240px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.walk-focus{transition:none}}
