.dc-section{background-color:var(--color-surface-100);border-bottom:1px solid var(--color-surface-200)}.dc-layout{display:grid;grid-template-columns:1fr;gap:64px;align-items:center}.dc-text .section-title{color:#1b4428!important}@media(min-width:1024px){.dc-layout{grid-template-columns:1fr 1fr}}.dc-par{font-size:18px;color:var(--color-innhance-navy);opacity:.8;line-height:1.6;margin-top:24px;max-width:480px}.dc-visual{display:flex;justify-content:center}.dc-phone-ui{width:100%;max-width:320px;background:var(--color-surface-50);border:8px solid var(--color-white);border-radius:40px;height:500px;box-shadow:0 25px 50px -12px #00000026;position:relative;overflow:hidden;display:flex;flex-direction:column}.dc-header-mock{background:var(--color-racing-green);color:var(--color-antique-parchment)!important;padding:32px 24px 24px;font-weight:700;font-size:18px}.room-badge{display:inline-block;background:var(--color-polished-brass);color:var(--color-antique-parchment)!important;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:800;margin-top:8px}.dc-menu-grid{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1}.dc-menu-item{background:var(--color-white);border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;cursor:pointer;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;border:1px solid var(--color-surface-200)}.dc-menu-item:hover{transform:translateY(-4px);border-color:var(--color-polished-brass);box-shadow:0 10px 15px -3px #0000001a}.menu-icon{background:#b08d5733;color:var(--color-racing-green)!important;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.menu-title{font-size:13px;font-weight:700;color:var(--color-racing-green)!important}.dc-toast{position:absolute;bottom:32px;left:32px;right:32px;background:var(--color-racing-green);color:var(--color-polished-brass);padding:16px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;box-shadow:0 10px 25px -5px #0000004d}@media(max-width:768px){.dc-phone-ui{max-width:280px;height:440px;border-radius:32px}.dc-header-mock{padding:24px 18px 18px;font-size:16px}.dc-menu-grid{padding:16px;gap:12px}.dc-menu-item{padding:18px 12px;border-radius:12px;gap:8px}.menu-icon{width:40px;height:40px}.menu-title{font-size:11px}.dc-toast{left:16px;right:16px;bottom:20px;font-size:12px;padding:12px}.dc-par{font-size:15px}}