:root{--navy:#070c18;--ink:#13263a;--cream:#fffaf1;--soft:#c7d0d8;--muted:#8c9aaa;--line:rgba(220,231,241,.15);--coral:#52cfff;--gold:#91e8ff;--teal:#6fe0cf;--violet:#77b7ff}
body{background:radial-gradient(900px 520px at 88% -8%,rgba(82,207,255,.22),transparent 62%),radial-gradient(720px 470px at -10% 16%,rgba(111,224,207,.13),transparent 68%),var(--navy)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 35%,rgba(167,139,250,.035) 80%,transparent)}
.site-header{padding:22px 24px;margin-top:18px;border:1px solid rgba(220,231,241,.12);border-radius:999px;background:rgba(9,18,31,.72);backdrop-filter:blur(16px);box-shadow:0 14px 45px rgba(0,0,0,.18)}
.brand-mark{width:36px;height:36px;border-radius:14px;background:linear-gradient(145deg,rgba(145,232,255,.2),rgba(82,207,255,.1));box-shadow:0 0 0 5px rgba(145,232,255,.06)}
.wave-mark{position:relative;isolation:isolate;overflow:visible;border:0;background:radial-gradient(circle at 40% 35%,rgba(24,91,184,.34),rgba(8,18,37,.92) 70%);box-shadow:0 0 0 1px rgba(111,224,207,.34),0 0 23px rgba(40,148,255,.26)}
.wave-mark:before{content:"";position:absolute;inset:-4px;border-radius:17px;background:linear-gradient(130deg,rgba(111,224,207,.48),rgba(80,119,255,.28) 44%,rgba(145,232,255,.38));z-index:-1;filter:blur(6px);opacity:.72}
.wave-mark img{display:block;width:150%;height:150%;object-fit:contain;transform:translate(-13%,-11%) rotate(-8deg);filter:drop-shadow(0 5px 7px rgba(0,0,0,.36));animation:wave-breathe 3.8s ease-in-out infinite}
@keyframes wave-breathe{0%,100%{transform:translate(-13%,-11%) rotate(-8deg) scale(1)}50%{transform:translate(-10%,-15%) rotate(-3deg) scale(1.08)}}
.button{border-radius:999px;padding:16px 23px}.button-small{padding:11px 16px}.button-primary{background:linear-gradient(135deg,#8cecff,#389eff);box-shadow:0 14px 35px rgba(56,158,255,.3)}.button-primary:hover{background:linear-gradient(135deg,#b4f4ff,#55b5ff)}.button-ghost{border-color:rgba(145,232,255,.38);background:rgba(145,232,255,.05)}
.hero{padding-top:86px}.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;width:260px;height:260px;left:-120px;top:40px;border-radius:50%;background:rgba(111,224,207,.14);filter:blur(65px);pointer-events:none}.eyebrow{color:var(--gold)}.eyebrow-dot{background:var(--teal);box-shadow:0 0 0 7px rgba(111,224,207,.12)}
h1{font-size:clamp(48px,5.8vw,82px);text-wrap:balance}h1 em,h2 em{background:linear-gradient(100deg,#70e4ff,#69aaff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede{color:#d0d8df}.hero-trust{color:#b7c5d1;border-left:2px solid var(--teal);padding-left:13px;font-size:14px;font-weight:500;letter-spacing:.01em}
.hero-visual{border:1px solid rgba(145,232,255,.42);border-radius:38px;background:linear-gradient(140deg,rgba(24,48,70,.55),rgba(8,17,29,.88));box-shadow:0 25px 80px rgba(0,0,0,.28),0 0 0 8px rgba(145,232,255,.035)}.hero-visual:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.1);border-radius:27px;pointer-events:none;z-index:1}.visual-image{filter:saturate(1.1) contrast(1.06)}
.dashboard-card{border-radius:22px;background:rgba(17,39,57,.84);border-color:rgba(220,231,241,.28);box-shadow:0 25px 55px rgba(0,0,0,.42)}.dashboard-main{padding:24px}.dashboard-mini,.dashboard-booking{border-radius:18px}.booking-check{border-radius:12px;background:var(--teal)}
.proof-strip{padding:28px 0;margin-bottom:138px;border-color:rgba(145,232,255,.28)}.proof-strip strong{color:var(--gold);font-size:27px}.proof-strip span{color:#a6b3bf}
.section-kicker{color:var(--gold)}.split-heading{margin-bottom:46px}.split-heading h2{font-size:clamp(38px,4.8vw,63px)}.split-heading p{color:#bdc9d3}
.problem-solution,.features,.cases,.testimonials,.process{margin-bottom:145px}
.solution-grid{gap:18px}.solution-card{min-height:340px;border-radius:28px;padding:29px;background:linear-gradient(145deg,#101f31,#0b1524);border-color:rgba(220,231,241,.15);box-shadow:0 16px 36px rgba(0,0,0,.16)}.solution-card.active{background:linear-gradient(145deg,#82e9ff,#3299f5);box-shadow:0 22px 44px rgba(56,158,255,.23)}.solution-card.dark{background:linear-gradient(145deg,#e4f8ff,#c4e3ee)}
.feature-grid{border:0;gap:16px}.feature{min-height:245px;border:1px solid rgba(220,231,241,.14);border-radius:25px;background:linear-gradient(145deg,rgba(17,34,51,.86),rgba(10,20,33,.88));padding:29px;box-shadow:0 16px 35px rgba(0,0,0,.12)}.feature:hover{transform:translateY(-4px);border-color:rgba(145,232,255,.38);box-shadow:0 22px 45px rgba(0,0,0,.22)}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(82,207,255,.13);color:#79e3ff;font-size:28px}.feature p{color:#aab9c5}
.cases{position:relative;padding:58px 42px 42px;border-radius:42px;border:1px solid rgba(244,200,120,.3);background:linear-gradient(140deg,rgba(21,43,62,.95),rgba(11,21,35,.98) 58%,rgba(33,27,48,.95));box-shadow:0 30px 90px rgba(0,0,0,.24);overflow:hidden}.cases:after{content:"";position:absolute;width:390px;height:390px;right:-180px;top:-170px;border-radius:50%;border:1px solid rgba(244,200,120,.22);box-shadow:0 0 0 28px rgba(244,200,120,.04),0 0 0 58px rgba(244,200,120,.025);pointer-events:none}.cases .split-heading{position:relative;z-index:1}.case-list{position:relative;z-index:1;gap:20px}.case{border:1px solid rgba(220,231,241,.16);border-radius:30px;overflow:hidden;background:rgba(7,15,27,.56);box-shadow:0 18px 42px rgba(0,0,0,.18);transition:transform .25s,border-color .25s,box-shadow .25s}.case:hover{transform:translateY(-5px);border-color:rgba(244,200,120,.55);box-shadow:0 25px 55px rgba(0,0,0,.28)}.case-featured{border-color:rgba(255,134,95,.5)}.case-visual,.case-featured .case-visual{min-height:285px}.case-featured .case-visual{min-height:380px}.case-visual:after{background:linear-gradient(180deg,rgba(5,12,22,.05),rgba(5,12,22,.78))}.case-visual-one{background-image:linear-gradient(145deg,rgba(255,134,95,.12),rgba(8,17,29,.2)),url("https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1400&q=82")}.case-visual-two{background-image:linear-gradient(145deg,rgba(244,200,120,.1),rgba(8,17,29,.2)),url("https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?auto=format&fit=crop&w=1200&q=82")}.case-visual-three{background-image:linear-gradient(145deg,rgba(111,224,207,.1),rgba(8,17,29,.2)),url("https://images.unsplash.com/photo-1564501049412-61c2a3083791?auto=format&fit=crop&w=1200&q=82")}.case-visual-four{background-image:linear-gradient(145deg,rgba(167,139,250,.1),rgba(8,17,29,.2)),url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=82")}.case-visual-five{background-image:linear-gradient(145deg,rgba(255,134,95,.12),rgba(8,17,29,.2)),url("https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?auto=format&fit=crop&w=1200&q=82")}.case-label{left:22px;top:22px;padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(7,12,24,.36);backdrop-filter:blur(7px);font-size:10px}.case-mark{font-size:120px}.case-copy{padding:31px}.case-type{color:#ffb68e}.case h3{font-size:30px}.case p{color:#c1ccd5}.case-result{display:inline-flex;align-items:baseline;gap:9px;margin:3px 0 3px;padding:9px 13px;border-radius:14px;background:rgba(111,224,207,.1);border:1px solid rgba(111,224,207,.22)}.case-result strong{color:var(--teal);font:800 20px/1 Manrope,sans-serif}.case-result span{color:#aab9c5;font-size:11px}.case-note{position:relative;z-index:1;color:#9daebd}
.testimonials blockquote{padding:25px;border:1px solid rgba(220,231,241,.14);border-radius:25px;background:linear-gradient(145deg,rgba(17,35,52,.8),rgba(10,19,32,.9));box-shadow:0 16px 34px rgba(0,0,0,.14)}.testimonial-grid blockquote p{min-height:125px;color:#e8edf0}.testimonial-grid footer{border-color:rgba(220,231,241,.14)}
.process-steps{border-top:1px solid rgba(145,232,255,.24)}.process-step{padding:29px 18px;border-color:rgba(220,231,241,.13);border-radius:18px}.process-step:hover{background:rgba(255,255,255,.035)}
.guarantee-inner{border-radius:36px;padding:62px 7%;background:linear-gradient(135deg,#f4ead9,#d5e2dc);box-shadow:0 26px 64px rgba(0,0,0,.22)}
.contact-card{border-radius:32px;border-color:rgba(145,232,255,.6);background:linear-gradient(145deg,rgba(24,43,60,.8),rgba(11,20,33,.96));box-shadow:0 22px 55px rgba(0,0,0,.2)}.contact-orb{width:260px;height:260px;right:-60px;top:-68px;border-color:rgba(82,207,255,.8);box-shadow:0 0 0 18px rgba(82,207,255,.06),0 0 0 38px rgba(82,207,255,.04)}
.site-footer{border-color:rgba(145,232,255,.22)}
.sparkline span{background:linear-gradient(180deg,#58d5ff,rgba(88,213,255,.22))}.card-status.bad{color:#58cfff}.guarantee .section-kicker.light{color:#187fa3}.guarantee-list>div>span{color:#147fa7}
.case-featured{border-color:rgba(82,207,255,.5)}.case-visual-one{background-image:linear-gradient(145deg,rgba(82,207,255,.14),rgba(8,17,29,.2)),url("https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1400&q=82")}.case-visual-two{background-image:linear-gradient(145deg,rgba(145,232,255,.12),rgba(8,17,29,.2)),url("https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?auto=format&fit=crop&w=1200&q=82")}.case-visual-four{background-image:linear-gradient(145deg,rgba(119,183,255,.12),rgba(8,17,29,.2)),url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=82")}.case-visual-five{background-image:linear-gradient(145deg,rgba(82,207,255,.14),rgba(8,17,29,.2)),url("https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?auto=format&fit=crop&w=1200&q=82")}.case-type{color:#91e8ff}
body:before{background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 35%,rgba(82,169,255,.05) 80%,transparent)}.cases{border-color:rgba(145,232,255,.3);background:linear-gradient(140deg,rgba(21,43,62,.95),rgba(11,21,35,.98) 58%,rgba(13,39,66,.95))}.cases:after{border-color:rgba(145,232,255,.22);box-shadow:0 0 0 28px rgba(145,232,255,.04),0 0 0 58px rgba(145,232,255,.025)}.case:hover{border-color:rgba(145,232,255,.55)}
.guarantee-inner{background:linear-gradient(135deg,#e1f8ff,#c3e6f4)}

/* Светлая версия: спокойная, сервисная подача для владельцев отелей. */
:root{--navy:#f7fcff;--ink:#102d43;--cream:#102d43;--soft:#4e6b7d;--muted:#70899a;--line:rgba(23,111,154,.16);--coral:#157eae;--gold:#167fab;--teal:#139b9a;--violet:#4d9ee6}
body{background:radial-gradient(920px 560px at 96% -10%,rgba(114,212,255,.32),transparent 62%),radial-gradient(760px 520px at -12% 18%,rgba(95,221,208,.18),transparent 70%),var(--navy);color:var(--ink)}
body:before{background:linear-gradient(115deg,rgba(255,255,255,.72),transparent 34%,rgba(64,170,230,.08) 80%,transparent)}
.site-header{background:rgba(255,255,255,.76);border-color:rgba(31,111,151,.2);box-shadow:0 14px 42px rgba(40,106,137,.12)}.brand,.site-footer .brand{color:#102d43}.nav-links a,.text-link{color:#365d73}.nav-links a:hover,.text-link:hover{color:#0b3955}
.button-primary{background:linear-gradient(135deg,#159ed3,#1877be);color:#fff;box-shadow:0 14px 32px rgba(24,119,190,.24)}.button-primary:hover{background:linear-gradient(135deg,#3bb7e8,#248bd5);box-shadow:0 17px 36px rgba(24,119,190,.28)}.button-ghost{color:#15364c;border-color:rgba(20,116,163,.45);background:rgba(255,255,255,.58)}.button-ghost:hover{background:#e5f6fc}
.eyebrow,.section-kicker{color:#187aa4}.eyebrow-dot{background:#18a6a5;box-shadow:0 0 0 7px rgba(24,166,165,.13)}h1 em,h2 em{background:linear-gradient(100deg,#0d9dc7,#276fca);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede{color:#49697b}.hero-trust{color:#476b7d;border-left-color:#18a6a5}.text-link span{color:#168ac1}
.hero-visual{border-color:rgba(20,126,174,.38);box-shadow:0 25px 65px rgba(28,95,128,.16),0 0 0 8px rgba(67,181,225,.08)}
.proof-strip{border-color:rgba(20,126,174,.24)}.proof-strip strong{color:#157eae}.proof-strip span{color:#668094}.split-heading p{color:#557286}
.solution-card{background:#fff;border-color:rgba(24,117,157,.16);box-shadow:0 14px 32px rgba(34,93,120,.1)}.solution-card.active{background:linear-gradient(145deg,#197fb4,#1768a8);color:#fff;box-shadow:0 19px 40px rgba(24,103,168,.2)}.solution-card.dark{background:linear-gradient(145deg,#e7f8fc,#cfecf5);color:#12364c}.card-status.good{color:#d8fbff}.card-status.bad{color:#147eb0}.card-status.neutral{color:#2e728b}
.feature{background:#fff;border-color:rgba(24,117,157,.15);box-shadow:0 14px 30px rgba(34,93,120,.09)}.feature:hover{border-color:rgba(21,126,174,.42);box-shadow:0 20px 38px rgba(34,93,120,.14)}.feature-icon{background:rgba(52,175,221,.12);color:#178fbd}.feature p{color:#5e7889}
.cases{border-color:rgba(22,127,171,.24);background:linear-gradient(140deg,#e9f8fc,#f9fdff 58%,#e2f4fb);box-shadow:0 24px 58px rgba(34,93,120,.12)}.cases:after{border-color:rgba(28,142,193,.2);box-shadow:0 0 0 28px rgba(39,162,211,.045),0 0 0 58px rgba(39,162,211,.025)}.case{background:#fff;border-color:rgba(24,117,157,.16);box-shadow:0 16px 34px rgba(34,93,120,.1)}.case:hover{border-color:rgba(21,126,174,.48);box-shadow:0 22px 44px rgba(34,93,120,.14)}.case-featured{border-color:rgba(24,139,190,.44)}.case h3{color:#102d43}.case p{color:#5a7485}.case-type{color:#127da8}.case-note{color:#668094}.case-result{background:rgba(36,173,183,.09);border-color:rgba(19,155,154,.22)}.case-result strong{color:#087f88}.case-result span{color:#5a7485}
.testimonials blockquote{background:#fff;border-color:rgba(24,117,157,.15);box-shadow:0 14px 30px rgba(34,93,120,.09)}.testimonial-grid blockquote p{color:#18384e}.testimonial-grid footer{border-color:rgba(24,117,157,.14)}.person-avatar{background:#b9ecfa;color:#0d415c}.quote-mark{color:#168fc1}
.process-steps{border-color:rgba(22,127,171,.22)}.process-step{border-color:rgba(24,117,157,.14)}.process-step:hover{background:rgba(75,185,226,.08)}.process-step>span{color:#167fab}.process-step p{color:#5b7586}
.guarantee-inner{background:linear-gradient(135deg,#e3f8ff,#c4eaf7);box-shadow:0 24px 54px rgba(34,93,120,.13)}.guarantee .section-kicker.light{color:#167fa6}.guarantee-list>div>span{color:#157eae}
.contact-copy p{color:#547185}.contact-card{border-color:rgba(20,126,174,.38);background:linear-gradient(145deg,#e9f9fd,#d6f0f8);box-shadow:0 18px 42px rgba(34,93,120,.11)}.contact-number{color:#167fab}.contact-card p{color:#567386}.contact-arrow{color:#138dc1}.contact-orb{border-color:rgba(33,159,209,.7);box-shadow:0 0 0 18px rgba(33,159,209,.07),0 0 0 38px rgba(33,159,209,.04)}.site-footer{border-color:rgba(22,127,171,.2);color:#658093}
.hero-visual{color:#fff}.hero-visual .dash-number{color:#fff}.hero-visual .dash-number small,.hero-visual .dashboard-mini small,.hero-visual .dashboard-booking small{color:#b8cbd5}.hero-visual .mini-icon,.hero-visual .booking-time{color:#91e8ff}.hero-visual .visual-caption{color:#fff}.case-label{color:#fff}

/* Сценарий бронирования: единая линия, а не три разрозненные плитки. */
.problem-solution .solution-grid{grid-template-columns:.92fr 1.16fr .92fr;gap:1px;overflow:hidden;border:1px solid rgba(22,125,168,.2);border-radius:34px;background:rgba(22,125,168,.2);box-shadow:0 20px 48px rgba(30,93,121,.11)}
.problem-solution .solution-card{min-height:365px;padding:34px 36px 30px;border:0;border-radius:0;box-shadow:none;background:#fbfeff;position:relative;isolation:isolate}
.problem-solution .solution-card.active{background:radial-gradient(110% 90% at 100% 0%,rgba(151,237,255,.32),transparent 58%),linear-gradient(145deg,#168ec4,#1765a5);box-shadow:none}.problem-solution .solution-card.dark{background:linear-gradient(145deg,#e9f9fc,#d5f1f7)}
.problem-solution .card-index{display:inline-grid;place-items:center;width:44px;height:30px;border-radius:999px;background:#e5f5fa;color:#197a9f;font-size:12px;letter-spacing:.08em;opacity:1}.problem-solution .active .card-index{background:rgba(255,255,255,.16);color:#fff}.problem-solution .dark .card-index{background:rgba(21,135,174,.12)}
.problem-solution .solution-card h3{max-width:300px;margin:42px 0 14px;font-size:clamp(29px,2.65vw,39px);letter-spacing:-.06em}.problem-solution .solution-card p{max-width:330px;margin:0 0 auto;font-size:16px;line-height:1.52;opacity:1;color:#547085}.problem-solution .active p{color:rgba(255,255,255,.86)}
.problem-solution .card-line{margin:30px 0 16px;background:#91b7c7;opacity:.55}.problem-solution .active .card-line{background:rgba(255,255,255,.42);opacity:1}.problem-solution .card-status{font-size:11px;letter-spacing:.13em}.problem-solution .card-status.bad{color:#2b7f9e}.problem-solution .card-status.good{color:#e9fbff}.problem-solution .card-status.neutral{color:#2e7b94}
.problem-solution .active:after{content:"";position:absolute;width:220px;height:220px;right:-72px;top:-88px;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 0 22px rgba(255,255,255,.05),0 0 0 48px rgba(255,255,255,.025);pointer-events:none;z-index:-1}
@media(max-width:950px) and (min-width:601px){.problem-solution .solution-grid{grid-template-columns:1fr 1fr}.problem-solution .solution-card.dark{grid-column:1 / -1;min-height:245px}.problem-solution .solution-card.dark h3{margin-top:30px}.problem-solution .solution-card.dark p{max-width:600px}}
@media(max-width:600px){.problem-solution .solution-grid{grid-template-columns:1fr;border-radius:26px}.problem-solution .solution-card{min-height:290px;padding:28px}.problem-solution .solution-card h3{margin-top:34px;font-size:34px}.problem-solution .solution-card p{font-size:15px}.problem-solution .solution-card.dark{grid-column:auto;min-height:270px}}

/* Четыре ключевые функции в ровной, без пустых ячеек сетке. */
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{min-height:250px}.feature p{max-width:430px}
@media(max-width:600px){.feature-grid{grid-template-columns:1fr}.feature{min-height:220px}}

.contact{grid-template-columns:1fr;gap:0}

.header-note{max-width:270px;margin-left:0;color:#587488;font-size:13px;font-weight:600;line-height:1.35;text-align:right}
@media(max-width:950px){.header-note{margin-left:auto}}
@media(max-width:600px){.header-note{max-width:155px;font-size:11px}}
@media(max-width:950px){.site-header{border-radius:24px}.cases{padding:44px 24px 30px;border-radius:30px}.case-featured{grid-template-columns:1fr}.case-featured .case-visual{min-height:290px}}
@media(max-width:600px){.site-header{margin-top:10px;padding:14px 16px}.hero{padding-top:58px}.hero-visual{border-radius:28px}.hero-visual:after{inset:12px;border-radius:19px}.proof-strip{margin-bottom:100px}.cases{padding:38px 16px 22px;border-radius:26px}.cases:after{width:240px;height:240px;right:-140px;top:-130px}.case,.feature,.solution-card{border-radius:23px}.case-visual,.case-featured .case-visual{min-height:230px}.case-copy{padding:24px}.case h3{font-size:26px}.testimonial-grid blockquote{padding:22px}.guarantee-inner{border-radius:27px}}

/* На телефоне основная кнопка остаётся заметной, но не выглядит слишком тяжёлой. */
@media(max-width:600px){.hero-actions .button-primary{gap:10px;padding:13px 18px;font-size:16px;font-weight:600;letter-spacing:-.025em}.hero-actions .button-primary span{font-size:17px}}

/* Компактная шапка на телефоне и заранее загружаемый знак. */
.wave-mark{background:radial-gradient(circle at 38% 28%,#effdff,#91daf2 72%)}
@media(max-width:600px){.site-header{min-height:76px;gap:10px;padding:11px 14px;border-radius:24px}.brand{gap:8px;font-size:16px;font-weight:700;line-height:1.12}.brand>span:last-child{max-width:96px}.brand-mark.wave-mark{width:32px;height:32px;flex:0 0 32px;border-radius:12px}.wave-mark:before{inset:-2px;filter:blur(4px)}.wave-mark img{width:124%;height:124%;transform:translate(-11%,-9%) rotate(-5deg);animation:none}.header-note{max-width:130px;font-size:12px;font-weight:500;line-height:1.25}}

/* Показатели примеров без плашек — только цифры и пояснения. */
.case-result{padding:0;background:transparent;border:0}

.contact-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.button-max{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 14px 32px rgba(109,40,217,.22)}.button-max:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 17px 36px rgba(109,40,217,.3)}

/* Один живой пример: путь гостя на сайте превращается в бронь в системе отеля. */
.booking-demo{position:relative;z-index:1;margin-top:46px;padding:30px;border:1px solid rgba(22,127,171,.22);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(226,246,252,.92));box-shadow:0 20px 48px rgba(34,93,120,.1);overflow:hidden}.booking-demo:before{content:"";position:absolute;width:330px;height:330px;right:-150px;bottom:-175px;border-radius:50%;border:1px solid rgba(29,149,201,.16);box-shadow:0 0 0 28px rgba(29,149,201,.035),0 0 0 62px rgba(29,149,201,.02);pointer-events:none}.booking-demo-heading{display:flex;align-items:baseline;justify-content:space-between;gap:28px;margin-bottom:22px}.booking-demo-heading h3{margin:0;color:#102d43;font-size:clamp(24px,2.5vw,34px);letter-spacing:-.055em}.booking-demo-stage{position:relative;min-height:530px;padding:47px 14px 14px;border:1px solid rgba(21,123,166,.18);border-radius:24px;background:linear-gradient(135deg,#dff4fa,#f8fdff 52%,#d6eef7);overflow:hidden;isolation:isolate}.demo-stage-labels{position:absolute;z-index:5;inset:15px 18px auto;display:flex;align-items:center;gap:10px;color:#527386;font:700 11px/1 Manrope,sans-serif;letter-spacing:.09em;text-transform:uppercase}.demo-stage-labels i{display:block;flex:1;max-width:65px;height:1px;background:linear-gradient(90deg,#2c9dc6,rgba(44,157,198,.12))}.demo-stage-labels span:last-child{color:#1b7698}.demo-guest-screen,.demo-admin-screen{position:absolute;z-index:2;inset:47px 14px 14px;overflow:hidden;border:1px solid rgba(23,104,144,.22);border-radius:18px;box-shadow:0 18px 42px rgba(28,93,120,.16)}.demo-guest-screen{background:#fff}.demo-browser-bar{height:38px;display:flex;align-items:center;gap:12px;padding:0 15px;border-bottom:1px solid #ddeaf0;color:#436d82;font-size:11px}.demo-browser-bar strong{font:700 11px/1 Manrope,sans-serif;color:#294d61}.demo-browser-address{margin-left:auto;padding:5px 11px;border-radius:999px;background:#eff7fa;color:#7391a1;font-size:10px}.demo-browser-dots{display:flex;gap:5px}.demo-browser-dots i{width:6px;height:6px;border-radius:50%;background:#b4cbd6}.demo-browser-dots i:first-child{background:#5fc6df}.demo-guest-page{position:relative;display:grid;grid-template-columns:.96fr 1.04fr;height:calc(100% - 38px);overflow:hidden;background:#fbfeff}.demo-room-photo{position:relative;min-height:100%;padding:20px;background:linear-gradient(180deg,rgba(10,43,59,.05),rgba(10,43,59,.56)),url("https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1200&q=82") center/cover}.demo-room-photo span{display:inline-block;padding:7px 10px;border:1px solid rgba(255,255,255,.36);border-radius:999px;background:rgba(8,48,67,.28);color:#fff;font:700 9px/1 Manrope,sans-serif;letter-spacing:.13em}.demo-room-copy{padding:30px 31px;color:#173f54}.demo-small-label{display:block;color:#2786aa;font:700 10px/1 Manrope,sans-serif;letter-spacing:.11em;text-transform:uppercase}.demo-room-copy h4,.demo-admin-content h4{margin:10px 0 8px;font:800 clamp(20px,2.05vw,28px)/1.08 Manrope,sans-serif;letter-spacing:-.055em}.demo-room-copy p{margin:0 0 19px;color:#648294;font-size:12px}.demo-price{display:flex;align-items:baseline;gap:7px;margin-bottom:15px}.demo-price strong{color:#126f94;font:800 23px/1 Manrope,sans-serif;letter-spacing:-.055em}.demo-price span{color:#6c8999;font-size:11px}.demo-date-pills{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:18px}.demo-date-pills span,.demo-date-pills b{padding:7px 9px;border:1px solid #cbe4ed;border-radius:8px;color:#375d70;background:#fff;font:700 11px/1 DM Sans,sans-serif}.demo-date-pills i{font-style:normal;color:#7395a4}.demo-date-pills b{border:0;background:#e5f7fb;color:#137f9e}.demo-room-copy button,.demo-admin-footer button{border:0;border-radius:9px;background:linear-gradient(135deg,#1897c9,#176db0);color:#fff;font:700 12px/1 Manrope,sans-serif;cursor:default}.demo-room-copy button{padding:12px 14px}.demo-room-copy button span{margin-left:14px;font-size:16px}.demo-booking-sheet{position:absolute;z-index:3;left:calc(50% - 8px);right:16px;bottom:16px;padding:16px;border:1px solid #bedfe9;border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 17px 35px rgba(27,94,122,.2);transform:translateY(130%);opacity:0}.demo-sheet-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#234f64;font:800 12px/1 Manrope,sans-serif}.demo-sheet-top b{color:#718e9d;font:600 10px/1 DM Sans,sans-serif}.demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.demo-form-grid span{padding:9px;border-radius:7px;background:#f3fafc;color:#7591a0;font-size:10px}.demo-form-grid span:last-child{grid-column:1 / -1}.demo-send-button{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:8px;background:#187bb2;color:#fff;font:700 11px/1 Manrope,sans-serif}.demo-send-button b{font-size:15px}.demo-sent-note{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;background:rgba(16,75,102,.95);color:#fff;font:700 13px/1 Manrope,sans-serif;opacity:0;transform:scale(.96)}.demo-sent-note i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#71e0cf;color:#0b455e;font-style:normal;font-weight:800}.demo-cursor{position:absolute;z-index:5;right:27%;bottom:18%;width:19px;height:26px;background:linear-gradient(135deg,#fff 0 45%,#177fa9 46% 58%,#fff 59%);clip-path:polygon(0 0,100% 58%,60% 63%,48% 100%);filter:drop-shadow(0 2px 2px rgba(17,72,94,.3));opacity:0}.demo-admin-screen{display:grid;grid-template-columns:172px 1fr;background:#f8fdff;opacity:0;transform:scale(.96) translateY(14px);pointer-events:none}.demo-admin-nav{display:flex;flex-direction:column;gap:8px;padding:22px 13px;background:linear-gradient(165deg,#0d405d,#0e6387);color:#cfeaf3}.demo-admin-nav strong{display:flex;align-items:center;gap:7px;margin-bottom:21px;color:#fff;font:700 12px/1.2 Manrope,sans-serif}.demo-admin-nav strong i{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(255,255,255,.16);font-style:normal}.demo-admin-nav>span{display:flex;align-items:center;justify-content:space-between;padding:9px 8px;border-radius:7px;font-size:11px}.demo-admin-nav>span.is-active{background:rgba(255,255,255,.14);color:#fff;font-weight:700}.demo-admin-nav b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#85e5ed;color:#0c526d;font-size:9px}.demo-admin-nav small{margin-top:auto;padding:8px;color:#b3d7e4;font-size:10px}.demo-admin-content{padding:22px 25px;overflow:hidden}.demo-admin-top{display:flex;align-items:flex-start;justify-content:space-between}.demo-admin-top h4{margin-top:6px;font-size:21px}.demo-admin-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#c4edf5;color:#1a6683;font:800 12px/1 Manrope,sans-serif}.demo-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.demo-stat-row div{padding:12px;border-radius:11px;background:#edf8fb}.demo-stat-row span{display:block;margin-bottom:7px;color:#6b8999;font-size:9px}.demo-stat-row strong{color:#164d66;font:800 17px/1 Manrope,sans-serif;letter-spacing:-.04em}.demo-new-booking{padding:17px;border:1px solid #c9e5ed;border-radius:14px;background:#fff;box-shadow:0 9px 22px rgba(35,103,131,.08)}.demo-new-booking-title,.demo-admin-footer{display:flex;align-items:center;justify-content:space-between}.demo-new-booking-title>span{color:#245d75;font:800 12px/1 Manrope,sans-serif}.demo-new-booking-title b{padding:6px 8px;border-radius:999px;background:#d8f8ee;color:#167060;font:800 9px/1 Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase}.demo-guest-line{display:flex;align-items:center;gap:9px;padding:14px 0;border-bottom:1px solid #e5f0f4}.demo-guest-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#d8f1f7;color:#1c718d;font:800 12px/1 Manrope,sans-serif}.demo-guest-line strong,.demo-guest-line small{display:block}.demo-guest-line strong{color:#234f64;font:700 12px/1.2 Manrope,sans-serif}.demo-guest-line small{margin-top:3px;color:#7994a3;font-size:9px}.demo-new-booking dl{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:14px 0}.demo-new-booking dl div{min-width:0}.demo-new-booking dt{margin-bottom:5px;color:#7893a2;font-size:9px}.demo-new-booking dd{margin:0;color:#315e73;font:700 10px/1.35 DM Sans,sans-serif}.demo-admin-footer{padding-top:12px;border-top:1px solid #e5f0f4;color:#7390a0;font-size:9px}.demo-admin-footer button{padding:8px 10px;font-size:10px}.demo-transition-flash{position:absolute;z-index:4;inset:0;background:radial-gradient(circle,rgba(255,255,255,.98),rgba(168,236,252,.58) 42%,rgba(56,156,205,.12) 72%);opacity:0;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.booking-demo{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.booking-demo.is-visible{opacity:1;transform:translateY(0)}.demo-guest-screen,.demo-admin-screen,.demo-booking-sheet,.demo-sent-note,.demo-cursor,.demo-transition-flash{animation-duration:16s;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:infinite;animation-play-state:paused}.booking-demo.is-visible .demo-guest-screen{animation-name:demo-guest-screen}.booking-demo.is-visible .demo-admin-screen{animation-name:demo-admin-screen}.booking-demo.is-visible .demo-booking-sheet{animation-name:demo-booking-sheet}.booking-demo.is-visible .demo-sent-note{animation-name:demo-sent-note}.booking-demo.is-visible .demo-cursor{animation-name:demo-cursor}.booking-demo.is-visible .demo-transition-flash{animation-name:demo-transition-flash}.booking-demo.is-visible .demo-guest-screen,.booking-demo.is-visible .demo-admin-screen,.booking-demo.is-visible .demo-booking-sheet,.booking-demo.is-visible .demo-sent-note,.booking-demo.is-visible .demo-cursor,.booking-demo.is-visible .demo-transition-flash{animation-play-state:running}@keyframes demo-guest-screen{0%,46%{opacity:1;transform:scale(1) translateY(0)}52%,100%{opacity:0;transform:scale(.97) translateY(-12px)}}@keyframes demo-booking-sheet{0%,21%{opacity:0;transform:translateY(130%)}28%,45%{opacity:1;transform:translateY(0)}49%,100%{opacity:0;transform:translateY(18%)}}@keyframes demo-sent-note{0%,40%{opacity:0;transform:scale(.96)}43%,47%{opacity:1;transform:scale(1)}49%,100%{opacity:0;transform:scale(1.03)}}@keyframes demo-cursor{0%,8%{opacity:0;transform:translate(0,0)}12%,17%{opacity:1;transform:translate(-25px,-12px)}20%,23%{opacity:1;transform:translate(-18px,-20px) scale(.86)}26%,34%{opacity:1;transform:translate(-60px,-74px)}38%,43%{opacity:1;transform:translate(-5px,-68px) scale(.85)}46%,100%{opacity:0;transform:translate(-5px,-68px)}}@keyframes demo-transition-flash{0%,48%{opacity:0}51%{opacity:1}55%,100%{opacity:0}}@keyframes demo-admin-screen{0%,51%{opacity:0;transform:scale(.96) translateY(14px)}57%,95%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(.99) translateY(-5px)}}}
@media(max-width:700px){.booking-demo{margin-top:30px;padding:18px;border-radius:24px}.booking-demo-heading{display:block;margin-bottom:18px}.booking-demo-heading .case-type{display:block;margin-bottom:9px}.booking-demo-stage{min-height:575px;padding:43px 8px 8px;border-radius:18px}.demo-stage-labels{inset:13px 13px auto;font-size:9px}.demo-stage-labels i{max-width:35px}.demo-guest-screen,.demo-admin-screen{inset:43px 8px 8px;border-radius:14px}.demo-browser-address{display:none}.demo-browser-bar{height:34px;padding:0 10px}.demo-browser-bar strong{font-size:10px}.demo-guest-page{grid-template-columns:1fr;height:calc(100% - 34px)}.demo-room-photo{min-height:205px;padding:14px}.demo-room-copy{padding:16px 17px}.demo-room-copy h4{font-size:21px}.demo-room-copy p{margin-bottom:12px;font-size:11px}.demo-price{margin-bottom:11px}.demo-room-copy button{padding:10px 12px}.demo-booking-sheet{left:10px;right:10px;bottom:10px;padding:13px}.demo-form-grid span{padding:8px;font-size:9px}.demo-admin-screen{grid-template-columns:58px 1fr}.demo-admin-nav{gap:8px;padding:15px 7px}.demo-admin-nav strong{justify-content:center;margin-bottom:17px;font-size:0}.demo-admin-nav strong i{width:25px;height:25px;font-size:14px}.demo-admin-nav>span{justify-content:center;padding:8px 3px;font-size:0}.demo-admin-nav>span:before{font:700 12px/1 Manrope,sans-serif}.demo-admin-nav>span:nth-of-type(1):before{content:"◫"}.demo-admin-nav>span:nth-of-type(2):before{content:"▣"}.demo-admin-nav>span:nth-of-type(3):before{content:"◉"}.demo-admin-nav>span:nth-of-type(4):before{content:"⌁"}.demo-admin-nav b{position:absolute;margin-left:18px;margin-top:-15px}.demo-admin-nav small{font-size:0;text-align:center}.demo-admin-nav small:before{content:"⚙";font-size:12px}.demo-admin-content{padding:17px 14px}.demo-admin-top h4{font-size:18px}.demo-stat-row{gap:5px;margin:14px 0}.demo-stat-row div{padding:9px 6px;border-radius:8px}.demo-stat-row span{font-size:8px}.demo-stat-row strong{font-size:12px}.demo-new-booking{padding:13px}.demo-new-booking dl{grid-template-columns:1fr 1fr;gap:8px}.demo-new-booking dl div:last-child{grid-column:1 / -1}.demo-new-booking dd{font-size:9px}.demo-admin-footer span{display:none}.demo-cursor{right:17%;bottom:25%}}

/* Отзыв занимает место прежних карточек, а сценарий брони остаётся ниже. */
.review-list{position:relative;z-index:1}.review-card{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:22px;row-gap:28px;padding:38px 42px;border:1px solid rgba(23,124,167,.18);border-radius:28px;background:linear-gradient(135deg,#fff,#effaff);box-shadow:0 18px 42px rgba(34,93,120,.1);overflow:hidden}.review-card:after{content:"";position:absolute;width:310px;height:310px;right:-135px;top:-180px;border:1px solid rgba(34,157,203,.16);border-radius:50%;box-shadow:0 0 0 26px rgba(34,157,203,.035),0 0 0 56px rgba(34,157,203,.018);pointer-events:none}.review-mark{position:relative;z-index:1;color:#168cc0;font:800 68px/.7 Georgia,serif}.review-card blockquote{position:relative;z-index:1;max-width:930px;margin:0;color:#15374c;font:600 clamp(23px,2.7vw,36px)/1.28 Manrope,sans-serif;letter-spacing:-.05em}.review-card footer{position:relative;z-index:1;grid-column:2;display:flex;align-items:center;gap:14px;padding-top:22px;border-top:1px solid rgba(23,124,167,.15)}.review-card footer img{display:block;width:58px;height:58px;flex:0 0 58px;border:2px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 5px 16px rgba(37,104,132,.16)}.review-card footer strong,.review-card footer span{display:block}.review-card footer strong{color:#173f55;font:800 15px/1.2 Manrope,sans-serif}.review-card footer span{margin-top:4px;color:#688496;font-size:13px}@media(max-width:600px){.review-card{grid-template-columns:1fr;gap:18px;padding:28px 23px;border-radius:23px}.review-mark{font-size:58px}.review-card blockquote{font-size:23px}.review-card footer{grid-column:auto;padding-top:18px}.review-card footer img{width:52px;height:52px;flex-basis:52px}}