.demo-body{background:#edf3f6}.demo-header{height:78px;padding:0 5vw;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe8ee;position:sticky;top:0;z-index:10}.demo-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.demo-brand img{width:48px;height:48px;object-fit:contain}.demo-brand small{display:block;color:#657c8e;font-size:.64rem}.demo-header nav{display:flex;gap:25px}.demo-header nav a{text-decoration:none;font-weight:700;font-size:.82rem}.demo-warning{text-align:center;background:#fff2c9;color:#765700;padding:9px;font-size:.76rem}.demo-shell{max-width:1240px;margin:auto}.demo-intro{min-height:500px;padding:75px 30px;display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.demo-intro h1{font:700 clamp(2.4rem,5vw,4.6rem)/1.04 Georgia,serif;margin:.5rem 0 1rem}.demo-intro>div>p{font-size:1.12rem;color:#587083;max-width:680px}.demo-actions{display:flex;gap:12px;margin-top:28px}.demo-hotel{background:linear-gradient(145deg,#092b49,#135273);color:#fff;padding:33px;border-radius:22px;box-shadow:0 25px 60px #092b4930}.demo-hotel>span{font-size:.66rem;letter-spacing:.12em;color:#65ddb4;font-weight:900}.demo-hotel h2{font:700 2rem Georgia,serif;margin:1rem 0 .3rem}.demo-hotel>div{margin-top:35px;border-top:1px solid #ffffff35;padding-top:20px}.demo-hotel>div b{font:700 2.5rem Georgia,serif;display:block}.tour-step,.action-demo{margin:30px;background:#fff;border-radius:22px;padding:55px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.step-copy>span{color:#1a9a70;font-size:.7rem;letter-spacing:.15em;font-weight:900}.step-copy h2,.section-title h2,.security-demo h2,.demo-cta h2{font:700 2.4rem/1.1 Georgia,serif;margin:.6rem 0 1rem}.step-copy p,.step-copy li{color:#587083}.step-copy li{margin:10px 0}.phone-mock{width:min(390px,100%);margin:auto;border:10px solid #102d43;border-radius:33px;background:#fff;padding:24px;box-shadow:0 25px 55px #0a26382c}.phone-top{font-size:.73rem;font-weight:800;border-bottom:1px solid #e0e8ec;padding-bottom:13px}.phone-progress{display:block;color:#168862;font-size:.68rem;margin-top:18px}.phone-mock h3{font:700 1.25rem/1.3 Georgia,serif}.phone-rating{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:22px 0}.phone-rating i{font-style:normal;height:55px;border:1px solid #d9e4e9;border-radius:8px;display:grid;place-items:center;font-weight:800}.phone-rating i small{display:none}.phone-rating .selected{background:#20b986;color:#062b20;border-color:#20b986}.phone-mock button{width:100%}.phone-mock>small{display:block;text-align:center;color:#718695;margin-top:13px}.dashboard-demo{margin:80px 30px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.period{background:#fff;border:1px solid #dbe5ea;padding:10px 14px;border-radius:9px;font-size:.78rem}.demo-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.demo-kpis article,.demo-panel{background:#fff;border:1px solid #dce7ec;border-radius:14px;padding:20px}.demo-kpis span{font-size:.62rem;font-weight:900;color:#6b8090;letter-spacing:.08em}.demo-kpis strong{font:700 2.2rem Georgia,serif;display:block;margin:10px 0}.demo-kpis small{color:#667d8e}.demo-kpis .up{color:#15835f}.demo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.demo-grid.second{grid-template-columns:.9fr 1.1fr}.demo-panel h3{margin-top:0}.bar-row{display:grid;grid-template-columns:130px 1fr 50px;gap:10px;align-items:center;margin:16px 0;font-size:.75rem}.bar-row>div{height:9px;background:#e8eff2;border-radius:9px}.bar-row i{display:block;height:100%;background:#22b985;border-radius:9px}.bar-row.alert i{background:#e0aa37}.insight{background:#fff5d9;color:#6e5412;padding:12px;border-radius:9px;font-size:.75rem}.nps-ring{width:160px;height:160px;border-radius:50%;margin:15px auto;background:conic-gradient(#20b986 0 61%,#e4b03e 61% 81%,#e66a63 81%);display:grid;place-items:center}.nps-ring>div{width:110px;height:110px;background:#fff;border-radius:50%;display:grid;place-content:center;text-align:center}.nps-ring strong{font:700 2rem Georgia,serif}.nps-ring span{font-size:.65rem}.legend{display:grid;gap:9px}.legend span{display:grid;grid-template-columns:12px 1fr auto;align-items:center;font-size:.75rem}.legend i{width:8px;height:8px;border-radius:50%}.promoter{background:#20b986}.passive{background:#e4b03e}.detractor{background:#e66a63}.trend{height:210px;display:flex;gap:18px;align-items:end;padding:20px 10px 0;border-bottom:1px solid #cfdce2}.trend>div{flex:1;min-height:20%;background:linear-gradient(#22ba87,#15825f);border-radius:8px 8px 0 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#fff;padding-top:8px}.trend span{color:#637a8b;transform:translateY(25px);font-size:.7rem}.verbatims blockquote{margin:0;padding:14px 0;border-top:1px solid #e1e9ed;font-size:.83rem}.verbatims small{display:block;color:#718594;margin-top:7px}.action-demo{grid-template-columns:.6fr 1.4fr}.action-table{border:1px solid #dce7ec;border-radius:12px;overflow:hidden}.action-table>div{display:grid;grid-template-columns:1.5fr 1fr .8fr .7fr;gap:10px;padding:13px;background:#fff;border-top:1px solid #e1e9ed;font-size:.72rem;align-items:center}.action-table .action-head{background:#092b49;color:#fff;border:0;font-weight:900}.action-table em{font-style:normal;padding:5px 7px;border-radius:8px;text-align:center}.doing{background:#fff0c9;color:#765500}.todo{background:#e9f0f4}.done{background:#dff6ed;color:#126c4e}.security-demo{margin:80px 30px;text-align:center}.security-demo>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.security-demo article{background:#fff;padding:25px;border-radius:13px;text-align:left}.security-demo p{color:#5f7687;font-size:.8rem}.demo-cta{margin:60px 30px 90px;background:#092b49;color:#fff;border-radius:22px;padding:45px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.demo-cta p{color:#c5d5df}.demo-cta>div:last-child{background:#fff;color:#092b49;padding:25px;border-radius:13px;display:grid;gap:10px}.demo-cta strong{font:700 2rem Georgia,serif}.demo-cta a{text-align:center}.demo-cta>div:last-child>a:last-child{font-size:.75rem}.offer-footer a{color:#fff}@media(max-width:900px){.demo-header nav{display:none}.demo-intro,.tour-step,.action-demo,.demo-cta{grid-template-columns:1fr}.demo-kpis{grid-template-columns:repeat(2,1fr)}.demo-grid,.demo-grid.second{grid-template-columns:1fr}.security-demo>div{grid-template-columns:1fr}}@media(max-width:600px){.demo-header{padding:0 14px}.demo-header>.button{display:none}.demo-intro{padding:50px 18px}.tour-step,.action-demo{margin:15px;padding:28px 20px}.dashboard-demo,.security-demo{margin:55px 15px}.demo-kpis{grid-template-columns:1fr 1fr}.demo-kpis strong{font-size:1.7rem}.section-title{display:block}.period{display:inline-block}.bar-row{grid-template-columns:100px 1fr 40px}.action-table{overflow-x:auto}.action-table>div{min-width:650px}.demo-cta{margin:40px 0 0;border-radius:0;padding:35px 20px}.demo-actions{display:grid}.step-copy h2,.section-title h2,.security-demo h2,.demo-cta h2{font-size:2rem}}


.short-link-demo{margin-top:24px;padding:16px 18px;background:#edf8f4;border:1px solid #cdece1;border-radius:12px;display:grid;gap:5px}.short-link-demo span{font-size:.64rem;font-weight:900;letter-spacing:.09em;color:#168862}.short-link-demo b{font-size:.86rem;color:#092b49;word-break:break-all}.short-link-demo small{color:#61798a}.touchpoints-demo{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.touchpoints-demo>article{background:#f7fafb;border:1px solid #dce7ec;border-radius:14px;padding:20px;display:grid;gap:7px}.touchpoints-demo>article span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#092b49;color:#fff;font-size:.68rem;font-weight:900}.touchpoints-demo>article b{font:700 1.15rem Georgia,serif;color:#092b49}.touchpoints-demo>article small{color:#657c8e}.qr-demo-box{grid-column:1/-1;background:#092b49;color:#fff;border-radius:16px;padding:20px;display:flex;gap:20px;align-items:center}.qr-demo-box p{color:#c7d7e1;margin:.35rem 0 0;font-size:.78rem}.fake-qr{width:94px;height:94px;min-width:94px;background:#fff;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.fake-qr i{background:#092b49}.fake-qr i:nth-child(2),.fake-qr i:nth-child(4),.fake-qr i:nth-child(8){background:#fff;border:5px solid #092b49}.measure-step{background:linear-gradient(135deg,#fff,#f5fbf8)}.survey-choice{display:grid;gap:9px;margin-top:20px}.survey-choice article{border:1px solid #dce7ec;border-radius:11px;padding:13px 15px;background:#fff;display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:8px;align-items:center}.survey-choice span,.survey-choice small{font-size:.72rem;color:#657c8e}.source-performance{margin-top:14px}.section-title.compact{margin:25px 0 12px}.section-title.compact h3{font:700 1.55rem Georgia,serif;margin:.4rem 0}.source-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.source-cards article{background:#fff;border:1px solid #dce7ec;border-radius:13px;padding:17px}.source-cards span{font-size:.62rem;letter-spacing:.08em;font-weight:900;color:#6b8090}.source-cards strong{display:block;font:700 1.8rem Georgia,serif;color:#092b49;margin:8px 0}.source-cards small{font-size:.7rem;color:#667d8e}@media(max-width:900px){.source-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.touchpoints-demo{grid-template-columns:1fr}.qr-demo-box{grid-column:auto}.survey-choice article{grid-template-columns:1fr}.source-cards{grid-template-columns:1fr 1fr}}