.tour-section{padding:104px 0 110px;background:radial-gradient(circle at 17% 30%,#17377c 0,transparent 32%),linear-gradient(145deg,#091439,#0c2052);color:#fff;overflow:clip}
.tour-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:50px}
.tour-intro h2{color:#fff;font-size:clamp(36px,4.3vw,58px);line-height:1.12;letter-spacing:-.055em;margin:16px 0 0}
.tour-intro h2 em{font-style:normal;color:#65e1e1}
.tour-intro>p{color:#b9c8e4;font-size:16px;line-height:1.85;max-width:480px;margin:0 0 5px}
.tour-layout{display:grid;grid-template-columns:minmax(410px,.94fr) minmax(0,1.06fr);gap:56px;align-items:start}
.tour-demo{position:sticky;top:24px;border:1px solid #ffffff2f;border-radius:25px;background:#08112d;box-shadow:0 35px 80px #01071f8c;overflow:hidden}
.tour-demo-top{display:flex;justify-content:space-between;gap:15px;padding:19px 25px;border-bottom:1px solid #ffffff21;font-size:10px;font-weight:800;letter-spacing:.18em;color:#9cb2dc}
.tour-demo-top span:last-child{color:#70e4dd}
.tour-phone{height:557px;width:292px;position:relative;margin:22px auto 10px;border:8px solid #1d3672;border-radius:37px;background:#f7faff;box-shadow:10px 15px 0 #09142d,0 20px 40px #0007;overflow:hidden;color:#122651}
.tour-phone:before{content:"";position:absolute;left:50%;top:-1px;transform:translateX(-50%);height:17px;width:82px;border-radius:0 0 14px 14px;background:#1d3672;z-index:3}
.tour-phone-status{height:35px;padding:10px 18px 0;display:flex;justify-content:space-between;font-size:9px;font-weight:800}
.tour-screen{height:calc(100% - 45px);padding:13px 15px;animation:tourSceneIn .35s ease both}
.tour-screen[hidden]{display:none}
.tour-app-head{display:flex;flex-direction:column;gap:3px;margin-bottom:16px}
.tour-app-eyebrow{font-size:8px;font-weight:900;letter-spacing:.17em;color:#2366e9}
.tour-app-head strong{font-size:22px;line-height:1.16;letter-spacing:-.055em}
.tour-app-head small{font-size:10px;color:#7c8da7}
.tour-add-row{display:flex;align-items:center;gap:9px;border:1px dashed #b5c9ef;border-radius:12px;background:#eaf2ff;color:#2254b6;padding:9px;font-size:12px;font-weight:800}
.tour-add-row span:last-child{margin-left:auto;font-size:18px;line-height:1}
.tour-plus{display:grid;place-items:center;background:#d5e5ff;border-radius:7px;width:24px;height:24px;font-size:18px}
.tour-form{margin-top:13px;background:#fff;border:1px solid #dce6f5;border-radius:14px;padding:10px 13px;box-shadow:0 8px 20px #15397912}
.tour-form-title{display:block;font-size:11px;font-weight:800;margin:1px 0 3px}
.tour-form>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #edf2f8;padding:8px 0}
.tour-form>div:last-child{border:0}
.tour-form small{color:#8594ae;font-size:9px}.tour-form strong{font-size:9px;text-align:right}
.tour-toast{margin-top:14px;background:#dbf9ee;color:#087962;border-radius:10px;padding:10px 11px;font-size:10px;font-weight:800}
.tour-toast span{display:inline-grid;place-items:center;background:#b4eedb;border-radius:50%;width:18px;height:18px;margin-right:6px}
.tour-pills{display:flex;gap:5px;margin:5px 0 18px;white-space:nowrap}
.tour-pills span{border:1px solid #dce5f5;border-radius:100px;padding:5px 8px;font-size:9px;color:#63718b}
.tour-pills .selected{background:#245bea;border-color:#245bea;color:#fff}
.tour-offer{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3ebf8;border-radius:12px;margin-bottom:10px;padding:11px 9px;box-shadow:0 7px 16px #15387912}
.tour-offer-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:#e4eeff;color:#245bea;font-size:19px;font-weight:800}
.tour-offer-icon.cyan{background:#e1f8f5;color:#13a596}
.tour-offer div{flex:1;min-width:0}.tour-offer div>*{display:block;line-height:1.3}.tour-offer small{color:#2370d9;font-size:8px;font-weight:900;letter-spacing:.09em}.tour-offer strong{font-size:11px}.tour-offer div span{color:#8c9ab0;font-size:9px}.tour-offer b{color:#3071de;font-size:12px}
.tour-match{display:flex;align-items:center;gap:7px;background:#e3f9f2;border-radius:10px;padding:10px;color:#0b8d70;font-size:10px;font-weight:800;margin-top:13px}.tour-match span{font-size:14px}
.tour-detail-card{height:145px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#1641b3,#1e6df3 70%,#49cfd9);padding:14px;color:#fff;box-shadow:0 12px 20px #174bba31;margin-bottom:14px}.tour-detail-card:before,.tour-detail-card:after{content:"";position:absolute;border:1px solid #ffffff35;border-radius:50%;width:190px;height:190px;right:-30px;top:-80px}.tour-detail-card:after{right:-90px;top:-30px}.tour-detail-card strong{font-size:17px;position:relative;z-index:1}.tour-detail-card small{font-size:9px;opacity:.8;position:relative;z-index:1}.tour-detail-graphic{position:absolute;top:7px;right:15px;font-size:60px;color:#ffffff26;font-weight:800}
.tour-info{display:flex;align-items:center;gap:10px;padding:11px 5px;border-bottom:1px solid #e8edf5}.tour-info>span{font-size:16px;color:#2864df;width:24px;text-align:center}.tour-info div>*{display:block;line-height:1.4}.tour-info small{color:#8898b0;font-weight:800;font-size:8px;letter-spacing:.1em}.tour-info strong{font-size:10px}
.tour-saving-card{background:#fff;border:1px solid #dce7f5;border-radius:15px;padding:14px;box-shadow:0 10px 24px #11347415}.tour-saving-card>*{display:block}.tour-saving-card small{font-size:9px;color:#2162d7;font-weight:900;letter-spacing:.1em}.tour-saving-card span{font-size:10px;color:#8a98b0;margin-top:9px}.tour-saving-card strong{font-size:26px;letter-spacing:-.06em;margin:3px 0 9px}.tour-saving-card div{background:#265ee9;color:#fff;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800}.tour-saving-card b{float:right}
.tour-savings-summary{background:linear-gradient(135deg,#1948c7,#1e75ef);border-radius:14px;padding:15px;color:#fff;margin-top:13px}.tour-savings-summary>*{display:block}.tour-savings-summary span{font-size:9px;letter-spacing:.1em;font-weight:800;opacity:.8}.tour-savings-summary strong{font-size:29px;letter-spacing:-.06em;line-height:1.3}.tour-savings-summary small{font-size:9px;opacity:.75}
.tour-chart{height:86px;display:flex;align-items:end;gap:8px;padding:13px 14px 0;border-bottom:1px solid #dce5f3}.tour-chart i{width:22px;height:var(--h);background:linear-gradient(#28d2c7,#3482ed);border-radius:4px 4px 0 0;transform-origin:bottom;animation:tourBars .8s ease both}.tour-chart i:nth-child(1){--h:34%}.tour-chart i:nth-child(2){--h:52%}.tour-chart i:nth-child(3){--h:45%}.tour-chart i:nth-child(4){--h:66%}.tour-chart i:nth-child(5){--h:57%}.tour-chart i:nth-child(6){--h:78%}.tour-chart i:nth-child(7){--h:95%}
.tour-screen[data-scene="3"] .tour-chart{height:66px;padding-top:8px}.tour-screen[data-scene="3"] .tour-toast{margin-top:7px}
.tour-map{height:208px;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(45deg,#e9f4f7,#f3f8ff);border:1px solid #d9e9ef;margin-top:5px}.tour-map-road{position:absolute;height:20px;width:150%;background:#fff;box-shadow:0 0 0 1px #d8e8ec}.road-one{top:38px;left:-35px;transform:rotate(-17deg)}.road-two{top:126px;left:-20px;transform:rotate(24deg)}.road-three{top:110px;left:-35px;transform:rotate(-48deg)}.tour-map-you{position:absolute;top:91px;left:85px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#2768e9;color:#fff;font-size:20px;box-shadow:0 0 0 12px #2469e82c,0 0 0 28px #2469e816;animation:tourPulse 2s ease-in-out infinite}.tour-map-pin{position:absolute;top:53px;right:50px;display:grid;place-items:center;width:38px;height:38px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#10b99e;color:#fff;font-size:20px;font-weight:900;box-shadow:0 7px 16px #0da99062}.tour-map-pin::first-letter{transform:rotate(45deg)}
.tour-nearby-card{display:flex;align-items:center;gap:9px;margin-top:13px;background:#fff;border:1px solid #e2eaf6;border-radius:12px;padding:10px;box-shadow:0 9px 20px #173c7a14}.tour-nearby-icon{width:35px;height:35px;border-radius:10px;background:#e2f8f3;color:#0b9c84;display:grid;place-items:center;font-size:18px}.tour-nearby-card div>*{display:block;line-height:1.35}.tour-nearby-card small{font-size:8px;color:#15a98f;font-weight:800}.tour-nearby-card strong{font-size:10px}.tour-nearby-card div span{font-size:9px;color:#8b98ac}
.tour-premium{margin-top:13px;color:#77652d;background:#fff5d8;border-radius:10px;padding:9px;font-size:9px;font-weight:700}.tour-premium span{color:#d8a51a;font-size:13px;margin-right:5px}
.tour-phone-home{height:4px;width:80px;border-radius:10px;background:#243c6f;position:absolute;bottom:8px;left:50%;transform:translateX(-50%)}
.tour-demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 22px 18px}.tour-demo-bottom strong,.tour-demo-bottom small{display:block}.tour-demo-bottom strong{font-size:15px}.tour-demo-bottom small{color:#91a4cb;font-size:11px}.tour-demo-bottom button{background:#6ae1d7;color:#09244c;border:0;border-radius:100px;padding:10px 14px;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap}.tour-demo-bottom button:hover{background:#a4f5e9}
.tour-progress{height:4px;background:#243963}.tour-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#36c9c8,#8cf9d8)}.tour-layout[data-playing="true"] .tour-progress span{animation:tourProgress 5.5s linear both}
.tour-disclaimer{padding:13px 20px 17px;margin:0;text-align:center;color:#8fa4c6;font-size:10px;line-height:1.5;border-top:1px solid #ffffff13}
.tour-chapters{display:flex;flex-direction:column;gap:16px;padding:0 0 18px}.tour-chapter{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;min-height:185px;text-align:left;color:#fff;background:#ffffff0b;border:1px solid #ffffff21;border-radius:20px;padding:25px 60px 25px 27px;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}.tour-chapter:hover{transform:translateX(3px);background:#ffffff13}.tour-chapter.is-active{background:#ffffff1b;border-color:#74e2df8c;box-shadow:inset 4px 0 0 #63e5de}.tour-chapter>span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#65e2db}.tour-chapter>strong{font-size:24px;line-height:1.22;letter-spacing:-.04em;max-width:440px}.tour-chapter>small{font-size:13px;line-height:1.7;color:#bdcae2;max-width:440px}.tour-chapter>i{position:absolute;top:26px;right:26px;font-style:normal;color:#6de3dc;font-size:19px}
.tour-animate-a,.tour-animate-b,.tour-animate-c,.tour-animate-d{animation:tourRise .65s ease both}.tour-animate-a{animation-delay:.12s}.tour-animate-b{animation-delay:.65s}.tour-animate-c{animation-delay:1.25s}.tour-animate-d{animation-delay:1.85s}
@keyframes tourRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes tourSceneIn{from{opacity:.45}to{opacity:1}}@keyframes tourBars{from{transform:scaleY(.08)}to{transform:scaleY(1)}}@keyframes tourPulse{50%{box-shadow:0 0 0 18px #2469e82a,0 0 0 36px #2469e810}}@keyframes tourProgress{to{width:100%}}
@media(max-width:960px){.tour-layout{grid-template-columns:minmax(350px,.9fr) minmax(0,1.1fr);gap:24px}.tour-chapter{padding:23px 44px 23px 22px}.tour-chapter>strong{font-size:21px}}
@media(max-width:700px){.tour-section{padding:75px 0}.tour-intro{display:block;margin-bottom:30px}.tour-intro>p{margin-top:18px;font-size:14px}.tour-layout{display:flex;flex-direction:column;gap:25px}.tour-demo{position:relative;top:auto;width:100%}.tour-phone{height:535px;width:282px;margin:18px auto 8px}.tour-chapters{width:100%;display:grid;grid-template-columns:1fr;gap:10px}.tour-chapter{min-height:0;padding:18px 45px 18px 19px;gap:8px}.tour-chapter>strong{font-size:19px}.tour-chapter>small{font-size:12px}.tour-chapter>i{top:20px;right:20px}.tour-demo-top{padding:16px 18px}.tour-demo-bottom{padding:14px 16px 17px}.tour-disclaimer{padding:12px 15px 15px}.tour-map{height:185px}.tour-form>div{padding:7px 0}}
@media(max-width:380px){.tour-phone{width:260px}.tour-demo-bottom strong{font-size:13px}.tour-demo-bottom button{font-size:10px;padding:9px 11px}.tour-section .wrap{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.tour-section *, .tour-section *::before, .tour-section *::after{animation:none!important;transition:none!important}.tour-animate-a,.tour-animate-b,.tour-animate-c,.tour-animate-d{opacity:1!important;transform:none!important}.tour-progress span{width:0!important}}
