.transformation-section{background:linear-gradient(180deg,#fffdf8 0%,#f6ecdd 100%);overflow:hidden}
.trail-heading{text-align:center;max-width:820px;margin:0 auto 54px}
.trail-heading h2{font-family:"Manrope",sans-serif;font-size:clamp(44px,6vw,76px);line-height:1;letter-spacing:-.045em;text-transform:uppercase;color:#2b1b10}
.trail-heading p{margin-top:18px;color:#6d6258;font-size:17px}
.transformation-trail{position:relative;min-height:760px;max-width:1050px;margin:auto;border:1px solid rgba(185,135,56,.2);border-radius:36px;background:rgba(255,255,255,.72);box-shadow:0 30px 90px rgba(62,39,18,.1);isolation:isolate}
.trail-route{position:absolute;inset:0;pointer-events:none;z-index:1}
.trail-dots i{position:absolute;width:6px;height:6px;border-radius:50%;background:#123b59;transform:translate(-50%,-50%);opacity:.86}
.trail-plane{position:absolute;left:24%;top:13%;z-index:3;font-size:42px;line-height:1;color:#123b59;filter:drop-shadow(0 8px 8px rgba(18,59,89,.22));transform:translate(-50%,-50%) rotate(-14deg);transition:left .65s cubic-bezier(.22,.9,.32,1),top .65s cubic-bezier(.22,.9,.32,1),transform .3s ease}
.trail-stop{position:absolute;z-index:4;width:37%;display:grid;grid-template-columns:48px 1fr;gap:14px;text-align:left;border:1px solid transparent;border-radius:22px;padding:20px;background:rgba(255,253,248,.9);color:#172e3e;cursor:pointer;box-shadow:0 12px 32px rgba(30,39,43,.07);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
.trail-stop:nth-of-type(1){left:4%;top:5%}.trail-stop:nth-of-type(2){right:4%;top:19%}.trail-stop:nth-of-type(3){left:8%;top:42%}.trail-stop:nth-of-type(4){right:4%;top:57%}.trail-stop:nth-of-type(5){left:6%;top:77%}
.trail-stop:hover,.trail-stop:focus-visible,.trail-stop.is-active{transform:translateY(-5px);border-color:#c99845;background:#fff;box-shadow:0 20px 48px rgba(68,43,18,.15);outline:none}
.trail-number{font-family:"Manrope",sans-serif;font-size:36px;font-weight:800;color:#bd8738;line-height:1}
.trail-copy{display:flex;flex-direction:column}.trail-copy strong{font-family:"Manrope",sans-serif;font-size:19px;line-height:1.15;text-transform:uppercase}.trail-copy b{font-size:13px;margin:9px 0 10px;color:#123b59}.trail-copy small{font-size:14px;line-height:1.55;color:#5e6a71}
@media(max-width:800px){.trail-heading{margin-bottom:34px}.trail-heading h2{font-size:40px}.transformation-trail{min-height:auto;padding:24px;display:grid;gap:15px}.trail-route{display:none}.trail-stop,.trail-stop:nth-of-type(1),.trail-stop:nth-of-type(2),.trail-stop:nth-of-type(3),.trail-stop:nth-of-type(4),.trail-stop:nth-of-type(5){position:relative;inset:auto;width:100%;grid-template-columns:42px 1fr}.trail-stop:before{content:"";position:absolute;left:40px;bottom:-17px;height:18px;border-left:4px dotted #123b59}.trail-stop:last-child:before{display:none}.trail-number{font-size:31px}}
@media(prefers-reduced-motion:reduce){.trail-plane,.trail-stop{transition:none}}