/* Original MANDREO tour, isolated from the existing site theme. */
#mandreo-tour :where(*:not(svg, svg *)),#mandreo-tour ::before,#mandreo-tour ::after{all:revert;box-sizing:border-box}
#mandreo-tour svg{color:inherit;font:inherit;letter-spacing:normal;margin:0;max-width:100%}
@font-face { font-family: MandreoTour; src: local("Inter"), local("Aptos"), local("Arial"); font-display: swap; }
#mandreo-tour{--orange: #ec6838; --orange-dark: #b8451c; --ink: #242b2c; --muted: #636c6d; --paper: #f8f7f4; --line: #e3e5df; --soft: #fdf0e9; --green: #276a50; --radius: 16px;}
#mandreo-tour *{box-sizing: border-box;}
html:has(#mandreo-tour){scroll-behavior: smooth; scroll-padding-top: 94px;}
#mandreo-tour{margin: 0px; background: var(--paper); color: var(--ink); font-family: MandreoTour, Arial, sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased;}
#mandreo-tour button,#mandreo-tour input,#mandreo-tour textarea,#mandreo-tour select{font: inherit;}
#mandreo-tour button,#mandreo-tour a,#mandreo-tour input,#mandreo-tour textarea,#mandreo-tour select{-webkit-tap-highlight-color: transparent;}
#mandreo-tour button{cursor: pointer;}
#mandreo-tour a{color: inherit; text-decoration: none;}
#mandreo-tour button{color: inherit;}
#mandreo-tour button:disabled{cursor: default;}
#mandreo-tour button,#mandreo-tour a{touch-action: manipulation;}
#mandreo-tour button:focus-visible,#mandreo-tour a:focus-visible,#mandreo-tour input:focus-visible,#mandreo-tour textarea:focus-visible,#mandreo-tour select:focus-visible,#mandreo-tour [tabindex]:focus-visible{outline: 3px solid var(--orange); outline-offset: 5px;}
#mandreo-tour button:disabled{opacity: 0.4;}
#mandreo-tour h1,#mandreo-tour h2,#mandreo-tour h3,#mandreo-tour p{margin: 0px;}
#mandreo-tour h1,#mandreo-tour h2,#mandreo-tour h3{line-height: 1.12;}
#mandreo-tour svg.icon{width: 20px; height: 20px; stroke: currentcolor; stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; vertical-align: middle;}
#mandreo-tour i[data-icon]{display: inline-block; width: 20px; height: 20px;}
#mandreo-tour .container{width: calc(100% - 112px); max-width: 1240px; margin: 0px auto;}
#mandreo-tour .eyebrow{display: flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 700; letter-spacing: 1.7px; line-height: 1.5;}
#mandreo-tour .orange-dot,#mandreo-tour .live-dot{width: 7px; height: 7px; border-radius: 50%; background: var(--orange);}
#mandreo-tour .button{display: inline-flex; align-items: center; justify-content: center; gap: 22px; border-radius: 7px; padding: 16px 21px; min-height: 52px; font-weight: 600; font-size: 14px; border: 1px solid transparent; transition: background 0.18s, transform 0.18s;}
#mandreo-tour .button:hover{transform: translateY(-2px);}
#mandreo-tour .primary{background: rgb(196, 81, 39); color: rgb(255, 255, 255);}
#mandreo-tour .primary:hover{background: rgb(184, 69, 28);}
#mandreo-tour .button.secondary{background: rgb(255, 255, 255); color: var(--ink); border-color: var(--line);}
#mandreo-tour .text-button{display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0px; background: none; padding: 9px 0px; font-size: 13px; font-weight: 600; min-height: 44px;}
#mandreo-tour .text-button:hover{color: var(--orange-dark);}
#mandreo-tour .skip{position: absolute; top: -70px; left: 12px; padding: 12px 20px; background: rgb(255, 255, 255); z-index: 10;}
#mandreo-tour .skip:focus{top: 12px;}
#mandreo-tour .sr-only{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;}
#mandreo-tour [hidden]{display: none !important;}
#mandreo-tour .site-header{height: 88px; border-bottom: 1px solid var(--line); background: var(--paper);}
#mandreo-tour .header-inner{height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px;}
#mandreo-tour .wordmark{font-size: 27px; font-weight: 800; letter-spacing: -1.2px; line-height: 1;}
#mandreo-tour .wordmark > span,#mandreo-tour .tiny-brand > span{color: var(--orange);}
#mandreo-tour .header-inner nav{display: flex; gap: 32px; margin-left: auto; margin-right: 35px; font-size: 13px; font-weight: 600;}
#mandreo-tour .header-inner nav a{padding: 12px 0px;}
#mandreo-tour .header-inner nav a:hover{color: var(--orange-dark);}
#mandreo-tour .private-badge{display: inline-flex; align-items: center; gap: 7px; font-size: 11px; color: var(--muted); background: rgb(238, 238, 233); border-radius: 5px; padding: 7px 10px; white-space: nowrap;}
#mandreo-tour .private-badge .icon{width: 13px; height: 13px;}
#mandreo-tour .hero{overflow: hidden;}
#mandreo-tour .hero-grid{display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; gap: 44px; padding-top: 77px; padding-bottom: 68px;}
#mandreo-tour .hero-copy h1{font-size: clamp(47px, 4.6vw, 66px); font-weight: 600; letter-spacing: -3.6px; margin-top: 24px; line-height: 1.075;}
#mandreo-tour .hero-copy h1 span{color: var(--orange);}
#mandreo-tour .hero-lead{font-size: 20px; line-height: 1.4; letter-spacing: -0.3px; margin-top: 27px; font-weight: 500;}
#mandreo-tour .hero-description{color: var(--muted); font-size: 14px; max-width: 380px; margin-top: 15px; line-height: 1.7;}
#mandreo-tour .hero-cta{margin-top: 27px;}
#mandreo-tour .cta-note{display: flex; align-items: center; gap: 7px; font-size: 11px; color: var(--muted); margin-top: 13px;}
#mandreo-tour .cta-note .icon{width: 14px; height: 14px;}
#mandreo-tour .hero-visual{position: relative; padding-top: 12px; padding-bottom: 45px; min-width: 0px;}
#mandreo-tour .hero-visual::before{content: ""; position: absolute; width: 460px; height: 460px; border-radius: 50%; background: rgb(241, 237, 229); top: 25px; left: 70px; z-index: -1;}
#mandreo-tour .visual-kicker{display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 9px; letter-spacing: 1.3px; font-weight: 600; color: rgb(116, 123, 118); margin-bottom: 18px;}
#mandreo-tour .live-dot{background: rgb(130, 162, 140); width: 6px; height: 6px;}
#mandreo-tour .workspace-preview{border: 1px solid rgb(218, 220, 213); border-radius: 13px; background: rgb(255, 255, 255); box-shadow: rgba(36, 43, 44, 0.05) 0px 20px 50px; overflow: hidden; transform: rotate(-1.2deg);}
#mandreo-tour .preview-top{height: 51px; border-bottom: 1px solid var(--line); padding: 0px 20px; display: flex; align-items: center; gap: 15px;}
#mandreo-tour .tiny-brand{font-size: 14px; font-weight: 800; letter-spacing: -0.5px;}
#mandreo-tour .demo-label{color: rgb(115, 121, 115); letter-spacing: 1px; font-size: 8px; margin-left: auto;}
#mandreo-tour .avatar{width: 37px; height: 37px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgb(233, 238, 231); color: rgb(84, 115, 90); font-weight: 600; font-size: 12px; flex-shrink: 0;}
#mandreo-tour .avatar.small{width: 25px; height: 25px; font-size: 8px; background: rgb(241, 237, 232); color: rgb(139, 125, 109);}
#mandreo-tour .preview-body{display: flex;}
#mandreo-tour .preview-sidebar{width: 55px; padding: 16px 9px; border-right: 1px solid var(--line); display: flex; gap: 7px; align-items: center; flex-direction: column; background: rgb(250, 251, 248);}
#mandreo-tour .preview-nav{width: 34px; height: 34px; display: grid; place-items: center; color: rgb(139, 146, 137); border-radius: 7px;}
#mandreo-tour .preview-nav .icon{width: 16px; height: 16px;}
#mandreo-tour .preview-nav.active{background: rgb(248, 228, 216); color: var(--orange-dark);}
#mandreo-tour .preview-nav.bottom{margin-top: auto;}
#mandreo-tour .preview-content{padding: 25px 25px 26px; flex: 1 1 0%; min-width: 0px;}
#mandreo-tour .preview-date{font-size: 8px; font-weight: 600; letter-spacing: 1px; color: rgb(130, 135, 124);}
#mandreo-tour .preview-content h2{font-size: 23px; letter-spacing: -0.6px; font-weight: 600; margin-top: 10px; line-height: 1.15;}
#mandreo-tour .preview-content h2 > span{display: block; font-weight: 400; color: rgb(131, 144, 121); font-size: 19px; margin-top: 2px;}
#mandreo-tour .mini-stats{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px;}
#mandreo-tour .mini-stats > div{display: grid; grid-template-columns: 1fr auto; background: rgb(246, 247, 243); border: 1px solid rgb(230, 232, 224); border-radius: 7px; padding: 13px 15px; align-items: center;}
#mandreo-tour .mini-stats .icon{width: 16px; height: 16px; color: rgb(112, 131, 105);}
#mandreo-tour .mini-stats strong{font-size: 27px; line-height: 1; font-weight: 500;}
#mandreo-tour .mini-stats span{font-size: 10px; grid-column: 1 / -1; margin-top: 10px; color: rgb(117, 122, 112);}
#mandreo-tour .mini-task-heading{display: flex; justify-content: space-between; font-size: 11px; font-weight: 600; margin-top: 25px; margin-bottom: 8px;}
#mandreo-tour .mini-task-heading > span{font-size: 8px; color: rgb(134, 141, 129); font-weight: 400; letter-spacing: 0.5px;}
#mandreo-tour .mini-task{display: flex; align-items: center; gap: 11px; width: 100%; padding: 13px 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(237, 240, 233); border-image: none; background: white; text-align: left;}
#mandreo-tour .mini-task strong{display: block; font-size: 11px; font-weight: 500;}
#mandreo-tour .mini-task small{display: block; font-size: 9px; color: rgb(138, 145, 133); margin-top: 2px;}
#mandreo-tour .mini-task > .icon{width: 13px; height: 13px; color: rgb(135, 146, 125); margin-left: auto;}
#mandreo-tour .mini-task:hover strong{color: var(--orange-dark);}
#mandreo-tour .task-dot{border: 1px solid rgb(195, 206, 189); width: 11px; height: 11px; border-radius: 3px; flex-shrink: 0;}
#mandreo-tour .task-dot.orange{border-color: rgb(226, 179, 143); background: rgb(255, 245, 232);}
#mandreo-tour .preview-case{display: flex; align-items: center; gap: 10px; padding-top: 17px;}
#mandreo-tour .preview-case strong{display: block; font-size: 11px; font-weight: 600;}
#mandreo-tour .preview-case small{display: block; font-size: 8px; color: rgb(134, 141, 128); margin-top: 2px;}
#mandreo-tour .mini-check{margin-left: auto; width: 22px; height: 22px; border-radius: 50%; background: rgb(235, 241, 229); color: rgb(114, 146, 99); display: grid; place-items: center;}
#mandreo-tour .mini-check .icon{width: 12px; height: 12px;}
#mandreo-tour .connection-card{position: relative; display: flex; align-items: center; gap: 12px; margin-top: -6px; margin-left: 34px; width: calc(100% - 10px); padding: 17px 20px; background: rgb(255, 255, 255); border: 1px solid rgb(231, 232, 223); border-radius: 10px; box-shadow: rgba(41, 38, 30, 0.04) 0px 14px 32px; transform: rotate(1deg);}
#mandreo-tour .connection-icon{display: grid; place-items: center; background: var(--soft); width: 36px; height: 36px; border-radius: 8px; color: var(--orange); flex-shrink: 0;}
#mandreo-tour .connection-icon .icon{width: 18px; height: 18px;}
#mandreo-tour .connection-card strong{display: block; font-size: 11px; font-weight: 600;}
#mandreo-tour .connection-card div > span{display: block; font-size: 10px; margin-top: 3px; color: var(--muted);}
#mandreo-tour .visual-caption{display: block; color: rgb(140, 144, 135); font-size: 9px; text-align: center; margin-top: 20px;}
#mandreo-tour .hero-bottom{display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 26px 0px 31px; border-top: 1px solid var(--line); font-size: 11px; color: var(--muted);}
#mandreo-tour .hero-bottom > span{color: var(--ink); font-weight: 500;}
#mandreo-tour .hero-bottom > div{display: flex; gap: 27px;}
#mandreo-tour .hero-bottom > div > span{display: flex; align-items: center; gap: 8px;}
#mandreo-tour .hero-bottom .icon{width: 16px; height: 16px; color: rgb(119, 130, 113);}
#mandreo-tour .journey{background: rgb(38, 48, 47); color: white; padding: 76px 0px 28px; scroll-margin-top: 0px;}
#mandreo-tour .section-heading{display: flex; justify-content: space-between; align-items: end; gap: 60px;}
#mandreo-tour .section-heading h2{font-size: 42px; letter-spacing: -1.8px; font-weight: 500; margin-top: 18px; line-height: 1.17;}
#mandreo-tour .section-heading > p{max-width: 337px; color: var(--muted); font-size: 14px; line-height: 1.75; padding-bottom: 5px;}
#mandreo-tour .journey .eyebrow{color: rgb(184, 195, 183);}
#mandreo-tour .journey-heading h2 > span{color: rgb(181, 197, 180);}
#mandreo-tour .journey-heading > p{color: rgb(194, 203, 196);}
#mandreo-tour .timeline{display: flex; position: relative; margin-top: 49px; margin-bottom: 33px;}
#mandreo-tour .timeline::before{content: ""; height: 1px; background: rgb(85, 97, 91); position: absolute; top: 47px; left: 10%; right: 10%;}
#mandreo-tour .timeline button{position: relative; flex: 1 1 0%; min-width: 0px; display: flex; align-items: center; flex-direction: column; background: none; border: 0px; color: rgb(196, 204, 197); padding: 0px 4px 11px; transition: color 0.2s;}
#mandreo-tour .timeline-time{font-size: 11px; letter-spacing: 1px; margin-bottom: 12px;}
#mandreo-tour .timeline-node{height: 37px; width: 37px; display: grid; place-items: center; background: rgb(38, 48, 47); border: 1px solid rgb(101, 113, 106); border-radius: 50%; margin-bottom: 12px; transition: background 0.2s;}
#mandreo-tour .timeline-node .icon{width: 17px; height: 17px;}
#mandreo-tour .timeline-title{font-size: 12px; font-weight: 500;}
#mandreo-tour .timeline-short{display: none;}
#mandreo-tour .timeline button:hover{color: rgb(255, 255, 255);}
#mandreo-tour .timeline button:hover .timeline-node{border-color: rgb(223, 184, 151);}
#mandreo-tour .timeline button[aria-selected="true"]{color: rgb(255, 255, 255);}
#mandreo-tour .timeline button[aria-selected="true"] .timeline-time{color: rgb(255, 176, 132);}
#mandreo-tour .timeline button[aria-selected="true"] .timeline-node{color: white; background: var(--orange); border-color: var(--orange); box-shadow: rgba(236, 104, 56, 0.098) 0px 0px 0px 6px;}
#mandreo-tour .timeline button.visited:not([aria-selected="true"]) .timeline-node{background: rgb(67, 83, 71); color: rgb(215, 228, 210); border-color: rgb(98, 115, 94);}
#mandreo-tour .station-layout{display: grid; grid-template-columns: 34% 66%; background: rgb(248, 249, 245); color: var(--ink); border: 1px solid rgb(215, 222, 212); border-radius: 15px; overflow: hidden; min-height: 462px;}
#mandreo-tour .station-copy{padding: 32px 28px; display: flex; flex-direction: column; border-right: 1px solid rgb(225, 228, 219);}
#mandreo-tour .station-copy .eyebrow{color: var(--orange-dark); font-size: 9px; letter-spacing: 1.3px;}
#mandreo-tour .station-copy h3{font-size: 29px; letter-spacing: -1px; margin-top: 16px; font-weight: 500; line-height: 1.15;}
#mandreo-tour .station-copy > p{font-size: 13px; line-height: 1.75; color: var(--muted); margin-top: 16px;}
#mandreo-tour .station-benefit{margin-top: auto; padding-top: 24px; font-size: 11px; line-height: 1.7; color: rgb(75, 101, 72); display: flex; gap: 8px; align-items: flex-start;}
#mandreo-tour .station-benefit .icon{width: 16px; height: 16px; margin-top: 2px;}
#mandreo-tour .station-tags{display: flex; flex-wrap: wrap; gap: 5px; margin-top: 18px;}
#mandreo-tour .station-tags span{background: rgb(234, 238, 229); border-radius: 4px; padding: 4px 7px; font-size: 9px; color: rgb(98, 112, 91);}
#mandreo-tour .station-demo{background: rgb(255, 255, 255); padding: 26px 30px; min-width: 0px;}
#mandreo-tour .demo-bar{display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid var(--line); padding-bottom: 16px; margin-bottom: 22px;}
#mandreo-tour .demo-path{display: flex; align-items: center; gap: 8px; font-size: 11px; color: rgb(89, 98, 83);}
#mandreo-tour .demo-path .icon{width: 16px; height: 16px; color: rgb(117, 131, 105);}
#mandreo-tour .demo-path strong{font-weight: 600; color: var(--ink);}
#mandreo-tour .demo-mode{font-size: 8px; text-transform: uppercase; letter-spacing: 1px; color: rgb(131, 139, 124); border: 1px solid var(--line); border-radius: 4px; padding: 4px 7px; white-space: nowrap;}
#mandreo-tour .demo-title{display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 17px;}
#mandreo-tour .demo-title h4{font-size: 19px; letter-spacing: -0.5px; line-height: 1.2; margin: 0px; font-weight: 600;}
#mandreo-tour .demo-title > span{font-size: 10px; color: var(--muted);}
#mandreo-tour .task-list{display: flex; flex-direction: column;}
#mandreo-tour .demo-task{display: flex; align-items: center; gap: 12px; border-top: 1px solid rgb(237, 240, 232); padding: 14px 0px; cursor: pointer;}
#mandreo-tour .demo-task input{appearance: none; width: 17px; height: 17px; border: 1px solid rgb(171, 181, 165); border-radius: 4px; margin: 0px; flex-shrink: 0; cursor: pointer; display: grid; place-items: center;}
#mandreo-tour .demo-task input:checked{background: var(--green); border-color: var(--green);}
#mandreo-tour .demo-task input:checked::after{content: "✓"; color: white; font-size: 13px; line-height: 1;}
#mandreo-tour .demo-task:has(input:checked) strong{text-decoration: line-through; color: rgb(128, 135, 120);}
#mandreo-tour .demo-task strong{font-size: 12px; display: block; font-weight: 500;}
#mandreo-tour .demo-task small{font-size: 10px; color: rgb(117, 127, 109); display: block; margin-top: 3px;}
#mandreo-tour .demo-task time{font-size: 10px; color: rgb(115, 128, 103); margin-left: auto; white-space: nowrap;}
#mandreo-tour .tag{font-size: 9px; background: rgb(245, 239, 223); color: rgb(131, 111, 62); padding: 4px 7px; border-radius: 4px; white-space: nowrap;}
#mandreo-tour .case-summary{display: flex; align-items: center; gap: 11px; border: 1px solid var(--line); padding: 12px; border-radius: 8px; background: rgb(250, 251, 248); margin-top: 12px;}
#mandreo-tour .case-summary strong{font-size: 12px; display: block;}
#mandreo-tour .case-summary small{font-size: 10px; display: block; color: var(--muted); margin-top: 2px;}
#mandreo-tour .case-summary button{margin-left: auto; font-size: 11px;}
#mandreo-tour .demo-hint{font-size: 10px; color: rgb(119, 127, 112); margin-top: 15px; line-height: 1.6;}
#mandreo-tour .demo-action{padding: 10px 14px; font-size: 11px; min-height: 42px; gap: 10px;}
#mandreo-tour .demo-action .icon{width: 15px; height: 15px;}
#mandreo-tour .demo-secondary{border: 1px solid rgb(219, 225, 213); background: white;}
#mandreo-tour .demo-secondary:hover{background: rgb(246, 248, 242);}
#mandreo-tour .status-success{display: flex; align-items: center; gap: 7px; background: rgb(237, 245, 237); color: rgb(51, 103, 70); border: 1px solid rgb(211, 229, 211); font-size: 11px; padding: 10px 12px; border-radius: 6px; margin-top: 13px;}
#mandreo-tour .status-success .icon{width: 16px; height: 16px;}
#mandreo-tour .demo-actions{display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 14px;}
#mandreo-tour .receipt-layout{display: grid; grid-template-columns: 1fr 1.02fr; gap: 20px;}
#mandreo-tour .receipt{background: rgb(252, 252, 249); border: 1px solid var(--line); border-radius: 5px; padding: 18px 16px; position: relative;}
#mandreo-tour .receipt .receipt-label{font-size: 8px; letter-spacing: 1.2px; color: rgb(115, 131, 105); display: block;}
#mandreo-tour .receipt h4{font-size: 14px; font-weight: 600; margin: 14px 0px 6px;}
#mandreo-tour .receipt p{font-size: 10px; color: var(--muted); line-height: 1.8;}
#mandreo-tour .receipt-rule{border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--line); margin: 20px 0px 13px;}
#mandreo-tour .receipt-total{display: flex; justify-content: space-between; align-items: baseline; font-size: 10px; margin-top: 10px; gap: 10px;}
#mandreo-tour .receipt-total strong{font-size: 23px; font-weight: 500; letter-spacing: -1px;}
#mandreo-tour .receipt-id{margin-top: 20px !important; color: rgb(137, 145, 127) !important; font-size: 9px !important;}
#mandreo-tour .scan-state{display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
#mandreo-tour .scan-icon{width: 40px; height: 40px; background: var(--soft); color: var(--orange); border-radius: 9px; display: grid; place-items: center; margin-bottom: 15px;}
#mandreo-tour .scan-state h4{font-size: 15px; margin: 0px 0px 9px; line-height: 1.25; font-weight: 600;}
#mandreo-tour .scan-state p{font-size: 11px; color: var(--muted); line-height: 1.7;}
#mandreo-tour .field{display: block; margin-bottom: 8px; font-size: 10px; color: rgb(104, 115, 94);}
#mandreo-tour .field input,#mandreo-tour .field select{display: block; width: 100%; padding: 8px 9px; margin-top: 3px; border: 1px solid rgb(215, 221, 208); border-radius: 5px; background: white; color: var(--ink); font-size: 11px; min-height: 36px;}
#mandreo-tour .field input[readonly]{background: rgb(245, 247, 240);}
#mandreo-tour .field-error{font-size: 10px; color: rgb(165, 56, 35); margin: 5px 0px;}
#mandreo-tour .balance-card{display: flex; align-items: center; justify-content: space-between; border-radius: 8px; padding: 16px 18px; background: rgb(242, 245, 236); margin-bottom: 20px;}
#mandreo-tour .balance-card span{font-size: 11px; color: rgb(98, 114, 86); display: block;}
#mandreo-tour .balance-card strong{font-size: 26px; letter-spacing: -1px; font-weight: 500; display: block;}
#mandreo-tour .balance-card > .icon{width: 26px; height: 26px; color: rgb(139, 155, 126);}
#mandreo-tour .transaction{display: flex; align-items: center; gap: 11px; padding: 15px 0px; border-top: 1px solid var(--line);}
#mandreo-tour .transaction-symbol{width: 34px; height: 34px; display: grid; place-items: center; background: rgb(246, 242, 237); color: rgb(166, 125, 86); border-radius: 7px; flex-shrink: 0;}
#mandreo-tour .transaction-symbol .icon{width: 16px; height: 16px;}
#mandreo-tour .transaction strong{font-size: 12px; display: block; font-weight: 600;}
#mandreo-tour .transaction small{font-size: 10px; color: var(--muted); display: block; margin-top: 2px;}
#mandreo-tour .transaction-amount{margin-left: auto; font-size: 14px; font-weight: 500; white-space: nowrap;}
#mandreo-tour .receipt-choice{display: flex; gap: 10px; align-items: center; width: 100%; text-align: left; background: rgb(252, 252, 249); border: 1px solid rgb(224, 228, 217); border-radius: 7px; padding: 12px; font-size: 11px; margin-top: 10px;}
#mandreo-tour .receipt-choice .icon{color: var(--orange); width: 20px; height: 20px;}
#mandreo-tour .receipt-choice span{margin-left: auto; font-size: 10px; color: var(--muted);}
#mandreo-tour .letter-meta{display: grid; grid-template-columns: 65px 1fr; gap: 8px; font-size: 10px; color: var(--muted); margin-bottom: 12px;}
#mandreo-tour .letter-meta strong{font-weight: 500; color: var(--ink);}
#mandreo-tour .draft-input{width: 100%; min-height: 178px; border: 1px solid var(--line); border-radius: 7px; padding: 14px; background: rgb(253, 253, 251); color: var(--ink); font-size: 11px; line-height: 1.9; resize: vertical;}
#mandreo-tour .draft-label{font-size: 10px; font-weight: 600; display: block; margin: 8px 0px;}
#mandreo-tour .court-options{display: flex; border-bottom: 1px solid var(--line); gap: 16px; margin-bottom: 17px; flex-wrap: wrap;}
#mandreo-tour .court-options button{border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; background: white; color: rgb(115, 124, 106); font-size: 11px; padding: 10px 0px; min-height: 42px;}
#mandreo-tour .court-options button[aria-pressed="true"]{color: var(--orange-dark); border-bottom-color: var(--orange);}
#mandreo-tour .court-info{font-size: 11px; color: var(--muted); line-height: 1.75; margin-bottom: 10px;}
#mandreo-tour .check-row{display: flex; align-items: center; gap: 9px; padding: 10px 0px; border-bottom: 1px solid rgb(237, 240, 232); font-size: 11px;}
#mandreo-tour .check-row .icon{width: 15px; height: 15px; color: rgb(113, 146, 98);}
#mandreo-tour .check-row .pending{color: rgb(172, 140, 64);}
#mandreo-tour .check-row small{margin-left: auto; font-size: 9px; color: rgb(115, 129, 104);}
#mandreo-tour .journey-footer{display: flex; align-items: center; justify-content: space-between; margin-top: 20px; gap: 20px;}
#mandreo-tour .journey-note{display: flex; align-items: center; gap: 6px; font-size: 10px; color: rgb(185, 197, 184);}
#mandreo-tour .journey-note .icon{width: 13px; height: 13px;}
#mandreo-tour .journey-controls{display: flex; align-items: center; gap: 15px;}
#mandreo-tour .icon-button{display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgb(91, 105, 95); background: transparent; width: 40px; height: 40px; border-radius: 50%; color: inherit; padding: 8px;}
#mandreo-tour .icon-button:hover:not(:disabled){background: rgba(255, 255, 255, 0.08);}
#mandreo-tour .icon-button .icon{width: 17px; height: 17px;}
#mandreo-tour #step-count{font-size: 10px; letter-spacing: 1px; color: rgb(193, 204, 188);}
#mandreo-tour .features{padding: 85px 0px 0px;}
#mandreo-tour .features .eyebrow{color: rgb(117, 129, 110);}
#mandreo-tour .features .section-heading h2{font-size: 39px;}
#mandreo-tour .feature-grid{display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 38px; gap: 17px;}
#mandreo-tour .feature-card{position: relative; padding: 27px 26px 20px; border: 1px solid var(--line); border-radius: 10px; background: white; text-align: left; transition: transform 0.2s, border-color 0.2s; display: flex; flex-direction: column; align-items: start;}
#mandreo-tour .feature-card:hover{transform: translateY(-4px); border-color: rgb(223, 178, 155);}
#mandreo-tour .feature-icon{height: 40px; width: 40px; display: grid; place-items: center; border-radius: 9px; background: rgb(242, 244, 237); color: rgb(114, 135, 100); flex-shrink: 0;}
#mandreo-tour .feature-icon .icon{width: 21px; height: 21px;}
#mandreo-tour .feature-number{position: absolute; right: 24px; top: 28px; font-size: 10px; color: rgb(144, 152, 138);}
#mandreo-tour .feature-card h3{font-size: 19px; letter-spacing: -0.4px; font-weight: 500; margin-top: 24px;}
#mandreo-tour .feature-card p{font-size: 12px; line-height: 1.8; color: var(--muted); margin-top: 12px; margin-bottom: 22px;}
#mandreo-tour .feature-link{display: flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 500; width: 100%; margin-top: auto;}
#mandreo-tour .feature-link .icon{margin-left: auto; width: 16px; height: 16px; color: var(--orange);}
#mandreo-tour .ebo-strip{display: flex; align-items: center; gap: 17px; padding: 24px 0px; border-bottom: 1px solid var(--line); margin-top: 15px;}
#mandreo-tour .ebo-strip h3{font-size: 15px; font-weight: 500; letter-spacing: -0.2px;}
#mandreo-tour .ebo-strip p{font-size: 12px; color: var(--muted); margin-top: 6px;}
#mandreo-tour .ebo-strip > .text-button{margin-left: auto; white-space: nowrap;}
#mandreo-tour .closing{display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 66px 0px 75px;}
#mandreo-tour .closing h2{font-size: 34px; font-weight: 500; letter-spacing: -1.3px; margin-top: 17px; line-height: 1.2;}
#mandreo-tour .site-footer{background: rgb(238, 238, 232); padding: 36px 0px 18px;}
#mandreo-tour .footer-top{display: flex; align-items: center; gap: 32px; padding-bottom: 29px;}
#mandreo-tour .footer-top > p{font-size: 11px; line-height: 1.7; color: var(--muted); padding-left: 30px; border-left: 1px solid rgb(213, 216, 206);}
#mandreo-tour .footer-top > div{margin-left: auto; text-align: right;}
#mandreo-tour .footer-small{display: block; font-size: 9px; color: rgb(110, 118, 102); margin-top: 5px;}
#mandreo-tour .footer-bottom{display: flex; align-items: center; gap: 25px; font-size: 10px; color: rgb(108, 117, 101); border-top: 1px solid rgb(217, 221, 209); padding-top: 13px;}
#mandreo-tour .footer-bottom > .text-button{margin-left: auto; font-size: 10px; min-height: 30px;}
#mandreo-tour .footer-bottom > .text-button .icon{width: 13px; height: 13px;}
#mandreo-tour dialog{width: min(600px, 100% - 32px); max-height: 85dvh; margin: auto; border: 1px solid var(--line); border-radius: 16px; padding: 28px; background: var(--paper); color: var(--ink); box-shadow: rgba(0, 0, 0, 0.267) 0px 35px 100px; overflow-y: auto;}
#mandreo-tour dialog::backdrop{background: rgba(23, 37, 34, 0.667); backdrop-filter: blur(4px);}
body:has(#mandreo-tour dialog[open]){overflow: hidden;}
#mandreo-tour .dialog-top{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 22px;}
#mandreo-tour .dialog-top .eyebrow{color: var(--muted); font-size: 10px;}
#mandreo-tour .close-dialog{border-color: rgb(216, 222, 208); color: var(--ink); height: 36px; width: 36px;}
#mandreo-tour .close-dialog:hover:not(:disabled){background: rgb(232, 236, 223);}
#mandreo-tour #dialog-content h2{font-size: 32px; letter-spacing: -1px; font-weight: 500; margin-bottom: 18px;}
#mandreo-tour #dialog-content > p{font-size: 14px; color: var(--muted); line-height: 1.8; margin: 14px 0px;}
#mandreo-tour #dialog-content ul{padding-left: 20px; font-size: 13px; color: var(--muted); line-height: 1.8; margin: 22px 0px;}
#mandreo-tour #dialog-content li{padding-left: 3px; margin: 8px 0px;}
#mandreo-tour #dialog-content .button{margin-top: 12px;}
#mandreo-tour #dialog-content .source-note{font-size: 11px; border-top: 1px solid var(--line); padding-top: 14px; margin-top: 24px;}
#mandreo-tour #dialog-content .source-note a{color: var(--orange-dark); text-decoration: underline; text-underline-offset: 3px;}
#mandreo-tour .case-facts{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
#mandreo-tour .case-facts > div{padding: 14px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 7px;}
#mandreo-tour .case-facts dt{font-size: 10px; color: var(--muted);}
#mandreo-tour .case-facts dd{font-size: 13px; margin: 5px 0px 0px;}
#mandreo-tour .report-preview{background: white; border: 1px solid var(--line); padding: 22px; font-size: 12px; line-height: 1.8;}
#mandreo-tour .report-preview h3{font-size: 15px; margin: 18px 0px 7px;}
#mandreo-tour .report-preview p{margin: 10px 0px;}
#mandreo-tour .report-watermark{font-size: 10px; color: var(--orange-dark); font-weight: 600; letter-spacing: 1px;}
#mandreo-tour .noscript{padding: 20px; background: rgb(255, 241, 219); text-align: center; font-size: 14px;}
@media (min-width: 1500px){#mandreo-tour .hero-grid{padding-top: 90px; padding-bottom: 80px;}
#mandreo-tour .hero-copy h1{font-size: 72px;}
#mandreo-tour .hero-visual{padding-left: 10px;}}
@media (max-width: 1100px){#mandreo-tour .container{width: calc(100% - 64px);}
#mandreo-tour .hero-grid{gap: 30px; padding-top: 60px;}
#mandreo-tour .hero-copy h1{font-size: 53px; letter-spacing: -2.8px;}
#mandreo-tour .hero-lead{font-size: 18px;}
#mandreo-tour .preview-content{padding: 20px 18px;}
#mandreo-tour .preview-sidebar{width: 46px; padding: 12px 5px;}
#mandreo-tour .preview-content h2{font-size: 21px;}
#mandreo-tour .connection-card{margin-left: 12px; width: 100%; padding: 14px;}
#mandreo-tour .connection-card strong{font-size: 10px;}
#mandreo-tour .hero-bottom > div{gap: 17px;}
#mandreo-tour .hero-bottom{font-size: 10px;}
#mandreo-tour .section-heading h2{font-size: 38px;}
#mandreo-tour .station-copy{padding: 28px 23px;}
#mandreo-tour .station-copy h3{font-size: 26px;}
#mandreo-tour .station-demo{padding: 25px 24px;}
#mandreo-tour .features .section-heading h2{font-size: 34px;}
#mandreo-tour .feature-card{padding: 23px 21px;}
#mandreo-tour .feature-card h3{font-size: 18px;}
#mandreo-tour .ebo-strip p{max-width: 530px;}
#mandreo-tour .header-inner nav{margin-right: 10px;}}
@media (max-width: 850px){#mandreo-tour .container{width: calc(100% - 48px);}
#mandreo-tour .hero-grid{grid-template-columns: 1fr 1fr; gap: 24px;}
#mandreo-tour .hero-copy h1{font-size: 44px; letter-spacing: -2.1px;}
#mandreo-tour .hero-copy .eyebrow{font-size: 9px;}
#mandreo-tour .hero-lead{font-size: 16px;}
#mandreo-tour .hero-description{font-size: 12px;}
#mandreo-tour .preview-content{padding: 19px 14px;}
#mandreo-tour .preview-top{padding: 0px 12px; gap: 7px;}
#mandreo-tour .preview-sidebar{display: none;}
#mandreo-tour .preview-content h2{font-size: 20px;}
#mandreo-tour .mini-stats > div{padding: 10px;}
#mandreo-tour .preview-case small{font-size: 7px;}
#mandreo-tour .connection-card{gap: 8px; padding: 12px 10px; margin-left: 0px;}
#mandreo-tour .connection-card strong{font-size: 9px;}
#mandreo-tour .connection-card div > span{font-size: 8px;}
#mandreo-tour .connection-icon{width: 31px; height: 31px;}
#mandreo-tour .visual-kicker{font-size: 8px; letter-spacing: 1px;}
#mandreo-tour .hero-bottom{align-items: start;}
#mandreo-tour .hero-bottom > div{flex-wrap: wrap; justify-content: flex-end; gap: 10px 16px;}
#mandreo-tour .hero-bottom > span{max-width: 170px;}
#mandreo-tour .section-heading{gap: 30px;}
#mandreo-tour .section-heading > p{font-size: 12px; max-width: 280px;}
#mandreo-tour .station-layout{grid-template-columns: 32% 68%;}
#mandreo-tour .station-copy{padding: 25px 20px;}
#mandreo-tour .station-copy h3{font-size: 24px;}
#mandreo-tour .station-copy > p{font-size: 12px;}
#mandreo-tour .station-demo{padding: 22px;}
#mandreo-tour .timeline-title{font-size: 10px;}
#mandreo-tour .feature-grid{gap: 12px;}
#mandreo-tour .feature-card{padding: 21px 18px;}
#mandreo-tour .feature-card h3{font-size: 16px;}
#mandreo-tour .feature-card p{font-size: 11px;}
#mandreo-tour .ebo-strip p{font-size: 11px;}
#mandreo-tour .footer-top{gap: 20px;}
#mandreo-tour .footer-top > p{padding-left: 20px;}
#mandreo-tour .closing h2{font-size: 30px;}
#mandreo-tour .receipt-layout{gap: 13px;}
#mandreo-tour .receipt{padding: 15px 12px;}
#mandreo-tour .receipt-total strong{font-size: 20px;}
#mandreo-tour .header-inner nav{gap: 20px; font-size: 11px;}
#mandreo-tour .header-inner{gap: 15px;}
#mandreo-tour .wordmark{font-size: 24px;}}
@media (max-width: 650px){html:has(#mandreo-tour){scroll-padding-top: 20px;}
#mandreo-tour .container{width: calc(100% - 36px);}
#mandreo-tour .site-header{height: 73px;}
#mandreo-tour .header-inner nav{display: none;}
#mandreo-tour .wordmark{font-size: 26px;}
#mandreo-tour .private-badge{font-size: 10px; padding: 6px 8px;}
#mandreo-tour .hero-grid{grid-template-columns: 1fr; gap: 38px; padding-top: 39px; padding-bottom: 28px;}
#mandreo-tour .hero-copy .eyebrow{font-size: 10px;}
#mandreo-tour .hero-copy h1{font-size: clamp(43px, 10.5vw, 63px); letter-spacing: -2.7px; margin-top: 20px;}
#mandreo-tour .hero-lead{font-size: 18px; margin-top: 22px;}
#mandreo-tour .hero-description{font-size: 13px; max-width: 380px; line-height: 1.75;}
#mandreo-tour .hero-cta{margin-top: 23px;}
#mandreo-tour .cta-note{font-size: 10px;}
#mandreo-tour .hero-visual{width: 100%; max-width: 450px; margin: auto; padding: 4px 7px 0px;}
#mandreo-tour .hero-visual::before{width: 320px; height: 320px; left: 30px; top: 35px;}
#mandreo-tour .visual-kicker{font-size: 8px; margin-bottom: 15px;}
#mandreo-tour .preview-top{height: 46px; padding: 0px 14px;}
#mandreo-tour .preview-sidebar{display: flex; width: 43px;}
#mandreo-tour .preview-content{padding: 20px 16px;}
#mandreo-tour .preview-content h2{font-size: 22px;}
#mandreo-tour .preview-content h2 > span{font-size: 18px;}
#mandreo-tour .mini-stats{margin-top: 19px;}
#mandreo-tour .mini-stats > div{padding: 11px 12px;}
#mandreo-tour .mini-task strong{font-size: 10px;}
#mandreo-tour .mini-task small{font-size: 8px;}
#mandreo-tour .mini-task-heading{margin-top: 20px;}
#mandreo-tour .mini-task{padding: 12px 0px;}
#mandreo-tour .preview-case small{font-size: 8px;}
#mandreo-tour .connection-card{width: calc(100% - 6px); margin-left: 12px; padding: 13px 12px; gap: 10px; margin-top: -2px;}
#mandreo-tour .connection-card strong{font-size: 10px;}
#mandreo-tour .connection-card div > span{font-size: 8px;}
#mandreo-tour .visual-caption{margin-top: 15px;}
#mandreo-tour .hero-bottom{flex-direction: column; gap: 17px; padding: 24px 0px; font-size: 10px;}
#mandreo-tour .hero-bottom > span{max-width: none;}
#mandreo-tour .hero-bottom > div{justify-content: flex-start; gap: 12px 18px;}
#mandreo-tour .hero-bottom .icon{width: 14px; height: 14px;}
#mandreo-tour .journey{padding: 46px 0px 21px;}
#mandreo-tour .section-heading{flex-direction: column; align-items: start; gap: 19px;}
#mandreo-tour .section-heading h2{font-size: 34px; letter-spacing: -1.3px; margin-top: 14px;}
#mandreo-tour .section-heading > p{font-size: 13px; max-width: 360px; padding: 0px;}
#mandreo-tour .journey-heading > p br{display: none;}
#mandreo-tour .timeline{margin-top: 32px; margin-bottom: 20px;}
#mandreo-tour .timeline::before{top: 42px; left: 10%; right: 10%;}
#mandreo-tour .timeline-time{font-size: 9px; margin-bottom: 10px; letter-spacing: 0.5px;}
#mandreo-tour .timeline-node{width: 34px; height: 34px; margin-bottom: 10px;}
#mandreo-tour .timeline-title{display: none;}
#mandreo-tour .timeline-short{display: block; font-size: 9px;}
#mandreo-tour .station-layout{grid-template-columns: 1fr; min-height: 0px; border-radius: 11px;}
#mandreo-tour .station-copy{padding: 23px; border-right: 0px; border-bottom: 1px solid var(--line);}
#mandreo-tour .station-copy .eyebrow{font-size: 9px;}
#mandreo-tour .station-copy h3{font-size: 26px; margin-top: 11px; max-width: 340px;}
#mandreo-tour .station-copy > p{margin-top: 12px; font-size: 12px;}
#mandreo-tour .station-benefit{padding-top: 15px; font-size: 10px;}
#mandreo-tour .station-tags{margin-top: 12px;}
#mandreo-tour .station-demo{padding: 21px 18px; min-height: 385px;}
#mandreo-tour .demo-bar{margin-bottom: 18px; padding-bottom: 13px;}
#mandreo-tour .demo-path{font-size: 10px; gap: 6px;}
#mandreo-tour .demo-mode{font-size: 7px; padding: 3px 5px;}
#mandreo-tour .demo-title h4{font-size: 18px;}
#mandreo-tour .demo-title > span{font-size: 9px;}
#mandreo-tour .demo-task strong{font-size: 11px;}
#mandreo-tour .demo-task small{font-size: 9px;}
#mandreo-tour .demo-task{gap: 10px;}
#mandreo-tour .demo-task time{font-size: 9px;}
#mandreo-tour .case-summary{padding: 10px; gap: 8px;}
#mandreo-tour .case-summary strong{font-size: 11px;}
#mandreo-tour .case-summary small{font-size: 9px;}
#mandreo-tour .case-summary button{font-size: 10px;}
#mandreo-tour .case-summary .avatar{width: 31px; height: 31px; font-size: 10px;}
#mandreo-tour .case-summary .text-button{gap: 5px;}
#mandreo-tour .case-summary .icon{width: 14px; height: 14px;}
#mandreo-tour .journey-footer{gap: 12px; align-items: center;}
#mandreo-tour .journey-note{font-size: 8px; gap: 5px; max-width: 205px; line-height: 1.6;}
#mandreo-tour .journey-controls{gap: 9px;}
#mandreo-tour .journey-controls .icon-button{width: 36px; height: 36px;}
#mandreo-tour .journey-controls #step-count{font-size: 9px; white-space: nowrap;}
#mandreo-tour .features{padding-top: 48px;}
#mandreo-tour .features .section-heading h2{font-size: 31px;}
#mandreo-tour .feature-grid{grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 28px;}
#mandreo-tour .feature-card{padding: 20px 17px 17px;}
#mandreo-tour .feature-icon{width: 34px; height: 34px; border-radius: 8px;}
#mandreo-tour .feature-icon .icon{width: 19px; height: 19px;}
#mandreo-tour .feature-number{right: 16px; top: 23px; font-size: 8px;}
#mandreo-tour .feature-card h3{font-size: 16px; margin-top: 20px; line-height: 1.25; min-height: 40px;}
#mandreo-tour .feature-card p{font-size: 11px; line-height: 1.7; margin-top: 9px; margin-bottom: 18px;}
#mandreo-tour .feature-link{font-size: 10px; gap: 4px;}
#mandreo-tour .feature-link .icon{width: 13px; height: 13px;}
#mandreo-tour .ebo-strip{flex-wrap: wrap; gap: 12px; padding: 24px 0px;}
#mandreo-tour .ebo-strip > div{flex: 1 1 0%; min-width: 200px;}
#mandreo-tour .ebo-strip h3{font-size: 14px; line-height: 1.3;}
#mandreo-tour .ebo-strip p{font-size: 11px;}
#mandreo-tour .ebo-strip > .text-button{margin-left: 46px; font-size: 12px; padding: 0px;}
#mandreo-tour .closing{align-items: flex-start; flex-direction: column; padding: 43px 0px 48px; gap: 25px;}
#mandreo-tour .closing .eyebrow{font-size: 9px; letter-spacing: 1px;}
#mandreo-tour .closing h2{font-size: 30px; margin-top: 13px;}
#mandreo-tour .footer-top{flex-wrap: wrap; gap: 20px;}
#mandreo-tour .footer-top > p{font-size: 10px; padding-left: 20px;}
#mandreo-tour .footer-top > div{width: 100%; margin-left: 0px; text-align: left; display: flex; align-items: center; justify-content: space-between; gap: 15px;}
#mandreo-tour .footer-small{font-size: 8px; max-width: 166px; margin: 0px;}
#mandreo-tour .footer-bottom{flex-wrap: wrap; gap: 6px 16px; padding-top: 18px; font-size: 9px;}
#mandreo-tour .footer-bottom > span{width: 100%;}
#mandreo-tour .footer-bottom > .text-button{margin-left: 0px; margin-right: auto; font-size: 9px;}
#mandreo-tour .site-footer{padding-top: 28px;}
#mandreo-tour .receipt-layout{grid-template-columns: 0.94fr 1.06fr; gap: 12px;}
#mandreo-tour .receipt{padding: 13px 11px;}
#mandreo-tour .receipt h4{font-size: 12px;}
#mandreo-tour .receipt p{font-size: 9px;}
#mandreo-tour .receipt-total{font-size: 9px; flex-wrap: wrap;}
#mandreo-tour .receipt-total strong{font-size: 20px;}
#mandreo-tour .scan-state h4{font-size: 13px;}
#mandreo-tour .scan-state p{font-size: 10px;}
#mandreo-tour .scan-state .demo-action{font-size: 10px; padding: 9px 10px; gap: 5px;}
#mandreo-tour .scan-state .demo-action .icon{width: 13px; height: 13px;}
#mandreo-tour .field input,#mandreo-tour .field select{font-size: 16px; padding: 6px 7px;}
#mandreo-tour .field{font-size: 9px;}
#mandreo-tour .draft-input{font-size: 16px; line-height: 1.6; min-height: 210px;}
#mandreo-tour .demo-actions .demo-action{font-size: 10px;}
#mandreo-tour .court-options{gap: 14px;}
#mandreo-tour .court-options button{font-size: 10px;}
#mandreo-tour .check-row{font-size: 10px;}
#mandreo-tour dialog{padding: 23px 20px;}
#mandreo-tour #dialog-content h2{font-size: 28px;}
#mandreo-tour #dialog-content > p{font-size: 13px;}
#mandreo-tour .case-facts{gap: 8px;}
#mandreo-tour .case-facts > div{padding: 12px;}}
@media (max-width: 360px){#mandreo-tour .container{width: calc(100% - 28px);}
#mandreo-tour .hero-copy h1{font-size: 41px;}
#mandreo-tour .receipt-layout{grid-template-columns: 1fr;}
#mandreo-tour .receipt{display: none;}
#mandreo-tour .scan-state{min-height: 250px;}
#mandreo-tour .feature-card{padding: 18px 13px;}
#mandreo-tour .feature-card h3{font-size: 15px;}
#mandreo-tour .feature-link{font-size: 9px;}
#mandreo-tour .case-summary small{display: none;}
#mandreo-tour .journey-note{max-width: 151px;}
#mandreo-tour .private-badge{font-size: 9px;}
#mandreo-tour .wordmark{font-size: 23px;}}
@media (prefers-reduced-motion: reduce){html:has(#mandreo-tour){scroll-behavior: auto;}
#mandreo-tour *,#mandreo-tour ::before,#mandreo-tour ::after{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}
#mandreo-tour .button:hover,#mandreo-tour .feature-card:hover{transform: none;}}
#mandreo-tour .tour-info{padding:0 0 32px;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}
#mandreo-tour .tour-info p{max-width:580px}
@media(max-width:650px){html:has(#mandreo-tour){scroll-padding-top:92px}#mandreo-tour .tour-info{flex-direction:column;align-items:flex-start;gap:8px}}