.rd{color:#15151d}.rd h1,.rd h2,.rd h3{letter-spacing:-.046em}.rd-hero{background:radial-gradient(ellipse at 62% 45%,#f5efe8,transparent 65%),linear-gradient(90deg,#fff 38%,#fff9f5 100%);overflow:hidden}.rd-hero__inner{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:510px;gap:0}.rd-hero__copy{z-index:1;padding:50px 0 45px}.rd-crumbs{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:11px;font-weight:800;color:#5473ee;letter-spacing:.07em;margin-bottom:27px}.rd-crumbs span{color:#aaa5c1}.rd-chip{display:inline-flex;padding:9px 13px;border-radius:23px;background:#fff2df;color:#9c672f;font-weight:700;font-size:12px}.rd-hero h1{font-size:clamp(37px,3.5vw,56px);font-weight:750;line-height:1.12;margin:17px 0 17px}.rd-hero h1 span,.rd-preview h2 span,.rd-final h2 span{display:block;background:linear-gradient(95deg,#4269ff,#9c50ec);color:transparent;background-clip:text;-webkit-background-clip:text}.rd-hero__copy>p{font-size:15px;line-height:1.76;color:#6a7184;max-width:520px;margin:0 0 24px}.rd-actions{display:flex;gap:12px;flex-wrap:wrap}.rd-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:49px;padding:13px 22px;border:1px solid #e6e7ed;border-radius:9px;font-size:14px;font-weight:720;white-space:nowrap}.rd-btn svg{width:17px;height:17px}.rd-btn--dark{background:#15151b;color:#fff;border-color:#15151b;box-shadow:0 6px 14px #15151b17}.rd-btn--dark:hover{background:#33323b}.rd-btn--light{background:#fff;color:#15151b}.rd-btn--light:hover{background:#f3f2fa}.rd-checks{display:flex;gap:12px 22px;flex-wrap:wrap;list-style:none;padding:0;margin:30px 0 0}.rd-checks li{font-size:12px;font-weight:650;white-space:nowrap}.rd-checks li:before{content:'✓';color:#1abf86;margin-right:7px;padding:3px 6px;border-radius:50%;background:#dffbef}.rd-hero__visual{align-self:stretch;display:flex;align-items:center;justify-content:center;position:relative}.rd-hero__visual img{width:115%;max-width:none;height:auto;filter:drop-shadow(0 25px 28px #4632221e);border-radius:12px}.rd-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e9e9f2;border-radius:17px;box-shadow:0 12px 32px #1815280a;margin-top:32px;padding:23px 0}.rd-benefit{padding:0 25px;border-right:1px solid #ececf1}.rd-benefit:last-child{border:0}.rd-benefit__icon,.rd-feature__icon{display:grid;place-items:center;width:49px;height:49px;border-radius:14px}.rd-benefit__icon svg,.rd-feature__icon svg{width:25px;height:25px}.rd-color-0{color:#8655f1;background:#efeaff}.rd-color-1{color:#1ac194;background:#e5faf2}.rd-color-2{color:#5378f6;background:#edf1ff}.rd-color-3{color:#e69737;background:#fff1e4}.rd-benefit strong{display:block;font-size:14px;margin:14px 0 7px}.rd-benefit p{font-size:13px;line-height:1.5;color:#7e8494;margin:0}.rd-preview{padding-top:68px;display:grid;grid-template-columns:32% 68%;gap:30px;align-items:center}.rd-overline{font-size:11px;letter-spacing:.17em;color:#8262fc;font-weight:800}.rd-preview h2{font-size:clamp(31px,3vw,44px);line-height:1.12;margin:17px 0 19px}.rd-preview__intro>p{font-size:15px;line-height:1.8;color:#73798b;max-width:350px}.rd-preview__controls{display:flex;gap:12px;margin-top:39px}.rd-preview__controls button{width:46px;height:46px;border:1px solid #e9eaf0;background:#fff;border-radius:50%;font-size:24px;cursor:pointer}.rd-preview__controls button:hover{background:#f4f1ff}.rd-preview__media{min-width:0}.rd-preview__frame{height:340px;border-radius:14px;overflow:hidden;background:#f5ede6;box-shadow:0 15px 35px #0000000b}.rd-preview__frame img{width:100%;height:100%;object-fit:contain}.rd-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.rd-thumbs button{border:2px solid transparent;border-radius:9px;background:#f3f1f3;padding:3px;cursor:pointer;height:94px;overflow:hidden}.rd-thumbs button.is-active{border-color:#8458f4;box-shadow:0 0 0 2px #8458f424}.rd-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:5px}.rd-preview__caption{text-align:right;font-size:12px;color:#8a8698;margin:8px 0 0}.rd-features{text-align:center;padding:80px 0 66px}.rd-features h2{font-size:clamp(32px,3vw,43px);margin:12px 0 8px}.rd-features>p{font-size:14px;color:#7b8193;margin:0 0 32px}.rd-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;text-align:left}.rd-feature{display:flex;gap:13px;min-height:118px;padding:20px 16px;border:1px solid #eeedf3;border-radius:13px;box-shadow:0 7px 23px #1e183b07}.rd-feature__icon{width:42px;height:42px;flex-shrink:0}.rd-feature__icon svg{width:23px;height:23px}.rd-feature h3{font-size:14px;margin:4px 0 7px}.rd-feature p{font-size:12px;color:#82879a;line-height:1.55;margin:0}.rd-final{text-align:center;padding:46px 0 55px;border-radius:16px 16px 0 0;background:radial-gradient(ellipse at 7% 84%,#eee7ff,transparent 34%),radial-gradient(ellipse at 93% 80%,#eee9ff,transparent 37%),#faf9ff;border:1px solid #eee8fe}.rd-final h2{font-size:clamp(26px,3vw,38px);margin:16px 0 10px}.rd-final h2 span{display:inline}.rd-final p{font-size:14px;color:#777f91;margin:0 0 24px}.rd-final .rd-actions{justify-content:center}@media(max-width:1100px){.rd-hero__inner{grid-template-columns:48% 52%}.rd-benefit{padding:0 17px}.rd-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.rd-hero__inner{grid-template-columns:1fr}.rd-hero__copy{padding:34px 0 0}.rd-hero__visual{max-height:370px;overflow:hidden}.rd-hero__visual img{width:100%;max-width:620px}.rd-benefits{grid-template-columns:repeat(2,1fr);gap:0;padding:0}.rd-benefit{padding:20px;border-bottom:1px solid #ececf1}.rd-benefit:nth-child(even){border-right:0}.rd-benefit:nth-last-child(-n+2){border-bottom:0}.rd-preview{grid-template-columns:1fr;padding-top:52px}.rd-preview__intro>p{max-width:unset}.rd-preview__controls{margin-top:18px}.rd-preview__frame{height:300px}.rd-features{padding:54px 0}.rd-hero h1{font-size:39px}}@media(max-width:480px){.rd-hero h1{font-size:35px}.rd-checks{gap:14px}.rd-actions .rd-btn{flex:1;padding:12px}.rd-benefit{padding:15px}.rd-benefit strong{font-size:12px}.rd-benefit p{font-size:11px}.rd-preview__frame{height:245px}.rd-thumbs button{height:69px}.rd-feature-grid{grid-template-columns:1fr;gap:12px}.rd-feature{min-height:85px}.rd-final .rd-actions{flex-direction:column}.rd-final .rd-btn{width:100%}}
/* Restaurant Modern — visual alignment refinement */
.rd-hero{background:radial-gradient(ellipse at 94% 18%,rgba(234,181,120,.20),transparent 50%),linear-gradient(90deg,#fff 0%,#fff 42%,#fff9f4 100%)}
.rd-hero__inner{grid-template-columns:minmax(0,46%) minmax(0,54%);min-height:490px;column-gap:0}
.rd-hero__copy{min-width:0;position:relative;z-index:2;padding:48px 24px 48px 0}
.rd-hero h1{max-width:520px;font-size:clamp(32px,3.05vw,48px);line-height:1.13;overflow-wrap:normal}
.rd-hero h1 span{background-image:linear-gradient(100deg,#4269ff 5%,#9954f2 90%)}
.rd-hero__copy>p{max-width:480px;font-size:14px}
.rd-hero__visual{min-width:0;overflow:visible;align-self:center}
.rd-hero__visual img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1000 / 680;object-fit:cover;object-position:center;box-shadow:0 15px 45px rgba(65,34,20,.10);filter:none;border-radius:13px}
.rd-checks{gap:12px 15px;margin-top:26px}
.rd-checks li{font-size:11px}
.rd-benefits{margin-top:38px;padding:25px 0}
.rd-preview{grid-template-columns:minmax(0,34%) minmax(0,1fr);column-gap:42px;align-items:center;padding-top:72px}
.rd-preview__media{min-width:0}
.rd-preview__frame{height:385px;background:#fff;border:1px solid #efebe6;box-shadow:0 15px 38px rgba(25,20,30,.08)}
.rd-preview__frame img{width:100%;height:100%;object-fit:cover;object-position:top center}
.rd-thumbs{margin-top:11px;gap:12px}
.rd-thumbs button{height:92px;background:#fff}
.rd-preview__caption{margin-top:7px}
.rd-feature{align-items:flex-start}
.rd-final{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 2% 98%,#eee8ff,transparent 42%),radial-gradient(ellipse at 100% 97%,#eee8ff,transparent 42%),#fbfaff}
.rd-final::before,.rd-final::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:52%;height:145px;border-top:1px solid rgba(155,133,246,.23);border-radius:50%;bottom:-63px}
.rd-final::before{left:-9%;transform:rotate(12deg)}
.rd-final::after{right:-9%;transform:rotate(-12deg)}
@media(max-width:1100px) and (min-width:761px){
 .rd-hero__inner{grid-template-columns:minmax(0,47%) minmax(0,53%)}
 .rd-hero h1{font-size:clamp(29px,3.2vw,37px)}
 .rd-hero__copy{padding-right:16px}
 .rd-hero__copy>p{font-size:13px}
 .rd-checks li{font-size:10px}
 .rd-preview{grid-template-columns:minmax(0,34%) minmax(0,1fr);column-gap:25px}
 .rd-preview__frame{height:310px}
}
@media(max-width:760px){
 .rd-hero__inner{grid-template-columns:minmax(0,1fr);min-height:0}
 .rd-hero__copy{padding:35px 0 15px}
 .rd-hero h1{font-size:clamp(34px,7vw,45px);max-width:550px}
 .rd-hero__visual{max-height:none;overflow:visible;padding-bottom:22px}
 .rd-hero__visual img{max-width:580px;width:100%;height:auto}
 .rd-preview{grid-template-columns:minmax(0,1fr);gap:23px}
 .rd-preview__frame{height:clamp(240px,52vw,370px)}
}
@media(max-width:480px){
 .rd-hero h1{font-size:clamp(31px,8.2vw,38px)}
 .rd-hero__copy>p{font-size:13px}
 .rd-preview__frame{height:230px}
 .rd-thumbs button{height:72px}
}

/* Restaurant Modern screenshot gallery */
.rd-preview__frame{height:auto;aspect-ratio:16/10;max-height:500px;background:#171719;border:1px solid #e7e2dc}
.rd-preview__frame img{object-fit:contain;object-position:center;background:#171719}
.rd-thumbs{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 5px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.rd-thumbs button{flex:1 0 calc(20% - 8px);min-width:0;height:82px;scroll-snap-align:start}
.rd-thumbs button:focus-visible{outline:3px solid #8458f4;outline-offset:2px}
@media(max-width:760px){.rd-preview__frame{height:auto;aspect-ratio:16/10;max-height:none}.rd-thumbs{gap:8px}.rd-thumbs button{flex:0 0 68px;height:72px}}
@media(max-width:480px){.rd-preview__frame{height:auto;aspect-ratio:16/10}.rd-thumbs button{flex-basis:62px;height:66px}}

/* Refined gallery navigation */
.rd-preview__controls{gap:12px}
.rd-preview__controls button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #e5e2ee;border-radius:50%;background:#fff;color:#292536;box-shadow:0 5px 18px rgba(39,31,69,.07);font-size:initial;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.rd-preview__controls button svg{display:block;width:21px;height:21px;flex:none;stroke:currentColor}
.rd-preview__controls button:hover{background:#7055ee;border-color:#7055ee;color:#fff;box-shadow:0 8px 22px rgba(112,85,238,.24);transform:translateY(-2px)}
.rd-preview__controls button:active{transform:translateY(0)}
.rd-preview__controls button:focus-visible{outline:3px solid #a797ff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.rd-preview__controls button{transition:none}.rd-preview__controls button:hover{transform:none}}